.hid {display: none;}

.navbar .brand {
    color: #FFFFFF;
    font-size: 24px;
    padding-left: 40px!important;
    text-shadow: none;
}

.navbar .navbar-inner { background:none repeat scroll 0 0 #0b0045 !important;}
	
.table-header {
    background-color: #EFF3F8 !important;
    color: #4E4E4E !important;
}

.brand > img { max-width: 98px;} 

.navbar .nav > li {
    padding-bottom: 4px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
}


.ace-nav > li.yellow { background: none repeat scroll 0 0 #FEC94A;}

.user-info {color: #4E4E4E !important;}

.btn-info {
    background-color: #fee188 !important;
    border-color: #fee188 !important;
    color: #963 !important;
/*     font-weight: 600; */
    text-shadow: 0 0 0 rgba(1, 0, 4, 0.09) !important;
}

.btn-info:hover { background-color:#f7d05b!important;color: #7d4a17 !important;background:#f7d05b!important;}

.header.blue {
    color: #4c8fbd !important;
    font-size: 16px;
	font-weight: 400;
	border:none!important;
}

.page-header {
    padding-bottom: 0 !important;
}

.row-fluid.header.smaller.lighter.blue > span {
    padding-left: 10px;
}


.header-toolbar {
    display: inline-block;
    float: right;
    line-height: 37px;
    padding: 0 15px;
    position: relative;
}

.header-toolbar:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff;
    border-image: none;

    border-width: 0 1px 0 0;
    bottom: 3px;
    content: "";
    display: inline-block;
    left: -1px;
    position: absolute;
    top: 3px;
}

.header-toolbar > a {
text-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    margin: 0 1px;
    padding: 3px;
	font-weight: bold;
	color: #555555 !important;
	 text-decoration: none !important;
}


.nav-list > li > a:hover:before{
    background-color: #FCB839!important;}

 .nav.nav-list > li:hover [class^="icon-"]	{
    color: #3C3C3D;}
.nav-list > li > a:hover{	
	 color:#3C3C3D!important;}
	 
	 
	 

.navbar .container-fluid {
    padding-left: 0;
    padding-right: 0;
}


.nav-list li.active > a:after {border-color: rgba(0, 0, 0, 0) #FCB839 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important;}

.nav-list > li.active:after {border-right: 2px solid #FCB839!important;}


.ui-dialog .ui-dialog-titlebar-close:before, .ui-jqdialog .ui-dialog-titlebar-close:before, .ui-dialog .ui-jqdialog-titlebar-close:before, .ui-jqdialog .ui-jqdialog-titlebar-close:before {
    content: "";
    display: inline;
    font-family: FontAwesome;
    font-size: 16px;
}

#imageHolder img {
    max-height: 250px;
    max-width: 250px;
}

#imageHolder img {
    border: 1px solid #ddd;
    padding: 2px;
}

.help-block {
    display: block;
    font-size: 12px !important;
    font-style: italic !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}


#ui-datepicker-div {
    z-index: 20 !important;
}

@media(min-width: 850px){

.modal {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin-left: -200px;
    outline: 0 none;
    position: fixed;
    top:5%;
    width: 500px;
    z-index: 1050;
}



.modal-lg {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin-left: -540px;
    outline: 0 none;
    position: fixed;
    top:5%!important;
    width: 1080px;
    z-index: 1050;
}



.modal-body {
   
    max-height: 450px;
    overflow-y: auto;
    padding: 15px 15px 20px;
    position: relative;
}

}


#DT_Generic .btn-mini {
    border-width: 2px;
    cursor: pointer;
    font-size: 12px;
    line-height: 22px;
    padding-bottom: 2px;
    padding-right: 3px;
    padding-top: 2px;
	color: #FFFFFF;
	margin-right: 5px;
}

.label, .badge, .badges{
    background-color: #999999;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11.844px !important;
    font-weight: bold !important;
    line-height: 13px !important;
    margin-bottom: 3px;
    padding: 4px 7px !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    vertical-align: bottom;
    white-space: nowrap;
} 


.ace-nav .user-menu.pull-right.dropdown-menu.dropdown-yellow.dropdown-caret.dropdown-closer {
    width: 250px;
}

.grey-bg {
    background: none repeat scroll 0 0 #555555;
    line-height: 25px;
}

.orange-bg {
    background: #fd7e03 !important;
}


.icon-pencil:hover, .icon-remove-sign:hover , a:hover{text-decoration:none;opacity: 0.76;}

.tab-content  /*  scroll on tab */

{ 
    overflow: hidden;


}

select {
    margin-right: 5px;
}




.control-group {
    margin-bottom: 3px!important;
}

.controls {
    margin-top: 3px;
}

.form-horizontal .help-inline {
    color: #808080 !important;
}

.form-horizontal .control-label {
    color: #212121;
    font-weight: 400;
}



	.nav.nav-list.copyright a:hover:before {background:none!important;}
	
	
.widget-box {
    border-bottom: 1px solid #dadada !important
	
	}
	
	
.widget-body {
    background-color: #FFFFFF !important; 
    border-bottom: none !important; 
/*    border-left: 1px solid #dadada  !important; 
    border-right: 1px solid #dadada  !important; */
}

.widget-header {
    background: none repeat scroll 0 0 #f5f5f5!important;
    border-color: #dadada  !important;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image: none;
    border-top-style: solid;
    border-top-width: 1px;

}


.form-actions {
    background-color: #FAFAFA !important;
    border-bottom: 1px solid #ECECEC !important;
    border-top: 1px solid #ECECEC !important;
    margin-bottom: 15px !important;
    margin-top: 15px !important;
    padding:10px 15px !important;	
}


.table-responsive {
    overflow-x: auto;
	width:auto;
}


.btn.btn-small {
    line-height: 22px;
}

.modal-header {
    background: none repeat scroll 0 0 #555;
    border-radius: 2px 2px 0 0;
}

.modal-header h3 {
    color: #fec94a;
	}
	
.input-append, .input-prepend {
    white-space: normal;
}	

#form-filter-submit {     margin-right: 6px; }

.profile .modal {
    margin-left: -220px;
    width: 455px;
	top: 15% !important;
}

.interbranch-modal-content .modal  {
    margin-left: -285px!important;
    top: 15% !important;
    width: 600px!important;

} 


.interbranch-modal-content form {
    margin: 10px 0 20px;
}


@media (max-width:422px) {
.navbar-inner .yellow {
    float: right !important;
}
.dropdown-menu {
    z-index: 9999;
}

.navbar-inner .nav.ace-nav.pull-right {
    border-top: 1px none;
    background-color: #ff9900;
}

}

@media (min-width:767px) {

.login-session .modal {
    margin-left: -220px;
    width: 455px!important;
	top: 15% !important;
}

.fund .modal {
    margin-left: -220px;
    width: 455px!important;
	top: 15% !important;
}

.fund .form-horizontal .control-label {
    float: left;
    padding-top: 5px;
    text-align: right;
    width: 125px;
}

.fund .form-horizontal .controls {
    margin-left: 145px;
}
.expenses .modal {
    margin-left: -220px;
    width: 455px!important;
	top: 15% !important;
}

.expenses .form-horizontal .control-label {
    float: left;
    padding-top: 5px;
    text-align: right;
    width: 125px;
}

.expenses .form-horizontal .controls {
    margin-left: 145px;
}





}

@media (max-width:767px) {

.interbranch-modal-content .modal {
    margin-left: 0!important;
    top: 50px!important;
    width: auto!important;
}


#change-branch {
    width: 150px;
}

}





.label-info.arrowed-in:before , .label-info.arrowed-in-right:after {
    border-color: #abbac3 ;
}

.width-80.label.label-info.label-large.arrowed-in.arrowed-in-right {
    background: #abbac3 !important;
}


.dl-horizontal .btn-group + .btn-group {
    margin-left: 0!important;
}



.dl-horizontal {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #e9e9e9;
    margin-left: 0;
    padding: 10px;
}


/**
* RACABRIA 5-6-2014
*
*/
.table-container thead th, .table-container tbody td {
	text-align: center;
}

.table-container tfoot th, .table-container tfoot td {
	text-align: left;
}
/*USED IN CFS*/
#form-cfs .left {
	text-align: left;
}
#form-cfs .right {
	text-align: right;
}

#message {
    background: none repeat scroll 0 0 #A7A7A7;
    border: 1px solid #A7A7A7;
    margin-bottom: -5px;
    margin-top: 3px;
    padding: 2px;
}

