@charset "UTF-8";
/**
* Theme Name:iDea - Clean & Powerful Bootstrap Theme
* Author:HtmlCoder
* Author URI:http://www.htmlcoder.me
* Author e-mail:htmlcoder.me@gmail.com
* Version: 1.6
* Created: September 2014
* License URI:http://support.wrapbootstrap.com/
* File Description:Main CSS file of the template
*
* TABLE OF CONTENTS
*
* 1) Typography
* 2) Layout
* 3) Sections
* 4) Pages (blog, about etc)
* 5) Template Components
* 6) Navigations
* 7) Blocks/Widgets
* 8) Main Slideshow
* 9) Owl carousel
* 10) IE 8 Support
*/
/* 1 Typography
----------------------------------------------------------------------------- */
html {
               height: 100%;
}

body {
    font-family: "Open Sans", sans-serif;
    /*font-size: 15px;
               font-size: 13px;
               line-height: 1.5;*/
    line-height: 1.3;
    color: #666666;
    color: #444444;
    background-color: #fff;
    overflow-y: scroll;
   
    /* For Firefox */
    /*scrollbar-width: none;*/
    /* For Internet Explorer and Edge */
    -ms-overflow-style: none;
}

/* For Chrome, Safari, and Opera */
body::-webkit-scrollbar {
    display: none !important;
}



:root {
    --global-primary: #095540;
    --global-primary-light: rgba(9,85, 64, 0.15);
    --global-primary-dark: #052F23;
    --global-primary-really-dark: #06241C;
}

body.full-height,
body.full-height .page-wrapper {
               background-color: #fafafa;
               min-height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
               color: #343434;
               /*line-height: 1.2;*/
               
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
               color: #343434;
}

h1 {
               /*font-size: 38px;
               font-weight: 700;*/
}

h2 {
               font-size: 28px;
               margin-bottom: 15px;
}

h3 {
               font-size: 22px;
}

h4 {
               font-size: 18px;
               /*font-weight: 700;*/
}

h5 {
               font-size: 16px;
               text-transform: uppercase;
               font-weight: 700;
}

h6 {
               font-weight: 700;
}





/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
               .title {
                              margin-top: 0;
               }
}

.sidebar .title {
               margin-bottom: 15px;
               margin-top: 20px;
               position: relative;
}



.body-content {
    min-height: calc(100vh - 197px);
    min-height: calc(100vh - 239px);
    min-height: calc(100vh - 218px);
}

.body-content.hastopnav {
    min-height: calc(100vh - 300px);
}
/*.header .body-content  {
    min-height: calc(100vh - 97px);
}*/


/*header.header.fixed.clearfix .body-content {
    min-height: calc(100vh - 1197px);
}*/
 


.page-header {
               margin-top: 20px;
               padding-top: 20px;
}

p {
               margin-bottom: 20px;
}

a {
    color: #e84c3d;
    color: #d71920;
    color: var(--global-primary);
    /*color: #D71A21;*/
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    a:hover {
        color: #cd3c2e;
        color: var(--global-primary-dark);
        
        cursor: pointer;
    }

    a:focus, a:active {
        outline: none;
        color: #cd3c2e;
        color: #d71920;
        color: var(--global-primary);
    }

.no-trans * {
               -webkit-transition: none !important;
               -o-transition: none !important;
               transition: none !important;
}

img {
               display: block;
               /*max-width: 100%;*/
               height: auto;
}

blockquote {
               border-left: none;
               display: block;
               margin: 20px auto 20px;
               font-size: 16px;
               position: relative;
               padding: 10px 10px 10px 0px;
               margin-left: 40px;
}

blockquote:after {
               content: "“";
               width: 25px;
               height: 25px;
               line-height: 64px;
               font-size: 64px;
               font-family: "PT Serif", serif;
               position: absolute;
               top: 12px;
               left: -45px;
}

.blockquote:before {
               font-family: "PT Serif", serif;
               content: "“";
               font-size: 40px;
}

blockquote.inline {
               padding: 0;
}

blockquote.inline p {
               width: 60%;
               display: inline-block;
               margin: 0;
}

blockquote.inline footer {
               width: 37%;
               display: inline-block;
               padding-left: 5px;
}

blockquote.inline:after {
               top: 0;
}

mark,
.mark {
    background-color: #e84c3d;
    background-color: #d71920;
    background-color: var(--global-primary);
    color: #ffffff;
}

pre {
               padding: 20px;
               -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
               border-radius: 0px;
}

.text-muted {
               color: #999999;
}

.text-default {
    color: #e84c3d;
    color: #d71920;
    color: var(--global-primary);
}

.well {
               -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
               border-radius: 0px;
               background-color: #f3f3f3;
               -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
               box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

.icons-page i {
               color: #333;
               font-size: 20px;
}

hr.dark,
#footer .footer hr {
               border-color: #333333;
}

#footer.light hr {
               border-color: #dddddd;
}

/* Lists
---------------------------------- */
ul {
               list-style: square;
}

.list-icons,
.list {
               list-style: none;
               padding: 0;
}

.list-icons li,
.list li {
               padding: 5px 0;
}

.list-icons li i {
               width: 25px;
               text-align: center;
}

.list li .vertical-divider {
               padding-right: 15px;
               position: relative;
}

.list li .vertical-divider:after {
               position: absolute;
               content: "";
               height: 60%;
               width: 1px;
               background-color: #CECECE;
               right: 9px;
               top: 5px;
}

.list-inline {
               margin-top: 9px;
               margin-bottom: 8px;
}

/* Tables
---------------------------------- */
.table:not(.table-bordered) {
               border-bottom: 2px solid #f3f3f3;
}

.table > thead > tr > th {
               vertical-align: bottom;

               /*border-bottom: 1px solid #e84c3d;
               border-bottom: 1px solid #d71920;
               background-color: #e84c3d;
               background-color: #d71920;
               background-color: #d71920;
               background-color: #77787b;*/
    /*background-color: #cd3c2e;*/
               /*color: #fff;*/
}

.table-bordered {
               border-color: #e84c3d;
               border-color: #d71920;
               border-color: #77787b;
}

/*tbody {
               background-color: #ffffff;
}*/

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
               padding: 8px 15px;
               padding: 5px 15px;
               border-top: 1px solid #f3f3f3;
}

/*.table-striped tbody {
               background-color: #fafafa;
}*/

/*.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
               background-color: #f1f1f1;
}*/

.table-striped.table > tbody > tr > td {
               border-color: #e8e8e8;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
               border-color: #f3f3f3;
               border-color: #ddd;
}

.dl-horizontal dd {
               margin-bottom: 10px;
}

.dark .table:not(.table-bordered) {
               border-bottom: 2px solid #515151;
}

.dark .table > thead > tr > th {
               border-bottom: 1px solid #27272a;
               background-color: #27272a;
               color: #cdcdcd;
}

.dark tbody {
               background-color: transparent;
}

.dark .table > thead > tr > th,
.dark .table > tbody > tr > th,
.dark .table > tfoot > tr > th,
.dark .table > thead > tr > td,
.dark .table > tbody > tr > td,
.dark .table > tfoot > tr > td {
               border-top: 1px solid #515151;
}

.dark .table-hover > tbody > tr:hover {
               background-color: #27272a;
}

.borderless .table:not(.table-bordered) {
    border-bottom: none;
}

.borderless .table > tr > td {
    border-top: none;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
               .dl-horizontal dd {
                              margin-left: 150px;
               }

               .dl-horizontal dt {
                              max-width: 120px;
               }
}

/* 2 Layout
----------------------------------------------------------------------------- */
.page-wrapper {
               background-color: #ffffff;
}

.header-top {
    background-color: #f1f1f1;
    background-color: var(--global-primary-light);
    border-bottom: 1px solid #dadada;
    border-bottom: 1.5px solid var(--global-primary);
    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset;
    
}

.header-top.dark {
               background-color: #27272a;
               border-bottom: 1px solid #000000;
               color: #cdcdcd;
}

.header-top.banner {
               padding: 0;
               -webkit-box-shadow: none;
               box-shadow: none;
               border-bottom: none;
}

.header {
               padding: 20px 0;
    padding: 10px 0 0;
               border-bottom: 1px solid #eaeaea;
               background-color: #ffffff;



               padding-left: 10px;
}

.header.dark {
               background-color: #36373C;
               border-top: 1px solid #515151;
               border-bottom-color: transparent !important;
}

.header.header-small {
               padding: 10px 0;
}

.banner {
               background-color: #f1f1f1;
               border-bottom: 1px solid #eaeaea;
}

.page-intro {
               padding: 10px 0;
               -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.06) inset;
               box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.06) inset;
               background-color: #fafafa;
               border-bottom: 1px solid #dadada;
}

.banner + .page-intro {
               margin-top: -56px !important;
               position: relative;
               background-color: rgba(250, 250, 250, 0.9);
               z-index: 2;
}

.page-top {
               padding: 40px 0;
}

.main-container {
               padding: 40px 0;
}

.full-height .main-container {
               padding-top: 80px;
}

/*.section {
               padding: 25px 0;
}*/

.footer-top.light-gray-bg {
    border-top: 1px solid #f1f1f1;
    /*border-top: 2px solid var(--global-primary-dark);*/
}

.footer {
    padding: 30px 0;
    padding: 20px 0 10px;
    background-color: var(--global-primary-dark);
    background-color: var(--global-primary-light);
    color: var(--global-primary-dark) !important;
    border-top: 1px solid #3a3a3a;
    border-bottom: 1px solid #333333;
    border-bottom: 10px solid var(--global-primary-dark);
    /*position: fixed;
    bottom: 55px;
    right: 0;
    left: 0;*/
}

.subfooter {
    /*padding: 25px 0;*/
    padding: 5.5px 0;
    background-color: #000000;
    background-color: var(--global-primary-dark);
    color: #999999;
    /*position: fixed;
    height: 55px;
    bottom: 0;
    right: 0;
    left: 0;*/
}

.block {
               padding-bottom: 40px;
}

.sidebar .block:first-child {
               margin-top: 2px;
}

@media (min-width: 768px) {
               :not(.fixed-header-on) .header.transparent {
                              position: absolute;
                              width: 100%;
                              z-index: 30;
                              background-color: rgba(255, 255, 255, 0.3);
                              border-color: transparent;
               }

               :not(.fixed-header-on) .dark.header.transparent {
                              background-color: rgba(0, 0, 0, 0.3);
               }
}

/* Boxed Layout
---------------------------------- */
.boxed .page-wrapper {
               margin-right: auto;
               margin-left: auto;
               position: relative;
               -webkit-box-shadow: 0px 0px 10px #cacaca;
               box-shadow: 0px 0px 10px #cacaca;
}

.pattern-1 {
               background-image: url("../images/pattern-1.png");
               background-repeat: repeat;
               background-position: 0 0;
}

.pattern-4 .page-wrapper,
.pattern-5 .page-wrapper,
.pattern-6 .page-wrapper,
.pattern-7 .page-wrapper,
.pattern-8 .page-wrapper,
.pattern-9 .page-wrapper {
               -webkit-box-shadow: none;
               box-shadow: none;
}

.pattern-2 {
               background-image: url("../images/pattern-2.png");
               background-repeat: repeat;
               background-position: 0 0;
}

.pattern-3 {
               background-image: url("../images/pattern-3.png");
               background-repeat: repeat;
               background-position: 0 0;
}

.pattern-4 {
               background-image: url("../images/pattern-4.png");
               background-repeat: repeat;
               background-position: 0 0;
}

.pattern-5 {
               background-image: url("../images/pattern-5.png");
               background-repeat: repeat;
               background-position: 0 0;
}

.pattern-6 {
               background-image: url("../images/pattern-6.png");
               background-repeat: repeat;
               background-position: 0 0;
}

.pattern-7 {
               background-image: url("../images/pattern-7.png");
               background-repeat: repeat;
               background-position: 0 0;
}

.pattern-8 {
               background-image: url("../images/pattern-8.png");
               background-repeat: repeat;
               background-position: 0 0;
}

.pattern-9 {
               background-image: url("../images/pattern-9.png");
               background-repeat: repeat;
               background-position: 0 0;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
               .boxed .page-wrapper {
                              width: 750px;
               }
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
               .boxed .page-wrapper {
                              width: 970px;
               }
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
               .boxed .page-wrapper {
                              width: 1170px;
               }
}

@media (min-width: 1600px) {
               .boxed .page-wrapper {
                              width: 1550px;
               }
}

/* Backgrounds
---------------------------------- */
.light .footer {
               background-color: #f7f7f7;
               border-top: 1px solid #dddddd;
               border-bottom: 1px solid #d1d1d1;
               position: relative;
}

.footer-top.light-gray-bg + .light .footer {
               border-top: 1px solid #f1f1f1;
}

.light .subfooter {
               background-color: #e7e7e7;
}

.white-bg {
               background-color: #ffffff !important;
               -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
               box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
               border: none !important;
}




.light-gray-bg {
               background-color: #fafafa;
}

.light-gray-bg.bordered {
               border-top: 1px solid #eaeaea;
               border-bottom: 1px solid #eaeaea;
}

.header-top {
               font-size: 12px;
}

.header-top.white-bg {
               -webkit-box-shadow: none;
               box-shadow: none;
               border-bottom: 1px solid #dadada !important;
}

.gray-bg {
               background-color: #f1f1f1;
               -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
               box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
               position: relative;
}

.gray-bg:before {
               position: absolute;
               top: 0;
               left: 0;
               background-color: transparent;
               height: 5px;
               content: "";
               width: 100%;
               -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13);
               box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13);
}

.gray-bg.header {
               border-bottom: 1px solid #dadada;
}

.gray-bg.header, .gray-bg.header:before {
               -webkit-box-shadow: none !important;
               box-shadow: none !important;
}

.dark-bg {
               background-color: #000000;
               color: #ffffff;
}

.dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4,
.dark-bg h5,
.dark-bg h6 {
               color: #ffffff;
}

.dark-bg a:not(.btn) {
               color: #ffffff;
               text-decoration: underline;
}

.dark-bg a:not(.btn):hover {
               color: #ffffff;
               text-decoration: none;
}

.default-bg {
    background-color: #e84c3d;
    background-color: #d71920;
    background-color: var(--global-primary);
    color: #ffffff;
}

.default-bg h1,
.default-bg h2,
.default-bg h3,
.default-bg h4,
.default-bg h5,
.default-bg h6 {
               color: #ffffff;
}

.default-bg a:not(.btn) {
               color: #ffffff;
               text-decoration: underline;
}

.default-bg a:not(.btn):hover {
               color: #ffffff;
               text-decoration: none;
}

.default-bg.text-muted,
.default-bg.text-muted h1,
.default-bg.text-muted h2,
.default-bg.text-muted h3,
.default-bg.text-muted h4,
.default-bg.text-muted h5,
.default-bg.text-muted h6 {
               color: #f1f1f1;
}

.dark-bg.text-muted,
.dark-bg.text-muted h1,
.dark-bg.text-muted h2,
.dark-bg.text-muted h3,
.dark-bg.text-muted h4,
.dark-bg.text-muted h5,
.dark-bg.text-muted h6,
.gray-bg.text-muted,
.gray-bg.text-muted h1,
.gray-bg.text-muted h2,
.gray-bg.text-muted h3,
.gray-bg.text-muted h4,
.gray-bg.text-muted h5,
.gray-bg.text-muted h6 {
               color: #999999;
}

/* Parallax effect
---------------------------------- */
.no-touch .light-translucent-bg,
.no-touch .dark-translucent-bg,
.no-touch .default-translucent-bg,
.no-touch .parallax {
               background-attachment: fixed !important;
}

.light-translucent-bg,
.dark-translucent-bg,
.default-translucent-bg,
.parallax {
               -webkit-background-size: cover !important;
               -moz-background-size: cover !important;
               -o-background-size: cover !important;
               background-size: cover !important;
}

.parallax {
               background-position: 50% 0;
               background-repeat: no-repeat;
               z-index: 1;
               position: relative;
               padding: 50px 0;
}

.light-translucent-bg,
.dark-translucent-bg,
.default-translucent-bg {
               background-position: 50% 0;
               background-repeat: no-repeat;
               z-index: 1;
               position: relative;
}

.light-translucent-bg:after,
.dark-translucent-bg:after,
.default-translucent-bg:after {
               content: "";
               position: absolute;
               top: 0;
               left: 0;
               z-index: 2;
               width: 100%;
               height: 100%;
}

.light-translucent-bg {
               color: #333;
               border-bottom: 1px solid #dadada;
               border-top: 1px solid #dadada;
}

.header + .banner > .light-translucent-bg {
               border-top: none;
}

.slider-banner-container .light-translucent-bg {
               border: none;
               width: 100%;
               height: 100%;
               position: absolute;
               top: 0 !important;
               left: 0 !important;
               margin: 0 !important;
               bottom: 0;
}

.slider-banner-container .dark-translucent-bg {
               width: 100%;
               height: 100%;
               position: absolute;
               top: 0 !important;
               left: 0 !important;
               margin: 0 !important;
               bottom: 0;
}

.slider-banner-container li .light-translucent-bg:after,
.slider-banner-container li .dark-translucent-bg:after {
               background-color: transparent;
}

.light-translucent-bg .separator-2 {
               background-color: #333;
}

.light-translucent-bg:after {
               background-color: rgba(255, 255, 255, 0.7);
}

.dark-translucent-bg:after {
               background-color: rgba(0, 0, 0, 0.7);
}

.dark-translucent-bg,
.dark-translucent-bg h1,
.dark-translucent-bg h2,
.dark-translucent-bg h3,
.dark-translucent-bg h4,
.dark-translucent-bg h5,
.dark-translucent-bg h6 {
               color: #ffffff;
}

.dark-translucent-bg a:not(.btn) {
               text-decoration: underline;
               color: #ffffff;
}

.dark-translucent-bg a:not(.btn):hover {
               text-decoration: none;
               color: #ffffff;
}

.default-translucent-bg:after {
               background-color: rgba(232, 76, 61, 0.7);
}

.default-translucent-bg,
.default-translucent-bg h1,
.default-translucent-bg h2,
.default-translucent-bg h3,
.default-translucent-bg h4,
.default-translucent-bg h5,
.default-translucent-bg h6 {
               color: #ffffff;
}

.default-translucent-bg a:not(.btn) {
               text-decoration: underline;
               color: #ffffff;
}

.default-translucent-bg a:not(.btn):hover {
               text-decoration: none;
               color: #ffffff;
}

.light-translucent-bg .container,
.dark-translucent-bg .container,
.default-translucent-bg .container {
               z-index: 3;
               position: relative;
}

.parallax-bg {
               background: url("../images/parallax-bg.jpg") 50% 0px no-repeat;
}

.parallax-bg-2 {
               background: url("../images/parallax-bg-2.jpg") 50% 0px no-repeat;
}

.parallax-bg-3 {
               background: url("../images/parallax-bg-3.jpg") 50% 0px no-repeat;
}

/* Custom Grid
---------------------------------- */
.grid-space-20 {
               margin-right: -10.5px;
               margin-left: -10.5px;
}

.grid-space-20 .col-lg-6,
.grid-space-20 .col-lg-4,
.grid-space-20 .col-lg-3,
.grid-space-20 .col-md-6,
.grid-space-20 .col-md-4,
.grid-space-20 .col-md-3,
.grid-space-20 .col-sm-6,
.grid-space-20 .col-sm-4,
.grid-space-20 .col-sm-3,
.grid-space-20 .col-xs-6,
.grid-space-20 .col-xs-4,
.grid-space-20 .col-xs-3 {
               padding-left: 10px;
               padding-right: 10px;
}

.grid-space-10 {
               margin-right: -6px;
               margin-left: -6px;
}

.grid-space-10 .col-lg-6,
.grid-space-10 .col-lg-4,
.grid-space-10 .col-lg-3,
.grid-space-10 .col-md-6,
.grid-space-10 .col-md-4,
.grid-space-10 .col-md-3,
.grid-space-10 .col-sm-6,
.grid-space-10 .col-sm-4,
.grid-space-10 .col-sm-3,
.grid-space-10 .col-xs-6,
.grid-space-10 .col-xs-4,
.grid-space-10 .col-xs-3 {
               padding-left: 5px;
               padding-right: 5px;
}

.grid-space-0 {
               margin-right: 0;
               margin-left: 0;
}

.grid-space-0 .col-lg-6,
.grid-space-0 .col-lg-4,
.grid-space-0 .col-lg-3,
.grid-space-0 .col-md-6,
.grid-space-0 .col-md-4,
.grid-space-0 .col-md-3,
.grid-space-0 .col-sm-6,
.grid-space-0 .col-sm-4,
.grid-space-0 .col-sm-3,
.grid-space-0 .col-xs-6,
.grid-space-0 .col-xs-4,
.grid-space-0 .col-xs-3 {
               padding-left: 0;
               padding-right: 0;
}

.grid-space-0 > div {
               margin-bottom: 0;
               padding-bottom: 0;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
               .footer-content {
                              margin: 40px 0;
               }
}

/* Fixed navigation
---------------------------------- */
.fixed-header-on .header.fixed {
               position: fixed;
               width: 100%;
               top: 0;
               left: 0;
               z-index: 1006;
               opacity: 0;
               filter: alpha(opacity=0);
               border-bottom: 1px solid #f1f1f1;
               padding: 7px 0;
               background-color: rgba(255, 255, 255, 0.95);
}

.fixed-header-on .dark.header.fixed {
               border-bottom: 1px solid #36373C;
               background-color: rgba(54, 55, 60, 0.95);
}

.fixed-header-on.boxed .header.fixed {
               left: auto;
}

.fixed-header-on .header .logo {
               -webkit-transform: scale(0.8);
               -moz-transform: scale(0.8);
               -ms-transform: scale(0.8);
               -o-transform: scale(0.8);
               transform: scale(0.8);
               margin: 2px 0 -4px 0;
               display: none;
}

.fixed-header-on .header .site-slogan {
               display: none;
}

.fixed-header-on .header .navbar.navbar-default {
               margin: 0;
}

.fixed-header-on .header.fixed.animated {
               -webkit-animation-duration: 0.5s;
               animation-duration: 0.5s;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
               .fixed-header-on.boxed .header.fixed {
                              width: 750px;
               }
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
               .fixed-header-on .header .logo {
                              display: block;
               }

               .fixed-header-on.boxed .header.fixed {
                              width: 970px;
               }
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
               .fixed-header-on.boxed .header.fixed {
                              width: 1170px;
               }
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  /* Fixed header position */
               .header.fixed {
                              position: relative !important;
                              top: auto !important;
               }
}

/* Miscellaneous
---------------------------------- */
.pl-5 {
               padding-left: 5px;
}
.pl-7 {
               padding-left: 7.5px;
}
.pl-10 {
               padding-left: 10px;
}
.pl-15 {
               padding-left: 15px;
}

.pl-20 {
               padding-left: 20px;
}

.pr-5 {
               padding-right: 5px;
}

.pr-7 {
               padding-right: 7.5px;
}

.pr-10 {
               padding-right: 10px;
}
.pr-15 {
               padding-right: 15px;
}

.pr-20 {
               padding-right: 20px;
}

.mt-5 {
               margin-top: 5px !important;
}
.mt-10 {
               margin-top: 10px;
}

.mt-20 {
               margin-top: 20px;
}

.mt-30 {
               margin-top: 30px;
}

.mb-10 {
               margin-bottom: 10px;
}

.mb-20 {
               margin-bottom: 20px;
}

.space {
               padding-top: 20px;
               padding-bottom: 20px;
}

.space-top {
               padding-top: 20px;
}

.mr-5 {
               margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.space-bottom {
               padding-bottom: 20px;
}

.margin-clear {
               margin-top: 0 !important;
               margin-bottom: 0 !important;
}

.padding-top-clear {
               padding-top: 0 !important;
}

.padding-bottom-clear {
               padding-bottom: 0 !important;
}

.padding-clear {
               padding-top: 0 !important;
               padding-bottom: 0 !important;
}

.border-clear {
               border: none !important;
}

.circle {
               -webkit-border-radius: 100%;
               -moz-border-radius: 100%;
               border-radius: 100%;
}

.separator {
               display: block;
               width: 60px;
               height: 5px;
               margin: 15px auto 15px;
               background-color: #cccccc;
               position: relative;
               border: 1px solid #cccccc;
}

.separator:after {
               width: 30px;
               height: 5px;
               background: #333333;
               position: absolute;
               top: -1px;
               left: -1px;
               content: "";
}

.separator-2 {
               display: block;
               width: 30px;
               height: 5px;
               margin: 15px 0 15px;
               background-color: #cccccc;
               position: relative;
}

.separator-2.right {
               margin-left: auto;
}

.sidebar .separator {
               width: 30px;
               height: 5px;
               margin: 15px 0 20px;
               background-color: #666666;
               border-color: #666666;
}

.sidebar .separator:after {
               content: "";
               background-color: transparent;
}

.dark-bg .separator-2 {
               background-color: #999999;
}

.default-bg .separator-2 {
               background-color: #ebebeb;
}

.object-non-visible {
               opacity: 0;
               filter: alpha(opacity=0);
}

.object-visible,
.touch .object-non-visible {
               opacity: 1 !important;
               filter: alpha(opacity=100) !important;
}

/* Targeting only Firefox for smoothest animations */
@-moz-document url-prefix() {
               .object-visible,
  .touch .object-non-visible {
                              -webkit-transition: opacity 0.6s ease-in-out;
                              -o-transition: opacity 0.6s ease-in-out;
                              transition: opacity 0.6s ease-in-out;
               }
}

.vertical-divider-left,
.vertical-divider-left-lg {
               border-left: 1px solid #eeeeee;
               padding-left: 50px;
               margin-left: 20px;
}

.vertical-divider-right,
.vertical-divider-right-lg {
               border-right: 1px solid #eeeeee;
               padding-right: 50px;
               margin-right: 20px;
}

.grid span {
               padding: 15px 5px;
               background-color: #fafafa;
               border: 1px solid #f3f3f3;
               display: block;
               text-align: center;
               margin-bottom: 10px;
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
               .margin-top-clear {
                              margin-top: 0 !important;
               }

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

/* Large and Medium devices (desktops, tablets less than 1199px) */
@media (max-width: 1199px) {
  /* miscellaneous */
               .portfolio-item.vertical-divider-left-lg,
  .side.vertical-divider-left-lg {
                              border-left: none;
                              padding-left: 0px;
                              margin-left: 0px;
               }

               .portfolio-item.vertical-divider-right-lg,
  .side.vertical-divider-right-lg {
                              border-right: none;
                              padding-right: 0px;
                              margin-right: 0px;
               }
}

/* Medium devices (desktops, tablets less than 991px) */
@media (max-width: 991px) {
  /* miscellaneous */
               .portfolio-item.vertical-divider-left,
  .side.vertical-divider-left {
                              border-left: none;
                              padding-left: 0px;
                              margin-left: 0px;
               }

               .portfolio-item.vertical-divider-right,
  .side.vertical-divider-right {
                              border-right: none;
                              padding-right: 0px;
                              margin-right: 0px;
               }
}

/* 3 Sections
----------------------------------------------------------------------------- */
/* Footer
---------------------------------- */
.footer {
               font-size: 14px;
               color: #999999;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
               color: #999999;
}

.footer h2 {
               font-size: 24px;
               margin-bottom: 30px;
}

.light .footer,
.light .footer h1,
.light .footer h2,
.light .footer h3,
.light .footer h4,
.light .footer h5,
.light .footer h6 {
               color: #666666;
}

/* Subfooter
---------------------------------- */
.subfooter {
               font-size: 14px;
}

.subfooter p {
               margin: 0;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* subfooter */
               .subfooter {
                              text-align: center;
               }
}

/* 4 Pages
----------------------------------------------------------------------------- */
/* Blog pages
---------------------------------- */
.blogpost {
               background-color: #fafafa;
               background-color: #f9f9fB;
               /*background-color: green;*/
               border: 1px solid #f3f3f3;
               border: 1px solid #d2d2d2;
               /*border: 1px solid green;*/
               margin: 0 0 70px;
               position: relative;




}

.blogpost:hover {
    background-color: #fff;
}

.blogpost .blogpost-body {
               padding: 20px 20px 0 20px;
               /*min-height: 140px;*/
}

.blogpost h2.title {
               margin-bottom: 0;
               margin-top: 0;
}

.blogpost .submitted {
               font-size: 12px;
               margin: 10px 0;
}

.blogpost .side {
               float: left;
               width: 80px;
}


    .blogpost .post-info {
        float: left;
        top: 0;
        left: 25px;
        width: 80px;
        height: 90px;
        padding: 10px 15px;
        background-color: #e84c3d;
        background-color: #d71920;
        background-color: var(--global-primary);
        color: #ffffff;
        text-align: center;
        z-index: 3;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

.blogpost .side .post-info {
               float: none;
}

.blogpost .post-info .day {
               font-size: 34px;
               font-weight: 700;
               line-height: 1;
               display: block;
}

.blogpost .post-info .month {
               font-size: 16px;
               line-height: 1.2;
               display: inline-block;
}

.blogpost .side span.share {
               font-size: 13px;
               font-weight: 700;
               text-align: right;
               padding-top: 20px;
               display: block;
}

.blogpost .side .social-links {
               margin-top: 0;
}

.blogpost .side .social-links li {
               display: block;
               margin: 0;
}

.blogpost .side .social-links li a {
               width: 100%;
               height: auto;
               display: block;
               font-size: 20px;
               margin-bottom: 0;
               text-align: right;
               background-color: transparent;
               border-color: transparent;
               color: #e84c3d;
}

.blogpost .side .social-links li.twitter a:hover {
               background-color: transparent;
               color: #55acee;
               
               border-color: transparent;
}

.blogpost .side .social-links li.facebook a:hover {
               background-color: transparent;
               color: #3b5998;
               border-color: transparent;
}

.blogpost .side .social-links li.googleplus a:hover {
               background-color: transparent;
               color: #dd4b39;
               border-color: transparent;
}

.blogpost .blogpost-content {
               padding: 0 0 10px;
               padding: 0 0 15px;
               margin-left: 100px;
}

.blogpost .blogpost-content p {
               margin: 0;
}

.blogpost-content header .title {
    margin-bottom: 5px;
}

.blogpost footer {
               background-color: #f1f1f1;
               
               padding: 12px 20px;
               border-top: 1px solid #e8e8e8;
               
               font-size: 14px;
               line-height: 2;
               clear: both;
}

.blogpost ul.links {
               list-style: none;
               padding-left: 0;
               margin-bottom: 0;
}

.blogpost ul.links li {
               display: inline-block;
}

.blogpost ul.links li a {
               color: #666666;
               display: inline-block;
}

.blogpost ul.links li a:hover {
               color: var(--global-primary);
}

.blogpost.full {
               background-color: transparent;
               border: none;
}

.blogpost.full footer {
               border: 1px solid #e8e8e8;
}

.blogpost.full .blogpost-body {
               padding: 20px 0;
}

.blogpost.full .submitted {
               margin: 0 0 20px 0;
}

.blogpost.full .overlay-container {
               margin-bottom: 20px;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
               .blogpost .blogpost-content {
                              margin-left: 70px;
               }

               .blogpost .side {
                              width: 50px;
               }

               .blogpost .post-info {
                              width: 50px;
                              height: 60px;
                              padding: 8px 8px;
                              margin: 0 20px 5px 0;
               }

               .blogpost .post-info .day {
                              font-size: 20px;
               }

               .blogpost .post-info .month {
                              font-size: 11px;
                              line-height: 1.2;
               }
}

/* Affix */
#affix.affix {
               position: static;
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
               #affix.affix {
                              position: fixed;
                              top: 65px;
                              width: 80px;
               }

               #affix.affix-bottom {
                              position: absolute;
                              width: 80px;
               }
}

/* Affix Menu - Sidebar */
.sidebar.affix {
               position: static;
}

/* Show and affix the side nav when space allows it */
/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
               .col-md-4 .sidebar.affix,
  .col-md-4 .sidebar.affix-bottom {
                              width: 293px;
               }

               .col-md-3 .sidebar.affix,
  .col-md-3 .sidebar.affix-bottom {
                              width: 213px;
               }

               .sidebar.affix {
                              position: fixed;
                              top: 20px;
               }

               .fixed-header-on .sidebar.affix {
                              top: 65px;
               }

               .sidebar.affix-bottom {
                              position: absolute;
               }

               .sidebar.affix-bottom .affix-menu,
  .sidebar.affix .affix-menu {
                              margin-top: 0;
                              margin-bottom: 0;
               }

               .affix-menu {
                              padding-top: 20px;
               }

               h3.title ~ .affix-menu {
                              padding-top: 0px;
               }
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
               .col-md-4 .sidebar.affix,
  .col-md-4 .sidebar.affix-bottom {
                              width: 390px;
               }

               .col-md-3 .sidebar.affix,
  .col-md-3 .sidebar.affix-bottom {
                              width: 263px;
               }
}

/* Blog Masonry layout
---------------------------------- */
.masonry-grid .blogpost {
               margin-bottom: 30px;
}

.masonry-grid .blogpost .blogpost-body {
               padding: 15px 15px 0 15px;
}

.masonry-grid .blogpost h2.title {
               font-size: 24px;
}

.masonry-grid .blogpost .submitted {
               margin: 15px 0 10px;
}

.masonry-grid .blogpost .blogpost-content {
               margin-left: 0;
}

.masonry-grid .blogpost .post-info {
               width: 50px;
               height: 60px;
               padding: 8px 8px;
               margin: 0 20px 5px 0;
}

.masonry-grid .blogpost .post-info .day {
               font-size: 20px;
}

.masonry-grid .blogpost .post-info .month {
               font-size: 11px;
               line-height: 1.2;
}

/* Medium desktop devices and tablets */
@media (min-width: 992px) and (max-width: 1199px) {
               .masonry-grid .blogpost footer {
                              font-size: 12px;
               }
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
               .masonry-grid-item {
                              max-width: 100%;
               }
}

/* Blog Timeline layout
---------------------------------- */
.timeline {
               position: relative;
               /*padding: 40px 0;*/
               margin-top: 40px;
               margin-top: 15px;
}

.timeline-icon {
               position: absolute;
               display: block;
               top: 0;
               left: 50%;
               color: #f3f3f3;
               color: #eaeaea;
               font-size: 40px;
               margin-left: -13px;
               top: -30px;
               line-height: 1;
}

.timeline-icon-dlk {
               
               /*top: 0;
               left: 50%;*/
               color: #eaeaea;
               font-size: 40px;
               /*margin-left: -13px;*/
               top: -5px;
               line-height: 1;
}

.timeline.row {
    margin-left: initial;
    margin-right: initial;
}

.timeline .timeline-item {
               padding: 0 15px;
}

.timeline .blogpost .blogpost-body {
               padding: 15px 15px 0 15px;
}

.timeline .blogpost h2.title {
               font-size: 24px;
}

.timeline .blogpost .submitted {
               margin: 15px 0 10px;
}

.timeline .blogpost footer {
               padding: 12px 15px;
               padding: 5px 15px;
}

.timeline .blogpost .blogpost-content {
               margin-left: 0;
}

.timeline .blogpost .post-info {
               width: 50px;
               height: 60px;
               padding: 8px 8px;
               margin: 0 20px 5px 0;
}

.timeline .blogpost .post-info .day {
               font-size: 20px;
}

.timeline .blogpost .post-info .month {
               font-size: 11px;
               line-height: 1.2;
}

.timeline .timeline-item.pull-right + .timeline-date-label {
               padding-top: 80px;
               padding-top: 30px;
}

.timeline-date-label {
    float: none;
    clear: both;
    display: block;
    margin: 0px auto;
    text-align: center;
    margin-bottom: 80px;
    margin-bottom: 5px;
    line-height: 1;
    width: 135px;
    position: relative;
    z-index: 2;
    color: #e84c3d;
    color: #d71920;
    color: var(--global-primary);
}

.timeline-date-label:after {
               background-color: #f3f3f3;
               background-color: #eaeaea;
               height: 30px;
               width: 100%;
               position: absolute;
               bottom: -8px;
               z-index: -1;
}

