/* 
Author: Ben Page - CommerceV3 - July 6, 2015
This should be the last css file loaded in any adminui templates.  It overrides other styles to provide a custom look.
*/

/* header & horizontal nav - Note that the header uses a tiled background for color */
/*
.major-bg { background-color: #005ab7; }
.major-bg-active { background-color: #4ec5f7; }
*/
.major-bg { background-color: #333333; }
.major-bg-active { background-color: #4ec5f7; }


/* Left sidebar collapsed */
.minor-bg {background-color: #00b797; }
.minor-bg-active { background-color: #4ec5f7; }

/* Left sidebar expanded */
.minor-bg-expanded { background-color: #397bb5; }
.minor-bg-expanded-active { background-color: #4ec5f7; }

/* Additional custom color classes */
.staging { background-color: #8e9091; }
.live-site  { background-color: #bec0c1; }
.active-gray { color: #e3f4fd; }
.inactive-gray { color: #5885c7; }

/* osX Safari hotfixes  */
.panel-heading, .panel-title{
	cursor: pointer;
}

@font-face {
	font-family: 'BebasNeuewebfont';
	src: url('../fonts/BebasNeuewebfont.eot');
	src: local('BebasNeuewebfont'), url('../fonts/BebasNeuewebfont.woff') format('woff'), url('../fonts/BebasNeuewebfont.ttf') format('truetype');
}
@font-face {
	font-family: 'OpenSansRegular';
	src: url('../fonts/OpenSansRegular.eot');
	src: local('OpenSansRegular'), url('../fonts/OpenSansRegular.woff') format('woff'), url('../fonts/OpenSansRegular.ttf') format('truetype');
}
@font-face {
	font-family: 'LatoLig';
	src: url('../fonts/LatoLig.eot');
	src: local('LatoLig'), url('../fonts/LatoLig.woff') format('woff'), url('../fonts/LatoLig.ttf') format('truetype');
}
.collapsing {
        	transition: height .15s linear;
}
html { 
	height:100%; 
	/*overflow: hidden;*/
}
a { cursor: pointer; }
body {
	height:100%;
	margin-top:0;
	font-family:'OpenSansRegular', sans-serif;
	background-color:#edf0f1;
}
h1 {
	font-family: 'BebasNeuewebfont', sans-serif !important;
	text-transform:uppercase;
	font-weight:400;
	color: #4f6a76;
	margin-top:0;
}
.navbar {
  border: none;
}
.navbar-brand {
  padding: 7px 25px;
}
.navbar-cv3 {
  height: 110px;
  background-color: transparent;
  background-image:url(/images/headerbg.png);
  background-repeat:repeat-x;
  border-color: transparent;
  border-radius:0;
  margin-bottom:0;
}
.navbar-nav{
	min-height:80px;
	margin-bottom:0;
	border:0;
	text-transform:uppercase;
}
.navbar-brand {
  line-height: 50px;
}

.navbar-nav > li  {
	text-align:center; 
	width:132px;
}
.navbar-nav > li > a {
	color: #ccc;
	line-height: 22px;
	font-weight: 400;
}
.navbar-nav > li.active > a {
	font-weight: 600;
}

.navbar-cv3 .navbar-nav > .active > a,
.navbar-cv3 .navbar-nav > .active > a:hover,
.navbar-cv3 .navbar-nav > .active > a:focus,
.navbar-cv3 .navbar-nav > li > a:hover,
.navbar-cv3 .navbar-nav > li > a:focus {
	background-color: #4ec5f7;
	color:#fff;
}

#wrapper > nav.navbar-cv3 > div > ul > li > a > i {
	display:block;
	font-size:2em;
	color: #5c5c5c;
}
#wrapper > nav.navbar-cv3 > div > ul > li.active > a > i {
	color: #e3f4fd;
}


.navbar-support {
	margin-right:-15px !important;
}
a.navbar-support-border {
	display:block;
}
span.navbar-support-container {
	display:block;
	line-height:88px;
}
span.navbar-support-text {
	display: block;
	float: left;
	padding-left: 6px;
	padding-top: 0px;
	margin-top: -3px;
}
span.navbar-support-icon {
	display: block;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: -39px;
}
span.navbar-support-icon > i {
	color: #4dc3f6 !important;
	font-size:24px;
}
.navbar-support  > li > a {
	font-family:'LatoLig', sans-serif;
	font-weight:800;
	color:#fff;
	line-height:50px;
}
.navbar-support > li > a:hover,
.navbar-support > li > a:focus {
	background-color:#252525 !important;
}





div#support-container {
	display:none;
	position: absolute;
	top: 1px;
	right: 0px;
	width: 220px;
	height: 115px;
	background-color: #252525;
}
div#support-container h3 {
/*
	color:#cfcfcf;
*/
	color: #bcbcbc;
	font-size: 14px;
	font-weight: bold;
	margin:5px 0 0 10px;
}
div#support-container p {
	color:#cfcfcf;
	font-size:11px;
	margin-left:10px;
}
div#support-close {
	margin-top:6px;
	margin-right:6px;
	height:25px;
}
a.support-close-a {
	margin-left:4px;
	font-family: 'LatoLig', sans-serif;
	font-weight: 800 !important;
	font-size:14px !important;
	text-transform:uppercase;
	height:29px !important;
}
a.support-close-a:hover {
	text-decoration:none;
	background-color: #333;
}
span.support-close-a-container {
	line-height:21px;
}
span.support-close-text {
	padding-left:105px;
	margin-top:-2px;
	float:left;
	color: #fff;
	line-height: 21px;
}
span.support-close-icon {
	padding-left: 6px;
	margin-top:-3px;
	float: left;
}
span.support-close-icon i {
	color: #4dc3f6 !important;
	font-size:24px !important;
}

div#support-container ul {
	padding: 0;
	position: absolute;
	top: 68px;
	left: 4px;
	display: block;
	list-style: none;
	width: 215px; /* 253px; */
}

div#support-container li {
	text-align:center;
	float:left;
	background-color:#1e1e1e;
	width:70px;
	height:44px;
	margin-right:1px;
}
div#support-container i {
	font-size:14px;
	display:block;
	color:#fff;
}
div#support-container a {
	line-height:12px;
	padding-top:2px;
	display:block;
/*
	color:#fff;
*/
	color: #bcbcbc;
	height:44px;
	font-size:11px;
}
div#support-container li a:hover {
	text-decoration:none;
	background:#333;
}
div#support-container li.support-faqs a {
	padding-top:14px;
}
div#support-container li.support-faqs a i {
	display:initial;
}




