/**
 *
 * Apply your custom CSS here.
 *
*/

body {  
  font-size:1.5em;
}

.page-container .main-content .page-title .title-env {
    float: none;
    padding-left: 30px;
}

.card {
  padding:10px 0px;
  border-bottom:1px dotted #ccc;
}

table {
  word-break: keep-all;
}

.order-list .table>tbody>tr>td {
    
    border-bottom: 1px dotted #555 !important;
}

.btn {
  border-radius: 5px;
}

.modal-backdrop {
  position:fixed;
}

th.col-nowrap {
  white-space: nowrap;
}

.alert-purple {
    background-color: #6f5499;
    
    color: #fff;
}

.div-message {
 position:fixed;
 top:0;
 left:0;
 margin:0 auto;
 text-align: center;
 z-index: 100;
 background:rgba(255,0,0,0.8);
 width:100%;
 color:#fff;
 padding:10px;
}

a {
}

.sidebar-menu {
  width:200px;
}

.sidebar-menu .main-menu ul li a {
    padding-left: 20px;
}

.sidebar-menu .main-menu ul li ul li a {
    padding-left: 40px;
}

.sidebar-menu .main-menu ul li ul li ul li a {
    padding-left: 60px;
}

.sidebar-menu .main-menu a.menu-add-new {
  background: #40bbea;
  color:#ddd;
}

.sidebar-menu .main-menu a.menu-add-new:hover {
  color:#fff;
}


.row { margin-bottom: 10px; }

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,
.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,
.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,
.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,
.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,
.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,
.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,
.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,
.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,
.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,
.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,
.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12
{
  margin-bottom: 10px;
}

.label-btn {
    
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /*touch-action: manipulation;*/
    cursor: pointer;
    background-image: none;
    
    white-space: nowrap;
    padding: 8px 12px 9px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.label { font-size:100%; line-height: 1.6em; }


.page-container .main-content .page-title .title-env .title {
  margin-bottom:0;
}


.modal-product-options {
  border:1px dotted #ccc; 
  border-left:8px solid #ccc; 
  padding:10px; 
  margin-bottom: 25px; 
  /*max-height:200px; */
  overflow-y: auto;
  overflow-x: hidden;
}

.modal-product-btn-options {
  border:1px dotted #ccc; 
  border-left:8px solid #ccc; 
  padding:10px; 
  margin-bottom: 25px; 
  max-height:200px; 
  overflow-y: auto;
}

.btn-primary:hover{background:#68b828;border-color:#4b7c79}
.btn-primary:active{background:#68b828;border-color:#4b7c79}



.sidebar-menu .main-menu {
    padding-left: 0px;
    padding-right: 0px;
    margin:20px 0px 20px 0px;
    list-style: none;
    border-bottom: 1px solid #313437;
}

.sidebar-menu .main-menu a {
    color: #979898;
    text-decoration: none;
    display: block;
    padding: 13px 20px 13px 20px;
    border-bottom: 1px solid #313437;
}

.table-responsive { border:0px; }

/*

.sidebar-menu .main-menu a {
    color: #979898;
    text-decoration: none;
    display: block;
    padding: 13px 5px 13px 20px;
    border-bottom: 1px solid #313437;
}
*/


/*

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

*/




.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}



.btn-noservice {
  color: #ccc;
  background-color: #fff;
  border-color: #ccc;
}
.btn-noservice:focus,
.btn-noservice.focus {
  color: #ccc;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-noservice:hover {
  color: #999;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-noservice:active,
.btn-noservice.active,
.open > .dropdown-toggle.btn-noservice {
  color: #ccc;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-noservice:active:hover,
.btn-noservice.active:hover,
.open > .dropdown-toggle.btn-noservice:hover,
.btn-noservice:active:focus,
.btn-noservice.active:focus,
.open > .dropdown-toggle.btn-noservice:focus,
.btn-noservice:active.focus,
.btn-noservice.active.focus,
.open > .dropdown-toggle.btn-noservice.focus {
  color: #ccc;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-noservice:active,
.btn-noservice.active,
.open > .dropdown-toggle.btn-noservice {
  background-image: none;
}
.btn-noservice.disabled:hover,
.btn-noservice[disabled]:hover,
fieldset[disabled] .btn-noservice:hover,
.btn-noservice.disabled:focus,
.btn-noservice[disabled]:focus,
fieldset[disabled] .btn-noservice:focus,
.btn-noservice.disabled.focus,
.btn-noservice[disabled].focus,
fieldset[disabled] .btn-noservice.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-noservice .badge {
  color: #fff;
  background-color: #333;
}


.btn-sm { padding:2px 6px; }



tr.noservice { color:; background-image: url(../images/bkgd_honeycomb.jpg); }

.noservice .label-default {
  background: #ccc;
}

table.order-overview td {
   vertical-align: top !important;
}

table.order-overview h1, h2, h3, h4, h5 {
  margin-top: 0px !important;
  margin-bottom:0px;
}

.tab-content {
    background: #FFF;
    padding: 10px;
    margin-bottom: 30px;
}

.nav.nav-tabs+.tab-content {
    background: #FFF;
    padding: 30px 10px;
    margin-bottom: 30px;
}


.panel-footer {
  
  border-top: 2px solid #f5f5f5;
  background: none;
  margin-top:15px;
  padding:15px 0px 15px 0px;
}


.service-status .panel-color {
  margin:0px; 
  padding-bottom:5px;
}

.service-status .panel-color .panel-heading {
  padding:10px;
}

.service-status .panel-color h1, h2, h3, h4, h5 {
  margin-bottom: 0px; 
  margin-top: 0px;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0 !important;
}

[v-cloak] { display:none; }