/* Medium desktop devices and tablets */
@media (min-width: 768px) and (max-width: 1199px) {
               .timeline .blogpost footer {
                              font-size: 12px;
               }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
               .timeline .blogpost {
                              margin-bottom: 0;
               }

               .timeline:before {
                              background-color: #f3f3f3;
                              background-color: #eaeaea;
                              width: 2px;
                              height: 100%;
                              content: "";
                              position: absolute;
                              left: 50%;
                              display: block;
                              margin-left: -1px;
                              top: 0;
               }

               .timeline .timeline-item {
                              position: relative;
                              width: 50%;
                              padding-left: 0;
                              padding-right: 40px;
                              margin-bottom: 80px;
                              margin-bottom: 30px;
                              /*margin-bottom: 30px;*/
                              float: left;
                              clear: left;
                              z-index: 1;
               }

               .timeline .timeline-item.pull-right {
                              position: relative;
                              width: 50%;
                              padding-left: 40px;
                              padding-right: 0;
                              margin-top: 80px;
                              margin-top: 30px;
                              margin-bottom: 0;
                              float: right;
                              clear: right;
               }

               .timeline .timeline-item:after {
                              content: "";
                              font-family: "FontAwesome";
        font-family: "Font Awesome 5 Pro";
                              right: 10px;
                              background-color: #f3f3f3;
                              background-color: #eaeaea;
                              left: auto;
                              position: absolute;
                              top: 19px;
                              z-index: -1;
                              width: 25px;
                              height: 3px;
               }

                .timeline .timeline-item:before {
                    content: "";
                    position: absolute;
                    background-color: #ffffff;
                    background-color: var(--global-primary);
                    border: 1px solid #e84c3d;
                    border: 1px solid #d71920;
                    border: var(--global-primary);
                    height: 13px;
                    width: 13px;
                    -webkit-border-radius: 100%;
                    -moz-border-radius: 100%;
                    border-radius: 100%;
                    top: 15px;
                    right: -5px;
                }

               .timeline .timeline-item.pull-right:after {
                              right: auto;
                              left: 10px;
               }

               .timeline .timeline-item.pull-right:before {
                              left: -5px;
               }
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
               .timeline .timeline-item.pull-right {
                              float: none !important;
               }
}

/* Comments
---------------------------------- */
.comments {
               margin-top: 60px;
}

.comments h2.title {
               margin-bottom: 40px;
               border-bottom: 1px solid #d2d2d2;
               padding-bottom: 10px;
}

.comment {
               font-size: 14px;
}

.comment .comment {
               margin-left: 75px;
}

.comment-avatar {
               margin-top: 5px;
               width: 55px;
               float: left;
}

.comment-content {
               margin-left: 75px;
               border-bottom: 1px solid #d2d2d2;
               margin-bottom: 40px;
}

.comment h3 {
               margin-top: 0;
               margin-bottom: 5px;
}

.comment-meta {
               margin-bottom: 15px;
               color: #999999;
               font-size: 12px;
}

.comment-meta a {
               color: #666666;
}

.comment-meta a:hover {
               text-decoration: underline;
}

.comment .btn {
               font-size: 12px;
               padding: 7px;
               min-width: 100px;
               margin-top: 5px;
               margin-bottom: -1px;
}

.comment .btn i {
               padding-right: 5px;
}

/* Portfolio
---------------------------------- */
.filters {
               margin: 0 0 30px 0;
}

.filters .nav-pills > li {
               margin-right: 2px;
               margin-bottom: 2px;
}

.filters .nav-pills > li + li {
               margin-left: 0px;
}

.filters.text-center .nav-pills > li {
               margin-right: 2px;
               margin-left: 2px;
               margin-bottom: 2px;
               display: inline-block;
               float: none;
}

.list-item {
               margin-bottom: 40px;
}

.list-item h3.title {
               margin-top: 0;
}

/* Portfolio Item
---------------------------------- */
.portfolio-item.side {
               font-size: 14px;
               margin-top: 30px;
}

.portfolio-item.side .social-links {
               margin: 0;
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
               .portfolio-item.side {
                              margin-top: 125px;
               }
}

/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
  /* Portfolio page */
               .filters .nav-pills > li {
                              display: inline-block;
                              width: 100%;
               }
}

/* About Us pages
---------------------------------- */
.team-member small {
               display: block;
               margin-top: -5px;
}

.team-member.box-style-1 {
               margin-top: 0;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
               .team-member.option-3 {
                              overflow: hidden;
                              margin-bottom: 20px;
               }

               .team-member.option-3 .overlay-container {
                              float: left;
                              width: 55%;
               }

               .team-member.option-3 .image-box-body {
                              float: left;
                              width: 45%;
                              padding: 20px 10px 5px 15px;
               }
}

/* Small and Medium devices (tablets, smartphones, laptops) */
@media (min-width: 768px) and (max-width: 1199px) {
               .team-member.option-3 .image-box-body {
                              padding: 40px;
               }
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
               .team-member .image-box-body {
                              padding: 15px 25px;
               }

               .team-member {
                              max-width: 480px;
                              margin: 20px auto 20px !important;
               }
}

/* Coming Soon Page
---------------------------------- */
.fullscreen-bg {
               background: url("../images/fullscreen-bg.jpg") 50% 0px no-repeat;
               position: fixed;
               top: 0;
               left: 0;
               right: 0;
               bottom: 0;
               -webkit-background-size: cover;
               -moz-background-size: cover;
               -o-background-size: cover;
               background-size: cover;
}

.boxed .fullscreen-bg {
               background: none;
}

.is-countdown {
               border: 1px solid transparent;
               background-color: transparent;
}

.countdown-section {
               text-align: center;
               padding: 20px;
               margin: 10px 0;
}

.countdown-amount {
               font-size: 36px;
               font-weight: 700;
               display: block;
}

.countdown-period {
               display: block;
               font-size: 28px;
               line-height: 1.2;
               margin-top: 15px;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
               .countdown-amount {
                              font-size: 24px;
               }

               .countdown-period {
                              font-size: 18px;
               }
}

/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
               .countdown-period {
                              font-size: 14px;
               }
}

/* Shop pages
---------------------------------- */
.listing-item {
               margin: 0 0 20px 0;
               border: 1px solid #f1f1f1;
               position: relative;
               overflow: hidden;
}

.listing-item-body {
               padding: 20px 15px 15px;
               -webkit-transition: ease-in-out all 0.25s;
               -o-transition: ease-in-out all 0.25s;
               transition: ease-in-out all 0.25s;
}

.listing-item:hover .listing-item-body {
               background-color: #fafafa;
}

.listing-item h3 {
               font-size: 18px;
}

.listing-item p {
               color: #999999;
               font-size: 13px;
}

.listing-item del,
.price del {
               font-size: 13px;
               line-height: 1;
               color: #cccccc;
}

.elements-list > * {
               border-right: 1px solid #dddddd;
               margin: 5px 6px 5px 0;
               padding-right: 10px;
               line-height: 24px;
               height: 22px;
               display: inline-block;
}

.elements-list > *:last-child {
               border-right: none;
               margin-right: 0;
               padding-right: 0;
}

.price {
               font-size: 22px;
               color: #000000;
               font-weight: 300;
}

.wishlist:hover i:before {
               content: "\f004";
}

.listing-item .badge {
               border-radius: 0;
               position: absolute;
               border-color: transparent;
               top: -1px;
               left: -1px;
               font-weight: 400;
}

.sorting-filters {
               background-color: #f3f3f3;
               border: 1px solid #dddddd;
               padding: 20px 15px;
               margin-bottom: 40px;
}

.sidebar .sorting-filters {
               margin-bottom: 0;
}

.sorting-filters label {
               display: block;
               margin-bottom: 5px;
               font-size: 14px;
}

.sorting-filters form {
               margin: 0;
}

.sorting-filters .btn {
               margin: 20px 0 0;
               min-width: 0;
               width: 100%;
}

.sorting-filters .form-control,
.sorting-filters .form-control:focus {
               margin-bottom: 5px;
               -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);
               box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);
               border-color: #f3f3f3;
}

.sorting-filters .form-inline .form-control {
               width: 100%;
}

.list-with-image {
               margin-bottom: 20px;
               border-bottom: 1px solid #f1f1f1;
               padding-bottom: 5px;
}

.list-with-image:last-child {
               border-bottom: none;
}

.list-with-image .overlay-container {
               float: left;
               width: 80px;
               margin-bottom: 10px;
}

.list-with-image h2,
.list-with-image p {
               margin-left: 100px;
}

.list-with-image h2 {
               font-size: 16px;
               margin-top: 0;
               margin-bottom: 5px;
}

.list-with-image p {
               font-size: 13px;
               color: #999;
               margin-bottom: 15px;
}

.shop-banner {
               background-color: transparent;
               border-color: transparent;
}

.shop-banner .tp-bullets {
               display: none !important;
}

.shop-banner .sorting-filters {
               margin-bottom: 0;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
               .sorting-filters .form-inline .form-group {
                              width: 18%;
                              margin-right: 1.9%;
               }

               .sorting-filters .form-inline .form-group:last-child {
                              margin-right: 0;
               }

               .shop-banner {
                              position: relative;
               }

               .shop-banner .sorting-filters {
                              position: absolute;
                              bottom: 20px;
                              z-index: 29;
                              width: 100%;
                              background-color: rgba(255, 255, 255, 0.7);
                              border: none;
               }

               .shop-banner .sorting-filters * {
                              color: #000000;
               }

               .shop-banner .sorting-filters .form-control,
  .shop-banner .sorting-filters .form-control:focus {
                              border-color: #aaaaaa;
               }
}

ul.user-menu {
    z-index: 9999 !important;
    /*min-width: unset !important*/
}

.user-menu li {
    text-align: left;
    width: 100%
    /*z-index: 9999 !important;
    min-width: unset !important*/
}

/* Cart and Checkout pages
---------------------------------- */
.cart.table .price {
               width: 18%;
}

.cart.table .amount,
.cart.table .remove,
.cart.table .quantity {
               width: 12%;
}

.table .information {
               width: 80%;
}

.cart.table .quantity input {
               width: 60px;
               padding: 6px;
}

.cart.table .product {
               font-size: 15px;
}

.cart.table .amount {
               text-align: right;
}

.cart .price {
               font-size: 14px;
}

.cart.table .product small {
               font-size: 12px;
               display: block;
               color: #999;
}

.cart.table thead > tr > th {
               font-size: 16px;
}

.cart.table .total-quantity,
.cart.table .total-amount {
               padding-top: 15px;
               padding-bottom: 15px;
               font-size: 16px;
               font-weight: 700;
}

.cart.table .total-amount {
               text-align: right;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
               .cart.table thead > tr > th {
                              font-size: 14px;
               }

               .cart.table .amount,
  .cart.table .price {
                              width: 12%;
               }

               .cart.table .remove,
  .cart.table .quantity {
                              width: 8%;
               }

               .cart.table > thead > tr > th,
  .cart.table > tbody > tr > th,
  .cart.table > tfoot > tr > th,
  .cart.table > thead > tr > td,
  .cart.table > tbody > tr > td,
  .cart.table > tfoot > tr > td {
                              padding: 8px 10px;
               }
}

/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
               .cart.table > thead > tr > th,
  .cart.table > tbody > tr > th,
  .cart.table > tfoot > tr > th,
  .cart.table > thead > tr > td,
  .cart.table > tbody > tr > td,
  .cart.table > tfoot > tr > td {
                              padding: 8px 7px;
               }
}

/* Cart dropdown block
---------------------------------- */
.cart .form-group {
               margin-bottom: 0;
}

.header-top-dropdown .dropdown-menu.cart {
               padding: 0;
               min-width: 350px;
               font-size: 12px;
               right: -1px;
}

.dropdown-menu.cart table {
               margin-bottom: 0;
}

.dropdown-menu.cart .panel-body {
               padding: 0px 10px 0px;
}

.dropdown-menu.cart .panel-body .btn {
               margin-left: 5px;
}

.total-amount,
.total-quantity {
               font-size: 13px;
}

.cart .table > tbody > tr > td,
.cart.table > tbody > tr > td {
               vertical-align: inherit;
}

.cart .quantity {
               width: 50px;
               font-size: 11px;
}

.invoice-container .cart .quantity {
               font-size: 14px;
}

.cart .product {
               width: 220px;
               font-size: 13px;
}

.cart .product .small {
               display: block;
               color: #999999;
}

.cart .amount,
.total-amount {
               font-weight: 700;
}

/* 5 Template Components
----------------------------------------------------------------------------- */
/* Buttons
---------------------------------- */
.btn {
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    min-width: 160px;
    text-align: center;
    border-radius: 0;
    border-radius: 15px;
    text-transform: uppercase;
    /*margin: 10px 0;*/
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn:focus,
.btn:active {
               outline: none;
               box-shadow: none;
}

.btn.btn-lg {
               padding: 17px 12px;
               font-size: 18px;
               min-width: 210px;
}

.btn.btn-sm {
               padding: 8px;
               font-size: 12px;
               min-width: 105px;
}

.btn.btn-xs {
               padding: 4px;
               padding: 5px;
               font-size: 12px;
               min-width: 16px;
}

.btn.btn-xm {
               padding: 4px 10px;
               font-size: 12px;
               min-width: 16px;
}

.dist-addr .btn.btn-xs {
    padding: 0 10px;
    margin-left: 10px;
    margin-left: 0;
    /*height: 32px;
    line-height: 32px;*/
}



.btn.radius {
               -webkit-border-radius: 15px;
               -moz-border-radius: 15px;
               border-radius: 15px;
}

.moving {
               -webkit-animation: moving 1.7s ease-out infinite;
               -moz-animation: moving 1.7s ease-out infinite;
               -ms-animation: moving 1.7s ease-out infinite;
               -o-animation: moving 1.7s ease-out infinite;
               animation: moving 1.7s ease-out infinite;
               position: relative;
               top: -30px;
               -webkit-transition: none !important;
               -o-transition: none !important;
               transition: none !important;
}

.btn-remove {
               font-size: 10px;
               padding: 3px 15px;
               min-width: 0;
}

@-webkit-keyframes moving {
               0% {
                              top: -30px;
               }

               60% {
                              top: 0px;
               }
}

@keyframes moving {
               0% {
                              top: -30px;
               }

               60% {
                              top: 0px;
               }
}

/* Dark Buttons */
.btn-dark {
               color: #f1f1f1;
               background-color: #333333;
               border-color: #333333;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
btn-dark.active,
.open .dropdown-toggle.btn-dark {
               color: #ffffff;
               background-color: #666666;
               border-color: #666666;
}

/* Gray Buttons */
.btn-gray {
               color: #ffffff;
               background-color: #666666;
               border-color: #666666;
}

    .btn-gray:hover,
    .btn-gray:focus,
    .btn-gray:active,
    btn-gray.active,
    .open .dropdown-toggle.btn-gray {
        color: #ffffff;
        background-color: #e84c3d;
        background-color: #d71920;
        background-color: var(--global-primary);
        border-color: #e84c3d;
        border-color: #d71920;
        border-color: var(--global-primary);
    }

/* Light Gray Buttons */
.btn-light-gray {
               /*color: #333333;*/
               color: #666;
               background-color: #fafafa;
    background-color: #f5f5f5;
               border-color: #f3f3f3;
    border-color: #f9f9f9;
    border-color: #ddd;
}

    .btn-light-gray:hover,
    .btn-light-gray:focus,
    .btn-light-gray:active,
    btn-light-gray.active,
    .open .dropdown-toggle.btn-light-gray {
        color: #ffffff;
        background-color: #e84c3d;
        background-color: #d71920;
        background-color: var(--global-primary);
        border-color: #e84c3d;
        border-color: #d71920;
        border-color: var(--global-primary);
    }

.default-bg .btn-light-gray {
               color: #ffffff;
               background-color: transparent;
               border-color: #ffffff;
}

.default-bg .btn-light-gray:hover,
.default-bg .btn-light-gray:focus,
.default-bg .btn-light-gray:active,
.default-bg btn-light-gray.active,
.default-bg .open .dropdown-toggle.btn-light-gray {
               color: #333333;
               background-color: #fafafa;
               border-color: #fafafa;
}

/* The color of default buttons is the color of current color scheme */
.btn-default {
    background-color: #e84c3d;
    background-color: #d71920;
    background-color: var(--global-primary);
    color: #ffffff !important;
    border-color: #cd3c2e;
    border-color: var(--global-primary-dark);
    border-radius: 15px;
    /*background-color: #D71A21;
    border-color: #9D0B0E;*/


    background-color: var(--global-primary);
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    btn-default.active,
    .open .dropdown-toggle.btn-default {
        color: #ffffff !important;
        background-color: #cd3c2e;
        background-color: #9e0b0f;
        /*background-color: #9D0B0E;*/


        border-color: #cd3c2e;
        border-color: #9e0b0f;
        /*border-color: #9D0B0E;*/
        background-color: var(--global-primary-dark);
        border-color: var(--global-primary-dark);
    }




.default-bg .btn-default {
               background-color: rgba(0, 0, 0, 0.3);
               border-color: transparent;
}

.default-bg .btn-default:hover,
.default-bg .btn-default:focus,
.default-bg .btn-default:active,
.default-bg btn-default.active,
.default-bg .open .dropdown-toggle.btn-default {
               color: #ffffff !important;
               background-color: rgba(0, 0, 0, 0.5);
               border-color: transparent;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
               background-color: #cd3c2e;
               background-color: var(--global-primary);
               border-color: #cd3c2e;
               border-color: var(--global-primary-dark);
               opacity: 0.7;
               filter: alpha(opacity=70);
}

/* Button with transparent bg */
.btn-white {
    background-color: transparent;
    color: #cd3c2e;
    color: var(--global-primary);
    border: 1px solid #e84c3d;
    border: 1px solid #d71920;
    border: 1px solid var(--global-primary);
}

.footer .btn-white,
.subfooter .btn-white {
               color: inherit;
}

.footer .btn-white:hover,
.subfooter .btn-white:hover {
               color: #ffffff;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
btn-white.active,
.open .dropdown-toggle.btn-white {
    color: #ffffff;
    background-color: #cd3c2e;
    background-color: #d71920;
    background-color: var(--global-primary);
    border-color: #cd3c2e;
    border-color: #d71920;
    border-color: var(--global-primary);
    /*border-color: #27272a;*/
}

.default-bg .btn-white {
               color: #ffffff;
               background-color: transparent;
               border-color: #ffffff;
}

.default-bg .btn-white:hover,
.default-bg .btn-white:focus,
.default-bg .btn-white:active,
.default-bg btn-white.active,
.default-bg .open .dropdown-toggle.btn-white {
               color: #333333;
               background-color: #fafafa;
               border-color: #fafafa;
}

.footer-content .btn-white {
               color: #999999;
               background-color: transparent;
               border-color: #555;
}

.btn-default .badge {
               color: #666666;
               background-color: #ffffff;
               border: none;
}

/*Button background transitions*/
.btn-hvr {
               -webkit-transition: all 0.4s ease-in-out;
               -o-transition: all 0.4s ease-in-out;
               transition: all 0.4s ease-in-out;
}

.hvr-sweep-to-right:before,
.hvr-sweep-to-left:before,
.hvr-sweep-to-bottom:before,
.hvr-sweep-to-top:before,
.hvr-bounce-to-right:before,
.hvr-bounce-to-left:before,
.hvr-bounce-to-bottom:before,
.hvr-bounce-to-top:before,
.hvr-radial-out:before,
.hvr-rectangle-out:before,
.hvr-shutter-out-horizontal:before,
.hvr-shutter-out-vertical:before {
               background: #cd3c2e;
}

.hvr-radial-in:before,
.hvr-rectangle-in:before,
.hvr-shutter-in-horizontal:before,
.hvr-shutter-in-vertical:before {
               background: #fafafa;
}

/* Links
---------------------------------- */
.link {
               padding-right: 23px;
               position: relative;
               display: inline-block;
               text-align: right;
}

.link:hover {
               text-decoration: none;
}

.link:hover span {
               text-decoration: underline;
}

/*.link:after {
               content: "\f178";
               font-family: "FontAwesome";
    font-family: "Font Awesome 5 Pro";
               position: absolute;
               right: 0;
               top: 2px;
    /*background-color: yellow;
}*/

.link-light {
               color: #ffffff;
               text-decoration: none !important;
}

.link-light:hover {
               color: #ffffff;
               text-decoration: underline !important;
}

.link-dark {
               color: #333333;
               text-decoration: none !important;
}

.link-dark:hover {
               color: #333333;
               text-decoration: underline !important;
}

#footer:not(.light) .link-dark {
               color: #cdcdcd;
}

#footer:not(.light) .link-dark:hover {
               color: #cdcdcd;
}

/* Forms
---------------------------------- */
form {
               margin: 20px 0;
}

textarea {
               resize: vertical;
}

.sidebar form {
               margin: 5px 0 20px 0;
}

.form-control {
               border-radius: 0;
               background: #ffffff;
               /*height: 40px;*/
               /*padding-right: 30px;*/
               border-color: #acacac;
               
               color: #666666;
               position: relative;
               -webkit-appearance: none;
               -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
               box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
               padding: 5px 10px;
               line-height: initial;
               
}

.form-control:focus {
               /*border-color: #666666;*/
               /*-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
               box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);*/
}

select.form-control {
               padding-right: 5px;
}

.form-control::-moz-placeholder {
               color: inherit;
               color: #bbb;
}

.form-control:-ms-input-placeholder {
               color: inherit;
               color: #bbb;
}

.form-control::-webkit-input-placeholder {
               color: inherit;
               color: #bbb;
}

.input-group-addon {
               background-color: #cacaca;
               border-color: #acacac;
               -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
               border-radius: 0px;
}

.form-list > div {
               padding: 7px 15px;
               border-bottom: 1px solid #dddddd;
               background-color: #f3f3f3;
               margin: 6px 0;
               display: block;
}

fieldset {
               padding: 10px 25px;
               margin: 15px 0px;
               border: 1px solid #dddddd;
               background-color: #fafafa;
}

fieldset legend {
               display: block;
               width: auto;
               padding: 3px 10px;
               margin-bottom: 0;
               font-size: 15px;
               line-height: inherit;
               color: #333;
               border: 1px solid #ddd;
               background-color: #ffffff;
}

fieldset .form-control,
fieldset .form-control:focus {
               -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);
               box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);
               border-color: #f3f3f3;
}

/*.badge {
               padding: 2px 4px 3px;
               font-size: 10px;
               margin-left: 12px;
               top: -2px;
               position: relative;
               font-weight: 400;
               border-radius: 2px;
               background-color: transparent;
               color: inherit;
               border: 1px solid #666666;
}*/

.dropdown .badge {
               background-color: transparent;
               color: inherit;
               position: absolute;
               right: 25px;
               top: 14px;
}

.mega-menu .menu > li > a .badge {
               position: absolute;
               right: 10px;
               top: 9px;
}

.dropdown .active > a > .badge,
.dropdown a:hover .badge,
.dropdown .open > a > .badge {
               border-color: #e84c3d;
}

.dark .dropdown .active > a > .badge,
.dark .dropdown a:hover .badge,
.dark .dropdown .open > a > .badge {
               border-color: #3d3d3d !important;
}

@media (max-width: 767px) {
               .dropdown .badge {
                              right: 50px;
                              top: 15px;
               }
}

/* Forms in all backgrounds */
.dark-bg .form-control {
               background-color: rgba(255, 255, 255, 0.2);
               border-color: #000000;
               -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.45);
               box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.45);
               color: #999999;
}

.dark-bg .input-group-addon {
               background-color: rgba(255, 255, 255, 0.2);
               border-color: #000000;
}

.dark-bg .form-control:focus {
               background-color: rgba(255, 255, 255, 0.25);
}

.gray-bg .form-control,
.header-top-dropdown .form-control,
#footer.light .form-control {
               -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);
               box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);
               border-color: #f1f1f1;
               background-color: #ffffff;
}

.gray-bg .form-control:focus,
.header-top-dropdown .form-control:focus,
#footer.light .form-control:focus {
               border-color: #cacaca;
               -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.09);
               box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.09);
}

.dark .header-top-dropdown .form-control {
               background-color: rgba(255, 255, 255, 0.2);
               border-color: #333;
               -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.45);
               box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.45);
               color: #cdcdcd;
}

.dark .header-top-dropdown form i {
               color: #cdcdcd;
}

.dark .header-top-dropdown .form-control:focus {
               background-color: rgba(255, 255, 255, 0.25);
}

.gray-bg .input-group-addon {
               background-color: #ececec;
               border: 1px solid #f1f1f1;
}

.default-bg .form-control {
               border-color: #e84c3d;
               background-color: rgba(0, 0, 0, 0.2);
               -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
               box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
               color: #ffffff;
}

.default-bg .form-control:focus {
               border-color: #e84c3d;
               background-color: rgba(0, 0, 0, 0.25);
}

.default-bg .input-group-addon {
               background-color: #cd3c2e;
               border-color: #e84c3d;
               color: #ffffff;
}

.default-bg select.form-control,
.dark-bg select.form-control {
               color: #666666;
}

footer:not(.light) .footer-content .form-control {
               border-color: #292929;
               background-color: rgba(0, 0, 0, 0.3);
               -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.55);
               box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.55);
}

footer:not(.light) .footer-content .form-control:focus {
               background-color: rgba(0, 0, 0, 0.2);
               -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.55);
               box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.55);
}

footer:not(.light) .footer-content .input-group-addon {
               background-color: rgba(0, 0, 0, 0.5);
               border: transparent;
}

select.form-control {
               -webkit-appearance: menulist;
               /*-webkit-appearance: listbox;*/
}

select[multiple].form-control {
               -webkit-appearance: listbox;
}

select[data-type='list'].form-control {
    -webkit-appearance: listbox;
}

/* Validation states */
.has-success .form-control,
.has-success .form-control:focus {
               border-color: #3c763d;
}

.has-warning .form-control,
.has-warning .form-control:focus {
               border-color: #8a6d3b;
}

.has-error .form-control,
.has-error .form-control:focus {
               border-color: #a94442;
}

.default-bg .has-success .form-control,
.default-bg .has-warning .form-control,
.default-bg .has-error .form-control,
.default-bg .has-success .form-control:focus,
.default-bg .has-warning .form-control:focus,
.default-bg .has-error .form-control:focus {
               border-color: #ffffff;
               color: #ffffff;
}

.default-bg .has-success .form-control-feedback,
.default-bg .has-warning .form-control-feedback,
.default-bg .has-error .form-control-feedback,
.default-bg .has-success .control-label,
.default-bg .has-warning .control-label,
.default-bg .has-error .control-label {
               color: #ffffff;
}

.has-success .form-control,
.has-warning .form-control,
.has-error .form-control {
               -webkit-box-shadow: none;
               box-shadow: none;
}

.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
               -webkit-box-shadow: none;
               box-shadow: none;
}

.has-error .error {
               font-weight: 700;
               margin-bottom: 5px;
               display: block;
}

/* forms with icons */
label ~ .form-control-feedback {
               top: 25px;
}

.form-control-feedback {
               width: 40px;
               height: 40px;
               line-height: 42px !important;
               top: 0;
}

/* Disabled forms */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
               opacity: 0.5;
               filter: alpha(opacity=50);
}

/* Pager
---------------------------------- */
ul.pagination,
ul.pager {
               margin: 20px 0 40px;
    margin: 20px 5px;
    margin: 10px 0 0 0;
               text-align: left;
}

ul.pagination li {
               padding: 0;
               margin: 0 5px 0 0;
               border-bottom: none;
               font-size: 12px;
               display: inline-block;
               -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
               border-radius: 0px;
}

ul.pagination li > a,
.pagination > li:first-child > a,
.pagination > li:last-child > a,
ul.pager li > a {
               padding: 10px 15px;
               border: 1px solid #f3f3f3;
               line-height: 1;
               background-color: #fafafa;
               display: inline-block;
               -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
               border-radius: 0px;
               color: #666666;
}

    ul.pagination li > a:hover {
        background-color: transparent;
        color: #ffffff;
        background-color: #e84c3d;
        background-color: #d71920;
        background-color: var(--global-primary);
        border-color: #e84c3d;
        border-color: #d71920;
        border-color: var(--global-primary);
    }

    ul.pagination li.active a,
    .pagination > .active > a:hover,
    .pagination > .active > a:focus {
        color: #ffffff;
        background-color: #e84c3d;
        background-color: #d71920;
        background-color: var(--global-primary);
        border-color: #e84c3d;
        border-color: #d71920;
        border-color: var(--global-primary);
        line-height: 1;
    }

ul.pagination li > a:focus {
               background: none;
}

/* Breadcrumb
---------------------------------- */
.breadcrumb {
               background-color: transparent;
               margin-bottom: 0;
               font-size: 13px;
               padding: 8px 0;

    padding: 20px 0 0;
}

/* Tabs
---------------------------------- */
.nav-tabs {
               -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.04);
               box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.04);
               /*border-bottom: 1px solid #f0f0f0;*/
               margin-top: 15px;
}

.nav-tabs > li > a {
               font-size: 11px;
               text-transform: uppercase;
               -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
               border-radius: 0px;
               padding: 12px 25px;
               position: relative;
               color: #666666;
}

.nav-tabs > li > a:hover {
               border-color: #f0f0f0 #f0f0f0 #ebebeb;
               background-color: #fafafa;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
               color: #666666;
               /*background-color: #fafafa;*/
               border: 1px solid #f0f0f0;
    border: 1px solid #dedede;
               -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04);
               box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04);
               border-bottom-color: transparent;
}

    .nav-tabs > li.active > a:after {
        width: 3px;
        content: "";
        background-color: #e84c3d;
        background-color: #d71920;
        background-color: var(--global-primary);
        height: 103%;
        position: absolute;
        left: 0;
        top: 0;
    }

/*.tab-content {
               border: 1px solid #f0f0f0;
               padding: 20px;
               border-top: none;
               position: relative;
               -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
               box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
               background-color: #fafafa;
               margin-bottom: 15px;
}*/

.tab-content h1 {
               font-size: 34px;
}

/*.tab-content:after {
               width: 3px;
               content: "";
               background-color: #e84c3d;
               height: 100%;
               position: absolute;
               left: 0;
               top: 0;
}*/

.tab-content.clear-style {
               border: none;
               padding: 10px 0 0 0;
               -webkit-box-shadow: none;
               box-shadow: none;
               background-color: transparent;
}

.tab-content.clear-style:after {
               width: 0;
               background-color: transparent;
               height: 100%;
}

/* Small devices (tablets, smartphones) */
@media (min-width: 481px) and (max-width: 767px) {
               .nav-tabs > li > a {
                              padding: 12px 10px;
                              font-size: 11px;
                              margin-right: 0;
               }
}

/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
               .nav-tabs {
                              background-color: #999999;
               }

               .nav-tabs > li {
                              float: none;
               }

               .nav-tabs > li a {
                              color: #ffffff;
                              margin-right: 0;
                              border-bottom: 1px solid #8f8f8f;
               }

               .nav-tabs > li > a:hover {
                              color: #666666;
               }

                .nav-tabs > li > a:hover:after {
                    width: 3px;
                    content: "";
                    background-color: #e84c3d;
                    background-color: #d71920;
                    background-color: var(--global-primary);
                    height: 102%;
                    position: absolute;
                    left: 0;
                    top: 0;
                }
}

/* Horizontal tabs version 2 */
.tabs-style-2 > .nav-tabs {
    border-bottom: 1px solid #e84c3d;
    border-bottom: 1px solid #d71920;
    border-bottom: 2px solid var(--global-primary);
}

    .tabs-style-2 > .nav-tabs > li.active > a,
    .tabs-style-2 > .nav-tabs > li.active > a:hover,
    .tabs-style-2 > .nav-tabs > li.active > a:focus,
    .tabs-style-2 > .nav-tabs > li > a:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #e84c3d;
        border: 1px solid #d71920;
        border: 1px solid var(--global-primary);
        background-color: #e84c3d;
        background-color: #d71920;
        background-color: var(--global-primary);
        color: #ffffff;
    }

.tabs-style-2 > .nav-tabs > li.active > a:after {
               width: 0;
               height: 0;
               background-color: transparent;
}

.tabs-style-2 .tab-content {
               border: none;
               padding: 20px 0;
               -webkit-box-shadow: none;
               box-shadow: none;
               background-color: transparent;
}

.tabs-style-2 .tab-content:after {
               width: 0px;
               background-color: transparent;
               height: 0;
}

.tabs-style-2 > .nav-tabs > li > a:hover:after {
               width: 0;
               background-color: transparent;
               height: 0;
}

/* vertical tabs */
.vertical {
               margin: 20px 0;
}

.vertical.hc-tabs {
               margin: 40px 0;
}

.vertical .nav-tabs,
.vertical .tab-content {
               display: table-cell;
               margin: 0;
               vertical-align: top;
}

.vertical .nav-tabs {
               -webkit-box-shadow: none;
               box-shadow: none;
               border-bottom-color: transparent;
               background-color: #999999;
}

.vertical .nav-tabs > li {
               float: none;
}

.vertical .nav-tabs > li a {
               margin: 0;
               padding: 15px 40px;
               white-space: nowrap;
               color: #ffffff;
               border-bottom: 1px solid #8f8f8f;
}

.vertical .nav-tabs > li > a:hover {
               border-color: #f0f0f0 #f0f0f0 #ebebeb;
               border-right-color: transparent;
               color: #666666;
               z-index: 2;
}

    .vertical .nav-tabs > li > a:hover:after {
        width: 3px;
        content: "";
        background-color: #e84c3d;
        background-color: #d71920;
        background-color: var(--global-primary);
        height: 102%;
        position: absolute;
        left: 0;
        top: 0;
    }

.vertical .nav-tabs > li.active > a,
.vertical .nav-tabs > li.active > a:hover,
.vertical .nav-tabs > li.active > a:focus {
               -webkit-box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.04);
               box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.04);
               border-right-color: transparent;
               border-bottom-color: #f0f0f0;
               color: #666666;
               z-index: 2;
               width: 101%;
}

.vertical .tab-content {
               border-top: 1px solid #f0f0f0;
               -webkit-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.04);
               box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.04);
               left: -1px;
               z-index: 1;
               padding: 20px 30px;
}

.vertical .tab-content:after {
               background-color: transparent;
}

.arrow {
               display: block;
               position: relative;
}

.arrow i {
               font-size: 96px;
               top: -62px;
               position: absolute;
               line-height: 1;
               z-index: 2;
               left: 50%;
               margin-left: -27px;
}

.arrow i:before {
               color: #fafafa;
               text-shadow: 0px -1px 1px #E9E9E9;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
               .vertical .nav-tabs,
  .vertical .tab-content {
                              display: block;
               }
}

/* hc-tabs */
.hc-tabs .hc-tabs-top img {
               display: none;
}

/* Nav pills
---------------------------------- */
.nav-pills > li > a {
               border-radius: 0;
               padding: 10px 15px;
               border: 1px solid transparent;
               color: #666666;
               font-size: 13px;
               text-transform: uppercase;
               font-weight: 700;
}

.nav-pills.nav-stacked > li + li {
               margin-left: 0;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    border: 1px solid #f3f3f3;
    color: #e84c3d;
    color: #d71920;
    color: var(--global-primary);
    background-color: #fafafa;
}

.nav-pills.nav-stacked > li > a:after {
               font-family: "FontAwesome";
    font-family: "Font Awesome 5 Pro";
               content: "\f105";
               font-size: 14px;
               font-weight: 700;
               position: absolute;
               right: 15px;
               top: 9px;
               color: #d1d1d1;
               -webkit-transition: all 0.2s ease-in-out;
               -o-transition: all 0.2s ease-in-out;
               transition: all 0.2s ease-in-out;
    /*background-color: yellow;*/
}

.nav-pills > li.active > a:after {
    color: #e84c3d;
    color: #d71920;
    color: var(--global-primary);
}

