@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');

.leaderboard_page #leader_table {order-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;}
.leaderboard_page div#view_all_leaderboard {
    margin-bottom: 50px;
}

*{ margin: 0; padding: 0;}
body {margin: 0px;padding: 0px;background: #f8f9fa;min-height: 100vh;} 
/****************** lavel-1 Css ****************/
#coding-platform-head .container-fluid{
	
	padding-left:0px;
	padding-right:0px;
}
#coding-platform-head {
    background: #263544 !Important;
    padding: 0px !important;
    min-height: auto !important;}
	#coding-platform-head .col-lg-5 {
    padding: 0px;
}

#coding-platform-head .custom-logo-block {
    height: 45px;
    width: 100px;
    margin: 0px;
    padding-top: 5px;
}

.test-info-top-header-bar{ position: fixed; top: 0; left: 0; display: inline-block; width: 100%; background: #1e2a6a; padding: 0px 0 10px;     z-index: 99;
    display: none;}
.top-lavel-info-text{     float: left;
    font-size: 15px;
    width: 86%;
    font-weight: 300;
    color: #fff;
    margin: 10px 2px 0 15px;
    border: 0px !important;
    padding: 0px !important;
    line-height: normal;}
	p.top-lavel-info-text {
    margin-top: -2px;
}
.preview-btn{ float: left; border: 1px solid #fff; color: #fff; font-size: 13px; padding: 3px 10px; font-weight: 600; border-radius: 4px; margin-left: 10px; margin-top: 2px;}
.preview-btn:hover, .preview-btn:focus{ color: #fff; background: #e91e63; border: 1px solid #e91e63}
.counter-block{ display: inline-block; width: auto; padding: 5px 20px; background: #404f9f; border-radius: 4px; color: #fff; font-size: 14px; font-weight: 600;border: 1px solid #5a6ccc;}
.right-lavel-listing{ float: right; list-style: none; padding: 0; margin: 8px 0 0;}
.right-lavel-listing li{ float: right; font-size: 13px; font-weight: 600; margin-left:10px;}
.right-lavel-listing li a{ color:#fff; text-decoration: none}
.right-lavel-listing li .submit-test-btn{ background: #1e2a6a; color: #fff; padding: 7px 15px; font-size: 13px; font-weight: 600; transform: 0.4s; border: 1px solid #1e2a6a; border-radius: 4px;}
.right-lavel-listing li .submit-test-btn:hover, .right-lavel-listing li .submit-test-btn:focus{ background: transparent;}
.questions-view-block{ float: left; width: 100%; /* margin-top: 134px; */margin-top: 49px;}
.left-question-block{ height: calc(100vh - 52px); overflow-y: auto;box-shadow:1px 1px 2px 0px;}
.top-heading-test-info{ display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #040404;
    margin: 22px 0 0px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d9d9d9;}
.top-heading-test-info small{ float: right; font-size: 11px; line-height: 24px;}
.main-left-questions-list{ display: inline-block; width: 100%; background: #fbfbfb; min-height:50px;}
.left-questions-listing{ float: left; width: 100%; list-style: none; padding:0; margin:0 }
.left-questions-listing li{     float: left;
    border-left: 1px solid #e4e4e4 !important;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    background: #ffffff;}
.left-questions-listing li a{      float: left;
    width: 100%;
    font-size: 14px;
    padding: 15px 15px;
    color: #060606;
    padding-left: 40px;
    line-height: 23px;}
	#questions-view-block .mCSB_inside>.mCSB_container {
    margin-right: 6px;
}
div#coding-content-area {
    min-height:693px !important;
}
li.clearfix.current a {
    font-weight: 400 !important;
}
li.clearfix.current span.number{
	    font-weight: 500 !important;
    color: #121b48;
}
.left-questions-listing li .number-block{    position: absolute;
    left: 15px;
    top: 17px;}
.left-questions-listing li a:hover, .left-questions-listing li a:focus{ background: #fff;}
.left-questions-listing li a.bookmark-icon{ width: auto; padding: 0; font-size: 16px;}
span.number{ float: left; font-size: 15px; margin-right:0px;}
.left-questions-listing li a.icon:hover i, .left-questions-listing li a.icon:focus i{ color: #e91e63}
.left-questions-listing li:last-child{ border-bottom: 0}
.left-questions-listing li.current{    border-left: 7px solid #ed1c24 !important;
    background: #fff; }
.left-questions-listing li.current a{color: #333;
    font-weight: 600 !important;}
.question-coding-area{margin-top:0px; /* height: calc(100vh - 52px); */height: auto; padding:0; /*overflow-y: auto*/ background:white; }

.bottom-question-conding-content-area{ display: inline-block; width: 100%;}
.question-head{color:#46535e; float: left; width: 100%; font-size: 16px; font-weight: 500; margin: 10px 0;}
pre {max-height:5000px !important;font-size: 14px;color: #4a4548;line-height: 20px;font-family: 'Fira Mono', Arial, Helvetica, sans-serif;font-weight: normal;border-radius: 3px;background-color: #f7f7f7;padding: 16px;border: 1px solid #dadada;white-space: pre-wrap;margin-bottom: 16px;}
.options-block-listing{ display: inline-block; width: 100%; list-style: none; padding: 0; margin: 0}
.options-block-listing li{ cursor: pointer;
    position: relative;
    background: white;
    box-shadow: 0 0 5px 0 rgba(43,43,43,.1), 0 11px 6px -7px rgba(43,43,43,.1) !important;
    border: 0px; padding:20px}
.options-block-listing li label{ font-weight:500;color:#465765;font-size: 14px; margin-top: 0; margin-bottom: 0}
.coding-section-bottom-btn-block{     display: inline-block;
    width: 100%;
    text-align: right;
    padding: 16px 0px 0px 0px;
    margin-bottom: 0px;}

.next-btn:hover, .next-btn:focus, .write_warning_close:hover, .write_warning_close:focus, .btn.min120:hover, .btn.min120:focus{opacity: 0.9; color: #fff;text-decoration: none }
.previous-btn.disabled{border: 1px solid #dadada;color: #c2c2c2;pointer-events: none;}


.coding.btn.previous-btn {
    background: transparent;
    color: black;
    padding: 12px 20px;
    font-size: 13px;
    font-weight: 600;
    transform: 0.4s;
    border: 1px solid #1e2a6a;
    border-radius: 4px;
    display: inline-block;
    width: 140px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
.previous-btn:hover, .previous-btn:focus{opacity: 0.9; color: #fff; text-decoration: none }
/* Radio style */

.d-radio {display: inline-block;position: relative;padding-left: 25px;margin-bottom: 12px;cursor: pointer;   font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
    margin-top: 7px;margin-right: 30px;}
/* Hide the browser's default radio button */
.d-radio input { position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom radio button */
.checkmark {position: absolute;top: 2px;left: 0;height: 16px;width: 16px;background-color: #c7c7c7;border-radius: 50%;}
/* On mouse-over, add a grey background color */
.d-radio:hover input ~ .checkmark {background-color: #ccc;}
/* When the radio button is checked, add a blue background */
.d-radio input:checked ~ .checkmark {background-color: #e91e63;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
.d-radio input:checked ~ .checkmark:after {display: block;}
.d-radio .checkmark:after {top: 4px;left: 4px;width: 8px;height: 8px;border-radius: 50%;background: white;}
/* Radio Endsc */

.lavel-2left-question-block{background: #eff1f3; height: calc(100vh - 52px); overflow-y: auto}
.que-lavel-info-tab{box-shadow: none;border-radius: 0px; margin-top: 25px; margin-bottom: 15px;border-bottom: 1px solid #dfdfdf;}
.que-lavel-info-tab > li {margin-right: 0px;}
.que-lavel-info-tab > li a {padding-left: 30px;padding-right: 30px;text-align: center;margin-right: 0; font-weight: 600;font-size: 12px;color:#4b5059;text-transform: uppercase;}
.que-lavel-info-tab > li.active > a, .login-signup-info-tab > li.active > a:focus, .login-signup-info-tab > li.active > a:hover {background: transparent;border:0;border-bottom: 2px solid #e91e63;box-shadow: none;border-radius: 0;color: #071773;}
.que-lavel-info-tab > li > a:hover {background: transparent;border: 0;}
.lavel-2left-question-block h2{ font-size: 22px; margin-top: 0}
.lavel-2left-question-block span{ color: #333; font-size: 14px;}
.lavel2-right-question-coding-area{background: #fff; height: calc(100vh - 52px); overflow-y: auto}
.coding-alert-info {text-align: left; font-size: 13px; background: #fffbe4;border: 1px solid #ffee7e;border-radius: 5px;font-weight: 500; display: inline-block; width: 100%;margin-bottom: 20px;padding: 20px 40px 20px 20px; position: relative}
.close-btn{ position: absolute; right: 10px; top: 10px; color:#333; font-size: 14px; font-weight: 600;}
.padding-0{ padding: 0}
.close-btn a{color:#978d48}
.close-btn a:hover, .close-btn a:focus{ text-decoration: none}
dl.description-list dt {min-width: 128px;color: #9ca3a8;font-weight: 600;}
dl.description-list dt {      min-width: 74px;
    color: #646464;
    float: left;
    margin-right: 8px;
    margin-bottom: 0px;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 600;}
dl.description-list dd {    color: #4a4548;
    margin-left: 110px;
    overflow-wrap: break-word;
    margin-bottom: 10px;    font-size: 14px;}
dl.description-list dd:last-child {margin-bottom: 0px;}

.code-editor-area{display:inline-block;width:100%;border:1px solid #c2c7d0;min-height:100px;border-radius:3px; position: relative}
.editor-header{display:inline-block;width:100%;border-bottom:1px solid #c2c7d0;position:absolute;
top: 0; left: 0; padding: 15px 10px}
.editor-top-head-lang-select-block{ float: left; width: 50%;}
.editor-top-head-lang-select-block select{ height: 34px; border:1px solid #c2c7d0; font-size: 13px; color: #4b5059}
.compile-code-btn{background: #fff;color: #071773;font-size: 12px;font-weight: 600;padding: 7px 15px;   border-radius: 3px;border: 1px solid #071773;margin: 0px 5px; display: inline-block;transition: 0.4s;}
.compile-code-btn:hover, .compile-code-btn:focus {background: #071773;color: #fff; text-decoration: none}
.coding-editor-middle{ display: inline-block; width: 100%; height: 100vh; overflow-y: auto;margin-top: 64px;}
.coding-editor-middle pre{ border: 0; margin-bottom: 0}
.editor-footer{ display: inline-block; width: 100%; padding:5px 10px; border-top: 1px solid #c2c7d0; min-height: 30px; background: #fff;}
.lavel-show-accordion .panel-title{font-size: 14px; text-transform: uppercase; font-weight: 600; color: #4b5059}
.lavel-show-accordion .panel-title a:hover, .lavel-show-accordion .panel-title a:focus{text-decoration: none }
.lavel-show-accordion .panel-default > .panel-heading{background-color:#f6f0f0;}
.bottom-question-conding-content-area textarea.form-control{ border: 0; resize: none; height: 300px;box-shadow: none}
.bottom-question-conding-content-area textarea.form-control:focus{ box-shadow: none}
.left-que-accordion .lavel-show-accordion .panel-group .panel + .panel{ margin-top: 0}
.left-que-accordion .lavel-show-accordion .panel-default{ border-bottom: 0; border-radius: 0}
.voffset1{ margin-top: 10px;}
.voffset2{ margin-top: 20px;}

.left-que-accordion .panel-body{ padding: 0 !important}
.left-que-accordion a:hover, .left-que-accordion a:focus{ text-decoration: none;}
.question_listing h4.panel-title small {
    display: inline-block;
    width: 100%;
    font-size: 11px;
    color: #fe0036;
    font-weight: 500;
    line-height: 18px;
    margin-top: 2px;
}
/*h4.panel-title small{float: right;font-size: 11px;line-height: 16px; text-transform: capitalize; color: #4b5059; font-weight: 600}*/
h4.panel-title small{  display: inline-block;
    width: 100%;
    font-size: 11px;
    color: #fe0036;
    font-weight: 500;
    line-height: 18px;
    margin-top: 4px;}
h4.panel-title small.category-name-title{float: right;font-size: 11px;line-height: 16px; text-transform: capitalize; color: #4b5059; font-weight: 600;width: auto;
margin: 0;}

.left-que-accordion h4.panel-title a{ display: inline-block; width: 100%; cursor: pointer;}
.que-d{ display: inline-block; width: 100%; font-size: 11px;color: #656c79;font-weight: 600;line-height: 18px;
margin-top: 6px;}
.bottom-structure-block{ display: inline-block; width: 100%;color: #4a4548;font-size: 13px;line-height: 20px;overflow-wrap: break-word;word-wrap: break-word;}
.inner-bottom-coding-structure-block{display: inline-block; width: 100%; border: 1px solid #dadada;border-radius: 3px;}
.left-tree-secction{ height: 100%; border-right: 1px solid #dadada;}
.content-section{ display: inline-block; width:100%; height: 100%; overflow-y: auto; font-size: 13px;}
.file-select-text{display: inline-block; width:100%; text-align: center; margin: 5px 0;}
.bottom-btns-block{display: inline-block; width:100%; padding: 10px 0; border-top:1px solid #dadada; border-bottom:1px solid #dadada; margin-top: 5px; }


/**************** file upload button css ******************/
.fileUpload {position: relative;overflow: hidden;margin: 0px;}
.fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
.file-upload-btn {background: #071773;color: #fff;font-size: 13px; font-weight: 600;text-transform: uppercase;
    border: 1px solid #071773;border-radius: 4px;transform: 0.4s; cursor: pointer; padding: 7px 20px;}
.file-upload-btn:hover, .file-upload-btn:focus{ background: #fff; color:#071773; border: 1px solid #071773; }
/**************** file upload button css ******************/
a:hover, a:focus{text-decoration: none;}
.custom-secondry-btn {background: #fff;color: #071773;font-size: 13px;font-weight: 600;padding:7px 15px;
    border-radius: 3px; border: 1px solid #071773;margin: 0px 5px;display: inline-block;transition: 0.4s;}
.custom-secondry-btn:hover, .custom-secondry-btn:focus {background: #071773;color: #fff; text-decoration: none;}
.custom-red-btn{border: 1px solid #ea1e63;padding:8px 9px 9px;border-radius: 3px;color: #ea1e63;}


.submit-codebtn {border-radius: 3px;background: #fff;color: #e91e63; font-weight: 600;text-transform: capitalize;border: 1px solid #e91e63;font-size: 13px; padding: 7px 15px;margin: 0 3px;transition: 0.4s;}
.submit-codebtn:hover, .submit-codebtn:focus { background: #e91e63;color: #fff;}
.menu_icon{ display: none}

.login-top-header{ display: inline-block; width: 100%; z-index:999; background: #0e141e; padding: 8px 0;position: fixed;
    left: 0;}
	.mt-0 {
		margin-top:0px !important;
	}
.top-right-nav{ float: right; list-style: none; padding: 0; margin: 0;}
.top-right-nav li{ float: right}
.top-right-nav li a{ float: right; color: #fff; font-size: 13px; font-weight: 600; padding: 0 10px; margin-left: 5px;}
.pd-t-10{ padding-top: 10px;}



/********************* Preview Test Css (4-6-2019)*********************/
.top-header-bar-test-info {display:inline-block;background:#575f6c;background-size:cover;padding:100px 0 96px 0;width: 100%;    background: url(../Release/images/courses_new.jpg) no-repeat #fff;
    background-size: cover;
    background-position: center;}
.preview-test-info {display: inline-block;width: 100%;position: relative;min-height: 100px;padding-left: 120px;}
.preview-test-info .image-container { position: absolute;left: 0;top: 0;float: left;width: 100px;height: 100px;background: #f8f8f8;border-radius: 5px;padding: 3px;}
.preview-test-info .image-container img {float: left;max-width: 100%;max-height: 100%;}
.preview-test-info p {float: left;width: 100%;color: #fff;font-size: 15px;font-weight: 400; margin-bottom: 3px;margin-top: 25px;}
.preview-test-info h5 {float: left;width: 100%;color: #fff;font-size: 25px;font-weight: 600;margin: 0;}
.test_list_main .test-preview-info-tab {box-shadow: none;border-radius: 0px;margin-bottom: 15px;border-bottom: 1px solid #f2f2f2;}
.test_list_main .test-preview-info-tab > li {margin-right: 0px;}
.test_list_main .test-preview-info-tab > li a {padding-left: 20px;padding-right: 20px;text-align: center;margin-right: 0; font-weight: 600;font-size: 12px;color:#000000;text-transform: uppercase;}
.test_list_main .test-preview-info-tab > li.active > a, .test_list_main .test-preview-info-tab > li.active > a:focus, .test_list_main .test-preview-info-tab > li.active > a:hover {background: transparent;border:0;border-bottom: 2px solid #e91e63;box-shadow: none;border-radius: 0;color: #071773;}
.test_list_main .test-preview-info-tab > li > a:hover {background: transparent;border: 0;}
h4.test-name {font-size: 23px;margin-bottom: 20px;color: #4a4548;}
.test-desciption-info {display: inline-block;width: 100%;list-style: none;padding: 0;margin: 0;}
.test-desciption-info li {float: left;width: 100%;font-size: 14px;font-weight: 600;margin-bottom: 0px;color: #4a4548;}
.test-desciption-info li span {float: left;width: 120px;color: #575757;font-size: 13px;font-weight: 600;text-transform: capitalize}
.test-desciption-info li span small{ font-weight: 400; font-size: 11px; text-transform: capitalize}
.test-desciption-info li b{ line-height: 18px; font-weight: 600; display: inline-block; background: #f4f4f4; color: #000; padding: 5px; border-radius: 3px; font-size: 12px; min-width:50px; text-align: center }
.start-test{     background: #ed1a3b !important;
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    line-height: 18px;
    outline: none !important;
    border: 1px solid #3ac47d;
    transition: all 0.5s linear;
    padding: 12px 25px !important;
    width: 170px;
    font-weight: 600;
    box-shadow: 0 0.125rem 0.625rem rgba(143, 7, 51, 0.4), 0 0.0625rem 0.125rem rgba(159, 11, 55, 0.5) !important;
    line-height: 1.5;
    border-radius: .25rem;
    border: 0px !important;
    text-transform: uppercase;}
	#text_query .test-desciption-info {
    display: flex;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: 'Poppins', font-family !important;
}

#text_query .test-desciption-info {
    display: flex;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: 'Poppins', font-family !important;
}


#text_query .panel.panel-default {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);    border: 0px;
    margin-bottom: 15px !important;
}
.CH_arrow {
    float: right;    opacity: 0.7;
}
#text_query .test-desciption-info li b {
    line-height: 19px;
    font-weight: 400;
    display: inline-block;
    background: transparent;
    color: #696972;
    border-radius: 3px;
    font-size: 24px;
    min-width: 50px;
    text-align: center;
    padding-bottom: 10px;
}
#text_query .test-desciption-info li:last-child {
    border-right: 0px;
}
#text_query .test-desciption-info li span {
    float: left;
    width: 100%;
    color: #575757;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    clear: both;
}
.start-test:hover, .start-test:focus{    opacity: 0.8;}
h6.skills {font-size: 18px;line-height: 24px;margin-bottom: 20px;}
.preview-test-block{ margin-bottom: 20px;}
.preview-test-block p {color: #4A4548; font-size: 13px;     font-family: 'Poppins', font-family !important;}
.content-block-extra.contest-rules p {
  color: #4A4548;
    font-size: 14px;
    line-height: 29px;
    padding-left: 10px;
}
#tabs_content_holder h4 {
    font-weight: 600 !important;
    margin: 0px 0px 15px 0px;
    font-size: 16px;
}
.description-list {margin-bottom: 0px;font-size: 13px;}
.content-wrapper .description-list {
    margin-bottom: 0px;
    font-size: 13px;
    padding: 0px 20px 20px;
}
.description-list dt {min-width: 74px;color: #8a858d;float: left;margin-right: 8px;margin-bottom: 0px;font-weight: 400;}
.description-list dd {color: #4a4548;margin-left: 112px;overflow-wrap: break-word;margin-bottom: 7px;}
ol.rules-listing {display: inline-block;width: 100%;padding: 0 0 0 20px;}
ol.rules-listing li {margin-bottom: 7px;color: #717171;}
.post {color: #4a4548;font-size: 14px;line-height: 20px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;line-height: 25px;}
.post li {margin-bottom: 15px;color: #4a4548;font-size: 14px;line-height: 20px;padding-left: 10px;}
.padding15 {padding: 15px !important;}
.test-info-block {border-bottom: 1px solid #e0e0e0;margin-bottom: 20px;padding-bottom: 30px;}
.voffset3 {margin-top: 30px;}
.test-info-block:last-child {border-bottom: 0;margin-bottom: 0;}

.test-preview-accordion .accordion-heading {display: inline-block;width: 100%;padding: 10px;background: #efefef;color: #333;border-bottom: 1px solid #e9ecef;}
.test-preview-accordion .accordion-heading a {color: #333;font-size: 15px;}
.content-block-extra {display: inline-block;width: 100%;}
.challenge-prizes ul {display: inline-block;width: 100%;list-style: none;padding: 0;margin: 0;}
.challenge-prizes ul li {margin-bottom: 16px;padding-left: 0px;}
.challenge-prizes ul li .image-holder {border-radius: 6px;width: 140px;height: 80px;text-align: center;float: left;line-height: 80px;vertical-align: middle;}
.challenge-prizes ul li .image-holder img {max-width: 138px;max-height: 79px;border-radius: 6px;border: 1px solid #dadada;}
.challenge-prizes ul li .details { margin-left: 156px;}
.challenge-prizes ul li .details h3 {font-weight: 600;margin-bottom: 7px;line-height: 24px;color: #19171a;margin-top: 10px;font-size: 17px;}
.sociable2 p {margin-bottom: 0;}
.sociable2 a i {font-size: 25px;margin: 0px 2px;color: #071773;}
.sociable2 span {float: left;margin-top: 3px;margin-right: 10px;}
.fixedElement {position: fixed;top: 0;width: 100%;z-index: 100;}
.show-on-scroll {border-top: 1px solid #e0e0e0;padding: 12px 0;}
.create-test-form {padding: 15px;margin-top: 0px;background: transparent;border-radius: 5px;box-shadow: 2px 2px 10px #e8e8e8;}
.coding-tab-modal {margin-bottom: 25px;border-color: #071773;}
.coding-tab-modal > li {text-align: center;width: 30%;}
.coding-tab-modal > li > a {border-radius: 0px;color: #071773;}
.coding-tab-modal > li.active > a, .coding-tab-modal > li.active > a:focus, .coding-tab-modal > li.active > a:hover {background-color: #071773;color: #fff;border-color: #071773;}
.upload-btn-block .btn-file-new{ color: #fff;}
.test-case-tbl td a{ color: #e91e63}
.lavel-show-accordion .panel-title{font-size: 14px; text-transform: uppercase; font-weight: 600; color: #4b5059}
#mcq-questions-list .panel-title{font-size: 14px; text-transform: uppercase; font-weight: 600; color: #4b5059}
.lavel-show-accordion .panel-default > .panel-heading{    background-color: #eff1f3;
    border: 1px solid #ddd;
    border-bottom: 0px;}
	#text_query.lavel-show-accordion .panel-default > .panel-heading{
	    background: white;
    border: 0px;
	}
h6.test-info-heading{ font-size: 17px; font-weight: 600; color: #4b5059;line-height: 34px; text-transform: uppercase;border-bottom: 1px solid #dbdada;padding-bottom: 5px;margin-bottom: 25px;}
.voffset1{ margin-top: 10px;}
.logo-n{ display: inline-block; max-width: 100%; height: 20px; margin:0}
.login-signup-form label {font-weight: 600;margin-bottom: 5px !important;font-size: 13px;color: #333;}
.star {color: #f00;}
.modal-custom-sm{ width: 370px;margin: 15px auto;}
.login-signup-info-tab{box-shadow: none;border-radius: 0px;margin-bottom: 15px;border-bottom: 1px solid #f2f2f2;}
.login-signup-info-tab > li {margin-right: 0px; width: 50%;}
.login-signup-info-tab > li a {padding-left: 20px;padding-right: 20px;text-align: center;margin-right: 0; font-weight: 600;font-size: 12px;color:#4b5059;text-transform: uppercase;}
.login-signup-info-tab > li.active > a, .login-signup-info-tab > li.active > a:focus, .login-signup-info-tab > li.active > a:hover {background: transparent;border:0;border-bottom: 2px solid #e91e63;box-shadow: none;border-radius: 0;color: #071773;}
.login-signup-info-tab > li > a:hover {background: transparent;border: 0;}
.modal-custom-sm .modal-header{ border-bottom: 0; padding-bottom: 0}
.login-signup-info-tab {margin-bottom: 20px;}
.login-fs-link a{ color: #e91e63; font-size: 13px; font-weight: 600}
.login-bttn{border-radius: 3px;background: #fff;color: #fff;font-weight: 600;text-transform: capitalize;background:#071773;font-size: 13px;padding: 7px 14px;margin: 0;transition: 0.4s;}
.login-bttn:hover, .login-bttn:focus{ border: 1px solid #071773; background: #fff; color: #071773;}
.error{ /*float: left;*/ width: 100%; font-size:12px; color: #e91e63; font-weight: 600; margin-bottom: 5px;}
.edit-small-btn{ color: #071773 !important; border: 1px solid #071773; padding: 5px; font-size: 12px; font-weight: 600; text-transform: capitalize !important; border-radius: 3px; margin-top: -4px;}
.detail-desciption-info{display: inline-block;width: 100%;list-style: none;padding:20px 15px; margin: 0;}
.detail-desciption-info li{ float: left; width: 40%;font-size: 14px;font-weight: 600;margin-bottom: 15px;color: #4a4548;}
.detail-desciption-info li span {float: left;width: 120px; color: #575757; font-size: 13px;font-weight: 500;}
.detail-desciption-info li b{ font-weight: 600; font-size: 12px;}
.detail-desciption-info li:last-child{ margin-bottom: 0}

.edit-desciption-info{display: inline-block;width: 100%;list-style: none;padding: 20px 15px; margin: 0;}
.edit-desciption-info li{ float: left; width:33.3%; padding-right: 2%; font-size: 14px;font-weight: 600;margin-bottom: 15px;color: #4a4548;}
.edit-desciption-info li span {float: left;width: 100%; color: #333; font-size: 13px;font-weight: 600; margin-bottom: 5px;}
.edit-desciption-info li b{ font-weight: 600}
.edit-desciption-info li:last-child{ margin-bottom: 0}
.edit-desciption-info li input[type='text'], .edit-desciption-info li select{height: 34px; width: 90%;padding: 6px 12px;font-size: 13px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;}
.padding-0{ padding: 0}
.form-custom-label{color: #333;font-size: 13px;font-weight: 600;margin-bottom: 5px; text-align: right;line-height: 32px;}

.lavel-show-accordion .panel-body{ padding: 20px 15px;}
/* The container */
.checkbox-block {display: block;position: relative;padding-left:26px;margin-bottom: 12px;cursor: pointer;font-size: 12px;font-weight: 500;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #2f2f2f;}
  /* Hide the browser's default checkbox */
  .checkbox-block  .custom-checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
  /* Create a custom checkbox */
  .checkbox-block .checkmark {position: absolute;top: 0;left: 0;height: 16px;width: 16px;background-color: #fff; border: 1px solid #d8d8d8; border-radius: 3px;}
  /* On mouse-over, add a grey background color */
  .checkbox-block .custom-checkbox:hover input ~ .checkmark {background-color: #ccc;}
  /* When the checkbox is checked, add a blue background */
  .checkbox-block .custom-checkbox input:checked ~ .checkmark {background-color: #ea1e63; border: 1px solid #ea1e63}
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkbox-block .checkmark:after {content: "";position: absolute;display: none;}
  /* Show the checkmark when checked */
  .checkbox-block .custom-checkbox input:checked ~ .checkmark:after {display: block;}
  /* Style the checkmark/indicator */
  .checkbox-block .custom-checkbox .checkmark:after {left: 5px;top: 2px;width: 5px;height: 8px;border:solid white;border-width: 0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

label.custom-checkbox{ font-weight: 500; font-size: 13px; display: inline-block; width: 100%;line-height: 15px;}
.custom-full-width{ display: inline-block; width: 100%;}
/**************** file upload button css ******************/
.fileUpload {position: relative;overflow: hidden;margin: 0px;}
.fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
.file-upload-btn {background: #071773;color: #fff;font-size: 13px; font-weight: 600;text-transform: uppercase;
    border: 1px solid #071773;border-radius: 4px;transform: 0.4s; cursor: pointer; padding: 7px 20px;}
.file-upload-btn:hover, .file-upload-btn:focus{ background: #fff; color:#071773; border: 1px solid #071773; }
/**************** file upload button css ******************/
.table.table-striped.education-detail-table{ border: 0}
.table.table-striped.education-detail-table th{color:#4b5059; font-size: 13px; text-align: center; font-weight: 600}
.table.table-striped.education-detail-table td{ text-align: center; color: #39424e;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle; font-size: 13px;}
.custom-checkbox a{ font-size: 13px; color: #e91e63; font-weight: 600}
.submit-btn{background: #071773;color: #fff;font-size: 13px;font-weight: 600;padding: 8px 20px;border-radius: 3px;border: 1px solid #071773;margin: 0px 5px;display: inline-block;transition: 0.4s;}
.submit-btn:hover, .submit-btn:focus{ background:#fff; color: #071773;border: 1px solid #071773; }
.padding-0-lg{ padding: 0}
.nopadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.test_list_main .test-preview-info-tab {box-shadow: none;border-radius: 0px;margin-bottom: 15px;border-bottom: 1px solid #f2f2f2;}
.test_list_main .test-preview-info-tab > li {margin-right: 0px;}
.test_list_main .test-preview-info-tab > li a {padding-left: 20px;padding-right: 20px;text-align: center;margin-right: 0; font-weight: 600;font-size: 12px;color:#000000;text-transform: uppercase;}
.test_list_main .test-preview-info-tab > li.active > a, .test_list_main .test-preview-info-tab > li.active > a:focus, .test_list_main .test-preview-info-tab > li.active > a:hover {background: transparent;border:0;border-bottom: 2px solid #e91e63;box-shadow: none;border-radius: 0;color: #071773;}
.test_list_main .test-preview-info-tab > li > a:hover {background: transparent;border: 0;}
.content-block-extra ul, #help_holder ul{ padding-left: 20px}

.test-preview-accordion .accordion-heading {display: inline-block;width: 100%;padding: 10px;background: #efefef;color: #333;border-bottom: 1px solid #e9ecef;}
.test-preview-accordion .accordion-heading a {color: #333;font-size: 15px;}

.content-wrapper.main-content-block.form1.profile-form{   
    border-radius: 3px;

    padding: 0px;font-family: 'Poppins', font-family !important;}
	form.profile-form#access_token_form {
    border: 1px solid #e9ecef;
    border-radius: 3px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03) !important;
    margin-top: 20px;
}
#access_token_form dl#challenge_profile_view {
    padding-bottom: 0px !important;
}
	.content-wrapper.main-content-block.form1.profile-form h3 {
    font-size: 17px !important;
    color: #575656;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px !important;
    padding: 20px 21px;
    margin-top: 0px;
    font-weight: 600 !important;

}
#challenge_profile_view li.clearfix {
    margin-bottom: 15px;
}
.registration-form .form-group1 label:before {
     content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1.5px solid #7b7e82;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    height: auto;
    width: auto;
}
.registration-form .form-group1 label{cursor:pointer;}
.registration-form .form-group1 input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.registration-form .form-group1 input:checked + label:after {
      content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 7px;
    width: 5px;
    height: 11px;
    border: solid #7b7e82;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg);
}
#term-condition input:checked + label:after {
    left: 30px;
}
.registration-form .table1 tr th {
    text-align: left;
    white-space: nowrap;
    padding: 10px 16px 11px;
    font-size: 13px;
    font-weight: 600;
    line-height: 27px;
    color: white;
    background-color: #fdfdfd;
    border-bottom: solid 1px #dadada;
    vertical-align: top;
    border-right: 1px solid white;
    background: #57585a;
    text-transform: uppercase;
}
.registration-form input {
    border: 1px solid #a29d9d !important;
    box-shadow: none;
    border-radius: 0px !important;
    height: 40px !important;    font-weight: 400;
}
.registration-form .select select{
     border-radius: 0px !important;
    height: 40px !important;
    font-size: 13px !important;
    padding-left: 10px !important;
    font-weight: 400 !important;
    outline: 0px;    color: #6d6d6d;
    font-family: 'Poppins', font-family !important;
}
#invite-login .box-default1 .content-wrapper span.select {
    padding-left: 0px;
    border: 1px solid #a29d9d !important;
}
.model-container .close {
    top: 25px;
}
#profile-details h3 small a {
       padding: 9px 14px;
    display: inline-block;
    font-size: 13px !important;
    margin-right: 5px;
    border: 1px solid #e7e7ea;
    color: #7e7979;
    background: #fafafa;
    font-family: 'Poppins', font-family;
    font-weight: 400;
    box-shadow: 0 0.125rem 0.625rem rgba(178, 239, 208, 0.2), 0 0.0625rem 0.125rem rgba(150, 221, 184, 0.3);
    border-radius: 3px;
    margin-top: -10px;
    float: right;
    text-transform: capitalize;
}
.test_field_panel {
    padding: 0px 20px;
}
.checkbox-input input[type=checkbox] {
    height: auto !important;
}
.test_field_panel ul {
    margin-bottom: 0px !important;
}
.btn.upload_btn {
    color: #4f4d4d;
    display: inline-block;
    background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #aea6a6;
    border-radius: 3px;
    padding: 7px 21px;
    outline: none;
    white-space: nowrap;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 500;
    font-size: 10pt;
    font-family: 'Poppins', font-family !important;
}
 .content-wrapper.main-content-block.form1.profile-form h6{font-size: 14px;
text-transform: uppercase;line-height: 22px;
font-weight: 600;
color: #4b5059; margin: 0 0 10px;padding: 10px 15px;}
.edit-small-btn {
    color: #071773 !important;
    border: 1px solid #071773;
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize !important;
    border-radius: 3px;
    margin-top: -4px;
}

strong.required, span.required {color: #f00; font-weight:600;}
.register-form-info-listing{ display: inline-block; width: 100%; list-style:none; padding: 5px 15px 0; margin:0;}
.register-form-info-listing li{ float: left; width: 50%; margin-bottom: 20px;}
.register-form-info-listing li.full-width-li{width:100%}
.custom-checkbox-label{font-weight: 500;font-size: 13px;display: inline-block;}
.checkbox-input{margin: 7px 0 0;display: inline-block;}
.upload.button1.btn{background: #071773;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #071773;
    border-radius: 4px;
    transform: 0.4s;
    cursor: pointer;
    padding: 7px 20px;}
.text-left{ text-align:left !important}
.last-table-li{ padding: 0 15px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-top: 1px solid #eaeaea;}
.checkbox-input.checkbox-block{ padding-left: 0;}
.table.table-striped.education-detail-table .form-control{ font-size: 13px;}
.table.table-striped.education-detail-table{border-left: 1px solid #e9ecef;border-right: 1px solid #e9ecef;border-bottom: 1px solid #e9ecef;}
#job-description .panel-body{background:white }

#job-description .test-preview-accordion .accordion-heading a {
    color: white;
    font-size: 17px;
}
#job-description .test-preview-accordion .accordion-heading{background:#57585a;border-bottom: 0}
#job-description .accordion-group{display: inline-block;
    width: 100%;
    border: 1px solid #a19a9a;
    margin-bottom: 15px;}
	#job-description h5.custom-h5 {
    margin-top: 0px;
}
#details_holder dl.description-list dt {
    font-weight: 600;
}
#details_holder ul {
    margin-left: 10px;
    list-style-type: decimal;
}
#details_holder ul li {
    margin-bottom: 12px;
    color: #4a4548;
    font-size: 14px;
    line-height: 21px;
    padding-left: 10px;
}
#details_holder dl.description-list dd {
    margin-bottom: 10px;
    margin-left: 98px;
}
#job-description .panel-body {
    background: white;
    padding-bottom: 10px;
}
.custom-h5{ font-weight: 600; font-size:15px;}
.custom-logo-block{ float: left;margin: 5px 5px 0 0}
.top-lavel-info-text a{    color: #fff;
    font-weight: 400;
}
.test-actions{ text-align: right;}
.user-attentions  p{  color: #fff;
    margin-right: 5px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 38px;
    font-family: 'Rubik', sans-serif !important;}
.submit-test-btn, #submit_code .btn.button1{ background: #404f9f; color: #fff; padding: 7px 15px; font-size: 13px; font-weight: 600; transform: 0.4s; border: 1px solid #404f9f; border-radius: 4px;}

#coding-platform-head .submit-test-btn:hover, #coding-platform-head .submit-test-btn:focus{ background: transparent; color: #fff;}
.need-help-text{font-size: 13px;font-weight: 600;margin-right: 10px; color: #fff;}
.need-help-text:hover, .need-help-text:focus{ color: #fff;}
.user-attentions  .progress{height: 5px;margin-bottom: 2px;margin-top: 5px;}
p.duration-timer{     float: right;
    width: auto;
    margin-bottom: 0px !important;
    text-align: right;
    margin: 0;
    font-size: 15px;
    font-weight: 400;}
.user-attentions {border-radius: 35px;
    width: 320px;
    background: rgb(26, 33, 44);
    box-shadow: 0px 0px 10px rgba(160, 153, 153, 0.9);
    margin-top: 7px;
    width: auto;
    display: inline-block;
    min-width: 225px;
    padding: 0px 20px;}
.listing-detail-que{ display: inline-block; width: 100%;background: #fbfbfb;}
.options-block-listing li{ cursor: pointer; position: relative;    border-radius: 4px; transition: all 0.5s linear;}
div#coding-questions-list {
  min-height: 85vh !important;
}


.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(121, 119, 119, 0.75) !important;
}
#disable_ctrl_key_combination .modal-header {
    background: #263544 !Important;
    padding: 0px;
    color: white;
    font-size: 20px;
    padding: 10px 15px;
}
#disable_ctrl_key_combination .modal-header h2#mySmallModalLabel {
    font-size: 18px;
    font-weight: 500;
}
.modal-body{
	    max-height: 553px;
    overflow-y: auto;
    line-height: 24px;
}
.modal-body p{
    font-size: 16px;
    color: #4A4548;
}

.options-block-listing li .tick-icon img, .options-block-listing li .wrong-icon img {     position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 3px;
    margin-left: -13px;
    opacity: 0;
    width: 80%;
    filter: brightness(0) invert(1);}
	.active span.tick-icon {
        display: inline-block;
    position: absolute;
    right: 20px;
    z-index: 111;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 11px;
    background: #246404;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(125, 8, 8, 0.2);
}
span.tick-icon {
        display: inline-block;
    position: absolute;
    right: 20px;
    z-index: -111;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 11px;
    background: #fffefe;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(20, 33, 25, 0.2);
}

ul.options-block-listing li.active .tick-icon img, ul.options-block-listing li.wrong-answer .wrong-icon img, ul.options-block-listing li.correct-answer .tick-icon img {opacity: 1;}
ul.options-block-listing li .option {     display: block;
    text-align: center;
    font-size: 12px;
    color: #676363;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    font-weight: 400;
    border: 1px solid #988f8f;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-top: 20px;
    margin-left: 15px;
    background: #eae8e8;
    line-height: normal;
}
ul.options-block-listing li .question-text {margin-left: 38px; font-weight: normal;position: relative;font-size: 16px;color: #4a4548;line-height: 22px;display: table; height: 24px;}
ul.options-block-listing li.active, ul.options-block-listing li.wrong-answer { box-shadow: 0 0.135rem 0.625rem #2464048a !important;
border: 1px solid #246404 !important;
}
.mr-15 {
    margin-right: 15px !important;
}
.coding-footer .float-right {
    float: right;
}
.coding-footer .float-left {
    float: left;
}
#attempted_option .question-number{      float: left;
    width: auto;
    margin-right: 3px;
    text-align: left;
    margin-left: 0px;
    padding-top: 12px;}
#attempted_option .question-number h4{     margin: 0;
    font-size: 21px;
    border-bottom: 0px !important;
    padding: 0px !important;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 500;}
.question-details h4{line-height: 28px;
    margin-bottom: 30px;
    padding: 10px 20px 0px 0px !important;
    font-weight: 500;
    font-size: 21px;
    font-family: 'Rubik', sans-serif !important;
}
.mcq-description {
display: inline-block;
    width: 100%;
    color: black;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 30px;
}
.margin-t-20{margin-top:8px;}
#question-area .inner-coding-area {
      padding-left: 35px;
    padding-right: 14%;
}
#show-tab-lists {display: none;width: 100%; position: relative;padding-right: 32px;text-align: left;border: 1px solid #dadada;margin-bottom: 24px;color: #4a4548;background: #fff;box-shadow: none;}
.top-info-tabs, .three{ display: inline-block; width: 100%; margin-top: 0px; }
.top-info-tabs li a, .three li a{ float: left; width: 33.3%; text-align: center; color: #333; font-weight: 600; font-size: 13px;}
.top-info-tabs li a, .three li a{ float: left; width: 100%; text-align: center}
.top-info-tabs li.active a, .top-info-tabs li.active a:hover, .top-info-tabs li.active a:focus, .three li.active a, .three li.active a:hover, .three li.active a:focus{ }
.coding-info-main-block h5{font-weight: 600; color:#333;}

.coding-info-main-block pre, .coding-info-main-block ._testcase, ._testcase_status ._testcase {margin-bottom: 40px;background: #f8f9fa;color: #8c8c8c;padding: 10px;border: 0;}

.accordion1 .CodeMirror {
    margin: 0 -1px -1px;
    border-radius: 0 0 5px 5px;
    height: 390px;
}
.CodeMirror {
    line-height: 1;
    position: relative;
    overflow: hidden;
    background: #fff;
    color: #000;
}
.CodeMirror {
    font-family: 'Fira Mono',monospace;
    height: 300px;
}
.CodeMirror {
    font-size: 14px;
    border: 1px solid #dadada;
    line-height: 20px !important;
    color: #4a4548 !important;
}
.inner-content {
  position: relative;
    background: transparent;
    padding: 0px;
    border-radius: 0 0 6px 6px;
    /* margin-top: -40px; */
    margin-top: 0px;
   
}
#user-result-area ul.nav.nav-tabs.three{
	/*display:none;*/
}
.create-test-form .box-default1 {
      background: transparent;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
    border-radius: 5px;

}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
}
#hide-question-area {width:16px; height:32px; background-color:#dadada; background-image:url("images/sprites.svg"); background-repeat:no-repeat; background-position:-313px -72px; display:block; position:absolute; left:0; text-decoration:none; top:20px; z-index:102; border-radius:0 3px 3px 0;}
#hide-question-area {width:16px; height:32px; background-color:#dadada; background-image:url("images/sprites.svg"); background-repeat:no-repeat; background-position:-313px -72px; display:block; position:absolute; left:0; text-decoration:none; top:20px; z-index:102; border-radius:0 3px 3px 0;}
#hide-question-area.less { background-position:-134px -176px;}
.outer-main-screen-que #editor .ace_content { width:100% !important;}
/*.outer-main-screen-que #hide-question-area { display:none;}*/

.editor-section {
    margin-bottom: 30px;
    position: relative;
}


/*.outer-main-screen-que .editor-section header { width:100% !important;}*/
.outer-main-screen-que .editor-section { display:none;}
.outer-main-screen-que.straight .editor-section { display:block;}
/*.outer-main-screen-que header #compile_code { display:none;}*/
.outer-main-screen-que .bottom-action { display:none; padding-top:16px;}
.outer-main-screen-que .bottom-action { display:block;}
.outer-main-screen-que.expanded .editor-section, .outer-main-screen-que.expanded #front-end { display:block !important;}
.outer-main-screen-que.expanded .editor-section header {position:fixed; top:72px; z-index:100; border-radius:4px 0 0 0; border-right:0;}
.outer-main-screen-que.expanded .editor-section header .user-actions > p {position:relative; z-index:101;}
.outer-main-screen-que.expanded .editor-section header .inner-fixed-header { border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-top:1px solid #dadada; border-radius:0 5px 0 0; /* background:#f7f7f7; */ position:fixed; top:72px; right:24px; display:block; height:62px; width:90%; padding:12px 12px 12px 0;}
.outer-main-screen-que.expanded .editor-section header:before { content:""; border-left:1px solid #dadada; border-top:1px solid #dadada; border-radius:5px 0 0 0; background:#f7f7f7; position:absolute; top:-1px; left:-1px; display:block; height:61px; width:12px; z-index:102;}
.outer-main-screen-que.expanded .editor-section header:after { content:"";  position:absolute; top:-1px; display:block; height:62px; width:35px; z-index:101;}
.outer-main-screen-que.expanded .editor-section .user-actions:after { content:""; background:#dadada; position:absolute; bottom:-13px; left:-13px; display:block; height:1px; width:4px; z-index:102;}

.outer-main-screen-que .editor-section.fixed  header { position:fixed; top:70px; z-index:100; /* width:947px !important; */}
.outer-main-screen-que .editor-section.fixed  header:before { position:absolute; left:-1px; top:-20px; height:19px; display:block; width:949px; content:""; background:#f2f2f2; z-index:5;}
.outer-main-screen-que.multi-question-view .editor-section.fixed  header, .outer-main-screen-que.multi-question-view .editor-section.absolute header {/* width:698px !important; */}
.outer-main-screen-que.multi-question-view .editor-section.fixed  header:before, .outer-main-screen-que.multi-question-view .editor-section.absolute header:before {width:700px;  background:#ffffff;}

.outer-main-screen-que .editor-section.fixed, .outer-main-screen-que .editor-section.absolute { padding-top:62px;}
.outer-main-screen-que .editor-section.absolute  header { position:absolute; top:-61px; z-index:100; width:947px !important;}
.outer-main-screen-que .editor-section.absolute  header:before { position:absolute; left:-1px; top:-20px; height:19px; display:block; width:949px; content:""; background:#f2f2f2; z-index:5;}


.outer-main-screen-que.expanded { position:fixed; left:0;  height:100%; width:100%; z-index:1001; background:#fff;}
.outer-main-screen-que.expanded .question-info-area, .outer-main-screen-que.expanded .editor-section { float:left;}
.outer-main-screen-que.expanded .question-info-area .scroll { padding-bottom:8px;} 
.outer-main-screen-que.expanded .question-info-area .scroll .mCSB_inside > .mCSB_container { padding-right:16px; margin:0; min-height:200px;}
.outer-main-screen-que.expanded .editor-section .scroll { padding-top:70px; padding-bottom:8px;}
.outer-main-screen-que.editor-view-only .question-info-area, .outer-main-screen-que.editor-view-only .editor-section { transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
.outer-main-screen-que.expanded .question-info-area { padding:0 0px 0 24px; width:70%; position:relative; /*box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.12) inset; */background-color: #f2f2f2; z-index:101;}
.outer-main-screen-que.expanded .question-info-area.hide-contents > .scroll, .outer-main-screen-que.expanded .question-info-area.hide-contents > .row {opacity:0;}
.outer-main-screen-que.expanded .question-info-area .ui-resizable-handle {background-color: #dadada; width:4px; right:0;}
.outer-main-screen-que.expanded .editor-section { padding:0 8px; padding-left:32px; padding-right:8px; width:30%; overflow:auto;}
/*.outer-main-screen-que.expanded .editor-section:before { height:10px; display:block; width:100%; content:""; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.12); position:absolute; left:0; top:-10px;}*/
.outer-main-screen-que.expanded .editor-section .ui-resizable-handle {display:none !important;}
#hide-question-area { width:16px; height:32px; background-color:#dadada; background-image:url("../Design/HackerRocks/images/sprites.svg"); background-repeat:no-repeat; background-position:-313px -72px; display:block; position:absolute; left:0; text-decoration:none; top:20px; z-index:102; border-radius:0 3px 3px 0;}
#hide-question-area.less { background-position:-134px -176px;}
.outer-main-screen-que #editor .ace_content { width:100% !important;}
/*.outer-main-screen-que #hide-question-area { display:none;}*/
.outer-main-screen-que .scroll .mCSB_inside > .mCSB_container { margin-right:0; overflow:visible;}
.outer-main-screen-que .mCSB_2_scrollbar_vertical, .outer-main-screen-que .mCSB_scrollTools { display:none !important;}
.outer-main-screen-que .mCustomScrollBox, .outer-main-screen-que .scroll {overflow:visible; /*height:auto !important;*/}
.outer-main-screen-que #languages-tabs .mCustomScrollBox {overflow:auto; height:100% !important;}
.outer-main-screen-que #languages-tabs .scroll {overflow:auto; height:300px !important;}
.outer-main-screen-que .half-column { /*width:auto !important;*/ float:none;}
.outer-main-screen-que .submission-table { margin-bottom:40px;}
.outer-main-screen-que .scroll .mCSB_inside > .mCSB_container { padding-right:0;}

.outer-main-screen-que .editor-section #editor { margin-top:1px;}
.outer-main-screen-que .info-flex { margin-top:0;}

.outer-main-screen-que.code-memo-editor .editor-section.fixed header:before { height:70px; top:-71px; width:1140px;}
.outer-main-screen-que.code-memo-editor .editor-section.absolute header, .outer-main-screen-que.code-memo-editor .editor-section.fixed header { width:1140px !important;}

.outer-main-screen-que #languages-tabs .scroll .mCSB_inside > .mCSB_container { margin-right:16px; overflow:hidden;}
.outer-main-screen-que #languages-tabs .mCSB_2_scrollbar_vertical, .outer-main-screen-que #languages-tabs .mCSB_scrollTools { display:block !important;}
.outer-main-screen-que #languages-tabs .mCustomScrollBox, .outer-main-screen-que #languages-tabs .scroll {overflow:hidden; height:300px !important;}
.outer-main-screen-que #languages-tabs .mCustomScrollBox {overflow:hidden; height:100% !important;}
.outer-main-screen-que #languages-tabs .scroll {overflow:hidden; height:300px !important;}



.editor-section .user-actions { position:relative; height:36px;}
.editor-section .user-actions p.form1 > .select { width:150px;}
.editor-section.large-view .user-actions p.form1 > .select,  .editor-section .user-actions p.form1 > .select { width:265px;}





.editor-section header.compare-code-header h4 { margin-bottom:0; float:left; margin-right:8px; line-height:32px; position:relative;  z-index:101;}
.editor-section header.compare-code-header .action-lnk { margin-left:40px; float:right; margin-top:8px;}

.editor-section header p { margin-bottom:0;}
.editor-section header p a { text-decoration:none;}
.editor-section header > .select { float:left; width:100px; margin-left:10px;}
.editor-section header .form1 label { float:left; line-height:36px; margin-bottom:0;}
.editor-section header .form1.pull-left label { margin-right:15px;}
.editor-section .editing-box { border-radius:0; margin-bottom:0; position:relative; margin-bottom:-1px;} 

.editor-section header .play-vs { float:right; margin-left:24px;}
.editor-section header .play-vs .select { margin-left:8px;}

.editor-section .editor-footer {background:#f7f7f7; padding:10px 15px 7px; border:1px solid #ccc; border-top:0; border-radius:0 0 4px 4px; text-align:right;}
.editor-section .editor-footer code { font-size:12px; color:#666; background:none; padding:0; border-radius:0;}
.editor-section .editor-footer p { margin-bottom:0;}
.editor-section .editor-footer .editor-mode { text-transform:uppercase;}

.editor-section .user-actions { position:relative; height:36px;}
.editor-section .user-actions p.form1 > .select { width:150px;}
.editor-section.large-view .user-actions p.form1 > .select, .normal-view .editor-section .user-actions p.form1 > .select { width:265px;}

.editor-section .editor-controllers { float:right; padding-top:2px;}
.editor-section .editor-controllers > ul { margin:0; padding:0; list-style:none; position:relative;}
.editor-section .editor-controllers > ul > li { float:left; margin-left:8px;}
.editor-section .editor-controllers > ul > li > a { display:block; position:relative; border-radius:3px; width:32px; height:32px; line-height:30px; text-align:center; background-color:#fff; background-image:url("../images/sprites.svg"); background-repeat:no-repeat;}
.editor-section .editor-controllers > ul > li > a.active, .editor-section .editor-controllers > ul > li > a:active, .editor-section .editor-controllers > ul > li.open > a { background-color:#d8d8d8;}
.editor-section .editor-controllers > ul > li > a svg { vertical-align:middle;}
.editor-section .editor-controllers > ul > li > a:hover svg g {fill:#7a7f8a;}
.editor-section .editor-controllers > ul > li > a .number { display:block; border-radius:50%; width:12px; height:12px; background:#dadada; right:1px; bottom:3px; line-height:12px; color:#4a4548; text-align:center; font-size:8px; position:absolute;}
.editor-section .editor-controllers > ul > li > a .for-tooltip { width:32px; height:32px; display:block;}

.editor-section .editor-controllers > ul > li > a.settings-btn { background-position:-160px -104px;}
.editor-section .editor-controllers > ul > li > a.keyboard-btn { background-position:-201px -104px;}
.editor-section .editor-controllers > ul > li > a.diff-btn { background-position:-241px -104px;}
.editor-section .editor-controllers > ul > li > a.save-code-btn { background-position:-280px -104px;}
.editor-section .editor-controllers > ul > li > a.download-upload-btn { background-position:-320px -104px;}
.editor-section .editor-controllers > ul > li > a.input-btn { background-position:-361px -104px;}
.editor-section .editor-controllers > ul > li > a.faq-btn { background-position:-17px -256px;}

.editor-section .editor-controllers > ul > li > a.settings-btn:hover, .editor-section .editor-controllers > ul > li > a.settings-btn.active, .editor-section .editor-controllers > ul > li > a.settings-btn:active { background-position:-160px -144px;}
.editor-section .editor-controllers > ul > li > a.keyboard-btn:hover, .editor-section .editor-controllers > ul > li > a.keyboard-btn.active, .editor-section .editor-controllers > ul > li > a.keyboard-btn:active { background-position:-201px -144px;}
.editor-section .editor-controllers > ul > li > a.diff-btn:hover, .editor-section .editor-controllers > ul > li > a.diff-btn.active, .editor-section .editor-controllers > ul > li > a.diff-btn:active { background-position:-241px -143px;}
.editor-section .editor-controllers > ul > li > a.save-code-btn:hover, .editor-section .editor-controllers > ul > li > a.save-code-btn.active, .editor-section .editor-controllers > ul > li > a.save-code-btn:active { background-position:-280px -144px;}
.editor-section .editor-controllers > ul > li > a.download-upload-btn:hover, .editor-section .editor-controllers > ul > li > a.download-upload-btn.active, .editor-section .editor-controllers > ul > li > a.download-upload-btn:active, .editor-section .editor-controllers > ul > li.open > a.download-upload-btn { background-position:-320px -144px;}
.editor-section .editor-controllers > ul > li > a.input-btn:hover, .editor-section .editor-controllers > ul > li > a.input-btn.active, .editor-section .editor-controllers > ul > li > a.input-btn:active { background-position:-361px -144px;}
.editor-section .editor-controllers > ul > li > a.faq-btn:hover, .editor-section .editor-controllers > ul > li > a.faq-btn.active, .editor-section .editor-controllers > ul > li > a.faq-btn:active { background-position:9px -256px;}

.editor-section #compile_code, .editor-section .compile-action-btn, .editor-section #show_owntestcase_btn { float:right; margin-left:1px; margin-top:2px;}
.editor-section #show_owntestcase_btn { margin-right:-8px;}
.editor-section .editor-controllers > ul > li .inner { position:relative;}
.editor-section .editor-controllers > ul > li .dropdown-menu { border-radius:0; border:0; padding:0;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);} 
.editor-section .editor-controllers > ul > li .dropdown-menu > li > a {padding:8px 16px;} 
.editor-section .editor-controllers > ul > li.open .dropdown-menu { display:block !important;} 
.editor-section .editor-controllers > ul > li.custom-input-icon { display:none;}
.editor-section .editor-controllers .show-editor-controllers { display:none; height:32px; width:8px; background:url("images/sprites.svg") no-repeat scroll -118px -176px;}
.editor-section .editor-controllers.dropdown-mode .show-editor-controllers { display:block;}
.editor-section .editor-controllers.dropdown-mode .dropdown-menu { left:auto; right:0; top:-2px;}

.editor-section .editor-controllers.dropdown-mode { position:relative;}
.editor-section .editor-controllers.dropdown-mode > ul { position:absolute; width:32px; left:-14px; top:2px; z-index:100; display:none; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1);}
.editor-section .editor-controllers.dropdown-mode > ul > li { float:none; margin:0;}
.editor-section .editor-controllers.dropdown-mode > ul > li a { border-radius:0;}
.editor-section .editor-controllers.dropdown-mode > ul > li.custom-input-icon { display:block;}
.editor-section .dropdown-mode #settings-dropdown label.left-label { width:100%; padding-top:0; margin-bottom:8px; float:none;}
.editor-section .dropdown-mode #settings-dropdown .col-sm-9, .editor-section .dropdown-mode #settings-dropdown .col-sm-3, .editor-section .dropdown-mode #settings-dropdown .col-sm-5 { width:100%; float:none;}
.editor-section .dropdown-mode #settings-dropdown .select-inline { display:block; width:100%; margin-bottom:24px; margin-left:0;}
.editor-section .dropdown-mode #settings-dropdown ul li:nth-last-child(2) { margin-bottom:0;}

.editor-section #editor-actions { padding-top:15px; margin-bottom:15px;}
.editor-section #editor-actions .button4 { margin-right:7px;}
.editor-section #own_testcase .form-control { height:285px; border:0 !important; padding:0;}

.outer-main-screen-que.expanded { /* position:fixed; */position:relative; left:0; top:0; height:100%; width:100%; z-index:1001;	 background:#fff; margin-top:-5px;}
.outer-main-screen-que.expanded .question-info-area, .outer-main-screen-que.expanded .editor-section { float:left;}
.outer-main-screen-que.expanded .question-info-area .scroll {  padding-bottom:8px;} 
.outer-main-screen-que.expanded .question-info-area .scroll .mCSB_inside > .mCSB_container { padding-right:16px; margin:0; min-height:200px;}
.outer-main-screen-que.expanded .editor-section .scroll { padding-top:00px; padding-bottom:8px;}
.outer-main-screen-que.editor-view-only .question-info-area, .outer-main-screen-que.editor-view-only .editor-section { transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
.outer-main-screen-que.expanded .question-info-area { padding:0 12px 0 24px; width:70%; position:relative; /*box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.12) inset; */background-color: #f2f2f2; z-index:101;}
.outer-main-screen-que.expanded .question-info-area.hide-contents > .scroll, .outer-main-screen-que.expanded .question-info-area.hide-contents > .row {opacity:1;}
.outer-main-screen-que.expanded .question-info-area .ui-resizable-handle {background-color: #dadada; width:4px; right:0;}
.outer-main-screen-que.expanded .editor-section { padding:0; padding-left:0px; padding-right:0px; width:100% !important; overflow:inherit;}
/*.outer-main-screen-que.expanded .editor-section:before { height:10px; display:block; width:100%; content:""; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.12); position:absolute; left:0; top:-10px;}*/
.outer-main-screen-que.expanded .editor-section .ui-resizable-handle {display:none !important;}
#hide-question-area { width:16px; height:32px; background-color:#dadada;background-image:url("../images/sprites.svg"); background-repeat:no-repeat; background-position:-313px -72px; display:block; position:absolute; left:0; text-decoration:none; top:20px; z-index:102; border-radius:0 3px 3px 0;display:none;  }
#hide-question-area.less { background-position:-134px -176px;}
.outer-main-screen-que #editor .ace_content { width:100% !important;}
.outer-main-screen-que.normal-view #hide-question-area { display:none;}
.outer-main-screen-que.normal-view .scroll .mCSB_inside > .mCSB_container { margin-right:0; overflow:visible;}
.outer-main-screen-que.normal-view .mCSB_2_scrollbar_vertical, .outer-main-screen-que.normal-view .mCSB_scrollTools { display:none !important;}
.outer-main-screen-que.normal-view .mCustomScrollBox, .outer-main-screen-que.normal-view .scroll {overflow:visible; height:auto !important;}
.outer-main-screen-que.normal-view #languages-tabs .mCustomScrollBox {overflow:auto; height:100% !important;}
.outer-main-screen-que.normal-view #languages-tabs .scroll {overflow:auto; height:300px !important;}
.outer-main-screen-que.normal-view .half-column { width:auto !important; float:none;}
.outer-main-screen-que.normal-view .submission-table { margin-bottom:40px;}
.outer-main-screen-que.normal-view .scroll .mCSB_inside > .mCSB_container { padding-right:0;}
.outer-main-screen-que.normal-view .half-column { width:auto !important; float:none;}
.outer-main-screen-que.normal-view .editor-section #editor { margin-top:-1px;}
.outer-main-screen-que.normal-view .info-flex { margin-top:0;}

.outer-main-screen-que.code-memo-editor .editor-section.fixed header:before { height:70px; top:-71px; width:1140px;}
.outer-main-screen-que.code-memo-editor .editor-section.absolute header, .outer-main-screen-que.code-memo-editor .editor-section.fixed header { width:1140px !important;}

#keyboard-bindings .table2 tr td, #keyboard-bindings .table2 tr th { font-size:11px; padding:7px; text-align:left;}
#keyboard-bindings .modal-body { max-height:400px; overflow:auto;}

#show-tab-lists { display:none !important; width:100%; position:relative; padding-right:32px; text-align:left; border:1px solid #dadada; margin-bottom:24px; color:#4a4548; background:#fff; box-shadow:none;}
#show-tab-lists:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:url("images/sprites.svg") no-repeat scroll -18px -176px; width:31px; height:36px; content:"";}

#settings-dropdown { display:block; width:458px; max-width:458px; z-index:99; left:-204px; right:auto; top:36px; display:none; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); border: solid 1px #dadada; padding:24px; border-radius:6px;}
#settings-dropdown label.left-label { color:#8a858d; font-weight:normal; line-height:16px;}
.editor-section .editor-controllers.dropdown-mode #settings-dropdown { right:auto; width:286px; left:50%; margin-left:-143px;}
#settings-dropdown > .arrow {left:auto; right:50%; margin-right:-11px; border-bottom-color:#dadada;}
#settings-dropdown .btn-group { display:block; margin-bottom:0;}
#settings-dropdown .btn-group .btn { width:33.333%; border:1px solid #8a858d; color:#4a4548;}
#settings-dropdown .btn-group .btn.active { border:1px solid #19171a; background:#19171a; color:#fff;}
#settings-dropdown .popover-title { padding:8px 15px; position:relative; margin-bottom:8px; border-radius:0;}
#settings-dropdown hr { margin:5px 0;}
.editor-section  #settings-dropdown .two-col { padding:10px 0;}
.editor-section  #settings-dropdown label.left-label { line-height:20px; padding-top:7px;}
.editor-section  #settings-dropdown .select-inline { width:auto; display:inline-block;}
.editor-section  #settings-dropdown .font-size-select { margin-left:16px;}
.editor-section  #settings-dropdown .two-col label { line-height:15px; margin-bottom:5px;}
.editor-section  #settings-dropdown .two-col .select { margin-left:0; width:100%;}
.editor-section  #settings-dropdown .checkbox-input label { line-height:19px; font-weight:normal;}

.editor-section h6 { text-transform:capitalize; font-weight:600; margin-bottom:8px; color:#19171a;}
.editor-section h6 .pass-icon { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/sprites.svg") -168px -81px no-repeat; margin-left:3px;}
.editor-section h6 span.alert { text-transform:none;}
.editor-section .ajaxCompileTable { margin-bottom:-13px; position:relative; width:100%;}
.editor-section .ajaxCompileTable tr td, .editor-section .ajaxCompileTable tr th { padding:5px 10px 5px;}
.editor-section .ajaxCompileTable tr td {word-break:break-word; font-family:monospace,serif; font-size:12px; color:#8c8c8c; border-right:1px solid #dadada;}
.editor-section .ajaxCompileTable tr td:last-child {border-right:0;}
.editor-section .ajaxCompileTable tr td h6 { text-transform:none; margin-bottom:5px;}
.editor-section .ajaxCompileTable tr td.testcase-status { text-align:center;}


.editor-section header { background:#fff; padding:12px; border:1px solid #dadada; border-bottom:1px solid #dadada; border-radius:4px 4px 0 0; }


/*--- Question Area --- */
.question-info-area .question-status { font-size:12px;line-height:30px;}
.question-info-area .question-status .status-blk { display:inline-block; margin-right:20px; position:relative;}
.question-info-area .question-status .fa {margin-right:2px;}
.question-info-area .question-status .rating1 { display:inline-block; vertical-align:text-top; margin-left:5px; position:relative; top:2px;}
.coding-page .question-info-area, .coding-page .mcq-description { margin-bottom:32px;}
.coding-page #content { min-height:15px !important;}
.question-info-area .question-status .popover { padding:7px 10px 10px 15px; top:22px; min-width:185px; border:1px solid rgba(0, 0, 0, 0.25);}
.question-info-area .question-status .popover p { margin-bottom:5px;}
.question-info-area .question-status .popover .close { margin-right:-5px; margin-top:-7px;}
.question-info-area .question-status .status-blk.small { font-size:100%;}
.question-info-area .question-status .status-blk .dropdown-menu > li > a { padding:5px 10px; font-size:13px; color:#8c8c8c;}
.question-info-area .question-status .rating-thanks { display:none; margin-left:10px; font-weight:500;}
.question-info-area h2 small { font-size:14px; color:#8a858d; font-weight:normal;}
.question-info-area h5 { margin-bottom:4px;}
.question-info-area h6 { margin-bottom:8px;}
.question-info-area h1 { font-size:24px; line-height:32px;}
.question-info-area h1 small { font-size:14px; color:#8a858d; font-weight:normal;}
.question-info-area dl.description-list dt { min-width:128px; color:#9ca3a8; font-weight:600; }
.question-info-area dl.description-list dd {margin-left:136px;color:#9ca3a8;font-weight:300;text-transform:none; }

.expanded .question-info-area .row { margin:0;}
.expanded .question-info-area .col-sm-8 { padding:0; width:100%;}
.expanded .question-info-area .col-sm-4 { display:none;}

/*--- Flex Container --- */
.info-flex { display: flex; display: -webkit-flex; flex-direction: row; bottom: 0; width: 100%;    height:400px;font-size:14px; line-height:20px;  margin-top:62px;border:1px solid #dadada;border-top:0;  width: 100%;  overflow: auto; position:relative; top:auto;}
.info-flex.hide-compare { position:absolute; top:-1000000px;}
.info-flex .ace_editor {font-size:14px; line-height:20px;}
.info-flex>div {   flex-grow: 1;   -webkit-flex-grow: 1;   position: relative;}
.info-flex>div#gutter {   flex: 0 0 60px;   -webkit-flex: 0 0 60px;   border-left: 1px solid #dadada;   border-right: 1px solid #dadada;   background-color: #efefef;   overflow: hidden;}
.outer-main-screen-que.normal-view .info-flex { margin-top:0;}

.custom-testing-input-info {display: none;padding-top: 40px;margin-bottom: 16px;}
.user-info-action-tabs {border-radius: 6px;display: none;background-color: #ffffff;border: solid 1px #dadada;padding: 7px;margin-top: 16px;}

.outer-main-screen-que.expanded #question-area {

  
    /* width: 70%; */width: 100% !important;
    position: relative;
    /* box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.28); border: 1px solid #e9ecef;*/
	border-left:1px solid #e9ecef;
	border-right:1px solid #e9ecef;
	border-bottom:1px solid #e9ecef;

    background-color: #fff;
    z-index: 101;
	margin-bottom: 10px;
}

.outer-main-screen-que.expanded #question-area, .outer-main-screen-que.expanded #editor-box {
    float: left;
}
.coding-page #question-area, .coding-page .mcq-description {
    margin-bottom: 15px;
}
.ui-resizable {
    position: relative;
}
.ui-resizable {
    position: relative;
}

.form1 .select select {
    width: 100%;
    border: 0;
    font-family: 'lato', Arial, Helvetica, sans-serif;
    background: #fff;
    padding: 0 6px 0 5px;
    height: 34px;
   

    position: relative;
    border-radius: 2px;
}

.outer-main-screen-que .editor-section header {
    position: fixed;
    top: 72px;
    z-index: 100;
    border-radius: 4px 0 0 0;
    border-right: 0;
    background: #f7f7f7;
    padding: 12px;
    border: 1px solid #dadada;
}

.editor-section .user-actions p.form1 > .select {
    width: 150px;
}
.select {
    position: relative;
    display: block;
    border: 1px solid #ccc;
    border-radius: 2px;
    min-height: 36px;
    height: auto;
    width: 100%;
}

.editor-section .editor-controllers.dropdown-mode {
    position: relative;
}
.editor-section .editor-controllers {
    float: right;
    padding-top: 2px;
}


.editor-section .editor-controllers .show-editor-controllers {
    display: none;
    height: 32px;
    width: 8px;
    background: url("../images/sprites.svg") no-repeat scroll -118px -176px;
}
.editor-section .editor-controllers.dropdown-mode .show-editor-controllers {
    display: block;
}

/*--- Folder Structure --- */
#attempted_option #folder-structure > div { border:1px solid #dadada;}
#folder-structure #tree { background:#f4f4f4; border-bottom:0; padding:0; font-size:12px;}
#folder-structure #data { border-bottom:0; font-size:12px;}
#folder-structure .CodeMirror-lines { line-height:20px;}
#folder-structure .folder-box { border:1px solid #dadada; margin-bottom:16px; border-radius:6px;}
#folder-structure .folder-box .CodeMirror { border:0; border-radius:0 5px 5px 0;}
#folder-structure header { padding:15px; border-bottom:1px solid #d0d0d7; background:#f6f6fb; position:relative;}
#folder-structure header .select { width:200px;}
#folder-structure .CodeMirror-gutters { background:#f2f2f2;}
#selectable-tree { border-right:1px solid #dadada; background:#f7f7f7; padding:16px 0; overflow:auto; height:300px; z-index:10; position:relative; margin-right:-20px; border-radius:5px 0 0 5px;}
#folder-structure .common-lnk { float:none; margin-right:20px; color:#4a4548;}
#folder-structure .common-lnk .icon-download, #upload-zip-file .common-lnk .icon-download { vertical-align:text-bottom; width:16px; height:16px; display:inline-block; background:url("images/sprites.svg") -335px -80px no-repeat;}
#folder-structure header .settings { font-size:18px; float:right; margin-left:15px; color:#314451; opacity:0.7; margin-top:9px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
#folder-structure header .settings:hover { opacity:1;}
#submitproject .button2, #result-qualified-popup .button2, #result-qualified-popup .button1  {     border-radius: 3px;
    background: #5472d2;
    color: #fff;
    text-transform: capitalize;
    border: 0;
    font-size: 13px;
    line-height: 18px;
    padding: 13px 15px;
    font-weight: 400;
    transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -webkit-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -moz-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -o-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -ms-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    outline: none;
    font-family: 'Poppins', font-family;}
#submitproject .button2:hover, #submitproject .button2:focus, #submitproject .button2:active, #result-qualified-popup .button2:hover, #result-qualified-popup .button2:focus, #result-qualified-popup .button2:active, #result-qualified-popup .button1:hover, #result-qualified-popup .button1:focus, #result-qualified-popup .button1:active { color:#fff; background:#071773; outline:none; opacity:0.9;}
#split-editor, #split-tail-editor,pre.read-only-editor  { background:#f7f7f7; border:1px solid #dadada; border-top:0; }
#split-editor .CodeMirror-gutters { width:51px !important; }
#split-editor .CodeMirror-linenumber { margin-left:-7px; }
.box-default1 .content-wrapper.main-content-block > h5 {
     margin-top: 0px;
    margin-bottom: 16px;
    font-size: 16px;
    border-bottom: 1px solid #dfd9d9; 
   padding: 15px; 
    color: #515151;
}
textarea#body_code {
    width: 100%;
    min-height: 300px;
}
#upload-zip-file.modal .modal-footer .button1{width:auto}
#upload-zip-file.modal .modal-footer .button2{width:auto}
.lavel-show-accordion .contest-counttime {
    width: 348px;
    display: flow-root;
    margin: 0 auto;
    background: #191919;
    color: white;
    font-family: 'Poppins', font-family !important;
    box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0px 10px 30px -10px rgba(151, 163, 184, 0.5);
    box-shadow: 0px 25px 25px -25px #97a3b8;
	    padding: 10px;
    border-radius: 3px;
}
.lavel-show-accordion time.countdown-alt-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.lavel-show-accordion span.item {    text-align: center !important; padding: 0 15px;
    height: 100%;
    line-height: normal !important;
    overflow: inherit !important;
}
.lavel-show-accordion .countdown span.dd { font-size: 40px; color: white;line-height: 15px;}
.lavel-show-accordion .countdown span.hh-1,.hh-2,.mm-1,.mm-2,.ss-1,.ss-2 { font-size: 40px; color: white; line-height: 15px;}
.lavel-show-accordion .countdown{
	width:100%;
}
.lavel-show-accordion  .countdown .label{
	margin-top:0px;
}
.box-default1 .content-wrapper.main-content-block > h4 {
    margin-top: 0px;
    margin-bottom: 16px;
    font-size: 16px;
    border-bottom: 1px solid #dfd9d9;
    padding: 20px;
    color: #515151;
    text-transform: uppercase;
    font-weight: 600 !important;
}
div#job-openings-widget {
    box-shadow: 2px 2px 10px #e8e8e8;
}
#job-openings-widget .content-wrapper h5{
	    margin-top: 0px;
    margin-bottom: 16px;
    font-size: 16px;
    border-bottom: 1px solid #dfd9d9; 
   padding: 15px; 
    color: #515151;
}
div#breakdown-tab-content {
    background: white;
    padding: 20px;
    box-shadow: 7px 10px 20px -10px #d6cfcd;
}
#text_query h4.panel-title {
    padding: 10px;
    border-bottom: 0px;
}
div#contest-description {
    padding: 0px 20px 0px !important;
    box-shadow: none !important;
    }
.themes_background .themes_background .container {
    width: 100% !important;
    padding: 0px;
    max-width: 100% !important;
}

.lavel-show-accordion .countdown .item:after {
       display: block;
    right: 0;
    top: -5px;
    height: 16px;
    content: ":";
    position: absolute;
    color: #d9d5d5;
    font-size: 23px;
}
 .preview-test-block .lavel-show-accordion p {
    color: #efeeee;   
    font-size: 14px;
    font-family: 'Poppins', font-family !important;
    text-align: center;
    display: inline-block;
    margin-bottom: 25px;
    width: 100%;
    padding: 8px 0px 0px 0px;
}
.preview-test-block .lavel-show-accordion .col-md-12 > p{
	    color: #535353;
    font-weight: normal;
    margin-bottom: 12px;
}
.preview-test-block .lavel-show-accordion .col-sm-12 > p{
	    color: #535353;
    font-weight: normal;
    margin-bottom: 12px;
}
.preview-test-block .lavel-show-accordion .col-md-12 > p > strong{
	    font-weight: 500;
}
.content-wrapper.main-content-block.show-on-scroll .contest-countdown{display:none;}
.lavel-show-accordion .countdown .item:last-child:after{
	display:none;
}
.content-wrapper.main-content-block.show-on-scroll {
   display: inline-block !important;
    width: calc(100% - 20px);
    background: #fafafa;
    border: 1px dashed #b0a9a9 !important;
    margin: 0px 10px 10px;
}
.content-wrapper.main-content-block .btn {
    margin: 0 auto 0px;
}
.col-sm-12.col-xs-12.create-test-form.test_list_main.padding15 {
    padding: 0px !important;    background: transparent;
    box-shadow: none !important;
}
.test_list_main .panel-title > a {
     font-size: 16px;
    color: #515151;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600 !important;
}
.button1 {
      font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    line-height: 18px;
    outline: none !important;
    border: 1px solid #ffffff;
    transition: all 0.5s linear;
    padding: 12px 25px !important;
    box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5) !important;
    width: 170px;
    font-weight: 600;
}
/*--- CodeMirror --- */
.CodeMirror { font-size:14px; border:1px solid #dadada; line-height:20px !important; color:#4a4548 !important;}
.box-default1 .content-wrapper {    border-bottom: 1px solid #ffffff;
    padding: 0px;
    /* font-family: 'Poppins', font-family !important; */
    display: inline-block;
    width: 100%;
    border-radius: 5px;}
	.test-base-result h5 {
       /* margin-top: 0px;
    margin-bottom: 16px;
    font-size: 17px;
    border-bottom: 1px solid #dbd5d5;
    padding: 18px;
    color: #515151;
    text-align: left;
    font-family: 'Poppins', font-family !important;
    font-weight: 500;
    background: #fefcfc; */
}
.dropzone.dz-clickable {cursor: pointer;}
.dropzone {border: solid 2px #dadada;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;padding: 10px;
margin: 10px 0 0 0;border-left-style: solid; border-style: dashed;border-radius: 6px;margin-bottom: 8px;position: relative;}
.dropzone, .dropzone * {box-sizing: border-box;}
.dropzone .dz-message {text-align: center;margin: 2em 0;font-size: 14px;color: #8a858d;line-height: 20px;margin: 0px;padding: 14px;}
.dropzone .upload-icon {display: block;width: 48px;height: 48px;margin: 0 auto 4px;background: url("../images/sprites.svg") 0 -207px no-repeat;}
.dropzone p {margin: 0;text-align: center;}
.dropzone .overlay {display: none;position: absolute;width: 100%;height: 100%;border-radius: 6px;background: #ffffff;left: 0px;top: 0px;pointer-events: none;
    padding-top: 14px;text-align: center;transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -webkit-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -moz-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -o-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -ms-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
.dropzone .download-icon {display: block;width: 48px;height: 48px;margin: 0 auto 4px; background: url("../images/sprites.svg") -112px -207px no-repeat;}
.dropzone .overlay p {margin: 0px;font-size: 14px;line-height: 20px;color: #4a4548;}
.dropzone .overlay p {font-weight: 600;color: #1e2a6a;}
.dropzone .fallback{display: none}
.dropzone:hover {border-color: #1e2a6a;}
#folder-structure .common-lnk {float: none;margin-right: 20px;color: #ea1e63;}
#folder-structure .common-lnk .icon-download, #upload-zip-file .common-lnk .icon-download {vertical-align: text-bottom;width: 16px;height: 16px;display: inline-block;background: url("../images/sprites.svg") -335px -80px no-repeat;}
.panel-group .panel{ margin-bottom:10px !important;}
.login-signup-info-tab > li.active > a:focus, .login-signup-info-tab > li.active > a:hover {background: transparent;border:0;border-bottom: 2px solid #e91e63;box-shadow: none;border-radius: 0;color: #071773;}
.login-signup-info-tab{box-shadow: none;border-radius: 0px;margin-bottom: 15px;border-bottom: 1px solid #f2f2f2;}
.login-signup-info-tab > li {margin-right: 0px; width: 50%;}
.login-signup-info-tab > li a {padding-left: 20px;padding-right: 20px;text-align: center;margin-right: 0; font-weight: 600;font-size: 12px;color:#4b5059;text-transform: uppercase;}
.login-signup-info-tab > li.active > a, .login-signup-info-tab > li.active > a:focus, .login-signup-info-tab > li.active > a:hover {background: transparent;border:0;border-bottom: 2px solid #e91e63;box-shadow: none;border-radius: 0;color: #071773;}
.login-signup-info-tab > li > a:hover {background: transparent;border: 0;}
.login-signup-info-tab {margin-bottom: 20px;}
.login-signup-form label {font-weight: 600;margin-bottom: 5px !important;font-size: 13px;color: #333;}
.star {color: #f00;}
.tabs-form{ display: inline-block; width:100%;padding:0;margin:0; list-style:none;}
.tabs-form li{display: inline-block; width:100%; margin-bottom:15px;}
.login-fs-link a{ color: #e91e63; font-size: 13px; font-weight: 600; display: inline-block;margin-top:10px;}
.login-fs-link a:hover, .login-fs-link a:focus{ color: #e91e63;}
.login-bttn{border-radius: 3px;background: #fff;color: #fff;font-weight: 600;text-transform: capitalize;background:#071773;font-size: 13px;padding: 7px 14px;margin: 0;transition: 0.4s;}
.login-bttn:hover, .login-bttn:focus{ border: 1px solid #071773; background: #fff; color: #071773;}
.logo-n{ display: inline-block; max-width: 100%; height: 20px; margin:10px 0}

.outer-main-screen-que.normal-view .editor-section header{ position:initial}


/****** Result Page Css ********/

.result-top-banner-block {
        background-color: #3d5473;
  background: url(https://img.b2bstatic.com/files/retail_files/ResultBanner_1640852710.jpg) no-repeat !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    padding: 90px 0;
    margin-bottom: 0px;
    position: relative;
    background-size: 100%;
    z-index: 1;
    transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -webkit-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -moz-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -o-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -ms-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    margin-top: 0px;
    background-position: center;
}

.mb-20.float-left {
    width: 100%;
}
.Masterclass_header .user-area a {
    font-size: 17px;
    color: #2d2c2c;
}
#login_register_popup button#token-to-login {
    box-shadow: none !important;
    font-size: 18px;
    min-width: 119px;
    margin-left: -59px;
	color:white !Important;
}
button#token-to-register {
    box-shadow: none !important;
    font-size: 18px;
    min-width: 119px;
    color: white;
    display: inline-block;
    margin-left: 116px;
}
.result-top-banner-block h1 {
    color: #fff8f8;
    font-weight: 300;
    margin-bottom: 15px;
    line-height: normal;
    margin-top: 0px;
    font-size: 37px;
    font-weight: 700;
    text-shadow: 1px 1px #4d4d4d;
}

.result-top-banner-block p {
    color: #b1b7d8;
    font-style: italic;
    font-weight: 600;
    line-height: 33px;
    margin: 0;
    font-size: 27px;
    margin-top: 16px;
}
.result-top-banner-block h5 {
    color: #fff;margin-top: 15px;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.result-top-banner-block .rating-area .rating1 p {
    float: left;
    color: #dadada;
    line-height: 20px;
    margin: 0;
}
.rating-area p{ font-size:15px;}
#user-feedback-form {
    width: 568px;
    max-width: 100%;
    top: 75px;
    left: 69px;
    border-radius: 6px;
    border: solid 1px #dadada;
}
.popover.bottom {
    margin-top: 10px;
}
.popover {
    border: 0;
    border-radius: 2px;
    font-family: 'lato', Arial, Helvetica, sans-serif;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
#user-feedback-form.popover.bottom > .arrow {
    left: 51px;
}
.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,0.25);
    top: -11px;
}
.popover > .arrow {
    border-width: 11px;
        border-top-width: 11px;
}
.popover > .arrow, .popover > .arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
        border-bottom-color: transparent;
    border-style: solid;
}   
#user-feedback-form .close {
    position: relative;
    right: 5px;
}

#user-feedback-form li > label {
    color: #8a858d;
    margin-bottom: 0;
}
#user-feedback-form .rating1 ul {
    margin-left: 0;
    margin-top: 2px;
    margin-right: 11px;
}
#user-feedback-form .rating1 ul li {
    margin-bottom: 0;
}
.rating1 > ul > li.hover, .rating1 > ul > li:hover, .rating1 > ul > li.active {
    background-position: -122px -80px;
}
.rating1 > ul > li:first-child {
    margin-left: 0;
}
#user-feedback-form .rating1 p {
    color: #4a4548;
}
.rating1 > ul > li {
    float: left;
    margin-left: 2px;
    background: url(../images/sprites.svg) -146px -80px no-repeat;
        background-position-x: -146px;
        background-position-y: -80px;
    width: 14px;
    height: 0;
    padding-top: 16px;
    overflow: hidden;
    cursor: pointer;
}
.form1 .checkbox-input.checkbox-block {
    display: block;
    margin-bottom: 16px;
    text-transform: capitalize;
}
.checkbox-input.checkbox-block {
    display: block;
    margin-bottom: 16px;
    text-transform: capitalize;
}
.form1 .checkbox-input {
    position: relative;
    display: inline-block;
    padding-left: 24px;
}
.checkbox-input {
    position: relative;
    display: inline-block;
    padding-left: 24px;
}
.form1 textarea.form-control {
    resize: none;
    height: 64px;
    border: 1px solid #dadada !important;
    padding: 11px 12px;
}   

.popover-content ul { list-style: none; padding: 0; margin: 0}
#testcase_status ul{ list-style:none; padding-left:15px;}
#testcase_status h6{ padding-left:5px;}
#testcase_status ._testcase {
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 40px;
    background: #f4f4f4;
    color: #8c8c8c;
    padding: 10px;
    border: 0;

}


#user-result .test-base-result.single {
       float: none;
    margin: 15px auto 25px auto !important;
    margin-left: 0px !important;
    display: inline-block;
    float: none;
    border-radius: 50%;
    width: 230px;
    height: 230px;
    padding: 42px 10px;
    background: linear-gradient(141deg, #5bd4cb 0%, #6dcaf0 51%, #51c4f3 75%);
    text-align: center;
}
div#contest-summary-widget {
    padding: 0px !important;
    box-shadow: none !important;
}
#user-result .test-base-result:last-child {
    margin-bottom: 0;
}
#user-result .test-base-result {
    /* border-bottom: 1px solid #ede5e5;
    position: relative; */
}
.retake-test-btn.quiz_round{
    margin-right: 20px;
    border-radius: 0;
    vertical-align: top;
    margin-top: 30px;
}
#results-tab-content .block {
       display: inline-block;
    width: 100%;
    padding: 17px 20px 20px;
    text-align: center;
    border-top: 1px solid #ddd;
    margin-top: 15px;    margin-bottom: 0px;
}
.test-base-result dl.description-list {
    padding: 0px 20px 20px;    font-family: 'Poppins', font-family !important;
}
.test-base-result p{
	    /* padding: 0px 20px;font-family: 'Poppins', font-family !important;    line-height: 24px; */
}
.score-block1 {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
#user-result .test-base-result.cleared h4 .icon, #user-result .test-base-result.not-cleared h4 .icon {
    background-position: -3px -107px;
}
#user-result .test-base-result h4 .icon {
    background: url("../images/sprites.svg") no-repeat scroll -43px -107px;
        background-position-x: -43px;
        background-position-y: -107px;
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    margin-right: 6px;
}



#user-result .test-base-result.cleared h6 {
    margin-bottom: 0;
}
#user-result .test-base-result.single h6, #user-result .test-base-result.cleared h6 {
float: left;
    width: 100%;
    text-align: center;
    margin-left: 0px;
    font-size: 15px;
    line-height: 27px;
    color: #fff;
    font-weight: 400;
}
#user-result{text-align:center;    padding: 0px 0px;}
#user-result .test-base-result.single .user-score, #user-result .test-base-result.cleared .user-score {
       float: left;
    width: 100%;
    text-align: center;
    font-size: 45px;
    margin-bottom: 0;
    line-height: 50px;
    margin-left: 0px;
    font-weight: 400;
    margin-top: 0px;
    color: #fff;
}


#user-result .test-base-result .user-score span {
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;float: left; width:100%; text-align:center;
    color: #fff;
    vertical-align: baseline;
}
.test_field_panel ul {
    list-style-type: none;
}

.registration-form {
    padding-bottom: 25px;
}

a.btn.button5 {
    background: #56575A !important;
    height: 42px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    justify-content: center;
    align-items: center;
    color: white !important;
    text-decoration: none;
    font-size: 13px;
    padding: 12px 25px !important;
    transition: all 0.5s linear;
    font-weight: 600;
    line-height: normal;
    font-family: 'Rubik', sans-serif !Important;
}
.table1-wrap {
     position: relative;
    overflow-x: auto;
    border: 1px solid #a29d9d !important;
    padding-bottom: 15px;
}
.table1 {
    width: 100%;
}
.table1 tr th:first-child {
    
}
.table1 tr td.text-left, .table1 tr th.text-left {
    text-align: left;
}
.table1 tr th {
    text-align: left;
    white-space: nowrap;
    padding: 10px 16px 11px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #19171a;
    background-color: #fdfdfd;
    border-bottom: solid 1px #dadada;
    vertical-align: top;
}
.table1 tr:last-child td:first-child {
    border-radius: 0 0 0 5px;
}
.table1 tr td.text-left, .table1 tr th.text-left {
    text-align: left;
}
.table1 tr td {
      text-align: left;
    vertical-align: top;
    position: relative;
    padding: 10px 16px;
    font-size: 12px;
    color: #626b7f;
    font-weight: 600;
    line-height: 20px;
    padding: 14px 13px 3px;
}

#tree ul{margin: 0;
padding: 0;
list-style: none;}

.main-banner {
    background-color: #39424e;
    background-position: right top;
    background-repeat: no-repeat;
    padding: 40px 0 40px;
        padding-left: 0px; color:#fff;
    position: relative;
    z-index: 1;
    transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -webkit-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -moz-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -o-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -ms-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
}
.banner-right-content h2 {
    color: white;
}
#question-area.question-info-area{height:auto;/*overflow: scroll;*/}
.outer-main-screen-que.expanded #editor-box{/* height: calc(100vh - 120px); */height: auto !important;    margin-top: 25px;
/*overflow: scroll;*/}
#mCSB_2_container .tabs1.domain-tab.coding-info-main-block{/*  height: calc(100vh - 145px); overflow-y:auto; */ height: auto !important; overflow-y:inherit !important;}
.normal-view.multi-question-view.fixing-editor.outer-main-screen-que .question-info-area{ height:100vh; overflow:inherit !important;}
#login-register-modal .modal-body{ max-height:700px !important;}
/*--- Autocomplete --- */
#autocomplete { position:absolute; background:#fff; z-index:100; border:1px solid #dadada; max-height:229px; overflow:auto; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); width:343px; }
#autocomplete ul li:last-child { border-bottom:0;}
#autocomplete ul li { padding:5px 12px; background:#fff !important; font-size:14px; color:#4a4548 !important; margin-bottom:0 !important; font-weight:normal; display:inline-block; width:100%;}
#autocomplete ul li:hover { background:#f2f2f2 !important;}
#autocomplete ul li strong { color:#4a4548;}
.register-form-info-listing .checkbox-input{ padding-left:0px !important;}
label.agreement{ font-weight:600;font-size: 13px;}
.resume-test-data{background: none;
color: #1e2a6a;
text-transform: capitalize;
border-radius: 3px;
border: solid 1px #1e2a6a;
font-size: 13px;
line-height: 16px;
padding: 7px 15px;
font-weight: 600;
transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
-webkit-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
-moz-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
-o-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
-ms-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
outline: none;}

.resume-test-data:hover, .resume-test-data:focus{color: #fff;
background: #1e2a6a;
outline: none;}
.modal-body {
    font-family: 'Rubik', sans-serif !Important;
    font-size: 16px;
    line-height: 27px;
}
#result-qualified-popup .resume_btn {
    width: auto;
    margin-right: 10px;
}
.modal-footer a.btn.button1:hover, .modal-footer a.btn.button1:focus{opacity:0.9;}
.modal-body h2 {font-size: 24px;line-height: 32px;}
.post ul.list{display:inline-block;width:100%;list-style:none;padding:0;margin:0;}
.post ul.list li{display:inline-block;width:100%;}
#upload-zip-file .wrap-file_upload {
    position: relative;
    min-width: 120px;
    text-align: center;
    line-height: 32px;
    font-weight: 600;
    border: 1px solid #337ab7;
    margin-top: 10px;
}
#upload-zip-file .file_upload .post ul > li {
    list-style: none;
}
#upload-zip-file .wrap-file_upload #file_upload{opacity: 0;}
.right-panel .box-default1{ margin-bottom:15px;}
.modal .modal-body h2{ margin-top:0px; font-size:20px;}
.modal .modal-footer .btn.button2{background: #fff;
    background: #3ac47d;
    font-size: 13px;
    color: #fff !important;
    text-transform: capitalize;
    line-height: 18px;
    outline: none !important;
    border: 1px solid #3ac47d;
    transition: all 0.5s linear;
    padding: 12px 25px !important;
    box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5);
    font-weight: 600;
}

#result_pop_up_new_temp a.btn.button1.btn-block {
    width: 100%;
    background: #ed1a3b;
    font-size: 13px;
    color: #fff;
    text-transform: capitalize;
    line-height: 18px;
    outline: none !important;
    border: 1px solid #3ac47d;
    transition: all 0.5s linear;
    padding: 12px 25px !important;
    box-shadow: none !important;
    width: 200px;
    font-weight: 600;
}
.modal .modal-footer .btn.button2:hover, .modal .modal-footer .btn.button2:focus{opacity: 0.9; color: #1e2a6a; text-decoration: none }

.modal .modal-body h2#mySmallModalLabel{font-size:20px;}
#disable_ctrl_key_combination .modal-footer button.btn.button1, .modal-footer button.btn.button1{border-radius: 3px;background: #3ac47d;color: #fff;text-transform: capitalize;border: 0;font-size: 13px;line-height: 18px;padding: 7px 15px;font-weight: 600;transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
-webkit-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
-o-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;outline: none;}

.inner-content ol{padding-left:20px;}
.\.common-lnk{color:#e91e63; font-size:13px;font-weight:600; border:1px solid #e91e63;transition: 0.4s; background:transparent; padding:10px 15px; border-radius:3px;}
.\.common-lnk:hover, .\.common-lnk:focus{background:#e91e63; color:#fff;}
#question-area ul{    list-style: none;
    display: inline-block !important;
    width: 100%;
    margin-top: 0px;
    background: transparent;    padding: 0px !important;}

@media screen and (max-width: 767px){
    .right-lavel-listing li{ margin-left: 4px;}
    .right-lavel-listing li .submit-test-btn{ padding: 7px;}
    .counter-block{ padding: 5px 13px}

    .left-tree-secction{ max-height: 200px; overflow-y: auto; border-right: 0; border-bottom: 1px solid #dadada}
    .file-upload-btn{ font-size: 11px; padding: 6px 10px;margin:2px;}
    .custom-secondry-btn{ font-size:11px; padding: 6px 10px; margin:2px;}
    .menu_icon{ display: block}    
    .pollSlider {position: fixed;height: calc(100vh - 47px);width: 300px;left: 0px;margin-left: -304px;padding: 13px 13px 0;top: 47px;z-index: 14;overflow-y: auto;}
    .open_side_menu{background: #fff;margin: 14px 0 0 0;border-radius: 3px;padding: 3px;font-size: 16px;color: #071773; border:1px solid #071773;width: 30px;display: inline-block;text-align: center;height: 30px;}
    .lavel-2left-question-block{ height: auto;}
    .detail-desciption-info li{ width:100%;}
    .content-wrapper.main-content-block.form1.profile-form h3, .content-wrapper.main-content-block.form1.profile-form h6{ text-transform: capitalize;font-size: 13px;}
    .register-form-info-listing li{ width:100%;}
    .checkbox-input.checkbox-block{ width:100%;}
    .custom-checkbox-label{ display: inline}
}

@media screen and (min-width: 768px) and (max-width: 1023px){
    .counter-block{padding: 5px 14px;}
    .detail-desciption-info li, .register-form-info-listing li{ width:100%;}
}
@media screen and (min-width: 1024px) and (max-width: 1375px){
    .checkbox-input.col-sm-6.col-xs-6.checkbox-block{ width: 100%;}
}


.error_msg{color:red}

/*--- Countdown --- */
.countdown { text-align:center; display:inline-block; margin-bottom:10px; }
.countdown p { position:relative; top:3px;}
.countdown .alt-1, .countdown p { display:block;}
.countdown .alt-1 { position:relative; }
.countdown .separator { display:none;}
.countdown .item { vertical-align: bottom; min-width:44px; position:relative; overflow: hidden;font-size:18px; font-weight:normal; color:#424242; line-height:19px; padding:0 5px; margin:0; float:left;}
.countdown .item:first-child,.countdown .item:first-child  .label{ text-align:left; padding-left:0px; min-width:30px; }
.countdown .item:after { display:block; right:0; top:0px; height:16px; content:":"; position:absolute; color:#c2c2c2;} 
.countdown .end-info { font-size:12px; line-height:15px; text-align:center; margin-bottom:10px; color:#8c8c8c; font-weight:500; padding-bottom:3px; border-bottom:1px solid #dadada; display:block; text-transform:capitalize; }
.countdown .label { display:block; padding:0; color:#8a858d; font-size:12px; border-radius:0; font-weight:normal; line-height:15px; margin-top:5px;}
.countdown .item-ss:after { display:none;}

#question-area .scroll{overflow: auto;height: auto !important;margin-bottom: 25px;}

/* Nice Editor */
.nicEdit-main { margin:0 !important; padding:8px; background:#fff; width:100% !important;}

/* disabled Js */
.disabled-js { background:#ffd3d3; color:#e80000; font-size:14px; line-height:20px; padding:16px; border:1px solid 
rgba(232, 0, 0, 0.4); display:block; width:100%; position:absolute; left:0px; top:57px; text-align:center; font-weight:bold;  z-index:10000; } 

/*--- CSS For Code Editor  --- */
.CodeMirror{font-family:'Fira Mono',monospace;height:300px}
.CodeMirror-scroll{overflow:inherit}
.CodeMirror-lines{padding:4px 0}
.CodeMirror pre{padding:0 4px}
.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}
.CodeMirror-gutters{border-right:1px solid #e9ecef;background-color:#f7f7f7;white-space:nowrap}
.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;-moz-box-sizing:content-box;box-sizing:content-box}
.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}
.CodeMirror div.CodeMirror-cursor{border-left:1px solid #000}
.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}
.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor{width:auto;border:0;background:#7e7}
.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}@-moz-keyframes blink{0%{background:#7e7}50%{background:none}100%{background:#7e7}}@-webkit-keyframes blink{0%{background:#7e7}50%{background:none}100%{background:#7e7}}@keyframes blink{0%{background:#7e7}50%{background:none}100%{background:#7e7}}
.cm-tab{display:inline-block}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}
.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}
.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}
.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}
.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}
.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}
.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}
.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}
.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-header{color:blue}
.cm-s-default .cm-quote{color:#090}.cm-s-default .cm-hr{color:#999}
.cm-s-default .cm-link{color:#00c}.cm-negative{color:#d44}
.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}
.cm-em{font-style:italic}.cm-link{text-decoration:underline}
.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}
div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}
div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}
.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}
.CodeMirror-activeline-background{background:#e8f2ff}
.CodeMirror{line-height:1;position:relative;overflow:hidden;background:#fff;color:#000}
.CodeMirror-scroll{margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;outline:none;position:relative;-moz-box-sizing:content-box;box-sizing:content-box; height:100% !important;overflow:scroll !important;}
.CodeMirror-sizer{position:relative;border-right:30px solid transparent;-moz-box-sizing:content-box;box-sizing:content-box}
.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none}
.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}
.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll;max-width:100%}
.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}
.CodeMirror-gutter-wrapper{position:absolute!important;left:-32px!important;top:0;z-index:10!important}
.CodeMirror-gutters{position:absolute;left:0!important;top:0;padding-bottom:30px;z-index:3}
.CodeMirror-gutter{white-space:normal;width:45px !important;height:100%;-moz-box-sizing:content-box;box-sizing:content-box;padding-bottom:30px;margin-bottom:-32px;display:inline-block;*zoom:1;*display:inline}
.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4; left:-15px !important;}
.CodeMirror-lines{cursor:text}.CodeMirror-code{height:100%!important}
.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}
.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}
.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}
.CodeMirror-wrap .CodeMirror-scroll{overflow-x:hidden}
.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}
.CodeMirror-measure pre{position:static}
.CodeMirror div.CodeMirror-cursor{position:absolute;border-right:none;width:0}
div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:1}
.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}
.CodeMirror-selected{background:#d9d9d9}
.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}
.CodeMirror-crosshair{cursor:crosshair}
.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}
.CodeMirror span{*vertical-align:text-bottom}
.cm-force-border{padding-right:.1px}
@media print{
	.CodeMirror div.CodeMirror-cursors{visibility:hidden}
}
#navcontainer li a.active{background:#369;color:#fff}


#full-screen-question.normal-view .question-info-area {
    width: auto !important;
    float: none;
}

#contest-description #tablist_holder li {
    margin-right: 4px !important;
}
#contest-description #tablist_holder li a {
    transition: all 0.5s linear;
}
.retake-test-btn:hover, .retake-test-btn:focus, #running_challenge_2:hover, #running_challenge_2:focus{     color: #fff;
    opacity: 0.8;}
#front-end-render{ margin-top:10px;border: 1px solid #ccc;background: #f7f7f7;}
#front-end-render .alert.alert-success{ background:none;border:0;}
.clearfix.half-column.visible-lg.visible-md.visible-sm.visible-xs.editor-section.first-view.ui-resizable #mCSB_3_container{ top:0px !important;}
.magic-line {
    display: none;
}
.screen-validation-process .video {
    background: #f7f7f7;
}
.screen-validation-process .video, .user-capture-image_wrap {
    border: dashed 1px #dadada;
    border-radius: 6px;
    width: 236px;
    height: 134px;
    margin: auto;
    overflow: hidden;
    position: relative;
}
.btn.fctrl.button1, #screenshot-button{ border-radius: 3px;
    background: #071773;
    color: #fff;
    text-transform: capitalize;
    border: 0;
    font-size: 12px;
    line-height: 18px;
    padding: 7px 15px;
    font-weight: 600;
    transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -webkit-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -moz-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -o-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -ms-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    outline: none;
}
.video video {
    width: 100%;
    position: relative;
    z-index: 2;border-radius:0 0 5px 5px;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
.video svg {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;
    margin-left: -70px;
}
svg:not(:root) {
    overflow: hidden;
}
.\:modalwrap .wd60 h6{font-size: 14px;
line-height: 22px;}
.img-error .user-capture-image_wrap {
    border: solid 2px #1e2a6a;
}
.user-capture-image_wrap {
    border-color: #26d974;
}
.screen-validation-process .video {
    border: dashed 1px #dadada;
	border-radius: 6px;
    width: 100%;
height: 200px;
    margin: auto; display:inline-block;
    overflow: hidden;
    position: relative;
}
.user-capture-image_wrap {
    border: dashed 1px #dadada;
	background:#e9f2f1;
    border-radius: 6px;
    width: 238px;display:inline-block;
    height: 134px;
    margin: auto;
    overflow: hidden; text-align:center;
    position: relative;
}
.user-capture-image_wrap > img {
    max-height: 100%;
}
img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}
.engage-box1 p.primary, p {
    font-size: 14px;
    color: #4A4548;
    line-height: 20px;
    margin-bottom: 0px;
}
.alert-danger, .color-danger {
    color: #d54343;
    color: #f54b5e;
}

#webcam_container {
    bottom: 16px !important;
    left: 15px;
    right: auto !important;
}
.bookmark-icon:hover .bookmark-fill, .bookmark-icon.active .bookmark-fill {
    fill: #feb95f !important;
}
.test-actions a{ color:#fff;}
.modal-body ol{ padding-left:20px;}
.right-popup-label{ font-size:13px;font-weight:600; text-align:right;}
.form-ul{ display:inline-block; width:100%;list-style:none; margin:0; padding:0;}
.form-ul li{display:inline-block; width:100%; margin-bottom:15px;}
.outer-main-screen-que .mCustomScrollBox, .question-coding-area .scroll.mCustomScrollbar _mCS_3 mCS-autoHide{height:auto !important}
/* .outer-main-screen-que .editor-section header{top:0 !important} */
.tab-content .description-list{ margin-bottom:0px;}
.outer-main-screen-que.expanded .editor-section header{ background:#f7f7f7; padding-left:0px; position: absolute !important; width:100%;padding-right: 0px; top:-60px !important;	}
.outer-main-screen-que.expanded .editor-section header .inner-fixed-header{position: absolute !important; top:-13px !important; right:0px !important;}
.me{margin-top: 60px;height:calc(100vh - 60px) !important;}
.editor-section.first-view .me{margin-top: 0px;height:calc(100vh - 60px) !important;}
.outer-main-screen-que .bottom-action{padding-top:38px;}
.avtar_pic{ margin-right:5px;}
.first-view .inner-fixed-header, .large-view .inner-fixed-header{border-right: 1px solid #dadada;
border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada;
border-radius: 0 5px 0 0;
background: transparent;
position: absolute;
top: -13px;
right: -2px;
display: block;
height: 62px;
width: 90%;
padding: 12px 12px 12px 0;}
.play-vs.form1{float: right;margin-left: 24px;}
.play-vs.form1 label{float: left;line-height: 36px;margin-bottom: 0;font-weight:600;}
.play-vs.form1 .select {
    position: relative;
    display: block;
    border: 1px solid #ccc;
    border-radius: 2px;
    min-height: 36px;
    height: auto;
    width: 100%;
}
#submit-data-science{float: right;
margin-left: 24px;
margin-top: 2px;}
.clearfix.half-column.first-view .scroll, .clearfix.half-column.large-view .scroll{position:relative;}
.first-view .user-actions, .large-view .user-actions {
    position: relative;
    height: 36px;
}
.first-view  header, .large-view  header {
    position: absolute;
    top:-2px;
    z-index: 100;background: #fff;
padding: 12px;
border: 1px solid #dadada; padding-right:0px;
    border-radius: 4px 0 0 0;
    border-right: 0; width:100%;
}
#editor-box .editor-controllers.dropdown-mode {
    position: relative;
}
#editor-box .editor-controllers {
    float: right;
    padding-top: 2px;
}
#editor-box .editor-controllers.dropdown-mode .show-editor-controllers {
    display: block;
}
#editor-box .editor-controllers .show-editor-controllers {
    display: none;
    height: 32px;
    width: 8px;
    background: url("images/sprites.svg") no-repeat scroll -118px -176px;
}
#editor-box .editor-controllers.dropdown-mode > ul {
    position: absolute;
    width: 32px;
    left: -14px;
    top: 2px;
    z-index: 100;
    display: none;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
#editor-box .editor-controllers > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
#editor-box .editor-controllers.dropdown-mode > ul > li {
    float: none;
    margin: 0;
}
#editor-box .editor-controllers > ul > li {
    float: left;
    margin-left: 8px;
}
#editor-box header .play-vs .select {
    margin-left: 8px;
}
#editor-box header .user-actions > p {
    position: relative;
    z-index: 101;
}
.half-column.hide-contents.extra-small-view{ width:100% !important;} 
.btnCodeGrayChall.btn.button2{background: none;
color: #fff;
text-transform: capitalize;
border-radius: 3px;
background:#1e2a6a;
border: solid 1px #1e2a6a;
font-size: 14px;
line-height: 16px;
padding: 8px 12px;
font-weight: 600;
transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
-webkit-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
-moz-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
-o-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
-ms-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
outline: none;}
/* #coding-platform-head{top: 33px !important;} */
.col-lg-8.col-md-8.col-sm-7.question-coding-area #coding-content-area{    padding:0px;     max-width: 900px;
    margin: 0 auto;
    background: transparent;}

ul.options.options-block-listing {
    padding: 0px 20px;
}

/****** com_controls ********/

/* ==========================================================================
	Global Classes for common controls
========================================================================== */
.margincenter{margin:auto; float:none;}
.bgffffff{background-color:#fff;}
.bgf2f2f2{background-color:#f2f2f2;}
.flnone{float:none;}
.mrgl16{margin-left:16px;}
.btngroup .fctrl + .fctrl{margin-left:16px;}
.btngroup8 .fctrl + .fctrl{margin-left:8px;}
.mrg4{margin-top:4px;}
.mrg8{margin-top:8px;}
.mrg10{margin-top:10px;}
.mrg16{margin-top:16px;}
.mrg24{margin-top:24px;}
.mrg40{margin-top:40px;}
.pad8{padding-top:8px;}
.pad16{padding-top:16px;}
.padb16{padding-bottom:16px;}
.pad24{padding-top:24px;}
.pad40{padding-top:40px;}
.nowrap{ white-space:nowrap;}
.wordbreak{word-break: break-all;}
ul.ullist li,ul.ul_table li{margin-bottom:8px;}
.ulnoformat,.ulnoformatli li,.ulnoformatli ul{list-style:none; padding:0;}
dl.description-list dd.ellipsis,.ellipsis{max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
ul.ullist {padding-left: 15px;}
.visihide{visibility:hidden;}
.font10{font-size:10px;}
.font12,.label.font12{font-size:12px;}
.font14,.label.font14{font-size:14px;}
.posrel{position:relative;}
.bg000op{background-color: rgba(0,0,0,0.5);}
.bg000op8{background-color: rgba(0,0,0,0.8);}
.bgfffop{background-color: rgba(255,255,255,0.5);}
.bgfffop8{background-color: rgba(255,255,255,0.8);}
.posrel .posoverlay,.posfixed{position:absolute;top: 0;left: 0;right: 0;bottom: 0;margin-bottom: 0;}
.zindex{z-index:999;}
.posrel .poscenter,.poscenter{transform: translate(-50%,-50%); position: absolute; top: 50%; left: 50%;}
input.popupinput{position:absolute; top:0; left:0;display:none; z-index: -1;}
.lblcolor,.lblcolor:hover {color:#8a858d;}
.lnkfff,.lnkfff:hover,.lnkfff:focus,.headinglnk,.headinglnk:hover{color:#fff; font-weight:600;}
.underline,.headinglnk,.headinglnk:hover{text-decoration:underline;}
.width55{width:55px; height:55px; border: solid 1px #dadada; border-radius: 3px; background-color: #fff;}
.img100{width:100%;}
.btn.posrel .posoverlay,a.posrel label.posoverlay{cursor:pointer;}
.min120{min-width:120px;}
.min160{min-width:160px;}

.error-msg,.success-msg {color: #f54b5e; display: block; font-size: 12px; position: relative; line-height: 18px; margin-top: 4px;}
.success-msg{color:#26d974;}


/******  Error & Suceess Message Design  **********/
.common-message-box{position: fixed; top: 50px; z-index: 999; width: 90%; font-size: 14px; line-height: 19px; color: #fff; display:none; left:5%;}
.common-message-box.visible-msg{display:block; opacity:1; animation-name: hidemsg; animation-delay: 7s; animation-duration: 2s;animation-iteration-count: 1;animation-fill-mode: forwards;}
@media (min-width: 768px){
	.common-message-box {left: 50%; margin-left: -260px; width: 520px;}
}
@keyframes hidemsg{
  0% {opacity:1;}
  100%{opacity:0;display:none;}
}
.message-inner-content.error-msg {background: #ffe6e6; border-color: #ee4266; top: 106px;}
.common-message-box .message-inner-content {z-index: 10; width: 100%; padding: 8px 24px 8px 16px; position: absolute; border-radius: 0 0 3px 3px; top: 0; left: 0; background: #fff9e6; box-shadow: 0 1px 8px 0 rgba(89, 89, 89, 0.51); display: block; border: solid 2px #ffd23f;}
.common-message-box .close-msg {position: absolute; right: 5px; top: 10px; opacity: 1;}
.common-message-box .msg-icon {width: 24px; height: 24px; margin-right: 8px; display: inline-block; vertical-align: middle; background: url(images/sprites.svg) no-repeat;}
.common-message-box .message-inner-content p {color: #19171a; margin: 0; font-weight: 600; padding-left:20px;}
.common-message-box .message-inner-content p > i.msg-icon {margin-left: -32px;}
.message-inner-content.error-msg {background: #ffe6e6; border-color: #ee4266;}
.message-inner-content.success-msg {background: #e1fae6; border-color: #08d37a;}
.message-inner-content.error-msg .msg-icon {background-position: -328px -341px;}
.message-inner-content.success-msg .msg-icon {background-position: 2px -315px;}
.message-inner-content.warning-msg .msg-icon,.message-inner-content.info-msg .msg-icon {background-position: -45px -78px;}


/***************************  Label Design  ****************/
.nw-lbl,label.nw-lbl{padding: 4px; font-size:10px; text-transform: uppercase;  border-radius: 2px;display: inline-block;}
.nw-lbl.success{background-color: #ccf7df; color: #1c9e55; border: solid 1px rgba(28, 158, 85, 0.4);}
.nw-lbl.default{background-color: #f2f2f2; color: #8a858d; border: solid 1px rgba(138, 133, 141, 0.4); }
.nw-lbl.warning{background-color: #ffecd3; color: #f1a208; border: solid 1px rgba(243, 169, 27, 0.4); }
.nw-lbl.error{background-color: #ffd3d3; color: #e80000; border: solid 1px rgba(232, 0, 0, 0.4); }

a + .nw-lbl{margin-left:8px;}


/********** Modal Pupup CSS  **********/
.\:modalwrap{position:fixed; top:0; left:0; bottom:0; right:0; display:none;z-index: 99998; font-size:14px;}
.rightani{display:block; opacity:0; z-index:-1;}
input.popupinput[type="checkbox"]:checked + .\:modalwrap{ display:block;}
.\:modalwrap:after{content:"";position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8);}
.\:modalwrap .\:modalwrap-content{width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; z-index: 2; padding: 16px; border-radius: 6px; /* max-height: 80%; */ overflow: auto;}
input.popupinput[type="checkbox"]:checked + .\:modalwrap{ display:block;}
input.popupinput[type="checkbox"]:checked + .rightani{z-index:9991; opacity:1;}
input.popupinput[type="checkbox"]:checked + .rightani  .\:modalwrap-content{ right:0;}
.rightani .\:modalwrap-content{width: 80%; position: absolute; top: 5%; right: -100%; background-color: #fff; z-index: 2; padding: 16px;border-radius: 6px;
    max-height: 90%; overflow: auto; transition: all 0.5s ease 0.5s;transform: none; left: auto;}

.headfootfix .modal-header{margin: -15px; margin-bottom: 15px;}
.headfootfix .modal-footer{margin: -15px; margin-top: 15px;}
.headfootfix .modal-body{height:400px; overflow:auto;}
.\:modalwrap .posoverlay{z-index:1;}
.\:modalwrap .wd60{width:60%;}
.\:modalwrap .wd40{width:40%;}
.\:modalwrap .wd25{width:25%;}
.\:popclose{position: absolute; right: 0; top: 8px;}
@media only screen and (max-width: 767px){
    .\:modalwrap .\:modalwrap-content{width:80%}
}

/********** Custom Hide Show Function CSS  **********/
.lblctrl{cursor:pointer; z-index:3;}
label.lblctrl.button2{display:inline; color:#fff;}

input.popupinput:checked + ._lbcactivelabel > ._hideshowlbl,input.popupinput + ._lbcactivelabel > ._hideshowlbl + ._hideshowlbl{display:none;}
input.popupinput:checked + ._lbcactivelabel > ._hideshowlbl + ._hideshowlbl{display:inline-block;}

input.popupinput + .hiddenctrl,input.popupinput + ._lbcactivelabel + .hiddenctrl{display:none;}
input.popupinput:checked + .hiddenctrl,input.popupinput:checked + ._lbcactivelabel + .hiddenctrl{display:block;z-index:99997;}
.posfixed{display:none;}
input.popupinput:checked + .hiddenctrl + .posfixed,.\:cusdropdown input[type="checkbox"]:checked + .cusdropdown_ctrl + .dropdownlst + .posfixed{position:fixed; z-index:99996;display:block;}

/*****  Sliding Effect for Hide & Show  ********/
input.popupinput + .hiddenctrl.slide,input.popupinput + ._lbcactivelabel + .hiddenctrl.slide{max-height: 0; transition:all 0.5s; overflow: hidden; display:block}
input.popupinput:checked + .hiddenctrl.slide,input.popupinput:checked + ._lbcactivelabel + .hiddenctrl.slide{max-height: 450px;}
/********  Customize Slide class if you user any padding and margin on your container 
.{your_CLASS_or_ID} input.popupinput + .hiddenctrl.slide

.{your_CLASS_or_ID} input.popupinput + ._lbcactivelabel + .hiddenctrl.slide

 *************/


/********** Similar Height CSS  **********/
.similar_heightwrap{float: left; overflow: hidden;}
.similar_heightwrap .\:first-column{float: left; padding-bottom: 500px; margin-bottom: -500px;}        
.similar_heightwrap .\:second-column{float: left; padding-bottom: 500px; margin-bottom: -500px;} 

/***** Simple UL List  *******/
.ullistting{margin:0; padding:0; list-style-type:none;}
ul.dropdownlst.ullistting li{padding:8px 16px;}




.\:dropdownlist li{padding:8px 16px;}
.\:dropdownlist li li{padding:0;}
.dropdown.\:cusdropdown{display: inline-block;}
.dropdown.\:cusdropdown.display-block{display:block;}
.\:arreffect{position: absolute; right: 10px; top: 50%; margin-top: -6px; width:12px; height:12px;}
.\:arreffect:after,.\:arreffect:before{content: ""; transition: all 0.5s; position: absolute; height: 10px;
    width: 2px; background-color:#ddd; transform-origin: left top; top: 0; left: 0;} 
.\:cusdropdown:hover .\:arreffect:before{transform: rotate(45deg); height: 9px;bottom: auto; top: 0;}
.\:cusdropdown:hover .\:arreffect:after{transform: rotate(-45deg); top: 1px; left: 0px;}
.\:arreffect:after{transform: rotate(-135deg); top: 8px;}
.\:arreffect:before{transform: rotate(135deg); top: 6px;}
i.\:arreffect + ._dbtn-text{ margin-right: 20px; display: inline-block;}

/************* Image vertical-align middle  ****************/
.cmp-tbl{display:table;}
.cmp-tbl .cmp-cell{display:table-cell; vertical-align:middle;}


/********** Custom DropDown Function CSS  **********/
.\:cusdropdown{position:relative; font-size:14px;}
.\:cusdropdown > .cusdropdown_ctrl{}
.\:cusdropdown .dropdownlst{position:absolute; top:100%; width:200px;}
.\:cusdropdown.r_side .dropdownlst{right: 0; z-index: 1;}
.\:cusdropdown input[type="checkbox"] + .cusdropdown_ctrl + .dropdownlst{display:none;}
.\:cusdropdown input[type="checkbox"]:checked + .cusdropdown_ctrl{z-index:99997;}
.\:cusdropdown input[type="checkbox"]:checked + .cusdropdown_ctrl + .dropdownlst{display:block;z-index:99997;}
.\:cusdropdown input[type="checkbox"]:checked + .cusdropdown_ctrl + .droparrow{margin-top:16px;}
.\:cusdropdown input[type="checkbox"]:checked + .cusdropdown_ctrl + .droparrow:after{content: ""; position: absolute; top: -8px; right: 23px; width: 13px;   height: 13px; border: solid 1px #dadada; transform: rotate(-45deg); border-bottom: none; border-left: none; background-color: #fff;}
ul.droparrow li{position:relative; z-index:1;}
ul.dropdownlst{border-radius: 3px; background-color: #ffffff; border: solid 1px #dadada; padding:0px; right:0; left:auto; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);}
ul.dropdownlst li{margin-bottom:0; padding:0;}
ul.dropdownlst li > a{padding:8px 12px; display:block;color:#4a4548; }
ul.dropdownlst.arrow{top:44px;}
ul.dropdownlst.arrow:before {content: ""; position: absolute; top: -12px; border-radius: 2px; width: 16px; height: 16px; background-color: #fff;  transform: rotate(45deg); border: solid 1px transparent; border-top-color: rgba(0, 0, 0, 0.18); right: 4px; border-left-color:  rgba(0, 0, 0, 0.18);  transform-origin: top left; border-right: none; border-bottom: none;}
ul.dropdownlst li + li{ border-top: solid 1px #e9e9e9;}


/********** Tabs CSS  **********/
.\:nw-tabs ul.wd100{ width: 100%;}
.\:nw-tabs ul.navtabnw{border-bottom:none;}
.\:nw-tabs ul.navtabnw{margin: 0px; padding: 0px; list-style-type: none; border-radius: 3px; display: table;border-bottom: none;}
.\:nw-tabs ul.navtabnw > li:first-child{border-left: 1px solid #19171a; border-radius: 3px 0px 0px 3px;}
.\:nw-tabs ul.navtabnw > li:last-child{border-radius: 0px 3px 3px 0px;}
.\:nw-tabs ul.navtabnw > li {border: 1px solid #19171a; border-left: none; display: table-cell; width: auto;}
.\:nw-tabs ul.navtabnw > li > a{display: block; color: #4a4548; line-height: 20px; padding: 6px 10px; border-radius: 0; border: none; text-align: center; font-size: 14px; font-weight: normal; text-decoration: none; text-transform: capitalize; margin: 0; min-width: 100px;}
.\:nw-tabs ul.navtabnw > li.active > a, .\:nw-tabs ul.navtabnw li:hover a,.\:nw-tabs ul.navtabnw > li.active > a:focus {background: #19171a; color: #fff;border: none;}

input.tab_radio + .tab_radiocontent{display:none;}
input.tab_radio:checked + .tab_radiocontent{display:block;}


/********** Slider true false CSS  **********/
label.slidebtn{padding-left:45px; background-color:#b2b2b2; border-radius: 10px; height: 20px; position:relative; margin-bottom:0;}
.slidebtn:after{position: absolute; left: 1px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; border-radius: 50%; background-color: #fff; transition:all 0.3s;}
.chl_input:checked + .slidebtn:after{left:26px;}
.chl_input:checked + .slidebtn{ background-color:#26d974;}
.chl_input:checked + .slidebtn:before{position: absolute;  content: ""; width: 6px; height: 12px; border-bottom: solid 2px #fff;  border-right: solid 2px #fff; top: 50%; margin-top: -8px; transform: rotate(45deg); left: 16px; transform-origin: left top;}


/******** Custom Checkbox CSS ***************/
.checkbox-input { position:relative; display:inline-block; padding-left:24px;}
.checkbox-input.checkbox-inline { display:inline-block; margin-left:0; margin-bottom:10px; margin-right:20px;}
.checkbox-input.checkbox-block { display:block; margin-bottom:16px; text-transform:capitalize;}
.checkbox-input.checkbox-block label { font-weight:normal;}
.checkbox-input label {margin:0; line-height:19px; }
.checkbox-input input[type=checkbox] { }  
.checkbox-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px;  position: absolute; left: 0;  top:1px; background:url(images/sprites.svg) -24px -80px no-repeat; }  
.checkbox-input input[type=checkbox]:checked + label:before {background:url(images/sprites.svg) 0px -80px no-repeat; }

/******** Custom Radio CSS ***************/
.radio-input { position:relative; display:block; padding-left:22px; margin-bottom:10px;}
.radio-input.radio-inline { display:inline-block; margin-left:0; margin-right:16px;}
.radio-input label { font-size:14px; color:#314451; margin:0;}
.radio-input label a { color:#eb494f;}
.radio-input input[type=radio]:checked + label:before { background:url(images/sprites.svg) -272px -215px no-repeat; }
.radio-input input[type=radio] { display: none; }  
.radio-input label:before {content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 10px;  position: absolute; left: 0;  top:1px; background:url(images/sprites.svg) -272px -215px no-repeat; }  
.radio-input input[type=radio]:checked + label:before {background:url(images/sprites.svg) -248px -215px no-repeat; }


/*****************  Custom Browse button  ********************/
.select {position: relative; display: block; border: 1px solid #ccc; border-radius: 2px; min-height: 36px; height: auto; width: 100%;}
.select:after {z-index: 1; pointer-events: none; display: block; position: absolute; right: 0; top: 0; background: url(../images/tg_images/icons.png) -96px -119px no-repeat; width: 31px;
    height: 34px; content: "";}
.select select {-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; width: 100%; border: 0; font-family: 'roboto', Arial, Helvetica, sans-serif; background: #fff; padding: 0 35px 0 5px; height: 34px; font-size: 13px; color: #999; position: relative; border-radius: 2px; cursor: pointer;}


/**************  Logo list vertical-align middle  ************/
.logovalignlist{margin:0; padding:0; display:table;}
.logovalignlist .list-cell{display:table-cell; vertical-align: middle; text-align: center;}
.logovalignlist .list-cell img{vertical-align:middle;}

/*****************  Custom Browse button  ********************/
.wrap-file_uploadwrap\:wrapper{overflow:hidden;}
.wrap-file_upload{position: relative; min-width: 120px; text-align: center; line-height: 32px; font-weight: 600;}
a.wrap-file_upload{display:inline-block;}
.wrap-file_upload .btn_lbl{position: relative;z-index: 2;pointer-events: none;}
.wrap-file_upload .btn_colorlayer{position:absolute;top: 0;left: 0;right: 0;bottom: 0;background: #fff;z-index: 1;pointer-events: none;}
.wrap-file_upload input[type="file"]{position: absolute;top: 0; text-align: center; left: -80px; font-weight: 600; padding-left: 100%;   outline: none; border: 0px; padding-top: 5px; bottom: 0;}
.button4.wrap-file_upload:hover{color: #424242;}
.button4.wrap-file_upload input[type="file"]{left: -91px;}
.button4.wrap-file_upload {border-radius: 4px; line-height: 24px;}
.button4.wrap-file_upload  .btn_colorlayer{border-radius: 4px;}
/******* New Controls *******/*
.nw-input-control{border-radius:3px; height: 45px; box-shadow: none;}

/*** Registration form Common  **************************/

.hackathon-page #footer {margin-top: 30px;}
/*--- Profile Details  --- */
.predefined_content{margin-bottom:25px;}

#profile-details h3 small  { margin-top:4px;}
.mr-3{margin-right:3px;}
#challenge_profile_view dt {
    font-weight: 400;
    color: black;
    font-size: 14px;
}
#profile-details #challenge_profile_view dd {
    font-weight: 500;
    color: black;
    font-size: 14px;
}
#profile-details dl.description-list dd  { margin-left:0; float:left; width:215px; padding:0 8px; position:relative;}
#profile-details dl.description-list.registration-edit-mode dd  { margin-bottom:16px;}
#profile-details dl.description-list .error_msg { position:absolute; left:8px; bottom:-15px;}
#profile-details dl.description-list dt  { width:135px; padding:0 8px; margin-right:0; }
#profile-details .profile-edit li.token-input-input-token-facebook { margin-bottom:0px !important; }
#profile-details .profile-edit ul.token-input-list-facebook li input { height:32px !important;}
#profile-details .profile-edit li  { margin-bottom:16px; }
#profile-details .profile-edit li:last-child, #profile-details .profile-edit li:nth-last-child(2) { margin-bottom:8px;}
#profile-details .profile-edit li label { line-height:35px; margin-bottom:0; white-space:nowrap;}
#profile-details .profile-edit input[readonly]:focus { border:1px solid #dadada; }
#profile-details .profile-edit .form-inline .form-group.enter-number .error_msg{ position:absolute; }
#profile-details .profile-edit .form-inline .form-group.code { width:77px; float:left; }
#profile-details .profile-edit .form-inline .form-group.code, #profile-details .profile-edit .form-inline .form-group.enter-number { margin:0;}
#profile-details .profile-edit .form-inline .form-group.enter-number { width:auto;  display:block; margin-left:85px;}
#profile-details .profile-edit .form-inline .form-group.enter-number input { display:block; width:100%; }
#profile-details .form1 label.left-label { padding-top:7px;    font-weight: 400;}
#profile-details .token-input-token-facebook  input[type="text"] { margin-top:2px;}

#profile-details #challenge_profile_edit dl.description-list dt {    min-width: 74px;
    color: #454147;
    float: left;
    margin-right: 8px;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 14px;}
	#profile-details dl.description-list dd{
		    width: 256px;
	}
#invite-login .box-default1 .content-wrapper span.select:after {
     position: absolute;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    top: 46%;
    right: 18px;
    margin-top: -3px;
    border-bottom: 1px solid #504d4d;
    border-right: 1px solid #504d4d;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}
#profile-details span.select:after {
     position: absolute;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    top: 46%;
    right: 18px;
    margin-top: -3px;
    border-bottom: 1px solid #504d4d;
    border-right: 1px solid #504d4d;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}
#profile-details dl.description-list dd {font-size: 14px; line-height: 20px; font-weight: normal; margin-bottom: 20px;  }
dl.description-list dd {color: #4a4548; margin-left: 99px; overflow-wrap: break-word; }

/*--- Invite Login  --- */
#invite-login .box-default1 { border-radius:0 0 6px 6px;}

#invite-login .box-default1 h2 { margin-bottom:32px; }
#invite-login .table1 tr:nth-child(2n) td { background:#fff; }
#invite-login .button1 { min-width:156px; margin-bottom:8px; background:#1e2a6a;color:#fff; }
#invite-login p { color:#8a858d; margin:0px; }
#invite-login p a { color:#4a4548; text-decoration:underline; }
#invite-login .form1 .checkbox-input.checkbox-block1 { margin-bottom:0px; display:block; }
#invite-login .dob-block .row { margin:0px -4px; }
#invite-login .dob-block .col-sm-4,#invite-login .dob-block .col-xs-4 { padding:0px 4px; }

#invite-login .box-default1 .content-wrapper ul{list-style:none;}
#invite-login .box-default1 .content-wrapper ul li{margin-bottom:15px;}
#invite-login .box-default1 .content-wrapper label{color:#333;font-weight:normal;}
#invite-login .box-default1 .content-wrapper span{padding-left:0px;}

/*--- Box Default1 --- */



.box-default1 .content-wrapper:last-child { border:none; }


/************ Pure CSS ICONs  *******************/
.\:icon{width:18px; height:18px; font-style:normal; display:inline-block;vertical-align: top; margin-right: 5px;}
.\:checkbox{position:relative; border:solid 2px #dadada; border-radius:50%; width:24px; height:24px; }
.\:checked,.input-boolen:checked + .\:checkbox{ background-color:#26d974; border-color:#0cc071;}
.\:checked:after,.input-boolen:checked + .\:checkbox:after{content: ""; width: 13px; height: 7px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; transform-origin: left top;-webkit-animation: checkAnimation .1s; animation: checkAnimation .1s; position: absolute; top: 50%; left: 50%; margin-left: -7px;}
@-webkit-keyframes checkAnimation{
	0%{height:0;width:0}
    50%{height:4px;width:0}
    to{height:4px;width:8px}
}
@keyframes checkAnimation{
	0%{height:0;width:0}
    50%{height:4px;width:0}
    to{height:4px;width:8px}
}
label.close{opacity:1;}
.icon-arr{width: 0px; border: solid 4px transparent; height: 0; font-size: 0; line-height: 0; display: inline-block;}
.icon-arr.ileft{border-left-color:#d7263d;}
.icon-arr.iright{border-right-color:#d7263d;}
.icon-arr.itop{border-top-color:#d7263d;border-bottom: none;}
.icon-arr.ibot{border-bottom-color:#d7263d;border-top: none;}

.radio-chk{position:relative; width:16px; height:16px; display:inline-block; margin-right:8px; margin-bottom: -2px;}
.radio-icon{border: solid 1px #dadada; border-radius: 50%; background-color: #fff; margin-bottom: -3px;}
.radio-chk.radio-icon:before,.radio-chk.radio-icon:after{content:none;}
.radio-chk:before,.radio-chk:after{content:""; position:absolute; width:16px; height:16px; left:0; top:2px;border: solid 1px transparent;}
.radio-chk:before{border-radius:50%; background-color:#00d681;border-color:#12c772;}
.radio-chk:after{height: 6px; width: 10px; border: solid 2px transparent; border-left-color: #fff; border-bottom-color: #fff; transform: rotate(-49deg); top: 5px; left: 3px; border-radius: 0;}

.icon-cross{position:relative; width:16px; height:16px; transform: rotate(-45deg); display:inline-block;background-color: #ff0000;border-radius:50%;}
.icon-cross:before,.icon-cross:after{content: ""; position: absolute; width: 2px; height: 10px; top: 3px; background-color: #fff; left: 7px;}
.icon-cross:after{transform: rotate(-90deg);}
.icon-cross.close-iocn{background-color:transparent;}
.icon-cross.close-iocn:after,.icon-cross.close-iocn:before{background-color: #7a7f8a;}
.icon-cross.btn-cross{background-color:transparent;}
.icon-close:before, .icon-close:after{background-color:#adaaaa;}
.icon-chevron-arr{width: 9px; border: solid 2px transparent; height: 9px; font-size: 0; line-height: 0; display: inline-block; position: relative; border-right: none; border-top: none; margin-bottom: 4px; transition: all 0.5s; border-bottom-color: #dadada; border-left-color: #dadada;}

.icon-chevron-arr.down{transform: rotate(-45deg);}
.icon-chevron-arr.up{transform: rotate(135deg);}
#straight-page-view{ display:none;}
.fixing-editor.outer-main-screen-que .question-info-area{margin-bottom: 80px !important;}
.score-block{      float: none;
    margin-right: 20px;
    width: 156px;
    height: 156px;
    text-align: center;
    border-radius: 50%;
    background: linear-gradient(141deg, #5bd4cb 0%, #6dcaf0 51%, #51c4f3 75%);
    padding: 21px 0px 0px 0px;
    display: block;
    margin: 0 auto 20px;
}
.test-base-result.cleared.single .col-sm-5 p{margin-top: 85px;}
hr{border-top: 1px solid #d5d3d3;
margin: 30px 0;}
#webcam_containerheader{border-radius: 5px 5px 0 0;}
.mobilescreenmsg h3{ margin-top:0px;font-size: 21px;}
#result-qualified-popup #user-result .test-base-result.single h6{    color: white;
    font-weight: 400;
    font-size: 17px;
}
#result-qualified-popup #user-result .test-base-result.single .user-score{ color:white;}
#result-qualified-popup #user-result .test-base-result .user-score span{ color:white;}
#coding-platform-head{top: 0px !important;}
.team-structure { margin:0; padding:0; list-style:none;}
.team-structure li { margin-bottom:16px;}
.team-structure li .image { float:left; width:64px; height:64px; border-radius:6px; border:1px solid #dadada; text-align:center; line-height:61px;}
.team-structure li .image img { max-width:62px; max-height:62px; border-radius:5px;}
.team-structure li .details { margin-left:80px; height:64px; display:table; width:641px;}
.team-structure li .details .inner { display:table-cell; vertical-align:middle;}
.team-structure li .details h5 { margin-bottom:4px;}
.team-structure li .details p { margin-bottom:0; color:#8a858d;}
.team-structure li .details h5 span {color:#8a858d; font-weight:normal; margin-left:4px;}
.content-wrapper > ul {
    position: absolute;
    width: 32px;
    left: -14px;
    top: 2px;
    z-index: 100;
    display: none;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}

.form1 .form-control, .form1 input[type="text"], .form1 input[type="password"]{    
	height: 36px;
    border: 1px solid #dadada;
    box-shadow: none;
}
.form1 .form-control {
    border-radius: 3px;
    font-size: 14px;
    box-shadow: none;
    line-height: 20px;
    color: #4a4548;
}
.content-block-normal{
border:none;
}
.default-submit-btn{
	background:#1e2a6a;
	color:#fff;
}
.content-wrapper ul{
	list-style:none;
}
.ace_print-margin{
	width:0px !important;
}

.logo_main_outer{
	    width: 100px;
    height: 100px;
    float: left;
    background: white;
    position: absolute;
    left: 0px;    display: flex;
    justify-content: center;
    align-items: center;
}

.logo_main_outer .image-container{
	    background-repeat: no-repeat !important;
    background-size: 89% auto !important;
    background-position: center !important;
}
.logo_main_outer .image-container img{display:none;}


	body .submit_btn{
        background: #ed1a3b;
    outline: none !important;
    color: #fff;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    padding: 11px 25px !important;
    font-weight: 600;
    letter-spacing: 0.2px;
    height: auto !important;
    line-height: normal;
    border-radius: 4px;
    border: 1px solid #93081e !important;
}
	input#access-to-login {
    width: 183px;
}
	body .submit_btn:hover{
		opacity:0.8;
		color:white;
	}
	#questions-view-block .container-fluid{
		background:#eaf0f7;    padding: 0px;
	}
	.clearfix.time_counter {
 display: flex;
    align-items: center;
    width: 257px;
    float: left;
    padding-top: 16px;
    margin-left: 16px;
}
.time_counter p {
       margin-bottom: 0px;
    font-size: 15px;
    margin-right: 7px;
    color: black;
    font-weight: 500;
    font-family: 'Rubik', sans-serif !Important;
}
p.custom_email {
    display: inline-block;
    font-weight: 500;
    font-family: 'Rubik', sans-serif !Important;
    margin-right: 20px;
}
#coding-platform-head .question-info.hidden-xs {
    float: left;
}
#coding-platform-head input#submit_test {
	    box-shadow: none !important;
    width: 140px;
    font-weight: 400;
    padding: 8px !important;
    background: white !important;
    border: 1px solid #5b5252;
    color: #575757;
    font-weight: 700;
    text-transform: capitalize;
}
div#result_pop_up_new_temp {
width: auto;
    display: inline-block;
}
#coding-platform-head input#submit_test:hover{
	opacity:0.9;
}
#questions-view-block{
       font-family: 'Roboto', sans-serif;
}


#questions-view-block .question-details h4 span{
font-size: 15px !important;
    font-weight: 500;
}
a.bookmark-icon {
    display: none;
}
#questions-view-block .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{
	opacity:1;
}


.modal.fade.in ul.clearfix {
    list-style-type: none;
}
#result-qualified-popup h4 {
     font-size: 20px;
    line-height: 35px;
    text-align: center;
    font-weight: 500;
    margin-top: 20px;
}

#submit-test .modal-body {
       position: relative;
    padding: 15px;
    font-family: 'Poppins', font-family !important;
    padding-top: 15px !important;
}
div#result-qualified-popup {
    font-family: 'Poppins', font-family !important;    text-align: center;
}
#submit-test .modal-body h2 {
      margin-top: 0px;
    font-size: 17px;
    margin-bottom: 13px;
    text-transform: uppercase;
}


.test-base-result.not-cleared .score-block h6{
	    float: left;
    width: 100%;
    text-align: center;
    margin-left: 0px;
    font-size: 15px;
    line-height: 27px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0px;
}
.test-base-result.not-cleared .user-score {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 45px;
    margin-bottom: 0;
    line-height: 50px;
    margin-left: 0px;
    font-weight: 400;
    margin-top: 0px;
    color: #fff;
}

.user-main-comment .image-holder {
    width: 45px;
    height: 45px;
    border: 1px solid #b5b3b3;
    border-radius:2px;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 5px;
}
.user-main-comment .image-holder img {
    max-width: 100%;
}
ul.user-main-comment {
    list-style-type: none;
    padding: 5px 0px;
}


@media(max-width:768px){
	input.popupinput[type="checkbox"]:checked + .\:modalwrap {
    display: block;
    overflow: scroll;
}
.\:modalwrap .\:modalwrap-content {
    width: 91%;    padding: 0px !important;
}
#screenshot video{      width: 100%!important;
    height: 84px !important;
    background: black;
    object-fit: cover;}	
.yes-no-bx.acpt-bx div:first-child {
    padding: 0px !important;
}
#screenshot svg {
    display: none;
}
.clearfix.screen-validation-process article.col-xs-6.text-left {
    width: 100%;
}
.clearfix.screen-validation-process article.col-xs-5.text-left{
	margin:0px !Important; width: 100%;
}
.clearfix.screen-validation-process article.col-xs-5.text-left .user-capture-image_wrap {
    display: none;
}
.\:modalwrap video#gum {
    width: 100% !important;
}
span.capture-text-label {
    display: none;
}
.\:modalwrap .\:modalwrap-content .row {
    margin: 0px !important;
}
a#screenshot-button {
    color: #4f4d4d;
    display: inline-block;
    background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #aea6a6;
    box-shadow: none !important;
    float: none;
    margin: 0 auto;
    text-align: center;
    display: inherit;
    font-weight: 400;
}
.\:modalwrap .wd60 h6 {
    font-size: 13px;
    line-height: 20px;
    font-family: 'Poppins', font-family !important;
    font-weight: 400;
}
.heading-blk {
    font-family: 'Poppins', font-family !important;
    padding: 15px !important;
    font-size: 13px;
    margin-bottom: 4px !important;
    background: #484848 !important;
    color: white;
}
.screen-validation-process .mrg24 {
    margin-top: 15px;
}
p.mrg8.lblcolor.id-card-label {
    display: none;
}
.\:modalwrap .wd60 h6 {
    font-size: 13px;
    line-height: 20px;
    font-family: 'Poppins', font-family !important;
    font-weight: 400;
    margin: 15px auto;
}
a.btn.min120.fctrl.button1.continue-start-test {
    background: #fff;
    background: #3ac47d;
    font-size: 13px;
    color: #fff !important;
    text-transform: capitalize;
    line-height: 18px;
    outline: none !important;
    border: 1px solid #3ac47d;
    transition: all 0.5s linear;
    padding: 11px 25px !important;
    box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5);
    font-weight: 500;
    display: inherit;
    text-align: center;
    margin: 10px auto 0px;
    width: 200px;
}
.engage-box1 p.primary, p{
	    font-size: 12px;
}
.user-attentions {
    border-radius: 2px;
    width: 145px;
    background: #080808;
    box-shadow: 0px 0px 10px rgba(160, 153, 153, 0.9);
	    margin-left: 15px
}
a.list-full-module.next-btn.multiple_choice.btn.button2.previous-btn {
    padding: 7px 22px !important;
    margin-right: 5px;
    font-size: 16px !important;
}
#coding-platform-head input#submit_test {
    padding: 7px 16px !important;
    font-size: 12px;
    font-weight: 400;
    width: auto;
}

.user-attentions p {
    color: #fff;
    margin-right: 5px;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 38px;
    font-family: 'Rubik', sans-serif !important;
}
.screen-validation-process .video{    height: auto;}
a.see_cam_warning_log {
    display: none;
}	
.mob_nav {
      position: absolute;
    z-index: 2;
    background: white;
    left: -400px;
    top: -7px;
    max-width: 400px;
    border: 1px solid #ddd;
    padding: 0px 0px 0px 15px;
    box-shadow: 0 0 5px 0 rgba(43,43,43,.1), 0 11px 6px -7px rgba(43,43,43,.1) !important;
    width: 97%;
    transition: left 0.5s linear;
    min-height: 100vh;
}
#need_help_coding_common.sm-help {
    display: none !important;
}
.nav_overlay.show {
    width: 100vw;
    height: 100vh;
    background: #00000087;
    position: fixed;
    z-index: 1;
    top: 0px;
}
.options-block-listing li {
  cursor: pointer;
position: relative;
padding: 14px !important;
font-size: 13px !important;
}
span.tick-icon {
    display: inline-block;
    position: absolute;
    right: 20px;
    z-index: -111;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 11px;
    background: #fffefe;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(20, 33, 25, 0.2);
}
#result-qualified-popup h4 {
    font-size: 16px;
    line-height: 27px;
    text-align: center;
    font-weight: 400;
    margin-top: 16px;
}
#result-qualified-popup p{
	    font-size: 13px;
    text-align: center;
}
#result-qualified-popup p a.btn.button2.btn-block {
    margin-bottom: 10px;
}
#user-result .test-base-result.single{
	    padding: 30px 10px;
}
.result-top-banner-block {
    background-color: #3d5473;
    background: url(../images/completed-test-banner.jpg) no-repeat;
    background-position: right top;
    background-repeat: no-repeat;
    padding: 90px 0;
    margin-bottom: 15px;
    position: relative;
    background-size: cover;
    z-index: 1;
    transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -webkit-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -moz-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -o-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -ms-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    display: inline-block;
    margin-top: 69px;
}
.result-top-banner-block h1 {
       color: #fff8f8;
    font-weight: 300;
    margin-bottom: 15px;
    line-height: normal;
    margin-top: 0px;
    font-size: 37px;
    font-weight: 700;
    text-shadow: 1px 1px #4d4d4d;
}
.result-top-banner-block p {
    color: #b1b7d8;
    font-style: italic;
    font-weight: 600;
    line-height: 33px;
    margin: 0;
    font-size: 27px;
    margin-top: 16px;
}
.banner-right-content h2 {
    color: white;
    font-weight: 300;
    font-size: 22px;
    margin: 15px auto 0px;
}
ul.options-block-listing li .option {
    width: 32px;
    min-height: 40px;
    display: block;
    text-align: center;
    font-size: 12px;
    color: #040404;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    line-height: 27px;
    padding-top: 8px;
    font-weight: 500;
}
.active span.tick-icon{
  width: 26px;
  height: 26px;
  top: 8px;
}
.previous-btn.disabled {
    border: 1px solid #dadada;
    color: black;
    pointer-events: none;
    background: #c2c2c2;
    padding: 12px 25px !important;
}
.options-block-listing li .tick-icon img, .options-block-listing li .wrong-icon img{
	    margin-top: -10px;
}
ul.options-block-listing li .question-text {
    margin-left: 34px;
  font-weight: normal;
  position: relative;
  font-size: 15px;
  color: #4a4548;
  line-height: normal;
  display: table;
  height: auto;
}
.question-details h4{font-size:13px;}
.top-heading-test-info{
	    margin-bottom: 5px;
}
.question-info.visible-xs h2 {
    font-size: 15px;
    font-weight: 400;
    margin: 5px auto !important;
}
.mob_nav.show{
	left:-19px;
}
.col-lg-8.col-md-8.col-sm-7.question-coding-area {
    margin-top: 15px;
}
.top-heading-test-info {
       display: inline-block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    color: #484848;
    margin: 22px 0 0px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d9d9d9;
    text-transform: uppercase;
    font-weight: 700;
}
.top-heading-test-info small {
    float: right;
    font-size: 11px;
    line-height: normal;
}
.clearfix.time_counter {
    padding-left: 31px;
    border-bottom: 1px solid #ede1e1;
    padding: 11px 11px 11px 60px;
    text-align: right !important;
    margin: 0px;
    display: inline-block;
    width: 100%;
    background: #fffcfc;
}
.menu_qunstion {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 14px 14px 14px 14px;
    font-weight: 500;
    color: #6c6969;
    font-size: 15px;
    background: #fcf4f4;
    display: flex;
    line-height: normal;
}
.time_counter p:first-child {
    display: none;
}
p.duration-timer{
	    font-size: 12px;
}
.left-questions-listing li a {
    float: left;
    width: 100%;
    font-size: 12px;
    padding: 20px 15px;
    color: #333;
    font-weight: 300;
    padding-left: 40px;
    line-height: 20px;
}

#attempted_option .question-number h4 {
    display: none !important;
}
li.clearfix.current span.number {
    font-weight: 500 !important;
    color: #121b48;
    font-size: 13px;
}
}

.summery_sticky{position:sticky;    top: 40px;}
#registration_details label.col-sm-3 {
    padding-top: 0px;
    font-weight: 400 !important;
    font-size: 13px;
    color: #333;
    margin-bottom: 7px;
    text-transform: capitalize;
    font-family: 'Source Sans Pro', sans-serif !important;
    text-transform: uppercase;
    font-weight: 600 !important;
}
#registration_details label {
    color: #333;
    font-weight: normal;
    font-size: 13px;
}

#questions-view-block .col-lg-4.col-md-4.col-sm-5.hidden-xs {
    background: #fbfbfb;
    box-shadow: 0 0 5px 0 rgba(43,43,43,.1), 0 11px 6px -7px rgba(43,43,43,.1) !important;
}

#questions-view-block .col-lg-8.col-md-8.col-sm-7.question-coding-area {
width: calc(100% - 28%);
}

span.top-heading-test-info {
padding: 20px 20px 15px 20px;
    margin: 0px;
    line-height: 28px;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 500;
}

#questions-view-block {
    font-family:'Rubik', sans-serif !Important;
}

#questions-view-block .mCSB_inside>.mCSB_container {
    margin-right: 0px;
}

.left-questions-listing li .number-block {
position: absolute;
    left: 12px;
    top: 17px;
    height: 69px;
}

.left-questions-listing li .number-block + a.list-full-module {
    font-family: 'Rubik', sans-serif !important;
    font-size: 15px;
    font-weight: 400 !important;
}
.left-questions-listing li{
	background: #f2f2f2;    cursor: pointer;
}

body .left-questions-listing li.current .number-block + a {
    color: #333;
    font-weight: 500 !important;
}
#questions-view-block .panel-heading + .collapse.in {
    margin-bottom: -6px;
}
.left-questions-listing li.current {
   border-left: 4px solid #ed1c24 !important;
    background: white;
}
#questions-view-block .col-lg-4.col-md-4.col-sm-5.hidden-xs {
  background: #f2f2f2;
    box-shadow: 0 0 5px 0 rgb(43 43 43 / 10%), 0 11px 6px -7px rgb(43 43 43 / 10%) !important;
    width: 28%;
    padding: 0px;
    height: 100vh;
    padding-top: 0px;
    position: sticky;
    top: 0px;
 border-right: 0px;
}



#coding-platform-head {
    background: #f7f7f7 !Important;
    padding: 0px !important;
    min-height: auto !important;
    box-shadow: none !important;    border-bottom: 1px solid #cbc8c8 !important;
}

.user-attentions p {
    line-height: 53px;
}

.user-attentions {
    border-radius: 0px;
    box-shadow: none;
    height: 53px;
    margin-top: 0px;
}

#coding-platform-head input#submit_test {
  background: #fe0036 !important;
    border: 0px;
    color: white !important;
    font-family: 'Rubik', sans-serif !Important;
    font-weight: 500;
    padding: 7px 16px !important;
    font-size: 16px;
}

#coding-platform-head {
    background: #f7f7f7 !Important;
    padding: 0px !important;
    min-height: auto !important;
    box-shadow: none !important;
    border-bottom: 1px solid #cbc8c8 !important;
}

.qunestion_lsiting h4 {
    display: inline-block;
    width: 300px;
    font-size: 21px;
}

.qunestion_lsiting p {
    display: inline-block;
    font-weight: 500;
    font-size: 17px;
}
.qunestion_lsiting {
    display: inline-block;
    padding: 17px 30px;
    width: 100%;
    border-bottom: 1px solid #ddd;display: none;
}

.second_header {
     display: inline-block;
    width: 100%;
    padding: 0px 0px 0px 0px;
    opacity: 0;
    margin-top: -11px;
}
.second_header .float-left {
  float: left;
    font-size: 18px;
    line-height: normal;
    color: #fe0036;
    background: #fdd4d8;
    width: 122px;
    padding: 10px;
    border-radius: 3px;
}
.second_header .float-right {
   width: 84%;
    float: left;
}
.second_header .user-actions-block {
    padding: 0px !important;
    margin: 0px !important;
}

#coding-questions-list .mCSB_scrollTools{
    right: -6px;
}

body .btn.previous-btn {
        background: #56575A !important;
    color: white !important;
    padding: 10px 20px !important;
    border-radius: 4px;
    display: inline-block;
    width: 119px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif !important;
    opacity: 1 !important;
    font-size: 14px;
    border: 0px !important;
}

a.btn.resume_btn.btn.btn_run.btn-info {
    background: #56575A !important;
}

input#check_mail_submit {
    line-height: 18px !important;
    font-weight: 500 !important;
}

span.g-icon-text {
    width: calc(100% - 47px);
    text-align: center;
    font-weight: 600 !important;
}

.model-container .btn {
    font-weight: 500 !important;
    line-height: 15px !important;
}

.logo.custom-logo-block.hidden-xs img {
 max-height: 53px;
    object-fit: cover;
}

#questions-view-block .panel-heading {
    background: #d6d6d6;border-bottom: 1px solid white;padding: 0px;
}
#questions-view-block h4.panel-title.question_listing.clearfix.top-heading-test-info {
margin: 0px 0px 0px 0px;
    padding-bottom: 0px;
    font-size: 18px;
}
#questions-view-block .panel.panel-default {
    margin: 0px !important;border-right: 0px;
}


#questions-view-block h4.panel-title.question_listing.clearfix a {
    display: inline-block;
    width: 100%;padding: 10px 15px;
}

#questions-view-block h4.panel-title.question_listing.clearfix a span {
    padding-right: 13px;
    display: inline-block;
    width: 97%;
}

#questions-view-block h4.panel-title.question_listing.clearfix a i.arrow-icon {
border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;  
    float: right;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);    margin-top: 4px;
}

#questions-view-block h4.panel-title.question_listing.clearfix a.collapsed i.arrow-icon {
    transform: rotate( 45deg);
    -webkit-transform: rotate( 45deg);
}

#questions-view-block .panel.panel-default.selected .panel-heading {
    background: #fdd4d8;
}

@media (min-width: 768px){
.modal-dialog {
    width: 540px;
    margin: 30px auto;
} }

#submit-test .modal-body h2 {
margin-top: 0px;
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-family: 'Rubik', sans-serif !Important;
    font-weight: 500;
    margin-top: 10px;
}

#submit-test .modal-body p {
    font-size: 16px;
    color: #4A4548;
    font-family: 'Rubik', sans-serif !Important;
}

#submit-test .modal-body.clearfix {
    padding: 25px 25px 20px 25px !important;
}

#submit-test .modal-footer.text-left {
    border: 0px !important;
    padding: 10px 25px 25px 25px;
}

p.text_message {
  background: #ffe4e9;
    color: #fe0036;
    font-weight: 500;
    font-size: 13px !important;
    padding: 4px 20px;
    text-align: left;
    position: absolute;
    top: 6px;
    width: 97%;
    font-family: 'Rubik', sans-serif !Important;
    border: 1px solid #e9cdd2;
    border-radius: 3px;
}

.attempts_reached{
	font-size: 19px;
    margin-top: 40px !IMPORTANT;
    display: inherit;
}

#user-result .contest_title h4 {
    width: 196px;
}

@media(max-width:800px){

#questions-view-block .col-lg-8.col-md-8.col-sm-7.question-coding-area {
  width: 100%;
    margin: -5px 0px 0px 0px !important;
    padding-top: 30px !important;
}
.inner-coding-area .question-details h4 {
    font-size: 16px;
}
body ul.options-block-listing li .option {
width: 25px;
min-height: 13px;
display: block;
text-align: center;
font-size: 12px;
color: #040404;
position: absolute;
left: 0;
top: 0;
height: 100%;
line-height: 8px;
padding-top: 8px;
font-weight: 500;
margin-top: 11px;
height: 25px;
margin-left: 11px !important;
}

.user-attentions p {
    line-height: 53px;
    font-size: 17px;
}	
	.second_header {
    display: none !important;
}
.col-lg-4.text-center.padding-0 {
    width: calc(100% - 140px);
    background: #080808;
    float: left;
}
body #need_help_coding_common.sm-help {
    display: none !important;
}
.col-lg-4.col-sm-4.col-xs-6.margin-t-20 {
    width: 140px;
    margin: 0px;    padding-right: 8px;
}
.tabs1.domain-tab {
    padding: 15px;
}
ul.nav.nav-tabs.top-info-tabs {
    display: flex;
}
#coding-platform-head .container {
    padding: 0px !important;
}
.user-attentions {
    width: 100%;
}
input#submit_test {
    margin-top: 10px;
}
}
.ctf_panel {
    border: 1px solid #ddd;
    padding: 40px;
    max-width: 800px;
    margin: 40px auto;
    border-radius: 5px;
    text-align: center;
    background: #f7f7f7;
}

.dropzone.dz-clickable.dropzone-project-file-upload {
    background: #fdd4d8;
}

.dropzone.dz-clickable.dropzone-project-file-upload .upload_file {
    color: #4a4747;
}
.form1.clearfix.subjective_panel {
    padding: 15px 0px 40px;  
}
.tabs1.domain-tab {
    padding: 20px;
}
.subjective_panel p {
    font-size: 19px;
    line-height: 36px;
}

.panel.panel-default.selected .left-questions-listing li a {
    display: block !important;
}




.col-lg-4.col-md-4.col-sm-5.hidden-xs {
  display: none;
}

.col-lg-8.col-md-8.col-sm-7.question-coding-area {
  width: 100% !important; background: #efefef;
}


#question-area .inner-coding-area {
  padding-left: 35px;
  padding-right: 9%;
}

body{
       background: #efefef;
}
.button_div p {
    display: none;
}

div#model_1.sticky-rgt-btm {
    display: none !important;
}
   .sticky-rgt-btm {
    display: none !important;
}
div#_l2_id_1.l2_outer_bx {
    display: none !important;
}

#login-register-modal h4 {
     text-align: center;
    line-height: 29px;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
}
button#token-to-login {
    background-color: #FF0035 !important;
    border: 1px solid #e11740;
    padding: 9px 26px !important;
    font-weight: 400;
    margin-top: 15px;
    font-size: 17px !important;
}
@media(max-width:900px){
#login_register_popup button#token-to-login {
    margin: 0 auto !important;
    width: 100%;
    text-align: center;
    float: none !important;
}
}

.login-signup-form label {
    font-weight: 400;
    font-size: 15px;
}

#login-register-modal .form1 .form-control {
    height: 50px !important;
    font-size: 15px;
    background: #f0fdff;
    border: 1px solid #e9e6e6;
    font-weight: 300;
}
div#coding-content-area {
  min-height: auto !important;
}

@media(max-width:900px){
#coding-platform-head .container {
  padding: 0px !important;
  background: black;
}
}


body .top-header-bar-test-info {
    padding-bottom: 0px;
    padding-top: 464px;}

    .second_colum {
    display: none;
}

.contest_title2 .box_coulm {
       background: #16a8ad;
    color: white;
    width: 100px;
    display: inline-block;
    font-size: 17px;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
}

.contest_title2 .box_coulm span {
    display: block;
    text-align: center;
    font-weight: 600;
}

.contest_title2 {
       display: flex;
    align-items: flex-start; margin-bottom: 20px;
}

.contest_title2 .box_coulm span {    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 27px;}

    .mobile-dropdown-view {
    display: none;
}

.tabs1-nav-wrap {
    display: none;
}
.content-block-extra.contest-rules {
    background: transparent;
    border: 0px;
    padding: 0px;
    margin: 0px;
}
div#create-test-form {
    padding: 50px 0px;
    display: inline-block;
    width: 100%;
}



.button_div h5 {
       display: inline-block;
    margin-right: 10px;
    width: 69%;
    line-height: 24px;
    color: #0966c2;
    font-style: italic;
    font-weight: 600;
}
.themes_background .col-md-9 {width: 100% !important;max-width: 100% !important;flex: unset !important;}

.socail_box {display: none;}

.qunstion_listing {display: none;}

.contest_title2 {display: flex;justify-content: center;}

.background_section {background: white; width: calc(100% - 100px);margin-left: 15px;box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);padding: 20px;border-radius: 5px;display: block;width: 100%;margin-bottom: 15px;}

.background_section h3 {    width: 100%;
    margin: 0px;
    line-height: 37px;
    font-weight: 600;min-height: 50px;
    font-size: 23px;}

a#running_challenge_2 {
    /* float: right; */
    margin-right: 20px;
    border-radius: 0;
    vertical-align: top;
    margin-top: 30px;
}

.button_div {display: inline-block;float: right;}
.contest_title2:before{display: none;}


.modal-body.error_msg span {
    font-weight: 400;
}


#login-register-modal .modal-body {
    background: white;
    padding: 0px 40px 40px;
    -webkit-box-shadow: 0px 2px 6px 0px #1d2030;
    box-shadow: none;
    border: 0px;
}  

#login-register-modal .modal-header {
    padding: 0;
    border: 0px;
    display: flex;
    justify-content: center;
    align-items: center;     margin-top: 40px;

}

#login-register-modal .modal-lg {
        max-width: 560px !important;
    width: auto !important;
}
}
#login-register-modal .modal-header button.close {
    position: absolute;
    right: 6%;
    opacity: 1;
    font-weight: 500;
}
/* #login_register_popup label.col-sm-12.left-label {
    display: none;
} */
#login-register-modal .tabs10 h4 {
    font-size: 16px;
    margin-top: 15px;
    font-family: 'Montserrat', sans-serif !important;     color: #202020;
}
#login-register-modal .form1 .form-control {
 height: 45px !important;
    font-size: 15px;
    background: #f0fdff;
    border: 1px solid #e9e6e6;
    font-family: 'Montserrat', sans-serif !important;
    padding: 6px 20px;
}
}
#login-register-modal .modal-header h4 {
    margin: 0px !important;
}

#login-register-modal .modal-header h4 {
    margin: 0px !important;
    font-size: 25px;
    color: #16a8ad;
    font-weight: 500;
}

#login_register_popup button#token-to-login {
    width: auto !important;
    float: none;
    display: block;
    margin: 0 auto;
    height: 40px;
    line-height: 20px;
    font-size: 16px!important;
}

#login-register-modal .modal-body{
        background: url(https://img.etb2bimg.com/files/cp/c136851cd507418307b3.png);
    background-size: cover;
    background-position: bottom;
}
#login-register-modal .modal-header .close {
    margin-top: -2px;
    position: absolute;
    right: 6%;
    opacity: 1;
    font-weight: 500;
    top: 5%;
}
#login_register_popup input::-ms-input-placeholder {

    color: black !important;
    opacity: 1;
}

#login_register_popup input:-ms-input-placeholder {

 color: black !important;
  opacity: 1;
}

#login_register_popup input::placeholder {
    color: black !important;
     opacity: 1;


}
#login-register-modal .tabs10 h4 span {
    font-weight: 700;
}

.retake-test-btn {
    /*display: none !important; */
}
 
.col-lg-8.col-md-8.col-sm-7.question-coding-area{
    background: url(https://img.b2bstatic.com/files/retail_files/main_background_1663333762.png);
    background-size: cover;
    min-height:100vh;
}

.tab-pane.fade {display: none;}

.tab-pane.in {display: block;}

#user-result-area .tab-content {
    margin: 0px !important;
}



.common_heading2 + section#leaderboard {
    margin-top: 40px;
}
.leaderboard_left {
    padding-top: 0%;
}
.leaderboard_section + a {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 15px;
    margin-top: 20px;
    text-decoration: underline;
}


/* responsive code start from here */


@media(max-width:900px){
    #guidelines ul.content_listing {
        padding: 0px;
    }
    
    .leaderboard_content2_main li.my-rank2 {
        left: 0px;
        margin: 0px !important;
        width: 100%;
        padding: 8px;
    }
    
    .common_heading2 + section#leaderboard .row {
        margin: 0px;
    }
    
    .leaderboard_content2_main {
        left: 0px !important;
        width: 100% !important;
    }
  
    
    .leaderboard_content2_main {
        left: unset;
    }
    
    .leaderboard_content2_main li {
        gap: 8px !important;
    }
    
    .leaderboard_body {
        padding: 0px !important;
    }
    
    .leaderboard_body li .colum_1 {
        padding: 0px 8px;
    }
    
    .leaderboard_content2_main .colum_2.column {
        width: calc(100% - 106px);
        padding: 0px;
    }
    
    .leaderboard_body .flex_content p.company_designation {
        font-size: 11px !important;
        line-height: 17px;
    }
    
    .leaderboard_body .flex_content h5 {
        font-size: 13px !important;
    }
    .leaderboard_sec_header {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    body .leaderboard_content2 .container .col-md-12 {
        padding: 0px !important;
    }
    .leaderboard_content {
        overflow: hidden;
    }
    
    .leaderboard_body .flex_content p.company_designation {
        line-height: 13px;
        margin-top: 4px;
    }
    
    .leaderboard_content2_main .colum_2.column img {
        min-width: 35px;
        height: 35px;
    }
    
    .leaderboard_content2_main li {
        align-items: center;
    }
    
    .leaderboard_content2_main .colum_2.column {
        align-items: center;
    }
    .leaderboard_body .mappingimage span.picture_name {
        width: 35px !important;
        height: 35px !important;
        display: flex;
        min-width: 35px !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        padding-left: 3px;
    }
    
    body .leaderboard_content2_main .colum_2.column img {
        min-width: 35px;
        height: 35px;
    }
    .leaderboard_body .mappingimage {
        margin-right: 12px !important;
    }
    
    .leaderboard_content2_main .column {
        font-size: 13px !important;
        padding: 0px 15px;
    }
    
    .leaderboard_content2_main .leaderboard_header li {
        padding: 17px 8px 16px !important;
    }
    small.rank_span {
        font-size: 11px;
        height: 19px;
    }
    .leaderboard_content2 .container {
        padding: 0px;
    }
    
    .leaderboard_sec_header {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .leaderboard_content2_main .colum_2.column img {
        width: 35px;
        height: 35px;
        min-width: 35px;
    }
    
    .leaderboard_section + a {
        margin-bottom: 20px;
        font-size: 12px;
        color: #e7e5e5;
    }
    .image_widget {
        gap: 8px;
    }


    /* layout css code start here */

    section.header_section.common_spacing {
        padding-top: 87px;
    }

    section.header_section.common_spacing.text-center-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    #guidelines li {
        font-size: 14px !important;
    }

    .common_heading2 + section#leaderboard {
        margin-top: 20px !important;
        padding-top: 0px;
    }
    .attend_section .width_auto {
        height: auto !important;
    }
    section.attend_section.common_spacing {
        padding-left: 15px !important;
        padding-right: 15px !important;
        
    }

    .box_widget_section .box_container {
        padding: 20px 10px !important;
    }
    
    .box_widget_section .box_container p {
        font-size: 13px;
    }
    
    .box_widget_section {
        background: rgba(255, 255, 255, 0.3);
    }

    .leaderboard_sec_header {
        padding-left: 0px;
        padding-right: 0px;
    }

    .leaderboard_sec_header {
        padding-left: 0px;
        padding-right: 0px;
    }
    .leaderboard_content {
        overflow: hidden;
    }
    .leaderboard_body .flex_content p.company_designation {
        line-height: 14px !important;
        margin-top: 1px;
        font-weight: 400 !important;
    }
    .leaderboard_content2_main .column {
        font-size: 13px;
    }
    section.content_section h4 {
        font-size: 19px !important;
        line-height: 28px;
        margin: 0px !important;
    }

    body a.common_btn {
        padding: 10px 28px;
        font-weight: 500;
        font-size: 14px;
        font-weight: 600;
    }
    .header_section p {
        line-height: 24px;
        font-size: 16px;
    }
    .header_section a.common_btn {
        margin-top: 20px;
    }
      /* layout css code start here */


      /* result page css start from the here */

      .result_page .contest_widget .col-md-7 {
        padding: 0px;
    }
    
    .result_page .themes_background > .container {
        padding: 0px;
    }
    
    body.result_page .leaderboard_widget ul li h4 {
        font-size: 17px !important;
        font-weight: 500;
        margin-top: 0px !important;
        line-height: normal;
    }
    
    div#leaderboard_result_widget {
        min-height: auto !important;
        margin-top: 40px;
    }
    
    .result_page .socail_panel h4 {
        font-weight: 500 !important;
        font-size: 20px !important;
        margin-top: 0px !important;
    }
    
    .contest_panel .contest_title2  h4 {
        font-weight: 400 !important;
        text-align: center;
    }
    
    .contest_title2 h4 + p {
        text-align: center;
    }
    
    .final_scrore h6 {
        position: relative !important;
        width: 100%;
        display: inline-block !important;
        text-align: center;
        line-height: 20px !important;
    }
    
    #user-result .test-base-result.cleared li h6, #user-result .test-base-result.cleared li {
        margin-bottom: 7px !important;
    }
    
    #user-result .test-base-result.cleared li label.score_number {
        margin-right: 2px !important;
    }

    

      /* result page css start from the here */
    }


/* responsive code start from here */

body .model-container.touch-container h2 {
    font-size: 18px;
    line-height: 26px;
    font-family: "SangBleuVersailles-Bold-WebS", sans-serif;
    font-weight: normal;
    color: #1a1a1a;
}

body .model-container.success-touch-container .model-wrapper .success-img-tick {
    display: flex;
    text-align: center;
    margin: 0 auto 40px auto;
}

body .model-container.success-touch-container .model-wrapper h2 {
    font-size: 18px;
    line-height: 26px;
    font-family: "SangBleuVersailles-Bold-WebS", sans-serif;
    font-weight: normal;
    color: #1a1a1a;
    text-align: center;
}

body .model-container.touch-container {
    padding: 24px 0px 0px 0px; }
    @media screen and (max-width: 1000px) {
      body .model-container.touch-container .model-wrapper {
        display: block; } }
    body .model-container.touch-container .model-content {
      padding-left: 24px;
      padding-right: 24px; }
      body .model-container.touch-container .model-content .input_sec label {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: normal; }
    body .model-container.touch-container h2 {
      font-size: 18px;
      line-height: 26px;
      font-family: "SangBleuVersailles-Bold-WebS", sans-serif;
      font-weight: normal;
      color: #1a1a1a; }
    body .model-container.touch-container .input_select_box {
      margin-bottom: 34px; }
      body .model-container.touch-container .input_select_box .select_sec, body .model-container.touch-container .input_select_box select {
        border: none !important;
        border-bottom: 1px solid #E0E0E0 !important; }
      body .model-container.touch-container .input_select_box select {
        appearance: none;
        outline: none; }
    @media screen and (max-width: 1000px) {
      body .model-container.touch-container .model-wrapper {
        padding: 0; }
      body .model-container.touch-container .input-section-main .input_sec {
        flex: 0 0 50%;
        max-width: 50%; } }
    body .model-container.touch-container .footer-msg-txt {
      -ms-display: flex;
      -webkit-display: flex;
      display: flex;
      -ms-justify-content: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -ms-align-items: flex-start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row;
      margin-top: -10px; }
      body .model-container.touch-container .footer-msg-txt #getintouch_check {
        width: 16px;
        height: 16px;
        margin-right: 10px;
        margin-top: 2px;
        padding: 10px; }
        body .model-container.touch-container .footer-msg-txt #getintouch_check + label {
          display: inline-block;
          font-size: 12px;
          line-height: 18px;
          font-family: "Montserrat", sans-serif;
          font-weight: 500;
          color: #595959; }
      body .model-container.touch-container .footer-msg-txt p {
        font-size: 12px;
        line-height: 18px;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        color: #595959; }
        body .model-container.touch-container .footer-msg-txt p a {
          color: #595959;
          text-decoration: underline;
          font-size: 12px;
          line-height: 18px; }
    body .model-container.touch-container .desc {
      margin-top: 9px;
      font-size: 14px;
      line-height: 20px;
      font-family: "Montserrat", sans-serif;
      font-weight: 500;
      color: #595959; }
      body .model-container.touch-container .desc span, body .model-container.touch-container .desc a {
        text-decoration: underline;
        color: #595959; }
    body .model-container.touch-container .container-get-touch {
      margin-top: 25px; }
      @media only screen and (max-height: 600px) and (min-width: 800px) {
        body .model-container.touch-container .container-get-touch {
          max-height: 340px;
          overflow-y: auto; }
          body .model-container.touch-container .container-get-touch::-webkit-scrollbar {
            background: none;
            width: 0px; } }
      body .model-container.touch-container .container-get-touch .error {
        margin: 0; }
      body .model-container.touch-container .container-get-touch .input-section-main1 {
        position: relative; }
        body .model-container.touch-container .container-get-touch .input-section-main1 .char-length {
          position: absolute;
          right: 0;
          top: 29px;
          font-size: 10px;
          line-height: 14px;
          font-family: "Montserrat", sans-serif;
          font-weight: 500;
          color: #CCCCCC;
          color: #595959; }
    body .model-container.touch-container.modal-confirm h2 {
      text-align: center; }
    body .model-container.touch-container .create-control-btn {
      width: calc(100% + 48px);
      background: #FFFFFF;
      margin: 24px -24px 0 -24px;
      box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.2);
      display: flex;
      padding: 0 25px;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px; }
      body .model-container.touch-container .create-control-btn .submit-button2 {
        margin-bottom: 12px;
        margin-top: 12px; }
    body .model-container.touch-container #form_error {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      word-break: break-word; }
      body .model-container.touch-container #form_error:empty {
        display: none; }
    body .model-container.touch-container .select-selected {
      top: 2px;
      width: 50px; }