html {
    -ms-overflow-style: scrollbar;
}

body {
    background: #EFF3F6;
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif;
    font-size: 8.5pt;
    color: #232323;
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
}

.body-style-1 {
    background: #FAFAFA;
}

.body-style-2 {
    background: #F2F4F7;
}

::-webkit-input-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
}

:-ms-input-placeholder {
    color: #999;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #232323;
    text-rendering: optimizeLegibility;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 1.4;
    text-shadow: none;
    font-weight: normal;
    /*0 1px 0 #FFFFFF;*/;
}

.h1,
h1 {
    font-size: 21pt;
}

.h2,
h2 {
    font-size: 18pt;
}

.h3,
h3 {
    font-size: 15pt;
}

.h4,
h4 {
    font-size: 13pt
}

.h5,
h5 {
    font-size: 10pt;
}

.h6,
h6 {
    font-size: 8pt;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #5D5D5D;
    font-weight: normal;
    line-height: 1;
}

a {
    text-shadow: none !important;
    color: #0d638f;
    cursor: pointer;
}

a,
a:hover,
a:focus,
a:active,
button {
    outline: medium none;
    text-decoration: none;
    cursor: pointer;
}

button::-moz-focus-inner {
    border: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #0d638f;
    display: inline;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}

strong {
    font-weight: 700;
}

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

label,
.lbl {
    vertical-align: middle;
    font-weight: normal;
}

.bigger-110 {
    font-size: 110%;
}

.bigger-120 {
    font-size: 120%;
}

.bigger-125 {
    font-size: 125%;
}

.bigger-130 {
    font-size: 130%;
}

.bigger-140 {
    font-size: 140%;
}

.bigger-150 {
    font-size: 150%;
}

.white {
    color: #FFFFFF !important;
}

.black {
    color: #222222 !important;
}

.blue {
    color: #578EBE !important;
}

.blue2 {
    color: #014A81 !important;
}

.green {
    color: #1BBC9B !important;
}

.lightgreen {
    color: #90EE90 !important;
}

.red {
    color: #DF3B3B !important;
}

.brown {
    color: #A52A2A !important;
}

.purple {
    color: #A069C3 !important;
}

.yellow {
    color: #fee188 !important;
}

.grey,
.gray {
    color: #777777 !important;
}

.lighter {
    font-weight: lighter;
}

.orange {
    color: #F0AD4E !important;
}

.orange-dark {
    color: #FF9C00 !important;
}

.gray-light {
    color: #DADADA !important;
}

.light-gray {
    color: #B6B6B6 !important;
}

.light-blue {
    color: #33b5e5;
}


/* COLORS */

.text-navy {
    color: #1ab394;
}

.text-primary {
    color: inherit;
}

.text-success {
    color: #1c84c6;
}

.text-info {
    color: #23c6c8;
}

.text-warning {
    color: #f8ac59;
}

.text-danger {
    color: #ed5565;
}

.text-muted {
    color: #888888;
}

.text-white {
    color: #ffffff;
}

.warning {
    color: #c09853 !important
}

.bg-white {
    background-color: #FFFFFF !important;
}

.bg-inactive {
    background-color: #F6E6E6 !important;
}

.bg-red {
    background-color: #DD5A43 !important;
}

.bg-black {
    background-color: #777 !important;
}

.bg-orange {
    background-color: #F0AD4E !important;
}

.green-bg,
.bg-green {
    background: #65CEA7;
}

.bg-cyan {
    background: #44B6AE;
}

.red-bg,
.bg-red {
    background: #E66454 !important;
}

.yellow-bg,
.bg-yellow {
    background: #F4B04F !important;
}

.bgblue,
.bg-blue,
.blue-bg {
    background-color: #478FCA !important;
}

.bglightBlue {
    background-color: #DCE6F1 !important;
}

.bg-gray {
    background-color: #777777 !important;
}

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

.bg-fade-blue {
    background-color: #88b7d5 !important;
}

.bg-lighter {
    background: #f9f9f9;
}

.text-center,
.align-center,
.center {
    text-align: center !important;
}

.text-right,
.align-right {
    text-align: right !important;
}

.responsive-right {
    text-align: right !important;
}

.text-left,
.align-left {
    text-align: left !important;
}

.align-middle,
.middle {
    vertical-align: middle !important;
}

