input, .form-control.readonly {
    border-color: #ccc;
    color: #333;
    background-color: #fff;
    border-radius: 4px;
    font: 14px/1.42857143 "Helvetica Neue",Helvetica,Arial,sans-serif;
    box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset;
    outline: none;
}
.crmEntityFormView .form-control.readonly:focus, .crmEntityFormView .form-control[readonly][disabled]:focus, .form-readonly .form-control:focus{
    outline: 0;
    box-shadow: none;
    border: none;
}
label {
    font-weight: normal;
}
.crmEntityFormView .cell.checkbox-cell, .crmEntityFormView .cell.checkbox-cell:first-child {
    padding: 0 10px 0 20px;
}
.pr-color {
    color: #0B7F99!important;
}
legend.section-title {
    font-size: 1.8rem;
    margin-bottom: 20px !important;
    /*margin-left: 20px;*/
}
table[data-name="tab_reorder_section_hidden"], table[data-name="tab_specialized_section_hidden"],
table[data-name="tab_panasonic_section_hidden"], table[data-name="tab_ups_section_hidden"] 
{display: none;}
.page-copy .xrm-attribute-value{margin-top:20px; outline: none;}
#MessagePanel{position: absolute; top: 0; width: 100%;}
.crmEntityFormView{border:none!important;}
.crmEntityFormView .actions{
    border:none!important; 
    /* margin-left: 20px; */
}

.form-custom-actions .btn {
    margin-left: 20px;
}
.d-none {display:none;}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.text-muted{display: none;}

.crmEntityFormView .cell {
    padding: 0 28px 20px 0 !important;
}

.form-control {
    padding: 6px 12px !important;
}

.form-control:read-only {
    padding: 6px 12px 6px 6px !important;
}

.field-label {
    color:#333;
    font-weight:500 !important;
}

