@charset "utf-8";
/* CSS Document */
@import url('../../fonts/Roboto/stylesheet.css');
@import url('../../fonts/Lato/stylesheet.css');
@import url('../../fonts/cyberx-icon/styles.css');
@import url('../../fonts/MaterialIcons/material-icons.css');

body {
    background: #e5e5e5 !important;
    padding-right: 0px !important;
    color: #5D5D5D;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

/* loader css start */
.ajex_loader {
    background: rgba(255, 255, 255, 0.8) url("../../images/loader.gif") no-repeat scroll center center;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999999;
}

.ajex_loader.fixed {
    position: fixed;
}

/* loader css end */

/* spacing utilities css start */
.mn {
    margin: 0px !important;
}

.m-t-n {
    margin-top: 0 !important;
}

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

.m-t-7 {
    margin-top: 7px !important;
}

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

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

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

.m-t-25 {
    margin-top: 25px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.m-t-70 {
    margin-top: 70px !important;
}

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

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

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

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

.m-b-25 {
    margin-bottom: 25px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.m-b-51 {
    margin-bottom: 51px !important;
}

.m-l-0 {
    margin-left: 0px !important;
}

.m-l-8 {
    margin-left: 8px !important;
}

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

.m-l-25 {
    margin-left: 25px;
}

.m-r-0 {
    margin-right: 0px !important;
}

.pn {
    padding: 0px !important;
}

.p-15 {
    padding: 15px;
}

.p-t-0 {
    padding-top: 0px !important;
}

.p-t-5 {
    padding-top: 5px;
}

.p-t-7 {
    padding-top: 7px;
}

.p-t-25 {
    padding-top: 25px !important;
}

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

.p-t-50 {
    padding-top: 50px !important;
}

.p-b-2 {
    padding-bottom: 2px;
}

.p-b-50 {
    padding-bottom: 50px !important;
}

.p-l-0 {
    padding-left: 0px;
}

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

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

.p-l-30 {
    padding-left: 30px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.p-r-0 {
    padding-right: 0px;
}

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

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

.p-r-30 {
    padding-right: 30px !important;
}

.p-0-15 {
    padding: 0px 0px 15px 15px;
}

/* spacing utilities css end */

/* font utilities css start */
.lato_font {
    font-family: 'Lato', sans-serif;
}

.roboto_font {
    font-family: 'Roboto', sans-serif;
}

.fs26 {
    font-size: 26px;
}

.fs24 {
    font-size: 24px;
}

.fs20 {
    font-size: 20px;
}

.fs18 {
    font-size: 18px;
}

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

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

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

.fs10 {
    font-size: 10px;
}

.fw700 {
    font-weight: 700;
}

.fw600 {
    font-weight: 600;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw300 {
    font-weight: 300 !important;
}

/* font utilities css end */

/* text color utilities css start */
.text-left {
    text-align: left !important;
}

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

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

.text-warning {
    color: #FF6B35 !important;
}

.text-success {
    color: #5FB89C !important;
}

.text-danger {
    color: #EB6E6E !important
}

.text-primary {
    color: #11abd3 !important;
}

.text-gray {
    color: #999 !important;
}

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

.text-orange {
    color: #ff9300;
}

.text-black {
    color: #5d5d5d !important;
}

.text-lightblue {
    color: #0F80C1 !important;
}

.form-control.text-success {
    color: #00c292 !important;
}

.form-control.text-danger {
    color: #fb9678 !important;
}

.text-info {
    color: #8600b4 !important;
}

.text-red {
    color: #ffbc00 !important;
}

.text-action {
    color: #735809 !important;
}

.text-blue {
    color: #11abd3 !important;
}

.text-blue a {
    color: #11abd3 !important;
}

.sweet-alert {
    border: 1px solid #d3d3d3;
}

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

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

.v-align-bottom {
    vertical-align: bottom !important;
}

/* text color utilities css end */

/* background color css start */
.bg_white {
    background-color: #fff !important;
}

.bg_light_primary {
    background-color: #044151 !important;
}

.bg_dark_primary {
    background-color: #11abd3 !important;
}

.bg_dark_danger {
    background-color: #ffbc00 !important;
}

.bg_light_danger {
    background-color: rgba(255, 188, 0, 0.45) !important;
    ;
}

.bg_light_success {
    background-color: rgba(72, 206, 164, 0.4) !important;
}

.bg_dark_success {
    background-color: #6FCEB0 !important;
}

.bg_light_gray {
    background-color: #f4f4f4 !important;
}

.bg_dark_cyan {
    background-color: #82A0C5 !important;
}

.bg_dark_black {
    background-color: #5d5d5d !important;
}

.table_light_primary {
    background-color: rgba(88, 0, 153, 0.05) !important;
}

.table_dark_primary {
    background-color: rgba(88, 0, 153, 0.15) !important;
}

.table_light_danger {
    background-color: rgba(255, 188, 0, 0.05) !important;
}

.table_dark_danger {
    background-color: rgba(255, 188, 0, 0.15) !important;
}

/* background color css end */

/* table background color css  */
.bg_dark_black th {
    background-color: #5d5d5d !important
}

.bg_dark_primary th {
    background-color: #11abd3 !important;
}

.bg_light_primary th {
    background-color: #044151 !important
}

.table_light_primary th {
    background-color: rgba(88, 0, 153, 0.05) !important;
}

/* table background color end  */

/* label css start */
.label-info {
    background-color: #11abd3;
}

.label-danger {
    background-color: #ffbc00 !important;
}

.label.label-success-warning {
    /* background-color: #00c292; */
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.label.label-success-warning:after {
    content: "";
    background-color: #00c292;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    border-radius: 60px 0 0 60px;
    z-index: -1;
}

.label.label-success-warning:before {
    content: "";
    background-color: #fec107;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    border-radius: 0 60px 60px 0px;
    z-index: -1;
}

/* label css end */

/* width utilities css start */
.max-w150 {
    max-width: 150px;
}

.max-w50 {
    max-width: 50px;
}

.max-w75 {
    max-width: 75px;
}

.max-w175 {
    max-width: 175px;
}

.max-w200 {
    max-width: 200px;
}

.min-w175 {
    min-width: 175px;
}

.min-w185 {
    min-width: 185px;
}

.mw350 {
    max-width: 350px;
}

.w-130 {
    width: 130px;
}

.w-160 {
    width: 160px;
}

.w-100 {
    width: 100%;
}

.w-200 {
    width: 200px;
}

.w-300 {
    width: 300px;
}

.w-70 {
    width: 70px;
}

.w-80 {
    width: 80px;
}

.mw-90 {
    min-width: 90px;
}

.mw-125 {
    min-width: 125px !important;
}

.mw150 {
    min-width: 150px;
}

.w-65 {
    width: 65px;
}

.w-110 {
    width: 110px;
}

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

.w-30 {
    width: 30px;
}

.w-25 {
    width: 25px;
}

.w-55 {
    width: 55px !important;
}

.w-42 {
    width: 42px;
}

.min-h150 {
    min-height: 150px;
}

/* width utilities css end */

/* border utilities css end */
.br-b {
    border-bottom: 1px solid #E8E8E8 !important;
}

.br-n {
    border: none !important;
}

.bdr_none {
    border: none !important;
}

.br-r {
    border-right: 1px solid #E8E8E8;
}

.br-t {
    border-top: 1px solid #E8E8E8;
}

.table_br_gray {
    border: 1px solid #E8E8E8;
}

.br-t-n {
    border-top: none !important;
}

/* border utilities css end */

/* etc utilities css start */
a {
    color: #11abd3;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #11abd3;
}

b,
strong {
    font-weight: 500;
}

textarea {
    resize: none;
}

.pr {
    position: relative;
}

.radius-zero {
    border-radius: 0px !important;
}

/*.btn.active, .btn:active{box-shadow:none;}*/
/*.swal2-container{z-index: 999999 !important;}
#notification_cont{z-index: 999999 !important;}*/
.d-block {
    display: block;
}

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

/*.form-group.inherit-postn{ position: inherit; }
.datetimepicker-days .table-condensed thead tr th.switch{ display: table-cell; text-align:center;}
.datetimepicker-days .table-condensed tr td { text-align:center;}
.steamline .sl-right{padding-left: 33px;}*/
.addon_close {
    border: 1px solid #E8E8E8;
    color: #E8E8E8;
    padding: 7.5px 12px;
    font-weight: 500;
}

.word_wrap {
    word-wrap: break-word !important;
}

/* etc utilities css end */

/* button css start */
button {
    background: none;
    border: none;
}

button:hover,
button:focus {
    outline: 0;
    outline-offset: 0px;
}

.btn {
    border-radius: 3px !important;
    padding: 6px 15px;
    font-weight: 500;
}

.btn+.btn {
    margin-left: 10px;
}

.btn-group>.btn:first-child,
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-right: 10px;
}

.btn-group>.btn:last-child {
    margin: 0px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: 0;
    outline-offset: 0px;
}

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

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: 1;
}

.btn-group-disabled {
    cursor: not-allowed;
}

.btn-group-disabled .btn.disabled,
.btn-group-disabled .btn[disabled],
fieldset[disabled] .btn-group-disabled .btn {
    pointer-events: none;
}

.btn-group>.btn.btn-info {
    background-color: #fff;
    color: #5D5D5D;
    border-color: #E8E8E8;
}

.btn-group>.btn.btn-info.active,
.btn-group>.btn.btn-info:active {
    border-color: #E8E8E8;
    background-color: #8600b4;
    color: #fff;
}

.btn-group>.btn.btn-info .text-action {
    font-weight: 300
}

.btn-group>.btn.btn-info.active .text-action {
    color: #fff !important;
}

.btn-group>.btn.btn-info.btn-outline {
    background-color: #fff;
    color: #8600b4;
    border-color: #8600b4;
}

.btn-group>.btn.btn-info.btn-outline.active,
.btn-group>.btn.btn-info.btn-outline:active {
    border-color: #8600b4;
    background-color: #8600b4;
    color: #fff;
}

.btn-group>.btn.btn-info.btn-outline .text-action {
    font-weight: 300
}

.btn-group>.btn.btn-info.btn-outline.active .text-action {
    color: #fff !important;
}

.btn-info,
.btn-info.disabled,
.btn-info:disabled {
    background: #8600b4;
    border: 1px solid #8600b4;
    color: #fff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info.active,
.btn-info:active {
    background: #fff;
    opacity: 1;
    border: 1px solid #11abd3;
    color: #11abd3;
}

.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus:active,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover,
.btn-info.focus,
.btn-info:focus {
    background-color: #11abd3;
    opacity: 1;
    border: 1px solid #11abd3;
    color: #fff;
}

.btn-info.btn-outline,
.btn-info.btn-outline.disabled,
.btn-info.btn-outline:disabled {
    background: #fff;
    border: 1px solid #11abd3;
    color: #11abd3;
}

.btn-info.btn-outline:hover,
.btn-info.btn-outline:focus,
.btn-info.btn-outline.focus,
.btn-info.btn-outline.active,
.btn-info.btn-outline:active {
    background: #11abd3;
    opacity: 1;
    border: 1px solid #11abd3;
    color: #fff;
}

.btn-info.btn-outline.disabled:hover,
.btn-info.btn-outline.disabled:focus,
.btn-info.btn-outline.disabled.focus,
.btn-info.btn-outline.active.focus,
.btn-info.btn-outline.active:focus,
.btn-info.btn-outline.active:hover,
.btn-info.btn-outline.focus:active,
.btn-info.btn-outline:active:focus,
.btn-info.btn-outline:active:hover,
.open>.dropdown-toggle.btn-info.btn-outline.focus,
.open>.dropdown-toggle.btn-info.btn-outline:focus,
.open>.dropdown-toggle.btn-info.btn-outline:hover,
.btn-info.btn-outline.focus,
.btn-info.btn-outline:focus {
    background-color: #fff;
    opacity: 1;
    border: 1px solid #11abd3;
    color: #11abd3;
}

.btn-info-light,
.btn-info-light.disabled,
.btn-info-light:disabled {
    background: #310d31;
    border: 1px solid #310d31;
    color: #fff;
}

.btn-info-light:hover,
.btn-info-light:focus,
.btn-info-light.focus,
.btn-info-light.active,
.btn-info-light:active {
    background: #fff;
    opacity: 1;
    border: 1px solid #310d31;
    color: #310d31;
}

.btn-info-light.disabled:hover,
.btn-info-light.disabled:focus,
.btn-info-light.disabled.focus,
.btn-info-light.active.focus,
.btn-info-light.active:focus,
.btn-info-light.active:hover,
.btn-info-light.focus:active,
.btn-info-light:active:focus,
.btn-info-light:active:hover,
.open>.dropdown-toggle.btn-info-light.focus,
.open>.dropdown-toggle.btn-info-light:focus,
.open>.dropdown-toggle.btn-info-light:hover,
.btn-info-light.focus,
.btn-info-light:focus {
    background-color: #310d31;
    opacity: 1;
    border: 1px solid #310d31;
    color: #fff;
}

.btn-cyan,
.btn-cyan.disabled,
.btn-cyan:disabled {
    background: #82A0C5;
    border: 1px solid #82A0C5;
    color: #fff;
}

.btn-cyan:hover,
.btn-cyan:focus,
.btn-cyan.focus,
.btn-cyan.active,
.btn-cyan:active {
    background: #fff;
    opacity: 1;
    border: 1px solid #82A0C5;
    color: #82A0C5;
}

.btn-cyan.disabled:hover,
.btn-cyan.disabled:focus,
.btn-cyan.disabled.focus,
.btn-cyan.active.focus,
.btn-cyan.active:focus,
.btn-cyan.active:hover,
.btn-cyan.focus:active,
.btn-cyan:active:focus,
.btn-cyan:active:hover,
.open>.dropdown-toggle.btn-cyan.focus,
.open>.dropdown-toggle.btn-cyan:focus,
.open>.dropdown-toggle.btn-cyan:hover,
.btn-cyan.focus,
.btn-cyan:focus {
    background-color: #82A0C5;
    opacity: 1;
    border: 1px solid #82A0C5;
    color: #fff;
}

.btn-success,
.btn-success.disabled,
.btn-success:disabled {
    background: #5FB89C;
    border: 1px solid #5FB89C;
    color: #fff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success.active,
.btn-success:active {
    background: #fff;
    opacity: 1;
    border: 1px solid #5FB89C;
    color: #5FB89C;
}

.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.focus:active,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover,
.btn-success.focus,
.btn-success:focus {
    background-color: #5FB89C;
    opacity: 1;
    border: 1px solid #5FB89C;
    color: #fff;
}

.btn-black,
.btn-black.disabled,
.btn-black:disabled {
    background: #5d5d5d;
    border: 1px solid #5d5d5d;
    color: #fff;
}

.btn-black:hover,
.btn-black:focus,
.btn-black.focus,
.btn-black.active,
.btn-black:active {
    background: #fff;
    opacity: 1;
    border: 1px solid #5d5d5d;
    color: #5d5d5d;
}

.btn-black.disabled:hover,
.btn-black.disabled:focus,
.btn-black.disabled.focus,
.btn-black.active.focus,
.btn-black.active:focus,
.btn-black.active:hover,
.btn-black.focus:active,
.btn-black:active:focus,
.btn-black:active:hover,
.open>.dropdown-toggle.btn-black.focus,
.open>.dropdown-toggle.btn-black:focus,
.open>.dropdown-toggle.btn-black:hover,
.btn-black.focus,
.btn-black:focus {
    background-color: #5d5d5d;
    opacity: 1;
    border: 1px solid #5d5d5d;
    color: #fff;
}

.btn-white-o,
.btn-white-o.disabled,
.btn-white-o:disabled {
    background: #fff;
    border: 1px solid #E8E8E8;
    color: #5d5d5d;
}

.btn-white-o:hover,
.btn-white-o:focus,
.btn-white-o.focus,
.btn-white-o.active,
.btn-white-o:active {
    background: #fff;
    opacity: 1;
    border: 1px solid #E8E8E8;
    color: #5d5d5d;
}

.btn-white-o.disabled:hover,
.btn-white-o.disabled:focus,
.btn-white-o.disabled.focus,
.btn-white-o.active.focus,
.btn-white-o.active:focus,
.btn-white-o.active:hover,
.btn-white-o.focus:active,
.btn-white-o:active:focus,
.btn-white-o:active:hover,
.open>.dropdown-toggle.btn-white-o.focus,
.open>.dropdown-toggle.btn-white-o:focus,
.open>.dropdown-toggle.btn-white-o:hover,
.btn-white-o.focus,
.btn-white-o:focus {
    background-color: #fff;
    opacity: 1;
    border: 1px solid #E8E8E8;
    color: #5d5d5d;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
    background: #8600b4;
    border: 1px solid #8600b4;
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active,
.btn-primary:active {
    background: #fff;
    opacity: 1;
    border: 1px solid #11abd3;
    color: #11abd3;
}

.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus {
    background-color: #11abd3;
    opacity: 1;
    border: 1px solid #11abd3;
    color: #fff;
}

.btn-primary-o,
.btn-primary-o.disabled,
.btn-primary-o:disabled {
    background: #fff;
    border: 1px solid #11abd3;
    color: #11abd3;
}

.btn-primary-o:hover,
.btn-primary-o:focus,
.btn-primary-o.focus,
.btn-primary-o.active,
.btn-primary-o:active {
    background: #11abd3;
    opacity: 1;
    border: 1px solid #11abd3;
    color: #fff;
}

.btn-primary-o.disabled:hover,
.btn-primary-o.disabled:focus,
.btn-primary-o.disabled.focus,
.btn-primary-o.active.focus,
.btn-primary-o.active:focus,
.btn-primary-o.active:hover,
.btn-primary-o.focus:active,
.btn-primary-o:active:focus,
.btn-primary-o:active:hover,
.open>.dropdown-toggle.btn-primary-o.focus,
.open>.dropdown-toggle.btn-primary-o:focus,
.open>.dropdown-toggle.btn-primary-o:hover,
.btn-primary-o.focus,
.btn-primary-o:focus {
    background-color: #fff;
    opacity: 1;
    border: 1px solid #11abd3;
    color: #11abd3;
}

.btn-secondary,
.btn-secondary.disabled,
.btn-secondary:disabled {
    background: #82A0C5;
    border: 1px solid #82A0C5;
    color: #fff;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary.active,
.btn-secondary:active {
    background: #fff;
    opacity: 1;
    border: 1px solid #82A0C5;
    color: #82A0C5;
}

.btn-secondary.disabled:hover,
.btn-secondary.disabled:focus,
.btn-secondary.disabled.focus,
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary.focus:active,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.open>.dropdown-toggle.btn-secondary.focus,
.open>.dropdown-toggle.btn-secondary:focus,
.open>.dropdown-toggle.btn-secondary:hover,
.btn-secondary.focus,
.btn-secondary:focus {
    background-color: #82A0C5;
    opacity: 1;
    border: 1px solid #82A0C5;
    color: #fff;
}

.btn-action,
.btn-action.disabled,
.btn-action:disabled {
    background: #ffbc00;
    border: 1px solid #ffbc00;
    color: #fff;
}

.btn-action:hover,
.btn-action:focus,
.btn-action.focus,
.btn-action.active,
.btn-action:active {
    background: #fff;
    opacity: 1;
    border: 1px solid #ffbc00;
    color: #ffbc00;
}

.btn-action.disabled:hover,
.btn-action.disabled:focus,
.btn-action.disabled.focus,
.btn-action.active.focus,
.btn-action.active:focus,
.btn-action.active:hover,
.btn-action.focus:active,
.btn-action:active:focus,
.btn-action:active:hover,
.open>.dropdown-toggle.btn-action.focus,
.open>.dropdown-toggle.btn-action:focus,
.open>.dropdown-toggle.btn-action:hover,
.btn-action.focus,
.btn-action:focus {
    background-color: #ffbc00;
    opacity: 1;
    border: 1px solid #ffbc00;
    color: #fff;
}

.btn-action-o,
.btn-action-o.disabled,
.btn-action-o:disabled {
    background: #fff;
    border: 1px solid #ffbc00;
    color: #ffbc00;
}

.btn-action-o:hover,
.btn-action-o:focus,
.btn-action-o.focus,
.btn-action-o.active,
.btn-action-o:active {
    background: #ffbc00;
    opacity: 1;
    border: 1px solid #ffbc00;
    color: #fff;
}

.btn-action-o.disabled:hover,
.btn-action-o.disabled:focus,
.btn-action-o.disabled.focus,
.btn-action-o.active.focus,
.btn-action-o.active:focus,
.btn-action-o.active:hover,
.btn-action-o.focus:active,
.btn-action-o:active:focus,
.btn-action-o:active:hover,
.open>.dropdown-toggle.btn-action-o.focus,
.open>.dropdown-toggle.btn-action-o:focus,
.open>.dropdown-toggle.btn-action-o:hover,
.btn-action-o.focus,
.btn-action-o:focus {
    background-color: #fff;
    opacity: 1;
    border: 1px solid #ffbc00;
    color: #ffbc00;
}

.btn-default,
.btn-default.disabled,
.btn-default:disabled {
    background: #f4f4f4;
    border: 1px solid #e8e8e8;
    color: #5d5d5d;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default.active,
.btn-default:active {
    background: #fff;
    opacity: 1;
    border: 1px solid #e8e8e8;
    color: #5d5d5d;
}

.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default.focus:active,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover,
.btn-default.focus,
.btn-default:focus {
    background-color: #f4f4f4;
    opacity: 1;
    border: 1px solid #e8e8e8;
    color: #5d5d5d;
}

.btn-default-o,
.btn-default-o.disabled,
.btn-default-o:disabled {
    background: #fff;
    border: 1px solid #e8e8e8;
    color: #5d5d5d;
}

.btn-default-o:hover,
.btn-default-o:focus,
.btn-default-o.focus,
.btn-default-o.active,
.btn-default-o:active {
    background: #f4f4f4;
    opacity: 1;
    border: 1px solid #e8e8e8;
    color: #5d5d5d;
}

.btn-default-o.disabled:hover,
.btn-default-o.disabled:focus,
.btn-default-o.disabled.focus,
.btn-default-o.active.focus,
.btn-default-o.active:focus,
.btn-default-o.active:hover,
.btn-default-o.focus:active,
.btn-default-o:active:focus,
.btn-default-o:active:hover,
.open>.dropdown-toggle.btn-default-o.focus,
.open>.dropdown-toggle.btn-default-o:focus,
.open>.dropdown-toggle.btn-default-o:hover,
.btn-default-o.focus,
.btn-default-o:focus {
    background-color: #fff;
    opacity: 1;
    border: 1px solid #e8e8e8;
    color: #5d5d5d;
}

.red-link {
    color: #ffbc00;
    background-color: #fff;
    text-decoration: underline;
    padding-left: 0;
    padding-right: 0;
    font-weight: 500;
}

.red-link i {
    color: #ffbc00;
    text-decoration: none;
    margin-right: 5px;
}

.red-link.fa {
    text-decoration: none;
}

.red-link:hover,
.red-link:focus {
    color: #ffbc00;
}

.blue-link {
    color: #11abd3;
    background-color: #fff;
    text-decoration: underline;
    padding-left: 0;
    padding-right: 0;
    font-weight: 500;
}

.blue-link i {
    color: #11abd3;
    text-decoration: none;
    margin-right: 5px;
}

.blue-link.fa {
    text-decoration: none;
}

.blue-link:hover,
.blue-link:focus {
    color: #11abd3;
}

/* button css end */

/* form control css start */
.form-control::-webkit-input-placeholder {
    color: #bbb;
}

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

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

.form-control:-webkit-autofill,
.form-control:focus:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.form-control {
    color: #000;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 1px solid #E8E8E8;
    border-radius: 3px;
    margin: 0;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 3px;
    height: 34px;
}

.input-group-addon em,
label em {
    color: #bd4360;
    font-style: normal;
}

input[type="file"] {
    height: auto;
}

.error,
.required_error {
    padding: 0px !important;
    color: #FF0000 !important;
    font-size: 12px !important;
    margin: 0px !important;
}

.error-highlight {
    padding: 4px !important;
    background-color: #FF0000 !important;
    color: #fff !important;
}

/* form control css end */

/* input type css start */
label.radio,
label.checkbox {
    padding-left: 0;
}

.label-input {
    display: table;
}

.label-input .checker,
.label-input .radio {
    display: table-cell;
    vertical-align: top;
    padding-right: 5px;
}

.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
    opacity: 0.7;
    cursor: not-allowed;
}

.checkbox.checkbox input[type=checkbox],
.checkbox-custom.checkbox-inline input[type=checkbox] {
    margin-left: -18px;
}

.readonlycheckbox {
    cursor: not-allowed;
}

.readonlycheckbox .label-input {
    pointer-events: none;
}

/* input type css end */

.readonlyradio {
    cursor: not-allowed;
}

.readonlyradio .radio-inline {
    pointer-events: none;
}

/* floating form utilities css start */
.has-error .bootstrap-select.form-control {
    border: none !important;
}

.has-error .form-control,
.has-error .dropdown.bootstrap-select .btn-select,
.has-error .se_multiple_select .ms-choice {
    border: 1px solid #FF0000 !important;
}

.form-control:-webkit-autofill,
.form-control:focus:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.theme-form .form-group.form-error .form-control {
    border-color: #FF0000;
}

.theme-form .form-group.form-error .form-control+label {
    color: #FF0000;
}

.theme-form .form-group {
    position: relative;
    height: 62px;
    margin-bottom: 0px;
}

.theme-form .form-group.height_auto {
    height: auto;
    padding-bottom: 8px;
    min-height: 62px;
}

.note_search_wrap .theme-form .form-group.height_auto,
.theme-form .form-inline .form-group {
    padding: 0px;
}

.note_search_wrap .theme-form .form-group {
    min-height: inherit;
    height: inherit;
}

.theme-form .form-control {
    color: #000;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 1px solid #E8E8E8;
    border-radius: 3px;
    margin: 0;
    transition: all 0.3s;
    /*background: none;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 3px;
}

.theme-form .form-control.input-lg {
    height: 50px;
    padding: 7px 12px;
}

.theme-form .form-control.input-lg+label {
    font-size: 18px;
    top: 17px;
    left: 17px;
}

.theme-form .form-control+label,
.theme-form .selectize-control+label,
.theme-form .select2+label {
    position: absolute;
    cursor: auto;
    top: 10px;
    left: 12px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all;
    pointer-events: none;
    z-index: 9;
    color: #BBB;
    font-weight: normal;
    margin: 0px;
    font-size: 14px;
    line-height: 14px;
}

.theme-form label .req-indicator {
    color: #ffbc00;
}

.input-group .form-control:first-child {
    font-weight: 400;
    border-radius: 3px;
    border-color: #E8E8E8;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.input-group .input-group-addon {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color: #E8E8E8;
    background-color: #f4f4f4;
}

.theme-form .se_multiple_select~label {
    position: absolute;
    cursor: auto;
    top: 10px;
    left: 12px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all;
    pointer-events: none;
    z-index: 9;
    color: #BBB;
    font-weight: normal;
    margin: 0px;
    font-size: 14px;
    line-height: 14px;
}

.theme-form .se_multiple_select.has-value~label {
    top: -5px;
    left: 10px;
    font-size: 12px;
    line-height: 12px;
    background-color: #fff;
    padding: 0px 3px;
    color: #999999;
    margin: 0px;
}

.theme-form .ms-parent .ms-drop {
    z-index: 999;
}

.theme-form .ms-parent .ms-drop ul {
    max-height: 200px !important;
}

.theme-form .form-control.has-value+label,
.theme-form .form-control:focus+label,
.theme-form .form-control:focus+label,
.theme-form .selectize-control.has-value+label {
    top: -5px;
    left: 10px;
    font-size: 12px;
    line-height: 12px;
    background-color: #fff;
    padding: 0px 3px;
    color: #999999;
}

.theme-form .form-control:focus+label {
    color: #11abd3;
}

.theme-form .form-control:focus {
    border: 1px solid #11abd3;
    box-shadow: none;
    outline: none;
}

.theme-form .form-control[disabled],
.theme-form .form-control[readonly] {
    background-color: #f5f5f5;
}

.theme-form .input-group .input-group-prepend .input-group-text {
    background-color: inherit;
    border-width: 0px 0px 2px 0px;
    border-style: solid;
    border-color: #E8E8E8;
    border-radius: 0px;
}

.theme-form .input-group .input-group-prepend .input-group-text:focus {
    border-color: #11abd3;
}

select.form-control.select-arrow {
    background: url(../../images/select_arrow.png?_v=1.01) no-repeat #fff;
    background-position: calc(100% - 11px) 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding-right: 25px;
}

.form-control.ui-autocomplete-input {
    background: url(../../images/select_arrow.png?_v=1.01) no-repeat #fff;
    background-position: calc(100% - 11px) 8px;
    padding-right: 25px;
}

.ui-autocomplete {
    max-height: 230px !important;
    overflow-y: auto !important;
    z-index: 100 !important;
}

.ui-autocomplete::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: transparent;
}

.ui-autocomplete::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
    height: 6px;
}

.ui-autocomplete::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
    background-color: rgba(0, 0, 0, 0.50);
}

.pac-container,
.pac-item {
    border-color: #11abd3 !important: box-shadow:none !important;
}

#selectAgents .select2-selection__rendered {
    min-height: auto !important;
    max-height: 120px;
    overflow-y: auto !important;
    padding-right: 20px;
    scrollbar-color: #666 #fff;
    scrollbar-width: thin;
}

/* Only FireFox start*/
.ui-autocomplete {
    scrollbar-color: #666 #fff;
    scrollbar-width: thin;
}

/* Only FireFox end */

.theme-form input.listing_search,
.theme-form select.listing_search {
    color: #000;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 1px solid #E8E8E8;
    border-radius: 3px;
    margin: 0;
    transition: all 0.3s;
    /*background: none;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 3px;
    min-height: 34px;
    width: 100%;
}

.theme-form input.listing_search+label,
.theme-form select.listing_search+label {
    position: absolute;
    cursor: auto;
    top: 10px;
    left: 12px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all;
    pointer-events: none;
    z-index: 9;
    color: #BBB;
    font-weight: normal;
    margin: 0px;
    font-size: 14px;
    line-height: 14px;
}

.theme-form .listing_search option,
.theme-form .listing_search optgroup {
    display: none;
}

.theme-form .form-control+label.label-wrap,
.theme-form .se_multiple_select+label.label-wrap {
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* floating form utilities css end */

/*Bootstrap select custom css start */
.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-control.bootstrap-select {
    padding: 0px !important;
}

.dropdown.bootstrap-select .btn-select {
    /* border: 1px solid #E8E8E8; */
    background-color: #fff;
    color: #5d5d5d;
    background: url(../../images/select_arrow.png?_v=1.03) no-repeat #fff;
    background-position: calc(100% - 11px) 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    text-transform: none;
    min-height: 34px;
    font-weight: normal;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active {
    background-color: #fff;
    outline: 0 !important;
    outline-offset: 0;
    color: #5d5d5d;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: #fff;
    color: #5d5d5d;
}

.dropdown.bootstrap-select>select.mobile-device:focus+.dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important;
}

.bootstrap-select .dropdown-toggle .caret {
    display: none;
}

.btn-select.active.focus,
.btn-select.active:focus,
.btn-select.active:hover,
.btn-select:active.focus,
.btn-select:active:focus,
.btn-select:active:hover,
.open>.dropdown-toggle.btn-select.focus,
.open>.dropdown-toggle.btn-select:focus,
.open>.dropdown-toggle.btn-select:hover {
    background-color: #fff;
    box-shadow: none;
    color: #5d5d5d;
}

.dropdown.bootstrap-select .dropdown-menu.open {
    z-index: 999;
    margin: 0;
    max-height: 250px !important;
    min-height: 100% !important;
    padding: 0px;
    box-shadow: none !important;
    border-color: #E8E8E8 !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: -1px;
    min-width: 100% !important;
    max-width: 100% !important;
}

.dropdown.bootstrap-select .dropdown-menu.inner {
    max-height: 200px !important;
    min-height: 100% !important;
}

.dropdown.bootstrap-select .dropdown-menu .inner.open {
    max-height: 200px !important;
    min-height: 100% !important;
}

.dropdown.bootstrap-select .dropdown-menu>li>a:focus,
.dropdown.bootstrap-select .dropdown-menu>li>a:hover {
    background-color: #F5F5F5;
    color: #5d5d5d;
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    background-color: #f5f5f5 !important;
}

.bootstrap-select .dropdown-menu li.divider {
    display: none;
}

.bs-searchbox .form-control {
    border-radius: 0px;
    border-color: #E8E8E8 !important;
}

.bootstrap-select .dropdown-backdrop {
    display: none;
}

.bootstrap-select .no-results {
    font-weight:
}

.bootstrap-select .dropdown-menu .dropdown-header {
    font-weight: 500;
    color: #5D5D5D;
    text-transform: uppercase;
    font-size: 14px;
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
    min-width: 90px;
}

.popup-dropdown.bootstrap-select .dropdown-menu.open {
    z-index: 10000;
}

.theme-form .input-group .pr>.bootstrap-select.open,
.theme-form .input-group .pr>.bootstrap-select.open+label {
    z-index: 100 !important;
}

/*Bootstrap select custom css end   */

/* pagination css start*/
.pagination {
    margin: 0;
}

.new_pagination>.pagination>li>.page_plus {
    padding: 0px;
}

.new_pagination>.pagination>li>.page_plus>.form-control {
    border: none;
    min-width: 50px;
    height: inherit;
}

.new_pagination>.pagination>li>.page_plus .bootstrap-select .btn {
    border: none !important;
    padding: 2px 10px;
    min-height: inherit;
    background-position: calc(100% - 8px) 5px;
}

table.dataTable thead .sorting:after {
    color: #fff !important;
    opacity: 0.50 !important;
}

.dataTables_info {
    margin-top: 8px;
}

.pagination>li {
    display: inline-block;
    margin-right: 2px;
}

.pagination>li>a,
.pagination>li>span {
    padding: 2px 8px;
}

.pagination>li:last-child {
    margin-right: 0;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background: #11abd3;
    border-color: #11abd3;
}

table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: 500 !important;
}

.paging_bs_new .pagination>li {
    vertical-align: top;
}

.paging_bs_new .pagination>li .btn {
    padding: 0px 10px;
    min-width: 50px;
    min-height: 27px;
    background-position: calc(100% - 5px) 5px;
    border-radius: 0px !important;
}

/* pagination css end*/

/* model css upted start */
.modal {
    text-align: center;
}

.modal-header .close {
    margin: 0px;
    color: #5d5d5d;
    font-size: 28px;
    line-height: 28px;
    opacity: 1;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }

    .modal-dialog {
        width: 730px;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-content {
    border-radius: 20px;
}

/* model css upted start */

/* progress bar css start */
.progress {
    height: 20px;
    background-color: #E7E6E6;
    border-radius: 3px;
}

.progress .progress-bar {
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
}

.progress .progress-bar.progress-bar-info {
    background-color: #11abd3;
}

.progress .progress-bar.progress-bar-danger {
    background-color: #ffbc00;
}

.progress .progress-bar.progress-bar-success {
    background-color: #0BC092;
}

.progress .progress-bar.progress-bar-warning {
    background-color: #EBB718;
}

/* progress bar css end */

/* updated notification css start */
.card-alert {
    position: fixed;
    right: 0px;
    top: 67px;
    z-index: 10001;
}

.card-alert .media {
    max-width: 512px;
    position: relative;
    margin: 0px;
    padding: 0px;
    border: none;
    box-shadow: none;
}

.card-alert .media-body,
.card-alert .media-left,
.card-alert .media-right {
    vertical-align: middle;
    margin: 0px;
}

.card-alert .media .media-left {
    min-width: 115px;
    height: 115px;
    text-align: center;
}

.card-alert.success .media .media-left {
    background-color: #5FB89C;
}

.card-alert.danger .media .media-left {
    background-color: #bd4360;
}

.card-alert .media .media-left img {
    margin: 0px auto;
    max-height: 45px;
}

.card-alert .media .media-body {
    color: #fff;
    padding: 15px 20px;
}

.card-alert.success .media .media-body {
    background-color: #7dc4ae;
}

.card-alert.danger .media .media-body {
    background-color: #ca6980;
}

.card-alert .media .media-body .media-heading {
    font-weight: 400;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
}

.card-alert .media .media-body p {
    font-size: 14px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}

.card-alert .media .media-body .media-heading,
.card-alert .media .media-body p {
    line-height: 20px;
    text-transform: capitalize;
    color: #fff;
}

.card-alert .media .media-close {
    position: absolute;
    color: #fff;
    right: 10px;
    top: 7px;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
}

.card-alert .media .media-close:hover {
    text-decoration: none;
}

/* updated notification css end */

/* step tab css */
.cust_tab_ui ul.nav-tabs li.disabled {
    cursor: not-allowed;
}

.cust_tab_ui ul.nav-tabs li.disabled a {
    pointer-events: none;
}

.cust_tab_ui ul.nav-tabs li a,
.cust_tab_ui ul.nav-tabs li.active a,
.cust_tab_ui ul.nav-tabs li.active a:hover,
.cust_tab_ui ul.nav-tabs li.active a:focus {
    padding: 0;
    border: 0;
}

.cust_tab_ui ul.nav-tabs li.active a .column-step {
    background: #11abd3;
    color: #fff;
}

.cust_tab_ui ul li.active a .column-step .step-number {
    color: #fff;
}

.cust_tab_ui ul li.active a .column-step .step-info,
.cust_tab_ui ul li.active a .column-step .step-title {
    color: #fff;
}

.cust_tab_ui .column-step {
    padding: 20px;
    text-align: center;
    background: #F7F7F7;
    color: #A0A0A0;
    width: 100%;
}

.cust_tab_ui .column-step .step-title {
    font-size: 18px;
    font-weight: 400;
    z-index: 3;
    position: relative;
}

.cust_tab_ui .column-step.active .step-number,
.cust_tab_ui .step-number {
    font-size: 50px;
    position: absolute;
    bottom: -15px;
    right: 1px;
    line-height: normal;
    color: #B8B8B8;
    z-index: 1;
    font-family: "Roboto";
}

.cust_tab_ui.cust_tab_ui_sm .column-step .step-title {
    font-size: 14px;
}

.cust_tab_ui.cust_tab_ui_sm .column-step.active .step-number,
.cust_tab_ui .step-number {
    font-size: 28px;
    position: absolute;
    bottom: -7px;
    right: 5px;
    line-height: normal;
}

.cust_tab_ui .column-step.active .step-number {
    color: #e4e7ea;
}

.custom_notes_area .btn {
    min-width: 76px;
}

.pricing_matrix_wrap .tab-content .custom_drag_control {
    margin: 0px;
}

.pricing_matrix_wrap .h5_title {
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    color: #474747;
    padding-bottom: 15px;
    margin: 0;
}

/* step tab end */

/* blue arrow tab css start */
.fixed_tab_top.fixed {
    width: calc(100% - 250px);
    position: fixed;
    top: 70px;
    z-index: 9999;
    background-color: #f8f8f8;
    margin-left: -18px;
}

.blue_arrow_tab .nav-tabs {
    border: none;
}

.blue_arrow_tab .nav-tabs li {
    padding-right: 15px;
}

.blue_arrow_tab .nav-tabs li a {
    position: relative;
    font-size: 16px;
    text-align: center;
    color: #696969;
    padding: 30px 0px;
    box-shadow: 0 0 4px 0 rgba(211, 211, 211, 0.5);
    border-radius: 3px;
    background-color: #FFFFFF;
    border: 1px solid #D0D0D0;
    font-weight: 500;
    display: block;
}

.blue_arrow_tab .nav-tabs li:last-child {
    padding-right: 0px;
}

.blue_arrow_tab .nav-tabs li.active a,
.blue_arrow_tab .nav-tabs li.active a:focus,
.blue_arrow_tab .nav-tabs li.active a:hover {
    border-color: #11abd3;
    background-color: #11abd3;
    color: #fff;
}

.blue_arrow_tab .nav-tabs li.active a:before {
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
    border-style: solid;
    border-width: 14px 7px 0 7px;
    border-color: #11abd3 transparent transparent transparent;
    content: "";
}

/* blue arrow tab css end */

/*customtab tab design start */
.nav.nav-tabs.panel {
    margin-bottom: 0;
}

.tab-content {
    margin-top: 20px;
}

.tabbing-tab ul {
    margin-bottom: 0;
    background-color: #fff;
}

.customtab {
    border-bottom: 2px solid #f8f8f8;
}

.customtab li.active a,
.customtab li.active a:hover,
.customtab li.active a:focus {
    background-color: #F5F5F5;
    color: #11abd3;
    border-color: #05C192;
}

.preface li a.active,
.preface li a.active :hover,
.preface li a.active:focus {
    border-color: #ffbc00;
    color: #ffbc00;
}

.preface li a.active,
.preface li a.active:hover,
.preface li a.active:focus {
    background: #ffffff;
    border: 0;
    border-bottom: 2px solid #ffbc00;
    margin-bottom: -1px;
    color: #ffbc00;
}

/*customtab tab design end */

/* custom tooltip css start */
.tooltip {
    z-index: 999;
}

.tooltip-inner {
    background-color: #FFFFFF;
    color: #11abd3;
    border: 1px solid #11abd3;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #fff;
    bottom: 2px;
}

.tooltip.top .tooltip-arrow:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 12px 0 12px;
    border-color: #11abd3 transparent transparent transparent;
    transform: translateX(-50%);
    z-index: -1;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff;
    top: 2px;
}

.tooltip.bottom .tooltip-arrow:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -1px;
    width: 0;
    height: 0;
    border-width: 0 12px 10px 12px;
    border-color: transparent transparent #11abd3 transparent;
    transform: translateX(-50%);
    z-index: -1;
    border-style: solid;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #fff;
    right: 2px;
}

.tooltip.left .tooltip-arrow:after {
    content: "";
    position: absolute;
    right: -2px;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 12px 10px 0;
    border-color: transparent #11abd3 transparent transparent;
    transform: rotate(-180deg) translateY(50%);
    z-index: -1;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #fff;
    left: 2px;
}

.tooltip.right .tooltip-arrow:after {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 12px;
    border-color: transparent transparent transparent #11abd3;
    transform: rotate(-180deg) translateY(50%);
    z-index: -1;
}

/* custom tooltip css start */

/* custom popover css start */
.popover-title {
    border-color: #f3f3f3;
    background-color: #fff;
    font-size: 16px;
    padding: 15px;
    line-height: 16px;
}

.popover {
    font-family: 'Roboto', sans-serif;
    max-width: 450px;
    border-radius: 0px;
    margin: 0px;
    border: 1px solid #11abd3;
    box-shadow: 0 6px 7px 0 rgba(210, 210, 210, 0.5);
    z-index: 999;
}

.popover-content {
    padding: 15px;
}

.popover.top>.arrow {
    border-top-color: #11abd3;
}

.popover.bottom>.arrow {
    border-bottom-color: #11abd3;
}

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

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

.full_width_popover {
    max-width: 1170px;
    width: 100%;
}

.popover_table tbody tr td {
    padding: 8px 0px;
}

.popover_table tbody tr:first-child td {
    padding-top: 0px;
}

.popover_table tbody tr:last-child td {
    padding-bottom: 0px;
}

.popover-danger {
    border-color: #ffbc00;
}

.popover-danger.top>.arrow {
    border-top-color: #ffbc00;
}

/* custom popover css end */

/* panel css start */
.panel {
    color: #5d5d5d;
    border: none;
    margin-bottom: 25px;
    box-shadow: 0 1px 10px 0 rgba(191, 191, 191, 0.5);
    background-color: #fff;
    position: relative;
}

.panel .panel-heading {
    padding: 18px;
    margin: 0px;
    border: none;
    position: relative;
}

.panel .panel-heading h4,
.panel .panel-heading p {
    font-size: 18px;
    margin: 0px;
    font-weight: 500;
}

.panel .panel-heading .panel-title,
.panel .panel-heading {
    font-size: 18px;
    color: #5d5d5d;
    text-transform: capitalize;
}

.panel .panel-body {
    padding: 18px;
    color: #5d5d5d;
}

.panel .panel-footer {
    padding: 18px 18px;
    border: none;
}

.panel.panel-shadowless {
    box-shadow: none !important;
}

.panel .panel-heading .panel-search-title {
    font-size: 14px;
    text-transform: capitalize;
    line-height: inherit;
}

.panel .panel-left {
    height: 100%;
    box-shadow: 1px 0 2px 0 rgba(230, 230, 230, 0.5);
    width: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.panel-left-nav ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.panel-left-nav ul li a {
    width: 50px;
    height: 55px;
    text-align: center;
    display: inline-block;
    line-height: 55px;
    color: #11abd3;
    background-color: #fff;
    font-size: 16px;
    position: relative;
}

.panel-left-nav ul li.active a {
    background-color: #11abd3;
    color: #fff;
}

.panel-left-nav ul li.active a:after {
    position: absolute;
    right: -10px;
    top: 50%;
    content: "";
    border-style: solid;
    border-width: 7px 0 7px 14px;
    border-color: transparent transparent transparent #11abd3;
    transform: translateY(-50%);
}

.panel .panel-right {
    padding-left: 60px;
}

.panel .panel-right .panel-footer {
    padding: 0px 0px 12px;
}

.panel.panel-default.panel-block.panel-title-block {
    position: relative;
}

.panel .search-handle {
    position: absolute;
    bottom: -22px;
    width: 100%;
    text-align: center;
}

.panel .search-handle .btn-box-tool {
    padding: 0;
    font-size: 12px;
    line-height: 12px;
    position: relative;
    width: 30px;
    height: 20px;
    color: #fff;
}

.panel .search-handle .btn-box-tool i {
    position: relative;
    z-index: 1;
}

.panel .search-handle .btn-box-tool:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 14px 0 14px;
    border-color: #ffbc00 transparent transparent transparent;
    position: absolute;
    left: 0;
    bottom: 0;
}

.panel .panel-footer .form-inline .form-group {
    margin-bottom: 0;
    height: inherit;
    padding-bottom: 0px;
}

.panel .table {
    margin-bottom: 0;
}

.panel-space .panel-heading {
    padding: 30px;
}

.panel-space .panel-body {
    padding: 0px 30px 30px 30px;
}

.panel-space .step_btn_wrap .btn+.btn {
    margin-left: 15px;
}

/* panel css end */

/* list-group css start */
.list-group {
    color: #5d5d5d;
    border: none;
    margin-bottom: 25px;
    box-shadow: none;
    background-color: #fff;
}

.list-group .list-group-item {
    padding: 18px;
    color: #5d5d5d;
    border: none;
}

/* list-group css end */

/* white-box css start */
.white-box {
    padding: 18px;
    color: #5d5d5d;
    box-shadow: 0 1px 10px 0 rgba(191, 191, 191, 0.5);
    background-color: #fff;
    margin-bottom: 25px;
    border: none;
}

/* white-box css end */

/* page wrapper css start */
#page-wrapper {
    padding: 0 0 80px;
}

/* page wrapper css end */

/* tabel css start */
.table thead tr th,
.table.color-table thead tr th,
.table.color-table thead tr th a {
    background-color: #8600b4;
    color: #fff;
    padding: 10px;
    vertical-align: middle;
    border: none;
}

.table.color-table thead tr th a {
    padding: 0px;
}

.table.text-center tbody tr td,
.table.text-center thead tr th {
    text-align: center;
}

.table.text-right tbody tr td,
.table.text-right thead tr th {
    text-align: right;
}

.table.text-left tbody tr td,
.table.text-left thead tr th {
    text-align: left;
}

.table tbody tr td,
.table.color-table tbody tr td,
.table.color-table tfoot tr td {
    vertical-align: middle;
    border: none;
    padding: 10px;
}

.table.color-table tr td.icons {
    white-space: nowrap;
}

.table tbody tr td .red-link,
.table tbody tr td .blue-link {
    background-color: transparent;
}

.table.color-table tr td.icons a:not(.btn)>i {
    color: #11abd3;
    font-size: 18px;
    margin: 0 5px;
}

.table.color-table tr td.icons a:not(.btn):hover>i {
    color: #ffbc00;
}

.table.color-table tr td.icons a:not(.btn):hover>img {
    filter: invert(75%) sepia(72%) saturate(2095%) hue-rotate(358deg) brightness(102%) contrast(104%);
}

.table-striped>tbody>tr:nth-of-type(odd),
.table-hover>tbody>tr:hover,
.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
    background-color: #f8f8f8;
}

.table-small thead tr th,
.table-small tbody tr td {
    padding: 5px 10px !important;
    font-size: 12px;
}

.table tfoot {
    border-top: 1px solid #f3f3f3;
}

table.table-theadless tbody>tr>td {
    padding: 10px 0px;
}

.table tbody tr td.fw600,
.table tbody tr td>strong.fw600,
.table tbody tr td>a>strong.fw600 {
    font-weight: 500;
}

/* table css end */

/* password popup css start */
.pswd_popup {
    position: absolute;
    bottom: calc(100% + 20px);
    left: 0px;
    z-index: 9999;
    background: #ffffff;
    width: 330px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 15px;
    font-size: 16px;
    border: 1px solid #E8E8E8;
    box-shadow: 0 6px 7px 0 rgba(210, 210, 210, 0.5);
    padding: 20px;
}

.pswd_popup h4 {
    margin: 0 0 8px;
    padding: 0 0 5px;
    font-size: 18px;
}

.pswd_popup:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 7.5px 0 7.5px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    left: calc(50% - 7.5px);
    bottom: -15px;
}

.pswd_popup .pswd_popup_inner {
    position: relative;
}

.pswd_popup .pswd_popup_inner ul {
    display: block;
    margin: 0;
    padding: 0;
}

.pswd_popup .pswd_popup_inner ul li {
    display: block;
    margin: 0 0 5px;
    position: relative;
    padding-left: 30px;
    text-align: left;
}

.pswd_popup .pswd_popup_inner ul li em {
    width: 21px;
    height: 21px;
    margin: 2px 0px 0 0;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    margin: 2px 0px 0 0;
}

.pswd_popup .pswd_popup_inner ul li.valid {
    color: #3fc35f;
}

.pswd_popup .pswd_popup_inner ul li.valid em {
    background: url(../../images/right_wrong_marks.png) 0 0 no-repeat;
}

.pswd_popup .pswd_popup_inner ul li.invalid {
    color: #E02020;
}

.pswd_popup .pswd_popup_inner ul li.invalid em {
    background: url(../../images/right_wrong_marks.png) -55px 0 no-repeat;
}

/* password popup css end */

/* thumbnail css start */
.thumbnail {
    border: 1px solid #E8E8E8;
    border-radius: 3px;
    padding: 20px;
    background-color: #FCFCFC;
    word-break: break-all;
}

/* thumbnail css end */

/*iframe panel css start */
.iframe #wrapper {
    height: 100%;
    overflow: initial;
}

.iframe {
    background-color: #fff !important;
}

.iframe .panel {
    border: none;
    box-shadow: none;
    margin: 0px;
    color: #5d5d5d;
    padding: 0px;
}

.iframe .panel .panel-heading {
    padding: 18px;
    margin: 0px;
    border-bottom: 1px solid #e9e9e9;
}

.iframe .panel .panel-heading h4,
body.iframe .panel .panel-heading p {
    font-size: 18px;
    margin: 0px;
    font-weight: 500;
}

.iframe .panel-body {
    padding: 18px;
}

.iframe .panel .panel-footer {
    border-top: 1px solid #e9e9e9;
    padding: 18px;
}

/*iframe panel css end */

/* form-inline css start*/
.form-inline .form-group.vtop {
    vertical-align: top;
}

.form-inline .form-group label {
    margin-bottom: 0;
}

.form-inline .form-control {
    width: auto;
    display: inline-block;
}

.form-inline .form-group.mn {
    margin-bottom: 0px !important;
}

.form-inline .form-group {
    width: auto;
    margin-bottom: 25px !important;
    height: initial !important;
    min-height: initial !important;
    vertical-align: initial;
}

/* form-inline css end*/

/*datepicker css start */
.datepicker,
.dropdown-menu {
    z-index: 999;
}

.datepicker table tr td span.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled[disabled]:hover {
    background: #11abd3 !important;
}

/*datepicker css end */

/* phone control css start */
.phone-control-wrap.fixed_size {
    table-layout: fixed;
}

.phone-control-wrap {
    display: table;
    width: 100%;
}

.phone-control-wrap .phone-addon {
    display: table-cell;
    vertical-align: middle;
    padding-right: 8px;
    text-align: center;
}

.phone-control-wrap .phone-addon:last-child {
    padding-right: 0;
}

/* phone control css end */

/*input_close css start */
.input_close {
    border: 1px solid #E6E6E6;
    background-color: #fff;
    border-radius: 2px;
    position: absolute;
    right: -8px;
    top: 0px;
    z-index: 9;
    font-size: 12px;
    font-weight: 600;
    color: #666566;
    padding: 0px 3px;
    line-height: 16px;
}

.input_close:hover {
    color: #fff;
    background-color: #dc3f31;
    text-decoration: none
}

/*input_close css end */

/* div table css start */
.div_table {
    display: table;
    width: 100%;
}

.div_table .table_row {
    display: table-row;
}

.div_table .table_row .table_cell {
    display: table-cell;
}

.div_table.width_auto {
    width: auto;
}

/* div table css end */

/* editer tag css start */
.editor_tag_wrap {
    box-shadow: 0 0 2px 0 rgba(172, 172, 172, 0.5);
    font-size: 12px;
    border-radius: 3px;
    padding: 15px;
}

.editor_tag_wrap .tag_head h4 {
    font-weight: normal;
    font-size: 14px;
    margin: 0 0 15px;
    text-align: center;
}

.editor_tag_wrap .tag_head .fa {
    color: #044151;
    font-size: 18px;
}

.editor_tag_wrap label {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid #E8E8E8;
    border-radius: 15px;
    box-shadow: 0 0 3px 0 rgba(185, 185, 185, 0.5);
    padding: 8px;
}

.editor_tag_wrap .editor_tag_wrap_inner .phone-control-wrap {
    margin-bottom: 20px;
}

.editor_tag_wrap .editor_tag_wrap_inner .phone-control-wrap label {
    margin-bottom: 0px;
}

/* editer tag css end */

/* custom file upload css start*/
.custom_drag_control {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 2px 0;
}

.custom_drag_control .btn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px 15px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.custom_drag_control .gui-file {
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 8px 10px;
    position: absolute;
    -moz-opacity: 0;
    opacity: 0;
    z-index: 11;
    bottom: 0;
    right: 0;
}

.custom_drag_control .gui-input {
    border: 1px solid #E8E8E8;
    height: 34px;
    padding: 6px 12px;
    display: inline-block;
    width: 100%;
    border-radius: 3px;
}

.custom_drag_control.custom-hover .gui-input {
    border-color: #11abd3;
}

/* custom file upload css end*/

/*modal vertical align center */
.welcome_modal.modal {
    text-align: center;
    padding: 0 !important;
}

.welcome_modal.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.welcome_modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.welcome_modal {
    font-weight: normal;
    color: #5d5d5d;
}

.welcome_modal label {
    font-weight: normal;
}

/*modal vertical align center */

/*=== Top Search panel Design Start ===*/
.searching_panel {
    border-radius: 5px;
    max-width: 285px;
    float: right;
    width: calc(30% - 100px);
    margin-right: 8px;
}

#search-icon {
    display: none;
}

.app-search button {
    color: #bbb;
    position: absolute;
    right: 7px;
    top: 7px;
}

.searching_panel .app-search .form-control {
    margin-top: 18px;
    border-radius: 3px;
    width: 100%;
    color: #bbbbbb;
    padding: 6px 12px !important;
    height: 34px;
    background-color: #f4f4f4 !important;
    border: 1px solid #f4f4f4;
}

.searching_panel .app-search .form-control:focus {
    border-color: #11abd3;
    color: #bbbbbb !important;
}

/*=== Top Search panel Design End  ===*/

/* comman tab responsive scroll css start */
.scrtabs-tab-container {
    height: 42px
}

.scrtabs-tab-container .tab-content {
    clear: left
}

.scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container>.navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
}

.scrtabs-tabs-fixed-container {
    float: left;
    height: 42px;
    overflow: hidden;
    width: calc(100% - 40px) !important;
}

.scrtabs-tabs-movable-container {
    position: relative
}

.scrtabs-tabs-movable-container .tab-content {
    display: none
}

.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container>ul.nav-tabs {
    padding-right: 0
}

.scrtabs-tab-scroll-arrow {
    color: #11abd3;
    display: none;
    float: left;
    font-size: 12px;
    height: 42px;
    padding-top: 13px;
    width: 20px;
    transition: all 0.3s ease-in-out;
    text-align: center;
    background-color: #f7fafc;
}

.scrtabs-tab-scroll-arrow:hover {
    background-color: #11abd3;
    color: #fff;
}

.scrtabs-tab-scroll-arrow,
.scrtabs-tab-scroll-arrow .scrtabs-click-target {
    cursor: pointer
}

.scrtabs-tab-scroll-arrow.scrtabs-with-click-target {
    cursor: default
}

.scrtabs-tab-scroll-arrow.scrtabs-disable,
.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
    color: #ddd;
    cursor: default
}

.scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
    background-color: initial
}

