@CHARSET "ISO-8859-1";

 /* *********************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 {
    font-family: Arial;
    font-size: 14px;
    line-height: 1.42857143;}



	#ftitleHeader{padding: 10px 0px!important; /* margin: 5px 0px; *//* border:0px; */}
	.page-header-1{ padding: 5px 0px 0px 0px!important;  border-bottom: none !important; margin:10px 0px !important;}
  	.page-header h4
  	{
  		color: #0a151e;
  		font-family:Arial;
  		font-weight:bold;
  		margin:0px;
  		decoration:none;
  		font-size: 16px;
  	}

.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: 15px; 
	 font-weight:bold;
	 padding: 10px 0px;
	 color: #000 !important;
	 width: 33.3%;
     float: left;
     margin-top:9px 
  	} 
  	.hide-link-line{text-decoration:none !important;} 
  	.page-header-2 {
	
	font-family: Calibri, verdana;
    font-size: 13px;
    font-weight: bold;
    color: #0a151e !important;
    width: 33.3%;
    float: left;
}	
  	
  	
  	.panel-blue {background-color:#ffffff; }
	
	/*PANEL BORDER COLOR*/  	
	.panel-default { border-color: #ff8f00;	}  	
	
	.panel-default>.panel-heading {    	
    	/* background-color: #bb9c2b;
    	border-color: #439653; */
	}  	
  	
  	.panel-default>.panel-heading {
    color: #333;
     background-color: #fff;
     border-color: #fff; 
    }
  	.panel-heading
  	{
  		margin:0px;
		padding-top:4px;
		padding-bottom:4px;
  	} 
  	
  .panel-heading .panel-title
  {
	/*text-align:right;*/
  	font-family:Arial;
  	font-size:14px;
  /* 	color: #0c426f;  */
    color: #0a1522; 
  	font-weight:bold;
  }
  
  .w-100{ width:102px !important;}
  
  .form-horizontal .form-group
  {
  	padding: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:  0px;
}
.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:Calibri,  verdana, Arial, Helvetica, sans-serif;
    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: Helvetica, Arial, lato !important; */
    /* font-family: Segoe UI, Roboto, roboto, Arial, sans-serif, Helvetica !important; */
    font-family: Arial !important;
    font-weight: 500;
    font-size:13px;
    color: #000;
  }
  
  .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:28px;
  }	

 .form-horizontal textarea
  {
    border: solid 1px  #d2d6de;
    font-size: 13px;
    font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
    height: 30px;
    border-radius: 9px;
    max-height:120px;
    resize:vertical;
      
  }
  .resize{
   max-height:120px;
   resize:vertical;
   max-width:100%;
  }
  
  .form-horizontal select
  {
  	border: solid 1px  #d2d6de;
  	font-size: 13.5px;
    font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
    height:28px;
    padding: 0px 7px;
    border-radius: 9px;
  }


.required-field:after
{
    color: #d00;
    content: "|";
    position: relative;
    margin-left: 2px;
    top: 0px;
    font-weight:bold;
    font-size: 15px;
}
  
.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 {
  
    border-color: #687DB4;
     font-size:14px;
  
	color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e4636), color-stop(100%,#c3cbc8));  
    box-shadow: 2px 2px 1px #07680a;   
	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: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: #0a0909;
  border-color: #4a5a48;
  box-shadow: 2px 2px 1px #212a0f;
  
  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%,#eaf5ee), color-stop(100%,#336376));    
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
  -khtml-border-radius: 5px;
  border-radius: 5px;     
}

.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;
}

 .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: Calibri, courier-new,sans-serif;
    font-size: 13px;
    white-space: inherit !important;
    vertical-align: middle;
     width: 0px !important ;
}
  
 table td{
		 font-size:13px !important;}
		 
.table > thead > tr > th, .table > tfoot > tr > th {
	color: #0a151e;
    background-color: #ddcdbb;
    font-family: Arial;
    font-size: 12px; 
     white-space: inherit !important;
    vertical-align: middle;   
    width: 150px ;
    border-color:#0A819C;
}

.table-bordered {
    border-bottom: 1px solid #a59f98;
    border-left: 1px solid #a59f98;
    border-right: 1px solid #a59f98;
}
div.dataTables_scrollHead table.table-bordered {
    border: 1px solid #a59f98 !important;
}


#searchTable_1 > tbody > tr > td, #searchTable_2 > tbody > tr > td, #searchTable_3 > tbody > tr > td  {
    font-family: 'Calibri', 'SourceSansPro-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    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: Arial !important;
      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 {
	
}