.nav-pills > li.active > a:hover:after,
.nav-pills > li.active > a:focus:after,
.nav-pills > li > a:hover:after,
.nav-pills > li > a:focus:after {
    color: #e84c3d;
    color: #d71920;
    color: var(--global-primary);
    right: 10px;
}

.footer-content .nav-pills > li > a {
               padding: 4px 0px;
               border-color: transparent;
               color: #999999;
               font-weight: 400;
}

.footer-content .nav-pills > li:last-child > a {
               border-bottom: none;
}

.footer-content .nav-pills > li.active > a,
.footer-content .nav-pills > li.active > a:focus,
.footer-content .nav-pills > li > a:focus {
               color: #999999;
               background-color: transparent;
               border-color: transparent;
}

.footer-content .nav-pills > li.active > a:hover,
.footer-content .nav-pills > li > a:hover {
               color: #ffffff;
               background-color: transparent;
               border-color: transparent;
}

.footer-content .nav-pills.nav-stacked > li > a:after {
               top: 3px;
}

.footer-content .nav-pills.nav-stacked > li > a:after,
.footer-content .nav-pills > li.active > a:after,
.footer-content .nav-pills > li.active > a:hover:after,
.footer-content .nav-pills > li.active > a:focus:after,
.footer-content .nav-pills > li > a:hover:after,
.footer-content .nav-pills > li > a:focus:after {
               color: #999999;
}

.light .footer-content .nav-pills > li > a,
.light .footer-content .nav-pills > li.active > a,
.light .footer-content .nav-pills > li.active > a:focus,
.light .footer-content .nav-pills > li > a:focus {
               color: #666666;
}

.light .footer-content .nav-pills > li.active > a:hover,
.light .footer-content .nav-pills > li > a:hover {
               color: #cd3c2e;
}

.light .footer-content .nav-pills.nav-stacked > li > a:after,
.light .footer-content .nav-pills > li.active > a:after,
.light .footer-content .nav-pills > li.active > a:hover:after,
.light .footer-content .nav-pills > li.active > a:focus:after,
.light .footer-content .nav-pills > li > a:hover:after,
.light .footer-content .nav-pills > li > a:focus:after {
               color: #666666;
}

.nav-pills > .active > a > .badge {
               color: #cd3c2e;
               background-color: #ffffff;
               border-color: #cd3c2e;
}

/* Process pills */
.process .nav-pills > li + li {
               margin-left: 60px;
               position: relative;
}

.process .nav-pills > li + li:after {
               font-family: "FontAwesome";
    font-family: "Font Awesome 5 Pro";
               content: "\f101";
               position: absolute;
               top: 10px;
               left: -35px;
               width: 10px;
               background-color: #ffffff;
}


.panel-danger {
    color: #fff;
    background-color: #d71920;
    border-color: #eed3d7;
}

/* Collapse
---------------------------------- */
.panel-group .panel {
               -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
               border-radius: 0px;
               border: none;
}

.panel-default > .panel-heading {
               padding: 0;
               outline: none;
               border: none;
               -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
               border-radius: 0px;
               width: 100%;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
               border: 1px solid #f0f0f0;
               border-top: none;
               background-color: #fafafa;
}

.panel-heading a {
    font-weight: 400;
    padding: 12px 35px 12px 15px;
    display: inline-block;
    width: 100%;
    background-color: #e84c3d;
    background-color: #d71920;
    background-color: var(--global-primary);
    color: #ffffff;
    position: relative;
    text-decoration: none;
}

.panel-dark .panel-heading a,
.panel-dark .panel-heading a:hover {
               background-color: #333333;
}

.panel-transparent .panel-default > .panel-heading,
.panel-transparent .panel-default > .panel-heading + .panel-collapse > .panel-body {
               background-color: transparent;
               color: inherit;
}

.panel-transparent .panel-heading a {
               border: 1px solid #f1f1f1;
}

.panel-transparent .panel-heading a.collapsed {
               color: inherit;
               background-color: transparent;
}

.panel-heading a.collapsed {
               color: #ffffff;
               background-color: #999999;
}

.panel-heading a:after {
               font-family: "Font Awesome 5 Pro";
               content: "\f147";
    content: "\f0fe";
    content: "\f146";
    /*content: "\f0fe";*/
               position: absolute;
               right: 15px;
               font-size: 18px;
               font-weight: 500;
               top: 50%;
               line-height: 1;
               margin-top: -7px;
    /*background-color: yellow;*/
}

.panel-heading a.collapsed:after {
               content: "\f196";
    content: "\f0fe";
}

.panel-heading a:hover,
.panel-transparent .panel-heading a:hover {
    text-decoration: none;
    background-color: #e84c3d;
    background-color: #d71920;
    background-color: var(--global-primary);
    color: #ffffff;
}

.panel-title a i {
               padding-right: 10px;
               font-size: 20px;
}

/* Progress bars
---------------------------------- */
.progress {
    margin: 15px;
	/*margin-bottom: 25px;*/
	background-color: #f1f1f1;
    /*background-color: yellow;*/
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	height: 30px;
    position: relative;
}

.progress-bar {
               padding: 6px 0 5px 0;
               text-align: left;
}

.progress-bar-default {
    background-color: #e84c3d;
    background-color: #d71920;
    background-color: var(--global-primary);
}

.progress-bar-gray {
               background-color: #999999;
}

.progress-bar-dark {
               background-color: #333333;
}

.gray-bg .progress {
               background-color: #ffffff;
               -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
               box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
}

.progress span {
	/*position: relative;
	left: 15px;*/
    /*margin-left: auto;
    margin-right: auto;*/
    
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    font-weight: 700;
    color: #333;
}

/* Circular Progress Bars
---------------------------------- */
.knob-container {
               margin: 10px;
               position: relative;
               display: inline-block;
}

.knob-container canvas {
               width: 132px;
               height: 132px;
               margin: 0 auto;
}

.knob-text {
               position: absolute;
               text-align: center;
               top: 50%;
               width: 100%;
               margin-top: -14px;
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
               .knob-container canvas {
                              width: 169px;
                              height: 169px;
               }
}

/* Alerts
---------------------------------- */
.alert {
               padding: 15px 10px;
               /*padding: 15px 15px;*/
               margin: 20px 0;
               -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
               border-radius: 0px;
               position: relative;
               padding-left: 70px;
               overflow: hidden;
               z-index: 1;
               border: none;
               
}

.alert:before {
               position: absolute;
               content: "";
               top: 0px;
               left: 0px;
               width: 50px;
               height: 101%;
               background-color: rgba(0, 0, 0, 0.25);
               z-index: 2;
}



.alert-info {
               color: #1a4e68;
               background-color: #c6e8fa;

               color: #444!important;
               background-color: rgb(239, 239, 239);

}

.alert-tip {
               color: #444!important;
               background-color: rgb(239, 239, 239);
}

.alert-tip2 {
               color: #444!important;
               background-color: rgb(239, 239, 239);
               margin: 10px 10px 5px 25px !important;
               font-size: 1.35em;
               
}


.alert-warning {
               color: #72582b;
               background-color: #f7f0ce;
               /*background-color: red;*/
}

.alert:after {
               font-family: "FontAwesome";
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    font-weight: 500;
               position: absolute;
               top: 5px;
               left: 14px;
               color: #ffffff;
               /*font-size: 24px;*/
               /*font-size: 124px !important;*/
               z-index: 3;
               
}

/*.alert.alert-success:after {
               content: "\f00c";
}*/

/*.alert.alert-info:after {
    height: 100%;
    padding-top: 8px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    text-align: center;
    top: 0;
    left: 0;
    width: 45px;
    background-color: #124F6E;
    background-color: #033a5e;
    
    content: "\f05a";
}*/


.alert.alert-info:after, .alert.alert-tip:after, .alert.alert-tip2:after {
    height: 100%;
    padding-top: 8px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    text-align: center;
    top: 0;
    left: 0;
    width: 45px;
    background-color: #444;
    
    content: "\f672";
}

.alert.alert-tip2:after {
    /*height: unset;*/
    background-color: #666;
    padding: 5px 0;
    height: 90% !important;
}

.alert.alert-info {
    
}

.alert.alert-info:after {
    content: "\f05a";
    background-color: rgb(190, 190, 190);
    
}

.alert.alert-danger:after {
    height: 100%;
    padding-top: 8px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    text-align: center;
    top: 0;
    left: 0;
    width: 45px;
    background-color: #124F6E;
    background-color: #9e0b0f;
    
    content: "\f05a";
}

#d365alert.alert.alert-info:after {
               content: none !important;
               display: none;
}


.alert.alert-warning:after {
    /*background-color: red;
    position: absolute;
    left: -10px;*/
    height: 100%;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    text-align: center;
    top: 0;
    left: 0;
    width: 45px;
    background-color: #ffce55;
    /*background-color: #fff1a8;*/
    /*font-weight: 500;*/
    
    content: "\f071";
    /*font-size: 2em !important;*/
               /*content: none;*/
}



.alert.alert-success:after {
    /*background-color: red;
    position: absolute;
    left: -10px;*/
    height: 100%;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    text-align: center;
    top: 0;
    left: 0;
    width: 45px;
    /*background-color: #ffce55;*/
        background-color: rgb(42, 95, 43);
    /*background-color: #fff1a8;*/
    /*font-weight: 500;*/
    
    content: "\f00c" !important;
    color: #a0d468;
    color: #C7FF8F !important;
    /*font-size: 2em !important;*/
               /*content: none;*/
}



.alert.alert-warning.alert-question:after {
               content: "\f128" !important;
               
}


.alert.alert-danger:after {
               content: "\f00d";
               content: "\f057";
}

#secureWarning.alert.alert-danger:after, #financial-warning.alert.alert-danger:after, #prod-ship-incomplete.alert.alert-danger:after {
    content: "\f071";
    content: "\f06a";
}



#kbalert.alert.alert-warning:after {
               content: none !important;
               display: none !important;
}

.close {
               /*font-size: 28px;*/
               font-weight: normal;
               filter: alpha(opacity=40);
               opacity: 0.4;
               /*opacity: 1;*/
}

/*Announcments
---------------------------------- */
.announcement {
               font-size: 13px;
}

.announcement .alert {
               -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
               border-radius: 0px;
               padding: 5px 0;
               position: relative;
}

.announcement .alert:before {
               background-color: transparent;
}

.announcement .alert .close {
               position: absolute;
               top: 50%;
               right: 10px;
               z-index: 3;
               margin-top: -14px;
               text-shadow: none;
               opacity: 0.7;
               filter: alpha(opacity=70);
}

.announcement .alert .close:hover,
.announcement .alert .close:focus {
               color: #ffffff;
               opacity: 1;
               filter: alpha(opacity=100);
}

.announcement p:last-child {
               margin-bottom: 0;
}

.announcement h2,
.announcement h3,
.announcement h4 {
               margin-top: 5px;
               margin-bottom: 0px;
               font-weight: 500;
}

/* Modals
---------------------------------- */
/*.modal-open .page-wrapper {
               -webkit-filter: blur(3px);
               -moz-filter: blur(5px);
               -o-filter: blur(5px);
               -ms-filter: blur(5px);
               filter: blur(5px);
}*/

.modal-content {
               -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
               border-radius: 0px;
}

    .modal-content .modal-header {
        background-color: #e84c3d;
        background-color: #d71920;
        /*background-color: #9C0A0D;*/
        background-color: var(--global-primary);
    }

.modal-content .modal-title {
               font-size: 24px;
               color: #ffffff;
}

.modal-footer .btn {
               margin: 0;
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) {
               .modal-lg {
                              width: 1140px;
               }
}

/* Popups
---------------------------------- */
.mfp-zoom-out-cur .page-wrapper {
               -webkit-filter: blur(3px);
               -moz-filter: blur(5px);
               -o-filter: blur(5px);
               -ms-filter: blur(5px);
               filter: blur(5px);
}

.mfp-bg {
               opacity: 0.6;
               filter: alpha(opacity=60);
}

.mfp-figure:after {
               background-color: #ffffff;
}

/* Images and Images overlay
---------------------------------- */
.fixed-image {
               background-position: center center;
               background-repeat: no-repeat;
               height: 400px;
}

.no-touch .fixed-image {
               background-attachment: fixed;
}

.fixed-image {
               -webkit-background-size: cover;
               -moz-background-size: cover;
               -o-background-size: cover;
               background-size: cover;
}

.overlay-container {
               position: relative;
               display: block;
               overflow: hidden;
}

.overlay {
               position: absolute;
               top: 0;
               bottom: -1px;
               left: 0;
               right: -1px;
               background-color: rgba(241, 241, 241, 0.85);
               overflow: hidden;
               opacity: 0;
               filter: alpha(opacity=0);
               -webkit-transform: scale(0.8);
               -moz-transform: scale(0.8);
               -ms-transform: scale(0.8);
               -o-transform: scale(0.8);
               transform: scale(0.8);
               -webkit-transition: all linear 0.2s;
               -o-transition: all linear 0.2s;
               transition: all linear 0.2s;
}

.overlay a {
               display: inline-block;
               width: 50px;
               height: 50px;
               font-size: 26px;
               color: #e84c3d;
               background-color: #ffffff;
               text-align: center;
               position: absolute;
               top: 50%;
               left: 50%;
               margin-top: -25px;
               margin-left: -25px;
}

.overlay span {
               position: absolute;
               display: block;
               bottom: 10px;
               text-align: center;
               width: 100%;
               color: #000000;
               font-style: italic;
}

.overlay-links {
               display: block;
               margin: 0 auto;
               position: absolute;
               top: 50%;
               margin-top: -25px;
               left: 50%;
               margin-left: -50px;
               font-size: 0;
               opacity: 0;
               filter: alpha(opacity=0);
               -webkit-transform: scale(0.4);
               -moz-transform: scale(0.4);
               -ms-transform: scale(0.4);
               -o-transform: scale(0.4);
               transform: scale(0.4);
               -webkit-transition: all 0.25s linear 0.05s;
               -o-transition: all 0.25s linear 0.05s;
               transition: all 0.25s linear 0.05s;
}

.overlay-links a {
               position: static;
               margin-top: 0;
               margin-left: 0;
}

.overlay-links a + a {
               left: 50px;
               color: #ffffff;
               background-color: #e84c3d;
}

.overlay a:hover {
               color: #ffffff;
               background-color: #333333;
               text-decoration: none;
}

.overlay i {
               line-height: 50px;
}

.box-style-1 .overlay i {
               font-size: 26px;
               margin: 0;
}

a.overlay {
               background-color: rgba(255, 255, 255, 0.9);
               cursor: pointer;
}

a.overlay:hover {
               text-decoration: none;
}

.listing-item a.overlay {
               -webkit-transition: linear 0.25s;
               -o-transition: linear 0.25s;
               transition: linear 0.25s;
               background-color: rgba(255, 255, 255, 0.7);
               -webkit-transform: scale(1);
               -moz-transform: scale(1);
               -ms-transform: scale(1);
               -o-transform: scale(1);
               transform: scale(1);
}

.listing-item a.overlay:hover {
               text-decoration: none;
}

a.overlay i {
               position: absolute;
               left: 50%;
               top: 50%;
               font-size: 40px;
               line-height: 42px;
               color: #e84c3d;
               margin-top: -22px;
               margin-left: -18px;
               text-align: center;
}

a.overlay.small i {
               font-size: 18px;
               line-height: 1;
               margin-top: -8px;
               margin-left: -8px;
}

.overlay .social-links {
               margin: 0;
               position: absolute;
               bottom: 10px;
               width: 100%;
               text-align: center;
}

.overlay .social-links li {
               margin: 0 auto;
}

.overlay .social-links li a {
               margin: 2px;
               width: 40px;
               height: 40px;
               font-size: 18px;
               position: static;
}

.overlay .social-links li a:hover {
               background-color: #ffffff;
               border-color: #ffffff;
               text-decoration: none;
}

.overlay .social-links li a i {
               line-height: 38px;
               font-size: 24px;
               margin: 0;
}

.overlay-container:hover .overlay,
.overlay-container:hover .overlay-links {
               opacity: 1;
               filter: alpha(opacity=100);
               -webkit-transform: scale(1);
               -moz-transform: scale(1);
               -ms-transform: scale(1);
               -o-transform: scale(1);
               transform: scale(1);
}

/* Responsive iframe
---------------------------------- */
.tp-caption .embed-responsive {
               overflow: visible;
}

/* Audio wrapper
---------------------------------- */
.audio-wrapper iframe {
               width: 100%;
               border: none;
               margin-bottom: 20px;
}

/* Scroll Spy
---------------------------------- */
.scroll-spy {
               position: relative;
}

/* 6 Navigations
----------------------------------------------------------------------------- */
/* first level menu */
.navbar.navbar-default {
               border-radius: 0;
               margin: 12px 0 5px;
    margin: 0;
               background-color: #fafafa;
               border-color: #f1f1f1;
}

.header-small .navbar.navbar-default {
               margin: 6px 0 5px;
}

/* first level menu items */
.navbar-default .navbar-nav > li > a {
               color: #666666;
               text-transform: uppercase;
               font-size: 14px;
               font-weight: 700;
               padding: 12px 20px 12px 19px;
               z-index: 102;
               border: 1px solid transparent;
               bottom: -1px;
               -webkit-transition: none;
               -o-transition: none;
               transition: none;
}

.navbar-default .navbar-nav > li > a:hover {
               -webkit-transition: all 0.2s ease-out;
               -o-transition: all 0.2s ease-out;
               transition: all 0.2s ease-out;
}

/* first level active menu items on hover/focus */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus {
    color: #e84c3d;
    color: #d71920;
    color: var(--global-primary);
    /*color: #D71A21;*/
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a:hover {
               background-color: transparent;
}

/* first level active menu items when opened */
.main-navigation .navbar-nav > .open > a,
.main-navigation .navbar-nav > .open > a:hover,
.main-navigation .navbar-nav > .open > a:focus {
               color: #666666;
               background-color: #fafafa;

               border: 1px solid #f1f1f1;
    border: 1px solid #dddddd;
               border-bottom: 1px solid transparent;
               -webkit-box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.03);
               box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.03);


    background-color: #F7F7F7;
        
}

/* first level active menu items when clicked */
.main-navigation .navbar-nav > .open > a:active,
.main-navigation .navbar-nav > open.active > a:active {
               background-color: #ffffff;
               -webkit-box-shadow: none;
               box-shadow: none;
               border-color: transparent;
               -webkit-transition: all 0.1s ease-in-out;
               -o-transition: all 0.1s ease-in-out;
               transition: all 0.1s ease-in-out;
}

.main-navigation .navbar-nav > .open > a:active + ul,
.main-navigation .navbar-nav > open.active > a:active + ul {
               display: none;
}

/* second level menu */
.dropdown-menu {
               min-width: 240px;
               -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
               border-radius: 0px;
               padding: 0;
               margin: 0;
               background-color: #fafafa;
    background-color: #f1f1f1;
    background-color: #F7F7F7;
               /*-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
               box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);*/
               border: 1px solid #f1f1f1;
    border: 1px solid #dddddd;
               z-index: 101;
}

/* second level menu items */
.dropdown-menu > li > a {
               /*padding: 12px 20px;*/
               /*font-size: 15px;*/
               color: #666666;
               /*border-bottom: 1px solid #f1f1f1;*/
               -webkit-transition: none;
               -o-transition: none;
               transition: none;
               z-index: 105;
}

.main-navigation .dropdown-menu > li > a {
               position: relative;
}

/* second level menu items on focus/hover and when opened */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus {
    background-color: #ffffff;
    color: #e84c3d;
    color: #d71920;
    color: var(--global-primary);
    border-color: #f1f1f1;
    z-index: 105;
}

/* third level menu */
.dropdown-menu .dropdown-menu {
               top: -1px;
               left: 100% !important;
               padding-top: 0;
               -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
               box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
               border-top: 1px solid #f1f1f1;
}

.dropdown-menu .dropdown-menu.to-left {
               right: 100% !important;
               left: auto !important;
}

/*transparent header*/
.header.transparent:not(.dark) .navbar-nav > .open > a,
.header.transparent:not(.dark) .navbar-nav > .open > a:hover,
.header.transparent:not(.dark) .navbar-nav > .open > a:focus,
.header.transparent:not(.dark) .dropdown-menu {
               -webkit-box-shadow: none !important;
               box-shadow: none !important;
               border-color: #fafafa !important;
}

@media (min-width: 768px) {
               .header.transparent:not(.dark) .navbar-nav > li:not(.active) > a {
                              color: #333333;
               }
}

/* mega menu */
.mega-menu.dropdown {
               position: static;
               
}

.mega-menu .dropdown-menu {
               left: 0;
               top: 96%;
               width: 100%;
               padding: 20px 30px;
               /*background-color: yellow;*/
}

/* mega menu menu items */
.mega-menu .menu {
               list-style: none;
               padding: 0;
               margin: 0;
}

.mega-menu h4.title {
               margin: 10px 0 5px;
               font-size: 14px;
               text-transform: uppercase;
}

.mega-menu .menu > li > a {
               padding: 5px 0;
               font-size: 15px;
               color: #666666;
               border-bottom: 1px solid #f1f1f1;
               display: block;
               -webkit-transition: none;
               -o-transition: none;
               transition: none;
               position: relative;
}

.mega-menu .menu > li > a i,
.dropdown-menu > li > a i {
               padding-right: 5px;
               -webkit-transition: all 0.2s ease-in-out;
               -o-transition: all 0.2s ease-in-out;
               transition: all 0.2s ease-in-out;
}

.mega-menu .menu > li:last-child > a {
               border-bottom: none !important;
}

.mega-menu .menu > li > a:hover i,
.dropdown-menu > li > a:hover i {
               padding-left: 5px;
}

/* mega menu menu items on focus/hover and when opened */
.mega-menu .menu > li > a:hover,
.mega-menu .menu > li > a:focus {
    background-color: #ffffff;
    color: #e84c3d;
    color: #d71920;
    color: var(--global-primary);
    border-color: #f1f1f1;
    text-decoration: none;
}

/* arrows for parent menu items */
/*.dropdown > a:before {
               font-family: 'FontAwesome';
    font-family: "Font Awesome 5 Regular";
               content: "\f107";
               position: absolute;
               left: auto;
               top: 15px;
               right: 6px;
               line-height: 1;
               color: #d1d1d1;
    color: red;
    color: #666666;
}*/

.transparent.header:not(.dark) .dropdown > a:before {
               color: #666666;
}

.navbar-default .navbar-nav > .active.dropdown > a:before {
    color: #e84c3d;
    color: #d71920;
    color: var(--global-primary);
}

.navbar-default .navbar-nav > dropdown.open > a:before {
               color: #e5e5e5;
}

.dropdown .dropdown > a:before {
               content: "\f105";
               right: 10px;
               top: 15px;
               margin-left: 0;
               visibility: visible;
               color: #666666;
}

.dropdown dropdown.open > a:before,
.transparent.header:not(.dark) .dropdown dropdown.open > a:before {
    color: #e84c3d;
    color: #d71920;
    color: var(--global-primary);
}

/* mobile menu toggle button */
.navbar-default .navbar-toggle {
               border-color: #ccc;
}

/* mobile menu toggle button on hover/focus */
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #fafafa;
        border-color: #e84c3d;
        border-color: #d71920;
        background-color: var(--global-primary);
    }

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

    .navbar-default .navbar-toggle:hover .icon-bar,
    .navbar-default .navbar-toggle:focus .icon-bar {
        background-color: #e84c3d;
        background-color: #d71920;
        background-color: var(--global-primary);
    }

/*Dark Navigation*/
.dark.header .navbar.navbar-default {
               background-color: #27272A;
               border-color: #1f1f1f;
}

/* Dark navigation first level menu items */
.dark.header .navbar-default .navbar-nav > li > a {
               color: #e1e1e1;
}

/* Dark navigation first level active menu items on hover/focus */
.dark.header .navbar-default .navbar-nav > .active > a,
.dark.header .navbar-default .navbar-nav > .active > a:focus {
               color: #ffffff;
}

/* Dark navigation first level active menu items when opened */
.dark.header .main-navigation .navbar-nav > .open > a,
.dark.header .main-navigation .navbar-nav > .open > a:hover,
.dark.header .main-navigation .navbar-nav > .open > a:focus {
    background-color: #27272a;
    
    border-color: #484848;
    border-bottom-color: #27272a;
    color: #ffffff;
}

/*Dark navigation second level menu items*/
.dark.header .dropdown-menu {
               background-color: #27272a;
               border: 1px solid #484848;
}

.dark.header-top .dropdown-menu {
               background-color: #36373c;
               border: 1px solid #3d3d3d;
               border-top-color: #36373c;
}

.dark.header-top .dropdown-menu .divider {
               background-color: #454545;
}

.dark.header .dropdown-menu > li > a {
               color: #cdcdcd;
               border-bottom: 1px solid #3d3d3d;
}

/*Dark navigation second level menu items on focus/hover and when opened */
.dark.header .dropdown-menu > li > a:hover,
.dark.header .dropdown-menu > li > a:focus,
.dark.header .nav .open > a,
.dark.header .nav .open > a:hover,
.dark.header .nav .open > a:focus,
.dark.header .dropdown-menu > .active > a,
.dark.header .dropdown-menu > .active > a:hover,
.dark.header .dropdown-menu > .active > a:focus,
.dark.header .dropdown-menu .menu > .active > a,
.dark.header .dropdown-menu .menu > .active > a:hover,
.dark.header .dropdown-menu .menu > .active > a:focus {
               background-color: #36373C;
               color: #ffffff;
}

/*Dark navigation mega-menu items*/
.dark.header h1,
.dark.header h2,
.dark.header h3,
.dark.header h4,
.dark.header h5,
.dark.header h6,
.dark.header p {
               color: #cdcdcd;
}

.dark.header .divider {
               background-color: #3d3d3d;
}

.dark.header .mega-menu .menu > li > a {
               color: #cdcdcd;
               border-bottom: 1px solid #3d3d3d;
}

/*Dark navigation mega menu menu items on focus/hover and when opened */
.dark.header .mega-menu .menu > li > a:hover,
.dark.header .mega-menu .menu > li > a:focus {
               background-color: #36373c;
               color: #ffffff;
}

/* Dark navigation arrows for parent menu items */
.dark.header .dropdown > a:before {
               color: #e1e1e1;
}

.dark.header .navbar-default .navbar-nav > .active.dropdown > a:before {
               color: #ffffff;
}

.dark.header .navbar-default .navbar-nav > dropdown.open > a:before {
               color: #666666;
}

.dark.header .dropdown .dropdown > a:before {
               color: #e1e1e1;
}

/* Dark navigation mobile menu toggle button */
.dark.header .navbar-default .navbar-toggle {
               border-color: #666666;
}

/* Dark navigation mobile menu toggle button on hover/focus */
.dark.header .navbar-default .navbar-toggle:hover,
.dark.header .navbar-default .navbar-toggle:focus {
               background-color: #36373c;
               border-color: #999999;
}

.dark.header .navbar-default .navbar-toggle .icon-bar {
               background-color: #666666;
}

.dark.header .navbar-default .navbar-toggle:hover .icon-bar,
.dark.header .navbar-default .navbar-toggle:focus .icon-bar {
               background-color: #999999;
}

/* dropdown animations */
.animated.main-navigation .open .dropdown-menu,
#offcanvas.animated .open .dropdown-menu,
.open .dropdown-animation {
               -webkit-animation-duration: 0.2s;
               animation-duration: 0.2s;
               -webkit-animation-fill-mode: both;
               animation-fill-mode: both;
               -webkit-animation-name: fadeInDownSmall;
               animation-name: fadeInDownSmall;
}

.open .dropdown-animation {
               -webkit-animation-duration: 0.3s;
               animation-duration: 0.3s;
}

.animated.main-navigation .dropdown-menu .open .dropdown-menu,
#offcanvas.animated .dropdown-menu .open .dropdown-menu {
               -webkit-animation-name: fadeInLeftSmall;
               animation-name: fadeInLeftSmall;
}

.animated.main-navigation .dropdown-menu .open .dropdown-menu.to-left,
#offcanvas.animated.offcanvas-right .dropdown-menu .open .dropdown-menu {
               -webkit-animation-name: fadeInRightSmall;
               animation-name: fadeInRightSmall;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
               .main-navigation .navbar-nav.navbar-right:last-child {
                              margin-right: 0;
               }
  /* first level menu */
               .navbar.navbar-default,
  .dark.header .navbar.navbar-default {
                              background-color: transparent;
                              border-color: transparent;
               }
  /* layout fixes */
               .main-navigation .container-fluid {
                              padding-right: 0;
                              padding-left: 0;
               }

               .navbar-collapse {
                              padding-right: 0px;
                              padding-left: 0px;
               }

               .main-navigation .navbar-right .dropdown-menu {
                              right: auto;
                              left: 0;
               }

               .main-navigation .navbar-right > li:last-child > .dropdown-menu {
                              right: 0;
                              left: auto;
               }
}

/* Medium desktop devices and tablets */
@media (min-width: 768px) and (max-width: 1199px) {
               .main-navigation .container-fluid {
                              padding-right: 0px;
                              padding-left: 0px;
               }
}

/* Medium devices (tablets landscape to portrait) */
@media (min-width: 768px) and (max-width: 991px) {
               .main-navigation .navbar-nav {
                              float: left !important;
               }
                .mega-menu .dropdown-menu {
                    /*left: -243px;
                    width: 940px;*/
                    /*background-color: red;*/
                }
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width: 992px) {
               /*.col-md-3 + .col-md-9 .mega-menu .dropdown-menu {
                              left: -243px;
                              width: 940px;
                              background-color: yellow;
               }*/
}

/* Medium desktop devices */
@media (min-width: 992px) and (max-width: 1199px) {
               .navbar-default .navbar-nav > li > a {
                              padding-right: 19px;
               }
               .mega-menu .dropdown-menu {
                    /*left: 243px;
                    width: 940px;*/
                    width: 955px !important;
                    left: -340px !important;
                    
                }
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px) and (max-width: 1679px) {
  /* first level menu item */
               .main-navigation .navbar-nav > li {
                              margin: 0 0 0 15px;
               }

               .main-navigation .navbar-nav > li:first-child {
                              margin: 0;
               }

               /*.col-md-3 + .col-md-9 .mega-menu .dropdown-menu {
                              left: -293px;
                              width: 1140px;
               }*/
               .mega-menu .dropdown-menu {
                    /*left: -243px;
                    width: 940px;*/
                    width: 1155px !important;
                    left: -405px !important;
                    /*background-color: green;*/
                }
}

/*@media (min-width: 1600px) and (max-width: 1699px) {
               .main-navigation .navbar-nav > li {
                              margin: 0 0 0 15px;
               }

               .main-navigation .navbar-nav > li:first-child {
                              margin: 0;
               }

             
               .mega-menu .dropdown-menu {
                  
                    width: 1155px !important;
                    left: -405px !important;
                    background-color: cornflowerblue;
                }
}*/
@media (min-width: 1680px) {
  /* first level menu item */
               .main-navigation .navbar-nav > li {
                              margin: 0 0 0 15px;
               }

               .main-navigation .navbar-nav > li:first-child {
                              margin: 0;
               }

               /*.col-md-3 + .col-md-9 .mega-menu .dropdown-menu {
                              left: -420px;
                              width: 1600px;
                              
               }*/
               .mega-menu .dropdown-menu {
                    /*left: -243px;
                    width: 940px;*/
                    width: 1585px !important;
                    left: -550px !important;
                    /*background-color: red;*/
                }
}


/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  /* Mobile menu
  ------------------------------ */
  /* active items */
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #e84c3d;
        color: #d71920;
        color: var(--global-primary);
        background-color: transparent;
    }
  /* first level items */
               .navbar-default .navbar-nav > li > a {
                              border-bottom: 1px solid #f1f1f1;
               }

               .subfooter .navbar-default .navbar-nav > li > a {
                              border-bottom: 1px solid #141414;
               }

               .light .subfooter .navbar-default .navbar-nav > li > a {
                              border-bottom: 1px solid #ddd;
               }

               .navbar-default .navbar-nav > li:last-child > a {
                              border-bottom: 1px solid transparent;
               }
  /* first level items when opened */
               .main-navigation .navbar-nav > .open > a,
  .main-navigation .navbar-nav > .open > a:hover,
  .main-navigation .navbar-nav > .open > a:focus {
                              border-color: transparent !important;
                              -webkit-box-shadow: none;
                              box-shadow: none;
               }
  /* first level items hover and focus states */
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #e84c3d;
        color: #d71920;
        color: var(--global-primary);
        background-color: #ffffff;
    }
  /* second level menu */
               .navbar-default .navbar-nav .open .dropdown-menu {
                              background-color: #ffffff;
               }
  /* second level items */
               .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {
                              padding: 12px 15px 12px 40px;
                              color: #666666;
                              border-color: #fafafa;
               }
  /* second level items on hover/focus */
                .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
                .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
                    color: #e84c3d;
                    color: #d71920;
                    color: var(--global-primary);
                }
  /* third level items */
               .navbar-nav .open .dropdown-menu .dropdown-menu > li > a {
                              padding-left: 60px;
               }
  /* four level items */
               .navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
                              padding-left: 80px;
               }
  /* Arrows for parent menu items */
               .dropdown > a:before {
                              right: 32px;
               }

               .dropdown .dropdown > a:before {
                              right: 36px;
               }
  /*Dark mobile menu
  ------------------------------ */
               .dark.header .navbar-default .navbar-collapse,
  .dark.header .navbar-default .navbar-form {
                              border-color: #1f1f1f;
               }
  /* active items */
               .dark.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .dark.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .dark.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
                              background-color: #36373c;
               }
  /* first level items */
               .dark.header .navbar-default .navbar-nav > li > a {
                              border-bottom: 1px solid #3c3c3e;
               }
  /* first level active items */
               .dark.header .navbar-default .navbar-nav > .active > a,
  .dark.header .navbar-default .navbar-nav > .active > a:focus {
                              color: #ffffff;
                              background-color: #36373C;
               }
  /* first level items hover and focus states */
               .dark.header .navbar-default .navbar-nav > li > a:hover,
  .dark.header .navbar-default .navbar-nav > li > a:focus,
  .dark.header .navbar-default .navbar-nav > .active > a:hover,
  .dark.header .navbar-default .navbar-nav > .active > a:focus {
                              color: #ffffff;
                              background-color: #36373c;
               }
  /* first level items when opened */
               .dark.header .main-navigation .navbar-nav > .open > a,
  .dark.header .main-navigation .navbar-nav > .open > a:hover,
  .dark.header .main-navigation .navbar-nav > .open > a:focus {
                              color: #ffffff;
                              background-color: #36373c;
               }
  /* second level menu */
               .dark.header .navbar-default .navbar-nav .open .dropdown-menu {
                              background-color: #27272a;
                              border: none;
               }
  /* second level items */
               .dark.header .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .dark.header .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {
                              color: #cdcdcd;
                              border-color: #3c3c3e;
               }
  /* second level items on hover/focus */
               .dark.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .dark.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
                              color: #ffffff;
                              background-color: #36373c;
               }

               .dark.header .navbar-default .navbar-nav > dropdown.open > a:before {
                              color: #ffffff;
               }
}

/* Header top navigation
---------------------------------- */
.header-top .navbar.navbar-default {
               margin: 0;
               min-height: 30px;
}

.header-top .navbar-default .navbar-nav > li > a {
               color: #999999;
               padding: 4px 20px;
}

.header-top .navbar-default .navbar-nav > li {
               border-right: 1px solid #999999;
}

.header-top .navbar-default .navbar-nav > li:last-child {
               border-right: none;
}

/* Offcanvas navigation
---------------------------------- */
.offcanvas {
               background-color: #fafafa;
               border-color: #f1f1f1;
}

.offcanvas-toggle-left {
               display: block;
               padding: 0;
               margin: 0;
               position: fixed;
               width: 40px;
               height: 40px;
               top: 0px;
               left: 0px;
               z-index: 1031;
               text-align: center;
}