.scrtabs-tabs-fixed-container ul.nav-tabs>li {
    white-space: nowrap
}

/* comman tab responsive scroll css end */

/* panel & table  common action color css start */
.product_detail_panel {
    box-shadow: 0 0 8px 0 rgba(218, 218, 218, 0.5) !important;
    border-radius: 3px !important;
    border: 5px solid #FFFFFF !important;
}

.panel-cyan .panel-heading {
    background-color: #82A0C5;
}

.panel-cyan .space {
    background-color: #c5dbf5;
}

.panel-info .panel-heading {
    background-color: #11abd3;
}

.panel-info .space {
    background-color: #acb5c0;
}

.panel-success .panel-heading {
    background-color: #5fb89c;
}

.panel-success .space {
    background-color: #b7dfd2;
}

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

.panel-danger .space {
    background-color: #e1aab7;
}

.panel-warning .panel-heading {
    background-color: #fec108;
}

.panel-warning .space {
    background-color: #ffe390;
}

.panel-black .panel-heading {
    background-color: #5d5d5d;
}

.panel-black .space {
    background-color: #ffe390;
}

.table.table-cyan thead tr th,
.table.color-table.table-cyan thead tr th,
.table.table-cyan thead tr th a {
    background-color: #82A0C5 !important;
}