/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
 */
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-default.disabled,
.btn-primary.disabled,
.btn-success.disabled,
.btn-info.disabled,
.btn-warning.disabled,
.btn-danger.disabled,
.btn-default[disabled],
.btn-primary[disabled],
.btn-success[disabled],
.btn-info[disabled],
.btn-warning[disabled],
.btn-danger[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-danger {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-default .badge,
.btn-primary .badge,
.btn-success .badge,
.btn-info .badge,
.btn-warning .badge,
.btn-danger .badge {
    text-shadow: none;
}

.btn:active,
.btn.active {
    background-image: none;
}

.btn-default {
    background-image: -webkit-linear-gradient(top, #669900 0%, #3d5c00 100%);
    background-image: -o-linear-gradient(top, #669900 0%, #3d5c00 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#669900), to(#3d5c00));
    background-image: linear-gradient(to bottom, #669900 0%, #3d5c00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#669900', endColorstr='#3d5c00', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #005252;
    border-color: #ccc;
    color: #fff!important;
}

.btn-default:hover,
.btn-default:focus {
    background-color: #3d5c00 !important;
    border-color: #3d5c00 !important;
    background-position: 0 -15px;
}

.btn-default:active,
.btn-default.active {
    background-color: #3d5c00;
    border-color: #3d5c00;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.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,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #005c5c;
    border-color: #005c5c !important;
    background-image: none;
}

.btn-primary {
    background-image: -webkit-linear-gradient(top, #669900 0%, #3d5c00 100%);
    background-image: -o-linear-gradient(top, #669900 0%, #3d5c00 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#669900), to(#3d5c00));
    background-image: linear-gradient(to bottom, #669900 0%, #3d5c00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff669900', endColorstr='#ff3d5c00', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #365200;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #3d5c00 !important;
    background-position: 0 -15px;
    border-color: #3d5c00 !important;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #3d5c00;
    border-color: #365200;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.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,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #3d5c00 !important;
    border-color: #3d5c00 !important;
    background-image: none;
}

.btn-success {
    background-image: -webkit-linear-gradient(top, #009999 0%, #005c5c 100%);
    background-image: -o-linear-gradient(top, #009999 0%, #005c5c 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009999), to(#005c5c));
    background-image: linear-gradient(to bottom, #009999 0%, #005c5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff009999', endColorstr='#ff005c5c', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #005252;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #005c5c !important;
    border-color: #005c5c !important;
    background-position: 0 -15px;
}

.btn-success:active,
.btn-success.active {
    background-color: #005c5c;
    border-color: #005252;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.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,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #005c5c !important;
    border-color: #005c5c !important;
    background-image: none;
}

.btn-info {
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a87 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #265a87 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a87));
    background-image: linear-gradient(to bottom, #337ab7 0%, #265a87 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a87', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #23557f;
}

.btn-info:hover,
.btn-info:focus {
    background-color: #265a87 !important;
    border-color: #265a87 !important;
    background-position: 0 -15px;
}

.btn-info:active,
.btn-info.active {
    background-color: #265a87;
    border-color: #23557f;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.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,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #265a87 !important;
    border-color: #265a87 !important;
    background-image: none;
}

.btn-warning {
    background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
    background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
    background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #e38d13;
}

.btn-warning:hover,
.btn-warning:focus {
    background-color: #eb9316 !important;
    border-color: #eb9316 !important;
    background-position: 0 -15px;
}

.btn-warning:active,
.btn-warning.active {
    background-color: #eb9316;
    border-color: #e38d13;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.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,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #eb9316 !important;
    border-color: #eb9316 !important;
    background-image: none;
}

.btn-danger {
    background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
    background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #b92c28;
}

.btn-danger:hover,
.btn-danger:focus {
    background-color: #c12e2a !important;
    border-color: #c12e2a !important;
    background-position: 0 -15px;
}

.btn-danger:active,
.btn-danger.active {
    background-color: #c12e2a;
    border-color: #b92c28;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.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,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #c12e2a !important;
    border-color: #c12e2a !important;
    background-image: none;
}

.thumbnail,
.img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
    background-color: #e8e8e8;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-image: -webkit-linear-gradient(top, #669900 0%, #558000 100%);
    background-image: -o-linear-gradient(top, #669900 0%, #558000 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#669900), to(#558000));
    background-image: linear-gradient(to bottom, #669900 0%, #558000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff669900', endColorstr='#ff558000', GradientType=0);
    background-repeat: repeat-x;
    background-color: #558000;
}

.navbar-default {
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
    background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
    background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
    background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
    background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
}

.navbar-brand,
.navbar-nav > li > a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}

.navbar-inverse {
    background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
    background-image: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222222));
    background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-radius: 4px;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
    background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
    background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
    background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
    border-radius: 0;
}

@media (max-width: 767px) {
    .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;
        background-image: -webkit-linear-gradient(top, #669900 0%, #558000 100%);
        background-image: -o-linear-gradient(top, #669900 0%, #558000 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#669900), to(#558000));
        background-image: linear-gradient(to bottom, #669900 0%, #558000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff669900', endColorstr='#ff558000', GradientType=0);
        background-repeat: repeat-x;
    }
}

.alert {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.alert-default {
    background-image: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
    background-image: -o-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
    background-image: linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
    background-repeat: repeat-x;
    border-color: #cccccc;
}

.alert-success {
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
    background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

.alert-info {
    background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
    background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
    background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #9acfea;
}

.alert-warning {
    background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
    background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #f5e79e;
}

.alert-danger {
    background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
    background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
    background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
    background-repeat: repeat-x;
    border-color: #dca7a7;
}

.progress {
    background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
    background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar {
    background-image: -webkit-linear-gradient(top, #669900 0%, #446600 100%);
    background-image: -o-linear-gradient(top, #669900 0%, #446600 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#669900), to(#446600));
    background-image: linear-gradient(to bottom, #669900 0%, #446600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff669900', endColorstr='#ff446600', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-success {
    background-image: -webkit-linear-gradient(top, #009999 0%, #006666 100%);
    background-image: -o-linear-gradient(top, #009999 0%, #006666 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009999), to(#006666));
    background-image: linear-gradient(to bottom, #009999 0%, #006666 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff009999', endColorstr='#ff006666', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-info {
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #285f8f 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #285f8f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#285f8f));
    background-image: linear-gradient(to bottom, #337ab7 0%, #285f8f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff285f8f', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-warning {
    background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
    background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
    background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-danger {
    background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
    background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
    background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.list-group {
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    text-shadow: 0 -1px 0 #446600;
    background-image: -webkit-linear-gradient(top, #669900 0%, #4c7300 100%);
    background-image: -o-linear-gradient(top, #669900 0%, #4c7300 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#669900), to(#4c7300));
    background-image: linear-gradient(to bottom, #669900 0%, #4c7300 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff669900', endColorstr='#ff4c7300', GradientType=0);
    background-repeat: repeat-x;
    border-color: #4c7300;
}

.list-group-item.active .badge,
.list-group-item.active:hover .badge,
.list-group-item.active:focus .badge {
    text-shadow: none;
}

.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.panel-default > .panel-heading {
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}

.panel-primary > .panel-heading {
    background-image: -webkit-linear-gradient(top, #669900 0%, #558000 100%);
    background-image: -o-linear-gradient(top, #669900 0%, #558000 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#669900), to(#558000));
    background-image: linear-gradient(to bottom, #669900 0%, #558000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff669900', endColorstr='#ff558000', GradientType=0);
    background-repeat: repeat-x;
}

.panel-success > .panel-heading {
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
    background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
    background-repeat: repeat-x;
}

.panel-info > .panel-heading {
    background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
    background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
    background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
    background-repeat: repeat-x;
}

.panel-warning > .panel-heading {
    background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
    background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
    background-repeat: repeat-x;
}

.panel-danger > .panel-heading {
    background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
    background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
    background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
    background-repeat: repeat-x;
}

.well {
    background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
    background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
    border-color: #dcdcdc;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* Call2Recycle BC Portal Custom CSS Document */
/*
DARK GREEN: 	#003300
GREEN: 			#669900
LIGHT GREEN: 	#d7f0bc
TEAL: 			#009999

****** HOME PAGE COLORS *****

PINK: 			#e3c9d4
LIME GREEN:		#c8e18b
LIGHT BLUE:		#add6d5

***** HOME PAGE GRADIENTS *****

CONSUMERS : #b41f64 - #86164a
STORE : #b4d468 - #87b842
RECYCLE : #009d96 - #006864


*/

/***** overall *****/
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    
}

a:not(.btn) {
    color: #669900 !important;
}

a:not(.btn):hover {
    color: #003300 !important;
    text-decoration: none !important;
}

li.active a {
    font-weight: bold !important;
}

.circle {
    border-radius: 20px;
}

.nav-alert {
    margin: -5px 0 !important;
}

input.form-control:focus, select.form-control:focus, textarea.form-control:focus {
    border-color: #AAD09A !important;
    outline: thin dotted \9;
    -webkit-box-shadow: 0 0 8px #AAD09A !important;
    box-shadow: 0 0 8px #AAD09A !important;
}

textarea, input[type=text], select, input[type=text][readonly] {
    border: 1px solid #ccc !important;
    border-right: 5px solid #ccc !important;
    width: 100%;
    margin: 0 !important;
    color: #099 !important;/**/
    font-weight: 500;
}

textarea {
    min-height: 120px;
    color: #099 !important;
    font-weight: 500;
}

textarea.required, select.required, input[type=password].required, input[type=text][readonly].required, input[type=text].required, textarea[required], select[required], input[required] {
    border-right: 5px solid #900 !important;
}

.showrequired {
    background-color: #ebccd1;
}

input[readonly=true].form-control:focus, select[readonly=true].form-control:focus, textarea[readonly=true].form-control:focus {
    border: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

select option:hover {
    background-color: #AAD09A;
}

/* buttons */

.center-float {
    display: inline-block;
    margin: 0 auto
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
    background-color: #888888;
    background-image: none;
    border-color: #999999;
}


/* glyphicons */
.glyphicon span {
    padding-left: 4px;
    white-space: nowrap;
}

/* list-group */
.list-group {
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.list-group-item {
    padding: 4px 15px;
    border: none !important;
}

a.list-group-item, button.list-group-item {
    color: #690;
}

a.list-group-item.active,
a.list-group-item:hover.active,
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    background-color: #d7f0bc !important;
    background-image: none;
    text-shadow: none;
    color: #333;
    border: none;
}

a.list-group-item.active:before,
a.list-group-item:hover.active:before {
    content: "\00BB\0020";
}

/* tables */
table.table {
    border: 1px solid #ddd;
    border-collapse: collapse;
}

table.table .header {
    white-space: nowrap;
}

table.table td input {
    width: 100%;
}

/* row tables */
.container.table .row .header {
    font-weight: bold;
}

.container.table .row > [class*='col-'], .container.table .row form > [class*='col-'] {
    padding: 1% !important;
}

.container.table .row {
    border: 1px solid #ddd;
    border-collapse: collapse;
}

.container.table .row:nth-child(odd) {
    background-color: #fff;
}

.container.table .row:nth-child(even) {
    background-color: #eee;
}

/* flex box equal columns */
.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

.row.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/* flex box panels in equal columns */
.row.display-flex > [class*='col-'] > .panel {
    height: 100% !important;
}

/* Bootstrap specific for prototype */
.container-fluid:first-child {
    background-color: #004B47;
}

/* header and navbar */
.header-wrap {
    border-bottom: 10px solid transparent;
    -moz-border-image: -moz-linear-gradient(right, #82B441 0%, #008979 100%);
    -webkit-border-image: -webkit-linear-gradient(right, #82B441 0%, #008979 100%);
    border-image-slice: 1;
}

.navbar {
    margin-bottom: 0 !important;
}

.navbar-brand {
    display: block;
    width: 172px !important;
    padding: 0;
    background-image: url("https://greentrax.call2recycle.org/wsfn/assets/img/c2r_logo_header.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 6px;
    overflow: hidden;
}

.navbar-brand > img {
    opacity: 0;
}

.navbar-default {
    border: none !important;
}


.navbar-default .navbar-nav > li > a {
    color: #fff !important;
    text-shadow: none;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #555 !important;
    background-color: #e7e7e7;
}

.dropdown-menu {
    min-width: 240px;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333 !important;
    white-space: nowrap;
}

.dropdown-menu > li > a.active,
.dropdown-menu > li > a.sticky {
    background-color: #d7f0bc !important;
    background-image: none;
    text-shadow: none;
    color: #333;
    border: none;
}

.dropdown-menu > li > a.continue {
    background-image: none;
    text-shadow: none;
    color: #333;
    border: none;
}


.dropdown-menu > li > a.active:before,
.dropdown-menu > li > a.continue:before {
    content: '\00BB\0020';
}

/* navbar toggle */
.navbar-toggle {
    background-color: #004B47 !important;
}

.navbar-default .navbar-toggle:hover {
    background-color: #d7f0bc;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #333;
}

/* footer nav */
.footer-wrap {
    border-top: 10px solid transparent;
    -moz-border-image: -moz-linear-gradient(right, #82B441 0%, #008979 100%);
    -webkit-border-image: -webkit-linear-gradient(right, #82B441 0%, #008979 100%);
    border-image-slice: 1;
}

footer {
    border: none !important;
}

.nav-footer {
    width: 100%;
    height: auto;
    background: #006762;
    padding: 1%;
    border: none;
}

.nav-footer p {
    color: white;
}

.nav-footer a {
    color: #fff;
    text-decoration: underline;
}

.input-group.num-step {
    transform: scale(0.7);
    max-width: 125px;
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url("//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot");
    src: url("//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff") format("woff"), url("//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

/*** panels ***/

/* panel light */
.panel-light {
    border-color: #ddd;
}

.panel-light > .panel-heading {
    color: #333;
    background-color: #eee;
    border-color: #ddd;
    background-image: none !important;
}

.panel-light > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}

.panel-light > .panel-heading .badge {
    color: #fff;
    background-color: #999;
}

.panel-light > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
}

/* panel dark */
.panel-dark {
    border-color: #ddd;
}

.panel-dark > .panel-heading {
    color: #FFF;
    background-color: #004B47;
    border-color: #ddd;
    background-image: none !important;
}

.panel-dark > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}

.panel-dark > .panel-heading .badge {
    color: #fff;
    background-color: #333;
}

.panel-dark > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
}

/* panel medium */
.panel-medium {
    border-color: #ddd;
}

.panel-medium > .panel-heading {
    color: #FFF;
    background-color: #666;
    border-color: #ddd;
    background-image: none !important;
}

.panel-medium > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}

.panel-medium > .panel-heading .badge {
    color: #fff;
    background-color: #333;
}

.panel-medium > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
}

/* panel default */
.panel-default {
    border-color: #ddd;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #eee;
    border-color: #ddd;
    background-image: none !important;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}

.panel-default > .panel-heading .badge {
    color: #fff;
    background-color: #333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
}

/*.panel-default,
.panel-light{
    background-color: #FFF;
}*/
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: "Glyphicons Halflings", serif; /* essential for enabling glyphicon */
    content: "\e259"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: grey; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    font-family: "Glyphicons Halflings", serif;
    content: "\e258"; /* adjust as needed, taken from bootstrap.css */
}

.panel-collapse {
    margin: 3em;
}

/* Use Bootstrap 4 spacing classes */
/*Margin and Padding helpers*/
/*xs*/
.p-xs {
    padding: 0.25em;
}

.p-x-xs {
    padding: 0 0.25em;
}

.p-y-xs {
    padding: 0.25em 0;
}

.p-t-xs {
    padding-top: 0.25em;
}

.p-r-xs {
    padding-right: 0.25em;
}

.p-b-xs {
    padding-bottom: 0.25em;
}

.p-l-xs {
    padding-left: 0.25em;
}

.m-xs {
    margin: 0.25em;
}

.m-x-xs {
    margin: 0 0.25em;
}

.m-y-xs {
    margin: 0.25em 0;
}

.m-r-xs {
    margin-right: 0.25em;
}

.m-l-xs {
    margin-left: 0.25em;
}

.m-t-xs {
    margin-top: 0.25em;
}

.m-b-xs {
    margin-bottom: 0.25em;
}

/*sm*/
@media (min-width: 768px) {
    /*sm*/
    .p-sm {
        padding: 0.5em;
    }

    .p-x-sm {
        padding: 0 0.5em;
    }

    .p-y-sm {
        padding: 0.5em 0;
    }

    .p-t-sm {
        padding-top: 0.5em;
    }

    .p-r-sm {
        padding-right: 0.5em;
    }

    .p-b-sm {
        padding-bottom: 0.5em;
    }

    .p-l-sm {
        padding-left: 0.5em;
    }

    .m-sm {
        margin: 0.5em;
    }

    .m-x-sm {
        margin: 0 0.5em;
    }

    .m-y-sm {
        margin: 0.5em 0;
    }

    .m-t-sm {
        margin-top: 0.5em;
    }

    .m-r-sm {
        margin-right: 0.5em;
    }

    .m-b-sm {
        margin-bottom: 0.5em;
    }

    .m-l-sm {
        margin-left: 0.5em;
    }
}

/*md*/
@media (min-width: 992px) {
    .p-md {
        padding: 1em;
    }

    .p-x-md {
        padding: 0 1em;
    }

    .p-y-md {
        padding: 1em 0;
    }

    .p-t-md {
        padding-top: 1em;
    }

    .p-r-md {
        padding-right: 1em;
    }

    .p-b-md {
        padding-bottom: 1em;
    }

    .p-l-md {
        padding-left: 1em;
    }

    .m-md {
        margin: 1em;
    }

    .m-x-md {
        margin: 0 1em;
    }

    .m-y-md {
        margin: 1em 0;
    }

    .m-t-md {
        margin-top: 1em;
    }

    .m-r-md {
        margin-right: 1em;
    }

    .m-b-md {
        margin-bottom: 1em;
    }

    .m-l-md {
        margin-left: 1em;
    }
}

/*lg*/
@media (min-width: 1200px) {
    .p-lg {
        padding: 1.5em;
    }

    .p-x-lg {
        padding: 0 1.5em;
    }

    .p-y-lg {
        padding: 1.5em 0;
    }

    .p-t-lg {
        padding-top: 1.5em;
    }

    .p-r-lg {
        padding-right: 1.5em;
    }

    .p-b-lg {
        padding-bottom: 1.5em;
    }

    .p-l-lg {
        padding-left: 1.5em;
    }

    .m-lg {
        margin: 1.5em;
    }

    .m-x-lg {
        margin: 0 1.5em;
    }

    .m-y-lg {
        margin: 1.5em 0;
    }

    .m-t-lg {
        margin-top: 1.5em;
    }

    .m-r-lg {
        margin-right: 1.5em;
    }

    .m-b-lg {
        margin-bottom: 1.5em;
    }

    .m-l-lg {
        margin-left: 1.5em;
    }
}

/*xl*/
.p-xl {
    padding: 3em;
}

.p-x-xl {
    padding: 0 3em;
}

.p-y-xl {
    padding: 3em 0;
}

.p-t-xl {
    padding-top: 3em;
}

.p-r-xl {
    padding-right: 3em;
}

.p-b-xl {
    padding-bottom: 3em;
}

.p-l-xl {
    padding-left: 3em;
}

.m-xl {
    margin: 3em;
}

.m-x-xl {
    margin: 0 3em;
}

.m-y-xl {
    margin: 3em 0;
}

.m-t-xl {
    margin-top: 3em;
}

.m-r-xl {
    margin-right: 3em;
}

.m-b-xl {
    margin-bottom: 3em;
}

.m-l-xl {
    margin-left: 3em;
}

/* form control */
label {
    /*width: 100%;*/
}

select:active, select:hover {
    outline-color: #390 !important;
}

option:hover {
    background-color: #d7f0bc;
}

.form-control.inline-checkbox {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: transparent !important;
    box-shadow: none !important;
    opacity: 1;
}

/* pagination */
.pagination li a {
    color: #669900  !important;
}

.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff !important;
    background-color: #669900 ;
    border-color: #669900 ;
    cursor: default;
}


/* badges */
.badge {
    font-weight: bold;
    white-space: nowrap;
    color: #ffffff;
    background-color: #999999;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.badge:hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.badge-error {
    background-color: #843534 !important;
}

.badge-error:hover {
    background-color: #843534 !important;
}

.badge-warning {
    background-color: #f89406 !important;
}

.badge-warning:hover {
    background-color: #c67605 !important;
}

.badge-success {
    background-color: #669900 !important;
}

.badge-success:hover {
    background-color: #2b542c !important;
}

.badge-info {
    background-color: #3a87ad !important;
}

.badge-info:hover {
    background-color: #2d6987 !important;
}

.badge-inverse {
    background-color: #99cc00 !important;
}

.badge-inverse:hover {
    background-color: #99cc00 !important;
}

.badge-todo {
    background-color: #004B47 !important;
}

/* wells */
.well {
    background-image: none !important;
    filter: none !important;
    background-repeat: repeat-x;
    border-color: #dcdcdc;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}

.well-home {
    background-color: #fefefe;
    color: #333;
    border: 1px solid transparent !important;
    border-bottom: 10px solid transparent !important;
    -moz-border-image: -moz-linear-gradient(right, #82B441 0%, #008979 100%);
    -webkit-border-image: -webkit-linear-gradient(right, #82B441 0%, #008979 100%);
    border-image-slice: 1;
}

.well-selector {
    background-color: #004B47;
    color: #fff;
    border-bottom: 10px solid transparent;
    -moz-border-image: -moz-linear-gradient(right, #82B441 0%, #008979 100%);
    -webkit-border-image: -webkit-linear-gradient(right, #82B441 0%, #008979 100%);
    border-image-slice: 1;
}

/* panel tabs */
.nav-tabs li {
    opacity: 0.8;
}

.nav-tabs li:active {
    opacity: 1;
}

.nav-tabs li a {
    color: #666;
}


/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Stay on top */
    top: 0; /* Stay at the top */
    right: 0;
    background-color: #fff; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    overflow-y: hidden; /* Disable vertical scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    box-shadow: #333 2px 2px 8px;
}

.sidenav .panel-title {
    font-size: 180%;
    line-height: 320%;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    font-size: 36px;
    float: right;
    display: inline-block;
    margin-right: 1%;
}

.label-dark,
.badge-dark {
    background: #004B47 !important;
    border-color: #1E7145 !important;
    color: #fff;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}



/* btn styles */
.btn-dark {
    color: #fff;
    border-color: #004B47;
    background-color: #004B47;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    background-color: #004B47;
    border-color: #004B47;
    color: #ddd;
}

.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active {
    background-color: #004B47;
    border-color: #004B47;
}

/* redirect training styles */

.lds-ellipsis {
            display: block;
            position: relative; /**/
            width: 80px;
            height: 1px;
            margin: 0 auto 0 0;
        }

        .lds-ellipsis div {
            position: absolute;
            top: 0;
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background: #360;
            animation-timing-function: cubic-bezier(0, 1, 1, 0);
        }

        .lds-ellipsis div:nth-child(1) {
            left: 8px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 8px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 32px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 56px;
            animation: lds-ellipsis3 0.6s infinite;
        }

        @keyframes lds-ellipsis1 {
            0% {
                transform: scale(0);
            }
            100% {
                transform: scale(1);
            }
        }

        @keyframes lds-ellipsis3 {
            0% {
                transform: scale(1);
            }
            100% {
                transform: scale(0);
            }
        }

        @keyframes lds-ellipsis2 {
            0% {
                transform: translate(0, 0);
            }
            100% {
                transform: translate(24px, 0);
            }
        }

        #main .panel-body .actions input[type=button] {
            margin:0 auto !important;
        }


        .button {
            display: inline-block;
            /*width: 80%;*/
            height: 40px;
            background: #360!important;
            /*padding: 10px;*/
            text-align: center;
            border-radius: 5px;
            color: white !important;
            /*font-weight: bold;*/
            line-height: 25px;
        }

        .button:hover {
            color: white !important;
        }

        #trainingButton {
           padding: 6px 18px;
        }

        table[data-name=section_hidden] {display:none;}

        .carousel {
            margin: 50px auto;
            padding: 0 70px;
        }

            .carousel .item {
                color: #747d89;
                min-height: 325px;
                text-align: center;
                overflow: hidden;
            }

            .carousel .thumb-wrapper {
                padding: 25px 15px;
                background: #fff;
                border-radius: 6px;
                text-align: center;
                position: relative;
                /*box-shadow: 0 2px 3px rgba(0,0,0,0.2);*/
            }

            .carousel .item .img-box {
                height: 120px;
                margin-bottom: 20px;
                width: 100%;
                position: relative;
            }

            .carousel .item img {
                max-width: 100%;
                max-height: 100%;
                display: inline-block;
                position: absolute;
                bottom: 0;
                margin: 0 auto;
                left: 0;
                right: 0;
            }

            .carousel .item h4 {
                font-size: 18px;
            }

            .carousel .item h4, .carousel .item p, .carousel .item ul {
                margin-bottom: 5px;
            }

            .carousel .thumb-content .btn {
                color: #7ac400;
                font-size: 11px;
                text-transform: uppercase;
                font-weight: bold;
                background: none;
                border: 1px solid #7ac400;
                padding: 6px 14px;
                margin-top: 5px;
                line-height: 16px;
                border-radius: 20px;
            }

                .carousel .thumb-content .btn:hover, .carousel .thumb-content .btn:focus {
                    color: #fff;
                    background: #7ac400;
                    box-shadow: none;
                }

                .carousel .thumb-content .btn i {
                    font-size: 14px;
                    font-weight: bold;
                    margin-left: 5px;
                }





        .carousel-control-prev, .carousel-control-next {
            height: 44px;
            width: 40px;
            background: #7ac400;
            margin: auto 0;
            border-radius: 4px;
            opacity: 0.8;
        }

            .carousel-control-prev:hover, .carousel-control-next:hover {
                background: #78bf00;
                opacity: 1;
            }

            .carousel-control-prev i, .carousel-control-next i {
                font-size: 36px;
                position: absolute;
                top: 50%;
                display: inline-block;
                margin: -19px 0 0 0;
                z-index: 5;
                left: 0;
                right: 0;
                color: #fff;
                text-shadow: none;
                font-weight: bold;
            }

            .carousel-control-prev i {
                margin-left: -2px;
            }

            .carousel-control-next i {
                margin-right: -4px;
            }

        .carousel-indicators {
            bottom: -50px;
        }

            .carousel-indicators li, .carousel-indicators li.active {
                width: 10px;
                height: 10px;
                margin: 4px;
                border-radius: 50%;
                border: none;
            }

            .carousel-indicators li {
                background: rgba(0, 0, 0, 0.2);
            }

                .carousel-indicators li.active {
                    background: rgba(0, 0, 0, 0.6);
                }


.footer-wrap {bottom: 0; width:100%};