#message > a {
    color: #FFFFFF !important;
}

#form-filter .pull-right .input-small {
    margin-left: 0;
    margin-right: 5px;
}

.div-notification{
	padding-left: 50px;
	padding-right: 10px;
} 

.div-notification:hover{
    background-color: #FFFF99;
    border-radius: 10px;
}

input.integer, input.decimal {
	text-align: right;
}

.show-list {
    font-weight: bold;
}

span .alr {
	text-align: right !important;
	width : 80px !important;
}



#change-branch {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2196078431372549) !important;
    border-color: #636363;
    color: #d8d8d8;
    margin-top: 8px;
} 



.grey-bg > li {
    background: none repeat scroll 0 0 #3c3c3d !important;
}

.navbar-inner .nav.navbar-nav.pull-right {
    margin-bottom: -10px;
} 

 .ace-nav .nav-user-photo {
    height: 35px!important;
    max-width: 35px !important;
}

td, th { text-align:center;}
.ac { text-align:center !important;}
.ar { text-align:right !important;}
.al { text-align:left;}

.zycure-main .login-box.visible.widget-box.no-border {  margin-top: 20px;
}
 
.zycure-main .width-100, #sb-main .width-100 {  width: 88% !important;}
#sb-search .width-100 {
  width: 100% !important;
}

