/* L2P Classes */
.little {
	font-size: .85em !important;
}

#l2p-content .checkbox-revealed {
	margin-left: 28px;
	margin-bottom: 10px;
}

.hidden-border {
	border-color: transparent !important;
}

/* Used to align objects with input text boxes */
.margin-bottom-7 {
  margin-bottom: 7px !important;
}

.margin-top-7 {
  margin-top: 7px !important;
}

.margin-right-13 {
  margin-right: 13px !important;
}

.margin-left-13 {
  margin-left: 13px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

/* FontAwesome Icon additions */
.fa-percent:before {
	/* \f015 */
	content: "\0025";
}

/* Tooltips */
/* Popovers */
.l2p-tooltip .l2p-tooltip-content,
.l2p-popover .l2p-popover-title,
.l2p-popover .l2p-popover-content {
	display: none;
}
.help-popover {
	width: 16px;
	height: 16px;
	line-height: 16px;
	margin-left: 10px;
}
.help-popover .l2p-popover-trigger {
	display: inline-block;
	height: 16px;
}
.help-popover .l2p-popover-trigger img {
	margin-top: 0px;
}

/* Buttons */
.btn > span > i {
	margin-right: 3px;
}
#l2p-content .btn-default {
	color: #333333;
}
#l2p-content .btn-primary {
	color: white;
}

/* Button Sizes */
#l2p-content .btn-lg {
  font-size: 18px;
  line-height: 1.33;
}
#l2p-content .btn-lg > i {
  font-size: 18px;
}
#l2p-content .btn > i {
  font-size: 14px;
}
#l2p-content .btn-sm,
#l2p-content .btn-xs {
  font-size: 13px;
  line-height: 1.5;
}
#l2p-content .btn-sm > i,
#l2p-content .btn-xs > i {
  font-size: 13px;
}

/* Data Tables */
body .ui-datatable {
	font-size: 12px;
}
.datatable-no-header div.ui-datatable table thead {
	display: none;
}

/* Field Sets */
body .ui-fieldset {
    font-size: 12px;
    line-height: normal;
}
body fieldset.ui-fieldset .ui-fieldset-legend {
	font-size: 12px;
	line-height: normal;
	width: auto;
	margin-bottom: 0;
}
body fieldset.ui-fieldset .ui-fieldset-content {
	font-size: 12px;
}

/* Input */
body label,
body input,
body select {
	font-size: 12px;
	line-height: 15px;
}

/* Check Boxes */
body .ui-chkbox {
	height: 18px;
	margin-top: 2px;
}
body label.checkbox {
	line-height: 20px;
}
body label.checkbox .ui-chkbox {
	margin-top: 1px;
	margin-right: 4px;
	float: left;
}

/* Input Text */
body .ui-inputtext,
body .ui-selectonemenu {
	width: 100%;
	box-sizing: border-box;
 	-moz-box-sizing: border-box;
}
body .ui-checkbox-box {
	margin-top: 4px;
}
body .input-group .input-group-addon {
    background-color: #999999;
    border-color: #999999;
}
body .input-group .input-group-addon > i {
    color: #333333;
}
.input-disabled {
	background-color: #f4f4f4;
    cursor: not-allowed;
}

/* Select One Menu */
body select.ui-selectonemenu {
	padding: 3px 0;
}
body .ui-selectonemenu {
	width: 100%;
	text-align: left;
	line-height: 15px;
}
body .ui-selectonemenu .ui-selectonemenu-trigger {
	width: 22px;
}

.ui-growl {
    top:10%;
}

/* <p:inputSwitch fixes for Metronic theme    */

.metronicSwitch {
     font-weight: normal;
     border-color:#E1E1E1;    
     font-size: small;
     font-family:sans-serif;
     border-radius: 4px;
     height :35px ;
     border: 1px solid #D1D1D2 !important;  
  } 
  .metronicSwitch .ui-inputswitch-off {
     position :relative ;
     height :35px ;
     background: #eee none repeat scroll 0 0;
     color:white;
     width :100% !important ;
     
  }
.metronicSwitch .ui-inputswitch-on , .metronicSwitch .ui-state-active {
     height :35px;
 }
