@CHARSET "ISO-8859-1";

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

 /* *********************Blink*********************  */
.blink_me {
animation: blinker 1s linear infinite;
}

@keyframes blinker {
50% { color:blue;}}

@font-face {
	font-family: 'SourceSansPro-Black';
	src: url('font/Source_Sans_Pro/SourceSansPro-Black.eot');
	src: url('font/Source_Sans_Pro/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'),
		url('font/Source_Sans_Pro/SourceSansPro-Black.woff') format('woff'),
		url('font/Source_Sans_Pro/SourceSansPro-Black.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}


@font-face {
	font-family: 'SourceSansPro-Light';
	src: url('font/Source_Sans_Pro/SourceSansPro-Light.eot');
	src: url('font/Source_Sans_Pro/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
		url('font/Source_Sans_Pro/SourceSansPro-Light.woff') format('woff'),
		url('font/Source_Sans_Pro/SourceSansPro-Light.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

	
	/*body {*/
	  /* fallback */
	  /*background-color: #F9FAFA;*/
	  /*background-image: url(images/radial_bg.png);*/
	  /*background-position: center center;*/
	  /*background-repeat: no-repeat;*/
	
	  /* Safari 4-5, Chrome 1-9 */
	  /* Can't specify a percentage size? Laaaaaame. */
	  /*background: -webkit-gradient(radial, center center, 0, center center, 460, from(#F9FAFA), to(#F9FAFA));*/
	
	  /* Safari 5.1+, Chrome 10+ */
	  /*background: -webkit-radial-gradient(circle, #F9FAFA  , #F9FAFA);*/
	
	  /* Firefox 3.6+ */
	  /*background: -moz-radial-gradient(circle, #F9FAFA  , #F9FAFA);*/
	
	  /* IE 10 */
	  /*background: -ms-radial-gradient(circle, #F9FAFA  , #F9FAFA);*/
	
	  /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
	/*}*/

body {
    font-family: "Poppins", serif !important;
    font-size: 14px;
    line-height: 1.42857143;
    background: linear-gradient(135deg, #ece9ff, #dff6f0);
    }

	#ftitleHeader{/*padding: 10px 0px!important;  margin: 5px 0px; *//* border:0px; */}
	.page-header-1{ padding: 5px 0px 0px 0px!important;  border-bottom: none !important; margin:1px 0px !important;}
  	.page-header h4
  	{
  		color: #bf1105;
  		/* font-family:Calibri, verdana; */
  		 font-family: "Poppins", serif;
  		font-weight:600;
  		margin:0px;
  		decoration:none;
  	}

.m-t{margin-bottom: 15px;}/*added by ravi*/
  	
 .page-header .repTitle {font-family: Calibri, verdana; font-size: 13px; font-weight:bold; color: #D72B78;}  	
  
  .cap_heading{font-family: verdana; font-size: 12px; font-weight:bold; color: #D72B78;}  	
  	
  	.page-header-1 .repTitle{
	 font-family:Calibri, verdana;
	 font-size: 13px; 
	 font-weight:bold;
	 padding: 10px 0px;
	 color: #bf1105; !important;
	 width: 33.3%;
     float: left;
     margin-top:0px
  	}  	
  	
  	
  	.panel-blue {background-color:#ffffff; }
	
	/*PANEL BORDER COLOR*/  	
	.panel-default { border-color: #eaebfd;	}  	
	
	.panel-default>.panel-heading {    	
		background-color: #2c91f3;
	    border-color: #2c91f3;
	}  	
  	
  	.panel-heading
  	{
  		margin:0px;
		padding-top:4px;
		padding-bottom:4px;
  	} 
  	
  .panel-heading .panel-title
  {
	/*text-align:right;*/
  
  	font-size:13px;
  	color: #ffffff; 
  	font-weight:bold;
  }
  
  .w-100{ width:102px !important;}
  
  .form-horizontal .form-group
  {
  	paddding:0px;
  }
  
.ddo_form .form-control, .ddo_form select  {
    font-family:Calibri,  verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-radius: 9px ;
     font-size: 15px !important;
    }
  
  .form-group .form-control {
    font-family:Calibri,  verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 13px;
   /*  border-radius: 0px 3px 3px 0px !important; */
    border-radius:  9px;
}
.form-group .form-control.datecalendar{border-radius: 0px 9px 9px 0px !important;}
.input-group-addon{border-radius: 0px!important;}
 .form-group .observer_input
 {
  font-family: 'Poppins';  
    font-weight: normal;
    font-size: 13px;
    border-radius: 0px 3px 3px 0px !important;
    width:80%;  
    height:24px;
 }
 .form-horizontal .col-form-label
  {	
	padding-top:7px;
    font-family: 'Poppins';  
    font-weight: normal;
    font-size:12px;
    color: #2C427C;
  }
  
  .form-horizontal input[type=text], input[type=password]
  {
  	border: solid 1px #d2d6de;
  	font-size: 13px;
  	/* padding: 2px;   height:25px; */  	
    font-family:Calibri,  Verdana, Arial, Helvetica, sans-serif;  
    height:30px;
  }	

 .form-horizontal textarea
  {
    border: solid 1px  #d2d6de;/* #B2BABB; */
    font-size: 13px;
   /*  padding: 2px; */
    font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
    height: 30px;
    border-radius: 9px;
      
  }
  
  .form-horizontal select
  {
  	 border: solid 1px  #d2d6de;/* #B2BABB; */
  	font-size: 13px;
  /*padding: 2px; height:22px;*/
    font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
    height:30px;
    padding: 0px 7px;
     border-radius: 9px;
  }

/*
.form-group.required .col-form-label:after { 
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 8px;
    top:7px;
}*/

.required-field:after 
{
    color: #d00;
    content: "*";
 /*    position: absolute;
   margin-left: 5px;
    top: 5px; */ 
    position: relative;
    margin-left: 2px;
    top: 1px;
}
  
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] 
{
    position: absolute;
    margin-top: 4px;
    margin-left: 0px;
    margin-top: 0px;
}

.inner_table_check input[type=checkbox]{position: relative !important;
    margin-top: 4px !important;}

input[type=checkbox], input[type=radio] {
    margin: 12px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

input[type=checkbox].checkAlign {
margin: 0px 5px 0 !important;
margin-left: 10px;
margin-top: 1px\9;
line-height: normal;
}

.list-name li{
	position: relative;
	padding-left: 17px;
	}
.list-name input[type="checkbox"]{
	margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    position: absolute;
left: 0;
}

.row .errmessage {
	font-size:13px;
	color:#dd4b39 !important;
	font-family:Calibri, verdana,Arial, Helvetica, sans-serif;
}

.errmessage {
	font-size:13px;
	color:#dd4b39 !important;
	font-family:Calibri, verdana,Arial, Helvetica, sans-serif;
}


.row .successmessage {
	font-size:13px;
	color:green;
} 

#HeadGrid .errmessage {
 font-size:13px;
 color:#dd4b39 !important;
}
 
 /**	View button  **/ 
 .btn-view {
    display: inline-block;
    padding: 1px 19px;
    font-size: 17px;
    font-weight: 500;
    color: white;
    background: #6c63ff;
    border-radius: 30px;
    text-decoration: none;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    transition: background 0.3s, transform 0.3s;
}
 
 /* 
  .btn-view {
    border-color: #687DB4;
    font-size: 14px;
    color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #122e34), color-stop(100%, #3d7e76));
    box-shadow: 2px 2px 1px #17345a;
    background-image: -ms-linear-gradient(bottom, #336376 0%, #78B9D2 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#336376,endColorStr=#78B9D2);
    background: -moz-linear-gradient(top, #336376 0%, #78B9D2 100%);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin: 0px 4px;
}
 
  */
 /*  .btn-view {
    color: #ffffff;
    background-color: #00799A;#00799A;
    border-color: #687DB4;
     font-size:14px;
    font-size:12px;
    font-weight:bold;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    height:25px;
	box-shadow:2px 2px 1px #336376;
	background-image: -ms-linear-gradient(bottom, #336376 0%, #78B9D2 100%); 
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#336376,endColorStr=#78B9D2);
	background: -moz-linear-gradient(top, #336376 0%, #78B9D2 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c4f29), color-stop(100%,#285052));
	Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default
 
border-color: #687DB4;
box-shadow:2px 2px 1px #0A819C;
background: #1e5799; Old browsers
background: -moz-linear-gradient(-45deg, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); FF3.6-15
background: -webkit-linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); Chrome10-25,Safari5.1-6
background: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); IE6-9 fallback on horizontal gradient
	
	border-color: #DB1C7B;
	box-shadow:2px 2px 1px #DB1C7B;
	background: #dd137b; Old browsers
background: -moz-linear-gradient(top, #dd137b 0%, #db72a6 56%, #dba6c0 96%); FF3.6-15
background: -webkit-linear-gradient(top, #dd137b 0%,#db72a6 56%,#dba6c0 96%); Chrome10-25,Safari5.1-6
background: linear-gradient(to bottom, #dd137b 0%,#db72a6 56%,#dba6c0 96%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd137b', endColorstr='#dba6c0',GradientType=0 ); IE6-9

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px;
    border-radius: 5px; 
   margin: 0px 4px; 	      
} */

/* .btn-view:focus,
.btn-view.focus {
  color: #fff;
  background-color: #48A9C4;
  border-color: #687DB4;
  box-shadow:2px 2px 1px #336376;
  background-image: -ms-linear-gradient(bottom, #78B9D2 0%, #336376 100%); ie10
  filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#78B9D2,endColorStr=#336376);
  background: -moz-linear-gradient(top, #78B9D2 0%, #336376 100%); firefox
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78B9D2), color-stop(100%,#336376)); webkit    
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
  -khtml-border-radius: 5px;
  border-radius: 5px;     
}
.btn-view:hover {
  color: #fff;
  background-color: #48A9C4;
  border-color: #687DB4;
  box-shadow:2px 2px 1px #336376;
  background-image: -ms-linear-gradient(bottom, #78B9D2 0%, #336376 100%); ie10
  filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#78B9D2,endColorStr=#336376);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6e665a), color-stop(100%,#336376));    
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
  -khtml-border-radius: 5px;
  border-radius: 5px;     
} */


.btn-view:focus,
.btn-view.focus {
  background: #554bdb;
transform: translateY(-3px); 
 color:#fff;     
}
.btn-view:hover {
background: #554bdb;
transform: translateY(-3px); 
 color:#fff;   
}

/* .btn-view:active,
.btn-view.active,
.open > .dropdown-toggle.btn-view {
  color: #fff;
  background-color: #48A9C4;
  border-color: #687DB4;
  box-shadow:2px 2px 1px #336376;
  background-image: -ms-linear-gradient(bottom, #78B9D2 0%, #336376 100%); ie10
  filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#78B9D2,endColorStr=#336376);
  background: -moz-linear-gradient(top, #78B9D2 0%, #336376 100%); firefox
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78B9D2), color-stop(100%,#336376)); webkit    
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
  -khtml-border-radius: 5px;
  border-radius: 5px;     
} */
/* .btn-view:active:hover,
.btn-view.active:hover,
.open > .dropdown-toggle.btn-view:hover,
.btn-view:active:focus,
.btn-view.active:focus,
.open > .dropdown-toggle.btn-view:focus,
.btn-view:active.focus,
.btn-view.active.focus,
.open > .dropdown-toggle.btn-view.focus {
  color: #fff;
  background-color: #48A9C4;
  border-color: #122b40;
} */
.btn-view:active,
.btn-view.active,
.open > .dropdown-toggle.btn-view {
  background-image: none;
}



/*
* Select Combobox in Datatables
*/
div.dataTables_wrapper div.dataTables_length select {
  	font-size: 10.5px;
  	padding: 2px;
    font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
    height:22px;
}

/*
* Select Combobox in Datatables Label
*/
div.dataTables_wrapper div.dataTables_length label {
  font-family: verdana;
  font-size:11px;
  color: #2C427C;  
}

div.dataTables_wrapper div.dataTables_filter label {
  font-family: verdana;
  font-size:11px;
  color: #2C427C;  
}
div.dataTables_wrapper div.dataTables_filter input {
  	font-size: 10.5px;
  	padding: 2px;
    font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
    height:22px;
}

/*.table > thead > tr > th, .table > tfoot > tr > th {

table.univ_datatable thead > tr > th{
    font-size: 11px !important;
    white-space: inherit !important;
    vertical-align: middle;   
    width: 150px !important;
}
 table.univ_datatable thead > tr > td{
    font-size: 13px !important;
    white-space: inherit !important;
    vertical-align: middle;   
    width: 150px !important;
}
  */
  
/*   .datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 20px !important;
    height: 20px !important;
    border-radius: 4px;
    border: none;
} */
 .datepicker table > thead > tr > th,  .datepicker table > tfoot > tr > th {
   width: 73.3px !important ;
   color: #000 !important;
    background-color: #fff !important ;
}
 /*    .datepicker-days table { width: 220px !important ;} */
  
  .datepicker-days .table > thead > tr > th, .table > tfoot > tr > th {
 color: #000;  
    font-family:Calibri, courier-new,sans-serif;
    font-size: 11px; 
     white-space: inherit !important;
    vertical-align: middle;   
   /*   width: 25px  !important;    height: 25px !important; */
    background: #fff !important;
}
 
  .datepicker-days .table > thead > tr > th,  .datepicker table > tfoot > tr > th {
    color: #000;  
   background: #fff !important;
    font-family: 'Poppins';
    font-size: 12px;
    white-space: inherit !important;
    vertical-align: middle;
     width: 0px !important ;
}
  

.table > thead > tr > th, .table > tfoot > tr > th {
	color: #ffffff;
    background-color: #2c91f3;
     font-family: 'Poppins';  
    font-size: 13px; 
     white-space: inherit !important;
    vertical-align: middle;   
    width: 150px ;
    border-color:#0A819C;
}
/* .table-bordered {
    border-bottom: 1px solid #2c91f3;
    border-left: 1px solid #2c91f3;
    border-right: 1px solid #2c91f3;
    
} */
div.dataTables_scrollHead table.table-bordered {
    border: 1px solid #439653 !important;
}


#searchTable_1 > tbody > tr > td, #searchTable_2 > tbody > tr > td, #searchTable_3 > tbody > tr > td  {
   font-family: 'Poppins';  
    font-size: 13px !important;
}

.table > thead > tr > td input[type=checkbox] {
    margin: 4px 0 0 !important;
}

/* table.table > tbody > tr > td, */

  #searchTable1 > tbody > tr > td, #searchTable > tbody > tr > td {
  /*   font-family: courier-new,sans-serif;    font-size: 11px;  */
    /*  font-family: sans-serif; font-size: 13px !important; */    
  /*   font-family: verdana,Arial, Helvetica, sans-serif; */
  
   /*  font-family: 'SourceSansPro-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; */
    font-family: 'Poppins';  
      font-size: 13px !important;
       white-space: inherit !important;
       vertical-align: middle;   
       width: 150px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th,
.table > thead > tr > td, .table > thead > tr > th {
	/* padding:3px;	 */
	/* border-bottom: 0px solid green !important;*/
    /* border: 1px solid green !important;  */
}

.table-bordered > thead > tr > th {
   /*  border: 1px solid #62b762 !important; */
    border-bottom: 0px solid #62b762 !important;
    border-left: 1px solid #48718b !important;
    border-right: 1px solid #62b762;
    border-top: 0px solid #62b762 !important;
}
 

div.dataTables_wrapper div.dataTables_info {
  font-family:Calibri, verdana;
  font-size:13px;
  color: #2C427C; 
  margin: 8px 0;
}
div.dataTables_wrapper div.dataTables_paginate{margin: 4px 0;}

.pagination > li > a, .pagination > li > span {
 /*  color: #2C427C;  *//* Old Value color: #337ab7;*/
  font-family:/* Verdana, Source Sans Pro,  Arial, Helvetica, */ Calibri,sans-serif;
  font-size:13px;
  min-width: 1.5em !important; padding: 0.2em .5em !important;
 /*color: #777 !important; */ 
 border-color: #ddd;
}

.pagination > .paginate_button > .active > a, .pagination > .paginate_button > .active > span {  color: #fff !important;}
.pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover,
 .pagination > .active > a:focus, .pagination > .active > span:focus  {color: #fff !important;}


/*--------------- tableTypeGrid --------------*/
 .dataEntryDiv
 {
 	padding-top:4px;
 	padding-bottom:4px;
 	border:0px solid #000;
 	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
 }
 
 table.dataEntryGrid td
 {
 	margin: 0px;
    font-size: 11px;
 }
 
  table.dataEntryGrid td input
 {
    border: solid 1px #0000;
    font-size: 10.5px;
    padding: 0px;
    font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px;
    border-radius: 3px;   
 }
 
 #searchTable input[type="text"] {
 	height:20px;
  /* 	width:70%; */
  	font-family:Calibri, courier-new,sans-serif;
  	font-size: 13px;
  	padding:6px 3px;
 }
 
 
  #searchTable textarea
  {
    border: solid 1px #B2BABB;
    font-size: 10.5px;
    padding: 2px;
    font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px;
     border-radius: 3px;  
  }
/* @media (max-width: 800px)
    {
       #searchingTable
       { 
       	width: 1200px !important;       	
       }
    }
 */
    @media (max-width: 768px)
    {
       #searchingTable
       { 
       	/* 	overflow-x:scroll;  verflow:auto !important; */
       			width: 1200px !important;       		
       }
    }
    @media (min-width: 1400px)
    {
       #searchingTable
       { 
       		overflow-x:hidden;
       }
    }    
    
 #tab_info
{
    width:100%;
    margin:2px 0px 0px 0px; 
    left: 0%;
    right: 0%;
    top: 0px;
    height:auto;
    border-width: 0px;
    border-style:  solid;
    border-color: #D3D3D3;
    position:relative;
	background: transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;  
    -khtml-border-radius: 5px;
    border-radius: 5px;   
}

.fileTabs
 {
    border-left:1px solid #7070FF;
    border-right:1px solid #7070FF;
    border-top:1px solid #7070FF;
    background: #c3c3e2;
    padding: 3px 0;
    margin: 1px 2px 0 0;
    text-align: center;
    font-family:Calibri, verdana, sans-serif;  /* tahoma, verdana, sans-serif */
    font-size: 11px;  /* 85% */
    font-weight:normal;
    text-decoration: none;
    color: #000; /*#333 */
    cursor:pointer;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	 border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}

.tab_details
{
    width:100%;
    margin:0px 0px 0px 0px; 
    left: 0%;
    right: 0%;
    top: 0px;
    height:auto;
    border-width: 1px;
    border-style:  solid;
    border-color: #0A819C;
    position:relative;
    background: transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;  
    -khtml-border-radius: 5px;
    border-radius: 5px;   
}


/*--------------- plus and minus button css use on ExamCenterObserver_d.jsp --------------*/
tr.spaceUnder>td {
  padding-bottom: .3em;
}

.plus_button {
    background-color:#00799A; /* Green */
    border: none;
    color: white;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11 px;
    margin: 4px 2px;
    cursor: pointer;
}
.minus_button {
    background-color:#00799A; /* Green */
    border: none;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11 px;
    margin: 4px 2px;
    cursor: pointer;
}

.button1 {border-radius: 50%;}

caption{    font-family:Calibri, verdana;
    font-size: 13px;
    color: #D72B78 !important;
    padding: 4px 0px !important;}

.m-b-25{margin-bottom: 25px;}    

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none !important;
    color: #999 !important;
    cursor: default;
}

table.dataTable thead .sorting_asc.sno:after {
    content: "\e155";
    display:none !important;
}

/* CSS code commonDropDown Dynamic CheckBoxes */
input[type=checkbox].checkRadioMrgn {
    margin: 0px 5px 0px 5px !important;
    margin-left: 10px;
    margin-top: 1px\9;
    line-height: normal;
 }  

.checkAlign{
	text-align: center; 
	vertical-align: middle;
}

/* CSS code mandatory  required field in label */
.starLine{
	padding-right:0px;
}

.errmessage1 {
	font-size:20px;
	color:#008000 !important;
	font-family:Calibri, verdana,Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

.errmessage2 {
	font-size:20px;
	color:#dd4b39 !important;
	font-family:Calibri, verdana,Arial, Helvetica, sans-serif;
	font-weight: bolder;
}    

.lg-btn{font-size: 20px !important;}

.close {
    opacity: 1 !important;
    color: red !important;
}
   /*.dataEntryDiv{ 
 	    overflow-y: auto; 
 	    height: 200px; 
 	    border: 1px solid green !important; 
 	   }*/
	  .dataEntryDiv thead th { 
	    position: sticky; 
	    top: 0;
	    border: 0px solid #61e87b !important; 
	    border: 1px solid #61e87b !important;
        border-top: 0px solid #62b762 !important;
        box-shadow: 1px 0 0 1px #62b762 !important;
     }

	/* Just common table stuff. Really. */
		table  { border-collapse: collapse; width: 100%; }
		th, td { padding: 4px 4px; }
		th     { background:#eee; }
 
 	 table.tableGrid th {
       color: #ffffff;
	    background-color: #2c91f3;
	    border: 1px solid #2c91f3 !important;
	    font-size: 13px;
     }
     .m-b-20{
        margin-bottom:20px;
     }
     .container-fluid {
    	margin-bottom: 20px !important;
	}
	  @media (max-width: 1600px) and (min-width: 1280px) {
	    .container-fluid {
	        width: 100% !important;
	        padding-right: 15px;
	        padding-left: 15px;
	        margin-right: auto;
	        margin-left: auto;
	    }
	}
   
   
   
  /* Common button styles */
  .button-common {
    align-items: center;
    appearance: none;
    background-clip: padding-box;
    background-color: initial;
    background-image: none;
    border-style: none;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    flex-direction: row;
    flex-shrink: 0;
    font-family: Eina01, sans-serif;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    line-height: 18px;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 8px 20px;
    pointer-events: auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    width: auto;
    word-break: keep-all;
    z-index: 0;
  }

  @media (min-width: 768px) {
    .button-common {
      padding: 10px 22px;
    }
  }

  /* Button decoration: before and after */
  .button-common:before,
  .button-common:after {
    border-radius: 80px;
  }

  .button-common:before {
    background-color: rgba(249, 58, 19, .32);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
  }

  .button-common:after {
    background-color: initial;
    background-image: linear-gradient(92.83deg, #ff7426 0, #f93a13 100%);
    bottom: 3px;
    content: "";
    display: block;
    left: 3px;
    overflow: hidden;
    position: absolute;
    right: 3px;
    top: 3px;
    transition: all 100ms ease-out;
    z-index: -1;
  }

  /* Hover and Active states */
  .button-common:hover:not(:disabled):after {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transition-timing-function: ease-in;
  }

  .button-common:active:not(:disabled) {
    color: #ccc;
  }

  .button-common:active:not(:disabled):after {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(92.83deg, #ff7426 0, #f93a13 100%);
    bottom: 4px;
    left: 4px;
    right: 4px;
    top: 4px;
  }

  .button-common:disabled {
    cursor: default;
    opacity: .24;
  }

  /* Individual button styles */
  .save:before {
    background-color: rgba(40, 167, 69, .32);
  }

  .save:after {
    background-image: linear-gradient(92.83deg, #4caf50 0, #2e7d32 100%);
  }

  .reset:before {
    background-color: rgba(249, 58, 19, .32);
  }

  .reset:after {
    background-image: linear-gradient(92.83deg, #ff7426 0, #f93a13 100%);
  }

  .search:before {
    background-color: rgba(0, 123, 255, .32);
  }

  .search:after {
    background-image: linear-gradient(92.83deg, #1e88e5 0, #0069d9 100%);
  }

  /* New View button styles */
  .view:before {
    background-color: rgba(23, 162, 184, .32); /* Light teal color */
  }

  .view:after {
    background-image: linear-gradient(92.83deg, #17a2b8 0, #117a8b 100%); /* Teal gradient */
  }
  
  
  .make-notes{
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; 
   padding:17px 9px; 
   border-left: 4px solid #ff2525; 
  }
  
  .make-notes-heading{
  font-size: 14px;
  }
  
  
  .make-notes-ul{
	  margin: 0;
	  padding-left: 20px;
	  font-size: 13px;
	  margin-top: 4px;
  }
  
   .mt-20{
  	margin-top: 20px
  }
   .mb-15{
  	margin-bottom: 15px
  }