@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:none!important}
ins{text-decoration:none}
del{text-decoration:line-through}
a:hover{text-decoration: none!important}
*{ margin: 0; padding: 0; outline:none!important}
body{font-family: 'Open Sans',sans-serif!important; font-size:14px;;margin:0 auto;padding:0!important;color:#000; -webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;}
.close{font-size: 28px!important;opacity: .6!important; color:#333!important}
.navbar-header {
    padding-left: 0px;
}
.border0{border:0px!important}
.modal-header{ border-bottom: 0px!important;}
.modal-content{border-radius: 5px!important}
.modal-footer{border-top:0px!important}
.modal-title{font-weight: 600!important;font-size: 20px!important;}
.modal-backdrop.fade.in { display: block!important;}
.modal-fullscreen .close{font-size: 35px!important;opacity: .6!important;}
.modal-open{overflow: auto!important;}
ul.nav.navbar-nav.navbar-left.navbar-castom {width: 71%;display: flex;justify-content: center;flex-wrap: wrap;}
ul.nav.navbar-nav.navbar-left.navbar-castom li.devider::before, ul.nav.navbar-nav.navbar-right.navbar-castom li.devider::before{ content: ""!important; border-left: solid 1px #ddd;position: absolute;bottom: 35%; height: 12px;right: 5px;}
ul.nav.navbar-nav.navbar-right.navbar-castom li.devider{ padding-right: 10px }
ul.nav.navbar-nav.navbar-right.navbar-castom li.devider:last-child{padding-right: 0px}
.navbar-castom-header+0 10li a{color:#333!important}
/* CSS Document */
section.header { float: left;  width: 100%; padding: 6px 0px; background: #fff; padding-bottom: 0;}
.header .navbar{min-height: 50px!important;}
.navbar-brand { padding: 2px!important;}
.navbar { margin-bottom: 0!important;}
.navbar-inverse .navbar-nav>li>a { color: #000!important; letter-spacing: 1px; text-transform: capitalize; font-size: 13px!important;
font-weight: 400;padding: 10px 3px;}
nav.navbar.navbar-inverse.affix-top{-webkit-transition: all 0.5s ease;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: all 0.5s ease;    border-bottom: solid 1px #ddd!important;}
.affix{ top: 0; left: 0;/*animation: smoothScroll 1s forwards;*/right: 0;background: #fff!important;border-bottom: solid 1px #ccc!important;z-index: 999;width: 100%;}
.navbar-header { width:16%;}
@keyframes smoothScroll {
0% {transform: translateY(-40px);
}
100% {
transform: translateY(0px);
}
}
.devider.mytat_create_tests { padding-right: 10px;}
.logo_company {float: left; width: 36px; margin-right: 15px;}
.my_dashboard{ float:left; width:100%;margin-top: 4%;}
.dashboard-color{ background-color:#fff; border-left:solid 1px #d1d1d1; border-right: 1px solid #d1d1d1; float:left; width:100%;-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);padding-top: 15px;padding-bottom: 15px;min-height: 650px}
.dashbopard-box { float: left;width: 100%;text-align: center;background: #fff;border: solid 1px #ddd;padding: 40px 15px;}
.dashboard_logo { width: 17%; float: left; margin-right: 10px;}
.centered_img{object-fit:contain;  object-position:center; width: 100%;}
.dash_admin { float: left; width: 79%;}
.dash_admin h3{color:#666; font-size:18px;}
.admin_name {  color: #ff6600; text-align: left;}
.admin_name span img{ width: 4%;}
.assment-row{ margin-right: 0px;}
.assessment-col-group {float: left;width: 31.8%;margin-right: 10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(179,177,179,1);-moz-box-shadow: 0px 0px 5px 0px rgba(179,177,179,1);box-shadow: 0px 0px 5px 0px rgba(179,177,179,1);border:solid 1px #ddd;margin-bottom: 10px;min-height: 157px;border-radius: 8px;position: relative;}
.assessment-col-group  { display: inline-block; vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: box-shadow;transition-property: box-shadow;}
.assessment-col-group:hover, .assessment-col-group:focus, .assessment-col-group:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}
.assessment-col-group:last-child{ margin-right:0px;}
.group-icon{ float:none; width: 28%; margin: 0 auto; padding-top: 8%;}
.drk-blue{ background: #067dae; float:left; }
.orange{ background: #ff6600; float:left; }
.light-green{ background: #22d3a3; float:left; }
.light-yellow{ background: #f8ac22; float:left;}
.hard-green{ background: #1d9306; float:left;}
.light-blue{ background: #6cc1f3; float:left;}
.group-icon img{width: 99%; padding: 10px;}
.asses-neme { float: left; line-height: 60px; font-weight: 500; color: #fff; font-size: 18px; width: 100%;  text-align: center; letter-spacing: 0.5px;line-height: 28px;}
.btn_active { color: green;font-size: 17px;}
.btn_inactive {color: red;font-size: 17px;}
.assessment-group {float: left;width: 100%; margin-top: 0%;}
.all-assessment { float: left; width: 100%; margin: 20px 0px; margin-bottom: 0;}
.inner-cercle {position: absolute; bottom: 0; left: 25%; right: 0; top: 28%; padding: 10px; background: #fff; width: 54%; height: 50px;border-radius: 50%; z-index: 999;}
.totaltest { font-size: 18px;  padding-bottom: 10px; font-weight: 600;}
.test-name { font-size: 18px; float: right; padding-top: 4%; text-align: left;  width: 60%; margin-left: -17%;}
.red-text { color: #f62200;}
.greentext{ color:#1d9306;}
.blue-text{ color: #f8ac22;}
.yellowtext{ color: #0080cd;}
.orange-text{ color: #ff6600;}
.l-btext{ color:#6cc1f3;}
.cercle-graph{ padding-top:0px; padding-bottom: 0px;}
.dash-heading{ font-size: 22px; color: #666; font-weight: 600;padding-bottom: 10px;}
.recent-assessment { border: solid 1px #ddd; background: #fff; padding: 10px; float: left; width: 100%; border-radius: 10px;}
.custab tbody tr td{ border-right: solid 1px #ddd;}
.scrollbar{float: left; /*height:326px;*/ width: 100%; /*overflow-y: scroll;*/}
table.table.table-striped.custab { border: solid 1px #ddd; margin-bottom: 0px;}
.custab th{ border-right: solid 1px #ddd;}
.force-overflow{min-height: 450px;}
#style-4::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
#style-4::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
#style-4::-webkit-scrollbar-thumb{background-color: #828282;border: 2px solid #828282;height: 100px;}
.recent-assessment.pagination { display: inline-block;margin: 0px; width: 45%;}
.recent-assessment .pagination a {color: black;float: left;padding: 8px 11px;text-decoration: none;
transition: background-color .3s;border: 1px solid #e2e2e2; margin: 0 2px 2px 0px;}
.recent-assessment .pagination a.active {background-color: #dd0000;color: white!important; border: 1px solid #e2e2e2;}
.recent-assessment .pagination a:hover:not(.active) {background-color: #ddd;}
.pagination { display: inline-block;margin: 0px; width: 45%;}
.pagination a {color: black;float: left;padding: 8px 10px;text-decoration: none;
transition: background-color .3s;border: 1px solid #e2e2e2; margin: 0 2px 2px 0px;}
.pagination a.active {background-color: #8e3bd9;color: white!important; border: 1px solid #e2e2e2;}
.pagination a:hover:not(.active) {background-color: #ddd;}
text.highcharts-credits { display: none;}
text.highcharts-title { display: none;}
.graph-area { float: left;width: 100%; margin-top: 20px;}
.graph-bdr { border-radius: 10px;background: #fff;overflow: hidden;position: relative;}
.companyurl a{ color:#1d9306; display: block;    padding-top: 10px;}
/*Login form css here*/
.login_bg{ background:url(../images/login-bg.png) no-repeat center/cover; width: 100%; height: 100%; min-height: 591px;}
.login-right {float: left; width: 100%; padding: 30px; background: #fff; min-height:654px;}
.form-inner { border: solid 1px #ddd; padding: 38px; text-align: center; width: 80%; margin: 0 auto; margin-top:7%;background: #eff2f4;
-webkit-box-shadow: 1px 0px 5px 0px rgba(240,232,240,1);-moz-box-shadow: 1px 0px 5px 0px rgba(240,232,240,1);box-shadow: 1px 0px 5px 0px rgba(240,232,240,1);}
.mytat-logo { width: 100px; height: 100px; vertical-align: middle; background: orange;}
.mytat-logo { width: 100px; height: 100px; background: orange; border-radius: 50%; padding: 15px; margin: 0 auto;}
.mytat-logo img{object-fit:contain;  object-position: center;}
.login-left { float: left; width: 100%; margin-top: 24%; padding-right: 15px;color: #fff;}
.force-overflow tr td {color:#888}
a.url-text {color:#888; display: block;}
a.url-text:hover{ color:#ff6600!important; text-decoration: none;display: block;}
.assessment-fld { float: left; width: 99%; margin-top: 1.5%; border: solid 1px #ddd; background: #fff;padding: 10px 15px; padding-bottom: 0px}
.assess_fld {  width: 60%; float: left; border-right: solid 1px #ddd;}
.btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0!important; font-size: 12px!important;line-height: 1.428571429!important; border-radius: 15px!important;}
.assessment-rigt-fld { float: left; width: 40%;    padding-left: 2%;}
.set-time { float: left;  width: 60%; font-weight: 300; color: #888; font-size: 13px;}
.set_date { float: left; width: 40%; color: #888; font-size: 12px;}
.assessment_url { float: left;width: 100%; font-weight: 300; color: #888; padding-top: 9px;font-size: 13px;}
.set-time span img{width: 5%;}
.set_date img{width: 5%;}
.assessment_url img{width: 3%;}
.invite { width: 33%; float: left; min-height: 47px; text-align: left; padding-top: 2%;font-size: 13px;}
.invited { width: 33%; float: left;  min-height: 47px; text-align: left;  padding-top: 2%; font-size: 13px;}
.question01 { width: 33%; float: left; min-height:47px;  text-align: left; padding-top: 2%; font-size: 13px;}
.assesmnt-report {width: 33%; float: left; min-height: 47px; text-align: left; padding-top: 2%;  font-size: 13px;}
.delete { width: 33%; float: left;  min-height: 47px; text-align: left;  padding-top: 2%;    font-size: 13px;}
i.invited-text {color: #000;}
.active_fld {float: left; width: 30%; padding-top: 2%;  color: #888; font-size: 12px;}
.invite img{ width:14%;}
.invited img{ width:14%;}
.question01 img{ width:14%;} 
.assesmnt-report img{ width:14%;} 
.delete img{ width:15%;}
.assessment_name h3{ margin-top:0px;font-size: 16px;}
.invite a{ color:#888; text-decoration: none; display: block;}
.invited a{ color:#888; text-decoration: none;display: block;}
.question01 a{ color:#888; text-decoration: none;display: block;}
.assesmnt-report a{ color:#888; text-decoration: none;display: block;}
.delete a{ color:#888; text-decoration: none; display: block;}
.assessment-fld  {display: inline-block; vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s;-webkit-transition-property: box-shadow; transition-property: box-shadow;}
.assessment-fld:hover, .assessment-fld:focus, .assessment-fld:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);border-color: #ccc;}
/**invite page css here**/
.invite_inr { float: left; width: 100%; background: #fff; min-height: 590px;}
.pannel-inner{  float: left; width: 641px; background: #fff; margin-left: 12%; margin-top: 6%; height: 523px;}
/*b, strong { font-weight: 600!important;}*/
.breadcrumb-custom {background: none!important; margin-bottom: 15px; float:left; width: 80%;}
.breadcrumb-custom a{ color:#888;  float:left;padding-right: 15px;display: block; }
.breadcrumb-custom a:after{content: "\f105";    font-family: FontAwesome; font-weight: 300; padding-left: 10px}
.breadcrumb-custom a:last-child{ color:#ff6600;}
.breadcrumb-custom a:hover{color:#333; text-decoration: none; display: block;}
.invited-inner{ position: relative; width: 100%;}
.table_scroller{ min-width: 1900px!important;}
.table-scroll { min-width: 350px; float: left; overflow-x: scroll; overflow-y: hidden;  width: 1110px;}
.not-recomnded{ color:#ff0000; font-size: 20px;}
.not-recomnded:hover{color:#ff0000;}
.report-hover{color:rgba(6,86,120,1.00); font-size: 20px;}
.recomnded{ color:#07920E; font-size: 20px;}
.pagination-main.pagination { display: inline-block;margin: 0px; width: 45%;}
.pagination-main .pagination a {color: black;float: left;padding: 8px 12px;text-decoration: none; transition: background-color .3s;border: 1px solid #e2e2e2; margin: 0 2px 2px 0px;}
.pagination-main .pagination a.active {background-color: #dd0000;color: white!important; border: 1px solid #e2e2e2;}
.pagination-main .pagination a:hover:not(.active) {background-color: #ddd;}
.table-footer .pull-right{ margin-top: 15px;}
a.setting { font-size: 15px;  padding-right: 10px; color:#09B79E;text-decoration: none;display: block;font-weight: 300;}
a.setting:hover{ color:#C38002;text-decoration: none;display: block;}
a.setting:focus{color:#C38002;text-decoration: none;}
label.control-label.col-sm-5.lable-text {font-size: 12px;font-weight: 400;}
.priview-inner ul{ list-style: disc inside;}
/*************result css****************/
#timer{float:right;}
#qContainer{min-height:250px;}
.qPanel{display:none;}
.active{display:block;background:#FFF}
.active, .current{transition:1s ease-out;-moz-transition:1s ease-out; -webkit-transition:1s ease-out;}
#nav{text-align:center;/*margin:30px;*/}
a.qButton,a.navbutton{background: none repeat scroll 0 0 #ECEEF5;  border: 1px solid #CAD4E7;border-radius: 5px; color: #3B5998; font-size: 1em; font-weight:700;margin: 0 10px 0 0; padding: 5px 10px;text-decoration: none;}
.hidden{display:none}
a.qButton:hover,a.navbutton:hover{cursor:pointer; border-color: #91c53e;}
a.qButton.current{background:#91c53e;color:#FFF}
.options{padding:10px;}
#txt { border:none;font-size:16pt; font-weight:bold;border-right-color:#FFFFFF; width:80px;}
.quest-opt{ float:left; width: 100%;}
.quest-opt input{ float:left;	width: 20px;}
.quest-opt label { width: 89%; float:left;}
.qText{float: left;width: 55%;border-right: solid 1px #ddd;min-height: 322px;}
.qPanel{ float: left;width: 100%;border-top: solid 1px #ddd;}
.q-lebel{background: #f1f1f1;border-bottom: solid 1px #ddd;font-size: 14px;line-height: 32px;text-align: left;padding-left: 15px;font-weight: 600;}
.q-lebel b{ padding-left:15px;}
.options { float: left;width: 45%;text-align: left;}
.condidate-discription p{ margin-bottom:0px; text-align: left; color:#888; font-size: 13px;}
.condidate-discription strong{ color:#333; font-weight: 600; font: 14px;}
.sec_question { text-align: left; padding-left: 10px;padding-top: 10px;}
.qheader{ text-align: left;padding-left: 10px;font-size: 16px;font-weight: 600;padding-bottom: 15px;}
.options label{ font-size: 13px;font-weight: 400;padding-left: 8px; }
.alfa-opt { float: left; border: solid 1px #ddd; margin-right: 5px; padding: 3px; line-height: 13px;  border-radius: 50px; text-align: center; margin-bottom: 5px; font-size: 13px;}
#outer { float: left; width:505px; overflow: hidden; white-space: nowrap; display: inline-block; height:50px; padding-top: 6px; }
#left-button { float: left; width: 20px; text-align: center;}
#left-button a{ font-size:20px;}
#right-button { float: left; width: 20px; text-align: center;}
#right-button a{ font-size:20px;}
#inner:first-child {  margin-left: 0;}
.hide { display: none;}
.elem.test-nav { margin:0px!important;}
/**********result page css end here****/

/***test setting page css here***/
.report-setting{ background: #f1f1f1;  margin-top: 5%; padding: 0px 1px; border: solid 1px #ddd;float: left; width: 100%;}
.setting-body{  background: #fff; float: left; width: 100%; padding: 10px; border-top: solid 1px #ddd;}
.report-setting h3 { margin: 0; padding: 10px;}
.input-01 { width:44%; float: left;}
.chk-iiner.chk-inner-top span{ padding-left: 15px; padding-right: 10px;}
.input-01-setting { float: left; width: 100%; padding-top: 8px;}
.chk-iner.inner-set-main span{ width: 100%; text-align: center; padding-top: 9px; font-weight: 600;}
/***left side menu***/
.side-menu { position: fixed; width: 300px; height: 100%; background-color: #f8f8f8;
border-right: 1px solid #e7e7e7;box-shadow: 5px 0 5px -5px #333; top: 10%; }
.side-menu .navbar {border: none;}
.side-menu .navbar-header { width: 100%; border-bottom: 1px solid #e7e7e7;}
.side-menu .navbar-nav .active a { background-color: transparent; margin-right: -1px; border-right: 5px solid #e7e7e7;}
.side-menu .navbar-nav li { display: block; width: 100%; border-bottom: 1px solid #e7e7e7;}
.side-menu .navbar-nav li a { padding: 15px;}
.side-menu .navbar-nav li a .glyphicon { padding-right: 10px;}
.side-menu #dropdown { border: 0; margin-bottom: 0; border-radius: 0; background-color: transparent; box-shadow: none;}
.side-menu #dropdown .caret {float: right; margin: 9px 5px 0;}
.side-menu #dropdown .indicator { float: right;}
.side-menu #dropdown > a { border-bottom: 1px solid #e7e7e7;}
.side-menu #dropdown .panel-body { padding: 0; background-color: #f3f3f3;}
.side-menu #dropdown .panel-body .navbar-nav { width: 100%;}
.side-menu #dropdown .panel-body .navbar-nav li { padding-left: 15px; border-bottom: 1px solid #e7e7e7;}
.side-menu #dropdown .panel-body .navbar-nav li:last-child { border-bottom: none;}
.side-menu #dropdown .panel-body .panel > a { margin-left: -20px; padding-left: 35px;}
.side-menu #dropdown .panel-body .panel-body { margin-left: -15px;}
.side-menu #dropdown .panel-body .panel-body li { padding-left: 30px;}
.side-menu #dropdown .panel-body .panel-body li:last-child { border-bottom: 1px solid #e7e7e7;}
.side-menu #search-trigger { background-color: #f3f3f3; border: 0;  border-radius: 0; position: absolute; top: 0; right: 0; padding: 15px 18px;}
.side-menu .brand-name-wrapper { min-height: 50px;}
.side-menu .brand-name-wrapper .navbar-brand {display: block;}
.side-menu #search { position: relative;z-index: 1000;}
.side-menu #search .panel-body {padding: 0;}
.side-menu #search .panel-body .navbar-form { padding: 0; padding-right: 50px; width: 100%; margin: 0;position: relative;border-top: 1px solid #e7e7e7;}
.side-menu #search .panel-body .navbar-form .form-group { width: 100%;position: relative;}
.side-menu #search .panel-body .navbar-form input { border: 0; border-radius: 0; box-shadow: none; width: 100%; height: 50px;}
.side-menu #search .panel-body .navbar-form .btn { position: absolute; right: 0;top: 0; border: 0; border-radius: 0;
background-color: #f3f3f3; padding: 15px 18px;}
/* Main body section */
.side-body { margin-left: 310px;}
.ckbox {position: relative;float:left;}
.ckbox input[type="checkbox"] {opacity: 0;}
.ckbox label {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.ckbox label:before {content: '';top: 1px;left: 0;width: 18px;height: 18px;display: block;position: absolute;border-radius: 2px;border: 1px solid #bbb;background-color: #fff;}
.ckbox input[type="checkbox"]:checked + label:before {border-color: #2BBCDE;background-color: #2BBCDE;}
.ckbox input[type="checkbox"]:checked + label:after {top: 3px;left: 3.5px;content: '\e013';	color: #fff;font-size: 11px;font-family: 'Glyphicons Halflings';position: absolute;}
.table-filter .star {color: #ccc;text-align: center;display: block;font-size: 16px;}
.table-filter .star.star-checked {color: #F0AD4E;}
.table-filter .star:hover {color: #ccc;}
.table-filter .star.star-checked:hover {color: #F0AD4E;}
.note-box span{line-height: 20px;}
.text_area_b0x label{ padding-bottom: 8px }
/**left side menu end here**/

/***test css here**/
.breadcrumb-test{ width:100%;}
.dropbtn { background-color: #f1f1f1; color: #666; padding: 10px;font-size: 16px; cursor: pointer;border-radius: 5px;border: solid 1px #ddd;}
.dropdown { position: relative; display: inline-block;}
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block;}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content { display: block;}
.dropdown:hover .dropbtn { background-color: #f2f2f2;}
.content-custom { width: 300px; border: solid 1px #ddd; border-radius: 4px; top: 55px; right: 0;}
.drop-caret{float: left; width: 20px; height: 20px; position: absolute; top: -20px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #ddd; right: 9%;}
.all-section {  font-size: 16px; padding-top: 8px; float: left; padding-right: 15px;}
.section-name{  font-size: 16px; padding-top: 8px; float: left;}
p.drop-text { padding-top: 7px;  padding-bottom: 0; margin-bottom: 0;}
.box-color { border-top: solid 1px #ddd; padding-top: 5px; padding-bottom: 5px; margin-top: 5px;line-height: 23px;}
p{ font-weight:400;}
.box-color i{ float:left; margin-right: 10px;}
.test-time { float: right; width: 50%; margin-top: -16px;}
span.test-time-text { font-weight: bold; float: left; padding-top: 10%;}
span.wathch-img {  float: left; width: 33px; margin-top: 7%; padding-left: 5px;}
.wathch-img img{ width:100%;}
span.wathch-time { font-size: 19px; float: left;text-align: center; padding-left: 10px; margin-top: 8%; font-weight: bold;}
.recording { float: left; width: 50%; margin-top: -18px;}
.recording-icon { float: left; width: 32px; margin-top: 9%; margin-right: 10px;}
.rec { float: left;     width: 32px;}
.rec img{ border-radius:4px; float:left}
.proctoring_capture video{ border-radius: 0; float: left; width: 40px;}
.proctoring_capture canvas{float: left; width: 40px; border-radius: 0; margin-left: 5px;}
.nav-text{float: left; width: 100%; margin-top: 0px!important;margin-bottom: 0px!important; border-top: solid 1px #ddd;    padding-top: 25px;}
.int-phone .iti{width: 100%; float: left}
/***test css end  here**/

/**view question css here**/
.views-q { float: left; width: 100%; margin-top: 2%;}
.q-panel { float: left; width: 100%; margin-top: 3%;}
.show-question { border: 1px solid #ccc; border-radius: 5px; float: left; width: 100%; margin-top: 2%;}
.quick-view { background: #0884c4; border-bottom-right-radius: 5px; border-top-right-radius: 5px;color: #fff; padding: 9px 15px;}
.quick-view a { color: #fff; text-decoration: none;}
.quick-view a:hover { color: #fff; text-decoration: none;}
.right-number ul li{ border:solid 1px #ccc; padding: 8px; float:left;}
.right-number ul li { border: solid 1px #ff6600; padding: 0; float: left; width: 24px; height: 23px; text-align: center;margin-right: 3px; margin-bottom: 2px;background: #ff6600;font-weight: 300;color: #fff;}

/**new edit page **/
.modal-header.modal-h-custom {  background: #666;  border: #ddd; color: #fff;}
.mt{ margin-top:2%; }.ml{margin-left:2%;}
.test-mode { float: left;  width: 100%;}
.q-add-select { float: left; width: 100%; margin-top: 2%;}
.select-bg-0 { background: #f1f1f1; padding: 10px; float: left; width: 100%;}
.modal-scroll { float: left; width: 100%; overflow-y: scroll; overflow-x: hidden; height: 400px;}
.automatically {float: left; width: 100%; margin-top: 3%;}
.automatically { float: left; width: 100%; margin-top: 2%;}
.multiselect { width: 100%; height: 15em; border: solid 1px #c0c0c0;border-top:none; overflow-y: scroll; padding: 6px;overflow-x: hidden;}
.multiselect label { display:block;font-weight: 400;}
.multiselect-on {  color:#ffffff; background-color:#000099;}
.custom-control{ border-bottom-left-radius:0px!important;border-bottom-right-radius:0px!important;}
.multiselect label input{ margin-right: 10px;}
/**view question css end here**/

/**instraction Page csss here**/
#wrapper { padding-left: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#wrapper.toggled { padding-left: 250px;}
#sidebar-wrapper {  position: fixed; left: 250px; width: 0;  height: 100%; margin-left: -250px;  overflow-y: auto; background:#353656;  }
#wrapper.toggled #sidebar-wrapper { width: 250px;}
#page-content-wrapper {position: absolute; padding: 0px  15px  15px 15px; width: calc(100% - 95px);}
#wrapper.toggled #page-content-wrapper { position: absolute; margin-right: -250px;}
/* Sidebar Styles */
.sidebar-nav { position: absolute;    top: 14%; width: 100%; margin: 0; padding: 0; list-style: none;   }
.archive_page .sidebar-nav { top: 14%;}
.inviteto .sidebar-nav { top: 15%;}
.text-instruction .sidebar-nav { top: 15%;}
.question-add-main .sidebar-nav { top: 16%;}
.test_setting_side .sidebar-nav { top: 16%;}
.sidebar-nav li { text-indent: 20px; line-height:28px;float: left;  width: 100%;}
.sidebar-nav li a { display: block;  text-decoration: none;  color: #fff; font-size: 12px;font-weight: normal;}
.sidebar-nav li a:hover { text-decoration: none; color: #fff;background: #222335;}
#sidebar-wrapper.sidebar-nav li a:sactive,
#sidebar-wrapper.sidebar-nav li a:focus { text-decoration: none;background: #333!important;color: #fff!important;}
a.sactive {  color:#f4ac22 !important;float:left; width: 100%; font-weight: 600; padding-bottom: 2px;padding-top: 2px;}
a.sactive img{filter: grayscale(100%);  transition: filter 0.3s; }
.sidebar-brand a i{  margin-left: -15px; }
.sidebar-nav > .sidebar-brand {height: 40px;line-height: 40px; border-top:solid 1px #86c6c5; }
.sidebar-nav > .sidebar-brand a { color: #fff;  font-weight: bold; font-size: 14px;}
.sidebar-nav > .sidebar-brand a:hover { color: #666; background: none;}
@media(min-width:768px) {
#wrapper {  padding-left: 145px; float: left; width: 100%; }
#wrapper.toggled { padding-left: 0;}
#sidebar-wrapper { width: 180px; }
#wrapper.toggled #sidebar-wrapper {  width: 0; } 
#page-content-wrapper { position: relative;}
#wrapper.toggled #page-content-wrapper { position: relative;  margin-right: 0; }
}
.primary-hdr{background:#fff; border-bottom: solid 1px #ddd; float: left; width: 86.8%; height:50px; margin-top:3%; position: fixed; right: 0; z-index: 999;}
.section-test { float: left; width: 70%;}
.launguage-neme { float: left; color: #fff; padding-left: 15px; line-height: 40px; font-weight: 600; font-size: 18px;}
.draft { float: left; margin-left: 15px; line-height: 40px; color: #fff; font-weight: 300;}
.onlyinvite { float: left; line-height: 40px; margin-left: 15px; color: #fff; font-weight: 300;}
.preview-test { float: left; color: #fff; line-height: 36px; margin-right:24px;    width: 48%;}
.publish-test {float: left;padding-top: 8px;}
.preview-test a{ color: #fff; text-decoration: none;  display: block; font-weight: 600;}
.preview-test a:hover{ color:#fff; text-decoration: none; display: block;}
.preview-test a:focus{text-decoration: none!important; color:#fff!important}
.preview-test a.btn_custom {background: #895d9a!important;border-color: #895d9a!important;margin-top: 1px;}
.right-section-btn { float: right; padding-top:1px; width: 27%;}
.main-section {  margin-left: 2%; padding-left: 0px; margin-top: 2%; float: left; width: calc(100% - 17px)!important;}
/**instraction page css end here**/
/**Question Add css here**/
.add-question { float: left; padding-left: 0px; left: 19.2%; overflow-y: scroll; overflow-x: hidden; height:calc(100% - 80px); position: fixed; padding-top: 15px; width: 39%;  border-right: solid 1px #ddd; background: rgba(229,231,232,0.3);    top: 13%; }
.onlyinvite span{color:#268fbc!important; font-weight: normal!important}
.add-s { float: right;padding-top: 4%;}
.add-s a{ color: #c72127; display: block; text-decoration: none;font-weight: 600;}
.add-s a:hover{ color:#666; display: block; text-decoration: none;}
.question-container { width: calc(94% - -26px);
position: absolute;
left: 10%;}
.section001 { float: left; width: 100%; position: relative;}
.main-q-section {  float: left; width: 96%; border: solid 1px #ddd; margin-left: 10px;margin-bottom: 20px;}
.section-box001:nth-child(odd) .question-bx{ background:#fafafa!important}
.question-bx { float: left; width: 100%;  padding: 5px;cursor: pointer;}
.serial-no {float: left; margin-right: 10px;}
.question-h01 { float: left; width: 85%;}
.q-marks { float: left;  margin-right: 5px;}
.code-section {  width: 94%; margin: 0 auto; padding-top: 6%;}
code.code-inner { float: left; width: 100%; border: solid 1px #ccc; background: #fff; color: #999; font-weight: 300!important; padding: 10px; margin-top: 8px;}
.question-bx:hover{ background:#fafcfd;}
.show-close { visibility: hidden;}
.question-bx.tab.active { background:#e7e7e7!important;}
#adda-section { float: left; width: 100%; margin-top: -19px; background: #e7e7e7; margin-bottom: 15px; border-bottom: solid 1px #ccc; padding: 3px 0px;}
#subjectivesection{ float: left; width: 100%; margin-top: -19px;  background: #e7e7e7; margin-bottom: 15px;  border-bottom: solid 1px #ccc;  padding: 3px 0px;}
#frontend{ float: left; width: 100%; margin-top: -19px;  background: #e7e7e7; margin-bottom: 15px; border-bottom: solid 1px #ccc;  padding: 3px 0px;}
#fileuploadquestions{float: left; width: 100%; margin-top: -19px; background: #e7e7e7; margin-bottom: 15px;
border-bottom: solid 1px #ccc;  padding: 3px 0px;}
.mcqsfooter { float: left; width: 100%; text-align: right; }
.mcqsfooter ul{ width: 100%; float: left; padding-top: 10px;  display: flex; justify-content: space-between;}
.mcqsfooter ul li{ float: left; margin-right: 8px; font-size: 12px;}
.new-qurion { float: left; width: 100%; margin-bottom: 20px;}
.question-hdr01 { float: left; padding-left: 10px; padding-right: 15px; width: 100%;border-bottom: solid 1px #ddd;margin-bottom: 15px;}
.qution011 { padding: 10px;border: solid 1px #ddd; width: 97%; float: left;margin-left: 10px;background: #e0f2f6;}
.text-quistion { float: left; width: 82%; font-size: 14px; color: #666;}
.q-learn {float: right; font-size: 16px;}
.total-quistion { float: left; width: 100%; background: #014ea2; margin-bottom: 1px;}
.total-01 {float: left; color: #fff; line-height: 40px;}
.total-score{ color:#fff; float: right; line-height: 40px;}
.statments { float: left; width: 100%; /*margin-top: 5%;*/}
.section002.question_library_ection002 .statments{ margin-top:7%}
#field { margin-bottom:20px;}
.radiobtn { float: left; margin-right: 15px;}
.question-filter .chosen-container-multi .chosen-choices li.search-field{width: auto!important;}
.quetion-area { width: 84%; float: left; margin-right: 15px;margin-bottom: 5px;}
span.rem { float: left;}
textarea.textbox {  width: 100%; float: left; border: solid 1px #ddd;  padding: 6px 4px;  font-weight: 400;}
.ques-group {  float: left;  width: 100%;    margin-bottom: 10px;}
.contents { float: left;  width: 100%;}
span.addmore { float: left;  margin-left: 5%;}
.diffclulty { float: left; width: 100%; margin-top: 2%;}
.add-question.affix { top:13.3%;    height: calc(100% - 80px); background: rgba(229,231,232,0.3); width: 38.9%; left: 19.2%;  border-top:0px;}
#sidebar-wrapper.affix{margin-top: 3.8%;}
.publish-test.theme_publish_test a.btn.btn-warning.btn_custom { border-radius: 0px;margin-left: -10px;}
.main-library-container{ float:left; width: 100%; position: relative; margin-top: 15px;    padding-left: 10px}
.main-library-container h4{ border-bottom:solid 1px #ddd; padding-bottom: 15px;}
span.multiselect-native-select select {border: 0!important;clip: rect(0 0 0 0)!important;height: 1px!important;margin: -1px -1px -1px -3px!important;overflow: hidden!important;padding: 0!important;position: absolute!important;width: 1px!important;left: 50%;top: 30px}
.multiselect-container {position: absolute;list-style-type: none;margin: 0;padding: 0}
.multiselect-container .input-group {margin: 5px}
.multiselect-container>li {padding: 0;  width: 33.33%;  float: left;overflow: hidden;}
.multiselect-container>li:first-child{ width:100%!important;}
.multiselect-container>li>a.multiselect-all label {font-weight: 700}
.multiselect-container>li.multiselect-group label {margin: 0;padding: 3px 20px 3px 20px;height: 100%;font-weight: 700}
.multiselect-container>li.multiselect-group-clickable label {cursor: pointer}
.multiselect-container>li>a {padding: 0}
.multiselect-container>li>a>label {    height: auto; cursor: pointer; font-weight: 400;  padding: 3px 0 3px 3px; font-size: 12px;}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {margin: 0}
.multiselect-container>li>a>label>input[type=checkbox] {margin-bottom: 5px;  margin-left: -15px;}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {border-top-left-radius: 4px;border-bottom-left-radius: 4px}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {padding: 3px 20px 3px 40px}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {margin-left: -20px;margin-right: 0}
.multiselect-native-select select{ display:none;}
ul.multiselect-container.dropdown-menu { width:800px;position: absolute;left: -64%!important;top: 94px;overflow-y: scroll;overflow-x: hidden;height: 365px;align-content: stretch;}
nav.navbar.navbar-inverse.affix{z-index: 99999;top: 0;}    
ul.multiselect-container.dropdown-menu li a{ white-space: inherit;}
.multiselect-native-select .multiselect{     overflow: inherit!important; text-align: left!important; height: 40px!important;}
.multiselect-native-select  .caret{ float: right!important; margin-top: 10px!important;  margin-right: -5px!important;}
.select-filter { width:20.9%; float: left; margin-right: 5px;}
.select-filter#select-filter-parent{    width: 18%;}
.select-filter#select-filter-nk{width: 20%; }
.select-filter:last-child{width:16%;}
.select-filter select{ height:40px;}
.question-filter{ float:left; width:100%; border-bottom:solid 1px #ddd; padding-bottom: 10px;}
.all-q-show { float: left; width: 100%;}
.total-q-m-show { float: left; width: 100%; border-bottom: solid 1px #ddd; line-height: 30px; color: #999;}
.hide { display: none;}
.question-main-02, .q-chkbox, .q-option { float: left; width: 100%;}
.q-option{ padding-left:20px;}
.q-option .radio input{ margin-left:-15px!important;}
.q-option .radio{  color: #7F7C7C; font-size: 12px; word-spacing: 1px;}
.qution-tag { float: right;  width: 100%;}
.qution-tag ul{ float:right;}
.qution-tag ul li{ float: left; background:#E4E2E2; padding: 3px 6px; margin-right: 10px; font-size: 13px;}
.q-chkbox{ padding-left:5px;}
.q-chkbox:hover{ background: #e7e7e7;}
.question-filter.affix{ width: 43%; top: 50px; left: 56.5%; background: #fff!important;border-bottom: 0!important;padding-bottom: 2px; box-shadow: 0px 15px 10px -15px #111;    }
.select-filter .form-control{ border-radius: 0px!important;}
button.multiselect.dropdown-toggle.btn-block.text-left.btn.btn-default{ overflow: hidden!important;}
.footer { position: fixed; bottom: 0px;width: 39.6%; background-color: #fff; color: #000; text-align: center;  right: 0;
padding: 5px;box-shadow: 0 -5px 5px -5px #333;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn-file{overflow:hidden;position:relative;vertical-align:middle;}.btn-file>input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);transform:translate(-300px, 0) scale(4);font-size:23px;direction:ltr;cursor:pointer;}
.fileupload{    margin-bottom: 0;
margin-top: 3px;}.fileupload .uneditable-input{display:inline-block;margin-bottom:0px;vertical-align:middle;cursor:text;}
.fileupload .thumbnail{overflow:hidden;display:inline-block;margin-bottom:5px;vertical-align:middle;text-align:center;}.fileupload .thumbnail>img{display:inline-block;vertical-align:middle;max-height:100%;}
.fileupload .btn{vertical-align:middle;}
.fileupload-exists .fileupload-new,.fileupload-new .fileupload-exists{display:none;}
.fileupload-inline .fileupload-controls{display:inline;}
.fileupload-new .input-append .btn-file{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
.thumbnail-borderless .thumbnail{border:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.fileupload-new.thumbnail-borderless .thumbnail{border:1px solid #ddd;}
.main-content-show { float: left; width: 100%; padding: 4px;border-bottom: solid 1px #ddd;}
.view-file { float: left; width: 100%; text-align: center; padding-top: 8%;}
.allowed-launguage { float: left; width: 100%;}
.defult-input{  margin-left: -15px!important;}
.select-011{  border-bottom: solid 1px #ddd; margin-top: 5%; margin-bottom: 2%;  float: left;  width: 100%;}
.select-011 .checkbox{ margin-top:0px!important;}
span.multiselect-selected-text { float: left; width: 96%; overflow: hidden;font-size: 12px;}
/**Question Add css end  here**/
/**emam Papper css here**/
.skkkils-label{    font-size: 14px;
font-weight: 600!important;}
.content{ display: block;}
.back { display: none;}
.end { display: none;}
.exam-bg{background: #e7ecef;float: left;width: 23%;padding-right: 0px!important;position: fixed;left: 0;top: 0%;bottom: 0;    height:100%;max-height: 100%;}
.left-question-sidbar { margin-top: 3%; float: left; margin-left: 20px; width: 95%; height:calc(100vh - 64px);  overflow-y: scroll;}
.left-question-sidbar::-webkit-scrollbar { -webkit-appearance: none;  width: 10px;}
.left-question-sidbar::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(166,169,171,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}
.ques-hdr { float: left; width: 96%; padding-right: 10px; border-bottom: solid 1px #eee; padding-bottom: 5px; margin-bottom: 15px;}
.tab-floating { float: left; width: 100%; background: #fff; border-bottom: solid 1px #ddd; overflow: hidden!important;}
.q-notify { float: left; width: 100%;margin-bottom: 2%;}
.q-notify h5{ font-weight:700;}
.main-ques { width: 84%; float: left; padding: 10px 15px; font-weight: normal; font-size: 16px; cursor: pointer; height: 58px;}
.main-ques P{ margin-bottom: 0px}
.main-ques.main-ques-img { height: auto!important;}
.tab.tab-floating .main-ques.main-ques-img div { display:block}
.question-marks { float: left; width: 10%; padding: 1px 5px; border: solid 1px #ddd; border-radius: 3px;background:#e7ecef; margin-right: 10px; margin-top: 3%;}
.tab.tab-floating.active{ background: #f5f5f5;}
.primary-hdr.primary-main .launguage-neme .control-group{    overflow: hidden;float: left!important; height: 30px;}
.primary-hdr.primary-main .launguage-neme .control-group p{ font-size:14px!important}
.sr_no{ color: #C95D0A; float: left;  min-height: 46px; padding-right: 10px;}
.ques-hdr div{ font-weight:700; color:#333}
.questop-header { float: left; width: 100%; line-height: 45px;  border-bottom: solid 1px #ddd; margin-bottom: 12px;    margin-top: 6%;}
.ques_header_col{display: flex;justify-content: space-between; float: left; width: 100%; padding-bottom: 10px; padding-top: 10px;}
pre.pre-code { font-size: 16px; color: #666;}
.question-top_text { float: left; width: 100%; margin-bottom: 15px;}
.question-top_text .note ol { list-style: decimal!important;    padding: 0px 18px; font-weight: 400;}
.question-top_text .note ul { list-style:disc!important;    padding: 0px 18px;font-weight: 400;}
.question-top_text h5{ font-size:18px; font-weight: normal;color: #666;}
.question_container01{ float:left; width:100%; position: relative; background:#fff;}
.custom-select-chk { float: left; width: 100%; position: relative; margin-bottom:0%;padding-right: 10px;}
.custom-select-chk [type="radio"]:checked,
.custom-select-chk [type="radio"]:not(:checked) { position: absolute;  left: -9999px; }
.custom-select-chk [type="radio"]:checked + label,
.custom-select-chk [type="radio"]:not(:checked) + label{  position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; width: 90%; margin-left:10px;}
.candidateRecording { margin-left: 10px; float: left;}
.candidateRecording .videoresize { height: auto; border-radius: 0px; width: 67px;}
.custom-select-chk [type="radio"]:checked + label:before,
.custom-select-chk [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 1px; top: 1px;
width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff;}
.custom-select-chk [type="radio"]:checked + label:after,
.custom-select-chk [type="radio"]:not(:checked) + label:after {  content: ''; width: 12px; height: 12px; background: #ff591c; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.custom-select-chk [type="radio"]:not(:checked) + label:after { opacity: 0;
-webkit-transform: scale(0);  transform: scale(0);}
.custom-select-chk [type="radio"]:checked + label:after { opacity: 1;
-webkit-transform: scale(1); transform: scale(1);}
.label-text label{  font-size: 14px; font-weight: 400;}
.footerbtn { padding:5px 0px;float: left;margin-top: 5%;position: fixed;bottom: 0%;right: 0;background: #eeeeee;padding-right: 20px;box-shadow: 0 -5px 5px -5px #333;left: 0;width: 100%;z-index: 9999999;}
.question-option-rightsidebar.content-holder { float: left;width: 100%;position: relative;/*margin-bottom:14%;*/margin-top: 1%;padding-right: 0px;}
.reset-answer a { color: #ff591c; text-decoration: none; font-size: 16px;}
.add-section21 { float: left; width: 99%;  margin-left: 0px; border: solid 1px #918b8b; margin-right: 15px; margin-bottom: 25px;}
.section_name { background: #e0f2f6; padding: 5px 8px;font-size: 16px;    float: left; width: 100%;}
.section_name label{ margin: 0;}
.section_name label p{ margin: 0px; }
.controls .btn{    padding-top: 0!important;
padding-bottom: 0!important;}
.question_paper_top { float: left; width: 100%; padding-top: 10px; padding-bottom: 10px;}
.coading_editor{ background: #f8f8f8; border: 1px solid #d9deea;float: left; width: 100%;}
.editor-hdr { padding: 8px; float: left; width: 100%;}
.editor_top { width: 25%; float: left;}
.provide{ line-height:40px; cursor: pointer;}
.compile-test { float: left; width: 100%; margin: 20px 0px; border: dashed 1px #ddd; background: #fff; padding: 10px;}
.conpaile-test { float: left; width: 100%;  margin-bottom: 20px;}
#slider{width:500px;top:100px;position:fixed;z-index: 9999;}
#header{ width:200px;height:520px;position:absolute; right:0px; border:1px solid #d8d8d8;margin-left:40px;padding:20px 11px;border-radius:3px;box-shadow: 0 0 8px gray;z-index: 9999;background: #fff;}
#sidebar{position:absolute;top:40px;left:112px;box-shadow: 0 0 8px gray;}
#sidebar1{position:absolute;top:40px;left:254px;box-shadow: 0 0 8px gray;}
.mark-reviews li{ float: left; background: #ff591c;  margin-right: 10px;  min-width: 25px; text-align: center; height: 25px;  margin-bottom: 10px; line-height: 25px;}
.mark-reviews li a{ color:#fff; text-decoration: none;}
/**Exam Papper css end here**/
/**test setting css here**/
pre{ background:#fff; border: solid 1px #ccc}
.setting_wrapper{float: left; background: #fff; height: 577px; width: 100%;  padding-left: 20px; padding-right: 15px;
overflow-y: scroll; overflow-x: hidden;    max-height: 600px;}
.new-code-section{ width:77%; margin: 0px; padding: 0px; float: left;    font-weight: 400; font-size: 12px; word-spacing: 1px; color: #46535e;}
.kyword { float: left;  font-size: 12px; font-style: italic; width: 10%; text-align: center;}
.right-marks-over{ float: right;width: 7%}
.setting-hdr { float: left; width: 100%; border-bottom: solid 1px #ddd;}
.setting-hdr h3{font-size: 18px; font-weight: 600; color: #666;}
.alert-setting{ float:left; width: 100%; margin-top: 15px;}
.alert-setting .alert{ overflow:hidden;}
.random { padding: 20px 0px; width: 100%; display: block; float: left;}
.switch { position: relative; display: inline-block; vertical-align: top; width: 100px; height: 30px; padding: 3px;
margin: 0 10px 10px 0; border-radius: 18px; cursor: pointer; box-sizing: content-box;}
label.switch { font-weight: inherit;}
.switch input[type=checkbox], .switch input[type=radio] {
margin: 4px 0 0;line-height: normal;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
.switch-input { position: absolute;  top: 0; left: 0;  opacity: 0;  box-sizing: content-box;}
.switch-left-right .switch-input:checked ~ .switch-label {  background: inherit;width:80px;}
.switch-input:checked ~ .switch-label {
background: #E1B42B;  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);}
.switch-left-right .switch-label { overflow: hidden;  width: 80px;}
.switch-label, .switch-handle { transition: All 0.3s ease;  -webkit-transition: All 0.3s ease;
-moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}
.switch-label { position: relative;  display: block;  height: inherit; font-size: 10px; text-transform: uppercase;
background: #eceeef;  border-radius: inherit;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);  box-sizing: content-box;}
.switch-left-right .switch-input:checked ~ .switch-label:before { opacity: 1; left: 100px;}
.switch-input:checked ~ .switch-label:before {  opacity: 0;}
.switch-left-right .switch-label:before { background: #d33737; text-align: left; padding-left: 80px!important;}
.switch-left-right .switch-label:before, .switch-left-right .switch-label:after {
width: 20px; height: 20px;  top: 4px; left: 0; right: 0; bottom: 0; padding: 11px 0 0 0;  text-indent: -12px;
border-radius: 20px;  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);}
.switch-label:before { content: attr(data-off);  right: 11px; color: #aaaaaa; text-shadow: 0 1px rgba(255, 255, 255, 0.5);}
span.switch-label:after { content: attr(data-on); left: 11px; color: #FFFFFF; text-shadow: 0 1px rgba(0, 0, 0, 0.2); position: absolute;}
.switch-label:before, .switch-label:after { position: absolute;  top: 50%; margin-top: -5px; line-height: 1;-webkit-transition: inherit;-moz-transition: inherit;-o-transition: inherit;transition: inherit;box-sizing: content-box;color: #fff;  font-size: 12px;}
.switch-left-right .switch-input:checked ~ .switch-label:after { left: 0!important; opacity: 1; padding-left: 20px;
text-indent: -6px;}
.switch-input:checked ~ .switch-label:after { opacity: 1;}
.switch-left-right .switch-label:after { text-align: left; text-indent: 9px; background: #5cb85c!important;
left: -100px!important;  opacity: 1;width: 100%!important;}
.switch-left-right .switch-label:before, .switch-left-right .switch-label:after {
width: 20px; height: 20px; top: 4px; left: -13px; right: 0; bottom: 0; padding: 11px 0 0 0; text-indent: -20px;
border-radius: 20px; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);}
.switch-input:checked ~ .switch-handle { left: 54px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);}
.switch-label, .switch-handle { transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
-moz-transition: All 0.3s ease;
-o-transition: All 0.3s ease;
}
.switch-handle { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px;background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);border-radius: 100%;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}
.switch-handle:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px;height: 12px; background: linear-gradient(to bottom, #eeeeee, #FFFFFF);background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);border-radius: 6px;box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);}
.random label{ width:100px;}
.random span{ font-size: 16px; color: #666; line-height: 31px; margin-right: 10px;}
.tooltip-inner { font-size: 12px; font-weight: 300; background: #46535e}
.choose-detail { float: left;  width: 100%; margin-top: 3%;}
.choose-detail h5{ font-weight: 700;}
.managing { float: left; padding-top: 15px;}
.managing a{ color:#ff6600; text-decoration: none;}
.primary-hdr.primary-main {width: 100%;margin-top: 0%!important;top:8%; padding-top:2px;}
.managing a:hover{color:#666; text-decoration: none; display: block;}
.right-contact { float: left; width: 100%; margin-top: 20px; margin-bottom: 20px;}
.contact-img { text-align: center;}
.priview-test{ float:left; width: 100%; }
ul.previews-ul { float: left; width: 100%; margin-bottom: 0px; border-bottom: solid 1px #5e5c5c;background: #535151;}
ul.previews-ul li{line-height: 40px; padding-left: 20px; float: left;width: 25%; color: #fff;}
ul.previews-ul li:not(:last-of-type){-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;}
.previews-ul li:not(:last-of-type):before{position: absolute;right: 0; top: .2px; content: '';height: 0; width: 0;
border-top: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid transparent;
border-left: 20px solid #535151;z-index: 10;}
.previews-ul li:not(:last-of-type):after { position: absolute; right: -1px;top: .2px; content: ''; height: 0; width: 0; border-top: 20px solid transparent; border-right: 20px solid transparent;  border-bottom: 20px solid transparent; border-left: 20px solid #2f2e2e;}
ul.previews-ul li.active{ color:#fff; background:none; }
ul.previews-ul li.active span.number-tag {  background: #ff591c; border-radius: 50px;  width: 25px; height: 25px; float: left; line-height: 25px;text-align: center; color: #fff; margin-top: 8px; margin-right: 10px;}
ul.previews-ul li span.number-tag { background: #666; border-radius: 50px; width: 25px; height: 25px; float: left; line-height: 25px; text-align: center; color: #fff;  margin-top: 8px; margin-right: 10px;}
.preview-body { float: left;  width: 100%; margin-top: 0%; background: #f7f7f7;  padding-top: 0%; height:76vh;}
.priview-inner {  padding: 15px;float: left; width: 100%;margin-bottom: 0px;}
.priview-inner li{ color:#888;}
.preview-h {float: left;width: 100%;}
.preview-h h5{ font-weight:bold; border-bottom: solid 1px #ddd;padding-bottom: 15px;}
.preview-h ul{ list-style:disc outside; padding-left: 15px;}
.preview-h ul li{ margin-bottom:10px;}
.tag { background: #fbe2d9; float: left; margin-right: 10px; padding: 2px 8px; margin-bottom: 8px; border-radius: 3px;}
li.dropdown.open a{ background: none!important;}
.question_container01 .end { position: absolute; right: 14%; width: 41%;top: 107px; bottom: 10px;}
.endpaper {text-align: center; border: solid 1px #ddd; padding: 94px 0px;}
.header_section { background: #f1f1f2;padding: 5px 15px;border-bottom: solid 1px #ccc;float: left;width: 100%;position: fixed;top: 0;z-index: 999;left: 0;}
.mark-for_reviews { float: left; width:52%;}
.mark-for_reviews ul{ float:left; width: 100%; margin-top:12px;}
.mark-for_reviews ul li{ float: left; padding: 0px 5px; background: #ff0000; margin-right: 5px; color: #fff;line-height: 12px;}
.mark-for_reviews ul li a{font-size: 10px; line-height:13px; color: #fff!important}
.mark-for_reviews ul li a.tab-floating{ color:#fff!important; text-decoration:none; display:none; width: auto; background:none!important; border-bottom: none;}
.timer_box {float: left; width: 9%;}
.recording_test { width: 15%;float: right;}
.stopwatch-img {float: left; width: 28px; margin-top: 8px;}
.stopwatch-img img{ width:100%;}
.timer-fld {font-size: 20px; padding-left: 15px; float: left; line-height: 40px;}
.recording-img { float: left; width: 40px;}
.recording-img img{ width:100%;}
.vedio_section {float: right; padding-left: 10px; width: 100%; padding-top: 5px; }
.vedio_section img{ width:100%;}
.timebooold{ font-size:16px!important}
.proctoring_capture {float: left;margin-left: 5%;}
div#ms_timer {width: auto;}
.tab.tab-floating .main-ques .prettyprint{ display:none;}
.form-control.input-lg.label-text{ height:auto;}
.popupfinish{position: fixed; right: 0; top: 0; width: 100%; background: rgba(53, 56, 57, 0.5); text-align: center; display: none; bottom: 0;}
.text-right.footer-bottom{ text-align: center; margin-top: 5%;}
.main-login-box { border: solid 1px #ccc;width: 40%;margin: 0 auto; margin-top: 13%;padding-bottom: 5%; background: #fff!important;border-radius: 4px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);text-align: center; z-index: 99999;}
/**test setting css end here**/

/** modify dashboard css here 25 march 2019**/

.modify-cercle, .modify-cercle2, .modify-cercle3{ float:left; width: 33.33%;}
.svg-container { width: 48%; float: left; position: relative; left: -17px;}
svg.circliful {padding: 0; margin: 0; position: absolute; top: -40px; right: 0;}
.cke_contents{ height: 130px!important;}
.cke_bottom{ display:none!important;}
.choice-fld { float: left; width: 100%; margin-top: 10px;}
.choice-fld h4{ padding-bottom: 10px;}
.diffclulty input{padding: 4px; margin-bottom: 10px;}
.btn-large-txt{ margin-top: 2px;  margin-right: 3px;}
.section002 { float: right;    width: 100%;    position: relative;}
.section002 .tab-content {margin-top:13%;}
.main-tab-w .tab-content{ margin-top:1%;}
.main-instruction{    margin-top: 8%; padding-left:5%; margin-left: 0px; }
.page-bg{ width: 100%; height: 100%; position: relative; padding-top: 1%;}
.add-question.affix-top {background: #fff;}
.text-instruction .primary-hdr.primary-main { width: 100%;    margin-top: 1.9%; }
img#load {margin-top: 4%!important;}
.candidate-list-total .table-responsive{ /*float:left;*/}
.main-affix.affix-top{ margin-top: 6%!important;}
.main-affix.affix{margin-top: 7%!important; animation: none; background: #000;}

@media (min-width: 1440px) {
.main-affix.affix-top {margin-top: 4.9%!important}
.add-question{left:18.5%;top: 12%;height: calc(90vh - 20px);}
.section002 {float: right;width:        width: 100%;;}
}

@media (min-width: 1600px) {
.main-affix.affix-top {margin-top: 4.9%!important}
#sidebar-wrapper{ width: 182px;}
.add-question{ left:17%; top:12%}
.main-tab-w .tab-content { margin-top: 1%;}
.aside-main.setting-main{width: 91%;margin-left: 6%;}	
}
.q-chkbox .show {  display: block!important; font-size: 12px; color: #46535e; line-height: 1.6; word-spacing: 1px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.q-chkbox .show ol{ list-style: decimal!important}
.q-chkbox .show ul{list-style: disc !important }
.showmore{color:#56aba8; padding-left: 15px; font-weight: 400; cursor: pointer; font-size: 12px; word-spacing: 1px;}
.dashboard-comp {float: left; width: 100%; margin-top: 2%;}
.navbar-brand{ margin-left: 15px!important }
.dashboard-menu-card { width: 18%; overflow: hidden; border: 1px solid #d9dde0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;background-color: #fff;float:left; margin-right: 30px;}
.dashboard-menu-card:nth-child(3){ min-height: 212px; padding-top: 0%; border: none; background: none;}
.dashboard-menu-card:hover:nth-child(3){box-shadow:none;}
.dashboard-menu-card:last-child{ margin-right:0px;}
.dashboard-menu-card:hover {-webkit-box-shadow: 1px 0 15px 0 rgba(0,0,0,0.2);-moz-box-shadow: 1px 0 15px 0 rgba(0,0,0,0.2);box-shadow: 1px 0 15px 0 rgba(0,0,0,0.2);}
.dashboard-bx-img{ text-align:center;}
.text-title { float: left; width: 100%;  margin-top: 15px; font-size: 16px; font-weight: 600; color: #666; padding-left: 15px;}
.text-text {font-size: 14px; margin-top: 10px; float: left; color: #999;  height: 50px; width: 100%;  padding-left: 15px}
.hr-bdr{border-top:1px solid #d9dde0;    margin-top: 40px; float: left; width: 100%;}
.empty-img{    background: #f3f3f3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 120px; height: 120px; margin: 0 auto; position: relative; }
.empty-img img{position: absolute; top: 49%; left: 48%; width: 75px;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.create-h { text-align: center; line-height: 53px; font-size: 18px; color: #666;}
.bottom-btn { text-align: center;}
.btn.btn-info.bdr-custom-button { background: none; color: #333; margin-left: 15px;}
.dashboard-bx-img img{ width:100%;}
.acess-assemnt { float: left; width: 100%;    margin-top:0%;}
.outgoning {  float: left; width: 68%; margin-bottom: 15px;}
.autocomplete{width: 273px!important;}
.onclick_modal{ text-align:right}
#select_modal input{padding: 8px!important; font-size: 14px!important;margin-top: 1%;}
#ui-id-1 .ui-menu-item .ui-menu-item-wrapper{ font-size:14px; line-height:20px;}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front { width: 340px!important;}
.outgoning h2{ font-size: 22px;}
.outgoning h2 span img{ width: 1.5%;}
.assemnet-main { float: left; width: 100%; border: solid 1px #f1f1f1; padding: 10px; margin-bottom: 10px;    background: #fff;    position: relative;}
.choosequeslang { float: left; width: 100%; margin-bottom:10px;}
.assemnet-main:hover{  -webkit-transform: translate(4px, -4px);
-moz-transform: translate(4px, -4px);
-ms-transform: translate(4px, -4px);
transform: translate(4px, -4px);
box-shadow: -5px 5px 0 rgb(137 84 186 / 10%)}
.assemnet-main:hover a { text-decoration: none}
.assemnet-main:hover i {color: #0c469a!important}
.assemnet-main-left {float: left; width: 60%;}
.assemnet-main-center { float: left; width: 30%; padding-left: 20px; padding-right: 20px;  border-right: solid 1px #ddd;}
.assess-url { float: left;    clear: both;}
.invite-assess { float: right; width: 22px;}
.invite-assess a{ font-size:18px; color:#99a0a6; text-decoration: none;}
.invite-assess img{ width:100%;}
.assemnet-main-center ul li{ float:left; width: 50%;padding-bottom: 12%;}
span.assess-imge { width: 17px; float: left; margin-right: 3px;}
span.assess-imge img{ width:100%;}
.assess-duration,.assess-q{     padding-bottom: 10px; float: left; width: 50%;}
.assess-q{ text-align:right;}
.assemnet-main-left {float: left; width: 60%; border-right: solid 1px #ddd; padding-right: 20px;}
.on-going-left { float: left; width: 60%;}
.left-space{padding-left: 14%;}
.left-space small{    font-size: 12px;     color: #99a0a6;}
span.taken-l-space {padding-left: 37%!important;}
span.taken-l-space  a{ color:#99a0a6; text-decoration: none;}
span.invited-l-space {padding-left: 29%!important;}
.on-going-left h4{ margin: 0}
.on-going-right h5{margin: 0}
.o-going-top { float: left;width: 100%;margin-bottom: 10px;}
.on-going-right{ float: right; width: 40%;text-align: right;}
.clearfix { float: left; width: 100%;}
.on-going-left span{ padding-left: 7%;}
.on-going-left span a{ color:#99a0a6;    float: right;}
.on-going-left span a:hover{ color:#23b4f2;}
.on-going-right h5{color:#99a0a6}
.assess-duration{color:#99a0a6}
.assess-duration i{color:#99a0a6}
.assess-duration span{ color: #333; font-size: 17px;}
.assess-url{color:#99a0a6}
.assemnet-main-center ul li span{color:#99a0a6; padding-left: 4%;    font-size: 18px;}
.assemnet-main-center ul li span a{ color:#99a0a6; text-decoration: none;}
.qyestion-url { color: #333; padding-left: 12px;}
.assess-q{color:#99a0a6}
.assess-q a{ color:#333; text-decoration: none;}
.assess-q span{ color: #333;    font-size: 18px;}
.assemnet-main-center ul li:nth-child(even){ text-align:left;padding-left: 19%;}
/*.assemnet-main-center ul li:nth-child(2){     padding-right: 8%;}*/
.assemnet-main-center ul li:nth-child(3){ padding-bottom:0px;}
.assemnet-main-center ul li:nth-child(4){ padding-bottom:0px;}
.url-img i{ transform: rotate(80deg); font-size: 18px;}
.view-report-assess { text-align: center; margin-bottom: 3%;}
.view-setting-assess{ text-align: center;}
.view-setting-assess a{color:#99a0a6}
.view-setting-assess a:hover{color:#23b4f2; text-decoration: none;}
.view-setting-assess i{    font-size: 18px;}
.view-report-assess a{  color:#99a0a6; text-decoration: none;}
.invite-candidate-table{ height: 480px; overflow-y: scroll; overflow-x: hidden}
.table-chk {display: block; position: relative; padding-left: 20px; margin-bottom: 16px; cursor: pointer; font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.table-chk input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark {position: absolute; top: 0; left: 0; height: 15px; width: 15px;background-color: #eee;margin-bottom: 20px;}
.table-chk:hover input ~ .checkmark { background-color: #ccc;}
.table-chk input:checked ~ .checkmark {background-color: #2196F3;}
.checkmark:after { content: ""; position: absolute; display: none;}
.table-chk input:checked ~ .checkmark:after { display: block;}
.table-chk .checkmark:after {left: 6px; top: 2px;width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);}
.condidate-list h4{font-size: 18px; margin-bottom: 20px; color:#c72127; font-weight: 600;}
.candidate-list-total .table-responsive table thead tr th { font-size: 13px; font-weight: 600; color: #444;}
.candidate-list-total .table-responsive table tbody tr td { font-size: 13px; font-weight: normal;    color: #444;} 
.top-container-timer{ background: #014ea2; float:left; width: 100%; padding: 10px;}
.assessment_name { float: left; color: #fff; font-size: 18px; font-weight: 600; line-height:38px;}
.test-timer { width: 10%; margin: 0 auto; background: #c72127; color: #fff; text-align: center; padding: 9px; border-radius: 4px;}
.assess-user {float: right; font-size: 14px; width: 18%; margin-top: -24px; text-align: right; padding-right: 10px; color: #fff;}
.form-container { float: left;  width: 100%; background: #fafafa; padding: 2% 0%;}
.assessment_name span{ width:40px;}
.assessment_name span img{ width:100%;}
.company-details h2{ font-size: 22px; line-height: 40px;}
.company-details p{font-size: 15px; font-weight: 400; line-height: 24px; color: #555;}
.login h1{ font-size: 25px; text-align: center;line-height: 60px; border-bottom: solid 1px #ddd;font-weight: 700; color: #333;}
.botm-form { width: 65%; margin: 0 auto; padding-top: 2%;}
.botm-form .control-label{     text-align: right;font-size: 13px;    line-height: 29px;font-weight: 600;    padding-top: 0;}
.botm-form.chosen-container_select .chosen-container-single .chosen-single{    background: none;  height: 34px; padding: 6px 12px;  font-size: 14px;  line-height: 1.42857143;  color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px!important}
.botm-form.chosen-container_select .chosen-container-single .chosen-single::after{  position: absolute; right: 7px; top: 1px;}
.ui-tooltip.ui-corner-all.ui-widget-shadow.ui-widget.ui-widget-content{ width:420px!important; top: 940px!important}
.ui-tooltip-content::after { top: calc(-20% - 10px);  left: -10px;  border-color: transparent #f1f1f1; border-width: 10px 10px 10px 0;  content: ''; position: absolute; border-style: solid; display: block; width: 0;}
.publish-test .btn-success{ font-weight: bold;}
.nav.navbar-nav.navbar-right.navbar-castom {  margin: 0;}
.navbar {min-height: 55px;}
.privacy-test { float: left; width: 100%; background:#014ea2; position: fixed; bottom: 0;}
.i-agree { width:55%; margin: 0 auto; padding: 10px; overflow: hidden;}
.uploaded-img img{     border-radius: 10px;
    height: 237px;
    object-fit: cover;}
.i-agree span{ float: left; color: #fff; line-height: 40px; padding-right: 5%;}
.i-agree span input{    width: 20px; height: 20px; margin-top: 10px; float: left; margin-right: 10px;}
.right-align-over{  float: right; width: 10px;  margin-top: -4%; text-align: center; margin-right: 1%;}
a.rotate-ellipsis  { transform: rotate(90deg); float: left; width: 100%; text-align: center;}
.dropdown-menu>li>a { color:#428bca;}
.dropdown ul.dropdown-menu { border-radius: 4px;box-shadow: none;margin-top: 13px;width: 183px;right:0;    left: inherit!important;}
.dropdown ul.dropdown-menu:before { content: ""; border-bottom: 10px solid #fff;  border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; top: -10px; right: 16px; z-index: 10;}
.dropdown ul.dropdown-menu:after { content: ""; border-bottom: 12px solid #ccc;  border-right: 12px solid transparent; border-left: 12px solid transparent; position: absolute; top: -12px; right: 14px;  z-index: 9;}
.main-setting{position:relative;}
.actions { padding-top: 7px; font-size: 15px; position: absolute; right: 2%;}
.footer-fix {  right: 0; width: 81.7%; position: fixed; bottom: 0; background: #fff; margin-left: -20px; padding-left: 20px;}
.candidate-count { float: left; padding: 15px; font-weight: bold;    padding-left: 4%;}
.shartilist-right {float: right;padding: 5px;    text-align: center;margin: 0!important;}
.rotate-bottom{ transform:rotate(0deg)}
ul.dropdown-menu.rotate-bottom{top: -176px;}
.dropdown ul.dropdown-menu.rotate-bottom:before{ width: 0;  height: 0; border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 10px solid #fff; top: 100%; right: 0;}
.dropdown ul.dropdown-menu.rotate-bottom:after{  width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ccc; top: 100%;right: 0;}
.sidebar-brand1 { color: #fff;text-align: left; padding-left: 0; float: left; width: 100%;text-indent: inherit;font-weight: bold;    margin-top: 0px;}
.sidebar-brand1 i{ text-indent: inherit!important; float: left; line-height: 31px;}
.sidebar-brand1 span{ margin-left: -12px;}
.invite-bdr { border-top: solid 1px #86c6c5; border-bottom: solid 1px #86c6c5;}
/*.sidebar-nav li:last-child{ border-bottom:solid 1px #f1f1f1}*/
.badges{ border-radius: 15px;  background: #403E3E; padding: 5px 10px; font-size: 10px}
.question-report .question {border: 1px solid rgba(156,163,168,0.2);  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(156,163,168,0.5); -moz-box-shadow: 0 1px 0 rgba(156,163,168,0.5); box-shadow: 0 1px 0 rgba(156,163,168,0.5); vertical-align: top; width: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.question-report .question .question-title { float: left; padding: 5px 15px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	border-bottom: 1px solid rgba(156,163,168,0.2);}
.question .question-description { padding: 10px 15px; width: 50%; border-right: 1px solid rgba(156,163,168,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.question-report .question .question-description.min-height-100 { min-height: 110px;}
.question-report .question .question-analytics { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px;}
.question-report .question .question-analytics { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px;}
.candi-reprt h5{ font-size:18px;}
.question.standard-margin { border: solid 1px #f1f1f1; float: left;  width: 100%;margin-bottom: 10px;}
.question-title.dark.regular.weight-600 { padding: 10px; border-bottom: solid 1px #f1f1f1; float: left; width: 100%;}
.float-right { float: right;  font-weight: normal;}
.float-left {float: left; font-weight: normal;}
.question-description {font-size: 12px; line-height: 20px; color: #888;font-weight: 300;}
.graph.question-analytics.float-left {  float: left; width: 50%; min-height: 176px;}
.question-analytics{ float:left; width: 100%;}
.dark-left { float: left; width: 50%;}
.dark-right { float: right; width: 50%; text-align: right;}
.attempted-graph { float: left; width: 100%; padding: 8px;}
.progress-title{ font-size: 16px; font-weight: 700; color: #333;margin: 0 0 20px;}
.progress{ height: 10px; background: #333; border-radius: 0; box-shadow: none;  margin-bottom: 30px;  overflow: visible;}
.progress .progress-bar{ position: relative;  -webkit-animation: animate-positive 2s; animation: animate-positive 2s;	height: 30px;}
.progress .progress-bar:after{ content: ""; display: inline-block; width: 9px;position: absolute; top: -10px; bottom: -10px; right: -1px; z-index: 1; transform: rotate(35deg);}
.progress .progress-value{ display: block; font-size: 12px; font-weight: 600; color: #999;  position: absolute; top: 5px; right: -52px;}
@-webkit-keyframes animate-positive{
0%{ width: 0; }
}
@keyframes animate-positive {
0%{ width: 0; }
}
.main-progress { float: left;  width: 100%; margin-top: 2%;}
.main-progress .progress{background: #fff!important;}
.over-progress {line-height: 30px; cursor: pointer}
.candi-reprt { float: left;width: 100%;}
.candi-reprt h5{ margin-bottom: 20px; padding-top: 15px}
.condidate-list { float: left; width: 100%; border-bottom: solid 1px #f1f1f1;}
.condidate-list:last-child{ border-bottom:0;}
.summary-main{ vertical-align: top; min-width: 400px; float: left; width:100%;	margin-top: 2%;}
.summary-main ul li{ padding: 20px; float: left; min-height: 135px; border-right: 1px solid #e5e7e8;}
.summary-main_wigit{border: 1px solid rgba(156,163,168,0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(156,163,168,0.5); -moz-box-shadow: 0 1px 0 rgba(156,163,168,0.5); box-shadow: 0 1px 0 rgba(156,163,168,0.5);}
.summary-main_wigit ul li{min-height: 160px!important}
.summary-main ul li:first-child{ width: 29%;}
.summary-main ul li:nth-child(2){ width: 25%;}
.summary-main ul li:nth-child(3){ width: 22%;}
.summary-main ul li:nth-child(4){ width: 24%;}
.summary-main ul li:nth-child(2){ width: 25%;}
.summary-main ul li:nth-child(2) h4 a{  color:#384cff; text-decoration: none}
.summary-main ul li:nth-child(3) h4 a{ color:#edb918; text-decoration: none}
.summary-main ul li:last-child h4 a{ color:#26c994; text-decoration: none}
.summary-main ul li:first-child h4 a{ text-decoration: none; color: #014ea2;}
.summary-main ul li h4{ font-size: 16px; font-weight: 600; color: #46535e; margin-bottom: 15px;}
.summary-main ul li address{ color: #46535e; font-size: 14px; font-weight: 400;    word-break: break-all;}
.summary-main ul li address span{ color: #9ca3a8;}
.Report_Summary .summary-main li{ width: 25%!important; text-align: center;border: 1px solid rgba(156,163,168,0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(156,163,168,0.5); -moz-box-shadow: 0 1px 0 rgba(156,163,168,0.5); box-shadow: 0 1px 0 rgba(156,163,168,0.5);}
.Report_Summary .summary-main { margin-bottom:2%;}
.Report_Summary .summary-main li h4{ font-size: 40px;}
.graph-bottom { float: left; width: 100%;}
.invite_tag { float: left;padding-left: 12%; line-height: 24px; font-weight: 400;}
.previews-ul-invit-top { float: left; width: 100%;  background: #555; padding: 5px 15px; font-size: 20px; color: #ffff;}
.test-timer.test-timer-top{ float:left;}
.assessment_name.assessment_name_top { width: 50%;}
.cret_new { float: left; width: 40%; text-align: center;}
.cret_new a{ color: #fff; line-height: 37px; text-decoration: none;}
.cret_new a:hover{color: #fff; line-height: 37px; text-decoration: none;}
.cret_new a:focus{color: #fff; text-decoration: none;}
.assess-user-top {  float: right; line-height: 32px; padding-right: 15px;}
.assess-user-top .dropdown a{ color:#fff;}
.assess-user-top .dropdown ul li a{ color: #428bca;}
.note-box { background-color: #f4edfa; padding: 10px; float: left; width: 100%;}
.note-box ol{ list-style: decimal inside; padding-top: 8px;}
.note-box ol li{ font-weight:400;}
.text_area_b0x { float: left; width: 100%;  margin-top: 3%;}
.invite_h { float: left; width: 100%;  margin-top: 0; border-bottom: solid 1px #f1f1f1; margin-bottom: 15px;}
.invite_h h2{ font-size: 18px; line-height: 30px;}
.invite_h h2 span{ background: #555; border-radius: 50px; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; float:left;    margin-right: 10px;}
.footer-fix.footer-fix-bottom{ width: 81.9%; background: #f1f1f1;}
.setting-h { font-size: 26px;  border-bottom: solid 1px #f1f1f1; margin-bottom: 20px; padding-bottom: 15px;}
.onoffswitch { position: relative; width: 85px;  -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;	float: left;}
.onoffswitch-checkbox { display: none;}
.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #fff; border-radius: 20px;}
.onoffswitch-inner { display: block; width: 200%; margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.setting-bar { float: left; width: 100%; margin-top: 2%;}
.setting-bar label{ float: left; width: 100%; padding-left: 15px; padding-bottom: 10px;}
.ceter-column { float: left; line-height: 29px;}
.onoffswitch-inner:before { content: "ON"; padding-left: 10px;  background-color: #7cc07c; color: #FFFFFF;}
.onoffswitch-inner:after { content: "OFF"; padding-right: 10px;  background-color: #ff0000; color: #fff; text-align: right;}
.onoffswitch-switch { display: block; width: 22px;  height: 22px; margin: 6px; background: #FFFFFF; border-radius: 20px; position: absolute; top: 0; bottom: 0; right: 56px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;  -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }
.onoffswitch1 { position: relative; width: 90px;  -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
.onoffswitch1-checkbox { display: none;}
.onoffswitch1-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 30px;}
.onoffswitch1-inner {display: block; width: 200%; margin-left: -100%;-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;}
.onoffswitch1-inner:before, .onoffswitch1-inner:after {display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
font-size: 14px; color: white; font-weight: bold;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
border-radius: 30px;  box-shadow: 0px 15px 0px rgba(0,0,0,0.08) inset;}
.onoffswitch1-inner:before { content: "OFF"; padding-right: 10px; background-color: #ff0000; color: #999999; text-align: right; border-radius: 0 30px 30px 0;}
.onoffswitch1-inner:after {content: "ON"; padding-left: 10px;background-color: #4fba07; color: #FFFFFF; border-radius: 30px 0 0 30px;}
.onoffswitch1-switch { display: block; width: 30px; margin: 0px; background: #FFFFFF; border: 2px solid #999999; border-radius: 30px; position: absolute; top: 0; bottom: 0; right: 56px;-moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);box-shadow: 0 1px 1px white inset;}
.text-asscess { float: left; width: 100%;}
.text-asscess span{ float: left; font-size: 16px; font-weight: 400; line-height: 31px; margin-right: 2%;}
form label{ color:#46535e}
.setting-h h2{ font-size: 18px;font-weight: 600;}
.over_bg{ float:left; width:100%; background: url(../assets/images/login-bg.png)repeat center;}
.question-option-rightsidebar.content-holder.fullscroll { height: calc(100vh - 60px); margin-top:0%;overflow-y: auto; overflow-x: hidden; }
.question-option-rightsidebar.content-holder.fullscroll::-webkit-scrollbar {-webkit-appearance: none;width: 10px;}
.code td strong{ font-size: 16px; font-weight: 600; line-height: 30px;}
.question-option-rightsidebar.content-holder.fullscroll::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(166,169,171,.5);-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}
.main-bx-inner .setting-sidebar{  margin-top: 0%!important; top: 0%!important;}
.sectionbar { float: left; width: 100%;display: flex; flex-wrap: wrap;}
.sectionbar-scroll{/*overflow-y: scroll; overflow-x: hidden; height: 480px;*/}
.cercle-interviews{ margin: 0 auto; width: 300px; height: 300px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;padding: 15px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #e5e7e8; background: rgba(229,231,232,0.6); border: 1px solid #e5e7e8; margin-top: 30%;}
.cercle-interviews-inner { float: left; width: 100%; text-align: center; margin-top: 36%;}
.cercle-interviews-inner h3{font-size: 16px; font-weight: bold; padding-bottom: 15px;}
.cercle-interviews-inner p{ color:#9ca3a8; padding-bottom: 10px;}
.dark{ color:#46535e;}
.custom-bdr-input{ border-radius: 0px; box-shadow: none; margin-top: 8px; font-size: 12px!important;font-weight: 500;     text-indent: 12px;}
.custom-label{ font-size: 12px;}
.form-control.custom-bdr-input:focus{ border-color: lightgrey; background: none; box-shadow: none}
.over-text { position: absolute; top: 39px; left: 22px; color: #e5e5e5;}
.box{ display:none; margin-top:0px;}
.removeclass{ display:none;}
.main-inpt,.addinput{ float:left; width: 100%;}
div#AddMoreFileId { float: left;  width: 100%; margin-top: 10px;}
.modal-body.modal-body-scroll { overflow-y: scroll; overflow-x: hidden;  min-height: 261px;}
.email-candidate.extra_assassment { height: 78vh; overflow-y: scroll;}
.add-more-interview { float: left; width: 100%; margin-top: 10px;}
.edit-table li { float: left; margin-left: 5px; margin-right: 6px;}
.edit-table li:last-child{ margin-right: 0px;}
.candidate-feed { float: left; width: 100%;}
.feed-serial { float: left; padding-right: 10px; font-weight: bold;}
.feed-candidate { float: left; font-weight: 500;}
.feed-raring { float: left; width: 100%; margin-top: 10px;}
.feed-raring span{ float:left; padding-right: 10px;}
.starrr{ float: left; padding-right: 1%;}
.total-rating { float: left;}
.total-rating input{ border: 0; font-weight: bold; font-size: 16px; color: #666;}
.starrr a{ font-size:16px; color: #ffe100; text-decoration: none; padding-right: 10px}
.starrr .fa-star-o.fa{font-size:16px; color:#666}
.feedback-bx{  margin-top: 5px; padding: 10px; background: #f9f9f9; border: 0;float: left; width: 100%;}
.feed-text-bx { float: left; width: 100%;}
.feed-text-bx textarea{ float: left; width: 100%; border: 0;  background: none;  padding-top: 10px; font-weight: normal; resize: none;}
.feedback-bx small{ font-size:12px;}
.feed-bottom { float: left; width: 100%; margin-top: 10px;}
.candi-rating {float: right; margin-top: 13px;}
.badge.custom_badge { background: #f9f9f9; color: #333; padding: 7px 12px;}
.star-color{color:#ffe100;}
.videoresize{ border-radius: 10px; margin: 0 auto; height: 235px; float: left; width:46%; margin-right: 10px;    object-fit:contain;}
.flex-container { display: flex; align-items: stretch; background-color: #fff; margin-left: 0px!important;}
.coading-interview-1{ position: absolute; left: 0; width: 50px; height: calc(100vh - 60px); background: #f9f9f9;height: 100%; z-index: 999;}
.coading-interview-2{ float: left; width: calc(100% - 0px); height: calc(100vh - 50px); /*padding-right: 10px;*/	background-color: #fff;}
.coading-interview-3{ width: calc(30vw - 50px);  height: calc(100vh - 46px); background-color: #fff;  position: absolute; right: 0; overflow: hidden!important;}
.editor-top-extras {  height: 50px; line-height: 50px;  overflow: hidden; font-weight: 600; font-size: 14px; background: #222335; /*margin-left: 2%;*/ z-index: 999; float: left; width: 100%; padding-left: 2%;}
.right-panel-header{ height: 50px; color: #8f9089; background-color: #222335; float:left; width: 100%;  }
.footer_coding{ height: 54px;  position: absolute; bottom: 0; right: 0;left: 0; z-index: 99999; width: 100%; background-color: #222335;}
.left-navigation_1 { float: left; width: 100%; text-align: center; margin-top: 23%; margin-bottom: 15%; color: #ccc;}
.left-navigation_1 a{  color: #ccc;}
.left-navigation_edit { float: left; width: 100%; text-align: center;  border-top: 1px dotted #d9dde0; cursor: pointer; border-bottom: 1px dotted #d9dde0;	height: 50px; line-height: 50px;}
.left-navigation_f_icon{height: 54px; position: absolute; bottom: 0; width: 3.9%; cursor: pointer;  border-top: 1px dotted #d9dde0;  display: flex; justify-content: center;  align-items: center;  background: #fff;}
.left-navigation_f_icon a{ color:#191919}
.code-logo{ position: relative; display: inline-block; margin-left: 12px; height: 36px; width: 36px; background-color: #303129; top: 7px; right: 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: left; display: flex; justify-content: center; align-items: center; padding-bottom: 3px;  color: #ccc; margin-right: 10px;}
.test-logo { float: left; color: #b3b4af;}
.lounguage-select { float: left; width: 20%;  margin-right: 1%; margin-top: 1%;  margin-left: 57%;}
.form-control.editor-control{width: 140px; height: 31px; margin-left: 19px;  background-color: #202020; border: 1px solid #393939;  -webkit-border-radius: 2px;  -moz-border-radius: 2px;  border-radius: 2px; color: #8f9089;}
.compile-run { float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 0; height: 31px; display: flex; justify-content: center; align-items: center; margin-top: 10px;}
.compile-run .btn.btn-gray{ background-color: #272822!important; border-radius: 0;  color: #565551;}
.compile-run .btn.btn-gray:hover{  color: #565551;}
.footer-link{ float:left; color: #b3b4af; padding: 1.5% 6%;}
.footer-link i{ transform: rotate(90deg);}
.open-button { background-color:#353656; color: #b3b4af; padding: 18px 20px; border: none; cursor: pointer;  opacity: 0.8;  width: 300px;  margin-left: 49.4%;}
.form-container-form { max-width: 300px; padding: 10px; background-color: white;}
.form-popup { display: none; position: fixed; bottom: 0; right: 15px; border: 3px solid #f1f1f1; z-index: 9;}
.form-container-form textarea { width: 100%;padding: 15px; margin: 5px 0 22px 0; border: none; background: #f1f1f1; resize: none; min-height: 200px;}
.form-container-form textarea:focus { background-color: #ddd; outline: none;}
.form-container-form .btn {background-color:transparent; color: #ddd; padding: 16px 20px;     font-size: 0; border: none; cursor: pointer; width: 100%; margin-bottom:10px; opacity: 0.8;}
.form-container-form .cancel { background-color: red;}
.form-container-form .btn:hover, .open-button:hover {opacity: 1;}
.chat-popup{position: fixed;bottom: 10%; left: 49.4%;   -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); z-index: 9999;}
.coding-test-input { float: left;}
.coding-test-input .nav-tabs{ border-bottom:none;}
.coding-test-input .nav-tabs li.active{ background:none; border-radius: 0px; border: 0;}
.coding-test-input .nav-tabs li.active a{ background: none; border-radius: 0px; color: #09f!important; border-top:none; border-right: none;
border-left: none; border-bottom: solid 2px #09f;}
.coding-test-input .nav-tabs li.active a:hover{background:none;border-radius: 0px; color: #09f!important; border-bottom: solid 2px #09f;border-top:none;
border-right: none;border-left: none;}
.coding-test-input  .nav-tabs > li > a{ color:#b3b4af!important; border:none;    font-weight: normal;}
.coding-test-input  .nav-tabs > li > a:hover{ background:none; border-radius: 0; border:0;}
.coding-input-output .tab-content{ margin-top:0px; box-shadow: none;}
.coding-input-output .tab-content .tab-pane{ background: none}
.coding-text-area textarea{ background: none; float:left; width: 100%; color: #fff; border:none; resize: none;height: 375px;    line-height: 20px;}
.igive {float: right; margin-right: 5%;  margin-top: 1.5%;}
.igive a{ height: 31px; padding: 4px; background: #202020; border: 1px solid #393939; font-weight: normal; color: #09f; text-decoration: none; border-radius: 4px; }
.igive a:hover{ border-color:#09f}
.editor-part { width: 100%;  color: #fff; clear: both;  /*padding-top: 10px;*/ position: relative;}
.user-active-log{ float: left; width: 100%; position: relative; overflow: scroll; height: 342px;}
.circle-style { width: 14px;  height: 14px; float: left; border: 1px solid #f00; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 10px; position: absolute; background: #fff; z-index: 1;}
.activity .line { display: inline-block;  width: 330px;  overflow-wrap: break-word; padding-bottom: 30px; padding-left: 20px; position: relative; left: 6px; top: 0; border-left: 2px solid #d9dde0;}
.activity .line .main-content { position: relative; top: -3px;}
.activity .timestamp { position: relative; right: 10px; float: right; color: #90979e; font-size: 12px;  font-weight: 400;}
.line:last-child{  border-left:none!important;}
.interview-timing { float: right; width: 36%;  height: 50px; line-height: 50px;  color: #fff; }
.interview-timing span{  color: #fff;}
.igive.end-interview a{ border-color: #fff; color: #fff!important;}
.igive.end-interview a:hover{ border-color: #fff!important; color: #fff!important; opacity: inherit!important}
.coding-input-output { float: left; width: 100%;  overflow: hidden;}
/**chat box css here**/
.chatbox {position:fixed; bottom: 8%;  right: 30px; width: 300px;  height: 400px; background-color: #fff; -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);  transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column;}
.chatbox.chatbox--empty{ height: 522px; z-index: 999999}
.chatbox .form-control:focus {  border-color: #1f2836;}
.chatbox__title, .chatbox__body { border-bottom: none;}
.chatbox__title { min-height: 50px; padding-right: 10px; background-color: #1f2836; border-top-left-radius: 4px; border-top-right-radius: 4px; cursor: pointer; display: -webkit-flex; display: flex; -webkit-align-items: center;  align-items: center;}
.chatbox__title h5 { height: 50px;  margin: 0 0 0 15px; line-height: 50px; position: relative; padding-left: 20px; -webkit-flex-grow: 1; flex-grow: 1;}
.chatbox__title h5 a { color: #fff;  max-width: 195px; display: inline-block; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.chatbox__title h5:before { content: '';  display: block;  position: absolute;  top: 50%; left: 0; width: 12px; height: 12px; background: #4CAF50; border-radius: 6px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.chatbox__title__tray, .chatbox__title__close { width: 24px; height: 24px; outline: 0; border: none; background-color: transparent; opacity: 0.5; cursor: pointer; -webkit-transition: opacity 200ms; transition: opacity 200ms;}
.chatbox__title__tray:hover, .chatbox__title__close:hover { opacity: 1;}
.chatbox__title__tray span { width: 12px; height: 12px; display: inline-block; border-bottom: 2px solid #fff}
.chatbox__title__close svg { vertical-align: middle; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.2px;}
.chatbox__body, .chatbox__credentials {  padding: 15px; border-top: 0; background-color: #f5f5f5;  border-left: 1px solid #ddd; border-right: 1px solid #ddd;
-webkit-flex-grow: 1; flex-grow: 1;}
.chatbox__credentials { display: none;}
.chatbox__credentials .form-control { -webkit-box-shadow: none; box-shadow: none;}
.chatbox__body { overflow-y: auto;}
.chatbox__body__message { position: relative;}
.chatbox__body__message p { padding: 15px;  border-radius: 4px; font-size: 14px;  background-color: #fff;  -webkit-box-shadow: 1px 1px rgba(100, 100, 100, 0.1);
box-shadow: 1px 1px rgba(100, 100, 100, 0.1);}
.chatbox__body__message img { width: 40px; height: 40px; border-radius: 4px; border: 2px solid #fcfcfc; position: absolute; top: 15px;}
.chatbox__body__message--left p { margin-left: 15px; padding-left: 30px; text-align: left;}
.chatbox__body__message--left img { left: -5px;}
.chatbox__body__message--right p { margin-right: 15px; padding-right: 30px; text-align: right;}
.chatbox__body__message--right img { right: -5px;}
.chatbox__message { padding: 15px; min-height: 50px; outline: 0; resize: none;  border: none; font-size: 12px; border: 1px solid #ddd; border-bottom: none; background-color: #fefefe;}
.chatbox--empty.chatbox--tray { bottom: 54px; height:auto;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}
.chatbox--empty.chatbox--closed { bottom: -262px;}
.chatbox--empty .chatbox__body, .chatbox--empty .chatbox__message { display: none;}
.chatbox--empty .chatbox__credentials { display: block;}
.live-video {float: left;background: #000;min-height: 120px;width: 100%;margin-top: 0px;	display: none;}
.live-video.active{ display:block; position: relative;}
.live-video.active:last-child{ margin-bottom:0%;}
.live-video video{ width:100%;}
.on-off-user { float: left; width: 100%; padding-bottom: 0px; padding-left: 5px; padding-top: 10px; font-weight: normal;    display: none;}
.on-off-user:last-child{ padding-bottom: 5px;}
.interviews-submit { background: #666; float: right;  padding-right: 5%; height: 50px; padding-left: 5%;  line-height: 50px;  color: #66D9EF;  font-weight: normal;}
.ui-widget.ui-widget-content{ z-index: 9999!important;}
.q-active{ border-left: solid #337ab7}
.thanks-modal {  text-align: center; margin-top: 20%;}
.thanks-modal h2{ font-size: 40px; border: 0; text-transform: uppercase; font-weight: bold;}
.thanks-modal h5{font-size: 18px; margin-top: 4%; margin-bottom: 4%; color: #666;}
.time-out-ques { margin-top: 15%;}
.time-bar-timer { text-align: center; width: 11%; margin: 0 auto;  border: solid 1px orange;  border-radius: 4px; padding-top: 4px; padding-bottom: 4px;}
.time-bar-timer i{ color: orange; float: left; padding-left: 11px; padding-top: 2px; font-size: 18px;}
.time-bar-timer span{ font-weight:normal;}
.time-out-ques span{ color:orange;    font-size: 2em;}
.time-out-ques p{ color:#90979e}
.extend-main {  width: 58%;  margin: 0 auto;}
.exam-extent-main { float: left; width: 100%;}
.exam-extent-main h2{text-align: center; font-size: 20px;padding-bottom: 15px;}
.exam-extent-main p { text-align: center; padding-bottom: 5%;  font-weight: normal; line-height: 25px; color: #777;}
.custom-grup label{ font-size: 10px; clear: both; width: 100%; text-transform: uppercase; padding-bottom: 15px; color: #666;}
.custom-grup input{float: left; width: 68px; border-left: 0; border-radius: 0; border-right: 0; border-top: 0;line-height: 32px;    box-shadow: none;}
.custom-grup input:focus{ border-color: none; box-shadow: none;}
.custom-grup span{ font-size: 18px; font-weight: 500; line-height: 35px;padding-left: 10px;}
.rating { float:left; width: 86%;}
.rating:not(:checked) > input { position:absolute; top:-9999px; clip:rect(0,0,0,0);}
.rating:not(:checked) > label { float:right; width:1em; overflow:hidden; white-space:nowrap;  cursor:pointer; font-size:200%;  color:#ddd;}
.rating:not(:checked) > label:before { content: '★ ';}
.rating > input:checked ~ label {  color: #f0ad4e; }
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {  color:#f0ad4e; }
.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label { color: #f0ad4e;}
.rating > label:active { position:relative;  top:2px; left:2px; }
.feedback-container { width: 60%;  margin: 0 auto;}
.feedback-container h2{ font-size: 20px; text-align: center; margin-bottom: 20px;}
.feedback-main { background: #fff; padding: 10px; float: left; width: 100%;  border: solid 1px #ddd;}
.feed-heading { float: left; width: 100%; text-align: center; font-size: 18px; font-weight: 600;  color: #111; padding-bottom: 20px; border-bottom: solid 1px #ddd;  margin-bottom: 15px;}
.feed-rating { float: left;  width: 100%;}
.feed-rating  ul li{ float:left; width: 100%; padding-bottom: 15px; }
.feed-rating  ul li .feed-left{ float: left; font-size: 16px; font-weight: 400; color:#777}
.feed-rating  ul li .feed-right{ float:right;}
.full-screen-video{ position: absolute; top: 0; left: 0; right: 0;  bottom: 0; background: #111; display: none;}
.full-screen{ color: #fff; position: absolute; left: 0px; width: 40px; height: 40px; float: left;  background: #666; font-size: 1.5rem; line-height: 40px; text-align: center;  top: 3.5%;}
.video-bx-large { float: left; width: 100%; display: flex;  align-items: stretch; height: 80%; margin-top: 2%;}
.video-controler { float: left; width: 20%;  margin-top: 1%;}
.video-controler ul li{ float:left; }
.video-controler ul li:first-child{ margin-left: 6%;}
.video-controler ul li a{ border: solid 1px #666;  color: #666; border-radius: 4px; margin-right: 10px; padding: 5px 12px;text-decoration: none;font-size: 12px;}
.video-controler ul li a:hover{ border-color: #F62670; color: #F62670; text-decoration: none;}
.video-bx-large .video{  overflow:hidden;}
.full-screen-timer { float: left; width: 9%;  position: absolute; right: 0; top: 3.5%; background: #666; text-align: center; padding: 7px;color: #fff;}
.full-screen-timer span{ padding-left:5px;}
.video-control-btn { position: absolute; bottom: 11px; left: 9px; width: 40%;}
.video-control-btn ul li{ float:left;  margin-right: 10px;}
.video-control-btn ul li button{border-radius: 50%;background-color: rgba(102, 102, 102, 0.3);color: #fff;width: 30px;height: 30px;float: left;text-align: center;line-height: 17px;padding: 0;}
.notification {  position: absolute; top: 0; background: #f1f1f1; left: 0; right: 0; bottom: 0; padding-top: 22%; width: 100% ; text-align: center;}
.btn-AudVid { float: right; margin-top: -10px;}
.btn-AudVid button{ padding: 3px 10px; float: left; background: none;font-size: 18px;}
.text-instruction .primary-hdr.primary-main{ margin-top: 0%!important;  top: 7.5%;}
.coading-group-section { float: left;  width: 100%;}
.add-library-q{text-align: center;  border-top: 1px dotted #d9dde0; cursor: pointer;  border-bottom: 1px dotted #d9dde0; height: 50px; line-height: 50px;}
.add-library-q a{ color:#333; text-decoration: none;}
.add-choose-option{text-align: center; border-top: 1px dotted #d9dde0; cursor: pointer;  border-bottom: 1px dotted #d9dde0; height: 50px; line-height: 50px;}
.add-choose-option a{ color:#666; text-decoration: none; font-size: 18px;}
.add-menu-ques { position: fixed; top: 0; left: 0; bottom: 0; width: 300px;  background: #fff;  z-index: 99;}
.add-menu-ques { display:block;}
.coading-group-section ul { margin-bottom:0px;}
.coading-group-section ul li{ text-align: center; cursor: pointer; border-bottom: 1px dotted #d9dde0;  height: 50px; line-height: 50px;}
.coading-group-section ul li:last-child{ border-bottom:none;}
.coading-group-section ul li a{ height: 50px; line-height: 50px; color:#ccc; text-decoration: none; width:100%; float:left;}
.coading-group-section ul li a.active{ color: #4c9cdf; font-weight: bold;}
.main-open-ques { float: right; width: 83%; padding: 10px;}
.main-open-ques h2{ font-size: 14px; font-weight: bold; padding-bottom: 15px;}
.main-open-ques h3{ font-size: 14px; font-weight: bold; padding-bottom: 15px;}
.main-open-ques h5{ float:left; width: 100%; color: #595757}
.closeed { position: absolute; top: 0; right: 0; background: #f2f2f2;  padding: 10px; font-size: 18px;}
.tab-content.add_question_container {  margin-top: 0; box-shadow: none;  padding: 0;}
.box-overflow { float: left; width: 100%;  background: #f9f9f9; padding: 10px;}
.box-overflow .form-group{ margin-bottom: 15px;}
.box-overflow .form-group label{ font-size: 12px; padding-bottom: 10px}
.box-overflow .form-group .form-control{ box-shadow:none;}
.text-center.footer-pop-text { font-size: 12px; padding-top: 10px; clear: both; color: #666;}
.box-overflow { float: left; width: 100%;  background: #f9f9f9;  padding: 10px; overflow-y: scroll; height: 250px; overflow-x: hidden;}
.tab_pan_custom a{ border: solid 1px #4c9cdf!important; border-radius: 0px!important; padding: 7px 7px!important; font-size: 13px!important; color: #4c9cdf!important; font-weight: bold; margin-right: 0!important;}
li.tab_pan_custom.active a{ background: #4c9cdf!important; color: #fff!important}
.library_question { float: left;width: 100%; border-bottom: solid 1px #ddd;}
.library_question:first-child{ border-top: solid 1px #ddd;}
.chat-window{ bottom:0;right:0;  position:fixed; float:right;}
.chat-window > div > .panel{ border-radius: 5px 5px 0 0;}
.icon_minim{ padding:2px 10px;}
.msg_container_base{ background: #fff; margin: 0; padding: 0 7px 0px; max-height:400px; height: 380px; overflow-x:hidden;}
.top-bar { background: #666; color: white; padding: 10px; position: relative;  overflow: hidden;}
.msg_receive{ padding-left:0; margin-left:0;}
.msg_sent{  padding-bottom:20px !important; margin-right:0;}
.messages { background: white; padding: 10px; border-radius: 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); max-width:100%;}
.messages > p {font-size: 11px;margin: 0 0 0.2rem 0;line-height: 17px;color: #888;font-weight: 400;}
.messages > time {font-size: 11px;color: #ccc;}
.msg_container {padding: 10px;overflow: hidden;display: flex;}
.chatimg {display: block;width: 100%;}
.avatar {position: relative;padding: 0;}
.base_receive > .avatar:after {content: "";position: absolute;top: 0;right: 0;width: 0;height: 0;border: 5px solid #FFF;border-left-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);}
.base_sent {justify-content: flex-end;align-items: flex-end;}
.base_sent > .avatar:after {content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 0;border: 5px solid white;border-right-color: transparent;border-top-color: transparent;box-shadow: 1px 1px 2px rgba(black, 0.2); }
.msg_sent > time{float: right;}
.msg_container_base::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.msg_container_base::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;}
.msg_container_base::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
.btn-group.dropup{position:fixed;left:0px;bottom:0;}
.panel-footer {   padding: 5px 0px; background-color: #fbfbfb; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; width: 107%; margin-left: -10px; margin-right: -10px;}
.base_sent .col-md-10.col-xs-10{ padding:0px;}
.panel-footer .input-group .chat_input{  border: 0; box-shadow: none; background: transparent; height: 50px; font-size: 15px; font-weight: 300;}
.panel-footer .input-group .chat_input:focus{ background-color:transparent;}
#chatFormSubmitButton::after{ content:"\f1d9";   font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 20px!important}
button#chatFormSubmitButton:focus{ border:none; background-color:transparent;    outline: none;}
.base_receive .col-md-10.col-xs-10{ padding:0px;}
.chat-heder {float: left;width: 302px;background:#222335;padding: 10px;margin-top: -11px;margin-left: -11px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.disusson-h{ font-size:16px; color: #fff; font-weight:normal;}
.chat_closed {float: right;font-size: 16px;}
.chat_closed  a{ color:#fff; text-decoration: none;}
.personal-dtail-page {float: right;width: 85%;margin-top: 7%;display: flex;align-items: stretch;height: 100%;background: #fff;}
.flex-left{  min-height: 600px;float: left;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;overflow: auto;width: 100%;}
.flex-right {position: fixed;right: 0;width: calc(0.35*(100% - 0px));height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-left: 1px solid rgba(156,163,168,0.6);float: left;overflow: auto;background-color: #e5e7e8;}
.form-pr-lft {float: left;width: 72%;}
.profile-right-pic {float: left;width: 22%;text-align: center;margin-left: 4%;}
.text-center.center-block.file-upload.upload-img-icon {border: none;padding-top: 10px;}
.dtail-dic {float: left;width: 100%;margin-top: 11%;}
.form-pr-lft label{ text-align: left!important}
.form-pr-lft .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background: none!important;border-radius: 0;box-shadow: none;}
.form-pr-lft .form-control{ border-radius: 0;box-shadow: none;}
.ques-overview {width:23%;float: left;}
.ques-overview ul li{float: left;width: 38%;text-align: center;line-height: 44px;font-size: 12px;}
.ques-overview ul li:first-child{ width:23%}
.ques-overview ul li:nth-child(2){ width:36%!important}
.addmanagement {width: 23%;text-align: center;margin: 0 auto;margin-top: 7%;margin-bottom: 3%;}
.addmanagement img{ width: 40%;margin-bottom: 10%;}
.overlay {height: 100%;width: 100%;display: none;position: fixed;z-index: 9999;top: 0;left: 0;background-color: rgb(255,255,255);}
.overlay-content {position: relative;top: 25%;width: 100%;text-align: left;margin-top: 30px;}
.overlay a {padding: 8px;text-decoration: none;font-size: 36px;color: #818181;display: block;transition: 0.3s;}
.overlay a:hover, .overlay a:focus {color: #f1f1f1;}
.overlay .closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;}
@media screen and (max-height: 450px) {
.overlay a {font-size: 20px}
.overlay .closebtn {font-size: 40px;top: 15px;right: 35px;}
}
.shadow-table {float:left; width: 100%;position: relative;-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
.upload-btn-wrapper {position: relative;overflow: hidden;display: inline-block;cursor: pointer!important;}
.upload-btn-wrapper input[type=file] {font-size: 100%;position: absolute;left: 0;top: 0;opacity: 0;}
.readmore-question ol{list-style: decimal; list-style-position: inside;}
.readmore-question ul{ list-style:disc; list-style-position: inside;}
.page-bg .primary-hdr.primary-main{ margin-top: 0%!important; top: 7.5%;}
.inviteto .primary-hdr.primary-main{ margin-top: 0%!important; top: 7.5%;}
.cleared-space {font-size: 14px!important;color: #333!important;padding-left: 0%!important;width: 59%;float: left;}
.tab-codeing .tab-pane{ display:none;}
.tab-codeing .tab-pane.active {display: block;}
/*.panel-body.fix-body-h {min-height: 550px;}*/
.code-option .panel{ border-bottom: none!important}
.code-option .nav-tabs{ border-top:none!important;}
.question-top_text .note{ font-size:14px; font-weight: 400; line-height: 20px;}
.question-top-answer_left {float: left;}
.compile-btn a{ background: #337ab7; color:#fff;  padding: 11px 20px!important; border-radius: 0!important;border:0!important; cursor: pointer!important;
font-size: 16px;font-weight: 500;}
.compile-btn a:hover{background: #333!important;color:#fff!important; border:0!important;padding: 11px 20px!important; border-radius: 0!important;}
.compile-btn button {background: #5cb85c;color: #fff;padding: 11px 20px;border: 0;border-radius: 0;font-size: 16px;font-weight: 500;}
.lunguage-select label b{ font-weight: 400;font-size: 12px;}
.input-table table tr td textarea{ width: 100%; border: solid 1px #ddd; resize: none; padding: 5px;}
.main-content-show textarea{ width: 100%; border: solid 1px #ddd; resize: none; padding: 5px;}
.on-going-left a{ color:#777;}
.btn-bs-file{position:relative;}
.btn-bs-file input[type="file"]{position: absolute;top: -9999999;filter: alpha(opacity=0);opacity: 0;width:0;height:0;outline: none;cursor: inherit;}
@media (min-width:320px)  and  (max-width:640px) {
.page-bg .login { padding: 0px!important;background: none;border: 0;}
.checkbox.check-for_mobile {float: left;width: 50%;}
.checkbox.check-for_mobile:first-child{ width:40%}
.question_container01 .col-sm-4{ display:none!important;}	
.timer_box{ width:25%!important;float:left;}
.question-top_text .note{ margin-top:10%}
.recording_test{ width: 30%; float: right;}
.vedio_section{ padding-left: 0; width: 100%;}
.ques-overview{  display: none;}
.proctoring_capture{ margin-left: 0%;float: right; margin-top: 3px;}
.question_container01 .col-sm-8{ padding: 0px;}
.proctoring_capture video{ width: 33px; height: 33px;}
.proctoring_capture canvas{ width: 27px;height: 32px;}
.footerbtn{ width: 100%!important; bottom: 0px;}
.footerbtn font{ font-size: 12px!important; padding-left:0px!important}
.footerbtn font b font{ font-size: 16px!important; padding-left:0px!important} 
.custom-select-chk .form-group{float: right; width: 100%;}
.footerbtn button{ font-size: 16px;}
.mark-for_reviews{ width:30%; display: none!important;}
.mobile_for_review .mark-for_reviews{ display:block!important;    width: 100%;}
.mobile_for_review .mark-for_reviews ul#mfr{ margin-top: 0px;    margin-bottom: 0px;}
.header_section{  position: relative;}
.example #fullscreen{ padding:0px!important}
.assess-user{ display:none}
.custom-select-chk{  margin-bottom: 18%;}
.mark-for_reviews ul li{ margin-bottom:4px}
.question-option-rightsidebar.content-holder{  margin-top:0%; padding-right:0px;margin-bottom: 30%;}
.botm-form{ width: 100%}
.test-timer {width: 32%; float:right}
.previews-ul li{ font-size:0px;}
.number-tag{ font-size:14px;}
.login  h1{ font-size: 18px;  margin-bottom: 15px;}
.login h3{ float:left; width:100%; text-align: center; margin-bottom: 30px;    font-size: 20px;}
.stopwatch-img{  width: 22px;}
.botm-form .col-md-12 .form-group select{ width:100%!important; margin-left: 0px!important; margin-bottom: 10px;}
.botm-form .col-md-12 .form-group label{ padding-bottom:10px;}
.videoresize{ width: 100%!important;}
.i-agree{ width:100%!important}
.i-agree span{ padding-right:0%;width: 100%;text-align: center;    margin-left: 0px!important;}
	.sel_language select{width:100%!important; margin-bottom: 20px}
.main-login-box{width: 98%; margin-top: 53%;}
.modal-dialog{ width:auto!important;  margin-top: 50%!important; }
.thanks-modal{ margin-top:55%}
.thanks-modal h2{ font-size:26px;}
.questop-header .col-sm-4{ display: block!important;}
.questop-header .col-sm-4:first-child{ float:left;}
.questop-header .col-sm-4:last-child{ display:none!important;}
.questop-header{ margin-bottom: 0px;margin-top: 0%; line-height: 37px;}
.questop-header.coding_quest_header .col-md-8.col-sm-12.col-xs-12 .checkbox:first-child{width: 45%!important;}
.questop-header.coding_quest_header .col-md-8.col-sm-12.col-xs-12 .checkbox:first-child input{margin-top:0px!important}
.questop-header.coding_quest_header .col-md-8.col-sm-12.col-xs-12 .checkbox:first-child label{line-height: 16px!important;padding-left: 10px!important}
.questop-header.coding_quest_header .col-md-8.col-sm-12.col-xs-12 .checkbox:last-child{width: 54%!important; font-size: 13px!important}
.questop-header.coding_quest_header .col-md-8.col-sm-12.col-xs-12 .checkbox:last-child label{line-height: 19px!important; padding-left: 0px!important}
/*	.questop-header.coding_quest_header .col-md-8.col-sm-12.col-xs-12 .checkbox:last-child{width: 56%!important;}*/
.code textarea{ width:100%!important; border:solid 1px #ddd;}
.browsers-ass, .preview-h{ width:100%!important; padding: 0px}
.browser_icon{ margin-bottom:30px}
.browser_icon img {width: 12%!important;} 
#dvchkcontracts .form-group{ margin-bottom: 0px!important;}
.custom-select-chk .table-responsive{ border:none!important}
.question-option-rightsidebar.content-holder.fullscroll{  height: calc(100vh - 40px); overflow-x: inherit!important; margin-top: 4%; overflow-y: inherit;s }
.footerbtn.footer_btn_exam{ box-shadow:none;    padding: 4px 0px;}
.footerbtn button { font-size: 10px; /*width: 50%;*/ text-align: center; border-radius: 0; }
.rec{ padding-top:3px;}
.custom-select-chk .label-text label{    width: 92%;}
.custom-select-chk .label-text input{float: left; margin-right: 7px;}
.mobile_for_review{ display:block!important;}
.mobile_for_review{ display:block!important;}
.exam-bg.left-exam-sidebar { z-index: 999; transition: .3s;width: 0;}
.mobile_togele { float: left; padding-top: 12px; display: block;}
.mobile_togele a{font-size: 22px;    color: #9611d8;}
a.closebtn{ font-size: 22px; float: right; color:#2d0606; padding-right: 15px;}
a.closebtn:hover{color:#7d2fc5;}
.mobile_togele::after{padding-left: 8px;line-height: 20px;float: right;font-weight: 600;}
.text_mobile{display: none;}
.candidateRecording { position: static; z-index:inherit;}
.candidateRecording .videoresize {height: 100px;border-radius: 20px; width: 100%!important;}
.main-video-avatar{left:6%!important;height: 100%!important; width: 89%!important;}
.main-video-div .videoresize{margin-right: 0!important;height: auto!important;}
.uploaded-img{ margin-bottom: 25px; float: left;width: 100%; text-align: center; }
}
.mobile_for_review { display: none;}
.billing_main {float: left;width: 100%;margin-top: 7%;}
.call_header button{ background: none!important;color: #fff!important;padding: 0 10px;text-align: center;}
.assessment_p_h h2{ font-size: 2em; text-align: center;}
.assessment-procing_list h4{ text-align: center;line-height: 40px;margin-bottom: 4%;color: #888;}
.chargege_assessment {float: left;width: 100%;text-align: center;}
.chargege_assessment h2{font-size: 3em;font-weight: 700;}
.assessment_invite {float: left;width: 100%;background: #606aa3;padding: 15px; margin-bottom: 15px; opacity: 0.5;}
.assessment_invite ul li{ color:#fff; font-size: 16px; line-height: 34px;}
.plan_feature {float: left;width: 100%;font-size: 16px;line-height: 60px;text-align: left;font-weight: bold;border-bottom: solid 1px #ddd;margin-bottom: 10px;padding-left: 15px;border-top: solid 1px #ddd;margin-top: 10px;}
/*.code-section.new-code-section.QuestImg{ height: 100px;}*/
.code-section.new-code-section.QuestImg img{ width:20%;}
.main-ques .QuestImg img{  width: 20%}
.contact-form{margin-top: 0%;margin-bottom: 5%;width:100%;}
.contact-form .form-control{border-radius:1rem; height: 42px;}
.contact-image{text-align: center;}
.contact-image img{border-radius: 6rem;width: 11%;margin-top: -3%;transform: rotate(29deg);}
.contact-form form{padding: 5% 10%;}
.contact-form form .row{margin-bottom: -7%;}
.contact-form h3{margin-bottom: 8%;margin-top: -10%;text-align: center;color: #0062cc;}
.contact-form .btnContact {width: 25%;border: none;border-radius: 1rem;padding: 1.5%;font-weight: 600;color: #fff;cursor: pointer;}
.btnContactSubmit{width: 22%;border-radius: 1rem;padding: 1.5%;color: #fff;background-color: #0062cc;border: none;cursor: pointer;}
.candidate-list-total .table-responsive table thead tr th:first-child{ width: 2%!important;}
.candidate-list-total .table-responsive table thead tr th:nth-of-type(2){ width: 4%!important;text-align: center;}
@media (min-width:1024px)  and  (max-width:1366px) {
.dashboard_info ul li{ width: 23.4%;}
.sidebar-nav:hover { height: 550px; overflow-x: auto;}	
.sidebar-nav::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.sidebar-nav::-webkit-scrollbar-thumb {background-color: #3f3fa7;}
.bg_gray, .bg_black, .bg_light_blue, .bg_blue, .bg_ocian, .bg_green, .bg_orange, .bg_red{font-size: 8px!important}
.dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li{ padding-top: 3px!important; padding-bottom: 3px!important}
.tab.tab-floating.grid-tab{margin-right: 10px!important;}	
.i-agree {width: 63%;}
.expire_on{font-size: 11px;}
}
.colling_modal {position: absolute;top: 14%;width: 100%;background: #fff;border-radius: 4px;height: 500px;}
.call_icon {float: none;width: 40%;margin: 0 auto;padding-top: 4%;}
.call_icon img{ width:100%;}
.call-line {float: none;width: 20px;margin: 0 auto;height: 100px;}
.call_acceps {float: left;width: 100%;text-align: center;}
.call_acceps a:first-child{ background:#009900; border-right:4px;padding:10px 15px; font-size:16px; color:#fff; text-decoration:none}
.call_acceps a:last-child{ background:#ff0000; border-right:4px;padding:10px 15px; font-size:16px;text-decoration:none;color:#fff;}
.editor-part video{ width:100%; height: 100%;}
.call-animation {background: #fff;width: 135px;height: 135px;position: relative;margin: 0 auto;border-radius: 100%;border: solid 5px #fff;animation: play 2s ease infinite;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;}
.call-animation img {width: 84%;border-radius: 100%;position: absolute;left: 4%;top: 11%;bottom: 0;right: 0;}
@keyframes play {
0% {
transform: scale(1);
}
15% {
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
}
25% {
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
}
25% {
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
}

}
.ellipsis_text {float: left;width: 100%;margin-top: -9%;text-align: right;font-size: 22px;padding-right: 13%;color:green;}
.ellipsis_text::after {overflow: hidden;display: inline-block;vertical-align: bottom;-webkit-animation: ellipsis steps(4,end) 900ms infinite;      animation: ellipsis steps(4,end) 900ms infinite;content: "\2026"; /* ascii code for the ellipsis character */width: 0px;}
@keyframes ellipsis {
to {width: 1.25em;    }
}

@-webkit-keyframes ellipsis {
to {width: 1.25em;    }

}
.multi-field {float: left;margin-right: 10px;padding-bottom: 10px;width: 23%;}
.multi-field input {line-height: 30px;width: 91%; text-indent: 8px;}
.add-field.text-success {line-height: 33px;font-weight: bold;cursor: pointer;}
button.remove-field.text-danger {font-size: 16px;text-align: center;cursor: pointer;}
.candidate_detail_fillup {float: left;width: 100%;  border-left: solid 2px #f1f1f1; background: #fdfdfd;}
.candidate_detail_fillup h3{font-size: 20px;color: #444;line-height: 40px;text-align: center;}
.user_detail_form {float: left;padding: 0px 10px;width: 100%;overflow-y: auto;height: 440px;overflow-x: hidden;}
.user-d_inner {float: left;width: 100%;line-height: 25px;color:#666;}
.user-d_inner span{color: #333;float: left;width: 100%;}
.mediator_loader {background: #fff;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.loader_main_text{ float:left; margin: 0px;}
.loader_main_text{font-size: 72px;color:#fff;}
.loading-ellipsis_text{ color: #fff;font-size: 62px;line-height: 105px;}
.loading-ellipsis_text::after {overflow: hidden;display: inline-block;vertical-align: bottom;-webkit-animation: ellipsis steps(4,end) 900ms infinite; animation: ellipsis steps(4,end) 900ms infinite;content: "\2026";width: 0px;}

@keyframes ellipsis {
to {
width: 1.20em;    
}
}

@-webkit-keyframes ellipsis {
to {
width: 1.20em;    
}
}
.loader_center {width: 100%;margin: 0 auto;padding-top: 9%;}
.candidate-list-total {float: left;width: 100%; margin-bottom:4%;}
.candidate-list-total.candidate-lst-wrap{float: left; width: 100%;display: flex;flex-wrap: wrap; justify-content:flex-start; row-gap: 10px; margin-bottom: 0px}
.tooltip {position: absolute;display: inline-block;}
.tooltip .tooltiptext {visibility: hidden;width: 140px;background-color: #555;color: #fff;text-align: center;border-radius: 6px;padding: 5px;position: absolute;z-index: 1;bottom: 150%;left: 50%;margin-left: -75px;opacity: 0;transition: opacity 0.3s;}
.tooltip .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent;}
.tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}
.video_assessment {float: left;width: 100%;}
.video_que_ans_main {float: left;width: 85%;}
.video_main_container {float: right;width:100%;background: #fff;padding: 10px;margin-bottom: 10px;box-shadow:0px 0px 1px 0px #ddd;}
.video_a_question {float: left;width: 100%;padding-bottom: 15px;border-right: solid 1px #ddd;    min-height: 131px;}
.video_a_question p{font-size: 14px;font-weight: normal;color: #777;line-height: 18px;}
.video_a_ans p strong:first-child{clear: both;width: 100%;float: left;}
.video_a_ans {float: left;width: 100%;color: #666;font-weight: 400;    padding-right: 10px;}
.video_a_ans table{width:100%!important}
.video_a_ans table tr td{white-space: normal!important;}
.video_a_ans p{font-weight: 400;font-size: 14px;line-height: 22px;}
.video_paly_right {float: left;width: 15%;text-align: center;}
.video_paly_right a{color: #289aa0;width: 100%;float: left;text-align: center; }
.video_paly_right a:hover{ color: #333;}
.video_assessment ol{padding-left: 8px;}
.video_assessment ol li{ float:left; width:100%; font-weight: bold; font-size: 18px; position: relative}
.video_assessment ol li::before{ content:"Ques :"}
.video_a_ans h4 {font-weight: 600;color: #07B64B;border-top: solid 1px #ddd;line-height: 30px;}
.asign_mark  a{ font-size: 14px;width: 100%;float: left;text-align: center; color:#777;}
.asign_mark  a span{float: left;width: 100%;text-align: center;font-size: 34px; color:#895d9a}
.asign_mark  a span:hover{ color:#333}
.play_v_popup {float: left;width: 100%;margin-bottom: 15%;}
.play_v_popup span{ font-size: 14px;color: #777!important;padding-top: 8px;float: left;width: 100%;}
.form-control.aasign_control{ width:14%;float: left;}
.assign_marks {float: left;font-size: 16px;font-weight: bold;padding-left: 10px;line-height: 30px;}
.billing_top_tab{ float:left; width:100%; margin-bottom: 6%;}
.billing_top_tab ul li{ float: left;width: 20%;background: #fff;text-align: center;margin-right: 10px;}
.billing_top_tab ul li {float: left;width: 20%;background: #fff;text-align: center;margin-right: 10px;border-radius: 4px;border: solid 1px #ddd;}
.billing_top_tab ul li a{ font-size:18px; font-weight: 600; text-decoration: none; color:#333;float: left;
width: 100%;  padding: 15px 10px;}
.main-tab.active {background: #18a288;border-color: #06866e;}
.main-tab.active a{ color:#fff}
.billing_chpwd h3{ font-size:18px; font-weight: 600;}
.admin_click h3{ font-size:18px; font-weight: bold;    margin-bottom: 4%;}
.billing_sub_admin {float: left;width: 100%;}
.add_sub {float: left;width: 100%;text-align: center;margin-bottom: 5%;}
.amin_you {border-radius: 9px;background: #ccc;padding: 3px 15px;font-size: 12px;font-weight: 500;}
.admin_sup{ background-color: #f0f8e5;color: #6bbd00; border-radius: 9px; padding: 3px 15px;font-size: 12px;font-weight: 500; margin-left: 10px;}
.sidebar_billing {float: left;width: 100%;position: relative;}
.billing-sidebar{top: 3%;}
.billing_main_container{width: 96%;float: right;}
.billing-sidebar ul li.active{ background: #86c6c5;}
.ortag {float: left;width: 7%;font-size: 18px;font-weight: bold; line-height: 36px;}
.multi-field-right {float: left;margin-top: -3%;width: 30%;}
.media-box video{  float:left; width: 100%}
#recording-player .media-container{ border-radius: 10px!important;border: none!important; width: 50%!important}
.question-top-answer_left a , .question-top-answer_right a{color:#c72127}
.mcqsfooter li a{color:#c72127; font-weight: 600;}
.choose-q h4{ font-size: 14px}
.btn-success{background-color:#7cc07c!important; border-color:#7cc07c!important}
.primary-hdr.primary-main {
    width: 83%;
    border-left: solid 1px #ddd;
}
/***change sarver css here**/
nav.navbar.navbar-inverse.affix-top {position: fixed;top: 0;left: 0;
	min-height: 50px !important;
        padding-top: 4px;right: 0;background: #fff!important;z-index: 9999!important;    border-radius: 0;}
.theme_widget .choose_theme label:nth-of-type(6){ margin-left: 0px;}
@media (min-width:320px)  and  (max-width:480px) {
.loadimg{position: absolute;left: 0;right: 0;top: 30%;bottom: 0;font-size: 0!important;}
#loadimg img{ width:40%}
.questop-header .checkbox label{  margin-left: -6px; margin-top: -1%; text-indent: 20px; line-height: 48px;}
.questop-header .checkbox label input{ margin-left: -20px!important;margin-top: 4.5%!important;}
.mark-for_reviews ul li{ font-size: 7px; padding: 2px 6px;}
.xlsimgsetmain {
    width: 100%!important;
    height: 100%!important;
}
#myimgModal .modal-body img{ width:100%!important }
}
.widget_top_strip.primary-hdr{ width: 100%;}
.main_widget { float: left; width: 100%; margin-top: 0.5%;}
.widget_right_section { float: right; width: 84%;  margin-top: 5%;}
.widget_single { float: left; width: 100%; margin-top: 3%;}
.btn-file { position: relative; overflow: hidden;}
.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block;}
#img-upload{position: absolute;top: 37%;right: -29%;min-width: auto;max-width: 29%;width: auto;}
.logo_widget { float: left; width: 100%;}
.logo_widget .img-upload12{	width: 8%!important; float: left; margin-right: 11%; margin-top: 2%;}
.languge_widgit { float: right; width: 27%;}
.addsub_admin {float: left;margin-top: 0.7%; margin-left: 10px;margin-bottom: 0%;}
.addsub_admin a{ color: #fff!important;border-radius: 74px;padding: 5px 16px; font-size: 12px   }
.addsub_admin a:hover{ color:#8b57bb; font-size: 12px; font-weight: 500; text-decoration: none;  cursor: pointer; }
.widget_dropdown {  width: 100%; float: left; margin-top: 2%;  background: #f9f9f9; padding: 20px 10px;}
.text_widget { font-size: 18px; font-weight: bold; color: #666;}
.widget_user_list { float: left; width: 100%;}
.add_widget_client { float: left;  width: 100%;}
.widget_admin { float: left; width: 100%;}
.widget_input { width: 25%!important;}
.border_widget { float: left;  width: 100%; border-bottom: dashed 1px #ddd; margin-bottom: 3%;}
.widget_user_list table{ margin-bottom: 0px}
.theme_widget { float: left; width: 100%;}
.choose_theme { float: left; width: 100%;}
.choose_theme label{ width: 20%; float: left;}
.choose_theme label img{ width:100%}
.choose_theme label { width: 19%; float: left;  margin-bottom: 15px;}
.addsub_admin i{ font-size: 2.5rem; float: right;  padding-left: 10px;}
.addsub_admin i.fa-plus-circle{ color:#8e3bd9}
.addsub_admin i.fa-minus-circle{ color:#8e3bd9}
.theme_widget h4, .widget_admin h4, .add_widget_client h4{ font-weight:600;float: left;}
a.navbar-brand{ float:left; width: 60%; height: 43px;margin-left: 15px!important;margin-top:0px;}
.navbar-header {  /*  float: left;    width: 20%;*/}
.form-control{ border-radius:0px!important}
@media screen and (min-width: 1300px) {
.footer-fix {width: 85%;}
.primary-hdr.primary-main{top: 7.3%;}	
a.navbar-brand { float: left; width:100%!important; margin-top: 0!important;}
#sidebar-wrapper { width: 180px;}
.primary-hdr.primary-main.theme_top_header.scondr-header{top: 8.2%;}
.widget_question_lib .question-container {width: calc(98% - 9px)!important}
}
@media screen and (min-width: 1366px) {
.main-section.main-instruction { margin-top: 8%; padding-left: 5%!important}

.primary-hdr.primary-main.theme_top_header.scondr-header{top: 7%;}	
.add-question.question_main_library.affix-top { width: 39%;left: 19.9%!important;}
.widget_question_lib .add-question.affix{ width: 39%;left:19.9%!important; top:8.4%; }
a.navbar-brand{    margin-left: 10px!important;}
.dual_right_side {margin-top: -26%;}
.code_question {float: left;width:77.5%;}
.code-section-label{    width: 9%;    text-align: center;}
}
@media screen and (min-width: 1400px) {
.main-section.main-instruction { margin-top: 8%;}
/*.primary-hdr.primary-main{top: 7.8%;}*/	
/*.add-question {left: 17%;}*/
.dashboard_info ul li{    width: 23.4%;}

}

@media screen and (min-width: 1440px) {
.main-section.main-instruction { margin-top: 8%;}
.primary-hdr.primary-main{top: 6.8%;}		
.add-question.affix {top: 12%; width: 43%;left:13%}	
nav.navbar.navbar-inverse.theme_nav.affix { min-height: 45px!important;}
.sidebar-nav li a{ font-size:14px;}	
.new-code-section{font-size:14px;}
.aside-main.setting-main{ float:right;}
.navbar-brand > img {display: block;width: 63%;}
.dashboard_info ul li{    width: 23.4%;}
.bg_gray, .bg_black, .bg_light_blue, .bg_blue, .bg_ocian, .bg_green, .bg_orange, .bg_red{font-size: 9px!important}
}

@media screen and (min-width: 1500px) {
.main-section.main-instruction { margin-top: 8%;}
.primary-hdr.primary-main{top: 6.8%;}	
.add-question.affix-top{width: 42%;}	
.add-question.affix {top: 12%; width: 42%;left:13%}	
nav.navbar.navbar-inverse.theme_nav.affix { min-height: 54px;}
.sidebar-nav li a{ font-size:14px;}	
.new-code-section{font-size:14px;}
.aside-main.setting-main{ float:right;}
.navbar-brand > img {display: block;width: 100%;}
}
@media screen and (min-width: 1550px) {
.main-section.main-instruction { margin-top: 8%;}
.primary-hdr.primary-main{top: 7%;}		
.add-question.affix-top{width: 42%;}	
.add-question.affix {top: 12%; width: 42%;left:13%}	
nav.navbar.navbar-inverse.theme_nav.affix { min-height: 54px!important;}
.sidebar-nav li a{ font-size:14px;}	
.new-code-section{font-size:14px;}
.aside-main.setting-main{ float:right;}
.navbar-brand > img {display: block;width: 63%;}
.dashboard_info ul li{ width: 23.4%;}
.bg_gray, .bg_black, .bg_light_blue, .bg_blue, .bg_ocian, .bg_green, .bg_orange, .bg_red{font-size: 9px!important}
}
@media screen and (min-width: 1600px) {
.main-section.main-instruction { margin-top: 8%;}		
.add-question.affix-top{width: 42%;}	
.add-question.affix {top: 12%; width: 42%;left:17%}	
nav.navbar.navbar-inverse.theme_nav.affix { min-height: 54px!important;}
.sidebar-nav li a{ font-size:14px;}	
.new-code-section{font-size:14px;}
.aside-main.setting-main{ float:right;}

}
@media screen and (min-width: 1680px) {
.main-section.main-instruction { margin-top: 8%;}
.primary-hdr.primary-main{top: 6%;}	
#sidebar-wrapper { width: 230px;}	
.add-question.affix-top{width: 42%;}	
.add-question.affix {top: 12%; width: 42%;left:13%}	
nav.navbar.navbar-inverse.theme_nav.affix { min-height: 54px!important;}
.sidebar-nav li a{ font-size:14px;}	
.new-code-section{font-size:14px;}
.aside-main.setting-main{ float:right;}
.my_sidebar{ padding-top: 6%!important}
.dual_menu_inner .dashoard_new_menu ul li img {width: 60%;}
}
@media screen and (min-width: 1800px) {
.main-section.main-instruction { margin-top: 8%;}
#sidebar-wrapper { width: 230px;}	
.add-question.affix-top{width: 42%;}	
.add-question.affix {top: 12%; width: 42%;left:13%}	
nav.navbar.navbar-inverse.theme_nav.affix { min-height: 54px!important;}
.sidebar-nav li a{ font-size:14px;}	
.new-code-section{font-size:14px;}
.aside-main.setting-main{ float:right;}
.my_sidebar{padding-top: 4.5%!important}
.dual_menu_inner .dashoard_new_menu ul li img {width: 50%!important;}
}
@media screen and (min-width: 1920px) {
.main-section.main-instruction { margin-top: 8%;}
#sidebar-wrapper { width: 230px;}	
.add-question.affix-top{width: 42%;}	
.add-question.affix {top: 12%; width: 42%;left:13%}	
nav.navbar.navbar-inverse.theme_nav.affix { min-height: 54px!important;}
.sidebar-nav li a{ font-size:14px;}	
.new-code-section{font-size:14px;}
.aside-main.setting-main{ float:right;}	
.my_sidebar{padding-top: 4.5%!important}
.dual_menu_inner .dashoard_new_menu ul li img {width: 50%!important;}	
.section002.question_library_ection002 .statments {margin-top: -2%;}
}
.admin_budge {	background: #dff3e0;font-size: 8px;padding: 3px 7px; border-radius: 20px; letter-spacing: 1px; font-weight: 400;}
.color_widgit { float: left; width: 25%;}
.color_widgit input{border: none; width: 21%; height: 39px; float: left; margin-right: 10px;}
.color_widgit .form-group{line-height: 34px;}
.theme_nav ul.navbar-castom li.devider.dropdown ul.dropdown-menu li a{ color:#333!important}
.theme_nav ul.navbar-castom li.devider.dropdown ul.dropdown-menu li a:hover{color:#333!important}

.widget_question_lib {float: right; width: calc(98% - 86px);}
.widget_question_lib .question-container{ width: calc(98% - 9px);position: relative;    left: 1%;}
.widget_question_lib .add-question.affix{ top:13%; }
.logo_widget .form-group small, .logo_widget .form-group small{ font-weight: 400; color:#999}
.languge_widgit label small{  font-weight: 400; color:#999}
.color_widgit .form-group{color:#999}
.widget_custom_input { float: left;width: 100%; padding: 15px;}
.widget_custom_input a{ color:#337ab7; text-decoration: none;}
.widget_testcase { float:left; width: 100%;}
.tabbable.tabs-bottom {float: left; width: 100%;}
.custom_click_field{ float:left; width: 100%; margin-bottom: 10px;}
.custom_click_field input{ width:91%; float: left}
.custom_click_field a{ float:left; padding-left: 8px;}
.graph_widget {float: left;width: 100%; margin-bottom: 2%;}
.custom_left_padding{position: relative;width: 6%!important;}
.dashboard_left_menu {position: fixed;left: 0;top: 0;bottom: 0;background: #fff;border-right: solid 1px #ddd;
	height: 100%;width: 4.5%;   z-index: 99;} 
.dashoard_new_menu {float: left;width: 100%; margin-top:75px;}
.dashoard_new_menu ul{ list-style: none; padding: 0; margin: 0;}
.dashoard_new_menu ul li{ float: left;  width: 100%; text-align: center; font-size: 22px; position: relative;     padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
    padding-top: 6px;}
.notfication_count { position: absolute; right: 0; font-size: 10px; background: #fe4242; border-radius: 50px; width: 20px; height: 20px;line-height: 20px; color: #fff; top: 0;}
.dashoard_new_menu ul li a{ color:#fff; text-decoration: none; }
.dashoard_new_menu ul li img{ width:38%}
.tooltip.fade.right.in{z-index: 99999!important; font-weight: normal!important}
.tooltip-inner { min-width: 100px; max-width: 100%; }
.dash_padding:nth-child(odd){ padding-right:0px;}
.dash_padding:nth-child(even){ padding-right:0px;}
.on-going-left-dash h4{ text-align: center; margin-bottom: 0; font-size: 20px; overflow: hidden;}
.on-going-left-dash h4 a{font-size: 16px; color: #000;text-decoration: none;height: 45px;float: left;line-height: 24px;text-align: center;width: 100%;    font-weight: 600;}
.new_dashboard_stracture ul li{ width:25%; float: left;text-align: center; color: #27a944}
.new_dashboard_stracture ul li span.recomnded-dash{ width: 100%; text-align: center; float:left;}
.new_dashboard_stracture ul li span.recomnded-dash a{ font-size: 18px;font-weight: bold;color: #666;text-decoration: none;}
.new_dashboard_stracture ul li span.recomnded-dash a:hover{ color:#56aba8}
.new_dashboard_stracture ul li span.recomnded-dash{  font-size: 18px;font-weight: bold;color: #666;text-decoration: none;}
.taken-dash a, .invited-dash a{ font-size: 18px;font-weight: bold;color: #666;text-decoration: none;}
.new_dashboard_stracture ul li span.taken-dash{   font-size: 18px;font-weight: bold;color: #666;text-decoration: none;}
.new_dashboard_stracture ul li span.invited-dash{font-size: 1.5em;font-weight: bold;color: #444;}
.expire_on {float: left; width: 100%;text-align: center; padding-top: 10px; padding-bottom: 10px; color: #444;}
.assemnet-main-dash{ border-color:#918b8b; border-radius: 4px;}
.dash_btn{ background:none;border: none; color:#384cff;}
.dash_action_active button span{ color:#888; padding-left: 8px; padding-right: 8px}
.span.dropdown.dash_action_active.open button{ color:#24a2a9}
.recomnded-dash span{ font-size:12px; float:left; width: 100%; font-weight: 600; color:#e68c31}
.taken-dash a span{ font-size: 12px; font-weight: 600; float:left;width:100%; color:#014ea2}
.invited-dash a span{ font-size: 12px; font-weight: 600;float:left;width:100%;color:#c72127}
li:last-child .recomnded-dash span{color: #1f6de1;}
.new_dashboard_stracture ul li span a:hover{ color:#2e8cdd!important; text-decoration: none;}
.new_dashboard_stracture ul li span a:focus{color:#2e8cdd!important; text-decoration: none;}
.taken-dash a:hover, .taken-dash a:focus {color:#2e8cdd!important; text-decoration: none;}
.on-video-left-dash{ float:left; width:100%;    margin-top: 8px; }
.on-video-left-dash h4{ font-size:20px; text-align: center}
.on-video-left-dash h4 a{ color: #000;text-decoration: none; height: 53px;float: left;line-height: 24px;text-align: center; width: 100%}
.dash_video_assess { float: left; width: 100%;}
.dash_video_assess ul li{ float:left; width: 25%; text-align: center}
.dash_video_assess ul li a{ font-size: 1.8em;font-weight: bold;color: #444;text-decoration: none;}
.dash_video_assess ul li a span{ float: left;width: 100%;font-size: 12px; padding-top: 10px;padding-bottom: 20px; color:#289aa0; font-weight: normal}
.dash_video_assess ul li a:hover{color:#289aa0; text-decoration: none}
.dash_video_assess ul li a span:hover{color:#888; text-decoration: none}
.dash_action_active .dropdown-menu>li>a{ color:#666}
.assemnet-main.assemnet-main-dash { width: 100%;margin: 0 auto;float: none;overflow: hidden; margin-bottom: 20px;-webkit-transition: box-shadow 200ms ease,-webkit-transform 200ms ease; transition: box-shadow 200ms ease,transform 200ms ease;}
/***sidebar css**/
.my_sidebar {  height: 100%;  width: 60px;  position: fixed;  z-index: 1;  left: 4%;  background-color:#fff;     border-right: solid 1px #ddd; transition: 0.5s;  overflow-x: hidden;  white-space: nowrap;	top: 0; padding-top:82px;}
.my_sidebar ul li a { text-decoration: none; color:#666;  display: block;}
.my_sidebar ul li a:hover { color: #0E52D5;}
.my_sidebar ul{ list-style:none;float: left;width: 100%;margin-top: 0%;}
.my_sidebar ul li{ float:left; width: 100%;    margin-bottom: 10px;}
.my_dashboard .dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li a{ /*padding-top: 5px!important; padding-bottom: 5px!important*/}
main .my_sidebar {  position: absolute;  top: 0;  right: 25px;font-size: 36px;  margin-left: 50px;}
.material-icons, .icon-text { vertical-align: middle;}
.icon-text{padding-top: 8px; padding-bottom: 8px}
.dual_right_side li a span.icon-text{ padding: 0px}
.my_sidebar ul li a .icon-text{font-size: 14px;position: relative;width: 100%;    font-weight: 600; float: left; padding-left: 15px; padding-right:20%;}
.material-icons { padding-bottom: 3px; margin-right: 12px; width: 35px; float: left;text-align: center;}
#main {transition: margin-left 0.5s; height: calc(100vh - 50px); float: left; overflow-x: hidden; width:84%}
span.notification-count { position: absolute; top: -9px; background: #ff0000; border-radius: 50px; width: 18px; height: 18px; color: #fff; text-align: center; font-size: 10px; line-height: 18px;}
span.notification-count-inner { background: #ff0000; width: 18px; height: 18px; float: right; border-radius: 50px; line-height: 18px; text-align: center; color: #fff; font-size: 10px; margin-top: 2px;}
@media screen and (max-height: 450px) {
.my_sidebar { padding-top: 15px;}
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {  font-family: FontAwesome;  content: "\f078";  display: inline-block;  padding-left: 10px;  padding-right: 10px;  vertical-align: middle;  float: right;}
.nav-side-menu ul .active,
.nav-side-menu li .active {  border-left: 3px solid #d19b3d;  background-color: #4f5b69;}
.nav-side-menu ul .sub-menu li.active, .nav-side-menu li .sub-menu li.active {  color: #d19b3d;}
.nav-side-menu ul .sub-menu li.active a, .nav-side-menu li .sub-menu li.active a {  color: #d19b3d;}
.nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li {  background-color: #181c20;  border: none;  line-height: 28px;  border-bottom: 1px solid #23282e;  margin-left: 0px;}
.nav-side-menu ul .sub-menu li:hover, .nav-side-menu li .sub-menu li:hover {  background-color: #020203;}
.nav-side-menu ul .sub-menu li:before, .nav-side-menu li .sub-menu li:before {  font-family: FontAwesome;  content: "\f105";  display: inline-block;  padding-left: 10px;  padding-right: 10px;  vertical-align: middle;}

/* PT */
.nav-side-menu ul .sub-menu2 li.active a,
.nav-side-menu li .sub-menu2 li.active a {  color: #d19b3d;}
.nav-side-menu ul .sub-menu2 li,
.nav-side-menu li .sub-menu2 li {  background-color: #181c20;  border: none;  line-height: 28px;  border-bottom: 1px solid #23282e;  margin-left: 10px;}
.nav-side-menu ul .sub-menu2 li:hover,
.nav-side-menu li .sub-menu2 li:hover {  background-color: #020203;}
.nav-side-menu ul .sub-menu2 li:before,
.nav-side-menu li .sub-menu2 li:before {  font-family: FontAwesome;  content: "\f105";  display: inline-block;  padding-left: 10px;  padding-right: 10px;  vertical-align: middle;}
/* PT */

.nav-side-menu li {  padding-left: 0px;  border-left: 3px solid #2e353d;  border-bottom: 1px solid #23282e;}
.nav-side-menu li a {  text-decoration: none;  color: #e1ffff;}
.nav-side-menu li a i {  padding-left: 10px;  width: 20px;  padding-right: 20px;}
.nav-side-menu li:hover {  border-left: 3px solid #d19b3d;  background-color: #4f5b69;  -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -o-transition: all 1s ease;  -ms-transition: all 1s ease;  transition: all 1s ease;}
@media (max-width: 767px) {
.nav-side-menu {    position: relative;    width: 100%;    margin-bottom: 10px;}
.nav-side-menu .toggle-btn { display: block; cursor: pointer; position: absolute; right: 10px; top: 10px; z-index: 10 !important; padding: 3px; background-color: #ffffff; color: #000; width: 40px; text-align: center;}
.brand {text-align: left !important; font-size: 22px;  padding-left: 20px; line-height: 50px !important;}
}
@media (min-width: 767px) {
.nav-side-menu .menu-list .menu-content {display: block;}
}
.my_sidebar ul li a.active{ background:none;}
.my_sidebar ul ul.sub-menu{  margin-left: 0%;width: 100%!important;float: left;}
.my_sidebar ul ul.sub-menu li a{font-size: 14px; line-height: 18px; padding-left: 24px;    font-weight: 600;}
.my_sidebar ul ul.sub-menu li a:hover{color:#384cff;     font-weight: 600;}
.tooltip.in {  opacity: 1!important;  filter:alpha(opacity=100); z-index:99999}
.tooltip-inner {  background-color:#edb918!important;  color: #fff; font-weight: normal!important; font-style: normal; letter-spacing: 1px;}
.tooltip.top .tooltip-arrow {  border-top-color:#edb918!important;}
.tooltip.right .tooltip-arrow {  border-right-color: #edb918!important;}
.tooltip.bottom .tooltip-arrow {  border-bottom-color: #edb918!important;}
.tooltip.left .tooltip-arrow {  border-left-color: #edb918!important;}
.dual_menu_inner .dashoard_new_menu ul li img {width: 38%;}
.test_setting_page .dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li a{padding-top: 5px;}
ul.dual_right_side li a{padding: 6px} 
.dual_menu_inner .dashoard_new_menu{ margin-top:100px!important;}
.dashboard_left_menu.dual_menu_inner{ box-shadow: none;}
.dashboard_left_menu.dual_menu_inner .dashoard_new_menu{ margin-top:73px!important;}
.careter { font-size: 16px;}
/*.sub-menu .sactive{ background: #222335;}*/
.add-question.question_main_library{ left: 19.6%;height: calc(98% - 30px);   }
.dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li{margin-bottom: 0px;
padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: solid 1px #ddd;}

.question_library_ection002 { width: 100%;}
.add-question.question_main_library.affix-top{top:6%;}
.add-question.question_main_library.affix{ top: 11%;}
.question_library_ection002 .main-tab-w{margin-top: 7%; margin-left: 15px;}
.main-tab-w.tab-content{float: right; width: 96%;}
.assemnet-main.assemnet-main-dash .actions .dropdown ul.dropdown-menu::before{    right: 1px;}
.assemnet-main.assemnet-main-dash .actions .dropdown ul.dropdown-menu::after{    right: 0px;}
.dual_right_side li{ padding-bottom: 10px;}
.dual_right_side  ul.sub-menu li{ padding-bottom: 0px!important}
.section_id_01 {float: right;}
.section_id_01 a{ padding: 0px 12px;font-size: 14px;}
.section_id_01 a:first-child{ color:#333}
.controls a:last-child{ font-size: 12px;}
.sidebar_help { position:fixed; left: 4.5%;top: 0%;bottom: 0; background: #353656;  width: 348px;  border-right: solid 1px #ddd;overflow-y: scroll;	min-height: 100%;}
.help_main{ margin-top:5%; position: relative;background: #fff; overflow: hidden;}
.closed_sidbar_btn {float: right;margin-top: 20px;margin-right: 15px;background: #fff;width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 18px;border-radius: 3px;}
.sidebar_help_inner { float: left; width: 100%; margin-top: 15%;padding-top:30px;}
.menu-clinical-materials {float: left;width: 100%; padding: 10px;}
.content_top { float: left; font-size: 18px; padding-left: 10px; margin-top: 5%; font-weight: 600;color:#fff;}
.menu-clinical-materials ul{ float:left; width: 100%}
.menu-clinical-materials ul li{ font-weight: normal;  font-size: 16px; float: left;  width: 100%;}
.menu-clinical-materials ul li a{ color: #444; text-decoration: none;font-size: 14px; font-weight: 600;padding-right: 5px; cursor: pointer; color:#fff;}
.menu-item-has-children ul.sub-menu li.menu-item-has-children1 a{ font-size: 14px!important; font-weight: 400!important;}
.menu-item-has-children1{ padding-left:0px}
.Expander { float: left; font-weight: bold; font-size: 24px;line-height: 30px; padding-right: 5px; cursor: pointer; color:#fff;}
.Expanded{ float: left; font-weight: bold;font-size: 22px;line-height: 30px; padding-right: 5px; cursor: pointer; color:#fff;}
ul.sub-menu1{ padding-left: 15px}
.main_help_wrapper.affix-top { position: relative; height: 580px;overflow: auto;top: 0;}
.main_help_wrapper.affix {position: fixed;width: 66%;left: 33%;}
.menu-clinical-materials ul li ul{ padding-left:15px;}
.menu-clinical-materials ul li.menu-item-has-children{line-height: 30px;}
.help_main h1{ font-size: 2.8rem; color: #1D5AAB; font-weight: 600;}
.help_main h2 {font-size: 2.5rem;font-weight: 500; padding-bottom: 2%;float: left; width: 100%;}
.help_main h2 span{ color: #9999; font-size: 30px;}
.help_main h3{ font-size:2.3rem;}
.main_help_wrapper h1 span{color: #9999; font-size: 30px;}
.sidevar_search{float: left;width: 100%; padding: 0px 15px;}
.help_video { float: none;width: 100%;margin-bottom: 15px;margin: 0 auto;    padding-bottom: 2%;}
.help_video video{ width:100%;}
.help_video ol{ float: left;width: 100%;margin-top: 2%;margin-bottom: 2%;}
.help_video ol li{ font-size:16px; line-height:22px}
.video_help p{font-size:16px; line-height:22px}
.video_help ol{ float: left;width: 100%;margin-top: 2%;margin-bottom: 2%;}
.video_help ol li{ font-size:16px; line-height:22px}
.sideactive {margin-left: 0px;}
.total_assessment_count {float: right;width: 50%;text-align: right;font-size: 14px;line-height: 18px;color: #c72127;}
.total_assessment_count i{font-size: 1.5em;padding-left: 7px;}
.total_assessment_count span{font-size: 1.5em;font-weight: bold; color: #7c3ab8;}
.footer_submit {float: left;width: 100%;text-align: center;margin-bottom: 7%;margin-top: 15px;}
a.scrollTo {padding: 0px!important;}
.flexvideowidth {flex-grow: 10;width: 100%;}
.flexvideowidth .coading-interview-2 { width: calc(100% - calc(0vw - 100px))!important;}
.section001 .alert.alert-danger{padding: 9px;margin-left: 10px;margin-right: 10px;margin-top: 3px;border-radius: 0;}
.btn-call-notification{border-radius: 40px;font-size: 18px;padding: 10px 33px;margin-right:15px;}
.btn-call-notification i{ font-size: 20px; padding-right:8px;}
.question-hdr-section{ float: left;width: 100%;border-bottom: solid 1px #ddd;font-weight: bold;font-size: 13px;line-height: 25px; color:#337ab7}
.question-hdr-section .serial-no{min-width: 18px;float: left;text-align: center;}
.code_question {float: left;width:76.5%;}
.code-section-label {float: left;padding-right: 8px;}
.code-q-marks {float: left;}
#loadmoreHide {float: left;width: 100%;margin-bottom: 20px;}
.new_dashboard_stracture ul{ margin-top: 0;margin-bottom: 10px;}
.browsers-ass{float: left;width: 75%;}
.browser_icon{ float:left; width:100%; margin-top: 15px;}
.browser_icon img{ width:6%; margin-right: 15px;}
.readmore-question {float: left;width: 100%;}
.question.standard-margin a{color:#c72127;text-decoration: none;font-size: 14px;font-weight: 600;}
.readmore-question table tbody tr td{ width:100%!important; white-space: normal!important;}
.readmore-question table{ float:left; width: 100%!important}
.faq-links i{float: left;margin-left: 40%;font-size: 23px;line-height: 33px;}
.faq-links{line-height: 30px;font-weight: 600; text-decoration:none!important; color:#666;width: 30%;}
#createassessmentModal label, #scheduleinterview label{float: left;line-height: 13px;padding-bottom: 6px;    font-weight: 600;}
#cke_jobdesc{float:left;}
tr.table_bordered td:first-child{ border-left:0;}
tr.table_bordered td:last-child{ border-left:0;}
.admin_test_wrap_ul {float: left;width: 100%;}
.admin_test_wrap {float: left;width: 100%;margin-top: 3%;}
.admin_test_wrap_ul ul{ float:left; width:100%; list-style:none}
.admin_test_wrap_ul ul li{float: left;width: 16.6%;text-align: center;border-top: solid 1px #ddd;border-bottom: solid 1px #ddd;border-left: solid 1px #ddd;min-height: 120px;padding: 10px;}
.jobs_open.jbopen h5{ color:#e4687f;}
.jobs_open.jbopen span{ color:#666;}
.admin_test_wrap_ul ul li:first-child{ border:none!important}
.admin_test_wrap_ul ul li:last-child{ border-right:solid 1px #ddd}
.admin_test_wrap_ul ul li img{ width:50%}
.jobs_open h5{color: #444;font-size: 25px;font-weight: 600;}
.jobs_open h4{ color: #666;font-size: 16px;font-weight: 400;}
.jobs_open h5 span{font-size: 14px;}
.admin_test_wrap_table table thead th{ font-size: 14px;}
.admin_test_wrap_table table tbody tr td{ text-align: left;}
.admin_test_wrap_table .table-resposive .table-bordered{ border:0px}
.admin_test_wrap_table .table-bordered > thead > tr > th, .table-bordered > thead > tr > td{border-bottom-width: 0px;}
.admin_test_wrap_table .table-bordered > thead > tr > th, .admin_test_wrap_table .table-bordered > tbody > tr > th, .admin_test_wrap_table .table-bordered > tfoot > tr > th, .admin_test_wrap_table .table-bordered > thead > tr > td{ border-right:none!important; text-align:center;}
.admin_test_wrap_table.table > caption + thead > tr:first-child > th, .admin_test_wrap_table .table > colgroup + thead > tr:first-child > th, .admin_test_wrap_table .table > thead:first-child > tr:first-child > th,  .admin_test_wrap_table .table > caption + thead > tr:first-child > td, .admin_test_wrap_table .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td{border-left:none!important}
.admin_test_wrap_table tr.table_bordered td:last-child {border-right: 0;}
.table_bordered td{ text-align:center;     font-size: 13px;}
.jobson_open{ font-size:18px; font-weight:600;}
.jobson_open span{font-size: 10px;}
.admin_test_wrap_table {float: left;width: 100%;margin-top: 3%;}
.table_bordered:last-child td{ border-bottom:none!important}
.admin_test_wrap_table1 th{ text-align:center; font-size:14px;}
.jobs_open.cctest a { color: #ffa500; text-decoration: none}
.jobs_open.ccrecom a {  color: #00bfff;text-decoration: none}
.jobs_open.ccshortlist a { color: #20b2aa;text-decoration: none}
.admin_test_wrap_table1{ float:left; width:100%; margin-top:4%}
.admin_test_wrap_table1 .table-bordered > thead > tr > th, .admin_test_wrap_table1 .table-bordered > thead > tr > td{border-bottom-width: 0px;}
.admin_test_wrap_table1 .checkbox.checbox-switch {padding-left: 0;}
.admin_test_wrap_table1 .checkbox.checbox-switch label,
.admin_test_wrap_table1 .checkbox-inline.checbox-switch {display: inline-block;position: relative;padding-left: 0;}
.admin_test_wrap_table1 .checkbox.checbox-switch label input, .admin_test_wrap_table1 .checkbox-inline.checbox-switch input {display: none;}
.admin_test_wrap_table1 .checkbox.checbox-switch label span,
.admin_test_wrap_table1 .checkbox-inline.checbox-switch span {width: 35px;border-radius: 20px;height: 18px;border: 1px solid #dbdbdb;background-color: red;border-color: red;box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;display: inline-block;vertical-align: middle;}
.admin_test_wrap_table1 .checkbox.checbox-switch label span:before, .admin_test_wrap_table1 .checkbox-inline.checbox-switch span:before {display: inline-block;width: 16px;height: 16px;border-radius: 50%;background: rgb(255,255,255);content: " ";position: relative;left: -9px;transition: all 0.3s ease;box-shadow: 0 1px 4px rgba(0,0,0,0.4);top:0px;}
.admin_test_wrap_table1 .checkbox.checbox-switch label > input:checked + span:before,
.admin_test_wrap_table1 .checkbox-inline.checbox-switch > input:checked + span:before {left: 9px;top: 0px;}
.admin_test_wrap_table1 .checkbox.checbox-switch.switch-primary label > input:checked + span,
.admin_test_wrap_table1 .checkbox-inline.checbox-switch.switch-primary > input:checked + span {background-color: rgb(124, 192, 124);border-color: rgb(124, 192, 124);transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;}
.admin_test_wrap_table1 .checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
.admin_test_wrap_table1 .checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {background-color: red;border-color: red;transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;}
.actions .dropdown.open .dropdown-menu{left: -76px!important;}
.no-input-radius{border-radius: 0px!important;box-shadow: none!important;height: 36px!important; border-left: 0!important;border-right: 0!important;border-top: 0!important;}
.modal_top_popup_hder{background: #129a9f;padding: 8px;border: none;}
.navbar-brand > img {width:auto;height: 40px;}
.custom_modal{z-index: 9999!important; background: rgba(93, 90, 90, 0.6); display: none; border:0px; box-shadow:none; padding-left: 17px;}
.coustom_modal_content{border-top-left-radius: 4px!important;overflow: hidden;margin-top: 10%;border:none;border-top-right-radius: 4px!important;border-bottom-left-radius: 4px!important;border-bottom-right-radius: 4px!important;}
.custom-modal_header{/*background:#129a9f;*/ padding:8px!important; border:none;}
.close.modal_close{  opacity: 1; font-size: 28px!important; padding: 0px 4px; color: #045154; text-shadow: none; line-height: 25px;}
.custom_modal_title{font-size: 16px;color: #444;text-align: center;text-transform: uppercase;}
.custom_modal_body{float: left; width: 100%;margin-bottom: 15px;}
.custom_btn_color{background:#129a9f!important; border-color:#129a9f!important}
.custom_modal_body label{float: left;width: 100%;}
ul.ul-row li{ float: left; padding-right: 15px; }
.basic-info ul li .checkbox label input{ margin-top:1px!important}
.table.table_tr tr td { font-weight:400!important}
.table.table_tr tr td a{color:#337ab7;text-decoration: none;}
.custom_modal_body .panel-default{ margin-bottom:0px}
.custom_modal_body label{ font-weight:400;}
.coustom_modal_content .radio input[type="radio"], .coustom_modal_content .radio-inline input[type="radio"], .coustom_modal_content .checkbox input[type="checkbox"], .coustom_modal_content .checkbox-inline input[type="checkbox"]{margin-top:0px!important;}
.custom_modal_body .panel-heading{ float:left; width:100%}
.custom_modal_body .form-group{float: left;width: 100%; margin-top: 15px;}
.modal-f-or{float: left;line-height: 32px;padding-left: 3%;padding-right: 3%;font-size: 15px;color: #129a9f;font-style: italic;font-weight: 400;}
.or-top-bar{text-align:center;margin-top: 46%;font-size:18px;font-weight: 400; color:#129a9f}
#createassessmentModal .or-top-bar{text-align: center;margin-top: 40%;font-size: 18px;font-weight: 400;color: #129a9f;margin-bottom: 0px;font-style: italic;}
.help_video video, .video_help video{ width: 100%;margin-left: 0%;border: solid 1px #ddd;}
.flexible_container { float: left; width: 100%;}
.flexible_container input{ margin:0px}
.graph-bottom_analysis{float: left; width: 100%; position: relative; border-bottom: solid 1px #f4f4f4;}
.graph-bottom_analysis h4 span{ height: 35px; background:#014ea2; position: relative; width: 20%; line-height: 24px; padding: 5px 20px; color: #fff;float: left;}
.graph-bottom_analysis h4 span:after{ content: ''; position: absolute; top: 0; right: 0; border-top: 34px solid white; border-left: 35px solid #014ea2; width: 0; }
.improvement_area h2{ font-weight: 600;}
.graph-bottom_analysis h4 { font-size: 16px;}
.progress.not-attempted { margin-top: 0px!important;}
.question-description.min-height-175{min-height: 175px;}
.graph-bottom_analysis h4 font{line-height: 26px; float: left; color: #333;}
.objective_section { float: left; width: 100%;}
.objective_section h5{margin-top: 20px;float: left; width: 100%;font-size: 18px;font-weight: 600;}
.color_mins {float: right;}
.color_mins ul li{ float:left; padding-right:10px;  font-size: 12px;}
.color_mins ul li span{ width: 8px;float: left;height: 8px;margin-top: 4px; margin-right: 10px;}
.progress .progress-value{right:-53px!important;}
.progress-value.last-progress-value{right: -59px!important;}
#custom-search-input {margin-top: 10px;}
#custom-search-input .search-query {padding-right: 3px;padding-right: 4px \9;padding-left: 3px;padding-left: 4px \9;margin-bottom: 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#custom-search-input button {border: 0;background: none;padding: 2px 5px;margin-top: 2px;position: relative;left: -28px;margin-bottom: 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color:#D9230F;}
.search-query:focus + button {z-index: 3; }
.custom-search-input_center {width: 24%;margin: 0 auto;padding-bottom: 2%;}
ul.nav.nav-tabs.table-custom01 li.active a{ background:#289aa0; border-color:#289aa0; color:#fff}
ul.nav.nav-tabs.table-custom01 li a{ background-color: #eee; color:#333;}
.admin_test_wrap_table .tab-content {margin-top: 1%;}
.days_container {float: left;width: 100%;padding-top: 15px;}
.days_container label{ width:auto;}
.modal-body.custom_modal_body .form-group{ margin-bottom:0px}
.select-filter.select-filter-last {width: 81%!important;}
.custom-control.custom-checkbox.d-flex .custom-control-input{ float: left;width: 8%;}
.custom-control.custom-checkbox.d-flex label.custom-control-label.justify-content-start{float: left;width: 90%;padding-left: 5px;font-weight: 100;font-size: 12px!important;}
.select-filter.select-filter-last .dashboardcode-bsmultiselect .badge{ padding: 1px 4px!important;margin-right: 4px;background-color: #e6f4fa;color: #777;}
.select-filter.select-filter-last .dashboardcode-bsmultiselect .badge span{font-size: 12px;font-weight: 100;padding: 0px 5px;}
.select-filter.select-filter-last .dashboardcode-bsmultiselect .badge button{ opacity:9!important}
.dashboardcode-bsmultiselect {position: relative;float: left;width: 85%;}
.dashboardcode-bsmultiselect .dropdown-menu{top: 30px!important; width:100%!important}
.table-responsive.coading-table-responsive thead tr th{font-size: 12px;color: #444;}
.coading-cpage {float: left;width: 100%;background: #f8f8f8;padding-left: 0px;padding-right: 0px;border:solid 1px #ddd;}
.code-option .panel{ border:none; background:#f8f8f8}
.compile_test {float: left;width: 100%;padding: 0px 15px;margin-bottom: 15px;}
.coading-cpage .panel{float: left;width: 96.5%;margin: 0px 15px;margin-bottom: 20px;box-shadow: none;}
.testcase .col-sm-12{ padding:0px}
.editorBlock {border-bottom: solid 1px #ddd;}
.ace-chrome .ace_gutter {background: #f8f8f8!important;}
.quest_type-Drop {float: left;width: 100%;padding-bottom: 10px;}
.mcqsfooter.mcqsfooter_div ul li{ width: 29%;text-align: center;}
/*.mcqsfooter.mcqsfooter_div ul li:last-child{text-align: right;}*/
.select-filter.select-filter_box {width: 20%;}
.select-filter .form-control{padding: 6px 2px; font-size:12px;}
.select-filter .form-control option{ padding-right:10px!important;}
.pagination_bottom a, .pagination_bottom strong {float: left;border: solid 1px #ddd;padding: 0px 8px;margin-left: 4px;border-radius: 4px; text-decoration: none!important;color: #333!important;}
.pagination_bottom strong{ background:#289aa0; color:#fff!important; border-color:#289aa0}
.audio_container {float: left;width: 100%;margin-bottom: 15px;}
.devider.mytat_create_tests.dropdown  ul.dropdown-menu{width: 400px!important;-webkit-box-shadow: 0px 0px 5px 0px rgba(219,212,219,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(219,212,219,1);box-shadow: 0px 0px 5px 0px rgba(219,212,219,1);border: 0;border-radius: 4px;left: 0!important;}
.devider.mytat_create_tests.dropdown ul.dropdown-menu:before{right: initial;left:0%;}
.devider.mytat_create_tests.dropdown ul.dropdown-menu:after{right: initial;left:0%;}
.mytat_drop_box {float: left;width: 100%;position: relative;padding: 10px;}
.mytat_drop_box span{width: 24px;float: left;}
.mytat_drop_title {float: left;width: 100%;font-size: 16px;font-weight: 600;color: #46535e; }
.mytat_drop_dic {float: left;width: 100%;font-size: 14px;}
.mytat_drop_container {float: left;width: 92%;}
.devider.mytat_create_tests.dropdown ul.dropdown-menu li{ margin-bottom:5px;float: left;width: 100%;}
.devider.mytat_create_tests.dropdown ul.dropdown-menu li:hover{ background:#f3f9f8; cursor:pointer}
.devider.mytat_create_tests.dropdown ul.dropdown-menu:after {border-bottom: 12px solid #fbf8f8;}
.Experienceprofile {float: left;width: 100%;margin-top: 0%;margin-bottom: 5%;}
.Experienceprofile h3{ font-size: 20px;padding-bottom: 20px;} 
.Experienceprofile label{ font-size:16px;}
.mytat_use_skill {float: left;width: 100%;}
.AlgorithmsTest {float: left;width: 36%;margin-bottom: 20px;}
.AlgorithmsTest .form-control{font-size: 20px;border: none;box-shadow: none; padding:0px}
.AlgorithmsTest .form-control:focus{ box-shadow:none; border-bottom: solid 1px #66afe9}
.Algorithm_container {float: left;width: 100%;}
.Algorithm_container p{ color:#46535e}
.Algorithms_table{ float:left; width:100%; margin-top:5%}
.Algorithms_table .table tr th{color: #90979e;font-weight: 400;}
.Algorithms_table .table-responsive{-moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);box-shadow: 0 2px 4px rgba(0,0,0,.2);}
.Addquestionset {float: right;padding-right:5px;}
.Algoover {display: none;}
.Algoover a{ float:left; padding-right:10px}
tr:hover .Algoover{ display:block!important ;transition:opacity 2s linear;-moz-transition: opacity 2s linear;-webkit-transition: opacity 2s linear;float: right;}
.mytat_over_type tbody tr td span{ font-size:18px; font-weight:600}
.mytat_over_type tbody tr:last-child{ border-bottom:solid 1px #ddd}
.main-setting.mytat_over-view h2{ margin-top: 0px;font-size: 25px;padding-bottom: 15px;font-weight: 600;}
.main-setting.mytat_over-view h2 span a{font-size: 14px;font-weight: 400;padding-left: 20px;}
.mytat_over_type tbody tr td  a{ color:#666; padding-left:10px}
.popover{max-width: 100%!important;}
.test-duration-tie h3 { margin-top: 0px; font-weight:600; font-size:18px}
.mytat_setting_cont h3{ margin-top: 0px; font-weight:600; font-size:22px}
.mytatquestion-setting{ float:left; width:100%}
.mytatquestion-setting h3 {font-size: 18px;font-weight: 600;padding-bottom: 12px;}
.mytatquestion-setting ul li{padding-bottom: 15px;float: left;width: 100%;}
.mytatquestion-setting ul li .ui_chk {float: left;width: 20px;color: #10d6e0;}
.ui_chk_content {float: left;width: 97%;}
.mytatquestion-setting h3 span{ font-size: 14px;font-weight: 400;padding-left: 15px;}
.ui_chk_content p {margin-bottom: 0;}
.RandomShuffling .switch {position: relative;display: inline-block;width: 44px;height: 19px;padding: 0px;margin: 0;}
.RandomShuffling .switch input { opacity: 0;width: 0;height: 0;}
.RandomShuffling span {margin-right:15px}
.RandomShuffling span:last-child {margin-right:0px}
.RandomShuffling .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #fb8989;-webkit-transition: .4s;transition: .4s;}
.RandomShuffling .slider:before {position: absolute;content: "";height: 15px;width: 15px;left: 2px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.RandomShuffling input:checked + .slider {background-color:#289aa0;}
.RandomShuffling input:focus + .slider {box-shadow: 0 0 1px #289aa0;}
.RandomShuffling input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.RandomShuffling .slider.round {border-radius: 34px;}
.RandomShuffling .slider.round:before {border-radius: 50%;}	

/*****************************
***************************** Question page css start here ***********************************************/
.q_header h2{ font-size:18px!important;padding: 0px!important;}	
.q_header h2 span{ font-size:12px; font-weight:300}		
.ques_btn {float: left;width: 100%;text-align: right;}
.ques_btn a{ border: solid 1px #353656;border-radius: 4px;color: #353656;text-decoration: none;padding: 5px 15px;}	
.ques_btn a:hover{ background:#f5f8fb;text-decoration: none;}
.q-sortable_section {float: left;width: 100%;padding: 15px 30px;border-top: 1px solid #eaeef2;background-color: #f7f8fa;padding-bottom: 20px;min-height: calc(100vh - 165px);overflow-x: hidden;margin-top: 2%;}
.question-list_h {float: left;width: 100%;padding-bottom: 20px;}
.bold_1 {font-size: 16px;line-height: 30px;font-weight: 600;}
.sub-text {font-size: 12px;line-height: 20px; margin-left:5px; color:#666}
.question-list-chk {display: block;position: relative;padding-left: 28px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;float: left;}
.question-list-chk input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}

/* Create a custom checkbox */
.question-list-chk .checkmark {position: absolute;top: 0;left: 0;height: 18px;width: 18px;background-color: #eee;margin-top: 6px;}
.question-list-chk:hover input ~ .checkmark {background-color: #ccc;}
.question-list-chk input:checked ~ .checkmark {background-color: #2196F3;}
.question-list-chk .checkmark:after {content: "\2713";position: absolute;display: none;font-size: 12px;padding-left: 4px;color: #fff;}
/* Show the checkmark when checked */
.question-list-chk input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */
.container .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.ui-sortable {float: left;width: 100%;}
.question-checkbox {float: left;width: 25px;}
.question-list_wrap {float: left;width: 97%;position: relative;padding: 20px;background-color: #fff;border: 1px solid #e2e5eb;border-bottom-color: transparent;}
.question-numbering{margin: 0 10px 0 0;font-size: 14px;font-weight: 500;color: #333;line-height: 20px;float: left;display: inline-block;}
.question-detail {width: 96%;float: left;}
.question-description-box {font-size: 12px;line-height: 20px;color: #888;font-weight: 300;width: 75%;float:left;}
.question-actions {float: right;width: 7%;text-align: center;}
.question-actions ul li{ float: left!important;width: 50%!important;}
.question-actions ul li a{ color: #666;}
.question-bottom-section {float: left;width: 100%;}
.question-actions .dropdown .dropdown-menu {left: -120px!important;width: 51px;}
.question-actions .dropdown .dropdown-menu li{ float:left!important; width:100%!important}
.question-actions .dropdown .dropdown-menu li a{ font-size:12px}
.question-tags {float: left;width: 95%;}
.question-difficulty-level {display: inline-block;min-width: 64px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 12px;font-weight: 400;line-height: 20px;text-align: center;padding: 0 10px;background-color: #fff;text-transform: capitalize;}
.question-difficulty-level.medium {color: #df9d21;border: 1px solid #df9d21;}
.question-tags .attached-tags {display: inline-block;min-width: 70px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #666;background-color: #f3f4f7;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #d8dde6;font-size: 12px;font-weight: 400;line-height: 20px;text-align: center;padding: 0 10px;margin-left: 10px;}
.question-score {min-width: 40px;height: 22px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 12px;line-height: 20px;text-align: center;vertical-align: middle;border: 1px solid #d8dde6;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: #fff;padding: 0 10px;float: left;}
.question-difficulty-level.easy {color: #0f8f10;border: 1px solid #0f8f10;}
.question-difficulty-level.hard {color: #ff0000;border: 1px solid #ff0000;}
.ui-state-default:last-child .question-list_wrap{ border-bottom-color: #e2e5eb;}
#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable li {  border:0px  }
html>body #sortable li {  line-height: 1.2em; float: left;width: 100%; background-color:transparent }
.ui-state-highlight {line-height: 1.2em; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #f7f8fa!important;background-color:transparent!important;color: #000!important;}
.mytat-dropdown {float: right;}

/*****************************
***************************** Question page css end here ***********************************************/
.jr-modal-sub-title {margin: 0px;}
.jr-list-container {float: left;width: 100%;}
.jr-role{background-color: #f7f8fa;width: 100%;padding: 16px 28px;cursor: pointer;border-radius: 4px;border: 1px solid transparent;float: left;height: 80px; overflow: hidden}
.jr-role:nth-child(2) {margin-left: 20px;}
.jr-role:hover{border: 1px solid #2f89fc;background-color: #eaf3fe;}
.jr-role-wrapper{width: 48%;margin-bottom: 20px;display: flex;float: left;margin-right: 10px;}
.myText {float: left;padding-right: 10px;width: 92%;}
.pencil_wrap {float: left;position: absolute;right: 32px;top: 50%;}
.extracted-skills-container {float: left;width: 100%;margin-top: 15px;}
.extracted-skills-wrapper {float: left;width: 50%;}
.extracted-skills-search {float: left;width: 100%;padding-bottom: 20px;}
.extracted-skills-search .chosen-container{float: left;width: 100%!important;}
.extracted-label {font-weight: 600;padding-bottom: 8px;}
.expriance_slider {float: left;width: 100%;}
.expriance_label {float: left;width: 100%;padding-bottom: 15px;}
.expriance_slider div#slider-range {float: left;width: 100%;margin-bottom: 20px;}
.extracted-skills-search .chosen-container .chosen-drop{ z-index:999999!important}
.extracted-skills-search .chosen-container-multi .chosen-choices{border:none;background-image: none;}
.secondary-skills {list-style: none;padding: 0;margin: 0;max-height: 148px;overflow-y: auto;}
.secondary-tag {border: 1px solid #aaa;border-radius: 4px;background-color: #eeeeee;height: 20px;line-height: 18px;display: inline-block;margin: 4px 4px 0 0;padding: 0 8px;float: none;cursor: pointer;white-space: nowrap;}
.secondary-tag i{font-size: 10px;}
.extracted-relevent-wrapper {border-left: solid 1px #ddd;padding-left: 15px;min-height: 70px;margin-left: -1%;}
.ui-widget-header {border: 1px solid #6a56e1!important;background: #4f5284!important;}
.jr_select {float: right; position: absolute; right: 5%; top:7%; width:39%;}
.jr_select select option{font-size: 13px}
.job_requisition {width: 61%;margin: 0 auto;padding: 25px 15px;}
.blank_dashboard {float: left;width: 100%;margin-top: 17%;}
.blank_dashboard ul{ float: left; width: 100%; padding-bottom: 0px }
.blank_dashboard ul li{float: left;margin-left: 0%;padding: 28px 40px;border-top: 0;border-left: 0;border-bottom: 0;border-right: solid 1px #ddd;width: 25%;text-align: center;}
.blank_dashboard ul li:hover{ background-color:#ecfaf5 }
.blank_dashboard ul li a{ font-size: 14px;text-decoration: none;color: #333;font-weight: 400;line-height: 47px;}
.blank_dashboard ul li ul li{ padding: 0;border: none;width: 100%;}
.blank_dashboard ul li ul li a{ color: #333; font-weight: 400;font-size: 14px; }
.blank_dashboard ul li.dropdown ul.dropdown-menu{left: 64px!important;width: 248px;top: 58%;}
.blank_dashboard ul li span{ width: 50px; float: left;margin-right: 10px; }
.blank_dashboard ul li span img{ width: 100% }
.blank_dashboard.blank_dashboard_popup ul li{border-right: solid 1px #ddd;min-height: 105px;width: 50%;}
.blank_dashboard.blank_dashboard_popup ul li ul li{min-height:inherit; width: 100%}
.extracted-skills-search button{margin-right: 10px;background: #ddd;border-radius: 4px;border: solid 1px #ccc;padding: 0px 10px;}
.heplcontainer .search-container {float: right;}
.heplcontainer input[type=text] {padding: 6px;margin-top: 8px;font-size: 15px;border: none; border:solid 1px #ddd;}
.heplcontainer .search-container button {float: right;padding: 6px 10px;margin-top: 8px;background: #ddd;font-size: 17px;border: none;cursor: pointer;}
.heplcontainer .search-container button:hover {background: #ccc;}
.heplcontainer {float: left;width: 100%;margin-bottom: 20px;}
.or_tag {float: left;width: 100%;margin-top: 5%;margin-bottom: 5%;}
.or_tag .or_tag_round {width: 50px;height: 50px;margin: 0 auto;border: solid 1px #ddd;border-radius: 50px;text-align: center;line-height: 50px;font-size: 20px;position: relative;font-weight: 600;background: #fff;}
.or_tag .or_tag_round:before{ content: "";border-left: solid 1px #ddd;position: absolute;height: 100px;left: 48%;top: -49%;z-index: -1;}
.assessment_job {float: left;width: 100%;margin-top: 5%;}
.bredcrumb ul li{ float:left; padding-left: 20px}
.bredcrumb ul li:after{content: "|";padding-left: 10px;}
.bredcrumb ul li a{ color: #000;}
.bredcrumb ul li:last-child:after{content: none}
.stap_container {float: left;width: 100%;text-align: center;}
.stap_container h2{ font-weight: 600}
.stap_container h2 small{ font-weight: 300;}
@media screen and (max-width: 600px) {
.heplcontainer .search-container {float: none;}
.heplcontainer input[type=text], .heplcontainer .search-container button {float: none;display: block;text-align: left;width: 100%;margin: 0;padding: 14px;}
.heplcontainer input[type=text] {border: 1px solid #ccc;  }
}
@media (min-width:520px)  and  (max-width:630px) {
.mark-for_reviews { width: 59%;}
.timer_box { width: 17%!important;}
.recording_test { width: 21%;}
.questop-header .checkbox input[type="checkbox"]{ marhgin-top:3%!important}
.questop-header{ margin-top:0px!important}
.footerbtn.footer_btn_exam{ padding: 0; box-shadow:none}
.footerbtn button { font-size: 15px;  width: 50%; text-align: center; border-radius: 0; }
}
@media (min-width:631px)  and  (max-width:736px) {
.question_container01 .col-sm-4 .exam-bg{ display:none;}
.ques-overview{ display:none}
.mark-for_reviews {width: 58%;}
.timer_box {width: 14%!important;}
.recording_test {width:22%;}
.questop-header .checkbox input[type="checkbox"]{ margin-top:3%!important}
.questop-header{ margin-top:0px!important}
.vedio_section{ width:100%}
.custom-select-chk .table-responsive{ border:none!important}
.footerbtn.footer_btn_exam{padding: 0; box-shadow:none}
.footerbtn button {font-size: 15px;width: 50%;text-align: center;border-radius: 0; }
}
@media (min-width:768px)  and  (max-width:811px) {
.question_container01 .col-sm-4{ display: none; }
.question_container01 .col-sm-8{ width: 100%!important }
.ques-overview {width: 39%; display: none;}
.timer_box{width: 13%;}
.questop-header .col-sm-4{ display: block!important; }
.questop-header{ margin-top: 9%; }
.mobile_for_review{display: block;}
.mobile_for_review .mark-for_reviews{ width: auto!important; }
.mark-for_reviews ul li{padding: 0px 5px; margin-right: 5px;}
.mark-for_reviews ul li a{font-size: 9px;line-height: 10px}
.questop-header .checkbox input{ margin-top: 16px!important;}
.mark-for_reviews{width: 72%}
}
@media (min-width:980px)  and  (max-width:1024px){
.ques-overview{ width: 36% }
.recording_test{ display: none; }
.questop-header{ margin-top: 9% }
.questop-header .checkbox input{margin-top: 9%!important;}
}
@media (min-width:812px)  and  (max-width:980px) {
.ques-overview{ display:none}
.timer_box{width: 11%;}
.recording_test { width: 25%;}
.mark-for_reviews{width: 64%;}
.questop-header .checkbox input[type="checkbox"]{margin-top: 12%!important;}
.footerbtn.footer_btn_exam button{padding: 6px 16px;font-size: 14px;}
.main-ques p{ font-size: 12px;}
.main-ques{ height: 46px;}
}
@media not all and (min-resolution:.001dpcm) { @media {
.my_sidebar{ overflow: initial; } 
.primary-hdr.primary-main{ top:7.2%;z-index: 9999;}
.videoresize{ background:#000}
a:focus{outline: none auto!important;
outline-offset: 0px!important;}
.custom_modal_body .radio-inline input[type="radio"]{ margin-top:0%}
}

@media (min-width: 1366px) {
.primary-hdr.primary-main{ top:6.5%}	
}
@media screen and (min-width: 1680px) {
.primary-hdr.primary-main{ top:6%}
}
@media screen and (min-width: 1980px) {
.primary-hdr.primary-main{ top:4%}
}
}
.main_help_wrapper ul{list-style:disc!important; }
.classes_main .breadcrumb {padding: 5px 15px;background:none}
.subQues {float: left;width: 100%;border-top: solid 1px #ddd;padding-left: 15px;}
.subQues .question-description{ width: 49.4%;}
/** all Page btn css here**/
.requestfullscreen {background: #f6993b!important;border-radius: 50px!important; border-color: #f6993b!important;}
.meterial_add_topic .defoult_btn_purpal{ background:#c72127!important; border-color: #c72127!important;padding: 3px 15px!important; font-size: 14px}
.defoult_btn_purpal, .btn-large-txt, .hrvest_submit-btn span, .hrvest_submit-btn .harvest_btn {  border-radius: 8px!important;  padding: 6px 15px!important; color:#fff!important;font-size: 14px!important;}
.defoult_btn_purpal:hover, .btn-large-txt:hover, .hrvest_submit-btn span:hover, .hrvest_submit-btn .harvest_btn:hover{background-color:#014ea2!important; border-color:#014ea2!important; color:#fff!important ; }
.btn-upload { background-color: #edb918!important; border-radius: 8px!important; border-color: #edb918!important; padding: 6px 15px!important;font-size: 14px!important;}
.btn-upload:hover{background-color:#edb918!important; color:#fff!important ;  border-color:#edb918!important;}
.btn-upload-zip{ background-color: #014ea2!important; border-radius: 8px!important; border-color: #014ea2!important; padding: 6px 15px!important;font-size: 14px!important;}
.btn-upload-zip:hover{background-color:#8e3bd9!important; color:#fff!important ;  border-color:#8e3bd9!important;}
.Addquestionset a{color:#c72127; text-decoration: none;font-size: 14px!important;}
.Addquestionset a:hover{color:#014ea2; text-decoration: none;}
#adda-section button.btn.btn-success.btn-sm{background-color: #c72127!important; border-radius: 8px!important; border-color: #c72127!important; padding: 6px 15px!important; color:#fff!important;font-size: 14px!important;}
.theme_sub_btn{background-color: #c72127!important; border-color: #c72127!important; color:#fff!important; border-radius: 8px!important;padding: 6px 15px!important;font-size: 14px!important;}
.theme_sub_btn:hover{background-color: #014ea2!important; border-color:#014ea2!important;}
.theme_sub_btn:focus{background-color: #014ea2!important;border-color:#014ea2!important;}
.theme_sub_btn1{ background-color: #31b0d5!important; border-color: #31b0d5!important; border-radius: 8px!important;padding: 6px 15px!important;font-size: 14px!important;}
.shartilist-right button.btn.btn-info.defoult_btn_purpal{background-color:#c72127!important; border-color: #c72127!important;}
.summary-main.summary-main_wigit .btn.btn-danger.theme_sub_btn0{background-color:#014ea2!important; border-color: #014ea2!important;}
.theme_sub_btn1:hover{background-color: #31b0d5!important; border-color: #31b0d5!important;}
.theme_sub_btn1:focus{background-color: #31b0d5!important; border-color: #31b0d5!important;}
.theme_sub_btn2{background-color:#337ab7!important; border-color: #337ab7!important;border-radius: 8px!important;font-size: 14px!important;}
.theme_sub_btn2:hover{background-color:#428bc9!important; border-color: #428bc9!important;}
.theme_sub_btn2:focus{background-color:#337ab7!important; border-color: #337ab7!important;}
.theme_sub_btn3{background-color: #089d52!important; border-color: #089d52!important; border-radius: 8px!important;    font-size: 16px !important;
    padding: 12px 15px !important;}
.theme_sub_btn3:hover{background-color:#18cd82!important; border-color:#18cd82!important;}
.theme_sub_btn3:focus{background-color:#18cd82!important; border-color:#18cd82!important;}
.theme_sub_btn0{background-color: #384cff!important; border-color: #384cff!important; border-radius: 8px!important;  color:#fff!important;padding: 6px 15px!important;font-size: 14px!important;}
.theme_sub_btn0:focus{background-color: #384cff!important; border-color: #384cff!important;}
.theme_sub_btn0:hover{background-color: #ff9810!important; border-color: #ff9810!important;}
.theme_publish_test .btn_custom {background:#07be62!important; border-color:#07be62!important;margin-top: 0px;border-radius: 8px!important; font-weight: 400!important;}
#loadmoreHide .btn.btn-info {border-radius: 8px!important;background: #c72127;border-color: #c72127;}
.modal-footer .btn-default{background-color: #c72127!important;border-radius: 8px!important;border-color:#c72127!important;padding:6px 15px!important; font-size: 14px!important; color:#fff!important}
.modal-footer .btn-default:last-child:hover{background-color:#c72127!important; color:#fff!important ;  border-color:#c72127!important;}
.modal-footer .btn-default:last-child{background-color:#014ea2!important;border-radius: 8px!important;border-color: #014ea2!important;padding:6px 15px!important; font-size: 14px!important; color:#fff!important}
.modal-footer .btn.theme_sub_btn{background-color:#014ea2!important;border-radius: 8px!important;border-color: #014ea2!important;padding:6px 15px!important; font-size: 14px!important; color:#fff!important}
.modal-footer .btn.theme_sub_btn:hover{background-color:#c72127!important; color:#fff!important ;  border-color:#c72127!important;}
.modal-footer .btn-default:hover{background-color:#8b57bb!important; color:#fff!important ;  border-color:#8b57bb!important;}
.diffclulty .btn.btn-info, .diffclulty .btn.btn-success, .footer .btn.btn-info{border-radius: 8px!important;padding: 6px 15px!important; color:#fff!important; font-size: 14px!important;}
.diffclulty .btn.btn-info:hover, .diffclulty .btn.btn-success:hover, .footer .btn.btn-info:hover{background-color:#014ea2!important; color:#fff!important ;  border-color:#014ea2!important;}
.setting-bar .btn-success{background-color: #c72127!important; border-radius: 8px!important;border-color: #c72127!important;padding: 6px 15px!important; font-size: 14px!important;}
.setting-bar .btn-success:hover{background-color:#014ea2!important; border-color: #014ea2!important }
.text_h_color{color: #384cff;font-weight: 600;}
/** all Page btn css here**/

.logo_widget .hidden1{ border:0}
.logo_widget .hidden1:focus{box-shadow: none;}
.line-input{ border-left: 0!important; border-right: 0!important; border-top: 0!important; border-radius: 0!important; box-shadow: none!important; padding-left: 0px!important;}
.section_name .controls a:first-child{font-size: 13px;color: #1846ed;font-weight: 600;text-decoration: none;}
.actions a{ color:#777}
.admin_test_wrap_table .pagination{ width: 51%!important }
.table_fotr_btn { width: 100%; margin-bottom: 3%;text-align: center; margin-top: 3%;}
.table_form tr td a{ color:#444; float: left;}

/** resume parsing section css**/

.harvest_upload h3{color: #8e3bd9;font-size: 18px;font-weight: 600;}
.overview_main .panel-default > .panel-heading {background: #384cff!important;}
.skill_body_main h4 {color: #384cff;}
.parsing_overview .panel-heading{ background: #8e3bd9!important}
.accordion-heading.accordion-heading-job {color: #384cff!important;}
.btnnb.activee, .btnn.active {background:#384cff!important; border-color:#384cff!important }
.parent-div h3{color: #384cff!important;font-size: 16px;}
.hrvest_submit-btn .harvest_btn{ height: auto!important}

/**resume parsing section css end here**/

.editor_header{ background: #014ea2!important;height: 39px;}
.text-link_btn{ color:#384cff!important;font-weight: 600 }
.job_requisition .form-group label{ font-weight: 600!important}
.container_top, .clint_container { margin-top:2%;}
.add_topic_bg {float: left;width: 100%;margin-top: -19px;background: #e7e7e7;margin-bottom: 15px;border-bottom: solid 1px #ccc;padding: 3px 0px;}
.candidate_job_right {float: right;padding-top: 15px;}
.candidate_job_right a{ color:#384cff; font-size: 18px; font-weight: 600;text-decoration: none;}
.candidate_job_right a:hover{color:#014ea2; text-decoration: none}
.candidate-list-table {float: left;width: 100%; }
.candidate-list-table .table-responsive{margin-top: 15px;}
.candidate-list-table table thead tr th{ font-size:12px; text-align: center;vertical-align: baseline;}
.new_job_container { float: left; width: 100%;  margin-top: 2%;}
.add_job_inner h2 {font-size: 23px;font-weight: 700;padding-bottom: 30px;}
.add_jobs_form {width: 80%;margin: 0 auto;}
.add_jobs_form label{ padding-bottom:10px!important}
@media (max-width:1366px) {
ul.nav.navbar-nav.navbar-left.navbar-castom {width:73%!important; padding-left: 20px}
.navbar-inverse .navbar-nav>li>a{font-size: 11px!important}
.primary-hdr.primary-main.theme_top_header{top:6.4%!important;}
.outgoning h2 {font-size: 16px;}
}
@media (min-width:1024px)  and  (max-width:1280px) {
    .primary-hdr.primary-main{width: 80.4%!important;}
}
@media (min-width:1200px)  and  (max-width:1399px) {
.copied_div{top: -28%!important;}
.observe_grid{width: 18.33%!important;}
.ats_box_grid {margin-right: 12px!important;width: 20%!important;}
.search_btn {float: left;}
.pipe_notice {width: 58%;}	
.hiring-screen { width: 22%;}
.hiring-screen { width: 21%!important;}
.ats_group_status { width: 60%!important;}
.ats_group_status ul li, .ats_all_candidate{font-size: 12px;}
.ats_postion_heading{font-size: 12px;}
.mcqsfooter ul li{font-size: 10px;}	
.add-question.question_main_library {left: 20%;height: calc(91% - 30px);}
.my_sidebar ul li a {  padding:5px 0px;}
.dual_menu_inner .dashoard_new_menu ul li img { width: 38%;}
.add-question.affix-top { left: 20.7%!important;}
.add-question.affix{ left: 20.6%;}
.add-question.question_main_library{left: 21%!important;top:82px!important;}
.choose-q h4 {font-size: 12px;}
.dual_right_side{ margin-top:10%!important}
.section002.question_library_ection002 .statments { margin-top: 12%!important;}
.notification_area{ width: 88%;}
.dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li a{padding: 6px 0px!important}
.question-add-main .dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li { padding-top: 0px!important;  padding-bottom: 0px!important;margin-bottom: 0;}
.question-add-main .dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li a{ padding: 3px 3px!important}
.my_dashboard .dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li{ padding: 0px 0px!important}
.page-bg .dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li{ padding: 0px 0px!important; margin-bottom: 0;}
.text-instruction .dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li{ padding: 0px 0px!important}
.my_dashboard .dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li a{ padding:4px 0px!important}
.page-bg .dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li a{ padding:2px 0px!important}
.text-instruction .dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li a{ padding:4px 0px!important}
.dashoard_new_menu ul li{ margin-bottom: 3px;}
.quetion-area{ margin-right: 3px;}
}
@media (min-width:1400px)  and  (max-width:1499px) {
.add-question.question_main_library.affix-top {top: 13%;}
.question_library_ection002 .main-tab-w {margin-top: 10%;}
.add-question.question_main_library.affix {top: 14%;}
.primary-hdr.primary-main {top: 7.6%;}
.dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li{padding: 4px 4px!important;;}
.dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li a{padding: 4px 4px!important}
.question-add-main .dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li a{padding: 0px 0px!important}
.question-add-main .dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li { padding-top: 0px!important;  padding-bottom: 0px!important;}
.question-add-main .dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li a{ padding: 4px 4px!important}
.page-bg .dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li a{ padding: 2px!important}
.text-instruction .dashboard_left_menu.dual_menu_inner .dashoard_new_menu ul li a{ padding: 2px!important}
.tab.tab-floating.grid-tab{ margin-right: 8px!important;}
}

.observe_grid {float: left;width: 10.33%;margin-right: 10px;margin-bottom: 15px;border: solid 1px #f1f1f1;overflow: hidden;}
.observe_name1 button{font-size: 12px;padding: 3px 8px;}
.observe_name1 {display: flex;justify-content: center; row-gap: 8px;flex-wrap: wrap;}
.modal-body.modal_img img{max-height: 164px;object-fit: contain;width: 100%;}
.observe_grid .observe_name1 #timer{ float: left; width:100%; padding-top: 8px; padding-bottom: 8px;}
.observe_grid:hover{box-shadow: -1px 1px 5px 1px rgba(229,225,225,0.75); -webkit-box-shadow: -1px 1px 5px 1px rgba(229,225,225,0.75); -moz-box-shadow: -1px 1px 5px 1px rgba(229,225,225,0.75);}
.observe_pic img{width: 100%}
.observe_name {float: left;width: 100%;}
.observe_name h4{font-weight: 600; line-height: 14px; font-size: 11px; margin: 0; background: #f1f1f1; text-align: center; color: #444; min-height: 34px;}
.observe_email {float: left;width: 100%;line-height: 40px;text-align: center; padding-bottom: 8px;}
.observe_name1 {float: left;width: 100%;text-align: center;}
.observe_name1 h4{font-weight: 600;line-height: 36px;font-size: 16px;margin: 0;text-align: center;color: #333;    padding-top: 8px;}
tr.observe_grid.observe_box_grid {width: 31.57%;border-radius: 4px;border: 0px;margin-right: 10px;margin-bottom: 7px;}
tr.observe_grid.observe_box_grid:hover{ box-shadow:none!important}
.observe_readonly{font-weight: 600;font-size: 13px;padding-bottom: 0;}
.form-control.form_control-less{border-left: 0!important;border-right: 0!important;border-bottom: 0!important;border-top: 0!important;box-shadow: none!important; padding-left: 0;}
td.observe-tr {float: left;width: 100%;border-bottom: solid 1px #ddd;margin-right: 12px;}
.observe_name.observe_input {float: left;width: 45%;line-height: 35px;}
.observe_name.obseve_select {width: 54%;}
.inonoffswitch {position: relative; width: 85px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; overflow: hidden; float: left;}
.inonoffswitch-checkbox {display: none;}
.inonoffswitch-label {display: block; overflow: hidden; cursor: pointer;border: 1px solid #999999; border-radius: 20px;padding-left: 0px!important;}
.inonoffswitch-inner {display: block; width: 200%; margin-left: -100%;-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;    height: 20px!important;}
.inonoffswitch-inner:before, .inonoffswitch-inner:after {display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.inonoffswitch-inner:before {content: "ON";padding-left: 10px;background-color: #7cc07c; color: #FFFFFF;}
.inonoffswitch-inner:after {content: "OFF";padding-right: 10px;background-color:#ff0000; color: #FFF;text-align: right;}
.inonoffswitch-switch {display: block; width: 22px; margin: 6px; height: 22px;background: #FFFFFF;border:none; border-radius: 20px;position: absolute; top: 0; bottom: 0; right: 56px;-moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }
.inonoffswitch-checkbox:checked + .inonoffswitch-label .inonoffswitch-inner {margin-left: 0;}
.inonoffswitch-checkbox:checked + .inonoffswitch-label .inonoffswitch-switch {right: 0px; }
.distribute_top {float: left;width: 100%;text-align: center;padding-top: 15px;padding-bottom: 15px;font-size: 16px;}
#origin, #origin1{ background-color: #fafafa;float: left;width: 48%;height: 50vh;padding: 15px;margin-right: 29px;overflow: auto;}
.fbox{background-color: #fefefe;min-height: 100px;float: left;width: 100%;border: solid 1px #918b8b;padding: 15px;margin-bottom: 15px;border-radius: 4px;}
.list li a{color: #014ea2; text-decoration: none}   
.fbox .list li{ background:#f2eef0}
.fbox .list li a{color:#384cff; text-decoration: none}  
.list{ min-height: 77px;} 
.list li{display: inline-block;list-style-type: none;padding-right: 20px;float: left;width: 30.33%;background:#f8f8f8; margin-bottom: 10px;padding: 6px;margin-right: 20px;}
.modal-open{/* overflow:hidden!important*/}
.sorted_list {float: left;width: 50%;height: 73vh;overflow: auto;}
.coding_ques{float:left; width:100%}
.coding_ques label{ position: relative;float: left;width: 100%;padding-bottom: 13px;font-size: 16px;}
.coding_ques label input {left: 0!important}
.coding_ques.custom-select-chk {margin-bottom: 0;}
.botm-form input[type="file"] {display: block;font-size: 13px!important;background: #fff!important;}
.collage .chosen-container.chosen-container-single .chosen-single{border-radius: 0px!important;box-shadow: none!important;height: 36px!important;border-left: 0!important;border-right: 0!important;border-top: 0!important;}
.dashboard_info {float: left;width: 100%;}
.dashboard_info ul{display: inline-block; float:left; width:100%}
.dashboard_info ul li {float: left;width: 23.5%;margin-right: 15px;margin-bottom: 15px;position: relative;}
.dashboard_info ul li:last-child{ margin-right:0px; }
.dsh_first{background-color: #17a2b8;border-radius: 5px;float: left;width: 100%;overflow: hidden;}
.dsh_second{background-color: #28a745; border-radius: 5px;float: left;width: 100%;overflow: hidden;}
.dsh_third{background-color: #ffc107;border-radius: 5px;float: left;width: 100%;overflow: hidden;}
.dsh_four{background-color: #8e3bd9;border-radius: 5px;float: left;width: 100%;overflow: hidden;}
.dashboard_info ul li h2{ font-weight: 700;color: #fff;margin-top: 0;float: left;width: 100%;padding: 10px 10px 7px 10px;margin-bottom: 0px;}
.dash_assessment_text {float: left;width: 100%;padding-left: 15px;font-size: 16px;color: #fff;margin-top: 7px;margin-bottom: 15px;}
.dsh_first .box_assess_footer {float: left;width: 100%;}
.box_assess_footer a {background-color: rgba(0,0,0,.1); float: left; width: 100%; padding: 7px 15px; color: #fff; text-align: center;text-decoration: none;}
.box_assess_footer a:hover{ color:#FFFFFF}
.das-box_icon { position: absolute;right: 22px; font-size: 50px;opacity: 0.2; top: 5px;}
.das-box_icon img {width: 66px;}
.first_blank { float: left;width: 100%; text-align: center;margin-top: 12%;}
.first_blank_cercle img{width:7%}
.first_blank_cercle p{ font-size:20px}
.first_blank_cercle a.btn.btn-default.btn-link {border-radius: 50px;background: #384cff;color: #fff!important; font-size: 14px;}
#add-job-requisition.modal{ overflow-y:auto!important}
.dataTable.no-footer thead>tr>th { border-bottom-width:1px!important; font-size: 13px; font-weight: 600; color: #444;}
table.dataTable thead th, table.dataTable thead td {border-bottom: 1px solid #ddd!important;}
.table>tbody>tr:nth-child(even){background-color: #f4f4f4!important;}
/**11-11-2021 css add **/
.mt-25{ padding-top:25px}
.mt-35{ padding-top:35px}
.mt-40{ padding-top:40px}
.mt-45{ padding-top:45px}
.mt-50{ padding-top:50px}
.mt-75{ padding-top:75px}
.mt-100{ padding-top:100px}
.text-purpul{ color:#C04898!important}
.text-primary{color:#014ea2!important}
.menu_icon  i{color:#014ea2!important}
.class-form_flot { float:left; width:100%; position:relative}
.class-form_flot .select2-container--default .select2-selection--multiple{ border-top:0px!important; border-left:0px!important; border-right:0px!important; border-radius: 0px!important }
.class-form_flot .inputText{width: 100%; outline: none; border: none; border-bottom: 1px solid #777; box-shadow: none !important; height: 45px;padding-top: 15px;font-size: 13px;}
.class-form_flot .inputText:focus{border-color: blue;border-width: medium medium 2px;}
.class-form_flot .floating-label {position: absolute;pointer-events: none;top: 16px;left: 1px;transition: 0.2s ease all;}
.class-form_flot input:focus ~ .floating-label,
.class-form_flot input:not(:focus):valid ~ .floating-label{top: -3px;left: 0px;font-size: 12px;opacity: 1;}
.add_icon{ text-decoration:none; cursor: pointer}
.bs-icon-form {position: absolute;top: 0;font-size: 23px;color: #333;}
.modal_container .floating-label{left: 32px;}
.modal_container .inputText{ text-indent:32px; padding-top: 8px}
.inputText.text-indent{ text-indent: 0px!important}
.input-46 {width:45%!important; margin-right: 15px;float: left;    margin-bottom: 20px;}
.fstElement{ border-top:0px!important; border-left:0px!important; border-right: 0px!important}
.control_border{ border-top:0!important; border-left: 0!important; border-right: 0!important;border-color:#707070!important; border-radius: 0!important }
.form-control:focus{ box-shadow: none!important;  border-radius: 0!important}
.table_box {padding: 8px 0px; line-height: 40px;}
.input_border_less{border-top:0px; border-right: 0px; border-left: 0px; border-radius: 0; box-shadow: none; width: 100%;border-bottom: 1px solid #777;
box-shadow: none !important;outline: none; text-indent: 0px!important;line-height: 36px!important;}
.form-select{color: #757575!important; width: 100%; padding-bottom: 10px;}
.add_button_cand { text-align: center;}
.add_button_cand .btn-link{font-size: 21px;line-height: 52px;}
.remove_button_cand{ float:left;padding-right: 20px}
.remove_button_cand .text-danger{line-height: 52px;}
.interview_container { float: left; width: 100%;}
.interview_box{border: 2px solid #dbe2e6;background: #fff;border-radius: 8px;padding: 10px;margin-bottom: 20px;float: left;width: 100%; -webkit-transition: box-shadow 200ms ease,-webkit-transform 200ms ease;
transition: box-shadow 200ms ease,transform 200ms ease;}
.interview_box:hover{ -webkit-transform: translate(4px, -4px); -moz-transform: translate(4px, -4px); -ms-transform: translate(4px, -4px);transform: translate(4px, -4px);box-shadow: -5px 5px 0 rgb(137 84 186 / 10%)}
.interview_box h4{ font-size:1.1rem}
.interview_box small{ font-size:14px;}
.interview_box span{ float:left; width:100%; color: #333!important; font-size: 16px}
.interview_inner {float: left;width: 100%; margin-top:0px;}
.interview_section {float:left;width: 50%;padding-bottom: 15px;}
.interview_section h5{font-size: 13px; text-align: center; margin-bottom: 0;}
.interview_section span{ text-align: center;font-size: 20px;font-weight: 700!important;padding-bottom: 10px;}
.interview_section h5 a{color:#666;text-decoration: none;font-weight:400;font-size: 14px;}
.interview_section h5 a:hover{color: #384cff!important}
.interview_box h4{ font-size:16px; font-weight: 600}
.float-end{ float:right}
.btn-link {color: #384cff!important;text-decoration: none!important;}
.input-relative{ position:relative;}
.modal-body.modal_height {float: left; width: 100%; min-height: 400px;}
#interviewModalToggle .modal-footer, #interviewModalToggle2 .modal-footer, #interviewModalToggle5 .modal-footer, #interviewModalToggle6 .modal-footer, #interviewModalToggle8 .modal-footer, #interviewModalToggle9 .modal-footer, #interviewModalToggle10 .modal-footer { padding: 15px; text-align: right; text-align: center!important;}
.modal_height h4{font-weight: 700; line-height:25px}
.class-form_flot .pt-3{ font-size: 18px; line-height: 60px; margin-right: 15px;}
.slide-10 .remove_button_cand{padding-top: 8px;}
.slide-10 .remove_button_cand .text-danger{font-size: 20px;padding-top: 8px;}
.slide-10 .add_button_cand .btn-link{font-size: 20px;line-height: 64px!important;}
.back_popup {float: left;}
.defoult_danger_btn{border-radius: 8px!important;}
.modal-body.ssc_modal_img img{max-height: 330px;object-fit: contain;width: 100%;}
.body_container_inner {float: left; width: 100%;}
.blnk_container {width: 40%; margin: 0 auto; padding-top: 10%; text-align: center;}
.blank_image img{width:50%}

/**ATS Page css**/
.ats_wrapper { float: left; width: 100%; margin-top:15px;}
.custom_modal .modal-header .ats_wrapper{float: left; width: 100%; margin-top: 35px; height: calc(90vh - 20px); overflow-y: auto; overflow-x: hidden;}
.ats_wrapper .tab-content{ margin-top:0px}
.ats_wrapper ul li a{font-size:20px; color:#333; font-weight: 600}
.ats_wrapper ul li.active a{ color:#384cff!important}
.ats_wrapper ul.nav.nav-tabs{ width:50%; margin:0 auto}
.header_menu_link{ float:left; width:100%; text-align: right; }
.header_menu_link a { color: #333; margin-right: 20px; border: 0; padding:4px 3px; font-size: 16px; border-radius: 0px; text-decoration: none!important; font-weight: 600;}
.header_menu_link a:hover{ color:#333}
.header_menu_link a.Active{ border-bottom: solid 2px #a8287c; color:#a8287c}
.ats_container { float: left;width: 100%;margin-top: 2%;}
.btn-ats {font-size: 14px!important; color: #384cff;float: right; font-weight: 600!important;}
.ats_header_link{ float:right; margin-left: 5%;}
.ats_header_link a{ border:0px!important; color: #384cff!important; padding: 0px; margin: 0px; font-size: 16px!important;
font-weight: 600!important;}
.ats_header_link a i.fa.fa-cog{font-size: 22px}
.ats_header_link a:hover{ background:none;color: #384cff!important}
.ats_body_wrap {float: left; width: 100%;}
.ats_body_wrap{ margin-top:20px}
.modal-dialog.modal-lgg{ width: 1280px!important;}
.ats_form {float: none; width: 63%; margin: 0 auto;}
.ats_box_grid {float: left; margin-right: 20px; width: 20%;}
.ats_breadcrumb {float: left;}
.ats_breadcrumb .breadcrumb{ background-color:transparent; padding:0px 0px;}
.ats_breadcrumb .breadcrumb li:first-child a{color:#384cff!important; text-decoration: none}
.ats_breadcrumb .breadcrumb li a {font-size: 13px; color: #666; margin-right: 0; font-weight: 400;}
.ats_set input, .ats_set select, .ats_set textarea{margin-bottom: 12px!important; border-top: 0; border-left: 0; border-right: 0; box-shadow: none; padding-left: 0;}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th { padding: 10px 0px!important; }
.table>thead>tr>th{ font-size:13px; font-weight: 600; color: #444; border-width:0.5px!important}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td { padding: 10px 8px!important;font-size: 14px; }
.modal_popup_position input, .modal_popup_position select, .modal_popup_position textarea{ border-top:0px; border-left: 0; border-right: 0px; padding-left:0px; box-shadow:none}
.modal_max-body {float: left; width: 100%; height: calc(94vh - 100px); overflow: auto;}
.ats_link_btn {float: left; width: 110px;text-align: center;}
.ats_link_btn a{padding: 2px 8px; font-size:16px}
.share_body {float: left; width: 100%;  min-height: 250px; text-align: center; padding-top: 3%;}
.share_icon_link {float: none; width: 42%; text-align: center; margin: 0 auto;}
.share_icon_link a { width: 30px; height: 30px; border-radius: 50px; float: left; text-align: center;line-height: 30px; color: #fff; margin-right: 10px;}
.link_input { float: none; width: 84%; margin: 0 auto;}
.active_btn_switch .switch {position: relative;display: inline-block; width: 60px; height: 22px;}
.active_btn_switch.short_switch .switch { position: relative; display: inline-block; width: 54px; height: 22px;}
.active_btn_switch .switch input {  opacity: 0;width: 0;height: 0;}
.active_btn_switch .slider { position: absolute; cursor: pointer;top: 0;left: 0;right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s;transition: .4s;}
.active_btn_switch.short_switch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.active_btn_switch.short_switch .slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 7px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.active_btn_switch .slider:before {position:absolute;content: "";height:20px;width:20px;left:15px;bottom:4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.active_btn_switch input:checked + .slider {background-color:#3bdca1;}
.active_btn_switch input:focus + .slider {box-shadow: 0 0 1px #3bdca1;}
.active_btn_switch input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}

/* Rounded sliders */
.active_btn_switch .slider.round {border-radius: 34px;}
.active_btn_switch .slider.round:before {border-radius: 50%;}
.active_btn_switch {float: right;width: 15%;margin-top: 3%;margin-bottom:0%;}
.active_btn_switch.position_switch {float: left;width: 100%;}
.active_btn_switch.position_switch .switch{ float:left;width: 55px;}
.active_btn_switch.position_switch .slider{ background-color: #eb5858}
.active_btn_switch.position_switch .slider:before{left: 8px;}
.active_btn_switch.position_switch .active_text{ font-size: 14px; font-weight: 400;}
.right_select { float: right; width: 23%;}
.active_text {float: left;font-size: 16px;padding-right: 15px;line-height: 30px;font-weight: 600;}
.ats_position {float: left;width: 100%;border: solid 1px #ddd;box-shadow: -2px 3px 14px -3px rgba(222,216,216,0.35);-webkit-box-shadow: -2px 3px 14px -3px rgba(222,216,216,0.35);-moz-box-shadow: -2px 3px 14px -3px rgba(222,216,216,0.35);}
.ats_pos_list {float: left;width: 100%;padding: 15px;}
.ats_pos_list h2{font-size: 2rem;font-weight: 700;margin-top: 0;}
.ats_pos_list h2 span {font-size: 14px;float:right;border-radius: 5px;padding: 3px 10px;font-weight: 400;}
.ats_location, .ats_salary, .ats_experiance, .ats_pos_link {font-size:14px;padding-bottom: 6px;}
.ats_location span, .ats_salary span, .ats_experiance span, .ats_pos_link span{ font-weight:600}
.ats_pos_footer {float: left;width: 100%;background: #f2f2f2;padding: 8px 0px;}
.ats_show_candidate {float: left;padding-left: 15px;color: #757575;font-weight: 600; line-height: 30px;}
.ats_right_link {float: right;width:75%;}
.ats_pipeline {float: left;padding-right: 12%;line-height: 30px;font-size: 16px;}
.ats_ft_btn {float: right;}
.ats_ft_btn a{float:left;margin-right:15px}
.ats_share_btn {background: #8e3bd9;color: #fff;border-radius: 5px;padding: 7px 10px;}
.ats_share_btn:hover{ background:#014ea2;color: #fff!important; text-decoration: none}
.ats_edit_btn {background: #3765cc;color: #fff;border-radius: 5px;padding: 7px 10px;}
.ats_edit_btn:hover{background:#294ea0;color: #fff!important;text-decoration: none}
.ats_delete_btn {background:#f05c5c;color: #fff;border-radius: 5px;padding: 7px 10px;}
.ats_delete_btn:hover{background:#ff0000;color: #fff!important;text-decoration: none}
.ats_delete_btn img{ width: 12px;}
.ats_pos_link img, .ats_experiance img{ width: 15px;}
.ats_tab_wrap {float: left;width: 100%;}
.ats_tab_wrap .tab-content div{word-break: break-all!important}
.ats_tab_wrap ul{padding-left:15px; list-style-type: square}
.ats_tab_wrap ul.nav.nav-tabs{width:100%;margin-top: 30px; padding-left: 0;}
.ats_tab_wrap ul li{margin-right: 30px;line-height: 26px!important;}
.ats_tab_wrap ul li a{font-size: 16px;padding: 0;line-height: 30px;}
.ats_tab_wrap ul li a:hover{background:transparent!important; box-shadow: none!important; border-color:transparent!important}
.ats_tab_wrap ul li.active a, .ats_wrapper ul.nav.nav-tabs{ border:0px!important}
.ats_tab_wrap ul li.active{border-bottom:solid 2px #384cff!important}
.hiring_pipe_fix {float: left;width: 100%;}
.pipe_grid {float: left;width: 100%;background: #f2f2f2!important;margin-bottom: 15px;padding: 8px;}
.pipe_text {float: left;width: 65%;}
.ats_link_sub {float: left;position: relative;width: 20%;margin-top: -8px;}
.ats_link_assessment{position: absolute;top: 0; background: #f1f1f1;width: 100%;}
.ats_link_sub a{ color:#384cff!important; text-decoration: none; }
.ats_link_assessment a{ float: left;width: 50px;line-height: 36px;}
.ats_link_assessment select{float: right;width: 79%;}
.ats_link_sub img{width: 22px;margin-top: 5px;}
.pipe_lock{float:right; color: #999;}
.pipe_right {float: right;}
.pipline_text {float: left;width: 65%;}
.pipe_grid a{font-weight: 400!important; font-size: 14px!important; color: #640bde!important; text-decoration: none!important;}
.ats_pipeline a{font-weight: 600!important; font-size: 16px!important; color: #640bde!important; text-decoration: none!important;}
.panel_message {background: #fcf8e3;float: left;width: 100%;border-radius: 5px;padding: 8px 10px;margin-top: 15px;}
.message_panel_eye {float: right;}
.pipe_right a:first-child{padding-right: 15px}
.pipe_right a i.remove_stage{color:#ff0000;}
.pipe_drag_inner li{ cursor: all-scroll!important;}
.pipe_add {border: solid 1px #ddd;font-size: 14px!important;text-align: center;padding-right: 9px!important;padding-left: 9px!important;padding-top: 5px!important;padding-bottom: 5px!important;color: #999!important;}
.pipe_short h4{ font-weight: 600; font-size: 16px;padding-bottom: 10px;}
.pipe_footer{float: left; width:100%; margin-top: 20px; margin-bottom: 20px}
a.pipe_list {color: #999!important;}
.short_custom {float: left;width: 80%;margin-right: 10px;}
.short_pipe_right {float: left;width: 19%;}
.active_btn_switch.short_switch {float: left;width: auto;margin: 0;}
.custom_add_btn {float: left; margin-top: 5px;}
.custom_add_btn a {border: solid 1px #ddd;background: #f1f1f1;color: #999;padding: 5px 10px;text-decoration: none;}
.active_btn_switch.short_switch .active_btn_switch .slider:before{ left: 7px!important;}
.ats-wrapper .panel-title > a, .ats-wrapper .panel-title > a:active {
    display: block;
    padding: 10px 0px 7px 15px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
    float: left;
    width: 100%;
}
.screening_header {float: left;width: 100%;}
.screening_left {float: left;font-size: 16px;font-weight: 600;}
.screening-right {float: right;width:35%;}
.screening_search {float: left;position: relative;}
.screening_search button{ position: absolute;top: 4px;left: 6px;color: #666!important;}
.screening_search input{text-indent: 20px}
.screen_btn {float: left;padding-left: 10px;margin-top: 0px;}
.ats_hiring_screen_body {display: flex;float: left;width: 100%;justify-content: space-between;margin-top: 25px;}
.hiring_screen_grid {float: left;width: 100%;background: #f2f2f2;margin-right: 5px;min-height: 71.2vh;padding:11px 4px;}
.hiring_screen_grid ul{width: 100%}
.screen_header {font-size: 10px;color: #666;font-weight: 700;float: left;width: 100%;margin-bottom: 20px;}
.screen_header i{font-size:10px}
.screen_number {border: solid 1px #ccc;font-weight: 400;padding: 0px 8px;line-height: 10px;font-size: 12px;margin-left: 10px;background: #f1f1f1;}
.ui_hire h5{font-weight: 600; font-size: 12px; margin-bottom: 7px; margin-top: 0;}
.ui_added_text {font-size: 10px;color: #888;float: left;}
.ui_hire {float: left;width: 100%;cursor: crosshair;}
.hiring_screen_grid ul li{background: #fff!important}
.ui_added_right {float: right;}
.ats_datetime {
    padding-left: 37px;
}
.ui_added_right span, .ui_added_right a{font-size: 10px!important;float: left;margin-right:5px;}
.hiring_screen_grid .droptrue.ui-sortable{ min-height: 100%;background: none!important;}
/** latest ats page css**/
.box_top_bg{background:#f1f1f1}
.box_top_bg {width: 25%;float: left;padding: 6px 7px;}
.box_top_bg .selected_date input{background: #fff!important; padding: 6px 3px!important;}
.box_top_bg_last {float: left;padding-left: 15px;padding-top: 10px;font-size: 16px;font-weight: 700; width: 12%;}
.selected_filter a{ color:#8e3bd9; text-decoration:none!important}
.drop_down_all_header {float: left;width: 100%;padding-left: 10px;border-bottom: solid 1px #ddd;}
.drop_down_all_header .checkbox{ margin:0px}
.ats_postion_heading a:first-child{display: none!important}
.drop_down_perent {float: left;padding-left: 10px;width: 100%;}
.drop_wn_child {float: left;width: 100%;padding-left: 10px;}
.drop_wn_child .checkbox{ margin-top:0px}
.canvasjs-chart-credit{display:none}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border-bottom-width: 0px!important;}
.ats_top_link {float: left;width: 100%;}
.ats_candidate_left {float: left;width: 100%;background: #f1f1f1;padding: 8px;margin-bottom: 20px;}
.ats_all_jobs {font-size: 18px;font-weight: 700;color: #454545;float: left;padding-top: 4px;}
.candidate_active {background: #2dbc31;color:#fff;border-radius: 5px;font-size: 10px;font-weight: 400;padding:3px 10px; text-decoration: none!important}
.candidate_active:hover{color:#fff}
.candidate_inactive {background:#c8cac8;color:#fff;border-radius: 5px;font-size: 10px;font-weight: 400;padding: 3px 10px; text-decoration: none!important}
.candidate_inactive:hover{color:#fff}
.ats_search_container {float: right;width: 40%;margin-left: 3%;}
.ats-wrapper {width: 100%;}
.ats_group_status{ width: 70%;}
.ats-wrapper .panel.panel-default{ margin-bottom:15px;float: left;width: 100%;}
.ats_all_candidate {text-align: right;}
.reset_ats_form select{border-left: 0;border-right: 0;border-top: 0;background: none;box-shadow: none;padding-left: 0;}
.reset_ats_form input{border-left: 0;border-right: 0;border-top: 0;background: none;box-shadow: none;padding-left: 0;}
@media (max-width: 992px) {
.ats-wrapper {width: 100%;}
}
.ats-wrapper .panel-heading {padding: 0;border: 0;}
.reset_ats_form {float: left;width: 100%;background: #fbfbfb;padding: 10px 15px;border: solid 1px #ddd;border-radius: 4px;margin-top: 15px;}
.ats-wrapper .panel-title > a, .ats-wrapper .panel-title > a:active {    display: block;
    padding-top: 15px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
    padding-bottom: 0;}
.ats-wrapper .panel-heading a:before {/*font-family: "Glyphicons Halflings";content: "\e114";*/float: left;transition: all 0.5s;font-size: 11px;line-height: 19px;}
.ats-wrapper .panel-heading.active a:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.ats_search_btn {float: right;}
.ats_main_seach {float: left;width: 100%;padding-bottom: 15px;}
.ats_postion_heading, .ats_group_status{float:left;}
.ats_group_status p{font-size: 13px; letter-spacing: 0; margin-bottom: 0;}
.ats_datetime p{font-size: 12px;}
.ats_group_status ul li{ float: left;position: relative;margin-right: 23px;}
.ats_postion_heading {color: #014ea2;padding-right: 8px;font-weight: 600;padding-left: 8px; letter-spacing: 0;}
.ats_group_status ul li::after{content: "";width: 5px;height: 5px;background: #888;position: absolute;top: 6px;right: -17px;border-radius: 50px;}
.ats_group_status ul li:last-child::after{display:none}
.ats-wrapper .panel-heading{background-color: transparent!important}
.active_candidate {background: #2dbc31;color: #fff;font-size: 10px;padding: 3px 5px;border-radius: 5px;line-height: 12px;}
.ats_show_left {float: left;width: 80%;}
.ats_show_box {float: left;text-align: center;width: 10%;}
.ats_angle_arrow {float: left;padding-top: 12px;}
.ats_show_number, .Ats_show_name{ color:#888}
.Ats_show_name {font-weight: 600;font-size: 12px;}
.ats_show_right .ats_show_box{width:50%!important}
.ats_show_right {float: right;width: 20%!important;}
.ats_shortlist{background: #3f36ca;border-radius: 5px;padding: 3px 8px;color: #ffff;font-size: 10px;}
.name_bold{font-weight:600; color:#1646C9}
.ats_qualified{background: #888;border-radius: 5px;padding: 3px 8px;color: #ffff;font-size: 10px;}
.ats_screening{background:#dcdada;border-radius: 5px;padding: 3px 8px;color: #ffff;font-size: 10px;}
.ats_profile_log ul li{ float: left;position: relative;margin-right: 23px; color: #757575;}
.ats_profile_log ul li::after{content: "";width: 5px;height: 5px;background: #888;position: absolute;top: 9px;right: -17px;border-radius: 50px;}
.ats_profile_log ul li:last-child::after{display:none}
.ats_profile_log {float: left;width: 100%;padding-bottom: 10px;}
.ats_candidate_footer {float: left; width: 100%; border-top: solid 1px #ddd; margin-top: 10px; padding-top: 10px; margin-bottom: 10px;}
.ats_profile_right {float: left;width: 100%; margin-top: 10px;}
.ats_f_name {float: left;width: 40px;height: 40px;background: #f1f1f1;border-radius: 50px;text-align: center;line-height: 40px;font-weight: 600;color: #888;margin-right: 15px;}
.ats_candidate_filter h4 a{float: right; text-decoration: none}
.ats_loin_wrap {float: left;width: 84%;}
.ats_team_notes {float: left;width: 100%;margin-top: 15px;}
.ats_team_title {float: left;color: #ff0000;font-weight: 600;line-height: 30px;border-bottom: solid 2px;margin-bottom: 10px;}
.ats_text_note {float: left;width: 100%;margin-bottom: 10px;}
.add_note_footer {float: left;width: 100%;}
.add_note_wrap {border: solid 1px #ddd;float: left;width: 100%;}
.ats_text_note textarea{border:0px}
.add_note_footer {float: left;width: 100%;border-top: solid 1px #ddd;padding: 5px 6px;}
.ats_full_name {font-weight: 700;}
.ats-wrapper.ats-iframe{float:left; margin-top:20px}
.ats-wrapper.ats-iframe .panel-heading {background-color: #f5f5f5!important;}
.selected_filter .dropdown-menu{min-width: 210px;}
.drop_down_perent label{font-size:13px}
.drop_down_perent .checkbox{ margin-bottom:0px}
.drop_wn_child .checkbox{ margin-bottom:5px!important}
.panal_button { border: 0; width: 100%;text-align: left;padding: 11px;}
.status_green {background:#5cb85c;border-radius: 5px; padding: 3px 8px;color: #ffff;font-size: 10px;}
.status_orange {background:#ecc63a;border-radius: 5px;padding: 3px 8px; color: #ffff;font-size: 10px;}
.status_red {background:#f05c5c;border-radius: 5px;padding: 3px 8px;color: #ffff;font-size: 10px;}
.ats_blue{background:#0A27D2; border-radius: 5px; padding: 3px 8px; color: #ffff; font-size: 10px;}
.ats_dropdown .dropdown-menu li a { font-size: 13px;}
.Ats_question_container { float: left; width: 100%; margin-top: 3%;}
.ats_ques_ans { float: left; width: 100%;}
.Ats_question_container h3{margin-top: 0; font-weight: 600; font-size: 20px; padding-bottom: 15px; border-bottom: solid 1px #ddd;}
.Ats_question_grid, .Ats_ans_grid {float: left; width: 100%; margin-bottom: 8px; padding: 5px; padding-left:0px}
.ats_header_link ul.dropdown-menu{right: -18px!important}
.ats_header_link ul.dropdown-menu li a{color:#666!important; font-size: 13px!important}
.ats_client_upload { text-align: center; margin-top: 15px}
.upload-btn-wrapper button { /*background-color: transparent; color: #337ab7;*/}
.show_ats_upload_logo {width: 80px; margin: 0 auto; height: 80px;border: solid 1px #ccc;border-radius: 50px;}
.show_ats_upload_logo img {width: 82%; object-fit: contain; height: 80px;}
.ats_form_inner { float: left; width: 100%; border-radius: 8px; margin-bottom: 30px}
.social_icon {float: left; width: 24px; margin-top: 9px;}
.social_icon img{width:100%}
.right_network_fld {float: left; width: 90%;margin-left: 15px;}
.ats_social_network .form_group { float: left; width: 48%; margin-bottom: 15px; display: flex; justify-content: space-between; column-gap: 4px; margin-right: 31px;}
.ats_social_network .form_group:nth-child(even){margin-right: 0px}
.ats_form_inner input, .ats_form_inner select { border-left: 0; border-top: 0; border-radius: 0!important; border-right: 0; padding-left: 0; box-shadow: none;}
.ats_sttting h2 { margin-top: 0; font-weight: 600;font-size: 22px;margin-bottom: 3%;margin-top: 3%;}
.ats_invite_button { text-align: right;}
.ats_team_header h2{font-size:18px; font-weight:700; margin-bottom: 0;margin-top: 0;}
.ats_team_body { float: left; width: 100%; border: solid 1px #ddd;margin-top: 20px;}
.ats_teams-inner_header { background: #f1f1f1; float: left; width: 100%;}
.ats_teams-inner_header span { font-weight: 600; line-height: 37px;}
.ats_teams-inner_body select{width:50%}
.ats_teams-inner_body { float: left; width: 100%; padding-top: 10px;}
.ats_team_member { margin-bottom: 4%; float: left; width: 100%;}
.panel_bg{ background: #f1f3fe; border-radius: 4px; padding: 4px; font-size: 12px; margin-bottom: 0;}
.ats_created { float: left;}
.ats_created_name { float: left; width: 30px; height: 30px; background: #f1f1f1; border-radius: 50%; text-align: center; line-height: 30px; color: #999;}
.ats_createed_name { float: left; line-height: 28px; padding-left: 10px; font-weight: 500; color: #888;}
.ats_created_right { float: right; margin-top: -4px;}
.ats_team_grid p{font-weight: 500; color: #888; font-size: 13px;}
.ats_created_right a:first-child{padding-right:15px}
.ats_team_grid { float: left; width: 100%; padding-bottom: 5px; border-bottom: solid 1px #ddd; margin-bottom: 11px;}
.ats_team_grid:last-child{ margin-bottom:0; border-bottom:0}
.hiring_tab { float: left;}
.hiring_tab ul.nav.nav-tabs{width:100%}
.hiring_tab .nav-tabs>li.active>a, .hiring_tab .nav-tabs>li.active>a:focus, .hiring_tab .nav-tabs>li.active>a:hover{border:0;}
.hiring_tab .nav>li>a{ padding: 0px 8px; line-height: 31px;}
.hiring-screen {
    width: 28%;
    display: flex;
    justify-content: space-between;
}
.showall_view { float: left; width: 100%;}
.showall_status { float: left; width: 100%; background: #f1f1f1; padding: 8px; border-radius: 5px; margin-bottom: 15px;}
.showall { float: left; font-weight: 600;}
.showall_number { float: right; background: #fff; padding: 0px 8px;}
.showall_ul { float: left; width: 100%;}
.ats_tab_wrap .tab-pane p{word-break: break-all;}
.showall_ul ul li{ float:left; width:100%; padding:8px 8px}
.showall_ul ul li span{font-weight:600; color:#888}
.ul_show_no{float: right; }
.bg_gray{background: #aca9a9;color: #fff!important;border-radius: 5px;padding: 3px 7px;font-weight: 400!important;font-size: 10px;}
.bg_black{background: #767272; color: #fff!important; border-radius: 5px; padding: 3px 7px; font-weight: 400!important;font-size: 10px;}
.bg_light_blue{background: #0A27D2; color: #fff!important; border-radius: 5px; padding: 3px 7px; font-weight: 400!important;font-size: 10px;}
.bg_blue{background:#3765cc;color: #fff!important; border-radius: 5px; padding: 3px 7px;font-weight: 400!important; font-size: 10px;}
.bg_ocian{background:#24C4BD; color: #fff!important; border-radius: 5px; padding: 3px 7px; font-weight: 400!important; font-size: 10px;}
.bg_green{background:#2dbc31;color: #fff!important; border-radius: 5px; padding: 3px 7px;font-weight: 400!important;font-size: 10px;}
.bg_orange{background:#ffa500;color: #fff!important; border-radius: 5px; padding: 3px 7px;font-weight: 400!important;font-size: 10px;}
.bg_red{background:#ff0000; color: #fff!important; border-radius: 5px; padding: 3px 7px; font-weight: 400!important; font-size: 10px;}
.chat_table { float: left; padding-right: 15px;}
.chat_table a .fa-trash{ color: #e96464!important;}
.score_table { float: right;}
.chart_table_grid { float: right;}
.hiring_tab ul li.active .no-active{display:none}
.hiring_tab ul li .img-active{display:none}
.hiring_tab ul li .no-active{display:block;width: 18px; padding-top:5px;}
.hiring_tab ul li.active .img-active{display:block;width: 18px; padding-top: 7px;}
.pipe_notice { width:60%; margin: 0 auto; text-align: center; float: left;}
.pipe_notice span{padding-left:10px}
.pipe_notice span i{font-size: 10px;}
.closepopover { position: absolute; right: 10px; top: 6px; font-size: 19px!important;}
.copied_div{position: absolute; top: -34%; left: 0; right: 0;}
.copied_div p{ width: 19%;  margin: 0 auto; background:#eed36f; text-align: center; color: #333; padding: 6px 15px; border-radius: 4px; border: solid 1px #b49421; font-weight: 700;}
.ats-highchart {float: left; width: 100%;}
.ats_body_height { min-height: 357px;}
.dt-buttons .buttons-html5{font-size: 0px!important; border-radius: 0px!important}
.dt-buttons .buttons-html5 img{ vertical-align: inherit;}
#example_wrapper .dt-buttons .buttons-html5 img { width: 23px!important;}
.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid #494848 1px!important; outline: 0;  border-top: 0!important; border-left: 0!important; border-radius: 0!important;  border-right: 0!important;}
.pdf-buttonset { border: 0; background: transparent;width: 17px;}
.pdf-buttonset img{width:100%}
.assessment_dropdoawn .selected_filter {background: #fff; border: solid 1px #ccc;width: 100%;}
.assessment_dropdoawn .selected_filter a{line-height: 22px;color: #777;width: 100%;float: left;padding: 5px 7px;}
.assessment_dropdoawn .selected_filter a .caret{float: right!important; border: 0px!important; padding-right: 15px; font-size: 11px;}
.dataTables_length{margin-right: 2%!important; margin-bottom: 15px;}
.dt-buttons .buttons-html5:hover{border:none!important; background-color: transparent!important}
table.dataTable.no-footer{border-bottom: 1px solid #ddd!important; margin-bottom: 20px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: #333 !important;border: 1px solid #979797;background-color: white;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);}
.ats_header_bg {background: #f4f4f4;width: 85%;float: left;}
#customers th{border-bottom: 1px solid #ddd!important; border-right:none!important; border-top:none!important;padding: 8px; color: #555!important;  background-color:transparent!important}
.showall_ul ul li.active{background:#f4f4f4!important}
.show_all_table .dropup.ats_dropdown{ float: left; width: auto; text-align: center; margin-top: -37px; padding-left: 20%;}
ul.dropdown-menu.dropup_ats { left: 152px;}
ul.dropdown-menu.dropup_ats li input{border: 0; background-color: transparent; padding: 4px 12px; width: 100%; text-align: left;}
.assemnet-student.link_inter_to {float: left; width: 100%; border: solid 1px #ddd; padding: 36px 32px; min-height: 196px;margin-bottom: 30px;}
.link_inter_to .assemnet-studentdash h4{ min-height: 75px;}
.link_inter_to .assemnet-studentdash h4 a { color: #333; font-weight: 600;}
.link_inter_to .assemnet-studentdash h4 a:hover{color:#333; text-decoration: none}
.data-table-responsive .dataTables_scrollHeadInner table.dataTable.no-footer{ border:0px!important; margin-bottom:0px!important}
.data-table-responsive .dataTables_scrollHeadInner table.dataTable.no-footer thead>tr>th{border-bottom-width: 0px!important;}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:transparent!important}
.dropup.ats_dropdown { padding-left: 22%; margin-top: -31px; margin-bottom: 20px;}
.data-table-responsive table.dataTable.row-border tbody th, .data-table-responsive table.dataTable.row-border tbody td, .data-table-responsive table.dataTable.display tbody th, .data-table-responsive table.dataTable.display tbody td{ border-top:0px!important}
.data-table-responsive .dataTables_scroll table.dataTable.no-footer{ margin-bottom:0px!important}
.class_btn_wrap {float: left; width: 100%; text-align: center;}
.mesaage_container {display: flex; align-items: center; justify-content: center; flex-wrap: nowrap;   width:100%; overflow: hidden;height: 80vh;}
.not_found_img {margin-top: 0%;}
.mesaage_container .message_box{ width: 70%; text-align: center;    padding-top:0; margin:0px!important}
.message_box h1 {font-weight: 700; font-size: 2em; margin-bottom: 10px;}
.message_box h2 {font-weight: 600;font-size: 1em; margin-bottom: 10px; color:#444}
.message_box p{font-size: 16px!important; color:#888; line-height: 25px}
.dashoard_new_menu.class_sidebar{margin-top: 96px!important;}
.dashoard_new_menu.class_sidebar ul li{padding-bottom:10px}
.dashoard_new_menu.class_sidebar ul li img{width: 34px!important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ font-size: 1.5em!important;color: #fff!important; border-right: 0px!important}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color: transparent!important}
/***notification page css start here**/
.notification_inner h2{ margin-top: 0px; font-weight: 600}
.notification_inner { border-radius: 10px;padding-top: 20px; float: left; width: 100%;}
.notification_container {float: left; width: 100%; margin-top: 2%;}
.notification_wrap {float: left; width: 100%; margin-top: 3%; margin-bottom: 3%;}
.notification_budge { float: left; width: 40px; background:#afabee; text-align: center; border-radius:8px; height: 40px; margin-right: 15px; line-height: 40px; font-size: 22px; color: #f1f1f1;}
.notification_area { float: left; width:93%;}
.notification_content { float: left; width: 85%;}
.notification_name { font-weight: 700; color: #484848;}
.notification_content p {color:#666;  margin-bottom: 0;}
.notification_right_area { float: left; width: 15%;}
.notification_ellicpee, .notification_hint { float: left; width: 50%; text-align: center;}
.notification_ellicpee a{box-shadow: 0px 1px 22px 2px rgba(189,178,178,0.27); -webkit-box-shadow: 0px 1px 22px 2px rgba(189,178,178,0.27); -moz-box-shadow: 0px 1px 22px 2px rgba(189,178,178,0.27); width: 35px; float: left; height: 35px; border-radius: 50px; line-height: 38px; font-size: 19px; color: #888;  margin-left: 25%;}
.notification_ellicpee ul li a{ padding: 8px; margin: 0; float: left;font-size: 14px; border-radius: 0; box-shadow: none; border-bottom: solid 1px #f1efef; width: 100%; color: #888; font-weight: 400;}
.notification_hint {line-height: 36px;float: right;}
.notification_hint i{font-size: 12px}
.notification_grid { float: left; width: 100%; padding: 8px 15px;border-radius: 10px;box-shadow: 0 3px 3px rgb(198 189 189 / 20%);margin-bottom: 20px;}
.notification_grid:hover{ background:#f7f3ef!important;transition:1s ease-out;-moz-transition:1s ease-out; -webkit-transition:1s ease-out; cursor: pointer}
.notification_grid:nth-child(even){ background: #f3f3f7;}
.notification_grid:last-child{border-bottom: none}
.posting_time {float: left; color: #a0a0a2;font-size: 12px;font-weight: 400; padding-right: 15px; padding-top: 7px;}
/***notification page css end here**/
.ats_bank_detail { width: 75%; margin: 0 auto;}
/**test paper css here**/

.tab.tab-floating.grid-tab{ margin-right: 12px; border: 0; border-radius: 5px; margin-bottom: 12px; flex: 13.2%;}
.main-ques.no_question_grid{height: auto!important; width: 100%; float: left; padding:10px 5px;  line-height: 13px;text-align: center;}
.tab.tab-floating.grid-tab.active{background: #4865b4!important; color: #ffff!important; overflow: inherit !important; position: relative;}
.tab.tab-floating.grid-tab.q-active{ background-color:#7bc47b; color:#fff}
.tab.tab-floating.grid-tab.review_ques{background-color:#e57878!important; color:#fff!important}
.display_grid { float: right; width: 99%; display: flex; justify-content: space-between}
.display_grid .timer_box{float: right;}
.footerbtn.footer_btn_exam button, .footerbtn button{ padding: 6px 13px!important;font-size: 16px!important;}
/**test paper css end here**/
.new-sections { border-bottom: solid 1px #cccc; float: left; width: 100%;  margin-bottom: 15px;}
.new-sections-heading h4{font-weight: 600; font-size: 16px;  color:#014ea2;}
.new-sections-heading h4 span{padding-right: 10px}
.defoult_btn_purpal, .btn-large-txt, .hrvest_submit-btn span, .hrvest_submit-btn .harvest_btn { background-color: #2b2a28!important; border-radius: 8px!important; border-color: #2b2a28!important; padding: 6px 15px!important; color: #fff!important; font-size: 14px!important;}
/*
.xlsimgset{width:200px; height:100%}
   .xlsimgset img {
        width: 250px;
    height: 250px;
    object-fit: contain;
    background: #f1f1f1;
}
.xlsimgsetmain{width: 350px;
    height: 350px;}
.xlsimgsetmain img{ width:100%; height:250px; object-fit: contain;  background: #f1f1f1;}*/
/*   .xlsimgset img {
        width: 150px;
    height: 150px;
    object-fit: contain;
    background: #f1f1f1;
}*/

/*.xlsimgsetmain img{ width:auto; height:auto; aspect-ratio:1/1;  object-fit: contain;  background: #f1f1f1;}*/
.xlsimgsetmain { max-width: 350px; max-height: 350px; background: #f1f1f1; overflow: hidden;}
.xlsimgsetmain img { width: auto; height: auto; max-width: 100%; max-height: 100%; display: block; margin: auto;}
.xlsimgset {max-width: 250px;max-height: 250px;background: #f1f1f1;overflow: hidden;}
.xlsimgset img {width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;}
.xlsimgset br{display:none;}
.xlsimgsetmain br{display:none;}
.xlsimgsetmainat{display: flex;
    justify-content: stretch;
    row-gap: 15px;
    column-gap: 5px;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;}
    .xlsimgsetmainat .xlsimgsetmain img{    width: 100%;
    height: 157px;
    display: block;
    margin: auto;
    object-fit: contain;}
    .xlsimgsetmainat h3{width: 100%}
    .xlsimgsetmainat .xlsimgsetmain{padding:0px!important}

.form-flex {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 20px;
}
.button-flex {
    float: left;
    width: 100%;
    display: flex;
    justify-content: right;
    column-gap: 15px;
}
.form-flex-30 {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 10px;
}
.form-flex-30 .form-group.col-flex {
    width: 33%;
}
.form-group.col-flex {
    margin-bottom: 0;
}

/** hackathons css here**/

.Hackathon-form {
width: 75%;
    margin:73px auto;
    text-align: left;
    box-shadow: 0 10px 12px 3px #0000000f;
    padding: 15px 30px;
}
.hackathon_flex {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    column-gap: 15px;
    row-gap: 15px;
    margin-bottom: 15px}
    .try_icon_btn a img{ width:25px; }