.btn-info, .btn-info.disabled {
    background: #F0C12C !important;
    border: 1px solid #F0C12C !important;
}

a {
    color: #3C3C3C !important;
}

.form-control, label {
    color: #3C3C3C !important;
}

[type="checkbox"]:checked + label:before {
    border-right-color: #F0C12C !important;
    border-bottom-color: #F0C12C !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #3C3C3C !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #3C3C3C !important;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #3C3C3C !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #3C3C3C !important;
}

.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F0C12C), to(#F0C12C)), -webkit-gradient(linear, left top, left bottom, from(#3C3C3C), to(#3C3C3C));
    background-image: -webkit-linear-gradient(#F0C12C, #F0C12C), -webkit-linear-gradient(#3C3C3C, #3C3C3C);
    background-image: -o-linear-gradient(#F0C12C, #F0C12C), -o-linear-gradient(#3C3C3C, #3C3C3C);
    background-image: linear-gradient(#F0C12C, #F0C12C), linear-gradient(#3C3C3C, #3C3C3C);
}


.topbar {
    background: whitesmoke;
}

.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
    color: #181c22 !important;
    background: #F0C12C !important;
}


.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check) {
    color: #fff !important;
}

.e-toolbar, .e-toolbar .e-toolbar-items {
    background: none !important;
    background-color: #747d8a !important;
}

    .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
        color: #3C3C3C !important;
    }

    .e-toolbar .e-tbar-btn {
        background: none !important;
        background-color: #747d8a !important;
    }

.e-pager .e-currentitem, .e-pager .e-currentitem:hover {
    background: #747d8a !important;
}


.e-pager {
    color: #e8eaf6 !important;
}

.e-checkbox-wrapper:hover .e-label, .e-css.e-checkbox-wrapper:hover .e-label, .e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label,
.e-contextmenu-wrapper ul, .e-contextmenu-wrapper ul .e-menu-item.e-focused, .e-contextmenu-wrapper ul .e-menu-item.e-selected {
    color: #747d8a !important;
}

.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: #747d8a !important;
}

.e-btn.e-flat, .e-css.e-btn.e-flat {
    color: #747d8a !important;
}


.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
    background: #747d8a !important;
}


.card, .card-no-border .left-sidebar, .card-no-border .sidebar-nav {
    background: whitesmoke;
}

.container-fluid .card {
    background: #fff;
}

input, .form-control {
    background-image: none !important;
    background-color: #FAFAFA !important;
    border-bottom: 2px solid #F0C12C !important;
}

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus,
    input:active, input:focus, .form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
        background-image: none !important;
        background-color: #FAFAFA !important;
        border-bottom: 2px solid #A5A5A5 !important;
    }

.page-wrapper {
    background-color: white !important;
}

.page-titles {
    background: #F9F5FB;
}

.text-themecolor {
    color: #F0C12C !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .footable .pagination li a, .select2-container--default .select2-selection--single .select2-selection__rendered, .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection, .close, .page-item .page-link {
    color: #F0C12C;
}

.progress, .fc-day, .css-bar > i, .dropzone, code, .popover, .grid-stack-item-content, .form-control:disabled, .form-control[readonly], .input-group-addon, .select2-container--default .select2-selection--multiple .select2-selection__choice, .ms-container .ms-selectable, .ms-container .ms-selection, .wizard-content .wizard > .actions > ul > li > a[href="#previous"], .jsgrid-grid-header, .jsgrid-filter-row > .jsgrid-cell, .dropdown-menu, .mega-dropdown .dropdown-menu {
    background-color: #F9F5FB;
}

.topbar ul.dropdown-user li a:hover {
    color: white !important;
    background-color: #F0C12C !important;
    font-size: 12pt !important;
}

.text-muted {
    color: white !important;
}

.e-toolbar, .e-toolbar .e-toolbar-items, .e-toolbar .e-tbar-btn {
    background: none !important;
    background-color: #F0C12C !important;
    color: white !important;
}

    .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text, .e-toolbar .e-icons {
        color: white !important;
    }

.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check) {
    color: #5A5A5A !important;
}

.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
    color: white !important;
}

.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: #F0C12C !important;
    color: white !important;
}

.e-pager .e-currentitem, .e-pager .e-currentitem:hover {
    background-color: #F0C12C !important;
    color: white !important;
}

.text-muted {
    color: black !important;
}

/* #F0C12C */



.timeline {
    list-style-type: none;
    display: flex;
    align-items: center;
    padding: 0 !important;
    padding-top: 10px !important;
}

.li {
    transition: all 200ms ease-in;
}

.timestamp {
    padding: 0px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 100;
}