.offcanvas-toggle-left:after {
               font-family: "FontAwesome";
    font-family: "Font Awesome 5 Pro";
               content: "\f0c9";
               font-size: 22px;
               line-height: 35px;
               text-align: center;
               color: #333333;
    /*background-color: yellow;*/
}

#offcanvas.in + .offcanvas-toggle-left:after {
               content: "\f00d";
               color: #999999;
}

.offcanvas-toggle-right {
               display: block;
               padding: 0;
               margin: 0;
               position: fixed;
               width: 40px;
               height: 40px;
               top: 0px;
               right: 0px;
               z-index: 1031;
               text-align: center;
}

.offcanvas-toggle-right:after {
               font-family: "FontAwesome";
    font-family: "Font Awesome 5 Pro";
               content: "\f0c9";
               font-size: 22px;
               line-height: 35px;
               text-align: center;
               color: #333333;
}

#offcanvas.in + .offcanvas-toggle-right:after {
               content: "\f00d";
               color: #999999;
}

/*First level menu items*/
#offcanvas .navbar-nav > li,
#offcanvas .navbar-nav {
               float: none;
               margin: 0;
}

#offcanvas .navbar-nav > li > a {
               color: #333333;
               border-bottom: 1px solid #f5f5f5;
               padding-top: 10px;
               padding-bottom: 10px;
}

#offcanvas .navbar-nav > li:last-child > a {
               border-bottom-color: transparent !important;
}

    #offcanvas .nav .open > a,
    #offcanvas .nav .open > a:hover,
    #offcanvas .nav .open > a:focus,
    #offcanvas .nav > li > a:hover,
    #offcanvas .nav > li > a:focus,
    #offcanvas .navbar-nav > li.active > a {
        color: #e84c3d;
        color: #d71920;
        color: var(--global-primary);
        background-color: #ffffff;
    }

/*Second level menu items*/
#offcanvas .dropdown-menu {
               position: static;
               width: 100%;
               float: none;
               box-shadow: none;
               border: none;
               background-color: #ffffff;
               margin: 0;
}

#offcanvas.offcanvas-right .dropdown-menu {
               overflow: hidden;
}

#offcanvas .dropdown-menu > li > a {
               padding-top: 10px;
               padding-bottom: 10px;
               padding-left: 20px;
               border-color: #f7f7f7;
}

#offcanvas.offcanvas-right .dropdown-menu > li > a {
               text-align: right;
               padding-left: 10px;
               padding-right: 20px;
}

/*Third level menu items*/
#offcanvas .dropdown-menu .dropdown-menu > li > a {
               padding-left: 30px;
}

#offcanvas.offcanvas-right .dropdown-menu .dropdown-menu > li > a {
               padding-left: 10px;
               padding-right: 30px;
}

/*Fourth level menu items*/
#offcanvas .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
               padding-left: 45px;
}

#offcanvas.offcanvas-right .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
               padding-left: 10px;
               padding-right: 45px;
}

/*Fifth level menu items*/
#offcanvas .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
               padding-left: 60px;
}

#offcanvas.offcanvas-right .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
               padding-left: 10px;
               padding-right: 60px;
}

/*Nav arrows*/
#offcanvas .dropdown > a:before {
               right: 15px;
               top: 13px;
}

#offcanvas.offcanvas-right .dropdown > a:before {
               right: auto;
               left: 15px;
               top: 13px;
}

#offcanvas.offcanvas-right .dropdown .dropdown > a:before {
               content: "\f104";
}

/*Dark offcanvas nav*/
.dark.offcanvas-container .offcanvas {
               background-color: #27272a;
               border-color: #484848;
}

.dark.offcanvas-container #offcanvas.in + .offcanvas-toggle-left:after,
.dark.offcanvas-container #offcanvas.in + .offcanvas-toggle-right:after {
               color: #e1e1e1;
}

/*First level menu items*/
.dark.offcanvas-container #offcanvas .navbar-nav > li > a {
               color: #e1e1e1;
               border-bottom: 1px solid #3d3d3d;
}

.dark.offcanvas-container #offcanvas .navbar-nav > li.open > a {
               border-bottom: 1px solid #515151 !important;
}

.dark.offcanvas-container #offcanvas .nav .open > a,
.dark.offcanvas-container #offcanvas .nav .open > a:hover,
.dark.offcanvas-container #offcanvas .nav .open > a:focus,
.dark.offcanvas-container #offcanvas .nav > li > a:hover,
.dark.offcanvas-container #offcanvas .nav > li > a:focus,
.dark.offcanvas-container #offcanvas .navbar-nav > li.active > a {
               color: #ffffff;
               background-color: #36373c;
}

/*Second level menu items*/
.dark.offcanvas-container #offcanvas .dropdown-menu {
               background-color: #36373c;
}

.dark.offcanvas-container #offcanvas .dropdown-menu > li > a {
               border-color: #515151;
               color: #e1e1e1;
}

.dark.offcanvas-container #offcanvas .dropdown-menu > li > a:hover,
.dark.offcanvas-container #offcanvas .dropdown-menu > li > a:focus {
               color: #ffffff;
               background-color: #36373c;
}

/*Nav arrows*/
.dark.offcanvas-container .dropdown dropdown.open > a:before {
               color: #ffffff;
}

/* Subfooter navigation
---------------------------------- */
.subfooter .navbar {
               margin: 0;
               min-height: 0;
               background: transparent;
               border-color: transparent;
}

.subfooter .navbar-default .nav > li > a {
               padding: 10px 10px;
               text-transform: none;
               line-height: 1;
               font-size: 14px;
               font-weight: 400;
}

.subfooter .navbar-default .nav li:last-child a,
.light .subfooter .navbar-default .nav > li:last-child > a {
               border: none;
}

.subfooter .navbar-default .nav > li > a:hover,
.subfooter .navbar-default .nav > .active > a:hover,
.subfooter .navbar-default .nav > .active > a:focus {
    background-color: transparent;
    text-decoration: underline;
    color: #e84c3d;
    color: #d71920;
    color: var(--global-primary);
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
               .subfooter .navbar-nav {
                              float: none;
                              margin: 15px 0;
                              text-align: center;
               }

               .subfooter .navbar-nav > li {
                              float: none;
                              padding: 5px 0;
               }

               .subfooter .navbar-default .nav > li > a {
                              padding: 0px 10px;
               }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
               .subfooter {
                              text-align: left;
               }

               .subfooter .navbar-nav {
                              float: right;
                              margin: 0;
                              text-align: left;
               }

               .subfooter .navbar-nav > li {
                              float: left;
                              padding: 0;
                              margin-top: 4px;
               }

               .subfooter .navbar-default .nav > li > a {
                              border-right: 1px solid #333333;
               }

               .light .subfooter .navbar-default .nav > li > a {
                              border-right: 1px solid #999999;
               }
}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: var(--global-primary-really-dark);
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: var(--global-primary-really-dark);
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  /* subfooter nav */
               .subfooter .navbar-default .navbar-toggle:hover,
  .subfooter .navbar-default .navbar-toggle:focus {
                              background-color: transparent;
                              border-color: #888;
               }

               .light .subfooter .navbar-default .navbar-collapse {
                              border-color: #ddd;
               }

               .subfooter .navbar-default .navbar-collapse {
                              border-color: #000000;
               }
}

/* 7 Blocks/Widgets
----------------------------------------------------------------------------- */
/* Logo
---------------------------------- */
.logo img {
               /*-webkit-transition: all 0.2s linear;
               -o-transition: all 0.2s linear;
               transition: all 0.2s linear;*/
    height: 40px;
}

    /*.logo img:hover {
        opacity: 0.85;
        filter: alpha(opacity=85);
    }*/

.main-container .logo img {
               margin: 0 auto;
}

.header-small .logo img {
               max-height: 40px;
               margin: 2px 0 -4px 0;
}

.text-center .logo img {
               margin: 0 auto;
}

.site-slogan {
               font-size: 13px;
               font-style: italic;
               color: #999999;
}

.transparent.header:not(.dark) .site-slogan {
               color: #333333;
}

.dark.header .site-slogan {
               color: #cdcdcd;
}

.transparent.dark.header .site-slogan {
               color: #ffffff;
}

.main-container .site-slogan {
               color: inherit;
               text-align: center;
               margin-bottom: 20px;
}

.logo-footer {
               margin: 25px 0 20px;
}

.offcanvas .logo {
               margin: 20px 0 10px;
}

.offcanvas .logo img {
               margin: 0 auto;
}

.offcanvas .site-slogan {
               text-align: center;
               margin-bottom: 20px;
               margin-top: -10px;
}

/* Medium devices (desktops, tablets less than 991px) */
@media (max-width: 991px) {
               .logo img,
  .header-small .logo img {
                              margin: 0 auto;
               }

               .site-slogan {
                              text-align: center;
               }
}

/* Call to action
---------------------------------- */
.call-to-action {
               padding: 10px 25px;
               text-align: center;
}

.call-to-action .btn {
               margin: 10px 5px;
}

.call-to-action .btn.btn-lg {
               margin-top: 15px;
}

/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
               .call-to-action .btn {
                              display: block;
                              width: 60%;
                              margin: 10px auto;
               }
}

/* Boxes
---------------------------------- */
.box {
               text-align: center;
               margin: 0 10px 10px 0;
               width: 60px;
               height: 60px;
               display: inline-block;
               font-size: 0;
               float: left;
               border: 1px solid transparent;
               -webkit-transition: all 0.2s ease-in-out;
               -o-transition: all 0.2s ease-in-out;
               transition: all 0.2s ease-in-out;
}

.box.block {
               display: block;
               float: none;
               margin: 0 auto !important;
}

.box.block + h2 {
               margin-top: 0;
}

.box i {
               font-size: 36px;
               line-height: 60px;
}

.box.small {
               margin: 0 5px 5px 0;
               width: 45px;
               height: 45px;
}

.box.small i {
               font-size: 24px;
               line-height: 45px;
}

    .box.gray-bg:hover {
        color: #e84c3d;
        color: #d71920;
        color: var(--global-primary);
    }

    .box.default-bg:hover {
        background-color: #ffffff;
        border: 1px solid #e84c3d;
        border: 1px solid #d71920;
        border: 1px solid var(--global-primary);
    }

        .box.default-bg:hover * {
            color: #e84c3d;
            color: #d71920;
            color: var(--global-primary);
        }

.box.dark-bg:hover {
               background-color: #ffffff;
               border: 1px solid #666666;
}

.box.dark-bg:hover * {
               color: #666666;
}

.box-style-1 {
               text-align: center;
               padding: 20px;
               margin: 20px 0;
}

.box-style-1 i {
               font-size: 90px;
               margin: 15px 0 5px;
               text-align: center;
}

.box-style-1:not(.team-member):hover i {
               color: #e84c3d;
               color: #d71921;
               -webkit-transition: all 0.3s ease-in-out;
               -o-transition: all 0.3s ease-in-out;
               transition: all 0.3s ease-in-out;
}

.box-style-1.default-bg:hover i,
.box-style-1.dark-bg:hover i {
               color: inherit;
}

.grid-space-10 .box-style-1 {
               margin: 10px 0;
}

.box-style-2 {
               margin-top: 20px;
}

.box-style-2 i {
               font-size: 36px;
               line-height: 60px;
}

.box-style-2 .icon-container {
               float: left;
               width: 60px;
               height: 60px;
               text-align: center;
               border: 1px solid transparent;
               -webkit-transition: all 0.2s ease-in-out;
               -o-transition: all 0.2s ease-in-out;
               transition: all 0.2s ease-in-out;
}

.box-style-2 .body {
               margin-left: 80px;
}

.box-style-2 h2 {
               font-size: 24px;
               margin-top: 0;
}

.box-style-2:hover .icon-container {
               border: 1px solid #666666;
}

.box-style-2:hover .default-bg {
               background-color: #ffffff;
               border: 1px solid #e84c3d;
}

.box-style-2:hover .default-bg * {
               color: #e84c3d;
}

.box-style-2:hover .dark-bg {
               background-color: #ffffff;
               border: 1px solid #666666;
}

.box-style-2:hover .dark-bg * {
               color: #666666;
}

.box-style-2:hover .white-bg * {
               color: #e84c3d;
}

.box-style-3 {
               margin-top: 20px;
}

.box-style-3 i {
               font-size: 22px;
               line-height: 45px;
}

.box-style-3 .icon-container {
               float: left;
               width: 45px;
               height: 45px;
               text-align: center;
               border: 1px solid transparent;
               -webkit-transition: all 0.2s ease-in-out;
               -o-transition: all 0.2s ease-in-out;
               transition: all 0.2s ease-in-out;
}

.box-style-3 .body {
               margin-left: 80px;
}

.box-style-3 h2 {
               font-size: 20px;
               margin-top: 0;
}

.box-style-3:hover .icon-container {
               border: 1px solid #666666;
}

.box-style-3:hover .default-bg {
               background-color: #ffffff;
               border: 1px solid #e84c3d;
}

.box-style-3:hover .default-bg * {
               color: #e84c3d;
}

.box-style-3:hover .dark-bg {
               background-color: #ffffff;
               border: 1px solid #666666;
}

.box-style-3:hover .dark-bg * {
               color: #666666;
}

.box-style-3:hover .white-bg * {
               color: #e84c3d;
}

/*.panel-body i {
               width: 35px;
               text-align: center;
}*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
               .box-style-3.right .icon-container {
                              float: right;
               }

               .box-style-3.right .body {
                              margin-right: 80px;
                              text-align: right;
                              margin-left: 0;
               }
}

/* Image Boxes
---------------------------------- */
.image-box {
               background-color: #fafafa;
               border: 1px solid #f3f3f3;
}

.image-box h3.title {
               margin-top: 0;
}

.image-box .btn {
               white-space: normal;
               border-color: transparent;
}

.image-box .btn-block {
               margin: 0;
}

.grid-space-0 .image-box {
               border: none;
}

.image-box-body {
               padding: 20px 15px 15px;
}

/* Tags cloud block
---------------------------------- */
.tags-cloud {
               font-size: 0;
}

.tag {
               display: inline-block;
               margin: 0 3px 3px 0;
}

.tag a {
               padding: 5px 10px;
               color: #999999;
               display: block;
               font-size: 12px;
               background-color: #fafafa;
               border: 1px solid #f3f3f3;
}

.tag a:hover {
               color: #ffffff;
               background-color: #e84c3d;
               border-color: #e84c3d;
               text-decoration: none;
}

footer:not(.light) .footer-content .tag a,
.dark-bg .tag a {
               background-color: transparent;
               border-color: #555;
               -webkit-border-radius: 2px;
               -moz-border-radius: 2px;
               border-radius: 2px;
}

/* Social icons block
---------------------------------- */
.social-links {
               list-style: none;
               font-size: 0;
               padding: 0;
               margin: 40px 0 20px 0;
}

.social-links li {
               display: inline-block;
               margin: 0 2px 2px 0;
}

.social-links li a {
               width: 45px;
               height: 45px;
               display: block;
               text-align: center;
               font-size: 20px;
               background: #e84c3d;
               border: 1px solid #e84c3d;
               color: #ffffff;
}

.social-links.large li a {
               width: 60px;
               height: 60px;
               font-size: 24px;
}

.social-links.light li a {
               background: #fafafa;
               border: 1px solid #f3f3f3;
               color: inherit;
}

.social-links.dark li a {
               background: #454545;
               border: 1px solid #333333;
               color: #acacac;
}

.social-links.radius-5px li a {
               -webkit-border-radius: 5px;
               -moz-border-radius: 5px;
               border-radius: 5px;
}

social-links.circle li a {
               -webkit-border-radius: 100%;
               -moz-border-radius: 100%;
               border-radius: 100%;
}

.social-links li a:hover {
               background-color: transparent;
               border-color: #cd3c2e;
               color: #cd3c2e;
}

.social-links.dark li a:hover {
               background: #fafafa;
               border: 1px solid #acacac;
               color: inherit;
}

.social-links.light li a:hover {
               border: 1px solid #d2d2d2;
               color: #333333;
}

.social-links li a i {
               line-height: 44px;
}

.social-links.large li a i {
               line-height: 60px;
}

.header-top .social-links {
               margin: 0;
}

.header-top .social-links li {
               padding: 3px 5px 2px;
               border-right: 1px solid #e3e3e3;
               margin: 0;
}

.header-top .social-links li:hover {
               background-color: #fafafa;
}

.header-top .social-links li a {
               font-size: 16px;
}

.header-top .social-links li:last-child {
               border-right: none;
}

.header-top .social-links li a {
               border: none;
               width: 25px;
               height: 30px;
               color: #999999;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li a:hover {
               color: #cd3c2e;
}

.header-top .social-links li a i {
               line-height: 30px;
}

.dark.header-top .social-links li {
               border-right: 1px solid #3d3d3d;
}

.dark.header-top .social-links li:last-child {
               border-right: none;
}

.dark.header-top .social-links li:hover {
               background-color: transparent;
}

.dark.header-top .social-links li a {
               color: #999999;
}

.footer-content .social-links {
               margin: 20px 0;
}

.footer-content .social-links li {
               margin: 0 5px 5px 0;
}

.footer-content .social-links li a {
               color: #666666;
               background-color: transparent;
               border-color: #666666;
}

.footer-content .social-links li a:hover {
               color: #ffffff;
               background-color: #666666;
               border-color: #666666;
}

.social-links li.twitter a:hover,
.colored.social-links li.twitter a {
               background-color: #55acee;
               border-color: #55acee;
               color: #ffffff;
}

.social-links li.skype a:hover,
.colored.social-links li.skype a {
               background-color: #00aff0;
               border-color: #00aff0;
               color: #ffffff;
}

.social-links li.linkedin a:hover,
.colored.social-links li.linkedin a {
               background-color: #0976b4;
               border-color: #0976b4;
               color: #ffffff;
}

.social-links li.googleplus a:hover,
.colored.social-links li.googleplus a {
               background-color: #dd4b39;
               border-color: #dd4b39;
               color: #ffffff;
}

.social-links li.youtube a:hover,
.colored.social-links li.youtube a {
               background-color: #b31217;
               border-color: #b31217;
               color: #ffffff;
}

.social-links li.flickr a:hover,
.colored.social-links li.flickr a {
               background-color: #ff0084;
               border-color: #ff0084;
               color: #ffffff;
}

.social-links li.facebook a:hover,
.colored.social-links li.facebook a {
               background-color: #3b5998;
               border-color: #3b5998;
               color: #ffffff;
}

.social-links li.pinterest a:hover,
.colored.social-links li.pinterest a {
               background-color: #cb2027;
               border-color: #cb2027;
               color: #ffffff;
}

.social-links li.instagram a:hover,
.colored.social-links li.instagram a {
               background-color: #517fa4;
               border-color: #517fa4;
               color: #ffffff;
}

.social-links li.vimeo a:hover,
.colored.social-links li.vimeo a {
               background-color: #aad450;
               border-color: #aad450;
               color: #ffffff;
}

.social-links li.tumblr a:hover,
.colored.social-links li.tumblr a {
               background-color: #32506d;
               border-color: #32506d;
               color: #ffffff;
}

.social-links li.soundcloud a:hover,
.colored.social-links li.soundcloud a {
               background-color: #ff3a00;
               border-color: #ff3a00;
               color: #ffffff;
}

.social-links li.foursquare a:hover,
.colored.social-links li.foursquare a {
               background-color: #0072b1;
               border-color: #0072b1;
               color: #ffffff;
}

.social-links li.dribbble a:hover,
.colored.social-links li.dribbble a {
               background-color: #ea4c89;
               border-color: #ea4c89;
               color: #ffffff;
}

.social-links li.behance a:hover,
.colored.social-links li.behance a {
               background-color: #053eff;
               border-color: #053eff;
               color: #ffffff;
}

.social-links li.vine a:hover,
.colored.social-links li.vine a {
               background-color: #00a478;
               border-color: #00a478;
               color: #ffffff;
}

.social-links li.stumbleupon a:hover,
.colored.social-links li.stumbleupon a {
               background-color: #f74425;
               border-color: #f74425;
               color: #ffffff;
}

.header-top .social-links li.twitter a:hover {
               color: #55acee;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li.skype a:hover {
               color: #00aff0;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li.linkedin a:hover {
               color: #0976b4;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li.googleplus a:hover {
               color: #dd4b39;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li.youtube a:hover {
               color: #b31217;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li.flickr a:hover {
               color: #ff0084;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li.facebook a:hover {
               color: #3b5998;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li.pinterest a:hover {
               color: #cb2027;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li.instagram a:hover {
               color: #517fa4;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li.vimeo a:hover {
               color: #aad450;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li.tumblr a:hover {
               color: #32506d;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li.soundcloud a:hover {
               color: #ff3a00;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li.foursquare a:hover {
               color: #0072b1;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li.dribbble a:hover {
               color: #ea4c89;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li.behance a:hover {
               color: #053eff;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li.vine a:hover {
               color: #00a478;
               background-color: transparent;
               border-color: transparent;
}

.header-top .social-links li.stumbleupon a:hover {
               color: #f74425;
               background-color: transparent;
               border-color: transparent;
}

.social-links .dropdown > button {
               padding: 6px 15px 5px;
               font-size: 16px;
               color: #999999;
               text-align: center;
               min-width: 0;
               margin: 0;
               background-color: transparent;
               -webkit-box-shadow: none !important;
               box-shadow: none !important;
}

.social-links .dropdown > button i {
               width: 15px;
}

.social-links dropdown.open > button > i:before {
               content: "\f00d";
               color: #e84c3d;
}

.social-links .dropdown-menu {
               z-index: 103;
               padding: 0px;
               min-width: 290px;
               margin-top: 1px;
               font-size: 0;
               box-shadow: none;
               background-color: #fafafa;
}

.social-links .dropdown-menu li a,
.social-links .dropdown-menu li a i {
               padding: 0;
}

/* Header top dropdowns
---------------------------------- */
.header-top-dropdown {
               float: right;
               font-size: 0;
               text-align: right;
}

.header-top-dropdown .dropdown > button {
               border-right: 1px solid #e3e3e3;
               border-left: 1px solid transparent;
}

.dark .header-top-dropdown .dropdown > button {
               border-right: 1px solid #515151;
}

.header-top-dropdown .dropdown:last-child > button {
               border-right-color: transparent;
}

.header-top-dropdown .dropdown > button {
               padding: 5px 10px;
               margin: 0;
               font-size: 14px;
               color: #999999;
               color: #666;
               text-align: center;
               min-width: 0;
               background-color: transparent;
               -webkit-box-shadow: none !important;
               box-shadow: none !important;
               text-transform: none;
}

.dark.header-top .header-top-dropdown .dropdown > button {
               border-right: 1px solid #3d3d3d;
}

.dark.header-top .header-top-dropdown .dropdown:last-child > button {
               border-right-color: transparent;
}

.header-top-dropdown .dropdown > button i {
               padding-right: 5px;
               
               /*width: 15px;*/
}

.header-top-dropdown .dropdown.open > button,
.header-top-dropdown .dropdown > button:hover {
    color: #e84c3d;
    color: #d71920;
    color: var(--global-primary);
    background-color: #fafafa;
    border-right-color: #e3e3e3;
    border-color: var(--global-primary);
    
}

.dark.header-top .header-top-dropdown dropdown.open > button,
.dark.header-top .header-top-dropdown .dropdown > button:hover {
               color: #ffffff !important;
               background-color: #36373C;
               background-color: #77787b;
               border-right-color: #3d3d3d;

               
}

.dark.header .header-top-dropdown dropdown.open > button,
.dark.header .header-top-dropdown .dropdown > button:hover {
               color: #ffffff !important;
               background-color: #36373C;
               border-right-color: #515151;
}

.header-top-dropdown .dropdown:first-child.open > button,
/*.header-top-dropdown .dropdown:first-child > button:hover {
               border-left-color: #e3e3e3;
}
*/
.dark.header-top .header-top-dropdown .dropdown:first-child.open > button,
.dark.header-top .header-top-dropdown .dropdown:first-child > button:hover {
               border-left-color: #3d3d3d;
}

.header .header-top-dropdown .dropdown > button {
               padding: 3px 10px;
}

.header .header-top-dropdown dropdown.open > button,
.header .header-top-dropdown .dropdown > button:hover {
               background-color: transparent;
}

.header .header-top-dropdown .dropdown:first-child.open > button,
.header .header-top-dropdown .dropdown:first-child > button:hover {
               border-left-color: transparent;
}

.header .header-top-dropdown .dropdown:last-child.open > button,
.header .header-top-dropdown .dropdown:last-child > button:hover {
               border-right-color: transparent;
}

.header .header-top-dropdown .dropdown-menu {
               margin-top: 27px;
}

.header-top-dropdown .dropdown-menu {
               z-index: 9999;
               padding: 20px;
               min-width: 280px;
               margin-top: 0px;
               background-color: #fafafa;
}

.header-top-dropdown .dropdown-menu.user-menu {
    padding: 5px;
    min-width: 180px;
    min-width: 150px;
}

.header-top-dropdown .search-box .form-group {
               margin-bottom: 0;
}

.header-top-dropdown form {
               margin: 0;
}

.header-top-dropdown .login-form span {
               margin: 0 3px;
}

.header-top-dropdown .login-form ul {
               padding-left: 0;
               list-style-position: inside;
               padding: 5px 0;
}

.header-top-dropdown .login-form .social-links {
               display: inline-block;
               margin: 0;
}

.dark .header-top-dropdown .login-form a {
               color: #cdcdcd;
               text-decoration: underline;
}

.dark .header-top-dropdown .login-form a:hover {
               text-decoration: none;
}

.header .header-top-dropdown {
               margin-top: 19px;
}

.dark.header .header-top-dropdown {
               color: #cdcdcd;
}

.fixed-header-on .header .header-top-dropdown {
               margin-top: 13px;
}

.fixed-header-on .header .header-top-dropdown .dropdown-menu {
               margin-top: 19px;
}

/* Small devices (tablets, 480px and below) */
@media (max-width: 480px) {
               .header-top-dropdown .btn-group {
                              position: static;
               }

               .header-top-dropdown .dropdown-menu {
                              right: 15px !important;
                              width: 100%;
               }
}

/* Full Width Content
---------------------------------- */
.full-width-section {
               position: relative;
}

.full-text-container {
               position: absolute;
               top: 30%;
               padding: 20px 40px;
               background-color: rgba(255, 255, 255, 0.6);
               width: 100%;
}

/* Large devices */
@media (min-width: 1200px) {
               .full-width-section {
                              position: relative;
                              display: table;
                              table-layout: fixed;
                              width: 100%;
               }

               .full-image-container {
                              width: 50%;
                              display: table-cell;
               }

               .full-text-container {
                              display: table-cell;
                              vertical-align: middle;
                              width: 50%;
                              padding: 0 50px;
                              position: static;
               }

               .full-text-container * {
                              max-width: 700px;
               }

               .full-text-container.left {
                              text-align: right;
               }

               .full-text-container.left * {
                              margin-left: auto;
               }

               .full-text-container p {
                              margin-bottom: 10px;
               }
}

@media (max-width: 1199px) {
               .full-width-section .separator-2.right {
                              margin-left: 0;
               }
}

@media (max-width: 991px) {
               .full-text-container {
                              top: 0;
                              height: 100%;
                              padding: 0 20px;
               }

               .full-text-container h1 {
                              font-size: 28px;
               }
}

@media (max-width: 767px) {
               .full-text-container {
                              position: static;
                              padding: 20px;
               }
}

/* Sidebar/footer gallery block
---------------------------------- */
.gallery.row {
               margin-left: -5px;
               margin-right: -5px;
}

.gallery-item {
               padding-right: 5px;
               padding-left: 5px;
               margin-bottom: 10px;
}

/* Form Block
---------------------------------- */
.form-block {
               width: 630px;
               border: 1px solid #f1f1f1;
               background-color: #ffffff;
               padding: 20px;
               -webkit-border-radius: 10px;
               -moz-border-radius: 10px;
               border-radius: 10px;
}

.form-block form {
               margin: 0;
}

.form-block ul {
               padding-left: 0;
               list-style-position: inside;
}

.form-block hr {
               margin-top: 10px;
               margin-bottom: 15px;
}

.form-block .social-links {
               margin: 10px 0 0 10px;
               display: inline-block;
}

@media (max-width: 767px) {
               .form-block {
                              width: 90%;
               }
}

/* Latest tweets block
---------------------------------- */
ul.tweets {
               list-style: none;
               padding: 0;
}

ul.tweets li {
               margin-bottom: 20px;
               position: relative;
               padding-left: 35px;
}

ul.tweets li i {
               position: absolute;
               top: 4px;
               left: 0;
               width: 25px;
               height: 25px;
               text-align: center;
               color: #666666;
}

ul.tweets li p {
               margin-bottom: 5px;
}

ul.tweets li span {
               font-size: 12px;
               color: #666666;
}

/* Testimonials
---------------------------------- */
.testimonial {
               margin: 25px 0;
}

.well .testimonial,
.owl-item .testimonial {
               margin: 0;
}

.testimonial h2 {
               margin-bottom: 25px;
}

.testimonial-image {
               max-width: 160px;
               float: left;
               -webkit-border-radius: 100%;
               -moz-border-radius: 100%;
               border-radius: 100%;
}

.testimonial-body {
               padding: 15px;
}

.testimonial-image + .testimonial-body {
               margin-left: 180px;
}

.testimonial-info-1 {
               font-size: 13px;
               color: #000000;
               font-style: italic;
}

.testimonial-info-2 {
               font-size: 13px;
               color: #000000;
               font-weight: 700;
}

.dark-bg .testimonial-info-1,
.dark-bg .testimonial-info-2,
.default-bg .testimonial-info-1,
.default-bg .testimonial-info-2,
.dark-translucent-bg .testimonial-info-1,
.dark-translucent-bg .testimonial-info-2 {
               color: inherit;
}

/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
               .testimonial-image {
                              max-width: 80px;
               }

               .testimonial-image + .testimonial-body {
                              padding: 0 15px;
                              margin-left: 100px;
               }
}

/* Isotope filtering
---------------------------------- */
.isotope-container {
               display: none;
               margin-bottom: 40px;
}

.boxed .isotope-container.grid-space-0 .image-box img {
               -webkit-backface-visibility: hidden;
               -webkit-transform: translateZ(0) scale(1, 1);
}

.isotope-item {
               margin-bottom: 30px;
}

.grid-space-20 .isotope-item {
               margin-bottom: 20px;
}

.grid-space-10 .isotope-item {
               margin-bottom: 0;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
               .isotope-item {
                              max-width: 100%;
               }
}

/* Stats
---------------------------------- */
.stat-num {
               font-size: 36px;
               font-weight: 700;
               display: block;
}

/* Pricing tables
---------------------------------- */
.pricing-tables {
               margin: 60px 0 0;
}

.plan {
               text-align: center;
               border: 1px solid #c5c5c5;
               border-top: none;
               margin-bottom: 40px !important;
}

.plan + .plan {
               border-left: none;
}

.plan .header {
               padding: 10px 0;
               margin: 0 -1px;
}

.plan .header h3 {
               display: inline-block;
               font-size: 24px;
               margin: 0;
               line-height: 28px;
               font-weight: normal;
               letter-spacing: 0.04em;
               text-transform: uppercase;
               text-shadow: 0px 1px 1px #494949;
}

.plan .header .price {
               display: inline-block;
               font-size: 16px;
               padding: 10px 0 0;
               font-weight: 400;
               color: inherit;
}

.plan .header .price span {
               text-transform: uppercase;
}

.plan ul {
               list-style: none;
               margin: 0;
               padding: 0;
               font-size: 14px;
               list-style: none;
}

.plan ul li {
               padding: 12px 0px;
               font-size: 13px;
               line-height: 18px;
               text-shadow: 1px 1px 0 #ffffff;
}

.plan ul li a.pt-popover {
               color: #000000;
               border-bottom: 1px dashed #000000;
               position: relative;
}

.plan ul li a.pt-popover:hover {
               text-decoration: none;
}

.plan ul li a.pt-popover:after {
               position: absolute;
               top: 0px;
               left: -15px;
               font-family: "FontAwesome";
    font-family: "Font Awesome 5 Pro";
               content: "\f059";
               color: #DDDDDD;
               font-size: 12px;
    /*background-color: yellow;*/
}

.plan.best-value ul li {
               padding: 15px 0;
}

.plan .popover {
               width: 250px;
               font-size: 13px;
               text-align: center;
               border: none;
               -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
               border-radius: 0px;
}

.plan .popover-title {
               background-color: #e84c3d;
               color: #ffffff;
               text-shadow: none;
               font-size: 13px;
               -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
               border-radius: 0px;
}

.plan .popover-content {
               font-size: 12px;
}


.popover {
    
    /*font-size: 14px;
    padding: 0;
    margin: 0;*/
    line-height: 20px;
}


.plan .btn {
               text-shadow: none;
}

.gray .plan {
               border-top: 1px solid #c5c5c5;
               background-color: #f1f1f1;
               -webkit-box-shadow: -1px 0 0px rgba(0, 0, 0, 0.15);
               box-shadow: -1px 0 0px rgba(0, 0, 0, 0.15);
}

.gray .col-sm-3 > .plan,
.gray .col-sm-4 > .plan {
               -webkit-box-shadow: none;
               box-shadow: none;
}

.gray .plan .header {
               background: #fafafa;
               border: 1px solid #cacaca;
               width: 150px;
               height: 150px;
               margin: 15px auto;
               border-radius: 100%;
}

.gray .plan .header h3 {
               color: #e84c3d;
               display: block;
               margin-top: 30px;
}

.gray .plan .header .price {
               font-size: 24px;
               padding-top: 5px;
}

.gray .plan ul {
               background: #f1f1f1;
               border-top: 1px solid #e4e4e4;
}

.gray .plan ul li {
               border-bottom: 1px solid #e4e4e4;
               border-top: 1px solid #f8f8f8;
               color: #333333;
}

.white .plan {
               border-color: #f3f3f3;
}

.white .plan .header {
               color: #ffffff;
               background: #e84c3d;
}

.white .plan .header h3 {
               color: #ffffff;
}

.white .plan ul {
               -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
               box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
               background-color: #fbfbfb;
}

.white .plan ul li {
               border-bottom: 1px solid #f5f5f5;
}

.stripped .header {
               background: #e84c3d;
               border: none;
               -webkit-box-shadow: 0px 0px 60px #cd3c2e inset;
               box-shadow: 0px 0px 60px #cd3c2e inset;
               color: #ffffff;
}

.stripped .header h3 {
               color: #ffffff;
}

.stripped .plan ul {
               -webkit-box-shadow: 0px 0px 32px 0px #cacaca inset;
               box-shadow: 0px 0px 32px 0px #cacaca inset;
               background: #fdfdfd;
}

.stripped .plan ul li {
               border: 1px solid #ececec;
               border-top: none;
               color: #666666;
}

.stripped .plan ul li:nth-child(even) {
               -webkit-box-shadow: 0px 0px 40px #e4e4e4 inset;
               box-shadow: 0px 0px 40px #e4e4e4 inset;
               background: #ffffff;
               border-right: 1px solid #e2e2e2;
               border-bottom: 1px solid #e2e2e2;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
               .best-value.plan {
                              top: -30px;
                              position: relative;
               }
}

/* Google maps
---------------------------------- */
#map-canvas {
               height: 450px;
}

.sidebar #map-canvas {
               height: 350px;
}

#map-canvas img {
               max-width: inherit;
}

/* Scroll to top
---------------------------------- */
.scrollToTop {
               color: #ffffff;
               position: fixed;
               bottom: 5px;
               right: 5px;
               width: 50px;
               height: 50px;
               text-align: center;
               cursor: pointer;
               background-color: #000000;
               z-index: 1005;
               display: none;
}

.scrollToTop i {
               line-height: 50px;
               font-size: 24px;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
               .scrollToTop {
                              width: 40px;
                              height: 40px;
                              background-color: rgba(0, 0, 0, 0.4);
               }

               .scrollToTop i {
                              line-height: 40px;
                              font-size: 20px;
               }
}

