/* LOGIN PAGE */

#logo {
    cursor: pointer;
    width: 176px;
    height: 69px;
    background: url('img/SwipBox_small.png') no-repeat center center;
    background: rgba(0,0,0,0) url('img/SwipBox_small.svg') no-repeat center center;
    float:left;
}

.login label {
    font-weight: 600;
}

#logo-login {
    cursor: pointer;
    /* width: 176px; */
    height: 69px;
    background: url(img/SwipBox_small.png) no-repeat center center;
    background: rgba(0,0,0,0) url(img/SwipBox_small.svg) no-repeat center center;
    /* float: left; */
}

.navbar .brand {
    float: left;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #E4EADF;
    text-shadow: 0 1px 0 #585a5a;
    font-family: var(--bs-font-sans-serif);
}

a {
    text-decoration: none !important;
}


#top_line{
    position: relative;
    margin-left: 9px;
    top:10px;
    margin-bottom: 40px;
}
         
#top-heading{
    color: #2894CB;
    font-family: breuer_textmedium;
    font-size: 24px;
    width: 300px;
    margin-left: 25px;
    margin-top: 40px;
    float:left;
}

.login {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 3px 7px rgb(0 0 0 / 30%);
    overflow: auto;
    position: relative;
    top: 25%;
    left: 0px;
    max-width: 500px;
    padding: 0px !important;
    min-width: 305px !important;
}

/* THIS is main wrapper - START */
.content-wrapper {
}

.content-wrapper .inner-content{
    min-height:400px;
}

.content-wrapper .button-panel{
    margin-bottom: 30px;
}

.content-wrapper .button-panel{
    margin-bottom: 30px;
}

/* Wrapper - END*/

/* DATATABLES.NET Styles - START */

.dataTables_length select{
    width:auto; /* auto otherwise bootstrapper will make is 200plus pixels. */
}


.dataTables_length label, .dataTables_length select{
    margin-bottom: 1px; /* oterhwise bootstraper will make it 9px */
    margin-top: 1px;
}

.dataTables_filter label, .dataTables_filter input[type="text"]{
    margin-bottom: 1px; /* oterhwise bootstraper will make it 9px */
    margin-top: 1px;
}

.dataTables_wrapper input[type="radio"], .dataTables_wrapper input[type="checkbox"]{
    margin: 0px;
}

table.display tbody tr:hover {
    background-color: #4297D7;
}

table.display tr.odd.row_selected td, table.display tr.even.row_selected td {
    background-color: #6CAED7;
}

table.display td {
    padding: 5px 10px;
}

table.display tfoot th {
    /* Footer input style */
    font-weight: normal;
    padding: 3px 22px 3px 7px;
}


/* DATATABLES.NET Styles - END */

/* REGION - TO SHOW BLOCKING DIV ON PAGE LOADING OR REQUEST PROCESSING */
#block-ui {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;  
    width: 100%;
    height: 100%;
    z-index: 1500; 
    /*background-color: #CCCCCC;*/
    opacity: 0.5;
}

#block-ui img{
    height: auto;
    left: 50%;
    max-width: 100%;
    position: fixed;
    top: 50%;
    vertical-align: middle;
}

/* SEARCH FIELDS - IN FORM - START */

.custom-date-field{
    display: inline-block; 
    vertical-align: top;
}

/* SEARCH FIELDS - IN FORM - END */

.marginlessleft{margin-left: 0 !important;}

.legend-style{
    margin-bottom: 0px;
}


.chart-navi{
    width: 420px;
  /*  display: inline;*/
    text-align: center; 
    overflow: visible;
    margin: 0 auto;        
}

.chart-navi h1{
    float: left;
}

.chart-navi .nav {
    padding: 5px;
    margin-left: 0px;
    width: auto;
    float: left;
    height: 50px;
}

/* Capacity Management - START */

.cap-pac-div{
    display: inline-block;
    
}

 .cap-customSpan{
    float:left;
    width:192px;
}
.cap-customTable{
    border-left:1px solid #000;
}   
.cap-customTable .head{
    font-size: 12px;
    font-weight: bold;
}    
.cap-customTable .locker_days{
    text-align: right;
    padding-right: 16px;
}    

/* Capacity Management - END */

/*                     START */
.pick-label{
    font-size: 21px;
    line-height: 25px;
    margin-right: 6px;
}

/*                     END */

.table-striped tbody td table tbody tr:nth-child(2n+2) td{
    background-color: #d1cfd0 !important;
}


.langSelect option{
    margin-bottom: 3px;
    margin-top: 3px;
}
.optionGroup {
    font-weight: bold;
}
    
.optionChild {
    padding-left: 15px;
}