.resume_about textarea{width:100%;}
.center_page{display:inline-block;margin-top:20px;margin-bottom:20px;width:100%;}
.center_page > div.header-site{text-align:center;border-radius:20px;}
.center_page > div.header-site > div.close-div{float:left;}

.center_page{overflow:auto;}
.center_page table{width: 100%;text-align: center;line-height: 25px;border: 1px solid #a8a8a8;background-color: white;min-width:max-content;}
.center_page table > tbody{}
.center_page table > tbody > tr{cursor:pointer;}
.center_page table > tbody > tr.tr{background: linear-gradient(175deg, rgb(28 141 211) 5.3%, rgb(56 56 56) 102.34%);color:white;cursor:inherit;}
.center_page table > tbody > tr:nth-child(odd){background-color: #dcdcdc;}
.center_page table > tbody > tr.tr{background: linear-gradient(175deg, rgb(16 149 196) 5.3%, rgb(21 152 81) 102.34%);}
.center_page table > tbody > tr.tr > td{padding:6px;}
.center_page table > tbody > tr > td{border-bottom: 1px solid #b6b9bb;padding:3px;border-left: 1px solid #bebebe}
.center_page table > tbody > tr > td > a{display:inline-block;width: 100%;}
.center_page table > tbody > tr > td label{width:90%;}
.center_page table > tbody > tr > td input{position:relative;top:10px;right:10px;}

.view-item-site{display:none;position:fixed;top:0;bottom:0;right:0;left:0;z-index:99999999;background-color: #0000008f;}
.view-item-site div.text{background-color: white;display: table;padding: 50px 20px;position: relative;top: 10ch;bottom: 0;left: 0;right: 0;margin-left: auto;margin-right: auto;border-radius:16px;font-weight:500;}
.view-item-site div.text > div.header{position: absolute;top: 0;text-align: center;left: 0;right: 0;background: #13839a;color: white;border-radius:16px 16px 0 0;}
.view-item-site div.text > div.header > i{float:right;background-color: #c53509;padding:3px;font-size:18px;border-radius:20px;}
.view-item-site div.text > i{display:block;text-align:center;font-size:36px;}
.view-item-site div.text label{display:inline-block;width:100%;}
.view-item-site div.text textarea{display:inline-block;width:100%;border: 1px solid #9e9e9e;min-height:160px;}
.view-item-site div.text input{display:inline-block;width:100%;border: 1px solid #9e9e9e;}
.view-item-site div.text select{display:inline-block;width:100%;border: 1px solid #9e9e9e;}

.center-interview{border: 1px solid #d5d5d5;padding:6px;border-radius:6px;margin-top:60px;background-color: #f4f4f4;}
.center-interview div.text{border-bottom:1px solid #d5d5d5;padding:3px;text-align:center;color:#1da000;}
.center-interview div.terms{background: linear-gradient(175deg, rgb(207 207 207) 5.3%, rgb(161 116 113) 102.34%);padding:6px;margin-bottom:6px;border-radius:6px;display:inline-block;}
.center-interview div.terms > i{font-size:26px;}
.center-interview ul{}
.center-interview ul > li{}

.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%;}

.center-direction{border: 1px solid #d5d5d5;padding:6px;border-radius:6px;margin-top:60px;background-color: #f4f4f4;}
.center-direction > div.header{border-bottom:1px solid #d5d5d5;padding:3px;text-align:center;}
.center-direction > div.text{padding:6px;}

.view-total-amount-resume div.view-total-amount{border:1px solid black;margin-top:3px;font-size:13px;color: white;border-radius:16px;/*background: linear-gradient(175deg, rgb(97 108 130) 5.3%, rgb(5 44 83));*/background: linear-gradient(66deg, rgb(239 239 239) 5.3%, rgb(0 88 197));}
.view-total-amount-resume div.view-total-amount > ul{padding:0;margin:0;}
.view-total-amount-resume div.view-total-amount > ul > li{border-bottom:1px solid #a0a0a0;padding:6px;border-radius:16px;position: relative;}
.view-total-amount-resume div.view-total-amount > ul > li > span{position: absolute;left: 26px;font-size:16px;}

.alert-warning-ready{background: linear-gradient(175deg, rgb(31 228 73) 5.3%, rgb(35 86 3) 102.34%);color: white;text-align:center;border-radius:20px;margin-bottom:20px;filter: drop-shadow(0px 2px 4px black);}
.alert-warning-ready > i{font-size:26px;}

.alert-warning-not-ready{background: linear-gradient(175deg, rgb(211 82 32) 5.3%, rgb(123 8 0) 102.34%);color: white;text-align:center;border-radius:20px;margin-bottom:20px;filter: drop-shadow(0px 2px 4px black);}
.alert-warning-not-ready > i{font-size:26px;}

.center-user-send{}
.center-user-send > ul{text-align:center;}
.center-user-send > ul > li{margin-left:6px;margin-top:6px;}
.center-user-send > ul > li > a{display: inline-block;width: 196px;height: 196px;text-align: center;background: linear-gradient(175deg, rgb(8 62 176) 5.3%, rgb(52 202 0) 102.34%);line-height: 40px;color: white;border-bottom:6px solid #138f49;margin-left:6px;margin-top:6px;font-weight:500;filter: drop-shadow(0px 4px 4px black);border-radius:160px;}
.center-user-send > ul > li > a > i{font-size:96px;display:block;}

.center-resume-send-agahi{position: fixed;z-index: 99999999;background-color: #f7f7f7;width: 100%;border: 1px solid #696d70;bottom:0;border-radius:20px 20px 0 0 ;display:none;padding-bottom:20px;}
.center-resume-send-agahi > div.header{padding:16PX;text-align:center;background: linear-gradient(175deg, rgb(255 168 0) 5.3%, rgb(0 244 255) 102.34%);margin-bottom:20px;border-radius:20px 20px 0 0 ;}
.center-resume-send-agahi > div.title{padding:6px;margin-top:60px;margin-bottom:6px;border-radius:20px;}
.center-resume-send-agahi > div.title > span{color:red;}
.center-resume-send-agahi > form > ul{text-align:center;}
.center-resume-send-agahi > form > ul > li{padding:6px;font-weight:500;display:inline-block;text-align:center;line-height:36px;}
.center-resume-send-agahi > form > ul > li > span{/*display:inline-block;*/margin-right:16px;/*display:inline-block;*/vertical-align:middle;width:60%;}
.center-resume-send-agahi > form > ul > li > span > input{vertical-align:middle;margin-left:10px;}
.center-resume-send-agahi > form > ul > li > span > input[type=text]{border:1px solid #a0a0a0;width:100%;}
.center-resume-send-agahi > form > ul > li select{border:1px solid #a0a0a0;width:100%;padding:6px;}
.center-resume-send-agahi > form > ul > li span.textarea{width:86%;}
.center-resume-send-agahi > form > ul > li textarea{border:1px solid #a0a0a0;width:100%;padding:6px;min-height:160px;}

.center-view-interview{display: inline-block;background-color: #f3f3f3;width: 100%;border:1px solid #b7b7b7;padding:16px;border-radius:16px;position:relative;}
.center-view-interview > div.header{background: linear-gradient(175deg, rgb(27 51 110) 5.3%, rgb(210 21 112) 102.34%);position: absolute;left: 0;top: 0;right: 0;width: 100%;display: inline-block;text-align:center;padding:6px;color:white;border-radius:16px 16px 0 0;}
.center-view-interview > div.header > i{font-size:20px;}
.center-view-interview > ul{margin-top:20px;}
.center-view-interview > ul > li{padding:6px;}
.center-view-interview > ul > li > i{font-size:18px;color: #787878;margin-left:10px;}
.center-view-interview > ul > li > span{font-weight:500;}

.setting-resume{margin-top:6px;background-color:#ebebeb;}
.setting-resume ul{text-align:center;padding:6px;}
.setting-resume ul > li{padding:6px;background: linear-gradient(175deg, rgb(32 211 130) 5.3%, rgb(2 151 227) 102.34%);display:inline-block;width:336px;border-radius:20px;text-align:center;margin-top:6px;}
.setting-resume ul > li > span{margin-right:6px;}
.setting-resume ul > li > label{}
.setting-resume ul > li > span > input{}

.center-setting{}
.center-setting div.center_page{margin:0;}
.center-setting > div.center-status-panel{background-color: #ebebeb;}
.center-setting div.header{text-align:center;background: linear-gradient(175deg, rgb(229 229 229) 5.3%, rgb(174 174 174) 102.34%);padding:3px;margin-bottom:16px;}
.center-setting div.header > i{font-size:18px;vertical-align:middle;}
.center-setting div.date-expr{color:#c50f0f;margin-bottom:16px;}
.center-setting div.date-expr > i{font-size:18px;}

.center-view-resume{min-height:100%;background-color: #f3f3f3;}
.center-view-resume > div.name{height:360px;padding:0;clip-path: polygon(0 0, 100% 0, 100% 100%, 126% 100%, 0 23%);color:white;background: linear-gradient(166deg, rgb(19 203 189) 6.3%, rgb(131 2 255) 102.34%);}
.center-view-resume > div.name > div.user_name{text-align:center;font-size:26px;position: relative;top: 0;filter: drop-shadow(0px 6px 2px black);}
.center-view-resume > div.name ul{position:absolute;top:20px;padding:6px;}
.center-view-resume > div.name ul > li{filter: drop-shadow(0px 6px 2px black);display:inline-block;width:49%;}
.center-view-resume > div.name ul > li > span{}
.center-view-resume > div.name > div.user_number > ul{}
.center-view-resume > div.name > div.user_number > ul > li{width:100%;}
.center-view-resume > div.name > div.user_number > ul > li > span{}
.center-view-resume > div.img{height:360px;padding:0;}
.center-view-resume > div.img > img{width:100%;height:100%;clip-path: polygon(0 0, 100% 0, 100% 100%, 126% 100%, 0 83%);}
.center-view-resume > div.title-resume{display: table;margin-left: auto;margin-right: auto;background: linear-gradient(175deg, rgb(40 43 146) 5.3%, rgb(2 161 227) 102.34%);padding: 6px;color: white;width: 98%;text-align: center;border-radius:20px;position:relative;font-weight:500;font-size:18px;}
.center-view-resume > div.title-resume > i{float:right;background: linear-gradient(175deg, rgb(28 190 197) 5.3%, rgb(0 84 255));font-size: 36px;padding: 16px;position: absolute;right: 0;top: -16px;border-radius:20px;}
.center-view-resume > div.title-resume > span{}
.center-view-resume > div.center-specifications > table{width: 100%;text-align: center;border: 1px solid #989898;}
.center-view-resume > div.center-specifications > table > tbody > tr.tr{background: linear-gradient(175deg, rgb(40 101 146) 5.3%, rgb(39 228 255));line-height:32px;}
.center-view-resume > div.center-specifications > table > tbody > tr{line-height:28px;}
.center-view-resume > div.center-specifications > table > tbody > tr > td{border-left:1px solid #989898;border-bottom:1px solid #989898;}

.center-specifications{background-color:white;padding:20px;margin-bottom:20px;display:inline-block;width:100%;}
.center-specifications > ul{position:relative;top:16px;}
.center-specifications > ul > li{display:inline-block;position:relative;}
.center-specifications > ul > li span.background{background-color:white;position:relative;z-index:99;}
.center-specifications > ul > li span.view_resume_field{border: 1px solid #a5a5a5;padding: 6px;display: inline-block;margin-left: 3px;}
.center-specifications > ul > li.line-height{line-height:126px;width:100%;}
.center-specifications div.hr{display:inline-block;width:100%;border:1px solid #d7d7d7;position:absolute;top:62px;left:0;right:0;}

.center-resume-job{border: 1px solid #afaeae;padding:0;border-radius:20px;margin-top:6px;}
.center-resume-job > div.header-resume-job{color:white;text-align:center;background: linear-gradient(175deg, rgb(35 134 187) 5.3%, rgb(21 179 210) 102.34%);border-radius:20px 20px 0 0;padding:6px;}
.center-resume-job > ul{padding:6px;}
.center-resume-job > ul > li{display:inline-block;padding:3px;width:50%;}
.center-resume-job > ul > li.background-li{}

.center-resume-panel{}
.center-resume-panel > div{background: linear-gradient(175deg, rgb(161 50 235) 5.3%, rgb(0 122 246));margin-top:6px;padding:6px;border-radius:20px;}
.center-resume-panel > div > label{color:white;}
.center-resume-panel > div > input{width:auto!important;}
.center-resume-panel > div > input[type=checkbox]:before{top:8px;right:0;}
.center-resume-panel > div > input[type=checkbox]:checked:after, input[type=radio]:checked:after{top:-4px;left:2px;}

.view-total-amount-resume{overflow:auto;}
.view-total-amount-resume > table{min-width:min-content;}
.view-total-amount-resume > table > tbody{}
.view-total-amount-resume > table > tbody > tr.tr{}
.view-total-amount-resume > table > tbody > tr{}
.view-total-amount-resume > table > tbody > tr > td{}

.center_success_portal{}
.center_success_portal > div.text_success{text-align:center;color: #239f00;font-size:18px;font-weight:500;}

.tracking_code{}
.tracking_code > spsn{}

.resume_name{text-align: center;font-weight: 600;color: #1a5197;font-size: 16px;}
.view_portal_resume{}
.view_portal_resume > span{display: inline-block;width: 96%;border: 1px solid #5cb3ff;margin-top: 8px;border-radius: 6px;padding: 6px;color: #1985e3;font-weight: 500;font-size: 12px;}
.view_portal_resume > span:hover{background-color: #d5e8ff;cursor: pointer;}
.view_portal_resume > span > i{font-size: 20px; color: #5cb3ff;}

.center-dork{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #ffffffa8;z-index: 9999;text-align:center;}
.center-dork > div.close-div-resume-edit{text-align: center;position: absolute;left: 0;right: 0;top:40px;}
.center-dork > div.close-div-resume-edit > i{background-color: red;width: 36px;height: 36px;text-align: center;font-size:26px;line-height: 36px;color: white;border-radius: 20px;}
.center-dork > div.center-list-btn-edit{border: 1px solid #0e9a00;display: inline-block;background-color: white;padding:6px;border-radius:116px;position:relative;top:10ch;width:326px;}
.center-dork > div.center-list-btn-edit > ul{padding:0;margin:0;}
.center-dork > div.center-list-btn-edit > ul > li{display:inline-block;width:120px;font-size:12px;margin-left:1px;}
.center-dork > div.center-list-btn-edit > ul > li > a{background: linear-gradient(175deg, rgb(31 217 54) 5.3%, rgb(8 117 16) 102.34%);padding:6px;display:inline-block;color:white;width:100%;margin-top:3px;border-radius:60px;height:120px;line-height:103px;border: 3px solid #cacaca;}
.center-dork > div.center-list-btn-edit > ul > li > a > i{}

.view_select_panel_payment{}
.view_select_panel_payment > div.view-btn{text-align: center;margin-top: 6px;}
.view_select_panel_payment > ul{}
.view_select_panel_payment > ul > li{display: table;border: 1px solid #9828ff;margin-top: 3px;margin-left: 3px;border-radius: 6px;margin-right: auto;margin-left: auto;min-width: 286px;text-align: center;cursor: pointer;}
.view_select_panel_payment > ul > li:hover{background-color: #620faf;color: white;transition: all 1s;}
.view_select_panel_payment > ul > li:hover > span{color: black;}
.view_select_panel_payment > ul > li > span{color: #6b6b6b;}
.view_select_panel_payment > ul > li > span > i{float: right;color: #eb3636;font-size: 21px;}
.view_select_panel_payment > ul > li > div.text-doc{font-size: 18px;font-weight: 500;}
.view_select_panel_payment > ul > li > div.view-more-details{background-color: #9616ad;color: white;display: block;float: left;border-radius: 0 6px;padding: 6px;}

.onclick-view-more-details{background-color: #0066ff;color: white;border: 3px solid black;border-radius: 6px;position: absolute;left: 0;right: 0;top: 25ch;width: 50%;margin-left: auto;margin-right: auto;padding: 6px;border-radius: 6px;}
.onclick-view-more-details div.warning{width: 100%;margin-top: 6px;margin-bottom: 6px;font-size: 36px;text-align: center;}
.onclick-view-more-details > div.warning > i{color: #0e418b;}

.onclick-view-more-details div.close{position: absolute;left: 0;top: 0;}
.onclick-view-more-details > div.close > i{border: 1px solid white;border-radius: 26px;padding: 6px;cursor: pointer;}

.center_error_portal{}
.center_error_portal > span.alert{text-align: center;display: inline-block;width: 100%;background: linear-gradient(175deg, rgb(255 198 106) 5.3%, rgb(149 95 11) 102.34%);}
.center_error_portal > div.text_cancel{text-align:center;color:red;font-size:18px;font-weight:500;}

.center-img-file{display:inline-block;float:left;position:relative;border-radius:96px;border:1px solid #a0a0a0;background-color:white;}
.center-img-file > a{}
.center-img-file > a > img{width:120px;height:120px;border-radius:96px;}

.center-percentage{display: inline-block;float: left;height: 128px;}
.center-percentage-skill-resume {position: relative;width: 125px;height: 62px;border-top-left-radius: 113px;border-top-right-radius: 113px;border-bottom: 0;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.center-percentage-skill-resume span {color: black;z-index: 3;text-align: center;position: relative;top: 35px;}
.center-percentage-skill-resume:before {content: "";position: absolute;display: block;top: 0;left: 0;width: 100%;height: 200%;border-radius: 50%;background-image: conic-gradient(#c3891f, #26bf24 calc(var(--percentage, 0) / 2), #bbb 0);transition: transform .5s ease-in-out;z-index: 1;transform: rotate(360deg);}
.center-percentage-skill-resume:after {content: "";position: absolute;display: block;background-color: white;z-index: 2;width: calc(100% - 32px);height: calc(200% - 32px);border-radius: 50%;top: 16px;left: 16px;}


.tr-background{color:white;padding:6px;}

.view_file{}
.view_file img{width:160px;height:160px;border-radius:160px;}
.view-item{display:inline-block;width:100%;margin-top:16px;margin-bottom:16px;}
.center-form-job{background-color:white;border-radius:20px;padding:0;margin-top:16px;}
.center-form-job div.header-view-job{color:white;padding:3px;border-radius:16px 16px 0 0;text-align:center;}
.center-form-job input[type=checkbox]{width:auto!important;margin-left:6px;}
.center-form-job input[type=checkbox]:before{top:10px;}