/* 8 Main Slideshow
----------------------------------------------------------------------------- */
/* Slider Revolution
---------------------------------- */
.slider-banner-container {
               width: 100%;
               position: relative;
               padding: 0;
}

.slider-banner,
.slider-banner-2,
.slider-banner-3,
.slider-banner-fullscreen {
               width: 100%;
               position: relative;
}

.slider-banner > ul,
.slider-banner-2 > ul,
.slider-banner-3 > ul,
.slider-banner-fullscreen > ul {
               display: none;
}

.tp-loader.spinner0 {
               background: url("../images/loader.gif") no-repeat center center;
               -webkit-box-shadow: none;
               box-shadow: none;
               -webkit-animation: none;
               -moz-animation: none;
               -ms-animation: none;
               -o-animation: none;
               animation: none;
               animation: none;
               -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
               border-radius: 0px;
               width: 44px;
               height: 44px;
               margin-top: -22px;
               margin-left: -22px;
}

.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
               background-color: #666666;
               -webkit-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.8);
               box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.8);
}

.slideshow-boxed {
               padding: 20px 0 60px;
}

.slideshow-boxed .slider-banner-container {
               padding: 10px;
               background: #ffffff;
               border: 1px solid #eaeaea;
}

.slideshow-boxed .tp-caption {
               margin-left: 20px !important;
}

/* Slider Revolution captions */
.tp-caption {
               z-index: 5;
}

.tp-caption a.btn,
.tp-caption a.btn:hover {
               color: #ffffff;
}

.default_bg {
    background-color: #e84c3d;
    background-color: #d71920;
    background-color: var(--global-primary);
    color: #ffffff;
}

.white_bg {
               background-color: #ffffff;
               color: #333333;
}

.dark_gray_bg {
               background-color: #666666;
               color: #ffffff;
}

.light_gray_bg {
               background-color: #fafafa;
               color: #333;
               border: 1px solid #f3f3f3 !important;
               border-left: none !important;
}

.tp-caption.small_thin_white {
               font-size: 18px;
               line-height: 26px;
               color: #ffffff;
               font-weight: 300;
               text-shadow: 1px 1px 1px #000000;
}

.tp-caption.small_thin_dark {
               font-size: 18px;
               line-height: 26px;
               color: #000000;
               font-weight: 400;
}

.tp-caption.large {
               font-size: 36px;
               padding: 0px 15px;
}

.tp-caption.medium {
               font-size: 22px;
               padding: 2px 10px;
}

.tp-caption.small {
               font-size: 14px;
               padding: 5px;
}

tp-caption.black,
.tp-caption btn.black,
.tp-caption .btn.black:hover {
               color: #333333;
}

/* Large devices (Large desktops less than 1199px) */
@media (max-width: 1199px) {
               .tp-caption {
                              margin-left: 20px !important;
               }
}

/* Revolution Nav Controls */
.tparrows.round {
               background-image: none;
               width: 50px;
               height: 50px;
               text-align: center;
               color: #ffffff;
               background-color: rgba(0, 0, 0, 0.5);
               top: 50% !important;
               -webkit-transition: all linear 0.2s;
               -o-transition: all linear 0.2s;
               transition: all linear 0.2s;
               -webkit-border-radius: 100%;
               -moz-border-radius: 100%;
               border-radius: 100%;
}

.tparrows.round:before {
               font-family: 'fontello';
               font-size: 24px;
               content: '\e87c';
               line-height: 52px;
               display: inline-block;
}

.tparrows.round.tp-rightarrow:before {
               content: '\e87d';
}

.tparrows.round:hover {
               color: #ffffff;
               background-color: #e84c3d;
}

.slideshow-boxed .slider-banner-container .tparrows {
               opacity: 0;
               filter: alpha(opacity=0);
}

.slideshow-boxed .slider-banner-container:hover .tparrows {
               opacity: 1;
               filter: alpha(opacity=100);
}

.tp-bullets {
               z-index: 100;
}

.tp-bullets.simplebullets.round .bullet {
               background-image: none;
               width: 14px;
               height: 14px;
               background: rgba(0, 0, 0, 0.5);
               border: none;
               margin: 0 3px;
               -webkit-transition: all linear 0.2s;
               -o-transition: all linear 0.2s;
               transition: all linear 0.2s;
               -webkit-border-radius: 100%;
               -moz-border-radius: 100%;
               border-radius: 100%;
}

.bullets-with-bg + .tp-bullets.preview4 {
               height: auto;
               background-color: white;
               padding: 5px 15px;
               bottom: -6px !important;
               border-radius: 3px;
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected {
               background-color: #e84c3d;
}

.tp-bannertimer {
               background-image: none;
               background-color: rgba(232, 76, 61, 0.7);
               z-index: 100;
               display: none;
}

.slideshow-boxed .tp-bullets {
               bottom: -33px !important;
}

.slideshow-boxed .bullets-with-bg + .tp-bullets.preview4 {
               padding: 7px 15px 2px;
               bottom: -45px !important;
}

.slideshow-boxed .slider-banner-container .tp-rightarrow {
               right: 10px !important;
}

.slideshow-boxed .slider-banner-container .tp-leftarrow {
               left: 10px !important;
}

.slideshow-boxed .tp-bullets.hidebullets {
               opacity: 1 !important;
               filter: alpha(opacity=100) !important;
}

.tparrows.preview2 {
               background-color: rgba(0, 0, 0, 0.3);
               color: #ffffff;
}

.tparrows.preview2:hover {
               background-color: rgba(0, 0, 0, 0.5);
               color: #ffffff;
}

.tparrows.preview2:after {
               margin-top: -18px;
               left: 22px;
               color: #ffffff;
               font-family: "FontAwesome";
    font-family: "Font Awesome 5 Pro";
               content: "\f104";
               font-size: 36px;
               line-height: 1;
}

.tp-rightarrow.preview2:after {
               content: "\f105";
               left: auto;
               right: 22px;
}

.tparrows.preview2:hover:after {
               color: #ffffff;
}

.tparrows.preview2 .tp-arr-titleholder {
               color: #ffffff;
               font-size: 16px;
}

/* Medium devices (phones, tablets, laptops) */
@media (min-width: 768px) and (max-width: 979px) {
               .tparrows.preview2:after {
                              margin-top: -13px;
                              left: 15px;
                              font-size: 24px;
               }

               .tp-rightarrow.preview2:after {
                              left: auto;
                              right: 15px;
               }
}

@media (max-width: 767px) {
               .tparrows.preview2 {
                              display: none;
               }
}

/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
               .tparrows,
  .tp-bullets {
                              display: none;
               }
}

/* 9 Owl carousel
----------------------------------------------------------------------------- */
.owl-carousel {
               z-index: 4;
}

.owl-carousel .owl-item > div {
               margin: 10px 0 20px;
}

.owl-carousel.carousel .owl-item > div,
.owl-carousel.carousel-autoplay .owl-item > div {
               margin: 10px 20px 20px 0;
}

.owl-carousel.clients .owl-item > div {
               margin: 0px 30px 0px 0;
}

.well.owl-carousel .owl-item > div {
               margin: 10px 0 0;
}

.tab-content .owl-carousel .owl-item > div {
               margin: 0 0 20px;
}

/* caption */
.caption {
               background-color: rgba(255, 255, 255, 0.85);
               padding: 15px;
               position: absolute;
               bottom: 80px;
               left: 80px;
               width: 40%;
               border: 1px solid #ffffff;
}

.caption .title {
               margin-top: 0;
}

/* Medium devices (desktops, tablets less than 991px) */
@media (max-width: 991px) {
               .caption {
                              width: 90%;
                              bottom: 40px;
                              left: 40px;
               }
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
               .caption {
                              width: 100%;
                              bottom: 30px;
                              left: 0;
                              position: relative;
                              background-color: #fafafa;
                              bottom: 0;
                              padding-bottom: 35px;
               }
}

/* owl controls */
.owl-nav {
               width: 100%;
               margin-bottom: 50px;
}

.owl-nav div {
               display: inline-block;
               zoom: 1;
               padding: 3px 10px;
               font-size: 12px;
               position: absolute;
               width: 30px;
               height: 30px;
               -webkit-transition: all 0.2s ease-in-out;
               -o-transition: all 0.2s ease-in-out;
               transition: all 0.2s ease-in-out;
}

.owl-prev {
               left: 0;
               background-color: #e84c3d;
               color: #f1f1f1;
}

.owl-next {
               left: 30px;
               background-color: #f1f1f1;
               color: #e84c3d;
}

.owl-prev:hover,
.owl-next:hover,
.gray-bg .owl-next:hover {
               background-color: #333333;
               color: #f1f1f1;
}

.gray-bg .owl-next {
               background-color: #ffffff;
}

.owl-nav div:after {
               font-family: "fontello";
               font-size: 18px;
               line-height: 26px;
}

.owl-prev:after {
               content: "\e87c";
}

.owl-next:after {
               content: "\e87d";
}

.no-touch .owl-nav div:hover {
               filter: Alpha(Opacity=100);
               opacity: 1;
               text-decoration: none;
}

.content-slider-with-controls {
               margin-bottom: 20px;
}

.content-slider-with-controls .owl-nav,
.content-slider-with-controls-autoplay .owl-nav {
               margin-bottom: 0;
}

.content-slider-with-controls .owl-nav div,
.content-slider-with-controls-autoplay .owl-nav div {
               top: 50%;
               margin-top: -15px;
               background-color: #e84c3d;
               color: #f1f1f1;
}

.content-slider-with-controls .owl-nav div.owl-next,
.content-slider-with-controls-autoplay .owl-nav div.owl-next {
               left: auto;
               right: 0;
}

.content-slider-with-controls .owl-prev:hover,
.content-slider-with-controls .owl-next:hover,
.content-slider-with-controls-autoplay .owl-prev:hover,
.content-slider-with-controls-autoplay .owl-next:hover {
               background-color: #f1f1f1;
               color: #e84c3d;
}

.content-slider-with-controls-bottom .owl-dots {
               bottom: -30px;
               z-index: -1;
}

.content-slider-with-controls-bottom .owl-dots .owl-dot span {
               background: #acacac;
}

.owl-dots {
               position: absolute;
               bottom: 25px;
               text-align: center;
               margin: 0 auto;
               display: block;
               width: 100%;
}

.owl-dots .owl-dot {
               display: inline-block;
               zoom: 1;
}

.owl-dots .owl-dot span {
               display: block;
               width: 12px;
               height: 12px;
               margin: 5px 4px;
               background: #ffffff;
}

.owl-dots owl-dot.active span,
.owl-dots .owl-dot:hover span {
               background: #e84c3d;
}

/*# sourceMappingURL=style.css.map */

/*# DLK ADDED STYLES */

.ibox-content {
    /*background-color: #fff;
    background-color: yellow;*/
    color: inherit;
    padding: 15px 20px 20px 20px;
    padding: 15px 20px 0px 20px;
    padding: 15px 15px 5px 15px;
    /*padding: 15px 0px 5px 10px;*/
    margin-right: 15px;
    margin-right: 0px;
    border-color: #e7eaec;
    border-color: #ddd;
    border-color: #d2d2d2;
    border-color: #eaeaea;
    border-color: #dedede;
    border-image: none;
    border-style: none none solid none;
    
    border-width: 1px;

    /*border-radius: 5px;*/
}


#secureDrop, #releaseDrop, #customDrop, #reschedDrop, #cancelDrop, #commentDrop {
    /*position: relative;*/
    /*z-index: 200;*/
    /*margin-left: -10px;
    margin-right: -10px;
    margin: 5px -10px 0px -10px;
    left: 0;
    right: 0;*/
    /*padding: 10px 0 0 0;*/
    
    /*border-radius: 0;*/
    /*border-width: 2px;*/
   
}

.action-panel, .reference-panel {
    z-index: 200;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left: 60px solid #e84c3d;
    border-left: 60px solid #d71920;
    border-left: 60px solid var(--global-primary);
    padding: 10px;
    /*border-top: none;*/
    position: relative;
    left: 0;
    right: 0;
    display: none;
    margin: 30px 0;
    margin: 0 0 30px 0;
    border-radius: 5px;
    background-color: #fcfcfc;
    z-index: 9997;
    /*margin-top: -50px;*/
}

.reference-panel:before {
    content: "\f14a";
    font-family: "Font Awesome 5 Pro";
    color:#fff;
    font-weight: 100;
    position:absolute;
    font-size: 2.0em;
    /*padding-top: 7px;
    padding-left: 2px;*/
    height: 32px;
    left: -43px;
    top: 4px;
}


.action-panel .radio, .action-panel .checkbox {
    margin: 5px 0 !important;
}


.action-panel-title {
    padding-top: 70px;
    font-size: 32px;
    color: #fff;
    position: absolute;
    left: -90px;
    /*top: -10px;*/
}

/*.action-panel-title p {
    
    width: 200px;
    text-align: center;
}*/

.action-panel-title p {
    position: absolute;
    width: 300px;
    height: 50px;
    left: -45px;
    top: 130px;
    text-align: right;
}




/*.rotate-background {
    background-color: blue;
    position: absolute;
    left: -11px;
    top: -10px;
    width: 70px;
    height: 100%;
    /*bottom: -60px;
}*/

.nav-tabs li a i {
    /*background-color: yellow;*/
    padding-right: 5px;
}


a.dropdown-toggle i {
    padding-left: 5px;
    padding-right: 10px;
}


#project-header-data {
    /*min-height: 230px;
    min-height: 200px;*/
    /*background-color: yellow;*/
    /*border-bottom: 1px solid #ddd;*/
    
    margin-bottom: 60px;
    margin-bottom: 20px;
    position: relative;
}

.project-header-buttons {
    /*background-color: yellow;*/
    position: absolute;
    bottom: 0;
    right: 0;
}

#full-dist-addr {
    background-color: #fff;
    border: 1px solid #ddd;
    position: absolute;
    right: 0;
    padding: 5px 15px;
    z-index: 200;
    min-width: 250px
}

.fa-12x {
    font-size: 1.25em;
    font-size: 1.3em;
    /*margin-top: 2px;*/
    vertical-align: middle;
}
.fa-15x {
    font-size: 1.5em;
}



.fa-stack-15x {
    font-size: 1.5em;
}


.fa-stack-15x {
    left: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
}


.fa-stack-17x {
    font-size: 1.8em;
    left: 0px;
    position: absolute;
    text-align: center;
    /*width: 100%;*/
}


.fa-pad-left {
    margin-left: 10px;
}
.fa-pad-right {
    margin-left: 5px;
    margin-right: 10px;
}

#gen-info-labels, #address-labels {
    /*background-color: yellowgreen;*/
    /*min-height: 100px;*/
    margin-top: 15px;
}

.form-group {
    margin-bottom: 0;
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 0;
    margin-top: 0px;
    margin-bottom: 0px;
}

/*#secureDrop, #releaseDrop, #customDrop, #reschedDrop, #cancelDrop, #commentDrop {
    position: absolute;
    z-index: 200;
    margin-left: -10px;
    margin-right: -10px;
    margin: 5px -10px 0px -10px;
    left: 0px;
    right: 0px;
    padding: 10px 0 0 0;
    border-radius: 0;
    border-width: 2px;
}*/


.rotate {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

    margin-left: -40px;

}
.current-rotate {
    margin: 0 0 0 5px !important;
    position: relative;
}

.current-rotate span {
    position: absolute;
    left: -100px;
    top: -65px;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}

.oval {
    padding-top: 2px;
    margin-top: 22px;
    margin-right: 10px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    min-width: 0;
    width: 60px;
    width: 30px;
    height: 30px;
    border-width    SAQWZ       swadefsaz: 2px;
    font-size: 1.1em;
    
}

.oval a {
    text-decoration: line-through;
}


label {
    font-weight: 500;
    margin-bottom: 0;
}

.control-label {
    font-weight: 600;
}

form {
    margin: 0;
}

#wall-cols > div {
    padding: 0;
}

#wall-cols > div h3 {
    margin: 0;
}

.title-buttons-div {
    position: absolute;
    right: 15px;
    bottom: 5px;
}


.title-buttons-div a {
    padding: 5px 15px !important;
}


.content-list {
    
    padding-left: 5px;
}





/* MODAL */
/*.modal-content {
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  outline: 0 none;
  position: relative;


    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.modal-dialog {
  z-index: 2200;
}
.modal-body {
  padding: 20px 30px 30px 30px;
}*/
/*.inmodal .modal-body {
  background: #f8fafb;
}*/
/*.inmodal .modal-header {
  padding: 30px 15px;
  text-align: center;
}*/
/*.animated.modal.fade .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.inmodal .modal-title {
  font-size: 26px;
}
.inmodal .modal-icon {
  font-size: 84px;
  color: #e2e3e3;
}*/
/*.modal-footer {
  margin-top: 0;
}*/


/*.modal-header {
    color: #ffffff;
    

    background-color: #2b3d4c;

    background-color:rgba(231, 234, 236, 1);
    background-color:#d74b4b ;

    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.modal-content {
    box-shadow: 2px 2px 5px rgba(0,0,0,0.15);
}



.modal-footer {
    color: #555555;
    background-color: #f1f1f1;
    border-top-color: #dddddd;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin: 0;
}



.modal-title {
    color: #fff;
    font-weight: 300;
}

h3.modal-title {
    font-size: 24px;
}

.modal-header .close:hover {
    color: #ffffff;
    background-color: transparent;
}
.modal-header .close {
    color: #7797b2;
    background-color: transparent;
    text-shadow: none;
    opacity: 1;
    filter: alpha(opacity=100);
}*/


/*@media all and (min-width:992px)
{*/
    .modal-lg {
        width: 900px !important;
    }
/*}*/

.modal-mini {
    width: 400px !important;
}

.modal-wall {
    
    width: 1540px;
    width: 90%;
    /*height: 800px;*/
    
    /*height: 96%;
    height: 95vh;*/
    
    /*height: 900px;*/
    /*background-color: yellow;*/
    overflow-y: hidden;
    /*font-size: 0.8em;*/


    position: absolute;
    /*background-color:darkorange;*/
    top: 30px;
    left: 50px;
    bottom: 80px;
    right: 50px;
}

.modal-wall .modal-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.modal-wall .modal-content .modal-body {
    /*background-color: chartreuse;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 15px;
}

.modal {
    /*background-color: yellow;*/
    /*overflow-y: hidden !important;*/
}

#form-container {
    /*background-color: purple;*/
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
}


#wall-wrapper h3, #WallConfigForm h3 {
    margin: 0;
}

#wall-wrapper {
    padding-top: 0;
    border-bottom-width: 3px;
    /*background-color: deeppink;*/
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 10px;
}


#WallConfigForm {
    /*position: absolute;
    top: 0;
    bottom: 0;*/
}


#wall-config-content {
    display: block;
    border-top: none;
    position: relative;
    padding-top: 10px;
    border-width: 4px;
    /*background-color: yellow;*/
    border-bottom: none;
    /*height: 80vh;*/
    top: 10px;
    bottom: 100px;

    /*height: 80vh;*/
    
    position: absolute;
    top:5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    /*left: 0;
    right: 0;
    top: 0;
    bottom: 10px;*/
    
}

#wall-config-content > .panel-body {
    position: relative;
    position: absolute;
    top:5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    
}

/*div.panel-body {
    background-color: deepskyblue;

}*/

#wall-config-buttons {
    position: relative;
    float: right;
 
    margin-top: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
}

#wall-config-title {
    /*background-color: coral;*/
    height: 45px;
    border-bottom: 4px solid #dedede;
    margin-bottom: 15px;
    margin-left: -5px;
    margin-right: -5px;
    padding-right: 15px;
    padding-left: 15px;
    
}

#wall-config-buttons ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
}

#wall-config-buttons > ul > li {
    float: left;
}

#wall-config-buttons ul li a {
    display: block;
}

.all-answers {
    /*background-color: aquamarine;*/
    position: relative;
}

/*#answers-content {
    background-color: blueviolet;
}*/



#questions-content {
    
    /*height: 300px;*/ 
    

    /*height: 100%;*/
    /*max-height: 600px;
    max-height: 100%;*/
    /*position: relative;*/
    /*left: 0;
    right: 0;trackStructTab
    top: 0;
    bottom: 10px;*/
    
    
    /*position: relative;
    height: 70vh;*/
    
    

    /*position: absolute;
    top: 30px;
    bottom: 0;*/
    
    position: relative;
    height: calc(100% - 43px);
    /*background-color: magenta !important;*/
    overflow-y: scroll;
    margin-left: -15px; /*JUST TRYING SOMETHING*/
}

#answers-content {
    position: relative;
    /*height: 70vh;*/
    height: calc(100% - 43px);

    overflow-y: auto;
}



.modal-wall .modal-body .panel-body {
    /*background-color: cornflowerblue;*/
    /*position: absolute;*/
    /*left: 0;
    right: 0;*/
    /*top: 0;*/
    /*bottom: 10px;*/
    
}


/*@media (max-width: 1200px) {
    .visible-lg-inline-block {
        display: inline !important;
        background-color: red !important;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .visible-md-inline-block {
        display: inline !important;
        background-color: greenyellow;
    }
}*/



@media all and (min-width:1680px) {
    .container {
        max-width: 1600px;
    }
}







/*https://www.youtube.com/watch?v=-he1FMwBWvg*/
.nav-breadcrumb ul {
    display: inline-block;
    /*box-shadow: 0 0 15px 1px rgba(0,0,0,0.6);*/
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    overflow: hidden;
    padding: 0;
    margin: 0 0 10px;
}

.nav-breadcrumb ul li {
    display: block;
    position: relative;
    float: left;
    padding: 0 10px 0 30px;    
    text-decoration: none;
    line-height: 26px;
    /*background: linear-gradient(135deg, #5DA6E1, #185282);*/
    color: inherit;
    cursor: pointer;
}

.nav-breadcrumb ul li a {
    color: inherit;
}

    .nav-breadcrumb ul li.active {
        background-color: #d74b4b;
        background-color: #e84c3d;
        background-color: #d71920;
        background-color: var(--global-primary);
        border-color: #cc2d2d;
        border-color: var(--global-primary);
        color: #fff;
    }


    .nav-breadcrumb ul li:hover {
        background-color: #c42b2b;
        background-color: #e84c3d;
        background-color: #9e0b0f;
        background-color: var(--global-primary-dark);
        border-color: #9a2222;
        border-color: var(--global-primary-dark);
        color: #fff;
    }


    .nav-breadcrumb ul li.active:after {
        /*background-color: #c42b2b;*/
        background-color: #d74b4b;
        background-color: #d71920;
        background-color: var(--global-primary);
    }

    .nav-breadcrumb ul li:hover:after {
        background-color: #c42b2b;
        background-color: #e84c3d;
        background-color: #d71920;
        background-color: #9e0b0f;
        background-color: var(--global-primary-dark);
    }



.nav-breadcrumb ul li.disabled {
    background-color: white;
    border-color: #cc2d2d;
    color: #cacaca;
    cursor: not-allowed;
}
.nav-breadcrumb ul li.disabled:after {
    background-color: white;
}


.nav-breadcrumb ul li.not-valid:hover {
    background-color: whitesmoke;
    color: inherit;
    
}
.nav-breadcrumb ul li.not-valid:hover:after {
    background-color: whitesmoke;
}


.nav-breadcrumb ul li:after {
    content: '';
    width: 26px;
    height: 26px;

    background: #fff;
    position: absolute;
    top: 0px;
    z-index: 1;
    right: -13px;

    -webkit-transform: scale(0.707) rotate(45deg);
    -moz-transform: scale(0.707) rotate(45deg);
    -o-transform: scale(0.707) rotate(45deg);
    transform: scale(0.707) rotate(45deg);

    border-radius: 0 0 0 40px;

    /*box-shadow: 2px -2px 1px 1px rgba(0,0,0,0.5), 3px -2px 1px 1px rgba(255, 255, 255, 0.6);
    box-shadow: 2px -2px 1px 1px rgba(0,0,0,0.5), 3px -2px 1px 1px rgba(255, 255, 255, 0.6);*/

    border-right: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;

    /*box-shadow: 2px -2px 1px 1px #fff, 3px -2px 1px 1px #fff*/
}

.nav-breadcrumb ul li:last-child::after {
    content: none;
}

.nav-breadcrumb ul li:last-child {
    padding-right: 20px;
    border-radius: 0 5px 5px 0;
}


.border-bottom {
  /*border-bottom: 1px solid #e7eaec;*/
  /*border-bottom: 1px solid #a7b1c2;*/
  border-bottom: 1px solid #d2d2d2;
  border-bottom: 1px solid #dedede;
  
  /**/
}



.config-label {
    
    /*color: #77787b;*/
    
    line-height: 26px;
    
}

.config-control {
    display: block;
    width: 100%;
    /*height: 34px;*/
    padding: 6px 12px;
    padding: 3px 2px 3px 5px;
    padding: 5px;
    font-size: 14px;
    line-height: 1.4285;
    /*color: #555;*/
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.config-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
}

.property-table {
    margin: 5px 0 0 0;
    
}

.property-table tbody tr td, .property-table tbody tr th {
    /*padding: 3px 0;*/
    padding: 3.5px;
    min-height: 30px;
    vertical-align: middle;
    border-color: #ddd;
    /*background-color: yellow;*/
}

#table-sec-group.property-table tbody tr > td:nth-child(2) {
    padding-right: 10px
}

.property-table tbody > tr > td.na-percent {
    text-align: right;
}

.property-table tbody > tr > td.currency {
    text-align: right;
}
/*.property-table tbody > tr > td.currency::before {
    content:"$ ";
}*/


.property-table tbody > tr > th {
    padding: 0 10px;
    padding: 3.5px;
    min-height: 30px;
    vertical-align: middle;
    border-color: #ddd;
    background-color: #f5f5f5;
    /*background-color: red;*/
}

.property-table tbody tr td:first-of-type {
    padding-left: 10px;
    padding-left: 5px;
}

.property-table tbody tr td:last-of-type {
    padding: 0 5px 0 10px;
    margin: 0;
}

.property-table .property-value {
    width: 100%;
    border: none;
}

.property-table .property-value:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
}

    .property-table .property-value.has-error {
        border-color: red;
        border-color: #d71920;
        border-color: var(--global-primary);
        color: red;
        color: #d71920;
    }


.property-table .property-label {
    padding-left: 10px;
}



/*.property {
    border-color: #dddddd;
    border-width: 1px;
    border-style: none none solid none;
    margin: 0;
    padding: 1px 0 3px 0;
    
}


.property span {
    padding-right: 10px;
    font-size: 1.2em;
}
           
.property i.info {
    color: #d74b4b;
}
        


.property-header {
    background-color: #dddddd;
    margin: 0;
    padding: 5px 0;
}

.property-description {
   
    margin-top: 2px;
}
    
.property-value {
        
    border-left: 1px solid #dddddd;
    padding: 0;
    margin-top: 0px;
    width: 100%;
}
    
.property-value > select, .property-value > input {
    border: none;
    width: 100%;
    padding: 1px;
    color: #555;
}*/


/*.property-control {
    border: 1px solid #ddd;
}*/



a.btn-perim {
    /*btn-title btn-perim dropdown-toggle">Wall<span class*/
    font-weight: 700;    
    text-align: left;
    width: 130px;
    width: 110px;
    padding: 4px 5px;
    /*font-size: 0.8em;*/
    text-transform: capitalize;
    margin: 0 0 5px;
    
}




/*a.btn-perim > span.caret {
    float: right;
    margin-top: 6px;
}*/

.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-bottom: 15px;
    margin-top: 0px;
    padding: 0;
}


.btn-light-gray.dropdown-toggle  {
    /*background-color: yellow;
    content: "\f178";*/
    
               /*position: absolute;
               right: 0;
               top: 2px;*/
    /*min-width: 30px;*/
    /*content: "\f0fe";*/

    min-width: 50px;
    text-align: left;
}

.btn-light-gray.dropdown-toggle::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    position: absolute;
    right: 6px;
    top: 5px;
    font-weight: 700;
    font-size: 1.2em;
    
}

.btn-perim.dropdown-toggle::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    position: absolute;
    right: 6px;
    top: 3px;
    font-weight: 500;
    font-size: 1.2em;
}


.dlk-config {
    position: absolute;
    top: 37.5px;
    right: 10px;
    bottom: 0;
    /*bottom: 24px;*/
    overflow: hidden;
    /*background-color: aqua;*/
    /*width: 40px;*/
}

.dlk-config-box {
    margin-right: -390px;
    /*margin-right: 200px;*/
    /*margin-right: 0px;*/
    width: 430px;
    position: relative;
    z-index: 2000;
    /*background-color: yellow;*/
    height: 100%;
    transition-duration: 0.5s;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-left: 6px;
    padding-top: 6px;
}


.dlk-config-box.slideout {
    margin-right: 0px;
}

.show {
    display: block !important;
}

.btn-acc-side {
    padding: 5px;
    min-width: 32px;
    margin-bottom: 3px;
}
.btn-acc-side i {
    padding-right: 0 !important;
}



.popout-left {
    background-color: red !important;
    
}

#track-container, #marks-container {
    border: 1px solid #ddd;
    position: relative;
    margin-right: 15px;
    margin-left: 15px;
}

#marks-container {
    margin-top: 15px;
}

#track-container .table {
    margin-bottom: 0;
}

.track-footer
{
    /*width: calc(100% - 50px);*/
    height: 63px;
    height: 100%;
    left: 0;
    right: 0;
    background: #f9f9f9;
    /*color: #fff;*/
    /*position: absolute;*/
    bottom: 0;
    z-index:1;
    border-top: 1px solid #DDDDDD;
    padding: 0 15px 10px;
    /*border-style: solid none solid solid;*/
    /*border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;*/
}


.track-footer .alert {
    /*margin: 10px 0 0 0;
    padding: 10px 0 10px 70px;*/
}

.track-footer .alert::after {
    /*top: 5px;*/
}

/*#track-list {
    width: 100%;
}

#track-list tbody, #track-list thead tr {
    display: block;
}

#track-list tbody {
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}*/

.full-panels-container
{
    
    position: relative;
    /*padding: 35px 0 0 0;*/
    /*position: absolute;*/
    /*position: initial;*/
    /*top: 50px;*/
    /*left: 15px;
    right: 15px;*/
    /*bottom: 15px;*/
    /*background-color:darkseagreen;*/
    
    margin-bottom: 30px;
}


.panels-subcontainer {
    /*position: relative;*/
    /*height: 400px;*/   
}

.panels-container
{
    /*float: left;*/
    /*width: 100%;
    width: 93%;*/
    width: calc(100% - 50px);
    /*height: 100%;*/
    /*overflow-y: auto;*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #DDDDDD;
    /*background-color: yellow;*/
}

.panels-header
{
    /*height: 35px;*/
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    z-index:1;
    /*border-bottom: 1px solid #d2d2d2;*/
    /*background-color: red;*/
}


#room-panel-list  {
    /*background-color: yellow;*/
    min-height: 400px;
    /*min-height: 250px;*/
    /*height: 100px;*/
    
    /*margin-bottom: 60px;*/
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-top: 11px;

    
}

    #room-panel-list tr.last-panel {
        /*background-color: yellow;*/


        border-bottom: solid #d71920 3px;
        border-bottom: solid var(--global-primary) 3px;
    }


.panels-side-tools {
    /*float: right;*/
    /*height: 100%;*/
    width: 50px;
    margin-left: -50px;
    border-left: 1px solid #d2d2d2;
    /*background-color: red;*/
}


.panels-footer
{
    padding: 15px;
    /*width: calc(100% - 50px);*/
    /*height: 60px;*/
    /*left: 0;
    right: 0;*/
    background: #f9f9f9;
    /*background-color: darkgoldenrod;*/
    /*color: #fff;*/
    /*position: absolute;*/
    /*bottom: 0;
    z-index:1;*/
    border: 1px solid #DDDDDD;
    border-style: solid solid solid none;
    /*border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;*/
}



.acc-workarea {
    position: absolute;
    left: 45px;
    top: 0;
    right: 0;
    /*bottom: 0;*/
    height: 450px;
    background-color: #f5f5f5;
    
    border: 1px solid #ddd;
    /*padding: 5px 10px;*/
    

}



.accessory-header {
    background-color: #d74b4b;
    border-color: #cc2d2d;
    background-color: #cd3c2e;
    background-color: #e84c3d;
    background-color: #d71920;
    background-color: var(--global-primary);
    color: #fff;
    font-weight: 700;
    padding: 5px 10px;
}

.accessory-header > p {
    /*color: yellow;*/
    font-size: 1.1em;
    padding: 0;
    margin: 0;
}


.accessory-content, .accessory-footer {
    padding: 10px;
}

.accessory-footer {
    width:100%;
    position:absolute;
    bottom: 15px;
}

.accessory-content > select {
    overflow-y: auto;
}


.accessory-item {
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 10px;
    text-align:center;
    padding: 0;
    
}

    .accessory-item img {
        line-height: 60px;
        width: 53px;
        height: 53px;
        vertical-align: middle;
        padding: 12px;
        margin: 0;
        color: red;
        color: #d71920;
        color: var(--global-primary);
    }

.accessory-item small.accessory-text {
    position: absolute;
    width: 54px;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 0.75em;
}

#show-elevation {
    position: absolute;
    left: 15px;
    bottom: 65px;
}


.nav-tabs.upside-down {
    margin-top: 0;
    border-bottom: 0px;
    border-top: 1px solid #ddd;
    padding-bottom: 5px;
    border-right: 1px solid #ddd;
}

.nav-tabs.upside-down > li {
    margin-bottom:0;
    margin-top:-1px;
    
}

.nav-tabs.upside-down > li a {
    padding: 5px 10px;
    
}

.nav-tabs.upside-down > .active > a, .nav-tabs.upside-down > .active > a:hover {
    border-top-color: #fff;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
}



.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #f5f5f5;
    background-color: rgb(205, 230, 247);
}

/*.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #f1f1f1;
    background-color: rgb(230, 242, 250);
    
}*/


#tab-fp {
    /*background-color: violet;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;*/
}

#fp-container {
    overflow-x: auto;
    /*overflow-x: hidden;*/
    overflow-y: hidden;
    height: 450px;
    /*height: 55vh;*/
    /*height: 100%;
    height: unset;*/
    /*background-color: red;*/
    /*background-color: red;*/
    /*width: 1500px;*/
}

#fp-image {
    height: 100%;
    padding: 0;
    padding-bottom: 25px;
    /*padding: 20px 0 25px 0;*/
    /*background-color: yellow;*/
    margin: 0;
}

#floor-plan {
    /*background-color: orange;*/
    height: 100%;
    /*padding: 0;*/
    /*background-color: orange;
    position: absolute;
    top: 15px;
    right: 100px;
    left: 0;
    bottom: 15px;*/
}


.imgfit {
    width: 100% !important; 
    height:auto !important;
    /*width: 2000px !important;*/
    /*height: 100%;*/
}



.c-checkbox, .c-radio {
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.c-checkbox input, .c-radio input {
    opacity: 0;
    position: absolute;
    margin-left: 0px !important;
}

.c-checkbox *, .c-radio * {
    cursor: pointer;
}

.c-checkbox.disabled input[type=checkbox] + span, .c-checkbox.disabled input[type=radio] + span, .c-checkbox.disabled label {
    cursor: not-allowed;
}

.c-radio.disabled input[type=checkbox] + span, .c-radio.disabled input[type=radio] + span, .c-radio.disabled label {
    cursor: not-allowed;
}

    .c-checkbox input[type=checkbox]:checked + span, .c-checkbox input[type=radio]:checked + span, .c-radio input[type=checkbox]:checked + span, .c-radio input[type=radio]:checked + span {
        border-color: #5d9cec;
        border-color: #cd3c2e;
        border-color: #d71921;
        border-color: var(--global-primary);
        background-color: #5d9cec;
        background-color: #cd3c2e;
        background-color: #d71921;
        /*background-color: green;*/

        background-color: var(--global-primary);
    }

    .c-checkbox input[type=checkbox]:checked + input + span, .c-checkbox input[type=radio]:checked + input + span, .c-radio input[type=checkbox]:checked + input + span, .c-radio input[type=radio]:checked + input + span {
        border-color: #5d9cec;
        border-color: #cd3c2e;
        border-color: var(--global-primary);
        background-color: #5d9cec;
        background-color: #cd3c2e;
        background-color: var(--global-primary);
    }

.c-checkbox.c-checkbox-rounded span, .c-checkbox.c-radio-rounded span, .c-radio.c-checkbox-rounded span, .c-radio.c-radio-rounded span {
    border-radius: 500px;
}

    .c-checkbox:hover span, .c-radio:hover span {
        border-color: #5d9cec;
        border-color: #cd3c2e;
        border-color: var(--global-primary);
    }


.c-checkbox.disabled span, .c-radio.disabled span {
    background-color: #eee;
}

.c-checkbox.disabled:hover span, .c-radio.disabled:hover span {
    border-color: #ccc;
    background-color: #eee;
}

.c-checkbox span, .c-radio span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: -20px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 2px solid #ccc;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-bottom: 0;
    text-align: center;
}