.align-top {
    vertical-align: top !important;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.text-uppercase {
    text-transform: uppercase;
}

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

.display-flex {
    display: flex !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.overflow-visible {
    overflow: visible !important;
}

.position-absolute,
.absolute {
    position: absolute !important;
}

.position-relative,
.relative {
    position: relative !important;
}

.radius-2 {
    border-radius: 2px !important;
}

.radius-4 {
    border-radius: 4px !important;
}

.radius-3 {
    border-radius: 3px !important;
}

.radius-6 {
    border-radius: 6px !important;
}

.radius-10 {
    border-radius: 10px !important;
}

.radius-40 {
    border-radius: 40px !important;
}

.no-top-padding,
.padding-top-0,
.padding-t-0 {
    padding-top: 0 !important;
}

.no-bottom-padding,
.padding-bottom-0,
.padding-b-0 {
    padding-bottom: 0 !important;
}

.no-left-padding,
.padding-left-0,
.padding-l-0 {
    padding-left: 0 !important;
}

.no-right-padding,
.padding-right-0,
.padding-r-0 {
    padding-right: 0 !important;
}

.no-padding,
.padding-0 {
    padding: 0 !important;
}

.padding-top-2 {
    padding-top: 2px !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-top-4 {
    padding-top: 4px !important;
}

.padding-top-6 {
    padding-top: 6px !important;
}

.padding-top-8 {
    padding-top: 8px !important;
}

.padding-bottom-8 {
    padding-bottom: 8px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-12 {
    padding-top: 12px !important;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-right-2 {
    padding-right: 2px !important;
}

.padding-right-3 {
    padding-right: 3px !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-15 {
    padding-right: 15px !important;
}

.padding-right-13 {
    padding-right: 13px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-bottom-3 {
    padding-bottom: 3px !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-15 {
    padding-bottom: 15px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-2 {
    padding-bottom: 2px !important;
}

.padding-left-2 {
    padding-left: 2px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-8 {
    padding-left: 8px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-left-15 {
    padding-left: 15px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-25 {
    padding-left: 25px !important;
}

.padding-left-30 {
    padding-left: 30px;
}

.padding-left-50 {
    padding-left: 50px;
}

.padding-left-55 {
    padding-left: 55px;
}

.padding-t-b-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.padding-t-b-2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.padding-t-b-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.padding-t-b-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.padding-t-b-13 {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.padding-t-b-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padding-l-r-0 {
    padding-left: 0;
    padding-right: 0;
}

.padding-l-r-2 {
    padding: 0 2px !important;
}

.padding-l-r-3 {
    padding: 0 3px !important;
}

.padding-l-r-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.padding-l-r-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-l-r-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-2 {
    padding: 2px !important;
}

.padding-3 {
    padding: 3px !important;
}

.padding-5 {
    padding: 5px !important;
}

.padding-8 {
    padding: 8px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-25 {
    padding: 25px !important;
}

.padding-30 {
    padding: 30px !important;
}

.no-top-margin,
.margin-top-0 {
    margin-top: 0 !important;
}

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

.no_margin_left,
.no-left-margin {
    margin-left: 0 !important;
}

.no_margin_right,
.no-right-margin {
    margin-right: 0 !important;
}

.no-margin,
.margin-none,
.margin-0 {
    margin: 0 !important;
}

.margin-top-1 {
    margin-top: 1px !important;
}

.margin-top-2 {
    margin-top: 2px;
}

.margin-top-3 {
    margin-top: 3px !important;
}

.margin-top-4 {
    margin-top: 4px !important;
}

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

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-6 {
    margin-top: 6px;
}

.margin-top-8 {
    margin-top: 8px !important;
}

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

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-90 {
    margin-top: 90px !important;
}

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

.margin-right-2 {
    margin-right: 2px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-right-17 {
    margin-right: 17px !important;
}

.margin-bottom-2 {
    margin-bottom: 2px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-8 {
    margin-bottom: 8px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-left-2 {
    margin-left: 2px;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-25 {
    margin-left: 25px !important;
}

.margin-left-110 {
    margin-left: 110px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-l-r-2 {
    margin-left: 2px;
    margin-right: 2px;
}

.margin-b-t-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.margin-t-b-10 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.margin-2 {
    margin: 2px !important;
}

.margin-3 {
    margin: 3px !important;
}

.margin-5 {
    margin: 5px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-15 {
    margin: 15px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-30 {
    margin: 30px !important;
}

.space-2 {
    padding: 2px 0;
    max-height: 0;
    overflow: hidden;
}

.space-3 {
    padding: 3px 0;
    max-height: 0;
    overflow: hidden;
}

.space-5 {
    max-height: 0;
    overflow: hidden;
    padding: 5px 0;
}

.space-8 {
    max-height: 0;
    overflow: hidden;
    padding: 8px 0;
}

.space-10 {
    padding: 10px 0;
    max-height: 0;
    overflow: hidden;
}

.space-15 {
    padding: 15px 0;
    max-height: 0;
    overflow: hidden;
}

.space-16 {
    padding: 16px 0;
    overflow: hidden;
}

.space-26 {
    padding: 26px 0;
    overflow: hidden;
}

.space-28 {
    padding: 28px 0;
    overflow: hidden;
}

.space-32 {
    padding: 32px 0;
    max-height: 0;
    overflow: hidden;
}

.space-40 {
    max-height: 0;
    overflow: hidden;
    padding: 40px 0;
}

.space-64 {
    max-height: 0;
    overflow: hidden;
    padding: 64px 0;
}

.space-72 {
    max-height: 0;
    overflow: hidden;
    padding: 72px 0;
}

.space-90 {
    padding: 90px 0;
    max-height: 0;
    overflow: hidden;
}

.space-70 {
    padding: 70px 0;
    max-height: 0;
    overflow: hidden;
}

.vspace-64 {
    max-height: 0;
    overflow: hidden;
    padding: 64px 0;
    display: none;
}

.font-weight-normal {
    font-weight: normal !important;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.font-10 {
    font-size: 10px;
}

.font-6 {
    font-size: 6px !important;
}

.font-11 {
    font-size: 11px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-17 {
    font-size: 17px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-19 {
    font-size: 19px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-21 {
    font-size: 21px !important;
}

.font-22 {
    font-size: 22px;
}

.font-23 {
    font-size: 23px !important;
}

.font-25 {
    font-size: 25px !important;
}

.font-26 {
    font-size: 26px !important;
}

.font-27 {
    font-size: 27px !important;
}

.font-28 {
    font-size: 28px;
}

.font-29 {
    font-size: 29px;
}

.font-30 {
    font-size: 30px;
}

.font-31 {
    font-size: 31px !important;
}

.font-32 {
    font-size: 32px !important;
}

.font-33 {
    font-size: 33px;
}

.font-34 {
    font-size: 34px;
}

.font-35 {
    font-size: 35px;
}

.font-36 {
    font-size: 36px !important;
}

.font-50 {
    font-size: 50px;
}

.no-radius {
    border-radius: 0 !important;
}

.no-border {
    border: 0 !important;
}

.no-left-border {
    border-left: 0 !important;
}

.no-bottom-border {
    border-bottom: 0 !important;
}

.no-box-shadow {
    box-shadow: none !important;
}

.no-hover-underline:hover {
    text-decoration: none !important;
}

.no-height {
    height: 0 !important;
}

.no-cursor {
    cursor: not-allowed !important;
}

.no-text-shadow {
    text-shadow: none !important;
}

.no-list-style {
    list-style-type: none
}

.no-background,
.bg-transparent,
.background-transparent,
.transparent-background {
    background-color: transparent;
    background: none !important;
}

.only-bg-transparent {
    background: transparent !important;
}

.clear_both,
.clearboth,
.clear-both,
.clear {
    clear: both !important;
}

.fixed {
    position: fixed;
}

.w-100 {
    width: 100% !important;
}

.width-50 {
    width: 50px !important;
}

.width-90 {
    width: 110px !important;
}

.width-100 {
    width: 100px !important;
}

.width-168 {
    width: 168px !important;
}

.width-140 {
    width: 140px !important;
}

.width-150 {
    width: 150px !important;
}

.width-160 {
    width: 160px !important;
}

.width-200 {
    width: 200px !important;
}

.width-235 {
    width: 235px !important;
}

.width-237 {
    width: 237px !important;
}

.width-180 {
    width: 180px !important;
}

.width-335 {
    width: 335px !important;
}

.width-500 {
    width: 500px !important;
}

.width-600 {
    width: 600px !important;
}

.width-800 {
    width: 800px !important;
}

.width-70-per {
    width: 70% !important;
}

.width-60-per {
    width: 60% !important;
}

.width-30-per {
    width: 30% !important;
}

.width-100-per {
    width: 100% !important;
}

.height-25 {
    height: 25px !important;
}

.height-15 {
    height: 15px !important;
}

.height-20 {
    height: 20px !important;
}

.height-30 {
    height: 30px !important;
}

.height-50 {
    height: 50px !important;
}

.height-60 {
    height: 60px !important;
}

.height-70 {
    height: 70px !important;
}

.height-80 {
    height: 80px !important;
}

.height-90 {
    height: 90px;
}

.height-98 {
    height: 98px !important;
}

.height-100p {
    height: 100px;
}

.height-110 {
    height: 110px !important;
}

.height-120 {
    height: 120px !important;
}

.height-175 {
    height: 175px !important;
}

.min-height-16 {
    min-height: 16px !important;
}

.min-height-30 {
    min-height: 30px !important;
}

.min-height-50 {
    min-height: 50px !important;
}

.min-height-75 {
    min-height: 75px;
}

.min-height-100 {
    min-height: 100px !important;
}

.min-height-120 {
    min-height: 120px !important;
}

.min-height-200 {
    min-height: 200px !important;
}

.height-100-per {
    height: 100% !important;
}

.min-width-60 {
    min-width: 60px;
}


/****** Dropdown start ******/

.dropdown-menu {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px !important;
    padding: 0;
    font-size: 8.5pt;
    border: 1px solid #dddfe0;
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.dropdown-menu:after {
    Content: "";
    border-bottom: 7px solid #fff;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    left: 10px;
    top: -7px;
    position: absolute;
}

.dropdown-menu:before {
    Content: "";
    border-bottom: 7px solid #fff;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    left: 10px;
    top: -6px;
    position: absolute;
}

.open > .dropdown-menu {
    animation: 0.4s ease-in-out 0s normal none 1 dropdown;
    -webkit-animation: 0.4s ease-in-out 0s normal none 1 dropdown;
    -moz-animation: 0.4s ease-in-out 0s normal none 1 dropdown;
    -o-animation: 0.4s ease-in-out 0s normal none 1 dropdown;
    -ms-animation: 0.4s ease-in-out 0s normal none 1 dropdown;
}

.dropdown-menu > li > a {
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    clear: both;
    color: #525252;
    display: block;
    font-weight: normal;
    line-height: 1.49;
    padding: 6px 10px;
    white-space: nowrap;
}

.dropdown-menu > li:first-child a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.dropdown-menu > li:last-child a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.dropdown-menu > li > a:hover {
    background-color: #f4f5f5;
    color: #262626;
}

.dropdown-menu > li > a > i {
    margin-right: 3px;
    vertical-align: middle;
}

.dropdown-menu.pull-center {
    left: auto;
    /*  right: -208px;*/
}

.dropdown-menu.pull-center:before {
    left: auto !important;
    right: calc(50% - 6px) !important;
}

.dropdown-menu.pull-center:after {
    left: auto !important;
    right: calc(50% - 6px) !important;
}

.dropdown-menu.pull-right:before {
    left: auto !important;
    right: 6% !important;
}

.dropdown-menu.pull-right:after {
    left: auto !important;
    right: 6% !important;
}

.dropdown-menu.pull-left:before {
    left: 10% !important;
}

.dropdown-menu.pull-left:after {
    left: 10% !important;
}


/* .dropdown-large {position: static !important;} */

.dropdown-menu-large {
    margin-left: 10px;
    margin-right: 10px;
    padding: 15px 0;
    overflow: hidden;
}

.dropdown-menu-large > li > ul {
    padding: 0;
    margin: 0;
}

.dropdown-menu-large > li > ul > li {
    list-style: none;
}

.dropdown-menu-large > li > ul > li > a {
    display: block;
    padding: 5px 12px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: normal;
}

.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
    color: #999999;
}

.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.dropdown-menu-large .dropdown-header {
    color: #428bca;
    font-size: 18px;
}

@media (max-width: 768px) {
    .dropdown-menu-large {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-menu-large > li {
        margin-bottom: 30px;
    }

    .dropdown-menu-large > li:last-child {
        margin-bottom: 0;
    }

    .dropdown-menu-large .dropdown-header {
        padding: 5px 12px !important;
    }
}

.language-dropdown .dropdown-menu {
    width: 300px;
}

.language-dropdown .dropdown-menu li,
.language-dropdown .dropdown-menu li {
    width: 50%;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.language-dropdown li > a {
    clear: both;
    color: #66757f;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: normal;
    float: none;
    line-height: 18px;
    margin: 0;
    padding: 5px 20px;
    position: relative;
    text-shadow: none;
    white-space: nowrap;
}

.language-dropdown li > a:hover,
.language-dropdown li > a:focus {
    text-decoration: none;
    color: #787a7b;
    background-color: #f5f5f5;
}


/****** Dropdown end ******/


/****** Form start ******/

.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}

.form-control {
    border-radius: 5px;
    height: 30px;
    font-size: 9pt;
}

.table tr td .form-control {
    height: 22px;
    font-size: 8.5pt;
    padding: 2px 8px;
}

.table tr td .input-group-addon {
    height: 22px;
    font-size: 7.7pt;
    padding: 2px 8px;
}

.table > tbody > tr > td .select2-container .select2-choice {
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    line-height: 20px !important;
    font-size: 8pt;
}

.table > tbody > tr > td .select2-container .select2-choice .select2-arrow {
    top: -5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.form-control {
    background-color: #fff;
    border: 1px solid rgb(221, 223, 224);
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    /* -webkit-appearance: none !important;
    color: #717171;
    outline: 0;
    height: 16px;
    padding: 9px 11px;
    line-height: 18px;
    font-size: 13px;
    vertical-align: top;
    min-height: 38px;
    filter: none !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; */
    -webkit-transition: all .2s linear;
    /* Safari */
    transition: all .2s linear;
    /* sizing */
    /*parsley */
}

.select2-container .select2-choice {
    background: #fff;
    font-size: 9pt;
}

.uneditable-input:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.form-control:focus {
    outline: none;
    background-color: #FFF;
    /* border: 1px solid #d2d2d2; */
    border: 1px solid #66afe9;
}

select[multiple],
select.form-control[multiple] {
    height: auto;
}

.uneditable-input.input-lg,
textarea.input-lg,
input[type="text"].input-lg,
input[type="password"].input-lg,
input[type="datetime"].input-lg,
input[type="datetime-local"].input-lg,
input[type="date"].input-lg,
input[type="month"].input-lg,
input[type="time"].input-lg,
input[type="week"].input-lg,
input[type="number"].input-lg,
input[type="email"].input-lg,
input[type="url"].input-lg,
input[type="search"].input-lg,
input[type="tel"].input-lg,
input[type="color"].input-lg,
.form-control.input-lg {
    height: 46px;
    padding: 10px 16px !important;
    font-size: 18px;
    line-height: 1.33;
}

.uneditable-input.input-sm,
textarea.input-sm,
input[type="text"].input-sm,
input[type="password"].input-sm,
input[type="datetime"].input-sm,
input[type="datetime-local"].input-sm,
input[type="date"].input-sm,
input[type="month"].input-sm,
input[type="time"].input-sm,
input[type="week"].input-sm,
input[type="number"].input-sm,
input[type="email"].input-sm,
input[type="url"].input-sm,
input[type="search"].input-sm,
input[type="tel"].input-sm,
input[type="color"].input-sm,
.form-control.input-sm {
    height: 25px;
    min-height: 30px;
    padding: 5px 10px !important;
    font-size: 8.5pt;
    line-height: 1.5;
    font-weight: normal;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #e8e8e8;
    border: 1px solid #e2e2e2;
}

input.block {
    display: block;
    margin-bottom: 9px;
}

.form-group {
    margin-bottom: 12px;
    overflow: visible;
}

.form-group::after {
    clear: both;
    display: block;
    content: '';
}

.form-group-clearfix {
    padding-bottom: 5px;
    clear: both;
}

textarea.form-control {
    padding: 5px 9px;
}

select.form-control {
    padding: 4px 6px;
    /*   height: 32px; */
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    min-height: 15px;
    font-size: 12px;
    line-height: 13px;
    border-radius: 0;
}


/* Checkbox & Radio */

.input-icon {
    position: relative;
}

.input-icon.input-icon-right > [class*="icon-"] {
    margin-left: -24px;
    left: auto;
    right: 5px;
    top: 0;
}

.input-icon.input-icon-right > input {
    padding-left: 6px;
    padding-right: 24px;
}

.input-icon > [class*="icon-"],
.input-icon > [class*="fa-"] {
    position: absolute;
    top: 25px;
    right: 0;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

.input-append input,
.input-append .uneditable-input {
    -webkit-border-radius: 4px 0 0 4px !important;
    -moz-border-radius: 4px 0 0 4px !important;
    border-radius: 4px 0 0 4px !important;
}

input[type=checkbox]:checked + .lbl::before,
input[type=radio]:checked + .lbl::before {
    display: inline-block;
    content: '\f00c';
    background-color: #F5F8FC;
    border-color: #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

input[type=checkbox]:hover + .lbl::before,
input[type=radio]:hover + .lbl::before,
input[type=checkbox] + .lbl:hover::before,
input[type=radio] + .lbl:hover::before {
    border-color: #d2d2d2;
}

input[type=checkbox]:active + .lbl::before,
input[type=radio]:active + .lbl::before,
input[type=checkbox]:checked:active + .lbl::before,
input[type=radio]:checked:active + .lbl::before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

input[type=checkbox]:disabled + .lbl::before,
input[type=radio]:disabled + .lbl::before,
input[type=checkbox][disabled] + .lbl::before,
input[type=radio][disabled] + .lbl::before,
input[type=checkbox].disabled + .lbl::before,
input[type=radio].disabled + .lbl::before {
    background-color: #DDD !important;
    border-color: #CCC !important;
    box-shadow: none !important;
    color: #BBB;
}

input[type=radio] + .lbl::before {
    border-radius: 32px;
    font-size: 36px;
    line-height: 7px;
}

input[type=radio]:checked + .lbl::before {
    content: "\2022";
}


/* CSS3 switches */

input[type=checkbox].alta-switch {
    width: 55px;
    height: 20px;
}

input[type=checkbox].alta-switch + .lbl {
    margin: 0;
    min-height: 24px;
}

input[type=checkbox].alta-switch + .lbl::before {
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif;
    content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
    color: #999;
    font-weight: bold;
    font-size: 11px;
    line-height: 18px;
    line-height: 21px \9;
    /*ie9*/
    height: 18px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #F5F5F5;
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #CCC;
    text-align: left;
    float: left;
    padding: 0;
    width: 50px;
    text-indent: -16px;
    /*text-indent: -21px \9;*/
    margin-right: 0;
    -webkit-transition: text-indent .4s ease;
    -moz-transition: text-indent .4s ease;
    -o-transition: text-indent .4s ease;
    transition: text-indent .4s ease;
}

input[type=checkbox].alta-switch + .lbl::after {
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif;
    content: '|||';
    font-size: 10px;
    font-weight: lighter;
    color: #E5E5E5;
    background-color: #FFF;
    text-shadow: -1px 0 0 rgba(0, 0, 0, 0.15);
    text-align: center;
    border-radius: 12px;
    width: 22px;
    height: 22px;
    line-height: 20px;
    position: absolute;
    top: -2px;
    left: -3px;
    padding: 0;
    border: 1px solid #8B9AA3;
    -webkit-transition: left .4s ease;
    -moz-transition: left .4s ease;
    -o-transition: left .4s ease;
    transition: left .4s ease;
}

input[type=checkbox].alta-switch:checked + .lbl::before {
    text-indent: 9px;
    color: #FFF;
    background-color: #8ab2c9;
    border-color: #468fcc;
}

input[type=checkbox].alta-switch:checked + .lbl::after {
    left: 34px;
    background-color: #FFF;
    color: #8ab2c9;
}

input[type=checkbox].alta-switch.alta-switch-5 + .lbl::before {
    content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #fd5a3e;
    border: 1px solid #fd5a3e;
    color: #FFF;
    width: 40px;
    text-shadow: 0 0 0 #fff;
    display: inline-block;
    position: relative;
    box-shadow: none;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif;
}

input[type=checkbox].alta-switch.alta-switch-5 + .lbl::after {
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif;
    content: '|||';
    text-shadow: -1px 0 0 rgba(0, 0, 0, 0.2);
    font-size: 7px;
    font-weight: lighter;
    text-align: center;
    position: absolute;
    border-radius: 4px;
    color: #5b6a73;
    top: 0;
    left: 0;
    width: 30px;
    height: 22px;
    line-height: 21px;
    background: linear-gradient(#FFF, #FFF, #ddd);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

input[type=checkbox].alta-switch.alta-switch-5:checked + .lbl::before {
    text-indent: 9px;
    background: #468fcc;
    border-color: #468FCC;
    color: #FFF;
}

input[type=checkbox].alta-switch.alta-switch-5:checked + .lbl::after {
    left: 34px;
    background-color: #FFF;
}

input[type=checkbox].alta-switch.alta-switch-5:checked + .lbl::before {
    text-indent: 8px;
}

input[type=checkbox].alta-switch.alta-switch-5:VISITED {
    outline: none !important;
}

input[type=checkbox].alta-switch.alta-switch-5:focus + .lbl {
    outline: none !important;
}

input.alta-switch[type="checkbox"]:focus + .lbl {
    outline: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}


/* for alta Field*/

.form-horizontal .controls {
    margin-left: 180px;
}

.form-horizontal .control-group {
    margin-bottom: 20px;
}

.input-group-addon {
    background-color: #fafafa;
    border-color: #e2e2e2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    font-size: 8.7pt;
}


/****** Form end ******/

.modal-top-margin {
    margin-top: 70px;
}

.modal-dialog {
    border: 0;
}

.modal-content {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.4);;
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.4);;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.4);
    border: 0;
}

.modal-title {
    font-size: 11pt;
    color: #232323;
}

.modal-header .close {
    border: 1px solid rgb(154, 158, 167);
    border-radius: 15px;
    color: rgb(255, 0, 0);
    font-size: 7.7pt;
    height: 20px;
    line-height: 10px;
    opacity: 0.5;
    width: 20px;
    position: absolute;
    right: 10px;
    top: 15px;
    margin: 0;
}

.modal-backdrop.in {
    opacity: 0.65;
}

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

.modal-content .tab-content {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal .modal-dialog .modal-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #DDDDDD;
    padding: 0 !important;
    border-radius: 6px;
}

.modal .modal-dialog .modal-content .modal-header {
    margin: 0;
    padding: 0;
    border-bottom-width: 0;
    padding: 15px 20px;
    background: #eceeef;
    border-radius: 6px 6px 0 0;
    position: relative;
}

.modal .modal-dialog .modal-content .modal-header h1,
.modal .modal-dialog .modal-content .modal-header h2,
.modal .modal-dialog .modal-content .modal-header h3,
.modal .modal-dialog .modal-content .modal-header h4,
.modal .modal-dialog .modal-content .modal-header h5 {
    margin: 0;
}

.modal .modal-dialog .modal-content .modal-body {
    padding: 20px;
}

.modal .modal-dialog .modal-content .modal-footer {
    padding: 10px;
    border-radius: 0 0 5px 5px;
}

.modal-full {
    width: 98%;
}

.modal-footer .btn,
.modal-footer .btn + .btn {
    margin-bottom: 0;
}


/* modal with sidebar css overwrite */

.modal-sidebar {
    padding: 0 !important;
    position: relative;
}

.modal-sidebar ul.tabs-left {
    min-height: auto;
}

.modal-sidebar ul.tabs-left > li {
    float: left;
    width: 100%;
    padding: 0;
}

.modal-sidebar ul.tabs-left > li a {
    border-bottom: 1px solid #dfe0e0 !important;
    color: #232323;
    display: block;
    line-height: 40px;
    outline: medium none;
    padding: 0 0 0 25px;
    text-decoration: none;
    white-space: nowrap;
    font-size: 9pt;
}

.modal-sidebar ul.tabs-left.nav > li > a:hover,
.modal-sidebar ul.tabs-left.nav > li > a:focus {
    background-color: #fff;
}

.modal-sidebar ul.tabs-left > li.active > a {
    background-color: #fff;
}

.modal-sidebar ul.tabs-left > li.active > a:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-style: solid;
    border-width: 9px;
    content: "";
    float: right;
    height: 0;
    top: 50%;
    position: absolute;
    right: 2px;
    width: 0;
    transform: translateY(-50%);
}

.modal-sidebar ul.tabs-left > li.active > a:before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #5dd0ff;
    border-style: solid;
    border-width: 9px;
    content: "";
    float: right;
    height: 0;
    top: 50%;
    position: absolute;
    right: 0;
    width: 0;
    transform: translateY(-50%);
}

.employee-modal .modal-content,
#modalaltaManageSite-tabContent .modal-content {
    padding: 0 !important;
}

.modal-sidebar .left-section {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    min-height: 260px;
    border-right: 1px solid #dfe0e0;
    width: 250px;
    background: #f5f5f5;
    border-bottom-left-radius: 5px;
}

.modal-sidebar .content-section {
    padding-left: 250px;
    float: left;
    width: 100%;
}

.modal-sidebar .content-block {
    padding: 20px 25px 0;
}

.employee-modal .employee-modal-thumb,
#modalaltaManageSite-tabContent .employee-modal-thumb {
    height: 30px;
    width: 30px;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 10px;
    float: left;
}

.am-fade-and-slide-top {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

.modal .grow.modal-dialog {
    -webkit-transform: scale(0.1) translate3d(0, 0, 0);
    transform: scale(0.1) translate3d(0, 0, 0);
}

.modal.in .grow.modal-dialog {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
}


/****** Modal end ******/


/***** Alerts start *****/

.alert {
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.alert-success {
    background-color: #DBF6D3;
    border-color: #AED4A5;
    color: #569745;
}

.alert-info {
    background-color: #D9EDF7;
    border-color: #98cce6;
    color: #3A87AD;
}

.alert-warning {
    background-color: #FCF8E3;
    border-color: #F1DAAB;
    color: #C09853;
}

.alert-danger {
    background-color: #F2DEDE;
    border-color: #e0b1b8;
    color: #B94A48;
}

.alert-denger-border {
    margin-bottom: 5px;
    border: 5px solid #EBCCD1;
    border-radius: 5px;
    box-shadow: 0 0 5px -1px #000000 inset;
}

.alert-primary {
    background-color: #5E9CD2;
    border-color: #357EBD;
    color: #FFFFFF;
}

.table > thead > tr, .table > tfoot > tr{
    background: #e5e5e5;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    line-height: 11.8pt;
    vertical-align: middle;
    background-clip: padding-box !important;
    padding: 2px 8px 2px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
    font-weight: 500;
    padding: 4px 8px 4px;
    font-size: 8.5pt;
}

.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    font-size: 8.5pt;
}

.table {
    box-shadow: 0 0 1px rgb(0 0 0 / 15%);
    background: #fff !important;
    border-collapse: inherit;
    border-bottom: 1px solid rgb(0 0 0 / 3%) !important;
}

.panel-group.box-shadow {
    box-shadow: 0 1px 3px rgb(236, 238, 239);
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid rgb(236, 238, 239);
}

.table.table-bordered > tbody > tr > td {
    border-top: 0;
    border-bottom: 1px solid #eceeef;
    border-left: 0;
    border-right: 1px solid #eceeef;
    position: relative !important;
}

.table.table-bordered > tbody > tr > td.table-action span.inline-flex {
    line-height: 10pt;
}

#weekly-table.table.table-bordered > tbody > tr > td {
    position: relative !important;
    padding: 0;
}

.table > tbody > tr > td:last-child {
    border-right: 0;
}

.table > tbody > tr:last-child > td {
    border-bottom: 0;
}

.table > thead > tr > th {
    border-width: 0 0 1px 0;
    border-color: #eceeef;
}

.table > thead > tr > th .fa.fa-sort {
    color: #95989a;
}

.table > thead > tr > th .fa {
    font-size: 7.7pt;
}

.table-bordered {
    border: 0;
}

.table-action-footer {
    margin: 10px 0;
    padding: 10px;
}

.action-buttons a,
.action-buttons .btn {
    margin: 0 3px;
    display: inline-block;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    font-size: 120%;
    line-height: 16px;
}

.action-buttons a:hover {
    text-decoration: none;
    opacity: 1;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}


/* Media query
-------------------------------*/

@media ( max-width: 768px) {
    .table td .toolbar {
        min-width: 80px;
    }

    .table-responsive {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        border: 0;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }

    .panel .table-responsive {
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }
}

.table-options {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.table-options > li {
    display: inline-block;
    margin-left: 5px;
}

.table-options > li:first-child {
    margin-left: 0;
}

.table-options > li > a {
    color: #9fa8bc;
    font-size: 14px;
    line-height: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.table-options > li > a > i {
    line-height: 0;
}

.table-options > li > a:hover,
.table-options > li > a:focus {
    color: #657390;
}

.table-striped > tbody > tr:nth-child(odd) {
    background-color: #f9f9f9e8;
}

.table-hover > tbody > tr:hover {
    background-color: #F0F2F6;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f8f0f0;
    border-color: #f9e7e7;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #f2dede;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #EBF3E8;
    border-color: #d6e9c6;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #dff0d8;
}


/***** Alerts end *****/

.box {
    background-color: rgb(239, 243, 246);
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
    float: left;
    width: 100%;
}

.box .box-title {
    background-color: #FFFFFF;
    border-color: #e6e9ed;
    border-image: none;
    border-style: solid solid none;
    border-width: 2px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 10px 10px 7px;
    min-height: 48px;
}

.box h2 {
    color: #162a33;
    font-size: 18px;
    display: inline-block;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
}

.box h2 i {
    margin-right: 5px;
}

.box .box-tools {
    float: right;
    height: 18px;
    line-height: 18px;
}

.box .box-tools a {
    padding: 5px 11px;
    background-color: #EBEBEB;
    color: #AFAFAF;
    border-radius: 2px;
}

.box .box-title .box-tools a + a {
    margin-left: 10px;
}

.box .box-info {
    font-size: 15px;
}

.box .subhead {
    line-height: 24px;
    padding: 2px 0 10px;
}

.box .subfoot {
    padding-top: 10px;
    border-top: 1px solid #dfdfdf;
}

.box-content {
    background-color: #FFFFFF;
    color: inherit;
    padding: 10px;
    border-color: #e6e9ed;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}

.box-heading {
    background-color: #F8F8F8;
    border-bottom: none;
}

.box .list-group .list-group-item {
    border-width: 1px 0 0;
    border-radius: 0;
    border-color: #e6e9ed;
}

.box .list-group .list-group-item:first-child {
    border-radius: 0;
    border: 0;
}

.box .list-group .action-item a + a {
    margin-left: 5px;
}

.box .list-group .media-heading {
    color: #106894;
    font-size: 14px;
}

.box .box-avatar {
    display: inline-block;
    padding: 2px;
    position: relative;
    text-align: center;
    transition: border-color 0.3s ease 0s;
}

.box .box-avatar.box-avatar-36 {
    border: 1px solid #e7edf2;
    border-radius: 36px;
}

.box .box-avatar.box-avatar-36 > img {
    border-radius: 18px;
    height: auto;
    width: 36px;
}

.box-content > .table-bordered,
.box-content > .table-responsive > .table-bordered {
    border: 0 none;
}

.box-content .table-bordered > tbody > tr > td:first-child,
.box-content .table-bordered > tbody > tr > th:first-child,
.box-content .table-bordered > tfoot > tr > td:first-child,
.box-content .table-bordered > tfoot > tr > th:first-child,
.box-content .table-bordered > thead > tr > td:first-child,
.box-content .table-bordered > thead > tr > th:first-child,
.box-content .table-responsive > .table-bordered > tbody > tr > td:first-child,
.box-content .table-responsive > .table-bordered > tbody > tr > th:first-child,
.box-content .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.box-content .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.box-content .table-responsive > .table-bordered > thead > tr > td:first-child,
.box-content .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0 none;
}

.box-content .table-bordered > tbody > tr > td:last-child,
.box-content .table-bordered > tbody > tr > th:last-child,
.box-content .table-bordered > tfoot > tr > td:last-child,
.box-content .table-bordered > tfoot > tr > th:last-child,
.box-content .table-bordered > thead > tr > td:last-child,
.box-content .table-bordered > thead > tr > th:last-child,
.box-content .table-responsive > .table-bordered > tbody > tr > td:last-child,
.box-content .table-responsive > .table-bordered > tbody > tr > th:last-child,
.box-content .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.box-content .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.box-content .table-responsive > .table-bordered > thead > tr > td:last-child,
.box-content .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0 none;
}

.popover {
    max-width: 500px;
    border-radius: 5px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.10);
    border-color: #fff;
}

.popover-title {
    background-color: #f5f6f7;
    color: #5c7174;
    font-weight: 400;
}

.popover-title {
    margin: 0;
    padding: 10px;
    font-size: 14px;
    background-color: #FFF;
    border-bottom: 1px solid #f2f2f2;
    border-radius: 1px 1px 0 0;
    text-transform: capitalize;
}

.popover-content {
    padding: 10px;
}

.popover-title + .popover-content {
    padding-top: 0;
}

.popover-danger .popover-title {
    background-color: #eb6154;
    border-color: #eb6154;
    color: #FFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.popover.right > .arrow {
    border-right-color: #f2f2f2;
}

.popover.left > .arrow {
    border-left-color: #f2f2f2;
}

.popover.popover-bordered-danger.left > .arrow,
.popover-danger.popover-bordered.left > .arrow {
    border-left-color: #eb6154;
}

.popover-bordered-danger,
.popover-danger.popover-bordered {
    border: none;
    border-radius: 5px;
}

.popover.popover-bordered-danger.right > .arrow,
.popover-danger.popover-bordered.right > .arrow {
    border-right-color: #eb6154;
}

.popover.popover-bordered-danger.left > .arrow,
.popover-danger.popover-bordered.left > .arrow {
    border-left-color: #eb6154;
}


/*Panels*/

.panel {
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.panel > .panel-heading {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px;
    position: relative;
    border-radius: 5px 5px 0 0;
}

.panel .actions {
    position: absolute;
    right: 15px;
    top: 15px;
}

.panel .actions i {
    font-size: 1em;
    margin: 0 3px;
}

.panel .actions i:hover {
    cursor: pointer;
}

.panel > .panel-footer {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px;
}

.panel-default > .panel-heading {
    border-color: #DDD;
    background: #AAAAAA;
    color: #6b6e76;
}

.panel-default .actions i {
    color: #EEE;
}

.panel-default .actions i:hover {
    cursor: pointer;
    color: #767676;
}

.panel-default > .panel-footer {
    border-color: #ddd;
    background: #fafafa;
    color: #767676;
}

.panel-primary > .panel-heading {
    color: #FFF;
    background-color: #1abc9c;
    border-color: #1abc9c;
}

.panel-primary {
    border-color: #1abc9c;
}

.panel-primary > .panel-heading a,
.panel-primary > .panel-heading a:hover {
    color: #FFF;
}

.panel-solid-default > .panel-heading,
.panel-solid-default > .panel-body,
.panel-solid-default > .panel-footer {
    background: #bdc3c7;
    color: #FFF;
    border: none;
}

.panel-solid-primary > .panel-heading,
.panel-solid-primary > .panel-body,
.panel-solid-primary > .panel-footer {
    background: #1abc9c;
    color: #FFF;
    border: none;
}

.panel-solid-success > .panel-heading,
.panel-solid-success > .panel-body,
.panel-solid-success > .panel-footer {
    background: #2dcc70;
    color: #FFF;
    border: none;
}

.panel-solid-warning > .panel-heading,
.panel-solid-warning > .panel-body,
.panel-solid-warning > .panel-footer {
    background: #f1c40f;
    color: #FFF;
    border: none;
}

.panel-solid-info > .panel-heading,
.panel-solid-info > .panel-body,
.panel-solid-info > .panel-footer {
    background: #3598db;
    color: #FFF;
    border: none;
}

.panel-solid-danger > .panel-heading,
.panel-solid-danger > .panel-body,
.panel-solid-danger > .panel-footer {
    background: #E84C3D;
    color: #FFF;
    border: none;
}

.panel.panel-dark {
    border-color: #5B5B5B;
}

.panel.panel-dark > .panel-heading {
    border-color: #5B5B5B;
    color: #FFF;
    background: #666666;
}

.panel.panel-dark > .panel-heading .panel-actions {
    border-left: 1px solid #5B5B5B;
}

.panel.panel-gray {
    border-color: #AAAAAA;
}

.panel.panel-gray > .panel-heading {
    border-color: #9E9E9E;
    color: #FFF;
    background: #AAAAAA;
}

.panel.panel-gray > .panel-heading .panel-actions {
    border-left: 1px solid #9E9E9E;
}

.panel.panel-primary {
    border-color: #20a8d8;
}

.panel.panel-primary .panel-heading,
.panel.panel-primary .panel-footer {
    background: #5dc3e7;
    color: #FFF;
    border-color: #20a8d8;
}

.panel.panel-success {
    border-color: #79c447;
}

.panel.panel-success .panel-heading,
.panel.panel-success .panel-footer {
    background: #a3d781;
    color: #284315;
    border-color: #79c447;
}

.panel.panel-info {
    border-color: #98cce6;
}

.panel.panel-info .panel-heading,
.panel.panel-info .panel-footer {
    background: #D9EDF7;
    color: #106894;
    border-color: #98cce6;
}

.panel.panel-warning {
    border-color: #fabb3d;
}

.panel.panel-warning .panel-heading,
.panel.panel-warning .panel-footer {
    background: #fcd588;
    color: #815703;
    border-color: #fabb3d;
}

.panel.panel-danger {
    border-color: #E84C3D;
}

.panel.panel-danger .panel-body {
    color: #E84C3D;
}

.panel.panel-danger .panel-heading {
    background: #E84C3D;
    color: #FFF;
}

.panel .panel-footer {
    background: transparent;
    color: #E84C3D;
    border-color: #E5E5E5;
}

.panel-footer .btn,
.panel-footer .btn + .btn {
    margin-bottom: 0;
}

.panel-box-heading {
    background-color: #EBEBEB;
    border-bottom: medium none;
    margin-bottom: 15px;
    margin-left: -14px;
    margin-right: -14px;
    padding: 5px 15px;
}

.panel-heading.panel-heading-icon {
    padding-left: 55px;
}

.panel-heading.panel-heading-icon .heading-left-icon {
    background-color: transparent;
    border-radius: 3px 0 0 0;
    font-size: 20px;
    left: 0;
    line-height: 48px;
    padding: 0 14px;
    position: absolute;
    top: 0;
}

.panel-box-heading .panel-box-title {
    font-size: 15px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: 600;
}

.panel-box-heading .panel-box-title i {
    margin-right: 5px;
    vertical-align: middle;
}

.panel-box-heading.box-info {
    color: #4a98be;
    background: #d9edf7;
    border-color: #98cce6
}

.panel-box-heading.box-success {
    color: #5ebd5e;
    background: #5ebd5e;
    border-color: #f4faf2
}


/* list-group */

.list-group-item {
    padding: 10px;
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


/* .list-group-item {
    border-color: #e9e9e9;
} */

.list-item-sm {
    padding: 5px 10px;
}

a.list-group-item:hover,
a.list-group-item:focus {
    background-color: rgba(0, 0, 0, 0.05);
}


/* Blockquote
=================================================================== */

.blockquote {
    background: #f1f1f1;
    border-left: 3px solid #ddd;
    border-right: 0 solid #ddd;
    margin-bottom: 20px;
    padding: 20px
}

.blockquote h1,
.blockquote h2,
.blockquote h3,
.blockquote h4,
.blockquote h5,
.blockquote h6 {
    margin-top: 0
}

.blockquote.blockquote-success {
    border-color: #5ebd5e;
    background: #f4faf2
}

.blockquote.blockquote-success h1,
.blockquote.blockquote-success h2,
.blockquote.blockquote-success h3,
.blockquote.blockquote-success h4,
.blockquote.blockquote-success h5,
.blockquote.blockquote-success h6 {
    color: #5ebd5e
}

.blockquote.blockquote-danger {
    border-color: #e66454;
    background: #fbf4f4
}

.blockquote.blockquote-danger h1,
.blockquote.blockquote-danger h2,
.blockquote.blockquote-danger h3,
.blockquote.blockquote-danger h4,
.blockquote.blockquote-danger h5,
.blockquote.blockquote-danger h6 {
    color: #e66454
}

.blockquote.blockquote-warning {
    border-color: #f4b04f;
    background: #fbf7de
}

.blockquote.blockquote-warning h1,
.blockquote.blockquote-warning h2,
.blockquote.blockquote-warning h3,
.blockquote.blockquote-warning h4,
.blockquote.blockquote-warning h5,
.blockquote.blockquote-warning h6 {
    color: #f4b04f
}

.blockquote.blockquote-info {
    border-color: #5bc0de;
    background: #f6fbfd
}

.blockquote.blockquote-info h1,
.blockquote.blockquote-info h2,
.blockquote.blockquote-info h3,
.blockquote.blockquote-info h4,
.blockquote.blockquote-info h5,
.blockquote.blockquote-info h6 {
    color: #5bc0de
}

.mail_content {
    background-color: #FFF;
    border: 1px solid #e8e8e8;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 2px 2px rgba(0, 0, 0, 0.1);
    min-height: 514px;
    padding: 0 30px 30px;
}

.mail_list table tr td {
    padding: 15px
}

.mail_list table tr td:nth-child(4) {
    font-size: 95%
}

.mail_list table tr td:nth-child(5) {
    font-size: 85%
}

.mail_list table tr.unread td:nth-child(3) {
    font-weight: 700
}

.mail_list table tr td.brief {
    width: 80%
}

.mail_list table tr td.brief a {
    padding-left: 20px
}

.mail_list table tr td.brief img {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.mail_list table tr td.brief .label {
    margin-top: -8px
}

.mail_list table tr td.fromnow {
    padding-top: 27px
}

.mail_list table tr td:nth-child(5) {
    font-size: 85%
}

.mail_list table tr.unread td:nth-child(3) {
    font-weight: 700
}

.mail_list table tr td.brief {
    width: 80%
}

.mail_list table tr td.brief a {
    padding-left: 20px
}

.mail_list table tr td.brief img {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.mail_list table tr td.brief .label {
    margin-top: -8px
}

.mail_list table tr td.fromnow {
    padding-top: 27px
}

.mail_view_title {
    margin: 30px 0 15px 0
}


/****** Timeline start ******/

.timeline-label .timeline-label-inner .list-group-item {
    border: 1px solid #CACACA;
    background: none repeat scroll 0 0 #f2FFdf;
}

.timeline-label .timeline-label-inner .list-group-item:last-child {
    margin-bottom: 0;
}

.timeline-label .timeline-label-inner .enabled-shift {
    background: #C4E3F3;
}

.timeline-label .timeline-label-inner .enabled-shift:hover {
    background: #AECFF3;
}

.timeline-label .timeline-label-inner .disabled-shift {
    background: #eeeeee;
}


/* Team Center */

.timeline-centered {
    margin-bottom: 30px;
    position: relative;
}

.timeline-centered:before,
.timeline-centered:after {
    content: " ";
    display: table;
}

.timeline-centered:after {
    clear: both;
}

.timeline-centered:before {
    background: #FBFBFB;
    bottom: 0;
    content: "";
    display: block;
    left: 0%;
    margin-left: -20px;
    position: absolute;
    top: 0;
    width: 4px;
}

.timeline-centered .timeline-entry {
    clear: both;
    float: right;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.timeline-centered .timeline-entry:after {
    clear: both;
}

.timeline-centered .timeline-entry .timeline-entry-inner {
    margin-left: -28px;
    position: relative;
}

.timeline-centered .timeline-entry .timeline-entry-inner:before,
.timeline-centered .timeline-entry .timeline-entry-inner:after {
    content: " ";
    display: table;
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
    clear: both;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 0 0 3px #FBFBFB;
    font-size: 15px;
    text-align: center;
    width: 100px;
    position: absolute;
    top: calc(50% - 17px);
    left: -55px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
    background-color: #303641;
    color: #FFFFFF;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
    background-color: #E3E3E3;
    color: #515255;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
    background: none repeat scroll 0 0 padding-box #dfdfdf;
    border-radius: 3px;
    margin-left: 80px;
    padding: 5px;
    position: relative;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-label-inner {
    border-radius: 3px;
    max-height: 197px;
    overflow: auto;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
    border-color: rgba(0, 0, 0, 0) #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 7px 7px 7px 0;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin-left: -7px;
    position: absolute;
    top: calc(50% - 7px);
    width: 0;
}

.timeline-label .timeline-label-inner .group-item {
    /*background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #E3E3E3; border-radius: 4px;*/
    margin-bottom: 4px;
    overflow: auto;
    transition: all 0.5s ease 0s;
}

.timeline-label .timeline-label-inner .list-group-item:last-child {
    margin-bottom: 0;
}

.timeline-label .timeline-label-inner .enabled-shift {
    background: #C4E3F3;
}

.timeline-label .timeline-label-inner .enabled-shift:hover {
    background: #AECFF3;
}

.timeline-label .timeline-label-inner .disabled-shift {
    background: #E7E7E7;
    border-color: #DDDDDD;
}

.timeline-label .timeline-label-inner .site-schedule-shift {
    background: #E7E7E7;
    border-color: #DDDDDD;
}

.timeline-centered .timeline-entry .timeline-entry-inner .user-image {
    border-radius: 50%;
    height: 50px;
    left: -15px;
    width: 50px;
}

.timeline-centered .timeline-entry .timeline-entry-inner .user-image + .timeline-label {
    margin-left: 60px !important;
    margin-top: 8px !important;
}


/****** Timeline end ******/


/****** Label Start ******/

.label {
    border-radius: 0;
    text-shadow: none;
    font-weight: normal;
    display: inline-block;
    background-color: #abbac3 !important;
}

.label[class*="col-"][class*="arrow"] {
    min-height: 0;
}

.label-transparent,
.badge-transparent {
    background-color: transparent !important;
}

.label-grey,
.badge-grey {
    background-color: #a0a0a0 !important;
}

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

.label-primary,
.badge-primary {
    background-color: #428bca !important;
}

.label-success,
.badge-success {
    background-color: #17A185 !important;
}

.label-danger,
.badge-danger {
    background-color: #d15b47 !important;
}

.label-important,
.badge-important {
    background-color: #d15b47 !important;
}

.label-inverse,
.badge-inverse {
    background-color: #333333 !important;
}

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

.label-pink,
.badge-pink {
    background-color: #d6487e !important;
}

.bg-pink {
    background-color: #FFC0CB
}

.label-purple,
.badge-purple {
    background-color: #9585bf !important;
}

.label-yellow,
.badge-yellow {
    background-color: #fee188 !important;
}

.label-light,
.badge-light {
    background-color: #e7e7e7 !important;
}

.badge-yellow,
.label-yellow {
    color: #996633 !important;
    border-color: #fee188;
}

.badge-light,
.label-light {
    color: #888 !important;
}

.label.arrowed,
.label.arrowed-in {
    position: relative;
    z-index: 1;
}

.label.arrowed:before,
.label.arrowed-in:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    border: 1px solid transparent;
    border-right-color: #abbac3;
    -moz-border-right-colors: #abbac3;
}

.label.arrowed-in:before {
    border-color: #abbac3;
    border-left-color: transparent !important;
    -moz-border-left-colors: none !important;
}

.label.arrowed-right,
.label.arrowed-in-right {
    position: relative;
    z-index: 1;
}

.label.arrowed-right:after,
.label.arrowed-in-right:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    border: 1px solid transparent;
    border-left-color: #abbac3;
    -moz-border-left-colors: #abbac3;
}

.label.arrowed-in-right:after {
    border-color: #abbac3;
    border-right-color: transparent !important;
    -moz-border-right-colors: none !important;
}

.label-info.arrowed:before {
    border-right-color: #3a87ad;
    -moz-border-right-colors: #3a87ad;
}

.label-info.arrowed-in:before {
    border-color: #3a87ad;
    -moz-border-right-colors: #3a87ad;
}

.label-info.arrowed-right:after {
    border-left-color: #3a87ad;
    -moz-border-left-colors: #3a87ad;
}

.label-info.arrowed-in-right:after {
    border-color: #3a87ad;
    -moz-border-left-colors: #3a87ad;
}

.label-primary.arrowed:before {
    border-right-color: #428bca;
    -moz-border-right-colors: #428bca;
}

.label-primary.arrowed-in:before {
    border-color: #428bca;
    -moz-border-right-colors: #428bca;
}

.label-primary.arrowed-right:after {
    border-left-color: #428bca;
    -moz-border-left-colors: #428bca;
}

.label-primary.arrowed-in-right:after {
    border-color: #428bca;
    -moz-border-left-colors: #428bca;
}

.label-success.arrowed:before {
    border-right-color: #17A185;
    -moz-border-right-colors: #17A185;
}

.label-success.arrowed-in:before {
    border-color: #17A185;
    -moz-border-right-colors: #17A185;
}

.label-success.arrowed-right:after {
    border-left-color: #17A185;
    -moz-border-left-colors: #17A185;
}

.label-success.arrowed-in-right:after {
    border-color: #17A185;
    -moz-border-left-colors: #17A185;
}

.label-warning.arrowed:before {
    border-right-color: #f89406;
    -moz-border-right-colors: #f89406;
}

.label-warning.arrowed-in:before {
    border-color: #f89406;
    -moz-border-right-colors: #f89406;
}

.label-warning.arrowed-right:after {
    border-left-color: #f89406;
    -moz-border-left-colors: #f89406;
}

.label-warning.arrowed-in-right:after {
    border-color: #f89406;
    -moz-border-left-colors: #f89406;
}

.label-important.arrowed:before {
    border-right-color: #d15b47;
    -moz-border-right-colors: #d15b47;
}

.label-important.arrowed-in:before {
    border-color: #d15b47;
    -moz-border-right-colors: #d15b47;
}

.label-important.arrowed-right:after {
    border-left-color: #d15b47;
    -moz-border-left-colors: #d15b47;
}

.label-important.arrowed-in-right:after {
    border-color: #d15b47;
    -moz-border-left-colors: #d15b47;
}

.label-danger.arrowed:before {
    border-right-color: #d15b47;
    -moz-border-right-colors: #d15b47;
}

.label-danger.arrowed-in:before {
    border-color: #d15b47;
    -moz-border-right-colors: #d15b47;
}

.label-danger.arrowed-right:after {
    border-left-color: #d15b47;
    -moz-border-left-colors: #d15b47;
}

.label-danger.arrowed-in-right:after {
    border-color: #d15b47;
    -moz-border-left-colors: #d15b47;
}

.label-inverse.arrowed:before {
    border-right-color: #333333;
    -moz-border-right-colors: #333333;
}

.label-inverse.arrowed-in:before {
    border-color: #333333;
    -moz-border-right-colors: #333333;
}

.label-inverse.arrowed-right:after {
    border-left-color: #333333;
    -moz-border-left-colors: #333333;
}

.label-inverse.arrowed-in-right:after {
    border-color: #333333;
    -moz-border-left-colors: #333333;
}

.label-pink.arrowed:before {
    border-right-color: #d6487e;
    -moz-border-right-colors: #d6487e;
}

.label-pink.arrowed-in:before {
    border-color: #d6487e;
    -moz-border-right-colors: #d6487e;
}

.label-pink.arrowed-right:after {
    border-left-color: #d6487e;
    -moz-border-left-colors: #d6487e;
}

.label-pink.arrowed-in-right:after {
    border-color: #d6487e;
    -moz-border-left-colors: #d6487e;
}

.label-purple.arrowed:before {
    border-right-color: #9585bf;
    -moz-border-right-colors: #9585bf;
}

.label-purple.arrowed-in:before {
    border-color: #9585bf;
    -moz-border-right-colors: #9585bf;
}

.label-purple.arrowed-right:after {
    border-left-color: #9585bf;
    -moz-border-left-colors: #9585bf;
}

.label-purple.arrowed-in-right:after {
    border-color: #9585bf;
    -moz-border-left-colors: #9585bf;
}

.label-yellow.arrowed:before {
    border-right-color: #fee188;
    -moz-border-right-colors: #fee188;
}

.label-yellow.arrowed-in:before {
    border-color: #fee188;
    -moz-border-right-colors: #fee188;
}

.label-yellow.arrowed-right:after {
    border-left-color: #fee188;
    -moz-border-left-colors: #fee188;
}

.label-yellow.arrowed-in-right:after {
    border-color: #fee188;
    -moz-border-left-colors: #fee188;
}

.label-light.arrowed:before {
    border-right-color: #e7e7e7;
    -moz-border-right-colors: #e7e7e7;
}

.label-light.arrowed-in:before {
    border-color: #e7e7e7;
    -moz-border-right-colors: #e7e7e7;
}

.label-light.arrowed-right:after {
    border-left-color: #e7e7e7;
    -moz-border-left-colors: #e7e7e7;
}

.label-light.arrowed-in-right:after {
    border-color: #e7e7e7;
    -moz-border-left-colors: #e7e7e7;
}

.label-grey.arrowed:before {
    border-right-color: #a0a0a0;
    -moz-border-right-colors: #a0a0a0;
}

.label-grey.arrowed-in:before {
    border-color: #a0a0a0;
    -moz-border-right-colors: #a0a0a0;
}

.label-grey.arrowed-right:after {
    border-left-color: #a0a0a0;
    -moz-border-left-colors: #a0a0a0;
}

.label-grey.arrowed-in-right:after {
    border-color: #a0a0a0;
    -moz-border-left-colors: #a0a0a0;
}

#zip-logbook-log {
    background-color: #FFFFFF;
}

#zip-logbook-log .label {
    height: 20px;
}

.label {
    font-size: 12px;
    line-height: 1.15;
}

.label.arrowed {
    margin-left: 5px;
}

.label.arrowed:before {
    left: -10px;
    border-width: 10px 5px;
}

.label.arrowed-in {
    margin-left: 5px;
}

.label.arrowed-in:before {
    left: -5px;
    border-width: 10px 5px;
}

.label.arrowed-right {
    margin-right: 5px;
}

.label.arrowed-right:after {
    right: -10px;
    border-width: 10px 5px;
}

.label.arrowed-in-right {
    margin-right: 5px;
}

.label.arrowed-in-right:after {
    right: -5px;
    border-width: 10px 5px;
}

.label-lg {
    padding: 0.3em 0.6em 0.4em;
    font-size: 13px;
    line-height: 1.1;
    height: 24px;
}

.label-lg.arrowed {
    margin-left: 6px;
}

.label-lg.arrowed:before {
    left: -12px;
    border-width: 12px 6px;
}

.label-lg.arrowed-in {
    margin-left: 6px;
}

.label-lg.arrowed-in:before {
    left: -6px;
    border-width: 12px 6px;
}

.label-lg.arrowed-right {
    margin-right: 6px;
}

.label-lg.arrowed-right:after {
    right: -12px;
    border-width: 12px 6px;
}

.label-lg.arrowed-in-right {
    margin-right: 6px;
}

.label-lg.arrowed-in-right:after {
    right: -6px;
    border-width: 12px 6px;
}

.label-xlg {
    padding: 0.3em 0.7em 0.4em;
    font-size: 14px;
    line-height: 1.3;
    height: 28px;
}

.label-xlg.arrowed {
    margin-left: 7px;
}

.label-xlg.arrowed:before {
    left: -14px;
    border-width: 14px 7px;
}

.label-xlg.arrowed-in {
    margin-left: 7px;
}

.label-xlg.arrowed-in:before {
    left: -7px;
    border-width: 14px 7px;
}

.label-xlg.arrowed-right {
    margin-right: 7px;
}

.label-xlg.arrowed-right:after {
    right: -14px;
    border-width: 14px 7px;
}

.label-xlg.arrowed-in-right {
    margin-right: 7px;
}

.label-xlg.arrowed-in-right:after {
    right: -7px;
    border-width: 14px 7px;
}

.label-sm {
    padding: 0.2em 0.4em 0.3em;
    font-size: 11px;
    line-height: 1;
    height: 18px;
}

.label-sm.arrowed {
    margin-left: 4px;
}

.label-sm.arrowed:before {
    left: -8px;
    border-width: 9px 4px;
}

.label-sm.arrowed-in {
    margin-left: 4px;
}

.label-sm.arrowed-in:before {
    left: -4px;
    border-width: 9px 4px;
}

.label-sm.arrowed-right {
    margin-right: 4px;
}

.label-sm.arrowed-right:after {
    right: -8px;
    border-width: 9px 4px;
}

.label-sm.arrowed-in-right {
    margin-right: 4px;
}

.label-sm.arrowed-in-right:after {
    right: -4px;
    border-width: 9px 4px;
}

.label > span,
.label > .ace-icon {
    line-height: 1;
    vertical-align: bottom;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.08) and (-webkit-max-device-pixel-ratio: 1.15), screen and (-webkit-min-device-pixel-ratio: 1.3) and (-webkit-max-device-pixel-ratio: 1.35), screen and (-webkit-min-device-pixel-ratio: 1.7) and (-webkit-max-device-pixel-ratio: 1.75) {
    .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed:before {
        border-width: 10px 6px 11px;
        left: -11px;
    }

    .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-right:after {
        border-width: 10px 6px 11px;
        right: -11px;
    }

    .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-in:before {
        border-width: 10px 5px 10.5px;
        left: -6px;
    }

    .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-in-right:after {
        border-width: 10px 5px 10.5px;
        right: -6px;
    }
}

@media screen and (min--moz-device-pixel-ratio: 1.08) and (max--moz-device-pixel-ratio: 1.15), screen and (min--moz-device-pixel-ratio: 1.3) and (max--moz-device-pixel-ratio: 1.35), screen and (min--moz-device-pixel-ratio: 1.7) and (max--moz-device-pixel-ratio: 1.75) {
    .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed:before {
        border-width: 10px 6px 11px;
        left: -11px;
    }

    .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-right:after {
        border-width: 10px 6px 11px;
        right: -11px;
    }

    .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-in:before {
        border-width: 10px 5px 10.5px;
        left: -6px;
    }

    .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-in-right:after {
        border-width: 10px 5px 10.5px;
        right: -6px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3) and (-webkit-max-device-pixel-ratio: 1.34) {
    .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed:before {
        border-width: 10px 6px 11px;
        left: -11.5px;
    }

    .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-right:after {
        border-width: 10px 6px 11px;
        right: -11.5px;
    }
}

@media screen and (min--moz-device-pixel-ratio: 1.3) and (max--moz-device-pixel-ratio: 1.34) {
    .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed:before {
        border-width: 10px 6px 11px;
        left: -11.5px;
    }

    .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-right:after {
        border-width: 10px 6px 11px;
        right: -11.5px;
    }
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.7) and (-webkit-min-device-pixel-ratio: 1.75) {
    .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-in:before {
        border-width: 10px 5px;
        left: -6px;
    }

    .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-in-right:after {
        border-width: 10px 5px;
        right: -6px;
    }
}

@media only screen and (min--moz-device-pixel-ratio: 1.7) and (max--moz-device-pixel-ratio: 1.75) {
    .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-in:before {
        border-width: 10px 5px;
        left: -6px;
    }

    .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-in-right:after {
        border-width: 10px 5px;
        right: -6px;
    }
}


/****** Label end ******/

#datepkr-auto .dropdown-datepicker {
    right: auto;
}

.hr {
    display: block;
    font-size: 0;
    height: 0;
    margin-top: 12px;
    margin-bottom: 15px;
    overflow: hidden;
    border-bottom: 1px solid #dbdbdb;
    border-top: 0 solid #dbdbdb;
    box-shadow: 0 1px 0 0 #FFF;
    -moz-box-shadow: 0 1px 0 0 #FFF;
    -webkit-box-shadow: 0 1px 0 0 #FFF;
}

.separator {
    border-bottom: 1px solid #FEFEFE;
    border-top: 1px solid #E4E4E4;
    height: 0;
    margin: 8px 0 8px;
    position: relative;
}

.divider-vertical {
    background-color: rgb(229, 229, 229);
    border-left: 1px solid rgb(34, 34, 34);
    border-right: 1px solid rgb(69, 67, 62);
    height: 31px;
    margin: 7px 0 !important;
    overflow: hidden;
    padding: 0 !important;
    width: 1px !important;
}

.list-unstyled,
.list-inline {
    margin-left: 0;
}

.box-shadow {
    box-shadow: 0 1px 3px rgba(200, 200, 200, 0.4);
}

.page-header {
    overflow: hidden;
    margin: 0 0 0;
}

.page-header .btn {
    margin-top: 7px;
}

/* .control-group {
    min-height: 4em;
} */

[class*=" icon-"],
[class^="icon-"] {
    display: inline-block;
    text-align: center;
}

.cursor-default {
    cursor: default !important;
}

.cursor-pointer,
.tableRowCursor {
    cursor: pointer !important;
}

.content {
    margin-left: 200px;
}

.transit {
    transition: all .4s linear !important;
}

.content-mini {
    margin-left: 0;
}

.hidden-transit {
    margin-left: -245px
}

#main-content,
.main-content {
    padding: 10px;
    width: 100%;
    float: left;
}

#main-content #main-content {
    padding: 0;
}


/*
 *  login/signup
 */

.hr-border {
    border-top: 1px solid rgb(209, 215, 223);
    border-bottom: 1px solid #FFF;
}


/* scale Effects */

.scale {
    transition: all 0.15s linear 0s;
    border-radius: 15px;
}

.scale:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ie-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition: all 0.2s linear 0s;
}


/* altaSpinner */

#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: grey;
    opacity: 1;
}

#mannual-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    background-color: grey;
    opacity: 1;
}

.pagging-btn {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: rgb(68, 68, 68);
    /* background: #e5e5e5 url(../icons/header-gradient-sprite.png) repeat-x; */
    padding: 2px 6px;
}

.pagging-btn-bg-white {
    background: #FFF;
    min-width: 75px;
}

.uploaded {
    height: 14px;
    border-radius: 10px;
    border-image: initial;
    padding: 0
}

.dropbox {
    position: relative;
    text-align: center;
    color: #AAA;
    font-size: 13px;
    background-color: #FEFFEC;
    line-height: 20px;
    margin-bottom: 9px;
    height: 250px;
    width: 250px;
    display: block;
    overflow: hidden;
    border: 1px dashed #aaa;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .15s;
    transition: all .15s
}

.dropbox span {
    margin-top: .9em;
    display: block
}

.dropbox.not-available {
    background-color: #F88
}

.dropbox.over {
    background-color: #bfb
}

.dropbox input[type=file] {
    position: fixed;
    z-index: -2;
    opacity: 0;
    filter: alpha(opacity=0)
}

.file-label i {
    position: absolute;
    top: -7px;
    right: -8px;
    cursor: pointer;
    color: #FFF;
    font-size: 14px;
    border-radius: 0;
    background: #5CB85C;
    border: 1px solid #46995F;
    padding: 10px 28px 5px 7px
}


/* css made for message.html and accountVerify html*/

.bold-black-text {
    font-weight: bold;
    color: black;
    font-size: 1.2em;
}


/*following css made for signup validation*/

.hover-pointer {
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}


/* wizard */

div[id^="option"] {
    background-color: #515255;
    /* border: 1px solid #888888; */
    color: #FFF;
    cursor: text;
    width: 17%;
    display: block;
    float: left;
    height: 54px;
    outline-style: none;
    padding: 10px 15px 10px 0;
    position: relative;
    text-decoration: none;
    z-index: 99;
    margin-right: -8px;
    border-radius: 0 22px 22px 0;
    position: relative;
}

div[id^="option"]:after {
    background-color: #EFF3F6;
    border-radius: 0 16px 16px 0;
    content: "";
    height: 100%;
    left: -15px;
    position: absolute;
    top: 0;
    width: 28px;
    z-index: 9;
}

div[id^="option"].active {
    background: none repeat scroll 0 0 #ffbd21 !important;
    /* border: 1px solid #BA5520 !important; box-shadow: 5px 5px 8px #888888; */
    color: #FFFFFF;
    cursor: text;
}

div[id^="option"].success {
    background-color: #1bbc9b !important;
    color: #FFFFFF;
    position: relative;
    z-index: 99;
}

#option1 {
    z-index: 10
}

#option2 {
    z-index: 9
}

#option3 {
    z-index: 8
}

#option4 {
    z-index: 7;
}

#option5 {
    z-index: 6;
}

#option6 {
    z-index: 5;
}

#option7 {
    z-index: 4;
}

#option8 {
    z-index: 3;
}

#option9 {
    z-index: 2;
}

#option10 {
    z-index: 1;
}


/* jst test to show sample of error */

div[id^="option"].active:hover {
    background: #FA695C !important;
    border-color: #fb3500 !important;
}

div[id^="option"].active:hover {
    background: #FA695C !important;
    border-color: #DA493C !important;
}

.border-padding {
    border: 1px solid #dddddd;
    padding: 10px;
}

.choppOff {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.time-table td input {
    /* height: 20px !important;*/
    width: 35px;
}

.time-table .icon-chevron-up {
    vertical-align: bottom;
}


/* errorIcon */

span.errorIcon {
    color: red;
    position: relative;
    top: -6px;
    font-size: 6px;
    margin-left: 1px;
}

span.errorIcon i {
    font-size: 6px !important;
}

/* calender start*/

.certifyData {
    padding: 7px;
    margin-bottom: 2px;
    margin-right: 2px;
}

.dateData {
    padding: 1px;
    margin-bottom: 2px;
    margin-right: 2px;
}

.dropdown-datepicker th,
.dropdown-datepicker td {
    padding: 5px;
}

.dropdown-datepicker .datepickerth {
    font-size: 12px !important;
}

.dropdown-datepicker button.cutomiseBtn {
    padding: 3px 6px !important;
    font-size: 8pt;
    border-radius: 0;
    color: #d0d5dd;
    margin: 0;
    height: 25px;
    width: 25px;
}

.dropdown-datepicker th.datepickerth {
    font-size: 13px;
    text-align: center;
    font-weight: normal;
    padding: 5px 0 5px 2px;
}

button.cutomiseBtn {
    padding: 4px 6px;
    font-size: 13px;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.6);
    margin: 0;
}

.cutomiseBtn.btn-info {
    color: #FFFFFF;
    border: none;
}

.cutomiseBtn.currentdate {
    color: #35c4ff !important;
    border: 1px solid #ccc !important;
    background: transparent none repeat scroll 0 0 !important;
    border-radius: 20px !important;
}

.cutomiseBtn.currentdate span {
    color: #35c4ff !important;
}


/* calender end */

.multi-lookup-height {
    height: 29px;
    margin: 5px 0 0;
    padding: 5px;
}


/**********/

.popupRight {
    width: 0;
    height: 0;
    border-right: 10px solid #e0b1b8;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: -10px !important;
    top: 5px;
}

.popupRight:after {
    width: 0;
    height: 0;
    content: "";
    border-right: 10px solid #f2dede;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: 2px;
    top: -10px;
    border-left: none;
}

.popupBottom {
    width: 0;
    height: 0;
    border-bottom: 10px solid #e0b1b8;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: -15px;
    top: -10px;
}

.popupBottom:after {
    width: 0;
    height: 0;
    border-bottom: 10px solid #f2dede;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: -10px;
    top: 2px;
    content: "";
}

.popupTop {
    width: 0;
    height: 0;
    border-top: 10px solid #e0b1b8;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: -15px;
    bottom: -10px !important;
    top: auto !important;
}

.popupTop:after {
    width: 0;
    height: 0;
    border-top: 10px solid #f2dede;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: -10px;
    bottom: 2px;
    content: "";
}


/***********************/

.typeahead {
    border-radius: 0;
    background-color: white;
    max-height: 188px;
    overflow: auto;
}

ul.typeahead > li {
    border-radius: 0;
    background-color: #FFF;
    box-shadow: none;
    border: 0;
}

ul.typeahead > li > a {
    padding: 5px;
    border: 0;
    line-height: 20px;
    background-color: #FFFFFF;
    color: black;
}

ul.typeahead li.active a:before {
    content: none;
    height: 0;
    margin-top: 14px;
    width: 0;
}

ul.typeahead li.active a {
    content: none;
    background-color: #478FCA;
}

.manageSiteMdl {
    height: 500px;
}

.manageSiteMdl form > ul {
    height: 450px;
}

.stateInterpretation {
    font-style: italic;
    font-size: 11px;
}


/*******************************************/

.labor-height {
    height: 48px;
}

.labour-time {
    margin-left: 15px;
    width: 80px;
}

textarea.textarea-custom {
    height: 265px;
}


/* HEADER -> NAV PILLS */

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    background: #525252;
    color: #FFFFFF;
}

.nav-pills > li > a {
    color: #FFFFFF;
    padding: 10px 15px;
    margin: 0;
}

label.control-label {
    font-weight: normal;
}

#laborlaws.form-horizontal .control-label {
    width: 165px;
}

.placeholder-search {
    color: #999999;
    right: 40px !important;
    top: -2px !important;
}

.text-length,
.textlength {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fr tr#weekHr th.fr-textlength {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* .dashboard label {font-size: 11px; font-family: inherit;}
*/


/* Jquery-UI Auto Complete CSS */

.ui-autocomplete {
    min-height: 0;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    background: #f7f7f7 none repeat scroll 0 0;
    border-top-right-radius: 0;
    z-index: 9999;
}

.ui-autocomplete.ui-widget {
    font-size: 13px;
}

.page-services .service-item {
    background: #FCFCFC;
    border: 1px solid #46A5CF;
    border-radius: 5px;
    margin: 10px auto;
    max-width: 480px;
    padding: 8px 8px 0;
    height: 110px;
}

.page-services .service-item .service-icon {
    float: left;
    margin: 0 10px 10px 0;
    padding-top: 10px;
}

.page-services .service-item p {
    font-size: 13px;
    line-height: 19px;
}

.servie-desc h4 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.servie-desc h4 a {
    color: #478FCA;
}

.text-underline {
    text-decoration: underline;
}

.click-disable {
    pointer-events: none;
    opacity: 0.6;
}

.width-46 {
    width: 46% !important;
}

.width-30 {
    width: 30% !important;
}

.width-191 {
    width: 193px !important;
}

.width-243 {
    width: 243px !important;
}

.current-date-highlight {
    background: none repeat scroll 0 0 #AFFFAF !important;
}

.select2-container .select2-choice {
    width: 100%;
}

.table-search {
    right: 15px;
    position: absolute;
    top: 4px;
    width: 180px;
}

.zipSch_logo {
    opacity: 0.6;
}

.blink {
    animation: 1.3s linear 0s normal none infinite pulsate;
    -moz-animation: 1.3s linear 0s normal none infinite pulsate;
    -webkit-animation: 1.3s linear 0s normal none infinite pulsate;
    -ms-animation: 1.3s linear 0s normal none infinite pulsate;
    -o-animation: 1.3s linear 0s normal none infinite pulsate;
}


/* new header css */

@media ( min-width: 1px) and ( max-width: 1024px) {
    .header-hidden {
        display: none !important
    }

    #user_menu:before {
        left: 294px !important;
        top: -18px !important;
    }

    #user_menu:after {
        left: 294px !important;
        top: -18px !important;
    }

    .nb_boxes > .btn-header + .tooltip {
        min-width: 90px !important;
    }
}

@media ( min-width: 1025px) and (max-width: 5000px) {
    .nb_boxes > .btn-header + .tooltip {
        display: none !important;
    }
}

.badge.notify {
    background: #E04C4C;
    border-radius: 2px;
    font-size: 9px;
    padding: 4px;
    position: absolute;
    right: 1px;
    top: 4px;
    z-index: 100;
}

@media ( min-width: 1200px) {
    .pull-md-right {
        float: right !important;
    }
}


/* ===== Tooltip ===== */

.tooltip {
    font-weight: normal;
}

.tooltip-inner {
    padding: 5px 11px;
    background-color: #404040;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-shadow: none;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #404040;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #404040;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #404040;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #404040;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #404040;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #404040;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #404040;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #404040;
}

.number {
    color: #FFFFFF;
    display: inline-block;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.05em;
    vertical-align: middle;
}

.number small {
    display: inline-block;
    font-size: 70%;
    margin: 1px 0 0 1px;
}

#zcChckChartDiv .chart-circle {
    background: none repeat scroll 0 0 rgb(221, 221, 221);
    border: 1px solid rgb(204, 204, 204);
    border-radius: 50%;
    height: 210px;
    margin-top: -312px;
    padding-left: 24px;
    padding-top: 92px;
    width: 210px;
}

#zcEmpPerfChartDiv .chart-circle {
    background: none repeat scroll 0 0 rgb(221, 221, 221);
    border: 1px solid rgb(204, 204, 204);
    border-radius: 50%;
    height: 210px;
    margin-top: -312px;
    padding-left: 24px;
    padding-top: 92px;
    width: 210px;
}

#journalStateChartDiv .chart-circle {
    background: none repeat scroll 0 0 rgb(221, 221, 221);
    border: 1px solid rgb(204, 204, 204);
    border-radius: 50%;
    height: 210px;
    width: 210px;
}

#journalStateChartDiv .chart-circle span {
    left: 0;
    margin-top: 91px;
    position: absolute;
    width: 100%;
}

.text-italic {
    font-style: italic !important;
}

#lightbox .modal-body {
    max-height: 520px;
    min-height: 250px;
    overflow: hidden;
    width: 100%;
}

#lightbox .laptop-img,
.hide .laptop-img {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../icons/laptop.png");
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
}

#lightbox .embed-responsive .embed-responsive-item,
#lightbox .embed-responsive iframe,
#lightbox .embed-responsive embed,
#lightbox .embed-responsive object {
    border: 0 none;
    bottom: 0;
    height: 90%;
    left: 12.5%;
    position: absolute;
    top: 1%;
    width: 75%;
}

#lightbox .close-icon {
    left: 775px;
    top: 35px;
    z-index: 1;
}

.audio-player {
    left: 30%;
    margin-left: -125px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}

.audio-player > audio {
    width: 500px;
}

.wse-loader {
    position: absolute;
    top: 45%;
    left: 50%;
}

.disabled {
    background-color: #eee !important;
    cursor: not-allowed !important;
    opacity: 1;
}

.resize-none {
    resize: none !important;
}

.display-none {
    display: none;
}


/*******Moved from RedBook*******/

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

.bottom-18 {
    bottom: 18px !important;
}

.text-italic {
    font-style: italic !important;
}

.white-bg {
    background-color: #FFFFFF;
}

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

.right-38 {
    right: 38px !important;
}

.direction-rtl {
    direction: rtl !important;
}

.glb-task-action {
    right: 15px;
    top: 6px;
    border-left: 1px none #FFF;
    height: 30px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 5px !important;
    width: 30px;
}

.glb-task-temp-action {
    z-index: 1000;
    right: 267px;
    top: 6px;
    border-left: 1px none #FFF;
    height: 30px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 5px !important;
    width: 30px;
}

.eoTk-checklist {
    background-color: #FFF;
    border-radius: 9px;
    color: gray !important;
    border: 1px solid #dedede;
}

.eoTk-checklist label.checkbox :checked + span:before {
    background: #FFFFFF;
    content: "\2714";
    color: #3DC17A;
    border-color: #3dc17a;
}

.border-white-1x {
    border: 1px solid #FFFFFF;
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

#chat-box {
    padding-top: 5px;
}

#habla_window_div #habla_offline_message_span {
    font-size: 15px;
    margin-bottom: 10px;
}

#habla_window_div #habla_wcsend_input {
    background: #FCFCFC;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease;
    border: 1px solid #d5d5d5 !important;
}