.status {
    padding: 0px 40px;
    display: flex;
    justify-content: center;
    border-top: 2px solid #D6DCE0;
    position: relative;
    transition: all 200ms ease-in;
}

    .status h4 {
        font-weight: 600;
        font-size: 12pt;
        padding-top: 20px;
    }

    .status:before {
        content: "";
        width: 25px;
        height: 25px;
        background-color: white;
        border-radius: 25px;
        border: 1px solid #ddd;
        position: absolute;
        top: -15px;
        left: 42%;
        transition: all 200ms ease-in;
    }

.li.complete .status {
    border-top: 2px solid #F0C12C;
}

    .li.complete .status:before {
        background-color: #F0C12C;
        border: none;
        transition: all 200ms ease-in;
    }

    .li.complete .status h4 {
        color: #F0C12C;
    }


.timeline:before {
    background-color: transparent !important;
}

.timeline > li {
    margin-bottom: 0px !important;
}


.label {
    font-family: "Poppins", sans-serif;
    color: #747d8a;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5;
}

#logo-text {
    content: url("../../../content/images/custom/otys/logo-text-light.png") !important;
}

.topbar .text-muted {
    color: #F0C12C !important;
}

span.label {
    padding: 3px 10px;
    line-height: 13px;
    color: #ffffff;
    font-weight: 400;
    border-radius: 4px;
    font-size: 75%;
    width: 100px;
    text-align: center;
}

.e-pager {
    color: #747d8a !important;
}

.e-control {
    /*background-color:red !important;*/
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
    background-color: #103FFB;
    border-color: rgba(120, 130, 140, 0.13) rgba(120, 130, 140, 0.13) #263238;
    color: white !important;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.profile-tab li a.nav-link.active, .customtab li a.nav-link.active {
    border-bottom: 2px solid white !important;
    color: white !important;
}

.modal-content {
    background: white;
}

.btn, .e-btn.e-flat, .e-css.e-btn.e-flat {
    background-color: #F0C12C !important;
    border: 0;
    box-shadow: none;
    border-radius: 0; 
}

    .btn:hover {
        background: #F0C12C;
        border: 0;
        box-shadow: none;
    }

.e-dialog .e-btn, .e-dialog .e-btn-icon {
    color: white !important;
}

.e-selected {
    background-color: #F0C12C !important;
    color: white !important;
}


.e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
    background-color: #F0C12C !important;
    color: white !important;
}

.e-spinner-pane .e-spinner-inner .e-spin-material {
    stroke: #F0C12C !important;
}

/*
input:active, .form-control:active, input:focus, .form-control:focus {
    border-bottom: 2px solid #A5A5A5 !important;
}
    */

.filter-header {
    padding: 5px;
}

/*

    overflow: hidden;    
    border: 2px dashed #f0f;    
    height: 50px;
    border: 1px solid lightgray;
    margin-top: 10px;
}


    float: right;
    width: 100px;
    
    margin-left: 10px;
    border: 2px dashed #00f;
}
    */

.filter-summary-section {
    display: flex;
    width: 100%;
    margin-top: 10px;
}

.filter-summary {
    flex: 1; /* grow */
    border: 1px dashed #f0f;
    height: 63px;
    border: 1px solid lightgray;
}

.filter-buttons {
    text-align: right;
    flex: 0 0 80px; /* do not grow, do not shrink, start at 250px */
}

    .filter-buttons button {
        width: 75px;
    }

.weeks-wrapper hr.details-block-seprator:last-child {
    display: none;
}

.filter-settings-section {
    display: flex;
    width: 100%;
    margin-top: 10px;
}

.filter-settings {
    flex: 1; /* grow */
    height: auto;
    padding-right: 50px;
}

.filter-settings-collapse {
    text-align: right;
    height: 30px;
    flex: 0 0 20px; /* do not grow, do not shrink, start at 250px */
}

#toggle-down, #toggle-up {
    font-size: 20pt;
    color: #F0C12C !important;
    margin-right: 3px;
    cursor: pointer;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
    background-color: #F0C12C !important
}

.card-no-border .card {
    border-color: #E1E1E1 !important;
}

body {
    /*font-family: Tahoma, "Poppins", sans-serif !important;*/
    /*font-size: 12pt !important;*/
}

.form-group label, .text-muted {
    color: #798699 !important;
    margin-bottom: 5px;
}


div.form-row-box {
    /*background-color:red !important;*/
    margin: 10px !important;
}

    div.form-row-box h5.form-label {
        padding: 5px !important;
        padding-left: 10px !important;
    }


div.form-row-box input {
    font-size:10pt !important;
}


[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after {
    border-color:#efc10c;
}

[type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after {
    border-color: #efc10c;
}