/* 
    Created on : May 18, 2016, 2:22:47 PM
    Author     : pslandis
*/

/* COMMENTED OUT, DOING THIS MESSED UP COLUMNS
* {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
*:before,
*:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
*/

/*
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #fefefe;
    border-color: #337ab7;
}
.navbar-nav > li > a {
    padding-bottom: 15px;
    padding-top: 15px;
}
.navbar-nav > li > a {
    line-height: 40px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.nav > li > a {
    display: block;
    padding: 10px 15px;
    position: relative;
}
*/
.open > a {
    outline: 0 none;
}
a {
    color: #15c;
    cursor: pointer;
}
a {
    color: #337ab7;
    color: #555555;
    text-decoration: none;
}

/* -------------------------------------------------------------------------- */
/* tooltip */
/* -------------------------------------------------------------------------- */
.tooltip{
    font-family: 'Roboto', sans-serif;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    cursor: default;
   /* text-shadow: 0 0 1px rgba(0,0,0, .99); */
}
.tooltip-inner{
    padding: 5px 8px !important;
    border-radius: 3px;
    overflow: hidden;
    background-color: #090A0A;
    background-color: hsla(205, 60%, 6%, .98);
}
/* -------------------------- */
/* tooltip - bottom */
/* -------------------------- */
.tooltip.bottom{
    margin-top: -2px;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #090A0A;
}
/* -------------------------- */
/* bar-btn tooltip-inner */
/* -------------------------- */
.bar-btn .tooltip-inner{
    min-width: 75px;
}

/* bluish tone */
.tooltip-inner{
    background-color: hsla(195, 25%, 18%, .98);
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: hsla(195, 25%, 18%, .98);
}

/* -------------------------------------------------------------------------- */
/* slider */
/* -------------------------------------------------------------------------- */
.slider-handle {
    background-color: #137FDD;
    background-image: linear-gradient(to bottom, #137FDD 0px, #0568BA 100%);
}
.slider-track {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}

/* -------------------------------------------------------------------------- */
/* selectpicker */
/* -------------------------------------------------------------------------- */
.selectpicker-parent .bootstrap-select{  

}
@media(max-width: 360px){
    .selectpicker-parent .bootstrap-select{  
        width: 180px !important;
    }
}
.selectpicker-parent .bootstrap-select .btn{
    border-radius: 5px;
    line-height: 1.2;
    font-size: 14px;
    color: #555;
    transition-duration: 0.12s;
    -webkit-transition-duration: 0.12s;
    
}
.selectpicker-parent .bootstrap-select .btn,
.selectpicker-parent .bootstrap-select .btn:focus {
    background-color: #fff;
    border-color: #C7CACC;
}
.selectpicker-parent .bootstrap-select .btn:focus {
    outline: none !important;
}

.selectpicker-parent .bootstrap-select .btn:hover{
    border-color: #B3B6B7;
    color: #333;
    /*background-color: #EDFAFF;*/
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    background-color: #fcfcfc;
    background-image: -webkit-linear-gradient(center top, #fcfcfc, #F0F1F1);
    background-image: -o-linear-gradient(center top, #fcfcfc, #F0F1F1);
    background-image: -moz-linear-gradient(center top, #fcfcfc, #F0F1F1);
    background-image: linear-gradient(center top, #fcfcfc, #F0F1F1);
}
.selectpicker-parent .bootstrap-select .btn:active,
.selectpicker-parent .bootstrap-select.open .btn{
    background-color: #DEE1E1 !important;
    background-image: none !important;
    border-color: #A9ACAD;
    border-color: #B8BBBC;
    color: #444;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
}
/* sizes */
.selectpicker-parent-xsmall .bootstrap-select{
    max-width: 120px;
}
.selectpicker-parent-xsmall .bootstrap-select .btn{
    max-width: 80px;
}
.selectpicker-parent-small .bootstrap-select{
    max-width: 160px;
}
.selectpicker-parent-small .bootstrap-select .btn{
    max-width: 120px;
}
.selectpicker-parent-medium .bootstrap-select{
    max-width: 200px;
}
.selectpicker-parent-medium .bootstrap-select .btn{
    max-width: 160px;
}
.selectpicker-parent-large .bootstrap-select{
    max-width: 240px;
}
.selectpicker-parent-large .bootstrap-select .btn{
    max-width: 200px;
}
/* disregards selectpicker-parent and sets all */

/* button */
.dropdown-toggle span{
    text-overflow: ellipsis;
}

/* dropdown-menu */
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);

    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 1px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;

    border: 1px solid #C7CACC;
    border-radius: 2px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    
    z-index: 2040 !important;
}
.dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
    border-left: 4px solid transparent;
    padding-left: 16px; /* due to 4px border left */
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    outline: none;
}
.dropdown-menu > li > a:hover{
    background-color: #EAEDED;
    border-color: #888;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover,
.dropdown-menu > li > a:focus{
    background-color: #2E80EA;
    color: #fff;
}
.dropdown-menu > li > a:focus:hover {
    background-color: #4B95FC;
    border-color: transparent;
}


/* desc */
.selectpicker .desc{
    font-size: 12px;
    font-weight: 500;
    color: #666;
}

/* -------------------------------------------------------------------------- */
/* popover */
/* -------------------------------------------------------------------------- */
.popover { 
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .1);
  -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, .1);
          
  border-color: #B3B6B7;
  border-radius: 0px;
  color: #444;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
  display: none;
}

/* -------------------------------------------------------------------------- */
/* popover templates */
/* -------------------------------------------------------------------------- */
/* html format of templates stored in javascript Popovers */
/* -------------------------- */
/* popover table */
/* -------------------------- */
.popover-table .popover-content{
    padding: 0px;
}
.popover-table table tbody tr:hover{
    background-color: transparent !important;
    cursor: default;
}

/* -------------------------------------------------------------------------- */
/* datepicker */
/* -------------------------------------------------------------------------- */
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    background-color: hsl(205, 80%, 50%);
    border-color: hsl(205, 60%, 40%);
}