.breadcrumb  {
  min-width:50%;
  white-space: nowrap;
  float:left;
  height:30px;
  margin-top:3px;
  margin-bottom:0;
  border-radius:0;
  background-color:#edf0f1;
  padding:2px 4px;
}
.breadcrumb > li + li:before {
  font-weight:400;
  color: #4f6a76;
}
.breadcrumb a {
	text-transform:uppercase;
	color:#4f6a76;
}
.breadcrumb > .active {
	font-weight:800;
	color:#4f6a76;
	text-transform:uppercase;
}
.breadcrumb > span.active {
	font-size:1.2em;
}

.staging_live {
	margin:3px -10px 0 0;
	float:right;
}
.staging_live > li {
	float:left;
	position:relative;
	display:block;
	height:30px;
	width:105px;
	text-align:center;
}
.staging_live > li  > a {
	color: #fff;
	text-transform:uppercase;
	line-height:30px;
}
.staging {
	background-color:#8e9091;
}
.live {
	background-color:#bec0c1;
}

.side-nav {
	position:static;
	margin-left:-16px;
	overflow:visible;
/*
	background-color: #00b797;
*/
	background-color: #4f8abe;
	text-transform:uppercase;
	left: 176px;
	width: 176px;
	height: 100%;
	border-radius: 0;
	border: none;
    margin-bottom: 30px;
/*	
	background-image: url(/images/page-wrapperbg.png);
	background-repeat: repeat-y;
    background-position: right;
*/
}

