.hid {display: none;}
.hidwithimportant {display: none!important;}

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

.navbar .navbar-inner, .ace-nav > li.yellow { background:none repeat scroll 0 0 #011d4c !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 #3b4479 ;}*/

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

.btn-info {
    background-color: #3b4479    !important;
    border-color: #3b4479  !important;
    color: #fff !important;
    text-shadow: 0 0 0 rgba(1, 0, 4, 0.09) !important;
}


.btn-yellow, .btn-success, .btn-info, .btn-pink , .btn-yellow.disabled, .btn-yellow[disabled] {
    background-color: #5f6798!important;
    border-color: #5f6798!important;
    color: #fff!important;
    text-shadow: 0 -1px 0 rgba(255,255,255,0.4)!important;
}

/* .btn-yellow:hover { background-color:#3b4479!important;color: #fff !important;background:#3b4479!important;} */

.btn-info:hover, .btn-success:hover, .btn-info:hover, .btn-pink:hover , .btn-yellow:hover { background-color:#5f6798!important;color: #fff !important;background:#5f6798!important;}

.sidebar-shortcuts a.btn.btn-small {
    background-color: #959ea2!important;
    border-color: #a5adb3!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: #3b4479!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) #3b4479 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important;}

.nav-list > li.active:after {border-right: 2px solid #3b4479!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%;
    outline: 0 none;
    position: fixed;
    top:5%;
    width: 930px;
    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 {
    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 #5f6798;
    line-height: 25px;
}


.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-color: #dadada !important;
    border-style: solid !important;
    border-width: 1px !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 #3b4479;
    border-radius: 2px 2px 0 0;
}

.modal-header h3 {
    color: #fff;
	}
	
.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;
}
}

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





}

@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 #ffffff !important;
    border-color: #ffffff;
    color: #555555;
    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;;}

.zycure-main  .widget-box .widget-main {  background: none repeat scroll 0 0 #3b4479 !Important; }

.zycure-main .btn, .zycure-main .btn-default {
    background-color: #ffffff!Important;
    border-color: #eeeeee!important;
    color: #585858 !important;
    text-shadow: none !important;
	font-weight:bold;
	}

.zycure-main .btn:hover, .zycure-main .btn-default:hover {
    background: #f4f4f4!important;
    opacity: 1;
    border-color: #e6e6e6 !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,span.add-on,#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;}

}






/* --- */

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

.branchGroup {
    border: 1px solid #eee;
    width: 220px;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
}

.branchGroup li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 200px;
    border: 1px solid #c5c5c5;
}


.dropdown-yellow li a:hover, .dropdown-yellow li a:focus, .dropdown-yellow li a:active, .dropdown-yellow li.active a, .dropdown-yellow li.active a:hover, .dropdown-yellow .dropdown-submenu:hover>a, .nav-tabs .dropdown-yellow li>a:focus {
	background: #5f6798 !important;
	color: #fff!important;
}

.login-layout .widget-box {background-color: #5f6798!important;}

.login-box .forgot-password-link, .login-box .user-signup-link, .forgot-box .back-to-login-link, .signup-box .back-to-login-link {
    color: #f7f7f7!important;
}

.forgot-box .toolbar {
    background: #5f6798!important;
    border-top: 2px solid #5f6798!important;
    padding: 9px 18px;
}

.position-relative h3 {
    color: #fff;
	text-align:center;
}

.nav-list>li.active>a, .nav-list>li.active>a:hover, .nav-list>li.active>a:focus, .nav-list>li.active>a:active {
    color: #3b4479!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;
}

@media (max-width: 979px) and (min-width: 768px){
.table-add .row-fluid .span7 {
   width: auto!important;
}
}


@media (max-width: 1225px) {

.table-add .span7 {
   width: 100%!important;
}

table#denomination {
   width: 100%!important;
}

.table-container.table-class {
   overflow-x: auto;
   width: 100%;
}


}


.header-color-dark {
  background: #5f6798!important;
  border-color: #454545 !important;
}
.header-color-dark + .widget-body {
  border-color: #666666;
}
.header-color-dark > .widget-toolbar > [data-action="close"] {
  color: #E09E96;
}
.bootbox{
	/*left: 55%;*/
    top: 20% !important;
}