/*anchor*/
a {
    color: #191970/*#667fa0 vince orig*/;
}

a:hover {
    color: blue/*#2A3542 vince orig*/;
}

/*panel*/
.panel {
    border: none;
    box-shadow: none;
}

.panel-heading {
    background: #fff;
    font-size: 21px;
    border-color: #eff2f7;
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid #eff2f7;
    border-radius: 0px;
    padding: 10px 0px 0px 14px;
    font-weight: 500;
    font-family: 'Roboto','Source Sans Pro',sans-serif;
}

.panel-title {
    color: #2A3542;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-family: 'Open Sans', sans-serif;
}
/*vince*/
.panel.col-md-12 {
    border-radius: 0px;
}

/*label*/

.label {
    padding: 0.5em 0.8em;
	font-size: 80%;/*vince*/
	font-weight: 600; /*vince*/
	display: inline-block; /*vince*/
	border-radius: 3px; /*vince*/
}

.label-heading { /*vince*/
	padding: 0.3em 0.8em;
	font-size: 80%;
	font-weight: 600;
	color: #FFF;
	text-align: center;
	border-radius: 0.25em;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 3px;
	display: inline-block;
}

.label-invoice { /*vince*/
	padding: 0.5em 0.8em;
	font-size: 90%;
	font-weight: 600;
	color: #FFF;
	text-align: center;
	border-radius: 0.25em;
	margin-left: 10px;
	margin-right: 5px;
	display: inline-block;
}

.label-notice { /*vince*/
	padding: 0.3em 0.8em;
	font-size: 12px;
	font-weight: 400;
	color: #FFF;
	background-color: #228B22;
	text-align: center;
	border-radius: 0.25em;
	margin-left: 10px;
	margin-right: 5px;
	display: inline-block;
}

.label-default {
    background-color: #a1a1a1;
}

.label-primary {
    background-color: #228B22;/*vince orig#59ace2;*/
}

.label-date {
	background-color: #000000;/*vince orig#59ace2;*/
}

.label-success {
    background-color: #000080/*#A9D86E*/;
}

.label-info {
    background-color: #990099/*#8175c7*/;
}

/*vince*/
.label-add {
	background-color: #336600;
}
.label-adddep {
	background-color: #cc3300;
}
.label-bulkdep {
	background-color: #4B0082;
}

/*vince end*/

.label-warning {
    background-color: #FF8C00/*vince orig#FCB322*/;
}

.label-danger {
    background-color: #DC143C/*vince orig#FF6C60*/;
}

.label-inverse {
    background-color: #344860;
}

/*text color*/

.text-danger {
    color: #FF6C60;
}

.text-muted {
    color: #a1a1a1;
}

.text-primary {
    color: #59ace2;
}

.text-warning {
    color: #FCB322;
}

.text-success {
    color: #A9D86E;
}

.text-info {
    color: #8175c7;
}

/*modal*/

.modal-content {
    box-shadow: none;
    border: none;
}

.modal-header {

    background: #9ACD32/*fff*/;
    color: #000/*777*/;
    border-radius: 9px 9px 0 0;
    -webkit-border-radius: 9px 9px 0 0;
    border-bottom: 1px solid #eee;
    padding: 18px 20px;
}

.modal-header-request {/*vince*/

    background: #FF4500;
    color: #FFF;
    border-radius: 9px 9px 0 0;
    -webkit-border-radius: 9px 9px 0 0;
    border-bottom: 1px solid #eee;
    padding: 18px 20px;
}

.modal-header .close {
    margin-top: 0;
}

/*text input*/

.form-control {
    border: 1px solid #092;
    border-radius: 8px !important;/*vince added !important*/
    box-shadow: none;
    /*border: 1px solid #e2e2e4*/;
    color: #000;
    background: #fff;
    width: 100%;
    /*color: #000;*/
    height: 38px !important;
}
.remarks-area {/*vince added*/
	border: 1px solid #092;
    border-radius: 8px !important;
    box-shadow: none;
	color: #000;
    background: #fff;
    width: 100%;
	resize: none;
}


.form-control:focus, #focusedInput {
    border: 1px solid #517397;
    box-shadow: none;
}

.form-horizontal .control-label {
    font-weight: 300;
    font-size: 14px;
    text-align: left;
}

input, textarea, select, button {
    /*outline: none !important;*/
   /*vince*/
}

/*list*/

ul {
    padding-left: 0;
}

/*button*/