.side-nav > li > a {
	color:#fff;
	width: 176px;
	font-size:12px;
	font-weight:600;

}
.side-nav > li > a > i {
	line-height: 19px;
	font-size: 14px !important;
	float: left;
	margin-right: 5px;
	color: #fff !important;
}
.side-nav > li.active > a > i {
/*
	color: #4ec5f7 !important;
*/
	color: #4f8abe !important;
}
.side-nav > .active > a, .side-nav > .active > a:hover, .side-nav > .active > a:focus {
  background-color: #397bb5;
  font-weight:bold;
}
.side-nav > li > a:hover, .side-nav > li > a:focus {
	background-color:#4ec5f7;
}
.side-nav > li > ul > li > ul, 
.side-nav > li > ul {
	background-color:#397bb5;
/*
	margin-right:6px;
*/
	padding-left:16px;
}
.side-nav > li > ul > li > ul > li > a, 
.side-nav > li > ul > li > a {
	display:block;
	margin-left:-15px;
	padding: 5px 0 5px 15px;
	color: #fff;
  	font-size:11px;
	font-weight:400;
}
.side-nav > li > ul > li > ul > li > a:hover, 
.side-nav > li > ul > li > ul > li > a:focus, 
.side-nav > li > ul > li > a:hover ,
.side-nav > li > ul > li > a:focus {
	text-decoration:none;
	background-color: #4ec5f7;
}
.side-nav > li.active > a > i {
	color:#4ec5f7;
}

.side-nav > li > ul > li > ul > li.active > a, 
.side-nav > li > ul > li.active > a {
	background-color: #4ec5f7;
	border-left:3px solid #fff;
}
.side-nav > li > ul > li > ul > li.active > a:after, 
.side-nav > li > ul > li.active > a:after {
	position: absolute;
	font-family: FontAwesome;
	font-size: 14px;
	right: 2px;
	line-height: 15px;
	content: "\f0a9";
}

div#wrapper {
	padding-left:0;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -30px;
}
div#page-wrapper {
	/*overflow:auto;*/
        min-height: 600px;
	width:inherit;
	margin-left:176px;
}
div#footer {
    top: 30px;
	margin:0 0 -20px 0;
	height:30px;
	padding-left:15px;
	color:#fff;
	background-color:#000;
	border: 0;
	border-radius: 0;
	line-height:13px;
    z-index: 9999;
    position: relative;
}

div#toggle_status {
  /* For the status toggle on admin attribute pages */
  width: 125px;
}

/* To show horizontal scroll to multiple select box*/
.select-scrollx{overflow-x:auto;}
.w-auto option{width:fit-content !important;}
.width-auto{width:auto !important;}


/* FROM HERE DOWN, disable responsive features */
/* Template-specific stuff
 *
 * Customizations just for the template; these are not necessary for anything
 * with disabling the responsiveness.
 */

/* Account for fixed navbar */
body,
.navbar-fixed-top,
.navbar-fixed-bottom {
  min-width: 1030px;
}

/* Don't let the lead text change font-size. */
.lead {
  font-size: 16px;
}

/* Finesse the page header spacing */
.page-header {
  margin-bottom: 30px;
}
.page-header .lead {
  margin-bottom: 10px;
}


/* Non-responsive overrides
 *
 * Utilize the following CSS to disable the responsive-ness of the container,
 * grid system, and navbar.
 */

/* Reset the container */
.container {
  width: 945px;
  max-width: none !important;
}

/* Demonstrate the grids */
.col-xs-4 {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eee;
  background-color: rgba(86,61,124,.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
}

.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

/* Always float the navbar header */
.navbar-header {
  float: left;
}

/* Undo the collapsing navbar */
.navbar-collapse {
  display: block !important;
  height: auto !important;
  max-height:110px;
  padding-bottom: 0;
  overflow: visible !important;
  visibility: visible !important;
}

.navbar-toggle {
  display: none;
}
.navbar-collapse {
  border-top: 0;
}

.navbar-brand {
  margin-left: -15px;
}

/* Always apply the floated nav */
.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding: 15px;
}

