@font-face {
    font-family: 'open_sanssemibold';
    src: url('OpenSans-Semibold-webfont.eot');
    src: url('OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), 
         url('OpenSans-Semibold-webfont.woff') format('woff'),
         url('OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), 
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('OpenSans-Light-webfont.eot');
    src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), 
         url('OpenSans-Light-webfont.woff') format('woff'),
         url('OpenSans-Light-webfont.ttf') format('truetype'),
         url('OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('OpenSans-ExtraBold-webfont.eot');
    src: url('OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), 
         url('OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('OpenSans-Bold-webfont.eot');
    src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), 
         url('OpenSans-Bold-webfont.woff') format('woff'),
         url('OpenSans-Bold-webfont.ttf') format('truetype'),
         url('OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
	@font-face {
    	font-family: 'Code 128';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/code128.ttf');
    	font-weight: normal;
    	font-style: normal;
	}	
	@font-face {
    	font-family: 'free1of28';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/free1of28.ttf');
    	font-weight: normal;
    	font-style: normal;
	}	
	@font-face {
    	font-family: 'Anjalinewlipi';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/Anjalinewlipi.ttf');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
    	font-family: 'times';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/times.ttf');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
    	font-family: 'Kalpurush';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/Kalpurush.ttf');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
    	font-family: 'SHREE-DEV-0708E';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/shree-dev-regular.ttf');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
			font-family: 'Nirmala UI';
			src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/nirmala-ui.ttf');
			font-weight:normal;
			font-style: normal;
		}
	@font-face {
			font-family: 'nirmalabold';
			src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/nirmala-ui-bold.ttf');
			font-weight:normal;
			font-style: normal;
		}
	@font-face {
			font-family: 'kruti';
			src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/k010.eot');
			src: local("Hindi"), url("https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/k010.ttf") format("truetype");
			font-weight:bolder;
			font-style: normal;
		}

    @font-face {
	    font-family: 'Kokila';
	    src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/kokila.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
    	font-family: 'kannadtunga';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/Tunga_Regular.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}

	@font-face {
    	font-family: 'tibetan';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/himalaya.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}
	
	@font-face {
    	font-family: 'monlam';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/Monlam_Uni_Ouchan1.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
    	font-family: 'Monlam Uni Ouchan1';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/Monlam_Uni_Ouchan1.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}

	@font-face {
    	font-family: 'manipuri';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/Kfajaba.ttf');
    	font-weight: normal;
    	font-style: normal;
	}
	
	@font-face {
    	font-family: 'urdu';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/urdu.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}


	@font-face {
    	font-family: 'tamil';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/FreeSerif.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}
	
	@font-face {
    	font-family: 'vani';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/Vani.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}

	@font-face {
    	font-family: 'telugu';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/FreeSerif.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}


	@font-face {
    	font-family: 'sindhi';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/FreeSerif.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}

	@font-face {
    	font-family: 'sanskrit';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/FreeSerif.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}

	@font-face {
    	font-family: 'santhali';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/SansOlChiki.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}


	@font-face {
    	font-family: 'punjabi';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/FreeSerif.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}


	@font-face {
    	font-family: 'oriya';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/FreeSerif.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}


	@font-face {
    	font-family: 'santhali';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/FreeSerif.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
    	font-family: 'nepali';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/FreeSerif.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
    	font-family: 'manipuri';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/Kfajaba.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}


	@font-face {
    	font-family: 'malyalam';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/FreeSerif.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
    	font-family: 'mailthili';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/FreeSerif.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
    	font-family: 'arabickashmiri';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/FreeSerif.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
    	font-family: 'kashmiri';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/Gulmarg.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
    	font-family: 'Jameel Noori Nastaleeq';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/Jameelnoori.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
    	font-family: 'gujrati';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/FreeSerif.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
    	font-family: 'dogri';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/FreeSerif.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}

	@font-face {
    	font-family: 'bengali';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/FreeSerif.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
    	font-family: 'assamese';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/vrinda.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}


	@font-face {
	  font-family: 'freeserif';
	  src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/freeserif/FreeSerif.ttf')  format('truetype');
	  font-weight: normal;
	  font-style: normal;
	}


	@font-face {
    	font-family: 'Cambria';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/Cambria.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}

	@font-face {
    	font-family: 'Latha';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/Latha.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}

	@font-face {
    	font-family: 'Kalinga';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/kalinga.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}

	@font-face {
    	font-family: 'New Century Schoolbook';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/new.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
    	font-family: 'Raavi';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/raavi.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
    	font-family: 'Shruti';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/shruti.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}
	@font-face {
    	font-family: 'Gautami';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/gautami.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}

	@font-face {
    	font-family: 'Kartika';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/kartika.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}


	@font-face {
    	font-family: 'Devanagari';
    	src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/Devanagari.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
	}
    
	@font-face {
	  font-family: 'kannadtunga';
	  src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/Tunga_Regular.ttf')  format('truetype');
	  font-weight: normal;
	  font-style: normal;
	}


	@font-face {
	  font-family: 'arial';
	  src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/Arial.ttf')  format('truetype');
	  font-weight: normal;
	  font-style: normal;
	}

	@font-face {
	  font-family: 'couriernew';
	  src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/couriernew.ttf')  format('truetype');
	  font-weight: normal;
	  font-style: normal;
	}

	@font-face {
	  font-family: 'mincho';
	  src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/msmincho.ttf')  format('truetype');
	  font-weight: normal;
	  font-style: normal;
	}

	@font-face {
			font-family: 'shipmoo';
			src: url('https://local.tarakdigitalservices.in/assets/editor/ckeditor/lang/kruti/Shipmoo.ttf') format('truetype');
			font-weight: normal;
			font-style: normal;

	}

/* Omprakash CSS Document */
body { padding-top: 0px; font-family: 'open_sansregular'; background: #f0f3fa; color: #343434; }
.marB20{margin-bottom:10px;}
.marB25{margin-bottom:20px!important;}
.marR45 { margin-right: 40px; }
.padT20 { padding-top: 20px; }
.padL0{padding-left:0px;}
.padT40{padding-top:40px;}
.padT36{padding-top:36px!important;}
.marT40{margin-top:40px;}
.marT0{margin-bottom:0px!important;}
.padB15{padding-bottom:15px;}
.marR15{margin-right:15px;}
.marTB0{margin-top:0px; margin-bottom:0px;}
.marL20{padding-left:20px!important;}
.padB45{padding-bottom:45px;}
.borderBottom1{border-bottom:1px solid #c4c6cb; height:1px; padding-top:20px; margin-bottom:20px;}
.boxPanel .marB0{margin-bottom:0px;}
.labelInput{padding-top:9px; display:inline-block; }
header { background: #3464e0; height: 240px; }
.navbar-inverse { background: none; border: none; padding-top: 10px; padding-bottom: 15px; color: #ffffff; }
.navbar-inverse a { color: #ffffff; line-height: 17px; }
.navbar-inverse .navbar-nav>li>a{color:#ffffff;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:hover span{color:rgba(255, 255, 255, 0.64);}

.navbar-nav>li>a { padding-top: 17px; padding-bottom: 12px; }
.navbar-inverse a span { color: #ffffff; line-height: 17px; display: inline-block; position: relative; top: -3px; }
.navbar.qpMenu-fixed, .navbar { background: #3464e0 }
.navbar .logout { padding-right: 0px; }
.navbar .logout i { background: url(../img/logout-icon.png) no-repeat center right; display: inline-block; height: 17px; width: 15px; margin-left: 10px; }
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { padding: 9px 0px 0px; margin-left: 0px; }
.pageContainer { position: relative; margin-top: -150px; }
.pageContainer.marTop160n { margin-top: -160px; }
.boxPanel { padding: 42px 20px; border: 1px solid #c4c6cb; background: #ffffff; border-radius: 5px; margin-bottom: 20px; }
.boxPanel h2, #sidebar h2 { margin-top: 0px; margin-bottom: 10px; font-size: 17px; font-family: 'open_sansbold'; }
#sidebar h2 { margin-top: 10px; margin-bottom: 15px; }
.breadCrumb { color: #ffffff; font-size: 14px; padding-top: 24px; padding-bottom:10px; }
h1 { font-size: 24px; font-family: 'open_sanssemibold'; color: #ffffff; }
.breadCrumb-outer, .breadCrumb  { min-height: 65px; padding-bottom:10px; overflow-wrap: break-word;
    word-wrap: break-word;} 
.breadCrumb-outer{word-break: break-all;}
.sidebarPanel { background: #fafbfd; border-radius: 5px; border: 1px solid #c4c6cb; padding-bottom:10px;  }
.sidebarPanel ul.nav-tabs { border-bottom: 2px solid #4f4f4f; display: table; width: 100%; padding-top: 10px; }
.sidebarPanel ul.nav-tabs li { display: table-cell; padding-left: 10px; padding-right: 10px; float: none; text-align: center; font-size: 15px; }
.sidebarPanel ul.nav-tabs li a { border: none; font-family: 'open_sanssemibold'; border-bottom: 4px solid transparent; padding-left: 5px; padding-right: 5px; background: none; text-transform: uppercase; color: #4f4f4f; margin-bottom: -3px; position: relative; }
.sidebarPanel .nav-tabs>li.active>a, .sidebarPanel .nav-tabs>li.active>a:focus, .sidebarPanel .nav-tabs>li.active>a:hover { border: none; border-bottom: 4px solid #3464e0; }
.sidebarPanel .question-button ul { margin: 0px; padding: 0px; list-style: none; width: 100%; text-align: left; }
.sidebarPanel .question-button ul li { list-style: none; display: inline-block; margin: 0px; padding: 0px; }
.sidebarPanel .question-button ul li .btn.questionBtn { width: 45px; height: 45px; margin-left: 4px; margin-right: 4px; line-height: 45px; text-align: center; color: #ffffff; padding: 0px; border: none; margin-top: 5px; margin-bottom: 5px; box-shadow: none; border-radius: 45px; outline: None; font-family: 'open_sanssemibold'; }
.sidebarPanel .question-button { margin-bottom: 30px; }
.sidebarPanel .question-button ul li .btn.questionBtn.red { background: #ED3E46; }
.sidebarPanel .question-button ul li .btn.questionBtn.green { background: #31b24f; }
.sidebarPanel .question-button ul li .btn.questionBtn.yellow { background: #e5e730; }
.sidebarPanel .question-button ul li .btn.questionBtn:hover, .sidebarPanel .question-button ul li .btn.questionBtn.red:hover, .sidebarPanel .question-button ul li .btn.questionBtn.active { background: #3464E0; }
.form-label { font-family: 'open_sanssemibold'; color: #383838; font-size: 15px; }
label { color: #383838; font-family: 'open_sansregular'; font-size: 15px; }
/* Custom Radio*/
[type="radio"].normalRadio:checked, [type="radio"].normalRadio:not(:checked) { position: absolute; left: -9999px; }
[type="radio"].normalRadio:checked + label, [type="radio"].normalRadio:not(:checked) + label { position: relative; padding-left: 32px; cursor: pointer; line-height: 24px; display: inline-block; color: #666; }
[type="radio"].normalRadio:checked + label:before, [type="radio"].normalRadio:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 22px; height: 22px; border: 2px solid #cbc9c9; border-radius: 100%; background: #fff; }
[type="radio"].normalRadio:checked + label:before { border: 2px solid #3464e0; }
[type="radio"].normalRadio:checked + label:after, [type="radio"].normalRadio:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #3464e0; position: absolute; top: 5px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
[type="radio"].normalRadio:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
[type="radio"].normalRadio:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
select { /* styling */
background-color: white;  border-radius: 4px; display: inline-block; font: inherit; line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em; /* reset */

margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; }
/* arrows */
input[type="text"].form-control, input[type="number"].form-control { height: 42px; background: #eef2f5; }
textarea.form-control { height: auto; background: #eef2f5; }
textarea.areaH150 { height: 120px; }
textarea.areaH200{height:175px;}
textarea.areaH80 { height: 80px; }
textarea.areaH50 { height: 45px; }
.padT10 { padding-top: 10px }

select.minimal { background: #eef2f5 url(../img/arrow-up.png) no-repeat right center; height: 42px; }

input[type="text"].form-control:focus, input[type="number"].form-control:focus { border-color: #3464e0; }


select.minimal:focus { background: #eef2f5 url(../img/arrow-down.png) no-repeat right center; border-color: #3464e0; outline: 0; }
 select:-moz-focusring {
 color: transparent;
 text-shadow: 0 0 0 #000;
}

select.minimal.miniWhite.abso{position:absolute; right:25px; top:30px; z-index:999; width:175px;}
select.minimal.miniWhite.abso.top38{top:38px;}
select.minimal.miniWhite { background: #ffffff url(../img/arrow-up.png) no-repeat right center; height: 37px; }
select.minimal.miniWhite:focus { background: #ffffff url(../img/arrow-down.png) no-repeat right center; border-color: #3464e0; outline: 0; }




/* Base for label styling */
[type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; }
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-left: 1.95em; cursor: pointer; }
/* checkbox aspect */

  
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.55em; height: 1.55em; border: 2px solid #ccc; background: #fff; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); }
[type="checkbox"]:checked + label:before { border: 2px solid #3464e0; }
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { content: '\2713\0020'; position: absolute; top: .30em; left: .28em; font-size: 1.1em; line-height: 0.8; color: #3464e0; transition: all .2s; font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial; }
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
/* accessibility */
[type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before { border: 2px solid #3464e0; }
/* accessibility */

 
[type="checkbox"]#logCheckbox:not(:checked) + label:before, [type="checkbox"]#logCheckbox:checked + label:before { width: 1.25em; height: 1.25em; border: 1px solid #ffffff; background: transparent; }
[type="checkbox"]#logCheckbox:checked + label:before { border: 1px solid #ffffff; }
/* checked mark aspect */
[type="checkbox"]#logCheckbox:not(:checked) + label:after, [type="checkbox"]#logCheckbox:checked + label:after { top: .25em; left: .22em; color: #ff7200; }
[type="checkbox"]#logCheckbox:checked:focus + label:before, [type="checkbox"]#logCheckbox:not(:checked):focus + label:before { border: 1px solid #ffffff; }
/*Custom Radio Button*/
input[type="radio"].questionBtn { display: none; }
input[type="radio"].questionBtn + label { }
input[type="radio"].questionBtn + label em { font-family: 'open_sanssemibold'; color: #ffffff; font-size: 15px; font-style: normal; }
input[type="radio"].questionBtn + label span { display: inline-block; width: 45px; height: 45px; border: 4px solid transparent;  line-height: 40px; text-align: center; margin: -1px 0px 0 0; vertical-align: middle; cursor: pointer; border-radius: 50%; }
input[type="radio"].questionBtn + label span { background-color: #ED3E46; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; margin-top: 5px; }
input[type="radio"].questionBtn:checked + label span { border: 4px solid #3464E0; }
input[type="radio"].questionBtn.green + label span { background-color: #31b24f; }
input[type="radio"].questionBtn.green:checked + label span { border: 2px solid #3464E0; }
input[type="radio"].questionBtn + label span:hover { border: 4px solid #3464E0; }
input[type="radio"].questionBtn + label span, input[type="radio"].questionBtn:checked + label span { transition: background-color 0.4s linear; }
input[type="radio"].questionBtn + label span, input[type="radio"].questionBtn:checked + label span { transition: background-color 0.4s linear; }
/*Custom Radio End */
.btn.btn-primary { background: #3464e0; height: 45px; box-shadow: 0px 0px 8px 5px rgba(52, 100, 224, 0.15); padding-left: 25px; padding-right: 25px; }
.btn.btn-primary.addSubjectBtn { background: #3464e0 url(../img/add.png) no-repeat 20px center; height: 42px; box-shadow: none; padding-left: 45px; padding-right: 20px; }

.btn.btn-primary.addPreviewBtn { background: #3464e0 url(../img/view-pdf.png) no-repeat 20px center; height: 42px; box-shadow: none; padding-left: 45px; padding-right: 20px; }

.btn.btn-default.btnWhite { background: #ffffff; height: 45px; color:#3464e0; box-shadow: 0px 0px 8px 5px rgba(52, 100, 224, 0.15); padding-left: 25px; padding-right: 25px; }


.Top5 { position: relative; top: -4px; }
.marTn19 { position: relative; top: -15px; }
/* Omprakash CSS Document End 5-3-19 */


/*Login Page*/
.loginContainer { display: table; width: 100%; }
.loginContainer .logoSection { display: table-cell; width: 45%; vertical-align: top; position: relative; }
.loginContainer .logoSection .login-logo, .loginContainer .loginSection .login-box { position: absolute; top: 50%; left: 80px; transform: translateY(-50%); }
.loginContainer .loginSection .login-box { left: 20%; right: 25%; }
.loginContainer .logoSection .login-logo h1 { font-size: 40px; color: #191919; font-family: 'open_sansregular'; margin-bottom: 20px; }
.loginContainer .logoSection .login-logo img { width: 70%; }
.loginContainer .loginSection { display: table-cell; width: 55%; vertical-align: top; position: relative; }
.loginPage { background: url(../img/login-bg.jpg) no-repeat center center fixed; background-size: cover; }
.logoSection { background: #ffffff; height: 100vh }
.loginPage .loginSection h2 { font-size: 35px; font-family: 'open_sanssemibold'; color: #ffffff; margin-bottom: 75px; }
.loginPage .loginSection label { color: #ffffff; font-size: 16px; display: block; margin-bottom: 11px; }
.loginPage .loginSection .form-control { font-size: 16px; text-align: center; height: 44px; line-height: 44px; box-shadow: none; margin-bottom: 10px; }
.loginPage .loginSection .btn-danger { background: #ff7200; font-family: 'open_sanssemibold'; font-size: 18px; border-color: #ff7200; padding-left: 40px; padding-right: 40px; height: 45px; }
.loginPage .remWid { width: 130px; margin: 15px auto 30px; }
.loginPage .remWid label { font-size: 15px; }
/*Login Page End*/

/*Slide Nav*/
/* The side navigation menu */
.sidenav { height: 100%; /* 100% Full-height */ width: 0; /* 0 width - change this with JavaScript */ position: fixed; /* Stay in place */ z-index: 99999; /* Stay on top */ top: 0; left: 0; background-color: #1e2d93; /* Black*/ overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 60px; /* Place content 60px from the top */ transition: 0.05s; /* 0.5 second transition effect to slide in the sidenav */ }
/* The navigation menu links */
.sidenav a.closebtn{color:#ffffff; text-decoration:none; margin-top:30px;}
.sidenav a.sideLink { padding: 8px 10px 8px 10px; text-decoration: none; font-size: 17px; color: #ffffff; display: block; margin-right:25px;  margin-left:25px; border-bottom:1px solid rgba(255, 255, 255, 0.25); }
/* When you mouse over the navigation links, change their color */
.sidenav a.sideLink:hover { color: #ff7200; }

/* Position and style the close button (top right corner) */
.sidenav .closebtn { position: absolute; top: 0; right: 30px; font-size: 36px; margin-left: 50px; }
.sideNavSection{width:100%; margin-top:50px;}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */


/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
.sidenav { padding-top: 15px; }
.sidenav a { font-size: 18px; }
}
/*Slide Nav End*/
.menuToggle { background: #ff7200; padding: 10px 12px; color: #ffffff; display: inline-block; margin-top: 22px; margin-left: 35px; }
header .menuToggle { padding: 0px 0px; color: #ffffff; margin-top: 28px; background:none; }
 .menuToggle img { width: 30px; height: auto; }
.overlayOn { position: fixed; z-index: 9999; background-color: rgba(0, 0, 0, 0.90); left: 0px; right: 0px; top: 0px; bottom: 0px; }
a span.glyphicon{color:#343434;}
.homeBread{color:#ffffff; text-decoration:none;}
.homeBread:hover, .homeBread:focus, .homeBread:visited{color:#ffffff!important; text-decoration:none; outline:none!important;}
.questionPoint{width:35px; height:35px; border-radius:35px; line-height:35px; text-align:center; color:#ffffff; background:#3464e0; display:inline-block; margin-right:10px;}
.sameHeight .boxPanel:last-child{margin-bottom:0px;}
h2.mainTitle{font-style:italic; font-size:20px;}
.validation_message {color:red;}
/*Added after Manvedra*/
.subjectTab-section ul.nav-tabs{width:100%; display:table; background:#ffffff; border-radius:10px; border:none;}
.subjectTab-section .nav-tabs>li{display:table-cell; vertical-align:middle;  text-align:center; float:none; padding-top:12px; padding-bottom:12px;}
.subjectTab-section .nav-tabs>li a{font-size:17px; border:none; font-family: 'open_sanssemibold'; background:none; border-left:1px solid #c4c6cb; color:#c4c4c5;}
.subjectTab-section .nav-tabs>li:first-child, .subjectTab-section .nav-tabs>li:first-child a{border-radius:10px 0px 0px 10px;}
.subjectTab-section .nav-tabs>li:last-child, .subjectTab-section .nav-tabs>li:last-child a{border-radius:0px 10px 10px 0px;}
.subjectTab-section .nav-tabs>li.active>a, .subjectTab-section .nav-tabs>li.active>a:focus, .subjectTab-section .nav-tabs>li.active>a:hover{border:none!important;; background:none; box-shadow:none; border-left:1px solid #c4c6cb;}
.subjectTab-section .nav-tabs>li.active, .subjectTab-section .nav-tabs>li.active:focus, .subjectTab-section .nav-tabs>li.active:hover{background:#1740aa; color:#ffffff;}
.subjectTab-section .nav-tabs>li.active a, .subjectTab-section .nav-tabs>li.active:focus a, .subjectTab-section .nav-tabs>li.active:hover a{color:#ffffff;}
.subjectTab-section + .tab-content.panel-body{padding:0px; margin-top:55px;}
.btn-default.inputBtn{height: 42px; background: #eef2f5; width:100%; font-size:26px; line-height:38px; padding-top:0px; padding-bottom:0px;}

input[type="text"]::-webkit-input-placeholder, .form-control.smallInput::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #343434;
  opacity:1;
}
input[type="text"]::-moz-placeholder, .form-control.smallInput::-moz-placeholder { /* Firefox 19+ */
  color: #343434;
    opacity:1;
}
input[type="text"]:-ms-input-placeholder, .form-control.smallInput:-ms-input-placeholder { /* IE 10+ */
  color: #343434;
    opacity:1;
}
input[type="text"]:-moz-placeholder, .form-control.smallInput:-moz-placeholder { /* Firefox 18- */
  color: #343434;
    opacity:1;
}
.sideNavSection.innerSideNav{margin-top:30px; padding:25px 10px;}
.sideNavSection ul{overflow:hidden;}
.sideNavSection ul, .sideNavSection ul li{margin:0px; padding:0px; list-style:none;}
.sideNavSection ul li{display:inline-block; width:49.2%; vertical-align:top;  padding-left:10px; padding-right:10px; margin-bottom:15px;}
.sideNavSection ul li a{ display:block; height:100px; text-decoration:none;}
.sideNavSection ul li .navIconMenu{border-radius:8px!important; background:#ffffff; color:#343434; text-align:center; padding-top:52px; padding-bottom:20px; padding-left:5px; padding-right:5px; line-height:18px; font-size:14px;  width:100%;  -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.sideNavSection ul li .navIconMenu.dashboard-icon{background:#ffffff url(../img/dashboard.png) no-repeat center 20px;}
.sideNavSection ul li .navIconMenu.project-icon{background:#ffffff url(../img/profile-wht.png) no-repeat center 20px;}
.sideNavSection ul li .navIconMenu.user-icon{background:#ffffff url(../img/profile1.png) no-repeat center 20px;}
.sideNavSection ul li .navIconMenu.template-icon{background:#ffffff url(../img/template.png) no-repeat center 20px;}

.sideNavSection ul li .navIconMenu.dashboard-icon:hover{background:#ff7200 url(../img/dashboard-wht.png) no-repeat center 20px; color:#ffffff;}
.sideNavSection ul li .navIconMenu.project-icon:hover{background:#ff7200 url(../img/profile1-wht.png) no-repeat center 20px; color:#ffffff;}
.sideNavSection ul li .navIconMenu.user-icon:hover{background:#ff7200 url(../img/profile.png) no-repeat center 20px; color:#ffffff;}
.sideNavSection ul li .navIconMenu.template-icon:hover{background:#ff7200 url(../img/template-wht.png) no-repeat center 20px; color:#ffffff;}

.sideNavSection .profile-icon{margin:0 auto; width:70%;  text-align:center;}
.sideNavSection .profile-icon img{ border-radius:108px; padding:15px; border:1px dashed #7792e6;}
.sideNavSection .profile-icon a{display:block; width:100%;  font-family: 'open_sansbold'; font-size:18px; color:#ffffff; margin-top:20px; margin-bottom:35px;}

a.noLink{text-decoration:none; color:#343434}
.table.tbl{border:1px solid #c4c6cb; background:#ffffff; border-radius:6px 6px 0px 0px;}
.table.tbl thead{border-radius:6px 6px 0px 0px;}
.table.tbl  th:first-child{border-radius:6px 0px 0px 0px}
.table.tbl  th:last-child{border-radius:0px 6px 0px 0px}
.table.tbl  th{border-bottom:2px dotted rgba(89, 89, 89, 0.27);}
.table.tbl  th, .table.tbl  td{padding:25px 20px 15px}
.table.tbl  td{padding-top:12px; padding-bottom:12px; white-space: normal; word-break: break-all;}
.table.tbl thead{background:#f5f6f8; border-radius:6px 6px 0px 0px;}
.table.tbl tbody{border-radius:0px 0px 6px 6px;}



.table.tbl .table-icon-btn li, .table.tbl .table-icon-btn{list-style:none; margin:0px; padding:0px; }
.table.tbl .table-icon-btn li{display:inline-block; vertical-align:middle; text-align:center;}
.table.tbl .table-icon-btn li a{border-left:1px solid #3b3b3c; padding-left:2px; padding-right:0px; text-align:center;}
.table.tbl .table-icon-btn li:first-child a{border-left:none; padding-left:0px;}
.table.dataTable.no-footer{border-bottom:1px solid #c4c6cb;}
table.dataTable tbody tr:last-child{background-color:none; border-radius:0px 0px 6px 6px;}
/*table.dataTable thead th:first-child{background-image:none;}*/
table.dataTable.firstTbl thead th:first-child{background-image:url(../img/sort_asc.png)}
table.dataTable.firstTbl thead th:first-child.sorting_desc{background-image:url(../img/sort_desc.png)}
.dataTables_wrapper .dataTables_info{display:none;}
.dataTables_wrapper .dataTables_filter{float:left!important; text-align:left; margin-bottom:10px;  margin-right:0px!important}
.dataTables_wrapper .dataTables_filter label{margin-bottom:0px;}
.dataTables_wrapper .dataTables_filter label input[type="search"]{display: inline-block;
    width: 300px;
    height: 42px;
    padding: 6px 30px 6px 15px;;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background:#ffffff url(../img/search.png) no-repeat right center;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
.searchPlace{position:absolute; right:15px; top:22px; z-index:99;}


/*CSS Loader*/
.lds-roller {
  display: inline-block;
  position: absolute;
  width: 64px;
  height: 64px;
  left:50%; 
  top:50%;
  transform:translate(-50%,-50%);
  z-index:9999;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffffff;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.bg-success, .bg-danger{padding:10px 30px; border-radius:6px; margin-top:15px;}
.bg-success{border:1px solid #76b259; background:#f3faf0; border-left-width:5px; color:#499029; font-size:15px; font-family: 'open_sanssemibold'; text-align:left;}
.bg-danger{border:1px solid #fd435a;  background:#f9d4da; border-left-width:5px; color:#fd435a; font-size:15px; font-family: 'open_sanssemibold'; text-align:left;}

/*Booklet Design*/

#myModalBooklet .modal-dialog, #myModalBooklet1 .modal-dialog{ 
		width: 75%;       
}
#myModaladdproject .modal-dialog{width:60%;}
#myModalBooklet .modal-dialog p{line-height:24px;}
.modal-dialog h2{font-size:16px; font-family: 'open_sanssemibold'; color:#333333;}
.bookletLists { margin:0px; padding:5px 0px 10px; margin-left:20px;}

.bookletLists.alpha{list-style-type:lower-alpha;}
.bookletLists.alpha li, .bookletLists.decimal li{padding-left:10px; margin-top:7px; margin-bottom:7px;}
.bookletLists.decimal{list-style-type:decimal; }
.bookletLists.decimal.single{/*font-size:16px; font-family: 'open_sanssemibold';*/ margin-bottom:0px; padding-bottom:0px; color:#333333;}


.sidebarPanel.affix{width:274px!important; top:90px!important; z-index:99;}

/*scrollbar*/

 
.scrollbar
{	
	height: 400px;	
	overflow-y: auto;
	margin-bottom: 10px;
}

.force-overflow
{
	min-height: 400px;
}




/*
 *  STYLE 3
 */

#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #000000;
}


/*
 *  STYLE 3
 */

#style-4::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb
{
	background-color: #000000;
}


/*
 *  STYLE 3
 */

#style-5::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-5::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-5::-webkit-scrollbar-thumb
{
	background-color: #000000;
}

/*scrollbar*/  
.sidebarPanel .panel-body{padding-right:4px;}
.boxPanel{word-break: break-all;}




input[type="radio"].questionBtn.yellow + label span { background-color: #F2720D; }
input[type="radio"].questionBtn.yellow:checked + label span { background-color: #3464E0; }
.question_range{word-break:normal;}
#sidebar .breadCrumb-outer{min-height:62px;}




/*Booklet*/
.booklet .bookletQuestion{font-size: 18px;
    font-family: 'open_sanssemibold';
    color: #333333;}
.booklet{margin:0px; padding:0px; border: 1px solid #c4c6cb; box-sizing:border-box; background: #ffffff; border-radius: 5px;}
.booklet .booklet-box{background:#f0f3fa; overflow:hidden;}
.booklet.page-marT{padding-top:20px;}
.booklet.page-MarL{padding-left:20px;}
.booklet.page-MarR{padding-right:20px;}
.booklet.page-MarB{padding-bottom:20px;}


.booklet .booklet-header-marT{padding-top:20px;}
.booklet .booklet-header-MarL{padding-left:20px;}
.booklet .booklet-header-MarR{padding-right:20px;}
.booklet .booklet-header-MarB{padding-bottom:20px;}

.booklet .booklet-body-marT{padding-top:20px;}
.booklet .booklet-body-MarL{padding-left:20px;}
.booklet .booklet-body-MarR{padding-right:20px;}
.booklet .booklet-body-MarB{padding-bottom:20px;}

.booklet .booklet-footer-marT{padding-top:20px;}
.booklet .booklet-footer-MarL{padding-left:20px;}
.booklet .booklet-footer-MarR{padding-right:20px;}
.booklet .booklet-footer-MarB{padding-bottom:20px;}
.booklet .displayTable{display:table; width:100%;}
.booklet .booklet-body.firstSection{display:table-cell; width:50%; }
.booklet .booklet-body.secondSection{display:table-cell; width:50%;}

.booklet .border-dotted {border:1px dotted #dddddd}
.booklet .booklet-header{min-height:100px;} 
.booklet .booklet-footer{min-height:100px;}
.booklet .booklet-body{min-height:642px;}

/*New Layout*/ 

.border12{padding:5px; background:#dfdfdf; border-radius:6px;}
.border12 .sidebarPanel h2{font-size:17px;padding-bottom:10px; margin:10px 15px 0px; font-family: 'open_sansbold'; margin-bottom:5px; border-bottom:1px solid #cecece;}
.border12 .sidebarPanel{border:1px solid transparent;}
.pageMargin{width:100%; display:table;}
.pageMargin .pageMarTwoCol{display:table-cell; vertical-align:top; width:50%;}
.pageMargin .pageMarOneCol{display:block; vertical-align:top; width:100%;}
.pageMargin .PMT{padding-top:14px;}
.pageMargin .PML{padding-left:15px;}
.pageMargin .PMB{padding-bottom:0px;}
.pageMargin .PMR{padding-right:15px;}
.pageMargin .pageMarQuestion{display:table-cell;  vertical-align:top; font-size:12px; line-height:14px; font-family: 'open_sanssemibold'; padding-right:5px;}
.pageMargin .pageMarImg{display:table-cell; vertical-align:top}
.pageMargin .pageMarSection{margin-bottom:12px;}
.absLeftPosition{position:absolute; left:-40px; top:10px;}
.padR30{padding-right:30px;}
.form-control.smallInput{width:95px; display:inline-block}
/*Marks CSS*/
/*.pageMargin .pageMarMarks{display:table-cell; vertical-align:top; padding-left:8px;} */
.pageMargin .pageMarMarks{display:none; vertical-align:top; padding-left:8px;} 
.input-file label{width:340px; border:1px solid #cccccc; border-radius:4px; height:38px; margin-bottom:0px;}
.input-file .btn-default{
  position:absolute; left:0px; top:0px; width:92px;  z-index:99; height:38px; padding-top:8px; border-radius:4px 0px 0px 4px; background:#dddddd; 
}
.input-file .inputFileBtn{
  position:absolute; left:0px; top:8px; 
}
.input-file .inputFileBtn:focus{outline:none; border:none;}
.input-file .btn.btn-danger{position: absolute;    top: -21px;    height: 37px;}
.input-file .btn.btn-primary{line-height:42px; padding-top:0px; padding-bottom:0px; height:42px;}
.input-file .padLzero{margin-left:0px; padding-left:0px; padding-right:10px;}

.btn.custom-file-upload.custom-file-upload-icon{padding-left:10px; padding-right:10px; background: url(../img/upload-file-btn.png) no-repeat!important; height:20px; line-height:30px;border: none;box-shadow: none;}
.btn.custom-file-upload{padding-left:38px; padding-right:10px; background:#3464e0 url(../img/download-btn.png) no-repeat 14px center!important; height:42px; line-height:30px;}
.btn.custom-file-upload.fileBtn{ background:#3464e0!important; padding-left:15px!important; padding-right:15px!important;}
.padRzero{padding-right:0px;}
#csv_upload_btn.addSubjectBtn{padding-left:15px; background-image:none;}


  
  select.multiple option {

    padding-top:10px;
    padding-bottom:10px;
    padding-left:15px;
    position: relative;
    border-bottom:1px solid #ccc;
  }
 
 select.multiple option:selected, select.multiple option:checked{background:#D1EBFF!important;}

.form-control.multiple{background:#eef2f5}


table.dataTable.firstTbl thead th.remove:first-child{background:none !important;}

/*BorderPreview*/

.borderLine, .borderBlank{display:table-cell; vertical-align:top; background:#DFDFDF}
.borderLine.bWidth{width:0.5%;}
.borderBlank{width:0.75%; background:transparent;}
.pageMargin .pageMarTwoCol{width:48.25%;}
.borderLine.borderDashed{ background-color:none; background:url(../img/dashed.png) repeat-y center top;}
.pageMargin .oneLineBorder.pageMarTwoCol{width:49%}
label.shuffleLabel{top:-11px;}
/*BorderPreview*/
label { font-weight: 400; }
.form-control.disabled , .disabled { opacity: 0.45; }

.dot { width: 8px;    height: 9px;    display: inline-block; }
.comp { background-color: #31b24f;  }
.skppd { background-color: #ED3E46;  }
.pending { background-color: #F2720D;  }
.homeBtn span.glyphicon {color:#ffffff; margin-right:10px;}
.text_border { min-height: 42px; background: #eef2f5; border: 1px solid #ccc; border-radius: 4px; }
.text_border p{margin-bottom:0px!important;}
.cke_editable_inline { min-height: 42px !important;  }
.border12.affix{top:87px}
#sidebar h2{word-break:break-word}
.modal-footer a.btn{line-height:43px; padding-top:0px; padding-bottom:0px;}

/*Header Spacing Reduced*/

.pageContainer {margin-top:-160px;}
.boxPanel{padding-top:15px; padding-bottom:15px;}
.boxPanel + .dataTables_wrapper,  .checkDTsection + .dataTables_wrapper{padding-top:10px;}


/*Header Spacing Reduced*/
.btn.btn-primary.homeBtn{padding-top:0px; padding-bottom:0px; line-height:45px;}
.checkDTsection{position:absolute; z-index:99; right:0px; top:0px; line-height:42px;}
.checkDTsection .checkboxDatatable{position:relative; display:inline-block; margin-right:5px;}
.checkDTsection .checkboxDatatable label{position:relative; top:-11px; }

#dtBasicExample_length select {border:1px solid #ccc; padding-right:0.5em}

/*New Popup and Success CSS*/




.modal-dialog .modal-content{box-shadow:none; }
/*
.modal-backdrop{background:rgba(255, 255, 255, 1); opacity:1;}
.modal-dialog{top:50%; margin-top:0px; transform:translateY(-50%)!important;}
.modal-dialog .modal-content .modal-header{

background: #ffffff; 
background: -moz-linear-gradient(top,  #ffffff 1%, #f6f6f6 47%, #e2e2e2 100%); 
background: -webkit-linear-gradient(top,  #ffffff 1%,#f6f6f6 47%,#e2e2e2 100%);
background: linear-gradient(to bottom,  #ffffff 1%,#f6f6f6 47%,#e2e2e2 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); 
font-weight:bold;
color:#6b6b6b;    
font-size:17px;
font-family: 'open_sanssemibold';
padding-top:12px; padding-bottom:12px;
}
.modal-header .modal-title{font-size:17px; font-family: 'open_sanssemibold';
color:#6b6b6b;}
.modal-content .close{font-size:30px; opacity:0.6;}

.modal-dialog .modal-content .btn-success, .modal-dialog .modal-content .btn-success:active, .modal-dialog .modal-content .btn-success:focus{

background: #acd665; 
background: -moz-linear-gradient(top,  #acd665 1%, #8fc248 48%, #679f2b 100%); 
background: -webkit-linear-gradient(top,  #acd665 1%,#8fc248 48%,#679f2b 100%);
background: linear-gradient(to bottom,  #acd665 1%,#8fc248 48%,#679f2b 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acd665', endColorstr='#679f2b',GradientType=0 ); 
border:1px solid #8fb35f; 
color:#ffffff; 
width:175px;
text-shadow:2px 2px 3px rgba(0, 0, 0, 0.25);   
padding-top:7px; padding-bottom:7px; 
text-align:left;  
margin-left:10px; 
float:left;
}
.modal-dialog .modal-content .btn-danger img, .modal-dialog .modal-content .btn-success img{margin-right:10px;}
.modal-dialog .modal-content .btn-danger, .modal-dialog .modal-content .btn-danger:active, .modal-dialog .modal-content .btn-danger:focus{

background: #f97e94; 
background: -moz-linear-gradient(top,  #f97e94 0%, #e95d6e 48%, #db4a55 100%); 
background: -webkit-linear-gradient(top,  #f97e94 0%,#e95d6e 48%,#db4a55 100%);
background: linear-gradient(to bottom,  #f97e94 0%,#e95d6e 48%,#db4a55 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f97e94', endColorstr='#db4a55',GradientType=0 ); 

border:1px solid #c87179; 
color:#ffffff; 
width:175px;
text-shadow:2px 2px 3px rgba(0, 0, 0, 0.25);   
padding-top:7px; padding-bottom:7px;    
text-align:left;
 margin-right:10px;
float:right;
}

.modal-dialog.modalYN .modal-footer{text-align:center; border-top:none;}
.bootbox-body{padding-top:8px; padding-bottom:8px; font-size:16px; 
color:#6b6b6b;
}
*/
.modal-dialog.modalYN{width:420px;}
.btn-default.bootbox-cancel, .btn-default.bootbox-cancel:hover{    background-color: #6c757d;
    border-color: #6c757d; height:45px; color:#ffffff;}
footer{display:none;}
.breadcrumb{display:inline-block; margin-bottom:0px;}
.subjectTab-section .nav-tabs>li a{color:#343434;}
.dataTables_paginate {    
	width: 100%;
    padding: 10px 10px!important;
    background: #F8F8F8;
    border: 1px solid #c4c6cb;
    border-top: none;
    border-radius:0px 0px 6px 6px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{border:1px solid #c4c6cb!important; border-radius:5px!important; background:#ffffff!important;}
#dtBasicExample_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button:hover, #dtBasicExample_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:#3464e0!important;  border-radius:5px!important; border:1px solid #c4c6cb!important; color:#ffffff!important;}
.checkDTsection .addSubjectBtn{margin-right:11px;}
#dtBasicExample_wrapper.dataTables_wrapper table th{vertical-align:top; text-transform:capitalize;}  	
.rightPosition{position:absolute; right:20px; top:30px; z-index:9}
.posRelative{position:relative;}
body{padding-right:0px!important}

/*25-6-19*/
#dtBasicExample_wrapper  table td, #dtBasicExample_wrapper  table th{word-break:normal;}
.text_border .cke_editable{padding-left:12px; padding-top:10px;}
.modal-dialog{margin-top:auto; margin-bottom:auto; top:50%; transform:translateY(-50%)!important}
.sort-section {
    font-size: 16px;
    font-family: 'open_sanssemibold';
    padding-right: 45px;
    position: relative;
}
.sort-section.or em {
    display: inline-block;
    width: 100%;
    background: #cecece;
    height: 1px;
    line-height: 1px;
    left: 0px;
    position: absolute;
    top: 15px;
}
.sort-section.or span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    border-radius: 30px;
    background: #eef2f5;
    border: 1px solid #cecece;
    position: relative;
    z-index: 9;
}
.breadcrumbLeft{min-height:20px; margin-top:10px;}
.dataTables_wrapper .dataTables_filter label input[type="search"]{margin-left:0px;}
.error{color:red!important; font-size:13px; line-height:15px; word-break:normal; font-weight:400; display:inline-block; margin-top:5px;}
/*.posButton{position:absolute; right:0px; bottom:-30px;}
.posSection{margin-bottom:40px;}*/

/*28-6-19*/

.absLeftPosition3 {
    position: absolute;
    right: 40px;
    top: 11px;
}
.absLeftPosition2 {
    position: absolute;
    right: 40px;
    top: 11px;
}
.relativeDiv{position:relative; display:inline-block; vertical-align:top;}
.padB10{padding-bottom:15px;}
.pageMargin{background:#ffffff; border:1px solid #ccc; width:72%; margin:0 auto;}
.pageMar-Top{position:absolute; left:-25px; right:-25px; top:25px; height:1px; background:#cccccc; }
.pageMar-Bottom{position:absolute; left:-25px; right:-25px; top:auto; bottom:25px; height:1px; background:#cccccc; }
.pageMar-Left{position:absolute; left:25px; right:auto; top:-25px; bottom:-25px; width:1px; background:#cccccc; }
.pageMar-Right{position:absolute; right:25px; left:auto; top:-25px; bottom:-25px; width:1px; background:#cccccc; }
.border12 .sidebarPanel{padding-bottom:12px;}
.border12 .sidebarPanel h2{margin-bottom:10px;}


/* Inline Editor */
.qp_text_border { background: #ffffff; }
.qp_text_border .cke_editable_inline { min-height: 120px !important;  word-break: break-word; max-height: 120px; overflow: auto;}
.qp_text_border .cke_editable_inline img{ max-width: 100%; height: auto;}

.saperator_preview  { display: none; }

/*Added for preview size to fit on screen*/
hr{margin-top:8px; margin-bottom:2px;}
.fontSize{text-transform:uppercase}
.col-sm-8 .form-inline .fontfamily{width:150px}



.create_image { background: #fff; border: none; }

div[aria-labelledby="myModalLabel"] ul{margin-left:0px; padding-left:0px;}
div[aria-labelledby="myModalLabel"] .btn{ height:32px;
    line-height: 28px;  
    font-size: 12px;
    padding: 0px 12px!important;
}
div[aria-labelledby="myModalLabel"] .marR20{margin-right:20px;}
div[aria-labelledby="myModalLabel"] .modal-body .modal-title{font-size:14px; padding-bottom:10px;     padding-top: 10px;
    border-top: 1px solid #e5e5e5;
    margin-top: 20px;}
.table.tbl .table-icon-btn li .progressimage img, .table.tbl .table-icon-btn li .excelFile img, .table.tbl .table-icon-btn li .infodownload img, .table.tbl .table-icon-btn li .projectinfodownload img, .table.tbl .table-icon-btn li .passageinfodownload img, .table.tbl .table-icon-btn .imagesize1 img{width:17px; height:auto;}
/*.table.tbl .table-icon-btn li:first-child a{ border-right: 1px solid #3b3b3c}*/




.compareImage img{width:19px;}
#dtBasicExample  td:last-child{padding-right:4px;}


/*New Layout Added CSS 04/08/20*/
.btn.btn-danger{  
    height: 45px;
    box-shadow: 0px 0px 8px 5px rgba(52, 100, 224, 0.15);
    padding-left: 25px;
    padding-right: 25px;

}
.bookletQuestion{font-weight:bold;}
/*.bookletLists.decimal.single{font-weight:bold;}*/
.mainTitleCompare{font-size:22px; color:#191919; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #cccccc;}
.boxPanel.compareBox {word-break:break-word; max-width:100%; overflow-x:auto;}
a.btn.btn-primary, a.btn.btn-danger{line-height:31px;}
.compareBox .bookletLists {margin-left:0px;}
.compareBox .bookletLists li{list-style-type:none; padding-left:0px;}
.compareBox .bookletLists li > p{display:inline-block; vertical-align:top;}
.compareBox .mainTitleCompare{font-size:18px;}
.table.tbl .table-icon-btn li.deleteIcon a{padding-left:2px; padding-right:0px;}
.modal-footer .btn+.btn-success{height:45px;     box-shadow: 0px 0px 8px 5px rgba(52, 100, 224, 0.15);
    padding-left: 25px;
    padding-right: 25px;}
    
    .uploadBtn .custom-file-upload{top:0px!important}
    

.modal-body.bookletpreviewSelectbox{padding-top:25px; padding-bottom:18px;}
.modal-body.bookletpreviewSelectbox.form-group{ width:260px; }
.modal-body.bookletpreviewSelectbox h4.modal-title{position:relative!important; padding-left:25px!important;}
.bookletLists.decimal.single{font-size:auto;}
/*number for option commented .compareBox .bookletLists.alpha{font-size:16px!important}
.compareBox .bookletLists.alpha  li{list-style-type:lower-alpha!important;}
number for option commented*/
.questionNumberCompare{display:table-cell; vertical-align:top; width:50px;}
.questionContentCompare{display:table-cell; vertical-align:top; width:auto;}
.questionContentCompare table{width:100%!important}
.questionContentCompare table td{vertical-align:top;}
.table.tbl .table-icon-btn li.seach_btn img{width:15px;}





input[type="password"].form-control {
    height: 42px;
    background: #eef2f5;
}

input[type="checkbox"].toggleSwitch {
  position: relative;
  width: 52px;
  height: 26px;
  -webkit-appearance: none;
  appearance: none;
  background: red;
  outline: none;
  border-radius: 2rem;
  cursor: pointer;
  margin-right:5px;
  box-shadow: inset 0 0 5px rgb(0 0 0 / 50%);
  left:5px;
  top: 8px;
}

input[type="checkbox"].toggleSwitch::before {
  content: "";
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 3px rgb(0 0 0 / 40%);
  transition: 0.5s;
}

input[type="checkbox"].toggleSwitch.smToggleSwitch {
  width: 42px;
  height: 21px;
  left:auto;  
  top: auto;
}

input[type="checkbox"].toggleSwitch.smToggleSwitch::before {
  
  width: 21px;
  height: 21px;
 
}

input[type="checkbox"].toggleSwitch:checked::before {
  transform: translateX(100%);
  background: #fff;
}

input[type="checkbox"].toggleSwitch:checked {
  background: #00ed64;
}
.toggleSwitchDiv + a .btn.btn-primary.addSubjectBtn{position:relative; top:-5px;}
.chosen-container{width: 100%!important;}
.chosen-container .chosen-choices {
    display: block;
    width: 100%;
    min-height: 42px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #eef2f5;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.chosen-container .chosen-results li{font-size:14px;}

.select2.select2-container{ width:100% !important;  }
.subjective_area  .btn.btnPosition{position:absolute; right:-38px; height: 42px!important;
    line-height: 38px!important;
    font-size: 12px;
    padding: 0px 16px!important;}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{min-height: 42px;
    background: #eef2f5!important; line-height:38px;}
    .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px!important;}
    .select2-container--default .select2-selection--multiple{line-height:26px;}
    .subjective_area hr{margin-top:15px; display:block;}

.fontfamily_subject_add { width:125px!important; }
.lineheight_subject_add, .lineheight_subject_add .form-control, .padding_top_options { width:50px!important; }
.last_option_value_subject_add .form-control { width:66px!important; }
.padding_top_options .form-control { width:49px!important; }
.form-inline .form-control.section_new_page_checkbox, .section_new_page_checkbox { position:relative !important; left: 0 !important; width: 20px; margin: 14px 0px 0px !important; height:20px;}
.form-inline .form-control.section_new_page_checkbox{margin-top:10px!important; margin-left:5px!important;}
.shuffleLabel + strong{font-size:12px}