#habla_window_div #habla_wcsend_input:focus {
    background-color: transparent
}

#habla_window_div *,
#habla_window_div textarea {
    box-sizing: border-box;
}

#habla_window_div {
    color: #333333 !important;
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif;
    font-size: 13px !important;
}

#habla_window_div #habla_middle_div {
    padding: 0;
}

#alta-help-mdl.modal.in {
    animation: 250ms ease 0s normal none 1 running fadeInRight;
}

#habla_window_div {
    margin: 0 !important;
    width: 100% !important;
}

#habla_name_input,
#habla_offline_email_input {
    height: 22px !important;
    min-height: 22px !important;
    margin-bottom: 10px !important;
}

#habla_window_div #habla_offline_body_input {
    height: 50px !important;
    margin-bottom: 10px !important;
    min-height: 50px !important;
    resize: none !important;
}

#habla_window_div #habla_offline_submit_input {
    margin-bottom: 0 !important;
}

#habla_both_div {
    display: none !important;
}

#habla_window_div .olrk_avatar {
    border: 1px solid lightgray !important;
    border-radius: 100%;
    float: left !important;
    margin: 0 3px 0 0 !important;
    padding: 5px;
    width: 25px !important;
}

.habla_conversation_p_item.hbl_pal_main_fg {
    background: transparent;
    border-bottom: 1px dotted #f3f3f3 !important;
    padding: 10px 5px !important;
}

.olrk-available #habla_window_div #habla_middle_div {
    padding: 0 !important;
}

#habla_conversation_div {
    height: 300px !important;
    margin: 0 !important;
    overflow: auto;
    padding: 0 !important;
    background-color: transparent !important;
}

#habla_window_div .habla_conversation_notification {
    background-color: transparent !important;
    margin: 0 !important;
}

#habla_conversation_div .olark-feedback-wrapper {
    border: medium none !important;
    background-color: transparent !important;
    padding: 0 5px !important;
}

#habla_window_div #habla_chatform_form {
    padding: 0 !important;
}

#habla_window_div #habla_input_div {
    margin: 0 !important;
}

#habla_window_div .habla_conversation_p_item {
    margin: 0 0 1px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-indent: 0;
    background-color: #FAFAFA;
}

#habla_window_div .habla_conversation_p_item:nth-child(odd) {
    background-color: #f9f9f9;
}

.olrk-available #habla_middle_div + div {
    display: none;
}

#habla_window_div.habla_window_div_position_inline .habla_panel_border {
    border-bottom: medium none !important;
}

#habla_window_div #habla_expanded_div {
    border: medium none !important;
}

#habla_middle_wrapper_div {
    color: #515255 !important;
}

.wiz-user-option {
    border-radius: 7px;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 6px;
    text-align: center;
}

.wiz-user-option:hover {
    /*background-color: #333 !important; border-color:#333 !important; cursor: pointer; color: #FFF;*/
}


/*#imagehover{margin-top: 60px;}*/


/*.upload-image label{color: #000; line-height: 30px; font-size: 24px !important;}*/

div[id^="option"] .fa {
    vertical-align: middle;
}

div[id^="option"] h4 {
    margin-top: 7px;
}

div[id^="option"] h4 .fa {
    margin-left: 13px;
    margin-top: 2px;
}

div[id^="option"]:first-child h4 .fa {
    margin-left: 0;
}

div[id^="option"] h4 span {
    display: inline-block;
    vertical-align: middle;
    width: 110px;
}

div[id^="option"] h4 label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
}

div[id^="option"] h4 strong {
    display: block;
    color: #1bbc9b;
    font-size: 13px;
    line-height: 12px;
    font-weight: normal;
}

.emp-org-details {
    margin-left: 6.5%;
}

#orgDetails label strong {
    font-size: 17px;
    font-weight: normal;
}

#orgDetails input {
    padding: 8px 12px;
}

#orgDetails .select2-choice {
    padding: 5px 12px;
    height: auto;
}

div[id^="option"].active h4 strong {
    color: #000;
}

.wiz-btn {
    border-radius: 0;
    float: left;
    max-width: 100%;
    padding: 4px 10px;
    position: relative;
}

.wiz-emp-btn {
    max-width: none;
}

.action-header .btn .fa,
.right-black-btn .btn .fa {
    margin-right: 4px;
}

.plr2 {
    padding: 0 2px;
}

.btn-import-blue {
    background-color: #40afcb;
    color: #FFF;
    padding: 2px 10px;
    border-radius: 13px;
}

.btn-import-blue .fa {
    margin-right: 10px;
}

.btn-import-blue:hover {
    color: #FFF;
    background-color: #3ea0b9;
}

.minor-box {
    margin-top: 2px;
}

.minor-box label {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px !important;
    color: #000;
    margin-right: 15px;
}

.minor-box .ng-pristine {
    display: inline-block;
    vertical-align: middle;
}

.disabled-label {
    border: 1px solid #dcdcdc;
    display: block;
    font-size: 13px !important;
    padding: 5px;
    margin: 0;
    min-height: 30px;
}

.wiz-name-label {
    border: 1px solid #ccc;
    padding: 4px;
}

.wiz-del-action {
    background-color: #ef5579 !important;
    padding: 4px 10px;
    border: 0;
    border-color: #dcdcdc;
}

.wiz-table {
    table-layout: fixed !important;
}

.wiz-table th {
    background: #4f5053;
}

div[id^="option"] h4 span {
    width: 90px;
}

#empDetail .select2-container-multi .select2-choices .select2-search-field input {
    height: 25px;
}

.bg-dark-gray {
    background-color: #757575 !important;
}

.bg-dark-red {
    background-color: #d10000
}

.wiz-blue {
    color: #4279a9 !important;
}

.bg-green-peas {
    background-color: #84c242 !important;
}

.wiz-user-option::after {
    background-color: #000;
    border-radius: 5px;
    content: "";
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.1;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.wiz-user-option:hover::after {
    display: block;
    transition: all 0.3s ease 0s;
}

.cursor-auto {
    cursor: auto !important;
}


/* for password Strength validation. start*/

.pass-strength-box {
    bottom: -15px;
    position: absolute;
    width: 90%;
    right: 3px;
}

.pass-strength-box .short {
    color: #ec5c51;
}

.pass-strength-box .weak {
    color: #FFCC00;
}

.pass-strength-box .good {
    color: #2D98F3
}

.pass-strength-box .strong {
    color: #76c261;
}

.pass-strength-box .lineStrength {
    width: 5%;
    display: inline-block;
    border: 3px solid #ddd;
    border-radius: 5px;
}

.pass-strength-box .border-Strong {
    border: 3px solid #76c261 !important;
    border-radius: 5px;
}

.pass-strength-box .border-good {
    border: 3px solid #2D98F3 !important;
    border-radius: 5px;
}

.pass-strength-box .border-week {
    border: 3px solid #FFCC00 !important;
    border-radius: 5px;
}

.pass-strength-box .border-short {
    border: 3px solid #ec5c51 !important;
    border-radius: 5px;
}


/** end here**/

.z-index-180 {
    z-index: 180 !important;
}

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

.bg-wiz-light-blue {
    background-color: #f1f6f1;
}

.accordionTab {
    background: rgba(0, 0, 0, 0) linear-gradient(#424c55, #828c95) repeat scroll 0 0;
    float: left;
    padding: 7px 7px 7px 45px;
    width: 100%;
    position: relative;
}

.toggleButton {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    width: 36px;
    border-right: 1px solid #515255;
    cursor: pointer;
}


/***Pin code not configured Start **/

#time-weather.dropdown-menu.forecast-not-avail {
    border-radius: 6px;
    left: auto;
    min-width: 450px;
    padding: 0;
    right: -195px;
}

#time-weather.dropdown-menu.forecast-avail {
    border-radius: 6px;
    left: auto;
    min-width: 650px;
    padding: 0;
    right: -291px;
}

.zip-code-update {
    line-height: 21px;
    /*    margin-left: -35px;*/
    vertical-align: top;
}

.zip-code-input {
    display: inline-block;
    float: none ! important;
}


/***End Here **/


/***help Text Css ***/

.help-text-label {
    font-size: 12px;
    padding-left: 25px;
    color: #578EBE;
    font-style: italic;
    overflow: hidden;
    margin: 0 0 20px 0;
}

.row.row-compact {
    margin-left: -5px;
    margin-right: -5px;
}

.row.row-compact > .col-compact {
    padding-left: 7px;
    padding-right: 7px;
}

.row.row-compact-10 {
    margin-left: -10px;
    margin-right: -10px;
}

.row.row-compact-10 > .col-compact {
    padding-left: 10px;
    padding-right: 10px;
}

.square-o {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    margin: 0 .5em;
    background-color: #ddd;
    vertical-align: middle;
    color: #FFF;
    text-align: center;
    line-height: 20px;
}

.circle-o {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 500px;
    margin: 0 .5em;
    background-color: #ddd;
    vertical-align: baseline;
    border: 2px solid transparent
}

.circle-o-lg {
    width: 11px;
    height: 11px;
}

.circle-o.text-left {
    margin-left: 0;
}

.tab-nav {
    list-style: none;
    padding: 0;
    margin: 0
}

.tab-nav > li > a {
    display: block;
    color: #7a7a7a;
    text-transform: uppercase;
    position: relative;
    font-weight: 500
}

@media ( min-width: 768px) {
    .tab-nav > li > a {
        padding: 15px
    }
}

@media ( max-width: 768px) {
    .tab-nav > li > a {
        padding: 15px 8px
    }
}

.tab-nav {
    white-space: nowrap;
    overflow: auto;
    box-shadow: inset 0 -2px 0 0 #eee
}

.tab-nav > li {
    display: inline-block;
    vertical-align: top
}

.tab-nav > li > a {
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms
}

.tab-nav > li > a:after {
    content: "";
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.tab-nav > li.active > a {
    color: #000
}

.tab-nav > li.active > a:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.tab-nav .tab-nav-right {
    text-align: right
}

.tab-nav.tn-justified > li {
    display: table-cell;
    width: 1%;
    text-align: center
}

.tab-nav .tn-icon > li .zmdi {
    font-size: 22px;
    line-height: 100%;
    min-height: 25px
}

.tab-nav:not([data-tab-color]) > li > a:after {
    background: #2196f3
}

.tab-nav[data-tab-color="green"] > li > a:after {
    background: #4caf50
}

.tab-nav[data-tab-color="red"] > li > a:after {
    background: #f44336
}

.tab-nav[data-tab-color="teal"] > li > a:after {
    background: #009688
}

.tab-nav[data-tab-color="amber"] > li > a:after {
    background: #ffc107
}

.tab-nav[data-tab-color="black"] > li > a:after {
    background: #000
}

.tab-nav[data-tab-color="cyan"] > li > a:after {
    background: #00bcd4
}

.date-picker {
    border: 1px solid #e5e5e5;
}

.table.datepicker-table {
    width: 100%;
}

.tr-dpnav th {
    background: #2196f3
}

.tr-dpday th {
    background: #128ff2
}

.dp-actions .btn-link {
    color: #2196f3
}

.dp-table {
    position: relative;
    z-index: 1;
    width: 100%;
}

.dp-table thead > tr th:first-child {
    padding-left: 5px
}

.dp-table thead > tr th:last-child {
    padding-right: 5px
}

.dp-table tbody > tr:first-child > td {
    padding-top: 5px
}

.dp-table tbody > tr:last-child > td {
    padding-bottom: 5px
}

.dp-table tbody > tr td:first-child {
    padding-left: 5px
}

.dp-table tbody > tr td:last-child {
    padding-right: 5px
}

.btn-dp {
    background: transparent;
    border: 0;
}

.tr-dpnav .btn-dp {
    color: #fff;
    padding: 0;
}

.dp-title {
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 35px;
}

.dp-title:hover {
    background-color: rgba(0, 0, 0, 0.14);
    border-radius: 2px;
}

.btn-dp .fa {
    font-size: 13px;
    line-height: 100%;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 25px;
}

.btn-dp .fa:hover {
    background-color: rgba(0, 0, 0, 0.14);
}

.tr-dpday th {
    padding: 8px 0 9px;
    color: #fff;
    text-transform: uppercase;
}

.btn-dpbody {
    padding: 5px;
    font-size: 13px;
    border-radius: 2px;
}

.btn-dpday {
    width: 30px !important;
    height: 30px;
    border-radius: 50%;;
}

.btn-dpmbody,
.btn-dpybody {
    padding: 10px;
}

.btn-dpbody:not(.dp-active):not([disabled]) {
    color: #000
}

.btn-dpbody:not(.dp-active):not([disabled]):not(.dp-today):hover {
    background: #F0F0F0
}

.dp-today:not(.dp-active) {
    background-color: #E2E2E2
}

.copy-schedule .dp-title {
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 35px;
}

.copy-schedule .btn-dp .fa {
    font-size: 13px;
    line-height: 100%;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 25px;
}

.copy-schedule .tr-dpday th {
    padding: 8px 0 9px;
}

.copy-schedule .btn-dpbody {
    padding: 10px;
    font-size: 13px;
    border-radius: 2px;
}

.copy-schedule .btn-dpday {
    width: 40px !important;
    height: 40px;
    border-radius: 50%;
}

.dp-active {
    background-color: #2196f3;
    color: #FFF;
}

.btn-dp[disabled] {
    color: #CDCDCD;
}

.bigmenu a {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    min-width: 100px;
    padding: 10px 4px 5px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #EEE;
    background-color: #F7F7F7;
}

.bigmenu a:hover {
    background-color: #EEE;
}

.bigmenu a i {
    font-size: 20pt;
}

.bigmenu a.emp-action-disabled,
.bigmenu a.emp-action-disabled:hover {
    cursor: not-allowed !important;
    opacity: 0.4;
    background-color: #F7F7F7;
}

.bigmenu h5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.member-box {
    background-color: #fff;
    border: 1px solid #e7eaec;
    padding: 10px;
    margin-bottom: 14px;
    border-radius: 5px;
}

.member-box .member-box-list {
    display: block;
}

.member-box .member-box-list img {
    width: 80px;
    height: 80px;
    border: 1px solid #F7F7F7;
    margin-right: 0;
    margin: 5px auto;
}

.scheduled-listing {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin: 5px 0;
    padding: 8px 8px 8px 130px;
    position: relative;
    background-color: #FFF;
}

.scheduled-listing span {
    display: block;
}

.scheduled-listing span.text-muted {
    font-size: 12px;
}

.scheduled-listing span.crt {
    background: #c4c4c4;
    bottom: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 120px
}

.scheduled-info {
    /*
  background-color: #d9edf7; */
    border-color: #98cce6;
    color: #98cce6;
}

.scheduled-info span.crt {
    background-color: #98cce6;
}

.scheduled-success {
    background-color: #DBF6D3;
    border-color: #aed4a5;
    color: #569745;
}

.scheduled-success span.crt {
    background-color: #aed4a5;
}

.scheduled-warning {
    background-color: #fcf8e3;
    border-color: #f1daab;
    color: #c09853;
}

.scheduled-warning span.crt {
    background-color: #f1daab;
}

.widget {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    box-shadow: 0 3px 0 0 #dbdbdb;
    margin: 0 auto 15px;
    position: relative;
}

.widget .tab-content {
    padding: 0;
}

.widget .widget-head {
    background-color: #f9f9f9;
    background-image: linear-gradient(to bottom, #fdfdfd, #f4f4f4);
    background-repeat: repeat-x;
    border-bottom: 1px solid #dbdbdb;
    border-radius: 5px 5px 0 0;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    padding: 0 15px 0 0;
    position: relative;
}

.widget .widget-head > .glyphicons,
.widget .widget-head ul .glyphicons {
    height: 30px;
    padding: 0;
    width: 30px;
}

.widget .widget-head > .glyphicons i:before,
.widget .widget-head ul .glyphicons i:before {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    height: 30px;
    line-height: 23px;
    text-align: center;
    width: 30px;
}

.widget .widget-head .heading {
    color: #7c7c7c;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 15px;
}

.widget .widget-head .heading.glyphicons {
    display: block;
    padding: 0 0 0 35px;
    width: auto;
}

.widget .widget-head .heading.glyphicons i:before {
    color: #7c7c7c;
    font-size: 16px;
    font-weight: normal;
    height: 35px;
    left: 0;
    line-height: 35px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-shadow: none;
    top: 0;
    width: 35px;
}

.widget .widget-head a {
    text-shadow: none;
}

.widget .widget-head .dropdown-menu li > a:hover,
.widget .widget-head .dropdown-menu li > a:focus,
.widget .widget-head .dropdown-submenu:hover > a {
    background-color: #999999;
    background-image: linear-gradient(to bottom, #999999, #d24343);
    background-repeat: repeat-x;
}

.widget .details {
    color: #7c7c7c;
    font-size: 8pt;
}

.widget .widget-body {
    padding: 10px 15px;
    position: relative;
}

.widget .widget-body form {
    margin: 0;
}

.widget .widget-body > pre:last-child,
.widget .widget-body > p:last-child {
    margin: 0;
}

.widget .widget-body.list {
    color: #7c7c7c;
    padding: 0;
}

.widget .widget-body.list .count {
    font-size: 15pt;
    font-weight: 400;
}

.widget .widget-body.list ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.widget .widget-body.list ul li {
    border-bottom: 1px solid #dbdbdb;
    clear: both;
    height: 39px;
    line-height: 39px;
    padding: 0 10px;
    position: relative;
    text-align: left;
    text-shadow: 0 1px 0 #ffffff;
}

.widget .widget-body.list ul li .badge {
    position: absolute;
    right: 8px;
    top: 10px;
}

.widget .widget-body.list ul li:first-child {
    border-top: medium none;
}

.widget .widget-body.list ul li:last-child {
    border-bottom: medium none;
}

.widget .widget-body.list ul li .count {
    color: #000000;
    float: right;
}

.widget .widget-body.list ul li .sparkline {
    margin-left: 5px;
    position: relative;
    top: 5px;
}

.widget .widget-body.list ul li a {
    color: #000000;
    font-weight: bold;
}

.widget .widget-body.list.products li {
    height: 60px;
    line-height: 60px;
}

.widget .widget-body.list.products .img {
    background: none repeat scroll 0 0 #272729;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 10pt;
    font-weight: 600;
    height: 44px;
    line-height: 44px;
    margin: 8px 8px 0 0;
    text-align: center;
    text-shadow: none;
    width: 48px;
}

.widget .widget-body.list.products .title {
    display: inline-block;
    line-height: normal;
    padding: 13px 0 0;
    text-transform: uppercase;
}

.widget .widget-body.list.products .title strong {
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif;
    text-transform: none;
}

.widget .widget-body.list.fluid ul li {
    height: auto;
    line-height: normal;
    padding: 10px;
}

.widget .widget-body.list.list-2 ul li {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #d8d9da;
    border-top: medium none;
}

.widget .widget-body.list.list-2 ul li.active {
    background: none repeat scroll 0 0 #ffffff;
    border-color: #dddddd;
}

.widget .widget-body.list.list-2 ul li.active i:before {
    background: none repeat scroll 0 0 #999999;
    color: #ffffff;
    font-weight: normal;
    text-shadow: none;
}

.widget .widget-body.list.list-2 ul li.active a {
    color: #999999;
}

.widget .widget-body.list.list-2 ul li:last-child {
    border-bottom: medium none;
}

.widget .widget-body.list.list-2 ul li a {
    color: #222222;
    display: block;
    padding: 0 0 0 30px;
}

.widget .widget-body.list.list-2 ul li a i:before {
    background: none repeat scroll 0 0 #dddddd;
    border: 1px solid #cccccc;
    color: #555555;
    font-size: 14px;
    height: 17px;
    left: 0;
    padding-top: 3px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    top: 9px;
    vertical-align: middle;
    width: 20px;
}

.widget .widget-body.list.list-2 ul li.hasSubmenu {
    height: auto;
}

.widget .widget-body.list.list-2 ul li.hasSubmenu ul {
    padding: 0 0 10px;
}

.widget .widget-body.list.list-2 ul li.hasSubmenu ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    height: auto;
    line-height: 20px;
}

.widget .widget-body.list.list-2 ul li.hasSubmenu ul li a {
    color: #333333;
    padding: 0 0 0 20px;
}

.widget .widget-body.list.list-2 ul li.hasSubmenu ul li.active a {
    font-weight: bold;
}

.widget .widget-footer {
    background: none repeat scroll 0 0 #fafafa;
    border-top: 1px solid #ebebeb;
    height: 25px;
    line-height: 25px;
}

.widget .widget-footer .glyphicons {
    float: right;
    height: 25px;
    line-height: 25px;
    padding: 0;
    width: 25px;
}

.widget .widget-footer .glyphicons i:before {
    color: #c3c3c3;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    width: 20px;
}

.widget .widget-footer .glyphicons:hover i:before {
    color: rgba(0, 0, 0, 0.5);
}

.widget.margin-bottom-none {
    margin-bottom: 0;
}

.widget.widget-gray {
    background: none repeat scroll 0 0 #f5f5f5;
}

.widget.widget-gray .widget-head {
    background: none repeat scroll 0 0 #e9e9e9;
    border-color: #d1d2d3;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6) inset, -1px -1px 1px rgba(0, 0, 0, 0) inset;
}

.widget.widget-gray .widget-head .heading {
    color: #555555;
    text-shadow: 0 1px 0 #ffffff;
}

.widget.widget-gray .widget-head .heading.glyphicons i:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.1);
    color: #555555;
}