/*------------------------------------------------------------------------------
  forms
------------------------------------------------------------------------------*/
/* input / form-control */
.form-control{
   color: #111;
   color: rgb(163 163 163);
}

/* label */
.form-group label{
   font-weight: 600;
   font-size: 13px;
   color: #444;
   color: rgb(126 122 109);
   
   margin-bottom: 3px;
}
@media (min-width: 768px){/* smaller, requires more padding */
   .form-horizontal .control-label {
       padding-top: 9px;
   }
}

/* general */
.menu-text small, 
.form-text small{
    margin-left: 0px;
}

/* focus hover */
.form-group input{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    
    background: #222;
    border-color: rgba(255,255,255,.2);
}
.form-control:hover,
.form-control:focus{
    border-color: hsla(0, 0%, 70%, 1) /* normally 80% w/ no hover */
}
/* focus outline */
.bootstrap-select .dropdown-toggle:focus,
.form-control:focus{
    box-shadow: 0px 0px 0px 3px rgba(0,0,0,.12);
    -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,.12);
    -moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,.12);
}
form > .form-group:last-child{ /* only if not nested in row or something, otherwise form has multiple "last-childs" */
    margin-bottom: 0px;
}

/* so has-error,success,warning works */
.form-group.has-success .form-control,
.form-group.has-warning .form-control,
.form-group.has-error .form-control{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.form-group.has-success .form-control:hover,
.form-group.has-success .form-control:focus{
   border-color: #3c763d;
}
.form-group.has-warning .form-control:hover,
.form-group.has-warning .form-control:focus{
   border-color: #8a6d3b;
}

.form-group.has-error .form-control:hover,
.form-group.has-error .form-control:focus{
    border-color: #a94442; /* same as bootstrap.min */
}
.form-group.has-success .form-control:focus,
.form-group.has-warning .form-control:focus,
.form-group.has-error .form-control:focus{
    box-shadow: 0px 0px 0px 3px rgba(0,0,0,.12);
    -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,.12);
    -moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,.12);
}
/* for errors text underneath */
.form-group .help-block{
   margin-top: 3px;
   margin-bottom: 0px;
}
/* so small doesnt need has error on parent */
.success-color,
small.has-success{
    color: #3c763d;
}
.warning-color,
small.has-warning{
    color: #8a6d3b;
}
.error-color,
small.has-error{
    color: #a94442;
}
/* select text*/g
.has-success .bootstrap-select button span{
   color: #3c763d;
}
.has-warning .bootstrap-select button span{
   color: #8a6d3b;
}
.has-error .bootstrap-select button span{
   color: #a94442;
}
/* select border */
.has-success .bootstrap-select .dropdown-toggle {
    border-color: #3c763d;
}
.has-warning .bootstrap-select .dropdown-toggle {
    border-color: #8a6d3b;
}
.has-error .bootstrap-select .dropdown-toggle {
    border-color: #a94442;
}