.table.table-info thead tr th,
.table.color-table.table-info thead tr th,
.table.table-info thead tr th a {
    background-color: #11abd3 !important;
}

.table.table-action thead tr th,
.table.color-table.table-action thead tr th,
.table.table-action thead tr th a {
    background-color: #ffbc00 !important;
}

.table.table-danger thead tr th,
.table.color-table.table-danger thead tr th,
.table.table-danger thead tr th a {
    background-color: #EB6E6E !important;
}

.table.table-success thead tr th,
.table.color-table.table-success thead tr th,
.table.table-success thead tr th a {
    background-color: #5FB89C !important;
}

.table.table-warning thead tr th,
.table.color-table.table-warning thead tr th,
.table.table-warning thead tr th a {
    background-color: #fec108 !important;
}

.table.table-black thead tr th,
.table.color-table.table-black thead tr th,
.table.table-black thead tr th a {
    background-color: #5d5d5d !important;
}

/* panel & table  common action color css end */

/* 404 page css start */
.not_found_page {
    width: 100%;
    height: 100vh;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    position: relative;
}

.not_found_page::before {
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    background-color: #f8f8f8;
    z-index: 0;
}

relative;
}

.not_found_page::after {
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
    background-color: #e7e7e7;
    z-index: 0;
}

.not_found_page .container {
    height: 100%;
    position: relative;
}

.not_found_content_wrap {
    position: absolute;
    top: 56%;
    left: 15px;
    right: 15px;
    transform: translateY(-50%);
}

.not_found_content .media {
    max-width: 815px;
    margin: 0px auto;
    width: 100%;
    background-color: #848484;
    position: relative;
    border-radius: 15px;
    padding: 0px;
}

.not_found_content .media .media-left {
    vertical-align: middle;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: #5e5e5e;
    padding: 20px 40px;
    color: #fff;
}

.not_found_content .media .media-left .material-icons {
    font-size: 50px;
    line-height: 59px;
}

.not_found_content .media .media-body {
    padding: 0px 20px;
    vertical-align: middle;
}

.not_found_content .media .media-body h4 {
    margin: 0px;
    color: #fff;
}

.not_found_content .media .media-body h4 span {
    display: block;
}

.not_found_content {
    margin-bottom: 50px;
}

/* 404 page css end */

/* switch toggle on off css start */
.custom-switch {
    margin: 0px;
    padding: 0px;
    line-height: 0px;
}

.custom-switch .smart-switch {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 28px;
    margin: 0px;
}

.custom-switch .smart-switch input {
    display: none;
}

.custom-switch .smart-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #e5e5e5;
    background-color: #ffbc00;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 15px;
    box-shadow: 0 2px 4px 0 rgba(216, 216, 216, 0.5);
}

.custom-switch .smart-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

input:checked+.smart-slider {
    background-color: #5FB89C;
}

input:focus+.smart-slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.smart-slider:before {
    -webkit-transform: translateX(37px);
    -ms-transform: translateX(37px);
    transform: translateX(37px);
}

.custom-switch .smart-slider:after {
    content: 'Off';
    color: #fff;
    display: block;
    position: absolute;
    transform: translate(0%, -50%);
    top: 55%;
    left: 50%;
    font-size: 14px;
    line-height: 0px;
}

input:checked+.smart-slider:after {
    content: 'On';
    transform: translate(50%, -50%);
    left: 0%;
}

.listbill-switch .smart-slider:after {
    content: 'TPA';
    color: #fff;
    display: block;
    position: absolute;
    transform: translate(0%, -45%);
    top: 55%;
    left: 45%;
    font-size: 14px;
    line-height: 0px;
}

.listbill-switch input:checked+.smart-slider:after {
    content: 'LB';
    transform: translate(50%, -45%);
    left: 12%;
}

/* switch toggle on off css end */

/* summernote custome css start */
.note-popover .popover-content .dropdown-menu.note-check li a i,
.panel-heading.note-toolbar .dropdown-menu.note-check li a i {
    color: #11abd3 !important;
}

/* summernote custome css end */

/* uniform design update */
.check_black div.checker span,
.check_black div.checker.hover span,
.check_black div.checker span.checked,
.check_black div.checker.focus span.checker,
.check_black div.checker.focus span,
.check_black div.checker.hover.active span,
.check_black div.checker.focus.active span,
.check_black div.checker.hover.active span.checker,
.check_black div.checker.focus.active span.checker,
.check_black div.checker.hover.active span.checked,
.check_black div.checker.focus.active span.checked {
    background-position: -175px 0 !important;
}

.red_checkbox div.checker span.checked,
.red_checkbox div.checker.focus span.checked,
.red_checkbox div.checker.hover span.checked {
    background-position: -197px 0 !important;
}


input[type=checkbox],
input[type=radio] {
    margin-top: 2px;
}

fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    margin-left: -11px;
}

.fgGroup .form-group .radio span input[type="radio"] {
    margin-left: -9px;
}

.fgGroup .form-group .radio+label {
    cursor: pointer;
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-left: 15px;
}

.checkbox-inline,
.radio-inline {
    padding-left: 0 !important;
    font-weight: 400;
    margin: 2px 0;
}

.div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
    background-image: url(../../images/theme.svg?_v=1.01) !important;
}

div.radio,
div.radio span,
div.radio input {
    width: 22px !important;
    height: 22px !important;
    vertical-align: middle;
}

div.radio span {
    background-position: -86px 0px !important;
}

div.radio.hover span {
    background-position: -153px 0px !important;
}

div.radio span.checked,
div.radio.focus span.checked {
    background-position: -109px 0 !important;
}

div.radio.hover.active span,
div.radio.focus.active span {
    background-position: -86px 0px !important;
}

div.radio.hover.active span.checked,
div.radio.focus.active span.checked {
    background-position: -109px 0 !important;
}

div.radio.active span.checked {
    background-position: -109px 0 !important;
}

div.checker,
div.checker span {
    width: 20px !important;
    height: 22px !important;
}

div.checker,
div.checker span,
div.checker input {
    height: 22px !important;
    width: 22px !important;
}

div.checker span,
div.checker.focus span {
    background-position: 1px 0px !important;
}

div.checker.hover span {
    background-position: -65px 0 !important;
}

div.checker span.checked,
div.checker.focus span.checked,
div.checker.hover span.checked {
    background-position: -43px 0 !important;
}

div.checker.hover.active span,
div.checker.focus.active span {
    background-position: 1px 0px !important;
}

div.checker.hover.active span.checked,
div.checker.focus.active span.checked {
    background-position: -21px 0 !important;
}

div.radio.disabled span,
div.checker.disabled span {
    opacity: 0.50;
}

table tr.checkbox-red td .checker.disabled span {
    background-color: #f00 !important;
    background-image: none !important;
    border-radius: 3px;
}

table tr.checkbox-red .checkbox label:before {
    background-color: #f00 !important;
    border-color: #f00 !important;
    cursor: not-allowed;
}

table tr.checkbox-red td {
    color: #f00;
}

.iframe .info-table.table tr th:first-child .checker span.checked {
    background-color: #fff;
    height: 22px !important;
    border: 1px solid #fff;
    border-radius: 5px;
    width: 22px !important;
}

/* uniform design update */

/* left sidebar css start */
.navbar-static-top {
    margin: 0px;
}

.navbar-header {
    background: #fff !important;
    max-height: 70px;
    box-shadow: 0 1px 4px 0 rgba(213, 213, 213, 0.5);
}

.admin_user_wrap {
    min-height: 70px;
    padding: 0;
    position: relative;
    background-color: #11abd3;
    float: left;
    width: 100%;
}

.admin_user_wrap .admin_avatar {
    width: 30px;
    height: 30px;
    line-height: 32px;
    border-radius: 100%;
    background-color: #fff;
    color: #044151;
    display: none;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.content-wrapper .admin_user_wrap .admin_user_info .admin_avatar {
    display: inline-block;
    margin-top: 10px;
}

.content-wrapper .admin_user_wrap .admin_user_info .user-profile .u-dropdown,
.content-wrapper .admin_user_wrap .admin_user_info strong {
    display: none;
}

.content-wrapper .admin_user_wrap .admin_user_info {
    top: auto;
    text-align: center;
    padding: 15px 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}

.admin_user_wrap .admin_avatar:hover,
.admin_user_wrap .admin_avatar:focus {
    color: inherit;
}

.admin_user_wrap a:hover,
.admin_user_info a:focus {
    text-decoration: none;
    color: #fff;
}

.admin_user_wrap .admin_user_info {
    text-align: left;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    background-color: #8600b4;
    padding: 15px 15px 15px 15px;
}

.admin_user_wrap .admin_user_info .user-profile .u-dropdown {
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    font-weight: normal;
}

.admin_user_wrap .admin_user_info .user-profile .u-dropdown .caret {
    position: absolute;
    right: 0px;
    bottom: 8px;
    border-width: 5px;
}

.admin_user_wrap .admin_user_info span small {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -39px;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    color: #104573;
}

.sidebar {
    padding-top: 103px;
    background-color: #804794;
}

#side-menu li a {
    color: #fff;
    border: none;
    font-weight: 300;
}

#side-menu>li>a.active {
    border: none;
    background: none;
}

#side-menu li.active>a {
    font-weight: 500;
}

#side-menu ul>li>a.active,
#side-menu ul>li>a:hover {
    color: #fff;
}

#side-menu li a:focus,
#side-menu li a:hover {
    background-color: inherit;
}

.navbar-top-links>li>a,
.breadcrumb>li>a {
    color: #5d5d5d;
}

.navbar-top-links>li>a {
    color: #5d5d5d;
    min-height: 70px;
    padding: 25px 8px;
}

.navbar-top-links>li>a>i {
    font-size: 20px;
}

.navbar-top-links>li>a:hover,
.navbar-top-links>li>a:focus {
    background: none;
}

.breadcrumb {
    padding: 25px 15px;
    margin: 0px;
    background-color: transparent;
}

.sub-header .breadcrumb {
    padding: 0px;
}

.bottom_power_logo {
    position: relative;
    bottom: 0px;
    left: 0;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    background: #fff;
}

.footer {
    padding: 15px 10px;
}

/*body.content-wrapper .sidebar-nav #side-menu > #user_mobile{display:block;}
body .sidebar-nav #side-menu > #user_mobile{display:none;}
.sidebar{ padding-top:103px; }
.top-left-part {min-height: 70px;padding: 0;position: relative;}
.top-left-part .admin_circle{ width:30px; height:30px; line-height:32px; border-radius:100%; background-color:#fff; color:#044151; display:none; text-align:center; font-size: 14px; font-weight:500;}
.top-left-part a:hover, .top-left-part a:focus{text-decoration:none; color:#fff;}
.content-wrapper .top-left-part .logo-top-space .user-profile .u-dropdown{display:none;}
.content-wrapper .top-left-part .logo-top-space strong{display: none;}
.content-wrapper .top-left-part .admin_circle{display: inline-block; margin-top: 10px;}
.content-wrapper .top-left-part .admin_circle:hover, .content-wrapper .top-left-part .admin_circle:focus{color: inherit;}
.top-left-part .logo-top-space { position: absolute;top: 0px;left: 0;width: 100%; background-color:#11abd3; padding:15px 15px 15px 15px;}
.top-left-part .logo-top-space .user-profile .u-dropdown{font-size:16px; color:#fff; text-transform:capitalize; font-weight:normal; }
.top-left-part .logo-top-space .user-profile .u-dropdown .caret{ position:absolute; right:0px; bottom:8px; border-width:5px;}
.user-profile > .dropdown-menu{margin:0px; padding:0px;}
.user-profile > .dropdown-menu > li > a{font-size:14px; line-height:normal; text-transform:capitalize;}
.top-left-part .logo-top-space span small{position: absolute;left: 0;right: 0;bottom: -39px;color: #000;font-size: 12px;font-weight: 400; color:#104573;}
.navbar-default.sidebar {background: #044151;}
.top-left-part {background-color: #11abd3;}
.sidebar {background: #044151;}
.sidebar #side-menu .user-pro .arrow { right: 0px; }
.top-left-part { min-height: 70px; padding:0;}
.top-left-part .logo b { display:none;}
.top-left-part img { max-height: 75px;}
.content-wrapper .top-left-part img {max-width: 95%;max-height: 52px;}
body.content-wrapper .top-left-part .logo b { display: block;}
.logo { margin:0px; padding:0px; }
.logo img { max-width:100%; height:auto; display:inline-block; }
.content-wrapper .top-left-part .logo-top-space {top: auto; text-align: center;}
.sidebar #side-menu .user-pro .nav-second-level a:hover { color:#11abd3;}
.content-wrapper .sidebar #side-menu>li>a{ color:#fff;}
#side-menu li a { color:#ffffff; font-weight:300; border: none;}
#side-menu li a:hover, #side-menu li a:focus{ background-color:rgba(0,0,0,0.02)}
#side-menu li.active>a{font-weight: 400;}
#side-menu > li > a.active { color: #fff;font-weight: 400;  }
#side-menu > li > a i { color: #fff; margin-right: 5px; line-height:14px; text-align:center; }
#side-menu > li > a.active {border:none; font-weight:500; }
#side-menu > li > a.active i { color: #fff; }
#side-menu ul > li > a:hover { color: #fff; }
#side-menu ul > li > a.active {font-weight: 500; color:#fff;}
.navbar-header { background:#fff!important;max-height: 70px;	box-shadow: 0 1px 4px 0 rgba(213,213,213,0.5);}
.mega-dropdown-menu li ul li a { clear: both; color: #686868; display: block; line-height: 1.42857; padding: 8px 0; white-space: normal;}
.mega-dropdown-menu li ul li a:hover, .mega-dropdown-menu li ul li a:focus {color: #11abd3; text-decoration: none;}
.navbar-top-links .breadcrumb{padding-top:25px; padding-left:15px;}
.navbar-top-links > li > a {color: #11abd3; min-height:70px; padding:25px 8px;}
.navbar-top-links>li>a:hover{background:none;}
.breadcrumb { background-color: #fff; margin-bottom: 0px; padding: 0px; }
.breadcrumb li a { color:#4f5467;}

.bottom_power_logo { position:relative; bottom:0px; left:0; padding:10px 0; width:100%; text-align:center; background:#fff; }
.footer { padding: 15px 10px;}*/
/* left sidebar css end */

/* timeline css start */
.timeline.left-timeline {
    padding: 0;
    font-weight: normal;
    max-width: inherit;
}

.timeline.left-timeline:before {
    left: 25px;
}

.timeline.left-timeline>li .timeline-title {
    float: left;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.timeline.left-timeline>li .timeline-heading {
    width: 100%;
    float: left;
}

.timeline.left-timeline>li .timeline-title {
    margin-bottom: 5px;
}

.timeline.left-timeline>li .timeline-heading p {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 5px;
}

.timeline.left-timeline>li .timeline-heading p .text-muted {
    color: #808080;
    font-style: italic;
}

.timeline-badge.primary {
    background-color: #11abd3 !important;
}

.timeline.left-timeline li .timeline-badge {
    font-size: 14px;
    font-weight: bold;
    z-index: 1;
}

.timeline.left-timeline li .timeline-badge img {
    max-width: 100%;
    border-radius: 100%;
}

.timeline.left-timeline li.timeline-inverted .timeline-badge {
    left: 0px;
    margin-left: 0;
    background-color: #fff;
    line-height: 42px;
    width: 42px;
    height: 42px;
}

.timeline.left-timeline>li.timeline-inverted>.timeline-panel {
    float: left;
    margin-left: 65px;
    width: calc(100% - 65px);
    padding: 15px;
}

.timeline.left-timeline>li i.type-e:after {
    content: "E";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}

.timeline.left-timeline>li i.type-a:after {
    content: "A";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}

.timeline.left-timeline>li i.type-m:after {
    content: "M";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}

.timeline.left-timeline>li.timeline-inverted>.timeline-panel>.timeline-body p strong {
    font-weight: bold;
}

.timeline.left-timeline>li.timeline-inverted>.timeline-panel>.timeline-body {
    position: relative;
    font-size: 14px;
}

.timeline.left-timeline>li.timeline-inverted>.timeline-panel>.timeline-body p {
    margin-bottom: 5px;
    color: #434343 !important;
}

.timeline.left-timeline>li.timeline-inverted>.timeline-panel>.timeline-body p span.text-gray {
    color: #434343 !important;
}

.timeline.left-timeline>li.timeline-inverted>.timeline-panel>.timeline-body .timeline_ip_right {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin-top: 0px;
    color: #828282 !important;
    font-size: 13px;
}

.timeline-badge.info {
    background-color: #11abd3 !important;
}

.timeline.left-timeline.steamline {
    border-left: 0px;
}

.timeline.left-timeline>li.timeline-inverted>.timeline-panel {
    margin-left: 62px;
    padding: 10px 0;
    width: calc(100% - 62px);
    border-bottom: 1px solid #F2F2F2 !important;
}

.timeline.left-timeline>li.timeline-inverted>.timeline-panel.br-n {
    border: none !important;
}

.timeline>li>.timeline-panel {
    border: none;
    box-shadow: none;
}

.timeline>li {
    margin-bottom: 0px;
}

.timeline::before {
    width: 1px;
    margin-left: 0px;
    top: 15px;
    display: none;
}

.timeline>li>.timeline-panel::before,
.timeline>li>.timeline-panel::after {
    content: none;
}

.no-record.steamline {
    border-left: none;
}

.timeline.left-timeline .no-record {
    background-color: #fff;
}

/*.dropdown-menu li:hover .inner_ul,.dropdown-menu li:focus .inner_ul{display:block;top:0;left: -100%;right: auto;}
.inner_submenu .fa-angle-right{position: absolute;right: 12px;font-size: 16px;}*/
/* timeline css end */

/* notification dropdown css start */
.drop-title {
    padding: 11px 15px;
}

.msg_notification .badge {
    background-color: #ffbc00;
    font-size: 0.7em;
    display: block;
    line-height: 18px;
    min-width: 18px;
    min-height: 18px;
    padding: 0px 2px;
    position: absolute;
    right: 4px;
    top: 12px;
    font-weight: normal;
    text-align: center;
    border-radius: 50%;
}

.msg_notification .badge:empty {
    display: none;
}

.msg_notification .mailbox .notification_full:hover {
    background-color: #f7fafc;
}

.msg_notification .mailbox {
    padding-top: 0;
}

.msg_notification .mailbox .notification_full {
    position: relative;
}

.msg_notification .mailbox .message-center {
    max-height: 330px;
}

.msg_notification .mailbox .message-center .mCSB_scrollTools.mCSB_scrollTools_vertical {
    width: 3px;
}

.msg_notification .mailbox .message-center .mCSB_inside>.mCSB_container {
    margin-right: 0;
}

.msg_notification .mailbox .message-center .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background: none;
}

.msg_notification .mailbox .message-center>a:hover {
    background-color: transparent;
}

.msg_notification .mailbox .message-center p {
    margin-top: 10px;
}

.message-center .mail-contnet .mail-desc {
    white-space: normal;
    overflow: visible;
}

.msg_notification .mailbox .message-center .mail-contnet span {
    cursor: pointer;
}

.msg_notification .mailbox .message-center .mail-contnet h5 {
    padding-right: 15px;
    cursor: pointer;
}

.msg_notification .mailbox .message-center .mail-contnet {
    padding: 9px 15px;
    border-bottom: 1px solid rgba(120, 130, 140, .13);
    display: block;
    z-index: 55;
}

.msg_notification .mailbox .notification_full:hover a.remove_notification {
    display: block;
}

.msg_notification .mailbox .message-center .remove_notification {
    border: none;
    position: absolute;
    z-index: 9999;
    display: none;
    right: 8px;
    top: 8px;
    font-size: 12px;
    padding: 2px;
    opacity: 0.5;
}

.msg_notification .mailbox .message-center .remove_notification .ti-close {
    color: #5d5d5d;
}

.msg_notification .mailbox .message-center .remove_notification:hover {
    opacity: 1;
    background-color: transparent;
}

.msg_notification .mailbox .message-center .notification_loader {
    margin: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 9999;
    right: 2px;
}

.msg_notification .mailbox .noti_unopened,
.msg_notification .mailbox .noti_unopened:hover {
    border: 1px solid #ffbc00;
    background-color: rgba(192, 231, 249, 0.35);
}

.msg_notification .mailbox .noti_unopened h5,
.msg_notification .mailbox .noti_unopened .time,
.msg_notification .mailbox .noti_unopened .mail-desc {
    font-weight: 400;
    color: #5d5d5d;
}

.msg_notification .mailbox .noti_unopened+.noti_unopened {
    border-top: 0;
}

.msg_notification .mailbox .noti_processor,
.msg_notification .mailbox .noti_processor:hover {
    border: 1px solid #FF0000;
    background-color: #FFDBDB;
}

.msg_notification .mailbox .noti_processor h5,
.msg_notification .mailbox .noti_processor .time,
.msg_notification .mailbox .noti_processor .mail-desc {
    font-weight: 400;
    color: #5d5d5d;
}

.msg_notification .mailbox .noti_processor+.noti_processor {
    border-top: 0;
}

.msg_notification .mailbox .noti_processor a.link {
    color: #2B4C80;
    font-weight: bold;
    padding: 0px;
    border: none;
}

.msg_notification .mailbox .noti_processor a.link:hover {
    background-color: transparent;
}

.chat_notification .badge {
    background-color: #ffbc00;
    font-size: 0.7em;
    display: block;
    line-height: 18px;
    min-width: 18px;
    min-height: 18px;
    padding: 0px 2px;
    position: absolute;
    right: 4px;
    top: 12px;
    font-weight: normal;
    text-align: center;
    border-radius: 50%;
}

.chat_notification .badge:empty {
    display: none;
}

/* notification dropdown css end */

/* login page  css start */
body.login-page {
    background-color: #fff !important;
}

.login_wrap {
    position: relative;
    display: table;
    width: 100%;
    height: 70vh;
}

.login_wrap .login-left-panel {
    width: 505px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    background: #ffffff;
}

