.icon-edit 
{
    color:white
}

.alert-blue
{
    color:#04284D;
}

i.color-warning, color-warning
{
    /* orange Kaba*/
    color:#F2A200
}

i.color-valid, color-valid
{
    /* green Kaba*/
    color:#8BCC5C
}

.join-ajax
{
	color : #F2a200;
	font-weight:700;
}

.input-xlarge {
width: 400px;
}

select.input-xlarge, div.input-xlarge {
  width: 415px;
}

@media (max-width: 767px)
{
.input-xlarge, select.input-xlarge, div.input-xlarge 
{
  width: 100%;
}
}

input[type="checkbox"] {
margin-top: 0px;
margin-right: 4px;
}

/* --------- JQuery validator label override ------------- */
label.error {
    color : red;
    font-style:italic;
    padding: 2px 8px;
    margin-top: -4px;
    margin-bottom: 24px;
    /*display:inline-block;*/
}
label.error.valid {
    margin-top: auto;
    margin-bottom: auto;
}

/* --------- JQuery/Bootstrap input override use by JQuery.validator ------------- */

/* Blue box on focus */
input:focus, select:focus, textarea:focus
{
    outline: 0px none !important;
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
} 

/* Red box on focus, error / required:not(.valid) */
input:focus.required:not(.valid), select:focus.required:not(.valid), textarea:focus.required:not(.valid),
input:focus.error, select:focus.error, textarea:focus.error
{
    border-color: rgb(233, 50, 45);
    box-shadow: 0px 0px 6px rgb(248, 185, 183);
}

/* --------- JQuery DatePicker OVERRIDE ------------- */

.ui-state-hover
{
    outline: 0px none !important;
    border-color: rgba(82, 168, 236, 0.8) !important;
    border: 1px solid rgba(82, 168, 236, 0.8)!important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
	color: #fff;
}
.ui-state-default.ui-state-active,.ui-state-default.ui-state-active:active
{
  background: #04284d;
  color: #fff;
}

a.ui-state-default.ui-state-highlight
{
  background: #04284d;
  color:  rgba(82, 168, 236, 0.6);
}

a.ui-state-default
{
  background: #04284d;
  color: #fff;
} 
/*button.ui-datepicker-current {display: none;}*/

/* Override the input for the DatePicker*/
input.hasDatepicker
{
    cursor:pointer;
    background-color:#FFFFFF;
    text-align:center;
    text-indent: -5px;
    width:100px;
    font-size: 14px;
    font-weight: 400;
}

input.hasDatepicker.disabled,
input.hasDatepicker[disabled]
{
    cursor:not-allowed;
    background-color:#eee;
}

.label-align
{
    line-height: 30px;
    vertical-align:middle;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
}

/* --------- MVCGRID OVERRIDE ------------- */

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* -------------- MENU ------------- */

.navbar .nav-small.nav li span
{
	display: inline-block; 
	min-height: 21px; 
	padding: 5px 10px 4px; 
	float: none; 
	line-height: 1.5;
}

.navbar-inner .nav-collapse {
    font-size:12pt;
}

.nav .nav-small {
	 font-weight:normal;
     padding-top:0px; 
     padding-bottom:0px;
	 margin-bottom: 0px;
}

.t-link {
    font-weight: normal !important; 
}

.ui-menu:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.ui-menu .ui-menu-item {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 5px 10px 4px;
    width: auto;
	color: #fff;
	cursor: pointer;
}

.ui-widget-content {
	background-color: #04284D;
	background-image: none;
}

.ui-menu-item a {
	white-space: nowrap;
}

/* ----------- BREAD CRUMB --------- */
.breadcrumb {
   /* background-color:#F2A200;*/
    color:#04284D;
    height:20px;
    border-radius: 0px 0px;
    padding:0;
    padding-left:5px;
    border:1px solid #04284D;
}



/* --------- SECTION HEADER ---------  */
.widget .well-kabaLightBlue h3
{
    font-weight:bold;
    font-size:12pt;
    color:#04284D;
}


.widget-header.well-kabaBlue.gradient h3
{
    font-weight:bold;
    font-size:13pt;
}

.notificationsDivider {
	margin-bottom:2px;
	margin-top:2px;
	border-color:#c6c6c6;
}

.headerAlign {
    width: 100%;
    /*display: -webkit-flex; *//* Safari */
    /*-webkit-align-items: center;*/ /* Safari 7.0+ */
    /*display: flex;*/

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;

  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;

}

.headerAlign div {
   -webkit-flex: 1; /* Safari 6.1+ */
   -ms-flex: 1;
   flex: 1;
}

.KDSFont
{
	font-family: Kalinga;
	font-weight: bold;
}

.headerTitle
{
	font-size: xx-large;
	/*color: #808080;*/
	text-shadow: 1px 2px 2px  #d9d9d9;
}

.LoginHeaderTitle
{
	display:inline-block;
	margin:0 auto;
	font-size:xx-large;
	line-height:45px;
	padding:20px 100px;
}

.LoginPleaseLoginTitle
{
	font-size: larger;
}

