@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
body{color:#494949 !important; font-size: 14px !important; font-family: 'Poppins', sans-serif;;}
*,a,a:active,a:focus,a:hover,button,button:active,button:focus,button:hover{outline:0;}
.st{transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s;}



.divider{border-bottom: 1px solid #DADADA;height: 1px;width: 100%;}



.posi-rel{position: relative;}
.ultra-bold{font-weight:900 !important;}
.bold{font-weight:700 !important; }
.semi-bold{font-weight:600 !important;}
.medium{font-weight:500 !important;}
.normal{font-weight:400 !important;}
.light{font-weight:300 !important;}
.line-height{line-height:29px;}
.para-big{font-size:14px;color:#151515;line-height:normal;font-weight:400;}
.para{font-size:14px;color:#7D7D7D;line-height:normal;font-weight:400;}
.para-small{font-size:14px;color:#5D5D5D;line-height:22px;font-weight:400; margin-bottom: 0;}
.para-small-code{font-size:13px;/*changed for better visibility on 20 aug 2019*/color:#5D5D5D;line-height:normal;font-weight:400; padding:0 15px; margin-bottom: 50px;}
.para-info{font-size:14px;color:#6a6a6a;line-height:normal;font-weight:400; font-style: italic;}
.comman-shadow{box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .19);-webkit-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .19);-moz-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .19);}
.btn{font-size:0.8rem !important; font-weight:400; padding: 4.5px 20px !important; transition:all .2s linear 0s;cursor:pointer;}
.custom-file-input:focus ~ .custom-file-label,
.btn:hover, .btn:active, .btn:focus{box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none;}
.btn-primary-custom:not(:disabled):not(.disabled):active:focus, .btn-primary-custom:not(:disabled):not(.disabled).active:focus, .show > .btn-primary-custom.dropdown-toggle:focus{box-shadow: none;}
.btn-disable{cursor:not-allowed;pointer-events:none;opacity:.5;}
.btn-group-sm>.btn,.btn-sm{font-size: 14px;font-weight: 400;padding: 7px 30px;}
.btn-link{font-size: 14px; color: #6C757D; font-weight: 400; border: 0; outline: 0; text-decoration: underline; cursor: pointer;}
.btn-link:hover,.btn-link:active,.btn-link:focus{color: #6C757D; text-decoration-color: #6C757D;}
/* .btn-primary-custom{background: #1193A7 !important; border-color: #1193A7; font-size:14px;font-weight:400; color: #fff !important; border-radius: 25px !important; -webkit-border-radius: 25px !important; -moz-border-radius: 25px !important;} */
/* .btn-primary-custom:hover, .btn-primary-custom:active, .btn-primary-custom:focus{background: #1193A7; border-color: #1193A7;}
.btn-primary-custom.hvr-btn-right::before{background: #0D7B8C; border-color: #0D7B8C;}
.btn-outline-primary-custom{background: #fff; border-color: #1294A8 !important; font-weight:600 !important; color: #1294A8 !important; padding: 4.5px 20px !important; border-radius:25px !important;border-width: 1.5px !important;}
.btn-outline-primary-custom:hover, .btn-outline-primary-custom:active, .btn-outline-primary-custom:focus{background: #fff; border-color: #1294A8;}
.btn-outline-primary-custom.hvr-btn-right::before{background: #1294A8; border-color: #1294A8;}
.btn-outline-secondary-custom{background: #fff; border-color: #695FFE !important; font-size:14px;font-weight:400; color: #695FFE; border-radius: 25px !important; -webkit-border-radius: 25px; -moz-border-radius: 25px;}
.btn-outline-secondary-custom:hover, .btn-outline-secondary-custom:active, .btn-outline-secondary-custom:focus{background: #fff; border-color: #695FFE;}
.btn-outline-secondary-custom.hvr-btn-right::before{background: #695FFE; border-color: #695FFE;}
.btn-secondary-custom{background: #1FBBF7 !important; border-color: #1FBBF7; font-size:14px;font-weight:400; color: #fff !important; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 4px 8px!important; font-size: 0.8rem !important;}
.btn-secondary-custom:hover, .btn-secondary-custom:active, .btn-secondary-custom:focus{background: #1FBBF7; border-color: #1FBBF7;}
.btn-secondary-custom.hvr-btn-right::before{background: #19A5DB; border-color: #19A5DB;}
.btn-secondary-custom-run{background: #1FBBF7; border-color: #1FBBF7; font-size:12px;font-weight:500; color: #fff; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; padding: 2px !important; border-radius: 25px !important; min-width: 95px;}
.btn-secondary-custom-run .fa{margin-right: 5px;}
.btn-secondary-custom-run:hover, .btn-secondary-custom-run:active, .btn-secondary-custom-run:focus{background: #1FBBF7; border-color: #1FBBF7;}
.btn-secondary-custom-run.hvr-btn-right::before{background: #19A5DB; border-color: #19A5DB;} */
/* .btn-icon{color: #1FBBF7;} */
.alert{font-size: 14px;color: #7D7D7D;line-height: 22px;font-weight: 400;padding:14px 20px;margin-bottom:20px;}
.alert .close{width:23px;height:23px;border:1px solid #d4d8e0;border-radius:50%;position:absolute;top:14px;right:20px;}
.alert .close:hover{cursor:pointer;}
.alert .time-bold{font-weight:400;color:#9499a2;}
.alert-success{border:1px solid #00c26e;background:#d6ffed;}
.alert-success i{vertical-align:-3px;font-size:20px;color:#00c26e;margin-right:5px;}
.alert-info{border:1px solid #cadcff;background:#e9f1ff;}
.alert-secondary{border:1px solid #c6cad2;background:transparent;padding:10px 20px;}
.alert-warning{border:1px solid #fde7a6;background:#fffaea;}
.input-group{border:1px solid #f5f5f5;border-radius:4px;transition:all .2s linear 0s;}
.input-group .input-group-addon{border:0;padding:10.5px 0 10.5px 20px;background:transparent;}
.input-group .form-control{border:0;}
.input-group:active,.input-group:focus,.input-group:hover{border:1px solid #f5f5f5;}
.form-group{position: relative;margin-bottom: 20px !important;}
.form-group label{font-size: 14px;color: #000000;line-height: 22px;font-weight: 400;margin-bottom:8px;}
.form-group label span.text-danger{margin-left:2px;}
.form-group label .btn-icon{margin-left:6px;}
.form-group .form-control{padding:10px;font-size:14px;font-weight:300;color:#151515;border-color:#DBDBE7; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
.form-group .form-control:active,.form-group .form-control:focus,.form-group .form-control:hover{box-shadow:none;border-color:#6C757D; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
.form-group .form-control-code{padding:10.5px 15px;font-size:12px;color:#5D5D5D;line-height:normal;font-weight:400; border: 0; width: 100%;}
select::-ms-expand {display: none;}
.form-group select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/dropdown-arrow.png) no-repeat 100%;padding-right:30px;}
.form-group .form-text{font-size:15px;font-weight:400;color:#f5f6fa;}
.form-group .check-status{position:absolute;bottom:14px;right:-30px;}
.form-group .btn-reset-sign{position:absolute;bottom:15px;left:15px;z-index:4;}
.form-group-wrap{position:relative;margin-bottom:20px;}
.form-group-wrap .input-group{border:0;}
.form-group-wrap .input-group .btn{border-top-left-radius:0;border-bottom-left-radius:0;border:1px solid #c9082d;}
.form-group-wrap .input-group .form-control,.form-group-wrap .input-group .form-control:active,.form-group-wrap .input-group .form-control:focus,.form-group-wrap .input-group .form-control:hover{border:1px solid #f5f5f5;}
.form-group-wrap .input-group .form-control:disabled,.form-group-wrap .input-group .form-control:readonly{cursor:not-allowed;}
.form-select-code{padding:3px 10px;font-size:12px;color:#0D6EFD;line-height:normal;font-weight:400; border: 0; width: 100%; -webkit-appearance:none;-moz-appearance:none;appearance:none;background: #0D6EFD14 url(../images/code-select.png) no-repeat right 5px center;padding-right:20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.text-control{font-size:14px;font-weight:300;color:#151515; border: none; border-bottom: 2px solid #DBDBE7; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s;}
.text-control:hover, .text-control:active, .text-control:focus{border-color:#6C757D;}
.search-input-group .form-control{padding:7px 20px;}
.search-input-group .view-pass{top:21px}select.form-control{height:auto!important;}
.search-input-group .fa{position: absolute; top: 11px; right: 10px; color: #6c757d;}
.input-group > .custom-file .custom-file-input:active,
.input-group > .custom-file .custom-file-input:focus,
.input-group > .custom-file .custom-file-input:hover,
.custom-select.is-invalid:active,.custom-select.is-invalid:focus,.custom-select.is-invalid:hover,.form-control.is-invalid:active,.form-control.is-invalid:focus,.form-control.is-invalid:hover,.was-validated .custom-select:invalid:active,.was-validated .custom-select:invalid:focus,.was-validated .custom-select:invalid:hover,.was-validated .form-control:invalid:active,.was-validated .form-control:invalid:focus,.was-validated .form-control:invalid:hover{box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important;}
.form-control:disabled,.form-control[readonly]{background-color:transparent;opacity:1;}
.dashboard-select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(../images/dropdown-arrow.png) no-repeat 100%;padding-right:30px;color:#151515;border:0;font-weight:400;box-shadow:0 3px 5px 0 rgba(0,0,0,.06);padding:7px 38px 7px 15px!important;min-width:95px;height:40px;transition:all .2s linear 0s;}
.dashboard-select-input:active,.dashboard-select-input:focus,.dashboard-select-input:hover{border-color:#9499a2!important;color:#151515!important;box-shadow:0 3px 16px 0 rgba(0,0,0,.13);}
.hvr-btn-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s; overflow: hidden;}
.hvr-btn-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:transparent;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.hvr-btn-right:hover, .hvr-btn-right:focus, .hvr-btn-right:active{color:white;}
.hvr-btn-right:hover:before, .hvr-btn-right:focus:before, .hvr-btn-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.custom-checkbox{cursor:pointer; padding: 0 !important; margin: 0;}
.custom-checkbox .custom-control-indicator{width:16px;height:16px;border-radius:0px;border:1.5px solid #695FFE;background-color:transparent!important; display: inline-block;}
.custom-checkbox.form-check-block{display:block;}
.custom-checkbox .custom-control-input:checked~.custom-control-indicator{background:url(../images/checkbox-icon.png) no-repeat 50%; background-size: 10px auto; -webkit-background-size: 10px auto; -moz-background-size: 10px auto;}
.custom-checkbox .custom-control-description{font-size:13px;color:#695FFE;line-height:22px;font-weight:400;margin-left:6px;margin-top:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; vertical-align: 3px;}
.custom-test-case-checkbox{cursor:pointer; padding: 0; margin: 0;}
.custom-test-case-checkbox .custom-control-indicator{width:16px;height:16px;border-radius:0px;border: 2px solid #00d9fa;background-color:transparent!important; display: inline-block;}
.custom-test-case-checkbox.form-check-block{display:block;}
.custom-test-case-checkbox .custom-control-input:checked~.custom-control-indicator{background:url(../images/checkbox-icon-t.png) no-repeat 50%; background-size: 10px auto; -webkit-background-size: 10px auto; -moz-background-size: 10px auto;}
.custom-test-case-checkbox .custom-control-description{font-size:13px;color:#01b1f7;line-height:22px;font-weight:400;margin-left:6px;margin-top:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; vertical-align: 3px;}
.custom-radio{cursor:pointer; padding: 0; margin: 0;}
.custom-radio .custom-control-indicator{width:15px;height:15px;border-radius:50%;border:1.5px solid #1193A7;background-color:transparent!important; display: inline-block; position: absolute;left: 0;top: 5px; background-position: center center; -webkit-background-position: center center; -moz-background-position: center center;}
.custom-radio .custom-control-input:checked~.custom-control-indicator{background:url(../images/radio-icon.png) no-repeat 50%; background-size: 7px auto; -o-background-size: 6px auto; -webkit-background-size: 7px auto; -moz-background-size: 7px auto;}
.custom-radio .custom-control-description{font-size:16px;color:#151515;line-height:22px;font-weight:400;margin-left:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; vertical-align: 3px; padding-left: 15px;display: block;}
.custom-radio-btn+label{/*font-size: 16px;*/color: #151515;line-height: 22px;font-weight: 400;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;vertical-align: 3px;padding-left: 15px;display: block;}
.custom-radio-btn:checked,.custom-radio-btn:not(:checked){position:absolute;left:-9999px;}
.custom-radio-btn:checked+label,.custom-radio-btn:not(:checked)+label{position:relative;padding-left:28px;cursor:pointer;line-height:23px;display:inline-block;}
.custom-radio-btn:checked+label:before,
.custom-radio-btn:not(:checked)+label:before{content:'';position:absolute;left:0;top:4px;width:16px;height:16px;border:1px solid #0D6EFD;border-radius:100%;background:#fff;}
.custom-radio-btn:checked+label:after,.custom-radio-btn:not(:checked)+label:after{content:'';width:8px;height:8px;background:#0D6EFD;position:absolute;top:8px;left:4px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease;}
.custom-radio-btn:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
.custom-radio-btn:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.custom-control-input:focus~.custom-control-indicator{box-shadow:none;}
.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#c9082d;}
.invalid-feedback{color:#c9082d}
.datepicker-wrap .fa{position: absolute; top: 13px; right: 10px; color: #6c757d;}
.btn-outline-primary-custom:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary-custom:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary-custom.dropdown-toggle:focus,
.custom-select.is-valid:active,
.custom-select.is-valid:focus,
.custom-select.is-valid:hover,
.form-control.is-valid:active,
.form-control.is-valid:focus,
.form-control.is-valid:hover,
.was-validated .custom-select:valid:active,
.was-validated .custom-select:valid:focus,
.was-validated .custom-select:valid:hover,
.was-validated .form-control:valid:active,
.was-validated .form-control:valid:focus,
.was-validated .form-control:valid:hover{box-shadow: none;}
.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.was-validated .form-control:valid{border-color: #00c26e;}
.valid-feedback{color: #00c26e}
.check-status{font-size: 20px;color: #00c26e;}
.comman-box-shadow{box-shadow: 0 2px 3px 0 rgba(50, 50, 50, .12)}
.list-inline{list-style: none; margin: 0; padding: 0;}
.list-inline .list-inline-item:not(:last-child){margin-right: 23px;}
.list-block{list-style: none; margin: 0; padding: 0;}
.list-block li{display: block; margin-bottom: 14px;}
.list-block li:last-child{margin-bottom: 0;}
.list-block-disk{margin: 0; padding:0;}
.list-block-disk li{display: block; font-size:14px;color:#000000;font-weight:400; position: relative; padding-left: 15px;}
.list-block-disk li:not(:last-child){margin-bottom: 10px;}
.list-block-disk li:before{content: "\f111";font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 7px; font-size: 6px; left: 0;}


.bg-white{background-color:#fff;}
.bg-black1{background-color:#151515;}
.bg-black2{background-color:#5d5d5d;}
.bg-black3{background-color:#7d7d7d;}
.bg-black4{background-color:#2c2b2b;}
.bg-blue1{background-color:#1294a8;}
.bg-blue2{background-color:#01b1f7;}
.bg-blue3{background-color:#0185b9;}
.bg-blue4{background-color:#695ffe;}
.bg-blue5{background-color:#1193a7;}
.bg-blue6{background-color:#1c739f;}
.bg-blue7{background-color:#1fbbf7;}
.bg-blue8{background-color:#7bd1f3;}
.bg-green{background-color:#00c904;}
.bg-gray1{background-color:#dbdbe7;}
.bg-gray2{background-color:#dadada;}

.font-color-red{
    color: #B02A37;
}

.font-color-green{
    color: #146C43;
}

.bb-2-px-active{
    border-bottom: 4px solid #18A4DB;
    background: #daeeff !important;
}

.br-25-px{border-radius: 25px !important;}

.cursor-not-allowed{cursor:not-allowed !important;}

.display-block{display: block !important;}

.font-weight-600{font-weight:600 !important;}

h1, h2, h3, h4, h5, h6{font-weight: 400;}
h1{font-size: 55px;}
h2{font-size: 40px;}
h3{font-size: 30px;}
h4{font-size: 24px;}
h5{font-size: 20px;}
h6{font-size: 15px;}

.height-10-px{height:10px !important;}
.height-30-px{height:30px !important;}
.height-81-px{height:81px !important;}      /*Used in coding section instructions popup*/
.height-90-px{height: 90px !important;}
.height-120-px{height: 120px !important;}
.height-220-px{height:220px !important;}    /*Used in coding section instructions popup*/

/* .info-text{color: #3c3c3c !important;} */
.info-text{color: #000 !important;}


.mt0{margin-top: 0 !important;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mb0{margin-bottom: 0 !important;}
.mb0rem{margin-bottom: 0rem !important;}
.mb1-5rem{margin-bottom: 1.5rem !important;}
.mb2rem{margin-bottom: 2rem !important;}
.mb3{margin-bottom: 3px !important;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.ml0{margin-left: 0 !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.mr5{margin-right: 5px;}
.mr6{margin-right: 6px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}

.max-width-100-per{max-width: 100% !important;}

.no-padding{padding: 0 !important;}
.no-margin{margin: 0;}

.overflow-hidden{overflow: hidden}
.opacity-6{opacity: 0.6 !important;}
p{margin: 0;}

.pt3{padding-top: 3px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}
.pt120{padding-top: 120px !important;}
.pb-3-rem{padding-bottom: 3rem !important;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr35{padding-right: 35px;}
.pr40{padding-right: 40px;}
.pr45{padding-right: 45px;}
.pr50{padding-right: 50px;}

.pointer-events-none{pointer-events: none !important;}

.resize-none{resize: none;}

.text-black1{color:#151515;}
.text-black2{color:#5d5d5d;}
.text-black3{color:#7d7d7d;}
.text-black4{color:#2c2b2b;}
.text-blue1{color:#1294a8;}
.text-blue2{color:#01b1f7;}
.text-blue3{color:#0185b9;}
.text-blue4{color:#695ffe;}
.text-blue5{color:#1193a7;}
.text-blue6{color:#1c739f;}
.text-blue7{color:#1fbbf7;}
.text-blue8{color:#7bd1f3;}
.text-green{color:#00c904;}
.text-gray1{color:#dbdbe7;}
.text-gray2{color:#dadada;}
.text-success{color: #00c26e;}
.text-danger{color: #c9082d;}
.text-info{color: #4480f3;}
.text-white{color:#fff;}
.text-black{color:#000000;}

.width-20-px{width: 20px !important;}
.width-25-px{width: 25px !important;}
.width-40-px{width: 40px !important;}
.width-50-px{width: 50px !important;}
.width-100-per{width: 100% !important;}
.width-150-px{width: 150px !important;}

.z-index-9999{z-index: 9999 !important;}

.fs-16{
    font-size: 16px !important;
}

.time-watch{float: left; margin-right: 15px;}
.time-watch h4 i.fa{font-size: 26px;color: #6C757D;vertical-align: middle;}
.time-watch h4 span{font-size: 14px; color: #6C757D !important; font-weight: 600; display: inline-block; width: 145px;}
.webcam-watch{float: left; width: 60px;position:relative; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px;cursor: pointer;}
.webcam-watch .video-camera-wrap{width: 34px; height: 34px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border: 1.5px solid #01B1F7; background: #fff; position: relative; text-align: center; padding-top: 6px;}
.webcam-watch .video-camera-wrap .fa{color: #01B1F7;}
.webcam-watch .video-camera-wrap .status{width: 8px; height: 8px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: block; position: absolute; top: 2px; left: 25px; z-index: 9;}
.webcam-watch .video-camera-wrap .status.active-state{background: #00C904;}
.webcam-watch .video-camera-wrap .status.deactivate-state{background: #7D7D7D;}
.webcam-watch .video-camera-wrap + a{color: #1193A7; font-size: 14px; position: absolute; top: 8px; right: 10px;display: block;width: 100%;text-align: right;height: 100%;}
/* .webcam-watch .webcam-video{position: absolute;	top: 50px;	right: 0;	z-index: 99; display: none;} */

.webcam-watch .webcam-video{position: absolute;	top: 50px;	right: 0;	z-index: 99; visibility: hidden;}


.custom-pagination ul{margin: 0;}
.custom-pagination .pagination li{margin: 0 10px;}
.custom-pagination .pagination li:first-child a,
.custom-pagination .pagination li:last-child a{border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: block; width: 22px; height: 22px; padding: 0px;text-align: center; font-size: 17px; color: #0D6EFD; border-color: #0D6EFD; text-decoration: none;}
.custom-pagination .pagination li:first-child{padding-right: 0px;}
.custom-pagination .pagination li:last-child{padding-left: 0px;}
.custom-pagination .pagination li a{border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: block; width: 22px; height: 22px; padding: 3px 3px 3px;text-align: center; font-size: 12px; color: #0D6EFD; border-color: transparent; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; display: block; text-decoration: none;}
.custom-pagination .pagination li a:focus,
.custom-pagination .pagination li a:active{border-color: transparent;  background: transparent; outline: none; box-shadow: none;}
.custom-pagination .pagination li a:hover{background: #0D6EFD; color: #fff; box-shadow: none;}
.custom-pagination .pagination li.attemptedBtn a:hover,
.custom-pagination .pagination li.attemptedBtn a:active,
.custom-pagination .pagination li.attemptedBtn a:focus,
.custom-pagination .pagination li.attemptedBtn a{color: #06a841; border-color: #06a841; background-color: #ceffe0;}
.custom-pagination .pagination li.mfrBtn a:hover,
.custom-pagination .pagination li.mfrBtn a:active,
.custom-pagination .pagination li.mfrBtn a:focus,
.custom-pagination .pagination li.mfrBtn a{color: #ab3c4b; border-color: #ab3c4b; background-color: #ffe5e8;}
.custom-pagination .pagination li.active a:focus,
.custom-pagination .pagination li.active a:active,
.custom-pagination .pagination li.active a:hover,
.custom-pagination .pagination li.active a{color: #fff; border-color: #0D6EFD; background-color: #0D6EFD;}
.custom-pagination .pagination li.attemptedMFR a:hover,
.custom-pagination .pagination li.attemptedMFR a:active,
.custom-pagination .pagination li.attemptedMFR a:focus,
.custom-pagination .pagination li.attemptedMFR a{color: #695FFE; border-color: #695FFE; background-color: #cefcb4;}
.header-wrap{border-bottom: 1px solid #DBDCE8;}
.header-wrap .row{min-height: 49px;}
.sub-header-wrap{border-bottom: 1px solid #DBDBE7;}
.sub-header-wrap .row{min-height: 48px;}
.header-right-wrap{float: right;}
.footer-wrap{border-top: 1px solid #0D6EFD;z-index: 49;position: fixed; background: #fff; width: 100%; bottom: 0;}
.footer-wrap .row{min-height: 60px;}
.footer-wrap .list-inline .list-inline-item:not(:last-child){margin-right: 15px;}
/* .test-wrap{padding: 15px 0;} */
.test-wrap .que-wrap{height: calc(100vh - 136px); overflow-y: auto;}/*changed*/
.test-wrap .ans-wrap .para-info{margin-top: 30px;}
.test-wrap .flag-checkbox-wrap{vertical-align: -4px;}
.test-wrap .ans-option-wrap{max-height: calc(100vh - 313px);overflow-y: auto; padding-bottom: 20px; margin-bottom: 15px;}
.alpha-list{padding-left: 20px;}
.alpha-list li:not(:last-child){margin-bottom: 8px;}
.custom-input-group .custom-file{height: 34px;}
.custom-input-group .custom-file:hover,
.custom-input-group .custom-file:active,
.custom-input-group .custom-file:focus{box-shadow: none;}
.custom-input-group .custom-file-input{height: 36px;}
.custom-input-group .custom-file-label{padding: 8px; font-size: 14px; line-height: 1.2 !important;}
.custom-input-group .custom-file-label:after{background: #1FBBF7;border-color: #1FBBF7;font-size: 14px;font-weight: 400;color: #fff; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; height: 35px; padding: 7px;}
.custom-input-group .custom-file:hover .custom-file-label:after{background: #2098D1;}

.file-upload-wrap{margin-bottom: 15px;}
.page-item-xs{display: none;}
.editor-test-wrap{padding: 0; border-top: 1px solid #DBDBE7;}
.editor-test-wrap .wrapper{position:relative; height: calc(100vh - 101px);}
.editor-test-wrap .wrapper .inner-wrapper,
.editor-test-wrap .wrapper .center.pane .inner{display:table;table-layout:fixed;width:100%;height:100%;}
.editor-test-wrap .wrapper .pane{display:table-cell; vertical-align: top; position: relative;}
.editor-test-wrap .wrapper .left.pane{background-color:#fff;width:40%;}
.editor-test-wrap .wrapper .center.pane{background-color:#fff; position: absolute; overflow: auto; height: 100%; display: block;}
.editor-test-wrap .wrapper .center.pane .inner .top,
.editor-test-wrap .wrapper .center.pane .inner .bottom{display:table-row; /*position: relative;*/}
.editor-test-wrap .wrapper .center.pane .inner .top{background-color:#fff; vertical-align: top; height: 100%;}
.editor-test-wrap .wrapper .center.pane .inner .bottom{background-color:#fff;height:100%;width:100%;}
.editor-test-wrap .wrapper .right.pane{background-color:#999;width:25%;}
.editor-test-wrap .wrapper .top-content{width:100%;height:100%; /*padding-bottom: 20px;*/}
.editor-test-wrap .wrapper .left.pane .task-inner-wrap{height: calc(100vh - 84px);/*overflow-y: auto;*/ position: relative; border-right: 2px solid #DBDBE7; padding-bottom: 25px; /*padding-left: 15px; padding-right: 15px; hided by pooja on 6-2-2019*/}
.task-inner-wrap-head{background:#F3F8FF; padding: 8px 15px; z-index: 49;}/*removed on 27-1-2020*/
.task-inner-wrap-head p{font-size: 14px;line-height: 22px;font-weight: 400; margin-bottom: 0; display: inline-block;}
.task-inner-wrap-head .task-inner-wrap-head-right{float: right; /*width: 154px;*/ display: inline-block;}
.task-inner-wrap-head .task-inner-wrap-head-right .form-select-code{width: 120px;}
.task-inner-wrap-head .task-inner-wrap-head-right .btn-link-code{font-size: 17px;color: #1795A9;margin-left: 13px;}
.custom-nav{border-top: 1px solid #bdbcbc; background: #DBDBE7;}
.custom-nav .nav-item .nav-link{border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; font-size: 14px;color: #18A4DB;font-weight: 500; }
.custom-nav .nav-item .nav-link.active{background: #E5F1FB;}
.task-output-wrap .list-inline1{list-style: none; padding: 0; margin: 0;}
.task-output-wrap .list-inline1 li{float: left; position: relative; padding: 10px;}
.task-output-wrap .list-inline1 li:last-child{float: right; }
/*.task-output-wrap .list-inline1 li p{padding-top: 13px;} hided by pooja*/
.task-output-wrap .list-inline1 li .custom-test-case-checkbox .custom-control-description{margin-left: 4px; font-weight: 500; color: #5D5D5D;}
.task-output-wrap .list-inline1 li .custom-test-case-checkbox{padding-top: 13px;}
.task-output-wrap .list-inline1 li .custom-test-case-checkbox .custom-control-indicator{border-color: #5D5D5D;}
.task-output-wrap .list-inline1 li .custom-test-case-checkbox .custom-control-input:checked ~ .custom-control-indicator{border-color: #01b1f7;}
.task-output-wrap .list-inline1 li .custom-test-case-checkbox .custom-control-input:checked ~ .custom-control-description{color: #01b1f7;}
.task-output-wrap .list-inline1 li .custom-test-case-checkbox:after{content: '';position: absolute;left: -10px;bottom: -10px;right: -10px;border-bottom: 2px solid #17A3DB; opacity: 0;}

.task-output-wrap .output-wrap{
    padding: 15px;
    display: block;
    padding-bottom: 30px;
}
.task-output-wrap .output-wrap .output-textarea{
    width: 50%;
    height: 70px;
    resize: vertical;
    border: 1px solid #a9e7ff;
    background: none;
    padding: 4px 8px;
    font-size: 12px;
    margin-top: 5px;
    background: #f3fcff;
}
.task-output-wrap .output-wrap .test-case-textarea{width: 100%;height: 82%;resize: none;overflow: auto;background: none;}
.bt1{border-top: 1px solid #CECECE;}
.task-inner-wrap-head-adj{padding: 0; position: relative !important;}
.editor-test-wrap .wrapper .top-content .para-small-code-info{position: absolute;bottom: 0;right: 0;padding: 10px 15px; font-style: italic; color:#9C9C9C}
.editor-test-wrap .wrapper .top-content.task-ans-wrap .form-group{height: 100%; margin-bottom: 5rem;}

/* .editor-test-wrap .wrapper .top-content.task-ans-wrap .form-group textarea{height: 100%;} */
.editor-test-wrap .wrapper .top-content.task-ans-wrap .form-group div{height: 100%;}

.ans-wrap-output{padding: 6px 15px; background: #F5F5F5; border-top: 1px solid #DBDBE7;}
.ans-wrap-output ul li.list-inline-item{vertical-align: middle;}
.ans-wrap-output ul li.list-inline-item .custom-checkbox{margin-top: 4px;}
.ans-wrap-output ul .list-inline-item:last-child{float: right;}
.ans-wrap-output ul .list-inline-item:last-child .btn-link{vertical-align: -7px;}
.btn-link-adj{display: block; }
.btn-link-adj:hover, .btn-link-adj:active, .btn-link-adj:focus{text-decoration: none;}
.header-wrap .row .para{color: #5D5D5D;}

/*css added by pooja on 22-oct-2018 start*/

.modal {
    overflow-y:auto !important;
}
.modal-content{
    border-radius:0 !important;
    border:0 !important;
    box-shadow: 0 0 15px #5f5f5f !important;
    /* -webkit-overflow-scrolling: touch !important;  */
}
.modal-header{
    padding: 10px 15px 0 0 !important;
    border-bottom: 0 !important;

}
.modal-body{
    padding-top: 0 !important;
    color: #585858;
}
.close{
    color: #067287 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}
.modal-footer{
    border-top: 0 !important;
    padding: 20px 10px !important;
    justify-content: center !important;
    background-color: #f5f7f9 !important;
}
.modal-title{
    margin-bottom: 15px !important;
}
.modal-footer > :not(:last-child) {
    margin-right: 1.0rem !important;
}
.warning-heading{
    color: #000000;
}


.section-on-popup{
    display: block;
    width: 95%;
    margin: 0 auto;

}

#sectionInstModal .modal-content,.help-articles .modal-content,#sectionDetailsModal .modal-content{
    height: auto;
    overflow-y: auto !important;
    background-color: #ffffff !important;
}
#sectionInstModal .modal-dialog, .help-articles .modal-dialog,#sectionDetailsModal .modal-dialog{
    width: 60%;
    display: flex;
    margin: 0 auto;
    max-width: unset !important;
    overflow-x: auto;
    margin-bottom: 25px;
    margin-top: 25px;
}

#sectionInstModal .modal-header,.help-articles .modal-header,#sectionDetailsModal .modal-header {
    background-color: #ffffff !important;
}

#sectionInstModal .modal-body, .help-articles .modal-body, #sectionDetailsModal .modal-body {
    background-color: #ffffff !important;
    padding: 1.5rem !important;
}
/*css added by pooja on 22-oct-2018 end*/

/* CSS added by suhas*/
.w150{width: 150px;margin-left: 8px;margin-right: 8px;margin-top: 14px;}
/*css added by pooja on 12-nov-2018 start*/
.webcam-watch img{
    width: 60px;
}
.list-block-disk li::before{
    list-style-type: disc !important;
    color: #3c3c3c !important;
    content: "" !important;
}


/*css added by pooja 14 nov 2018*/


.time-watch h4{
    margin: 0;
}


.nav-buttons{
    border-color: #0D6EFD !important;
}

/*custom scroll bar by pooja on 20-12-2018*/
/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: #ffffff;
    cursor: pointer;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #DADADA;
    border-radius: 10px;
    cursor: pointer;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: rgb(175, 175, 175);
  }


.logic-box-textarea{
    vertical-align: text-top;
    margin: 0 10px;
}

.logic-box-full-width textarea{width: unset !important;}
/*bug solution by pooja on 11-1-2019 start*/
.customer-logo-parent-block{
    width: 235px;
    height: 61px;
    /*margin-top: 35px;*/
    float: left;
}
.float-left{
    float: left;
}


.padding-0{
    padding: 0 !important;
}

.cursor-pointer{cursor: pointer !important;}

/*Coding section instrictions class start*/
.instruction-page-block{
    color:#3c3c3c;
}
.instruction-page-block ol{
    padding-left:14px;
}

.instruction-page-block ol li ul li{
    margin-bottom:10px;
    line-height:1.8;
}
.instruction-page-block ul{
     padding-left:10px;
}
.instruction-page-block ol li{
    margin-bottom:20px;
    line-height:1.8;
}
/*Coding section instrictions class end*/

/*bug solution by pooja on 25-1-2019*/

.compilation-left{
    color: #3c3c3c;
    font-size: 12px;
    display: inline-block;
    padding-top: 5px;
    padding-right: 12px;
}
.text-decoration-none{
    text-decoration: none;
}
.padding-left-6{
    padding-left: 6px !important;
}
.are-you-ready{
    padding-right: 15px;
    font-size: 18px;
    padding-top: 10px;
    display: inline-block;
}
/*bug solution by pooja on 28-1-2019*/
.logic-box-full-width{
    max-height: calc(100vh - 188px) !important;
    overflow-y: auto;
}
.margin-top-10{
    margin-top: 10px !important;
}

/*Color code css start*/
span .color-codes {
  position:relative;
}
span .color-codes span {
    position:absolute; left:-9999px; top:-9999px; z-index:9999;
}
span:hover .color-codes span {
    top: 40px;
    left:-10px;
}
.color-code-block{
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
}
/*Color code css end*/
/*css for coding language popup on suhas pc 31-1-2019*/
.coding-lang-change-tip{
    font-size: 12px;
    font-style: italic;
    margin-top: 25px;
}
.coding-language-text{
    line-height: 1.6;
    margin-top: 25px;
}
.margin-top-25{
    margin-top: 25px;
}
/*css for coding setting end*/

/*setting popup for theme change start 31-1-2019*/
#settingPopUp .modal-dialog{
    width: 20%;
}
#settingPopUp .modal-body{
    padding: 0 30px 30px;
}
#settingPopUp .modal-body label{
    margin-bottom: 10px;
}
#settingPopUp .modal-body label:last-child{
    margin-bottom: 0;
}
/*setting popup for theme change end 31-1-2019*/
/*coding changes by pooja on 1-2-2019*/
.ui-resizable-e{
    cursor: col-resize !important;
}
.ui-resizable-s{
    cursor: row-resize !important;
}
.output-table table{
    font-size: 15px;/*changed for better visibility on 20 aug 2019*/
    margin-top: 10px;
    width: 100%;
}
.output-table table thead tr th{
    padding:5px 10px;
    background: #F3F6FB;
    border-bottom: 1px solid #D9E2F3;
    font-weight: 600;
}
.output-table table tbody tr td{
    padding:5px 10px;
    background: #fafdff;
    border-bottom: 1px solid #DBDCE8;
    vertical-align: baseline;
}
.font-weight-600{
    font-weight: 600;
}
/*css added by pooja for coding bug fixes on 6-2-2019*/
.coding-question-bottom-strip-fix-left{
    position: sticky;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    background: #fff;
}
.task-que-wrap{
    display: block;
    height: 101%;
    width: 100%;
    overflow: auto;
}
/*css added by pooja for coding bug fixes end on 6-2-2019*/

.margin-bottom-15{
    margin-bottom: 15px !important;
}
.margin-right-1rem{
    margin-right: 1rem !important;
}
.margin-right-20{
    margin-right: 20px;
}
.margin-bottom-20{
    margin-bottom: 20px !important;
}
.margin-top-40{
    margin-top: 40px;
}
.margin-top-30{
    margin-top: 30px !important;
}
.margin-bottom-25{
    margin-bottom: 25px;
}
.margin-right-15{
    margin-right: 15px !important;
}

/*bg sky blue layout changes by pooja on 8-2-2019 start*/

.light-gray-bg-80
{
    background: #FBFBFC;
    height: 100%;
    position: fixed;
    width: 100%;
    overflow-y: auto;
}


/* Test-Instructions Grey Background CSS */
.grey-bg-80{
    background: #FBFBFC;
    height: 100%;
    position: fixed;
    width: 100%;
    overflow-y: auto;
}

.white-container-bg
{
    width: 70%;
    left: calc(70% - 55%);
    background: #ffffff;
    margin: 0 auto;
    position: fixed;
    padding: 0 15px;
    height: 100%;
    overflow-y: auto;
}
  /*bg sky blue layout changes by pooja on 8-2-2019 end*/

  /*try*/
  .que-wrap img{
    max-width: 100% !important;
  }
  .ans-option-wrap img{
    max-width: 100% !important;
  }
  .custom-instructions-by-customer ul {
      padding: 0 !important;
  }
  .color-code-info-i{
    font-style: italic !important;
    color: #8c8c8c !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-top: 1px !important;
    background: #e8e8e8 !important;
    font-family: none !important;
    padding-top: 3px !important;
    border: 0 !important;
  }

  .instruction-page-block img{
      max-width: 100%;
  }
.margin-top-20{
    margin-top: 20px !important;
}
.margin-bottom-5{
    margin-bottom: 5px !important;
}
.font-size-12{
    font-size: 12px;
}
.font-weight-500{
    font-weight: 500;
}
.browser-compatibility-block{
    float: left;
    text-align: center;
    margin-right: 20px;
}
.browser-compatibility-block img{
    height: 28px;
    margin-bottom: 5px;
}
.browser-compatibility-block p{
    font-size: 11px;
}
.network-speed{
    display: block;
    float: left;
}
.compatibility-block{
    margin: 2rem auto;
    float: left;
    display: block;
}
.margin-bottom-3-rem{
    margin-bottom: 3rem;
}
.height-67{
    height: 67px !important;
}

/*13-2-2019*/
.line-height-17{
    line-height: 1.7;
}
.l-height-25{
    line-height: 25px !important;
}
.margin-top-40{
    margin-top: 40px;
}
.margin-top-50{
    margin-top: 50px;
}

/*18-2-2019*/
.webcam-video-img{
    margin-right: 8px;
    height: 25px;
}
.done-icon{
    height: 45px;
}
/*19-2-2019*/
.coding-last-q-msg{
    margin: 5px 0 !important;
}
.test-settings-single-block-child-text-heading{
    display: inline-block;
    width: 70%;
}
/*webcam changes 19-4-2019*/
.webcam-shift-for-big-screen{
    display: block;
    margin-left: 120px;
}

.linkStyle{
    cursor: pointer;
    color: #0000EE !important;
    text-decoration: none;
}

.linkStyle :hover{
    cursor: pointer;
    color: #0000EE !important;
    text-decoration: underline;
}

/*only for descriptive ans block fix height of screen size 60% by pooja*/
.descriptive-que-parent{
   max-height: 440px !important;
   overflow-y: hidden !important;
}

/* Descriptive / AI written editor */
.jodit-wysiwyg {
    max-height: calc(100vh - 380px) !important;
    overflow: scroll !important;
    display: block !important;
    min-height: 103px !important;
}
/*End*/

/* Used to give shadow background to the code snippets in the question*/
/* pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
} */

/* Set letter space to the all the letters */
*{
  letter-spacing: 1px;
}

/* used to disable text selection*/
.disable-select {
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -webkit-touch-callout:none; /* IOS Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}


/*font size changes*//*changed for better visibility on 20 aug 2019*/
.test-wrap .para-big{
    font-size: 16px !important;
    padding:0 15px;
    word-break: break-word;
    overflow-y: auto;
    padding-bottom: 1.5rem;
}
.ans-option-wrap .list-block li{
    font-size: 16px !important;
}
.ans-option-wrap .list-block li label{
    line-height: 23px;
}

/* All page css start*/
.margin-top-3rem{
    margin-top: 3rem;
}
.main-body{
    overflow: hidden;
    height: 100%;
    position: fixed;
    width: 100%;
    /* border-bottom: 4px solid; */
    /* border-image: -webkit-linear-gradient(30deg, #12e0af, #00b2f7) 1; */
    /* border-top: 4px solid; */
    background-color:#FBFBFC;
}

/* Test Instruction Changes pending */
.main-body h4,h6{
    color:#000 !important;
    margin:20px 10px;
}
.main-body .inner{
    padding:180px 3%;
}
.main-body .inner img{
    display: block;
    margin: 0 auto;
    transition-duration: 2s;
}
.main-body .inner button{
    display: block;
    margin: 0 auto;
    padding: 6.5px 35px !important;
}

.display-none{
    display:none !important;
}
/* All page css end */

/*product tour start*/
.joyride-step__container{
    box-shadow: 0px 0px 8px 1px #696969 !important;
    border-radius: 6px !important;
    max-width: 24vw !important;
}
/* .backdrop-target{
    width: 0 !important;
} */
.joyride-step__body{
    word-break: break-word !important;
    font-size: 15px !important;
}
.joyride-step__container img{
    max-width: 100%;
}
.joyride-step__title{
    font-size: 16px !important;
}
.joyride-step__close {
    top: 8px !important;
    width: 11px !important;
    height: 11px !important;
}
.joyride-step__header{
    padding-top: 0 !important;
}
.w-170{
    width: 250px;
}

.w-100{
    width: 100%;
}
/*product tour end*/

/* New primary button class */
.btn-primary-custom-new:not(:disabled):not(.disabled):active:focus, .btn-primary-custom-new:not(:disabled):not(.disabled).active:focus, .show > .btn-primary-custom-new.dropdown-toggle:focus{box-shadow: none;}
.btn-primary-custom-new{background: #1193A7; border-color: #1193A7; font-size:14px;font-weight:400; color: #fff !important; border-radius: 25px !important; -webkit-border-radius: 25px !important; -moz-border-radius: 25px !important;}
.btn-primary-custom-new:hover, .btn-primary-custom-new:active, .btn-primary-custom-new:focus{background: #1193A7; border-color: #1193A7;}
.btn-primary-custom-new.hvr-btn-right::before{background: #0D7B8C; border-color: #0D7B8C;}

/* Video Section CSS start */
/* #video-que video{
    width: 100% !important;
} */
.section-down{
    font-size:12px;
    display: inline-block
}
.section-down div{
    display: inline-block;
}
#pipeVideoInput-video-que{
    border-radius: 0 !important;
    width: 100% !important;
}
#pipeVrec-video-que{
    width: 100% !important;
}
.center-btn{
    margin: 0 auto;
    display: block !important;
}
.margin-bottom-20{
    margin-bottom: 20px;
}
.btn-blue-outlined{
    background-color: unset !important;
    color: #0D6EFD !important;
    border: 1px solid #0D6EFD !important;
    padding: 5px!important;
    font-size: 12px !important;
}
.video-q-scroll{
    min-height: calc(100vh - 100px);
    overflow-y: auto;
}
.margin-bottom-10{
    margin-bottom: 10px;
}
.btn-to-link{
    background: no-repeat;
    border: 0;
    text-decoration: underline;
    color: #1193A7;
}
#video-que,aiSpeak_que{
    width: 100%;
    float: left;
}

.font-size-12{
    font-size: 12px;
}
.btn-stop-rec{
    background-color: #a00909 !important;
    color: #fff !important;
    font-size: 12px !important;
    padding: 5px 10px!important;
}
.color-red{
    color: #a00909 !important;
}
.color-dark-green{
    color:#3dbb7a !important;
  }
.color-green{
    color: #30c213 !important;
}
.font-weight-700{
    font-weight: 700 !important;
}
.font-size-1rem{
    font-size: 1rem !important;
}
.record-img{
    height: 11px;
    margin-right: 5px;
}
.rec-btn-class{
    height: 11px;
    margin-right: 5px;
}
.pipeMsgOverlay{
    top: 39% !important;
    left: 32% !important;
}
.color-blue{
    color: #00b1f7;
}
.not-able-txt{
    font-size: 12px;
    margin-bottom: 8px;
}
.v-timer-block{
    width: 25%; float: left;
}
.v-ctrl-block{
    width: 50%; float: left;
}
.v-retake-block{
    width: 25%; float: left;
    text-align: right;
}
.v-timer-block #_vqTime{
    display: inline-flex;
}
/* change by nikita on 28aug 2023 for counter center align issue */
.v-countdown{
    position: absolute;
    /* top: calc(100vh - 455px); */
    z-index: 999;
    color: #fff;
    /* left: 47%; */
    font-size: 7rem;
    font-weight: 600;
    line-height: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
 .video-q-window{
    display: block;
    margin: 0 auto;
    border-radius: 4px;
    box-shadow: 0 0 7px #000000;
    min-height: calc(100vh - 270px);
    width: 96%;
    background: black;
 }
 .margin-bottom-15{
     margin-bottom: 15px !important;
 }
 .btn-center{
     display: block !important;
     margin: 0 auto !important;
 }
 .v-final-btn-block{
    width: 100%; float:left; margin-bottom:15px;
 }
 .v-q-inside{
    position: absolute;
    text-align: center;
    /* top: calc(100vh - 525px);
    top: -webkit-calc(100vh - 590px); */
    top: 14%;
    left: 7%;
    background: #fff;
    padding: 8px 7px;
    color: #000;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1;
    width : 80px;
    height : 31px;
 }

 .counter-inside-v{
    position: absolute;
    text-align: center;
    /* top: calc(100vh - 295px); */
    bottom: 4%;
    left: 7%;
    background: #fff;
    padding: 8px 7px;
    color: #000;
    font-weight: 700;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1;
    width: 80px;
    height: 31px;
    }
/* Video Section CSS end */


/*new ux by noopur done by pooja*/
.que-header-new{
    background: #E3EEFF6E 43%;
    margin-bottom: 5px;
    padding:10px 15px;
}
.que-header-new p{
    color: #5D5D5D;
    margin-bottom: 0;
}
.color-grey{
    color: grey;
}
.instrc-icon{
    float: left;
    width: 22px;
    margin-right: 15px;
    height: 24px;
    color: #6C757D !important;
    text-align: center;
    text-decoration: unset !important;
    border-radius: 50%;
    font-family: auto !important;
    font-weight: 800 !important;
    font-size: 15px;
    margin-top: 3px;
    margin-bottom: 3px;
    border: 1.5px solid #6C757D;
}
.instrc-icon:hover{
    color: #fff !important;
    background: #6C757D;
}
.margin-left-15{
    margin-left: 15px !important;
}
/* Mark for review */
.mfr{
    height: 20px;
    vertical-align: inherit;
    cursor: pointer;
}
/* Report a problem */
.rap{
    height: 20px;
    vertical-align: unset ;
    cursor: pointer;
}
.task-que-wrap .para-small-code{
    padding-top:15px;
}
.select-lang{
    width: 134px;
    display: inline-block;
    margin:0 15px;
    cursor: pointer;
}
.pos-rela{
    position: relative !important;
}
.btn-compile-run{
    color: #FFFFFF !important;
    background: #198754 !important;
    border-color: #198754 !important;
}
#output-strip-ul {
    border-bottom: 1px solid #ddd;
    /* height: 52px; */
}
#output-strip-ul li{
    cursor: pointer;
}
#output-strip-ul li label{
    margin-bottom: 0;
    padding: 0;
    cursor: pointer;
    color: #0b99db;
}
#output-strip-ul .active{
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    border-top: 0;
}
#output-strip-ul .active label{
    color: #494949;
}
.flag-fix{
    width: 40px;
    display: inline-block;
}
.padding-left-0{
    padding-left: 0 !important;
}
.cursor-ptr{
    cursor: pointer !important;
}
.logic-box-full-width section{
    padding: 0 !important;
}
.desc-editor{
    box-shadow: unset !important;
    max-height: calc(100vh - 170px) !important;
    overflow:  hidden !important;
}
.margin-top-2{
    margin-top: 2px !important;
}
.margin-top-5{
    margin-top: 5px !important;
}
.file-upload-wrap .input-group{
    border: 0 !important;
}
.custom-file-label::after{
    top: -1px !important;
}
.code-edi-ht{
    min-height: calc(100vh - 195px) !important; min-height: -webkit-calc(100vh - 195px) !important; height:calc(-195px + 100vh) !important;
}

.lbque-img{
    height: 80px !important;
    width: 100% !important;
}

/*ms sql ui start on 6-2-2020*/
.margin-left-10{
    margin-left: 10px !important;
}
.margin-top-15{
    margin-top: 15px !important;
}
.active-border{
    border-bottom: 4px solid #067287;
}
.width-100-per{
    width: 100% !important;
}
.mssql-que{
    height: calc(100vh - 140px);
    overflow: auto;
}
.h-26px{
    height: 26px !important;
}
.h-170px{
    height: 170px !important;
}
.h-260px{
    height: 260px !important;
}
.video-controls-dn{
    width: 96%;
    display: block;
    margin: 0 auto;
}

/*question menu start 21-4-2020*/
.que-filter:hover
{
    background: none !important;
}
.que-filter img{
    height: 22px;
    vertical-align: initial;
}
.que-filter-dropdown{
    top: 8px !important;
    left: -5px !important;
    box-shadow: 0 0 8px #c8c9ca;
    font-size: 13px !important;
}

.q-f-common{
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    padding-top: 3px;
    margin: 0 8px;
    font-size: 12px;
}
.que-filter-dropdown li{
    margin-bottom: 5px !important;
    padding: 5px;
    padding-left: 5px !important;
}

.que-filter-dropdown li:hover, .que-filter-active{
    background: #eae9e9;
}
.q-f-allQue{
    color: #0D6EFD;
    border: 1px solid #0D6EFD;
    background-color: transparent;
}
.q-f-mfr{
    color: #ab3c4b;
    border:1px solid #ab3c4b;
    background-color: #ffe5e8;
}
.q-f-unans{
    color: #c3c3c3;
    border: 1px solid #c3c3c3;
    background-color: transparent;
}
.q-f-ans{
    color: #06a841;
    border:1px solid #06a841;
    background-color: #ceffe0;
}
.dropdown-toggle::after{
    display: none !important;
}
/*question menu end*/

/* Hide blank ace editor popup when error occured */
.ace_gutter-cell.ace_error{
    background-image:none !important;
}

/*html css javascript question type*/
.hcj_editors .editor-container{
    height: 91% !important;
}

/* End HTML/JS/CSS editor */
.font-size-12{
    font-size: 12px !important;
}

/* To hide close outline on Model */
.modal-header .close:focus {
    outline: 0!important;
}

/*for counter center align css by nikita 28th aug 2023*/
.pos-relative
{
    position: relative;
}

.note {
  background-color: #fff3cd;
  color: #856404;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ffeeba;
}
.note strong {
  color: red;
}