@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400&display=swap);

@font-face {
    font-family: 'fulfillor';
    src:  url('../fonts/fulfillor.eot?o1s7ri');
    src:  url('../fonts/fulfillor.eot?o1s7ri#iefix') format('embedded-opentype'),
    url('../fonts/fulfillor.ttf?o1s7ri') format('truetype'),
    url('../fonts/fulfillor.woff?o1s7ri') format('woff'),
    url('../fonts/fulfillor.woff2') format('woff2'),
    url('../fonts/fulfillor.svg?o1s7ri#fulfillor') format('svg');
    font-weight: normal;
    font-style: normal;
}

body #content { overflow: auto }

/*
don't add styles here, as
psudo class styles are
impossible to override
 */
.icon-account:before {
    content: "\e900";
    font-family: "fulfillor";
    font-size: 18px;
}
.icon-assets:before {
    content: "\e901";
    font-family: "fulfillor";
    font-size: 18px;
}
.icon-back-office:before {
    content: "\e902";
    font-family: "fulfillor";
    font-size: 18px;
}
.icon-camera:before {
    content: "\e903";
    font-family: "fulfillor";
    font-size: 18px;
}
.icon-customer:before {
    content: "\e904";
    font-family: "fulfillor";
    font-size: 18px;
}
.icon-em-calendar:before {
    content: "\e905";
    font-family: "fulfillor";
}
.icon-em-globe:before {
    content: "\e906";
    font-family: "fulfillor";
}
.icon-em-history:before {
    content: "\e90d";
    font-family: "fulfillor";
}
.icon-em-message:before {
    content: "\e90e";
    font-family: "fulfillor" !important;
}
.icon-em-no-printer:before {
    content: "\e90f";
    font-family: "fulfillor";
}
.icon-em-notifications:before {
    content: "\e910";
    font-family: "fulfillor";
}
.icon-em-open:before {
    content: "\e911";
    font-family: "fulfillor";
}
.icon-em-printer:before {
    content: "\e912";
    font-family: "fulfillor";
}
.icon-em-return:before {
    content: "\e913";
    font-family: "fulfillor";
}
.icon-en-catalog:before {
    content: "\e914";
    font-family: "fulfillor";
}
.icon-en-customer:before {
    content: "\e915";
    font-family: "fulfillor";
}
.icon-en-dashboard:before {
    content: "\e916";
    font-family: "fulfillor";
}
.icon-en-order:before {
    content: "\e917";
    font-family: "fulfillor";
    font-size: 18px;
}
.icon-en-report:before {
    content: "\e918";
    font-family: "fulfillor";
    font-size: 18px;
}
.icon-en-return:before {
    content: "\e919";
    font-family: "fulfillor";
    font-size: 18px;
}
.icon-en-shipment:before {
    content: "\e91a";
    font-family: "fulfillor";
    font-size: 18px;
}
.icon-hh-warehouse:before {
    content: "\e91b";
    font-family: "fulfillor";
    font-size: 18px;
}
.icon-integrations:before {
    content: "\e91c";
    font-family: "fulfillor";
    font-size: 18px;
}
.icon-linkopen:before {
    content: "\e91d";
    font-family: "fulfillor";
}
.icon-marketing:before {
    content: "\e91e";
    font-family: "fulfillor";
    font-size: 20px;
}
.icon-order:before {
    content: "\e91f";
    font-family: "fulfillor";
    font-size: 16px;
}
.icon-supplier:before {
    content: "\e920";
    font-family: "fulfillor";
    font-size: 16px;
}
.icon-system:before {
    content: "\e921";
    font-family: "fulfillor";
    font-size: 18px;
}
.icon-tools:before {
    content: "\e922";
    font-family: "fulfillor";
    font-size: 18px;
}
.icon-warehouse:before {
    content: "\e923";
    font-family: "fulfillor";
    font-size: 18px;
}

/* ------------------------ */

body {
    font-family: 'Montserrat';
    overflow-x: visible;
    overflow-y: visible;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Montserrat';
}

.skin-red .content-wrapper {
    background-color: #F8F8F8;
}