.widget.widget-2:before,
.widget.widget-2:after {
    display: none;
}

.widget.widget-2 .widget-head {
    background: none repeat scroll 0 0 #e2e2e4;
    border-color: #d1d2d3;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6) inset, -1px -1px 1px rgba(0, 0, 0, 0) inset;
    height: 36px;
    line-height: 36px;
}

.widget.widget-2 .widget-head .heading {
    color: #555555;
    font-size: 12pt;
    line-height: 36px;
    text-shadow: 0 1px 0 #ffffff;
}

.widget.widget-2 .widget-head .heading i:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #555555;
    left: 3px;
    top: 2px;
}

.widget.widget-2 .widget-body {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #f5f5f5;
    border-color: -moz-use-text-color #d1d2d3 #d1d2d3;
    border-image: none;
    border-right: 1px solid #d1d2d3;
    border-style: none solid solid;
    border-width: 0 1px 1px;
}

.widget.widget-2.primary .widget-head {
    background: none repeat scroll 0 0 #999999;
    border-color: #999999;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6) inset, -1px -1px 1px rgba(0, 0, 0, 0.1) inset;
}

.widget.widget-2.primary .widget-head .heading {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.widget.widget-2.primary .widget-head .heading i:before {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.widget.widget-3:before,
.widget.widget-3:after {
    display: none;
}

.widget.widget-3 .widget-head {
    height: 36px;
    line-height: 36px;
}

.widget.widget-3 .widget-head .heading {
    display: block;
    float: none;
    font-size: 12pt;
    height: 36px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
}

.widget.widget-3 .widget-head .heading i:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #45484d;
    font-size: 20px;
    left: 3px;
    top: 5px;
}

.widget.widget-3 .widget-head .heading .glyphicons {
    height: 36px;
    padding: 0;
    vertical-align: middle;
    width: 35px;
}

.widget.widget-3 .widget-body {
    border-bottom: 1px solid #dbdbdb;
}

.widget.widget-3 .widget-body.large {
    font-size: 26pt;
    font-weight: bold;
    line-height: normal;
    padding: 25px 0;
    text-align: center;
    vertical-align: middle;
}

.widget.widget-3 .widget-body.large.cancellations span {
    display: inline-block;
    font-size: 17pt;
    line-height: 20px;
    text-align: left;
    text-shadow: none;
}

.widget.widget-3 .widget-body.large.cancellations span span {
    display: block;
}

.widget.widget-3 .widget-body.large.cancellations span span:first-child {
    color: #999999;
    font-size: 13pt;
    text-transform: uppercase;
}

.widget.widget-3 .widget-body.large.dashboard {
    padding: 15px 0;
}

.widget.widget-3 .widget-footer {
    background: none repeat scroll 0 0 #fafafa;
    border-top: medium none;
}

.widget.widget-3 .widget-footer a {
    border-right: 1px solid #dbdbdb;
    color: #dddddd;
    float: none;
    padding: 0 10px 0 30px;
    text-decoration: none;
    width: auto;
}

.widget.widget-3 .widget-footer a i:before {
    color: #dddddd;
    left: 5px;
}

.widget.widget-3 .widget-footer a:hover {
    color: #999999;
}

.widget.widget-3 .widget-footer a:hover i:before {
    color: #999999;
}

.widget.widget-3 .widget-footer.align-center {
    text-align: center;
}

.widget.widget-3 .widget-footer.align-center a:first-child {
    border-left: 1px solid #dbdbdb;
}

.widget.widget-3 .widget-footer.align-right {
    text-align: right;
}

.widget.widget-3 .widget-footer.align-right a:first-child {
    border-left: 1px solid #dbdbdb;
}

.widget.widget-3 .widget-footer.align-right a:last-child {
    border-right: medium none;
}

.widget.widget-4 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
}

.widget.widget-4 .widget-head {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    padding: 10px;
}

.widget.widget-4 .widget-head .heading {
    color: #544f49;
    margin: 0;
    padding: 0;
    text-shadow: none;
}

.widget.widget-4 .widget-body {
    border: medium none;
    padding: 0 10px 10px;
}

.widget.widget-4 .widget-body.list ul li {
    padding: 0;
}

.widget.widget-heading-simple {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
}

.widget.widget-heading-simple > .widget-head {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: none !important;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: medium none;
    filter: none !important;
    height: 30px;
    line-height: 25px;
    padding: 0 0 5px;
}

.widget.widget-heading-simple > .widget-head .heading {
    height: 25px;
    line-height: 25px;
    padding: 0;
}

.widget.widget-heading-simple > .widget-head .heading.glyphicons {
    padding: 0 0 0 25px;
}

.widget.widget-heading-simple > .widget-head .heading.glyphicons i:before {
    height: 25px;
    line-height: 25px;
    text-align: left;
    width: 25px;
}

.widget.widget-heading-simple > .widget-body {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
}

.widget.widget-body-simple {
    box-shadow: none !important;
}

.widget.widget-body-simple > .widget-body {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    padding: 0;
}

.widget.widget-body-white > .widget-body {
    background: #f8f8f8;
}

.widget.widget-body-gray {
    box-shadow: 0 3px 0 0 #f6f6f6;
}

.widget.widget-body-gray > .widget-body {
    background: none repeat scroll 0 0 #e5e5e5;
}

.widget.widget-body-light-gray > .widget-body {
    background: #FAFAFA;
}

.widget.widget-body-primary {
    box-shadow: 0 3px 0 0 #f6f6f6;
}

.widget.widget-body-primary > .widget-body {
    background: none repeat scroll 0 0 #999999;
}

.widget.widget-body-primary > .widget-body * {
    color: #ffffff;
    text-shadow: none;
}

.widget.widget-body-multiple {
    box-shadow: none !important;
}

.widget.widget-body-multiple > .widget-body {
    box-shadow: 0 3px 0 0 #dbdbdb;
    margin-bottom: 7.5px;
}

.widget.widget-body-multiple > .widget-body:last-of-type {
    margin-bottom: 0;
}

.widget.widget-body-multiple.widget-body-gray > .widget-body {
    box-shadow: 0 3px 0 0 #f6f6f6;
}

.box-generic {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    box-shadow: 0 3px 0 0 #dbdbdb;
    margin: 0 0 15px;
    padding: 15px;
    position: relative;
}

.innerL {
    padding-left: 15px;
    position: relative;
}

.innerTB {
    padding: 15px 0;
    position: relative;
}

.innerAll {
    border-left: 1px solid #dbdbdb;
    padding: 15px 14px;
    position: relative;
}

.layout-timeline {
    border-top-color: #d2d1d0 !important;
    border-top-width: 2px !important;
}

.layout-timeline > [class*="span"] ~ [class*="span"]:after {
    background: none repeat scroll 0 0 #d2d1d0;
    width: 2px;
}

.layout-timeline .media {
    margin: 0 0 15px;
}

.layout-timeline .media .media-body {
    line-height: 17px;
    padding: 10px 0 0;
}

.layout-timeline .media .media-body .author {
    font-size: 14px;
}

.layout-timeline .glyphicons.pencil {
    height: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 20px;
}

.layout-timeline .glyphicons.pencil i:before {
    color: #cccccc;
    font-size: 17px;
    right: 0;
    top: 0;
}

.layout-timeline ul.timeline {
    list-style: none outside none;
    margin: 0;
    padding: 15px 15px 15px 30px;
}

.layout-timeline ul.timeline > li {
    padding: 0 0 15px;
    position: relative;
}

.layout-timeline ul.timeline > li .date {
    font-weight: 600;
    left: -75px;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 60px;
    z-index: 2;
    background-color: #f8f8f8;
}

.layout-timeline ul.timeline > li .date strong {
    display: block;
    line-height: 10px;
    padding: 3px 0 0;
}

.layout-timeline ul.timeline > li .type {
    color: #7c7c7c;
    font-weight: 600;
    left: -160px;
    line-height: 24px;
    padding: 0 35px 0 0;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    top: 15px;
    width: 100px;
    z-index: 2;
}

.layout-timeline ul.timeline > li .type i:before {
    color: #c6c6c5;
    left: auto;
    right: 0;
}

.layout-timeline ul.timeline > li .type .time {
    color: #c6c6c5;
    position: absolute;
    right: 0;
    top: 24px;
}

.layout-timeline ul.timeline > li .type:after {
    background: none repeat scroll 0 0 #d2d1d0;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: -60px;
    top: 12px;
    width: 45px;
}

.layout-timeline ul.timeline > li .type:before {
    background: none repeat scroll 0 0 #d2d1d0;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: -20px;
    top: 9px;
    width: 8px;
}

.layout-timeline ul.timeline > li .timeline-separator .type {
    top: 60px;
}

.layout-timeline ul.timeline > li .alert {
    border: medium none;
    border-radius: 0;
    margin: 0;
}

.layout-timeline ul.timeline > li .alert-gray {
    background: none repeat scroll 0 0 #f8f8f8;
    color: #7c7c7c;
}

.layout-timeline ul.timeline > li p.glyphicons {
    padding: 5px 0 5px 25px;
}

.layout-timeline ul.timeline > li p.glyphicons i:before {
    color: #dfdfdf;
    font-size: 17px;
    left: 0;
    top: 5px;
}

.layout-timeline ul.timeline > li .widget-body-gray .glyphicons i:before {
    color: #7c7c7c;
}

.layout-timeline ul.timeline > li .widget-body-gray a {
    color: #000000;
    text-decoration: underline;
}

.layout-timeline ul.timeline > li .widget-body-gray strong {
    color: #000000;
    font-weight: 400;
}

.layout-timeline ul.timeline > li.active .type {
    color: #999999;
}

.layout-timeline ul.timeline > li.active .type i:before {
    color: #999999;
}

.layout-timeline ul.timeline > li.active .type:before,
.layout-timeline ul.timeline > li.active .type:after {
    background: none repeat scroll 0 0 #999999;
}

.layout-timeline ul.timeline > li.active:before {
    bottom: 0;
    content: "";
    display: block;
    left: -45px;
    position: absolute;
    top: 0;
    width: 2px;
    z-index: 2;
}

.layout-timeline.layout-timeline-mirror {
    padding-left: 8px;
}

.layout-timeline.layout-timeline-mirror ul.timeline > li:nth-child(2n+1) {
    left: -100%;
    margin-left: -90px;
    width: 100%;
}

.layout-timeline.layout-timeline-mirror ul.timeline > li:nth-child(2n+1) .date {
    left: auto;
    right: -70px;
}

.layout-timeline.layout-timeline-mirror ul.timeline > li:nth-child(2n+1) .type {
    left: auto;
    padding: 0 0 0 35px;
    right: -160px;
    text-align: left;
}

.layout-timeline.layout-timeline-mirror ul.timeline > li:nth-child(2n+1) .type i:before {
    left: 0;
    right: auto;
}

.layout-timeline.layout-timeline-mirror ul.timeline > li:nth-child(2n+1) .type .time {
    left: 0;
    right: auto;
}

.layout-timeline.layout-timeline-mirror ul.timeline > li:nth-child(2n+1) .type:before {
    left: -18px;
    right: auto;
}

.layout-timeline.layout-timeline-mirror ul.timeline > li:nth-child(2n+1) .type:after {
    left: -60px;
    right: auto;
}

.layout-timeline.layout-timeline-mirror ul.timeline > li.active:nth-child(2n+1):before {
    left: auto;
    right: -47px;
}

.nav-timeline > li {
    margin: 0 0 5px;
}

.nav-timeline > li > a {
    background: none repeat scroll 0 0 #b3b3b3;
    border: medium none;
    font-weight: 600;
    margin: 0 !important;
}

.nav-timeline > li > a.glyphicons {
    padding: 8px 12px;
}

.nav-timeline > li > a.glyphicons i:before {
    color: #ffffff;
    left: auto;
    position: absolute;
    right: 8px;
    top: 8px;
}

.nav-timeline > li.active > a {
    background: none repeat scroll 0 0 #999999;
}

@media (max-width: 767px) {
    .layout-timeline,
    .layout-timeline.layout-timeline-mirror {
        padding: 0;
    }

    .layout-timeline ul.timeline,
    .layout-timeline.layout-timeline-mirror ul.timeline {
        padding: 0;
    }

    .layout-timeline ul.timeline > li,
    .layout-timeline.layout-timeline-mirror ul.timeline > li,
    .layout-timeline ul.timeline > li:nth-child(2n+1),
    .layout-timeline.layout-timeline-mirror ul.timeline > li:nth-child(2n+1) {
        left: auto;
        margin-left: 0;
        width: auto;
    }

    .layout-timeline ul.timeline > li .date,
    .layout-timeline.layout-timeline-mirror ul.timeline > li .date,
    .layout-timeline ul.timeline > li:nth-child(2n+1) .date,
    .layout-timeline.layout-timeline-mirror ul.timeline > li:nth-child(2n+1) .date {
        display: block;
        left: auto;
        position: relative;
        right: auto;
        top: auto;
    }

    .layout-timeline ul.timeline > li .type,
    .layout-timeline.layout-timeline-mirror ul.timeline > li .type,
    .layout-timeline ul.timeline > li:nth-child(2n+1) .type,
    .layout-timeline.layout-timeline-mirror ul.timeline > li:nth-child(2n+1) .type {
        left: auto;
        margin: 0 60px 10px 0;
        padding: 0 35px 0 0;
        position: relative;
        right: auto;
        top: auto;
        width: auto;
    }

    .layout-timeline ul.timeline > li .type i:before,
    .layout-timeline.layout-timeline-mirror ul.timeline > li .type i:before,
    .layout-timeline ul.timeline > li:nth-child(2n+1) .type i:before,
    .layout-timeline.layout-timeline-mirror ul.timeline > li:nth-child(2n+1) .type i:before {
        left: auto;
        right: 0;
    }

    .layout-timeline ul.timeline > li .type:before,
    .layout-timeline.layout-timeline-mirror ul.timeline > li .type:before,
    .layout-timeline ul.timeline > li:nth-child(2n+1) .type:before,
    .layout-timeline.layout-timeline-mirror ul.timeline > li:nth-child(2n+1) .type:before,
    .layout-timeline ul.timeline > li .type:after,
    .layout-timeline.layout-timeline-mirror ul.timeline > li .type:after,
    .layout-timeline ul.timeline > li:nth-child(2n+1) .type:after,
    .layout-timeline.layout-timeline-mirror ul.timeline > li:nth-child(2n+1) .type:after {
        display: none;
        left: auto;
    }

    .layout-timeline ul.timeline > li .type .time,
    .layout-timeline.layout-timeline-mirror ul.timeline > li .type .time,
    .layout-timeline ul.timeline > li:nth-child(2n+1) .type .time,
    .layout-timeline.layout-timeline-mirror ul.timeline > li:nth-child(2n+1) .type .time {
        left: auto;
        right: -40px;
        top: 0;
    }

    .layout-timeline ul.timeline > li .timeline-separator .type,
    .layout-timeline.layout-timeline-mirror ul.timeline > li .timeline-separator .type,
    .layout-timeline ul.timeline > li:nth-child(2n+1) .timeline-separator .type,
    .layout-timeline.layout-timeline-mirror ul.timeline > li:nth-child(2n+1) .timeline-separator .type {
        top: auto;
    }

    .layout-timeline ul.timeline > li.active .timeline-separator .type,
    .layout-timeline.layout-timeline-mirror ul.timeline > li.active .timeline-separator .type,
    .layout-timeline ul.timeline > li.active:nth-child(2n+1) .timeline-separator .type,
    .layout-timeline.layout-timeline-mirror ul.timeline > li.active:nth-child(2n+1) .timeline-separator .type {
        margin-bottom: 0;
    }
}

.timeline-separator {
    display: block;
    padding: 15px 0;
}

.team-members {
    margin: 5px 35px 5px 5px;
}

.team-members img.img-circle {
    width: 35px;
    height: 35px;
    margin-left: 5px;
    margin-bottom: 0;
}

.dropdown-menu li.with-image {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.avatar {
    display: inline-block;
}

.dropdown-menu li.with-image .avatar img {
    max-width: 100px;
    max-height: 100px;
    border: 4px solid #fff;
    border-radius: 50%;
}

.dropdown-menu li.with-image span {
    text-shadow: 0 1px white;
    display: block;
    margin-top: 15px;
    color: #9EA1AA;
    font-size: 16px;
    font-weight: 600;
}

.fh-breadcrumb {
    height: calc(100% - 196px);
    margin: 0;
    position: relative;
    clear: both;
}

.fh-breadcrumb .list-group {
    margin-bottom: 0;
    margin-top: 20px;
}

.fh-breadcrumb:first-child .list-group {
    margin-top: 0;
}

#siteSch.box {
    margin-bottom: 0;
}

.fh-breadcrumb .list-group-item-heading {
    margin-top: 9px;
}

.fh-column {
    background: #fff;
    height: 100%;
    width: 300px;
    float: left;
}

.full-height {
    height: 100%;
}

.border-left {
    border-left: 1px solid #e7eaec;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.elements-list .list-group-item {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e7eaec !important;
    border-top: 1px solid #e7eaec !important;
    padding: 0 15px;
}

.elements-list .list-group-item:first-child {
    border-left: none;
    border-right: none;
    border-top: none !important;
}

.elements-list .list-group {
    margin-bottom: 0;
}

.elements-list a {
    color: inherit;
}

.elements-list .list-group-item.active,
.elements-list .list-group-item:hover {
    background: #f7f7f7;
    color: inherit;
    border-color: #e7eaec;
    border-bottom: 1px solid #e7eaec !important;
    border-top: 1px solid #e7eaec !important;
    border-radius: 0;
}

.elements-list li.active {
    transition: none;
}

.wiz-check-list label.checkbox input[type="checkbox"] {
    display: none;
}

.wiz-check-list label.checkbox :checked + span:before {
    background: #ffffff;
    content: "\2714";
    color: #3DC17A;
    border-color: #3dc17a;
}

*:focus {
    outline: none;
}


/****Common for all App***/

.dropdown-menu.filter-list > li > .filter-toggle i {
    color: #e6e6e6;
    float: left;
    padding: 3px 5px 0 0;
}

.dropdown-menu.filter-list .filter-toggle.selected i {
    color: #7e9095;
}

.modal .panel.panel-danger {
    border-color: transparent;
}

.padding-left-80 {
    padding-left: 80px;
}

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

#optHrsRanges:before {
    display: none;
}

#optHrsRanges .timeline-entry .timeline-entry-inner .timeline-icon {
    top: 11px;
    left: 30px;
    box-shadow: none;
}

.jqte_editor hr {
    margin: 0 !important;
}

ul.over-view-list li {
    list-style-position: inside;
}

.left-radius-3 {
    border-bottom-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
}

.right-radius-3 {
    border-bottom-right-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.height-53 {
    height: 53px;
}

.padding-10 {
    padding: 10px;
}

.padding-top-11 {
    padding-top: 11px !important;
}

.padding-top-14 {
    padding-top: 14px !important;
}

.padding-bottom-6 {
    padding-bottom: 6px !important;
}


/* yes-no */

label {
    font-weight: 400;
}

.form-group > label[class*=col-] {
    margin-bottom: 4px
}

input[type=checkbox].alta,
input[type=radio].alta {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer
}

label input[type=checkbox].alta,
label input[type=radio].alta {
    z-index: -100 !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute
}

input[type=checkbox].alta:checked,
input[type=checkbox].alta:focus,
input[type=radio].alta:checked,
input[type=radio].alta:focus {
    outline: 0 !important
}

input[type=checkbox].alta + .lbl,
input[type=radio].alta + .lbl {
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    font-weight: 400;
    cursor: pointer
}

input[type=checkbox].alta + .lbl::before,
input[type=radio].alta + .lbl::before {
    cursor: pointer;
    font-family: fontAwesome;
    font-weight: 400;
    font-size: 12px;
    color: #FFF;
    content: "\a0";
    background-color: #FAFAFA;
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    height: 16px;
    line-height: 14px;
    min-width: 16px;
    margin-right: 1px;
    position: relative;
    top: 0
}

input[type=checkbox].alta:checked + .lbl::before,
input[type=radio].alta:checked + .lbl::before {
    display: inline-block;
    /* content: '\f00c'; */
    color: #32a3ce;
    background-color: #F5F8FC;
    border-color: #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1);
    margin: 0;
}

input[type=checkbox].alta + .lbl:hover::before,
input[type=checkbox].alta:hover + .lbl::before,
input[type=radio].alta + .lbl:hover::before,
input[type=radio].alta:hover + .lbl::before {
    border-color: #ff893c
}

input[type=checkbox].alta:focus + .lbl::before,
input[type=radio].alta:focus + .lbl::before {
    border-color: #f59942
}

input[type=checkbox].alta:active + .lbl::before,
input[type=checkbox].alta:checked:active + .lbl::before,
input[type=radio].alta:active + .lbl::before,
input[type=radio].alta:checked:active + .lbl::before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1)
}

input[type=checkbox].alta.ace-checkbox-2 + .lbl::before,
input[type=radio].alta.ace-checkbox-2 + .lbl::before {
    box-shadow: none
}

input[type=checkbox].alta.alta-checkbox-2:checked + .lbl::before,
input[type=radio].alta.alta-checkbox-2:checked + .lbl::before {
    background-color: #f9a021;
    border-color: #f9a021;
    color: #FFF
}

input[type=checkbox].alta.disabled + .lbl::before,
input[type=checkbox].alta:disabled + .lbl::before,
input[type=checkbox].alta[disabled] + .lbl::before,
input[type=radio].alta.disabled + .lbl::before,
input[type=radio].alta:disabled + .lbl::before,
input[type=radio].alta[disabled] + .lbl::before {
    background-color: #DDD !important;
    border-color: #CCC !important;
    box-shadow: none !important;
    color: #BBB
}

.checkbox label input[type=checkbox].alta + .lbl,
.radio label input[type=radio].alta + .lbl {
    margin-left: -10px
}

input[type=radio].alta + .lbl::before {
    border-radius: 100%;
    font-size: 10px;
    font-family: FontAwesome;
    text-shadow: 0 0 1px #32a3ce;
    line-height: 15px;
    height: 17px;
    min-width: 17px
}

input[type=radio].alta:checked + .lbl::before {
    content: "\f111"
}

input[type=checkbox].alta.input-lg + .lbl::before {
    border-radius: 4px;
    font-size: 16px;
    height: 24px;
    line-height: 21px;
    min-width: 24px;
    top: auto
}

input[type=radio].alta.input-lg + .lbl::before {
    font-size: 14px;
    height: 24px;
    line-height: 22px;
    min-width: 24px;
    top: auto
}

input[type=checkbox].alta.alta-switch {
    width: 40px;
    height: 25px;
    margin-top: -1px !important;
    display: inline-block;
}

input[type=checkbox].alta.alta-switch + .lbl {
    margin: 2px 0 4px;
    /* min-height: 24px; */
    /* transform: scale(0.85); */
}

.table tr td input[type=checkbox].alta.alta-switch + .lbl {
    margin: 0 0 -1px !important;
    transform: scale(0.80);
}

.table tr td input[type=checkbox].alta.alta-switch {
    transform: scale(0.80);
    height: 23px;
}

input[type=checkbox].altalabel input.alta[type="checkbox"],
label input.alta[type="radio"] + .lbl::before {
    content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
    color: #999;
    text-shadow: 0 0 0 #999;
    font-weight: 400;
    font-size: 11px;
    line-height: 17px;
    height: 20px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #F5F5F5;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .15);
    border: 1px solid #CCC;
    text-align: left;
    float: left;
    padding: 0;
    width: 52px;
    text-indent: -21px;
    margin-right: 0;
    -webkit-transition: text-indent .25s ease;
    -o-transition: text-indent .25s ease;
    transition: text-indent .25s ease;
    top: auto;
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif;
}

input[type=checkbox].alta.alta-switch + .lbl::after {
    content: '\f00d';
    font-size: 7pt;
    position: absolute;
    top: 3px;
    left: 3px;
    letter-spacing: 0;
    width: 14px;
    height: 14px;
    line-height: 14.5px;
    border-radius: 100%;
    text-align: center;
    text-shadow: none !important;
    /* color: #fd5a3e; activate in case of check */
    color: #ffffff;
    background: #FFF;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: 'FontAwesome';
    box-shadow: none;
    border: none;
}

input[type=checkbox].alta.alta-switch:checked + .lbl::before {
    text-indent: 8px;
    color: #FFF;
    text-shadow: 0 0 0 #FFF;
    background-color: #8ab2c9;
    border-color: #6a8ca8
}

input[type=checkbox].alta.alta-switch:checked + .lbl::after {
    left: 34px;
    background-color: #FFF;
    color: #98A0A5
}


/*start*/

/* .en input[type=checkbox].alta.alta-switch.alta-switch-5,
.en input[type=checkbox].alta.alta-switch.alta-switch-5 {
    width: 60px
} */

.en input[type=checkbox].alta.alta-switch.alta-switch-5.alta-switch-show-direct,
.en input[type=checkbox].alta.alta-switch.alta-switch-5.alta-switch-show-direct {
    width: 120px
}

.en input[type=checkbox].alta.alta-switch.alta-switch-5 + .lbl::before,
.en input[type=checkbox].alta.alta-switch.alta-switch-5 + .lbl::before {
    /* content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO"; */
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #fd5a3e;
    border: 1px solid #fd5a3e;
    color: #FFF;
    width: 40px;
    text-shadow: 0 0 0 #fff;
    display: inline-block;
    position: relative;
    box-shadow: none;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif;
}

.en input[type=checkbox].alta.alta-switch.alta-switch-5 + .lbl2::before,
.en input[type=checkbox].alta.alta-switch.alta-switch-5 + .lbl2::before {
    width: 63px !important;
}

.en input[type=checkbox].alta.alta-switch.alta-switch-5 + .lbl::after,
.en input[type=checkbox].alta.alta-switch.alta-switch-5 + .lbl::after {
    content: '\f00d';
    font-size: 7pt;
    position: absolute;
    top: 3px;
    left: 3px;
    letter-spacing: 0;
    width: 14px;
    height: 14px;
    line-height: 14.5px;
    text-shadow: none !important;
    /* color: #fd5a3e; activate in case of check */
    color: #ffffff;
    background: #FFF;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: 'FontAwesome';
    box-shadow: none;
    border: none;
}