.c-checkbox input[type=checkbox]:checked + span::before, .c-checkbox input[type=radio]:checked + span::before, .c-radio input[type=checkbox]:checked + span::before, .c-radio input[type=radio]:checked + span::before {
    color: #fff;
    opacity: 1;
    transition: color .3s ease-out;
}

.c-checkbox input[type=checkbox]:checked + input + span::before, .c-checkbox input[type=radio]:checked + input + span::before, .c-radio input[type=checkbox]:checked + input + span::before, .c-radio input[type=radio]:checked + input + span::before {
    color: #fff;
    opacity: 1;
    transition: color .3s ease-out;
}

.c-checkbox span::before, .c-radio span::before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    text-align: center !important;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
}

.c-checkbox span::before, .c-radio span::before {
    margin-left: 1px;
}

.c-radio span {
    border-radius: 500px;
}


.c-checkbox label {
    line-height: 22px;
}

#room-panel-list .c-checkbox span {
    margin: 2px 0 0 -10px;
       
}

#track-acc-list, #track-pps-list, #track-pvr-list, #wall-user-list, #wall-oe-list {
    margin: 0 15px 30px 10px;
}

#track-acc-list .c-checkbox span {
    margin: 0 15px 0 0;
}

#track-list .c-radio {
    margin: 0 0 1px 0;
}
#track-list .c-radio span {
    margin: 2px 0 0 -10px;
}


#proj-table, #pvr-table, #issue-table, #crm-table, #qb-table, #docusign-table, #proj-cost-table, #adp-table, #datatable-file-manager, #shop-table, #quotes-table, #messages-table, #com-table, #sec-table, #pvr-table {
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

#pvr-table {
    table-layout: initial;
}

#proj-table td, #quotes-table td, #sec-table td, #messages-table td, #shop-table td, #pvr-table td, #issue-table td, #qb-table td, #docusign-table td, #proj-cost-table td, #adp-table td, #datatable-file-manager td, #pvr-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 5px;
    padding: 5px;
    padding: 3px 5px 2px 10px;
    /*padding: 0;*/
    /*vertical-align: middle;*/
}

   

.c-checkbox.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 100%;
}
/*.truncate

    
    
    vertical-align: middle;*/


#proj-table tr, #shop-table tr, #quotes-table tr, #sec-table tr, #messages-table tr, #pvr-table tr, #issue-table tr, #extwarr-table tr, #pvr-table tr {
    border-bottom: 1px solid #e8e8e8 !important;
}

#proj-table small, #shop-table small, #quotes-table small, #sec-table small, #messages-table small, #pvr-table small, #issue-table small, #qb-table small, #docusign-table small, #proj-cost-table small, #adp-table small, #pvr-table small {
    font-size: 0.8em;
    font-weight: 100;
}

#proj-table .status {
    width: 6.5%;
}
#proj-table .proj-number {
    width: 9%;
}
#proj-table .proj-modified {
    width: 15%;
}

#proj-table .proj-favorite {
    width: 5%;
    /*float: right;*/
}

.proj-favorite i.i-favorite:hover, .fas.i-favorite {
    color: #d71920;
    color: var(--global-primary);
}

.far.i-favorite {
    color: #333;
    cursor: pointer;
}


#proj-table .proj-projname {
    width: 25%;
}
#proj-table .proj-distrib, #proj-table .proj-gc-arch {
    width: 20%;
}
#proj-table .proj-freight {
    width: 10%;
}

#proj-table .proj-ready {
    width: 15%;
}

#proj-table .proj-requests {
    width: 15%;
}
#proj-table .proj-financials {
    width: 10%;
    
}
#proj-table .proj-modified {
    width: 10%;
    
}

/*#pvr-table .pvr-type {
    width: 8%;
    font-size: 1.7em;
}*/

#rolodex ol.rolodex {
    list-style: none;
    padding: 0;
    
    
}
#rolodex ol.rolodex li {
    /*width: 225px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    padding: 5px 3px 1px 3px;
    margin: 1px 0;
    border: 1px solid transparent;
}

#rolodex ol.rolodex li > label {
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.8em;
}



#rolodex ol.rolodex li:hover {
    border-color: #ddd;
    background-color: #f4f4f4;
    cursor: pointer;
}
    #rolodex ol.rolodex li > label + i:hover {
        color: #d71920;
        color: var(--global-primary);
    }

#rolodex ol.rolodex li.active {
    border-color: #e8e8e8;
    background-color: rgb(205, 230, 247);
}




#orders li.order-fldr:not(.order-review):before, #pvrREFS li.pvr-item:before, #groups-walls li.group-fldr:before, #groups-walls li.tree-wall:before, #releases2 li.release-fldr:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0fe";
    position: absolute;
    top: 4px;
    left: -10px;
    width: 10px;
    font-weight: 500;
}

#releases2 li.release-fldr.no-plus:before {
    content: none;
}

#releases2 li.release-fldr.action-open:before {
    content: "\f146";
}

#releases2 li.release-fldr.no-plus:before {
    content: none;
}

#groups-walls li.tree-wall:before {
    top: 5px;
    left: 5px;
}

/*Opposite for group folders - start with the folder open, 'checked' means folder is closed*/
#groups-walls li.group-fldr:before {
    /*content: "\f146";
    content: "\f0fe";*/
}

/*#pvrrefs li.pvr-item.pvr-open:before*/
#topLevelsCont222, #orders li.order-fldr:not(.order-review).fldr-open:before, #groups-walls li.group-fldr.fldr-open:before/*, #groups-walls li.tree-wall.wall-open:before*/ {
    content: "\f146";
}
#pvrREFS li.pvr-item.fldr-open:before {
    content: "\f146";
}
#groups-walls li.tree-wall.folder-collapsed:before {
    content: "\f146";
}


/*Opposite for group folders - start with the folder open, 'checked' means folder is closed*/
#groups-walls li.group-fldr.folder-collapsed:before {
    content: "\f0fe";
    content: "\f146";
}

#topLevelsCont ul > li:hover, #orders li.order-fldr > div:hover, #pvrREFS li.pvr-item > div:hover, #groups-walls li.group-fldr > div:hover, #groups-walls ol.walls li.tree-wall > div:hover, #releases2 li.release-fldr > div:hover, ol.mto-items > li:hover {
    border-color: #ddd;
    background-color: #f4f4f4;
    cursor: pointer;
    
}


#orders li.order-fldr.referenced > div, .pvrs li.pvr-item.referenced > div {
    border: 2px dotted #343434;
}

#topLevelsCont222 li.active, #orders li.order-fldr.active > div, #pvrREFS li.pvr-item.active > div, #groups-walls li.group-fldr.active > div, #groups-walls ol.walls li.tree-wall.active > div, #releases2 li.release-fldr.active > div, ol.mto-items > li.active {
    border-color: #e8e8e8;
    background-color: rgb(205, 230, 247);

    
}

#topLevelsCont2222 li.active > div:hover, #orders li.order-fldr.active > div:hover, #pvrREFS li.pvr-item.active > div:hover, #groups-walls li.group-fldr.active > div:hover, #groups-walls ol.walls li.tree-wall.active > div:hover, #releases2 li.release-fldr.active > div:hover, ol.mto-items > li.active:hover {
    background-color: rgb(230, 242, 250);
    
}

ol.mto-items {
    list-style: unset;
    padding: 0 10px 0 25px;
    margin-left: 25px;
}
ol.mto-items > li {
    padding: 2px 5px;
}


#groups-walls .group-base {
    top: -10px;
    left: 1px;
    font-size: 1.5em;
}

#groups-walls .group-exclude {
    top: -5px;
    left: 7px;
    /*font-size: 1.5em;*/
}

#groups-walls .wall-base {
    top: -3px;
    left: -3px;
    font-size: 1.4em;
}


#groups-walls .wall-base {
    top: -4px;
    left: -3px;
    font-size: 1.4em;
}

#groups-walls .wall-icon {
    top: -3px;
    left: 4px;
    
}



#orders .order-base {
    /*position: relative;*/
    top: -10px;
    left: 1px;
    font-size: 1.3em;
    /*color: blue*/
}

    #orders .order-base + .order-prod {
        /*position: relative;*/
        color: #d71920;
        color: var(--global-primary);
        top: -3px;
        left: 28px;
        left: 18px;
        position: relative;
        font-size: 1.1em;
    }

/*#orders .order-prod-track::before, #orders .order-prod-panels::before {
    color: #fff;
    font-size: 0.8em;
    position: absolute;
    top: -2px;
    left: 31.5px;
    left: 21.5px;
}

#orders .order-prod-track::before {
    content: 'T';
}
#orders .order-prod-panels::before {
    content: 'P';
}*/


ol.orders li input:checked + ul, ol.pvrs li input:checked + ul, ol.groups li input:checked + ul {
    display: block;
}


ol.orders > li > div + input + ul, ol.pvrs > li > div + input + ul, ol.groups > li > div + input + ul, ol.releases > li > div + input + ul {
    padding: 5px 10px;
    display: none;
}

ol.orders li > div > input:checked + ul, ol.pvrs li > div > input:checked + ul, ol.groups li > div > input:checked + ul, ol.releases li > div > input:checked + ul {
    display: block;
}




ol.orders li, ol.pvrs li, ol.groups li, ol.releases li
{ 
    position: relative; 
    margin-left: -15px;
    list-style: none;
        
}

ol.orders > li > div, ol.pvrs > li > div, ol.groups > li > div, ol.walls > li > div, ol.releases > li > div {
    padding: 6px 5px 6px 0px;
    padding: 3px 5px 3px 0px;
    margin-left: 5px;
    margin-bottom: 2px;
    /*border: 10px solid red;*/
}
ol.orders > li > div, ol.pvrs > li > div, ol.releases > li > div {
    border: 2px solid transparent;
}


ol.orders li div > input:checked + ul, ol.pvrs li div > input:checked + ul, ol.groups li div > input:checked + ul, ol.releases li div > input:checked + ul {
    display: block;
    
}

/*ol.orders li div > input:checked::before {
    /*content: "\f105";
}*/

ol.orders li div + input, ol.pvrs li div + input, ol.groups li div + input, ol.releases li div + input {
    position: absolute;
    left: -10px;
    margin-left: 0;
    
    opacity: 0.8;   /*REMOVE LATER*/
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    height: 1em;
    width: 1em;
    top: 2px;
}

ol.groups ol.walls li div + input {
    left: 4px;
}

li.order-child {
    margin-left: 30px;
    font-size: 0.85em;
    padding: 3px 5px 3px 0;
}

li.order-child:hover {
    border-color: #ddd;
    background-color: #f4f4f4;
    cursor: pointer;
}

li.order-child:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0da";
    position: absolute;
    top: 2px;
    color: green;
    
    left: 10px;
    width: 10px;
    font-weight: 700;
}

#pvrREFS .pvr-doc-base, #pvrREFSexpand .pvr-doc-base {
    /*font-size: 1.3em;
    color: darkorange;
    top: -9px;*/
    color: orange;
    /*top: -3px;*/
}

#wall-pvr-refs .pvr-doc-base {
    font-size: 1.3em;
    color: darkorange;
    top: -3px;
}
#pvrREFSexpand .pvr-doc-base {
    top: -3px;
    left: -5px;
}

#pvrREFS .pvr-doc-rel, #pvrREFSexpand .pvr-doc-rel {
    font-size: 0.75em;
    top: -3px;
    left: 0px;
    padding-left: 8px;
    color: #000;
}
#pvrREFSexpand .pvr-doc-rel {
    top: 2px;
    left: -3px;
}


#wall-pvr-refs .pvr-doc-rel {
    font-size: 0.75em;
    top: 4px;
    left: 6px;
    color: #000;
}

.pvr-item i.pvr-doc-base {
    color: blue;
}

#pvrREFS .pvr-no-costs, #pvrREFSexpand .pvr-no-costs {
    font-size: 0.75em;
    top: -3px;
    left: 0px;
    padding-left: 24px;
    /*color: #000;*/
}
#pvrREFSexpand .pvr-no-costs {
    top: 3px;
    left: -5px;
}

#wall-pvr-refs .pvr-no-costs {
    font-size: 0.75em;
    top: 4px;
    left: 16px;
}

ol.pvrs i.pvr-doc-base {
    
}

#pvr-table .pvr-type .pvr-doc-base {
    
    font-size: 1.7em;
    color: orange
}

#pvr-table .pvr-type .pvr-doc-rel {
    font-size: 1.1em;
    top: 7px;
    left: 0px;
    padding-left: 14px;
    color: #000;
}
#pvr-table .pvr-type .pvr-no-costs {
    font-size: 1.1em;
    top: 7px;
    left: 0px;
    padding-left: 30px;
}


#issue-table .issue-status {
    width: 8%;
}


#issue-table .issue-number {
    width: 16%;
}

#issue-table .issue-priority {
    width: 16%;
}


#issue-table .issue-desc {
    width: 40%;
}

#issue-table .issue-modified {
    width: 20%;
}






/*#pvr-table .pvr-type {
    width: 7%;
}
#pvr-table .pvr-favorite {
    width: 4%;
}
#pvr-table .pvr-number {
    width: 15%;
}
#pvr-table .pvr-projname {
    width: 25%;
}
#pvr-table .pvr-desc {
    width: 29%;
}
#pvr-table .pvr-dates {
    width: 20%;
}*/


#pvr-table #proj-status {
    width: 8%;
}
#pvr-table #proj-number {
    width: 12%;
}
#pvr-table #product-net {
    width: 15%;
}
#pvr-table #proj-ready {
    width: 15%;
}

#proj-table.is-distributor #proj-ready {
    width: 16% !important;
}

#pvr-table #pvr-assigned {
    width: 10%;
}


.status-circle {
    
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;

    
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    margin: 5px;
    cursor: pointer;

    color: #666;
    border: 1px solid #ccc;
    background-color: #f5f5f5;

    background-color: #77787b;
    border: 1px solid transparent;
    color: #fff;
    font-size: 14pt;
}

.status-area {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    cursor: pointer;
    color: #666;
    text-align: center;
    vertical-align: middle;
    background-color: #77787b;
    border: 1px solid transparent;
    color: #fff;
    font-size: 10pt;
    font-weight: 500;
    height: 25px;
    line-height: 25px;
    max-width: 70px;
    margin-top: 3px;
    /*width: 60px;*/
}

.financial-review {
    background-color: #d71920;
    background-color: var(--global-primary);
}

.status-circle:hover {
    color: #fff;
    /*background-color: #77787b;*/
    
}


#proj-table i, #quotes-table i, #sec-table i, #messages-table i, #pvr-table .pvr-favorite i, #qb-table i, #docusign-table i, #proj-cost-table i, #adp-table i, #datatable-file-manager i, #pvr-table i {
    cursor: pointer;
}

#wall-configs-pvr-refs {
    /*table-layout: fixed;
    width: 100%;*/
    margin-left: -10px;
    white-space: nowrap;
}
#wall-configs-pvr-refs td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
    vertical-align: middle;
}
#wall-configs-pvr-refs td {
    padding: 2px 5px;
    border: none;
}
#wall-configs-pvr-refs td label {
    margin-bottom: 0;
}
#wall-configs-pvr-refs .pvr-cost, #wall-configs-pvr-refs .pvr-weight {
    width: 10%;
    text-align: right;
}
#wall-configs-pvr-refs .pvr-desc {
    width: 70%;
}
#wall-configs-pvr-refs .pvr-cost-item {
    font-size: 0.85em;
}



#wall-pvr-refs, #wall-user-items, .wall-pps {
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}




#wall-pvr-refs td, #wall-user-items td, .wall-pps td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
    vertical-align: middle;
}

#wall-pvr-refs td label {
    margin-bottom: 0;
}


#wall-pvr-refs td {
    padding: 5px;
}


#wall-pvr-refs input[type=text], .wall-pps input[type=text] {
    height: 24px;
    line-height: 24px;
    text-align: right;
}


#wall-pvr-refs .pvr-reqd {
    width: 4%;
}
/*#wall-pvr-refs .pvr-expand {
    width: 4%;
}*/
#wall-pvr-refs .pvr-desc {
    width: 50%;
}
#wall-pvr-refs .pvr-weight {
    width: 11%;
    text-align: right;
    /*background-color: yellow;*/
}
#wall-pvr-refs .pvr-cost {
    width: 11%;
    text-align: right;
}
#wall-pvr-refs .pvr-qty {
    width: 11%;
    text-align: right;
}

#wall-user-items .user-qty {
    width: 15%;
}
#wall-user-items .user-desc {
    width: 70%;
}
#wall-user-items .user-cost {
    width: 15%;
    text-align: right;
}


#wall-pps-list {
    margin-right: 15px;
}

.wall-pps .c-checkbox {
    margin: 0;
}

.wall-pps td {
    vertical-align: middle;
}

.wall-pps .pps-reqd {
    width: 10%;
    text-align: center;
}
.wall-pps .pps-desc {
    width: 60%;
}

.wall-pps .pps-cost {
    width: 15%;
    text-align: right;
}

.wall-pps .pps-qty {
    width: 15%;
    text-align: right;
}


#wall-pvr-refs .pvr-cost-item, #wall-pvr-refs .pvr-cost-item td {
    border-top: none;
    padding: 1px 5px;
}










li input + ol
{
    /*background: url("../Images/treePlus.jpg") 40px -0px no-repeat;*/
               margin: -20px 0 0 -44px; 
               height: 19px;
}



li.toplvl-fldr:before, li.wall-fldr:before, li.panel-fldr:before {
    font-family: "Font Awesome 5 Pro";
    /*content: "\f105";*/
    /*content: "\f0fe";*/
    /*content: "\f146";*/
    content: "\f0fe";
    position: absolute;
    top: 3px;
    left: 1px;
    width: 10px;
    font-weight: 500;
}



li.toplvl-fldr.fldr-open:before, li.wall-fldr.wall-fldr-open:before, li.panel-fldr.panel-fldr-open:before {
    content: "\f146";
}


ol.toplvl div {
    padding-top: 3px;
    padding-bottom: 1px;
}

ol.toplvl div:hover {
    background-color: #f4f4f4;
    border-color: #ddd;
    
    cursor: pointer;
}

ol.toplvl div.active {
    background-color: rgb(205, 230, 247);
    border-color: #e8e8e8;
}

ol.toplvl li.topLevel:hover, ol.bom-wall li.topLevel:hover {

    background-color: #e7eaec;
    background-color: #f4f4f4;
    border-color: #ddd;
    cursor: pointer;
}

ol.toplvl li.topLevel {
    /*background-color: yellow;*/
    padding-top: 3px;
    padding-bottom: 3px;
}

ol.bom-wall li.topLevel {
    padding: 1px 0;
}


ol.toplvl li.topLevel.active, ol.bom-wall li.topLevel.active {
    background-color: #e7eaec;
    background-color: rgb(230, 242, 250);
    background-color: rgb(205, 230, 247);
    border-color: #aaa;
    border-color: #e8e8e8;
    
}

li.li-productCont {
    /*background-color: yellow;*/
    /*position: absolute;*/
    /*right: 0;*/
   
}

#protocolFieldsCont > ul {
    padding-left: 0;
    list-style: none;
}

#protocolFieldsCont > ul > li {
    /*background-color: yellow;*/
    margin-top: 1px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
}

#protocolFieldsCont > ul > li:hover {
    background-color: #f4f4f4;
    cursor: pointer;
}

#protocolFieldsCont > ul > li.active {
    background-color: rgb(205, 230, 247);
}

#protocolFieldsCont > ul > li.active:hover {
    background-color: rgb(230, 242, 250);
}

#rulesProtocolCont, #rulesProtocolCont ol, #rulesProtocolCont li {
    position: relative;
}

#rulesProtocolCont ol {
    list-style: none;
    padding-left: 25px;
}

#rulesProtocolCont > ol.first_ol {
    padding-left: 0px;
}

#rulesProtocolCont > ol.first_ol > li::before {
    border-top: none;
}

#rulesProtocolCont > ol.first_ol > li::after {
    border-left: none;
}

#rulesProtocolCont li::before, #rulesProtocolCont li::after {
    content: "";
    position: absolute;
    left: -12px;
}

#rulesProtocolCont li::before {
    border-top: 1px dotted #000;
    top: 12px;
    width: 8px;
    height: 0;
}

#rulesProtocolCont li::after {
    border-left: 1px dotted #000;
    height: 100%;
    width: 0px;
    top: 3px;
}

#rulesProtocolCont ol > li:last-child::after {
    height: 8px;
}




#rulesProtocolCont li > div {
    /*background-color: yellow;*/
    margin-top: 1px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
}

#rulesProtocolCont li > div:hover {
    background-color: #f4f4f4;
    /*background-color: yellow;*/
    cursor: pointer;
}

#rulesProtocolCont li.liRulesProtocol.active > div:hover {
    /*background-color: red;*/
    background-color: rgb(230, 242, 250);
    /*background-color: yellow;*/
    cursor: pointer;
}

/*#rulesProtocolCont ol > li:hover {
    background-color: #f4f4f4;
    cursor: pointer;
}*/

#rulesProtocolCont li.liRulesProtocol.active > div {
    background-color: rgb(205, 230, 247);
}

#rulesProtocolCont li > div.active:hover {
    background-color: rgb(230, 242, 250);
    /*background-color: yellow;*/
}

li.toplvl-fldr, li.wall-fldr, li.panel-fldr {
    padding-top: 1px;
    padding-bottom: 1px;
}

li.toplvl-fldr > ul > li.active, li.wall-fldr > ul > li.active, li.panel-fldr > ul > li.active {
    background-color: rgb(205, 230, 247);
}

li.toplvl-fldr > ul > li.active:hover, li.wall-fldr > ul > li.active:hover, li.panel-fldr > ul > li.active:hover {
    background-color: rgb(230, 242, 250);
}

li.topLevel {
    margin-top: 1px;
}


li.toplvl-fldr ul, li.wall-fldr ul, li.panel-fldr ul {
    margin-left: 25px;
}

ol.actions div.action-detail, ol.releases div.mto-detail {
    margin-left: 12px;
}

ol.actions ol, ol.releases ol {
    padding: 5px 10px;
}

ol.toplvl ul, ol.bom-wall ul {
    padding: 5px 10px;
    /*background-color: red;*/
    display: none;
    /*padding-left: 45px;*/
}

ol.toplvl li input:checked + ul, ol.bom-wall li input:checked + ul, ol.bom-panel22 li input:checked + ul {
    display: block;
}



ol.actions li input + div, ol.releases li input + div
{
    border-bottom: 1px solid transparent;
}

/*release-fldr*/
li.action-item:before {
    
    font-family: "Font Awesome 5 Pro";
    /*content: "\f105";*/
    /*content: "\f0fe";*/
    /*content: "\f146";*/
    content: "\f0fe";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 10px;
    font-weight: 500;
}
li.action-item.action-open:before {
    content: "\f146";
}

li.action-item.no-plus:before {
    content: none;
}

.action-item span i.fas {
    color: #e84c3d;
    color: #d71920;
    color: var(--global-primary);
    cursor: pointer;
}

/*.action-item a.btn-custom, .action-item a.btn-secure {
   padding-left: 15px;
   padding-right: 15px; 
   
}*/


ol.actions li input:checked + div + div, ol.releases li input:checked + div + div { 
    padding: 0px;
    border: 1px solid transparent;
    border-top: none;
    display: block !important;
    
}

.action-custom {
    /*border-color: #c09853 !important;*/
    border-color: #ddd !important;
    
    /*background-color: #fcf8e3;*/
    background-color: #fafafa;
    /*border-width: 0;
    border: solid none none none;*/
}

/*.action-secure {
    border-color: #3a87ad !important;
    background-color: #d9edf7;
}
.action-release {
    border-color: #468847 !important;
    background-color: #dff0d8;
}
.action-resched {
    border-color: #8723d4 !important;
    background-color: #fcf8e3;
}
.action-cancel {
    border-color: #c09853 !important;
    background-color: #fcf8e3;
}*/

.action-item:not(:first-of-type) {
    margin-top: 10px;
}


.action-title {
    border: 1px dashed #aaa;
    padding: 2px 10px;
}

span.action-title.secure {
    color: #3a87ad;
}
span.action-title.release {
    color: #468847;
}
span.action-title.custom {
    color: #c09853 ;
}
span.action-title.cancel {
    color: #c09853 ;
}
span.action-title.resched {
    color: #8723d4 ;
}



ol.tree > li input:checked label:after {
    
}


li.group-folder:after {
    font-family: "Font Awesome 5 Pro";
               content: "\f107";   /*107 = down*/
               position: absolute;
               top: 0px;
               left: 0px;
               /*width: 10px;*/
    font-weight: 700;
    font-size: 1.2em;
    /*background-color: greenyellow;*/
}

li.group-folder.folder-collapsed:after {
               content: "\f105";   /*107 = down*/
    /*background-color: yellow;*/
}

/*li.tree-wall.folder-collapsed:after {
               content: "\f105";
}*/


ol.tree, ol.actions, ol.toplvl, ol.bom-wall, ol.releases
{
    padding: 0 0 0 15px;
}
ol.tree li , ol.actions li, ol.toplvl li, ol.bom-wall li, ol.bom-panel22 li, ol.releases li
{ 
    position: relative; 
    margin-left: -15px;
    list-style: none;
        
}
ol.tree li.file2, ol.actions li.file2
{
               margin-left: -1px !important;
}
ol.tree li.file2 a, ol.actions li.file2 a
{
               background: url(document.png) 0 0 no-repeat;
    background: url("../Images/document.png") 0 0 no-repeat;
               padding-left: 21px;
               text-decoration: none;
               display: block;
    outline: none;
}








ol.tree li > input, ol.actions li > input, ol.toplvl li > input, ol.bom-wall li > input, ol.releases li > input
{
    position: absolute;
    left: 0;
    margin-left: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    height: 1em;
    width: 1em;
    top: 0;
        
}

ol.tree li.group-folder label > span {
    /*background-color: red;*/
    margin-left: 5px;
    font-size: 1.2em;
}


li.pvr-list {
    padding-left: 0 !important;
}


li input + ol > li {
    /*display: none;*/ 
    margin-left: -14px !important; 
    padding-left: 1px; 
}

ol.actions > li label, ol.releases > li label
{
    cursor: pointer;
    display: inline-block;
    /*padding-left: 18px;*/
        
}

ol.tree > li > label  {
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    padding: 0 5px 1px 5px;
    padding: 0 5px 1px 0px;
    cursor: pointer;
               display: inline-block;
    /*margin-left: 15px; 
    padding-left: 5px;*/
    /*padding: 0;
    margin: 0;*/
    /*background-color: yellow;*/
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 0;
}

ol.tree > li label
{
               
               /*padding-left: 18px;*/
    
}



ol.tree > li label:hover, ol.tree > li > ol > li:hover {

    background-color: #e7eaec;
    background-color: #f4f4f4;
    border-color: #ddd;
}

ol.tree > li label.active, ol.tree > li > ol > li.active, li.config-area.active label{
    background-color: #e7eaec;
    background-color: rgb(230, 242, 250);
    background-color: rgb(205, 230, 247);
    border-color: #aaa;
    border-color: #e8e8e8;
    
}

ol.tree > li label.active:hover, ol.tree > li > ol > li.active:hover{
    background-color: rgb(205, 230, 247);
    background-color: rgb(230, 242, 250);
}






/*ol.toplvl > li label.active:hover, ol.tree > li > ol > li.active:hover{
    background-color: rgb(230, 242, 250);
}*/


ol.tree > li input:checked + ol
{
               
               margin: -20px 0 0 -44px;
               padding: 1.563em 0 0 80px;
               height: auto;
        
}

.wall-properties-container {
    width: 100%;
    
    /*background-color: yellow;*/
    padding: 0 5px 0 40px;
    /*display: none;*/
}

.wall-prop-inner {
    font-size: 0.85em;
    border-top: 1px solid #ccc;
    
}

.quickview-fp, .quickview-pvr, .quickview-group {
    display: none;
    margin: 3px 7px;
    cursor: pointer;
}



li.wallACTIVE a.quickview-fp {
    display: block;
    color:  #666;
}

li.groupACTIVE a.quickview-group {
    display: block;
    color: #666;
    margin: 0px;
}

li.active a.quickview-pvr {
    display: block;
    color:  #666;
}

li.wallACTIVE a.quickview-fp:hover, li.wallACTIVE a.quickview-pvr:hover {
    display: block;
    color: #e84c3d;
    color: #d71920;
    color: var(--global-primary);
}


.wall-container {
    position: relative;
    border-top: 1px solid transparent;
    /*background-color: yellow;*/
}

/*.rel-status, .rel-track-status {
    width: 40px;
    float: right;
    text-align: center;
    margin-bottom: 0px;
}

.pvr-ref-status, .chkPnlOrder, chkTrkOrder, chkHSPOrder {
    width: 40px;
    width: 16px;
    float: right;
    text-align: center;
}*/

/*.tree-wall{
    height: 30px;
    position: relative;
}

.wall-container{
    width:100%;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}*/


.wall-container .radio + .radio, .checkbox + .checkbox {
    margin-top: 5px;
    margin-top: 1px;
}


div#pvrREFS ul li {
    /*padding-left: 0;*/
    padding: 3px;
    margin-bottom: 2px;
    
}
div#pvrREFS ul li.active {
    background-color: rgb(205, 230, 247);
    border-color: #e8e8e8;
    
}



div#pvrREFS ul li.active:hover {
    background-color: rgb(230, 242, 250);
}





div#pvrREFS ul li:hover {
    background-color: #f4f4f4;
}


/*.wall-container:hover .quickview-fp, .wall-container:hover .quickview-elev, .wall-container:hover .toggle-wall-detail-pane:not(.hidden) {
    display: block;
}*/


li input:checked + ol > li { display: block; margin: 0 0 0.125em;}
li input:checked + ol > li:last-child { margin: 0 0 0.063em;}

.action-container {
    background-color: aquamarine;
    border-width: 1px;
    padding: 5px;
    margin-left: -25px;
    border-style: none solid solid solid;
}



.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}




.sk-spinner-three-bounce.sk-spinner {
  margin: 0 auto;

  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 200px;
  z-index: 9997;
}
.sk-spinner-three-bounce div {
  width: 18px;
  width: 36px;
  width: 18px;
  /*width: 75px;*/
  height: 18px;
  height: 36px;
  height: 18px;
  /*height: 98px;*/
   background-color: #1ab394;
  background-color: #c42b2b;
  
  /*width: 21px;
  height: 21px;*/

  border-radius: 100%;
  /*border-radius: 0%;*/
  display: inline-block;
  -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


#wall-config-content .sk-spinner-three-bounce div {
    width: 36px;
    height: 36px;
}


.sk-spinner-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.sk-spinner-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-threeBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-threeBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}



.dlk-wall-spinner-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 2;
    /*opacity: 0.5;*/
    /*background-color: yellow;*/
}










/*sk-spinner-three-bounce*/
/*dlk-wall-spinner*/
.dlk-wall-spinner,
.dlk-wall-spinner:after {
  border-radius: 50%;
  width: 4em;
  height: 4em;
}
.dlk-wall-spinner {
    margin: 30% auto;
    font-size: 20px;
    position: relative;
    text-indent: -9999em;
    border-top: 5px solid #acacac;
    border-right: 5px solid #acacac;
    border-bottom: 5px solid #acacac;
    border-left: 5px solid #d71920;
    border-left: 5px solid var(--global-primary);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 01.5s infinite linear;
    animation: load8 1.5s infinite linear;
    z-index: 1;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
















.dropdown-menu.non-nav {
               
    /*padding: initial;*/
    margin: initial;
    min-width: initial;
    padding: initial;
}
.dropdown-menu.non-nav li a {
    margin: 1px;
    padding: 5px 15px 5px 15px;
    min-width: 210px
}

.dropdown-menu.non-nav .menu-header {
    background-color: #fff;
    /*color: #e84c3d;*/
    padding: 5px 10px;
    font-weight: 700;
    font-size: 1.35em;
    font-size: 1.15em;
    border-bottom: 1px solid #ddd;
               /*background-color: red;*/
    /*padding: initial;
    padding: 5px 10px;
    min-width: initial;*/
    /*line-height: 36px;*/
}


    .dropdown-menu.non-nav li.active::before {
        content: "\f00c";
        font-family: "Font Awesome 5 Pro";
        color: #d71920;
        color: var(--global-primary);
        font-weight: 700;
        position: absolute;
        font-size: 0.8em;
        padding-top: 7px;
        padding-left: 2px;
        height: 16px;
        /*right: 10px;
    background-color: #f3f3f3;
    background-color: #eaeaea;
    left: auto;
    position: absolute;
    top: 19px;
    z-index: -1;
    width: 25px;
    height: 3px;*/
    }


/*.non-menu .dropdown-menu > li > a {
    padding: 4px 20px;
    font-size: 14px;*/
    /*font-weight: 700;*/
    /*color: #666666;*/
    /*border-bottom: 1px solid #f1f1f1;*/
    /*border-bottom: 1px solid #f1f1f1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;*/
/*}*/

/*.non-menu .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu .menu > .active > a, .dropdown-menu .menu > .active > a:hover, .dropdown-menu .menu > .active > a:focus {
    background-color: #ffffff;
    color: #e84c3d;
    border-color: #f1f1f1;
}*/

/*.non-menu.dropdown-menu > li.header > a {
    background-color: red !important;
}*/

/*ul.menu li a:before {
    background-color: yellow;
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    content: "\f104";
}*/


.modal-footer > .alert {
    margin: 0;
    padding: 6px 15px 6px 70px;
    min-width: 260px;
}

.modal-footer > .alert::after {
    top: 0px;
}

.modal-body h2, h3 {
    margin: 0;
}

.modal-footer {
    margin-top: 0;
}

.input-group-addon {
    /*border-color: #acacac;*/
    background-color: #eeeeee;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.page-heading {
    margin: 0 0px 0 -15px;
}


.tree li.child {
    list-style-type: none;
    margin: 0; /*this is the vertical line position (left)*/
    padding: 10px 5px 0 5px;
    padding: 0;
    position: relative;
}

.tree li.prop {
    margin-left: -30px;
}


.tree li.child::before, .tree li.child::after {
        content: '';
        left: 10px; /*-20px*/
        position: absolute;
        right: auto;
    }

/*Vertical dotted line*/
.tree li.child::before {    
    border-left: 1px dotted #333;
    bottom: 50px;
    height: 100%;
    top: 0;
    width: 3px;
}


/*Horizontal dotted line*/
.tree li.child::after {
    border-top: 1px dotted #333;
    height: 10px;
    top: 10px;
    width: 15px; /*this is the length of the horizontal lead in*/
}

.tree li.child {
        padding-left: 30px;
        left: -10px;
    }




#main-body-spinner-bg {
    /*opacity: 0.5;*/
    height: 100vh;
    /*width: 100%;*/
    
    z-index: 9998;
    position: absolute;
    position: fixed !important;
    background-color: aquamarine;
    background-color: rgba(255, 255, 255, 0.4);
    /*opacity: 0.3;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    overflow-y: hidden;
}

.modal {
    overflow-y: auto;
}

.modal {
    overflow-y: auto;
}

@keyframes spinner-final {
    0% {
        transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }
    100% {
         transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
}

.spinner-final > div.spinner-logo {
    height: 100%;
    background: url('../Images/HUFCOR_RGB_CHEVRON.jpg'), no-repeat #fff;
    background: url('../Images/KW_logo_Fin3-300x187.png'), no-repeat #fff;
    background: url('../Images/kw-logo-animated.gif'), no-repeat #fff;
    background-size: 100px, 100px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    /*z-index: 999;
    background-color: green;
    height: 150px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 100px;
    border-radius: 50%;*/
}