.zycure-main {
    background: none repeat scroll 0 0 #FFFFFF!important;    margin-top: 5%;}

.zycure-main  .widget-box .widget-main {  background: none repeat scroll 0 0 #21328a!important; }

.zycure-main .btn, .zycure-main .btn-default {
    background-color: #fd7e03 !important;
    border-color: #fd7e03 !important;
    color: #fff !important;
    text-shadow: none !important;
	font-weight:500;
	}

.zycure-main .btn:hover, .zycure-main .btn-default:hover {
    background: #fd9903!important;
    opacity: 1;
    border-color: #fd7e03 !important;
}
	

/* 	----------- */

@media (max-width:500px) { 

.input-small, form select , #form-filter select, #form-filter  .input-prepend, form .btn-info, #form-filter .btn-yellow, a#form-export-pdf, input.daterange, #form-filter-submit, form .btn-danger { margin-top: 5px!important;}

.cust a.btn.btn-info {
float: none!important;
}

.ui-dialog, .ui-jqdialog {z-index: 99999!important;}

.ui-dialog, input#auth-code-del {width: 95%;}

.cust .btn-danger {margin-right:5px!important;}

.input-small.pull-right {margin-top: 0px!important;}

.dataTables_filter {
margin-left: 8px!important;
text-align: start!important;}

.nav-tabs > li, .nav-pills > li { float: none!important;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: none repeat scroll 0 0 #ebebeb !important;
    border-bottom: 2px solid #4c8fbd !important;
    border-top: 1px solid #d2d2d2 !important;
    box-shadow: none !important;
	color: #4c8fbd !important;
}

a.btn.btn-info.btn-small.pull-right {
float: none!important;
margin-left: 5px!important;
}

}

@media (max-width:480px) { 
.login-layout.zycure-main, .prof {margin-top: 40px!important;}

.brand > img {max-width: 100%!important;}

.navbar .brand {padding-left: 20px!important;}

.ace-nav .user-menu.pull-right.dropdown-menu.dropdown-yellow.dropdown-caret.dropdown-closer {
width: auto!important;}

}

@media (max-width:405px) { 
.grey-bg .dropdown-menu, .grey-bg .dropdown-menu.pull-right {right: -80px!important;}

.grey-bg .dropdown-menu:before, .grey-bg .dropdown-menu.pull-right:before {right: 80px!important;}
.grey-bg .dropdown-menu:after {border:none!important;}


.modal input, .renew input {width: 93%!important;}

.modal input, #diomond .renew input {
  width: 65%!important;
  margin-top: 5px;
}

.widget-main input.interbranch, .widget-main input.shortterm, .widget-main input#auth-rep {
  width: 5%!important;
}

.renew td {
  width: 100px!Important;
}

input#order-cb-0 {
  width: auto!important;
}

#form-filter a#form-filter-submit, #form-filter a#form-export {
  margin-top: 11px!important;
}

.modal-body input#fund-date, .modal-body input#fund-amount {
  width: 206px!important;
}

