/* here you can put your own css to customize and override the theme */

/*
    Scout Yellow: #FFDA27
    Top Bar: #212121
    Side Bar: #3D3D3D
    Top and Side Bar Hover: #303030;
*/

/*
 *
 * General Components
 *
 */

.badge-warning
{
    color: Black;
    font-weight: bold;
}

@media (max-width: 1190px) {
    div.form-wizard div.form-body ul.nav li:not(.active) {
        display: none;
    }

    div.bootstrap-select div.dropdown-menu {
        width: 1px;
    }

    div.bootstrap-select ul.dropdown-menu {
        width: 100%;
    }

    .dropdown-header, 
    .dropdown-menu > li > a {
        word-wrap: normal;
        white-space: normal !important;
    }
}


/* 
 *
 * Top Bar 
 *
 */

.page-header.navbar .page-logo .logo-default
{
    margin: 0px;
    margin-top: 10px; 
    font-size: 20px
}

.page-header.navbar .page-logo .logo-default .TopShelfLogoPlaceHolder1
{
    color: #FFDA27;
}

.page-header.navbar .page-logo .logo-default .TopShelfLogoPlaceHolder2
{
    color: White;
}

.page-header.navbar, .page-header.navbar .search-form
{
    background-color: #212121;
}

.page-header.navbar .search-form:hover
{
    background-color: #303030;
    color: White;
}

.page-header.navbar .hor-menu .navbar-nav > li.active > a, 
.page-header.navbar .hor-menu .navbar-nav > li.active > a, 
.page-header.navbar .hor-menu .navbar-nav > li.current > a, 
.page-header.navbar .hor-menu .navbar-nav > li.current > a
{
    background-color: #FFDA27 !important;
    color: Black;
}

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

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default
{
    background-color: #FFDA27;
    color: Black;
    font-weight: bold;
}

.btn.active,
.btn:hover
{
    font-weight: bold !important;
}