.skin-red .main-header {
    position: relative;
    max-height: 40px;
    z-index: 1030;
    box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.22);
}

.skin-red .main-header .logo:hover {
    background-color: #ffffff;
}

.bg-light {
   background-color: #EDF1F6 !important;
}

.bottom-title{
    color: #FF7C44!important;
}


.btn-primary {
    background-color: #0C5261!important;
    border-color: #367fa9!important;
}

/* -------- From Bootstrap 4: Display properties ---------------- */

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}


/*------------- Logo ---------------*/

.skin-red .main-header .logo {
    background-color:  #EDF1F6;
    height: 40px;
}

.skin-red .navbar-brand {
    height: 40px;
    padding: 10px 15px;
}

.skin-red .navbar-brand > img {
    width: 100%;
}

.skin-red .main-header .logo .logo-lg {
}

.skin-red .main-header .logo .logo-mini {
}
.skin-red .main-header .navbar .nav > li > a {
    color: #ffffff;
}
.sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
    background: url('../images/Favicon.png') no-repeat;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    margin-top: 6px;
    margin-left: -1px;
}

.positive{
    color: #41C113;
}

.negative{
    color: #C11313;
}

/*------------- Top Nav ---------------*/

.skin-red .main-header .navbar {
    background-color: #EDF1F6;
    height: 40px;
    min-height: 40px;
}

.sidebar-menu .treeview-menu {
    display: block;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: 0px;
}

input[type=checkbox].form-control:not(select) {
    -webkit-appearance: checkbox;
    -moz-apparenace: checkbox;
    apparenace: checkbox;
}

.main-header .sidebar-toggle:hover {
    background-color: #3a3a3a !important;
}

.main-header .sidebar-toggle:before {
    content : none !important;
}
.main-header .sidebar-toggle {
    padding: 0px 0px !important;
    margin-top: 7px;
    margin-left: 10px;
    opacity: 0.35;
    color: #FF7C44;
}

.navbar-custom-menu > .navbar-nav > li > a {
    padding: 10px 8px 8px 8px;
}

.navbar-custom-menu > .navbar-nav > li.user-menu > a {
    padding-top: 9px;
}

.skin-red .main-header .navbar .nav > li > a:active,
.skin-red .main-header .navbar .nav > li > a:hover {
    background-color: transparent;
    color: transparent;
}

.skin-red .main-header .navbar .nav > li > a > span > i:active,
.skin-red .main-header .navbar .nav > li > a > span > i:hover,
.skin-red .main-header .navbar .nav > li > a > i:active,
.skin-red .main-header .navbar .nav > li > a > i:hover {
    color: #fcfcfc !important;
}

.navbar-custom-menu > .navbar-nav > li.fo-user {
    background-color: #4EB4EB;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    min-width: 135px;
    text-align: center;
    margin-top: 8px;
    margin-right: 3px;
}

.navbar-custom-menu > .navbar-nav > li.fo-user > a {
    line-height: 0px;
    height: 36px;
}

.navbar-custom-menu > .navbar-nav > li.fo-user > a:after {
    content: url('../images/down-arrow-wht.png');
    margin-left: 5px;
}

.skin-red .main-header li.user-header {
    background-color: white;
}

.dropdown-menu {
    border-radius: 2px;
    box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.22);
    border: none;
    padding: 20px !important;
    right: 7px !important;
}

.dropdown-menu > li > a {
    padding: 5px 0px;
    color: #212529;
}

.dropdown-menu > li > a:hover {
    background-color: transparent;
    color: #212529;
}

