body {
    color: #646464;
    /*color: #797979;*/
    background: #f1f2f7;
    font-family: 'Open Sans', sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size:13px;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

body.login-body {
    background:#02bac6 url("../img/login-bg.jpg");
    background-size: auto;
    background-repeat: no-repeat;
}

.site-min-height {
    min-height: 500px;
}

.form-control {
    border: 1px solid #ccc;
    box-shadow: none;
    color: #c2c2c2;
    //height: 32px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: default;
    /*cursor: not-allowed;*/
    background-color: #eee;
    opacity: 1;
}

.form-control[disabled].white_background, .form-control[readonly].white_background, fieldset[disabled].white_background {
background-color: #fff;
}

.form-control.group-by {
    border: 1px solid #78cd51;
}


.radios {
  padding-top: 0px;
}

/* login */

.form-signin p {
    text-align: center;
    color: #646464;
    font-size: 16px;
    font-weight: 300;
}

.form-signin a {
    color: #285a78;
}

.form-signin h2.form-signin-heading {
    background: #285a78;
    font-size: 20px;
    font-weight: 500;
}    

.form-signin h2 span {
    color: #3baaed;
    font-weight: bold;
}

.form-signin .btn-login {
    font-weight: 500;
}

.login-wrap {
    padding: 20px;
    background: rgba(255,255,255,.3);
}

.login-wrap input.form-control {
    font-size: 14px;
}

form#brelis-login-form .login-wrap label {
font-weight: normal;
color: #b94a48;
margin: 0px 10px 15px 10px;
} 

form#brelis_forgotten_form label {
font-weight: normal;
color: #b94a48;
margin: 0px 10px 15px 10px;
} 

@media (max-width: 360px) {
ul.nav li.branches select {
  display: none;
}
}

@media (max-width: 480px) {
#top_menu .nav > li, ul.top-menu > li {
  float: left;
}
}

img.top_profile_picture {
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus {
  border: 0px solid #F1F2F7;
  background: #F1F2F7;
}
  
.top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus {
  border: 0px solid #F1F2F7;
  background: #F1F2F7;
}

.top-nav ul.top-menu > li > a {
  border: 0px solid #eeeeee;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 6px;
  background: none;
  margin-right: 0;
}

ul.top-menu > li > a {
  color: #666666;
  font-size: 16px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 0px solid #f0f0f8 !important;
  padding: 2px 6px;
  margin-right: 15px;
}

ul.top-menu > li > a:hover, ul.top-menu > li > a:focus {
  border: 0px solid #f0f0f8 !important;
  background-color: #fff!important;
  border-color: #f0f0f8 !important;
  text-decoration: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #2E2E2E !important;
}

ul.top-menu > li > a:hover, ul.top-menu > li > a:focus {
  border: 0px solid #f0f0f8 !important;
  background-color: #fff!important;
  border-color: #f0f0f8 !important;
  text-decoration: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #2E2E2E !important;
}

.top-nav .username {
  font-size: 14px;
  color: #646464;
}

.dropdown-menu.extended.logout > li > a {
  color: #646464;
  border-bottom: none !important;
}

.dropdown {
margin-top: 4px;
}

.bio-graph-heading {
  font-style: normal;
}

.state-overview .value h1, .state-overview .value p {
  color: inherit;
}

h3.timeline-title {
  color: inherit;
}

.t-info {
  color: inherit;
}

div.form-group div input#userrights {
padding: 100px;
}

h3.timeline-title {
    text-transform: none;
}

/* summernote modal window inputs*/
form.note-modal-form .modal-body .form-horizontal .form-group {
    margin-right: 15px;
    margin-left: 15px;
}


.user-notify-row .user-badge {
    position: absolute;
    right: 20px;
    top: 0px;
    z-index: 100;
}

/* logo */
a.logo {
    font-size: 20px;
    margin-top: 16px;
}

a.logo span {
    color: #3baaed;
    font-weight: bold;
}

img.logo_icon {
    width: 16px;
    height: 16px;
    margin-top: -4px;
}

/* dashboard */
.state-overview .value {
    width: 58%;
    padding-top: 11px;
}

.state-overview .value p.count1 {
    font-size: 20px;
}

.state-overview .value p.count1.bold {
    font-weight: bold;
}

.state-overview .green {
    background: #A9D86E;
}

/*---revenue----*/

.revenue-head {
    background: #59ace2;
}

.revenue-head span {
    background: #6ccac9;
}

.revenue-head span.rev-combo {
    background: #337ab7;
}

.profile-nav ul > li > a {
    color: inherit;
}

.profile-nav ul > li > a > i {
    font-size: 16px;
    width: 25px;
    color: inherit;
}


/* 404 */
.error-wrapper .icon-404{
    background: url("../img/404_icon.png") no-repeat;
    width: 270px;
    height: 184px;
    display: inline-block;
    margin-left: 30px;
}

#show_hide_menu {
    background-color: #ffffff; //#f1f2f7;
    border-bottom: 2px solid #f1f2f7;
}

a.btn-default.show_hide:hover {
    color: #ffffff; 
    border: 1px color #b0b5b9;
}


td button.margin {
    margin-right: 20px;
}

td button.margin-left {
    margin-left: 20px;
}

header.panel-heading a.info-menu {
    width: 22px;
}

/* reports */ 

.select2-container .select2-selection--multiple {
    min-height: 34px;
}

.select2-container {
    //width: 0% !important;
}

.slider-info {
    padding-top: 8px;
}

.select2-container .select2-search--inline .select2-search__field {
    padding: 2px;
}

div.checkbox.cumulative {
    margin-top: 5px;
    margin-bottom: 6px;
    }

div.checkbox.cumulative label {
    padding-left: 10px;
    color: #646464;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    }

/* templates 

.templates-table>tbody>tr>td.templates-choose:hover, .templates-table>tbody>tr>td.templates-choose:hover  {
    background-color: #f5f5f5 !important;
    color: #fff;    
}

// reset the default bootstrap style on tr:hover
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th  {
    background-color: inherit;
}

*/


/* Data Table */

.adv-table table.display thead th {
    padding: 10px 20px 10px 10px;
    text-align: right;
}

/*.adv-table table.display thead th.text-left-margin */
.adv-table table.display thead th:first-child {
    text-align: left;
}

.adv-table table.display tbody tr td {
    text-align: right;
    padding: 10px 20px 10px 0px;
}

.adv-table table.display tbody tr td:first-child {
    text-align: left;
    padding: 10px 0px 10px 10px;
} 

.adv-table table.display tbody tr.odd {
    background-color: #f1f2f7;
}

div.dt-button-background {
    visibility: hidden;
}

div.dt-buttons {
    padding-top: 13px;
}

table.dataTable.stripe tbody>tr.odd.selected, table.dataTable.stripe tbody>tr.odd>.selected, 
table.dataTable.display tbody>tr.odd.selected, table.dataTable.display tbody>tr.odd>.selected {
    color: white;
}

table.dataTable.stripe tbody>tr.even.selected, table.dataTable.stripe tbody>tr.even>.selected, 
table.dataTable.display tbody>tr.even.selected, table.dataTable.display tbody>tr.even>.selected {
    color: white;
}

.dataTables_processing {
    background-color: #f1c500;
    color: white;
    height: 34px;
    padding: 7px 0 2px 0;
}