.btn-default {
    background-color: #bec3c7;
    border-color: #bec3c7;
    color: #000;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #b0b5b9;
    border-color: #b0b5b9;
    color: #fff;
}

.btn-primary {
    background-color: #41cac0;
    border-color: #41cac0;
    color: #000;
}

.btn-secondary {/*vince*/
    background-color: #ff3399;
    border-color: #ff3399;
    color: #000;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #39b2a9;
    border-color: #39b2a9;
    color: #FFFFFF;
}

.btn-success {
    background-color: #78CD51;
    border-color: #78CD51;
    color: #000;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #6dbb4a;
    border-color: #6dbb4a;
    color: #FFFFFF;
}

.btn-info {
    background: #4B0082/*vince*/;
    border-color: #4B0082/*vince*/;
    color: #FFF;
    /*font-weight: 600;*/
    border-radius: 20px;/*vince*/
}

.btn-request:hover {/*vince*/
    background: #FF8C00;
    border-color: #FF8C00;
    color: #000;
}
.btn-request {/*vince*/
    background: #C71585;
    border-color: #C71585;
    color: #fff;
}

.btn-revoke:hover {/*vince*/
    background: #FF4500;
    border-color: #FF4500;
    color: #000;
}
.btn-revoke {/*vince*/
    background: #CC0066;
    border-color: #CC0066;
    color: #fff;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: #FF00FF/*vince*/;
    border-color: #FF00FF/*vince*/;
    color: #000;
}

.btn-warning {
    background-color: #f1c500;
    border-color: #f1c500;
    color: #000;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    background-color: #ff8c00;
    border-color: #ff8c00;
    color: #FFFFFF;
}

.btn-danger {
    background-color: #ff6c60;
    border-color: #ff6c60;
    color: #FFFFFF;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    background-color: #ec6459;
    border-color: #ec6459;
    color: #FFFFFF;
}


.btn-white {
    box-shadow: none !important;
}

/*Rounded Button*/

.btn-round {
    border-radius: 30px;
    -webkit-border-radius: 30px;
}

/*shadow button*/

.btn-shadow.btn-default {
    box-shadow: 0 4px #9c9c9c;
}
.btn-shadow.btn-primary {
    box-shadow: 0 4px #29b392;
}
.btn-shadow.btn-success {
    box-shadow: 0 4px #61a642;
}
.btn-shadow.btn-info {
    box-shadow: 0 4px #1caadc;
}
.btn-shadow.btn-warning {
    box-shadow: 0 4px #cab03f;
}
.btn-shadow.btn-danger {
    box-shadow: 0 4px #d1595a;
}


/*dropdown shadow*/

.btn-group.open .dropdown-toggle, .btn-white.active, .btn:active, .btn.active {
    box-shadow: none;
}

/*dropdown select bg*/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #495d74;
    color: #FFFFFF;
    text-decoration: none;
}

/*split dropdown btn*/

.btn-white {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border-color: rgba(150, 160, 180, 0.3);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05) inset;
}

/*breadcrumbs*/

.breadcrumb {
    background-color: #fff;
}


/*tab*/

.nav-tabs > li > a {
    margin-right: 1px;
}

/*collapse*/

.panel-default > .panel-heading {
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    color: #797979;
}

/*nav inverse*/

.navbar-inverse {
    background-color: #7087A3;
    border-color: #7087A3;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus{
    background-color: #61748d;
}

.navbar-inverse .navbar-nav > li a:hover {
    color: #2A3542;
}

.navbar-inverse .navbar-nav > li > ul > li a:hover {
    color: #fff;
}

.navbar-inverse .navbar-brand {
    color: #FFFFFF;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #000;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
}

/*nav justified*/

.nav-justified {
    width: auto !important;
}

.nav-justified li:last-child > a:hover, .nav-justified li.active:last-child > a {
    border-radius: 0 4px 0 0 !important;
    -webkit-border-radius: 0 4px 0 0 !important;
}

/*list group*/

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #00A8B3;
    border-color: #00A8B3;
    color: #FFFFFF;
    z-index: 2;
}

.list-group-item-heading {
    font-weight: 300;
}

/*progress*/

.progress {
    box-shadow: none;
    background: #f0f2f7;
}

/*alert*/

.alert-success, .alert-danger, .alert-info, .alert-warning {
    border: none;
}

/*table*/

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 10px;
}







/* form new style*/

