html,
body {
    height: auto !important;
    min-height: 100% !important;
    overflow-y: auto !important;
}
.wrapper {
    overflow: visible !important;
    height: auto !important;
}
.content-wrapper {
    height: auto !important;
    min-height: 100vh !important;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.tanay-blue {
    color: #367fa9;
}
.tanay-green {
    color: #ae1414;
}

a.tanay-green:link {
    color: #ae1414;
}
.wrapper {
    height: inherit !important;
    overflow-x: hidden;
}

.bg-tanay-brown,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
    background-color: #aa1414 !important;
}

.bg-tanay-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
    background-color: #ebebeb !important;
}

.bg-tanay-gold,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
    background-color: #983d38 !important;
}

.bg-tanay-blue,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
    background-color: #a6aab1 !important;
}

.bg-tanay-grey,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
    background-color: #272a30 !important;
}

.tanay-gold .main-header .navbar {
    background-color: #983d38;
}
.tanay-gold .main-header .navbar .sidebar-toggle:hover {
    background-color: #983d38;
}
.tanay-gold .main-header .logo {
    background-color: #983d38;
    color: #fff;
    border-bottom: 0 solid transparent;
}
.tanay-gold .main-header .logo:hover {
    background-color: #983d38;
}
.tanay-gold .wrapper,
.tanay-gold .main-sidebar,
.tanay-gold .left-side {
    background-color: #aa1414;
}
.main-sidebar {
    /*height: 100vh; */
    overflow-y: auto;
}
.main-sidebar .sidebar {
    height: 80vh !important;
}
.main-sidebar .sidebar .sidebar-menu {
    overflow: auto;
}
.tanay-gold .sidebar-form .btn {
    background-color: #983d38;
}

.tanay-gold .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #983d38;
}

.tanay-gold .sidebar-menu > li.header {
    color: #ebebeb;
    background: #aa1414;
}

.tanay-gold .sidebar a {
    color: #ebebeb;
}

.tanay-gold .content-wrapper,
.tanay-gold .right-side {
    background-color: #ebebeb;
}

.tanay-gold .main-header li.user-header {
    background-color: #983d38;
}
.content-header {
    z-index: 99;
}

/* breadcrumbs */
.breadcrumb-wrapper {
    padding: 8px 15px;
    background-color: #f5f5f5;
    border-radius: 4px;
    clear: both;
}
@media screen and (max-width: 767px) {
    .breadcrumb-wrapper {
        background: transparent;
    }
    .breadcrumb-wrapper .breadcrumb {
        width: 100%;
    }
}
.tanay-gold .treeview-menu > li > a {
    color: #ebebeb;
    background: #aa1414;
}
.main-content {
    overflow-y: auto;
}
.tanay-hr {
    border-width: 1px;
    border-color: #3c8dbc;
    margin-top: 5px;
    margin-bottom: 5px;
}

.tanay-hr-clean {
    border-width: 1px;
    border-color: #3c8dbc;
    margin-top: 15px;
    margin-bottom: 15px;
}

.pwd-padding {
    padding-right: 10px;
}

.lock-padding {
    padding-right: 3px;
}

.form-group.required .control-label:after {
    content: "*";
    color: red;
}

label.control-label {
    color: grey;
    font-weight: 500;
}

label.pdf-upload {
    color: black;
    font-weight: 700;
}

label.field-required {
    color: red;
    font-weight: 700;
}

label.field-select {
    color: green;
    font-weight: 400;
}

label.field-important {
    color: orange;
    font-weight: 400;
}

.form-control {
    font-weight: 700;
}

.form-group {
    margin-bottom: 0px;
}

.form-group-down {
    margin-top: 10px;
}

input[type="checkbox"] {
    transform: scale(1.5);
}

.checkbox,
.radio {
    margin-top: 0px;
    margin-bottom: 0px;
}

box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
    margin-top: 8px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.project-header-fixed {
    position: fixed;
    z-index: 9999;
    background: #ecf0f5 !important;
    top: 71px;
}
.project-header .breadcrumb {
    border: 1px solid #3c8dbc;
}
.project-header .breadcrumb > li + li:before {
    color: #3c8dbc;
}
.dashboard-box {
    color: white;
    font-size: 150%;
}

.dashboard-box-small {
    color: white;
    font-size: 80%;
}

.dashboard-box-big {
    color: white;
    font-size: 187%;
}

.notes-history {
    padding: 10px;
    border: 1px solid #d2d6de;
    margin: 0;
}

.search-complete {
    color: white;
    padding: 5px;
}

.skin-blue .sidebar-form {
    border: 0;
}

/* Calendar styles */

.calendar-content .widget-user-2 .widget-user-username,
.calendar-content .widget-user-2 .widget-user-desc {
    margin-left: 0px;
}

.calendar-content {
    min-height: 600px;
}

.calendar-content .widget-user-2 .widget-user-header {
    padding: 8px;
}

.calendar-first-column {
    background-color: #222e32;
}

.calendar-content ul li .fa {
    margin-top: 4px;
}

.position-fixed {
    position: fixed !important;
}
.footer-wrapper {
    border-top: 1px solid #d2d6de;
}
.footer-wrapper .main-footer {
    border-top: 0px;
}
.sidebar-fixed {
    border: 1px solid #0a2b1d;
    height: 100vh;
}

.sidebar-inner {
    width: 200px;
    height: 100%;
    overflow-y: scroll;
    border: 1px solid #0a246a;
}
.margin_project_sections {
    margin-top: 50px !important;
}
.notes_log {
    color: #3c8dbc;
}

/*Custom Search Form for Select Users */
.select-search {
    margin-left: 5px;
    margin-top: 20px;
}

.select-search-text {
    background-color: white;
    margin-left: 182px;
    float: left;
}

.list-group-item {
    font-weight: 700;
}

#form-wrapper {
    height: 100vh;
    overflow-y: scroll;
    padding-bottom: 350px;
}
.breadcrumb > li + li:before {
    content: "|\00a0";
}

.user-menu:hover {
    background-color: #a6aab1;
}
.content {
    overflow-y: visible !important;
    height: auto !important;
    max-height: none !important;
    display: flow-root;

    /* FALLBACK: If 'display: flow-root' doesn't work (older browsers),
       uncomment the two lines below instead: */
    /* padding-top: 1px; */
    /* padding-bottom: 1px; */
}
section.content {
    min-height: 0px;
    max-height: 100%;
}
li.dropdown.notifications-menu {
    display: none;
}
.messages-menu:hover {
    background-color: #a6aab1;
}

[data-sort]:after {
    font-family: "FontAwesome"; /* Use "Font Awesome 5 Free" for FA5 */
    content: "\f0dc"; /* fa-sort (double arrow) */
    float: right;
    color: #ddd; /* Light gray */
    margin-left: 5px;
}

[data-sort].asc:after {
    content: "\f0de"; /* fa-sort-asc */
    color: #333; /* Darker active color */
}

[data-sort].desc:after {
    content: "\f0dd"; /* fa-sort-desc */
    color: #333;
}

[data-sort] {
    cursor: pointer;
}

[data-sort]:hover {
    background-color: #f5f5f5; /* Light grey background on hover */
    text-decoration: underline; /* Or underline the text */
}