.login_wrap .login-left-panel .lf_inner {
    z-index: 1;
}

.login_wrap .login-left-panel .lf_inner .lf_cont {
    text-align: center;
    padding: 0px 15px;
    color: #333;
}

.login_wrap .login-left-panel .lf_inner .lf_cont img {
    margin-bottom: 25px;
    max-width: 350px;
}

.login_wrap .login-right_panel {
    vertical-align: middle;
    display: table-cell;
    padding: 15px;
    position: relative;
}

.login_wrap .login-right_panel .login-form {
    margin: 0 auto;
}

.login_wrap .login-right_panel .login-form h3 {
    font-size: 28px;
}

.login_wrap .login-right_panel .login-form p.fs18 {
    font-size: 20px;
    font-weight: normal;
}

.login_wrap .login-right_panel .login-form.theme-form .form-group {
    height: 78px;
}

.login_wrap .login-right_panel .login-form.theme-form .form-group.height_auto {
    height: auto;
    padding-bottom: 28px;
}

.login_wrap .login-right_panel .login-footer {
    position: absolute;
    left: 0;
    bottom: 15px;
    text-align: center;
    width: 100%;
    color: #C7C7C7;
    display: inline-block;
    margin-top: 45px;
}

.login_wrap .login-right_panel .login-footer a,
.login_wrap .login-right_panel .login-footer p.text-black {
    color: #C7C7C7 !important;
    margin: 0 2px;
}

.login_wrap .control__indicator {
    background: none;
}

.login-alert-modal .media .media-left {
    padding-right: 25px;
}

.login-alert-modal .media .media-left img {
    max-width: 85px;
}

.login-alert-modal .media .media-body h3 {
    text-decoration: none;
}

.login_wrap .login-right_panel .login-form .checkbox-red input[type="checkbox"]:checked+label::before {
    background-color: #11abd3;
    border-color: #11abd3;
}

input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

/* login page  css end */

/* dashboard css start */
.dashboard_topbar {
    padding-bottom: 0px;
}

.dashboard_topbar .breadcrumb {
    background-color: transparent;
    border-radius: 0px;
    margin-top: 10px;
}

.dashboard_topbar .breadcrumb>li+li:before {
    display: none;
}

.dashboard_topbar .breadcrumb li {
    margin-right: 25px;
}

.dashboard_topbar .breadcrumb li {
    color: #5d5d5d;
    font-size: 16px;
}

.dashboard_topbar .breadcrumb li.active a {
    font-weight: 600;
    text-decoration: underline;
}

.dashboard_topbar_right {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.dashboard_topbar_right .dash_top_counter {
    text-align: left;
    padding: 0px 20px;
    border-right: 2px solid #ccc;
    flex-grow: 1;
    margin-bottom: 30px;
}

.dashboard_topbar_right .dash_top_counter:nth-last-child(-n + 2) {
    border-right: none;
    padding-right: 0px;
    flex-grow: 0;
}

.dashboard_topbar_right .dash_top_counter:first-child {
    flex-grow: 2;
}

.dashboard_topbar_right .dash_top_counter:last-child {
    text-align: end;
    flex: 1 1 auto
}

.dashboard-panel {
    border-radius: 3px;
    border: 1px solid #e8e8e8;
}

.dashboard-panel .panel-selection .radio-inline {
    vertical-align: bottom;
}

.dashboard-panel .panel-heading {
    border-bottom: 1px solid #e8e8e8;
    min-height: 40px;
    padding: 10px;
}

.dashboard-panel .theme-form .form-group {
    height: inherit;
}

.dashboard-panel .panel-body {
    padding: 10px;
}

.dashboard-panel .panel-heading .radio-inline {
    margin: 0px 0px 0px 5px;
    text-transform: none;
}

.dash_netsales_box {
    background: rgb(88, 0, 153);
    background: linear-gradient(to bottom, rgba(88, 0, 153, 0.30), rgba(255, 255, 255, 1));
    padding: 15px;
}

.dash_netsales_box .br-t {
    border-color: #5d5d5d;
}

.dash_netsales_box table tr td {
    padding: 6px;
    text-align: left;
}

.dash_netsales_box table tr td:first-child {
    padding-left: 0px;
}

.dash_netsales_box table tr td:last-child {
    text-align: right;
}

.dash_top_performing .table thead tr th,
.dash_top_performing .table.color-table thead tr th {
    background-color: #fff;
    color: #5d5d5d;
}

.dash_top_performing .table tbody tr td,
.dash_top_performing .table tbody tr td a {
    color: #5d5d5d;
    font-weight: 600;
}

.dash_top_performing .table tbody tr td:first-child {
    text-decoration: underline;
    white-space: normal;
}

.dash_top_performing {
    border: 2px solid rgba(88, 0, 153, 0.30);
    padding: 15px;
}

.dash_top_flowchart .flot-chart {
    max-width: 150px;
    margin: 0px auto;
    max-height: 150px;
}

.dash_top_flowchart table tbody tr td {
    vertical-align: middle;
    font-size: 12px;
    padding: 4px 0px;
}

.dash_top_flowchart table tbody tr td span {
    display: block;
}

.flot-chart .flow-chart-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-15%, -30%);
    width: 100%;
    height: 100%;
    max-width: 150px;
    max-height: 150px;
}

.flot-chart .flow-chart-info .sales_type_lable {
    min-width: 65px;
    text-align: center;
    display: inline-block;
}

.dash_chart_arrow .btn {
    padding: 0px 9px;
}

.dash_chart_arrow .btn+.btn {
    margin-left: 5px;
}

.dash_chart_arrow .btn i {
    font-size: 22px !important;
}

.dashboard-state-panel .panel-heading,
.dashboard-product-panel .panel-heading {
    padding: 10px 5px;
}

.morris_chart_label {
    display: inline-block;
}

.dash_product_progress table tbody tr td {
    vertical-align: bottom;
    padding: 11px 0px;
}

.dash_product_progress .progress {
    background-color: #fff;
}

.dash_renewal_box {
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    border-radius: 2px;
    padding: 15px;
    min-height: 112px;
}

.net_sales_tooltip.top .tooltip-arrow {
    bottom: 1px;
    border-top-color: rgba(0, 0, 0, 0.72);
}

.net_sales_tooltip .tooltip-inner {
    background-color: rgba(0, 0, 0, 0.72);
    color: #fff;
    font-weight: 300;
    max-width: 330px;
}

.dash_form_control .btn-select,
.dash_form_control.form-control {
    border: none !important;
    font-weight: bold !important;
    background-position: calc(100% - 11px) 8px !important;
}

.dashboard-state-panel .bootstrap-select .btn-select {
    background-position: calc(0% + 60px)
}

.dashboard-product-panel .bootstrap-select .btn-select {
    background-position: calc(0% + 83px)
}

.custom-data-wrap .form-group {
    height: auto;
}

.custom-data-wrap {
    position: absolute;
    top: 65px;
    right: 3px;
    width: 100%;
    max-width: 64%;
    z-index: 50;
    padding: 15px 15px 0px 15px;
    background-color: #fff;
    box-shadow: 0 0 13px 3px rgba(102, 102, 102, 0.06);
}

.custom-data-wrap:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 15px 7.5px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -14px;
    right: 50px;
    content: "";
}

/* dashboard css end */

/* My CLaim Css Start */
.service_table .accordion-toggle[aria-expanded="false"]:before {
    content: "";
    position: relative;
    top: 12px;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #11abd3;
    cursor: pointer;
}

.service_table .accordion-toggle[aria-expanded="true"]:before {
    content: "";
    position: relative;
    bottom: 12px;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #11abd3;
    cursor: pointer;
}

.service_line .section-heading {
    padding: 10px !important;
}

.section-heading-inner {
    font-weight: bold;
    font-size: 16px;
}

.spacer-row td {
    height: 15px;
    padding: 0;
    border: none;
    background: transparent;
}

.service_line.table tbody tr td {
    padding: 0px;
}

.table-wrapper-inner {
    min-width: max-content;
}

#dataTable th,
#dataTable td,
.pagination-table td {
    white-space: nowrap;
}

/* My CLaim Css End */

/* vendors & pmpm commission common module design css start*/
.bg_light_bg {
    background-color: #f4f4f4;
}

.add_fee_wrap .h5_title {
    font-size: 16px;
    color: #585858;
    padding-bottom: 15px;
    margin: 0;
}

.add_fee_wrap .add_fee_addonwrap {
    width: 100%;
    position: relative;
}

.add_fee_wrap .add_fee_addonwrap .add_fee_addon {
    position: absolute;
    top: 8px;
    left: 8px;
}

.add_fee_wrap .add_fee_addonwrap .add_fee_addon_percentage {
    position: absolute;
    top: 8px;
    right: 8px;
}

.add_fee_wrap .add_fee_addonwrap .form-control {
    width: 100% !important;
    padding-left: 25px !important;
}

.add_fee_wrap .table.bg_odd_even_table>tbody>tr:nth-of-type(odd)>td:first-child {
    background-color: rgba(255, 188, 0, 0.05);
}

.add_fee_wrap .table.bg_odd_even_table>tbody>tr:nth-of-type(even)>td:first-child {
    background-color: rgba(255, 188, 0, 0.15);
}

.add_fee_wrap .table.bg_odd_even_table>tbody>tr>td:first-child {
    width: 260px;
}

.add_fee_wrap .table.bg_odd_even_table>thead>tr>th:first-child {
    width: 260px;
}

.add_fee_wrap .table.bg_odd_even_table>tbody>tr>td,
.add_fee_wrap .table.bg_odd_even_table>thead>tr>th {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}

.add_fee_wrap .table tbody tr td {
    text-align: right;
    white-space: nowrap;
}

.add_fee_wrap .table tbody tr td:first-child {
    text-align: left;
}

.add_fee_wrap .table.pm_table tbody tr td:last-child {
    text-align: right !important;
}

.add_fee_wrap .table.pm_table tbody tr td.text-center {
    text-align: center !important;
}

.add_fee_wrap .table tbody tr.lightblue_tr_bg td {
    background-color: #eee6f5 !important;
}

.commission_tagify .tagify {
    max-height: 68px !important;
    overflow-x: hidden;
    overflow-y: auto;
}

/* vendors & pmpm commission common module design css end */

/*Price Increase css start*/
.price_increase_tabs {
    display: flex;
    justify-content: left;
    border-bottom: 2px solid #f8f8f8;
}

.price_increase_tabs>div:first-child {
    padding: 10px 10px 0px 0px;
}

.price_increase_tabs .customtab,
.vertical-tabs .customtab {
    border: none
}

.price_increase table tbody tr td,
.price_increase .table.color-table tbody tr td,
.price_increase .table.color-table tfoot tr td {
    vertical-align: top !important;
}

.price_allocation .add_fee_addonwrap {
    width: 100%;
    position: relative;
}

.price_allocation .add_fee_addon_percentage {
    position: absolute;
    top: 8px;
    right: 8px;
}

.price_allocation .add_fee_addon {
    position: absolute;
    top: 8px;
    left: 8px;
}

.price_allocation .priceControl {
    width: 100% !important;
    padding-left: 25px !important;
}

/*Price Increase css end */

/* commission popup css start */
.com_tbl.table>tbody>tr.danger>td,
.com_tbl.table>thead>tr.danger>th {
    background-color: #f7e0e0;
    color: #D70000;
}

.com_tbl.table>tbody>tr.light-danger>td,
.com_tbl.table>thead>tr.light-danger>th {
    background-color: #fee7e7;
    color: #D70000;
}

.com_small_tbl.table>tbody>tr>td,
.com_small_tbl.table>thead>tr>th {
    padding: 5px 7px;
    font-size: 12px;
}

.com_small_tbl.table>tbody>tr>td:not(.text-right):first-child,
.com_small_tbl.table>thead>tr>th:not(.text-right):first-child {
    text-align: left !important;
    color: #5d5d5d;
}

.weekly_com_panel .panel-heading {
    border-bottom: 1px solid #E4E4E4 !important;
}

.weekly_com_sum tbody tr td {
    font-size: 13px;
    padding: 3px 0px;
}

.info-bg {
    background-color: #decceb;
}

.light-info-bg {
    background-color: #eee6f5;
}

.com_btn_lg .btn {
    padding: 14px 12px;
    font-size: 16px;
}

table.com_popup_tbl tbody>tr>td {
    padding: 10px;
}

.com_panel_tabel .table tbody>tr>td:first-child {
    width: 45px !important;
}

.com_panel_tabel .table tbody tr td:nth-last-child(n+3) {
    border-left: 1px solid #e6e6e6;
}

.com_panel_tabel .table tbody tr td:nth-last-child(-n+3),
.com_panel_tabel .table thead tr th:nth-last-child(-n+4) {
    width: 125px;
}

.com_panel_tabel .table>tbody>tr>td {
    border-top: 1px solid #e4e7ea;
}

.com_panel_tabel .table>tbody>tr>td:first-child {
    border-left: 1px solid #e4e7ea;
    border-right: 1px solid #e6e6e6;
}

.com_panel_tabel .table>tbody>tr>td:last-child {
    border-right: 1px solid #e6e6e6;
}

.com_panel_tabel .table>tbody>tr:first-child td {
    border-color: #fff;
}

.com_panel_tabel .table>tbody>tr:last-child {
    border-bottom: 1px solid #e6e6e6;
}

.com_tbl.table>tbody>tr>td:last-child {
    border: none;
}

.com_tbl.table tbody tr td {
    border: none !important;
}

.com_tbl.table {
    border-bottom: none !important;
}

.ledger_debit {
    border: 1px solid #F4F4F4;
    background-color: #FFFFFF;
    box-shadow: 0 0 4px 0 rgba(237, 237, 237, 0.5);
    padding: 18px;
}

/* commission popup css start */

/* user groups detail common css start */
.admin_profile .user-btm-box {
    padding: 38px 0 0;
}

.admin_profile .user-btm-box .text-center h4 {
    font-size: 14px;
}