.spinner-final > div.spinner-no-logo {
    height: 100%;
    
    background-color: rgba(255, 255, 255, 0.8);
    background-size: 30px, 30px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    /*width: 30px;
    height: 30px;*/
    /*width: 35px;
    height: 35px;*/
   
}

.spinner-final {
    
    
    height: 100vh;
    opacity: 1;
    position: relative;
    /*transition: opacity linear 1s;*/    
    left: calc(50% - 75px);
    /*left: -webkit-calc(50% - 75px);
    left: -moz-calc(50% - 75px);*/



    top: calc(40% - 75px);
    z-index: 1000001 !important;
    /*background-color: yellow;*/

    
}

.spinner-logo {
    
    width: 150px;
    height: 150px;
}

.spinner-wall {
    
    width: 72px;
    height: 72px;
}




.spinner-final::before {
    animation: 1.5s linear infinite spinner-final;
    border: solid 6px #efefef;
    border: solid 5px #acacac;
    /*border-bottom-color: #EF6565;*/
    border-bottom-color: #d71920;
    border-bottom-color: var(--global-primary);
    border-radius: 50%;
    content: "";
    height: 150px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    /*transform-origin: center;*/
    /*width: 40px;*/
    will-change: transform;
    width: 150px;
    /*background-color: white;*/
    /*box-shadow: 0 0 15px 1px #ccc;*/
}

.spinner-wall.spinner-final::before {
    height: 75px;
    width: 75px;
}




.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    background-color: red;
    /*background: url('../Images/HUFCOR_RGB_CHEVRON.jpg'), no-repeat #fff;*/
    /*background: url('../Images/KW_logo_Fin3-300x187.png'), no-repeat #fff;*/
    background-size: 30px, 30px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    left: 400px;
    top: 400px;
    z-index: 10001;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 3px;
  border: 3px solid red;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: red transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



/*#main-body-spinBG {
    height: 100%;
    width: 100%;
    
    z-index: 9999;
    position: absolute;
    top: 0;
    display: none;

}
#main-body-spin {
    position: absolute;
    height: 95%;
    top: calc(33% + 70px);
    overflow-y: auto;
    left: 40px;
    right: 0;
    margin: 0 auto;
    padding-top: 0;
    z-index: 9999;
    
}


.loader {
    position: absolute;
    top: 33%;
    margin-left: -150px;
    left: 50%;
    height: 100px;
    width: 300px;
    z-index: 9999;
    border-radius: 25px;
    background-color: white;
    box-shadow: 0 0 20px 5px #ccc;
}*/



.text-danger {
    /*color: #e84c3d;*/
    color: #d71920;
    /*color: var(--global-primary);*/
}

.text-topic {
    color: var(--global-primary);
}

.zone-section {
    margin: 10px 0;
    /*background-color: yellow;*/
}

.zone-section:first-of-type {
    margin: 0 0 10px 0;
    /*background-color: lightcoral;*/
}

.zone-section label {
    font-weight: 700;
    font-size: 1.1em;
}


#left-pocket-div > h3, #right-pocket-div > h3 {
    /*color: forestgreen;
    font-size: 20px;*/
    font-size: 1.25em;
    font-size: 1.0em;
    padding-bottom: 5px;
}

.pocket-editable:after {
        
    content: "Editable Values";
    font-weight: 600;
    line-height: 32px;
    margin-left: 5px;
}

    

.lbl-perim {
    padding-left: 15px;
}

.lbl-perim small.caption {
    font-size: 0.9em !important;
    padding: 0;
    margin: 0;
    font-weight: 700;
    line-height: 26px;
    vertical-align: middle;
}

.lbl-perim small.value {
    font-size: 0.9em !important;
    font-stretch: condensed;
    color: #ed5565;
    color: var(--global-primary);
    /*background-color: yellow;*/
    padding-left: 5px;
    margin: 0;
    font-weight: 700;
    line-height: 26px;
    vertical-align: middle;
}

.selected-dim{
    background-color: #d9edf7;
}

.property-lock {
    width: 27px;
    height: 20px;
    /*background-color: yellow;*/
    color: #e84c3d;
    color: #d71920;
    color: var(--global-primary);
    display: inline-block;
    vertical-align: middle;
}

.property-is-locked:before {
    /*background-color: red;*/

    /*position: absolute;
               top: 0px;
               left: 15px;*/
    font-family: "Font Awesome 5 Pro";
               content: "\f30d";
    font-weight: 500;
               /*color: #DDDDDD;*/
               font-size: 1.05em;
}

.property-user-locked:before {
    /*background-color: red;*/

    /*position: absolute;
               top: 0px;
               left: 15px;*/
    padding-left: 0;
    font-family: "Font Awesome 5 Pro";
               content: "\f30d";
    font-weight: 700;
               /*color: darkgoldenrod;*/
    color: goldenrod;
               font-size: 1.05em;
}

.property-user-locked:hover {
   cursor: pointer;
}
.property-is-locked:hover {
    cursor: not-allowed;
}

.property-desc {
    background-color: yellow;
    margin-left: 30px;
}

#main-product {
    /*position: relative;*/
    margin: 0 -15px;
    /*background-color: aqua !important;*/
    /*height: 50vh;*/
}

.product-content {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 3px;
    bottom: 0px;
    overflow-y: auto;
    padding-top: 15px;
    background-color: #fff;
    /*background-color: yellow;*/
    overflow-x: hidden;
}

#main-brochure {
    position: relative;
    margin: 0 -15px;
    /*background-color: aqua;*/
    height: 70vh;
}

#track-struct {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
   
}



/*#brochure-holder {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: yellow;
}*/
.brochure-content {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    /*background-color: yellow;*/
}

.track-acc-content {

    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow-y: auto;
}


.swatch-tile {
    /*border: 1px solid #dedede;*/
    /*padding: 5px;*/
   margin: 0;
   padding: 0;
}

.inner-swatch-tile {
    
    margin: 0px;
    padding: 0px;
    height: 75px;
}
.swatch-box {
    border: 1px solid #dedede;
    margin: 0 10px 0 0;
    padding: 5px;
}



.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}



    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
        border-left-color: #e84c3d;
        border-left-color: #d71920;
        border-left-color: var(--global-primary);
    }

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.dropdown-menu-right {
    right: 0;
    left: auto;
}

#wall-static-vals {
    font-size: 0.9em;
    /*float: right;*/
    /*margin: 5px 0px 0 0;*/
    position: absolute;
    bottom: -42px;
    right: 0;   
}

#wall-static-vals ol {
    /*list-style: circle;*/
    
}



#wall-static-vals ol li {
    display: inline;
}

#wall-static-vals ol li span {
    font-weight: 700;
    color: #ed5565;
    color: var(--global-primary);
}

#wall-static-vals ol li span:after {
    content: '\ffed';
    color: initial;
    margin: 0 15px;
}

#wall-static-vals ol li:last-of-type span:after {
    content: '';
    margin-right: 0;
}


/*#product-content {
    background-color: yellow;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 60px;
    overflow-y: scroll;
}*/

.training-outline {
    position: absolute;
    top: 163px;
    right: 0;
    overflow: hidden;
    background-color: transparent;
    
    bottom: 206px;
}

.group-prps {
  position: absolute;
  top: 160px;
  right: 0;
  
  overflow: hidden;
  background-color: transparent;
  z-index: 99;
}

.group-prps table {
    font-size: 0.9em;
}

.group-prps table tr, .group-prps table tr td {
    padding: 2.5px 5px;
}

.group-prps table tr.hdr {
    background-color: #f5f5f5;
}


.group-prps-container, .training-outline-container {
    margin-right: -340px;
    margin-right: -650px;
    margin-right: -700px;
    position: relative;
    z-index: 200;
    transition-duration: 0.8s;
    transition-duration: 0.5s;
    /*background-color: yellow;*/
}

.training-outline-container {
    z-index: 199;
    background-color: transparent;
    margin-right: -550px;
    height: 100%;
}

.group-prps-container.show, .training-outline-container.show {
  margin-right: 0;
}

.group-prps-icon, .training-outline-icon {
    position: absolute;
    padding: 9px 10px 8px 15px;
    padding: 0px 4px 2px 5.5px;
    /*padding: 2px;*/
    border-radius: 100px;/* 0 0 20px;*/
    /*font-size: 16px;*/
    top: 0;
    left: 13px;
    width: 35px;
    color: #fff;
    cursor: pointer;
    /*background-color: #fff;
    background-color: var(--global-primary-light);*/
    background-color: rgb(217, 230, 227);
    /*border: 2px #e84c3d solid;
    border: 2px solid #d71920;*/
    border: 2px solid var(--global-primary);
   /* color: #e84c3d;
    color: #d71920;*/
    color: var(--global-primary);
}

#training-outline-props {
    height: 100% !important;
    border-left: 1px solid #d71920;
    border-left: 1px solid var(--global-primary);
    overflow-y: auto;
}

#training-outline-props > ul ul {
    
}


.skin-setttings {
    width: 340px;
    width: 650px;
    width: 700px;
    margin-left: 48px;
    background-color: #fff !important;
    /*background: #f3f3f4;*/
}

.skin-setttings-kb {
  width: 340px;
  width: 500px;
  margin-left:48px;
  background-color: #fff !important;
  height: 100%;
  /*background: #f3f3f4;*/
}

.skin-setttings .title, .skin-setttings-kb .title {
    background: var(--global-primary-light);
    border: 2px solid var(--global-primary);
    /*text-align: center;*/
    color: #fff;
    font-size: 16px;
    /*height: 42px;
    line-height: 42px;*/
    vertical-align: middle;
    padding: 4px;
}




#grp-item-props {
    
    /*border-left: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    padding: 0 3px;*/
}

/*.skin-setttings .title h3 {
    margin-bottom: 7px;
}

.skin-setttings .panel-body {
    border: 1px solid #e3e3e3;
}*/

#flrpln-image {
    height: 100%;
}

.image-viewer {
   
}
.image-view-container {
    display: none;
    position: absolute;
    top: -350px;
    height: 350px;
    left: 200px;
    left: 50%;
     z-index: 9999;
    /*position: fixed;*/
    /*top: 400px;*/
    /*left: 400px;*/
    border: 3px solid #ddd;
    width: 150%;
    /*height: 100%;*/
    overflow-x: auto;
    overflow-y: hidden;
    /*height: 300px;*/
    background-color: yellow;

    /*overflow-x: scroll;
    
    height: 100%;*/
}

#fp-content {
    height: 275px;
}


.progress-bar-danger {
    background-color: #e84c3d;
    background-color: #d71920;
    background-color: var(--global-primary);
}

.jstree-container-ul {
    padding-left: 15px;
    margin-top: 15px;
}

.jstree-container-ul ul {
    padding-left: 15px;
    
}

#tree-file-manager a {
    color: #666;
}

#tree-file-manager span {
    padding-left: 15px;
    /*background-color: yellow;*/
}

a.disabled {
    cursor: pointer;
}
.no-margin {
    margin-left: 0;
    margin-right: 0;
}

.switch-field {
    padding: 0px 10px;
    overflow: hidden;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
  float: left;
}

.switch-field label {
  display: inline-block;
  /*width: 60px;*/
  background-color: #fff;
  /*color: rgba(0, 0, 0, 0.6);*/
  /*font-size: 14px;*/
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 5px 10px;
  /*padding: 0px 0px;*/

  /*border: 1px solid rgba(0, 0, 0, 0.2);*/
  border: 1px solid  #d2d2d2;
  /*-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);*/
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition:    all 0.3s ease-in-out;
  /*-ms-transition:     all 0.3s ease-in-out;*/
  -o-transition:      all 0.3s ease-in-out;
  transition:         all 0.3s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field label:hover {
    background-color: #ebebeb;
}

    .switch-field input:checked + label {
        background-color: #A5DC86;
        background-color: red;
        background-color: #d71920;
        background-color: var(--global-primary);
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #ffffff;
        background-color: #6685a4;
        background-color: #e84c3d;
        background-color: #d71920;
        background-color: var(--global-primary);
        border-color: #e84c3d;
        border-color: #d71920;
        border-color: var(--global-primary);
        border-color: #54718d;
        box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15), 0px 1px 1px rgba(0,0,0,0.075);
    }

.switch-title {
  margin-bottom: 6px;
}


/*.btn-light-gray:hover, .btn-light-gray:focus, .btn-light-gray:active, btn-light-gray.active, .open .dropdown-toggle.btn-light-gray {
    color: #ffffff;
    background-color: #e84c3d;
    border-color: #e84c3d;
}*/

.mainnav-menu {
    margin-left: -15px;
}

.btn-light-gray.active {
    color: #ffffff;
    background-color: #e84c3d;
    background-color: #d71920;
    background-color: #9e0b0f;
    background-color: var(--global-primary);
    border-color: .;
    border-color: #d71920;
    border-color: var(--global-primary);
    border-color: #9e0b0f;
    border-color: var(--global-primary);
}

 .carousel-control.left,.carousel-control.right{
      background-image:none;
      margin-top:10%;
      width:5%;
}



 .spinner {
  display: inline-block;
  opacity: 0;
  width: 0;

  -webkit-transition: opacity 0.25s, width 0.25s;
  -moz-transition: opacity 0.25s, width 0.25s;
  -o-transition: opacity 0.25s, width 0.25s;
  transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
  cursor:progress;
}

.has-spinner.active .spinner {
  opacity: 1;
  width: auto; /* This doesn't work, just fix for unkown width elements */
}

.has-spinner.btn-mini.active .spinner {
    width: 10px;
}

.has-spinner.btn-small.active .spinner {
    width: 13px;
}

.has-spinner.btn.active .spinner {
    width: 16px;
}

.has-spinner.btn-large.active .spinner {
    width: 19px;
}



.metric-pills > li {
    float: left;
    margin-bottom: 30px;
}


.metric-pills > li > div {
    padding: 5px 15px;
    /*border-radius: 10px;*/
    /*padding: 10px 15px;*/
    /*border: 1px solid transparent;
    border-color: #ddd;
    background-color: #f5f5f5;*/
    background-color: var(--global-primary);
    
    color: #fff;
    font-size: 13px;
    /*text-transform: uppercase;*/
    font-weight: 700;
    margin-right: 30px;
    min-width: 240px;
    max-width: 240px;
    min-height: 90px;
    overflow: clip;
}

.metric-pills > li > div H5 {
    color: #fff;
    font-size: 1.6em;
}






.app-title {
    font-size: 1.4em;
    position: relative;
    left: 70px;
    top: -30px;
    color: #666;
}

.app-circle {
    position: absolute;
    width: 100px;
    height: 100px;
    left: -40px;
    top: -40px;
    border-radius: 50%;
    background-color: var(--global-primary-light);
}

i.app-watermark {
    color: var(--global-primary-light);
    position: absolute;
    right: -20px;
    top: -45px;
    opacity: 25%;
    font-size: 13em;
}

.app-pills > li {
    float: left;
    margin-bottom: 30px;
}

.app-pills > li > a H5{
    text-transform: none;
}

.app-pills > li > a {
    border-radius: 10px;
    /*padding: 10px 15px;*/
    border: 1px solid transparent;
    border-color: #ddd;
    background-color: #f5f5f5;
    background-color: #fcfcfc;
    color: #666666;
    font-size: 13px;
    /*text-transform: uppercase;*/
    font-weight: 700;
    margin-right: 30px;
    
    min-width: 320px;
    max-width: 320px;
    min-height: 140px;
    overflow: clip;
}

.app-pills > li.active > a, .app-pills > li.active > a:hover, .app-pills > li.active > a:focus, .app-pills > li > a:hover, .app-pills > li > a:focus {
    border: 1px solid #f3f3f3;
    /*color: #e84c3d;
    color: #d71920;*/
    color: var(--global-primary);
    background-color: #fafafa;
    background-color: #efefef;
    /*background-color: var(--global-primary);*/


    border-color: #aaa;
    border-color: var(--global-primary);
}


.nav-pills > li > a {
    border-radius: 0;
    padding: 10px 15px;
    border: 1px solid transparent;
    border-color: #ddd;
    background-color: #f5f5f5;
    background-color: #fcfcfc;
    color: #666666;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 5px;
}

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .nav-pills > li > a:hover, .nav-pills > li > a:focus {
        border: 1px solid #f3f3f3;
        color: #e84c3d;
        color: #d71920;
        color: var(--global-primary);
        background-color: #fafafa;
        background-color: #efefef;
        /*background-color: var(--global-primary);*/


        border-color: #aaa;
        border-color: var(--global-primary);
    }

ul.agile-list > li {
    background: #FAFAFB;
    background: #f9f9fB;
    border: 1px solid #e7eaec;
    border: 1px solid #d2d2d2;
    border: 1px solid var(--global-primary);
    margin: 0 0 15px 0;
    padding: 10px;
    border-radius: 2px;
}

.agile-list li.danger-element {
    border-left: 4px solid var(--global-primary);
}


.agile-list li.danger-element.valid {
    /*border-left-width: 36px !important;*/
    border-left: 36px solid var(--global-primary-light);
}

.agile-list li.danger-element.valid.current {
    /*border-left-width: 36px !important;*/
    border-left: 36px solid var(--global-primary);
}
.agile-list li.danger-element.expiring {
    border-left: 36px solid gold;
    color: #343434;

}
.agile-list li.danger-element.expired {
    border-left: 36px solid #d71920;
}


.agile-list li:hover {
    cursor: pointer;
    background: #fff;
}

.agile-list {
    list-style: none;
    margin: 0;
}

ul.agile-list.alerts li {
    padding: 5px 10px;
    margin-right: 10px;
}

ul.agile-list.alerts li div {
    margin: 0;
}


ul.agile-list.alerts li div i {
    padding-right: 10px
}

ul.agile-list.alerts {
    overflow-y: auto;
    max-height: 400px;
    margin-right: -10px;
}

.dropdown-footer {
    padding: 15px 15px 0 15px;
    width: 100%;
    /*padding: 20px 0 10px;
               background-color: #262626;
               border-top: 1px solid #3a3a3a;
               border-bottom: 1px solid #333333;*/
}

/*<ul class="agile-list alerts" id="alert-list" style="padding: 0">
                                            <li id="task4" style="position: relative">
                                                <div class="pull-left2222" style="margin: 0 25px 0 10px; text-align: left">*/


/*ul.agile-list.alerts > li {
    background: #FAFAFB;
    background: #f9f9fB;
    border: 1px solid #e7eaec;
    border: 1px solid #d2d2d2;
    margin: 0 0 10px 0;
    padding: 5px;
    border-radius: 2px;
    border-left-width: 1px;
}*/





.dropdown-menu.box-nav {
    width: 400px;
}

.dropdown-menu.alerts {
    width: 450px;
    padding: 10px;

}

.dropdown-menu.alerts .nav > li > a {
    padding: 5px 15px;
    font-size: 0.85em;
}



.box-style-dlk {
               text-align: center;
               padding: 10px;
               margin: 10px 0;
}

.box-style-dlk i {
               font-size: 28px;
               margin: 5px;
               text-align: center;
}

.box-style-dlk:hover i, .box-style-dlk:hover h3 {
               color: #e84c3d;
               /*-webkit-transition: all 0.3s ease-in-out;
               -o-transition: all 0.3s ease-in-out;
               transition: all 0.3s ease-in-out;*/
}

.box-style-dlk:hover {
    color: #e84c3d;
    cursor: pointer;
}

.form-control-feedback {
    position: absolute;
    top: 18px;
    right: 15px;
    z-index: 2;
    display: block;
    width: 48px;
    height: 48px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

#alert-container {
    padding: 15px;
    background-color: white;
    border-color: #ddd;
    border-width: 1px;
    border-style: none solid solid solid;
}


.info-panel {
        margin-top: 10px;
        background-color: #ddd;
        padding: 2px 10px;
    }

    .info-panel span {
        font-size: 44px;
        color:#343434;
        margin-right: 10px;
     }

    
    .info-panel div.image > i {
        color: white;
        opacity: 0.3;
        margin: 0 5px;
    }

    .clr-purple {
        background-color: rgba(115,83,225, 0.3);
    }

    .clr-teal {
        background-color: rgba(0,137,188, 0.3);
    }

    .clr-green {
        background-color: rgba(40,126,0, 0.3);
    }
    /*.clr-red {
        background-color: rgba(215,25,32, 0.3);
    }*/

    .clr-red {
        background-color: rgba(215,25,32, 1);
    }
    

    #pdfdocumentModalBG {
        height: 100%;
        width: 100%;
        background-color: rgba(0,0,0,.7);
        z-index: 9999;
        position: absolute;
        top: 0;
    }

    #pdfdocumentModal {
        position: absolute;
        background-color: white;
        height: 95%;
        width: 80%;
        top: 2.5%;
        /*overflow-y: auto;*/
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .unselectable {
        -webkit-user-select: none; /* Chrome all / Safari all */
        -moz-user-select: none; /* Firefox all */
        -ms-user-select: none; /* IE 10+ */
        user-select: none; /* Likely future */
    }
    .center-orientation .vertical-timeline-block {
        margin: 20px 0;
        margin: 0;
    }
    .vertical-timeline-content .panel-heading text {
        font-weight: 700;
    }

#edit-tabs li a {
    /*border-width: 5px*/;
    padding: 10px 15px;
    /*padding: 10px 20px;
    padding: 10px 10px*/;
}
/*#shp-folder:hover, #shp-folder.active {
    background-color: #fff;
    color: #d71920;
    border: 5px solid #d71920;
}*/

#table-shipping-labels tr td + td.td-input {
    padding: 0;
}
#table-shipping-labels tr td + td.td-input {
    /*border: none;*/
}


#table-shipping-labels span.input-group-addon {
    padding: 0 10px;
    
}






#table-financial-labels tr td + td, #table-financial-labels tr th + th {
    text-align: right;
}


.doc-pvr {
    background-color: orange;
    color: #333;
    border: 1px solid black;
    width: 900px;
    height: 1100px;
    margin: 30px auto;
    padding: 15px;
}

#pvrdoc {
    font-family: 'Times New Roman', Times, serif;
}
.doc-pvr-header {
    
    font-size: 9pt;
}

[disabled].form-control, [readonly].form-control, fieldset[disabled] .form-control {
    background-color: initial;
}

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-msg {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-rolodex {
    width: 150px !important;
    text-overflow: ellipsis !important;
}

div.truncate-pt {
    /*white-space: nowrap;
    overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    width: calc(100% - 100px);
    /*background-color: yellow;*/
}

h2.truncate-pt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*width: calc(100% -10px);*/
}
.blogpost-body .post-user {
    position: absolute;
    right: 15px;
    top: 15px
}



article.flag-red::before,
article.flag-red::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-color: transparent;
    border-style: solid;
}

article.flag-red::before {
    border-width: 1.07em;
    border-right-color: #d2d2d2;
    border-top-color: #d2d2d2;
}

article.flag-red::after {
    border-radius: 0.1em;
    border-width: 1em;
    border-right-color: #d71920;
    border-top-color: #d71920;
    border-top-color: var(--global-primary);
}



article.flag-orange::before,
article.flag-orange::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-color: transparent;
    border-style: solid;
}

article.flag-orange::before {
    border-width: 1.07em;
    border-right-color: #d2d2d2;
    border-top-color: #d2d2d2;
}

article.flag-orange::after {
    border-radius: 0.1em;
    border-width: 1em;
    border-right-color: orange;
    border-top-color: orange;
}

.wall-p-mark {
    padding-left: 5px;
    padding-right: 5px;
    width: 70px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    font-weight: 700;
    white-space: nowrap;
}

div.wall-p-mark.mark-label {
    /*padding-left: 0;
    padding: 0;
    margin: 0;*/
    /*background-color: yellow;*/
    border: 1px solid transparent;
    /*display: inline-block;*/
    /*width: 100%;*/
}
div.wall-p-mark.mark-label:hover {
    border-color: rgb(205, 230, 247);
    border-color: royalblue;
}

div.wall-p-mark.mark-edit > input {
  
    /*background-color: greenyellow;*/
    border: 1px solid transparent;
    padding: 0;
    width: 65px;
    border-color: royalblue;

    /*width: 100%;*/
}


.wall-series-desc {
    /*padding-left: 5px;*/
    
    width: 75px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    font-weight: 700;
    white-space: nowrap;
}

div.wall-p-mark ~ span, div.wall-p-mark ~ span ~ span {
    padding: 0;
}

/*.wall-qty {
    padding-left: 5px;
    padding-right: 5px;
    width: 35px;
    display: inline-block;
    vertical-align: middle;
    
}
.wall-size {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    vertical-align: middle;
}*/

.nav-pills > li.disabled {
    color: #999999;
    
}

.nav-pills > li.disabled > a, .nav-pills > li:hover.disabled > a {
    color: #ccc;
    background-color: initial;
    border-color: initial;
}

.main-avatar {
    margin: 15px;
    min-width: 140px;
}

    .main-avatar .circle {
        margin: 10px auto 15px;
        height: 60px;
        width: 60px;
        background-color: #fff;
        background-color: #d71920;
        background-color: var(--global-primary);
        border: 1px solid #d71920;
        
        border: 3px solid #fff;
        color: #fff;
        vertical-align: middle;
        line-height: 55px;
        text-align: center;
        font-size: 1.6em;
        font-weight: 700;
        -webkit-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 1);
        -moz-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 1);
        box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 1);
    }
.main-avatar > div {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    
}

.dropdown-backdrop {
    
  /*position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;*/
  z-index: 2 !important;
  /*background-color: yellow !important;*/
}

.datepicker.dropdown-menu { z-index: 999999 !important; }

.img-container img {
    width: 100%;
}


.glistgrid{
    width: unset !important;
}
.glistlbl{
    width: unset !important;
}

.drop-button {
    position: absolute;
    bottom: 0;
    right: 15px;
}

#CommentBox, #comment-box, #CustomCommentBox, #ComCommentBox, #DiscountCommentBox, #SecureCommentBox, #UpdateSecCommentBox, #WarrantyCommentBox{
    height: calc(100% - 150px);
}
 #drop-custom, #drop-comment {
     height: 100px;
     background-color: white;
     border: none;
     border-bottom: 1px solid #ccc;
 }
#wo-hdr-cont {
    border: 2px solid #ddd;
    margin: 15px 15px 15px 0;
    padding-bottom: 0;
}

.sticky-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: white;
    
}

.wo-sticky-header {
    position: -webkit-sticky;
    position: sticky;
    top: 33px;
    z-index: 100;
    background-color: white;
}

.wo-sticky-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top:0px;
    z-index: 100;
}

 .lbl-container {
    padding: 10px;
    font-size: 12pt;
    width: 480px;
    height: 120px;
    border: 1px solid #bbb;
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: #fcfcfc;
    color: #222;
}

.lbl-container.bullnose {
    height: 80px;
}

.lbl-container.active {
    background-color: rgb(205, 230, 247);
        
}

.lbl-container.active:hover {
    background-color: rgb(230, 242, 250);
        
}

.lbl-container:hover {
    background-color: #f4f4f4;
    border-color: #ddd;
    cursor: pointer;
}

#wo-labels-toolbar {
    padding-right: 0;
}

#wo-labels-toolbar > div.sidebar > nav > ul.nav-pills.nav-stacked > li > a {
    padding-left: 30px;
    padding-right: 30px;
}

#wo-labels-toolbar > div.sidebar > nav > ul.nav-pills.nav-stacked > li > a::after {
    content: "";
}

.ship-container, .idtag-container {
    padding: 10px;
    font-size: 18pt;
    font-weight: 700;
    width: 240px;
    height: 300px;
    border: 1px solid #bbb;
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: #fcfcfc;
    color: #222;
}


.ship-container.style-stacks {
    padding: 20px;
    font-size: 22pt;
    font-family: 'Courier';
    font-weight: 700;
    width: 300px;
    height: 200px;
}

.ship-container.style-stacks div.row {
    margin-top: 0px;
    margin-bottom: 5px;
}

.idtag-container {
    width: 320px;
    height: 180px;
}

.ship-container.active, .idtag-container.active {
    background-color: rgb(205, 230, 247);
}

    .ship-container.active:hover, .idtag-container.active:hover {
        background-color: rgb(230, 242, 250);
    }

.ship-container:hover, .idtag-container:hover {
    background-color: #f4f4f4;
    border-color: #ddd;
    cursor: pointer;
}


.tix-container {
    padding: 10px;
    font-size: 12pt;
    width: 440px;
    height: 240px;
    border: 1px solid #bbb;
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: #fcfcfc;
    color: #222;
}

.tix-container.active {
    background-color: rgb(205, 230, 247);
        
}

.tix-container.active:hover {
    background-color: rgb(230, 242, 250);
        
}

.tix-container:hover {
    background-color: #f4f4f4;
    border-color: #ddd;
    cursor: pointer;
}

.verticaltext {
    position: relative; 
    padding-left:50px;
    margin:1em 0;
    /*min-height:120px;*/
    /*background-color: yellow;*/
}
.verticaltext_container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    background-color: #d71920;
    background-color: var(--global-primary);
    /*border: 2px solid #ddd;*/
}
/*.verticaltext_container span {
    color: #d71920;
}*/

.ac-button {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


.ac-button i {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
}

table td.frozen {
    background-color: #f5f5f5;
}

ul.nav.nav-tabs li.active a {
    font-weight: 700;
}

.ship-lbl-logo-cont {
    position: relative;
}

.ship-lbl-logo {
    position: absolute;
    bottom: -5px;
    left: 40px;
}
.bull-lbl-logo {
    position: absolute;
    top: -15px;
    left: 0px;
}

table.wo-header-table tbody tr td {
    font-size: 14pt;
    min-height: 39px;
    padding: 0;
}

table.wo-header-table tbody tr td > div {
    margin: 1px 2px;
    padding-top: 4px;
    padding-bottom: 4px;
}

/*table.wo-header-table tbody tr td.complete > div {
    background-color: lightgreen;
}
table.wo-header-table tbody tr.late {
    background-color: lightcoral;
    color: #343434;
}*/

.cell-edit {
    cursor: pointer;
}

.cell-edit > input {
    margin-top: 1.5px;
    margin-left: 5px;
    margin-right: 15px !important;
}
.docks-container {
    position: absolute;
    /*background-color: yellow;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    /*overflow-y: visible;*/
}
.docks-container .row {
    height: 50%;
    
}
.dock {
    height: 100%;
    /*background-color: orange;*/
    padding: 15px;
    /*border: 4px solid red;*/
}

.dock-list {
    position: absolute;
    top: 45px;
    left: 30px;
    right: 0;
    bottom: 0;
    /*background-color: yellow;*/
    
}



tr:nth-child(odd) td.pnl-width-locked {
    color:#343434;
    background-color: lightcoral !important;
    background-color: #D67272 !important;
}

tr:nth-child(even) td.pnl-width-locked {
    color:#343434;
    background-color: lightcoral !important;
    /*background-color: purple !important;*/
}

tr:nth-child(odd):hover td.pnl-width-locked {
    color: black;
    background-color: #BD5959 !important;
    
}

tr:nth-child(even):hover td.pnl-width-locked {
    color: black;
    background-color: #D67272 !important;
}


.wo-header-table tr.ship-na {
    background-color: whitesmoke;
}

.wo-header-table tr.ship-wait {
    background-color: lightcoral;
}

.wo-header-table tr.ship-yellow {
    background-color: yellow;
}

td.ship-ok {
    background-color: #90EE90;
    
}
td.ship-na {
    background-color: whitesmoke;
    /*background-color: green;
    border-bottom: 1px solid white;*/
    background-color: lightgray !important;
    /*background-color: yellow;*/
}

td.ship-yellow {
    color:#343434;
    background-color: #f6da40 ;
}

td.ship-blue {
    color: #343434;
    background-color: #80adf0;
}
td.ship-red {
    color: #fff;
    background-color: #d71920;
    background-color: var(--global-primary);
}

/*#c2171d*/



td.ship-blank {
    color: #fff;
    background-color: #888;
}

td.ship-short {
    /*color: #fff;*/
    background-color: orange;
}
div.ship-short2 {
    /*color: #fff;*/
    margin: 0;
    border-right: 5px solid orange !important;
}
td.ship-short2 {
    margin: 0 !important;
    padding-right: 0 !important;
    /*padding: 0 !important;*/
}


/*td.ship-yellow:hover {
    color:#343434;
    background-color: #daba0a ;
}*/


td.ship-wait {
    color:#343434;
    background-color: lightcoral ;
}

td.ship-wait:hover {
    color: white;
    /*background-color: lightcoral !important;*/
}

td > div.ship-na {
    padding: 0;
    color: #343434;
    background-color: red;
}

tr:hover td.ship-wait {
    color: black;
    background-color: #D67272 !important;
}
tr:hover td.ship-ok {
    color: black;
    background-color: #81D481 !important;
}Geta
tr:hover td.ship-na {
    color: black;
    /*background-color: lightgray !important;*/
    background-color: darkgrey !important;
}
tr:hover td.ship-yellow {
    color: black;
    background-color: #daba0a !important;
}

tr:hover td.ship-blue {
    color: black;
    background-color: #699eed !important;
}
tr:hover td.ship-red {
    /*color: #fff;*/
    background-color: #c2171d !important;
}

/*th.min-note-wid {
    width: 200px;
}*/

tr:hover td.ship-blank {
    color: #fff;
    background-color: #777 !important;
}

tr:hover td.ship-short {
    /*color: #fff;*/
    background-color: darkorange !important;
}


.modal-toolbar {
    border-bottom: 1px solid #dddddd;
    margin: -20px -30px;
    margin: initial;
    background-color: #fcfcfc;
}
.modal-toolbar .btn-sm {
    min-width: 40px;
}

span.hidden-xs, span.hidden-sm, span.hidden-md {
    display: inline-block !important;
}


.dropdown-menu .divider {
    margin: 0;
}


.ext-warr-panels, .ext-warr-track, .ext-warr-tracks-panels {
    color: #d71920;
    color: var(--global-primary);
    font-size: 2em !important;
}



li.warranty-items .ext-warr-panels:after, li.warranty-items .ext-warr-track:after {
    font-family: Arial;
    font-weight: 500;
    font-size: 0.8em !important;
    
    position: absolute;
    left: 15px;
    top: 4px;
    color: #fff;
    
}

li.action-item i.ext-warr-panels, li.action-item .ext-warr-track {
    font-size: 1.3em !important;
}

li.action-item i.ext-warr-panels:after, li.action-item .ext-warr-track:after {
    font-family: Arial;
    font-weight: 700;
    font-size: 0.55em !important;
    position: absolute;
    left: 11px;
    top: 0.5px;
    color: #fff;
    
}

.ext-warr-panels:after {
    content: "P";
}
.ext-warr-track:after {
    content: "T";
}
/*.ext-warr-tracks-panels:after {
    content: "TP";
}*/


/*.alert.alert-plus.alert-warning {
    border-color: #ffce55;
    color: #555;
    background: #fff1a8;
    
}*/

/*.alert {
    font-size: 15px;
}*/

.alert.alert-warning {
    border-color: #ffce55;
    /*color: #555;*/
    color: #343434;
    background: #fff1a8;
    
}

#color-warning, #financial-warning, #generic-warning {
    /*font-size: 1.1em;*/
    margin: 0 -30px 1.5px -15px;
    padding: 10px 15px 5px 75px;
}

#color-warning.alert.alert-warning:after, #disc-required.alert.alert-warning:after, #disc-review.alert.alert-warning:after, #disc-invalid.alert.alert-warning:after {
    padding-top: 3px;
}