input[type=checkbox].alta.alta-switch.alta-switch-5:checked + .lbl::before,
input[type=checkbox].alta.alta-switch.alta-switch-5:checked + .lbl::before {
    background-color: #47cb87;
    border-color: #47cb87;
}

input[type=checkbox].alta.alta-switch.alta-switch-5:checked + .lbl::after,
input[type=checkbox].alta.alta-switch.alta-switch-5:checked + .lbl::after {
    left: 23px;
    background: #FFF;
    /* color: #47cb87; activate in case of check */
    color: #ffffff;
    content: '\f00c';
    top: 3.1px;
}

.en input[type=checkbox].alta.alta-switch.alta-switch-5:checked + .lbl2::after,
.en input[type=checkbox].alta.alta-switch.alta-switch-5:checked + .lbl2::after {
    left: 41px !important;
    background-color: #FFF;
    color: #848484
}

/* .en input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::before {
    content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO"
} */

.en input[type=checkbox].alta.alta-switch.alta-switch-5 + .lbl2::before {
    content: "OPEN \a0\a0\a0\a0\a0\a0 CLOSE" !important;
}


/* New Switch Button Hack */

.en input[type=checkbox].alta.alta-switch.alta-switch-5 + .lbl-show-direct::before {
    content: "Show Direct \a0\a0\a0\a0\a0\a0\a0\a0 Show Indirect" !important;
}

.en input[type=checkbox].alta.alta-switch.alta-switch-5 + .lbl-show-direct::before,
.en input[type=checkbox].alta.alta-switch.alta-switch-5 + .lbl-show-direct::before {
    content: "Show Direct \a0\a0\a0\a0\a0\a0\a0\a0 Show Indirect" !important;
    width: 116px !important;
}

.en input[type=checkbox].alta.alta-switch.alta-switch-5:checked + .lbl-show-direct::before {
    text-indent: -7px !important;
}

.en input[type=checkbox].alta.alta-switch.alta-switch-5:checked + .lbl-show-direct::after,
.en input[type=checkbox].alta.alta-switch.alta-switch-5:checked + .lbl-show-direct::after {
    left: 95px !important;
    background-color: #FFF;
    color: #848484
}

input[type=checkbox].alta.alta-switch.alta-switch-5 + .lbl-show-direct::before,
input[type=checkbox].alta.alta-switch.alta-switch-5 + .lbl-show-direct::before {
    text-indent: -77px !important;
}

.en input[type=checkbox].alta.alta-switch.alta-switch-5-show-direct,
.en input[type=checkbox].alta.alta-switch.alta-switch-5-show-direct {
    width: 116px !important;
}


/* New Switch Button hack */


/* New Switch Button Hack */
/* 
.en input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl-show-all::before {
    content: "Show Direct \a0\a0\a0\a0\a0\a0\a0\a0 Show All" !important;
}

.en input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl-show-all::before,
.en input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl-show-all::before {
    content: "Show Direct \a0\a0\a0\a0\a0\a0\a0\a0 Show All" !important;
    width: 116px !important;
}

.en input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl-show-all::before {
    text-indent: -7px !important;
}

.en input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl-show-all::after,
.en input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl-show-all::after {
    left: 95px !important;
    background-color: #FFF;
    color: #848484
}

input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl-show-all::before,
input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl-show-all::before {
    text-indent: -77px !important;
}
 */
.en input[type=checkbox].alta.alta-switch.alta-switch-5-show-all,
.en input[type=checkbox].alta.alta-switch.alta-switch-5-show-all {
    width: 116px !important;
}


/* New Switch Button hack */


/* Zero Sold Start Button Hack */
/* 
.en input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl-zero-sold::before,
.en input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl-zero-sold::before {
    content: "Zero Sold Qty \a0\a0\a0 All Sold Qty" !important;
    width: 116px !important;
}

.en input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl-zero-sold::before {
    text-indent: 10px !important;
}

.en input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl-zero-sold::after,
.en input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl-zero-sold::after {
    left: 95px !important;
}

input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl-zero-sold::before,
input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl-zero-sold::before {
    text-indent: -73px !important;
}
 */
.en input[type=checkbox].alta.alta-switch.alta-switch-5-show-direct,
.en input[type=checkbox].alta.alta-switch.alta-switch-5-show-direct {
    width: 116px !important;
}


/* Zero Sold End Button hack */

input[type=checkbox].alta.alta-switch.alta-switch-5:checked + .lbl::before {
    text-indent: -1000px;
}

input[type=checkbox].alta.alta-switch.alta-switch-5:checked + .lbl2::before {
    text-indent: -17px !important;
}


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

/* .es input[type=checkbox].alta.alta-switch.alta-switch-5,
.es input[type=checkbox].alta.alta-switch.alta-switch-5 {
    width: 60px
}

.es input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::before,
.es input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::before {
    content: "Sí\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0no";
    font-size: 12px;
    line-height: 21px;
    height: 24px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #DF3939;
    border: 1px solid #DF3939;
    color: #FFF;
    width: 56px;
    text-shadow: 0 0 0 #FFF;
    display: inline-block;
    position: relative;
    box-shadow: none;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif ;
}

.es input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::after,
.es input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::after {
    content: '|||';
    font-size: 7px;
    position: absolute;
    top: 1px;
    left: 2px;
    letter-spacing: 0;
    width: 20px;
    height: 20px;
    line-height: 19px;
    text-shadow: none !important;
    color: #939393;
    background-color: #FFF;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.es input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::before,
.es input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::before {
    background-color: #468fcc;
    border-color: #468FCC
}

.es input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::after,
.es input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::after {
    left: 34px;
    background-color: #FFF;
    color: #848484
}

.es input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::before {
    content: "Si\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\No"
}

.es input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::before {
    text-indent: 15px
} */


/*--------------------*/
/* 
.fr input[type=checkbox].alta.alta-switch.alta-switch-5,
.fr input[type=checkbox].alta.alta-switch.alta-switch-5 {
    width: 60px
}

.fr input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::before,
.fr input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::before {
    content: "Oui\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\Non";
    font-size: 11px;
    line-height: 21px;
    height: 24px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #DF3939;
    border: 1px solid #DF3939;
    color: #FFF;
    width: 56px;
    text-shadow: 0 0 0 #FFF;
    display: inline-block;
    position: relative;
    box-shadow: none;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif ;
}

.fr input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::after,
.fr input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::after {
    content: '|||';
    font-size: 7px;
    position: absolute;
    top: 1px;
    left: 2px;
    letter-spacing: 0;
    width: 20px;
    height: 20px;
    line-height: 19px;
    text-shadow: none !important;
    color: #939393;
    background-color: #FFF;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.fr input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::before,
.fr input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::before {
    background-color: #468fcc;
    border-color: #468FCC
}

.fr input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::after,
.fr input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::after {
    left: 34px;
    background-color: #FFF;
    color: #848484
}

.fr input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::before {
    content: "Oui\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\Non"
}

.fr input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::before {
    text-indent: 8px
}

 */
/*
---------------------*/
/* 
.zh input[type=checkbox].alta.alta-switch.alta-switch-5,
.zh input[type=checkbox].alta.alta-switch.alta-switch-5 {
    width: 60px
}

.zh input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::before,
.zh input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::before {
    content: "是\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\没有";
    font-size: 12px;
    line-height: 21px;
    height: 24px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #DF3939;
    border: 1px solid #DF3939;
    color: #FFF;
    width: 56px;
    text-shadow: 0 0 0 #FFF;
    display: inline-block;
    position: relative;
    box-shadow: none;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif ;
}

.zh input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::after,
.zh input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::after {
    content: '|||';
    font-size: 7px;
    position: absolute;
    top: 1px;
    left: 2px;
    letter-spacing: 0;
    width: 20px;
    height: 20px;
    line-height: 19px;
    text-shadow: none !important;
    color: #939393;
    background-color: #FFF;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.zh input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::before,
.zh input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::before {
    background-color: #468fcc;
    border-color: #468FCC
}

.zh input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::after,
.zh input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::after {
    left: 34px;
    background-color: #FFF;
    color: #848484
}

.zh input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::before {
    content: "是的\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\无";
}

.zh input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::before {
    text-indent: -10px
}
 */

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


/*--------------------*/
/* 
.de input[type=checkbox].alta.alta-switch.alta-switch-5,
.de input[type=checkbox].alta.alta-switch.alta-switch-5 {
    width: 60px
}

.de input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::before,
.de input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::before {
    content: "ja\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\Nein";
    font-size: 11px;
    line-height: 21px;
    height: 24px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #DF3939;
    border: 1px solid #DF3939;
    color: #FFF;
    width: 56px;
    text-shadow: 0 0 0 #FFF;
    display: inline-block;
    position: relative;
    box-shadow: none;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif ;
}

.de input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::after,
.de input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::after {
    content: '|||';
    font-size: 7px;
    position: absolute;
    top: 1px;
    left: 2px;
    letter-spacing: 0;
    width: 20px;
    height: 20px;
    line-height: 19px;
    text-shadow: none !important;
    color: #939393;
    background-color: #FFF;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.de input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::before,
.de input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::before {
    background-color: #468fcc;
    border-color: #468FCC
}

.de input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::after,
.de input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::after {
    left: 34px;
    background-color: #FFF;
    color: #848484
}

.de input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::before {
    content: "ja\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\Nein"
}

.de input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::before {
    text-indent: 8px
}
 */

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


/*--------------------*/
/* 
.it input[type=checkbox].alta.alta-switch.alta-switch-5,
.it input[type=checkbox].alta.alta-switch.alta-switch-5 {
    width: 60px
}

.it input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::before,
.it input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::before {
    content: "sì\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\No";
    font-size: 11px;
    line-height: 21px;
    height: 24px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #DF3939;
    border: 1px solid #DF3939;
    color: #FFF;
    width: 56px;
    text-shadow: 0 0 0 #FFF;
    display: inline-block;
    position: relative;
    box-shadow: none;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif ;
}

.it input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::after,
.it input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::after {
    content: '|||';
    font-size: 7px;
    position: absolute;
    top: 1px;
    left: 2px;
    letter-spacing: 0;
    width: 20px;
    height: 20px;
    line-height: 19px;
    text-shadow: none !important;
    color: #939393;
    background-color: #FFF;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.it input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::before,
.it input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::before {
    background-color: #468fcc;
    border-color: #468FCC
}

.it input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::after,
.it input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::after {
    left: 34px;
    background-color: #FFF;
    color: #848484
}

.it input[type=checkbox].alta.alta-switch.alta-switch-5+.lbl::before {
    content: "sì\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\No"
}

.it input[type=checkbox].alta.alta-switch.alta-switch-5:checked+.lbl::before {
    text-indent: 8px
}
 */

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


/*end*/

input[type=checkbox].alta.alta-switch + .lbl[data-lbl]::before {
    content: attr(data-lbl)
}

input[type=checkbox].alta.alta-switch.btn-empty + .lbl::after {
    content: ""
}

input[type=checkbox].alta.alta-switch.btn-rotate + .lbl::after {
    content: "\2261";
    line-height: 20px;
    font-size: 17px
}

input[type=checkbox].alta.alta-switch-5.btn-rotate + .lbl::after,
input[type=checkbox].alta.alta-switch-5.btn-rotate + .lbl::after {
    line-height: 17px
}

input[type=checkbox].alta.alta-switch.btn-flat + .lbl::after,
input[type=checkbox].alta.alta-switch.btn-flat + .lbl::before {
    border-radius: 0 !important
}

input[type=checkbox].alta.alta-switch.alta-switch-5 + .lbl::before,
input[type=checkbox].alta.alta-switch.alta-switch-5 + .lbl::before {
    text-indent: -1000px
}

input[type=checkbox].alta.alta-switch.alta-switch-5 + .lbl2::before,
input[type=checkbox].alta.alta-switch.alta-switch-5 + .lbl2::before {
    text-indent: -36px !important;
}


input.alta + .lbl.padding-16::before {
    margin-right: 16px
}

input.alta + .lbl.padding-14::before {
    margin-right: 14px
}

input.alta + .lbl.padding-12::before {
    margin-right: 12px
}

input.alta + .lbl.padding-10::before {
    margin-right: 10px
}

input.alta + .lbl.padding-8::before {
    margin-right: 8px
}

input.alta + .lbl.padding-6::before {
    margin-right: 6px
}

input.alta + .lbl.padding-4::before {
    margin-right: 4px
}

input.alta + .lbl.padding-2::before {
    margin-right: 2px
}

input.alta + .lbl.padding-0::before {
    margin-right: 0
}

.label {
    /*  border: 1px solid #666 !important */
    border-radius: 4px;
    padding-top: 5px;
}

input.alta[type="checkbox"]:checked,
input.alta[type="radio"]:checked,
input.alta[type="checkbox"]:focus,
input.alta[type="radio"]:focus {
    outline: medium none !important;
}

input.alta[type="checkbox"],
input.alta[type="radio"] {
    height: 18px;
    opacity: 0;
    position: absolute;
    width: 18px;
    z-index: 12;
}

input[type=checkbox],
input[type=radio] {
    opacity: 0;
    position: absolute;
    z-index: 12;
    width: 18px;
    height: 18px;
}

input[type=checkbox]:checked,
input[type=radio]:checked,
input[type=checkbox]:focus,
input[type=radio]:focus {
    outline: none !important;
}

input[type=checkbox] + .lbl,
input[type=radio] + .lbl {
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 14px;
    min-width: 14px;
    font-weight: normal;
}

input[type=checkbox] + .lbl.padding-16::before,
input[type=radio] + .lbl.padding-16::before {
    margin-right: 16px;
}

input[type=checkbox] + .lbl.padding-12::before,
input[type=radio] + .lbl.padding-12::before {
    margin-right: 12px;
}

input[type=checkbox] + .lbl.padding-8::before,
input[type=radio] + .lbl.padding-8::before {
    margin-right: 8px;
}

input[type=checkbox] + .lbl.padding-4::before,
input[type=radio] + .lbl.padding-4::before {
    margin-right: 4px;
}

input[type=checkbox] + .lbl.padding-0::before,
input[type=radio] + .lbl.padding-0::before {
    margin-right: 0;
}

input[type=checkbox] + .lbl::before,
input[type=radio] + .lbl::before {
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 11px;
    color: #32a3ce;
    content: "\a0";
    background-color: #FAFAFA;
    border: 1px solid #D2D2D2;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 15px;
    line-height: 14px;
    min-width: 15px;
    margin-right: 4px;
    border-radius: 3px;
    margin-bottom: 0;
}

input[type=checkbox]:checked + .lbl::before,
input[type=radio]:checked + .lbl::before {
    display: inline-block;
    content: '\f00c';
    background-color: #F5F8FC;
    border-color: #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

input[type=checkbox]:hover + .lbl::before,
input[type=radio]:hover + .lbl::before,
input[type=checkbox] + .lbl:hover::before,
input[type=radio] + .lbl:hover::before {
    border-color: #d2d2d2;
}

input[type=checkbox]:active + .lbl::before,
input[type=radio]:active + .lbl::before,
input[type=checkbox]:checked:active + .lbl::before,
input[type=radio]:checked:active + .lbl::before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

input[type=checkbox]:disabled + .lbl::before,
input[type=radio]:disabled + .lbl::before,
input[type=checkbox][disabled] + .lbl::before,
input[type=radio][disabled] + .lbl::before,
input[type=checkbox].disabled + .lbl::before,
input[type=radio].disabled + .lbl::before {
    background-color: #DDD !important;
    border-color: #CCC !important;
    box-shadow: none !important;
    color: #BBB;
    cursor: not-allowed !important;
}

input[type=radio] + .lbl::before {
    border-radius: 32px;
    font-size: 10px;
    /*  line-height: 13px; */
}

input[type=radio]:checked + .lbl::before {
    content: "\f111";
}


/*Common CSS related to On Boarding Wiz */

.onb-org-wiz {
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.onb-org-wiz.bg-no-app-wiz {
    background: url('../../images/wizard/no-app-onbrd.png') no-repeat center center fixed;
}

.onb-org-wiz.bg-sch-wiz {
    background: url('../../images/wizard/bg-schwiz.png') no-repeat center center fixed;
}

.onb-org-wiz.bg-sensor-wiz {
    background: url('../../images/wizard/bk_Sensor.png') no-repeat center center fixed;
}

.onb-org-wiz.bg-zipRpt-wiz {
    background: url('../../images/wizard/bg-schwiz.png') no-repeat center center fixed;
}

.onb-org-wiz.bg-clk-wiz {
    background: url('../../images/wizard/bg-clkwiz.png') no-repeat center center fixed;
}

.onb-org-wiz.bg-chklist-wiz {
    background: url('../../images/wizard/bg-chklistwiz.png') no-repeat center center fixed;
}

.onb-org-wiz.bg-posrpt-wiz {
    background: url('../../images/wizard/bg-posrpt.png') no-repeat center center fixed;
}

.onb-org-wiz.bg-zipsup-wiz {
    background: url('../../images/wizard/Sign-in-Background_Supplier.png') no-repeat top center fixed;
    z-index: 2034;
    left: 0;
    background-size: cover;
}

.onb-org-wiz.bg-zipordngb-wiz {
    background: url('../../images/wizard/Sign-in-Background_Ordering.jpg') no-repeat center center fixed;
    z-index: 2034;
    left: 0;
    background-size: cover;
}

.onb-org-wiz label {
    color: #fff;
    font-size: 14px !important;
}

.onb-org-wiz .hr {
    border-bottom: 1px solid rgba(87, 142, 190, 0.6);
    box-shadow: none;
}

.onb-org-wiz-wrapper {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: -45px;
    padding-bottom: 45px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.onb-org-wiz select,
.onb-org-wiz textarea,
.onb-org-wiz input[type="text"],
.onb-org-wiz input[type="password"],
.onb-org-wiz input[type="datetime"],
.onb-org-wiz input[type="datetime-local"],
.onb-org-wiz input[type="date"],
.onb-org-wiz input[type="month"],
.onb-org-wiz input[type="time"],
.onb-org-wiz input[type="week"],
.onb-org-wiz input[type="number"],
.onb-org-wiz input[type="email"],
.onb-org-wiz input[type="url"],
.onb-org-wiz input[type="search"],
.onb-org-wiz input[type="tel"],
.onb-org-wiz input[type="color"] {
    background: rgba(255, 255, 255, 0.06) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 14px !important;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #66afe9;
    border: 1px solid rgba(102, 175, 233, 0.5) !important;
    outline: 0;
}

.onb-org-wiz input[type="text"]:focus,
.onb-org-wiz input[type="password"]:focus,
.onb-org-wiz input[type="datetime"]:focus,
.onb-org-wiz input[type="datetime-local"]:focus,
.onb-org-wiz input[type="date"]:focus,
.onb-org-wiz input[type="month"]:focus,
.onb-org-wiz input[type="time"]:focus,
.onb-org-wiz input[type="week"]:focus,
.onb-org-wiz input[type="number"]:focus,
.onb-org-wiz input[type="email"]:focus,
.onb-org-wiz input[type="url"]:focus,
.onb-org-wiz input[type="search"]:focus,
.onb-org-wiz input[type="tel"]:focus,
.onb-org-wiz input[type="color"]:focus {
    border: 1px solid rgba(102, 175, 233, 0.5) !important;
}

.onb-org-wiz .select2-container .select2-choice {
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: none;
}

.onb-org-wiz .btn-primary,
.onb-chkl-wiz .btn-primary {
    background-color: transparent !important;
    border-radius: 10px 0 0 10px;
    margin-right: 30px;
    width: 175px;
    font-size: 17px;
    padding: 10px 0;
    height: 48px;
    transition: background-color 0.2s ease 0s;
    position: relative;
    z-index: 1;
    text-indent: -30px;
    border: none;
}

.onb-org-wiz .btn-primary::after,
.onb-chkl-wiz .btn-primary::after {
    border-bottom: 24px solid transparent;
    border-left: 35px solid #5ac4ed;
    border-top: 24px solid transparent;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
}

.onb-org-wiz .btn-primary::before,
.onb-chkl-wiz .btn-primary::before {
    background-color: #5ac4ed;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 141px;
    z-index: -1;
    border-radius: 10px 0 0 10px;
}

.onb-org-wiz .btn-primary:hover:before,
.onb-chkl-wiz .btn-primary:hover:before,
.onb-org-wiz .btn-primary:focus:before,
.onb-chkl-wiz .btn-primary:focus:before,
.onb-org-wiz .btn-primary:active:before,
.onb-chkl-wiz .btn-primary:active:before,
.onb-org-wiz .btn-primary.active:before,
.onb-chkl-wiz .btn-primary.active:before {
    background-color: #5ac4ed;
}

.onb-org-wiz .btn-primary:hover:after,
.onb-chkl-wiz .btn-primary:hover:after,
.onb-org-wiz .btn-primary:focus:after,
.onb-chkl-wiz .btn-primary:focus:after,
.onb-org-wiz .btn-primary:active:after,
.onb-chkl-wiz .btn-primary:active:after,
.onb-org-wiz .btn-primary.active:after,
.onb-chkl-wiz .btn-primary.active:after {
    border-left-color: #5ac4ed;
}

.onb-org-wiz h3 {
    font-size: 30px;
    font-weight: 400;
    text-transform: capitalize;
    margin-top: 16px;
}

.onb-org-wiz .select2-container .select2-choice div {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    width: 35px;
    box-shadow: none;
}

.onb-org-wiz .select2-container .select2-choice div i {
    color: rgba(255, 255, 255, 0.5);
    left: 5px;
    top: 3px;
}

.onb-org-wiz .btn.btn-success {
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    font-weight: normal;
    height: 40px !important;
    padding: 0;
    position: relative;
    width: 177px;
    line-height: 34px;
    transition: background-color 0.2s ease 0s;
}

.onb-org-wiz .select2-container .select2-choice span {
    color: #dbdbdb;
}

.onb-org-wiz .select2-container-active.select2-dropdown-open span {
    color: #444444 !important;
}

.onb-org-wiz .welcome-content p {
    font-size: 15px;
}

.onb-wiz-mdl-lbl {
    color: #666;
}

.onb-wiz-mdl {
    position: absolute;
}

.onb-wiz-mdl .modal-content.right-arrow::before {
    border-bottom: 10px solid transparent;
    border-left: 11px solid #fff;
    border-top: 10px solid transparent;
    content: "";
    position: absolute;
    right: -10px;
    top: 12px;
}

.onb-wiz-mdl .modal-content.left-arrow::before {
    border-bottom: 10px solid transparent;
    border-right: 11px solid #fff;
    border-top: 10px solid transparent;
    content: "";
    position: absolute;
    left: -10px;
    top: 12px;
}

.onb-wiz-mdl .modal-body .header {
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(204, 204, 204);
}

.onb-wiz-mdl .modal-body .footer-hr {
    border-top: 1px solid rgb(204, 204, 204);
}

.onb-wiz-mdl-emp {
    width: 650px !important;
}


/*Common CSS related to On Boarding Wiz ends */

.max-width-180 {
    max-width: 180px !important;
}

.max-width-120 {
    max-width: 120px !important;
}

.padding-top-25 {
    padding-top: 25px;
}

.margin-right-50 {
    margin-right: 50px;
}

.width-0 {
    width: 0 !important;
}


/*.modal-dialog{
    margin-top: 50px!important;
}*/

.confirm-modal {
    margin-top: 58px !important;
}

.valign-bottom {
    vertical-align: bottom !important;
}

.bg-v-light-gray {
    background-color: #f1f1f1 !important;
}

.padding-bottom-8 {
    padding-bottom: 8px !important;
}

.z-index-3500 {
    z-index: 3500 !important;
}

.font-weight-bold,
.bold {
    font-weight: 700;
}

.height-width-100-per {
    height: 100%;
    width: 100%;
}

.height-width-100 {
    height: 100px;
    width: 100px;
}

.height-width-150 {
    height: 150px;
    width: 150px;
}

.zip-ovr-img {
    margin-top: 0;
    height: 200px
}

.margin-left-7 {
    margin-left: 7px;
}

.height-width-86 {
    height: 86px;
    width: 86px;
}

.height-width-20 {
    height: 20px;
    width: 20px;
}

.height-width-25 {
    height: 25px;
    width: 25px;
}

.height-width-18 {
    height: 18px;
    width: 18px;
}

.height-width-40 {
    height: 40px !important;
    width: 40px !important;
}

.height-width-30 {
    height: 30px;
    width: 30px
}

.width-4 {
    width: 4px;
}

.width-18 {
    width: 18px
}

.width-25 {
    width: 25px
}

.width-40 {
    width: 40px;
}

.height-40 {
    height: 40px;
}


/*****************for Plum Clock Time Clock *************************/

#zctc-download-link .center-page {
    display: table;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
}

#zctc-download-link .center-page .center-page-inner {
    display: table-cell;
    padding: 0;
    vertical-align: middle;
}

#zctc-download-link .downloadButton {
    background-color: #7fbcfd;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 45px 0 40px;
    padding: 0 16px;
    border-radius: 5px;
    height: 60px;
}

#zctc-download-link .downloadButton i {
    color: #fff;
    vertical-align: baseline;
    margin-right: 5px;
}

#zctc-download-link .downloadButton:hover,
.downloadButton:focus {
    color: #fff;
    background-color: #7fbcfd;
}

#zctc-download-link .zipClktimeClk {
    background-color: #e5e5e5;
    border-radius: 20px;
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif;
    overflow: hidden;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 35px;
}

#zctc-download-link .lightRed {
    background: url("../icons/redGrediant.jpg") repeat-x;
}

#zctc-download-link .fontSemiBold {
    font-weight: 500 !important;
}

.semiBold {
    font-weight: 500 !important;
}

.textLight {
    font-weight: 300 !important;
}

#zctc-download-link .zipClktimeClk p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    color: #444447;
    margin-bottom: 40px;
}

#zctc-download-link .zipClktimeClk .warningIcon {
    position: absolute;
    left: 40px;
    top: 22px;
}

#zctc-download-link .zipClktimeClk .lightRed h3 {
    margin-bottom: 0;
    color: #fff;
    margin-left: 15px;
}

#zctc-download-link .zipClktimeClk .lightRed p {
    margin: 0 0 18px 10px;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}

#zctc-download-link .zipClktimeClk p a {
    color: #00aeef;
}

#zctc-download-link .itallicStyle p {
    font-style: italic;
    font-size: 16px;
    line-height: 26px;
}

@media only screen and (max-width: 800px) {
    #zctc-download-link .zipClktimeClk .lightRed p {
        font-size: 18px;
        line-height: 26px;
    }

    #zctc-download-link .zipClktimeClk .warningIcon {
        left: 30px;
        top: 17px;
    }

    #zctc-download-link .no-margin {
        margin: 0 !important;
    }

    #zctc-download-link p.no-margin br,
    #zctc-download-link .itallicStyle p br {
        display: none;
    }
}

@media only screen and (max-width: 420px) {
    #zctc-download-link .zipClktimeClk .lightRed p {
        font-size: 16px;
        line-height: 20px;
        margin: 8px 0 10px;
    }

    #zctc-download-link .zipClktimeClk .lightRed p br {
        display: none;
    }

    #zctc-download-link .zipClktimeClk .warningIcon {
        display: none;
        margin: 0;
    }
}

#zctc-download-link .freepos-dwld-border {
    border-left: 5px solid #8E8E8E;
}

#zctc-download-link .freepos-dwld-border p {
    margin-bottom: 20px;
}

#zctc-download-link .zipClktimeClk_content {
    background: #EFEFEF;
    padding: 15px;
    border-radius: 5px;
}

.white-space-normal {
    white-space: normal;
}

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


/****************************** Plum Clock Time CLock End Here***************************/

.width-31 {
    width: 31.6%;
}

.text-index-1 {
    text-indent: .5in
}

.right-10 {
    right: 10px !important;
}

.fct-matrix-pos-guide {
    background-color: #092F3D;
    color: #F0F1F4
}


/***** for weather model ******/

#availability-warning .arrow-up {
    top: -10px;
    right: 80px;
}

#availability-warning .arrow-left {
    left: -9px;
    top: 86px;
    border-right: 10px solid #ccc;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
}

#availability-warning .arrow-bottom {
    bottom: -10px;
    right: 80px;
    border-right: 10px solid transparent;
    border-top: 10px solid #ccc;
    border-left: 10px solid transparent;
    position: absolute;
}

#availability-warning .arrow-right {
    right: -9px;
    top: 86px;
    border-left: 10px solid #ccc;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
}

#availability-warning .arrow-defult {
    right: 12px;
}

#availability-warning .arrow-top-left {
    right: 288px;
}

#availability-warning .arrow-top-right {
    right: 15px;
}

.font-40 {
    font-size: 40px !important;
}

.height-width-60 {
    height: 60px;
    width: 60px;
}

.onb-org-wiz.bg-zord-wiz {
    background: url('../../images/wizard/zord.png') no-repeat center center fixed;
}

.onb-org-wiz.bg-dgsng-wiz {
    background: url('../../images/wizard/dg_wizard_bg.jpg') center center fixed;
}

.onb-org-wiz.bg-zsup-wiz {
    background: url('../../images/wizard/zsup.png') no-repeat center center fixed;
}

#mng-glb-landing .page-services .service-item {
    margin: 10px !important;
}

.hw-lunch-box {
    background-color: #f7f8fc;
    border: thick none !important;
    left: 48px !important;
    margin-top: -57px;
    width: auto;
}

.app-set-opt {
    position: absolute;
    margin-top: -17px;
    margin-left: 114px;
}

.lunch-arrow_box {
    position: relative;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    box-shadow: 0 0 16px #aeafb3;
    padding: 6px 2px;
}

.lunch-arrow_box:after,
.lunch-arrow_box:before {
    right: 100%;
    top: 30%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}

.lunch-arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #fff;
    border-width: 13px;
    margin-top: -8px;
    margin-right: -3px;
}

.lunch-arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #d3d3d3;
    border-width: 13px;
    margin-top: -7px;
    margin-right: -2px;
}

#lightbox #alta-vimeo-player {
    height: 96%;
    left: 5.5%;
    padding: 15px;
    top: 0;
    width: 89%;
}

.margin-left-10 {
    margin-left: 10px;
}


/* breadcrumbs css */

#breadcrumbs-one {
    list-style: none;
    padding: 0;
    margin: 6px 0 -14px;
    float: left;
    width: 100%;
}

#breadcrumbs-one li {
    float: left;
    background-color: #fff;
    border: 1px solid #eff0f4;
    margin-left: 2px;
    position: relative;
    min-width: 140px;
    text-align: center;
}

#breadcrumbs-one li:first-child {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

#breadcrumbs-one li:before,
#breadcrumbs-one li:after {
    content: "";
    position: absolute;
    right: -12px;
    top: 0;
    border-left: 12px solid #fff;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    z-index: 2;
}

#breadcrumbs-one li:after {
    border-left-color: #f7f8fc;
    right: -14px;
    z-index: 1;
}

#breadcrumbs-one li a {
    color: #616974;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 10px 8px 26px;
    float: left;
    width: 100%;
}

#breadcrumbs-one li:first-child a {
    padding: 8px 10px;
}

#breadcrumbs-one li.crumb-active:before,
#breadcrumbs-one li.crumb-active:after {
    display: none;
}

#breadcrumbs-one li.crumb-active {
    background-color: #989ca1;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

#breadcrumbs-one li.crumb-active a {
    color: #fff;
}


/* breadcrumbs css end */
.select2-results li {
    font-size: 8.7pt;
}

.select2-search input {
    padding-right: 30px;
}

.padding-2-16 {
    padding: 2px 16px;
}

.light-red-bg,
.light-bg-red {
    background: #FFA6A6 !important;
}

.padding-7 {
    padding: 7px !important;
}

#datepkr-auto .btn-sm.btn.btn-light {
    padding: 4px 15px 4px 14px;
    margin-bottom: 0;
}

.jqte_cpalette {
    z-index: 9999 !important;
}

.table-layout-fixed {
    table-layout: fixed !important;
}

.select2-search input.select2-active {
    background: none !important;
}