/*------------------------------------------------------------------------------
  col and row extensions
------------------------------------------------------------------------------*/

/* col hide and show at sm cutoff
============================*/
.col-sm-hide{
   display: inline-block;
}
.col-sm-show{
   display: none;
}
@media (max-width: 767px) {/* only below this size */
   .col-sm-show{
      display: inline-block;
   }
   .col-sm-hide{
      display: none;
   }
}


/* col-split-line */
@media (min-width: 768px) {/* only above this size (sm in bootstrap)*/
    .col-line-sm{
        border-right: 2px solid rgba(0,0,0,.22);
        border-color: transparent; /* turned off for warboy */
    }
}
@media (max-width: 767px) {/* only below this size */
    .col-line-sm{
        border-bottom: 1px dashed rgba(0,0,0,.25);
        /* padding-bottom: 20px; commented out for warboy, because can just make sure nested items have a margin-bottom and it accompishes same thing without double margin on sm */
        margin-bottom: 20px;
    }
}

/* */
/* EDIT: was row-split-large, changed to just overwrite row, so these will be default behaviour and not have to add tag to everything */
.row{
    margin-left: -25px;
    /* margin-right: -25px; */
    margin-right: -15px;
}
.row > .col-lg-1, .row > .col-lg-10, .row > .col-lg-11, .row > .col-lg-12, .row > .col-lg-2, .row > .col-lg-3, .row > .col-lg-4, .row > .col-lg-5, .row > .col-lg-6, .row > .col-lg-7, .row > .col-lg-8, .row > .col-lg-9, .row > .col-md-1, .row > .col-md-10, .row > .col-md-11, .row > .col-md-12, .row > .col-md-2, .row > .col-md-3, .row > .col-md-4, .row > .col-md-5, .row > .col-md-6, .row > .col-md-7, .row > .col-md-8, .row > .col-md-9, .row > .col-sm-1, .row > .col-sm-10, .row > .col-sm-11, .row > .col-sm-12, .row > .col-sm-2, .row > .col-sm-3, .row > .col-sm-4, .row > .col-sm-5, .row > .col-sm-6, .row > .col-sm-7, .row > .col-sm-8, .row > .col-sm-9, .row > .col-xs-1, .row > .col-xs-10, .row > .col-xs-11, .row > .col-xs-12, .row > .col-xs-2, .row > .col-xs-3, .row > .col-xs-4, .row > .col-xs-5, .row > .col-xs-6, .row > .col-xs-7, .row > .col-xs-8, .row > .col-xs-9 {
    padding-right: 25px;
    padding-left: 25px;
}