.headerMiddleTitle
{
	display: block;
	align-self:center;
	align-content:center;
	-webkit-align-content:center;
	-ms-align-content:center;
	-ms-flex-align : center;
	-ms-flex-item-align: center;
	-ms-flex-line-pack : center;

}
/* --------- SECTION FOOTER ---------  */

/* Ajust the footer on 2 lines for the phone */
.footer {height: 50px;}
@media (min-width: 640px) 
{
	.footer {height: 30px;}
}

select[multiple].picklist {height:100px;}
@media (min-width: 640px)
{
	select[multiple].picklist {height:400px;}
}


/* Ajust legends for the phone */
.span-legend .span
{
    min-width:inherit;
}
.span-legend {
    width:80%;
    display:block;
    float:none;
    margin-left:20px;
    margin-top:10px;
}
@media (min-width: 640px) 
{.span-legend {
    width:15%;
    display:block;
    float:left;
    margin-left:8%;
    margin-top:0px;
}
 .span-legend .span
{
    min-width:160px;
}
}


/* --------- OVERRIDE KESIGN ---------  */

  .login-page .login-content .brandbar a.brand {
    width: 210px;
    /*background: url("../img/kaba_xs.gif") no-repeat;*/
  }

.login-page .login-content .brandbar a.brand {
    width: 315px;
    /*background: url("../img/kaba_s.gif") no-repeat;*/
  }

.login-page .login-content .brandbar a.brand {
  width: 420px;
  /*background: url("../img/kaba.gif") no-repeat;*/
}

/* Background for the current day selection for datepicker */
.ui-datepicker-current-day {
            background: #000000;
}

/* --------- BUG FIX KESIGN ---------  */

/* Fix Firefox display login image */
.login-page {
  filter: none;
 }

/* Fix the auto-size on iPad rotation */
div.img-caption {
    margin-bottom:10px;
    width:100%;
}

/* --------- OVERRIDE FOR PRINT MEDIA ---------  */
@media print
{

.header,.footer,
.t-grid-header,.t-grid-pager,.t-grid-bottom,
.widget-footer
{ 
	display: none; 
}
.t-grid-content
{
height:100%!important;
}
.page, .caption,
.page:after { 
	background: white!important; 
    -webkit-box-shadow: none;
    box-shadow: none;
}

}

/* CHOSEN OVERRIDE
 *******************************************************/
.chzn-container-single .chzn-search input {
	height: 29px;
}
.chosen-container{
    margin-bottom: 6px;
}

.chosen-container-single .chosen-single
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border-color: #ccc;
	font-size: 12px;
	height: 27px;
}

/* Vertical Checkbox List
 *******************************************************/
ul.vertical-checkboxlist {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
}

ul.vertical-checkboxlist > li > input {
    vertical-align: middle;
    width: 20px;
}

ul.vertical-checkboxlist > li > label {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
}

/* Horizontal Checkbox List
 *******************************************************/
ul.horizontal-checkboxlist {
	min-width: 100px;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
}

ul.horizontal-checkboxlist > li {
	float:left
}

ul.horizontal-checkboxlist > li >  input {
	display: inline-table;
	width:20px;
	height:20px;
}

ul.horizontal-checkboxlist > li > label {
    display: inline-table;
	margin-right:20px;
	text-align:center;
}

/* Submit Button - Make them look like a hyperlink
 *******************************************************/
.submit-link {
    background-color: transparent;
    border: none;
    color: #8D97A6;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
}

.submit-link:hover {
    color: #04284D;
}

.pdf-icon {
    background-image: url('Images/Icons/pdficon_small.png');
    background-position: 0 center; 
    background-repeat: no-repeat;
    padding-left: 18px;
    height: 20px;
}

.xls-icon {
    background-image: url('Images/Icons/xlsicon_small.png');
    background-position: 0 center; 
    background-repeat: no-repeat;
    padding-left: 18px;
    height: 20px;
}

/* */
.span-label
{
    width:120px;
}
span.uneditable-input
{
    display:inline-block ;
}

/* Btn disabled color override*/

.btn.disabled, .btn.disabled:hover, .btn.disabled:active, .btn.disabled.active, .btn.disabled:focus, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:active, .btn[disabled].active, .btn[disabled]:focus {
color: #333333; 
background: #e6e6e6; 
border-color: #d9d9d9; 
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary.disabled:focus, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:active, .btn-primary[disabled].active, .btn-primary[disabled]:focus {
color: #e6e6e6;
background: #04284d; 
border-color: #04284d;
}

.chosenShow
{
 overflow:visible;
 }
 
/* Submit - Spinning wheel, make the page greyed out
 *****************************************************/
#loading
{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.8);
    z-index:1000;
}
  
#loadingcontent
{
    display:table;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
  
#loadingspinner
{
    display: table-cell;
    vertical-align:middle;
    width: 100%;
    text-align: center;
    font-size:larger;
    padding-top:80px;
}

/* Report */
.grid-cell.ErrorLine{
  color : red;
  font-weight: bold;
 }