.navbar-nav > .user-menu > .dropdown-menu {
    width: 220px;
    padding: 0px;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: auto;
    padding: 0px;
    text-align: left;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    color: #212529 !important;
    font-family: 'Montserrat';
    white-space: inherit;
    margin-top: 0px;
    font-size: 14px;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > a {
    color: #212529 !important;
    font-family: 'Montserrat';
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > a:hover {
    color: #949699;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > hr {
    width: 90%;
    border-top: 1px solid #979797;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header p a {
    display: block;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    padding: 5px 0px;
    color: #212529;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover {
    background-color: transparent;
}

.navbar-custom-menu > .navbar-nav .fo-mast-img {
    transform: scale(0.8);
}

.navbar-custom-menu .label-enc {
}

.main-header .navbar-custom-menu {
    height: 40px;
}

/*------------- Side Nav ---------------*/
.skin-red .sidebar-menu:hover {
}

.main-sidebar:hover {
    /*padding-left: 6px;*/
}

.skin-red .sidebar-menu > li a {
    background-color: transparent !important;
    color: #000000 !important;
}

.skin-red .sidebar-menu > li a i {
}

.skin-red .sidebar-menu > li a.active{
    color: #FF7C44 !important;
}

.skin-red .sidebar-menu > li > a .treeview-menu > li.active > a {
     color: #FF7C44 !important;
     font-weight: bold;
}
.skin-red .sidebar-menu > li a.active span {
    color: #FF7C44 !important;
}

.skin-red .sidebar-menu > li a:active i {
    color: #3da2f1 !important;
}

.skin-red .sidebar-menu > li a.menu-open {

}

.skin-red .sidebar-menu > li a .pull-right-container {
    right: 5px;
    width: 44px;
    height: 30px;
}

.bg-fo {
    font-family: 'Montserrat' !important;
    /*border: solid 1px #dedede !important; interferes with collapse hover menu*/
    background-color: #fff !important;
}

.skin-red .sidebar-menu > li > .treeview-menu {
    font-family: 'Montserrat' !important;
    background-color: #fff !important;
}

.skin-red .sidebar-menu > li > .treeview-menu > li {
    padding-left: 22px !important;
}

.skin-red .sidebar-menu > li > .treeview-menu > li i {

}

.skin-red .sidebar-menu > li > .treeview-menu > li.active > a {
    color: #FF7C44 !important;
    font-weight: bold;
}

.skin-red .sidebar-menu > li > .treeview-menu > li.active > a > i {
    color: #3da2f1 !important;
}

.sidebar-menu .Line {
    width: 160px;
    border: solid 0.5px #b3b3b3;
    margin: 0px auto;
    display: block;
}

.sidebar-menu > li.menu-open > a span {
    text-transform: uppercase;
      font-size: 13px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: 0.3px;
       color: #DDDDDD !important;
}

.sidebar-collapse .sidebar-menu .Line {
    display: none;
}

.sidebar-menu > li > a {
    border-left: none;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
    border-top-right-radius: 4px;
    background-color: #ffffff !important;
}

.sidebar-collapse .main-sidebar:hover {
    padding-left: 0px;
}




/*------------- D E S K T O P ---------------*/

@media screen and (min-width: 768px) {
    .main-sidebar {
        width: 200px;
    }

    .content-wrapper {
        margin-left: 200px;
    }

    /*------------- Logo ---------------*/
    .skin-red .main-header .logo {
        width: 200px;
    }

    .main-header .logo.mobile{
        display:none;
    }

    /*------------- Top Nav ---------------*/
    .skin-red .main-header .navbar {
        margin-left: 200px;
    }
}

@media (max-width: 991px) {
    .navbar-custom-menu > .navbar-nav {
         float: left;
    }
}


/*------------- M O B I L E ---------------*/
@media (max-width: 767px) {
    .main-header .logo.desktop{
        display:none;
    }
    .main-header .logo.mobile{
        width: auto;
        float: left;
        padding: 0px 0px 0px 8px;
    }

    .navbar-brand {
        float: none;
        padding: 5px 0px !important;
        font-size: inherit;
        line-height: inherit;
        background-repeat: no-repeat;
        background-size: cover;
        width: 30px !important;
        height: 30px !important;
        margin: 5px 0;
    }

    .navbar-brand > img {
        margin: 5px 0px 0px 0px;
        height: 30px;
    }
    .skin-red .main-header .navbar .dropdown-menu li a {
        color: #000000;
    }
    /*------------- Side Nav ---------------*/

    .sidebar-menu .Line {
        display: none;
    }

    .content-header > h1 {
        margin: 0;
        font-size: 20px;
    }
}




/*----------- W I D G E T  B O X -----------*/
.sr-box {
    background: #fff;
    border: solid 1px #d6d6d6;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    padding: 20px;
    font-family: "Montserrat";
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #ffffff;
}

.sr-box-header {
    display: block;
    padding: 0px;
    position: relative;
}

.sr-box-title {
    margin: 0px;
    height: 27px;
    font-size: 20px;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-stretch: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}

.fulfillor-box-link {
    color: #0C5261;
    font-size: 12px;
    margin-top: 9px;
    display: inline-block;
}

.sr-box-summary {
    margin-top: 15px;
    position: relative;
}

.sr-box-total {
    font-size: 16px;
    font-weight: bold;
    color: #5F5F6C;

    font-family: inherit;
    font-style: inherit;
    font-stretch: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

.sr-box-percent {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 16px;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    line-height: inherit;
    letter-spacing: 0.1px;
}

/* ---- Today's Glance ---- */

.tgw-box-body {
    background: #fff;
    margin-top: 20px;
    padding: 0px;
}

.tgw-box-body div.left {
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: #8e8e95;
    padding-right: 0px;
}

.tgw-box-body div.right {
    text-align: right;
    padding-left: 0px;
}

.tgw-box-body div.right-val {
    font-size: 16px;
    color: #5f5f6c;

}

.tgw-box-body div.right-label {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: #8e8e95;
}

.tgw-box-body hr,
.shp-box-body hr {
    margin-top: 6px;
    margin-bottom: 13px;
}

#chart-legends {
    margin-top: 15px;
}

#chart-legends ul {
    padding: 0px;
    list-style-type: none;
    display: inline;
}

#chart-legends ul li {
    text-align: left;
    text-transform: lowercase;
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 5px;
    display: table-row;
}