/* Redeclare since we override the float above */
.navbar-nav.navbar-right {
  float: right;
}

/* Undo custom dropdowns */
.navbar .navbar-nav .open .dropdown-menu {
  position: absolute;
  float: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #333;
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff !important;
  background-color: #428bca !important;
}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #999 !important;
  background-color: transparent !important;
}

/* Undo form expansion */
.navbar-form {
  float: left;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Copy-pasted from forms.less since we mixin the .form-inline styles. */
.navbar-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.navbar-form .form-control-static {
  display: inline-block;
}

.navbar-form .input-group {
  display: inline-table;
  vertical-align: middle;
}

.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
  width: auto;
}

.navbar-form .input-group > .form-control {
  width: 100%;
}

.navbar-form .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .radio,
.navbar-form .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .radio label,
.navbar-form .checkbox label {
  padding-left: 0;
}

.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}

.navbar-form .has-feedback .form-control-feedback {
  top: 0;
}

/* Undo inline form compaction on small screens */
.form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.form-inline .form-control-static {
  display: inline-block;
}

.form-inline .input-group {
  display: inline-table;
  vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
  width: auto;
}

.form-inline .input-group > .form-control {
  width: 100%;
}

.form-inline .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}

.form-inline .radio,
.form-inline .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
  padding-left: 0;
}

.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}

.form-inline .has-feedback .form-control-feedback {
  top: 0;
}

/* End Disabling responsive features */

/* Override Bootstrap */


/* Form Controls, page elements */
.form-control { 
    border-radius: 0px; 
} 

.panel {
    border-radius: 0px;
}
 
.panel-heading {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.btn {
    border-radius: 0px;
    margin-bottom: 3px;
    margin-top: 3px;
}
  
.btn-sm {
    border-radius: 0px;
    margin-bottom: 3px;
    margin-top: 3px;
} 
  
.btn-primary {
    /*
    border: 1px solid #444;
    background-color:#888;
    */
    margin-bottom: 3px;
    margin-top: 3px;
}  

.panel-primary > .panel-heading {
  background-color: #555;
  border-color: #3cb4e6;
  border-width:2px;
}

.panel-primary {
  border-color: #fff;
  border: none;
}
 
/* End Bootstrap Overrides */

/* DataTable plugin overrides */

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  -khtml-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  -khtml-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ui-widget-header {
  background:#2a6496  ;
  border: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #4f8abe  ;
  border: none;
}

tr.odd {
  background-color: #EEE;
}

tr.even {
  background-color: #DDD;
}

tr.odd td.sorting_1 {
  background-color: #DDE;
}

tr.even td.sorting_1 {
  background-color: #CCD;
}

.dataTable { width:100% !important; }

/* End Datatable plugin overrides */


/* July 16 update by Brendan */

.table {
	background-color: white;
}

.well-cv3-table {
	border: none;
	border-radius: 0px;
	background-color: white;
}
body.popup {
    width: auto;
    min-width: 0;
}
/* End Brendan update */

.panel-body > .panel > .panel-heading {
    background-color: #ddd;
    color: #333;
    border-color: #aaa;
}
.panel-body > .panel {
    border-color: #aaa;
}

/* 9/1 updates */
.panel-body {
    overflow-x: auto;
}

.btn-group .btn-primary {
    background-color: #777;
    border-color: #777;
    padding-left: 20px;
    padding-right: 20px;
}
.btn-group .btn-primary:hover {
    background-color: #888;
    border-color: #999;
}
.btn-group .btn-primary.active {
    background-color: #28c;
    border-color: #09e;
    box-shadow: none;
} 
.btn-group .btn-primary.active::after {
    content: "";
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    top: 0px;
    position: relative;
    left: 13px;
    padding: 0;
    margin-left: -10px;
    font-size: 10px;
}

.cv3-data-table a {
    color: #259;
}
.cv3-data-table a:hover {
    color: #2a6496 !important;
}
.cv3-data-table a.label {
    color: #fff !important;
}
.panel-heading[data-toggle="collapse"] {
    cursor: pointer;
}

.table-responsive.popup {
    overflow-x: visible;
    overflow-y: visible;
}

/* Use for left indenting items */
.indent {
   margin-left: 25px;
}

/* Mobile Overrides */
#mobile-menu {
    text-align: center;
    position: absolute;
    float: right;
    color: #fff;
    display: none;
    top: 3px;
    right: 7px;
    width: 30px;
    height: 30px;
}
.mobile-clicked {
    background-color: #397bb5;
}

