/*
    Color codes

    blue-chambray: #2C3E50 (level 1 base blue)
    blue-dark: #5E738B (level 2 blue)
    blue-oleo: #94A0B2 (level 3 blue)
    grey-salt: #BFCAD1 (other trim)

    grey: #E5E5E5
    grey-cararra: #FAFAFA
    grey-salsa: #ACB5C3

    blue-hoki: #67809F
    blue-sharp: #5C98D1 
    blue-steel: #67809F
    blue-madison: #578EBE
*/

/* RSL */
.table > tbody > tr.clickable-row
{
    cursor: pointer;
    height: 55px;
}

    .table > tbody > tr.clickable-row > td
    {
        vertical-align: middle;
    }

.rslmenubreakon
{
    display: none;
}

@media (max-width: 381px)
{
    .rslmenubreakoff
    {
        display: none;
    }

    .rslmenubreakon
    {
        display: inline;
    }
}

#mq-detector
{
    visibility: hidden;
}

.portlet.light.rslportlet
{
    color: #2C3E50;
}

    .portlet.light.rslportlet > .note
    {
        margin-left: 20px;
        margin-right: 20px;
    }


    .portlet.light.rslportlet > p
    {
        margin-bottom: 20px;
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .portlet.light.rslportlet.normal > h4
    {
        background-color: #5E738B;
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        padding: 1em 10px;
        margin: 0;
        margin-bottom: 20px;
    }

    .portlet.light.rslportlet.big > h4
    {
        background-color: #5E738B;
        font-size: 24px;
        font-weight: 600;
        color: #fff;
        padding: 1em 20px;
        margin: 0;
        margin-bottom: 20px;
    }

/* Metronic Overrides*/

.note.note-info
{
    border-color: #94A0B2;
}

blockquote
{
    border-left-color: #BFCAD1;
}

.mt-element-step .step-line .active .mt-step-number
{
    color: #5E738B !important;
    border-color: #5E738B !important;
}

.mt-element-step .step-line .active .mt-step-content, .mt-element-step .step-line .active .mt-step-title
{
    color: #5E738B !important;
}

    .mt-element-step .step-line .active .mt-step-title:after, .mt-element-step .step-line .active .mt-step-title:before
    {
        background-color: #5E738B;
    }

.mt-element-step .step-line .done .mt-step-number
{
    color: #2C3E50 !important;
    border-color: #2C3E50 !important;
}

.mt-element-step .step-line .done .mt-step-content, .mt-element-step .step-line .done .mt-step-title
{
    color: #2C3E50 !important;
}

    .mt-element-step .step-line .done .mt-step-title:after, .mt-element-step .step-line .done .mt-step-title:before
    {
        background-color: #2C3E50;
    }

.portlet > .portlet-title > .actions .btn-icon-only.btn-default.rsl
{
    font-family: FontAwesome;
    color: #ACB5C3;
    padding-top: 3px;
}


    .portlet > .portlet-title > .actions .btn-icon-only.btn-default.rsl.rsl-up:before
    {
        content: "\f062";
    }

    .portlet > .portlet-title > .actions .btn-icon-only.btn-default.rsl.rsl-refresh:before
    {
        content: "\f021";
    }

.portlet > .portlet-title > .tools > a.rsl-up
{
    display: inline-block;
    top: -3px;
    position: relative;
    font-size: 13px;
    font-family: FontAwesome;
    color: #ACB5C3;
}

.portlet.box > .portlet-title > .tools > a.rsl-up
{
    color: #FAFAFA;
}

.portlet > .portlet-title > .tools > a.rsl-up:before
{
    content: "\f062";
}

#stepNavigationGuided0, #stepNavigationGuided1, #stepNavigationGuided2, #stepNavigationGuided3, #stepNavigationGuided4
{
    padding: 0px 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 00px;
    text-align: center;
}

tbody > tr:nth-of-type(odd)
{
    border-bottom: 1px solid #E5E5E5;
}

tbody > tr
{
    border-bottom: 1px solid #E5E5E5;
}

thead > tr
{
    color: white;
    background-color: #5E738B;
}

.portlet.light .portlet.box form.horizontal-form .form-body
{
    padding: 20px;
}

.portlet.light .portlet.box form.horizontal-form .form-actions
{
    padding: 20px;
}

.portlet.box > .portlet-title > .tools > a.expand
{
    background-image: url(../assets/global/img/portlet-collapse-icon-white.png);
    width: 14px;
    visibility: visible;
}

.portlet.box > .portlet-title > .tools > a.collapse
{
    background-image: url(../assets/global/img/portlet-expand-icon-white.png);
    width: 14px;
    visibility: visible;
}

.portlet.box > .portlet-title > .tools > a.reload
{
    background-image: url(../assets/global/img/portlet-reload-icon-white.png);
}


.tabbable-line > .nav-tabs > li a
{
    font-size: larger;
}


.tabbable-line > .nav-tabs > li.active
{
    border-bottom: 4px solid #578EBE;
}

.tabbable-line > .nav-tabs > li:hover
{
    border-bottom: 4px solid #ACB5C3;
}

.tabbable-line > .tab-content
{
    padding-top: 0px;
}

.search-page .search-bar input
{
    background-color: #FAFAFA;
}

.page-header .page-header-menu .search-form
{
    width: 131px;
}

    .page-header .page-header-menu .search-form.open
    {
        width: 131px !important;
    }

@media (min-width: 1091px)
{
    .page-header .page-header-menu .search-form.open
    {
        width: 231px !important;
    }
}

@media (max-width: 991px)
{
    .page-header .page-header-menu .search-form
    {
        width: auto;
    }

        .page-header .page-header-menu .search-form.open
        {
            width: auto !important;
        }

    .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover
    {
        background: #2c3e50 !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover
    {
        background: #2c3e50 !important;
    }

    .page-header .search-form .input-group .input-group-btn .btn.submit
    {
        background: #2c3e50;
    }
}

/* Metronic Component Overrides*/

/* Date Range Picker Overrides*/

.daterangepicker .ranges li
{
    border-color: #2C3E50;
    color: #2C3E50;
    background: 0 0;
}

    .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover
    {
        background: #2C3E50 !important;
        border: 1px solid #578EBE !important;
        color: #fff;
    }

.daterangepicker select.monthselect, select.yearselect
{
    background-color: white;
    color: #2C3E50;
}

.daterangepicker td.active
{
    background-color: #94A0B2;
}

.daterangepicker td.active:hover 
{
    background-color: #5E738B;
}

.daterangepicker td.in-range 
{
    background: #BFCAD1;
}

/* noUI Slider Overrides*/

.noUi-value-horizontal
{
    padding-top: 30px;
}

.noUi-connect
{
    background: #2C3E50;
}