#chart-legends ul li span {
    color: black !important;
}

/* ------- Inventory -------- */

.inw-box-body {
    margin-top: 15px;
    text-align: center;
    letter-spacing: 0.25px;
}

.inw-box-body span {
    color: #5f5f6c;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1px;
    display: block;
    margin-top: -80px;
    text-transform: uppercase;
}

.inw-box-body p {
    display: inline-block;
    margin: 0px auto;
    color: #212529;
    text-align: left;
    font-size: 14px;
}

.inw-box-body p a {
    text-decoration: underline;
    color: #3da2f1;
}

.inw-box-body p a:hover {
   color: #41b1ee;
}

.dial {
    color: #5f5f6c !important;
    font-family: 'Montserrat' !important;
    font-size: 24px !important;
    letter-spacing: 0.25px !important;
}

/* ---- Shipments ---- */

#geo-map-shipments {
    height: 400px;
}

.shp-box-body {
    background: #fff;
    margin-top: 20px;
    padding: 0px;
}

.shp-box-body div.right {
    text-align: right;
    padding-left: 0px;
    margin-top: 15px;
}

.shp-box-body div.right-val {
    font-size: 16px;
    color: #5f5f6c;

}

.shp-box-body div.right-label {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: #8e8e95;
    padding-right: 7px;
}

.shp-box-body .fo-carriers {
    display: none;
    text-align: left;
    padding: 10px 0px 13px 17px;
    color: #212529;
    letter-spacing: 0.4px !important;
    font-size: 12px !important;
}

.shp-box-body .showhide {
    margin-left: 5px;
    color: #868e96;
    position: relative;
}

.shp-box-body .showhide > i {
    position: absolute;
    top: 14px;
    left: 0px;
}

/* ------- Info Box -------- */

.sr-box.info-box{
    text-align: center;
}

.sr-box.sr-box-body{

}

.sr-box.info-box .sr-box-body .info-box-main{
    margin: 12px auto 10px;
    font-size: 32px;
}
.sr-box.info-box .sr-box-body .info-box-secondary {
    font-size: 20px;
}

.info-box .fulfillor-box-link {
    margin-top: 6px;
}

/* ---- Summaries ---- */

.fo-summary .fulfillor-box-link {
    margin-top: 6px;
}

.fo-summary-score {
    color: #5f5f6c !important;
    font-family: 'Montserrat' !important;
    font-size: 24px !important;
    letter-spacing: 0.25px !important;
    text-align: center;
    margin-top: 9px;
}

