/*
    Normal: #7a98bf - rgb(122, 152, 191)
    Hover: #8ba5c7 
    Active: #698bb7
*/

.am-top-header {
    background-color: #8ba5c7;
}

.widget-calendar .cal-container .cal-notes {
    background-color: #7a98bf;
}

.widget-calendar .cal-container .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
    background-color: #7a98bf;
}

.widget-download-list > .widget-head {
    background-color: #7a98bf;
}

.navbar-right.am-user-nav li a:hover, .navbar-right.am-icons-nav li a:hover {
    background-color: rgba(0,0,0,.15) !important;
}

.am-top-header .navbar-collapse .navbar-nav > li > a {
    background-color: rgba(0,0,0,.15);
}

.navbar-right.am-user-nav li ul.dropdown-menu li a:hover, .navbar-right.am-icons-nav li ul.dropdown-menu li a:hover {
    background-color: rgba(122, 152, 191,.7) !important;
}

.page-head .breadcrumb a {
    color: #7a98bf !important;
}

.nav-tabs > li a:hover {
    color: #7a98bf;
}

.nav-tabs > li.active {
    border-top: 2px solid #7a98bf;
}

.popover-title {
    background-color: #7a98bf;
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
    background-color: #698bb7;
}



.btn-primary {
    color: #fff;
    background-color: #61A398;
    border-color: #61A398;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #6DB7AB;
        border-color: #6DB7AB;
    }

    .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #61A398;
        border-color: #61A398;
    }

.datetimepicker.dropdown-menu table tbody tr td .hour.active, .datetimepicker.dropdown-menu table tbody tr td .minute.active, .datetimepicker.dropdown-menu table tbody tr td .month.active, .datetimepicker.dropdown-menu table tbody tr td .year.active {
    background: #7a98bf;
    color: #fff;
}

.ui-dialog-titlebar {
    background-color: #7a98bf;
    color: #fff;
}

.pre-loader-btn-primary {
    background-color: #61A398 !important;
    border-color: #61A398 !important;
}

.btn-primary.active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #68c5b5;
    border-color: #68c5b5;
}

.form-control:focus {
    box-shadow: 0px 0px 5px #8ba5c7;
    border-color: #fff;
}

.progress-bar-success {
    background-color: #7a98bf;
}

.select2-container--open .select2-dropdown--above {
    box-shadow: 0px -3px 5px #8ba5c7, 0px 0px 0px #8ba5c7;
}

.select2-container--open .select2-dropdown--below {
    box-shadow: 0px 3px 5px #8ba5c7, 0px 0px 0px #8ba5c7;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    box-shadow: 0px 0px 5px #8ba5c7;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    box-shadow: 0px 0px 5px #8ba5c7;
}

.md-modal.colored-header .md-content .modal-header, .md-modal.colored-header .modal-content .modal-header, .modal.colored-header .md-content .modal-header, .modal.colored-header .modal-content .modal-header {
    background-color: #7a98bf;
    color: #fff;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    background-color: #8ba5c7;
}

.ms-container .ms-list.ms-focus {
    box-shadow: 0px 0px 5px #8ba5c7;
}


.fc-state-active {
    background: #7a98bf;
    color: #fff;
}

.fc-button.fc-state-default:hover {
    background: #7a98bf;
    color: #fff;
}

.dropdown-menu > li > a:hover {
    background-color: #7a98bf;
    color: #fff;
}

.datetimepicker.dropdown-menu table tbody tr td.day.active {
    background: #7a98bf;
    color: #fff;
}

.panel-group.accordion .panel .panel-heading a {
    color: #7a98bf;
}

.am-checkbox input[type=checkbox]:checked + label:before, .am-checkbox input[type=radio]:checked + label:before, .am-radio input[type=checkbox]:checked + label:before, .am-radio input[type=radio]:checked + label:before {
    color: #7a98bf;
    border-color: #7a98bf;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #68c5b5;
    border-color: #68c5b5;
}

.am-checkbox-xs input[type=checkbox]:checked + label:before {
    color: #7a98bf;
}

.tr-selected:not(.tr-error) {
    background-color: rgba(97,163,152, .20) !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #7a98bf;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #fff;
    background-color: #7a98bf;
    border-color: #7a98bf;
}

.pagination > li > a, .pagination > li > span {
    color: #7a98bf;
}

/*.multicoluna .fc-bg table tr td:nth-child(odd).fc-today, .multicoluna .fc-row.fc-widget-header .fce-col-header.col-1.fce-today {
    background: rgba(122, 152, 191,.15);
}*/

    .multicoluna .fc-bg table tr td:nth-child(even), .multicoluna .fc-row.fc-widget-header .fce-col-header.col-0 {
        background: rgba(122, 152, 191,.25);
    }

.widget-list li.active a span {
    color: #7a98bf;
}