.w12perc {width: 12%;}
.m5 {margin: 5px;}
.hidedl {display: none;}
@media (max-width: 480px) {
	.jconfirm-box-container {
		width: 400px;
	}

    input[type=checkbox]
    {
        width: 20px;
        height: 20px;
    }
    #mobile-menu > i.fa {
        display:inline;
    }
    body, .navbar-fixed-top, .navbar-fixed-bottom {
        min-width: 0px;
    } 

    .top-nav > li > a > i.fa {
        display: none !important;
    }

    .navbar-cv3 .navbar-nav {
        height: 80px;
        min-height: 80px;
        width: 100%;
    } 

    .navbar-nav.navbar-support {
/*
        display: none;
*/
        position: absolute;
        top: 35px;
        right: 20px;
        left: auto;
        width: 30px;
	height: 30px;
	min-height: 30px;
    }

    .nav.navbar-nav.navbar-right.navbar-support > li {
        position: absolute;
        top: 0px;
        right: 0px;
        background-color: transparent;
    }

    .navbar-support-border { 
        position: absolute;
        top: 0px;
        right: 0px;
        left: auto;
    }

    span.navbar-support-icon {
        position: absolute;
        top: 39px;
        right: 7px;
        height: 30px;
    }
    span.navbar-support-icon > i {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    span.navbar-support-text {
        display: none;
    }

    .navbar-collapse {
	padding-left: 0px;
	padding-right: 0px;
    }   
    .navbar-cv3 .navbar-nav > li {
        height:30px;
        width: 33.3333%; 
        background-color: #09c;
    } 
 
    .navbar-cv3 .navbar-nav > li a {
        color:white;
        margin: 0 0;
        padding: 4px 0;
    }

    .navbar-nav {
/*
        margin: 5px -25px 0px -17px;
*/
	margin: 5px 0 0 0;
    }

    .row.breadcrumb-row {
        height:auto;
	width: 100%;
    }

    ul.staging_live {
        position:absolute;
        top: -3px;
        right: 45px;
    } 
    ul.staging_live > li {
        width: 90px;
    } 
    .breadcrumb {
	position:relative;
	z-index:9998;
        margin-top:-15px; 
        margin-bottom:5px;
	width: 100%;
    } 
  
    #footer { 
        font-size:11px;
    }
 
    .side-nav {
      display: none;
      position: absolute;
      margin-left: -1px;
      right: 0px;
      left: auto;
      width: 176px;
      top: 33px;
      z-index:9999;
      height:auto;
    }

    div#page-wrapper {
      /* overflow: auto; */
      width: inherit;
      margin-left: 0px;
      /*
      padding-top: 110px;
      */
    }

    /*
    .navbar .navbar-brand img {
        height:40px;
    }
    */

    #mobile-menu {
        display: block;
    }
}
@media (max-width: 400px){
	.jconfirm-box-container {
		width: 350px;
	}
}
@media (max-width: 350px) {
	.jconfirm-box-container {
		width: 300px;
	}
}



/*
  Styles for printing a page ONLY
*/
@media print {
    html { width:8.5in; }
    table {
        width:auto !important;
      display: flex !important; 
      flex-wrap: wrap !important;
    }
    td {
      word-wrap: break-word !important;
    }
    div#page-wrapper {
        display: flex !important; 
        margin-left: 0px;
        flex-wrap: wrap !important;
    }
}