@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: #FEC108!important;} .text-success {color: #5FB89C!important;} .text-danger{color: #EB6E6E!important} .text-primary{ color:#B4CeB3!important;} .text-gray { color: #999 !important; } .text-light-gray { color: #b8b8b8 !important; } .text-orange { color: #ff9300; } .text-black{color:#5d5d5d !important;} .text_dark{color:#111 !important;} .text-lightblue{color:#0F80C1!important;} .form-control.text-success { color: #5FB89C !important;} .form-control.text-danger { color: #EB6E6E !important;} .text-info { color:#B4CeB3!important;} .text-red { color:#Dbd3c9 !important; } .text-action {color:#Dbd3c9 !important;} .text-blue { color: #B4CeB3 !important; } .text-blue a {color: #B4CeB3 !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_blue{background-color: #224E74!important;} .bg_light_primary{background-color: #fad4d8 !important;} .bg_dark_primary{background-color: #B4CeB3 !important;} .bg_dark_danger{background-color: #Dbd3c9 !important;} .bg_light_danger{background-color:rgba(219, 211, 201, 0.45)!important;;} .bg_light_success{background-color:rgba(95,184,156,0.45)!important;} .bg_dark_success{background-color:#5FB89C!important;} .bg_mid_gray{background-color:#B4CeB3 !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(180, 206, 179, 0.05)!important;} .table_dark_primary{background-color:rgba(180, 206, 179, 0.15)!important;} .table_light_danger{ background-color:rgba(219, 211, 201, 0.05)!important;} .table_dark_danger{background-color:rgba(219, 211, 201, 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: #B4CeB3 !important;} .bg_light_primary th{ background-color: #fad4d8!important } .table_light_primary th{background-color: rgba(180, 206, 179, 0.05)!important;} /* table background color end */ /* label css start */ .label-info { background-color: #B4CeB3;} .label-danger{ background-color:#Dbd3c9!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:#B4CeB3;} a:hover, a:focus{text-decoration: none ; color:#B4CeB3;} 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: #B4CeB3; color: #111;} .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: #B4CeB3; border-color:#B4CeB3;} .btn-group>.btn.btn-info.btn-outline.active, .btn-group>.btn.btn-info.btn-outline:active{ border-color:#B4CeB3; background-color: #B4CeB3; color: #111;} .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: #B4CeB3; border: 1px solid #B4CeB3; color: #111; } .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info.active, .btn-info:active{ background: #fff; opacity:1; border: 1px solid #B4CeB3; color: #B4CeB3; } .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: #B4CeB3; opacity:1; border: 1px solid #B4CeB3; color: #111; } .btn-info.btn-outline, .btn-info.btn-outline.disabled, .btn-info.btn-outline:disabled { background: #fff; border: 1px solid #B4CeB3; color: #B4CeB3; } .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: #B4CeB3; opacity:1; border: 1px solid #B4CeB3; color: #111; } .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 #B4CeB3; color: #111; } .btn-info-light, .btn-info-light.disabled, .btn-info-light:disabled { background: #fad4d8; border: 1px solid #fad4d8; color: #111; } .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 #fad4d8; color: #fad4d8; } .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: #fad4d8; opacity:1; border: 1px solid #fad4d8; color: #fff; } .btn-cyan, .btn-cyan.disabled , .btn-cyan:disabled { background: #6E8EC3; border: 1px solid #6E8EC3; color: #fff; } .btn-cyan:hover, .btn-cyan:focus, .btn-cyan.focus, .btn-cyan.active, .btn-cyan:active{ background: #fff; opacity:1; border: 1px solid #6E8EC3; color: #6E8EC3; } .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: #6E8EC3; opacity:1; border: 1px solid #6E8EC3; 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: #B4CeB3; border: 1px solid #B4CeB3; color: #111; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary.active, .btn-primary:active{ background: #fff; opacity:1; border: 1px solid #B4CeB3; color: #B4CeB3; } .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: #B4CeB3; opacity:1; border: 1px solid #B4CeB3; color: #111; } .btn-primary-o, .btn-primary-o.disabled, .btn-primary-o:disabled { background: #fff; border: 1px solid #B4CeB3; color: #B4CeB3; } .btn-primary-o:hover, .btn-primary-o:focus, .btn-primary-o.focus, .btn-primary-o.active, .btn-primary-o:active{ background: #B4CeB3; opacity:1; border: 1px solid #B4CeB3; 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 #B4CeB3; color: #B4CeB3; } .btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled { background: #6E8EC3; border: 1px solid #6E8EC3; color: #fff; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary.active, .btn-secondary:active{ background: #fff; opacity:1; border: 1px solid #6E8EC3; color: #6E8EC3; } .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: #6E8EC3; opacity:1; border: 1px solid #6E8EC3; color: #fff; } .btn-action, .btn-action.disabled, .btn-action:disabled { background: #Dbd3c9; border: 1px solid #Dbd3c9; color: #111; } .btn-action:hover, .btn-action:focus, .btn-action.focus, .btn-action.active, .btn-action:active{ background: #fff; opacity:1; border: 1px solid #Dbd3c9; color: #Dbd3c9; } .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: #Dbd3c9; opacity:1; border: 1px solid #Dbd3c9; color: #111; } .btn-action-o, .btn-action-o.disabled, .btn-action-o:disabled { background: #fff; border: 1px solid #Dbd3c9; color: #Dbd3c9; } .btn-action-o:hover, .btn-action-o:focus, .btn-action-o.focus, .btn-action-o.active, .btn-action-o:active{ background: #Dbd3c9; opacity:1; border: 1px solid #Dbd3c9; 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 #Dbd3c9; color: #Dbd3c9; } .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; } .btn-light-gray, .btn-light-gray.disabled, .btn-light-gray:disabled { background: #B4CeB3; border: 1px solid #B4CeB3; color: #fff; } .btn-light-gray:hover, .btn-light-gray:focus, .btn-light-gray.focus, .btn-light-gray.active, .btn-light-gray:active{ background: #fff; opacity:1; border: 1px solid #B4CeB3; color: #B4CeB3; } .btn-light-gray.disabled:hover, .btn-light-gray.disabled:focus, .btn-light-gray.disabled.focus, .btn-light-gray.active.focus, .btn-light-gray.active:focus, .btn-light-gray.active:hover, .btn-light-gray.focus:active, .btn-light-gray:active:focus, .btn-light-gray:active:hover, .open>.dropdown-toggle.btn-light-gray.focus, .open>.dropdown-toggle.btn-light-gray:focus, .open>.dropdown-toggle.btn-light-gray:hover, .btn-light-gray.focus, .btn-light-gray:focus { background-color: #B4CeB3; opacity:1; border: 1px solid #B4CeB3; color: #fff; } .red-link { color:#Dbd3c9; background-color:#fff; text-decoration: underline; padding-left:0; padding-right:0; font-weight: 500; } .red-link i {color:#Dbd3c9; text-decoration: none; margin-right: 5px;} .red-link.fa{text-decoration: none;} .red-link:hover, .red-link:focus{ color:#Dbd3c9;} .blue-link { color:#B4CeB3; background-color:#fff; text-decoration: underline; padding-left:0; padding-right:0; font-weight: 500; } .blue-link i {color:#B4CeB3; text-decoration: none; margin-right: 5px;} .blue-link.fa{text-decoration: none;} .blue-link:hover, .blue-link:focus{ color:#B4CeB3;} /* 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 */ /* 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:#Dbd3c9; } .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 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:#B4CeB3; } .theme-form .form-control:focus { border:1px solid #B4CeB3; 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:#B4CeB3;} select.form-control.select-arrow { background:url(../../images/select_arrow.png?_v=1.02) 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.02) 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:#B4CeB3!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; border:none; } .dropdown.bootstrap-select .btn-select { border:1px solid #E8E8E8; background-color:#fff; color:#5d5d5d; background:url(../../images/select_arrow.png?_v=1.04) 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:#B4CeB3; border-color:#B4CeB3; } 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:#B4CeB3;} .progress .progress-bar.progress-bar-danger{background-color: #Dbd3c9;} .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:#B4CeB3; color:#fff;} .cust_tab_ui ul li.active a .column-step .step-number { color:#111;} .cust_tab_ui ul li.active a .column-step .step-info, .cust_tab_ui ul li.active a .column-step .step-title{ color:#111;} .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;} .searchdiv .nav-tabs{text-align:center;} .searchdiv .nav-tabs li{float: none;display: inline-block;} .preface_global_activity .nav-tabs{text-align: center;} .preface_global_activity .nav-tabs li{float: none;display: inline-block;} .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(152, 176, 168, 0.50); 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: #B4CeB3; background-color: #B4CeB3; color: #111;} .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: #B4CeB3 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{ border-color:#Dbd3c9; color: #Dbd3c9; } .preface li a.active, .preface li a.active :hover, .preface li a.active:focus{ border-color:#Dbd3c9; color: #Dbd3c9; } .preface li a.active, .preface li a.active:hover, .preface li a.active:focus {background: #ffffff; border: 0; border-bottom: 2px solid #Dbd3c9; margin-bottom: -1px; color: #Dbd3c9;} /*customtab tab design end */ /* custom tooltip css start */ .tooltip{z-index: 999;} .tooltip-inner { background-color: #FFFFFF; color: #B4CeB3; border: 1px solid #B4CeB3; 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: #B4CeB3 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 #B4CeB3 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 #B4CeB3 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 #B4CeB3; 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 #B4CeB3; 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: #B4CeB3;} .popover.bottom>.arrow{border-bottom-color: #B4CeB3;} .popover.left>.arrow{border-left-color: #B4CeB3;} .popover.right>.arrow{border-right-color: #B4CeB3;} .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: #Dbd3c9; } .popover-danger.top>.arrow{border-top-color: #Dbd3c9;} /* 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:#B4CeB3; background-color:#fff; font-size:16px; position:relative;} .panel-left-nav ul li.active a{background-color:#B4CeB3; color:#111; } .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 #B4CeB3; 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: #Dbd3c9 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:#B4CeB3 ; color:#111 ; 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:#B4CeB3; font-size:18px; margin: 0 5px;} .table.color-table tr td.icons a:not(.btn):hover > i { color:#Dbd3c9;} .table.color-table tr td.icons a:not(.btn):hover > img{filter: invert(18%) sepia(47%) saturate(4657%) hue-rotate(343deg) brightness(97%) contrast(96%);} .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:#B4CeB3 !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:#fad4d8; 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:#B4CeB3;} /* 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:#B4CeB3; 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:#B4CeB3;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:#B4CeB3; 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:#B4CeB3; } .panel-cyan .space{background-color:rgba(152, 176, 168, 0.50);} .panel-info .panel-heading{background-color:#B4CeB3; } .panel-info .space{background-color:rgba(180, 206, 179, 0.50);} .panel-success .panel-heading{background-color:#5fb89c; } .panel-success .space{background-color:rgba(95, 184, 156, 0.50);} .panel-danger .panel-heading{background-color:#Dbd3c9; } .panel-danger .space{background-color:rgba(219, 211, 201, 0.50);} .panel-warning .panel-heading{background-color:#fec108; } .panel-warning .space{background-color:rgba(254, 193, 8, 0.50);} .panel-black .panel-heading{background-color:#5d5d5d; } .panel-black .space{background-color:rgba(93, 93, 93, 0.50);} .table.table-cyan thead tr th, .table.color-table.table-cyan thead tr th, .table.table-cyan thead tr th a{background-color:#B4CeB3!important;} .table.table-info thead tr th, .table.color-table.table-info thead tr th, .table.table-info thead tr th a{background-color:#B4CeB3!important;} .table.table-action thead tr th, .table.color-table.table-action thead tr th, .table.table-action thead tr th a{background-color:#Dbd3c9!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: #Dbd3c9; -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: #111; 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: #B4CeB3!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.03) !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: #B4CeB3; float: left; width: 100%;} .admin_user_wrap .admin_avatar{ width:30px; height:30px; line-height:32px; border-radius:100%; background-color:#fff; color:#fad4d8; 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:#B4CeB3; padding:15px 15px 15px 15px;} .admin_user_wrap .admin_user_info .user-profile .u-dropdown{font-size:16px; color:#111; 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:#fad4d8; } #side-menu li a{color: #111; 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:#fad4d8; 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:#B4CeB3; 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: #fad4d8;} .top-left-part {background-color: #B4CeB3;} .sidebar {background: #fad4d8;} .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:#B4CeB3;} .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: #B4CeB3; text-decoration: none;} .navbar-top-links .breadcrumb{padding-top:25px; padding-left:15px;} .navbar-top-links > li > a {color: #B4CeB3; 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:#Dbd3c9 ; 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: #B4CeB3 !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:#B4CeB3 !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: #Dbd3c9; 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%; color: #111; } .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 #Dbd3c9; background-color:rgba(219, 211, 201, 0.05);} .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: #Dbd3c9; 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:100vh;} .login_wrap .login-left-panel{ width:505px; display:table-cell; vertical-align:middle;position: relative; background: #FAD4D8;} .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:#fff;} .login_wrap .login-left-panel .lf_inner .lf_cont img { margin-bottom:25px; max-width:275px;} .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; max-width: 450px; } .login_wrap .login-right_panel .login-form h3 { font-size:26px;} .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:10px; 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: #B4CeB3; border-color: #B4CeB3;} 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(61, 101, 110); background: linear-gradient(to bottom, rgba(180, 206, 179,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(180, 206, 179, 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 */ /* 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(180, 206, 179, 0.05); } .add_fee_wrap .table.bg_odd_even_table>tbody>tr:nth-of-type(even)>td:first-child{background-color: rgba(180, 206, 179, 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: #edf4ff!important; } /* 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: #e7eef9; } .light-info-bg{ background-color: #edf4ff; } .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:#B4CeB3 ;} .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: #B4CeB3; 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:#Dbd3c9!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(219, 211, 201, 0.05); border-top:1px solid #fff; vertical-align: top;} .agp_attr_tbl .table tbody tr td:last-child{background-color: rgba(180, 206, 179,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: #Dbd3c9; color:#111;} .com_small_tbl.monthly.table thead tr th{ background-color: #B4CeB3; color:#111;} .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:372px;} .member_intrection_wrap .activity_wrap.interaction_filter_active{ max-height:300px; } .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; } .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 #Dbd3c9; 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: #Dbd3c9 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 #B4CeB3; background-color:#fff; } .payable_wrap .table>tbody>tr.tr_expand td {cursor:pointer;} .payable_wrap .table>tbody>tr.active td { background:#B4CeB3; 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:#B4CeB3; } .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:#B4CeB3 ; 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 emd */ /* 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 */ .panel.profile-info.user_lead .panel-body table tr td{padding: 11px 0px;} .lead_intrection_wrap .activity_wrap{max-height:300px;} .lead_intrection_wrap .activity_wrap.interaction_filter_active{max-height:230px;} .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:#B4CeB3;} .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: #B4CeB3; color: #fff; border: 1px solid #B4CeB3; } .spacetree_action .btn.sp_refresh:hover, .spacetree_action .btn.sp_refresh:focus{ background-color: #fff; color: #B4CeB3; } .spacetree_action .btn.sp_link{ background-color: #fff; color: #Dbd3c9; border: 1px solid #Dbd3c9; } .spacetree_action .btn.sp_link:hover, .spacetree_action .btn.sp_link:focus{ background-color:#Dbd3c9; 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:#Dbd3c9; 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: #B4CeB3; } .node-border-parent{ border:1px solid #B4CeB3 !important; } .node_label.node-border-current h4{ background-color: #Dbd3c9; } .node-border-current{ border:1px solid #Dbd3c9 !important; } .node_label.node-border-child h4{ background-color: #fad4d8; } .node-border-child{ border:1px solid #fad4d8 !important; } .node_label.node-border-child h5{ color:#fad4d8!important; } .node_label.node-highlight h4{ background-color: #fad4d8; } .node-highlight{ border:1px solid #Dbd3c9 !important; } .node_label.node-highlight h5{ color:#Dbd3c9!important; } .node_label.node-border-black h4{ background-color: #fad4d8; } .node-border-black{ border:1px solid #fad4d8 !important; } .node_label.node-border-black h5{ color:#fad4d8!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: #fad4d8; /*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: #B4CeB3; color: #111; min-width:250px; text-align: left;} .resources_setup_wrap .input-group .input-group-addon:last-child{border-radius: 0px; background-color: #Dbd3c9; 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: #B4CeB3; border-color: #B4CeB3; border-radius: 0px; padding: 6px 15px; font-weight: 500; color: #111; 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: #B4CeB3;} .resources_box .panel.info .panel-body ul li a{ color:#B4CeB3; } .resources_box .panel.danger .panel-heading{background-color: #Dbd3c9;} .resources_box .panel.danger .panel-body ul li a{ color:#Dbd3c9; } .resources_box .panel.primary .panel-heading{background-color: #B4CeB3;} .resources_box .panel.primary .panel-body ul li a{ color:#B4CeB3; } .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: #B4CeB3; 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(180, 206, 179, 0.80); } .sum_activity_wrap .sum_activity_box.info .sum_activity_addon{ background-color: rgba(180, 206, 179); } .sum_activity_wrap .sum_activity_box:hover.info .sum_activity_addon{ background-color: rgba(255, 255, 255); color:rgba(180, 206, 179); border-color: rgba(180, 206, 179, 0.40); } .sum_activity_wrap .sum_activity_box.danger{ background-color:rgba(219, 211, 201, 0.80); } .sum_activity_wrap .sum_activity_box.danger .sum_activity_addon{ background-color:rgba(219, 211, 201); } .sum_activity_wrap .sum_activity_box:hover.danger .sum_activity_addon{ background-color: rgba(255, 255, 255); color:rgba(219, 211, 201); border-color: rgba(219, 211, 201, 0.40); } .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: #B4CeB3; 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: #B4CeB3!important; color: #fff; border-color: #B4CeB3!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:#B4CeB3; padding:5px 0; } .smarte_footer .bottom_footer .btn_open_chat.text-danger{ color: #EB6E6E;} .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:#111;} .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:#B4CeB3!important; color:#111;} .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; color: #111;} .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:#fad4d8; color:#111;} .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:#Dbd3c9 ;} .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:#B4CeB3;} .enroll_right_cart .label-rouded{ padding:4px 10px 3px; background-color:#B4CeB3; color: #111;} .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 #B4CeB3;} .enroll_accordion .panel .panel-heading{padding: 0px; box-shadow: none;} .enroll_accordion .panel .panel-heading .panel-title > a{padding: 18px; background-color: #B4CeB3; color: #111; 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: #B4CeB3; 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:#B4CeB3;} .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:#fad4d8; 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 #B4CeB3; 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:#B4CeB3;} .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:#B4CeB3; 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: #B4CeB3; 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:#111; padding:10px 15px; font-size:12px;} .payment_section .billing_info .edit_btn { position:absolute; right:15px; bottom:10px; color:#111; 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:#B4CeB3; } .payment_section .pay_summary_right table tr.total_tr td { font-size: 14px; padding:10px 15px; font-weight:bold; color: #111;} .payment_section .pay_summary_right table tr.total_tr td:last-child { color:#111;} .payment_section .box-action {background-color: #Dbd3c9; padding: 0px; color:#111;} .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: #B4CeB3; 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(191,33,38,0.6); display: inline-block; width: 100%;} .healthy_step_benefit .nav-tabs>li>a{background-color:#fff; border-radius: 0px; border: 2px solid #Dbd3c9; 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 #Dbd3c9; background-color: #Dbd3c9; 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: #F5F5F8;} .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 */ /*=== JHS question css start ===*/ .text-table{display: table;} .text-table span{display: table-cell;} .membership_ques_main_div .lifetime_cond_table table tbody tr td{padding: 3px !important; vertical-align: top} .membership_ques_main_div .table-danger thead tr th {background-color: #Dbd3c9!important; color: #fff;} /*=== JHS question 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:#B4CeB3; 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:#fad4d8; 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: #Dbd3c9; 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:#Dbd3c9;} .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:#B4CeB3; 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 #Dbd3c9;} .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:#Dbd3c9;} .panel-bcontent .social_accounts_links .custom_input_group .input-wrapper input::-webkit-input-placeholder{ color:#Dbd3c9; } .panel-bcontent .social_accounts_links .custom_input_group .input-wrapper input::-moz-placeholder{ color:#Dbd3c9; } .panel-bcontent .social_accounts_links .custom_input_group .input-wrapper input:-ms-input-placeholder{ color:#Dbd3c9; } .panel-bcontent .social_accounts_links .custom_input_group .input-wrapper input:-moz-placeholder{ color:#Dbd3c9; } .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%; margin: 0px auto; 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 */ /* health shareable css start */ .household_panel{margin-bottom: 50px;} .household_chart{position: absolute;width: 100%; height: 100%; right: 0; top:-18px; z-index: 1;} .requirement .household_chart{top: 0;} .household_chart .household_chart_content{background-color: #DAF6E4;position: absolute;top: 0;left:0px;right: 0px;transform: translateY(16%);width: 125px;height: 125px;border-radius: 50%;margin:0px auto;} .household_chart .household_chart_content p{line-height: 18px;} .annual_panel{margin-bottom: 50px;} .annual_shared_wrap{width: 100%; position: relative;} .annual_shared_wrap .annual_shared{ width:165px; height: 165px; border-radius: 50%; border: 4px solid #FFFFFF; background-color: rgba(113, 157, 214, 0.2); box-shadow: 0 0 16px 0 rgba(0,0,0,0.14); margin: 0px auto; padding-top: 16px; position: absolute; top:-18px; left: 0px; right: 0px; z-index: 1;} .annual_shared .annual_shared_content{background-color:#719DD6; width: 125px;height: 125px; border-radius: 50%;margin:0px auto; line-height: 14px; color: #fff; font-size: 12px;} .annual_shared_content .annual_shared_top{height: 50%; padding-top: calc(50% - 42px);} .annual_shared_content .annual_shared_bottom{height: 50%; background-color:rgba(255, 255, 255, 0.50); border-top: 2px solid #FFFFFF; border-bottom-left-radius: 62px; border-bottom-right-radius: 62px; padding-top: calc(50% - 50px); } .annual_shared_content .annual_shared_noimpact{height: 100%; padding-top: calc(50% - 15px);} .shared_default_icon{background-color: rgba(28, 56, 106, 0.20); padding:3px 0px; width: 34px; height: 34px; border-radius: 50%; text-align: center; font-size: 20px; } .shared_primary_icon{background-color: rgba(116, 167, 229, 0.20); padding:3px 0px; width: 34px; height: 34px; border-radius: 50%; text-align: center; font-size: 20px; } .shared_danger_icon{background-color:rgba(221, 31, 39, 0.20); padding:3px 0px; width: 34px; height: 34px; border-radius: 50%; text-align: center; font-size: 20px; } .sharing_slider_wrap .sharing_slide{position:relative; min-height:165px; box-shadow: 0 3px 16px 0 rgba(0,0,0,0.15); border-radius: 4px; padding: 20px; color: #fff; background: #4374a0; background: -moz-linear-gradient(90deg, #4374a0 0%, #000000 100%); background: -webkit-linear-gradient(90deg, #4374a0 0%, #000000 100%); background: linear-gradient(90deg, #4374a0 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4374a0",endColorstr="#000000",GradientType=1);} .sharing_slide h2{font-size: 24px; font-weight: 300; margin-top: 0px;} .sharing_slide .sharing_sign{text-align: right; position: absolute; right: 15px; bottom: 15px;} .sharing_avatar{box-shadow: 0 3px 16px 0 rgba(0,0,0,0.15); border-radius: 4px; width: 100%; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("../../images/healthshare/sharing_slide_avatar.png");} .sharing_avatar .sharing_avatar_label{ position: absolute; bottom: 0; right: 0px; z-index: 10; border-radius: 15px 0 4px 0; background-color: rgba(0,0,0,0.55); padding: 15px 30px; color: #fff; text-align: center; } .shared_box{border-radius: 3px; padding:0px; border:none; margin:0px; position: relative; background-color:#f4f4f4; font-size: 12px;} .shared_box .media-body{padding:15px 0px; vertical-align: middle; border-width: 2px; border-style: solid; border-color: #000;} .shared_box .media-left{padding:15px 0px; background-color:#000; vertical-align: middle; color: #fff; width: 50%;} .shared_box .media-left table tbody tr td{color: #fff;} .shared_box table tbody tr td{padding: 0px 7px;} .shared_branding_pallet ul{margin: 0px; padding: 0px; list-style-type: none;} .shared_branding_pallet ul li { display: inline-block; margin-right: 10px;} .shared_branding_pallet input[type="radio"] { display: none; } .shared_branding_pallet ul li label span { display: block; width: 35px; height: 35px; cursor: pointer; position: relative; } .shared_branding_pallet ul li label input[type="radio"]:checked + span:before { content: "\f00c"; font-family: 'FontAwesome'; font-weight: 900; font-size: 18px; line-height: 35px; width: 35px; height: 35px; position: absolute; top: 0; left: 0; color: #fff; text-align: center; } .member_shared .household_panel, .member_shared .annual_panel{min-height: 176px;} .member_shared .requirement{min-height: 205px;} .member_shared .panel{margin-bottom: 15px;} .member_shared > .panel{box-shadow: none; padding: 0px;} .member_shared .panel-heading {position: relative; } .member_shared .panel-heading .panel-title{ position: absolute; left: 17px; top:40px; padding: 15px 30px; border-radius: 4px; background-color: #FFFFFF; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15); font-weight: 300; font-size: 20px; z-index: 1; } .member_shared .panel-footer{padding:10px 35px; background-color: #000; color: #fff;} .member_shared .shared_wave{position: relative; padding-top: 35px!important;} .member_shared .shared_wave:before{ background-image: url("../../images/healthshare/grey-swirl-bg.png"); background-repeat: no-repeat; background-size: cover; background-position:center center; position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 375px; content: ""; z-index: 0; } .sharing-slider.owl-theme .owl-dots{margin: 0px; text-align: left; position: absolute; left:13px; bottom:15px; width: 100%;} .sharing-slider.owl-theme .owl-dots .owl-dot span{background:rgba(225,225,225,0.3);} .sharing-slider.owl-theme .owl-dots .owl-dot.active span, .sharing-slider.owl-theme .owl-dots .owl-dot:hover span{background: #E1E1E1;} .member_shared .primary_pallet ul li:nth-child(1) span{ background-color: #719DD6; } .member_shared .primary_pallet ul li:nth-child(2) span{ background-color: #000000; } .member_shared .household_pallet ul li:nth-child(1) span{ background-color: #E1F7E6; } .member_shared .household_pallet ul li:nth-child(2) span{ background-color: #46B589; } .member_shared .household_pallet ul li:nth-child(3) span{ background-color: #4A8B68; } .member_shared .panel-heading{ min-height: 70px; background-color: #719DD6; } .member_shared .shared_table .panel-heading{background-color: #fff; min-height: inherit;} .member_shared .panel-title span{ color:#719DD6!important; } .member_shared .shared_default_icon{background-color: rgba(28, 56, 106, 0.20);} .member_shared .shared_primary_icon{background-color: rgba(116, 167, 229, 0.20);} .member_shared .shared_danger_icon{background-color:rgba(221, 31, 39, 0.20);} .member_shared .sharing_slide{ background: #4374a0; background: -moz-linear-gradient(90deg, #4374a0 0%, #000000 100%); background: -webkit-linear-gradient(90deg, #4374a0 0%, #000000 100%); background: linear-gradient(90deg, #4374a0 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4374a0",endColorstr="#000000",GradientType=1);} .member_shared .annual_shared .annual_shared_content{background-color: #74A7E5;} .member_shared .household_chart .household_chart_content{background-color: #DAF6E4;} .shared_table .table thead tr th, .shared_table .color-table thead tr th, .shared_table.color-table thead tr th a{ background-color:#719DD6; } .member_shared .text-action{color: #719DD6!important;} .member_shared .btn-view-bill {color: #719DD6; background-color: #fff; border-color: #719DD6;} .member_shared .btn-view-bill:hover, .member_shared .btn-view-bill:focus{color: #719DD6; background-color: #ffffff; border-color: #719DD6; opacity: 1;} .stream_table .table thead tr th, .stream_table .table tbody tr td{padding-left: 20px;} .stream-radio .radio span{background-image:none!important; border:2px solid #bbb; border-radius: 100%;} .stream-radio .radio span.checked::after{content: ""; position: absolute; width: 11px; height: 11px; left:50%; top:50%; transform: translate(-50%, -50%); border-radius: 100%; z-index: 10; background-color:#5694cc; } .stream-radio .radio span.checked{border-color: #5694cc;} .shared_hover{position:absolute;width: 100%;height: 100%;background-color: rgba(113,157,214,0.83);border: 4px solid #008AFF;z-index: 10;top: 0;left: 0;} .shared_hover .shared_hover_confirm{top: 0px;left: 0px;padding: 15px 15px 15px 40px;height: 100%;} .shared_hover .shared_hover_edit{top:50%;left:50%;transform: translateY(50%);text-align: center;height: 100%;} .shared_hover .shared_hover_edit a{color: #fff;} .shared_hover .shared_hover_edit a:hover, .shared_hover .shared_hover_edit a:focus{color: #fff;} /* health shareable 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: #B4CeB3!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:620px) { .preface_global_activity .scrtabs-tabs-fixed-container{width:100%!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 .admin_user_wrap .admin_user_info{padding:15px 0px; text-align: center;} } @media (max-width: 1170px) { .fix-sidebar .admin_user_wrap { 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: #B4CeB3;} 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;} } @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:#B4CeB3; 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: #B4CeB3; } .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; max-height: 90px;} .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; } .household_chart{position: relative!important; top: 0px!important; height:auto;} .annual_shared_wrap .annual_shared{position: relative!important; top: 0px!important;} .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; padding: 10px 15px;} .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:580px) { .searchdiv .nav-tabs li, .preface_global_activity .nav-tabs li{float: left!important;display:inherit!important;} } @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;} .member-radio-question .radio-inline{display: block; width: 100%; margin-left: 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;} .manage_carrier .radio-question .form-inline{margin-bottom: 25px!important;} .manage_carrier .radio-question .form-inline .form-group{display: block; margin-bottom: 5px!important ;} .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%;} .shared_box table tbody tr td{font-size: 12px;} .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:#B4CeB3; } .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:#B4CeB3 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:#f2663a; color: #f2663a; background:#5d5d5d; } .skin-dark .preface li a.active, .skin-dark .preface li a.active :hover, .skin-dark .preface li a.active:focus{ border-color:#f2663a; color: #f2663a; 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 #f2663a; margin-bottom: -1px; color: #f2663a;} .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: #B4CeB3;} .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; }