.table-bordered > thead > tr > th {
    border: 1px solid #817c78 !important;
    border-bottom: 0px solid #e1ccbb !important;
    border-left: 1px solid #e1ccbb !important;
    border-right: 1px solid #e1ccbb;
    border-top: 0px solid #e1ccbb !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: 8px 0;}

.pagination > li > a, .pagination > li > span {
  font-family:/* Verdana, Source Sans Pro,  Arial, Helvetica, */ Calibri,sans-serif;
  font-size:13px;
  min-width: 1.5em !important; padding: 0.2em .5em !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    
 {
    overflow-y: auto; 
    min-height: 100px;  
    max-height: 350px;
 	padding-top:4px;
 	padding-bottom:4px;
 	border:0px solid #000;
 	font-family: Arial!important;
 } 

 
 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 3px;
    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:#ffffff !important;
    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;}
.container-fluid{ margin-bottom: 50px !important;} 




	/* Just common table stuff. Really. */
		table  { border-collapse: collapse; width: 100%; }
		th, td { padding: 4px 4px; }
		th     { background:#eee; }
 
 	
     .m-b-20{
        margin-bottom:20px;
     }
    
   #searchTable input[type="text"]{
      padding:6px 12px !important;
	  height:30px !important;
   }
                                            /*----for normal table---*/
 
   table.tableGrid th {
        color: #0a151e !important;
		background-color: #ddcdbb;
		font-family: Arial;
		font-weight: bold;
		font-size: 11px;
		padding: 4px;
		vertical-align: middle;
		line-height: 1.42857143;
		border: 1px solid #afa6a6 !important; 
    }	
  table td{
		 font-size:13px !important;}

  .dataEntryDiv thead th { 
    position: sticky; 
    top: 0;
    border: 0px solid #61e87b !important; 
    border: 1px solid #bb7012 !important;
    border-top: 0px solid #62b762 !important;
    box-shadow: 1px 0 0 1px #62b762 !important;
    }

                                   /*--For Normal Table--*/
                                   
	.dataEntryDiv table  { border-collapse: collapse; width: 100%; }
	.dataEntryDiv th, td { padding: 4px 4px; }
	.dataEntryDiv th     { background:#eee; }

table#HeadGrid {
	margin: 0px;
	font-family: verdana;
	font-size: 10px;
}
	
table#HeadGrid th
 {
    color: #0a151e !important;
	background-color: #ddcdbb;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	padding: 4px;
	vertical-align: middle;
	line-height: 1.42857143;
	border: 1px solid #afa6a6 !important; 
 }
 
  table#HeadGrid td input
 {
    font-weight: normal;
    font-size :10px;
    color: #000000;
    background: transparent;
    border: 1px solid #D8D8D8;
    background-color:#FFFFFF;
    /*background-color:#FBAF29;*/
    padding :0px;
 }
 table#HeadGrid td input[type=checkbox] {
	margin: 0px
}

 
 table#HeadGrid td input[readonly]
{
  background-color:#E8E8E8 !important; 
  /*color:#303030 !important;*/
  border: solid 1px #B2BABB;
  font-size: 10.5px;
  padding: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  height:22px;  
}

table#HeadGrid td input[disabled]
{
  background-color:#F5F5F5 !important; 
  color:#303030 !important;
}			 
.close {
    opacity: 1 !important;
    color: red !important;
}
 
.fileTabs{
	color:#ffffff !important;
	}
/*--- Modal List to Iframe open .-----*/

@media screen and (min-width: 500px) {
        .modal-lg1 {
          width: 500px; /* New width for large modal */
        }
    }
    
    .modal-header1 .close1 {
	    margin-top: -40px;
	    margin-right: 10px;
	    color: red;
	}
  
/*---for particuler pension pages-----*/  
  	
.m-0{margin:0px;}	
.p-0{padding:0px;}	
 .m-l-0{margin-left:0px !important;} 
 
                             /*-----start For COMMON width-------*/
 .wp-1{width: 1% !important;}
.wp-2{width: 2% !important;}
.wp-3{width: 3% !important;}
.wp-4{width: 4% !important;}
.wp-5{width: 5% !important;}
.wp-6{width: 6% !important;}
.wp-7{width: 7% !important;}
.wp-8{width: 8% !important;}
.wp-9{width: 9% !important;}
.wp-10{width: 10% !important;}
.wp-11{width: 11% !important;}
.wp-12{width: 12% !important;}
.wp-13{width: 13% !important;}
.wp-14{width: 14% !important;}
.wp-15{width: 15% !important;}
.wp-16{width: 16% !important;}
.wp-17{width: 17% !important;}
.wp-18{width: 18% !important;}
.wp-19{width: 19% !important;}
.wp-20{width: 20% !important;}	  
.wp-21{width: 21% !important;}
.wp-22{width: 22% !important;}
.wp-23{width: 23% !important;}
.wp-24{width: 24% !important;}
.wp-25{width: 25% !important;}
.wp-26{width: 26% !important;}
.wp-27{width: 27% !important;}
.wp-28{width: 28% !important;}
.wp-29{width: 29% !important;}
.wp-30{width: 30% !important;}

.btn-save{
    border-color: #687DB4;
    font-size: 14px;
    color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f970b), color-stop(100%, #138317));
    box-shadow: 2px 2px 1px #07680a;
    border-radius: 5px;
    margin: 0px 4px;
}
.btn-edit{
    border-color: #687DB4;
    font-size: 14px;
    color: #ffffff;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #44add7), color-stop(100%, #68c3ef));
    box-shadow: 2px 2px 1px #07680a;
    border-radius: 5px;
    margin: 0px 4px;
}
.btn-new{
	border-color: #687DB4;
    font-size: 14px;
    color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5a746), color-stop(100%, #fdb42f));
    box-shadow: 2px 2px 1px #07680a;
    border-radius: 5px;
    margin: 0px 4px;
}
.btn-reset{
	border-color: #687DB4;
    font-size: 14px;
    color: #221919;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aed3c4), color-stop(100%, #d4ede4));
    box-shadow: 2px 2px 1px #07680a;
    border-radius: 5px;
    margin: 0px 4px;
}

.btn-search{
	border-color: #687DB4;
    font-size: 14px;
    color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #698bc9), color-stop(100%, #83b9e7));
    box-shadow: 2px 2px 1px #07680a;
    border-radius: 5px;
    margin: 0px 4px;
}

.btn-download{
	border-color: #687DB4;
    font-size: 14px;
    color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #18744f), color-stop(100%, #225743));
    box-shadow: 2px 2px 1px #07680a;
    border-radius: 5px;
    margin: 0px 4px;
}

.btn-eye{
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #18744f), color-stop(100%, #225743));
}
.btn-reset:hover {
    color: #9f8d7b;
    text-decoration: none;
}

.btn-dwn {
     padding: 6px 10px !important;
     text-decoration: none ! important;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 45px ! important;
}