.table-row {
    display: table-row;
}

.no-text-transform {
    text-transform: none !important;
}

.width-17 {
    width: 17px;
}

.border-btn {
    padding: 4px 12px;
    display: inlie-block;
    vertical-align: middle;
    background-color: transparent;
    border-width: 1px;
    border-radius: 20px;
    border-style: solid;
    font-size: 11px;
    min-width: 70px;
    text-align: center;
    transition: 0.3s;
}

.border-btn.btn-xs {
    padding: 1px 5px;
}

.border-red {
    color: #e66454;
    border-color: #e66454;
}

.border-red:hover {
    color: #fff;
    background-color: #e66454;
    transition: 0.3s;
}

.border-green {
    color: #1abc9c;
    border-color: #1abc9c;
}

.border-orange {
    color: #FFA700;
    border-color: #FFA700;
}

.border-orange:hover {
    color: #fff;
    background-color: #FFA700;
    transition: 0.3s;
}

.border-green:hover,
.border-green:focus {
    color: #fff;
    background-color: #1abc9c;
    transition: 0.3s;
}

.border-btn.border-green.click-disable,
.border-btn.border-green[disabled] {
    opacity: 0.5;
    border-color: #1abc9c;
    color: #1abc9c;
    background: none;
}

.border-btn.border-red.click-disable {
    opacity: 0.5;
}

.border-green.activate.border-green[disabled],
.border-green.activate {
    background: #1abc9c;
    color: #fff;
}

.border-blue {
    color: #54A2F2;
    border-color: #54A2F2;
}

.border-blue.activate,
.border-blue:hover,
.border-blue:focus {
    color: #fff;
    background-color: #54A2F2;
}

.border-glb-gray {
    border-left-color: #c7c7c9 !important;
}

.border-glb-red {
    border-left-color: #e66454 !important;
}

.border-glb-orange {
    border-left-color: #FFA700 !important;
}

.btn-ovel {
    border-radius: 20px;
}

.btn-border {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
}

.btn-border.btn-info {
    border-color: #46b8da;
    color: #46b8da;
}

.upgrade-notif-container {
    background: rgba(0, 0, 0, 0)
}

.upgrade-notif {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    background-image: url("../../images/other/Maintenance Notification.jpg") !important;
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
}

.upgrade-notif .confirm-modal {
    width: 550px !important;
}

.opacity-full {
    opacity: 1 !important;
}

.opacity-5 {
    opacity: 0.5 !important;
}


/* new weather model css */

.weatherWarning-alert {
    float: left;
    box-shadow: none;
    background-color: transparent;
    border: 0;
}

#availability-warning.weatherWarning-alert .arrow-up {
    top: -9px;
    border-bottom-color: #3496D8;
}

.currentDay-weather {
    background-color: #3496D8;
    border-radius: 6px 6px 0 0;
    color: #fff;
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif;
}

.currentDay-weather h4 {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 5px 0;
}

.min-highTemperature {
    font-weight: 600;
}

.min-highTemperature span {
    font-size: 16px;
}

.min-highTemperature small {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.min-highTemperature p {
    margin: 0 0 5px;
    font-size: 16px;
    letter-spacing: 1px;
}

.iconWeather-forecast img {
    position: absolute;
    right: 20px;
    top: 20px;
}

.bne-notes-panel {
    padding: 15px;
    background-color: #7F868E;
    border: 0;
    border-radius: 0 0 6px 6px;
}

.note-info-tabs {
    padding: 0 10px;
}

.note-info-tabs a {
    float: left;
    width: 60px;
    position: relative;
    line-height: 13px;
    border-radius: 16px 0 0;
    background-color: #3496D8;
    padding: 6px 0 6px 24px;
    border: 1px solid #fff;
    border-bottom: 0;
    height: 40px;
    text-align: center;
    cursor: pointer;
    margin-left: 22px;
    color: #fff;
    font-size: 13px;
    text-transform: capitalize;
}

.note-info-tabs a span {
    position: absolute;
    width: 22px;
    height: 22px;
    left: 6px;
    top: -6px;
    padding-top: 4px;
    background-color: #2dcc70;
    border-radius: 20px;
    color: #fff;
    font-size: 13px;
}

.note-info-tabs a:first-child {
    margin-left: 0;
}

.note-info-tabs a:before {
    content: "";
    width: 50px;
    height: 40px;
    top: -1px;
    z-index: 999;
    right: -50px;
    position: absolute;
    background: url("../../images/common/blue_tab.png");
}

.note-info-tabs a:hover,
.note-info-tabs a.active {
    background-color: #fff;
    color: #797c7f;
    border-color: #ececec;
}

.note-info-tabs a:hover:before,
.note-info-tabs a.active:before {
    background: url("../../images/common/white_tab.png");
}

.note-info-tabs a.active:after {
    content: "";
    width: calc(100% + 22px);
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: -1px;
    left: 28px;
    z-index: 99;
}

.note-info-tabs a.active:first-child:after {
    width: calc(100% + 49px);
    left: 0;
}

.note-info-tabs a figure {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    background-image: url(../../images/common/iconWeather-alert.png);
    background-repeat: no-repeat;
}

.for-managerNotes figure {
    background-position: 0 0;
    width: 35px;
    height: 31px;
}

.for-broadcastMessage figure {
    background-position: -39px 0;
    width: 37px;
    height: 31px;
}

.for-timeOff figure {
    background-position: -83px 0;
    width: 29px;
    height: 31px;
}

.for-closeDay figure {
    background-position: -119px 0;
    width: 41px;
    height: 31px;
}

.for-managerNotes:hover figure,
.for-managerNotes.active figure {
    background-position: 0 -33px;
}

.for-broadcastMessage:hover figure,
.for-broadcastMessage.active figure {
    background-position: -39px -33px;
}

.for-timeOff:hover figure,
.for-timeOff.active figure {
    background-position: -83px -33px;
}

.for-closeDay:hover figure,
.for-closeDay.active figure {
    background-position: -119px -33px;
}

.padding-lr-10 {
    padding: 0 10px !important;
}

.tabNote-panel {
    padding: 0 10px;
    background-color: #fff;
    float: left;
    width: 100%;
    max-height: 100px;
    border: 1px solid #ececec;
    border-radius: 0 5px 5px 5px;
}

.tabNote-panel ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tabNote-panel li {
    float: left;
    width: 100%;
    position: relative;
    padding: 5px 0;
    border-top: 1px solid #f6f6f6;
    font-size: 13px;
    color: #797c7f;
}

.tabNote-panel li:first-child {
    border-top: 0;
}

.note-tab-search .form-group .select2-choice {
    border-radius: 5px 0 0 5px !important;
    padding-bottom: 4px !important;
}

.note-tab-search #header-wth-btn {
    border-radius: 0 5px 5px 0 !important;
}


/*.tabNote-panel li:first-child, .tabNote-panel li:nth-child(2){border-top: 0;}*/

.tabNote-panel li p {
    float: left;
    width: 80%;
    margin: 0;
    font-weight: 400;
}

.tabNote-panel li .fa-trash-o {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
    font-size: 15px;
    cursor: pointer;
}

.tabNote-panel li strong {
    font-style: italic;
    font-weight: 600;
}

.addNote-input {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 15px;
}

.addNote-input input {
    height: 36px;
    width: 100%;
    padding: 7px 107px 7px 10px;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
}

.addNote-input input:focus {
    border-color: #a9acaf;
    border-width: 1px;
}

.addNote-input button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px 12px;
    border-radius: 0 4px 4px 0;
    margin: 0;
    min-height: 36px;
}

.note-detail-box > .tabContent-panel {
    display: none
}

.note-detail-box > .active {
    display: block
}

.lime {
    color: #66FF66 !important;
}

.nolist {
    list-style: none !important;
}


/* upgrade notification start */


/*.notification-container{height:100vh;background: -moz-linear-gradient(120deg, rgba(202,243,247,1) 0%, rgba(242,249,247,1) 50%, rgba(217,234,245,1) 80%, rgba(201,225,244,1) 100%); !* ff3.6+ *!
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(201,225,244,1)), color-stop(20%, rgba(217,234,245,1)), color-stop(50%, rgba(242,249,247,1)), color-stop(100%, rgba(202,243,247,1))); !* safari4+,chrome *!
    background: -webkit-linear-gradient(120deg, rgba(202,243,247,1) 0%, rgba(242,249,247,1) 50%, rgba(217,234,245,1) 80%, rgba(201,225,244,1) 100%); !* safari5.1+,chrome10+ *!
    background: -o-linear-gradient(120deg, rgba(202,243,247,1) 0%, rgba(242,249,247,1) 50%, rgba(217,234,245,1) 80%, rgba(201,225,244,1) 100%); !* opera 11.10+ *!
    background: -ms-linear-gradient(120deg, rgba(202,243,247,1) 0%, rgba(242,249,247,1) 50%, rgba(217,234,245,1) 80%, rgba(201,225,244,1) 100%); !* ie10+ *!
    background: linear-gradient(330deg, rgba(202,243,247,1) 0%, rgba(242,249,247,1) 50%, rgba(217,234,245,1) 80%, rgba(201,225,244,1) 100%); !* w3c *!
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9e1f4', endColorstr='#caf3f7',GradientType=0 ); !* ie6-9 *!
	}*/

.notification-header {
    width: 80vw;
    display: block;
    margin: 0 auto;
    padding-top: 7vh;
    clear: both;
}

.notification-header .notification-logo {
    float: left;
    display: inline-block;
}

.notification-header .notification-logo img {
    width: 12vw;
    height: auto;
}

.notification-header .notification-close {
    float: right;
    display: inline-block;
    opacity: 1;
    cursor: pointer;
}

.notification-header .notification-close:hover {
    opacity: 0.8
}

.notification-header .notification-close img {
    width: 2vw;
    height: auto;
}

.notification-time {
    width: 80vw;
    display: block;
    margin: 17vh auto 0;
    clear: both;
}

.notification-time h1 {
    font-size: 6vw;
    font-weight: normal;
    color: #0e76bc;
    text-align: center;
    display: block;
    margin: 0;
}

.notification-time span {
    font-size: 2.3vw;
    font-weight: normal;
    color: #0e76bc;
    text-align: center;
    display: block;
    line-height: 1.3vh;
}

.notification-time .message {
    font-size: 3vw;
    font-weight: normal;
    color: #616974;
    text-align: center;
    display: block;
    margin: 5vh;
    line-height: 5vh;
}

.notification-middle {
    width: 100vw;
    clear: both;
    background: url(../../images/other/bg-horn.png) repeat left top;
    position: relative;
}

.notification-middle .middle-message .icon-horn {
    position: absolute;
    float: left;
    margin-top: -10.7vh;
}

.notification-middle .middle-message .icon-horn img {
    width: 8.4vw;
    height: auto;
}

.icon-gear {
    position: fixed;
    background: url(../../images/other/gear.png) no-repeat top right;
    height: 100vh;
    width: 100vw;
    top: 19.3vh;
    right: 10vw;
    background-size: auto 23vw;
}

.notification-middle .middle-message {
    width: 80vw;
    display: block;
    margin: 0 auto;
    clear: both;
    padding: 5vh 0;
}

.notification-middle .middle-message p {
    font-size: 1.5vw;
    font-weight: normal;
    color: #616974;
    text-align: center;
    margin: 0;
    line-height: 6vh;
}

.notification-middle .middle-message .maintaince-msg {
    font-size: 2vw;
    font-weight: normal;
    color: #0e76bc;
    text-align: center;
    width: 50vw;
    margin: 0 auto;
}

.notification-button {
    width: 100vw;
    clear: both;
    margin: 2.5vh auto 0;
}

.notification-button .notify {
    width: 100%;
    margin: 0 auto;
    position: relative;
    min-width: 400px;
}

.notification-button button {
    text-align: center;
    font-size: 1.1vw;
    color: #ffffff;
    outline: none;
    background: #13c28a;
    border: none;
    padding: 0.7vw 2.5vw;
    border-radius: 2vw;
    max-width: 50vw;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    opacity: 1
}

.notification-button button:hover {
    opacity: 0.8;
}

.width-auto {
    width: auto !important;
}


/* upgrade notification end */

#altaManageSite-tabContent .content-block {
    padding: 20px 0 0;
}

.opacity-65 {
    opacity: 0.65 !important;
}

.hub-app-launch .trial-app:hover .app-status-msg {
    display: none;
}

.line-through {
    text-decoration: line-through !important;
}

.hub_app_14 .hide-pop,
.hub_app_8 .hide-pop {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CBCBCB;
    border-radius: 10px;
    color: #CBCBCB !important;
    font-size: 11px !important;
    line-height: 16px;
    padding: 0 !important;
    position: absolute;
    right: -7px;
    text-align: center;
    top: -8px;
    width: 19px !important;
    z-index: 999;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}


/* .new-notes-mdl{width: 500px; margin: 30px auto;} */

.new-notes-mdl .nav-tabs li a span {
    border-radius: 50%;
    color: white;
    padding: 0 5px;
    font-size: 12px;
}

.new-notes-mdl .tabNote-panel {
    background-color: #fff;
    border: 1px solid #ddd;
    float: left;
    max-height: 100px;
    height: 100px;
    padding: 17px 10px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.new-notes-mdl .fahrenheit_no {
    color: #848484;
    font-size: 18px;
    font-weight: bolder;
    line-height: 1;
    padding-top: 5px;
}


/** css for normal font weight **/

.font-normal {
    font-weight: normal !important;
}

.break-word {
    word-wrap: break-word;
}

.bg-dark-purple {
    background-color: #8E389D !important;
}

.closeDay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: #FFC0CB;
}

.closed-disable span:disabled {
    z-index: 1;
}


/* #forecastHeader .table-striped > tbody > tr:nth-child(2n+1){background-color: #fff} */

.closedTime input[disabled] {
    z-index: 1
}

.table-success > td,
.table-success > th {
    background-color: #dff0d8
}

.table-info > td,
.table-info > th {
    background-color: #d9edf7
}

.table-warning > td,
.table-warning > th {
    background-color: #fcf8e3
}

.padding-6 {
    padding: 6px;
}

.half-opc {
    opacity: 0.6;
}

.no-border-top {
    border-top: 0 !important;
}

.angular-google-map-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}


/***My messages new css***/

.app-main-header .message span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}


/* #emp-profile-srch .minor-shared-icon.shared-icon {
    left: 6px !important;
    top: 28px !important;
}*/

.minor-shared-icon {
    position: absolute;
    width: 13px;
    height: 13px;
    top: 22px;
}

.minor-shared-icon.minor-icon {
    margin-left: 18px;
}

@media all and (-ms-high-contrast: none) {
    .minor-shared-icon.minored {
        right: 0;
    }
}

@supports (-ms-accelerator:true) {
    .minor-shared-icon.minored {
        right: 0;
    }
}

.minor-shared-icon.shared-icon {
    margin-left: 0;
}

.left-0 {
    left: 0 !important;
}

.dateRangeOrdSup #frm-date-range .customClass #dateRangePick {
    height: 37px;
}

.padding-right-65 {
    padding-right: 65px;
}

.marginMinus-20 .popover.top {
    margin-top: -20px;
}

.over-short {
    cursor: default
}

.vertical-align-top {
    vertical-align: top !important;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.uploadFile-input input[type="file"] {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.uploadFile-input label i {
    vertical-align: middle;
}

.uploadFile-input label {
    width: 100%;
    text-align: center;
    padding: 30px 0;
    cursor: pointer;
    background-color: #ffffff;
    border: 2px dashed #ccc;
    color: #7c7c7c;
    font-size: 20px;
    font-weight: 300;
    border-radius: 10px;
}

.margin-right-1pr {
    margin-right: 1% !important;
}

.width-83pr {
    width: 83% !important;
}

.no-select-text {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  not supported by any browser */
}

#notes-common-panel .hide-pop,
#schTableFooter .hide-pop {
    border-color: #f00;
}

#notes-common-panel .hide-pop i,
#schTableFooter .hide-pop i {
    font-size: 16px;
    color: #f00;
}

#notes-common-panel .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-width: 1px;
}

.new-notes-mdl .tabNote-panel {
    border-width: 1px;
}

#notes-common-panel .nav-tabs > li {
    margin-bottom: -2px;
}

.weekly_state_bg {
    background-color: rgba(0, 0, 0, 0.04) !important;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-trasnform-default {
    text-transform: none !important;
}

.lines-unavail-pink {
    background-color: #ff7979 !important
}

.lines-unavail-green {
    background-color: #92d050 !important
}

#sidebar_left {
    background: #484d55 !important;
}

.minor-shared-icon-ra-new {
    border-radius: 50%;
    height: 13px;
    position: absolute;
    width: 13px;
}

.img-border-new {
    border: 1px solid #ccc !important;
    padding: 1px !important;
}


/* new available */

.width-10-per-new {
    width: 6% !important;
}

.width-90-per-new {
    width: 94% !important;
}

.width-15-per-new {
    width: 15% !important;
}

.width-85-per-new {
    width: 85% !important;
}

.width-100-per-new {
    width: 100% !important;
}

.availStaticContentBox-new {
    display: table-cell;
    vertical-align: middle;
}

.availStaticContentBox-slotTd {
    box-shadow: none !important;
}

.availStaticContentBox-slotTd p {
    border-right: 1px solid #f2f2f2;
}

.all-day-text {
    border-bottom: 1px solid #f2f2f2;
}

.width-90-per-new .heaserSlotsDiv div div:last-child p {
    border-right: none;
}

.full-opacity-new {
    opacity: 1 !important;
}

.min-width-text {
    min-width: 50px !important;
}

.zs-edit-current {
    position: absolute;
    right: 2px;
    color: blue;
    padding-top: 11px;
    text-decoration: underline;
}

.text-bold {
    font-weight: 600 !important;
}

.event-report-radius {
    background-color: #fafafa;
    border-radius: 0 0 8px 8px;
}

.eval-category {
    background-color: #aaaaaa !important;
    border-radius: 12px 12px 0 0 !important;
    height: 38px;
    padding: 10px 0 10px 48px;
    border-bottom: none !important;
}

.eval-category .panel-title div {
    border-radius: 10px 0 0;
    height: 40px;
    left: 0;
    padding: 10px 12px 0;
    position: absolute;
    top: 0;
    font-weight: bold;
    max-width: 35px;
    min-width: 35px;
    text-align: center;
}

.bg-greyish {
    background-color: #f1f1f1 !important;
}

.event-border-color {
    border-bottom: 1px solid #ccc;
}

.border-top-radius {
    border-radius: 8px 8px 0 0 !important;
}

.fix-img-strct-38 {
    height: 38px !important;
    width: 38px !important;
}

.fix-img-strct-51 {
    height: 51px !important;
    width: 51px !important;
}

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

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

.dropdown-datepicker .bg-silver {
    color: #333333 !important;
}

.cyan {
    color: #35c4ff !important;
}

#task-edit-mdl .img-up,
#task-edit-mdl .img-hover {
    height: 40px !important;
    width: 40px !important;
}

#task-edit-mdl #removeIcon {
    font-size: 15px !important;
    right: 28px !important;
}

#task-edit-mdl #editIcon {
    font-size: 15px !important;
}

.img-border-gray {
    border: 1px solid #ccc
}

.cstm-datepicker::before {
    border-bottom: 7px solid #5a646b !important;
}

.cstm-datepicker {
    border: none !important;
    box-shadow: 1px 2px 9px rgba(0, 0, 0, 0.1) !important;
    min-width: 250px;
}

#EOCustCrctAction_Tbl_001 th:last-child {
    width: 200px;
}

.cstm-datepicker li div table thead {
    background: #5a646b;
}

.cstm-datepicker li div table thead tr:first-child th button {
    background: none;
    color: #e9f0f4;
}

.cstm-datepicker li div table thead tr:last-child th small {
    background: none;
    color: #ffffff;
}

.cstm-datepicker li div table tbody tr {
    border-bottom: 1px solid #f6f7f8;
}

.cstm-datepicker li div table tbody tr:last-child {
    border-bottom: none;
}

.cstm-datepicker li div .cstm-altamonth tbody tr {
    border-bottom: none;
}

.cstm-datepicker li div .cstm-altamonth tbody tr td {
    padding: 9.6px !important;
}

.cstm-datepicker li div .cstm-altamonth tbody tr td button {
    color: #484d55;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    background: none;
}

.cstm-datepicker li div .cstm-altamonth tbody tr td button:hover {
    background: #fafafa;
}

.cstm-datepicker li div .cstm-altamonth tbody tr td button.btn-info {
    background-color: #35c4ff;
    border: none;
}

.cstm-datepicker li div .cstm-altamonth tbody tr td button.btn-info:hover {
    background-color: #4ba3df
}

.cstm-datepicker li div .cstm-altayear tbody tr {
    border-bottom: none;
}

.cstm-datepicker li div .cstm-altayear tbody tr td {
    padding: 5.4px !important;
}

.cstm-datepicker li div .cstm-altayear tbody tr td button {
    color: #484d55;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    background: none;
}

.cstm-datepicker li div .cstm-altayear tbody tr td button:hover {
    background: #fafafa;
}

.cstm-datepicker li div .cstm-altayear tbody tr td button.btn-info {
    background-color: #35c4ff;
    border: none;
}

.cstm-datepicker li div .cstm-altayear tbody tr td button.btn-info:hover {
    background-color: #4ba3df
}

.cln-text-gray {
    color: #999 !important;
}

#cstm-rht-cal .dropdown-menu.cstm-datepicker.filter-list.dropdown-datepicker {
    right: 0;
}

.no_data_display {
    font-size: 9pt;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.025);
    padding: 6px 15px;
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    color: #727171;
}

/* .no_data_display:before{
    content: "";
    position: absolute;
    height: 0px;
    border-top: 1px dashed rgb(198 215 222);
    top: 50%;
    transform: translateY(-50%);
    width: calc(50% - 80px);
    right: 10px;
}
.no_data_display:after{
    content: "";
    position: absolute;
    height: 0px;
    border-top: 1px dashed rgb(198 215 222);
    top: 50%;
    transform: translateY(-50%);
    width: calc(50% - 80px);
    left: 10px;
} */

.warning_data_display {
    font-size: 8.7pt;
    font-style: italic;
    border: 1px solid #e0b1b8;
    color: #cd7e7a;
    border-radius: 2px;
    background-color: #F6E6E6;
    padding: 6px 4px !important;
}

.cstm-dpicker {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.cstm-dpicker table thead {
    background: #5a646b none repeat scroll 0 0;
}

.cstm-dpicker table thead tr th {
    background: #5a646b none repeat scroll 0 0;
    color: #fff;
    height: 20px;
}

.cstm-dpicker table thead tr th button {
    background: #5a646b none repeat scroll 0 0;
    color: #fff;
}

.bg-lightgray {
    background: #f2f2f2;
}

.weather-forecast {
    position: absolute;
    left: 50%;
    margin-left: -90px;
    max-width: 350px;
}

.cstm-popover .warning_data_display {
    width: 116px !important;
    margin-left: -20px;
    text-align: center !important;
}

.cstm-popover .popupBottom {
    top: -10px !important;
}

.msg-err .cstm-popover .warning_data_display {
    max-width: 260px !important;
    width: 260px !important;
    left: -105px !important;
}

.msg-err .cstm-popover .popupBottom {
    left: 140px !important;
}

.max-height-35 {
    max-height: 35px !important;
}

.header_wrap img {
    height: 23px;
    width: 23px;
}

.hwrks.zrpt_box_content .rounded_green_btn {
    background-color: #61c390;
    border-radius: 40px;
    color: #fff;
    padding: 5px 20px;
    margin: 0;
}

.hwrks.zrpt_box_content .rounded_green_btn:hover {
    background-color: #40a26f;
}

.safari {
    width: 10px;
}

.safari-track {
    width: calc(100% - 10px);
    table-layout: fixed;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0;
}

.schTable {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}


/* Safari 7.1+ */

_::-webkit-full-page-media,
_:future,
:root .safari {
    width: 10px !important;
}

_::-webkit-full-page-media,
_:future,
:root .safari-track {
    width: calc(100% - 10px) !important;
}

_::-webkit-full-page-media,
_:future,
:root .schTable {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

_::-webkit-full-page-media,
_:future,
:root ::-webkit-scrollbar {
    width: 10px;
}

_::-webkit-full-page-media,
_:future,
:root ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

_::-webkit-full-page-media,
_:future,
:root ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(100, 100, 100, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}


/* Safari 10.1+ */

@media not all and (min-resolution: .001dpcm) {
    .schTable {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .safari {
        width: 10px !important;
    }

    .safari-track {
        width: calc(100% - 10px);
    }

    ::-webkit-scrollbar {
        width: 10px;
    }

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
        border-radius: 8px;
        -webkit-border-radius: 8px;
    }

    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: rgba(100, 100, 100, 0.8);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    }
}


/* Mac Specific css */

.OSX .minor-shared-icon.minor-icon {
    left: 27px;
    margin-left: 0;
}

.OSX .safari {
    width: 10px;
}

.OSX .safari-track {
    width: calc(100% - 10px);
    table-layout: fixed;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0;
}

.OSX #schTable::-webkit-scrollbar {
    width: 10px;
    -webkit-appearance: none;
}

.OSX #schTable::-webkit-scrollbar-track {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.1) !important;
}

.OSX #schTable::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.2) !important;
}

.OSX #schTable::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.4) !important;
}

.OSX #schTable::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.05) !important;
}

.OSX #emp-profile-srch .minor-shared-icon.minor-icon {
    margin-left: 4px;
}


/* Mac Specific OS targetting mozilla */

@-moz-document url-prefix() {
    .OSX .safari {
        width: 15px;
    }
    .OSX .safari-track {
        width: calc(100% - 15px)
    }
    .OSX #schTable::-webkit-scrollbar {
        width: 15px;
    }
}

.sub-menu-landing {
    background-color: #fcfcfc;
    padding: 15px 5px 0 5px;
    border-radius: 5px;
}

.sub-menu-landing .sml-img-data-wrap {
    padding: 10px;
    cursor: pointer;
    min-height: 70px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 3%);
    transition: all 0.2s ease;
    background-color: #ffffff;
    border-width: 1px 1px 1px 3px;
    border-style: solid;
    border-color: #eeeeee #eeeeee #eeeeee #a6a6a6;
}

.sub-menu-landing .sml-img-data-wrap:hover {
    border-color: #eaf4ff;
    border-radius: 10px;
    box-shadow: 5px 10px 15px rgb(0 0 0 / 5%);
    background-color: #ffffff;
    border-left: 3px solid #7A6EFF;
}

.sub-menu-landing .sml-img-wrap {
    width: 58px;
    height: 58px;
    float: left;
    margin-right: 10px;
    padding: 5px;
    opacity: 1;
    border-radius: 50px;
    background: #fafafa;
}

.sub-menu-landing .sml-img-data-wrap .sml-img-wrap img {
    filter: invert(66%) sepia(52%) saturate(3%) hue-rotate(38deg) brightness(65%) contrast(92%);
    width: 30px;
    height: 30px;
    margin-top: 8px;
    margin-left: 8px;
}

.sub-menu-landing .sml-img-data-wrap:hover .sml-img-wrap img {
    filter: invert(47%) sepia(47%) saturate(4617%) hue-rotate(224deg) brightness(101%) contrast(101%);
}

.sub-menu-landing .sml-img-data-wrap .sml-Data h5 {
    margin: 0 0 2px 0;
    color: #474747;
    font-size: 13px;
}

.sub-menu-landing .sml-img-data-wrap:hover .sml-Data h5 {
    margin: 0 0 2px 0;
    color: #7A6EFF;
    font-size: 13px;
}

.sub-menu-landing .sml-Data p {
    color: #8c8c8c;
    margin: 0;
    font-size: 11px;
}

table thead tr td,
table tbody tr td,
table tr td,
table tr th {
    background-clip: padding-box !important;
}

.date-tip {
    background: rgb(66, 139, 202) none repeat scroll 0% 0%;
    padding: 5px 0;
    max-width: 205px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    color: rgb(255, 255, 255);
    margin-top: 5px;
    font-weight: bold;
    box-shadow: 2px -1px 3px rgba(0, 0, 0, 0.15);
    text-align: center;
}

.filter-on-curve::before {
    left: 3px !important;
    top: 2px !important;
}

.filter-on-curve::after {
    border-top-left-radius: 10px !important;
    border-bottom-width: 9px !important;
    border-left-width: 10px !important;
    border-right-width: 11px !important;
    border-top-width: 11px !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
    .select2-search:after {
        top: 9px !important;
        right: 11px !important;
    }

    .select2-container .select2-choice .select2-arrow b {
        background-position: 10px 5px !important;
    }
}

.hopscotch-bubble {
    z-index: 1030 !important;
}

.date-input-bg-gray {
    background-color: #f6f6f6
}

.min-height-auto {
    min-height: auto !important;
}

.cstm-pagination .table-action-footer {
    margin: 0 !important;
    padding: 5px 0 0 5px;
    background: #FBFBFB;
}

.cstm-pagination .table-action-footer .row {
    margin: 0 !important;
    padding-right: 5px !important;
}

.radius-5 {
    border-radius: 5px !important;
}

.table-fixed {
    table-layout: fixed !important;
}

.inv-summary-detail .tooltip-inner {
    max-width: 100%;
    padding: 5px 11px 11px 11px !important;
}


/*Table For Drag and Drop Css*/

.drag-parent {
    width: 100%;
    display: block;
    float: left;
    background: #fff;
}

.drag-parent ul {
    list-style: none;
    margin: -1px 0 0 0;
    padding: 0;
    width: 100%;
    border: 1px solid rgb(236, 238, 239);
    display: table;
    table-layout: fixed;
}

.drag-parent ul:nth-child(even) {
    background: #fafafa;
}

.drag-parent ul:nth-child(odd) {
    background: #FFF;
}

.drag-parent ul li {
    list-style: none;
    padding: 1px 12px;
    margin: 0;
    display: table-cell;
    border-left: 1px solid rgb(236, 238, 239);
    vertical-align: middle;
}

.drag-parent ul li:first-child {
    border-left: none;
}

.drag-parent ul li:first-child {
    width: 20%;
}

.drag-parent ul li:nth-child(2) {
    width: 15%;
}

.drag-parent ul li:last-child {
    width: 15%;
}

.drag-parent ul li.drag-child:first-child {
    width: 10%;
}

.drag-parent ul li.drag-child:nth-child(2) {
    width: 27%;
}

.drag-parent ul li.drag-child:nth-child(3) {
    width: 27%;
}

.drag-parent ul li.drag-child:nth-child(4) {
    width: 10%;
}

.drag-parent ul li.drag-child:nth-child(5) {
    width: 14%;
}

.drag-parent ul li.drag-child:last-child {
    width: 12%;
}

.inv-summary-detail .tooltip-arrow {
    margin-top: -17px !important;
}


/**************End***************/

.margin-top-27 {
    margin-top: 27px;
}

.date-picker-rib .datepkr-auto ul {
    min-width: 263px;
}

.opacity-half {
    opacity: 0.5;
}

.default-player-img {
    background: url("../icons/video-loader.gif") no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 50%;
    margin-left: -110px;
    top: 20px;
}

.border-right-gray {
    border-right: 1px solid #D3D3D3
}


/* Filter List Drop Starts */

.dropdown-menu.filter-list:after {
    position: absolute;
    top: -7px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #a8a8a8;
    border-left: 7px solid transparent;
    content: '';
    left: 3px;
    transform: rotate(0deg);
}

.dropdown-menu.filter-list:before {
    position: absolute;
    top: -6px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ffffff;
    border-left: 7px solid transparent;
    z-index: 1;
    content: '';
    transform: rotate(0deg);
}

.dropdown-menu.filter-list {
    padding: 0 !important;
    top: 35px;
}

.dropdown-menu.filter-list .altaEventFilter-body {
    padding: 0;
}

.dropdown-menu.filter-list .filter-footer {
    padding: 0;
    display: block;
}

.dropdown-menu.filter-list .filter-footer .col-md-12 {
    width: calc(100% - 30px);
    margin: 4px 15px 9px 15px;
    border-top: 1px solid #e9e9e9;
    padding: 8px 0 0;
}

