body {overflow-y:scroll; overflow-x:hidden;}
.jodit_toolbar_btn-fullsize{
  display:none !important;
  }
h1, h2, h3, h4, h5, h6 {font-weight:500;}
.main-login {font-size:.8em;}
/*https://agbriefmedia.azureedge.net/media/2018/11/blockchain.jpg*/

.main-login h1 {font-size:1.5em; margin:0 0 8px;}
.main-login p {margin:0; color:#818996;}
.main-login label, .input-container-1-label {color:#818996; width:100%; float:left; margin:16px 0 6px;}
.mh83vh {min-height:83vh;}

/*container input*/
.input-container-1 {border-radius:3px; width:100%; float:left; position:relative;}
/*icon*/
.input-container-1 i {font-size:1.5em; position:absolute; top:11px; left:14px;}
/*field*/
.select2-container {
  width: 100% !important;
  max-width:600px !important;
  padding: 0;
}
/*Select*/
.input-container-1 select { width:100%; padding:0 20px 0 50px; float:left; height:38px; border:none;}
.input-container-1 select option {padding:8px 10px !important; height:30px;}
.input-container-2 select { width:100%; padding:0 0 0 10px; float:left; height:34px; border:1px solid #ccc;}
.input-container-2 select option {padding:8px 10px !important; height:30px;}
/*warning*/
.input-container-1 > [js_field_warning] {color:#900; font-size:0.9em; position:absolute; top:105%; left:50px; float:left; white-space: nowrap; z-index:1;}
.input-container-1 > spa:after {content:' '; width:0; height:0; position:absolute; right:100%; top:40%; border-top:10px solid rgba(0, 0, 0, 0.25); border-right:0px solid transparent; border-left:14px solid transparent; float:left;}
/*checkbox*/
.input-container-1 input[type="checkbox"] {display:none;}
.labelcheck-1 {padding:6px 6px 6px 30px; float:left; background-image:url("../img/uncheck1.png"); background-position:6px 50%; background-size:14px 14px;}
input[type="checkbox"]:checked ~ .labelcheck-1 {background-image:url("../img/check1.png");}
.labelcheck-2 {background-image:url("../img/uncheck1.png"); background-position:0 0; background-size:16px 16px;}
input[type="checkbox"]:checked ~ .labelcheck-2, input[type="radio"]:checked ~ .labelcheck-2 {background-image:url("../img/check1.png");}
.cirbutton {color:#fff; border:none; padding:8px 14px 7px 22px;}
.icon-button {padding: 8px 14px 7px; border:none;}
.circle-notif {width:8px; height:8px; border-radius:100%; background:#fb0; position:absolute; top:8px; right:20px;}
.tab-notif-active {box-shadow:inset 0 0 4px 0 rgba(0, 0, 0, 0.1);}

.bg-container-2 {background-color: rgba(0, 0, 0, 0.2);}
.bg-container-2 input {background:transparent; color:#fff;}
.bg-container-2 input::placeholder {color:rgba(255, 255, 255, 0.5);}
.bg-container-2 input:-ms-input-placeholder {color:#fff;}
.bg-container-2 input::-ms-input-placeholder {color:#fff;}
.bg-container-2 i, .bg-container-1 i {color:#666}
.bg-container-3 i {color:#999;}
.bg-container-3 input {border-bottom:1px solid #ddd !important;}
.bg-container-3 select {color:#666; border-bottom:1px solid #ddd !important;}
.bg-container-3 input:focus, .bg-container-3 select:focus {border-bottom:1px solid #aaa !important;}

.select2-selection--single{
  height:38px !important;
  border:1px solid #ddd !important;
}
.select2-selection--single .select2-selection__rendered {
  color: #666 !important;
  line-height: 36px !important;
}
.select2-selection__arrow {top:6px !important;}

.jodit_toolbar {border:1px solid transparent !important;}
.jodit_container {border:10px solid #eee !important;}
.jodit_workplace {border:1px solid transparent !important;}
.jodit_statusbar {border:1px solid transparent !important;}

.bg-container-4 i {color:#999;}
.bg-container-4 input {border:1px solid #aaa !important; border-radius:6px;}
.bg-container-4 select {color:#666; border:1px solid #ddd !important;}

.bg-container-5 i {top:14px; left:14px;}
.bg-container-5 input[type="text"], .bg-container-5 input[type="tel"], .bg-container-5 input[type="date"] { color:#333; height:50px; border:1px solid #ddd; border-radius:4px; box-shadow:none;}
.bg-container-5 select { font-size:inherit; height:39px; color:#333; border:1px solid #ccc !important; border-radius:4px;}
.bg-container-5 input:focus, .bg-container-5 select:focus {border:2px solid rgb(57,65,212);}

.bg-kategori-question {background:#2e4292; color:#fff;}
.bg-kategori-1 {background:#fa0; color:#fff;}
.bg-kategori-2 {background:rgb(57,65,212); color:#fff;}
.bg-kategori-3 {background:rgb(0, 104, 9); color:#fff;}
.bg-kategori-4 {background:#900; color:#fff;}
.bg-kategori-5 {background:#333; color:#fff;}
.bg-kategori-6 {background:#06f; color:#fff;}

.bt-purple {background:rgb(57,65,212); color:#fff;}
.bt-purple:hover, .bt-purple:focus {background:#3937ca;}
.bt-purple:active {background:#504ee9; outline:none;}
.bt-orange {background:#ff9c0b; color:#fff;}
.bt-orange:hover, .bt-orange:focus {background:#d4782c;}
.bt-orange:active {background:#bb6d07;}
.bt-yellow {background:#fb0; color:#000;}
.bt-yellow:hover, .bt-orange:focus {background:rgb(255, 199, 46);}
.bt-yellow:active {background:rgb(255, 199, 46); color:#666;}
.bt-white {background:#fff; color:#444; border:1px solid transparent;}
.bt-white:hover, .bt-white:focus {background:#f8f8f8; border:1px solid #eee;}
.bt-white:active {background:#eee;}
.bt-silver {background:#eee; color:#444;}
.bt-silver:hover, .bt-silver:focus {background:#f8f8f8; color:#000;}
.bt-silver:active {background:#aaa;}
.bt-f8 {background:#f8f8f8; color:#333;}
.bt-f8:hover, .bt-silver:focus {background:#eee; color:#000;}
.bt-f8:active {background:transparent; color:#06f;}
.bt-blue {background:#3198aa; color:#fff;}
.bt-blue:hover, .bt-silver:focus {background:#228394; color:#fff;}
.bt-blue:active {background:#59abb9; color:#fc0;}
.bt-blue2 {background:#53c0c8; color:#fff;}
.bt-blue2:hover {background:#43a8af; color:#fff;}
.bt-blue2:active {background:#53c0c8; color:#fc0;}

.bt-op {background:rgba(255, 255, 255, 0.05); color:#ccc;}
.bt-op:hover {background:rgba(255, 255, 255, 0.03)}

.cl-yellow {color:#fb0;}
.cl-purple {color:rgb(57,65,212);}
.cl-purple:hover {color:#9391e9;}
.cl-silver {color:#999;}
.cl-silver:hover {color:#ccc;}
.cl-silver:active {color:#999;}
.cl-white {color:#fff;}
.cl-white:hover {color:#98a2af;}
.cl-white:active {color:#fff;}

.hv-darker:hover {background-color: rgba(0, 0, 0, 0.2);}
.bg-base {background-colo:#f8f8fb;}
.bg-card {background-color: rgb(255, 255, 255);}
.cl-card {color:#333;}
.bgs1 {background: rgb(70,179,187);
  background: linear-gradient(90deg, rgba(70,179,187,1) 0%, rgba(38,143,182,1) 57%, rgba(33,137,181,1) 68%, rgba(31,135,181,1) 77%, rgba(35,139,182,1) 82%, rgba(41,146,183,1) 87%, rgba(48,154,184,1) 91%, rgba(70,179,187,1) 100%);}
.bgs2 {
  background: rgb(35,139,182);
background: radial-gradient(circle, rgba(35,139,182,1) 0%, rgba(70,179,187,1) 100%);
}
.cls1 {color:#3198aa;}
.main-dashboard {color:#333; font-size:.8em; width:100%; max-width:1800px; margin:0 auto; clear:both; }
.dash-header {width:100%; float:left; padding:20px 3%; height:10vh; min-height:160px; border-radius:0 0 0 30px;}

.dash-logo { display:none; }
.dash-logo span {font-weight:600; margin:0 8px; font-size:20px; float:left;}
.dash-logo img {width:30px; float:left;}

.quick-access { margin:0 0 0 4%; width:40%; float:left; }
.quick-access input { padding:0 20px !important; float:left; height:38px; border:none;}
.quick-access i {display:none; }
.topdate { display:none; font-size:1.4em; float:right; padding:8px 24px; }
.topdate2 { float:right; padding:10px 14px 0; }
.topmenu { font-size:.8em; float:right; margin:0 5% 0 0; display:flex; }
.topmenu a {width:50px; margin:0 30% 0 0; text-align:center; float:right;}
.topmenu a span {clear:both; display:block}

.js_login_foto {width:80px; height:80px; margin:0 0 14px; border-radius:100%;}
.conleft-btn {display:block; padding:8px; position:relative; z-index:100; }
.conleft { min-height:500px; padding:0; border-radius:5px; background:rgb(31, 15, 70); box-shadow:0 0 10px 0 #666; }
.conleft > a {color:#8492a6;width:30%; padding:20px 0 36px; margin:5px 1.5%; border-radius:10px; max-height:110px; border-botto:1px solid #eee; overflow:hidden; float:left; text-align:center;}
.conleft > a i {font-size:28px; color:#8492a6;}
.conleft > a span {display:block; margin:8px 0 0;line-height:1em;}
.conleft > a:nth-child(odd){border-righ:1px solid #eee;}
.conleft > a:nth-child(even){border-righ:1px solid #eee;}
.conleft > a:hover {padding:16px 0 40px; background:rgb(57,65,212);}
.conleft > a:hover i {color:#fff;}
.conleft > a:hover span {color:#fff;}
.conleft > a:active {padding:20px 0 36px;}
.conleft-active {box-shadow:0 0 4px 0 rgb(36, 74, 131,0.2) !important;}
.conleft-active i {color:rgb(0, 0, 0) !important;}
.table-wrapper {width:100%; float:left; height:71vh; overflow:auto;}

.account-side {padding:40px 0 60px;}
.js_login_email {font-size:0.8em;}
.js_modal_menu {
    border-radius:5px;
    display:none;
    position:fixed;
    left:2%;
    top:70px;
    width:96%;
    height:100%;
    background-colo:rgba(255, 255, 255, 0.4);
    z-index:10;
}
.js_show_modal {display:block;}
.rileftcon { width:100%; clear:both; float:left; }

/* detail sesi */
.user_card {height: 383px; float:left; margin:10px 0 0 1%; width:99%; box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1)}
.skor-range {position:relative; margin:4px 0 10px;}
.skor-range span {max-height:30px; overflow:auto; position:absolute; top:0; font-size:0.8em; text-align:center; border-right:1px solid #ccc;}
.skor-range span:first-child {border-left:1px solid #ccc;}
.js_con_wawancara {width:100%; float:left; padding:0;}
/*-webkit-box-shadow: 0px 7px 12px -9px rgba(0,0,0,0.75); -moz-box-shadow: 0px 7px 12px -9px rgba(0,0,0,0.75); box-shadow: 0px 7px 12px -9px rgba(0,0,0,0.75);*/
.filter-con {width:100%; padding:0 1% 16px; float:left;}
.w8r {width:99%; margin:4px 1% 0 0; float:left;}
.w6r {width:99%; margin:4px 1% 0 0; float:left;}

.conright { margin-top:0; float:right; width:100%; border-radius:5px; min-height:300px; -webkit-box-shadow: 0px 7px 12px -9px rgba(0,0,0,0.75); -moz-box-shadow: 0px 7px 12px -9px rgba(0,0,0,0.75); box-shadow: 0px 7px 12px -9px rgba(0,0,0,0.75);}
div.dataTables_scrollBody thead {visibility: collapse;}
.js_dropdown {position:relative;}
.js_dropdown li {display:none; list-style:none; z-index:2; position: absolute; top:-14px; left:100%; width:180px; background:#fff; border-radius:3px;
  -webkit-box-shadow: 0px 10px 12px -4px rgba(184,184,184,1);
  -moz-box-shadow: 0px 10px 12px -4px rgba(184,184,184,1);
  box-shadow: 0px 10px 12px -4px rgba(184,184,184,1);}
.js_dropdown li a {padding:10px; width:100%; float:left;}
.js_dropdown li a:hover {background:#eee;}
.js_dropdown li a:active {background:#ddd;}
.js_dropdown_open li {height:152px !important;}
.js_table_item_selected {outline:1px solid #999;}

.modal-edit-corp {width:100%; max-width:1000px; max-height:100vh; overflow:auto; background:#fff; color:#666;}
.res-40-2, .res-55-2 {width:100%;}

/*image uploader*/
#img { display:none; }

.imgbutton { width:100%; margin:6px 0; padding:8px 0 0; height:20px; float:left; color:#fff; cursor:pointer; overflow:hidden; position:relative; }
.bar { background:rgb(57,65,212); width:0; height:40px; position:absolute; top:0; left:0; z-index:1; }
.editprofil option { padding:7px 10%; }
.imgtext { width:100%; padding:2px 0; height:30px; position:absolute; top:0; left:0; z-index:10; text-align:center; }

/*detail pelamar*/
.js_applicant_detail {width:100%; float:left; padding:18px 2.5% 0; white-space: nowrap;}
.js_applicant_detail_left {width:100%; float:left}
.js_applicant_detail p {line-height:1em;}
.bar-container {float:left; position: relative; width:100%; overflow-x:scroll; min-height:200px;}
.radar-container {float:left; position: relative; height:; width:100%; max-width:600px; min-width:300px;}

.list-1 { width:100%; max-height:44px; float:left; margin:0 0 8px; padding:7px 0 4px 60px; position:relative; white-space:nowrap; }
.list-1 i {position:absolute; top:0; left:0; float:left; padding:10px; height:44px; font-size:24px; color:#fff; background-color:rgba(0, 0, 0, 0.2);}
.list-1 p {font-size:.8em; color:#fff; margin:0;}
.list-1 span {font-size:1.4em; clear:both; color:#fff;}

.css_error_input_soal {background:rgb(255, 223, 223) !important;}

.ball {z-index:-1; float:left; border-radius:100%; position:absolute;}
.h-center-con {
  position:absolute;
	top:0;
	left:50%;
  transform:translate(-50%, 0);
}
.kode_con { box-shadow:0 0 26px 0 rgba(0, 0, 0, 0.2); min-width:300px; margin:6vh 0 0; padding:20px 1%; border:1px solid rgba(0, 0, 0, 0.1); border-radius:5px; }
.kode_field {
  width:19.2%;
  margin:0 0.4%;
  float:left;
}
.kode_field input {
  padding:0;
  width:100%;
  float:left;
  height:74px;
  border:none;
  border-radius:6px;
  font-size:30px;
  text-align:center;
  background:rgba(255, 255, 255, 0.1);
  color:#fff;
  font-weight:bold;
  text-shadow: 2px 1px #666;
}

.kode_field input:focus {
  color:#000;
  background:#fff;
  outline: none;
}

.kode_field input::placeholder {
  color:#fff;
}

.button2 {
  position:relative;
  padding:17px 60px 17px 28px;
  border-radius:6px;
  border:none;
  font-size:18px;
  color:#fff;
  overflow:hidden;
  width:100%;
  max-width:600px;
  text-align:left;
  box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.1);
}

.button2 i {
  position:absolute;
  right:0;
  top:0;
  padding:18px;
  background:#fff;
  color:#000;
  text-shadow:none;
}

.button2:hover, .button2:focus {
  background:#01679e;
  border-radius:30px;
}

.button2:hover i, .button2:focus i {
  right:50px;
  border-radius:100%;
  top:4px;
  padding:13px;
}

.button2:active {
  background: #2e4292;
}

.button2:active i {
  right:5px;
}

.circle40 {width:40px; height:40px; border-radius:100%; text-align:center; padding-top:10px;}
.bg-blue-1 {background: rgb(13,29,106); background: linear-gradient(162deg, rgba(13,29,106,1) 51%, rgba(7,13,45,1) 100%);}
.bg-blue-2 { background:#012dd6; background: linear-gradient(90deg, #5724d8 25%, #012dd6 100%);}
.bg-blue-3 {background: rgb(102,114,255); background: linear-gradient(90deg, rgba(102,114,255,1) 50%, rgba(91,190,255,1) 100%);}
.bg-blue-4 {background:#2e4292;}
.bg-blue-5 { background: rgb(46,66,146);
  background: linear-gradient(90deg, rgba(46,66,146,1) 0%, rgba(39,50,92,1) 100%);}
.bg-blue-6 {background:#2e4292 url(../img/bg1.jpg) no-repeat; background-position:50% 50%; background-size:100% 100%;}
.bg-blue-7 {background:#213178;}

.bg-silver-1 {background: rgb(238,238,238);background: linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(248,248,248,1) 55%);}
.clblue {color:#2e4292;}
.bdblue {border-color:#2e4292 !important;}
.clblue2 {color:#3198aa;}
.bdblue2 {border-color:#3198aa !important;}
.hvclblue:hover {color:#2e4292;}
.hvclblue:active {color:#fb0;}
.box-2 {padding:16px; background:#30396d; border-radius:10px; box-shadow:4px 4px 14px 0 rgba(0, 0, 0, 0.1);}
.box-2:hover {box-shadow:4px 10px 14px 0 rgba(0, 0, 0, 0.1);}
.box-2:active {box-shadow:4px 4px 14px 0 rgba(48, 0, 136, 0.3);}
.bar-scroller-hider {height:260px;}

/* Main Header */
.main-header {padding-top:43px;}
.main-nav {position:fixed; top:0; left:0; z-index:10;}
.r-main-menu-show {display:block !important;}
.menu-show-960 {display:block !important;}
.r-main-menu-hide {display:none;}
.menu-hide-960 {display:none;}
.tm1 {position:relative; padding:8px 40px 8px 0; height:43px; background:#2e4292;}
.tm1 img {position:absolute; top:-4px; right:-40px; height:47px;}
.tm1-text {display:none;}
.tm1-button {position:relative; top:-8px; height:43px; background:rgba(0, 0, 0, 0.1);}
.sm1 {width:100%; max-width:1800px;}
.sm1 input {height:60px; width:100%; padding:0 18px 0; border:none; border-top:5px solid #2e4292; font-size:1.1em; box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.2);}
.sm1 input:focus {box-shadow:inset 0 0 14px 0 rgba(68, 117, 173, 0.4);}
.tm2 {padding:10px 15px; height:42px; margin:0 4px 0; border-radius:3px; box-shadow:1px 1px 1px 0 rgba(0,0,0,0.1); position:relative; overflow:visible;}
.tm2:hover>i, .tm2:active>i {transform:scale(1.2);}
.t-dropdown {width:100%; height:100vh; background:#fff; display:none; border-radius:0; position:fixed; top:0; left:0;}
.t-dropdown-2 {width:100%; min-height:150px; max-height:50vh; overflow:auto; background:#fff; display:none; position:fixed; top:54px; left:0; box-shadow:6px 4px 10px 0 rgba(0,0,0,0.2);}
.t-close-btn {padding:5px 18px; font-size:2em; color:#666; z-index:5; float:right; position:absolute; top:0; right:0;}
.t-img-profile {width:70px; height:70px; position:relative; border:4px dashed #eee; border-radius:100%; overflow:hidden; margin:10px auto 0;}
.t-img-profile img {width:84%; border-radius:100%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.modal-height-1 {height:-webkit-calc(100vh - 56px);
  height:-moz-calc(100vh - 56px);
  height:calc(100vh - 56px);
}
.js_load_topsearch_job > a:hover, .js_load_topsearch_job > a:focus{ background:#eee; outline:none;}
.js_load_topsearch_perusahaan > a:hover, .js_load_topsearch_perusahaan > a:focus{ background:#83c2e4; outline:none;}

.thumbnail-wraper {overflow:hidden;}
.thumbnail-wraper img {width:100%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}

.tm3 {position:relative; width:100%; padding:13px 34px; height:43px; border-bottom:3px solid transparent;}
.tm3:hover, .tm3:active {border-bottom:3px solid #2e4292; color:#2e4292;}
.tm3-active:after {content:' '; width:0; height:0; position:absolute; left:46%; bottom:-3px; border-bottom:6px solid #fff; border-left:7px solid transparent; border-right:7px solid transparent; float:left;}
.tm3-active:hover, .tm3-active:active {border-bottom:3px solid transparent; color:#000;}
.tm4 {padding:13px 0 13px 0; margin:0 0 0 0; height:43px; border-bottom:3px solid transparent;}
.tm4-text {display:none; margin:0 0 0 18px;}
.fm1 {width:33px; height:33px; margin:0 12px; top:-8px;}
.tm5 {padding:13px 18px; margin:0 0 0 0; background:#2e4292; color:#ccc; height:43px; border-bottom:3px solid transparent;}
.tm5:hover, .tm5:active {color:#fff;}
.tm5-text {display:none; margin:0 0 0 10px;}

.stm1 {display:none; padding:14px 40px; height:50px;}
.stm2 {width:33.333%; padding:12px 0 0; height:70px; text-align:center; border-left:1px solid #ddd;}
.stm2:hover, .stm2:active {color:#2e4292; padding:3px 20px 0;}
.stm2:hover i {margin-bottom:-3px; transform:rotate(20deg);}

.submenu-flex {min-height:66px; padding:7px 0; -webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}
.fixed-header-fix .submenu-flex {min-height:56px; padding:0;}
/* sub header */
.nav4con { display:none; clear:both; width:100%; max-width:1800px; margin:0 auto; height:28px; padding:0px 1%; border-botto:1px solid #ddd; }
.nav4 a { font-size:0.9em; padding:6px 30px; height:28px; text-align:center; margin-left:4px; float:left; position:relative; text-transform:capitalize;}
.nav4 a:after { content:''; position:absolute; right:0; top:0; float:right; width:1px; height:28px; background:#ddd; -ms-transform: skew(-30deg); /* IE 9 */-webkit-transform: skew(-30deg); /* Chrome, Safari, Opera */ -moz-transform: skew(-30deg); transform: skew(-30deg);}
.nav4 a:hover { color:#2e4292; }

.leftbar-1 {position:fixed; top:0; width:100%; max-widt:400px; z-index:500; overflow:hidden; }
.leftbar-1-scroller {width:110%; padding:0 10% 0 5%; overflow-y:scroll; overflow-x:hidden;
  height:-webkit-calc(100vh - 50px);
  height:-moz-calc(100vh - 50px);
  height:calc(100vh - 50px);
}
.leftbar-2 {position:fixed; top:43px; width:100%; max-widt:400px; z-index:5; overflow:hidden; }
.leftbar-2-scroller {width:110%; padding:0 10% 0 5%; height:90vh; overflow:scroll;}
.scroller-1 {
  overflow-y:scroll;
  overflow-x:hidden;
  max-height:-webkit-calc(100vh - 64px);
  max-height:-moz-calc(100vh - 64px);
  max-height:calc(100vh - 64px);
  width:-webkit-calc(100% + 35px);
  width:-moz-calc(100% + 35px);
  width:calc(100% + 35px);
}

.right-content-1 {overflow:hidden; width:100%;}
.title-1 {border-bottom:1px solid #eee; font-size:1.2em; margin:0 0 20px; padding:12px 0;}

.list-2 {overflow-x:hidden; position:relative; padding:14px 4%; margin:12px 0 0; color:#222; border-radius:3px; float:left; clear:both; width:100%; max-width:800px; min-height:200px; box-shado:2px 2px 6px 0 rgba(0,0,0,0.2); border:1px solid #ddd;}
.list-2 h2 {margin:0 0 3px;}
.list-2 h2:hover {text-decoration:underline; color:#2e4292;}
.lihat-lowongan-pt:hover {text-decoration:underline; color:#000;}
.list-2 p {color:#555; border-bottom:1px solid #eee; padding:0 0 10px; margin:14px 0 0;}
.list-2-quart > div {float:left; padding:6px 8px 0 0; flex-grow:1; borde:1px solid #000;}
.list-2-save {position:absolute; top:14px; right:20px;}
.logo_lowongan {position:absolute; top:6px; right:20px;}

/* paging */
.jdlhal { position:absolute; top:-26px; left:0; color:#333; border-radius:4px 12px 0 0; width:160px; height:26px; text-align:center; padding:5px 0 0; background:#f8f8f8; }
.jdlhal:after { content:' '; width:0; height:0; position:absolute; right:-18px; top:6px; border-bottom:20px solid #f8f8f8; border-right: 20px solid transparent; float:left; }
.page { padding:0 10px;  background:#f8f8f8; width:100%; max-width:510px; min-height:38px; float:left; position:relative; }
.page a { float:left; font-size:1.2em; padding:14px 0; background:#fff; text-align:center; width:36px; margin:3px 1px; color:#009; font-weight:bold;}
.page p { float:left; font-size:1.2em; padding:17px 0; text-align:center; width:40px; margin:0; }
.page a:hover { box-shadow:0 0 0 1px #999; }
.page a:active { box-shadow:inset 0 0 5px 0 #666; }
.page .next { background:#eee url(../img/arright.png) no-repeat 50% 17px; width:36px; height:50px; margin-left:2px; }
.page .pref { background:#eee url(../img/arrleft.png) no-repeat 50% 17px; width:36px; height:50px; margin-right:2px; }
.page b { color:#ccc; }
.page span:hover { color:#f90; }
/* paging */

/* Company profile */
.img-gal>div {position:relative; float:left; border-radius:6px; width:48%; margin:10px 1% 0; background:#fff; overflow:hidden;}
.img-gal>div>div {width:100%; height:160px;}
.img-gal img {height:160%; position:relative; border-radius:6px;}
.img-gal span {color:#fff; font-size:0.9em; width:100%; float:left; padding:14px; position:absolute; top:0; left:0; z-index:1;}
.img-gal span:empty {display: none;}
.img-gal p {position:absolute; top:-14px; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.2); }
.img-gal>div:hover p {background:transparent;}

/* form biodata */
.formmenu, .formmenuactive { margin-bottom:5px; padding:10px 20px; border-radius:5px; border:1px solid #fff; cursor:pointer;}
.formmenu:hover {border:1px solid rgb(205, 232, 255);}
.formmenu:active {border:1px solid #2e4292;}
.editjud {font-size:1.4em; background:#f8f8f8; padding:4px 80px 4px; height:34px; margin:0 0 10px; float:left; position:relative;}
.editjud:after {content:"";width:0; height:0; position:absolute; left:100%; top:0; border-top:34px solid #f8f8f8; border-left:0px solid transparent; border-right:40px solid transparent; float:left;}
.incon input {padding:0 14px 0; float:left; height:42px; border:1px solid transparent; background:#f6f6f6; font-size:1.1em; border-radius:3px;}
.incon textarea {width:100%; padding:10px 14px; float:left; min-height:66px; border:1px solid transparent; background:#f6f6f6; font-size:1.1em; border-radius:3px;}
.incon input:focus, .incon select:focus, .incon textarea:focus {border:1px solid #ccc;}
.incon select{color:#333; padding:0 14px 0; float:left; height:42px; border:1px solid transparent; background:#f6f6f6; font-size:1.1em; border-radius:3px;}
.incon .txwarning {display:none; color:#c00; font-size:0.9em; clear:both; float:left;}
.incon .inwarning {border:1px solid rgb(252, 173, 173);}
.w49p {width:49%;}
.w48p {width:48%;}
.w24p {width:24%;}
.w94p {width:94%;}
.js_con_biodata {padding:14px 24px;}
.js_navigasi_biodata {width:300px; float:left; margin-right:1%; overflow:hidden; margin-bottom:14px;}
.active_nav_bio {backgroun:#2e4292; border:1px solid #ddd;}
.active_nav_bio div {color:#2e4292 !important; font-weight:bold !important;}
.active_nav_bio span {color:#ccc !important;}

/* Main fixed header */
.main_header {padding-top:51px; background:#27285e;}
.main_footer {clear:both; width:100%; float:left;}
.mxw60px {max-width:60px;}
.bottommenu i, .bottommenu2 i {display:none;}
.topmenu2 {position:fixed; top:0; left:0; z-index:200; float:left; width:100%; box-shadow:0 0 10px 0 rgba(0,0,0,0.5); background: url('../img/bg-image-header.jpg'); background-size: 100% 100%;}
.topmenu2 input {padding:8px 14px; width:100%; max-width:220px; background:rgba(0,0,0,0.1); border:none; color:#fff;}
/* box-shadow:0 0 10px 0 rgba(0,0,0,0.2); */
.toplogo {padding:9px 0 0 3%;}
.topsearch {width:52%; position:relative; float:left; padding:7px 14px 6px 14px; max-width:260px;}
.topmain {position:relative; height:52px; padding:13px 0; width:15%; max-width:54px; float:right; cursor:pointer; }
.topmain:hover {background:rgba(255,255,255,0.1);}
.topmain:active > i {color:rgb(213, 195, 255);}
.topmain > i {font-size:1.2em;}
.topaccount {margin-right:3%;}
.topaccount>img {height:70%;}
.bottommenu > a, .bottommenu2 > a {white-space:nowrap; padding:17px 15px; text-align:center; float:left; color:#fff; font-size:0.8em;}
.bottommenu > a:hover, .bottommenu > a:active, .bottommenu2 > a:hover, .bottommenu2 > a:active {background:rgba(0,0,0,0.1);}
.topmenu2log {padding:17px 24px; text-align:center; color:#fff; font-size:0.8em;}
.login_visible {display:none;}

.deskripsi_lowongan * {font-family:inherit !important; font-size:inherit !important; }
.deskripsi_lowongan ul {padding:0 0 0 14px !important;}

.ml5f {margin-left:5%;}
.js_skor_kategori_list {
  height:-webkit-calc(100vh - 120px);
  height:-moz-calc(100vh - 120px);
  height:calc(100vh - 120px);
}

.js_pelamar_tabel td {width:1px; white-space:nowrap; padding:0 10px; border:1px solid #eee;}
.js_pelamar_tabel thead th{padding:14px 10px; background:#f8f8f8;}

.static_header {min-height:70px;}

.kategori-list-con {display:none;}
@media (min-width:961px){
  .kategori-list-con {display:block !important;}
}

@media (max-width:1280px){
  .toplogo {padding:9px 0 0 2%;}
  .topaccount {margin-right:0;}
}
@media (max-width:960px){
  .w960hd {display:none;}
  .toplogo {display:none;}
  .topsearch {width:26%; padding:7px 4px 0 8px;}
  .bottommenu > a, .bottommenu2 > a {padding:8px; color:#ccc; font-size:0.6em;}
  .bottommenu i, .bottommenu2 i {display:block; color:#fff; font-size:18px;}
}
@media (max-width:640px){
    .ml5f {margin-left:0 !important;}
    .w640hd {display:none;}
    .w640c {text-align:center !important;}
    .w640m0 {margin-left:0 !important; margin-right:0 !important;}
    .w640p0 {padding-left:0 !important; padding-right:0 !important;}
    .w640bdnone {border:none !important;}
    .topmain > i {font-size:1.1em;}
    .topsearch {padding:7px 14px 0;}
    .topmain {max-width:46px;}
    .topmenu2 {left:0; top:0; width:100%; box-shadow:0 0 10px 0 rgba(0,0,0,0.5);}
    .topsearch {width:50%; padding:7px 4px 0 18px;}
    .topmenu {display:flex;}
    .toplogo {display:block;}
    .bottommenu {position:fixed; bottom:0; left:0; z-index:200 !important; width:100%; float:left; background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.2);}
    .bottommenu > a {padding:8px 0; color:#666; font-size:0.6em; width:20%;}
    .bottommenu i {display:block; color:#bbb; font-size:18px;}
    .active_bottommenu i {color:#2e4292 !important;}
    .active_bottommenu div {color:#2e4292 !important;}
    .alert--notify {width:100% !important; left:0 !important; top:0 !important; margin:0 !important;}
    .logo_lowongan {position:static; width:100%; float:left; clear:both;}
}
@media (max-width:480px){
    .w480b {position:fixed; bottom:0; left:0; width:100%; z-index:50; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);}
    .w480hd {display:none !important;}
    .w480c {text-align:center !important;}
    .w480m0 {margin-left:0 !important; margin-right:0 !important; margin-top:0 !important;}
    .w480p0 {padding-left:0 !important; padding-right:0 !important;}
    .w480bdnone {border:none !important;}
    .w480br0 {border-radius:0 !important;}
    .topsearch {width:55%; padding:7px 0 0 6px;}
    .toplogo {display:none;}
    .modal-mobile-full {height:100vh; overflow:auto; border-radius:0 !important;}
}
/* main fixed header */
@media (max-width:480px){
    .js_con_biodata {padding:14px 6px;}
}

.res320, .res-481, .res-641, .res-961, .res-1025, .res-1281, .res-1900 {display:none;}
/* Media Query */
@media (min-width:320px){/* smartphones, iPhone, portrait 480x320 phones */
.res-481, .res-641, .res-961, .res-1025, .res-1281, .res-1900 {display:none;}
.res-320 {display:block}
}
@media (min-width:481px){/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
  .user-content-1 {width:100%;}
  .stm2 {width:25%; padding:6px 0 0; height:50px;}
  .t-dropdown {width:300px; height:auto; min-height:400px; overflow:auto; border-radius:3px; position:absolute; top:100%; left:-240px; box-shadow:2px 4px 10px 0 rgba(0,0,0,0.15);}
  .t-dropdown-2 {width:500px; min-height:200px; max-height:50vh; border-radius:3px; position:absolute; top:100%; left:0; box-shadow:6px 4px 10px 0 rgba(0,0,0,0.15);}
  .tm1-text {display:block; padding:0 20px 0 20px;}

  .res-320, .res-641, .res-961, .res-1025, .res-1281, .res-1900 {display:none;}
  .res-481 {display:block}
}
@media (min-width:641px){/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .stm2 {width:16.666%; padding:6px 0 0; height:50px;}
    .tm4-text {display:block;}
    .tm5-text {display:block;}
    .get-app {margin-left:5%; border-radius:10px; padding:12px 18px 10px 26px; width:auto; float:none;}
    .conleft { display:block; min-height:500px;}
    .conleft > a {width:13.5%;}
    .w8r {width:49%;}
    .w6r {width:49%;}
    .modal-edit-corp {width:80%;}
    .quick-access i {display:block; }
    .quick-access input {padding:0 20px 0 50px !important;}

    .js_applicant_detail_left {width:20%; float:left}
    .bar-container {float:left; position: relative; width:100%; overflow-x:scroll;}
    .radar-container {float:left; position: relative; height:; width:80%} 
    .list-1 { width:48%; margin:0 2% 8px 0; }
    .user_card {width:48.5%;}

    .res-320, .res-481, .res-961, .res-1025, .res-1281, .res-1900 {display:none;}
    .res-641 {display:block}

    .active_bottommenu {background:rgba(0,0,0,0.1) !important;}
}
@media (min-width:961px){/* tablet, landscape iPad, lo-res laptops ands desktops */
    .main_header {padding-top:52px;}
    .user-content-1 {width:100%; max-width:300px;}
    .right-content-1 {width:auto;}
    .submenu-flex {-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}
    .fixed-header-fix {position:fixed !important; top:0 !important; left:0 !important;}
    .leftbar-1 {display:block; z-index:5; position:relative; width:280px; overflow:hidden; border-righ:1px solid #eee;
      height:-webkit-calc(100vh - 52px);
      height:-moz-calc(100vh - 52px);
      height:calc(100vh - 52px);
    }
    .leftbar-1-scroller { width: 95%;
      height: 100%;
      overflow-y: scroll;
      overflow-x: hidden;
      padding-right: 30px; /* Increase/decrease this value for cross-browser compatibility */
      box-sizing: content-box !important;
    }
    .leftbar-2 {display:block; position:static; width:280px; overflow:hidden; border-righ:1px solid #eee;
      height:-webkit-calc(100vh - 52px);
      height:-moz-calc(100vh - 52px);
      height:calc(100vh - 52px);
    }
    .leftbar-2-scroller { width: 95%;
      height: 100%;
      overflow-y: scroll;
      overflow-x: hidden;
      padding-right: 30px; /* Increase/decrease this value for cross-browser compatibility */
      box-sizing: content-box !important;
    }
    .leftbar-1-fix{position:fixed !important; top:54px !important;}
    .add-leftbar-margin {margin-left:280px;}
    .stm2 {width:auto; padding:6px 20px 0; height:50px;}
    .stm1 {display:block;}
    .r-main-menu-hide {display:block;}
    .main-header {padding-top:0;}
    .main-nav {position:static;}
    .tm1-text {display:none;}
    .tm4-text {display:none;}
    .tm5-text {display:none;}
    .button-960 {display:none;}
    .menu-hide-960 {display:block;}
    .sm1 {width:17%; max-width:270px; min-width:150px;}
    .sm1 input {height:43px; padding:0 10% 0 50px;}
    .tm3 {width:auto; padding:13px 1.6%; margin:0 0 0 0; height:43px; border-bottom:3px solid transparent;}
    .nav4con { display:block; }

    .bar-scroller-hider {height:auto;}
    .topdate {display:block;}
    .logoheadbox {display:none;}

    .dash-header {width:100%; float:left; padding:20px 3%; height:314px; border-radius:0 0 0 30px;}

    .conright { margin-top:0; float:right; width:32%; border-radius:5px; min-height:500px; -webkit-box-shadow: 0px 7px 12px -9px rgba(0,0,0,0.75); -moz-box-shadow: 0px 7px 12px -9px rgba(0,0,0,0.75); box-shadow: 0px 7px 12px -9px rgba(0,0,0,0.75);}
    .conright-fixed {position:fixed; margin-top:60px; top:0;
      /* width:-webkit-calc(25% + 10px);
      width:-moz-calc(66.5% + 88px);
      width:calc(26% + 10px);
      left:-webkit-calc(66.5% + 88px);
      left:-moz-calc(66.5% + 88px);
      left:calc(66.5% + 88px); */
    }
    .concenter { margin:0; width:67.5%; }
    .conleft { display:block; min-height:600px; padding:60px 0 0; background:none; box-shadow:none;}
    .conleft-btn {display:none !important;}
    .js_modal_menu {
        display:block;
        position:absolute;
        top:0; left:12px; width:220px; height:auto;
        z-index:1;
    }
    .conleft > a {width:43%; margin:3px 2%; padding:14px 0 30px; max-height:92px;}
    .w8r {width:32.333%;}
    .w6r {width:32.333%;}
    .modal-edit-corp {width:70%;}
    .res-55-2 {width:55%;}
    .res-40-2 {width:40%;}
    /* .js_user_select_wawancara_con {position:absolute; left:0; top:0; width:320px; max-height:580px; overflow:auto;} */
    .js_con_wawancara {width:100%; float:left; padding:0 0 0 330px;}

    .res-481, .res-641, .res-320, .res-1025, .res-1281, .res-1900 {display:none;}
    .res-961 {display:block}
  }
@media (min-width:1025px) {/* big landscape tablets, laptops, and desktops */
  .tm1-text {display:block; padding:0 20px 0 10px;}
  .res-481, .res-641, .res-961, .res-320, .res-1281, .res-1900 {display:none;}
  .res-1025 {display:block}
}
@media (min-width:1281px) {/* hi-res laptops and desktops */
    .tm1-text {display:block; padding:0 20px 0 30px;}
    .tm4-text {display:block;}
    .tm5-text {display:block;}
    .w8r {width:24%;}
    .w6r {width:24%;}

    .bar-container {float:left; position: relative; width:100%; overflow-x:scroll;}
    .radar-container {float:left; position: relative; height:; width:30%} 
    .list-1 { width:20%; margin:0 1% 8px 0; }
    .res-481, .res-641, .res-961, .res-1025, .res-320, .res-1900 {display:none;}
    .res-1281 {display:block}
  }
  @media (min-width:1900px) { /*full HD*/
    .w8r {width:11.5%;}
    .w6r {width:15.666%;}
    .bar-container {float:left; position: relative; width:50%; overflow-x:scroll;}
  
    .res-481, .res-641, .res-961, .res-1025, .res-1281, .res-320 {display:none;}
    .res-1900 {display:block}
  }
/* Datatable */
.buttoncon { float:left; overflow:visible; position:relative; z-index:1; }
.dataTables_filter { position:absolute; top:0; left:260px; }
.dataTables_filter input {width:200px; height:34px; border:1px solid #ddd; border-radius:5px; padding:0 14px;}
.dt-button, .buttons-html5 { width:60px; height:34px; background-position:50% 50%; background-size:26px 26px; background-color:#fff !important; border:1px solid #eee !important; }
.dt-button:hover { box-shadow:inset 0 0 2px 0 #999; }
.buttons-csv {background-image:url("../img/css-csv.png") !important; background-repeat: no-repeat; }
.buttons-copy {background-image:url("../img/css-copy.png") !important; background-repeat: no-repeat; }
.buttons-excel {background-image:url("../img/css-excel.png") !important; background-repeat: no-repeat; }
.dataTables_scrollBody {overflow:visible !important;}
table.dataTable {
  width: 100%;
  clear:both;
  float:left;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  color:#333 !important;
  
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */ }
  table.dataTable thead th,
  table.dataTable tfoot th {
    font-weight: bold; }
  table.dataTable thead th,
  table.dataTable thead td {
    padding: 18px 10px !important;
    border: 1px solid #eee !important;
    background-color:#fff;
    color:#666;;
	text-align:left; }
    table.dataTable thead th:active,
    table.dataTable thead td:active {
      outline: none; }
  table.dataTable tfoot th,
  table.dataTable tfoot td {
    padding: 10px 10px;
    border-top: 1px solid #fff !important;
		text-align:left; }
  table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc,
  table.dataTable thead .sorting_desc,
  table.dataTable thead .sorting_asc_disabled,
  table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: center right; }
  table.dataTable thead .sorting {
    background-image: url("../img/css-sort-both.png"); }
  table.dataTable thead .sorting_asc {
    background-image: url("../img/css-sort-asc.png"); }
  table.dataTable thead .sorting_desc {
    background-image: url("../img/css-sort-desc.png"); }
  table.dataTable thead .sorting_asc_disabled {
    background-image: url("../img/css-sort-asc-disabled.png"); }
  table.dataTable thead .sorting_desc_disabled {
    background-image: url("../img/css-sort-desc-disabled.png"); }
  
    table.dataTable tbody tr.selected {
      background-color: #b0bed9; }
  table.dataTable tbody th,
  table.dataTable tbody td {
    padding:0 10px !important; } /*border-bottom:1px solid #eee !important;*/
	table.dataTable tbody td > div{ padding:7px 10px; }
  table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #dddddd; }
  table.dataTable.row-border tbody tr:first-child th,
  table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
  table.dataTable.display tbody tr:first-child td {
    border-top: none; }
  table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd; }
  table.dataTable.cell-border tbody tr th:first-child,
  table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #dddddd; }
  table.dataTable.cell-border tbody tr:first-child th,
  table.dataTable.cell-border tbody tr:first-child td {
    border-top: none; }
  table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9; }
    table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
      background-color: #abb9d3; }
  table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: whitesmoke; }
    table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
      background-color: #a9b7d1; }
  table.dataTable.order-column tbody tr > .sorting_1,
  table.dataTable.order-column tbody tr > .sorting_2,
  table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
  table.dataTable.display tbody tr > .sorting_2,
  table.dataTable.display tbody tr > .sorting_3 {
    background-color: #f9f9f9; }
  table.dataTable.order-column tbody tr.selected > .sorting_1,
  table.dataTable.order-column tbody tr.selected > .sorting_2,
  table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
  table.dataTable.display tbody tr.selected > .sorting_2,
  table.dataTable.display tbody tr.selected > .sorting_3 {
    background-color: #acbad4; }
  table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1; }
  table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3; }
  table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: whitesmoke; }
  table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b3cd; }
  table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a7b5ce; }
  table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b6d0; }
  table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #f9f9f9; }
  table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fbfbfb; }
  table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fdfdfd; }
  table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad4; }
  table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #adbbd6; }
  table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8; }
  table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: #eaeaea; }
  table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
    background-color: #ebebeb; }
  table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
    background-color: #eeeeee; }
  table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
    background-color: #a1aec7; }
  table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
    background-color: #a2afc8; }
  table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: #a4b2cb; }
  table.dataTable.no-footer {
    border-bottom: 0px solid #ccc; }
  table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap; }
  table.dataTable.compact thead th,
  table.dataTable.compact thead td {
    padding: 4px 17px 4px 4px; }
  table.dataTable.compact tfoot th,
  table.dataTable.compact tfoot td {
    padding: 4px; }
  table.dataTable.compact tbody th,
  table.dataTable.compact tbody td {
    padding: 4px; }
  table.dataTable th.dt-left,
  table.dataTable td.dt-left {
    text-align: left; }
  table.dataTable th.dt-center,
  table.dataTable td.dt-center,
  table.dataTable td.dataTables_empty {
    text-align: center; }
  table.dataTable th.dt-right,
  table.dataTable td.dt-right {
    text-align: right; }
  table.dataTable th.dt-justify,
  table.dataTable td.dt-justify {
    text-align: justify; }
  table.dataTable th.dt-nowrap,
  table.dataTable td.dt-nowrap {
    white-space: nowrap; }
  table.dataTable thead th.dt-head-left,
  table.dataTable thead td.dt-head-left,
  table.dataTable tfoot th.dt-head-left,
  table.dataTable tfoot td.dt-head-left {
    text-align: left; }
  table.dataTable thead th.dt-head-center,
  table.dataTable thead td.dt-head-center,
  table.dataTable tfoot th.dt-head-center,
  table.dataTable tfoot td.dt-head-center {
    text-align: center; }
  table.dataTable thead th.dt-head-right,
  table.dataTable thead td.dt-head-right,
  table.dataTable tfoot th.dt-head-right,
  table.dataTable tfoot td.dt-head-right {
    text-align: right; }
  table.dataTable thead th.dt-head-justify,
  table.dataTable thead td.dt-head-justify,
  table.dataTable tfoot th.dt-head-justify,
  table.dataTable tfoot td.dt-head-justify {
    text-align: justify; }
  table.dataTable thead th.dt-head-nowrap,
  table.dataTable thead td.dt-head-nowrap,
  table.dataTable tfoot th.dt-head-nowrap,
  table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap; }
  table.dataTable tbody th.dt-body-left,
  table.dataTable tbody td.dt-body-left {
    text-align: left; }
  table.dataTable tbody th.dt-body-center,
  table.dataTable tbody td.dt-body-center {
    text-align: center; }
  table.dataTable tbody th.dt-body-right,
  table.dataTable tbody td.dt-body-right {
    text-align: right; }
  table.dataTable tbody th.dt-body-justify,
  table.dataTable tbody td.dt-body-justify {
    text-align: justify; }
  table.dataTable tbody th.dt-body-nowrap,
  table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap; }
 
table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box; }
 
/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1; }
  .dataTables_wrapper .dataTables_length {
    margin:0 0;
    float:right !important;}
  .dataTables_length select {
    padding:7px;
    border:1px solid #ccc;
  }
  .dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right; }
    .dataTables_wrapper .dataTables_filter input {
      margin-left: 0.5em; }
  .dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em; }
  .dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em; }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
      box-sizing: border-box;
      display: inline-block;
      min-width: 1.5em;
      padding: 0.5em 1em;
      margin-left: 2px;
      text-align: center;
      text-decoration: none !important;
      cursor: pointer;
      *cursor: hand;
      color: #333333 !important;
      border: 1px solid transparent;
      border-radius: 2px; }
      .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #333333 !important;
        border: 1px solid #979797;
        background-color: white;
        }
      .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        cursor: default;
        color: #666 !important;
        border: 1px solid transparent;
        background: transparent;
        box-shadow: none; }
      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #666 !important;
        border: 1px solid #ddd;
        background-color: #eee !important;
      }
      .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        outline: none;
        background-color: #524f4f;
        /* W3C */
        border:1px solid #ccc; }
    .dataTables_wrapper .dataTables_paginate .ellipsis {
      padding: 0 1em; }
  .dataTables_wrapper .dataTables_processing {
    position: absolute;
    z-index:1;
    top: 40%;
    left: 50%;
    width: 100%;
    min-width:800px;
    height: 80px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 30px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); }
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_processing,
  .dataTables_wrapper .dataTables_paginate {
    color: #555; }
  .dataTables_wrapper .dataTables_scroll {
    clear: both; }
    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
      *margin-top: -1px;
      -webkit-overflow-scrolling: touch; }
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
        vertical-align: middle; }
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
        height: 0;
        overflow: hidden;
        margin: 0 !important;
        padding: 0 !important; }
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #ccc; }
  .dataTables_wrapper.no-footer div.dataTables_scrollHead > table,
  .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
    border-bottom: none; }
  .dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
 
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center; }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em; } }
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center; }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em; } }