.new_panel_heading {
    background: #FF6C60;
    color:fff;
}
.new_panel{

    border: 1px solid #5A9599;
}
.form_footer{
    background:#5A9599;
    margin: 0px auto;
    padding: 10px;
}
.range_submit{
    width: 50%;
}
.createinvoicebutton{
    background: #4B0082/*5A9599*/;
    border-color: #4B0082/*5A9599*/;
    color: #FFF;
}
.createinvoicebutton:hover{/*vince*/
    background: #CC66FF;
    border-color: #CC66FF;
    color: #000;
}
.invoicebutton{/*vince*/
    background: #669900;
    border-color: #669900;
    color: #FFF;
}
.invoicebutton:hover {/*vince*/
    background: #99CC00;
    border-color: #99CC00;
    color: #000;
}
.printbutton {/*vince*/
    background: #190f00;
    border-color: #190f00;
    color: #FFF;
}
.printbutton:hover {/*vince*/
    background: #FF9900;
    border-color: #FF9900;
    color: #000;
}
.add_payment_button{
    background-color: #4B0082;/*vince orig 39B27C*/
    border-color: #4B0082;/*vince orig 39B27C*/
    color: #FFFFFF;
}
.add_payment_button:hover{
    background: #ADFF2F;/*vince orig 39B27C*/
    border-color: #ADFF2F;/*vince orig 39B27C*/
    color: #000;
}
.detailsbutton{
    background: #3333CC;
    border-color: #3333CC;
    /*border-radius: 0px;*/
    color: #fff; 
}

.detailsbutton:hover{
    background: #00CCFF;
    border-color: #00CCFF;
    color: #000; 
}

.holidaybutton{/*vince*/
    background: #9932CC;
    border-color: #9932CC;
    /*border-radius: 0px;*/
    color: #fff; 
}
.schedulebutton{/*vince*/
    background: #009900;
    border-color: #009900;
    /*border-radius: 0px;*/
    color: #fff; 
}
.schedulebutton:hover{/*vince*/
    background: #CCCC00;
    border-color: #CCCC00;
    /*border-radius: 0px;*/
    color: #000; 
}

.editbutton{
    background: #B8860B;
    border-color: #B8860B;
    color: #fff;
}


.editbutton:hover{
    background: #FFCC00;
    border-color: #FFCC00;
    color: #000;
}

.requestbutton{ /*vince*/
    background: #FF4500;
    border-color: #FF4500;
    color: #fff;
}

.requestgrantedbutton{ /*vince*/
    background: #9ACD32;
    border-color: #9ACD32;
    color: #fff;
}

.requestbutton:hover{ /*vince*/
    background: #FF00FF;
    border-color: #FF00FF;
    color: #000;
}

.clonebutton{ /*vince*/
    background: #D2691E;
    border-color: #D2691E;
    color: #fff;
}

.clonebutton:hover{ /*vince*/
    background: #FF8C00;
    border-color: #FF8C00;
    color: #000;
}

.delete_button:hover{/*vince*/
    background: #FF0066;
    border-color: #FF0066;
    color: #000;
}


.delete_button{/*vince*/
    background: #CC0066;
    border-color: #CC0066;
    color: #fff;
}


.green{
    background: #228B22/*39B27C*/;
    color: #fff;
    border-color: #228B22/*39B27C*/;
}

.green:hover{
    background: #66FF33;
    color: #000;
    border-color: #66FF33;
}

header .green{
    margin-top: 0px !important;
}

header .green:hover{
    margin-top: 0px !important;
    background: #39B27C !important;
    color: #fff !important;
    background-color: #41cac0 !important;
    border-color: #41cac0 !important;
    color: #FFFFFF !important;
}

.custom_buttons{
    margin-left: 10px;
}


.btn{
    border-radius: 10px /*!important*/; /*vince orig was zero*/
}

.modal-content{
    border-radius: 9px !important;
}


.width_auto{
    width: 100px;
    color: #fff;
    margin-bottom: 2px;
    border-radius: 5px;
}

form{
    border: 0px solid #ccc;
    padding: 20px 0px;
    background: #fff;  
}

form input{
    background: #fff !important;
    border-radius: none !important;
}

thead{
    background: #40E0D0/*f9f9f9*/;
}

table.dataTable thead th, table.dataTable tfoot th{
    color: #000 !important;
}

table{
    /*  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);*/
}


