body{background: #12315a;}
#header,.navbar-default {background-color: #0b203c;}
#side-menu{background: #12315a;}
#setup-menu-wrapper {background-color: #12315a;}
.top_stats_wrapper {background: #0b203c;color: #fff;}
.nav-tabs>li>a {border-bottom: 2px solid transparent !important;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
    border-bottom: 2px solid #02a9f4 !important;
}

.navbar-nav>li>a .staff-profile-image-small { margin-right: 10px !important; }

.img-responsive{max-height: 60px;}

/*pdf templates*/
.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
.default{background-image:url(../images/pdf_templates/default.png);}

.cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector input:checked +.drinkcard-cc, .cc-selector .active_select{
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
    border: 2px solid #02a9f4;
    box-shadow: 0px 0px 10px #02a9f4;
    border-radius: 3px;
    color:#02a9f4;
}
.drinkcard-cc{
    position:relative;
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:100px; height:63.4px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);
}

.cc-selector .title{
    position: absolute;
    top: 63px;
    font-size: 10px;
    width: 100px;
    left: -2px;
    text-align: center;
    word-wrap: normal;
    line-height: 10px;
    text-transform: capitalize;
}
#cc-preview img{width: 100%;}
#cc-preview {background: #0b203c; padding:10px;}
.tr-root-group{background-color: #f7f7f7 !important;}
/*
 * Misc: print
 * -----------
 */

@media print {
    @page{
        size: A4 portrait;
    }
    
  [class*="col-sm-"] {
    float: left;
  }

  [class*="col-sm-"] img {
    border-right:none;
    border-left:none;
  }

  .printableArea_A4_content{
    border-left:none;
  }

}

/**
 * Datepicker
 */

.ui-widget-header {
    border: 1px solid #ffffff;
    background: none;
    color: #555;
}

.ui-widget-header a {
    background-color: #29262699 !important;
}

.ui-widget-header a:hover {
    background-color: #dedede !important;
    color:#29262699;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 1;
    filter: Alpha(Opacity=100);
    font-weight: 700;
}

.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background: #dedede !important;
    color: #29262699;
}
.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon{
    background-image: url(../plugins/jquery-ui/images/ui-icons_222222_256x240.png) !important;
}

.panel_s{box-shadow: none;}

.table.dataTable>thead:first-child>tr:first-child>th, table.dataTable thead tr>th, .dt-buttons.btn-group .btn, div.dataTables_wrapper div.dataTables_length select{
    color: #194988;
    font-weight: 400;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before{
    color: #194988;
    font-weight: 400;
}
table.dataTable thead .sorting:after {
    opacity: .15;
}

.signature-pad--body {
    border-radius: 4px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #c0cbda;
    background: #fff;
}

/*Range slider*/

.product-range-block {
    margin-bottom: 10px;
}

.sliderText{
    padding: 10px 0 10px 0px;
    font-weight: 400;
}

.ui-slider-horizontal {
    height: .6em;
}
.ui-slider-horizontal {
    margin-bottom: 15px;
    width:40%;
}
.ui-widget-header {

}
.ui-slider-horizontal .ui-slider-handle{
    background: #03a9f4 !important;
    outline: none;
}

.product-range-fields{
    padding:0px;
}
.product-filter-range{
  margin-top: 10px;
}