.dropdown-menu.filter-list .filter-footer .col-md-12 button {
    margin: 0;
}


/* Filter List Drop Ends */


/* Site Drop Down CSS Starts */

.site-dropdown {
    width: 243px;
}

.site-dropdown .dropdown-header {
    padding: 0 0 10px 0;
    margin: 0 15px;
    width: calc(100% - 30px);
}

.site-dropdown .dropdown-header h4 {
    color: #777979;
    font-size: 10pt;
    text-align: left;
    margin: 0;
    padding: 10px 0 7px 0;
    position: relative;
}

.site-dropdown .dropdown-header h4:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 40px;
    left: 0;
    border-top: 2px solid #9f99ff;
}

.site-dropdown .dropdown-content {
    position: absolute;
    padding: 8px 9px;
    top: 0;
    width: 100%;
    height: 40px;
    background: #fff;
    border-radius: 3px 3px 0 0;
}

.app-market-caret ul li a img {
    border-radius: 5px;
}


/* Site Drop Down Ends */

.gray-light {
    color: #a4a7a8 !important;
}


/* new data Tabs  start css*/

.zipInventory-tabs {
    float: left;
    margin-bottom: -1px;
    position: relative;
    z-index: 10;
}

.zipInventory-tabs a {
    float: left;
    max-width: 170px;
    position: relative;
    margin-bottom: 1px;
    text-align: left;
    padding: 5px 0 5px;
    color: #232323;
    font-size: 9pt;
    text-transform: capitalize;
    margin-left: 1px;
    margin-right: 20px;
    height: 32px;
}

.zipInventory-tabs a:hover,
.zipInventory-tabs a.active {
    border-bottom: 2px solid #5cccfc;
}

.zipInventory-tabs a span {
    height: 25px;
    width: 25px;
    float: left;
}


/* breadcrumbs css start */

.zrpt_brdcrm .breadcrumbs {
    background-color: #f9f9f9; /* #F6F7F9 */
    margin: 0;
    padding: 3px 0;
    width: 100%;
    float: left;
    list-style: none;
}

.zrpt_brdcrm .breadcrumbs li {
    float: left;
    position: relative;
    display: inline-block;
    padding: 0 15px 0 10px;
}

.zrpt_brdcrm .breadcrumbs li:after,
.zrpt_brdcrm ul li:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.zrpt_brdcrm .breadcrumbs li:after,
ul li:before {
    top: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.zrpt_brdcrm .breadcrumbs li:last-child:after {
    border-color: transparent;
    border-left-color: none;
    border-width: 5px;
    margin-top: -5px;
}

.zrpt_brdcrm .breadcrumbs li:last-child:before {
    border-color: transparent;
    border-left-color: none;
    border-width: 7px;
    margin-top: -7px;
}

.zrpt_brdcrm .breadcrumbs li:after {
    border-color: transparent;
    border-left-color: #F6F7F9;
    border-width: 3px;
    margin-top: -3px;
}

.zrpt_brdcrm .breadcrumbs li:before {
    border-color: transparent;
    border-left-color: #54a2f2;
    border-width: 5px;
    margin-top: -5px;
}

.zrpt_brdcrm .breadcrumbs li a {
    text-decoration: none;
    width: 100%;
    font-size: 8.7pt;
    outline: none;
    color: #232323;
}

.zrpt_brdcrm .breadcrumbs li a i {
    font-size: 11pt;
}

/* breadcrumbs css end */

#btn-filter,
.btn-filter,
.btn-light {
    margin: 0;
    border-radius: 25px !important;
    background: #fff;
    border: 1px solid #dddfe0;
    color: #9b9c9d;
    padding: 4px 12px;
    font-size: 9pt;
}

#btn-filter img,
.btn-filter img,
.btn-light img {
    height: 13px;
    width: 13px;
    margin-left: 5px;
}


/* Date Picker with next prev btn Css starts */

#datepkr-auto .btn-light:first-child {
    border-radius: 40px 0 0 40px !important;
}

#datepkr-auto .btn-light:nth-child(2) {
    border-radius: 0 !important;
}

#datepkr-auto .btn-light:last-child {
    border-radius: 0 40px 40px 0 !important;
}

#datepkr-auto .btn-light {
    background-color: #fff;
}


/* Date Picker with next prev btn Css Ends */


/* page structure css start */

.zrpt_box_content {
    background-color: #eff3f6;
    width: 100%;
    float: left;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
}

.zrpt_box_content .schedule_sumry_title {
    padding: 10px 10px 0;
    background-color: #FBFBFB;
    float: left;
    width: 100%;
}

.zrpt_box_content .schedule_sumry_title h5 {
    font-size: 9pt;
    color: #737680;
}

.zrpt_box_content .schedule_sumry_wrapper {
    padding: 10px;
    background-color: rgb(251, 251, 251);
    float: left;
    width: 100%;
    border-radius: 0 0 5px 5px;
}

.zrpt_box_content .site_reports_wrapper {
    background-color: rgb(251, 251, 251);
    padding: 10px;
    border-radius: 0 0 5px 5px;
    float: left;
    width: 100%;
}

.zrpt_box_content .header_wrap {
    float: left;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #f3f3f3;
    border-radius: 4px 4px 0 0;
    color: #232323;
    font-size: 11pt;
    font-weight: 400;
    padding: 6px 10px;
    position: relative;
}

.zrpt_box_content .header_wrap .btn-group {
    vertical-align: top;
    margin-top: 1px;
}

.zrpt_box_content .header_wrap .seperator_sky {
    border-bottom: 1px solid #5cccfc;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 12%;
}

.zrpt_box_content .header_wrap .btn {
    padding: 3px 12px !important;
}

.zrpt_box_content .header_wrap .altaEventFilter-on::before {
    height: 25.5px;
}

/* page structure css end */


/* Date Range Css Starts */

.date-range-filter {
    position: relative;
    margin: 0;
}

.date-range-filter span {
    position: absolute;
    left: 0;
    top: 0;
    border: 0;
    background: transparent;
    z-index: 3;
    padding: 6px 12px;
}

.date-range-filter span img {
    height: 18px;
    width: 18px;
    filter: invert(1);
}

.date-range-filter input {
    border-radius: 40px ! important;
    background-color: #fff !important;
    border-radius: 30px !important;
    padding-left: 38px !important;
    width: 200px !important;
    color: #232323;
    height: 30px;

}

#frm-date-range input[type=text] {
    font-family: 'Noto Sans KR' !important;
    font-size: 9.5pt !important;
}

.multi-select-filter {
    padding-right: 15px !important;
}

.multi-select-filter i.fa-filter {
    font-size: 8.5pt;
}

/* #frm-date-range input[type="text"]{font-size: 13px !important;} */


/* Date Range Css Ends */


/* Panel Group Table CSS Starts */

.panel-group .panel .panel-heading table thead tr th {
    background: #f2f2f2;
}


/* Panel Group Table CSS Ends */


/* Date Range Calendar CSS Starts */

.daterangepicker.dropdown-menu:after {
    Content: "";
    border-bottom: 7px solid #5A646B;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    left: 10px;
    top: -7px;
    position: absolute;
}

.daterangepicker.dropdown-menu:before {
    Content: "";
    border-bottom: 7px solid #5A646B;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    left: 10px;
    top: -6px;
    position: absolute;
}


/* Date Range Calendar CSS Ends */


/* Zip Orderning OnBoard Wizard Css Starts */

.inv-onb-org-wiz-wrapper .zrpt_box_content {
    background-color: transparent;
}


/* Zip Orderning OnBoard Wizard Css Ends */


/****** Buttons start ******/

.btn {
    margin-bottom: 0;
    font-size: 10pt;
}

.btn.btn-light {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
}


.btn-inverse:hover,
.open .btn-inverse.dropdown-toggle {
    background-color: #303030 !important;
    border-color: #555555;
    color: #FFFFFF;
}

.cstm-datepicker .btn-info,
.cstm-datepicker a.btn-info:link,
.cstm-datepicker a.btn-info:visited {
    color: #FFFFFF !important;
    background-color: #35c4ff;
    border-radius: 20px !important;
}

.btn-dark-black {
    background-color: #2B2D2F;
    border-color: #232426;
    color: #FFFFFF;
}


/* Button Sizes */

.btn-info-for-drive {
    background-color: #97cefb;
    border-color: #97cefb;
    color: #FFFFFF;
}

.btn-success-next,
.btn-warning-prev {
    color: #FFF;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    height: 48px !important;
    padding: 10px 0 !important;
    position: relative;
    width: 177px;
}

.btn-warning-prev {
    background-color: #fdc84c;
    margin-left: 16px;
    border-radius: 0 14px 14px 0;
}

.btn-success-next {
    background-color: #1bbc9b;
    margin-right: 16px;
    border-radius: 14px 0 0 14px;
}

.btn-warning-prev:after {
    border-bottom: 24px solid transparent;
    border-right: 22px solid #fdc84c;
    border-top: 24px solid transparent;
    content: "";
    left: -22px;
    position: absolute;
    top: -1px;
}

.btn-warning-prev:hover,
.btn-warning-prev:active,
.btn-warning-prev:focus {
    color: #FFF;
    background-color: #f2c14f;
    box-shadow: none;
}

.btn-warning-prev:hover:after {
    border-right-color: #f2c14f;
}

.btn-success-next::after {
    border-bottom: 25px solid transparent;
    border-left: 24px solid #1bbc9b;
    border-top: 25px solid transparent;
    content: "";
    position: absolute;
    right: -24px;
    top: -1px;
}

.btn-success-next:hover,
.btn-success-next:active,
.btn-success-next:focus {
    color: #FFF;
    background-color: #19ab8d;
    box-shadow: none;
}

.btn-success-next:hover:after {
    border-left-color: #19ab8d;
}

.input-append .btn {
    -webkit-border-radius: 0 4px 4px 0 !important;
    -moz-border-radius: 0 4px 4px 0 !important;
    border-radius: 0 4px 4px 0 !important;
}

.input-prepend > .btn,
.input-append > .btn {
    border-radius: 0 !important;
    line-height: 20px;
    padding: 0 6px;
}

.input-prepend > .btn.btn-small,
.input-append > .btn.btn-small {
    border-radius: 0 5px 5px 0 !important;
    line-height: 28px;
    font-size: 13px;
}

.btn.dim {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    margin-right: 2px;
    margin-left: 2px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.6) !important;
    width: 25px;
    height: 25px;
    padding: 0;
    line-height: 23px;
    border-color: transparent;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    margin-top: -3px;
}

.btn.dim:hover {
    border-radius: 50%;
}


/* Rounded Button Css Start */

.btn {
    padding: 4px 12px;
}

.btn.btn-sm {
    border-radius: 25px;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 3px 10px;
    border-radius: 25px;
    font-size: 8pt;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 4.5px 13px;
    font-size: 8.5pt;
}

.rounded_green_btn {
    background-color: #61c390;
    border-radius: 40px;
    color: #fff;
    padding: 3.5px 13px;
    font-size: 8.5pt;
    line-height: 1.5;
}

.rounded_green_btn:hover {
    background-color: #40a26f;
}

.rounded_gray_btn {
    background-color: #8A8F9F;
    border-radius: 40px;
    color: #fff;
    padding: 3.5px 13px;
    font-size: 8.5pt;
    line-height: 1.5;
}

.rounded_gray_btn:hover {
    background-color: #8A8F9F;
}

.rounded_yello_btn {
    background-color: #f0ad4e;
    border-radius: 40px;
    color: #fff;
    padding: 3.5px 13px;
    font-size: 8.5pt;
    line-height: 1.5;
}

.rounded_yello_btn:hover {
    background-color: #f0ad4e;
}

.rounded_blue_btn {
    background-color: #35c4ff;
    border-radius: 40px;
    color: #fff;
    padding: 3.5px 13px;
    font-size: 8.5pt;
    line-height: 1.5;
}

.rounded_blue_btn:hover {
    opacity: 0.8;
    color: #fff;
}

.rounded_red_btn {
    background-color: #fd5969;
    border-radius: 40px;
    color: #fff;
    padding: 3.5px 13px;
    font-size: 8.5pt;
    line-height: 1.5;
}

.rounded_red_btn:hover {
    background-color: #D00E16;
}

.rounded_black_btn {
    background-color: #8A8F95;
    border-radius: 40px;
    color: #fff;
    padding: 3.5px 13px;
    font-size: 8.5pt;
    line-height: 1.5;
}

.rounded_black_btn:hover {
    background-color: #777;
    color: #fff;
}

.rounded_blue_btn:hover,
.rounded_red_btn:hover,
.rounded_green_btn:hover,
.rounded_gray_btn:hover,
.rounded_black_btn:hover {
    color: #fff;
}

.rounded_blue_btn:focus,
.rounded_red_btn:focus,
.rounded_green_btn:focus,
.rounded_gray_btn:focus,
.rounded_black_btn:focus {
    color: #fff;
}

.rounded_transparent_btn {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    border: 0.12em solid #fff;
}

.rounded_transparent_btn:hover,
.rounded_transparent_btn:focus {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    border: 0.12em solid #fff;
}


/* Rounded Button Css Ends */


/****** Buttons end ******/

.select2-container .select2-choice {
    border: 1px solid rgb(221, 223, 224);
    /* color: #939596; */
    border-radius: 5px;
    padding: 0 12px;
    height: 30px;
    line-height: 27px;
}

.hr-line {
    float: left;
    width: 100%;
    border-top: 1px solid rgb(221, 223, 224, 0.6) !important;
}


/* Input group Border Radius for Right Span  */

.input-group span:first-child, .input-group .input-group-addon:first-child {
    border-radius: 5px 0 0 5px;
}

.input-group span:last-child, .input-group .input-group-addon:last-child {
    border-radius: 0 5px 5px 0;
}

.input-group input:first-child {
    border-radius: 5px 0 0 5px;
}

.input-group input:last-child {
    border-radius: 0 5px 5px 0;
}

.input-group.input-group-f-span input,
.input-group.input-group-f-span ng-form fn-password input {
    border-radius: 0 5px 5px 0;
}

.input-group-f-span span {
    border-radius: 5px 0 0 5px;
}

.input-group-l-span input {
    border-radius: 5px 0 0 5px;
}

.input-group-l-span textarea {
    border-radius: 5px 0 0 5px;
}

.input-group-l-span span {
    border-radius: 0 5px 5px 0;
}

.input-group-f-span.input-group-radical input {
    border-radius: 0 25px 25px 0;
}

.input-group-f-span.input-group-radical span {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.input-group-l-span.input-group-radical input {
    border-radius: 25px 0 0 25px;
}

.input-group-l-span.input-group-radical span {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.input-group ng-form:first-child alta-field input, .input-group alta-field:first-child input {
    border-radius: 5px 0 0 5px;
}

.input-group ng-form:last-child alta-field input, .input-group alta-field:last-child input {
    border-radius: 0 5px 5px 0;
}

#site_search {
    padding: 4px 12px;
}


/* Table search box css starts */

.table-search {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border: 1px solid rgb(220, 222, 223);
    border-radius: 5px;
    overflow: hidden;
    top: 0;
    z-index: 1;
}

.table-search:focus {
    border: 1px solid rgb(102, 175, 233);
}

.table-search input {
    border: none;
    font-size: 10px;
    height: 23px !important;
    min-height: 23px !important;
    padding: 5px 10px !important;
    font-size: 10px;
}

.table-search input:focus {
    border: none;
}

.table-search span {
    border: none;
    padding: 2px 10px;
    line-height: 5px;
}


/* Table search box css Ends */

.select2-container .select2-choice .select2-arrow b {
    background-position: 10px 12px;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -40px 10px;
}

/* Schedule Scheduling Screen */


/* Alta client table btn Starts */

.alta-table-btn {
    height: 13px;
    width: 13px;
}

.table > tbody > tr > td .btn.btn-link {
    border: 0;
    font-size: 9pt;
    line-height: 7.7pt;
}

.table > tbody > tr > td .btn.btn-link i {
    font-size: 11.5pt;
    line-height: 11.5pt;
}

/* Alta client table btn ends */

.btn-group #day.btn {
    border-radius: 25px 0 0 25px !important
}

.btn-group #week.btn {
    border-radius: 0 !important
}

.btn-group #month.btn {
    border-radius: 0 25px 25px 0 !important
}

.btn-group #week.radius-rt-b.btn {
    border-radius: 0 25px 25px 0 !important;
}

.btn-group #day.btn.active,
.btn-group #week.btn.active,
.btn-group #month.btn.active {
    box-shadow: none;
    background: #f2f2f2;
}

.inv-sumry-div {
    background: #fafafa;
    border-radius: 5px;
    padding: 5px 10px;
    color: #5d5e5e;
    font-weight: bold;
}

.inv-sumry-title {
    padding-bottom: 2px;
    margin-bottom: 4px;
    border-bottom: 1px solid #ccc;
    font-size: 11px;
    font-weight: normal;
}

.openSearchBox {
    display: none;
    position: absolute;
    width: 100%;
    top: 9px;
    padding: 0 10px;
    background: #fff;
}


/* Forecast Screen Css Starts */

#forecastHeader .weather-data-holder {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

#forecastHeader .weather-data-holder:hover {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    background: #fff;
}


/* Forecast Screen Css Ends */

.margin-top-25 {
    margin-top: 25px;
}

.app-mkt-close-btn {
    right: 5px;
    top: 5px;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 9999;
}

.text-camelcase span {
    text-transform: lowercase;
    display: inline-block;
    vertical-align: inherit
}

.text-camelcase span::first-letter {
    text-transform: uppercase
}


/* Chat box css start */

#designstudio {
    top: 80px;
    bottom: inherit !important;
}


/* Chat box css ends */

#main-desktop {
    box-shadow: none !important
}

.padding-l-r-30 {
    padding: 0 25px;
}

.padding-l-r-40 {
    padding-left: 40px;
    padding-right: 40px;
}

/* When calendar at right Ends Css Starts */

.calendar-right-end .cstm-datepicker {
    margin-left: -100px !important;
    right: 0 !important;
}


/* When Calendar at Right Ends Css Ends */

.qnty-entry {
    width: 80px;
    margin: 0 auto;
    border-radius: 25px !important;
    height: 30px;
}


/* Alta Event Filter Css Starts */

#altaEventFilterDrct .altaEventFilter1 {
    padding: 5px;
    top: 36px;
    left: 50%;
    margin-left: -92px;
    width: 190px;
}

#altaEventFilterDrct .altaEventFilter2 {
    min-width: 350px;
    width: 260px;
    padding: 5px;
    top: 36px;
    left: 50%;
    margin-left: -173px;
}

#altaEventFilterDrct .altaEventFilter3 {
    min-width: 500px;
    width: 500px;
    padding: 5px;
    top: 36px;
    left: 50%;
    margin-left: -247px;
}

#altaEventFilterDrct .altaEventFilter4 {
    min-width: 460px;
    width: 460px;
    padding: 5px;
    top: 36px;
    left: -155px;
}

#altaEventFilterDrct .altaEventFilter-body:last-child {
    border: none;
}

#altaEventFilterDrct .altaEventFilter-Header {
    float: left;
    padding: 9px 15px 7px 15px;
    position: relative;
}

#altaEventFilterDrct .altaEventFilter-Header h5 {
    color: #848586;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}

#altaEventFilterDrct .altaEventFilter-Header span {
    position: absolute;
    right: 15px;
    top: 10px;
}

#altaEventFilterDrct .altaEventFilter-Header h5:before {
    content: "";
    width: 40px;
    bottom: 3px;
    position: absolute;
    border-bottom: 1px solid rgb(142, 135, 255);
}

#altaEventFilterDrct #sch-filter-popup {
    display: flex;
}

#altaEventFilterDrct .altaEventFilter-body {
    border-right: 1px solid rgb(233, 233, 233);
    min-height: auto;
    float: left;
    padding: 0;
}

#altaEventFilterDrct .altaEventFilter-body div.filter-toggle {
    float: left;
    padding: 5px 15px;
    background: #fff;
    width: 100%;
}

#altaEventFilterDrct .altaEventFilter-body div.filter-toggle label.selected {
    opacity: 1;
}

#altaEventFilterDrct .altaEventFilter-body div.filter-toggle label {
    opacity: 0.6;
}

#altaEventFilterDrct .altaEventFilter-body div.filter-toggle:hover {
    background: #fafafa;
}

#altaEventFilterDrct .altaEventFilter-body div.filter-toggle i {
    font-size: 11px;
    margin-right: 5px;
    padding: 1px;
    color: #95989a;
}

#altaEventFilterDrct .altaEventFilter1 .altaEventFilter-Header {
    width: 100%;
}

#altaEventFilterDrct .altaEventFilter1 .altaEventFilter-body {
    width: 100%;
}

#altaEventFilterDrct .altaEventFilter2 .altaEventFilter-Header {
    width: 50%;
}

#altaEventFilterDrct .altaEventFilter2 .altaEventFilter-body {
    width: 50%;
    float: left;
    display: table-cell;
    vertical-align: top;
    padding: 0.1px;
}

#altaEventFilterDrct .altaEventFilter3 .altaEventFilter-Header {
    width: 33.3%;
}

#altaEventFilterDrct .altaEventFilter3 .altaEventFilter-body {
    width: 33.3%;
    float: left;
    display: table-cell;
    vertical-align: top;
}

#altaEventFilterDrct .altaEventFilter4 .altaEventFilter-Header {
    width: 25%;
}

#altaEventFilterDrct .altaEventFilter4 .altaEventFilter-body {
    width: 25%;
    float: left;
    display: table-cell;
    vertical-align: top;
}

.altaEventFilter-on::before {
    background: rgb(27, 188, 155) none repeat scroll 0 0;
    border-radius: 15px 0 0 15px;
    color: rgb(255, 255, 255);
    content: "";
    font-family: fontawesome;
    font-size: 8px;
    font-weight: normal;
    height: 27.5px;
    left: -5px;
    padding-top: 8px;
    position: absolute;
    top: -1px;
    width: 15px;
    z-index: 1;
}

.altaEventFilter-on::after {
    /*  border-color: #1bbc9b transparent transparent #1bbc9b;
        border-style: solid;
        border-width: 8px 8px 9px 9px; */
    content: "";
    height: 0;
    left: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    width: 0;
}

.hide-pop {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CBCBCB;
    border-radius: 10px;
    color: #CBCBCB !important;
    font-size: 10px !important;
    line-height: 16px;
    padding: 0 !important;
    position: absolute;
    right: -7px;
    text-align: center;
    top: -8px;
    width: 19px !important;
    height: 19px !important;
    z-index: 9999;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}


/* Alta Event Filter Css Ends */


/* Hopscotch CSS Overide Starts */

div.hopscotch-bubble {
    border: none !important;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}

div.hopscotch-bubble .hopscotch-nav-button.next {
    border-color: #35c4ff;
    color: #fff;
    margin: 0 0 0 10px;
    text-shadow: none !important;
    background-color: #287bbc;
    filter: none !important;
    background-image: none !important;
    padding: 4px 12px !important;
}

div.hopscotch-bubble .hopscotch-nav-button.next:hover {
    box-shadow: none !important;
    background-image: none !important;
}

div.hopscotch-bubble .hopscotch-nav-button.prev {
    border: 1px solid #dddfe0 !important;
    color: #9b9c9d !important;
    background-color: #fff !important;
    background-image: none !important;
}

div.hopscotch-bubble .hopscotch-nav-button.prev:hover {
    background-color: #e8e8e8;
    filter: none !important;
    background-image: none !important;
    box-shadow: none !important;
}

div.hopscotch-bubble .hopscotch-nav-button {
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif;
    border-width: 0 !important;
    border-style: solid;
    cursor: pointer;
    margin: 0;
    height: auto !important;
    overflow: visible;
    text-decoration: none !important;
    width: auto;
    padding: 3px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    *zoom: 1;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.hopscotch-bubble h3 {
    color: #959595;
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: auto !important;
    margin: -1px 15px 0 0;
    padding: 0;
}

div.hopscotch-bubble .hopscotch-content {
    color: #818181 !important;
}

div.hopscotch-bubble .hopscotch-bubble-number {
    background: #61c390 !important;
    padding: 0 !important;
    border-radius: 15px !important;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
    bottom: -34px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
    top: -34px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {
    left: -17px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
    right: -34px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
    left: 1px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
    left: -1px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
    top: 1px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
    top: -18px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
    border-right: 17px solid rgba(0, 0, 0, .1);
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
    border-left: 17px solid rgba(0, 0, 0, .1);
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
    border-right: 17px solid rgba(0, 0, 0, .1);
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
    border-top: 17px solid rgba(0, 0, 0, .1);
}


/* Hopscotch CSS Overide Ends */


/* Bootstrap Calendar Css Starts */

.btsp-cal {
    height: 16px !important;
    width: 16px !important;
    margin: 0 5px 0 0 !important;
    vertical-align: text-top !important;
}


/* Bootstrap Calendar Css Ends */


/* Select SIze Input Control Css Starts */

.selectsize-input-control .selectize-control .selectize-input {
    border: 1px solid #e2e2e2 !important;
    padding: 6px 12px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    border-radius: 25px;
    text-align: left;
    box-shadow: none !important;
    background-image: none !important;
    background-color: #fff !important;
    color: #939596;
    font-size: 15px;
}


/* Select SIze Input Control Css Ends */


/* Time Clock Devices */

#time-device-1 .col-md-4 {
    border: 1px solid #f2f2f2;
    padding: 40px 15px 20px;
    min-height: 268px;
}

#time-device-1 .col-md-4 img {
    max-height: 130px;
    margin: 0 auto;
    width: auto;
}

#time-device-1 .col-md-4 h4 {
    font-size: 15px !important;
    color: #575757;
}

#time-device-2 .col-sm-7 {
    padding: 15px;
}

#time-device-2 .col-md-5 {
    padding: 15px;
    background: #fafafa;
}

#time-device-2 .col-md-5 h4 {
    margin: 0;
    padding-bottom: 15px !important;
    color: #575757;
    font-weight: normal;
}

#time-device-2 .col-md-5 img {
    width: 100%;
}


/* Time Clock Devices */

.btn-group.btn-group-relation .btn:first-child {
    border-radius: 25px 0 0 25px !important;
}

.btn-group.btn-group-relation .btn:last-child {
    border-radius: 0 25px 25px 0 !important;
}

.select2-container-radical .select2-container .select2-choices {
    background-color: #fff !important;
    border: 1px solid rgb(221, 223, 224) !important;
    border-radius: 25px;
}

.select2-container-radical .select2-container .select2-choices .select2-search-field input {
    min-height: 23px !important;
    padding: 3px 10px !important;
}

.notes-box .nb-header {
    margin: 0;
    padding: 8px 20px;
    border-radius: 6px 6px 0 0;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    color: #646464;
}

.notes-box .nb-header .close {
    border: 1px solid rgb(154, 158, 167);
    border-radius: 15px;
    color: rgb(255, 0, 0);
    font-size: 15px;
    height: 20px;
    line-height: 10px;
    margin-top: 5px;
    opacity: 0.5;
    width: 20px;
    position: absolute;
    right: 5px;
}

.modal .modal-dialog .modal-content .panel {
    border: none !important;
}

.modal .modal-dialog .modal-content .panel .panel-heading {
    border-radius: 3px 3px 0 0;
}

@media only screen and (max-width: 420px) {
    .center.upload-image {
        margin-top: -50px;
        margin-bottom: -30px;
    }

    .center.upload-image > img {
        width: 70px;
    }

    #wizard-org-detail > .space-28 {
        padding: 10px 0;
    }
}

.btn:focus,
button:focus {
    outline: none !important;
    box-shadow: none;
}

table.no-td-padding tbody td {
    padding: 0 !important;
}

.tooltip-full .tooltip {
    width: 180px !important;
}

#sitebubble {
    width: 100px;
    height: 24px;
    position: relative;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    margin-left: 25px;
    font-size: 11px;
    background: #A8D277;
}

#sitebubble:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 7px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 10px solid #A8D277;
}

.select2-container.select2-container-multi ul.select2-choices {
    min-height: 19px;
    background-color: #fff;
    border: 1px solid rgb(221, 223, 224);
    min-height: 30px !important;
    border-radius: 5px;
    padding: 1px 1px 0 1px;
}

.select2-container.select2-container-multi .select2-choices .select2-search-choice {
    padding: 2.5px 10px 2.5px 20px;
    margin: 1px 0 1px 2px;
    font-size: 8.5pt;
    line-height: 16.5px;
}

.select2-container.select2-container-multi .select2-search-choice-close {
    top: 5px;
}

.select2-container.select2-container-multi .select2-choices .select2-search-field input {
    min-height: 23px !important;
    padding: 0;
}

/* Chart data css starts */

.chart-data {
    position: absolute;
    top: calc(100% - 30px);
    width: 88px;
    height: 34px;
    background: transparent;
    border: 2px solid red;
    border-radius: 0;
    left: 50%;
    margin-left: -43px;
    line-height: 27px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

.chart-data:after {
    Content: "";
    border-bottom: 7px solid red;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    left: 50%;
    margin-left: -7px;
    top: -7px;
    position: absolute;
}

.chart-data:before {
    Content: "";
    border-bottom: 7px solid #fff;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    left: 50%;
    margin-left: -7px;
    top: -6px;
    position: absolute;
}


/* Chart Data css ends  */

.invite_modal.modal-md {
    top: 85px;
}

.close-red {
    border: 1px solid rgb(154, 158, 167);
    border-radius: 15px;
    color: rgb(255, 0, 0);
    font-size: 15px;
    height: 20px;
    line-height: 10px;
    margin-top: 5px;
    opacity: 0.5;
    width: 20px;
    position: absolute;
    right: 8px;
    top: 5px;
    text-align: center;
    padding: 0;
}

.addNote-input input.padding-right-20per {
    padding-right: 20%;
}

.rounded_orange_btn:hover {
    background-color: #cc4c09;
    color: #fff;
}

.rounded_orange_btn {
    background-color: #ed6f00;
    border-radius: 40px;
    color: #fff;
    padding: 3.5px 13px;
    font-size: 8.5pt;
    line-height: 1.5;
}

.rounded_yellow_btn:hover {
    background-color: #FFC300;
    color: #fff;
}

.rounded_yellow_btn {
    background-color: #FFC300;
    border-radius: 40px;
    color: #fff;
    padding: 3.5px 13px;
    font-size: 8.5pt;
    line-height: 1.5;
}

.text-captilize {
    text-transform: capitalize
}

.block-ellipsis {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 38px;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* current week start */

.currentWeek {
    background-color: #d6ecee;
    border-color: transparent;
    color: #35c4ff !important;
    border-radius: 0;
    padding: 0;
}

.currentWeek .cutomiseBtn {
    background-color: #d6ecee !important;
}

.currentWeek .cutomiseBtn span {
    color: #35c4ff !important;
}

.currentWeek .cutomiseBtn.btn-info {
    background-color: #d6ecee !important;
    border-radius: 0 none !important;
    opacity: 1 !important;
    color: #35c4ff !important;
}

.currentWeek.startWDay {
    border-radius: 20px 0 0 20px !important;
    padding-right: 0;
}

.currentWeek.endWDay {
    border-radius: 0 20px 20px 0 !important;
    padding-left: 0;
}

.currentWeek.startWDay,
.currentWeek.endWDay {
    background-color: #35c4ff;
    border-color: transparent;
    color: #fff;
}

.currentWeek.startWDay .cutomiseBtn.btn-info,
.currentWeek.endWDay .cutomiseBtn.btn-info {
    border-radius: 20px;
    width: auto !important;
}

.currentWeek.startWDay .cutomiseBtn,
.currentWeek.endWDay .cutomiseBtn {
    background-color: #35c4ff !important;
    border-radius: 20px;
}

.currentWeek.startWDay .cutomiseBtn span,
.currentWeek.endWDay .cutomiseBtn span {
    color: #fff !important;
}

.currentWeek .cutomiseBtn.btn-info span {
    border-radius: 20px !important;
    background-color: white !important;
    color: red !important;
    box-shadow: 0 0 3px #fff;
    padding: 3px 6px;
}

.currentWeek .cutomiseBtn.btn-info.currentdate span {
    background-color: transparent !important;
    box-shadow: 0 0 3px #fff;
    padding: 0 !important;
    color: #35c4ff !important;
}


/*google recaptcha start*/

.captcha-container {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    float: left;
    position: relative;
    background: #f9f9f9;
    padding-left: 10px;
}

.captcha-container .checkbox-wrapper label {
    padding: 20px;
    float: left;
}

.captcha-container .checkbox-wrapper label input {
    visibility: hidden;
    position: absolute;
    left: 0;
}

.captcha-container .checkbox-wrapper label span.captcha-checkbox {
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 6px;
    border: 2px solid #c3c3c3;
    vertical-align: middle;
    cursor: pointer;
}

.captcha-container .checkbox-wrapper label span.captcha-text {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    font-family: 'Noto Sans KR', Helvetica, Arial, sans-serif;
    padding-left: 15px;
    color: #4c4a4b;
}

.captcha-container .checkbox-wrapper label img.animation {
    width: 22px;
    display: inline-block;
    vertical-align: middle;
}

.captcha-container .checkbox-wrapper img.captcha-logo {
    float: right;
    height: 65px;
    margin: 2px;
}


/*google recaptcha end*/


/* current week end */

.daterangepicker.dropdown-menu.show-calendar.opensright {
    z-index: 1000
}

.width-25-per {
    width: 25%;
}

.parent-folder .in-active > ul {
    display: none
}

.pointer-none {
    pointer-events: none;
}

.upload-image-onbiz {
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
}

#wizard-org-detail {
    margin-bottom: 20px;
}

.disabled_site {
    pointer-events: none;
    opacity: .5;
}

#weather-pop {
    min-height: 20px;
}

