.alert-danger-agahi{display: block;margin-left: auto;margin-right: auto;width: 80%;padding: 5px;background-color: #daeef5;margin-bottom: 3px;border: 3px solid #229fdb;}

.form-agahi{display: block;width: 98%;margin-left: auto;margin-right: auto;border: 1px solid #ffeedd;text-align: center;}
.center-job{}
.center-job > div.center-parent{}
.center-job > div.center-parent > ul{margin: 0;padding: 0;}
.center-job > div.center-parent > ul > li{display: inline-block;text-align: center;width: 198px;background-color: #efefef;margin-left: 3px;margin-top: 3px;padding: 3px;cursor: pointer;font-size: 13px;}
.center-job > div.center-parent > ul > li i{float: right;position: relative;top: 3px;}

.center-view-list-resume{display: inline-block;width: 160px;height: 160px;}
.center-view-list-resume > a{}
.center-view-list-resume > a > img{width:100%;height:100%;border: 3px solid #6195ff;border-radius:160px;}
.center-view-list-resume > a > div.text{font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;}

.center-job > div.center-add-job{min-height: 150px;border: 1px solid #8f8f8f;display: block;width: 80%;margin-left: auto;margin-right: auto;border-radius: 3px;box-shadow: 0 0 8px #8f8f8f;margin-top: 20px;width: 80%;}

.center-job > div.center-view-add{max-height: 380px;overflow: auto;padding: 8px;}
.center-job > div.center-view-add > ul{margin: 0;padding: 0;display: flex;flex-wrap: wrap;}
.center-job > div.center-view-add > ul > li{display: none;max-width:298px;background-color: #dbebf9;margin-left: 3px;margin-top: 3px;border-radius: 3px;flex-basis: 100%;font-size: 13px;}
.center-job > div.center-view-add > ul > li > label{width: 80%;cursor: pointer;}
.center-job > div.center-view-add > ul > li > input{vertical-align: middle;width: 18px;height: 18px;}

.center-job > div.center-add-job{text-align: right;}
.center-job > div.center-add-job > ul{margin: 0;padding: 0;}
.center-job > div.center-add-job > ul > li{display: inline-block;background-color: #efefef;margin-left: 3px;margin-top: 3px;text-align: center;min-width: 98px;border-radius: 3px;border: 1px solid #3f4040;}

.my-agahi{}
.my-agahi > table{width:100%;}
.my-agahi > table > thead{line-height:36px;text-align:center;}
.my-agahi > table > thead > tr{}
.my-agahi > table > thead > tr > th{border-left: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;}
.my-agahi > table > tbody > tr{}
.my-agahi > table > tbody > tr.tr{text-align:center;background: linear-gradient(175deg, rgb(0 103 255) 5.3%, rgb(0 191 255) 102.34%);}
.my-agahi > table > tbody > tr > td{border-left: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;padding:6px;font-weight:500;}
.my-agahi > table > tbody > tr > td > span{font-size:12px;color:#676767;font-weight:400;}

.agahi_contact div.col-xs-12{margin-top: 2px;text-align:center;height:116px;}
.agahi_contact > div.col-xs-12 > input{width:auto!important;}
.agahi_contact input[type=checkbox]:before {top:6px!important;}
.agahi_contact input[type=checkbox]:checked:after, input[type=radio]:checked:after {top:-4px!important;}
.agahi_contact label{padding:6px!important;}

.center-list-tag{}
.center-list-tag > ul{margin:0;padding:0;}
.center-list-tag > ul > li{display: inline-block;background-color: #e7e7e7;margin-top: 3px;margin-left: 3px;padding: 3px;border-radius:3px;}
.center-list-tag > ul > li > a{display:inline-block;width:100%;}
.center-list-tag > ul > li > a > h2{display:inline-block;font-weight:inherit;font-size:12px;}
.center-list-tag > ul > li > a > i{margin-top:5px;margin-left:3px;}

.view-text-success{text-align:center;padding:6px;font-size:26px;color:#a0afa1;font-weight:500;}

.center-face-camera{background-color: #2e3337;width: 90%;margin-left: auto;margin-right: auto;border-radius:20px;display:block;position:relative;}
.center-face-camera video{width:100%;}
.center-face-camera > #local_video > video{width:100%}
.center-face-camera > #local_video > #local_video{}
.center-face-camera > #local_video > #remote_video{}
.btn_cansel_camera{display:inline-block;}
#localVideoContainer{position:relative;z-index:9999;}
#local_video{float:right;width:150px;height:150px;}
#remoteVideoContainer{display:inline-block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;}
#remote_video{width:100%;height:100%;}

.container-agahi{}
.container-agahi > div.agahi-title{font-size:18px;padding:6px;font-weight:500;}

.center-view-contact{background-color: #f7f7f7;border: 1px solid #ffffff/*lightgrey*/;margin-bottom:6px;}
.center-view-contact > div.header{text-align:center;}
.center-view-contact > ul{margin:0;padding:0;}
.center-view-contact > ul > li{width:50%;display:inline-block;padding:6px;border: 1px solid #ededed;height:36px;margin-top:3px;}
.center-view-contact > ul > li a{}
.center-view-contact > ul > li img{width:26px;height:26px;margin-left:6px;}

.agahi-desc{padding:6px;border: 1px solid #d9d9d9;margin-bottom:6px;}

/*agahi final*/
.center-total-agahi{width: 80%;margin-left: auto;margin-right: auto;display: block;margin-top: 20px;margin-bottom: 20px;}
.center-total-agahi > table{width: 100%;border: 1px solid #8f8f8f;text-align: center;}
.center-total-agahi > table tr.background-tr{background-color: #afafaf;line-height: 30px;}
.center-total-agahi > table tr{}
.center-total-agahi > table tr > td{border-bottom: 1px solid #8f8f8f;border-left: 1px solid #8f8f8f;}

.center-view-agahi-final{}
.center-view-agahi-final table{width: 80%;border: 1px solid #8f8f8f;text-align: center;margin-left: auto;margin-right: auto;}
.center-view-agahi-final table tr{}
.center-view-agahi-final table tr.background-tr{background-color: #8f8f8f;color: #ffdf44;}
.center-view-agahi-final table tr > td{border-left: 1px solid #8f8f8f;border-bottom: 1px solid #8f8f8f;}
.center-view-agahi-final > span.text-payment{text-align: center;color: #ff5e00;font-size: 20px;display: inline-block;width: 100%;}
.center-view-agahi-final div.center-payment{display: table;border: 1px solid #8f8f8f;margin-left: auto;margin-right: auto;width: 80%;}
.center-view-agahi-final div.center-payment div.input-group{width: 100%;display: inline-block;padding: 5px;}
.center-view-agahi-final div.center-payment div.input-group > label{width: 118px;}
.center-view-agahi-final div.center-payment div.input-group > input{vertical-align: middle;width: 18px;height: 18px;}

.center-view-number-people{display: block;width: 280px;border: 1px solid #8f8f8f;margin-left: auto;margin-right: auto;margin-bottom: 20px;background-color: #efefef;border-radius: 3px;}
.center-view-number-people span{margin-left: auto;margin-right: auto;display: block;width: auto;text-align: center;font-size: 18px;color: #8f8f8f;}
.center-view-number-people div.input-group{}
.center-view-number-people div.input-group > input{width: 90%;background-color: #ffffff;padding: 3px;margin-left: auto;margin-right: auto;}

.view_agahi{}
.view_agahi h1{font-weight: inherit!important;}

.view-cart{display: block;margin-left: auto;margin-right: auto;width: 80%;border: 1px solid #8f8f8f;margin-top: 20px;}
.view-cart div.text-cart{padding: 13px;background-color: #dbedfd;margin-bottom: 5px;}
.view-cart div.view-text-cart{padding: 8px;text-align: center;color: #8f8f8f;}
.view-cart div.view-text-cart i{vertical-align: initial;}
.view-cart div.center-input-cart{padding: 8px;background-color: #fdf1db;margin-bottom: 5px;}
.view-cart div.input-group{display: inline-table;width: 100%;margin-bottom: 3px;}
.view-cart div.input-group > label{width: 208px;}
.view-cart div.input-group > input{background-color: #ffffff;border: 1px solid #bfbfbf;margin-right: 3px;padding: 3px;width: 208px;}

.view-pay-online{display: block;margin-left: auto;margin-right: auto;width: 80%;margin-top: 20px;border: 1px solid #8f8f8f;}
.view-pay-online > div.center-view-pay-online{background-color: #dfdfdf;margin-top: 3px;padding: 8px;}
.view-pay-online div.input-group{display: inline-block;width: 100%;margin-bottom: 3px;}
.view-pay-online div.input-group > label{width: 180px;}
.view-pay-online div.input-group div.view-text-pay-online{display: inline-block;color: #0f3a99;background-color: #efefef;width: 180px;padding: 3px;}
.view-pay-online div.input-group div.view-text-pay-online a{color: #0f3a99;}
.view-pay-online div.input-group div.view-text-pay-online a > img{width: 80px;margin-left: auto;margin-right: auto;display: block;}
.view-pay-online > div.text-pay-online{padding: 3px;}
.view-pay-online > div.img-pay-online{text-align: center;background-color: #fff8d5;}
.view-pay-online > div.img-pay-online > img{width: 80px;}

.center-agahi-special{border: 1px solid #8f8f8f;display: block;width: 80%;margin-left: auto;margin-right: auto;margin-bottom: 20px;background-color: #efefef;padding: 8px;}
.center-agahi-special > form{}
.center-agahi-special > form > div.input-group{}
.center-agahi-special > form > div.input-group > label{}
.center-agahi-special > form > div.input-group > input{width: 20px;height: 20px;vertical-align: middle;margin-left: 3px;}
.center-agahi-special > form > div.input-group > span{color: red;font-size: 12px;}

#alert_text_card_by_card{background-color: #d5ffde;padding: 3px;display: table;margin-left: auto;margin-right: auto;border-radius: 3px;margin-bottom: 3px;margin-top: 3px;}
#alert_text_card_by_card > i{font-size: 18px;color: #11f322;}

#alert_text_error_card_by_card{background-color: #ffd9d5;padding: 3px;display: table;margin-left: auto;margin-right: auto;border-radius: 3px;margin-bottom: 3px;margin-top: 3px;}
#alert_text_error_card_by_card > i{font-size: 18px;color: #f31111;}

.total-amount{color: #138fe7;}

/*employer*/
.center-employer-button{margin-top: 20px;margin-bottom: 20px;}
.center-employer-button > ul{margin-left: 0;padding: 0;}
.center-employer-button > ul > li{display: inline-block;width: 48%;border: 1px solid #377af5;border-radius: 3px;line-height: 30px;}
.center-employer-button > ul > li > a{display: inline-block;width: 100%;}
.center-employer-button > ul > li > a:hover{background-color: #0a5fab;color: white;}
.center-employer-button > ul > li > a i{float: right;background-color: #0a5fab;color: white;font-size: 23px;width: 28px;text-align: center;padding: 5px;margin-left: 3px;}