.metronicSwitch .ui-inputswitch-handle , .metronicSwitch .ui-state-default  {
     height :35px;
     border-right: white;
 }
 .metronicSwitch .ui-inputswitch-off span {
    position :relative ;
    margin-left: 10px;
    top :4px;
    font-weight:100;
    font-size: 14px; 
    background: #eee;
    color: #000; 
  }
 .metronicSwitch .ui-inputswitch-on span{
    position :relative ;
    margin-right:12px;
    top :4px;
    font-weight:100;
     font-size: 14px;
  } 
    .metronicSwitch .ui-inputswitch-on {
     background: #0088CC none repeat scroll 0 0;    
  }
  
  .metronicSwitch .ui-state-default {
    background: white none repeat scroll 0 0;
 }
/* Alternating DataTable Rows color*/
.ui-datatable-odd {
    background: none repeat scroll 0 0 #F2F6F9;
}

/* primefaces datatable to make look like metronic */
 
 .datatableStyle .ui-widget-header { 
         background: #FFFFFF none repeat scroll 0 0; 
          border: 0px solid #3399ff; 
    } 
   
 .datatableStyle .ui-state-default, .datatableStyle .ui-widget-content .ui-state-default { 
     background: #F1F1F1 none repeat scroll 0 0; 
     border: 1px solid #d4d4d4; 
    color: #525252; 
     font-weight: bold; 
 } 
 
 .datatableStyle .ui-widget-header .ui-state-default {
    background: #F1F1F1 none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    color: #525252;
    font-weight: bold;
}
 .datatableStyle .ui-editable-column .ui-cell-editor .ui-cell-editor-input input {
    background: #ffffff none repeat scroll 0 0;
    font-weight: normal;
}

 .datatableStyle tr td {
        text-align: center;
        font-size :12px;
     } 
 .datatableStyle .ui-column-title {
        font-weight:600; 
        font-size :13px;     
     } 
 .datatableStyle .ui-filter-column .ui-inputfield {
   background-color: #FFFFFF ; 
   font-weight:normal;
 }

 .datatableStyle .ui-paginator-bottom .ui-paginator-pages .ui-state-active {
   background-color: #0088CC ; 
   color:#FFFFFF;
 }
 
 .datatableStyle .ui-paginator-bottom .ui-paginator-pages .ui-state-hover {
   background-color: #0088CC ; 
 }
 
 .datatableStyle .ui-column-filter {
   font-weight:normal; 
 } 

 .datatableStyle .ui-state-hover .ui-icon , .datatableStyle .ui-state-focus .ui-icon {
         background-image: url("/l2p/javax.faces.resource/images/ui-icons_525252_0.png.xhtml?ln=primefaces-metroui");
    }
  
 .datatableStyle .ui-widget-content .ui-inputfield{
        background-color: white;
   }   
    
 .datatableStyle .ui-widget-content .ui-inputtext{
        font-weight:normal;
   }   
 
 .radioAlignment tr td input  {
    position: relative;
     bottom :-3px;   
}

.datatableStyle thead th, .datatableStyle tbody td, .datatableStyle tfoot td {
    border-style: solid;
    border-width: 0;
    overflow: hidden;
    padding: 4px 10px;
}

        
.datatableStyle .ui-state-active .ui-icon {
    background-image: url("/l2p/javax.faces.resource/images/ui-icons_525252_0.png.xhtml?ln=primefaces-metroui");
}

.datatableStyle .ui-column-filter {
    width: 98%;
}


/* primefaces  p:tab fixes to look like metronic */

 .pTabMetronic li a{
        font-weight:600; 
     }   
     
 .pTabMetronic .ui-tabs-nav {
         background: #E9ECF3 none repeat scroll 0 0;        
       } 
       
.pTabMetronic .ui-tabs-panels {
    border: 0 solid #d4d4d4;
    border-top: 1px solid #d4d4d4;

}

.pTabMetronic .ui-tabs-nav li.ui-state-default {
    border: 1px solid #d4d4d4;
    border-bottom: 0px solid #d4d4d4;
}

.pTabMetronic .ui-state-default, .pTabMetronic .ui-widget-content .ui-state-default, .pTabMetronic .ui-widget-header .ui-state-default {
    background: white none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    color: #525252;
    border-radius: 4px;
}