#schedule-user .table > thead > tr > th,
#schedule-user .table > tbody > tr > th,
#schedule-user .table > tfoot > tr > th,
#schedule-user .table > thead > tr > td,
#schedule-user .table > tbody > tr > td,
#schedule-user .table > tfoot > tr > td {
    line-height: 1.42857;
    vertical-align: middle;
    background-clip: padding-box !important;
    padding: 5px 10px;
}

.assign-icon,
.unassign-icon {
    display: none
}

.assign-text,
.unassign-text {
    display: inherit;
}

.assign-icon img,
.unassign-icon img {
    height: 20px;
    width: 20px;
}

.select2-normalise {
    background: transparent !important;
    border-radius: 5px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #dbdbdb !important;
    font-size: 13px !important;
}

.select2-normalise option {
    background: #f7f7f7 !important;
    color: #000 !important;
}

.select2-normalise option:hover {
    background: #666 !important;
    color: #fff !important;
}

#datepkr-auto {
    min-width: 196px;
}


/* Linux Specific Css Code Start */

.Linux .daterangepicker.dropdown-menu {
    max-width: 500px;
    min-width: 468px;
}

.Linux .daterangepicker .calendar {
    min-width: 231px;
}


/* Linus Specific Css Code Ends */


/* confirm-modal */

.modal-dialog.confirm-modal .modal-header .close {
    color: #fff;
    opacity: 0.7;
    border: 1px solid #fff;
}

.info-alert {
    padding: 10px;
    border: 1px solid #f2f2f2;
    background: white;
    border-radius: 5px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

.info-alert .info-alert-wrapper {
    width: 100%;
    float: left;
    display: block;
}

.info-alert .info-alert-wrapper .info-alert-icon {
    display: inline-block;
    vertical-align: middle;
}

.info-alert .info-alert-wrapper .info-alert-icon img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.info-alert .info-alert-wrapper .info-alert-content {
    display: inline-block;
    vertical-align: middle;
}

.info-alert .info-alert-wrapper .info-alert-content h3 {
    font-size: 16px;
    margin: 0;
    color: #777;
    font-weight: 600;
}

.info-alert .info-alert-wrapper .info-alert-content h5 {
    font-size: 12px;
    margin: 4px 0 3px 0;
    color: #777;
}

.info-alert .info-alert-wrapper .info-alert-content h3 span {
    height: 20px;
    min-width: 20px;
    font-size: 13px;
    border-radius: 10px;
    background: #ff5473;
    position: absolute;
    top: 3px;
    margin-left: 15px;
    text-align: center;
    color: #fff;
    line-height: 17px;
    padding: 2px;
}

.employee-table-pagination > div {
    margin: 0 !important;
}

.emp-table-fix .emp-min-height {
    min-height: 41px;
    padding-top: 14px !important;
}

.emp-table-fix .padding-5 {
    padding: 4px !important;
}

@media only screen and (min-width: 1367px) and (max-width: 1920px) {
    .emp-table-fix .emp-min-height {
        min-height: 41px;
        padding-top: 14px !important;
    }

    .emp-table-fix .padding-5 {
        padding: 8px !important;
    }
}

.visibility-hidden {
    visibility: hidden
}

.select-highlight-red {
    border: 1px solid red;
    border-radius: 4px;
}

#emp-profile-srch .minor-shared-icon {
    position: absolute;
    width: 13px;
    height: 13px;
    top: 15px;
}

#emp-profile-srch .minor-shared-icon.minor-icon {
    margin-left: 18px;
}

.daterangepicker.dropdown-menu {
    max-width: 468px;
    min-width: 468px;
}

.lowercase {
    text-transform: lowercase;
}


/* Profile dropdown structure css starts */

.nav-profile > .dropdown-menu {
    min-width: 310px;
    width: 100%;
    margin: 10px 10px 0 0 !important;
    border-radius: 5px !important;
    border: none;
}

.nav-profile > .dropdown-menu .userprofile {
    padding: 15px;
    float: left;
    font-size: 8pt;
    width: 100%;
    display: block;
}

.nav-profile > .dropdown-menu .userprofile .profile-picture {
    width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    overflow: hidden;
    border-radius: 50px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.nav-profile > .dropdown-menu .userprofile .profile-picture img {
    width: 100%;
    height: 100%;
    border: none !important;
}

.nav-profile > .dropdown-menu .userprofile .profile-content {
    width: calc(100% - 98px);
    vertical-align: middle;
    display: inline-block;
}

.nav-profile > .dropdown-menu .userprofile .profile-content #user_dashboard {
    position: absolute;
    right: 10px;
    top: 10px;
}

.nav-profile > .dropdown-menu .userprofile .profile-content #user_dashboard > a > img {
    height: 15px;
    width: 15px;
}

.nav-profile > .dropdown-menu .userprofile h4 {
    font-size: 11pt;
    color: #61D0FC;
    margin: 5px 0 2px 0;
    width: 100%;
    line-height: 1.2;
}

.nav-profile > .dropdown-menu .userprofile_footer {
    float: left;
    color: #61D0FC;
    width: 100%;
}

.nav-profile > .dropdown-menu .userprofile_footer div:first-child {
    background-color: #FAFAFA;
    padding: 10px;
    font-size: 9pt;
    line-height: 18px;
    border-radius: 0 0 0 5px;
}

.nav-profile > .dropdown-menu .userprofile_footer div:first-child:hover {
    background-color: #f2f2f2;
}

.nav-profile > .dropdown-menu .userprofile_footer div:last-child {
    background-color: #df262c;
    padding: 10px;
    font-size: 9pt;
    line-height: 18px;
    border-radius: 0 0 5px 0;
}

.nav-profile > .dropdown-menu .userprofile_footer div:last-child:hover {
    background-color: #e6373c;
}

.nav-profile > .dropdown-menu .userprofile_footer div:last-child button {
    text-decoration: none;
}


/* Profile Dropdown structure css ends */


/*Custom loader */

.loading-div {
    position: absolute;
    top: 23%;
}

.loading-bar {
    display: inline-block;
    width: 4px;
    height: 18px;
    border-radius: 4px;
    animation: loading 1s ease-in-out infinite;
}

.loading-bar:nth-child(1) {
    background-color: #3498db;
    animation-delay: 0;
}

.loading-bar:nth-child(2) {
    background-color: #c0392b;
    animation-delay: 0.09s;
}

.loading-bar:nth-child(3) {
    background-color: #f1c40f;
    animation-delay: .18s;
}

.loading-bar:nth-child(4) {
    background-color: #27ae60;
    animation-delay: .27s;
}

@keyframes loading {
    0% {
        transform: scale(1);
    }
    20% {
        transform: scale(1, 2.2);
    }
    40% {
        transform: scale(1);
    }
}


/* DateRange Picker starts */

.daterangepicker {
    position: absolute;
    color: #111;
    background: #fff;
    border-radius: 4px;
    width: 278px;
    padding: 4px;
    margin-top: 1px;
    top: 100px;
    left: 20px;
    /* Calendars */
}

.daterangepicker .ranges {
    width: 100%;
    margin: 0;
}

.daterangepicker:before,
.daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}

.daterangepicker.dropup {
    margin-top: -5px;
}

.daterangepicker .calendar .prev-next-date {
    opacity: 0;
    pointer-events: none;
    visibility: visible;
}

.daterangepicker.dropup:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
}

.daterangepicker.dropup:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001;
}

.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
    float: none;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px;
}

.daterangepicker .calendar.single .calendar-table {
    border: none;
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
    white-space: nowrap;
    text-align: center;
    min-width: 34px;
}

.daterangepicker table {
    width: 100%;
    margin: 0;
}

.daterangepicker td,
.daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    white-space: nowrap;
    cursor: pointer;
}

.daterangepicker th {
    border-radius: 0;
    border: 0;
    font-weight: 500;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    color: inherit;
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px;
}

.daterangepicker th.month {
    width: auto;
    font-weight: 500;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0;
}

.daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%;
}

.daterangepicker .input-mini.active {
    border: 1px solid #08c;
    border-radius: 4px;
}

.daterangepicker .daterangepicker_input {
    position: relative;
}

.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 8px;
}

.daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px;
}

.daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px;
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px;
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.ranges {
    font-size: 11px;
    float: none;
    margin: 4px;
    text-align: left;
}

.ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer;
}

.ranges li:hover {
    background: #08c;
    border: 1px solid #08c;
    color: #fff;
}

.ranges li.active {
    background: #08c;
    border: 1px solid #08c;
    color: #fff;
}

.daterangepicker .ranges {
    width: 100%;
    margin: 0;
}


/*  Larger Screen Styling */

@media (min-width: 500px) {
    .daterangepicker {
        width: auto;
    }

    .daterangepicker .ranges {
        width: 100%;
        margin: 0;
    }

    .daterangepicker.single .ranges ul {
        width: 100%;
    }

    .daterangepicker.single .calendar.left {
        clear: none;
    }

    .daterangepicker.single.ltr .ranges,
    .daterangepicker.single.ltr .calendar {
        float: left;
    }

    .daterangepicker.single.rtl .ranges,
    .daterangepicker.single.rtl .calendar {
        float: right;
    }

    .daterangepicker.ltr {
        direction: ltr;
        text-align: left;
    }

    .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0;
    }

    .daterangepicker.ltr .calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .daterangepicker.ltr .calendar.right {
        margin-left: 0;
    }

    .daterangepicker.ltr .calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px;
    }

    .daterangepicker.ltr .calendar.left .calendar-table {
        padding-right: 12px;
    }

    .daterangepicker.ltr .ranges,
    .daterangepicker.ltr .calendar {
        float: left;
    }

    .daterangepicker.rtl {
        direction: rtl;
        text-align: right;
    }

    .daterangepicker.rtl .calendar.left {
        clear: right;
        margin: 0;
    }

    .daterangepicker.rtl .calendar.left .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .daterangepicker.rtl .calendar.right {
        margin: 0;
    }

    .daterangepicker.rtl .calendar.right .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px;
    }

    .daterangepicker.rtl .calendar.left .calendar-table {
        padding-left: 12px;
    }

    .daterangepicker.rtl .ranges,
    .daterangepicker.rtl .calendar {
        text-align: right;
        float: right;
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: 100%;
        margin: 0;
    }

    .daterangepicker.ltr .ranges {
        float: left;
    }

    .daterangepicker.rtl .ranges {
        float: right;
    }

    .daterangepicker .calendar.left {
        clear: none !important;
        margin: 0;
    }

    .daterangepicker .calendar.right {
        clear: none !important;
        margin: 0;
    }

    .straight-brd {
        top: 58px;
    }
}


/* DateRange Picker end */


/** Google Place Autocomplete API **/

.pac-container {
    z-index: 9999
}

.pac-logo:after {
    content: none;
    display: none
}

.pac-item {
    cursor: pointer
}

.width-11per {
    width: 11%;
}

.daterangepicker tbody tr {
    border-bottom: 0 none;
}

.calendar-table table {
    border-collapse: separate;
    width: 100%;
}

.pnch-aprvl-btn {
    height: 30px;
    width: 30px;
    padding: 0 !important;
    font-size: 16px;
    text-align: center;
}

.draggUp {
    margin-top: -34px !important;
}

.vertical-text {
    height: 110px;
    -ms-writing-mode: tb-rl;
    direction: ltr;
    writing-mode: vertical-rl;
    transform: scale(-1);
}

.vertical-text span {
    color: #646464;
    font-weight: normal !important;
}

.table-vt-hd.table > thead > tr > th {
    vertical-align: middle !important;
}

.zipTimeKeeping_blue {
    background-color: #21A8BD;
}

.intl-tel-input {
    display: block;
}

.iti {
    width: 100%
}

.collapse-tool {
    background: #f7fcff;
    float: left;
    border-radius: 5px;
    padding: 15px;
    position: relative;
    margin-bottom: 15px;
    width: 100%;
    max-height: 50px;
    transition: max-height 0s ease-out;
    overflow: hidden;
}

.collapse-tool.dark {
    background: #eef2f6;
}

.collapse-tool i {
    position: absolute;
    right: 15px;
    top: 15px;
}

.collapse-tool h2 div {
    height: 22px;
    min-width: 22px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    color: #e04346;
    display: inline-block;
    margin-left: 10px;
    line-height: 17px;
    padding: 2px;
    font-size: 14px;
}

.collapse-tool h2 {
    font-size: 15px;
    margin: 0;
    padding-bottom: 15px;
    color: #646464;
}

.collapse-tool .id-holder {
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

.collapse-tool.active {
    max-height: 1000px;
    transition: max-height 0s ease-in;
}

.punch-details-form {
    background: #fafafa;
    float: left;
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    position: relative;
}

.or-seperator {
    position: relative;
    right: -1px;
    height: 100%;
    width: 30px;
    top: -15px;
}

.or-seperator:after {
    content: "or";
    position: absolute;
    right: -26px;
    height: 30px;
    width: 30px;
    text-align: center;
    background: #fff;
    top: 50%;
    line-height: 30px;
    margin-top: -15px;
    font-size: 17px;
}

.or-seperator:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 2px;
    background: #ccc;
    top: 15px;
    right: -11px;
}

.en .or-seperator:after {
    content: "or";
}

.es .or-seperator:after {
    content: "O";
}

.search-window {
    border-width: 0 0 1px 0 !important;
    background: transparent !important;
    padding: 8px 0;
    width: 100%;
    position: relative;
}

.search-window-icon {
    position: absolute;
    right: 18px;
    top: 26px;
    cursor: pointer;
}

.filter-list-data {
    margin: 0;
    padding: 0;
    width: 100%;
}

.filter-list-data li {
    float: left;
    width: 100%;
    list-style: none;
    margin-top: 10px;
    background: #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 10px 15px;
    cursor: pointer;
}

.filter-list-data li i {
    float: right;
    padding-top: 4px;
    padding-right: 7px;
}

.nrml-mode {
    position: relative !important;
    top: auto !important;
    right: auto !important;
}

.cstm-pagination-collapse .table-action-footer {
    margin: 0;
    padding-bottom: 0;
}

.onb-org-wiz.bg-netpos-wiz {
    background: url('../../images/wizard/bg_netpos.png') no-repeat;
    background-size: cover !important;
    left: 0;
    right: 0;
    bottom: 0;
}

.dgsng-img-upload {
    border: 1px solid #e6e6e6;
    background-color: #fafafa;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 4px 5px 5px rgba(0, 0, 0, 0.1);
    /* padding: px; */
    font-size: 15px;
    overflow: hidden;
}

.dgsng-hw-150 {
    height: 128px;
    width: 228px;
}

.dgsng-hw-130 {
    height: 101px;
    width: 180px;
}

.dgsgn-img-hover {
    position: relative;
    /* -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s; */
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    border-radius: 6px;
}

.dgsng-hoverOnImg {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
}

.dgsgn-img-hover:hover .dgsng-hoverOnImg {
    display: block;
}


/* .dgsgn-img-hover .icon-container {
opacity: 1;
} */

.dgsgn-img-hover .icon-container {
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
}

.dgsgn-img-hover .icon-container .icon-holder {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
}

.dgsgn-img-hover .icon-container .icon-holder > span {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    font-size: 8px;
    background: #fff;
    border-radius: 15px;
    cursor: pointer;
    margin: 3px;
}

.dgsgn-img-hover .icon-container .icon-holder > span i {
    cursor: pointer;
    height: 30px;
    width: 30px;
    vertical-align: top;
    line-height: 30px;
    font-size: 15px;
}

.disable-title {
    position: relative;
}

button.disable-title:disabled,
button.disable-title[disabled] {
    opacity: 0.65;
    pointer-events: all;
    cursor: default;
}

button.disable-title:disabled:hover,
button.disable-title[disabled]:hover {
    opacity: 1;
}

button.disable-title span.btn-title,
button.disable-title span.btn-title,
button.disable-title:disabled span.btn-title,
button.disable-title[disabled] span.btn-title {
    position: absolute;
    background: gray;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    top: -3px;
    right: 35px;
    color: #fff;
    display: none;
    transition: all 0.5s ease;
}

button.disable-title:disabled:hover span.btn-title,
button.disable-title[disabled]:hover span.btn-title {
    display: block;
    transition: all 0.5s ease;
}

.opacity-1 {
    opacity: 1 !important;
}

.integrations {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
    position: relative;
    margin-bottom: 10px;
}

.integrations span.int-type {
    font-size: 14px;
    color: #5d5d5d;
    text-align: left;
}

.integrations span.int-type-id {
    font-size: 14px;
    color: #5d5d5d;
    text-align: right;
    padding-right: 100px;
    float: right;
}

.integrations div.int-id {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 90px;
    background: #ccc;
    border-radius: 0 5px 5px 0;
    text-align: center;
    line-height: 40px;
    letter-spacing: 1px;
}

.pending-search {
    right: 10px;
    font-weight: normal;
    top: 2px;
    width: 100%;
    left: auto;
    margin-right: 0;
}


/* Custom Header for more than 1 Org  Bleow */

#hw-head-nav.navbar-default {
    border: medium none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 10px 0;
    transition: background .5s ease-in-out 0s, padding .5s ease-in-out 0s;
}

#hw-head-nav.navbar {
    background-color: #515255;
    border: 0 none;
    min-height: 40px;
    height: 55px;
    padding-left: 10px;
    padding-right: 15px;
}

#hw-head-nav .container-fluid ul.top-navbar-actions li {
    float: none;
    display: inline-block;
}

#hw-head-nav .container-fluid {
    padding-right: 0;
}

#hw-head-nav #languages.dropdown-menu {
    left: auto;
    right: 0;
    min-width: 120px;
    position: absolute;
}

#hw-head-nav .navbar-brand {
    padding: 2px;
}

#hw-head-nav .btn-header {
    background: #303030;
    border: 1px solid #565656;
    border-radius: 4px;
    box-shadow: none;
    color: #e5e5e5;
    display: inline-block;
    padding: 4px 6px;
}

#hw-head-nav .btn-header:hover,
#hw-head-nav .btn-header:focus {
    box-shadow: none;
    color: #FFF;
}

#hw-head-nav .nav > li > a:hover,
#hw-head-nav .nav > li > a:focus {
    background: none !important;
}

.btn-disable {
    background: #828282 !important;
    border-color: #828282 !important;
    opacity: 0.3 !important;
}

.right-0 {
    right: 0;
}

input[type=radio][disabled],
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=checkbox].disabled,
fieldset[disabled] input[type=radio],
fieldset[disabled] input[type=checkbox] {
    cursor: not-allowed !important;
}

.icon-disable {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3 !important;
}

.alert-msg-box {
    background-color: #F15B6A;
    color: #fff;
    font-size: 15px;
    padding: 6px 12px;
    float: left;
    width: 100%;
}

.width-700 {
    width: 700px
}

.width-550 {
    width: 550px
}

.storage-drag-parent {
    background: rgb(251, 251, 251);
}

.storage-drag-parent ul {
    list-style: none;
    margin: 5px 0 5px 0;
    padding: 0;
    width: 100%;
    border: 1px solid rgb(241 241 241);
    display: table;
    border-radius: 5px;
    position: relative;
    table-layout: fixed;
}

.drag-parent ul:nth-child(even) {
    background: #ffffff;
}

.ui-timepicker-list {
    background: #ffffff;
}

.iti__country-list {
    z-index: 13 !important;
}

.profile-warning {
    position: absolute;
    right: 4px;
    top: 3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 19px;
}

.profile-warning i {
    color: #FF0000;
}


.user-detailed-info .form-group {
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    margin-bottom: 10px;
}

.user-detailed-info .form-group h3:first-child {
    background: #ffffff;
    font-size: 17px;
    padding: 10px 20px;
    border-radius: 0;
    color: #578EBE !important;
    text-align: left;
    border-right: 3px solid #e6e6e6;
    position: relative;
    word-spacing: 0;
}

.user-detailed-info .form-group h3:first-child:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #e6e6e6;
    border-bottom: 5px solid transparent;
    top: 50%;
    right: -7px;
    z-index: 1;
    transform: translateY(-50%);
}

.user-detailed-info .form-group h3 {
    background: #f8f8f8;
    font-size: 17px;
    padding: 10px 20px;
    border-radius: 0;
    color: #606060 !important;
    text-align: left;
    word-spacing: 3px;
}

.internal-signup-form {
    margin-bottom: 20px;
}

.internal-signup-form .zipSch_logo {
    opacity: 1;
    width: 190px;
    height: auto;
    margin-bottom: 10px;
}

.internal-signup-form .login-input {
    position: relative;
    margin-bottom: 15px;
}

.internal-signup-form .login-input input.form-control {
    padding-left: 43px;
}

.internal-signup-form .login-input i {
    border-right: 1px solid #54a2f2;
    left: 11px;
    right: auto;
    top: 10px;
    position: absolute;
    width: 34px;
    text-align: center;
    color: #54a2f2;
}

.change-password-parent {
    float: left;
    width: 100%;
}

.password-view {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 2;
    transform: translateY(-50%);
}

.password-view img {
    height: 20px;
    width: 20px;
}

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

.universal-icon {
    display: inline-block;
    height: 18px;
    width: 18px;
    cursor: pointer;
    margin: 0 3px;
}

.pagination-btn {
    background: none;
}

.pagination-btn > .btn {
    border: none;
    background: none;
    height: 25px;
    width: 26px;
    border-radius: 20px !important;
    text-align: center;
    margin: -1px 0;
    vertical-align: middle;
    line-height: 21px;
}

.pagination-btn > .btn:hover {
    background-color: #f4f4f4;
    color: #428bca;
    transition: all 0.3s ease;
}

.table-cell-padding {
    padding: 2px 8px;
}

.schedule_sumry_title h4.gray,
.schedule_sumry_title h5.gray {
    color: #232323 !important;
}

.inner-box .nav-tabs {
    margin-bottom: 10px !important;
    float: left;
    width: 100%;
}

.inner-box .nav-tabs li {
    margin-right: 15px;
    margin-bottom: 0;
}

.inner-box .nav-tabs li a {
    color: #232323;
    font-size: 14px;
    font-weight: 600;
    border: none;
    padding: 10px 0;
    position: relative;
    background-color: transparent;
}

.inner-box .nav-tabs li a:hover {
    background-color: transparent;
}

.inner-box .nav-tabs li.active a:hover,
.inner-box .nav-tabs li.active a:focus {
    border: none;
}

.inner-box .nav-tabs li:hover a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #428bca;
}

.inner-box .nav-tabs li.active a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 3px;
    width: 100%;
    background-color: #428bca;
}

.inner-box .tab-content .tab-pane .file-import-data .col-md-12 {
    padding: 0;
}


/* Progress Step bar */

ul.thumbnails {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.control-box {
    width: 100%;
}

.carousel_tab {
    display: block;
    padding: 7px 7px 7px 12px;
    line-height: 1;
    background-color: #EEF2F6;
    border-radius: 5px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
    font-size: 14px;
    transform: skew(15deg);
    -webkit-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -o-transform: skew(15deg);
    height: 43px;
}

.carousel_tab.active {
    background-color: #494D55;
    color: #fff;
}

.carousel_tab.active .carousel_valueWrap,
.carousel_tab .carousel_valueWrap {
    color: #fd5969;
}

.carousel_tab::after {
    content: "";
    position: absolute;
    border-top: 1px solid #494D55;
    top: 20px;
    width: 30px;
    right: -30px;
    cursor: default;
}

.carousel_tab .carousel_tabName {
    display: inline-block;
    width: 54%;
    vertical-align: middle;
    transform: skew(-14deg);
}

.carousel_tab .carousel_valueWrap_outer {
    width: 42%;
    display: inline-block;
    vertical-align: middle;
}

.carousel_tab .carousel_valueWrap {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    background-color: #fff;
    color: #EA6163;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    transform: skew(-14deg);
    padding: 6px;
    float: right;
    margin: 3px 0 0 3px;
}

.carousel_tab .carousel_valueWrap:last-child {
    margin-left: 0;
}

.carousel_tab.active .carousel_valueWrap i.fa-check,
.carousel_tab .carousel_valueWrap i.fa-check {
    color: #4DC054;
}

.carousel_tab .carousel_valueWrap i.fa-exclamation {
    color: #fd5969;
}

.item.active ul.thumbnails li:last-child .carousel_tab:last-child::after {
    display: none;
}

.carousel-control-Btn {
    background: #EEF2F6;
    border: 0;
    border-radius: 0;
    display: inline-block;
    font-size: 20px;
    font-weight: 200;
    line-height: 18px;
    padding: 6px 12px 6px 9px;
    margin: 3px -20px 0;
    height: 35px;
    width: 25px;
    color: #fff;
    position: absolute;
    top: 1px;
    bottom: 0;
}

.carousel-control-Btn.left {
    border-radius: 0 30px 30px 0;
    left: -5px;
    right: auto;
}

.carousel-control-Btn.right {
    border-radius: 30px 0 0 30px;
    right: -5px;
    left: auto;
}

.carousel-control-Btn.left:hover,
.carousel-control-Btn.right:hover {
    color: #f1f1f1;
}

.carousel-control-Btn.active {
    color: #fff;
    background-color: #494D55;
}

.justify-content-left {
    justify-content: left !important;
}

.table > tfoot.parent-total > tr > td {
    border-top: 0;
    border-bottom: 1px solid #eceeef;
    border-left: 0;
    border-right: 1px solid #eceeef;
    font-size: 7.7pt;
    font-weight: 500;
    background: #8A8F95;
    color: #fff;
}

.table > tfoot.parent-total > tr > td > table > tbody > tr > td {
    font-weight: 500;
    font-size: 7.7pt;
    background: #8A8F95;
    color: #fff;
}

.drop-selector {
    background-color: #f2f5f7;
    height: 21px;
    width: 21px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 21px;
}

.margin-auto {
    margin: 0 auto;
}

.table th {
    position: relative;
}

.table th .resizer {
    cursor: col-resize;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    z-index: 1;
    display: block;
    left: calc(100% - 1px);
    width: 5px;
    height: 35%;
    top: 35%;
    border-left: 2px solid rgba(186, 191, 199, 0.5);
}

.table th:last-child .resizer {
    display: none;
}

.alta-fixed-tblHeader thead tr th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 4;
    background-color: #eceeef;
}

.table-search-fixed {
    width: 200px;
}

.flex-center {
    align-items: center;
    display: flex;
}


.cstm-tooltip .tooltip {
    width: 274px;
    opacity: 1;
    left: 100px !important;
}

.cstm-tooltip .tooltip-inner {
    max-width: 274px;
    background: #fff;
    box-shadow: 5px 5px 20px rgb(0 0 0 / 30%);
    opacity: 1;
    color: #232323;
    text-align: left;
    border-radius: 5px;
}

.cstm-tooltip .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ffffff;
    left: 32px;
}

.container-view {
    width: 85%;
    margin: 0 auto;
    max-width: 1280px;
}

.ajax-search-mdl .ajax-search .ajax-search-input .ajax-search-txt {
    border-radius: 25px;
    height: 40px;
    line-height: 40px;
}

.srw_heading {
    margin: 0;
    font-size: 12pt;
    font-weight: 400;
    position: relative;
    padding: 5px 0;
    color: #383F50;
    margin-bottom: 15px;
}

.srw_heading .seperator_sky {
    border-bottom: 2px solid #5cccfc;
    bottom: 0;
    position: absolute;
    width: 65px;
}

.uib-day button, .uib-month button, .uib-year button {
    border: none;
}

alta-no-data-display {
    float: left;
    width: 100%;
}

/* Browser scroll updates */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #a9a9a9 #f2f2f2;
}

::-webkit-scrollbar-track {
    background: #f2f2f2;
}

::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;;
    border-radius: 5px;
}

.general_screen {
    display: flex;
    flex-direction: row;
}

.general_screen .cust_img_wrapper {
    width: 165px;
}

.general_screen .cust_fields_wrapper {
    width: calc(100% - 165px);
}

@media (max-width: 767px) {
    .general_screen {
        flex-direction: column;
    }

    .general_screen .cust_img_wrapper {
        width: 100%;
    }

    .general_screen .cust_fields_wrapper {
        width: 100%;
    }
}

.width-196 {
    width: 196px !important;
}

.color-test, .colorpicker-trigger {
    width: 40px;
    border-radius: 6px;
}

.flex-start {
    justify-content: flex-start !important;
}

.table tr td .color-test, .table tr td .colorpicker-trigger {
    width: 25px;
    height: 18px;
    margin: 0 auto;
}

.list-align-top li {
    vertical-align: top;
}

.cli-table-pop-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.cli-table-pop-column {
    flex-basis: calc(33.33% - 10px); /* subtract 10px from 33.33% to account for the spacing between columns */
    background-color: #06050c;
    margin-right: 20px;
}


.cli-table-pop-item{
    flex-grow: 1;
    padding: 10px;
    text-align: right;
    border-bottom:1px solid;
}
.boxy-wrapper{
	float: left;
	width: 100%;
	border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    margin-bottom: 10px;
    background-color: #f4f4f4;
}
.boxy-wrapper .table{border-bottom: none !important;}
.head-caption{
    padding: 8px 9px;
    position: relative;
    background: #f4f4f4;
}
.head-caption:after{
	content: '';
	left:0;
	height: 15px;
	width: 3px;
	background: #35c4ff;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
    border-radius: 2px;
}

.en .uom-checkbox input.alta.alta-switch.alta-switch-5.hidden-switch[type="checkbox"]{
    width: 80px  !important;
}

.en .uom-checkbox input.alta.alta-switch.alta-switch-5.hidden-switch[type="checkbox"] + .lbl::before {
    content: "Hidden \a0\a0\a0\a0\a0\a0\a0\a0 Disabled" !important;
    display: inline-block;
    line-height:17px;
    width: 80px !important;
    text-indent: -58px !important;
    font-size: 12px;
    font-weight: 200;
    letter-spacing: 0.5px;
}
.en .uom-checkbox input[type=checkbox].alta.alta-switch.alta-switch-5.hidden-switch:checked + .lbl::after{
    left: 63px !important;
}

.en .uom-checkbox input.alta.alta-switch.alta-switch-5.hidden-switch[type="checkbox"]:checked + .lbl::before{
    text-indent: -10px !important;
}
 .inventory_icon{
 position:relative;
 background:transparent;
 padding:0 0 0 5px;
 border:0;
 }