.admin_profile .tab-content .panel-default.brdr-gray {
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.admin_profile .user-bg .overlay-box .user-content {
    padding: 0px;
}

.admin_profile .user-bg .overlay-box {
    background-color: #11abd3;
}

.input-group-btn .btn {
    padding: 6px 12px;
}

.admin_profile .customtab {
    border-bottom: 2px solid #e4e7ea;
}

.actity_feed_tl .sl-right .sl-date {
    font-size: 10px;
}

.admin_profile .nav.customtab.mh42 li {
    min-height: 41px;
}

.panel.profile-info .panel-header .dropdown i {
    vertical-align: middle;
    margin-left: 5px;
}

.panel.profile-info .panel-header {
    background-color: #05C192;
    border-bottom: 14px solid #03B589;
    color: #fff;
}

.admin_intrection_wrap .note_search_wrap,
.member_intrection_wrap .note_search_wrap,
.lead_intrection_wrap .note_search_wrap,
.group_intrection_wrap .note_search_wrap,
.agent_intrection_wrap .note_search_wrap,
.pt_intrection_wrap .note_search_wrap {
    width: 100%;
    max-width: 100%;
    background-color: #f8f8f8;
    z-index: 9999;
    padding: 18px;
    border: 1px solid #e4e4e4;
    box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.pro_drop_div {
    padding: 5px !important;
    width: 100%;
    border-radius: 3px;
    background-color: #f4f4f4;
    border: 1px solid #E8E8E8 !important;
}

.pro_drop_div .profile-dropzone {
    width: 100%;
    background-size: contain !important;
    border: none !important;
}

.panel.profile-info.New .panel-header {
    background-color: #05c192;
    border-color: #03b589;
}

.panel.profile-info.Working .panel-header {
    background-color: #05c192;
    border-color: #03b589;
}

.panel.profile-info.Open .panel-header {
    background-color: #05c192;
    border-color: #03b589;
}

.panel.profile-info.Unqualified .panel-header {
    background-color: #EB6E6E;
    border-color: #D26262;
}

.panel.profile-info.Unqualified .reason_info {
    background-color: #FFE5E5;
}

.panel.profile-info.Unqualified .panel-footer {
    background-color: #EB6E6E;
}

.panel.profile-info.Unqualified .panel-footer a {
    background-color: #D26262;
}

.panel.profile-info.Converted .panel-header {
    background-color: #5d5d5d;
    border-color: #4d4d4d;
}

.panel.profile-info.Abandoned .panel-header {
    background-color: #FEC108;
    border-color: #EBB718;
}

.panel.profile-info.Abandoned .reason_info {
    background-color: #FFFAEB;
}

.panel.profile-info.Abandoned .panel-footer {
    background-color: #FEC108;
}

.panel.profile-info.Abandoned .panel-footer a {
    background-color: #EBB718;
}

.panel.profile-info .panel-header .media,
.panel.profile-info .panel-header .media-body {
    overflow: visible;
    margin: 0;
    border: 0;
}

.panel.profile-info .panel-header .media-body,
.panel.profile-info .panel-header .media-left,
.panel.profile-info .panel-header .media-right {
    vertical-align: middle;
}

.panel.profile-info .panel-header h4 {
    margin-top: 0;
    color: #fff;
}

.panel.profile-info .panel-header h4 small {
    color: #fff;
}

.panel.profile-info .panel-header .btn {
    background-color: #FFF;
    color: #05C192;
    padding: 3px 15px;
}

.panel.profile-info .panel-body {
    position: relative;
}

.activity_wrap .media-body,
.activity_wrap .media-left,
.activity_wrap .media-right {
    vertical-align: middle;
}

.activity_wrap .media .media-body .text-red,
.activity_wrap .media .media-body .red-link {
    font-weight: 500;
    font-size: 100%;
}

.panel.profile-info .reason_info {
    padding: 25px;
    min-height: 327px;
}

.panel.profile-info .panel-body table tr td:first-child {
    font-weight: 300;
    width: 105px;
}

.panel.profile-info .panel-body table tr td {
    padding: 16px 0;
    font-weight: 400;
}

.panel.profile-info .panel-body table tr:first-child td {
    padding-top: 0;
}

.panel.profile-info .panel-body table tr:last-child td {
    padding-bottom: 0;
}

.panel.profile-info .panel-body .right_btn {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.panel.profile-info .panel-footer {
    background-color: #05C192;
    padding: 0px;
    width: 100%;
}

.panel.profile-info .panel-footer a {
    padding: 7px 21px;
    background-color: #03B589;
    color: #fff;
    float: right;
    font-weight: 400;
}

.search_btn {
    border: 1px solid #E4E7EA;
    border-radius: 2px;
    padding: 0px 8px;
    display: inline-table;
    height: 34px;
    text-align: center;
    line-height: 32px;
}

.search_close_btn {
    font-size: 16px;
}

.search_btn i {
    font-style: normal;
}

.activity_wrap.br-t {
    border-top: 1px solid #F2F2F2;
}

.activity_wrap .media {
    padding: 0;
    border: 0;
}

.activity_wrap .media-left {
    padding-right: 20px;
}

.activity_wrap .media-body {
    border-bottom: 1px solid #F2F2F2;
}

.activity_wrap .circle_badge {
    background-color: #11abd3;
    height: 42px;
    width: 42px;
    line-height: 42px;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.activity_wrap .ip_right {
    float: right;
    color: #828282;
    font-size: 12px;
}

.timeline-badge.danger {
    background-color: #ffbc00 !important;
}

.note_search_wrap.auto_size {
    width: auto;
    vertical-align: top;
    max-width: 100%;
}

.note_search_wrap {
    max-width: 430px;
    width: 100%;
}

.note_search_wrap .search_ico {
    position: absolute;
    right: 10px;
    top: 6px;
    padding: 0px;
}

.password_unlock {
    position: relative;
    width: 100%;
}

.password_unlock .dot_password {
    border: none;
    margin: 0px;
    padding: 0px;
    background-color: white;
}

.password_unlock .dot_password:hover,
.password_unlock .dot_password:focus {
    box-shadow: none;
    outline: none;
}

.password_unlock #password_popup,
.password_unlock .password_popup_content {
    position: absolute;
    top: -37px;
    width: 100%;
    max-width: 200px;
    box-shadow: 0 2px 4px 0 rgba(193, 193, 193, 0.5);
    background-color: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 3px;
}

.password_unlock .password_popup_content {
    left: 0px;
}

.password_unlock .phone-control-wrap .phone-addon {
    text-align: left;
    padding: 0px;
}

.password_unlock .phone-control-wrap .phone-addon .form-control {
    border: none;
    border-radius: 0px;
}

.password_unlock input.dot_password:-webkit-autofill,
.password_unlock input.dot_password:focus:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.password_unlock .phone-control-wrap .phone-addon .btn {
    border-radius: 0px;
}

.password_unlock .phone-control-wrap .phone-addon:last-child {
    text-align: right;
}

.popover.smarte-popover {
    min-width: 400px;
}

.popover.smarte-popover .popover-content p:first-child {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.activity_filter.flex_row {
    align-content: inherit;
    justify-content: inherit;
}

.activity_filter.flex_row .form-group {
    padding-right: 10px;
    height: auto;
    margin-bottom: 10px;
}

.activity_filter.flex_row .dt_range .phone-control-wrap .phone-addon {
    padding-right: 0px;
}

.user_authentication .phone-control-wrap .phone-addon.w-160 {
    vertical-align: initial;
}

/* user groups detail common css end */

/* admin detail page css start */
.admin_intrection_wrap .activity_wrap {
    max-height: 200px;
}

.admin_intrection_wrap .activity_wrap.interaction_filter_active {
    max-height: 163px;
}

.activity_wrap .media .media-right a>i {
    margin-left: 10px;
    font-size: 18px;
}

.activity_wrap .media .media-right {
    font-size: 0px;
}

/* admin detail page css end */

/* agent detail page css start */
.checkbox-table {
    width: 17px;
    height: 17px;
    margin: 0px;
}

.agp_md_title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    font-family: 'Lato', sans-serif;
}

.agent_intrection_wrap .activity_wrap {
    max-height: 388px;
}

.agent_intrection_wrap .activity_wrap.interaction_filter_active {
    max-height: 316px;
}

.panel.profile-info.agent .panel-body table tr td {
    padding: 9px 0px;
}

.review_docbox {
    position: relative;
    min-height: 446px;
}

.review_docbox .review_docbox_inner {
    position: absolute;
    top: 35%;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    max-width: 400px;
}

.solid_drag_control.custom_drag_control .gui-input {
    border-style: solid;
    border-radius: 3px;
}

.solid_drag_control.custom_drag_control label {
    position: absolute;
    cursor: auto;
    top: -10px;
    left: 10px;
    font-size: 11px;
    background-color: #fff;
    padding: 3px 3px 0;
    color: #999999;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all;
    pointer-events: none;
    z-index: 1;
    font-weight: normal;
}

.agp_attr_tbl .table {
    border: 1px solid #f4f4f4;
}

.agp_attr_tbl .table thead tr th {
    background-color: #F5F5F5;
    color: #5d5d5d;
    white-space: nowrap;
}

.agp_attr_tbl .table tbody tr td {
    background-color: rgba(255, 188, 0, 0.05);
    border-top: 1px solid #fff;
    vertical-align: top;
}

.agp_attr_tbl .table tbody tr td:last-child {
    background-color: rgba(70, 91, 116, 0.05);
    border-color: #f4f4f4;
}

.agp_attr_tbl .form-group {
    height: inherit;
}

.table.weekly_com_sum tbody tr td {
    padding: 5px 0px;
}

.com_small_tbl.weekly.table thead tr th {
    background-color: #ffbc00;
    color: #fff;
}

.com_small_tbl.monthly.table thead tr th {
    background-color: #11abd3;
    color: #fff;
}

.review_doc_panel .panel-heading {
    padding: 25px 25px;
    background-color: #f8f8f8;
}

.review_doc_panel .panel-heading p {
    font-size: 26px;
}

.production_report_tbl.table tbody tr td {
    border: 1px solid #F3F3F3;
}

.production_report_tbl .theme-form .form-group.height_auto {
    min-height: inherit;
    padding-bottom: 0px;
}

.production_report_tbl.table tbody tr td:first-child {
    width: 275px;
}

.quick_report .theme-form .form-group.height_auto {
    min-height: inherit;
    padding-bottom: 0px;
}

.transfer_div .call_transfer_div {
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    border-radius: 4px;
}

/* agent detail page css end */

/* member detail page css start */
.mdp_title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    font-family: 'Lato', sans-serif;
    color: #CDCDCD;
}

.panel.profile-info.member .panel-body table tr td {
    padding: 12px 0px;
}

.member_intrection_wrap .activity_wrap {
    max-height: 370px;
}

.member_intrection_wrap .activity_wrap.interaction_filter_active {
    max-height: 298px;
}

.product_detail_wrap {
    border-radius: 3px;
    border: 1px solid #E8E8E8;
}

.product_detail_wrap .panel {
    box-shadow: none;
    margin: 0px;
}

.product_detail_wrap .panel .panel-heading {
    height: 35px;
    border-radius: 3px 3px 0 0;
    text-align: center;
    position: relative;
}

.product_detail_wrap .panel .panel-heading h4 {
    display: inline-block;
    margin: 0px auto;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid transparent;
    border-radius: 32px;
    padding: 5px 20px;
    background-color: #fff;
    position: absolute;
    top: -50%;
    transform: translate(-50%, 0%);
    z-index: 10;
    text-align: center;
}

.product_detail_wrap .panel.success .panel-heading {
    background-color: #05C192;
}

.product_detail_wrap .panel.success .panel-heading h4 {
    color: #05C192;
    border-color: #05C192;
}

.product_detail_wrap .panel.danger .panel-heading {
    background-color: #EB6E6E;
}

.product_detail_wrap .panel.danger .panel-heading h4 {
    color: #EB6E6E;
    border-color: #EB6E6E;
}

.product_detail_wrap .panel.warning .panel-heading {
    background-color: #FEC108;
}

.product_detail_wrap .panel.warning .panel-heading h4 {
    color: #FEC108;
    border-color: #FEC108;
}

.product_detail_wrap .panel.success-warning .panel-heading {
    z-index: 1;
}

.product_detail_wrap .panel.success-warning .panel-heading:after {
    content: "";
    background-color: #00c292;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
}

.product_detail_wrap .panel.success-warning .panel-heading:before {
    content: "";
    background-color: #fec107;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
}

.product_detail_wrap .panel.success-warning .panel-heading h4 {
    color: #5d5d5d;
    border-color: #e4e4e4;
}

.transfer_div .call_transfer_div {
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    border-radius: 4px;
}

.mdp_info_table table tr td {
    padding: 10px 0px;
    color: #686868;
    vertical-align: middle;
    white-space: nowrap;
}

.mdp_info_table table tr td:first-child {
    font-weight: 500;
}

.mdp_info_table .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    max-width: 125px;
    text-overflow: ellipsis;
}

.order_tabs {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.order_tabs li {
    display: inline-block;
}

.order_tabs li a {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    padding-right: 25px;
    color: #5D5D5D;
}

.order_tabs li.active a {
    color: #B3B3B3;
}

.payable_product_box {
    margin-bottom: 30px;
    background-color: #f5f5f5;
    border-bottom: 10px solid #ffbc00;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
    padding: 15px;
    position: relative;
}

.payable_product_box.active::before {
    position: absolute;
    left: 10px;
    bottom: -20px;
    content: "";
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #ffbc00 transparent transparent transparent;
}

.payable_product_box h4 {
    font-size: 16px;
    margin-top: 0px;
    font-weight: 700;
}

.payable_product_box .btn {
    margin-top: -30px;
    float: right;
}

.payable_wrap .panel {
    box-shadow: none;
    border: none;
    border-radius: 0px;
}

.payable_wrap .table:not(.payee_table)>thead>tr>th,
.payable_wrap .table:not(.payee_table).color-table thead tr th,
.payable_wrap .table:not(.payee_table).color-table thead tr th a {
    background-color: #fff;
    color: #5d5d5d;
}

.payable_wrap .table .blue-box {
    padding: 15px 10px;
    border: 1px solid #11abd3;
    background-color: #fff;
}

.payable_wrap .table>tbody>tr.tr_expand td {
    cursor: pointer;
}

.payable_wrap .table>tbody>tr.active td {
    background: #11abd3;
    color: #fff;
}

.payable_wrap .table>tbody>tr.active td .text-blue {
    color: #fff !important;
}

.payable_wrap .table>tbody>tr.active td .label-info {
    background-color: #fff;
    color: #11abd3;
}

.payable_wrap .table>tbody>tr.active td a {
    color: #fff;
}

.payable_wrap .checkbox label:before {
    top: 4px;
}

.payable_wrap .checkbox label:after {
    top: 4px;
}

.member_access_request .form-control {
    background-color: #FCFCFC;
    border: 1px solid #E8E8E8;
    padding: 20px;
    font-size: 20px;
    height: inherit;
    text-align: center;
}

.member_access_request hr {
    margin: 15px 0px;
}

/* member detail page css end */

.banner-table thead tr th,
.banner-table.color-table thead tr th,
.banner-table.color-table thead tr th a {
    background-color: #11abd3;
    color: #fff;
    padding: 5px 10px;
    vertical-align: middle;
    border: 1px solid #5e7f63;
}

.banner-table tbody tr td,
.banner-table.color-table tbody tr td,
.banner-table.color-table tfoot tr td {
    vertical-align: middle;
    border: 1px solid #5D5D5D;
    padding: 5px 10px;
}

/* special display css start */
.special_display {
    margin: 0px;
    padding: 0px;
    border: none;
    background-color: #FAFBFB;
}

.special_display .media-left {
    padding: 20px 15px;
    text-align: center;
    vertical-align: middle;
}

.special_display .media-left img {
    margin: 0px auto;
    max-width: 130px;
}

.special_display .media-body {
    vertical-align: middle;
    padding: 15px;
}

/* special display css end */

/* employer group css start */
.group_intrection_wrap .activity_wrap {
    max-height: 262px;
}

.group_intrection_wrap .activity_wrap.interaction_filter_active {
    max-height: 190px;
}

/* employer group css start */

/* lead page css start */
.lead_intrection_wrap .activity_wrap {
    max-height: 300px;
}

.lead_intrection_wrap .activity_wrap.interaction_filter_active {
    max-height: 230px;
}

.panel.profile-info.user_lead .panel-body table tr td {
    padding: 11px 0px;
}

.lead-progress-bar {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    bottom: 0px;
}

.lead-progress-bar .status-bar {
    padding: 0px 10px;
}

.lead-progress-bar .progress {
    border-radius: 0px 0px 6px 6px;
}

/* lead page css end */

/* participants page css start */
.pt_intrection_wrap .activity_wrap {
    max-height: 280px;
}

.pt_intrection_wrap .activity_wrap.interaction_filter_active {
    max-height: 208px;
}

.participants_profile .password_unlock #password_popup {
    top: -65px;
    padding: 10px;
    z-index: 10;
}

.participants_profile .password_unlock .form-control {
    border: 1px solid #E8E8E8 !important;
}

/* participants page css end */

/* add_note_panel css start */
.comment_box {
    border: 1px solid #E8E8E8;
    background-color: #FAFAFA;
    padding: 5px 15px;
}

.add_note_panel .panel-heading {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 20px 30px;
    background-color: #11abd3;
}

.white-close #cboxContent #cboxClose {
    background: url("../../images/close-icon-white.png") no-repeat;
    opacity: 1;
}

/* add_note_panel css end */

/*------- Tree Node CSS Start ---------*/
.st_label a,
.st_label a:hover {
    text-decoration: none;
}

.spacetree_action .btn {
    font-size: 14px;
    text-align: center;
    padding: 6px;
    line-height: 0px;
    width: 28px;
}

.spacetree_action .btn.sp_refresh {
    background-color: #74A7E5;
    color: #fff;
    border: 1px solid #74A7E5;
}

.spacetree_action .btn.sp_refresh:hover,
.spacetree_action .btn.sp_refresh:focus {
    background-color: #fff;
    color: #74A7E5;
}

.spacetree_action .btn.sp_link {
    background-color: #fff;
    color: #ffbc00;
    border: 1px solid #ffbc00;
}

.spacetree_action .btn.sp_link:hover,
.spacetree_action .btn.sp_link:focus {
    background-color: #ffbc00;
    color: #fff;
}

.node_label {
    height: 70px;
    text-align: center;
    background-color: #fff;
}

.node_label h4 {
    text-align: left;
    padding: 0px 5px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    margin: 0px 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    word-wrap: break-word;
}

.node_label h5 {
    font-size: 10px;
    font-weight: 500;
    color: #ffbc00;
    padding: 0px;
    margin: 0px;
}

.node_label p {
    padding: 0px;
    margin: 0px;
    line-height: 22px;
    font-size: 12px;
    color: #5D5D5D;
    font-weight: 300;
}

.node_label h4 i {
    color: #fff;
    margin-right: 5px;
}

.node_label.node-border-parent h4 {
    background-color: #74A7E5;
}

.node-border-parent {
    border: 1px solid #74A7E5 !important;
}

.node_label.node-border-current h4 {
    background-color: #ffbc00;
}

.node-border-current {
    border: 1px solid #ffbc00 !important;
}

.node_label.node-border-child h4 {
    background-color: #044151;
}

.node-border-child {
    border: 1px solid #044151 !important;
}

.node_label.node-border-child h5 {
    color: #044151 !important;
}

.node_label.node-highlight h4 {
    background-color: #044151;
}

.node-highlight {
    border: 1px solid #ffbc00 !important;
}

.node_label.node-highlight h5 {
    color: #ffbc00 !important;
}

.node_label.node-border-black h4 {
    background-color: #044151;
}

.node-border-black {
    border: 1px solid #044151 !important;
}

.node_label.node-border-black h5 {
    color: #044151 !important;
}

.node_label.node-no-downline h4 {
    background-color: #999 !important;
}

.node-no-downline {
    border: 1px solid #999 !important;
}

.node_label.node-no-downline h5 {
    color: #999 !important;
}

.st_label .text-active {
    color: #339900 !important;
}

.st_label .text-inactive {
    color: #cc0000 !important;
}

.node_label p a.graph-icon i {
    font-size: 16px;
}

.node_label p a.graph-icon i {
    padding: 1px 5px;
}

.node_label p a.graph-icon.inactive {
    color: #cf0000;
}

.node_label p a.graph-icon.active {
    color: #093;
}

.panel-body .binary-lagend a {
    font-size: 16px;
    margin-right: 20px;
}

.panel-body .binary-lagend a.active {
    color: #009933;
}

.panel-body .binary-lagend a.inactive {
    color: #cf0000;
}

.panel-body .binary-lagend a i.fa {
    margin-right: 3px;
}

/*------- Tree Node CSS over ---------*/

/* order receipt common css start */
.receipt_left {
    background-color: #044151;
    /*min-height: 630px;*/
    padding: 0px;
    word-break: break-all;
}

/*.enrollment_receipt .receipt_left .billing_info_edit{ position: absolute; bottom: 0px; left: 0px; width: 100%; }*/
/* order receipt common css end */

/* reinstate css start */
.reinstate_panel .panel-body {
    padding-bottom: 70px;
}

.reinstate_panel .btn-group>.btn {
    float: none;
}

.reinstate_panel .panel-footer {
    position: fixed;
    left: 0px;
    width: 100%;
    right: 0px;
    bottom: 0px;
    z-index: 99;
}

/* reinstate css end */

/* smarte resources css start */
.resources_wrap .blue_arrow_tab .nav-tabs>li>a>.set-icons {
    padding-right: 10px;
}

.resources_wrap .blue_arrow_tab .nav-tabs li.active a img {
    filter: invert(99%) sepia(94%) saturate(2%) hue-rotate(199deg) brightness(105%) contrast(100%);
}

.line_title h3 {
    margin: 0px 0px 15px;
    position: relative;
    overflow: hidden;
    font-size: 16px;
}

.line_title h3 span {
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 25px;
}

.line_title h3:after {
    content: "";
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #EDEDED;
    position: absolute;
    transform: translateY(-50%);
}

.resources_setup_wrap .form-group.height_auto {
    margin-bottom: 15px;
}

.resources_addon .input-group-addon {
    min-width: 200px;
    max-width: 200px;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    font-weight: 500;
}

.resources_setup_wrap .input-group .input-group-addon {
    border-radius: 0px;
    background-color: #11abd3;
    color: #fff;
    min-width: 250px;
    text-align: left;
}

.resources_setup_wrap .input-group .input-group-addon:last-child {
    border-radius: 0px;
    background-color: #ffbc00;
    color: #fff;
    min-width: 150px;
    text-align: left;
}

.system_setup_access {
    width: 100%;
    max-width: 250px;
    float: right;
}

.system_setup_access .input-group {
    box-shadow: 0 2px 4px 0 rgba(193, 193, 193, 0.5);
}

.system_setup_access .input-group-addon {
    background-color: #11abd3;
    border-color: #11abd3;
    border-radius: 0px;
    padding: 6px 15px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
}

/* smarte resources css end */

/* resources css start */
.resources_box .panel {
    background-color: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    margin-bottom: 25px;
}

.resources_box .panel .panel-heading {
    border-radius: 3px 3px 0 0;
    padding: 15px 20px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}

.resources_box .panel .panel-body {
    padding: 10px 20px 10px 20px;
}

.resources_box .panel .panel-body ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.resources_box .panel .panel-body ul li a {
    padding: 10px 10px 10px 20px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    position: relative;
}

.resources_box .panel .panel-body ul li a:before {
    width: 8px;
    height: 8px;
    content: "";
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #5D5D5D;
}

.resources_box .panel .panel-body {
    min-height: 220px;
}

.resources_box .panel.info .panel-heading {
    background-color: #11abd3;
}

.resources_box .panel.info .panel-body ul li a {
    color: #11abd3;
}

.resources_box .panel.danger .panel-heading {
    background-color: #ffbc00;
}

.resources_box .panel.danger .panel-body ul li a {
    color: #ffbc00;
}

.resources_box .panel.primary .panel-heading {
    background-color: #74A7E5;
}

.resources_box .panel.primary .panel-body ul li a {
    color: #74A7E5;
}

.agent_resource_box.resources_box .table.color-table thead tr th {
    padding-top: 0px
}

.agent_resource_box.resources_box .table.color-table thead tr th:first-child,
.resources_box .table.color-table tbody tr td:first-child {
    padding-left: 20px
}

.agent_resource_box.resources_box .resources_table {
    max-height: 250px;
    min-height: 250px;
}

.agent_resource_box.resources_box .table.table-danger thead tr th {
    background-color: #202e5a !important;
}

.idcard-panel .idcard-content {
    padding-bottom: 55px;
}

/* resources css end */

/* email module css start */
.communication_panel .media-object {
    margin-top: 12px;
}

.communication_panel .theme-form .form-group.height_auto {
    min-height: inherit;
}

.email_tab_box .btn {
    width: 100%;
    padding: 50px;
    font-size: 18px;
}

.create_mail_panel {
    border-radius: 3px;
    border: 1px solid #DCDCDC;
    box-shadow: none;
}

.create_mail_panel.panel {
    min-height: 160px;
}

.create_mail_panel.panel.panel-block>.panel-heading {
    background-color: #11abd3;
    padding: 10px 25px;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
}

.create_mail_panel.panel.panel-block>.panel-body {
    padding: 25px;
}

.create_mail_panel .email_action>a {
    padding: 9px 0px;
    width: 100%;
    display: inline-block;
}

.create_mail_panel .email_action>a>img {
    margin-right: 10px;
}

.email_triger_shadow {
    border: 1px solid #C7C7C7;
    background-color: #F8F8F8;
    border-radius: 3px;
    box-shadow: 0 0 6px 0 rgba(172, 172, 172, 0.5);
}

/* email module css start */

/* live chat count addon end */
.sum_activity_wrap .sum_activity_box {
    width: 100%;
    margin-bottom: 10px;
    padding: 12px;
    position: relative;
    border-radius: 3px;
}

.sum_activity_wrap .sum_activity_box,
.sum_activity_wrap .sum_activity_box a {
    color: #fff;
}

.sum_activity_wrap .sum_activity_box .sum_activity_addon {
    color: #fff;
    border: 1px solid transparent;
    width: 65px;
    text-align: center;
    border-radius: 0px 3px 3px 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    padding: 12px;
    color: #fff;
    font-weight: 600;
}

.sum_activity_wrap .sum_activity_box.success {
    background-color: rgba(95, 184, 156, 0.80);
}

.sum_activity_wrap .sum_activity_box.success .sum_activity_addon {
    background-color: rgba(95, 184, 156);
}

.sum_activity_wrap .sum_activity_box:hover.success .sum_activity_addon {
    background-color: rgba(255, 255, 255);
    color: rgba(95, 184, 156);
    border-color: rgba(95, 184, 156, 0.40);
}

.sum_activity_wrap .sum_activity_box.warning {
    background-color: rgba(254, 193, 8, 0.80);
}

.sum_activity_wrap .sum_activity_box.warning .sum_activity_addon {
    background-color: rgba(254, 193, 8);
}

.sum_activity_wrap .sum_activity_box:hover.warning .sum_activity_addon {
    background-color: rgba(255, 255, 255);
    color: rgba(254, 193, 8);
    border-color: rgba(254, 193, 8, 0.40);
}

.sum_activity_wrap .sum_activity_box.info {
    background-color: rgba(88, 0, 153, 0.80);
}

.sum_activity_wrap .sum_activity_box.info .sum_activity_addon {
    background-color: rgba(88, 0, 153);
}

.sum_activity_wrap .sum_activity_box:hover.info .sum_activity_addon {
    background-color: rgba(255, 255, 255);
    color: rgba(88, 0, 153);
    border-color: rgba(88, 0, 153, 0.40);
}

.sum_activity_wrap .sum_activity_box.danger {
    background-color: rgba(255, 188, 0, 0.80);
}

.sum_activity_wrap .sum_activity_box.danger .sum_activity_addon {
    background-color: rgba(255, 188, 0);
}

.sum_activity_wrap .sum_activity_box:hover.danger .sum_activity_addon {
    background-color: rgba(255, 255, 255);
    color: #ffbc00;
    border-color: #ffbc00;
}

.sum_activity_wrap .sum_activity_box.default {
    background-color: #B8B8B8;
}

.sum_activity_wrap .sum_activity_box.default .sum_activity_addon {
    background-color: #5D5D5D;
}

.sum_activity_wrap .sum_activity_box:hover.default .sum_activity_addon {
    background-color: rgba(255, 255, 255);
    color: #5D5D5D;
    border-color: #B8B8B8;
}

/* live chat count addon end */

/* reporting css start */
.report_panel .tab-content {
    margin: 0px;
    padding: 20px;
    background-color: #F7F7F7;
    min-height: 632px;
    border-radius: 3px;
}

.report_tab_wrap .vtabs {
    border: 1px solid #ECECEC;
    width: 100%;
}

.report_tab_wrap .vtabs .tabs-vertical {
    width: 100%;
    border-right: none;
}

.report_tab_wrap .vtabs .tabs-vertical li a {
    margin: 0px;
    color: #686868;
    border-right: none;
    border-bottom: 1px solid #ECECEC;
    padding: 12px 15px;
    font-size: 14px;
}

.report_tab_wrap .tabs-vertical li.active a,
.report_tab_wrap .tabs-vertical li.active a:hover,
.report_tab_wrap .tabs-vertical li.active a:focus {
    background-color: #11abd3;
    color: #fff;
}

.report_tab_wrap .tabs-vertical li a:focus,
.report_tab_wrap .tabs-vertical li a:hover {
    background-color: transparent;
}

.schedule_popup .btn-group .btn {
    padding: 6px 20px;
}

.schedule_popup .btn-group .btn:last-child {
    margin-right: 0px;
}

.schedule_weekly .btn-default:hover,
.schedule_weekly .btn-default:focus,
.schedule_weekly .btn-default {
    border-color: #DCDCDC;
    background-color: #fff;
    color: #5D5D5D;
    opacity: 1;
}

.schedule_weekly .btn-default.active {
    background-color: #11abd3 !important;
    color: #fff;
    border-color: #11abd3 !important;
}

.generate_report_panel.panel .panel-body {
    min-height: 85vh;
    padding-bottom: 85px;
}

.generate_report_panel .panel-footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
}

.generate_report_panel .multiselect_leftlabel,
.generate_report_panel .multiselect_rightlabel {
    margin-top: -23px;
    font-size: 14px;
    font-weight: 500;
    color: #5d5d5d;
    line-height: 14px;
}

/* reporting css end */

/* Agent and Member footer & sponsor info css start  */
.user-info {
    margin: 25px 0;
    padding: 0;
    float: left;
}

.user-info ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.user-info li.title {
    font-weight: 500;
    color: #5D5D5D;
    display: inline-block;
}

.user-info li.title i {
    vertical-align: middle;
    line-height: 14px;
}

.user-info li {
    display: inline-block;
    padding-left: 10px;
    line-height: 14px;
    margin-right: 10px;
    color: #5d5d5d;
    border-left: 1px solid #5d5d5d;
}

.user-info li:first-child {
    border: 0;
    padding-left: 0px;
}

.user-info li a {
    color: #5d5d5d;
}

.need_help span {
    padding-right: 15px;
    border-right: 1px solid #999;
    margin-right: 15px;
}

.need_help span a {
    color: #5d5d5d;
}

.need_help span:last-child {
    margin: 0px;
    padding: 0px;
    border: none;
}

.footer_help .powered_by_logo img {
    height: 54px;
    width: auto;
}

.smarte_footer {
    position: relative;
    background-color: #fff;
    width: 100%;
    padding-top: 15px;
    box-shadow: 0 -1px 3px 0 rgba(204, 204, 204, 0.5);
}

.smarte_footer .bottom_footer {
    background-color: #11abd3;
    padding: 5px 0;
}

.smarte_footer .bottom_footer .btn_open_chat.text-danger {
    color: #000;
}

.smarte_footer .bottom_footer .btn_open_chat.text-success {
    color: #5FB89C;
}

.smarte_footer .bottom_footer ul {
    float: right;
    margin: 0;
    padding: 0;
}

.smarte_footer .bottom_footer ul li {
    display: inline-block;
    color: #fff;
}

.smarte_footer .bottom_footer ul li a {
    color: #fff;
    padding: 6px 10px;
    text-decoration: underline;
    display: inline-block;
}

.smarte_footer .bottom_footer ul li a:hover {
    text-decoration: none;
}

.smarte_footer .bottom_footer ul li:last-child {
    padding-left: 10px;
}

/* Agent and Member footer & sponsor info css end    */

/* quote page css start */
.quote_header {
    background-color: #FFFFFF;
    box-shadow: 0 0 4px 0 rgba(217, 217, 217, 0.5);
    width: 100%;
    position: relative;
}

.quote_header .user-info {
    float: none;
}

.quote_banner {
    background: url(../../images/agent_head.jpg) no-repeat center;
    background-size: cover;
    padding: 40px 0px;
    background-position: top left;
}

/* quote page css end */

/*Agent enroll css start */
.aa_enrolls,
.enrollment_page {
    background-color: #fff !important;
}

.aa_enrolls .tab-content {
    margin-top: 0px;
    padding-top: 20px;
    background-color: #fff;
}

.primary_border_box {
    padding: 30px 30px 5px 30px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 50px;
}

.custom_question .form-control .filter-option-inner-inner {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.depedent_border_box {
    padding: 30px 30px 5px 30px;
    border-radius: 3px;
    background-color: #f8f8f8;
    margin-bottom: 50px;
}

.depedent_border_box .red-link {
    background-color: transparent;
}

.btn i {
    vertical-align: middle;
}

.agent_enroll_head {
    background-color: #FAFBFB;
    padding: 25px 0;
}

.agent_enroll_head.patten_bg {
    background: url(../../images/agent_head.jpg) no-repeat center;
    background-size: cover;
}

.enroll_tab_wrapper {
    background-color: #fff;
}

.enroll_tab_wrapper .nav-tabs li {
    margin: 0;
}

.enroll_tab_wrapper .nav-tabs li.completed a {
    background-color: #82A0C5 !important;
    color: #fff;
}

.enroll_tab_wrapper .nav-tabs li.completed a:after {
    content: "check_circle_outline";
    font-family: "Material Icons Outline";
    position: absolute;
    right: 5px;
    top: 4px;
    font-size: 24px;
    font-weight: normal;
}

.enroll_tab_wrapper .nav-tabs li a {
    background-color: #F4F4F4;
    border-radius: 0;
    justify-content: center;
    position: relative;
    font-weight: bold;
}

.enroll_tab_wrapper .nav-tabs li.active a {
    background-color: #044151;
    color: #fff;
}

.enroll_tab_wrapper .nav-tabs li a,
.enroll_tab_wrapper .nav-tabs li a:hover,
.enroll_tab_wrapper .nav-tabs li.active a {
    border: 0 !important;
    border-radius: 0 !important;
}

.enroll_tab_wrapper .nav-tabs li.disabled {
    cursor: not-allowed;
}

.enroll_tab_wrapper .nav-tabs li.disabled a {
    pointer-events: none;
}

.enroll_tab_wrapper .tab-subbar {
    background-color: #E7E7E7;
    padding: 12px 15px;
    display: inline-block;
    width: 100%;
    min-height: 58px;
    z-index: 9999;
}

.enroll_tab_wrapper .tab-subbar.scrollfix-top.adminSide {
    top: 70px !important;
}

.enroll_tab_wrapper .tab-subbar.scrollfix-subtitute {
    display: none !important;
}

.enroll_tab_wrapper .tab-subbar .search_plan_left>div {
    display: inline-block;
    height: inherit;
}

.enroll_tab_wrapper .tab-subbar .search_plan_left .se_multiple_select {
    min-width: 275px;
    max-width: 275px;
}

.enroll_right_cart {
    float: right;
}

.enroll_right_cart .dropdown-toggle:hover .cart_icon i {
    color: #ffbc00;
}

.enroll_right_cart .total_amount {
    font-size: 24px;
    vertical-align: middle;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #BCBCBC;
}

.enroll_right_cart .cart_icon {
    margin: 0 8px;
    vertical-align: middle;
}

.enroll_right_cart .cart_icon i {
    font-size: 22px;
    vertical-align: middle;
    color: #11abd3;
}

.enroll_right_cart .label-rouded {
    padding: 4px 10px 3px;
    background-color: #80A5CD;
}

.enroll_right_cart .dropdown-menu {
    padding: 15px;
    min-width: 600px;
    left: auto;
    right: -17px;
    margin-top: 12px;
    font-size: 12px;
}

.enroll_right_cart .dropdown-menu:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 15px 7.5px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -14px;
    left: 90%;
}

.enroll_right_cart .dropdown-menu .line-title {
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 10px;
    font-size: 14px;
}

.enroll_right_cart .dropdown-menu table tr td {
    vertical-align: top;
    padding: 4px 0;
}

.enroll_right_cart .dropdown-menu table tr td strong {
    font-weight: bold;
}

.enroll_right_cart .dropdown-menu .cart_body_scroll {
    max-height: 155px;
}

.enroll_right_cart .dropdown-menu table tr td {
    width: 15%;
}

.enroll_right_cart .dropdown-menu table tr td:first-child {
    width: inherit;
}

.enroll_right_cart .dropdown-menu table tr td:last-child {
    width: 21px;
}

.cart_body_scroll .mCSB_outside+.mCSB_scrollTools {
    right: -22px;
}

.enroll_accordion .panel {
    margin-bottom: 25px;
    margin-top: 0px;
    border: 2px solid #82A0C5;
}

.enroll_accordion .panel .panel-heading {
    padding: 0px;
    box-shadow: none;
}

.enroll_accordion .panel .panel-heading .panel-title>a {
    padding: 18px;
    background-color: #6E8EC3;
    color: #fff;
    font-weight: normal;
}

.enroll_accordion .panel .panel-heading .panel-title>a.collapsed {
    background-color: #fff;
    color: #5d5d5d;
}

.enroll_plan_wrap .plan_body {
    padding: 25px;
    background-color: #fff;
    box-shadow: 0 1px 10px 0 rgba(191, 191, 191, 0.5);
    text-align: center;
}

.enroll_plan_wrap .plan_body.excluded_body,
.enroll_plan_wrap .plan_body.packaged_body,
.enroll_plan_wrap .plan_body.waived_body {
    background-color: #E7E7E7;
    color: #737373;
    cursor: not-allowed;
}

.enroll_plan_wrap .plan_body.excluded_body>div,
.enroll_plan_wrap .plan_body.packaged_body>div,
.enroll_plan_wrap .plan_body.waived_body>div {
    pointer-events: none;
}

.enroll_plan_wrap .plan_body.excluded_body .plan-center,
.enroll_plan_wrap .plan_body.packaged_body .plan-center,
.enroll_plan_wrap .plan_body.waived_body .plan-center {
    color: #ACACAC;
}

.enroll_plan_wrap .plan_title {
    text-transform: capitalize;
    border-radius: 3px 3px 0 0;
    display: inline-block;
    font-size: 28px;
    line-height: 33px;
    font-weight: 300;
    background-color: #82A0C5;
    min-width: 296px;
    color: #fff;
    padding: 8px 25px;
}

.waive_coverage {
    text-align: right;
}

.waive_coverage label {
    margin: 13px 0px 0px 0px;
}

.enroll_plan_wrap .plan_left {
    float: left;
    text-align: left;
    min-width: 30%;
    max-width: 30%;
}

.enroll_plan_wrap .plan_left h4 {
    word-break: break-word;
}

.enroll_plan_wrap .plan-center {
    float: left;
    width: 36%;
}

.enroll_plan_wrap .plan_right {
    float: right;
    min-width: 33%;
    max-width: 33% !important;
    text-align: left;
}

.enroll_plan_wrap .plan_right.plan_sm {
    min-width: 120px;
}

.enroll_plan_wrap .plan_right .form-group.height_auto {
    margin-bottom: 15px;
    min-height: inherit;
}