#generic-warning.alert.alert-warning:after, #color-warning.alert.alert-warning:after, #financial-warning.alert.alert-danger:after {
    padding-top: 3px;
    width: 64px;
    padding-left: 10px;
}

#financial-warning.alert.alert-danger:after {
    padding-top: 8px;
}

#financial-warning {
    margin-bottom: 2px !important;
}
    #financial-warning.alert.alert-danger:after {
        height: 200% !important;
        top: -5px !important;
    }

#financial-warning {
    margin-bottom: 2px !important;
}
    #financial-warning.alert.alert-danger:after {
        height: 200% !important;
        top: -5px !important;
    }


    .alert.alert-success {
        color: #2a5f2b;
        background-color: #a0d468;
        border-color: #8cc474;
    }

.alert.alert-danger {
    border-color: #9e0b0f;
    /*color: #555;*/
    /*color: #343434;*/
    background: #d71920;
    /*background: var(--global-primary);*/
}


/*.alert.alert-plus.alert-info {
    border-color: #124F6E;
    background: #57b5e3;
}*/
.alert.alert-info {
    border-color: #124F6E;
    border-color: #033a5e;
    /*border-color: red;*/
    background: #57b5e3;

    background: #7FDBFF;
    background: #62bcfa;
    background: rgb(239, 239, 239);
    background: #dfdfdf;
    border-color: rgb(190, 190, 190);
}

.bg-d365 {
    color: darkred;
}


.alert.alert-shadowed {
    -webkit-box-shadow: 0px .5px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 0px .5px 1px rgba(0,0,0,.2);
    box-shadow: 0px .5px 1px rgba(0,0,0,0.2);
}



/*.alert-plus {
    margin-bottom: 20px;
    margin-top: 0px;
    color: #fff;
    border-width: 0;
    border-left-width: 7px !important;
    padding: 8px 15px 8px 45px; 
    border-radius: 0;
    border-left: solid;
}*/

.alert {
    margin-bottom: 20px;
    margin-top: 10px;
    color: #fff;
    border-width: 0;
    /*border-left-width: 7px !important;
    border-left-width: 45px !important;*/
    border-left-width: 0 !important;
    padding: 8px 15px 8px 45px; 
    padding: 15px 15px 15px 45px; 
    padding: 15px 15px 15px 75px; 
    border-radius: 0;
    border-left: solid;
}

#kbalert.alert, #d365alert.alert {
    border-left-width: 7px !important;
}



/*.alert-plus:before {
    background-color: initial;
    
}*/

.alert:before {
    /*background-color: initial;*/
    background-color: transparent !important;
}

/*.alert-plus:after {
    content:'' !important;
    
}
.alert-plus.alert-warning:after {
    font-size: 1.3em !important;
    color: #555;
    /*content: "\f071";
}*/

.alert.alert-warning:after {
    /*font-size: 1.3em !important;*/
    color: #555;
    /*color: #343434;*/
    
    /*content: "\f071";*/
}




.alert.alert-success:after {
    /*font-size: 1.3em !important;*/
    /*font-size: 18px !important;
    color: #555;
    color: #343434;*/
    
    content: "\f071";
}


/*.alert-plus.alert-info:after {
    font-size: 1.3em !important;
    
}*/
.alert.alert-info:after, .alert.alert-danger:after, .alert.alert-warning:after, .alert.alert-success:after, .alert.alert-tip:after, .alert.alert-tip2:after {
    font-size: 24px !important;
}
.alert.alert-info:after {
    color: #c9e8fd;
    color: rgb(68, 68, 68);
}

.dropdown-menu > li > a {
    padding: 5px 20px;
}

#controller-index {
    min-width: 520px;
}
#controller-index ul {
    
}

#controller-index ul.list-inline > li {
    
    width: 90px;
    height: 90px;
    
    text-align: center;
    display: inline-block;
    
}

#tab-elev-cad {
    display: none;
    display: block;
    /*height: 70vh;*/
    position: absolute;
    /*background-color: aquamarine;*/
    top: 15px;
    left: 0;
    right: 0;
    bottom: 0;
}

.sides-container {
    perspective: 600px;
    position: relative;
    /*height: 520px;
    height: 620px;
    height: 95%;*/
    overflow-x: auto;

    overflow-x: scroll !important;

    overflow-y: hidden;

    /*background-color: yellow;*/
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
}

.bothsides {
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: all 1s ease-in-out;
    width: 100%;
}
/*.bothsides:hover {
    transform: rotateY(180deg);
            
}*/

.bothsides.showing-a {
    transform: rotateY(180deg);
            
}
        
.bothsides .anyside {
    backface-visibility: hidden;
    height: 100%;
    position: absolute;
            
    /*width: 100%;*/
}

.bothsides .sidea {
    /*background-color: dodgerblue;*/
    /*position: relative;*/
}
.bothsides .sideb {
    /*background-color: greenyellow;*/
    transform: rotateY(180deg);
}


.dropdown .dropdown-menu {
    -webkit-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
    -moz-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
    -ms-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
    -o-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
    transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}

.dropdown.open .dropdown-menu {
    -webkit-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    -moz-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    -ms-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    -o-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    transition: max-height 0.3s, opacity 0.2s, visibility 0s;

    max-height: 600px;
    opacity: 1;
    visibility: visible;
}


.dropzone {
  overflow-y: scroll;
  overflow-x: hidden !important;
}
.dropzone.dz-clickable {
  padding: 5px 5px;      
}
.dropzone .dz-preview {
    margin: 7px !important;   
}
.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 10px !important;
}
.dropzone .dz-preview .dz-image {
    height: 100px !important;
}

.dropzone {
    border:1px solid #ccc !important;
    padding-bottom: 0;
    margin-bottom: 0;
}

.drop-upload .dropzone .dz-message:after, .import-upload .dropzone .dz-message:after {
    
    font-family: "Font Awesome 5 Pro";
    content: "\A \f0c2";
    white-space: pre;
    font-size: 2.1em;
}



#ruleSnippetsCont .btn.btn-xs {
    padding: 1px 1px 1px 1px !important;
}
#ruleSnippetsCont td.tdSL {
    color: green;
}

.modal-wall .property-table td, .modal-wall .property-table th {
    /*background-color: yellow;*/
    padding-left: 5px;
    padding-right: 5px;
    line-height: 25px;
}

.modal-wall .property-table td > select {
    
    min-height: 25px;
}


#price-items-container {
    margin: 10px 0;
    
}

#price-items-container .property-table th, #price-items-container .property-table td {
    padding: 5px;
}



#track-list tr.trackRow.trk-excluded td:not(:last-of-type) {
    text-decoration: line-through;
}
#action-background {
    display: none;
    position: absolute;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /*background-color: aqua !important;*/
    opacity: 0.4;
    z-index: 9997;
}





.box-border-dlk {
    min-height: 285px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #dedede !important;
}


.box-border-dlk:hover {
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}

.box-border-dlk.kb-area > ul {
    padding: 0;
    list-style-position: inside;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.faq-item > a {
    font-size: 1.2em;
}

.faq-answer p {
    font-size: 1.05em !important;
    margin-bottom: 5px !important;
}

#duplex-preview div.row {
    /*margin-left: auto;*/
    margin: 0 auto;
    padding: 0;
    text-align: center !important;
    
}

#duplex-preview div.row ul {
    margin: 0;
    padding: 0 0 3px 0;
    line-height: 5px;
    overflow: hidden;
    white-space: nowrap;
}

#duplex-preview div.row ul > li {
    border: 1px solid #bebebe;
    min-width: 50px;
    min-height: 3px;
    
}

/*#std-features {
    background-color: yellow;
    border: 2px solid red;
}*/

li.simple-tree {
}



ol.simple-tree li.toplvl-fldr:before{
    font-family: "Font Awesome 5 Pro";
    /*content: "\f105";*/
    /*content: "\f0fe";*/
    /*content: "\f146";*/
    content: "\f0fe";
    position: absolute;
    top: 3px;
    left: 1px;
    width: 10px;
    font-weight: 500;
}



ol.simple-tree li.toplvl-fldr.fldr-open:before {
    content: "\f146";
}


ol.simple-tree div {
    padding-top: 3px;
    padding-bottom: 1px;
}

ol.simple-tree div:hover {
    /*background-color: #f4f4f4;
    border-color: #ddd;*/
    
    cursor: pointer;
}

ol.simple-tree div.active {
    background-color: rgb(205, 230, 247);
    border-color: #e8e8e8;
}

ol.simple-tree li.topLevel:hover {

    /*background-color: #e7eaec;
    background-color: #f4f4f4;
    border-color: #ddd;*/
    cursor: pointer;
}

ol.simple-tree li.topLevel {
    /*background-color: yellow;*/
    padding-top: 3px;
    padding-bottom: 3px;
}



ol.simple-tree li.topLevel.active {
    background-color: #e7eaec;
    background-color: rgb(230, 242, 250);
    background-color: rgb(205, 230, 247);
    border-color: #aaa;
    border-color: #e8e8e8;
    
}



ol.simple-tree li.toplvl-fldr {
    padding-top: 1px;
    padding-bottom: 1px;
}

ol.simple-tree li.toplvl-fldr > ul > li.active {
    background-color: rgb(205, 230, 247);
}

/*ol.simple-tree li.toplvl-fldr > ul > li.active:hover {
    background-color: rgb(230, 242, 250);
}*/




ol.simple-tree li.toplvl-fldr ul {
    margin-left: 25px;
}



ol.simple-tree ul {
    padding: 5px 10px;
    /*background-color: red;*/
    display: none;
    /*padding-left: 45px;*/
}

ol.simple-tree li input:checked + ul {
    display: block;
}





ol.simple-tree li
{ 
    position: relative; 
    margin-left: -15px;
    list-style: none;
        
}

ol.simple-tree li > input
{
    position: absolute;
    left: 0;
    margin-left: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    height: 1em;
    width: 1em;
    top: 0;
        
}



.kb-tidbit {
    background-color: rgb(239, 239, 239);
    font-weight: 600;
    padding: 5px 5px !important;
    border-bottom: 2px solid #d71920;
    border-bottom: 2px solid var(--global-primary);
    margin-top: 5px;
    margin-bottom: 15px;
}

.dropzone-import {
    height: 100%;
}

#datatable-file-manager tr td {
    /*line-height: 32px;*/
    vertical-align: middle;
}




#datatable-file-manager th {
    background-color: #efefef;
    padding-top: 15px
}

.wipeout {
    background-color: white;
    opacity: 0.75;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
}

div.wipeout > div {
    position: relative;
    font-size: 48px;
    background-color: #fff;
    text-align: center;
    
    width: 100%;
    top: 30%;
    z-index: 997;
    

}

.post-info.proj-note {
    background-color: #555;
}


tr.addr td div {
    margin-left: 0px;
}

tr.addr td div label {
    font-weight: 800;
    font-size: 12px;
    line-height: 0px;
    margin: 0;
    
}

.esc-date {
    height: 22px !important;
}

.imgFull {
    /*background-color: orange;*/
    /*height: 100% !important;*/
    height: initial !important;
}


.dropzone {
    min-height: 125px !important;
}
.dropzone .dz-message {
    text-align: center;
    margin: 2em 0;
    margin: 5px 0 !important;
}


#alert-modal, #confirm-modal, #prompt-modal {
    padding-top: 200px !important;
}

span.group-quote {
    margin: 0 5px 0 5px !important;
    padding: 2.5px 5px 3.5px !important;
    font-size: 0.95em;
    border-radius: 5px;
}

span.group-quote.active {
    background-color: var(--global-primary);
    color: #fff;
    border: 1px solid #fff;
}

span.group-quote.sb {
    background-color: #fff1a8;
    border: 1px solid #666;
    
}

    span.group-quote.valid {
        background-color: var(--global-light);
        background-color: #dae6e3;
        border: 2px solid var(--global-primary);
        font-weight: 600;
    }

span.group-quote.expired {
    background-color: #d71920;
    color: #fff;
    border: 1px solid #fff;
}

span.group-quote.expiring {
    background-color: gold;
    color: #343434;
    font-weight: 600;
    border: 2px solid #343434;
}

span.help-update-date {
    color: #aaa;
    font-weight: 700;
    font-size: 1.1em;
}

a.help-update-link {
    color: royalblue;
    font-weight: 600;
    font-size: 1.2em;
    
    text-transform: uppercase;
}

span.help-update-link {
    color:darkslategray;
    font-weight: 600;
    font-size: 1.2em;
    text-transform: uppercase;
}

span.help-maint, span.help-event, span.help-feature, span.help-product, span.help-event-past {
    margin: 0 10px 0 0;
    padding: 5px;
    background-color: deepskyblue;
    text-transform: uppercase;
    color: #fff;
    /*background-color: var(--global-primary);*/
    /*color: #fff;*/
    font-size: 0.85em;
    border-radius: 0px;
}
span.help-maint {
    background-color: deepskyblue;
}
/*Users Group*/
span.help-event {
    background-color: darkorange;
}

span.help-feature {
    background-color: green;
}

span.help-product {
    background-color: goldenrod;
}
span.help-event-past {
    background-color: rgb(250, 200, 152);
}


div#update-list p {
    font-size: 1.1em;
}


span.stc-nic, span.wall-track, span.tab, span.line-order, span.wall-track-blk {
    margin: 0 0 0 5px !important;
    padding: 2.5px 5px 3.5px !important;
    background-color: #d71920;
    background-color: var(--global-primary);
    color: #fff;
    font-size: 0.8em;
    border-radius: 9px;
    /*line-height: 20px;*/
}
span.wall-track-blk {
    background-color: #000;
    font-size: 0.6em;
}

span.line-order {
    display: inline-block;
    width: 65px;
    text-align: center;
    margin-right: 10px;
}

span.wall-style {
    margin: 0px -5px 0 -10px !important;
    padding: 3px 5px 3px !important;
    background-color: #77787b;
    color: #fff;
    font-size: 0.7em;
    border-radius: 9px;
    display: inline-block;
    min-width: 25px;
    text-align: center;
    font-weight: 700;
    
    /*line-height: 20px;*/
}

span.qd-style {
    /*margin: 0px -5px 0 -10px !important;*/
    padding: 3px 5px 3px !important;
    background-color: var(--global-primary);
    color: #fff;
    font-size: 0.8em;
    border-radius: 9px;
    display: inline-block;
    min-width: 25px;
    text-align: center;
    font-weight: 600;
    /*line-height: 20px;*/
}

span.so-style {
    margin: 0px 15px 0 -10px !important;
    padding: 3px 4px 1px 4px !important;
    background-color: #77787b;
    color: #fff;
    font-size: 0.7em;
    border-radius: 11px;
    display: inline-block;
    min-width: 17px;
    text-align: center;
    font-weight: 700;
    /*line-height: 20px;*/
}
span.so-style2 {
    /*margin: 0px 25px 0 -20px !important;*/
    padding: 3px 4px 1px 4px !important;
    background-color: #77787b;
    color: #fff;
    font-size: 0.7em;
    border-radius: 11px;
    display: inline-block;
    min-width: 17px;
    text-align: center;
    font-weight: 700;
    /*line-height: 20px;*/
}

span.release-mto {
    margin: 0 0 0 5px !important;
    padding: 2.5px 5px 3.5px !important;
    background-color: blue;
    color: #fff;
    font-size: 0.8em;
    border-radius: 9px;
}

span.release-flag {
    margin: 0 0 0 5px !important;
    padding: 2.5px 5px 3.5px !important;
    background-color: darkred;
    color: #fff;
    font-size: 0.8em;
    border-radius: 9px;
}

span.wall-danger {
    margin: 0 0 0 5px !important;
    padding: 2.5px 5px 3.5px !important;
    background-color: #d71920;
    color: #fff;
    font-size: 0.8em;
    border-radius: 9px;
}
span.wall-pvr {
    margin: 0 0 0 5px !important;
    padding: 2.5px 5px 3.5px !important;
    background-color: darkorange;
    color: #fff;
    font-size: 0.8em;
    border-radius: 9px;
}
span.wall-partnum, span.uni-partnum, span.hsp-partnum {
    margin: 0 0 0 5px !important;
    padding: 2.5px 5px 3.5px !important;
    background-color: green;
    color: #fff;
    font-size: 0.8em;
    border-radius: 9px;
}

span.uni-partnum {
    background-color: royalblue;
}

span.hsp-partnum {
    background-color: rebeccapurple;
}

span.wall-track-only, span.wall-panels-only {
    font-size: 1.0em;
    margin: 2px 0 0 5px !important;
    padding: 2px 10px !important;
    background-color: #d71920;
    background-color: var(--global-primary);
    border-radius: 11px;
    vertical-align: middle;
}

span.wall-track {
    background-color: #77787b;
}
span.tab {
    background-color: rgb(68, 68, 68);
}

i.stc-nic {
    padding: 0;
    margin: 0;
    font-size: 1.25em;
    font-weight: 500;
    vertical-align: middle;
    
}



i.wall-track {
    padding: 0;
    margin: 0;
    font-size: 1.1em;
    /*font-weight: 100;*/
    vertical-align: middle;
    
}

i.wall-track-only {
    padding: 0;
    margin: 0;
    font-size: 1.1em;
    /*font-weight: 100;*/
    vertical-align: middle;
    
}

i.wall-track:after {
 font-family: Arial;
    font-weight: 900;
    font-size: 0.82em !important;
    position: absolute;
    left: 6.5px;
    top: 4px;
    color: #77787b;
    content: "T";
}

span.wall-track-only:after, span.wall-panels-only:after  {
 font-family: Arial;
    font-weight: 700;
    font-size: 0.9em !important;
    position: absolute;
    left: 5.5px;
    top: 2px;
    color: #fff;
}

i.prod-track:after {
    font-family: 'Segoe UI';
    font-weight: 700;
    font-size: 0.65em !important;
    position: absolute;
    left: 10.5px;
    top: 4px;
    color: #fff;
    
    content: "T";
}

span.wall-track-only:after {
    
    content: "T";
}
span.wall-panels-only:after {
    content: "P";
}

i.alum.fa-circle:after, i.steel.fa-circle:after {
    font-family: 'Segoe UI';
    font-weight: 600;
    font-size: 0.75em;
    color: #fff;
    position: absolute;
    left: 4.25px;
    top: 2px;
}

i.alum.fa-circle:after {
    content: "A";
}

i.steel.fa-circle:after {
    left: 5px;
    content: "S";
}



.side-menu {
    width: 280px;
    margin-left: -280px;
    /*margin-left: 0;*/
    position: fixed;
    top: 45px;
    margin-bottom: -5000px;
    padding-bottom: 5000px;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    /*background-color: transparent;*/
    background-color: #77787b;
    background-color: #d71920;
    background-color: #77787b;
    background-color: var(--global-primary);
    color: #fff;
    transition-duration: 0.5s;
    text-decoration: none;
}
.side-menu-container {
  margin-left: 0px;
  position: relative;
  /*z-index: 200;*/
  
}



.side-help {
    width: 450px;
    margin-right: -450px;
    /*margin-right: 0px;*/
    /*margin-left: 0;*/
    position: fixed;
    top: 45px;
    bottom: 42px;
    
    /*margin-bottom: -5000px;
    padding-bottom: 5000px;*/
    right: 0;
    z-index: 9999;
    overflow-y:scroll;
    /*background-color: transparent;*/
    /*background-color: #77787b;
    background-color: #d71920;
    background-color: #77787b;*/
    /*background-color: var(--global-primary-light);*/
    border-left: 1px solid var(--global-primary-really-dark);
    border-top: 1px solid var(--global-primary-really-dark);
    background-color: #fff;
    transition-duration: 0.5s;
    text-decoration: none;
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}


.side-help-container {
    margin-right: 0px;
    position: relative;
    /*z-index: 200;*/
}

.side-help.show {
    margin-right: 0px;
}

div.update-footer {
    background-color: #f9f9f9;
    border-top: 1px solid #e8e8e8;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /*min-height: 45px;*/
    margin-top: 20px;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}



div#update-title {
    color: #fff !important;
    background-color: var(--global-primary);
    padding: 12px 15px;
    position: sticky;
}

div#update-title h3 {
    color: #fff;
}

div#update-list {
    background-color: var(--global-primary);
    background-color: var(--global-primary-light);
    /*background-color: yellow;*/
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    bottom: 10px;
}
div.update-item {
    /*min-height: 400px;*/
    background-color: #fff;
    border: 1px solid var(--global-primary);
    border: 1px solid #acacac;
    border-radius: 10px;
    margin: 10px;
    padding: 15px;
    position: relative;
    padding-bottom: 60px;
}

.navbar-inverse {
    background-color: var(--global-primary-dark);
}

.navbar-inverse .navbar-nav > li > a {
    color: #cccccc;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: var(--global-primary-really-dark);
}

.side-menu.show {
    margin-left: 0;
}

.side-menu ul li {
    list-style: none;
    padding: 10px;

    padding: 0 0px;
    width: 100%;
}

.side-menu a.submenu-level2 {
    margin-left: -12px;
}

.side-menu ul.submenu-level2 {
    display: none;
}
.side-menu ul.submenu-level2.open {
    display: block;
}

.side-menu i.lvl2-toggle {
    position: relative;
    left: -25px;
    top: 0;
    cursor: pointer
}

/*.side-menu ul.submenu-level2 li:hover {
    background-color: #222222;
}

.side-menu a.submenu-level2 {
    background-color: #222222;
}*/
.side-menu a.submenu-level2 {
    background-color: #222;
}
    .side-menu a.submenu-level2:hover {
        background-color: #080808;
        background-color: var(--global-primary-really-dark);
    }



/*.side-menu a {
    pointer-events: none;
}

.side-menu a.submenu-level2::before, .side-menu a.submenu-level2.open::before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 100;
    position: relative;
    left: -10px;
    top: 0px;
    margin-left: -12px;
    text-decoration: none !important;
    cursor: pointer !important;
    display: inline-block;
    content: "\f0fe";
    pointer-events: auto;
}

.side-menu a.submenu-level2.open::before {
    content: "\f146";
}*/
.side-menu ul.submenu { /*.side-menu ul.submenu-level2*/
    overflow: hidden;
    max-height: 0px;
    /*background-color: yellow !important;*/
    -webkit-transition: all 0.5s ease-out;
}

    .side-menu ul.submenu li, .side-menu ul.submenu-level2 li {
        margin: 5px !important;
        padding: 10px 0 10px 5px !important;
    }

    .side-menu ul.submenu li:hover, .side-menu ul.submenu li:hover {
        background-color: #080808;
        background-color: var(--global-primary-really-dark);
    }

.side-menu ul.submenu a {
  color: #999999 !important;
  }

.side-menu ul.submenu a:hover, .side-menu ul.submenu a:focus {
    color: #ffffff !important;
    text-decoration: none;
}

.side-menu ul.submenu:hover, .side-menu ul.submenu:focus {
    color: #ffffff !important;
}

.side-menu ul > li.open > ul.submenu, .side-menu ul > li.open > ul.submenu-level2 {
    /*overflow: hidden;*/
    display: block;
    max-height: 600px !important;
    /*background-color: yellow !important;*/
    -webkit-transition: all 0.5s ease-out !important;
}

.side-menu .navbar {
    position: absolute !important;
    top: 0;
    bottom: 0px;
}

li.external-order a > span.order:hover {
    text-decoration: underline;
}

#lrHeader {
    margin-left: -30px !important;
    margin-right: -30px !important;
}


body > .container, body header > .container, .header-top > .container {
    max-width: unset !important;
    margin-left: 15px;
    margin-right: 15px;
}

.side-dists {
    bottom: 0;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    /*background-color: #111;*/
    /*background-color: yellow;*/
    border-right: 0px solid #dedede;
    overflow-x: hidden;
    padding-top: 0px;
    transition: 0.4s;
}

#project-content {
  transition: margin-left .4s;
  padding: 0px;

}

#shop-table .table thead > tr > th, #quotes-table .table thead > tr > th, #sec-table .table thead > tr > th, #messages-table .table thead > tr > th, #com-table .table thead > tr > th, #pvr-table .table thead > tr > th {
    padding-left: 5px;
}

table#quotes-table th > span.fa-stack, table#sec-table th > span.fa-stack, table#shop-table th > span.fa-stack, table#messages-table th > span.fa-stack, table#com-table th > span.fa-stack, table#pvr-table th > span.fa-stack {
    width: 14px;
    height: 16px;
}

#proj-table th i, #quotes-table th i, #sec-table th i, #messages-table th i, #com-table th i, #gl-table th i, #qb-table th i, #docusign-table th i, #proj-cost-table th i, #adp-table th i, #datatable-file-manager th i, #quotes-table th i, #messages-table th i, #com-table th i, #sec-table th i, #pvr-table th i{
    opacity: 0.2;
}

#shop-table i.sort-asc, #quotes-table i.sort-asc, #sec-table i.sort-asc, #messages-table i.sort-asc, #com-table i.sort-asc, #pvr-table i.sort-asc {
    position: absolute;
    top: -12px;
    left: 0
}

#shop-table i.sort-desc, #quotes-table i.sort-desc, #sec-table i.sort-desc, #messages-table i.sort-desc, #com-table i.sort-desc, #pvr-table i.sort-desc {
    position: absolute;
    top: 2px;
    left: 0
}

#proj-table th i:hover, #quotes-table th i:hover, #sec-table th i:hover, #messages-table th i:hover, #com-table th i:hover, #proj-table th i.active, #gl-table th i:hover, #gl-table th i.active, #qb-table th i:hover, #qb-table th i.active, #docusign-table th i:hover, #docusign-table th i.active, #proj-cost-table th i.active, #adp-table th i.active, #datatable-file-manager th i:hover, #datatable-file-manager th i.active, #pvr-table th i:hover {
    opacity: 1;
    color: #9e0b0f;
    color: var(--global-primary);
}

#proj-table th i.active, #quotes-table th i.active, #sec-table th i.active, #messages-table th i.active, #gl-table th i.active, #qb-table th i.active, #docusign-table th i.active, #proj-cost-table th i.active, #com-table th i.active, #adp-table th i, #pvr-table th i.active, #distributor-table th i.active {
    font-weight: 700;
    opacity: 1;
    color: #9e0b0f;
    color: var(--global-primary);
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

div.zone-section label, div.zone-section + div label {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.alert > ul {
    padding-left: 20px;
    
}

/*i.pvr-large-released {
    
}*/
/*i.pvr-large-released::before {
    
    width: 0px; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid blue; 
  
    border-left:10px solid blue; 
}*/


i.pvr-large-released::after {
    font-weight: 700;
    font-size: 0.55em !important;
    position: absolute;
    left: 20px;
    top: 0px;
    color: #000;
    z-index: 997;


    font-family: "Font Awesome 5 Pro";
    content: "\f25d";
}



i.pvr-medium-released::after {
    font-weight: 700;
    font-size: 0.55em !important;
    position: absolute;
    left: 1.5px;
    top: 0px;
    color: #000;
    z-index: 997;


    font-family: "Font Awesome 5 Pro";
    content: "\f25d";
}

i.pvr-medium-released-2 {
    font-weight: 700;
    font-size: 0.85em !important;
    position: absolute;
    left: 2.5px;
    top: 0px;
    color: #fff;
    z-index: 996;
}

i.pvr-large-released-2 {
    font-weight: 700;
    font-size: 0.5em !important;
    position: absolute;
    left: 16px;
    top: -5px;
    color: #fff;
    z-index: 996;
}




.validation-summary-errors {
    padding: 7.5px 0;
}
div.popover-content {
    color:black !important;
}


table#contract-financials {
    padding: 5px !important;
}

table#contract-financials tr, table#contract-financials tr td {
    /*vertical-align: middle;
    line-height: 20px;
    background-color: yellow;*/
    padding: 5px;
}

table#contract-financials tr td i {
    vertical-align: middle;
    line-height: 30px;
    
}
.ss-missing.count-8::after {
    font-family: 'Segoe UI';
    font-weight: 700;
    font-size: 0.85em !important;
    position: absolute;
    /*left: 24px;
    top: 8px;*/
    /*top: -1.5px;
    left: 13.5px;*/
    color: #d71920;
    color: var(--global-primary);
    background-color: yellow;
    content: "8";
}


#pr-preview {
    
    width: 100%;
    
}

#pr-preview-bg {
    background-color: #999999;
    /*height: 400px !important;*/
}

#pr-preview-bg #paper {
    /*width: 90%;
    height: 900px;*/
    width: 30vw;
    height: calc(30vw * 1.3);
    border: 1px solid;
    margin: 30px auto;
    
    background-color: #fff;
    position: relative;
}


#pr-preview-bg #paper div.cont {
    
    text-align: center;
    font-size: 8pt;
}
                
#pr-preview-bg #paper img {
    width: 70%;
    border: 1px solid;
    margin: 25% auto 10px auto;
    
    
}

a.faq-question {
    margin-left: 20px;
    margin-bottom: 15px;
}

a.faq-question {
    color: #333;
    font-weight: 500;
    font-size: 1.3em;
    
}

a.faq-question::before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 100;
    font-size: 1.3em !important;
    position: relative;
    left: -15px;
    top: 5px;
    /*top: -1.5px;
    left: 13.5px;*/
    color: #d71920;
    color: #666;
    content: "\f15c"; 
}





.faq-item {
    margin-bottom: 10px
}


/*div.file-manager div#infoTab::after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 700;
    font-size: 16px;
    font-size: 15vw;
    position: absolute;
    left: auto;
    right: auto;
    text-align: center;
    top: 45px;
    right: 0;
    width: 300px;
    color: #d71920;
    color: #666;
    content: "\f1c1";
    opacity: 0.07; 
    z-index: -1;
}*/


#infoTabImageCONT {
    /*font-family: 'Font Awesome 5 Pro';*/
    font-weight: 700;
    /*font-size: 1.3em !important;*/
    font-size: 16px;
    font-size: 2vw;
    position: absolute;
    left: auto;
    right: auto;
    /*text-align: left;*/
    bottom: -45px;
    right: 0;
    width: 300px;
    /*top: -1.5px;
    left: 13.5px;*/
    color: #d71920;
    color: #666;
    /*content: "\f1c1";*/
    opacity: 0.05; 
    z-index: -1;
    overflow: hidden;
}

#proj-table  #proj-status {
    width: 6%;
}

#proj-table  #proj-number {
    width: 10%;
}

#proj-table.is-distributor #proj-projname {
    width: 20% !important;
}
#proj-table.is-distributor #proj-requests {
    width: 16% !important;
}
/*#proj-table  #proj-projname {
    min-width: 18%;
}*/


/*#proj-table #proj-number div p {
    margin: 0;
    padding: 0;
    line-height: 15px;
    
}*/


#proj-table th p {
    margin: 0;
    padding: 0 0 2px 0;
    line-height: 15px;
}

/*#proj-table th p.sub-line {
    margin-bottom: -5px;
}*/

#proj-table p.sub-line {
    margin: 0;
    padding: 0;
    line-height: 12px;
    font-size: 0.7em;
    font-weight: 500;
}


/*#proj-table br {
    display: block;
    content: "";
    margin: 0px;
    padding: 0;
    line-height: 2px;
}*/

#proj-table  #proj-financials {
    width: 10%;
}
#proj-table  #proj-freight {
    width: 10%;
}

#proj-table  #proj-ready {
    width: 10%;
}
#proj-table  #proj-requests {
    width: 10%;
}
#proj-table #proj-modified {
    width: 9%;
}
#proj-table #status {
    width: 6%;
}

/*DRAWINGS LOG COL WIDTHS*/

#shop-table #shop-huf-no {
    width: 6.2%
}
#shop-table #shop-edit {
    width: 5%;
    text-align: center
}
#shop-table #shop-target {
    width: 7.2%
}
#shop-table #shop-initials {
    width: 7%
}
#shop-table #shop-name {
    width: 10.4%
}
#shop-table #shop-dist {
    width: 11.2%
}
#shop-table #shop-rt {
    width: 9.8%
}
#shop-table #shop-n-r {
    width: 4.6%
}
#shop-table #shop-class {
    width: 5.8%
}
#shop-table #shop-series {
    width: 6%
}
#shop-table #shop-gross {
    width: 6%
}
#shop-table #shop-cgrp {
    width: 5.5%
}
#shop-table #shop-dist-comments {
    width: 9%
}
#shop-table #shop-intl-comment {
    width: 9%
}
#shop-table #shop-req-by {
    width: 6%
}
#shop-table #shop-delete {
    width: 6%
}

#shop-table .table thead > tr > th {
    padding-left: 5px;
}

table#shop-table th > span.fa-stack {
    width: 14px;
    height: 16px;
}

/*QUOTE LOG COL WIDTHS*/

#quotes-table #quotes-huf-no {
    width: 6%
}
#quotes-table #quotes-edit {
    width: 6.3%
}
#quotes-table #quotes-received {
    width: 7.3%
}
#quotes-table #quotes-initials {
    width: 6.5%
}
#quotes-table #quotes-projname {
    width: 9.4%
}
#quotes-table #quotes-dist {
    width: 8.5%
}
#quotes-table #quotes-series {
    width: 8%
}
#quotes-table #quotes-action {
    width: 10%;
    text-align: left
}
#quotes-table #quotes-status {
    width: 8%
}
#quotes-table #quotes-cgrp {
    width: 8%
}
#quotes-table #quotes-comments {
    width: 8%
}
#quotes-table #quotes-intl-comment {
    width: 8%
}
#quotes-table #quotes-last-mod {
    width: 8%
}

#quotes-table .table thead > tr > th {
    padding-left: 5px;
}

table#quotes-table th > span.fa-stack {
    width: 14px;
    height: 16px;
}

/*MESSAGE LOG COL WIDTHS*/

#messages-table #messages-huf-no {
    width: 6%;
}

#messages-table #messages-created {
    width: 7%;
}

#messages-table #messages-status {
    width: 6%;
}

#messages-table #messages-topic {
    width: 8%;
}

#messages-table #messages-name {
    /*width: 13%;*/
}

#messages-table #messages-dist {
    /*width: 13%*/
}

#messages-table #messages-message {
    /*width: 37%*/
}

#messages-table #messages-req-by {
    width: 9%
}


/*.margin-top-heavy {
    margin-top: 30px;
}*/


/*COM LOG COL WIDTHS*/

#com-table #com-huf-no {
    width: 6%;
}

#com-table #com-status {
    width: 8%;
    text-align: center
}

#com-table #com-name {
    /*width: 15%*/
}

#com-table #com-dist {
    /*width: 15%*/
}

#com-table #com-mfr {
    /*width: 15%*/
}

#com-table #com-color {
    width: 9%
}

#com-table #com-comments {
    /*width: 15%*/
}

#com-table #com-reqd-by {
    width: 8%;
    text-align: center
}

/*SECUREMENTS LOG COL WIDTHS*/

#sec-table #sec-status {
    width: 4%;
    text-align: center
}

#sec-table #sec-number {
    width: 8%;
    text-align: center
}

#sec-table #sec-as400 {
    width: 7%;
    text-align: center
}
#sec-table #sec-rev {
    width: 6%;
    text-align: center
}

#sec-table #sec-labels {
    width: 4.5%;
    text-align: center
}

#sec-table #sec-projname {
    /*width: 13%*/
}

#sec-table #sec-distname {
    /*width: 13%*/
}

#sec-table #sec-comments {
    /*width: 13%*/
}

#sec-table #sec-resec {
    width: 9%;
    text-align: center
}

#sec-table .date-user {
    width: 9%;
    text-align: center
}

/*PVR LOG COL WIDTHS*/

#pvr-table #pvr-status {
    width: 6%;
}

#pvr-table #pvr-number {
    width: 10%;
}

#pvr-table #pvr-desc {
    width: 19%
}

#pvr-table #pvr-projname {
    width: 19%
}

/*#pvr-table #pvr-net {
    /*width: 13%*/
/*}*/

#pvr-table #pvr-ready {
    width: 12%;
}

#pvr-table #pvr-assigned {
    width: 10%;
}
button.close {
    background-color: #fff;
    padding: 5px 10px;
}