.btn{
    /*  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
}

.fa-dedent:before, .fa-outdent:before{
    content: "\f03b";
    background: #39B27C;
    padding: 6px 11px;
    color: #fff;
    /*  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
}

.badge{
    border-radius: 0px;
    /*  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
}

.badge.bg-success{
    background: #000080 !important;
}

.state-overview .terques {
    background: #39B27C !important;
}

.state-overview .blue {
    background: #1a7bb9 !important;
}

.state-overview .panel{
    border-radius: 0px;
    border: 0px solid #eee;
    border-radius: 0px;
    
}

ul.sidebar-menu li a{
    /*font-size: 13px !important*/;
}

a.logo {
    font-size: 32px;
    /*color: #1a7bb9 !important;*/
    float: left;
    margin-top: 6px;
    /* text-transform: uppercase; */
    font-family: /*fontawesome;vince*/Arial, Helvetica, sans-serif;
}

.weather-bg .panel-body{
    background: #145314;
    padding: 10px !important;
}

.f_report{
    background: #f1f1f1;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin-right: 23px;
    padding-bottom: 49px;
}

.modal-body form{
    box-shadow: none;
}

.panel-body {
    background: #fff;
}

.panel{
    background: #fff;
}


form{
    background: #fff;

}

.modal-content{
    background: #fff !important;
}




.state-overview .symbol {
    border-radius: 0px !important;
}

.flashmessage {
    background: #39B27C;
    color: #f1f1f1;
    padding: 3px;
    font-size: 21px;
    text-align: center;
    width: auto;
    margin-left: 0px;
    margin-top: 0px;
}

.right-six{
    float: right;
    background: #fff;
}

form input{
    /*  background: #f9f9f9 !important;*/
}


.modal-body {
    position: relative;
    padding: 0px 20px !important;
}


.select2-container--default .select2-selection--single{
   border: 1px solid #009922 !important;/*vince*/
   border-radius: 8px !important;/*vince*/
  
}

table.dataTable thead th, table.dataTable thead td{
    padding: 10px !important;
    border-bottom: 1px solid #f1f1f1 !important;

}

label{
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    color: #777;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{
    border: 0px solid #ddd;
}

button.dt-button, div.dt-button, a.dt-button{
    font-size: 10px !important;
}


.text-left{
    text-align: left;
}

.text-center{
    text-align: center;
}

.text-right{
    text-align: right;
}

.table{
    border: none;
}


button.dt-button, div.dt-button, a.dt-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 0.333em;
    padding: 0.5em 1em;
    border: 0px solid #999 !important; 
    border-radius: 2px;
    cursor: pointer;
    font-size: 0.88em;
    color: #000/*aaa*/ !important;
    white-space: nowrap;
    overflow: hidden;
    background-color: #f9f9f9 !important;
    background-image: none !important;
    background-image: -moz-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -ms-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: none !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9');
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    outline: none;
}


.cke_top, .cke_contents, .cke_bottom {
    border-right: 1px solid #f1f1f1 !important;
    border-left: 1px solid #f1f1f1 !important;
}

.btn{
    font-weight: 600;
    margin-top: 5px;
}

.home_section{
    margin: 21px;
}


.home_sec_green{
    background: #39B27C !important;
    background: #fff !important;
}

.home_sec_blue{
    background: #1a7bb9 !important;
    background: #fff !important;
}

.home_sec_yellow{
    background: #f8d347;
    background: #fff !important;
}

.value{
    color: #fff;
    color: #777;
}

.state-overview .value h1, .state-overview .value p{
    color: #777 !important;
}

.finance_sec{
    margin-top: -20px;
}

.btn-xs{
    padding: 6px 12px;
	border-radius: 20px;/*vince*/
}

/*.detailsbutton{
    background: #00008B !important;
}*/


.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td{
    cursor: pointer;
}

.history{
    cursor: pointer;
}

.super1{
    padding: 20px 0px 0px 50px;
    font-size: 14px;
    font-weight: bold;
}


/*vince*/
.roundclock {
  border-radius: 4px !important;
}

.bigger_text {
  font-size: 14px;
  font-weight: bold;
}

.inffo, .history, .inffodoc {
	cursor: pointer;
	font-weight:600;
	font-size: 12px;
}

.appremarks {
  font-size: 80%;	
}

.editorbutton {
	background: #B8860B !important;
	border-color: #B8860B !important;
	color: #FFF;
	margin-bottom: 10px;
	height: 25px;
	font-size: 11px;
}

.editorbutton:hover {
	background: #FFCC00 !important;
	border-color: #FFCC00 !important;
	color: #000;
}
/*vince end*/