.enroll_plan_wrap .plan_right .added_btn {
    background-color: #5FB89C;
    border-color: #5FB89C;
    color: #fff;
}

.enroll_plan_wrap .plan_right .added_btn:after {
    content: "check_circle_outline";
    font-family: "Material Icons Outline";
    vertical-align: bottom;
    font-size: 16px;
    margin-left: 5px;
    font-weight: normal;
}

.enroll_plan_wrap .plan_right .plan_price {
    margin-right: -25px;
    display: block;
    background: linear-gradient(270deg, #f8f8f8 0%, #F5F5F5 100%);
    border-radius: 3px 3px 0 0;
}

.enroll_plan_wrap .plan_right .plan_price table {
    width: 100%;
}

.enroll_plan_wrap .plan_right .plan_price tr td {
    padding: 7px 12px;
}

.enroll_plan_wrap .plan_right .plan_price h3,
.enroll_plan_wrap .plan_right .plan_price h3 small {
    color: #82A0C5;
}

.enroll_plan_wrap .plan_body_expand {
    padding: 25px 20px 25px 35px;
    border-left: 5px solid #f6f6f6;
    border-right: 5px solid #f6f6f6;
}

.enroll_plan_wrap .right_plan_box {
    min-width: 260px;
    margin-bottom: 15px;
    text-align: center;
    border-radius: 3px;
    background-color: #82A0C5;
    float: right;
    color: #fff;
}

.enroll_plan_wrap .right_plan_box .bottom_btn {
    background-color: rgba(255, 255, 255, 0.30);
    padding: 8px;
}

.enroll_plan_wrap .plan_body_expand .coverage_form {
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.enroll_plan_wrap .plan_body_expand .coverage_form:after {
    content: "";
    position: absolute;
    left: -40px;
    right: -25px;
    bottom: 0;
    display: block;
    border-bottom: 5px solid #f6f6f6;
}

.enroll_plan_wrap .plan_body_expand .coverage_form:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.enroll_plan_wrap .plan_body_expand .coverage_form:last-child:after {
    display: none;
}

.enroll_plan_wrap .plan_details_bottom {
    border-top: 10px solid #11abd3;
    background-color: #f6f6f6;
    padding: 25px 20px 25px 35px;
}

.bottom_btn_wrap {
    background: #fff;
    padding: 0px 0px 12px;
    width: 100%;
    z-index: 9999;
    display: inline-block;
}

.bottom_btn_wrap.scrollfix-bottom {
    box-shadow: 0 -1px 2px 0 rgba(232, 232, 232, 0.5);
    padding-top: 12px;
}

.bottom_btn_wrap .red-link {
    padding-left: 15px;
    padding-right: 15px;
}

.enroll_summary_panel {
    box-shadow: 0 1px 10px 0 rgba(191, 191, 191, 0.5);
}

.enroll_summary_panel .panel-body {
    background-color: #F5F5F5;
}

.enroll_summary_panel .panel-body .summary_items:first-child {
    margin-top: 0;
}

.enroll_summary_panel .summary_items {
    background-color: #fff;
    margin-top: 20px;
    box-shadow: 0 1px 10px 0 rgba(191, 191, 191, 0.5);
}

.enroll_summary_panel .summary_items .summary_head {
    padding: 15px;
}

.enroll_summary_panel .table.color-table thead tr th {
    background-color: #82A0C5;
}

.enroll_summary_panel .table.color-table thead tr th,
.enroll_summary_panel .table.color-table tbody tr td {
    padding: 6px;
}

.enroll_summary_panel .table.color-table thead tr th:first-child,
.enroll_summary_panel .table.color-table tbody tr td:first-child {
    padding-left: 35px;
}

.enroll_summary_panel .table.color-table thead tr th.price_th {
    background: linear-gradient(270deg, #f8f8f8 0%, #F5F5F5 100%);
    color: #82A0C5;
    text-align: center;
}

.payment_section {
    background: url(../../images/enroll_bg.jpg) no-repeat center;
    background-size: cover;
    padding: 45px 0;
    margin: 45px 0;
}

.payment_section .blue_arrow_tab .nav-tabs li a {
    padding: 10px 15px;
    font-size: 14px;
}

.payment_section .left_form_tab {
    background-color: #11abd3;
    padding: 20px 10px 10px 10px;
    margin-top: 20px;
}

.payment_section .left_form_tab .card_form .form-group {
    margin-bottom: 15px;
}

.payment_section .billing_info {
    background-color: rgba(237, 237, 237, 0.1);
    position: relative;
    border-radius: 2px 2px 0 0;
    color: #fff;
    padding: 10px 15px;
    font-size: 12px;
}

.payment_section .billing_info .edit_btn {
    position: absolute;
    right: 15px;
    bottom: 10px;
    color: #fff;
    text-decoration: underline;
}

.payment_section .pay_summary_right {
    padding-top: 15px;
    margin-bottom: 15px;
    box-shadow: 0 1px 10px 0 rgba(191, 191, 191, 0.5);
}

.payment_section .pay_summary_right table {
    width: 100%;
    font-size: 14px;
}

.payment_section .pay_summary_right table tr td {
    padding: 10px 15px;
    font-size: 14px;
}

.payment_section .pay_summary_right table tr td:last-child {
    text-align: right;
}

.payment_section .pay_summary_right table tr.last td {
    padding-bottom: 15px;
}

.payment_section .pay_summary_right table tr.total_tr {
    background-color: #82a0c5;
}

.payment_section .pay_summary_right table tr.total_tr td {
    font-size: 14px;
    padding: 10px 15px;
    font-weight: bold;
    color: #fff
}

.payment_section .pay_summary_right table tr.total_tr td:last-child {
    color: #fff;
}

.payment_section .box-action {
    background-color: #ffbc00;
    padding: 0px;
    color: #fff;
}

.enrollment_status ul {
    margin: 0px;
    padding-left: 95px;
    list-style-type: none;
}

.enrollment_status ul li {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 24px;
}

.enrollment_status ul li.sub_status {
    padding-left: 30px;
}

.enrollment_status ul li i {
    vertical-align: middle;
    font-size: 24px;
    margin-right: 5px;
}

.enrollment_status .panel-footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

/* required and auto assign css start */
.auto_assign_box {
    background-color: #f4f4f4;
    padding: 15px;
    border-top: 10px solid #e9e9e9;
    margin-bottom: 15px;
}

.auto_assign_box .media {
    margin: 0px;
    padding: 0px;
    border: none;
}

.auto_assign_box .media,
.auto_assign_box .media .media-body {
    overflow: visible;
}

/* required and auto assign css end */

/* healthy step popup css start */
.healthy_step_popup .panel-body .btn-group {
    width: 100%;
    text-align: center;
}

.healthy_step_popup .panel-body .btn-group .btn {
    width: calc(50% - 15px);
    margin-right: 15px;
    margin-bottom: 15px;
    float: none;
    white-space: normal;
}

.healthy_step_popup .panel-body .btn-group .btn:nth-child(even) {
    margin-right: 0px;
}

/* healthy step popup css end */

/* suggested address css start */
.suggested_address {
    margin-bottom: 30px;
    position: relative;
}

.suggested_address_box {
    padding: 15px 35px;
    border: 2px solid #E8E8E8;
    position: relative;
    display: block;
    margin: 0px 0px 0px 0px;
    border-radius: 3px;
    cursor: pointer;
}

.suggested_address input[type=radio] {
    position: absolute;
    left: 13px;
    top: 20px;
}

.suggested_address input[type="radio"]:checked+label {
    border-color: #11abd3;
    box-shadow: 0 1px 10px 0 rgba(191, 191, 191, 0.5);
}

/* suggested address css end */

.hline-title {
    position: relative;
    margin-bottom: 20px;
}

.hline-title span {
    background-color: #fff;
    padding-right: 15px;
    position: relative;
    z-index: 1;
    font-weight: 500;
}

.hline-title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 46%;
    width: 100%;
    border-top: 1px solid #DFDFDF;
}

.hline-title.hline-title-btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 46%;
    width: calc(100% - 7%) !important;
    border-top: 1px solid #DFDFDF;
}

.hline-title.hline-title-btn .btn {
    z-index: 10;
    position: relative;
    margin-top: -7px;
}

.enrollment_auto_row .mw-125 .bootstrap-select {
    width: 100% !important;
}

.enrollment_auto_row .btn-group {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: row;
}

.enrollment_auto_row .btn-group .btn {
    flex-grow: 1;
    width: 100%;
    border-radius: 3px;
}

.enrollment_auto_row .btn-group:not(.custom-question-btn) .btn:first-child {
    margin-right: 14px;
}

.enrollment_auto_row .w-300 {
    width: 300px !important;
}

.enrollment_auto_row .form-inline .bootstrap-select,
.enrollment_auto_row .form-inline .bootstrap-select.form-control:not([class*="col-"]) {
    width: 100% !important;
}

.enrollment_auto_row .monthly_benefit_range {
    margin-top: -5px;
}

.enrollment_auto_row .form-control+label,
.enrollment_auto_row .form-control.has-value+label,
.enrollment_auto_row .se_multiple_select.has-value~label,
.enrollment_auto_row .se_multiple_select~label {
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.enrollment_auto_row .radio-button {
    padding: 0px;
    width: fit-content;
    margin-bottom: 25px;
    position: relative;
    vertical-align: initial;
    height: 10px
}

@media screen and (min-width:1199px) and (max-width: 1280px) {
    .enrollment_auto_row .monthly_benefit_range {
        padding-left: 15px;
    }
}

.healthy_step_benefit .nav-tabs {
    padding: 7px 15px;
    background-color: rgba(255, 188, 0, 0.6);
    display: inline-block;
    width: 100%;
}

.healthy_step_benefit .nav-tabs>li>a {
    background-color: #fff;
    border-radius: 0px;
    border: 2px solid #11abd3;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    z-index: 15;
    margin: 7px 15px 7px 0px;
}

.healthy_step_benefit .nav-tabs>li.active>a {
    border: 2px solid #11abd3;
    background-color: #11abd3;
    color: #fff;
}

.enrollment_verify {
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: -26px;
    padding: 50px 0px;
}

.enrollment_verify:before {
    width: 100%;
    height: 100%;
    min-height: 300px;
    max-height: 300px;
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    background-color: rgba(86, 148, 204, 0.2);
}

.enrollment_verify .enroll_verifybox {
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 0px;
}

.enroll_verifybox .verifybox_head {
    margin: 10px;
    padding: 50px 35px;
    background-color: #F5F5F8;
    border-radius: 4px 4px 0 0;
}

.verify_process {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.verify_process li {
    padding: 12px 12px 12px 40px;
    border-bottom: 1px solid #F5F5F8;
    display: table;
    position: relative;
    width: 100%
}

.verify_process li i {
    font-size: 24px;
    display: table-cell;
    vertical-align: top !important;
    position: absolute;
    left: 10px;
}

/*Agent enroll css end   */

/*=== Page builder design css start ===*/
.thin-steps-numbered-bg {
    background-color: #fff;
}

.thin-steps-numbered-bg .nav-tabs li {
    margin: 0;
}

.thin-steps-numbered-bg .nav-tabs li.completed a {
    background-color: #82A0C5;
    color: #fff;
}

.thin-steps-numbered-bg .nav-tabs li.completed a:after {
    content: "check_circle_outline";
    font-family: "Material Icons Outline";
    position: absolute;
    right: 5px;
    top: 4px;
    font-size: 24px;
    font-weight: normal;
}

.thin-steps-numbered-bg .nav-tabs li a {
    background-color: #F4F4F4;
    border-radius: 0;
    justify-content: center;
    position: relative;
    font-weight: bold;
}

.thin-steps-numbered-bg .nav-tabs li.active a {
    background-color: #044151;
    color: #fff;
}

.thin-steps-numbered-bg .nav-tabs li a,
.enroll_tab_wrapper .nav-tabs li a:hover,
.enroll_tab_wrapper .nav-tabs li.active a {
    border: 0 !important;
    border-radius: 0 !important;
}

.thin-steps-numbered-bg .nav-tabs li.disabled {
    cursor: not-allowed;
}

.thin-steps-numbered-bg .nav-tabs li.disabled a {
    pointer-events: none;
}

.panel-builder {
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    padding: 25px 25px 0px 25px;
    font-family: Roboto;
    margin-bottom: 30px;
}

.panel-builder .panel-heading {
    text-align: center;
}

.panel-builder .panel-heading img {
    max-width: 150px;
    margin: 0 auto 15px;
}

.panel-builder .panel-heading h4 {
    color: #585858;
    font-family: Roboto;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

.panel-builder .panel-divider {
    background-color: #ffbc00;
    height: 2px;
    width: 100%;
    margin: 25px 0;
}

.panel-bcontent .pb-title {
    color: #686868;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-family: 'Lato', sans-serif;
}

.panel-previwe .clearfix {
    max-width: 78%;
    margin: 0px auto;
}

.panel-previwe .pb_prv_icon {
    margin: 0;
    padding: 0;
}

.panel-previwe .pb_prv_icon li {
    display: inline-block;
    margin-right: 10px;
}

.panel-previwe .pb_prv_icon li:last-child {
    margin-right: 0;
}

.panel-previwe .pb_prv_icon li:not(#actual-screen-view) a {
    font-size: 22px;
    color: #5d5d5d;
}

.panel-previwe .pb_prv_icon li:not(#actual-screen-view) a:hover,
.panel-previwe .pb_prv_icon li:not(#actual-screen-view).active a {
    color: #ffbc00;
}

.panel-previwe .pb_prv_icon #actual-screen-view {
    display: none;
}

.panel-previwe .pb_prv_icon #full-scrren-view {
    margin-left: 150px;
    position: absolute;
}

.panel-previwe .pb_prv_icon #full-scrren-view .tooltip-inner {
    max-width: 100%;
    white-space: nowrap;
}

.panel-previwe .pb-preview {
    overflow: hidden;
}

.panel-previwe .pb-preview .iframe_sm_responsive {
    margin: 0 auto;
    display: block;
    position: relative;
    border-radius: 2px;
    border: 1px solid #E8E8E8;
}

.panel-previwe .pb-preview .iframe_sm_responsive iframe {
    -ms-zoom: 0.45;
    transform: scale(0.45);
    transform-origin: 0 0;
    -moz-transform: scale(0.45);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.45);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.45);
    -webkit-transform-origin: 0 0;
    margin: 0 auto;
}

.panel-bcontent .pd_up_image .new_theme_dropzone.dz-clickable .dz-message,
.panel-bcontent .pd_up_image .new_theme_dropzone.dz-clickable .dz-message span {
    margin: 0;
    font-size: 28px;
    color: #11abd3;
    line-height: normal;
}

.panel-bcontent .new_theme_dropzone.dropzone .dz-preview,
.panel-bcontent .new_theme_dropzone.dropzone-previews .dz-preview {
    display: none;
}

.panel-bcontent .pd_up_image .new_theme_dropzone {
    width: 295px;
    margin-left: 15px;
    float: right;
    position: relative;
}

.panel-bcontent .pb-pre_imgs {
    width: calc(100% - 325px);
    float: left;
    margin-top: 5px;
}

.panel-bcontent .pb-pre_imgs .owl-carousel .owl-item {
    padding-right: 15px;
}

.panel-bcontent .pb-pre_imgs .owl-carousel .item {
    height: 32px;
}

.panel-bcontent .pb-pre_imgs .owl-carousel label {
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    width: 100%;
    background-position: center center;
}

.panel-bcontent .pb-pre_imgs .owl-carousel input {
    display: none;
}

.panel-bcontent .pb-pre_imgs .owl-carousel .owl-item label {
    position: relative;
    cursor: pointer;
}

.panel-bcontent .pb-pre_imgs .owl-carousel .owl-item label:before {
    content: "\f058";
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 18px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 0;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    z-index: 1;
}

.panel-bcontent .pb-pre_imgs .owl-carousel .owl-item label:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
}

.panel-bcontent .pb-pre_imgs .owl-carousel .owl-item .pb_img_delete {
    position: absolute;
    top: -4px;
    right: 19px;
    color: #f00;
    border-radius: 100%;
    font-size: 12px;
    text-align: center;
    height: 18px;
    width: 18px;
    background-color: rgba(255, 255, 255, 0.9);
    line-height: 18px;
    opacity: 0;
    transition: all 0.1s ease-in-out;
    z-index: 9;
}

.panel-bcontent .pb-pre_imgs .owl-carousel .owl-item .item:hover .pb_img_delete {
    opacity: 1;
    top: 4px;
}

.panel-bcontent .pb-pre_imgs .owl-carousel .owl-item input:checked~.pb_img_delete {
    display: none;
}

.panel-bcontent .pb-pre_imgs .owl-carousel .owl-item input:checked+label {
    border: 2px solid #ffbc00;
}

.panel-bcontent .pb-pre_imgs .owl-carousel .owl-item:hover label:before,
.panel-bcontent .pb-pre_imgs .owl-carousel .owl-item input:checked+label:before {
    top: calc(50% - 10px);
    opacity: 1;
}

.panel-bcontent .pb-pre_imgs .owl-carousel .owl-item:hover label:after,
.panel-bcontent .pb-pre_imgs .owl-carousel .owl-item input:checked+label:after {
    opacity: 1;
}

.panel-bcontent .pb-pre_imgs .owl-carousel .owl-nav {
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
}

.panel-bcontent .pb-pre_imgs .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -11px;
}

.panel-bcontent .pb-pre_imgs .owl-carousel .owl-nav .disabled {
    display: none
}

.panel-bcontent .pb-pre_imgs .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: 0;
}

.panel-bcontent .social_accounts_links .custom_input_group .input-group-addon:not(:first-child):not(:last-child) {
    min-width: 192px;
    text-align: left;
}

.panel-bcontent .social_accounts_links .custom_input_group .input-wrapper input {
    color: #ffbc00;
}

.panel-bcontent .social_accounts_links .custom_input_group .input-wrapper input::-webkit-input-placeholder {
    color: #ffbc00;
}

.panel-bcontent .social_accounts_links .custom_input_group .input-wrapper input::-moz-placeholder {
    color: #ffbc00;
}

.panel-bcontent .social_accounts_links .custom_input_group .input-wrapper input:-ms-input-placeholder {
    color: #ffbc00;
}

.panel-bcontent .social_accounts_links .custom_input_group .input-wrapper input:-moz-placeholder {
    color: #ffbc00;
}

.page-builder-footer {
    padding: 15px 0px;
    margin-top: 25px;
    border-top: 1px solid #E0E0E0;
    background-color: #FFFFFF;
}

/*=== Page builder design css End ===*/

/* manage website css start */
.modal.share_website_model .modal-dialog {
    width: 515px;
}

.share_website_model .or_line {
    position: relative;
    text-align: center;
}

.share_website_model .or_line::before {
    position: absolute;
    left: 0px;
    width: 45%;
    height: 1px;
    content: "";
    background-color: #e9e9e9;
    top: 10px;
}

.share_website_model .or_line::after {
    position: absolute;
    right: 0px;
    width: 45%;
    height: 1px;
    content: "";
    background-color: #e9e9e9;
    top: 10px;
}

/* manage website css end */

/* agent product info css start */
.portal_prdinfo_scroll {
    width: 100%;
    max-height: 55vh;
    padding-right: 18px;
    word-break: break-word;
}

.portal_prdinfo_scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -9px !important;
}

.portal_prdinfo_scroll .mCSB_scrollTools {
    right: -9px !important;
}

/* agent product info css end */

/* seven col css start */
@media (max-width:991px) {

    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 100%;
        *width: 100%;
    }
}

@media screen and (max-width: 1480px) and (min-width: 992px) {

    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 50%;
        *width: 50%;
    }
}

@media (min-width:1481px) {

    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}

/* seven col css end */

@media (min-width: 1170px) {
    .fix-sidebar .admin_user_wrap {
        position: relative;
        max-width: 200px;
        background: #11abd3 !important;
    }
}

@media (min-width:1200px) {
    .row.flexbox {
        display: table;
        height: 100%;
    }

    .row.flexbox>[class*='col-'] {
        float: none;
        display: table-cell;
        vertical-align: top;
        height: 100%;
        padding: 0;
    }

    .mdp_info_table table tr td:first-child {
        width: 190px;
    }
}

@media screen and (max-width: 1366px) and (min-width: 1199px) {
    .morris_chart_label>li {
        padding-right: 0px;
        padding-left: 0px;
    }

    .dashboard-radio-responsive .radio-inline {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
    .fix-sidebar .admin_user_wrap {
        max-width: 200px;
    }

    .license_detail_desm .col-md-3 {
        width: calc(50% - 10px);
    }

    .login_wrap .login-left-panel .lf_inner .lf_cont h3 {
        font-size: 19px;
    }
}

@media screen and (max-width: 768px) and (min-width: 320px) {
    .license_detail_desm .col-md-3 {
        width: calc(100% - 15px);
    }
}

@media (min-width: 991px) {
    .mdp_info_table {
        overflow-x: inherit !important;
    }

    .idcard-panel .idcard-content {
        padding-bottom: 55px;
    }

    .idcard-panel .panel-footer {
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        z-index: 1;
    }

    .dashboard-data-wrap {
        top: auto;
        margin-top: -15px;
    }
}

@media (min-width: 768px) {
    .content-wrapper .admin_user_wrap {
        width: 60px;
    }

    .fix-sidebar.content-wrapper .navbar-left,
    .content-wrapper.fix-sidebar .navbar-left {
        margin-left: 0px !important;
    }
}

@media (min-width: 481px) {
    .steamline .sl-item .sl-right .note-contents {
        margin-left: 40px;
    }
}

@media (max-width:1600px) {
    .member_intrection_wrap .communication_tab .btn:not(.btn-select) {
        padding: 7px 6px;
        font-size: 12px;
    }

    .member_intrection_wrap .communication_tab .btn+.btn {
        margin-left: 5px;
    }
}

@media screen and (max-width: 1366px) {
    .member_intrection_wrap .activity_wrap {
        max-height: 407px;
    }

    .member_intrection_wrap .activity_wrap.interaction_filter_active {
        max-height: 335px;
    }

    .agent_intrection_wrap .activity_wrap {
        max-height: 425px;
    }

    .agent_intrection_wrap .activity_wrap.interaction_filter_active {
        max-height: 353px;
    }

    .review_docbox {
        min-height: 483px;
    }

    .admin_intrection_wrap .activity_wrap {
        max-height: 235px;
    }

    .admin_intrection_wrap .activity_wrap.interaction_filter_active {
        max-height: 163px;
    }

    .lead_intrection_wrap .activity_wrap {
        max-height: 340px;
    }

    .lead_intrection_wrap .activity_wrap.interaction_filter_active {
        max-height: 267px;
    }

    .group_intrection_wrap .activity_wrap {
        max-height: 299px;
    }

    .group_intrection_wrap .activity_wrap.interaction_filter_active {
        max-height: 227px;
    }

    .pt_intrection_wrap .activity_wrap {
        max-height: 317px;
    }

    .pt_intrection_wrap .activity_wrap.interaction_filter_active {
        max-height: 245px;
    }

    .profile-info .panel-header h4 {
        margin-bottom: 15px !important;
    }

    .profile-info .panel-header .media-right .dropdown-menu-right {
        left: auto;
        right: auto;
    }

    .profile-info .panel-header .media-body,
    .profile-info .panel-header .media-left,
    .profile-info .panel-header .media-right {
        display: block;
        padding: 0px;
    }

    .dashboard_block .panel-colored .panel-heading .panel-title {
        font-size: 12px;
    }

    .editor_tag_wrap {
        max-width: 225px;
    }
}

@media (max-width: 1280px) {
    .white-box {
        padding: 15px;
    }

    .user-bg {
        margin: -15px;
    }

    .com_tbl.table,
    .com_panel_tabel .table {
        table-layout: auto !important;
    }
}

@media (max-width: 1199px) {
    .content-wrapper .top-left-part .logo-top-space {
        padding: 15px;
        text-align: center;
    }
}

@media (max-width: 1170px) {
    .fix-sidebar .top-left-part {
        position: relative;
    }
}

@media (max-width: 1024px) {
    .navbar-left .breadcrumb li:last-child {
        max-width: 250px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }

    .dashboard_topbar_right .dash_top_counter {
        padding: 0px 15px;
    }

    .dashboard_topbar_right .dash_top_counter:first-child {
        padding-left: 0px;
    }

    .dashboard_topbar_right {
        margin-top: 15px;
    }

    .payment_section {
        margin-top: 0px;
        padding: 25px 0px;
    }

    .add_new_account .radio-question .radio-inline {
        display: block;
        margin: 5px 0px !important;
    }
}

@media (max-width: 991px) {
    .navbar-left .breadcrumb li:last-child {
        max-width: 165px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }

    #search-icon {
        display: block;
        position: relative;
    }

    .searching_panel {
        display: none
    }

    .searchpopover {
        width: 100%;
        max-width: 350px;
        left: inherit !important;
        right: 0px;
    }

    .app-search .form-control {
        background-color: #f4f4f4;
        color: #bbbbbb;
        margin: 0;
        height: 34px;
        border: 1px solid #e4e4e4;
        border-radius: 3px;
        width: 100%;
        padding-left: 15px;
        border-color: #f4f4f4;
    }

    .app-search .form-control:focus {
        border-color: #11abd3;
    }

    body #colorbox {
        width: 90% !important;
        left: 5% !important;
    }

    body #cboxWrapper,
    body #cboxContent,
    body #cboxLoadedContent {
        width: 100% !important;
    }

    .sweet-alert.showSweetAlert.visible.cstm-size {
        left: 5% !important;
        width: 90% !important;
        margin-left: 0px;
    }

    .card-alert .media {
        max-width: 400px;
    }

    .card-alert .media .media-left {
        min-width: 90px;
        height: 90px;
    }

    .card-alert .media .media-left img {
        max-height: 40px;
    }

    .dashboard-panel {
        height: 100% !important;
    }

    .dashboard-panel .table-responsive {
        border: none;
    }

    .dashboard-panel .panel-body.panel-body-scroll {
        max-height: inherit;
    }

    .custom-data-wrap {
        position: relative;
        top: 0px;
        right: inherit;
        max-width: 100%;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .profile-info .panel-body .table-responsive {
        border: none;
    }

    .activity_filter.flex_row .form-group {
        flex-basis: 50%;
    }

    .activity_filter.flex_row .dt_range .phone-control-wrap .phone-addon.w-160 {
        width: auto;
    }

    .admin_intrection_wrap,
    .member_intrection_wrap,
    .agent_intrection_wrap,
    .lead_intrection_wrap,
    .group_intrection_wrap,
    .pt_intrection_wrap {
        height: inherit !important;
    }

    .timeline.left-timeline>li.timeline-inverted>.timeline-panel {
        padding: 15px 0px 15px 0px;
    }

    .timeline.left-timeline>li .timeline-title {
        width: 100%;
        margin: 0px;
    }

    .timeline.left-timeline>li .timeline-heading p {
        margin: 0px;
    }

    .timeline.left-timeline>li.timeline-inverted>.timeline-panel {
        margin-left: 55px;
        width: calc(100% - 55px);
    }

    .timeline.left-timeline>li.timeline-inverted>.timeline-panel>.timeline-body .timeline_ip_right {
        position: relative;
        text-align: right;
    }

    .form-inline .form-group {
        display: inline-block;
    }

    .clearfix .pull-left,
    .clearfix .pull-right {
        width: 100%;
        text-align: center !important;
        margin: 0px auto;
    }

    .tbl_search_filter .form-group {
        text-align: center !important;
        margin-top: 15px !important;
    }

    .tbl_filter .form-group {
        text-align: center !important;
        margin-bottom: 15px !important;
    }

    .clearfix h4 {
        text-align: center;
    }

    .tbl_filter .pull-right {
        width: 100%;
    }

    .tbl_filter .note_search_wrap {
        width: 100% !important;
    }

    .tbl_filter .note_search_wrap .phone-control-wrap {
        width: 100%;
        display: block;
    }

    .tbl_filter .note_search_wrap .phone-control-wrap .phone-addon {
        width: 100%;
        display: block;
        padding: 0px;
        /*text-align: left;*/
        margin-bottom: 10px;
    }

    .tbl_filter .note_search_wrap .phone-control-wrap .phone-addon:last-child.w-80 {
        text-align: center;
    }

    .tbl_filter .note_search_wrap .phone-control-wrap .phone-addon:last-child.w-80 .btn {
        min-width: 100px;
    }

    .tbl_filter .btn.m-l-5,
    .tbl_filter .dropdown.m-l-5 {
        margin-left: 0px !important;
    }

    .tbl_filter .note_search_wrap .text-right,
    .note_search_wrap .col-sm-1.text-right {
        text-align: center !important;
    }

    .tbl_filter .form-inline .form-group {
        display: inline-block;
        margin-bottom: 15px !important;
    }

    .note_search_wrap .search_button.btn-block {
        width: auto;
        margin: 0px auto;
    }

    .account_note_popup_new {
        margin: 7px 0px;
    }

    .depedent_border_box,
    .primary_border_box {
        padding: 15px 15px 0px 15px;
        margin-bottom: 30px;
    }

    .enroll_plan_wrap .plan_body {
        padding: 15px;
    }

    .enroll_plan_wrap .plan_right .plan_price {
        margin-right: -15px;
    }

    .enroll_plan_wrap .plan_title {
        padding-left: 15px;
    }

    .enroll_plan_wrap .plan_details_bottom {
        padding: 15px;
    }

    .enroll_plan_wrap .plan_body_expand {
        padding: 15px 10px;
    }

    .enroll_plan_wrap .plan_body_expand .coverage_form:after {
        left: -15px;
        right: -15px;
    }

    .enroll_plan_wrap .plan_left,
    .enroll_plan_wrap .plan_right {
        min-width: 50% !important;
        max-width: 50% !important;
    }

    .excluded_body .plan_left,
    .excluded_body .plan-center,
    .packaged_body .plan_left,
    .packaged_body .plan-center,
    .waived_body .plan_left,
    .waived_body .plan-center {
        width: 50%;
    }

    .excluded_body .plan_right,
    .packaged_body .plan_right,
    .waived_body .plan_right {
        min-width: 100% !important;
        margin-top: 15px;
    }

    .summary_items .summary_table {
        padding: 0px 15px 5px;
    }

    .cust_tab_ui ul.nav-tabs li.active a .column-step {
        padding: 20px 0px;
    }

    .commission_tagify .mw350.min-w185 {
        width: 100%;
        max-width: none;
    }
}