.fo-summary-status {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: #8e8e95;
    text-align: center;
    margin-top: 9px;
}

.fo-summary-percent {
    margin-top: 9px;
    position: relative;
    text-align: center;
}

.ctr .sr-box-title {
    text-align: center;
}

.fo-summary-note {
    margin-top: 10px;
    margin-bottom: -10px;
    height: 40px;
}

.ctr .fo-summary-note {
    text-align: center;
    color: #a7a7a7;
}

.refcount {
    float: right;
    margin-bottom: 2px;
    margin-right: 20px;
}

.tgw-container .sr-box-percent,
.fo-summary-percent .sr-box-percent {
    position: relative !important;
}

.sbc-container .sr-box-header {
    margin-bottom: 20px;
}

/* ------------------------- */

.history-heading{
    margin-bottom:5px;
    width: 180px;
      height: 14px;
      font-family: 'Montserrat';
      font-size: 10px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: 0.33px;
      color: #0C5261;
}
.history-items div {
    padding: 4px 0px;
}
.history-items span {
    padding: 0px;
    margin: 0px;
    display: inline-block;
    width: auto;
    height: auto;
      font-family: 'Montserrat';
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 12px;
      letter-spacing: 0.21px;
      color: #212529;
}
.history-items i { /* page history */
    padding-right: 4px !important;
    transform: scale(1.0);
    top: 3px;
}
.history-items div span i { /* notification history */
    padding-right: 4px !important;
    transform: scale(1.3);
    top: unset;
}
.history-items .notify {
    white-space: nowrap;
}
.history-items .info span {
    color: #00c0ef !important;
}
.history-items .danger span {
    color: #c11213 !important;
}
.history-items .success span {
    color: #468847 !important;
}
.history-items .warning span {
    color: #f39c12 !important;
}
.msgcount {
    color: #e10098;
    transform: scale(3);
    top: 7px !important;
    right: 0px !important;
    left: 11px !important;
}
.ddmenu-warning {
    color: #f39c12 !important;
}
.ddmenu-info {
    color: #00c0ef !important;
}
.ddmenu-danger {
    color: #c11213 !important;
}
.ddmenu-bold {
    font-weight: bold !important;
}
.dropdown-menu > li.user-header > span > p {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.dropdown-menu > li.user-header p i.glyphicon {
    margin-right: 8px;
}
.dropdown-menu > li.user-header p i.icon-em-printer,
.dropdown-menu > li.user-header p i.icon-em-no-printer {
    top: 3px;
    font-size: 17px;
    margin-right: 6px;
}
.dropdown-menu > li.user-header p i.icon-em-calendar,
.dropdown-menu > li.user-header p i.icon-em-message {
    font-size: 14px;
}
i.icon-em-message{
    color: #0C5261!important;
}
i.icon-em-notifications{
    color: #0C5261!important;
}
i.icon-em-calendar{
    color: #0C5261!important;
}
i.icon-linkopen{
    color: #0C5261!important;
}
.dropdown-menu > li.user-header p i.icon-em-notifications {
    font-size: 16px;
    left: -1px;
}
.dropdown-menu > li.user-header p .label-enc {
    width: 23px;
    height: 17px;
    border-radius: 9px;
    background-color: #e10098;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.21px;
    display: inline-block;
    text-align: center;
    margin-left: 4px;
}
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
  margin-right: 0px !important;
}
.blueTick {
    color:#66d9ff;
    padding-right: 3px;
    font-size: 17px;
}
.select-organization-label a {
      font-family: 'Montserrat';
      font-size: 10px !important;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: 0.33px;
      color: #FF7C44 !important;
      padding-top: 20px !important;
}
.inActiveOrg{
    margin-left:22px;
}
.org-menu li a{
    font-size: 12px;
    border-bottom: none !important;
}
.org-menu .menu {
    max-height: unset !important;
}
.org-menu .fa-globe {
    transform: scale(1.4);
}
.org-menu .text-info .fa-globe {
    margin-left: 5px;
    margin-right: 5px;
 }
