_body{background: #12315a;}
#header,.navbar-default {background-color: #0b203c;}
#side-menu{background: #12315a;}
#setup-menu-wrapper {background-color: #12315a;}
.top_stats_wrapper {background: #00a9dc;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;
}

/*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;
  }

}