@media (max-width:900px) {
    body.content-wrapper .navbar-top-links.navbar-left li:last-child {
        display: inline-block;
    }

    body .navbar-top-links.navbar-left li:last-child {
        display: none;
    }

    .login_wrap .login-left-panel {
        width: 350px;
    }

    .blue_arrow_tab .nav-tabs li a {
        font-size: 14px;
    }

    .create_mail_panel.panel.panel-block>.panel-body {
        padding: 15px;
    }

    .production_report_tbl.table tbody tr td:first-child {
        width: 180px
    }
}

@media (max-width:767px) {
    .fs20 {
        font-size: 18px;
    }

    .dashboard_topbar_right .dash_top_counter {
        padding: 15px 0px;
        border-right: none;
        border-bottom: 2px solid #e8e8e8 !important;
        flex-basis: 100%;
        margin-bottom: 0px;
    }

    .dashboard_topbar_right .dash_top_counter:last-child {
        border-bottom: none !important;
    }

    .gross_sales_panel .panel-heading .text-light-gray {
        display: none;
    }

    .dashboard-panel .radio-inline,
    .dashboard-panel .checkbox-inline {
        width: 100% !important;
        text-align: left;
        margin: 5px 0px 5px 0px !important;
    }

    .dash_top_performing .max-w175 {
        max-width: 100%;
    }

    .dashboard-panel .m-t-7 {
        margin-top: 0px !important;
    }

    .dashboard-state-panel .text-right {
        padding: 0px 10px !important;
    }

    .dashboard-product-panel .bootstrap-select .btn-select {
        padding: 0px 3px;
    }

    .dashboard-panel .pull-left,
    .dashboard-panel .pull-right {
        width: 50%;
        float: left !important;
        text-align: left !important;
    }

    .dashboard-panel .morris_chart_label li {
        width: 100%;
        margin: 5px 0px;
        padding: 0px;
    }

    .dashboard_topbar_right {
        margin-top: 0px;
    }

    .dashboard_topbar_right .dash_top_counter:last-child a {
        width: 100%;
    }

    .fix-header .navbar-static-top {
        position: relative;
    }

    .fix-header .sidebar {
        position: relative;
        top: 0;
        box-shadow: none;
        border-bottom: 1px solid #edf1f5;
        height: calc(100% - 60px);
        padding: 0px;
    }

    .navbar-header .navbar-toggle,
    .navbar-header .navbar-toggle:hover,
    .navbar-header .navbar-toggle:focus {
        background-color: #11abd3;
        line-height: 70px;
        color: #fff;
    }

    .sidebar .sidebar-nav.navbar-collapse {
        border: none;
    }

    .fix-sidebar .admin_user_wrap {
        display: none;
    }

    .fix-header #page-wrapper {
        padding-top: 0px;
    }

    .navbar-default.sidebar .sidebar-nav {
        background-color: #11abd3;
    }

    .user-profile {
        padding-bottom: 0px;
    }

    /*.half_width { width: auto; }
.dropdown.user-pro-body.half_width { float: left; }
.dropdown-toggle.u-dropdown.half_width { height: 50px; float: left;padding-left: 20px; }
.user-profile .dropdown-menu { right: auto; left: 80px; }

.sidebar-nav li#user_mobile {display: block;padding: 5px; position: relative;}
.dropdown.user-pro-body.half_width img { float: left; margin-left: 10px; margin-top: 5px;}
.sidebar-nav  .user-pro-body img { width:30px; height:30px; }
.sidebar-nav  .user-pro-body  a{ display:inline-block; color:#2596D6; }
.sidebar-nav .u-dropdown { padding-left:58px !important; }
.sidebar-nav .dropdown-toggle.u-dropdown.half_width { float:none;}

.sidebar-nav .u-dropdown + .dropdown-menu { display:none;} 
.sidebar-nav .u-dropdown ~ .dropdown-menu.collapse.in { display:block; position:relative; width:100%; box-shadow:none !important; padding:0; } 
.sidebar-nav .u-dropdown ~ .collapsing{ display:none;} 
.sidebar-nav .user-pro-body .dropdown-menu{ display:none;} 
.sidebar-nav .u-dropdown + .dropdown-menu.collapse{ display:none} 
#user_mobile.open:not(.active) .dropdown-menu.collapse{ display:none} 
*/
    .dropdown-backdrop {
        display: none
    }

    .dropdown.bootstrap-select .dropdown-menu {
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .footer {
        padding: 10px;
    }

    .footer_help h4 {
        margin: 0px;
    }

    .footer_help .powered_by_logo {
        position: relative;
        top: 25%;
        float: right;
        transform: translateY(25%);
    }

    .footer_help .powered_by_logo img {
        height: 45px;
    }

    .need_help span {
        display: block;
        width: 100%;
        padding: 0px;
        margin: 0px;
        border: none;
        font-size: 12px;
    }

    #search_widget {
        display: none;
        position: absolute;
        left: 0;
        top: 60px;
        padding: 0 15px 15px;
        text-align: center;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
    }

    #search_widget li {
        display: block;
    }

    #search_widget li a.open-close {
        display: none;
    }

    .content-wrap section {
        padding: 5px !important;
    }

    .indent_left {
        width: auto;
        margin: 0 0 0 25px;
        display: block;
    }

    .footer_logo {
        text-align: center
    }

    .dropzone.dropzone-imgbck {
        min-height: 110px;
    }

    #page-wrapper {
        padding: 0 0 110px;
    }

    .nav.navbar-right li .dropdown-menu {
        left: inherit;
        right: 0;
    }

    .report_main_table tr td {
        padding: 4px
    }

    .vtabs .tabs-vertical {
        width: auto;
    }

    .report-tab.vtabs {
        display: block;
        width: auto;
    }

    .vtabs .tab-content,
    .vtabs .tabs-vertical {
        display: block;
    }

    .vtabs .nav li {
        display: block;
    }

    .vtabs .tab-content {
        padding: 0;
    }

    .tab-content {
        margin-top: 10px;
    }

    .bg-title .breadcrumb {
        margin-top: 8px;
    }

    .panel.panel-default .list-group .list-group-item .panel-body {
        padding: 0;
    }

    .activity_white_panel .btn {
        position: relative;
        top: inherit;
        right: inherit;
    }

    .activity_white_panel {
        padding-top: 15px;
        padding-right: 15px;
    }

    .elg_title {
        font-size: 14px;
    }

    .not_found_content .media .media-left,
    .not_found_content .media .media-body {
        padding: 20px;
    }

    .not_found_content .media .media-body h4 {
        font-size: 14px;
        font-weight: normal;
    }

    .not_found_content .media .media-body h4 span {
        display: unset;
    }

    .login_wrap {
        height: 100%;
        display: block;
    }

    .login_wrap .login-left-panel {
        height: auto;
    }

    .login_wrap .login-left-panel,
    .login_wrap .login-right_panel {
        width: 100%;
        display: block;
    }

    .login_wrap .login-left-panel .lf_inner {
        padding: 60px 0;
    }

    .login_wrap .login-left-panel .lf_inner .lf_cont h3 {
        font-size: 18px;
        margin: 0;
    }

    .login_wrap .login-left-panel .lf_inner .lf_cont img {
        margin-bottom: 15px;
    }

    .login_wrap .login-right_panel {
        padding: 50px 15px;
    }

    .login_wrap .login-right_panel>form {
        margin-bottom: 50px;
    }

    .login_wrap .login-right_panel .login-form {
        max-width: 100%;
    }

    .login_wrap .login-right_panel .login-form h3 {
        font-size: 22px;
    }

    .login_wrap .login-right_panel .login-form p.fs18 {
        font-size: 14px;
    }

    .login_wrap .login-right_panel .login-footer {
        position: fixed;
        padding: 15px 0px;
        bottom: 0px;
        width: 100%;
        background-color: #fff;
        z-index: 9999;
        margin: 0px;
    }

    .login_wrap .login-right_panel .login-form.theme-form .form-group.height_auto {
        padding-bottom: 0px;
    }

    .login-alert-modal .media .media-left {
        padding-right: 15px;
    }

    .login-alert-modal .media .media-body h3 {
        font-size: 18px;
    }

    .product_detail_wrap .panel-body {
        padding: 18px 10px;
    }

    .email_tab_box .btn {
        padding: 25px;
        margin: 7px 0px;
    }

    .communication_panel .media-object {
        display: inline-block;
        margin-bottom: 15px;
        margin-top: 0px;
    }

    .communication_panel .phone-control-wrap .phone-addon {
        width: 100% !important;
        display: block;
        padding: 0px;
    }

    .communication_panel .theme-form .form-group.height_auto {
        margin-bottom: 10px;
        padding-bottom: 0px;
    }

    .editor_tag_wrap {
        margin-top: 15px;
        max-width: 100%;
    }

    .blue_arrow_tab .nav-tabs li {
        padding: 0px;
        margin-bottom: 14px;
    }

    .blue_arrow_tab .nav-tabs li a {
        padding: 20px 0px;
    }

    .resources_box .panel .panel-body {
        min-height: inherit;
    }

    .enroll_tab_wrapper .tab-subbar.scrollfix-top.adminSide {
        top: 0px !important;
        width: calc(100% - 80px) !important;
    }

    .tab-subbar .search_plan_left {
        width: 100%;
    }

    .tab-subbar .enroll_right_cart {
        margin-top: 10px;
    }

    .enroll_plan_wrap .plan_left {
        min-width: 100% !important;
        float: none;
    }

    .enroll_plan_wrap .plan-center {
        width: 100%;
        float: none;
        margin-bottom: 25px;
    }

    .enroll_plan_wrap .plan_right {
        min-width: 100% !important;
        max-width: 100% !important;
        margin-top: 15px;
        float: none;
    }

    .enroll_plan_wrap .plan_right .m-l-20 {
        margin-left: 0px !important;
        margin-bottom: 15px;
    }

    .enroll_plan_wrap .plan_body_expand .pull-left {
        float: none !important;
    }

    .enroll_plan_wrap .right_plan_box {
        float: none;
    }

    .enroll_plan_wrap .plan_title {
        font-size: 20px;
        line-height: 30px;
        width: 100%;
    }

    .waive_coverage label {
        margin-bottom: 13px;
    }

    .summary_items .summary_head .summary_coverage {
        margin-top: 15px;
    }

    .enrollment_auto_row .monthly_benefit_range {
        margin-bottom: 25px;
        margin-top: 0px;
    }

    #screen_prv_scection {
        padding-top: 0px !important;
    }

    .panel-builder {
        padding: 15px;
    }

    .panel-bcontent .pd_up_image .new_theme_dropzone {
        width: 100%;
        margin-bottom: 25px;
        float: none;
        margin-left: 0px;
    }

    .panel-bcontent .pb-pre_imgs {
        width: 100%;
        float: none;
    }

    .panel-bcontent .pb-pre_imgs .owl-carousel .owl-item {
        padding: 0px 15px;
    }

    .panel-bcontent .pb-pre_imgs .owl-carousel .item {
        height: 75px;
    }

    .panel-bcontent .pb-pre_imgs .owl-carousel .owl-nav {
        top: 30px;
    }

    .panel-bcontent .pb-pre_imgs .owl-carousel .owl-nav .owl-next {
        right: -5px;
    }

    .panel-bcontent .pb-pre_imgs .owl-carousel .owl-nav .owl-prev {
        left: -5px;
    }

    .activity_filter.flex_row .form-group {
        flex-basis: 100%;
    }

    .order_tab_info .pull-left {
        float: none;
        width: 100%;
    }

    .order_tab_info .pull-right,
    .order_tab_info .text-right {
        float: none;
        width: 100%;
        text-align: left;
        padding: 15px 0px 5px;
        text-align: left !important;
    }

    .attributes_btn.form-group {
        margin-bottom: 15px;
    }

    .attributes_btn .btn,
    .attributes_btn .btn+.btn {
        width: calc(50% - 18px);
        margin-left: 0px;
        margin-right: 18px;
        margin-bottom: 10px;
        float: left;
    }

    .attributes_btn .btn:nth-child(even),
    .attributes_btn .btn+.btn:nth-child(even) {
        width: calc(50%);
        margin-right: 0px;
    }

    .request_access_wrap {
        padding: 15px 0px;
    }

    .request_access_wrap .phone-control-wrap .phone-addon {
        display: block;
        padding: 0px;
        margin-bottom: 10px;
    }

    .special_display .media-left,
    .special_display .media-body {
        padding: 10px;
    }

    .special_display .media-left img {
        margin: 0px auto;
        max-width: 90px;
    }

    .pay-set-btn .pull-left,
    .pay-set-btn .pull-right {
        display: block;
        width: 100%;
        text-align: center;
    }

    .pay-set-btn .btn {
        padding: 6px 10px;
    }

    .production_report_tbl.table tbody tr td:first-child {
        width: 230px;
    }
}

@media (max-width:580px) {

    .admin_intrection_wrap .clearfix .customtab li a,
    .member_intrection_wrap .clearfix .customtab li a,
    .group_intrection_wrap .clearfix .customtab li a,
    .lead_intrection_wrap .clearfix .customtab li a,
    .pt_intrection_wrap .clearfix .customtab li a,
    .agent_intrection_wrap .clearfix .customtab li a {
        padding: 10px 5px;
    }

    .admin_intrection_wrap .clearfix .text-right,
    .member_intrection_wrap .clearfix .text-right,
    .group_intrection_wrap .clearfix .text-right,
    .pt_intrection_wrap .clearfix .text-right,
    .lead_intrection_wrap .clearfix .text-right,
    .agent_intrection_wrap .clearfix .text-right {
        display: inline-block;
        width: 100%;
    }

    .admin_intrection_wrap .note_search_wrap,
    .member_intrection_wrap .note_search_wrap,
    .lead_intrection_wrap .note_search_wrap,
    .group_intrection_wrap .note_search_wrap,
    .agent_intrection_wrap .note_search_wrap,
    .pt_intrection_wrap .note_search_wrap {
        padding: 5px;
        margin-top: 5px;
    }

    .admin_intrection_wrap .clearfix .customtab,
    .member_intrection_wrap .clearfix .customtab,
    .group_intrection_wrap .clearfix .customtab,
    .lead_intrection_wrap .clearfix .customtab,
    .pt_intrection_wrap .clearfix .customtab,
    .agent_intrection_wrap .clearfix .customtab {
        margin-bottom: 5px;
        width: 100%;
    }

    .enroll_right_cart .dropdown-menu {
        min-width: 320px;
        right: -30px;
    }

    .enroll_right_cart .dropdown-menu:before {
        left: 80%;
    }

    .enroll_right_cart .dropdown-menu table tr td.fs14,
    .enroll_right_cart .dropdown-menu table tr.fs14 {
        font-size: 12px !important;
    }

    .resources_setup_wrap .form-group.height_auto {
        padding-bottom: 0px;
    }

    .resources_setup_wrap .input-group,
    .resources_addon.input-group {
        display: block;
    }

    .resources_setup_wrap .input-group .input-group-addon,
    .resources_addon.input-group .input-group-addon {
        min-width: inherit;
        border: none;
    }

    .resources_setup_wrap .input-group .form-control,
    .resources_addon.input-group .form-control {
        border-radius: 0px;
    }

    .resources_addon .input-group-addon {
        max-width: inherit;
    }

    .resources_setup_wrap .input-group label {
        display: none;
    }

    .production_report_tbl .phone-control-wrap {
        display: block;
        width: 100%;
    }

    .production_report_tbl .phone-control-wrap .phone-addon {
        display: block;
        width: 100%;
        padding: 0px;
        margin-top: 5px;
        text-align: left;
    }

    .production_report_tbl .theme-form .form-group .form-control {
        min-width: 180px;
    }
}

@media (max-width:540px) {
    .iframe .panel .panel-heading {
        padding: 15px;
    }

    .iframe .panel .panel-heading h4,
    body.iframe .panel .panel-heading p {
        font-size: 16px;
    }

    .iframe .panel-body {
        padding: 15px;
    }

    .iframe .panel-footer {
        padding: 15px;
    }

    .card-alert .media {
        max-width: 100%;
    }

    .card-alert .media .media-left {
        min-width: 80px;
        height: 80px;
    }

    .card-alert .media .media-left img {
        max-height: 30px;
    }

    .custom-data-wrap {
        padding-bottom: 5px;
    }

    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .container-fluid .bg-title.row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .bottom_footer .btn-white-o {
        margin-left: 8px;
        margin-top: 5px;
    }

    .panel .panel-left {
        height: inherit;
        width: 100%;
        border-bottom: 1px solid #E4E4E4;
    }

    .panel .panel-right {
        padding-left: inherit;
        padding-top: 57px;
    }

    .panel .panel-right .panel-body {
        padding-top: 0px;
    }

    .custom-data-wrap .phone-control-wrap {
        display: block;
    }

    .custom-data-wrap .phone-control-wrap .phone-addon {
        display: block;
        padding: 0px;
        margin-bottom: 10px;
    }

    .replay_wrapper {
        margin-left: -35px;
    }

    .reinvite_user [class*='col-xs-'] {
        width: 100%;
    }

    .reinvite_user .form-group .btn {
        margin-bottom: 15px;
    }

    .user-info {
        margin: 5px 0px;
    }

    .user-info li:nth-child(even) {
        text-align: right;
    }

    .user-info li {
        float: left;
        border: none;
        width: 50%;
        margin-right: 0px;
        padding-left: 0px;
        line-height: 24px;
    }

    .user-info li.title i {
        font-size: 16px;
    }

    .quote_banner {
        padding: 25px 0px;
    }

    .quote_banner h1 {
        font-size: 24px;
    }

    .schedule_weekly .btn,
    .day_of_week .btn {
        margin-bottom: 5px;
    }

    .schedule_popup .btn-group {
        width: 100%;
    }

    .schedule_popup .btn-group .btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .generate_report_panel .panel-footer {
        position: relative;
    }

    .generate_report_panel .phone-control-wrap {
        width: 100%;
    }

    .generate_report_panel .phone-control-wrap .phone-addon {
        display: block;
        padding: 0px;
        margin-bottom: 10px;
    }

    .generate_report_panel [class*='col-xs-'] {
        width: 100%;
    }

    .schedule_popup .br-r {
        border: none !important;
    }

    .schedule_popup .div_monthly .row .col-xs-6:first-child {
        margin-bottom: 28px;
    }

    .enrollment_status ul {
        padding-left: 0px;
    }

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

    .panel-previwe .clearfix {
        max-width: 67%;
    }

    .panel-previwe .pb-preview .iframe_sm_responsive iframe {
        -webkit-transform: scale(0.30);
        -o-transform: scale(0.30);
        -moz-transform: scale(0.30);
        transform: scale(0.30);
        -ms-transform: scale(0.30);
    }

    .attributes_btn .btn,
    .attributes_btn .btn+.btn {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        float: left;
    }

    .attributes_btn .btn:nth-child(even),
    .attributes_btn .btn+.btn:nth-child(even) {
        width: 100%;
        margin-right: 0px;
    }
}

@media (max-width:480px) {

    .dashboard-panel .pull-left,
    .dashboard-panel .pull-right {
        width: 100%;
        float: none !important;
    }

    .steamline .sl-item .sl-right .note-contents {
        margin-left: 5px;
    }

    .customtab.nav.nav-tabs li {
        min-height: 42px;
    }

    .panel-previwe .clearfix {
        max-width: 89%;
    }

    .enroll_plan_wrap .right_plan_box .bottom_btn .btn {
        width: 100%;
    }

    .enroll_plan_wrap .right_plan_box .bottom_btn .btn+.btn {
        margin-left: 0px;
        margin-top: 10px;
    }

    .responsive_btn .btn {
        display: block;
        width: 100%;
        margin-left: 0px !important;
    }

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

    .input-question label {
        display: block;
        width: 100%;
        text-align: left;
        margin-left: 0px !important;
        margin-bottom: 5px !important;
    }

    .input-question span {
        display: none;
    }

    .input-question .checkbox-inline,
    .input-question .radio-inline {
        display: block;
        width: 100%;
        margin-left: 0px;
    }

    .member_product_area .acount_profile_top .upcoming_payment {
        margin-bottom: 10px;
    }

    .review_doc_panel .acc_type .radio-question .radio-inline {
        display: block;
        margin: 5px 0px !important;
    }

    .csv_matrix_tab .input-group-addon:first-child {
        min-width: 100px !important;
    }

    .agent_benefit_check table tr td,
    .agent_benefit_check table tr th {
        display: block;
        width: 100%;
    }

    .new_merchant_processor .phone-control-wrap .phone-addon {
        display: block;
        width: 100%;
    }

    .new_merchant_processor .phone-control-wrap .phone-addon:last-child {
        margin-top: 10px;
    }

    .quick_report .phone-control-wrap {
        display: block;
        width: 100%;
    }

    .quick_report .phone-control-wrap .phone-addon {
        display: block;
        width: 100%;
        padding: 0px;
        margin-top: 5px;
        text-align: left;
    }
}


@media (max-width: 380px) {
    .col-xs-6 {
        width: 100%;
    }

    h4 {
        font-size: 16px;
    }

    .cust_data_selection .dropdown {
        display: inline-block;
    }

    .cust_data_selection+#custom_date_div input.form-control {
        border-left: 1px solid #ccc;
    }

    .navbar-top-links.navbar-right li {
        position: static;
    }

    .enroll_tab_wrapper .tab-subbar .search_plan_left .se_multiple_select {
        min-width: 250px;
        max-width: 250px;
    }

    .enroll_plan_wrap .right_plan_box {
        min-width: 100%;
    }

    .panel-previwe .clearfix {
        max-width: 97%;
    }

    .tag_btn {
        float: none !important;
    }

    .checkbox-question .checkbox-inline {
        display: block;
        margin-left: 0px !important;
    }

    .payable_product_box .btn {
        margin-top: 10px !important;
        float: right;
    }

    .responsive_btn .btn {
        display: block;
        width: 100%;
        margin-left: 0px !important;
    }

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

    .radio-question .radio-inline {
        display: block;
        margin: 5px 0px !important;
    }

    .review_doc_panel .personal_err .radio-question .radio-inline {
        display: block;
        margin: 5px 0px !important;
    }
}

@media (max-width:320px) {

    .form-inline .bootstrap-select,
    .form-inline .bootstrap-select.form-control:not([class*="col-"]) {
        min-width: 65px;
    }

    .cust_data_selection+#custom_date_div input.form-control {
        max-width: 100px;
    }
}

/*End : media query*/

/*Personal Branding  popup css start*/
.color_selection_label label {
    padding: 2px;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    display: block;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(176, 176, 176, 0.5);
    margin-bottom: 30px;
    cursor: pointer;
    position: relative;
}

.color_selection_label label.active {
    background-color: #E2F0FF;
}

.color_selection_label label.active:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 12px 0 12px;
    position: absolute;
    left: calc(50% - 12px);
    bottom: -20px
}

.color_selection_label label div.radio {
    float: right;
    margin: 10px 10px 0 0;
}

.color_selection_label label div.radio+div.text-center {
    display: inline-block;
    width: 100%;
}

.color_selection_label label img {
    margin: 15px 5px;
}

.color_selection_label label>span {
    border-radius: 0 0 3px 3px;
    color: #fff;
    display: block;
    font-size: 12px;
    padding: 8px 12px;
}

.color_selection_label label[for='default_color']>span {
    background-color: #11abd3;
}