#export span.lbl {
  margin-top: 14px!important;
  margin-left: 5px!important;
}

label span.lbl {
  margin-top: 14px!important;
  margin-left: 5px!important;
}


input.interbranch {width: 10px!Important;}  

.modal .chozen, .modal .chzn-container, .modal select.chozen, .renew select, .pwn input, .pwn select {width: 97%!important;}  

#other-charges input.input-small.decimal.amount {
  width: 90%!important;
}

#shortterm-div select#stl {
  width: 101%!important;
}

table input {width: auto!important;}

.modal button#submit {margin-top: 5px;}      

#add-customer, #edit-customer {margin-top: 5px!important;}

}



/** Updated theme **/
a.brand img {
    max-width: 140px !important;
}

.btn-info {
    background-color: #fd7e03 !important;
    border-color: #fd7e03 !important;
    color: #fff !important;
}

.btn-info:hover {
    color: #ffffff !important;
    background: #ff9c56!important;
}

.btn-success {
    background-color: #19d252!important;
    border-color: #19d252;
}

.btn-success:hover {
    background-color: #259811!important;
}

.btn-yellow {
    background-color: #ffcf21!important;
    border-color: #ffcf21;
}

.btn-yellow:hover {
    background-color: #dcb02d!important;
}

.btn-pink {
    background-color: #ef25c3!important;
    border-color: #ef25c3;
}

.btn-danger {
    background-color: #ff2f2f!important;
    border-color: #ff2f2f;
}

.btn-danger:hover {
    background-color: #d6341c!important;
}

.login-box .forgot-password-link {
    color: #dedede;
}

.login-box .user-signup-link {
    color: #fdd703;
}

.login-layout .widget-box {
    background-color: #0b0045;    
}

/** Initial Login widget **/
.widget-box h3 {
    text-align: center;
    color: #fff;
    font-weight: 600;
}
/** **/
ul.nav.nav-list li a {
    opacity: 1 !important;
}

ul.nav.nav-list li {
    border-bottom: 1px solid #eaeaea;
}


.modal-body.slimscroll-div {
    overflow-x: hidden !important;    
    max-height: initial !important;
}

/** Vertical centering align **/
.login-container {
    margin: 3% auto;
}

/** Pawn edits with Modal **/
.chzn-container {
    width: 220px !Important;
}

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

.modal .controls {
    margin-left: 170px;
    margin-top: 0px;
}

.modal label.control-label {
    width: 150px;
}

.table td input {
    margin: 0px !important;
}

@media (max-width: 850px) {
    .page-content .modal {
        width: 460px !important;
    }
}

@media (max-width: 550px) { /**Free trial notif hidden**/
    .breadcrumbs span.red {
        display: none; 
    }
}

/* --- */

.table thead tr .input-small { width: 60px!important;}
.table thead tr .btn.btn-mini.btn-success.base { line-height: 25px!important;}

@media print {
table .table-content,
table .table-content tr,
table .table-content tr td,
table .table-content tr th {
	page-break-inside: avoid;
	border:1px;
}

@media screen {
table .table-content,
table .table-content tr,
table .table-content tr td,
table .table-content tr th {
	border:1px;
}
}

@media print {
	body, html{
	  width: 100%;
	  padding-right: 25%;
	}
	.avoid {
		page-break-inside: avoid !important;
		margin: 10px 0 10px 0;
	}
	
	.table-content {
		width: 20%!important;
	}
	/* table .table-content tr {
		page-break-inside: avoid;
		page-break-after: always;
		display:block !important;
	}
	
	.row-gt1 {
		page-break-before: always;
		page-break-after: always;
		page-break-inside: avoid !important;
	} */
	
}

.tag {
   font-size: 14px;
   padding: .3em .4em .4em;
   margin: 0 .1em;
}
 .tag a {
   color: #bbb;
   cursor: pointer;
   opacity: 0.6;
}
 .tag a:hover {
   opacity: 1.0
}
 .tag .remove {
   vertical-align: bottom;
   top: 0;
}
 .tag a {
   margin: 0 0 0 .3em;
}
 .tag a .glyphicon-white {
   color: #fff;
   margin-bottom: 2px;
}


table.dataTable tbody th,
table.dataTable tbody td {
    white-space: nowrap;
}