.pTabMetronic .ui-tabs-nav li.ui-state-active {
    background: #0088CC none repeat scroll 0 0;
    border: 0 px solid #d4d4d4;
    color: white;
}

.pTabMetronic .ui-tabs-nav li.ui-state-active a{
    color: white;
}
   .pTabMetronic .ui-tabs-nav li.ui-state-hover a{
    color: black ;
}

.metronicCustomBlue {
	background-color :#0088CC !important;
	color:white !important;
}

.ui-dialog .ui-dialog-content button {
	border-radius: 5px !important;
	font-weight:normal;
    border-width: 0;
}

.blue {
    background-color: #0088CC !important;
}

.radioSpace tbody tr td label { 
		padding-right: 5px; 
}


/* select one fixes  */


.selectOneMetronic {
     height:30px;
 }
 
 .selectOneMetronic .ui-inputfield {
      position:relative;
      top:-2px;
 }
             
.ui-selectonemenu-list .ui-state-highlight{
      background: #F2F6F9 none repeat scroll 0 0;
      border: 0 px ;
      color: #525252;
}
     
.ui-selectonemenu-list .ui-state-hover {
      background: #0088CC none repeat scroll 0 0;
}
         
 /* Calendar one fixes  */
     
.ui-datepicker-header {
     background: #0088CC none repeat scroll 0 0;
     border-color :#0088CC;
}
     
.ui-datepicker.ui-widget-content td a.ui-state-active {
     background: #0088CC  none repeat scroll 0 0;
}
   
     
.ui-datepicker {
    border-color:#0088CC;
}
        
.ui-datepicker.ui-widget-content td a.ui-state-highlight {
    background: #E9ECF3 none repeat scroll 0 0;
    color:#525252;
}

/* */
.metronicPickList .ui-widget-header {
	background: #0088CC none repeat scroll 0 0;
}

/* Dialouge color edited globally  */
.ui-dialog-titlebar {
    background: #0088CC none repeat scroll 0 0;
    border: 1px solid #0088CC;
    font-weight: normal;
}

.ui-dialog {
	border: 1px solid #0088CC;
}

.red-text { color : red; }
.blue-text { color : blue; }

.increaseRowSpace td {
       padding: 4px 10px ;
 }
 
.metronicCalendar input {
   height:30px;
   border: 1px solid #e5e5e5;
   border-radius: 4px;
         
 }

.ui-dialog .ui-selectonemenu {
     background: white !important;
}

.ui-chkbox .ui-state-active {
	background: #0088CC none repeat scroll 0 0;
}

.ui-tooltip {
    max-width: 400px;
}


.form-control-autoComplete {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
 }
 
 .ui-autocomplete-list .ui-state-highlight {
   background: #0088CC none repeat scroll 0 0;
 }
 
 .smallCalendar input {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    height: 29px;
    width: 72px;
}

.mediumCalendar input {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    height: 29px;
    width: 120px;
}

 .ui-datepicker-title .ui-datepicker-month , .ui-datepicker-title .ui-datepicker-year {
    color: #4d4d4d;
    font-weight: normal;
}

.ui-datepicker-title span {
	color: black !important;
	}
	
  .threeCellsPadding tbody tr td {
	   padding: 3px 3px 3px 3px ;
	}
	
	.centeredLoadingSmall {
		position: fixed;
		top: 55%;
		left: 50%;
		margin-top: -25px;
		margin-left: -75px;
	}
	
  .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: #0088cc none repeat scroll 0 0;
    color: #fff;
  }	
  	.autoHeightPrimeDialog {
		    height:auto !important;
   }
   
  .ui-outputlabel-rfi{
     color:red;
   }
   .form-control{
   		padding: 3px;
	}
	
	.ui-radiobutton .ui-radiobutton-box {
    width: 20px  !important;
    height: 20px  !important;
    line-height: 18px  !important;
    text-align: center  !important;
    vertical-align: middle !important;
    }
	
	.ui-chkbox{
		vertical-align: top !important;
	}
	
	.ui-radiobutton-icon{
		border: none !important;
		position: static !important;
	}
}