/*@media (max-width: 767px) {/* 767 used to be the cutoff, but now cutoff happens when side nav menu isn't shown */
@media (max-width: 1059px) {/* only below this size */
   /* change row marging when not showing nav menu */
   /* these styles are putting back in place, the default bootstrap styling */
   .row{
      margin-left: -15px;
      margin-right: -15px;
   }
   .row > .col-lg-1, .row > .col-lg-10, .row > .col-lg-11, .row > .col-lg-12, .row > .col-lg-2, .row > .col-lg-3, .row > .col-lg-4, .row > .col-lg-5, .row > .col-lg-6, .row > .col-lg-7, .row > .col-lg-8, .row > .col-lg-9, .row > .col-md-1, .row > .col-md-10, .row > .col-md-11, .row > .col-md-12, .row > .col-md-2, .row > .col-md-3, .row > .col-md-4, .row > .col-md-5, .row > .col-md-6, .row > .col-md-7, .row > .col-md-8, .row > .col-md-9, .row > .col-sm-1, .row > .col-sm-10, .row > .col-sm-11, .row > .col-sm-12, .row > .col-sm-2, .row > .col-sm-3, .row > .col-sm-4, .row > .col-sm-5, .row > .col-sm-6, .row > .col-sm-7, .row > .col-sm-8, .row > .col-sm-9, .row > .col-xs-1, .row > .col-xs-10, .row > .col-xs-11, .row > .col-xs-12, .row > .col-xs-2, .row > .col-xs-3, .row > .col-xs-4, .row > .col-xs-5, .row > .col-xs-6, .row > .col-xs-7, .row > .col-xs-8, .row > .col-xs-9 {
       padding-right: 15px;
       padding-left: 15px;
   }
}



@media (min-width: 768px) {/* only above this size (sm in bootstrap)*/
    .row-shift-left-sm{
       margin-left: -45px;
    }
}

/* smaller gaps for inner items of row */
.row-gaps-small{
   margin-right: -7px;
   margin-left: -7px;
}
.row-gaps-small .col-lg-1, .row-gaps-small .col-lg-10, .row-gaps-small .col-lg-11, 
.row-gaps-small .col-lg-12, .row-gaps-small .col-lg-2, .row-gaps-small .col-lg-3, 
.row-gaps-small .col-lg-4, .row-gaps-small .col-lg-5, .row-gaps-small .col-lg-6, 
.row-gaps-small .col-lg-7, .row-gaps-small .col-lg-8, .row-gaps-small .col-lg-9, 
.row-gaps-small .col-md-1, .row-gaps-small .col-md-10, .row-gaps-small .col-md-11, 
.row-gaps-small .col-md-12, .row-gaps-small .col-md-2, .row-gaps-small .col-md-3, 
.row-gaps-small .col-md-4, .row-gaps-small .col-md-5, .row-gaps-small .col-md-6, 
.row-gaps-small .col-md-7, .row-gaps-small .col-md-8, .row-gaps-small .col-md-9, 
.row-gaps-small .col-sm-1, .row-gaps-small .col-sm-10, .row-gaps-small .col-sm-11, 
.row-gaps-small .col-sm-12, .row-gaps-small .col-sm-2, .row-gaps-small .col-sm-3, 
.row-gaps-small .col-sm-4, .row-gaps-small .col-sm-5, .row-gaps-small .col-sm-6, 
.row-gaps-small .col-sm-7, .row-gaps-small .col-sm-8, .row-gaps-small .col-sm-9, 
.row-gaps-small .col-xs-1, .row-gaps-small .col-xs-10, .row-gaps-small .col-xs-11, 
.row-gaps-small .col-xs-12, .row-gaps-small .col-xs-2, .row-gaps-small .col-xs-3, 
.row-gaps-small .col-xs-4, .row-gaps-small .col-xs-5, .row-gaps-small .col-xs-6, 
.row-gaps-small .col-xs-7, .row-gaps-small .col-xs-8, .row-gaps-small .col-xs-9 {
    padding-right: 7px;
    padding-left: 7px;
}

/* spacing  when stacked  */
@media (min-width: 768px) {/* only above this size (sm in bootstrap)*/
   .row-space-bottom-sm div[class*="col-"] {
      margin-bottom: 10px;
   }
}
@media (max-width: 767px) {/* only below this size */
   .row-space-bottom-sm{
      margin-bottom: 10px;
   }
}


/* --------------------------
 get rid of focus blue ring on focus
-------------------------- */
.bootstrap-select .dropdown-toggle:focus,
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
   outline: none ;
   outline-offset: 0px;
}

/* --------------------------
 btn disabled
-------------------------- */
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    filter: alpha(opacity=50);
    opacity: .5;
}