.org-menu .glyphicon-triangle-bottom {
    transform: scale(0.8);
}
.org-menu #active-org-menu-link {
    color: #FF7C44 !important;
    margin: 0px 5px 0px 8px;
    padding-right: 0px;
}
.org-menu #active-org-menu-link:hover {
    color: #FF7C44 !important;
}
a{
    color:#0C5261;
}
.org-menu .text-info {
    color: #FF7C44;
    font-size: 13px;
    letter-spacing: 0.23px;
}
.notify-history-menu .icon-em-notifications {
    color: #FF7C44!important;
    transform: scale(1.3);
}
.history-menu .icon-em-history {
    color: #FF7C44;
    transform: scale(1.4);
}
#previous-screen .icon-em-return {
    color: #FF7C44;
    transform: scale(1.15);
}
.dropdown-menu .glyphicon-ok {
    color: #FF7C44;
}
.user-menu .icon-customer {
    color: #FF7C44;
    transform: scale(1.3);
}
.user-menu .dropdown-menu {
    right: 19px !important;
    border-radius: 2px !important;
}
.user-menu #customer-icon-link {
    padding-right: 6px;
}
.current-organization{
    padding-left: 5px;
}
.leftMarg {
    margin-left: 23px;
}
.quickLinks {
    padding: 0px;
    list-style-type: none;
}
.quickLinks li {
    padding-top: 10px;
}
.quickLinks li .label-enc, .user-header p a {
     font-size: 12px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: 0.21px;
     color: #212529;
}
.user-name {
      margin-top  : -12px !important;
      font-family: 'Montserrat';
      font-size: 14px !important;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: 0.25px;
      color: #212529;
}
.count-number {
    float: right;
    margin-right: 73px;
    width: 23px;
    height: 17px;
    border-radius: 9px;
    background-color: #e10098;
    padding: 3px;
    color: #fff !important;
    margin-top: 2px;
 }
.notifySymb {
      width: 7px;
      height: 7px;
      background-color: #e10098;
      padding-left: -18px;
      position: absolute;
      top: 14px;
      border-radius: 52px;
      color: #ddd;
      left: 25px;
}
 #previous-screen {
    /* removed. caused icon to butt-up against next icon */
}
.skin-red .sidebar-menu > li > .treeview-menu > li a:hover{
    	padding-left: 17px !important;
        transition-duration: 300ms;
}
.sidebar-menu > li.tree-view > a:hover {
        padding-left: 17px !important;
        transition-duration: 300ms;
}
li:last-child .Line {
    border: none;
}
.fa-angle-up, .fa-angle-down{
    margin-right: 15px !important;
}
.icon:hover {
  fill: #fff;
}
.skin-red .sidebar-menu .treeview-menu > li:last-child {
    padding-bottom : 15px;
}
.skin-red .sidebar-menu .tree-view span a {
    text-transform: uppercase;
    font-size : 13px !important;
    display : inline-block;
    width : 108px;
}
.treeview-menu > li > a {
   padding: 5px 5px 7px 15px !important;
   font-size : 13px !important;
}

.sidebar {
    border-right: 1px solid #FF7C44;
}
/*.skin-red .sidebar-menu > li a:hover {
    padding-left: 21px;

}*/

.form-group > .containerToggle > span.text-inline {
    width: 90px;
    font-weight: bold;
}

.form-group > .containerToggle span.select2 {
    width: 314px !important;
}

.form-group .menuwidth {
    width: 150px;
}

.form-group .radioButtonField span {
    display: inline-block;
    margin-right: 10px;
}

.force-black-text {
    color: #000 !important;
}

.double-border-bottom {
  border-bottom: 5px double black;
}

.border-bottom {
  border-bottom: 2px solid black;
}

.tuft-bush-background {
    background-color: #F8CBAD;
}

.mt-1 {
  margin-top: 1em;
}

.mt-2 {
  margin-top: 2em;
}

.bold {
  font-weight: bold;
}

.ml-1 {
  margin-left: 1em;
  margin-right: 1em;
}

.ml-2 {
  margin-left: 2em;
  margin-right: 2em;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{
    background-color: #0C5261;
    color: #fff;
}