.color_selection_label label[for='dark_color']>span {
    background-color: #5D5D5D;
}

.color_selection_label label[for='light_color']>span {
    background-color: #F7F7F7;
    color: #5D5D5D;
}

.color_selection_label label[for='default_color'].active:after {
    border-color: #11abd3 transparent transparent transparent;
}

.color_selection_label label[for='dark_color'].active:after {
    border-color: #5D5D5D transparent transparent transparent;
}

.color_selection_label label[for='light_color'].active:after {
    border-color: #F7F7F7 transparent transparent transparent;
}

.theme-screenshot-wrap {
    display: inline-block;
    width: 100%;
    box-shadow: 0 1px 10px 0 rgba(226, 226, 226, 0.5);
    margin-bottom: 25px;
}

.theme-screenshot-wrap img {
    width: 100%;
}

/*Personal Branding  popup css end  */

/*Skin dark css start */
.skin-dark a:not(.btn) {
    color: #fff;
}

.skin-dark .fa:not(.btn i.fa) {
    color: #fff !important;
}

.skin-dark .dropdown-menu>li>a {
    color: #333;
}

.skin-dark {
    background-color: #3e3e3e !important;
    color: #fff;
}

.iframe.skin-dark {
    background-color: #5d5d5d !important;
}

.skin-dark .text-black:not(.btn),
.skin-dark .text-gray:not(.btn),
.skin-dark .text-light-gray:not(.btn) {
    color: #fff !important;
}

.skin-dark .red-link,
.skin-dark .blue-link {
    background-color: transparent;
}

.skin-dark .blue-link,
.skin-dark .blue-link i {
    color: #fff;
}

.skin-dark .bg_white,
.skin-dark .bg_light_gray,
.skin-dark .bg_light_primary:not(.top_commission_singlebox),
.skin-dark .bg-white.content-wrapper {
    background-color: #3e3e3e !important;
}

.skin-dark .btn-group>.btn.btn-info.active {
    border-color: #fff;
    background-color: #3e3e3e;
    color: #fff;
}

.skin-dark .btn-group>.btn.btn-info {
    background-color: #5d5d5d;
    color: #fff;
    border-color: #E8E8E8;
}

.skin-dark .btn-group>.btn.btn-info.btn-outline.active {
    border-color: #fff;
    background-color: #3e3e3e;
    color: #fff;
}

.skin-dark .btn-group>.btn.btn-info.btn-outline {
    background-color: #5d5d5d;
    color: #fff;
    border-color: #fff;
}

.skin-dark .header,
.skin-dark .header .menu>ul>li>ul.dropdown-menu>li>a:not(.btn):focus,
.skin-dark .header .menu>ul>li>ul.dropdown-menu>li>a:not(.btn):hover {
    background-color: #3e3e3e;
}

.skin-dark .header .menu>ul>li.active a,
.skin-dark .header .menu>ul>li a.active,
.skin-dark .sub-header {
    background-color: #5d5d5d;
}

.skin-dark .header .agent_dropdown a .agent_circle,
.skin-dark .header .menu>ul>li>ul.dropdown-menu {
    color: #fff;
    background-color: #5d5d5d;
}

.skin-dark .smarte_footer {
    background-color: #5d5d5d;
}

.skin-dark .smarte_footer .bottom_footer {
    background-color: #3e3e3e;
}

.skin-dark .need_help span a {
    color: #fff;
}

.skin-dark.menu-overlay:after {
    background-color: #3e3e3e;
    color: #fff;
}

.skin-dark .breadcrumb {
    background-color: #5d5d5d;
    color: #fff;
}

.skin-dark .breadcrumb li a {
    color: #fff;
}

.skin-dark p:not(.error),
.skin-dark label:not(.btn):not(.ms-parent .ms-drop li label),
.skin-dark strong,
.skin-dark h1,
.skin-dark h2,
.skin-dark h3,
.skin-dark h4,
.skin-dark h5,
.skin-dark h6 {
    color: #fff !important;
}

.skin-dark .panel:not(.list-bill-panel),
.skin-dark .white-box,
.skin-dark .list-group,
.skin-dark .iframe .panel,
.skin-dark .iframe .list-group {
    background-color: #5d5d5d;
    color: #fff;
    border-color: #3e3e3e;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
}

.skin-dark .panel .panel-heading .panel-title,
.skin-dark .panel .panel-heading,
.skin-dark .panel:not(.profile-info) .panel-footer,
.skin-dark .iframe.panel .panel-heading .panel-title,
.skin-dark .iframe.panel .panel-heading,
.skin-dark .iframe.panel .panel-footer {
    background-color: #5d5d5d;
    color: #fff;
    border-color: #3e3e3e;
}

.skin-dark .panel .panel-body,
.skin-dark .list-group .list-group-item,
.skin-dark .iframe .panel .panel-body,
.skin-dark .iframe .list-group .list-group-item {
    color: #fff;
}

.skin-dark .list-bill-panel .panel-body {
    color: #5d5d5d;
}

.skin-dark .list-bill-panel .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f8f8f8;
}

.skin-dark #cboxOverlay,
.skin-dark .modal-backdrop,
.skin-dark .swal2-container.swal2-in {
    background: rgba(255, 255, 255, 0.40);
}

.skin-dark.iframe .panel {
    box-shadow: none;
}

.skin-dark #cboxLoadedContent,
.skin-dark #cboxContent {
    background-color: #5d5d5d
}

.skin-dark .modal-content {
    background-color: #3e3e3e;
}

.skin-dark .swal2-modal {
    background-color: #5d5d5d !important;
}

.skin-dark .swal2-modal .swal2-content {
    color: #fff;
}

.skin-dark .dashboard_topbar_right .dash_top_counter {
    border-color: #5d5d5d;
}

.skin-dark .dash_renewal_box img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(333deg) brightness(106%) contrast(102%);
}

.skin-dark .dash_netsales_box {
    background: #3e3e3e;
}

.skin-dark .dash_top_performing {
    border: 2px solid rgba(62, 62, 62, 0.30);
}

.skin-dark .dash_top_flowchart table tbody tr td,
.skin-dark .checkbox-inline,
.skin-dark .radio-inline,
.skin-dark .flot-chart .flow-chart-info .sales_type_lable {
    color: #fff;
}

.skin-dark .skin-dark .highcharts-background,
.skin-dark .highcharts-background {
    fill: #5d5d5d;
}

.skin-dark .custom-data-wrap {
    background-color: #3e3e3e;
}

.skin-dark .custom-data-wrap:after {
    border-color: transparent transparent #5d5d5d transparent;
}

.skin-dark .dash_top_performing .table tbody tr td,
.skin-dark .dash_top_performing .table tbody tr td a {
    color: #fff;
}

.skin-dark .bootstrap-select>.dropdown-toggle.bs-placeholder,
.skin-dark .dropdown.bootstrap-select .btn-select,
.skin-dark .dropdown.bootstrap-select .btn-select,
.skin-dark .thumbnail,
.skin-dark .ms-choice,
.skin-dark .form-control:not(.bill-form-control) {
    background-color: #5d5d5d !important;
    color: #fff;
}

.skin-dark .bootstrap-select .dropdown-menu li a,
.skin-dark .bootstrap-select .dropdown-menu .dropdown-header,
.skin-dark .bootstrap-select .no-results {
    color: #333;
}

.skin-dark .bs-searchbox .form-control {
    background-color: inherit !important;
    color: #000 !important;
}

.skin-dark .theme-form .se_multiple_select.has-value~label,
.skin-dark .theme-form .form-control.has-value+label,
.skin-dark .theme-form .form-control:focus+label,
.skin-dark .input-group .input-group-addon,
.skin-dark .custom_drag_control .gui-input {
    background-color: #5d5d5d;
    color: #fff;
}

.skin-dark .form-control:not(.bill-form-control):-webkit-autofill,
.skin-dark .form-control:not(.bill-form-control):focus:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #3e3e3e inset !important;
    -webkit-text-fill-color: #fff !important;
}

.skin-dark .theme-form .form-control:focus:not(.bill-form-control) {
    border-color: #fff;
}

.skin-dark .theme-form .form-control.has-value+label,
.skin-dark .theme-form .form-control:focus+label {
    background-color: #5D5D5D;
    color: #FFf;
}

.skin-dark .multiple_selection_choice .multiple_selection_choice_remove .fa {
    color: #474747;
}

.skin-dark .theme-form .form-control[disabled],
.skin-dark .theme-form .form-control[readonly],
.skin-dark .input-group .input-group-addon,
.skin-dark .bootstrap-select.disabled,
.skin-dark .bootstrap-select>.disabled,
.skin-dark .ms-choice.disabled {
    background-color: #3e3e3e !important;
}

.skin-dark .input-group .input-group-addon {
    color: #fff;
}

.skin-dark .input-group .input-group-addon {
    background-color: #3e3e3e !important;
    border-color: #fff !important;
}

.skin-dark .form-control:not(.bill-form-control)::placeholder,
.skin-dark .gui-input::placeholder {
    color: #fff;
    opacity: 1;
}

.skin-dark .form-control:not(.bill-form-control):-ms-input-placeholder,
.skin-dark .gui-input:-ms-input-placeholder {
    color: #fff;
}

.skin-dark .form-control:not(.bill-form-control):-ms-input-placeholder,
.skin-dark .gui-input:-ms-input-placeholder {
    color: #fff;
}

.skin-dark .panel .panel-heading.note-toolbar,
.skin-dark .note-editor.note-frame .note-statusbar {
    background-color: #3e3e3e;
}

.skin-dark .note-editor.note-frame .note-editing-area .note-editable {
    background-color: #5d5d5d;
    color: #fff;
}

.skin-dark .panel .panel-heading.note-toolbar .btn {
    color: #fff;
}

.skin-dark .table:not(.box-action .table) {
    background-color: #5d5d5d;
}

.skin-dark .table .table {
    background-color: #5d5d5d !important;
}

.skin-dark .table thead tr th,
.skin-dark .table thead tr th,
.skin-dark .table thead tr th a,
.skin-dark .com_small_tbl.table thead tr th {
    background-color: #000;
    color: #fff;
}

.skin-dark .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #3e3e3e;
}

.skin-dark .table a:not(.btn),
.skin-dark .table tr td.icons a:not(.btn)>i {
    color: #fff;
}

.skin-dark .table tbody tr td:not(.enroll_right_cart .dropdown-menu table tr td) {
    color: #fff;
}

.skin-dark .agp_attr_tbl .table tbody tr td {
    background-color: #3e3e3e;
    color: #fff;
}

.skin-dark .agp_attr_tbl .table tbody tr td:last-child {
    background-color: #5d5d5d;
}

/*.skin-dark .com_small_tbl.weekly.table tbody tr:nth-of-type(odd) td:first-child{color: #fff;}*/
.skin-dark .table-hover>tbody>tr:not(:nth-of-type(odd)):hover,
.skin-dark .table>thead>tr>td.active,
.skin-dark .table>tbody>tr>td.active,
.skin-dark .table>tfoot>tr>td.active,
.skin-dark .table>thead>tr>th.active,
.skin-dark .table>tbody>tr>th.active,
.skin-dark .table>tfoot>tr>th.active,
.skin-dark .table>thead>tr.active>td,
.skin-dark .table>tbody>tr.active>td,
.skin-dark .table>tfoot>tr.active>td,
.skin-dark .table>thead>tr.active>th,
.skin-dark .table>tbody>tr.active>th,
.skin-dark .table>tfoot>tr.active>th {
    background-color: inherit;
}

.skin-dark .table a:not(.btn).personal_production_report img,
.skin-dark .table a:not(.btn).agent_tree_popup img,
.skin-dark .table a:not(.btn) img,
.skin-dark .powered_by_logo img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(224deg) brightness(100%) contrast(100%);
}

.skin-dark .enroll_tab_wrapper,
.skin-dark .advance_info_div {
    background-color: #3e3e3e;
}

.skin-dark .agent_enroll_head,
.skin-dark .module_instruction {
    background-color: #5d5d5d;
}

.skin-dark .pagination>li:not(.active)>a,
.skin-dark .pagination>li:not(.active)>span {
    color: #3e3e3e !important;
}

.skin-dark .enroll_tab_wrapper .nav-tabs li.active a,
.skin-dark .thin-steps-numbered-bg .nav-tabs li.active a,
.skin-dark .blue_arrow_tab .nav-tabs li.active a,
.skin-dark .blue_arrow_tab .nav-tabs li.active a:focus,
.skin-dark .blue_arrow_tab .nav-tabs li.active a:hover,
.skin-dark .step_tab_wrap .nav-tabs li.active a {
    background-color: #000;
    color: #fff;
    box-shadow: none;
    border-color: #5d5d5d;
}

.skin-dark .enroll_tab_wrapper .nav-tabs li a,
.skin-dark .thin-steps-numbered-bg .nav-tabs li a,
.skin-dark .blue_arrow_tab .nav-tabs li a,
.skin-dark .blue_arrow_tab .nav-tabs li a,
.skin-dark .blue_arrow_tab .nav-tabs li a,
.skin-dark .step_tab_wrap .nav-tabs li a {
    background-color: #3e3e3e;
    color: #fff;
    box-shadow: none;
    border-color: #5d5d5d;
}

.skin-dark .tabbing-tab ul,
.skin-dark .fixed_tab_top.fixed {
    background-color: #5d5d5d;
}

.skin-dark .customtab {
    border-bottom: 2px solid #3e3e3e;
}

.skin-dark .customtab>li>a,
.skin-dark .report_tab_wrap .vtabs .tabs-vertical li a {
    color: #fff;
}

.skin-dark .customtab>li>a:hover,
.skin-dark .customtab>li>a:focus {
    background-color: #5d5d5d;
}

.skin-dark .customtab li.active a,
.skin-dark .customtab li.active a:hover,
.skin-dark .customtab li.active a:focus {
    border-color: #ffbc00;
    color: #ffbc00;
    background: #5d5d5d;
}

.skin-dark .preface li a.active,
.skin-dark .preface li a.active :hover,
.skin-dark .preface li a.active:focus {
    border-color: #ffbc00;
    color: #ffbc00;
    background: #5d5d5d;
}

.skin-dark .preface li a.active,
.skin-dark .preface li a.active:hover,
.skin-dark .preface li a.active:focus {
    background: #5d5d5d;
    border: 0;
    border-bottom: 2px solid #ffbc00;
    margin-bottom: -1px;
    color: #ffbc00;
}

.skin-dark .aa_enrolls .tab-content,
.skin-dark .report_panel .tab-content {
    background-color: #3e3e3e;
    color: #fff;
}

.skin-dark .timeline.left-timeline>li.timeline-inverted>.timeline-panel>.timeline-body p,
.skin-dark .timeline.left-timeline>li.timeline-inverted>.timeline-panel>.timeline-body a {
    color: #fff !important;
}

.skin-dark .enroll_tab_wrapper .tab-subbar {
    background-color: #5D5D5D;
}

.skin-dark .enroll_plan_wrap .plan_body {
    background-color: #5d5d5d;
}

.skin-dark .enroll_right_cart .cart_icon i,
.skin-dark .enroll_right_cart .total_amount {
    color: #fff;
}

.skin-dark .enroll_plan_wrap .plan_details_bottom {
    background-color: #3e3e3e;
    border-color: #9d9d9d;
    color: #fff;
}

.skin-dark .enroll_plan_wrap .plan_body_expand {
    border-color: #5d5d5d;
}

.skin-dark .enroll_summary_panel .summary_items,
.skin-dark .depedent_border_box {
    background-color: #5d5d5d;
}

.skin-dark .enroll_summary_panel .panel-body,
.skin-dark .payment_section {
    background: #5d5d5d;
}

.skin-dark .enroll_plan_wrap .plan_right .plan_price,
.skin-dark .bottom_btn_wrap {
    background: #3e3e3e;
}

.skin-dark .enroll_right_cart .dropdown-menu {
    color: #3e3e3e;
}

.skin-dark .enroll_summary_panel .table.color-table thead tr th.price_th {
    background: #000;
}

.skin-dark .panel-left-nav ul li.active a {
    background-color: #3e3e3e;
    color: #fff;
}

.skin-dark .panel-left-nav ul li.active a:after {
    border-color: transparent transparent transparent #3e3e3e;
}

.skin-dark .panel .panel-left {
    box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.2);
}

.skin-dark .panel .search-handle .btn-box-tool:after {
    border-color: #5d5d5d transparent transparent transparent;
}

.skin-dark .table_light_danger,
.skin-dark .table_dark_danger,
.skin-dark .bg_dark_primary,
.skin-dark .bg_light_gray,
.skin-dark .bg_light_primary {
    color: #fff;
}

.skin-dark .ms-parent .ms-choice:focus {
    border-color: #fff;
}

.skin-dark .panel-builder,
.skin-dark .page-builder-footer {
    background-color: #5d5d5d;
}

.skin-dark .panel-bcontent .pb-title,
.skin-dark .panel-previwe .pb_prv_icon li:not(#actual-screen-view) a {
    color: #fff;
}

.skin-dark .pswd_popup {
    color: #5D5D5D;
}

.skin-dark .create_mail_panel.panel.panel-block>.panel-heading {
    background-color: #3e3e3e;
}

.skin-dark .text-blue {
    color: #E8E8E8 !important;
}

.skin-dark .create_mail_panel .email_action a {
    color: #fff;
}

.skin-dark .create_mail_panel .email_action img,
.skin-dark .communication_panel .media-object {
    filter: contrast(0%) brightness(250%);
}

.skin-dark .editor_tag_wrap .tag_head .fa {
    color: #E8E8E8;
}

.skin-dark .ledger_debit {
    background-color: #3e3e3e !important;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #5d5d5d;
}

.skin-dark .training_manuals_wrap {
    background: #5d5d5d !important;
}

.skin-dark .resources_box .panel .panel-body {
    background-color: #3e3e3e;
}

.skin-dark .resources_box .panel.info .panel-body ul li a {
    color: #fff;
}

.skin-dark .resources_box .panel .panel-body ul li a:before {
    background-color: #fff;
}

.skin-dark .popover {
    color: #000;
}

.skin-dark .payment_panel:not(.bg-success) table tbody tr td {
    color: #fff;
}

.skin-dark .mdp_info_table table tr td,
.skin-dark .mdp_info_table .billing_date_popup {
    color: #fff;
}

.skin-dark .password_unlock a {
    color: #fff;
}

.skin-dark .paynow_top_wrap,
.skin-dark .hline-title span {
    background: #3e3e3e;
}

.skin-dark .form-control.bill-form-control,
.skin-dark .form-control.bill-form-control[disabled],
.skin-dark .form-control.bill-form-control.disabled,
.skin-dark .form-control.bill-form-control[readonly],
.skin-dark .bill-form-control.readonly,
.skin-dark .list-bill-select .ms-choice {
    background-color: #ffffff !important;
}

.skin-dark .theme-form .list-bill-select.has-value~label {
    background-color: #fff !important;
    color: #999;
}

.skin-dark .list-bill-select .ms-choice:focus {
    border-color: #050606;
}

.skin-dark .coverage_panel_wrap .panel-group .completed .panel-heading .panel-title {
    background-color: inherit;
}

.skin-dark .coverage_sec,
.skin-dark .member_profile .hline-title span {
    background: #5d5d5d !important;
}

.skin-dark .step_tab_wrap .tab-subbar {
    background-color: #666;
}

.skin-dark .line_title h3 span {
    background-color: #5d5d5d;
}

.skin-dark .password_unlock .dot_password {
    background-color: transparent;
}

.skin-dark .product_detail_wrap .panel .panel-heading h4 {
    background-color: #3e3e3e;
    border: 1px solid #3e3e3e;
}

.skin-dark .slimScrollBar {
    background-color: rgba(255, 255, 255) !important;
}

.skin-dark .list-cust-bar .list-group-item {
    color: #5d5d5d;
}

/*Skin dark css end   */

/*Skin Light css start */
.skin-light .dashboard_topbar .text-action {
    color: #676767 !important;
}

.skin-light .header .agent_dropdown a .agent_circle {
    color: #fff;
    background-color: #676767;
}

.skin-light .header .right-icons .menu-icon span {
    background-color: #676767;
}

.skin-light .header,
.skin-light .header .menu>ul>li>ul.dropdown-menu>li>a:not(.btn):hover,
.skin-light .header .menu>ul>li>ul.dropdown-menu>li>a:not(.btn):focus,
.skin-light.menu-overlay:after {
    background-color: #f7f7f7;
    color: #676767;
}

.skin-light .header .menu>ul>li>a,
.skin-light .header .right-icons .ricon-link,
.skin-light .header .agent_dropdown>a.dropdown-toggle {
    color: #676767;
}

.skin-light .header .menu>ul>li.active a,
.skin-light .header .menu>ul>li a.active,
.skin-light .header .menu>ul>li>ul.dropdown-menu {
    background-color: #676767;
    color: #fff;
}

.skin-light .smarte_footer .bottom_footer {
    background-color: #F7F7F7;
    color: #676767;
}

.skin-light .smarte_footer .bottom_footer ul li {
    color: #676767;
}

/*Skin Light css end */

.gui-file:disabled {
    cursor: no-drop;
}

.noti_list {
    color: #5d5d5d;
}

/* Executive Dashboard Styles - Matching Admin Theme */
.exec-dashboard { padding: 15px; }
.exec-dashboard .panel { margin-bottom: 20px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.exec-dashboard .panel-heading { background: #3c8dbc; color: #fff; border-radius: 8px 8px 0 0; padding: 15px 20px; }
.exec-dashboard .panel-heading h4 { margin: 0; font-weight: 600; }
.exec-dashboard .panel-body { padding: 20px; }

/* Top Bar */
.dashboard-topbar { background: #fff; padding: 15px 20px; border-radius: 8px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }
.dashboard-topbar .title-section h3 { margin: 0; color: #333; font-weight: 600; }
.dashboard-topbar .title-section p { margin: 5px 0 0; color: #666; font-size: 13px; }

/* Quick Filters */
.quick-filters { display: flex; gap: 8px; align-items: center; }
.quick-filters .btn { padding: 8px 16px; border-radius: 20px; font-size: 13px; font-weight: 500; }
.quick-filters .btn.active { background: #3c8dbc; color: #fff; border-color: #3c8dbc; }
.quick-filters .btn:not(.active) { background: #f5f5f5; color: #555; border-color: #ddd; }

/* Date Range */
.date-range-section { display: flex; gap: 10px; align-items: center; }
.date-range-section input { padding: 8px 12px; border: 1px solid #ddd; border-radius: 6px; width: 130px; }

/* Controls */
.dashboard-controls { display: flex; gap: 10px; align-items: center; }
.auto-refresh-toggle { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #666; }
.auto-refresh-toggle input { width: 18px; height: 18px; }

/* Stats Cards */
.stats-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 20px; }
.stat-card { background: #fff; border-radius: 8px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); text-align: center; border-top: 3px solid #3c8dbc; }
.stat-card .stat-value { font-size: 28px; font-weight: 700; color: #333; }
.stat-card .stat-label { font-size: 13px; color: white; margin-top: 5px; }
.stat-card.primary .stat-value { color: #3c8dbc; }
.stat-card.success .stat-value { color: #00a65a; }
.stat-card.warning .stat-value { color: #f39c12; }

/* Funnel Chart Container */
.funnel-container { position: relative; height: 350px; }
.funnel-stage { display: flex; align-items: center; margin: 10px 0; cursor: pointer; transition: all 0.3s; }
.funnel-stage:hover { transform: translateX(5px); }
.funnel-bar { height: 50px; background: #3c8dbc; border-radius: 0 25px 25px 0; display: flex; align-items: center; justify-content: flex-end; padding-right: 15px; color: #fff; font-weight: 600; min-width: 80px; transition: all 0.3s; }
.funnel-label { margin-left: 15px; }
.funnel-label .stage-name { font-weight: 600; color: #333; }
.funnel-label .stage-count { font-size: 13px; color: #666; }
.funnel-label .stage-percent { font-size: 12px; color: #00a65a; font-weight: 500; }

/* Cohort Table */
.cohort-table { width: 100%; border-collapse: collapse; }
.cohort-table th, .cohort-table td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #eee; }
.cohort-table th { background: #f4f4f4; font-weight: 600; color: #333; }
.cohort-table tr:hover { background: #f8f9fa; }
.cohort-badge { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 500; }
.cohort-badge.green { background: #d4edda; color: #155724; }
.cohort-badge.yellow { background: #fff3cd; color: #856404; }
.cohort-badge.red { background: #f8d7da; color: #721c24; }

/* Revenue Cards */
.revenue-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.revenue-card { background: #3c8dbc; border-radius: 10px; padding: 25px; color: #fff; }
.revenue-card:nth-child(2) { background: #00a65a; }
.revenue-card:nth-child(3) { background: #f39c12; }
.revenue-card .label { font-size: 13px; opacity: 1; margin-bottom: 8px; padding-left: 0 !important;}
.revenue-card .value { font-size: 32px; font-weight: 700; }
.revenue-card .trend { font-size: 13px; margin-top: 10px; }
.revenue-card .trend.up { color: #90EE90; }
.revenue-card .trend.down { color: #FFB6C1; }

/* Loading */
.loading-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.8); display: flex; align-items: center; justify-content: center; z-index: 10; }
.loading-spinner { width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid #3c8dbc; border-radius: 50%; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Drill Down Modal */
.drill-down-modal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1000; align-items: center; justify-content: center; }
.drill-down-content { background: #fff; border-radius: 10px; width: 90%; max-width: 900px; max-height: 80vh; overflow: auto; }
.drill-down-header { padding: 20px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; }
.drill-down-body { padding: 20px; }
.member-list-table { width: 100%; border-collapse: collapse; }
.member-list-table th, .member-list-table td { padding: 10px; text-align: left; border-bottom: 1px solid #eee; }

/* Pagination Styles */
.pagination-wrap { display: flex; justify-content: center; align-items: center; gap: 5px; flex-wrap: wrap; margin: 15px 0; }
.pagination-wrap .page-btn { padding: 6px 12px; border: 1px solid #ddd; background: #fff; color: #333; border-radius: 4px; cursor: pointer; font-size: 13px; transition: all 0.2s; }
.pagination-wrap .page-btn:hover:not(:disabled) { background: #3c8dbc; color: #fff; border-color: #3c8dbc; }
.pagination-wrap .page-btn.active { background: #3c8dbc; color: #fff; border-color: #3c8dbc; }
.pagination-wrap .page-btn:disabled { background: #f5f5f5; color: #999; cursor: not-allowed; }
.pagination-wrap .page-info { padding: 6px 12px; color: #666; font-size: 13px; }

/* Responsive */
@media (max-width: 768px) {
    .dashboard-topbar { flex-direction: column; align-items: flex-start; }
    .revenue-grid { grid-template-columns: 1fr; }
    .quick-filters { flex-wrap: wrap; }
}
.fixedCustom .btn-select 
    {
        border: 1px solid #E8E8E8;
    }