/* 
 *
 * Side Bar 
 *
 */

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, 
.page-sidebar
{
    background-color: #3D3D3D;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, 
.page-sidebar .page-sidebar-menu > li.active > a, 
.page-sidebar .page-sidebar-menu > li.active.open > a
{
    background-color: #FFDA27;
    color: Black;
    font-weight: bold;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, 
.page-sidebar .page-sidebar-menu > li.active > a:hover, 
.page-sidebar .page-sidebar-menu > li.active.open > a:hover
{
    background-color: #F7D21F;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .fa, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .fa, 
.page-sidebar .page-sidebar-menu > li.active > a, 
.page-sidebar .page-sidebar-menu > li.active.open > a > .fa,

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow::before, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow::before, 
.page-sidebar .page-sidebar-menu > li.active > a, 
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow::before
{
    color: Black;
}


/* 
 * 
 * Standard Search Page 
 *
 */

.SearchTableOuterDiv .blockMsg
{
    top: 200px !important;
}

/*
div.dataTables_length {
    padding-left: 2em;
}

div.dataTables_length,
div.dataTables_filter {
    padding-top: 0.55em;
}
*/

/*
div.dt-buttons
{
    float: left !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button
{
    padding: .2em .4em;
}

.pagination>li>a, .pagination>li>span
{
    padding: 4px 8px;
}
*/

.ViewsDiv, .PaginationDiv
{
    text-align: right;
}

.ViewsDiv > div
{
    display: inline-block;
}

.ViewsDiv > div > div
{ 
    display: inline-block;
}

.ViewsDiv > div > div:first-child
{ 
    margin-bottom: 5px;
}

@media (max-width: 991px)
{
    .ViewsDiv, .PaginationDiv
    {
        text-align: left;
    }
    
    .PaginationDiv
    {
        padding-top: 5px;
    }
}

.page-header.navbar .page-logo .logo-default 
{
    display: inline-block;
}

.page-header.navbar .page-logo .logo-small 
{
    display: inline-block;
    height: 36px;
    margin-bottom: 6px;
}

@media (min-width: 992px)
{
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-default 
    {
        display: none;
    }

    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-small 
    {
        display: inline-block;
        /*margin-top: 6px;*/
        margin-left: 6px;
    }
}

.table-striped>tbody>tr:nth-of-type(even)
{
    background-color: #d9d9d9;
}

.table-striped>tbody>tr > td
{
    border: 0px;
}

.table-striped thead td, .table-striped thead th
{
    background-color: #3D3D3D;
    color: #FFDA27;
    border-right: 1px solid #FFDA27;
}

.table-striped
{
    border: 0px;
}

/*

@media (min-width: 992px) and (max-width: 1309px)
{
    .MainMenuClassic
    {
        display: block !important;
    }
}

@media (max-width: 1309px)
{
    .MainMenu
    {
        display: none !important;
    }
}
*/

@media (max-width: 840px)
{
    .top-menu .nav.hidden-xs
    {
        display: none !important;
    }
    
    .page-sidebar-menu .top-navigation-inside-menu
    {
        display: block !important;
    }
}

.MainMenuClassic
{
    display: none !important;
}

.MainMenuClassic .dropdown-menu li
{
    display: none !important;
}

@media (max-width: 1384px)
{

    .MainMenuClassic
    {
        display: block !important;
    }

    #TopMenuItem50
    {
        display: none !important;
    }
    
    #TopMenuItem50Classic
    {
        display: block !important;
    }
}

@media (max-width: 1335px)
{
    #TopMenuItem40
    {
        display: none !important;
    }
    
    #TopMenuItem40Classic
    {
        display: block !important;
    }
}

@media (max-width: 1230px)
{
    #TopMenuItem30
    {
        display: none !important;
    }
    
    #TopMenuItem30Classic
    {
        display: block !important;
    }
}

@media (max-width: 1098px)
{
    #TopMenuItem20
    {
        display: none !important;
    }
    
    #TopMenuItem20Classic
    {
        display: block !important;
    }
}

@media (max-width: 991px)
{
    .MainMenuClassic
    {
        display: none !important;
    }
    
    #TopMenuItem10
    {
        display: none !important;
    }
    
    #TopMenuItem10Classic
    {
        display: block !important;
    }
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group, 
.page-sidebar .sidebar-search.sidebar-search-bordered .input-group
{
    border: 1px solid #bdbdbd;
    color: #bdbdbd;
}

.page-sidebar .sidebar-search.sidebar-search-bordered .input-group i
{
    color: #bdbdbd !important;
}

.page-sidebar .sidebar-search.sidebar-search-bordered .input-group input::-webkit-input-placeholder { color: #bdbdbd; }
.page-sidebar .sidebar-search.sidebar-search-bordered .input-group input:-moz-placeholder { color: #bdbdbd; }
.page-sidebar .sidebar-search.sidebar-search-bordered .input-group input::-moz-placeholder { color: #bdbdbd; }
.page-sidebar .sidebar-search.sidebar-search-bordered .input-group input:-ms-input-placeholder { color: #bdbdbd; }

.page-sidebar .sidebar-search.sidebar-search-bordered .input-group input
{
    background-color: White;
    color: Black;
}

.page-sidebar-menu:not(.page-sidebar-menu-closed) .sidebar-search.sidebar-search-bordered
{
    margin-top: 0px !important;
    width: 165px;
}

.page-sidebar-menu .sidebar-search.sidebar-search-bordered
{
    margin-bottom: 0px !important;
}

/*
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered
{
    margin-top: 30px;
    margin-bottom: 25px;
}
*/

.page-sidebar-menu:not(.page-sidebar-menu-closed) .sidebar-search.sidebar-search-bordered .input-group-btn
{
    background-color: White;
}

.page-sidebar-menu
{
    margin-top: 20px !important;
}

.page-sidebar-menu-closed
{
    margin-top: 50px !important;
}

.sidebar-search-wrapper
{
    padding: 0px !important;
}

.page-sidebar-menu-closed .sidebar-search-wrapper
{
    padding-left: 11px;
}

.page-sidebar-menu-closed .sidebar-search
{
    margin: 0px !important;
    margin-left: 11px !important;
}

@media (max-width: 991px){
    .page-sidebar .page-sidebar-menu .sidebar-search
    {
        width: 100% !important;
        margin-left: 0px;
    }
    
    .page-sidebar .page-sidebar-menu .sidebar-search input 
    {
        background-color: White !important;
        color: Black;
    }
}

.top-navigation-inside-menu .btn
{
    background-color: #474747;
    color: #bbbbbb;
    border-color: #3d3d3d;
}

.top-navigation-inside-menu .badge
{
    background-color: #F1C40F;
    color: Black;
    font-weight: bold;
}

.top-navigation-inside-menu .btn-group
{
    margin-bottom: 8px;
}

.top-navigation-inside-menu-tab
{
    display: none;
    color: White;
}

.top-navigation-inside-menu-tab.active
{
    display: block;
}

.top-navigation-inside-menu a:focus,
.top-navigation-inside-menu a:hover,
.top-navigation-inside-menu a:focus:hover
{
    background-color: #474747;
    border-color: #3d3d3d;
}

.top-navigation-inside-menu a.active:hover,
.top-navigation-inside-menu a.active:focus
{
    background-color: #2b2b2b;
    color: #bbbbbb;
    border-color: #3d3d3d;
}

.top-navigation-inside-menu a.active
{
    background-color: #2b2b2b;
}

/*
.table-scrollable>.table-bordered>tbody>tr:last-child>td, 
.table-scrollable>.table-bordered>tbody>tr:last-child>th, 
.table-scrollable>.table-bordered>tfoot>tr:last-child>td, 
.table-scrollable>.table-bordered>tfoot>tr:last-child>th, 
.table-scrollable>.table-bordered>thead>tr:last-child>td, 
.table-scrollable>.table-bordered>thead>tr:last-child>th, 
.table.table-bordered thead>tr>th
{
    background: -webkit-linear-gradient(#fff6cc, #FFDA27) !important;
    background: -o-linear-gradient(#fff6cc, #FFDA27) !important;
    background: -moz-linear-gradient(#fff6cc, #FFDA27) !important;
    background: linear-gradient(#fff6cc, #FFDA27) !important;
    color: Black;
}
*/

table.table-bordered.dataTable tbody th, 
table.table-bordered.dataTable tbody td,

.table-scrollable>.table-bordered>tbody>tr:last-child>td, 
.table-scrollable>.table-bordered>tbody>tr:last-child>th, 
.table-scrollable>.table-bordered>tfoot>tr:last-child>td, 
.table-scrollable>.table-bordered>tfoot>tr:last-child>th, 
.table-scrollable>.table-bordered>thead>tr:last-child>td, 
.table-scrollable>.table-bordered>thead>tr:last-child>th, 
.table.table-bordered thead>tr>th
{
    padding: 4px 5px;
}

.btn.btn-default
{
    background: -webkit-linear-gradient(#fff, #f0f0f0);
    background: -o-linear-gradient(#fff, #f0f0f0);
    background: -moz-linear-gradient(#fff, #f0f0f0);
    background: linear-gradient(#fff, #f0f0f0);
}

/*
.btn.blue:not(.tbn-outline)
{
    background: -webkit-linear-gradient(#abe7ed, #32c5d2);
    background: -o-linear-gradient(#abe7ed, #32c5d2);
    background: -moz-linear-gradient(#abe7ed, #32c5d2);
    background: linear-gradient(#abe7ed, #32c5d2);
    border: 0px;
}
*/

.sidebar-search-wrapper
{
    margin-bottom: 16px !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, 
.page-sidebar .page-sidebar-menu > li.active > a > i, 
.page-sidebar .page-sidebar-menu > li.active.open > a > i
{
    color: Black;
    font-weight: bold;
}

/*
 * Login
 */
 
@media (min-width: 992px) and (max-width: 1023px)
{
    #LoginLeftImage
    {
        display: none !important;
    }
    
    #LoginRight
    {
        width: 100% !important;
    }
}

body .login-content
{
    margin-top: 20% !important;
}

@media (max-height: 620px)
{
    .login-footer
    {
        position: relative !important;
        top: 20px;
    }
}

@media (max-width: 767px)
{
    .login-footer .login-social
    {
        padding-left: 0px !important;
        text-align: center;
    }
    
    .login-footer .text-right
    {
        text-align: center;
    }
}

.user-login-5 .login-container>.login-footer .login-social li
{
    margin-bottom: 13px;
}

@media (max-width: 1023px)
{
    body .login-content
    {
        margin-top: 5% !important;
    }
}

#TopBarSettings a,
#ClassicAdminConsole a
{
    padding-top: 17px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 9px;
}

#TopBarSettings a:hover,
#ClassicAdminConsole a:hover
{
    background-color: #393939;
    color: #23527c;
}

@media print {
    p.PrintBack {
        display: none;
    }
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, 
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 5px;
}

#CustomModal_Prompt, #CustomModal_Alert, #Grid_CustomModal_Search {
    width: inherit;
}

#Grid_CustomModal_Search label.active i.fa.fa-circle-o {
    display: none;
}

#Grid_CustomModal_Search label i.fa.fa-check {
    display: none;
}

#Grid_CustomModal_Search label.active i.fa.fa-check {
    display: inline-block;
}

.table-striped > tbody > tr:nth-of-type(even) {
    /*background-color:#d9d9d9;*/
    background-color:#e7e7e7;
}

.table-scrollable > .table-bordered > tbody > tr:last-child > td,
.table-scrollable > .table-bordered > tbody > tr:last-child > th,
.table-scrollable > .table-bordered > tfoot > tr:last-child > td,
.table-scrollable > .table-bordered > tfoot > tr:last-child > th,
.table-scrollable > .table-bordered > thead > tr:last-child > td,
.table-scrollable > .table-bordered > thead > tr:last-child > th,
.table.table-bordered thead > tr > th {
   /* background:-webkit-linear-gradient(#fff6cc, #FFDA27) !important;
    background:-o-linear-gradient(#fff6cc, #FFDA27) !important;
    background:-moz-linear-gradient(#fff6cc, #FFDA27) !important;
    background:linear-gradient(#fff6cc, #FFDA27) !important;
    color:Black;*/
    background:white;
    border-bottom:3px solid #ddd;
    color:#333;
    border-top:none;
    border-right:none;
    border-left:none;
}

.table-hover>tbody>tr:hover, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {

    background-color:#F7D21F;
}

.fieldDiv {
    border-bottom: 1px solid lightgray;
    margin-bottom: 5px;
}

.fieldDiv > div {
    padding-bottom: 5px;
}

.hideFieldDiv, .hideFieldGroupDiv {
    display: none;
}

/*
table.Grid {
    table-layout: fixed;
}

.dataTable td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
*/

div.ScriptWrapper.Printable {
    background-color: white;
}

div.ScriptWrapper.Printable .page-content {
    margin-left: 0px;
}

/***********************************************************
    Wizard
***********************************************************/

.form-wizard .steps > li > a.step > .number {
    padding: 2px 7px 6px;
    height: 25px;
    width: 25px;
}

.form-wizard .steps {
    margin-bottom: 0px;
}

.form-wizard .form-body {
    padding-top: 0px;
}

.page-header.navbar .page-logo .logo-large {
    height: 36px;
    margin-bottom: 6px;
}

.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-large {
    display: none;
}

/* Sortable */

.sortableAccordion {
    list-style-type: none;
}

.sortableAccordion .ui-state-highlight { 
    /*height: 1.5em; */
    line-height: 1.2em; 
    background-color: #FFDA27;
}

a.Settings:hover {
    background-color: #393939 !important;
}

#ui-datepicker-div { 
    z-index: 999 !important; 
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #333;
}