@import "../fonts/sofia_pro/fonts.css";
@import "../fonts/other/fonts.css";
@import "font-awesome.css";
@import "simple-line-icons.css";
@import "../fonts/icon-fonts/styles.css";
@import "../fonts/dashboard_icon/flaticon.css";

/* Custom color theme */
:root {
--f7-theme-color: #0b69a9;
--f7-theme-color-rgb: 11, 105, 169;
--f7-theme-color-shade: #095183;
--f7-theme-color-tint: #0d81cf;
}
/* Invert navigation bars to fill style */
:root,
:root.theme-dark,
:root .theme-dark {
--f7-bars-bg-color: var(--f7-theme-color);
--f7-bars-text-color: #fff;
--f7-bars-link-color: #fff;
--f7-navbar-subtitle-text-color: rgba(255,255,255,0.85);
--f7-bars-border-color: transparent;
--f7-tabbar-link-active-color: #fff;
--f7-tabbar-link-inactive-color: rgba(255,255,255,0.54);
--f7-searchbar-bg-color: var(--f7-bars-bg-color);
--f7-searchbar-input-bg-color: #fff;
--f7-searchbar-input-text-color: #000;
--f7-sheet-border-color: transparent;
--f7-tabbar-link-active-border-color: #fff;
}
.appbar,
.navbar,
.toolbar,
.subnavbar,
.calendar-header,
.calendar-footer,
.toolbar{
--f7-touch-ripple-color: var(--f7-touch-ripple-white);
--f7-link-highlight-color: var(--f7-link-highlight-white);
--f7-button-text-color: #fff;
--f7-button-pressed-bg-color: rgba(255,255,255,0.1);
}

.workreport_firststep[style*="display:none;"]{display: block !important; visibility: hidden;position: absolute;left: 0;right: 0;width: 100%;z-index: 0;}
.page-content{background-color: #fff;}
.page_bgColor.page-content{background-color:#f7f7f7;}
.bg_color_gray{background-color:#f7f7f7;}
.smart-select-page .page-content{background-color: #fff;}
.ios body,.md body{font-family:'Lato',Helvetica,Arial,sans-serif;font-weight:normal;font-size:14px;line-height:1.6;color:#303030}

/* .ios a,.md a{color: var(--f7-theme-color);} */

.min_txt_wrap{max-width: 170px;overflow: hidden;text-overflow: ellipsis;}
.input_num_highlight{max-width: 60px;background-color: #f1f1f1;padding: 4px;border-radius: 4px;border: 1px solid #ddd;text-align: center;}
.input_num_highlight input{width:100%;min-width: 60px;text-align: center;}
.select-placeholder option:first-child{color: rgba(0, 0, 0,0.35);}
.select-placeholder option{color: rgba(0, 0, 0,1);}

.p16{padding:16px!important}
.mn{margin:0!important}
.pn{padding:0!important}
.mbn{margin-bottom:0!important}
.mtn{margin-top:0!important}
.mln{margin-left:0!important}
.ptn{padding-top:0!important}
.pt10{padding-top:10px!important}
.pt4{padding-top:4px!important}
.pbn{padding-bottom:0!important}
.pb10{padding-bottom:10px!important}
.pb4{padding-bottom:4px!important}
.pln{padding-left:0!important}
.pl10{padding-left:10px!important}
.ml5{margin-left:5px!important}
.ml10{margin-left:10px!important}
.ml15{margin-left:15px!important}
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt20{margin-top:20px!important}
.mt30{margin-top:30px!important}
.mr5{margin-right:5px!important}
.mr10{margin-right:10px!important}
.mr20{margin-right:20px!important}
.mb10{margin-bottom:10px!important}
.mb20{margin-bottom:20px!important}

.ph10{ padding: 0 10px !important;}
.pv10{ padding:10px 0 !important;}

.mauto{margin:0 auto!important}
.minwauto{ min-width: auto !important;}
.disabled-input{background-color: #fafafa;}
[disabled]{opacity:.55!important;pointer-events:none!important;cursor:not-allowed}

.fs20{font-size:20px}
.fs14{font-size:14px!important}
 
.empty_none:empty{display: none;}

.icon-box{height: 24px;width: 24px;text-align: center;line-height: 24px;}
.custom-input-box{border: 1px solid #ddd;border-radius: 4px;padding: 4px;height: 34px;}
.table_panel .data-table .work_report_option_table thead th{font-weight: 600;--f7-table-head-cell-height: 40px;}
.work_report_option_table tbody td{padding-top: 5px;padding-bottom: 5px;}
/*Cust overlay css start for smartr modal or smart select Start*/
/* .cust_overlay{display: none !important;} */
.with-modal-sheet .cust_overlay,.with-modal-custommodal .cust_overlay{visibility: visible;opacity: 1;}
.cust_overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4);visibility: hidden;opacity: 0;-webkit-transition-duration: .4s;transition-duration: .4s;z-index: 10500;}
/*Cust overlay css start for smartr modal or smart select End*/

.text-center{text-align:center}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
.text-nowrap{white-space:normal!important}

.text-white{ color: #fff !important; }

.md .fot_small,
.md .fot_small.block-title{font-size: 12px!important;line-height: 15px!important;font-weight:500!important;color:rgba(89, 89, 89) !important;text-transform: none !important;letter-spacing: 0px !important;}

.md .fot_md,
.md .fot_md.block-title{font-size: 14px!important;line-height: 15px!important;font-weight:600!important;color:rgba(89, 89, 89) !important;text-transform: none !important;letter-spacing: 0px !important;}

.ios .fot_small,
.ios .fot_small.block-title{font-family: 'Lato' !important ;font-size: 12px!important;line-height: 15px!important;font-weight:500!important;color:#303030 !important;text-transform: none !important;letter-spacing: 0px !important;}

.crd_block_title p{margin:0px;}
.card.page-card .block-title.crd_block_title .block-extra{position: static;display: block;text-align: right;margin: 8px 0 4px;}
.card.page-card .block-title.crd_block_title .block-extra i{margin-right:4px;}


.img-responsive{display:block;max-width:100%;height:auto}

.fab-fixed{position:fixed!important}

.md .item-label,.md .item-floating-label{line-height:15px}

.pull-left{float:left!important}
.pull-right{float:right!important}

.fw700{font-weight:700!important}
.fw500{font-weight:500}
.fw400{font-weight:400}
.fw600{font-weight:600}

.clearfix::after,.clearfix::before{content:"";clear:both;display:table}

.three_line_wrap{white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.item-inner{position:relative}

.md .button-fill .ripple-wave, .md .button-active .ripple-wave, .md .toast .ripple-wave, .md .fab a .ripple-wave, .md .stepper-fill .ripple-wave {background: rgba(157, 205, 255, 0.3);}
.md .navbar .ripple-wave, .md .toolbar .ripple-wave, .md .subnavbar .ripple-wave {background: rgba(214, 215, 216, 0.3);}

.ios .toast-content {padding: 8px 14px;}
.md .toast-content {padding: 8px 14px;}
.ios .toast.toast-center {border-radius: 4px}
.md .toast.toast-center {border-radius: 4px}
.toast .toast-text {text-align:center}

.img_canvas{ border-radius: 100%;}
.img_canvas_shadow{ border-radius: 100%; box-shadow: 0px 2px 4px rgba(0,0,0,.4);}

/* Error Start ====*/
.technician_signature_error.error,
.customer_signature_error.error,
label.error{z-index:9999;font-family:'Lato';font-weight:normal;position:absolute;right:5px;min-width:250px;padding:2px 6px;color:#fff;text-align:center;text-decoration:none;background-color:rgba(192,57,43,.8);-webkit-border-radius:8px;-moz-border-radius:2px;border-radius:2px;min-width:45px;white-space:normal;word-wrap:break-word;font-size:12px;margin:10px 0 0 14px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;width:auto!important;bottom:24px;line-height:16px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.3)}
label.err{bottom:25px}
form#login_form label.error,form#forget_form label.error{bottom:30px}
textarea + label.error{bottom:inherit;top:-25px}
.technician_signature_error.error:after,
.customer_signature_error.error:after,
label.error:after{border-bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(192,57,43,.8);content:"";left:30px;z-index:1;position:absolute;bottom:-6px}

.technician_signature_error.error,
.customer_signature_error.error{bottom: auto;top: -32px;}
/* Error Start ====*/

/*Form style start ===========*/
.form_wrap{}
form em{ color: rgb(255, 26, 2); }
.list .item-label em {color: rgb(192, 57, 43);}
.md .block-title,.ios .block-title{color: #53a8e2;font-weight: 600;}
.md .form_wrap label.item-checkbox > .icon-checkbox{margin-right: 20px;}
/*Form style end ===========*/

/* Default card design start =========*/
.card.page-card {box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);padding: 1px;}
.card.page-card .block-title .block-extra {position: absolute;right: 0;font-size: 14px; font-weight: 500;}
.card.page-card .block-title {font-size: 16px;line-height: 22px;position: relative;margin-top: 10px;font-weight: 500;letter-spacing: 1.01px;}
.card.page-card .button-section {margin: 16px 0;padding: 0 16px;}
/* Default card design End =========*/

/* Home Start ======*/
.dashbord_list{padding:8px;background-color:rgba(0,0,0,0.02);/*height:calc(100% - 78px);*/overflow:auto;    border-radius: 0 0 15px 15px;
    box-shadow: 0 -1px 65px 0 rgba(0, 0, 0, 0.2);}
.dashbord_list .col-50{margin:6px;width:calc(50% - 12px)!important}
.dashbord_list .card-box{background-color:#fff;border-radius:10px;-webkit-box-shadow:0 0 68px 0 rgba(11,105,169,0.10);-moz-box-shadow:0 0 68px 0 rgba(11,105,169,0.10);box-shadow:0 0 68px 0 rgba(11,105,169,0.10);text-align:center;padding:16px 0;position: relative;overflow: hidden; width: 100%;}
.dashbord_list .card-box .card-icon{height:60px;width:60px;border-radius:100%;background-color:rgba(241,241,241,0.5);margin:0 auto;line-height:60px}
.dashbord_list .card-box .card-icon i,.dashbord_list .card-box .card-icon i:before{font-size:30px;line-height: 60px;}
.dashbord_list .card-box .card-title{font-size:14px;text-transform:capitalize;margin-top:5px}
.dashbord_list .col-50:nth-child(10n+1) .card-box .card-icon{background-color:rgba(219,10,91,0.06)}
.dashbord_list .col-50:nth-child(10n+1) .card-box .card-icon i{color:rgba(219,10,91)}
.dashbord_list .col-50:nth-child(10n+2) .card-box .card-icon{background-color:rgba(77,19,209,0.06)}
.dashbord_list .col-50:nth-child(10n+2) .card-box .card-icon i{color:rgba(77,19,209)}
.dashbord_list .col-50:nth-child(10n+3) .card-box .card-icon{background-color:rgba(25,181,254,0.06)}
.dashbord_list .col-50:nth-child(10n+3) .card-box .card-icon i{color:rgba(25,181,254)}
.dashbord_list .col-50:nth-child(10n+4) .card-box .card-icon{background-color:rgba(0,100,66,0.06)}
.dashbord_list .col-50:nth-child(10n+4) .card-box .card-icon i{color:rgba(0,100,66)}
.dashbord_list .col-50:nth-child(10n+5) .card-box .card-icon{background-color:rgba(255,164,0,0.06)}
.dashbord_list .col-50:nth-child(10n+5) .card-box .card-icon i{color:rgba(255,164,0)}
.dashbord_list .col-50:nth-child(10n+6) .card-box .card-icon{background-color:rgba(108,122,137,0.06)}
.dashbord_list .col-50:nth-child(10n+6) .card-box .card-icon i{color:#6c7a89}
.dashbord_list .col-50:nth-child(10n+7) .card-box .card-icon{background-color:rgba(122,148,46,0.06)}
.dashbord_list .col-50:nth-child(10n+7) .card-box .card-icon i{color:#7a942e}
.dashbord_list .col-50:nth-child(10n+8) .card-box .card-icon{background-color:rgba(191,85,236,0.06)}
.dashbord_list .col-50:nth-child(10n+8) .card-box .card-icon i{color:#bf55ec}
.dashbord_list .col-50:nth-child(10n+9) .card-box .card-icon{background-color:rgba(246,36,89,0.06)}
.dashbord_list .col-50:nth-child(10n+9) .card-box .card-icon i{color:#f62459}
.dashbord_list .col-50:nth-child(10n+10) .card-box .card-icon{background-color:rgba(230,126,34,0.06)}
.dashbord_list .col-50:nth-child(10n+10) .card-box .card-icon i{color:#e67e22}

.ios .cust_toolbar.toolbar,
.md .cust_toolbar.toolbar{background-color:#f3f6f7 !important;}

.ios .cust_toolbar.toolbar:before,
.md .cust_toolbar.toolbar:before,
.ios .cust_toolbar.toolbar:after,
.md .cust_toolbar.toolbar:after{display: none !important;}

.dashboard_footer{margin: 0 auto;text-align: center;width: 100%;padding: 0 16px;}
.md .dashboard_footer{padding: 0 24px;}
.dashboard_footer::after,.dashboard_footer::before{content:"";clear:both;display:table}
.dashboard_footer .df_brand{ width: calc(100% - 40px);float: left;margin-top:10px;}
.dashboard_footer .df_brand img{max-height: 25px;float: left;}
.dashboard_footer .df_icons{ width:40px; float: left;}
.dashboard_footer .df_icons a{ position: relative;top:1px;}
.dashboard_footer .df_icons a .img_name{ border-color: rgba(11, 105, 169,0.36);  background-color:rgba(11, 105, 169,0.12); color: var(--f7-theme-color);height:34px;width:34px; line-height:34px;box-shadow: 0px 4px 16px rgba(0,0,0,0.1);}
.dashboard_footer .df_icons a .df_notify{position: absolute;display: block;background-color: #db0a5b;top: 2px;right:2px;border-radius: 4px;width: 8px;height: 8px;z-index: 2; animation: heartbit 1s ease-in-out infinite; }  
@keyframes heartbit {0% {transform: scale(0);}50% {transform: scale(1);}100% {transform: scale(0);}}
/* .dashboard_footer{height: 30px;margin: 0 auto;text-align: center;padding: 16px 0;}
.dashboard_footer::after,.dashboard_footer::before{content:"";clear:both;display:table}
.dashboard_footer .df_brand{ width: calc(100% - 100px);float: left;}
.dashboard_footer .df_brand img{}
.dashboard_footer .df_icons{ width: 100px; float: left;}
.dashboard_footer .df_icons a{ position: relative;top: -3px;}
.dashboard_footer .df_icons a .img_name{ border-color: rgba(11, 105, 169,0.36);  background-color:rgba(11, 105, 169,0.12); color: var(--f7-theme-color);height: 38px;width: 38px; line-height: 38px;box-shadow: 0px 4px 16px rgba(0,0,0,0.1);}
.dashboard_footer .df_icons a .df_notify{position: absolute;display: block;background-color: #db0a5b;top: 2px;right:2px;border-radius: 4px;width: 8px;height: 8px;z-index: 2; animation: heartbit 1s ease-in-out infinite; }  
@keyframes heartbit {0% {transform: scale(0);}50% {transform: scale(1);}100% {transform: scale(0);}} */

.md .profile_options{bottom:62px; top: inherit !important; width: 180px;}
.profile_options .list li:first-child{ border-bottom: 1px solid #ddd; user-select: none;margin-bottom: 4px;}
.md .profile_options .list li:first-child a{user-select: none; line-height: 36px;color: #303030;}
.profile_options li{}
.md .profile_options .list li a{ color:rgba(85, 114, 134, 0.8);}
.md .profile_options .list li a i{ margin-right: 4px;}
.md .profile_options .list li:not(:first-child) a{line-height:36px;font-size: 14px;}

.md .profile_options .list li:first-child a,
.ios .profile_options .list li:first-child a.active-state{ background:none;}

.ios .profile_options {border-radius: 6px; width: 185px;}
.ios .profile_options .list li:first-child a{user-select: none; line-height: 36px;color: #303030;border-radius: 6px 6px 0 0 !important;}
.ios .profile_options .list li:last-child a{border-radius: 0 0 6px 6px !important;}
.ios .profile_options .list li a{ text-align: left;color:rgba(85, 114, 134, 0.8);}
.ios .profile_options .list li:not(:first-child) a{line-height:36px;font-size: 14px;}
.ios .profile_options .list li a i{ margin-right: 4px;}

.profile_options .popover-inner{ overflow: visible;}
.profile_options .extra_popover .list_lanug{opacity: 0; visibility: hidden;}
.profile_options .extra_popover .list_lanug.active{left: -100px; opacity: 1; visibility: visible;}
.profile_options .extra_popover .list_lanug{position: absolute;left:0;background:rgba(255, 255, 255, 0.95); border-radius: 3px;top:-15px;transition: all 0.3s ease-in-out; z-index: -99;}
.profile_options .extra_popover .list_lanug .ll_radio{padding: 0 15px 0 35px;border-bottom: 1px solid #ddd;display:block; position: relative;}
.profile_options .extra_popover .list_lanug .ll_radio label{position: relative; color:rgba(85, 114, 134, 0.8);line-height:36px;font-size: 14px;transition: all 0.3s ease-in-out;}
.profile_options .extra_popover .list_lanug .ll_radio:last-child{border-bottom: none;}
.profile_options .extra_popover .list_lanug .ll_radio input{display:none;}
.profile_options .extra_popover .list_lanug .ll_radio label:before{ content: "\f00c"; font-family:FontAwesome;position:absolute;left: -22px;top: -8px;color: var(--f7-theme-color); opacity: 0; transform: scale(0); transition: all 0.3s ease-in-out;}
.profile_options .extra_popover .list_lanug .ll_radio input:checked + label:before{ transform: scale(1); opacity: 1;}
.profile_options .extra_popover .list_lanug .ll_radio input:checked + label{ color: var(--f7-theme-color);}

.md .profile_options .extra_popover .list_lanug {box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);}
/* Home End ======*/

/*Profile page start =========*/
.profile-section .profile-body{position: relative;margin: 16px auto;text-align: center; width: 120px;}
.profile-section .profile-body img{object-fit: cover;object-position: center center;}
.profile-section .profile-body img,
.profile-section .profile-body .img_name{ height: 100px; width: 100px; border-radius: 100%;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);float:none; }
.profile-section .profile-body .img_name{line-height: 100px; font-size: 32px;}
.profile-section .profile-body a{ height: 35px; width: 35px; background-color:var(--f7-theme-color); border-radius: 100%; color: #fff;position: absolute;bottom:6px;right:6px;overflow: hidden;    line-height: 35px;text-align: center;  }
.profile-section .profile-body a i{ font-size: 16px; line-height: 16px;position: relative;right: -1px }
.profile_add{ height: 170px; }
.profile_add .sheet-modal-inner{padding: 16px;}
.profile_add .sheet-modal-inner h4{ font-size: 16px; margin-top: 0; font-weight: 600; }
.profile_add .sheet-modal-inner ul{ display: table; width: 100%; margin:0; padding: 0; }
.profile_add .sheet-modal-inner ul li{ display: inline-block; float: left; width: 33.33%; text-align: center; }
.profile_add .sheet-modal-inner ul li a{font-size: 24px;height: 60px;width: 60px;display: block;text-align: center;margin: 0 auto;line-height: 60px;   border-radius: 100%;box-shadow: 0 0px 2px 0 rgba(0,0,0,0.14); background-color: #efeeee; overflow: hidden;}
.profile_add .sheet-modal-inner ul li a.f-gallery{background-color: #019487; color: #fff;}
.profile_add .sheet-modal-inner ul li a.f-camera{background-color: #2b99f2; color: #fff;}
.profile_add .sheet-modal-inner ul li a.f-delete{ background-color: #fa3137; color: #fff; }
.profile_add .sheet-modal-inner ul li h5{ margin: 5px 0; }
.profile_add{ background-color: #fff;}  

.list .item-content.input-select-smart{padding-left: 0px;display: block;}
/*Profile page End =========*/

/* Notification start ==============*/
.notifications_panel{}
/* .notifications_panel ul{margin:0;padding: 0; background-color: #fff;box-shadow: 0 1px 1.5px 0 rgba(0,0,0,0.14);} */
.notifications_panel .notification_list_item{ display: block;border-bottom: 1px solid #e1e1e1; position: relative;overflow: hidden; }
.notifications_panel .notification_list_item a{ display: block;padding: 8px 14px; }
.notifications_panel .notification_list_item:last-child{ border-bottom: none; }
.notifications_panel .notification_list_item .noty-content{margin: 0; color: #303030; }
.notifications_panel .notification_list_item .noty-time{margin: 0;color: #999;font-size: 11px;line-height: normal; }
/* Notification End ==============*/

/* System List Start ========*/
.card_panel .card{ border-radius: 0px; margin-left: 0; margin-right: 0; box-shadow: 0 1px 1.5px 0 rgba(0,0,0,0.14); }
.card_panel .card-header,
.card_panel .card-footer{ border-radius: 0px; }
.card .card-header .card-avtar{ width:calc(100% - 45px); }
.card .card-header .card-img img{ height:40px; width: 40px; border-radius: 100%; border:1px solid rgba(0,0,0,0.1); float: left; position: relative;}
.border-none{border:none !important;}
.img_name{object-fit: cover;object-position: center center;height: 35px;width: 35px;border-radius: 100%;border: 1px solid rgba(0,0,0,0.1);float: left;background-color: var(--f7-theme-color);font-weight: 500;color: #fff;text-align: center;line-height: 35px;overflow: hidden; font-size: 14px;}
.img_name_xs{height: 30px;width: 30px;line-height: 30px;font-size: 12px;}
.avatar{border-radius: 100% !important;border: 1px solid rgba(0,0,0,0.1);}
.card .card-header .card-img { width: 42px; float: left;position: relative; }
.card .card-header .avtar-details{ float: left; margin-left: 8px; padding-top: 4px;width: calc(100% - 60px); overflow: hidden; }
.card .card-header .avtar-details h3{ font-size: 14px; line-height: 17px; margin: 0; font-weight:600;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }
.card_panel .card-header .avtar-details h4{ font-size: 12px; color: #889095; margin: 0; line-height: normal; font-weight: 400; }
.card .card-header .card-extra{ width: 45px; text-align: right;  }
.card .card-header .card-extra a i{ font-size: 24px; color: #757575; }
.card .card-header .card-extra a{padding: 4px 5px;display: inline-block; position: relative;right:-10px; }
.card .card-header .card-extra a i{ position: relative;top:3px;left: 1px; }

.card_panel .card-header .card-avtar.crd-red .card-img span{content: ""; height: 7px;width: 7px;border-radius: 100%;background-color: #f4516c;position: absolute;bottom: 1px;right: 2px;z-index: 6;border: 1px solid #f3f1f1; }
.card_panel .card-header .card-avtar.crd-blue .card-img span{ background-color: var(--f7-theme-color); }
.card_panel .card-content{ padding: 16px 22px 16px 16px; }
.card_panel .card-content .card_title{font-weight: 400;margin: 0;font-size: 16px;line-height: 20px;}
.card_panel .card-content .card_drc{margin: 8px 0 0 0;font-size: 14px;color: #7b7b7b;line-height: 19px;font-weight: 400;}
.card_panel .card-content .crd_lavels{ position: absolute;right: 0; top: 0; width: 35px; height: 35px; overflow: hidden; }
.card_panel .card-content .crd_lavels span{height: 78px; width: 78px;border-radius: 100%;background-color: #ddd;position: absolute;top: -43px;left: 0;}
.card_panel .card-content .crd_lavels i{position: relative;top: 5px;z-index: 99;left: 11px;color: #fff;height: 20px;width: 20px;text-align: center;display: block;line-height: 20px;}

.card_panel .card-cfooter{ margin: 0 15px;}
.card_panel .card-cfooter p{ margin: 0; padding:8px 0;font-size: 12px;line-height: 12px; font-weight:400;color: #5f5f5f;  }
.card_panel .card-cfooter p i{ color: #757575;font-size: 12px;line-height: normal;}

.card_panel .card-footer .card_left{ width: 30px; text-align: center; }
.card_panel .card-footer .crd_uname{ width:calc(100% - 180px); text-align: left; font-size: 14px; padding-left: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.card_panel .card-footer .crd_uname i{ margin-right: 5px; }
.card_panel .card-footer .card_right { width: 180px;text-align: right; }
.card_panel .card-footer .card_right a{ width: 33px;height: 33px;border-radius: 100%;background-color: #eeeeee;float: right;display: block;min-width: inherit;   padding: 0;line-height: 34px; margin-left: 10px;text-align: center;}
.card_panel .card-footer .card_right a.pendint_icon{background-color: #ffc1074f;}
.card_panel .card-footer .card_right a.pendint_icon i{  font-size: 22px; line-height: 35px;    color: #ce7b00; }
.card_panel .card-footer .card_right a i{ font-size: 18px; }
.card_panel .card-footer i{ font-size: 16px; color: #000000; }

.sticky_card.card .card-header .avtar-details h3{font-size: 16px;font-weight: 500;}
.dashboard_pipline.card_panel .sticky_card.card .card-content p.card_drc{font-size: 15px;margin-top: 0;margin-bottom:10px;}
.dashboard_pipline.card_panel .sticky_card.card .card-content p.card_drc:empty{margin:0px;}
.dashboard_pipline.card_panel .sticky_card.card .card-content p.card_drc:empty + p:nth-child(2){margin-top:0px;}
.dashboard_pipline.card_panel .sticky_card.card .card-content p:not(.card_drc){margin: 5px 0;font-size: 14px;line-height: 16px;}

.dashboard_pipline.card_panel .swiper-container-horizontal > .swiper-scrollbar{position: fixed;bottom: 10px;}

.sticky_card.card .card-header .avtar-details{padding-top:0px;margin:0px;}
.sticky_card.card .card-header{min-height:30px;}
.sticky_card.card .card-header .card-extra{height:30px;}
.sticky_card.card .card-header .card-extra a{right:-5px;top:-4px;}

.dashboard_pipline .row .button.mnwidth160{min-width: 160px !important;width:auto;margin:0 auto;}
.dashboard_pipline .row .button.mnwidth160 .icon,
.dashboard_pipline .row .button.mnwidth130 .icon{position: relative;top: -1px;left: -4px;}
.dashboard_pipline .row .button.mnwidth130{min-width: 130px !important;width:auto;margin:0 auto;}
.dashboard_pipline .row .button.mnwidth130{min-width: 130px !important;width:auto;margin:0 auto;}

.map_area img{ max-width: 100%; }

.map_area img{ max-width: 100%; }


#tab_system .page-content-custome .tabs{ height: 100%;}
#tab_system .page-content-custome #system_list .ptr-preloader{ top: -44px;}
#tab_system .page-content-custome .toolbar-top{top:0;}

.toolbar.tabbar.tabbar-inners.toolbar-bottom:before{background-color:#c4c4c4;}


.card_options{ width: 110px; }
.card_options .list .list-button{font-size: 14px;line-height: 36px;color: #303030;}
/* System List End ========*/

/*Lead Details start ============*/
.card.page-card .map-ant{background-size: cover;height: 200px;}
.card.page-card .lct-name{padding-top: 10px;text-align: center;}
.card.page-card .lct-name h4{margin: 0;font-weight: 600;}
.card.page-card .lct-name i{color:var(--f7-theme-color);float: left;margin-right: 10px;}

.card-custom-tech .list-heading{background-color: #f1f1f1;}
.card-custom-tech .list-heading .item-after,
.card-custom-tech .list-heading .item-title{font-weight: 600;}

        /*=== Lead Timeline start =======*/
.lead_timeline .timeline-item-divider{ background-color: var(--f7-theme-color); }
.lead_timeline .card{padding: 0;}
.lead_timeline .timeline-item-content{ width: 100%;margin-top:-2px; }
.lead_timeline .timeline-header{ padding:8px 12px;  border-bottom: 1px solid #e1e1e1; }
.lead_timeline .timeline-header h4{font-weight: 600; margin: 0; width:calc(100% - 35px); float: left;}
.lead_timeline .timeline-header .card-links{padding: 4px 5px;display: inline-block;position: relative;right: -10px;height: 15px;float: right;}
.lead_timeline .timeline-header .card-links i{position: relative;top: -3px;left: 1px;}
.lead_timeline .timeline-content{ padding:8px 12px;border-bottom: 1px solid #e1e1e1;}
.lead_timeline .timeline-content p{ font-size: 14px; margin:0; }
.lead_timeline .timeline-footer{padding:8px 12px;}
.lead_timeline .timeline-footer .tl-avtar{ float:left;width: 45px; }
.lead_timeline .timeline-footer .tl-avtar img{height: 30px; width: 30px; border-radius: 100%; border: 1px solid rgba(0,0,0,0.1);}
.lead_timeline .timeline-footer .tl-textarea{ float: left; width: calc(100% - 46px); margin-right: 10px; }
.lead_timeline .timeline-footer .tl-textarea textarea{ width: 100%; }
.lead_timeline .timeline-footer .tl-send{ width: 36px; float: left; }
.lead_timeline .timeline-footer .tl-send .button{ min-width: auto; }

.lead_timeline .timeline-extra {border-bottom: 1px solid #e1e1e1;padding: 8px;}
.lead_timeline .timeline-extra .te-tbls {display: table;width:100%; text-align: center;}
.lead_timeline .timeline-extra .te-tbls .te-cell{display: table-cell;vertical-align: middle;}
.lead_timeline .timeline-extra h6{font-size: 13px;margin:0 0 5px 0px;font-weight: 600;text-align: center;}
.lead_timeline .timeline-extra .te-tbls .te-cell h5{font-size: 18px;margin: 0; font-weight: 600;line-height: normal;}
.lead_timeline .timeline-extra .te-tbls .te-cell h5 span{font-size: 12px; display: block;}
.lead_timeline .timeline-extra .te-tbls .te-cell i{ color: rgba(11,105,169,1); }

.lead_timeline .tl-headers{}
.lead_timeline .tl-headers h5,.lead_timeline .tl-headers h6{font-size: 12px; color: #757575; float: right; margin-bottom: 2px; margin-top: 0; font-weight: 600; }
.lead_timeline .tl-headers h6{ float: left; }

.lead_timeline .tl-coment{ padding:5px; }
.lead_timeline .tl-coment .tlc-sect{ background-color:rgba(147, 182, 206, 0.08); border-radius: 4px; margin-bottom: 4px;padding: 4px; }
.lead_timeline .tl-coment img{ height: 20px; width: 20px; border-radius: 100%;border: 1px solid rgba(0,0,0,0.1);}
.lead_timeline .tl-coment h4{ margin: 0;  font-weight:600; margin-top: -3px; font-size: 13px;}
.lead_timeline .tl-coment .tlc-content{ width: calc(100% - 30px); float: left; }
.lead_timeline .tl-coment .tlc-avtar{ float: left; width: 30px; }
.lead_timeline .tl-coment .tlc-avtar .img_name{height: 20px; width: 20px; line-height: 20px; font-size: 11px;}

.lead_timeline .tl-coment .tlc-content p{ margin: 0; font-size: 13px; line-height: normal; }

.tl-search{ padding:0px;}
.ios .tl-search .searchbar-inner input[type="search"]{border-radius: 4px;}
.tl-search .searchbar{ margin:0px !important; }
.tl-search .tl-search-bar{ width: 100%; position: relative;}
.tl-search .tl-search-bar input{ width: 100%;height: 36px;padding:4px 40px 4px 0; }
.tl-search .tl-search-button{position: absolute;top: 5px;right: 15px;}
.tl-search .tl-search-button a{padding: 2px;float: left;height: 20px; position: relative;left: 10px;}
.tl-search .searchbar.searchbar-enabled .search_options{ display: block; }
.tl-search .search_options{ display: none;border-top: 1px solid #ddd;position: absolute;z-index: 999;background-color: #fff;width: calc(100% - 14px);left: -8px;right: 0;padding: 15px;box-shadow: 0px 5px 9px 0px rgba(0,0,0,0.2);top: 47px;}
.tl-search .search_options ul{ margin:0; padding: 0;white-space: normal;overflow: auto;}
.tl-search .search_options ul li{ display: inline-block; margin: 0 5px 5px 0; }
.tl-search .search_options ul li a.button-fill{ background-color: rgba(11,105,169,0.7); }
.tl-search .search_options ul li a.button-fill.active{ background-color: rgba(11,105,169,1); }

.ios .tl-search .search_options ul li a.button-fill{ background-color: rgba(11,105,169,0.7); border:none;line-height: 26px;}

.tl_options{ width: 155px; }
.tl_options .list .list-button{font-size: 14px;line-height: 36px;}

.lead_timeline .timeline-item-divider{ margin-top:0px;}

.ios .lead_timeline .timeline-item,.md .lead_timeline .timeline-item{padding-top: 0px;}
.ios .tl-search .search_options{ top:43px;}
.ios .tl-search .timeline_search .searchbar-inner{overflow: hidden;}
        /*=== Lead Timeline End =======*/
        /*=== Work Report End =======*/
.work_range .item-set { overflow: hidden; padding: 15px 0; position: relative; }
.work_range .item-set .date h3 { font-size: 32px;font-weight: 400; margin: 0; text-align: center; line-height: 32px; }
.work_range .item-set .date h3 span{ font-size: 16px; }
.work_range .item-set .date h6 { font-size:14px; line-height: normal; font-weight: 400; margin: 0; text-align: center; color: #666;  }

.work_range .item-set .evnt-dscption .ed_tbl{display: table;width: 100%;padding-top: 20px;}
.work_range .item-set .evnt-dscption .ed_tbl h3{text-align: center;margin: 0;font-size: 16px;color: #b34343;}
.work_range .item-set .evnt-dscption .ed_tbl .ed_cell{display: table-cell;text-align: left;vertical-align: middle;}
.work_range .item-set .evnt-dscption .ed_tbl .ed_cell h4{margin: 0;font-weight: 600;font-size: 16px;line-height: 16px;text-align: center;}
.work_range .item-set .evnt-dscption .ed_tbl .ed_cell h4 span{margin: 0;font-weight: normal;font-size: 12px;display: block;}
.work_range .item-set .evnt-dscption .ed_tbl .ed_cell i{ color: rgba(11,105,169,1); }

.work_range .item-set .evnt-dscption span.ed_signel { color: #666666; font-size: 14px; line-height: 14px; text-align: center; }
.work_range .item-set .evnt-dscption span.ed_signel i { font-size: 14px; position: relative; top: 2px; }

.work_range .item-set .date { border-right: none; }
.work_range .item-set:after { background-color: transparent; bottom: -15px; content: ""; display: block; height: 1px; margin: 0 auto; position: relative; width: calc(100% - 20px); }
.work_range .item-set:last-child:after { background-color: transparent; }
.work_range .item-set .date { border-right: 1px solid #dddddd; float: left; padding-right:0px; position: relative; width: 100px; }
.work_range .item-set .evnt-dscption { float: left; width: calc(100% - 112px); position: relative; }
.work_range .item-set .evnt-dscption h2 {color: #889095;display: block;font-size: 12px;font-weight: 600;line-height: normal;margin: 0;position: absolute;  top: -5px;right: 2px;left: 0;text-align: center;}
.work_range .item-set .evnt-dscption h5 { color: #666666; font-size: 14px; font-weight: normal; line-height: normal; margin: 0; }
.wr-footer{ display: block;    padding-bottom: 8px !important; }
.wr-footer .wrf_extrs{ margin-bottom: 8px; }
.wr-footer .wrf_extrs p{ margin:0; }
.wr-footer .wrf_extrs p.lst_corls{ color: #889095;margin-top:3px; }
.wr-footer p{ margin: 15px 0; color: #303030;  }
.wr-footer .wrf-btom h4{ float: left; margin: 0; font-size: 12px; color:#889095;position: relative;top: -7px; font-weight: 600;}
.wr-footer .wrf-btom h4 i{position: relative; bottom: -4px; font-size: 16px;}
.wr-footer .wrf-btom .wrf-status{ float: right; font-size: 12px; background-color:#4caf50;padding: 2px 7px;border-radius: 4px;color: #fff;font-weight: 600; }

.wr-footer .wrf-btom .wrf-status.status-open{ background-color:#3498db;}
.wr-footer .wrf-btom .wrf-status.status-closed{ background-color:#c0392b;}
.wr-footer .wrf-btom .wrf-status.status-validate{ background-color:#27ae60;}
.wr-footer .wrf-btom .wrf-status.status-not-confirm,
.wr-footer .wrf-btom .wrf-status.status-other-action{ background-color:#d35400;}

.work_report_fab{ position:absolute; }

.card-gradiant{background: var(--f7-theme-color); background: -webkit-linear-gradient(to left, #0e87d9 , var(--f7-theme-color));background: linear-gradient(to left, #0e87d9 , var(--f7-theme-color)); }
.card-gradiant ,.card-gradiant a{ color: #fff; }
.card-gradiant a i{ position: relative;top: 2px;}

#tab_work_report .card .card-header .avtar-details{padding-top: 0px;}
#tab_work_report .card .card-header .avtar-details h3{ font-size: 16px;}


.tab_prj_upper.card.page-card{margin:0 0 15px 0;border-radius:0px;}
        /*=== Work Report End =======*/

/* .ios .leaddetail_toolbar:after{content: '';position: absolute;right: 0;width: 100%;bottom: 100%;height: 10px;top: auto;pointer-events: none;background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);} */

.ios .leaddetail_toolbar .toolbar-inner{}
.ios .leaddetail_toolbar .toolbar-inner a{min-width:70px;}
.ios .leaddetail_toolbar .toolbar-inner a i{margin-top: 5px; font-size: 20px;}
.ios .leaddetail_toolbar .toolbar-inner a span{margin-bottom: 5px !important; font-size: 12px;}


.preesistente_wrap .list .item-inner:after{display: none;}
.preesistente_wrap .list .item-media{font-weight: 600;font-size: 14px;padding: 8px 0;}
.preesistente_wrap .list .item-inner{padding: 8px 8px 8px 0;min-height: auto;line-height: normal;}
.preesistente_wrap .list .item-inner .item-title{line-height: normal;font-size: 14px;overflow: visible;white-space: normal;word-break: break-all;}
.preesistente_wrap .list .item-content{min-height: auto;}
.preesistente_wrap .list li{border-top:1px solid rgba(221, 221, 221, 0.3);}
/*Lead Details End ============*/

/* Work Report Start ========*/
.list_custome{ margin: 0px !important; box-shadow:0 1px 1.5px 0 rgba(0,0,0,0.14) !important;background-color: #fff;}
.list_custome .item-subtitle{margin-top: 5px;font-size: 14px !important;line-height: normal;color: #bdbdbd !important; }
.md .list_custome .item-inner{padding: 8px 10px 8px 0px !important;}
.md .list_custome .item-text{line-height: normal; color: #303030;}
.md .list.list_custome ul:after{ display: none; }

.search_panel{ margin:0px; display: table; width:100%; }
.ios #wr_search .search_panel{margin-top:var(--f7-toolbar-height);overflow: hidden; }
.ios .work_report_tabs #wr_search .ptr-preloader{margin-top: calc(-1 * var(--f7-ptr-size));}
.ios .work_report_tabs #wr_search.ptr-refreshing .ptr-preloader{margin-top:calc(-2 * var(--f7-ptr-size));}
.md .search_panel .searchbar{ margin:0px;}
.md .search_panel .searchbar .input-clear-button{overflow: hidden;}
.md .searchextra_space .toolbar:after{ display: none;}

.ios #tab_report .ptr-preloader,
.ios #tab_system .ptr-preloader{ margin-top: 0;background-color: #efeff4;}

.md #tab_report .ptr-preloader{top: -10px;}

.ios #tab_report .work_report_tabs,
.ios #tab_system #system_list{ margin-top: -44px;}

.wr_date{margin: 0 16px;}
.wr_date ul{margin:0;padding:0;}
.wr_date ul li{ display: table;width: 100%; margin-bottom: 10px; }
.wr_date ul li div{ display:table-cell;font-size: 16px;font-weight: 500;color: #3c4043; overflow:hidden;}
.wr_date ul li div span{background-color: rgba(234, 234, 234, 0.72);border-radius: 4px;padding: 2px 10px;font-size: 16px;line-height: 23px;display: inline-block;}
.wr_date ul li .wrd_txt{text-align: right;padding-right: 10px;width: 30px;}
.wr_date ul li .wrd_date{}
.wr_date ul li .wrd_time{width: 80px;text-align: right; padding-left: 10px;}

.wr_date.lunch_hrv ul li .wrd_txt{text-align: right;padding-right: 10px;width:96px;}

.table_panel{}
.table_panel .tbl_qty{ max-width: 31px; }
.table_panel .tbl_qty.rbl_qty_lg { max-width: 44px; }
.table_panel .tbl_qty.rbl_qty_lg input{max-width:44px;}
.table_panel .tbl_qty select,
.table_panel .tbl_qty input{max-width: 31px;height: 36px;text-align: center;border-bottom: 2px solid #a5a3a3;}
.table_panel .tbl_qty select:focus,
.table_panel .tbl_qty input:focus{border-bottom-color:var(--f7-theme-color);}
.table_panel .data-table{box-shadow: none; margin: 0;border-radius: 0;}
.table_panel .data-table thead th{font-weight: 500;font-size: 14px;}
.table_panel .data-table tbody td{}
.table_panel .data-table tbody td .tbl_dsec_two{-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.table_panel .data-table tr.new-append td{background-color: #e1e1e1;}
.table_panel .data-table tr.new-added td{background-color: #ffffe0;}

.md .table_panel .data-table th, .md .table_panel .data-table td {padding-left:6px;padding-right:6px;}

@media screen and (max-width:480px){
.sm-data-open{}
.sm-data-open thead{display: none;}
.sm-data-open tbody tr:not(:first-child){border-top:2px solid #ddd;display: block;width: 100%;}
.sm-data-open tbody tr:hover{background-color: transparent !important;}
.sm-data-open tbody td{display: block;width: 100%;box-sizing: border-box;}
.sm-data-open tbody td *{display: inline-block; font-weight: 700;}
.sm-data-open tbody td:before{content: attr(data-th-name);position: static;transform: none;display: inline-block;width: auto;background: none;height: auto;margin-right: 15px;opacity: 0.8;}
 
/*
.prd_tbl_wrap.table_panel .data-table .tbl_qty{max-width: 100px;}
.prd_tbl_wrap.table_panel .data-table .tbl_qty input{max-width: 100px; font-weight: normal;}
.prd_tbl_wrap.table_panel .data-table .tbl_qty select{width: 100px; font-weight: normal;max-width: 100px;text-align: center;text-align-last: center;box-sizing: border-box;}
.prd_tbl_wrap.table_panel .data-table .tbl_qty select{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='%234d4d4d' d='M4.503 4H.497c-.403 0-.639-.508-.408-.878L2.095.233a.469.469 0 0 1 .816 0l2 2.889c.231.37-.005.878-.408.878zM.497 6h4.006c.403 0 .639.504.408.871L2.905 9.737a.47.47 0 0 1-.816 0l-2-2.866C-.142 6.504.094 6 .497 6z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 5px 10px;background-position: right 8px center;padding-right: calc(8px * 2 + 5px);}
.prd_tbl_wrap.table_panel .data-table .tbl_qty select option{text-align: center;}
.prd_tbl_wrap.table_panel .card:not(.total_wrap_tbl) .data-table tbody td{display: flex; align-items:center;justify-content: flex-start;}
.prd_tbl_wrap.table_panel .card:not(.total_wrap_tbl) .data-table tbody tr{display: flex; align-items:center;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;}

.prd_tbl_wrap.table_panel .card:not(.total_wrap_tbl) .data-table tbody td:before{flex:0 0 100px;max-width: 100px; font-weight: 500;}
.prd_tbl_wrap.table_panel .card:not(.total_wrap_tbl) .data-table tbody .dtbl_action{display: flex;align-items: center;justify-content: space-between;width: 100%; font-weight: normal;}
.prd_tbl_wrap.table_panel .card:not(.total_wrap_tbl) .data-table tbody .dtbl_action .dtbl_action_items:first-child{flex: 0 0 calc(100% - 60px);max-width: calc(100% - 60px);}
.prd_tbl_wrap.table_panel .card:not(.total_wrap_tbl) .data-table tbody .dtbl_action .dtbl_action_items:last-child{flex: 0 0 50px;max-width: 50px;}
.prd_tbl_wrap.table_panel .card:not(.total_wrap_tbl) .data-table tbody .dtbl_action .dtbl_action_items .button{font-weight: normal;line-height: 28px;height:28px;}
.prd_tbl_wrap.table_panel .card:not(.total_wrap_tbl) .data-table tbody .dtbl_action .dtbl_action_items .button i{font-weight: normal;}

.prd_tbl_wrap.table_panel > .page-card:first-child{}
*/

}

/* Work Report Product Add Section Start */
.wr_prd_search{}
.wr_prd_search .search-list .item-content .item-title{font-size: 15px;}

.wr_prd_search .search-list ul,
.prd_tbl_wrap.table_panel .data-table{font-family: 'Roboto';}
.wr_prd_tbl_details{font-family: 'Roboto';}
.wr_prd_tbl_details .page-card .list .item-content{padding-left: 0px;}
.wr_prd_tbl_details .page-card .list .item-content .item-inner{padding-left:16px;}
.wr_prd_tbl_details .page-card .list .item-content .item-inner .item-title{max-width:110px;flex: 0 0 110px; font-size: 14px; font-weight: 500;}
.wr_prd_tbl_details .page-card .list .item-content .item-inner .item-after{max-width:calc(100% - 110px);flex: 0 0 calc(100% - 110px);box-sizing: border-box;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.wr_prd_tbl_details .tbl_input_wrap{width: 120px;text-align: center;}
.wr_prd_tbl_details .tbl_input_wrap label.error{font-family: Roboto;max-width: 170px;right: auto;left: auto;margin: 0 auto;text-align: center;display: block;bottom: 40px;}
.wr_prd_tbl_details .tbl_input_wrap select,
.wr_prd_tbl_details .tbl_input_wrap input{background-color: #f1f1f1;border-radius: 4px; font-size: 14px;height:30px;line-height: 30px; text-align: center;border:1px solid #ddd;}
.wr_prd_tbl_details .tbl_input_wrap select{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='%234d4d4d' d='M4.503 4H.497c-.403 0-.639-.508-.408-.878L2.095.233a.469.469 0 0 1 .816 0l2 2.889c.231.37-.005.878-.408.878zM.497 6h4.006c.403 0 .639.504.408.871L2.905 9.737a.47.47 0 0 1-.816 0l-2-2.866C-.142 6.504.094 6 .497 6z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 5px 10px;background-position: right 8px center;padding-right: calc(8px * 2 + 5px);text-align-last: center;}

.prd_tbl_wrap.table_panel tbody tr:hover{background-color: transparent !important;}
.prd_tbl_wrap.table_panel tbody td{white-space: nowrap;}
.prd_tbl_wrap.table_panel tbody .indicator{font-size: 12px;letter-spacing: 0.4px;background: #e9f6ff;padding: 4px 8px;border-radius: 4px;overflow: hidden;white-space: nowrap;}

.prd_tbl_wrap.table_panel{box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);margin:8px;}
.prd_tbl_wrap.table_panel > .prd_main_tbl{margin: 0px;border-radius:4px 4px 0px 0px;box-shadow: none;}
.prd_tbl_wrap.table_panel > .page-card.total_wrap_tbl{z-index: 1;position: relative;margin:0px;border-radius: 0px 0px 4px 4px;box-shadow: none;}
.prd_tbl_wrap.table_panel > .page-card.total_wrap_tbl .card{background-color: #fafafa;border-top:2px solid #ddd;margin-top: 10px;padding-top: 10px;}
.prd_tbl_wrap.table_panel > .page-card.total_wrap_tbl .card.data-table table tbody tr:first-child td:before{display: none;}
.prd_tbl_wrap.table_panel > .page-card.total_wrap_tbl .card td{ font-size: 15px;padding-right: 10px;padding-left: 10px;}
.prd_tbl_wrap.table_panel > .page-card.total_wrap_tbl .card td:first-child{font-weight: 500;} 
.prd_tbl_wrap.table_panel > .page-card.total_wrap_tbl .card td:last-child{text-align: right;} 

.block-title .wr_more_opt{background: #f1f1f1;height: 20px;width: 20px;border-radius: 100%;top: 0;overflow: hidden;}
.block-title .wr_more_opt a{display: block;text-align: center;line-height: 20px;color: #333 !important;font-weight: bold;}
/* Work Report Product Add Section End */


.chk_box_inline .custchk_box{display: inline-block;white-space: nowrap;margin-right: 5px;;}
.custchk_box{display: block;white-space: nowrap;}
.custchk_box .icon{display: inline-block;margin-right: 5px;}
.custchk_box .checkbox-title{display: inline-block;line-height: 18px;position: relative;top:1px;}

.signature_blocks.card{overflow: hidden;}
.signature_blocks.card .sign_img{height:150px;padding-bottom: 15px;}
.signature_blocks.card .sign_img img{max-width: 100%;height: 100%;display: block;margin: 0 auto;}
.signature_blocks.card .signb_pad{border-radius: 4px;background-color: #fafafa;box-sizing: border-box;width: 300px;border: 1px solid #ddd;margin: 0 auto 15px;height: 150px;position: relative;}
.signature_blocks.card .block-extra{top:0px;}

.signature_blocks.card .signb_pad #clear_customer_signature,
.signature_blocks.card .signb_pad #clear_technician_signature{height: 28px;width: 28px;background: #f1f1f1;display: block;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;border-radius: 0px 0px 0px 4px;text-align: center;line-height: 28px;font-size: 16px;position: absolute;top: 0;right: 0;}

.wrd_button{margin: 16px 8px 16px 8px;}

.ios .page-content-custome.searchextra_space{ height:calc(100% - 140px);}
.md .page-content-custome.searchextra_space{ height:calc(100% - 156px);}

.card.page-card.readonly .cd_areas .item-inner{ opacity: 0.8; pointer-events: none}
.card.page-card.readonly [readonly]{ opacity: 0.8; pointer-events: none}

.md .tabbar.toolbar.leaddetail_toolbar .tab-link-highlight{ background: #fff;}

.card.page-card .block-title .block-extra,
.card.page-card .block-title .block-extra a{ color: #53a8e2;}
.card.page-card .block-title .block-extra a i{ font-size: 20px;}

#createWorkReport_form .card.page-card .block-title .block-extra a i{ font-size: 15px;}
/* Work Report End ========*/


/* Chat Area Start ========*/
.chat_crd_box{padding: 16px;background-color: #ddd;text-align: center; height: calc(50vh - 84px); display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.chat_crd_box .ccb_icon{}
.chat_crd_box .ccb_icon i{ font-size: 32px;    line-height: 32px; }
.chat_crd_box .ccb_content{}
.chat_crd_box .ccb_content h4{margin: 10px 0;font-size: 16px;font-family: Roboto;font-weight: normal;}
.chat_crd_box .ccb_content p{font-size: 14px;font-family: Roboto;font-weight: normal;max-width: calc(100% - 58px);margin: 12px auto 12px;line-height: normal;color: #a9a6a6;}
.chat_crd_box .ccb_button{}
.chat_crd_box .ccb_button .button{height: auto;line-height: normal;padding: 10px 18px;text-transform: capitalize;border-radius: 25px;font-size: 15px;line-height: 16px;box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.3);}

.chat_crd_box.ccb_internal{ border-radius: 4px 0 0 4px; background-color: rgba(122,148,46,0.06); }
.chat_crd_box.ccb_internal .ccb_icon i{ color: #7a942e; }
.chat_crd_box.ccb_internal .ccb_button .button{ background-color:#7a942e; color: #fff;  }
.chat_crd_box.ccb_customer{ border-radius: 0px 4px 4px 0; background-color: rgba(191,85,236,0.06);  }
.chat_crd_box.ccb_customer .ccb_icon i{ color: #bf55ec; }
.chat_crd_box.ccb_customer .ccb_button .button{ background-color: #bf55ec; color: #fff; }

.custome_list_grp{}
.custome_list_grp ul:before,.custome_list_grp ul:after{display: none !important;}
.custome_list_grp .item-media .icon {background-color:var(--f7-theme-color);height: 35px;width: 35px;border-radius: 100%;border: 1px solid rgba(0,0,0,0.1);color: #fff;text-align: center;line-height: 35px;overflow: hidden;}
.custome_list_grp .item-title {font-weight: 600;font-size: 16px;padding-top: 4px;color: var(--f7-theme-color);}
/* Chat Area End ========*/

/* Login screen Start ====================*/
.login-screen .page{ width: 100%; display: block; }
.login-screen-content{ background-color: #fff; }
.md .login-screen-content .login-screen-title,
.ios .login-screen-content .login-screen-title{margin-top: 0;}
.ios .login-screen-content .login-list .item-inner:after{ display:block !important;}
.login-screen .login-screen-content{ vertical-align: top; display: block; width: 100%; padding-bottom:30px; }
.login-screen-content .login-screen-title{background: rgba(11,106,169,1); max-width: 100%; margin: 0;padding:60px 0 140px; position: relative;overflow: hidden;}
/*.login-screen-content .login-screen-title img{filter: brightness(0) invert(1);}*/
.login-screen-content .login-screen-title:after{content: ""; height: 100px; width:calc(100% + 50px); background-color: #fff; position: absolute;left: -25px;right: -25px;bottom: -50px;border-radius: 100%;}

.login-screen-content .login-list{-webkit-box-shadow: 0px 12px 28px -8px rgba(38,38,38,0.5);-moz-box-shadow: 0px 12px 28px -8px rgba(38,38,38,0.5);box-shadow: 0px 12px 28px -8px rgba(38,38,38,0.5);padding: 15px;width: calc(100% - 70px);margin: 0 auto;background-color: #fff;position: relative;top: -100px;border-radius: 5px;}
.login-screen-content .log_forgot{position: relative;top: -75px;width: calc(100% - 50px);margin: 0 auto;text-align: right;}
.login-screen-content .log_forgot a{padding: 5px;color: #88889c;font-size: 16px;text-decoration: underline; }
.login-screen-content .log_submit{width: calc(100% - 70px); margin:5px auto 15px;}
.login-screen-content .log_submit .button{padding:6px 50px;height: auto;font-size: 16px; width: auto;border-radius: 50px;margin: 0 auto;}
.login-screen-content .log_title{ font-size: 16px; color: #fff; margin:0; padding: 0; text-align: center;}
/* Login screen End   ====================*/

/*Technical Inspection Start ==========*/
.tech_inspe_main{ height: 100%;}
.tech_inspe_main .tim_button{height:33.33%;overflow: hidden; text-align:center;}
.tech_inspe_main .tim_button a{font-size: 16px; letter-spacing: 1px;height:100%;overflow: hidden; width: 100%;display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.tech_inspe_main .tim_button .icon-area i {font-size:36px; line-height: 36px;}
.tech_inspe_main .tim_button .tech_title {margin: 10px 0; color: #555555;}
.tech_inspe_main .tim_button:nth-child(1){background-color: rgba(122,148,46,0.1);}
.tech_inspe_main .tim_button:nth-child(1) .icon-area i{color: rgba(122,148,46,1);}
.tech_inspe_main .tim_button:nth-child(2){background-color: rgba(0,100,66,0.1);}
.tech_inspe_main .tim_button:nth-child(2) .icon-area i{color: rgba(0,100,66,1);}
.tech_inspe_main .tim_button:nth-child(3){background-color: rgba(191,85,236,0.1);}
.tech_inspe_main .tim_button:nth-child(3) .icon-area i{color: rgba(191,85,236,1);}
.tech_inspe{}
.tech_inspe .cont_detls_tbl.full-border td:first-child{ width: 60%; }
.tech_inspe .ti_toptabs{padding:16px 8px; position: relative;}
.tech_inspe .ti_toptabs .progressbar{position: absolute;top: calc(50% - 1px);width: calc(100% - 16px);height: 2px; background-color: #d6d6d6;}
.tech_inspe .ti_toptabs .progressbar span{background-color: var(--f7-theme-color);}
.tech_inspe .ti_toptabs ul{margin:0; padding:0;}
.tech_inspe .ti_toptabs ul:before,.tech_inspe .ti_toptabs ul:after{content: "";clear: both; display: table;}
.tech_inspe .ti_toptabs ul li{ display: inline-block;width: calc(100% / 6);float: left; }
.tech_inspe .ti_toptabs ul li a{ height:40px; width: 40px; border-radius: 100%; display: block; line-height: 40px; text-align: center; background-color: #fff;box-shadow:0 1px 2.5px 0 rgba(0, 0, 0, 0.24); margin: 0 auto; overflow: hidden; color:var(--f7-theme-color); transition: all 0.3s ease-in-out; }
.tech_inspe .ti_toptabs ul li a i{ font-size: 18px; line-height: 44px; }
.tech_inspe .ti_toptabs ul li a.tab-link-active ,.tech_inspe .ti_toptabs ul li a.completed{ background-color: var(--f7-theme-color); color: #fff; }
.tech_inspe .ti_toptabs ul li a.disabled{pointer-events: none; opacity: 1 !important; color: rgba(11,105,169,0.5);}
.tech_inspe .tab_title{ text-align: center; font-weight: 600; font-size: 16px;margin:5px 0 10px 0; }
.tech_inspe .ti_add_panel{text-align: center;max-width: 200px;margin:26px auto 0;}
.tech_inspe .ti_add_panel a i.material-icons {line-height: 0;font-size: 20px;position: relative;bottom: -5px;}
.list_with_upload .item-inner{width: calc(100% - 60px);}
.list_with_upload .item-uploads{padding-right: 16px;width: 60px;text-align: center;min-height: 48px; }
.list_with_upload .item-uploads a{padding:0;display: block;}
.list_with_upload .item-uploads a i{font-size: 26px;line-height: 20px;display: block;position: relative;bottom: -2px;}
.list_with_upload .item-uploads span{font-size: 11px;}
.tech_inspe .img_panels{margin-top: 16px;}
.tech_inspe .img_panels img{border:1px solid #e1e1e1; border-radius: 4px; padding: 4px;}
.tech_inspe .inners_progress{ position: fixed; top: 56px; width: 100%; z-index: 999; }
.tech_inspe .inners_progress .progressbar{background:#fff;}
.tech_inspe .inners_progress .progressbar span{background:var(--f7-theme-color);}
.tabs_panel_two .page-card .list .item-title-row .item-title{ font-weight: 600;}
.tech_inspe .fot_small{ }

.tech_inspe .cont_detls_tbl th:last-child,
.tech_inspe .cont_detls_tbl td:last-child{text-align: center;}

.cont_detls_tbl{ width: 100%; border-collapse: collapse; }
.cont_detls_tbl.full-border{ border:1px solid #e1e1e1; }
.cont_detls_tbl th{padding: 4px 12px;height:36px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1; font-weight: 600;text-align: left;    background-color: rgba(0,0,0,0.1);}
.cont_detls_tbl td{padding: 4px 12px;height:36px;border-bottom: 1px solid #e1e1e1;}
.cont_detls_tbl td:last-child{ color: rgba(0,0,0,.54); width: 60%;white-space: normal;word-break: break-all; }
.cont_detls_tbl td:first-child{ width: 40%; }
.cont_detls_tbl tr:last-child td{ border-bottom: 0px; }
.ios .tech_inspe .inners_progress{top:44px;}
.ios .tech_inspe .media-list .item-inner .item-title:not(.item-label){ font-size: 16px; font-weight:500;}
.ios .tech_inspe .media-list .item-radio .icon.mr20{ margin-right: 0px !important;border: 1px solid #c7c7cc;border-radius: 50%;}
.ios .tech_inspe .media-list .item-radio input[type="radio"]:checked +  .icon.mr20{ border-color: var(--f7-theme-color);}
.ios .add_last_hairline.list .item-content:last-child .item-inner:after{ display:block !important;}
.ios .add_last_hairline.list{ margin-bottom:1px;}

.assign_tech{}
.assign_tech .block-extra.ading_membr a{position: relative;top: -2px;}
.assign_tech .block-extra.ading_membr a i{font-size: 16px !important; position: relative;bottom: -2px;}
.assign_tech .media-list{ background-color: #fff;}
.assign_tech .media-list .item-after{ width:40px; text-align: center;}
.assign_tech .media-list .item-text{ height: 40px;}
.assign_tech .media-list .item-text p{width: calc(100% - 48px);margin: 0px;word-break: break-word;}
.assign_tech .media-list .item-text .item_remove{position: absolute;right: 12px;top: 12px;font-size: 20px;color: #f00;}
.assign_tech .media-list .item-after input{height: auto;border-bottom: 2px solid #e4e3e3;padding: 4px 0px;font-size: 14px;line-height: 16px;text-align: center;} 
/*Technical Inspection End ==========*/

/*calendar start ====*/
.ios .filter_sheet .toolbar .title,
.ios .filter_sheet .toolbar .link{color: #303030;}
.filter_sheet .page-content{background-color: #fff;}
.popover.calender_options{ width:140px;}
.popover.calender_options_sp{ width:180px;}
.calender_options .list .list-button{font-size: 14px;line-height: 36px;color: #303030;}
.filter_sheet .label-sheet-box{ height:18px; width:15px; position: absolute; right: 15px; border-radius: 4px; }

.tcic_content{box-shadow: 1px 2px 3px rgba(0,0,0,0.3);padding-top: 16px;font-family: Roboto;}
.tcic_content .calendar-week-header{font-size: 14px;font-weight: 500;color: #333 !important;}

.title [class*="tcic_"]{ position: relative;padding-right:20px; }
.title [class*="tcic_"]:before{ content: "\f0d7"; position: absolute;right: 0; font-family: "FontAwesome"; transition: all 0.3s ease-in-out; }
.title .tcic_show:before{transform: rotate(-180deg);}
.tcic_content{ overflow: hidden; transition: all 0.3s ease-in-out;}
.tcic_content.tcic_hide{ height: 0px;padding-top:0px;}
.tcic_content.tcic_show{ height: 320px;padding-top:16px;}

.page-content #calendar{ padding-top: 10px;}
.page-content.fc_agendaWeek #calendar,
.page-content.fc_agendaThreeDay #calendar,
.page-content.fc_agendaDay #calendar,
.page-content.fc_listMonth #calendar{ padding-top:0px;}
#tab_calendar .navbar .right a i.flt-icon-ti-filter:before{ position: relative; top:3px;}
.md #tab_calendar .navbar .right a{ min-width: auto; padding: 0 10px;}
.md #tab_calendar .navbar .right a i{margin-left: 0px;}
.ios .calendar-week-header{ background-color: transparent;}
.ios .calendar-row:before{ display:none;}
.ios .popover.calender_options  .list li a{ color: #303030;}

.open_event_page{}
.ios .open_event_page .navbar .left a.back .icon-back{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");}
.ios .open_event_page .navbar .left a.back .icon-back.icon-color-blue{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%230b69a9'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E");}
.md .open_event_page .navbar .left .icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.open_event_page .navbar a,
.open_event_page .navbar .title,
.open_event_page .navbar{color: #fff !important;}
.ios .open_event_page .navbar .title{font-size:20px;margin-top:8px; color: #fff;line-height:30px; }
/*.open_event_page .page-content{background-color: #fff;}*/
.open_event_page .navbar .title{ text-overflow: ellipsis; display: block; overflow: hidden;}

.open_event_page .list  i{ font-size:22px; color: #757575;}
.open_event_page .list .item-media{ width: 26px;}
.open_event_page .list .item-content-top,
.event_gltype .list .item-content-top{align-items:start;}
.event_gltype .list .item-content-self{align-self: normal;align-items:start;}

.open_event_page .list .item-content-top .item-media i{top: 3px;}
.md .openCalendar_option a,.ios .openCalendar_option a{ color:#303030; }


.md .open_event_page .subnavbar .title,.ios .open_event_page .subnavbar .title{margin-left: 65px;}
.md .open_event_page .fab.fab-left-top,.ios .open_event_page .fab.fab-left-top{ height: 40px;width:40px;}
.md .open_event_page .fab.fab-left-top{margin-top: 65px;}
.ios .open_event_page .fab.fab-left-top{margin-top:50px;}
.md .open_event_page .fab.fab-left-top a,.ios .open_event_page .fab.fab-left-top a{height: 40px; width: 40px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);}
.md .open_event_page .fab.fab-left-top i,.ios .open_event_page .fab.fab-left-top i{ font-size: 14px;}

.event_gltype .page-content{background-color: #fff;}
.event_gltype .navbar .subnavbar .title{font-size: 20px;margin-top:8px;line-height: 30px; width: 100%;}
.event_gltype .navbar .subnavbar .title input{width: 100%;}

.event_gltype .toggle_opt{ margin:8px 0 15px 0;}
.event_gltype .item-media,
.ios .hairlines_remove.toggle_opt .item-media{width: 26px;}
.event_gltype .item-media i{color:#757575; }
.event_gltype .toggle_opt ul:before,.event_gltype .toggle_opt ul:after,.event_gltype .toggle_opt ul .item-inner:after{display: none}

.cd_areas{}
.cd_areas .item-title{ width: 100%;}
.cd_areas .custome_dates{ display: table; width: 100%;}
.cd_areas .custome_dates .cd_date{ display: table-cell;}
.cd_areas .custome_dates .cd_time{ display: table-cell; width: 100px; text-align: right;}

.custome_datetime_picker .appcalpicker{height:320px;transition: all 0.3s ease-in-out;overflow: hidden;margin-top: 10px;}
.custome_datetime_picker .appcalpicker.chide_sliding{height: 0; overflow: hidden;margin-top:0px;}
.custome_datetime_picker .apptimepicker{height:200px;transition: all 0.3s ease-in-out;overflow: hidden;}
.custome_datetime_picker .apptimepicker.chide_sliding{height: 0; overflow: hidden;}

.hairlines_remove{margin:15px 0;}
.hairlines_remove ul:before,
.hairlines_remove ul:after,
.hairlines_remove ul .item-inner:not(.item_hariline):after,
.item-input-wrap.no-hairlines:after{ display:none !important;}

.hairlines_remove_after::after,
.hairlines_remove_before::before{ display: none !important;}

.event_gltype .hairlines_remove .iiw_custome:after{ display: none;}
.event_gltype .hairlines_remove .iiw_custome > label:not(.error){position: absolute;bottom: 8px;pointer-events: none;}
.event_gltype .hairlines_remove .iiw_custome input{padding-left: 150px;text-align: right;padding-right:0px;position: relative;}

.item-after.item-long-content{max-width: 160px;white-space: normal;word-break: break-word;}

.md .event_gltype .subnavbar{background-color:#fff;}
.md .event_gltype .subnavbar .title{margin-left: 0px;margin-top: 0px;}

.smart-select-page .list{margin-top: 0px;}
.smart-select-page .list ul:before{display: none;}
/*calendar End ====*/

/*Contact start =======*/
.contacts_crd .list {margin-top: 0px; background-color: #fff;}
.contacts_crd .list ul:before{display: none}
.contacts_crd .card-header .ccg_name{display: block;width: calc(100% - 35px);}
.contacts_crd h6{color: #889095;font-size: 12px;font-weight: 600;margin: 0 5px 5px 0;float: right;}
.contacts_crd h6 i{position: relative;bottom: -5px;font-size: 20px;}

.card-gradiant{background: var(--f7-theme-color); background: -webkit-linear-gradient(to left, #0e87d9 , var(--f7-theme-color));background: linear-gradient(to left, #0e87d9 , var(--f7-theme-color)); }
.card-gradiant ,.card-gradiant a{ color: #fff !important; }
.card-gradiant a i{ position: relative;top: 2px;}

.contacts_card .card-content .item-title{ font-weight: 400;}

.contact_detail_pp .tabs{ height: 100%;}
.contact_detail_pp .tabs .tab.page-content{padding-top:0 !important;padding-bottom: 0;}
.contact_detail_pp .tabbar .tab-link i{font-size: 20px !important;line-height: 17px !important;}

.contact_detail_pp .tabs .pg-title{text-align: center; }
.contact_detail_pp .cd_listview{margin: 0;box-shadow: none;border-radius: 0;}

.cd_listview .cont_detls_tbl tr:first-child td {border-top:1px solid #c9c8cd;}
.ios .cd_listview .cont_detls_tbl td {border-bottom-color:#c9c8cd; font-size: 16px;}
.ios .cd_listview .cont_detls_tbl tr td:last-child {text-align: right; color: #8e8d93;}
.md .cd_listview{margin-bottom: 0px !important;}
.cd_listview .cont_detls_tbl tr:first-child td{ border-top-color: transparent;}
.md .cd_listview .cont_detls_tbl td{ display: block; width:calc(100% - 24px); height: auto;}
.md .cd_listview .cont_detls_tbl td {border-bottom-color:rgba(221, 221, 221, 0.47);}
.md .cd_listview .cont_detls_tbl tr:first-child td:last-child {border-top: 0px;}
.md .cd_listview .cont_detls_tbl tr td:first-child {border-bottom: 0px;line-height: normal;padding-top: 12px;font-size: 16px;}
.md .cd_listview .cont_detls_tbl tr td:last-child {line-height: normal;padding-bottom:12px;padding-top:0px;}

.tab_cont_accord{ background-color: #fff;}
.tab_cont_accord .accordion-item .item-title{ font-size: 18px;}
.tab_cont_accord .accordion-item.accordion-item-opened .item-inner{padding-right: 78px;}
.tab_cont_accord .accordion-item{ position: relative;}
.tab_cont_accord .accordion-item .refcont_delete{opacity:0;transform: scale(0); visibility: hidden; color: #e92d1f;position: absolute;top: 14px;right:50px; transition: all 0.3s ease-in-out;}
.tab_cont_accord .accordion-item .refcont_delete i{ font-size: 20px;}
.ios .tab_cont_accord .accordion-item .refcont_delete i{position: relative;top: -5px;}
.tab_cont_accord .accordion-item.accordion-item-opened .refcont_delete{ opacity: 1; visibility: visible; transform: scale(1);}
/*Contact End =======*/

/* Product Design Start ============*/
.product_area {}
.product_area .prd_extras:before,.product_area .prd_extras:after{content: "";clear: both; display: table;}
.product_area .prd_extras{padding:10px 8px 5px 8px; position: relative;}
.product_area .prd_extras .prd_category{ float: left; }
.product_area .prd_extras .prd_category a{ color: #757575; font-weight: 600; }
.product_area .prd_extras .prd_category i{ position: relative;top: 8px; }
.product_area .prd_extras .prd_grid{ float: right; padding-top: 2px; }
.product_area .prd_extras .prd_grid a{color: #757575; padding: 5px;overflow: hidden;}
.product_area .prd_extras .prd_grid a.active{background-color: #fff; border-radius: 4px;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);}
.product_area .prd_extras .prd_filter{float: right; padding-top: 8px;margin-left: 15px; }
.product_area .prd_extras .prd_filter a{color: #757575; font-weight: 600;}

.product_area .prd_items{margin-top:5px;}
.product_area .prd_items .card:before,.product_area .prd_items .card:after{content: "";clear: both; display: table;}
.product_area .prd_items .card{margin: 0;border-radius: 0;box-shadow: none;border-bottom: 1px solid #ddd;}
.product_area .prd_items .card .prd_img{ width:140px; padding: 5px; float: left;text-align: center; }
.product_area .prd_items .card .prd_img img{ max-width: 115px; }
.product_area .prd_items .card .prd_details{ width: calc(100% - 160px); float: left; padding: 5px; }
.product_area .prd_items .card .prd_details .prd_title{margin: 4px 0 0 0;font-weight: 600;font-size: 16px;line-height: 19px;}
.product_area .prd_items .card .prd_details .prd_compny{    font-size: 12px;margin: 5px 0;font-weight: 600;color: #889095;}
.product_area .prd_items .card .prd_details .prd_ids{margin: 5px 0 5px 0;color: #303030;font-weight: 600;}
.product_area .prd_items .card .prd_details .prd_price{margin: 0;font-size: 16px;color: var(--f7-theme-color);}

.product_area .prd_items.prd_grids:before,.product_area .prd_items.prd_grids:after{content: "";clear: both; display: table;}
.product_area .prd_items.prd_grids .card{width: calc(50% - 10.5px);padding: 5px;float: left; }
.product_area .prd_items.prd_grids .card:nth-child(2n+1){border-right: 1px solid #ddd; }
.product_area .prd_items.prd_grids .card .prd_img{ width:100%;padding: 0;text-align: center; height: 115px; }
.product_area .prd_items.prd_grids .card .prd_details{ width:100%;padding: 0; }
.product_area .prd_items.prd_grids .card .prd_details .prd_title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.pd_area{background-color: #fff;box-shadow: 0 1px 1.5px 0 rgba(0,0,0,0.14);}
.pd_area .pd_img{padding:8px;position: relative; }
.pd_area .pd_img .pd_bg{height: 250px;background-size:contain;background-repeat: no-repeat;background-position: center center;}
.pd_area .avalibty{font-size: 12px;background-color: #4caf50;padding: 2px 7px;border-radius: 4px;color: #fff;font-weight: 500; margin-top: 6px;}
.pd_area .pd_details{padding:8px 16px;}
.pd_area .pd_details .pd_name{font-size: 16px;margin: 0 0 5px 0;}
.pd_area .pd_details .pd_compny{margin: 5px 0;color: #889095;font-weight: 600;font-size: 12px;}
.pd_area .pd_details .pd_price{font-size: 16px; margin:5px 0 10px 0;color: var(--f7-theme-color);}

.prd_info .page-card{ margin-left: 0; margin-right: 0; border-radius: 0; }
.prd_info .page-card .card-content ul{margin:0;}
.prd_info .page-card .card-content ul li{ font-weight: 500; }

.pd_button_botm{position: fixed;bottom: 0;width: 100%;left: 0;right: 0}
.pd_button_botm .button{border-radius: 0;box-shadow: none !important; height: auto;padding: 5px 15px;font-weight: 600;}



.prd_related .page-card{margin-left: 0; margin-right: 0; border-radius: 0;}
.prd_related .page-card .card-content ul{margin: 0; padding: 0; width: 100%;white-space: nowrap;overflow: auto;}
.prd_related .page-card .card-content ul li{display: inline-block;width: 160px;padding: 5px;white-space: normal;border: 1px solid #ddd;border-radius: 4px;overflow: hidden;}
.prd_related .pr_img{height: 75px;background-repeat: no-repeat;width: 100%;background-size: contain;background-position: center center;}
.prd_related .pr_details{}
.prd_related .pr_details .pr_title{margin: 5px 0 5px 0;font-size: 14px;font-weight: 600;line-height: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.prd_related .pr_details .pr_price{margin: 5px 0 0 0; font-size: 14px; font-weight: 700; line-height: 16px; color: var(--f7-theme-color);}

.md .card-noextra ,.ios .card-noextra {margin-left: 0; margin-right: 0; border-radius: 0;}
.cart_info .page-card {margin-left: 0; margin-right: 0; border-radius: 0;}
.cart_info .page-card label.item-radio > .icon-radio{margin-right: 20px;}

.cart_info .prd_final{}
.cart_info .prd_final ul{margin: 0;padding: 0;}
.cart_info .prd_final ul li{display: block; padding:8px 0 8px 0; border-bottom: 1px solid #ddd;}
.cart_info .prd_final ul li:last-child{border:none; padding-bottom: 0;}

.cart_info .prd_final ul li:before,.cart_info .prd_final ul li:after{content: "";clear: both; display: table;}

.cart_info .prd_final .pf_img_section{width:100px;float: left;margin-right: 10px;text-align: center;}
.cart_info .prd_final .pf_img{height:45px;background-repeat: no-repeat;width:100%;background-size: contain;background-position: center center;}
.cart_info .prd_final .pf_details{width: calc(100% - 110px); float: left;}
.cart_info .prd_final .pf_details .pf_title{margin: 0px 0 5px 0;font-size: 16px;font-weight: 600;line-height:20px;}
.cart_info .prd_final .pf_details .prd_ids{font-size: 12px;margin: 5px 0;font-weight: 600;color: #889095;}
.cart_info .prd_final .pf_details .pf_price{margin: 5px 0 0 0;font-size: 16px;font-weight: 700; line-height: 20px;color: var(--f7-theme-color); position: relative;}
.cart_info .prd_final .pf_details .pf_price .itm_delete{    color: #fd5705;position: absolute;right: 0;font-size: 18px; }
.cart_info .prd_final .pf_img_section .stepper { margin-top: 8px; }
.cart_info .prd_final .pf_img_section .stepper-button,
.cart_info .prd_final .pf_img_section .stepper-button-minus,
.cart_info .prd_final .pf_img_section .stepper-button-plus{width: 30px; border-width: 1px;border-color: #889095;}
.cart_info .prd_final .pf_img_section .stepper .stepper-input-wrap{border-width: 1px;border-color: #889095; }
.cart_info .prd_final .pf_img_section .stepper .stepper-input-wrap input{ width:30px; color: #303030;}
.cart_info .prd_final .pf_img_section .stepper-button-plus:after,
.cart_info .prd_final .pf_img_section .stepper-button-minus:after{height: 1px; width: 12px; background-color: #889095;}
.cart_info .prd_final .pf_img_section .stepper-button-plus:before{ height: 12px; width: 1px;  background-color: #889095;}
.cart_info .prd_final .pf_img_section .stepper-button-minus{border-right: 0;}
.cart_info .prd_final .pf_img_section .stepper-button-plus{border-left: 0;}

.pf_button_botm{position: fixed;bottom: 0;left: 0;right: 0; background-color: #fff;box-shadow: 0 -4px 4px 0px rgba(0,0,0,0.14); z-index: 999;}
.pf_button_botm .row{padding: 8px; background-color: #fff; z-index: 99;}
.pf_button_botm .pf_totals{text-align: center;padding: 5px;font-size: 16px;font-weight: 600;}
.pf_button_botm .pf_totals i {font-size: 22px;margin-left: 2px; transition: all 0.2s ease-in-out;}
.pf_button_botm .pf_totals.active i { transform: rotate(180deg); }
.pf_button_botm .pf_totals span {margin-left: 3px; font-weight: 700;}

.pf_cst_modal.active{transform: translateY(0%);}
.pf_cst_modal{height:auto;background-color: #fff;position: absolute;bottom: 52px;left: 0; right: 0;transform: translateY(135%); transition: all 0.2s ease-in-out; z-index: -1; padding: 16px;}
.pf_cst_modal h4{margin: 0 0 10px 0; font-size: 17px;line-height: 22px;}
.pf_cst_modal .pft_tbl{ display: table; width: 100%;border-collapse: collapse; }
.pf_cst_modal .pft_row{ display: table-row; }
.pf_cst_modal .pft_cell{ display: table-cell;font-size: 16px;font-weight: 600; padding: 5px 0; }
.pf_cst_modal .pft_cell:last-child{ text-align: right; width: 130px; }
.pf_cst_modal .pft_row.extra_bord{border-top: 1px dashed #757575; border-bottom: 1px dashed #757575;}
.pf_cst_modal .pft_row.extra_bord .pft_cell{font-weight: bold;font-size: 18px; }
.pf_cst_modal .pfc_close{position: absolute;top: -42px;height: 35px;width: 35px;background-color: rgba(0,0,0,0.8);color: #fff;text-align: center;line-height: 50px;border-radius: 100%;left: 0;right: 0;margin: 0 auto;}
.pf_button_botm .pcf_overlay{position: fixed;background-color: rgba(0,0,0,0.5);top: 0;bottom: 0;left: 0;right: 0;z-index: -2;}
.pf_cst_status.active > .row > .col-50:first-child{display: none;}
.pf_cst_status.active > .row > .col-50{margin: 0 auto;}
.pf_cst_status.active > .row > .col-50 .open_custom_modal{ display: none;}
.pf_cst_status.active > .row > .col-50 .change_status_and_close_modal { display: block !important;}

.prd_sheet_filter .toolbar .left{ margin-left: 8px; font-size: 16px; }
.prd_setting .page-card .list img{ max-height: 30px;}

.prd_sheet_filter{height:calc(100% - 100px);}
.prd_category_search #prd_cmenu{ background-color: #fff; box-shadow: 0 1px 1.5px 0 rgba(0,0,0,0.14);position: relative;overflow: hidden;margin:10px 0 0 0;padding:0; }
.prd_category_search #prd_cmenu li{ border-bottom: 1px solid rgba(0,0,0,.12);position: relative; display: block; }
.prd_category_search #prd_cmenu li:last-child{border-bottom: none;}
.prd_category_search #prd_cmenu li a{padding:8px 40px 8px 16px;color: #303030;line-height: 32px;font-size: 14px;min-height: 48px;display: block;overflow: hidden;    white-space: nowrap;text-overflow: ellipsis;}
.prd_category_search #prd_cmenu li a span.fa{position: absolute;right: 16px;top: 14px;font-size: 18px;transform: rotate(180deg);
    transition: all 0.2s ease-in-out;}
.prd_category_search #prd_cmenu li a.active span.fa{ transform: rotate(0deg);color: var(--f7-theme-color); }
.prd_category_search #prd_cmenu li a.active{ color: var(--f7-theme-color); }
.prd_category_search #prd_cmenu li a.pcm_active + ul a:not(.pcm_active) span.fa{ transform: rotate(0deg); color: #999; }
.prd_category_search #prd_cmenu li a.pcm_active + ul a:not(.pcm_active).active,
.prd_category_search #prd_cmenu li a.pcm_active + ul a:not(.pcm_active).active span.fa{ color: var(--f7-theme-color); font-weight: 600; }

.prd_category_search #prd_cmenu ul{ margin:0;padding: 0; }
.prd_category_search #prd_cmenu .prdc_leavel{padding: 0 0 0 15px; }
.prd_category_search #prd_cmenu .prdc_leavel li{ border-top: 1px solid rgba(0,0,0,0.14); }
.prd_category_search #prd_cmenu .prdc_leavel li{border-bottom: none;}
.prd_category_search #prd_cmenu .prdc_leavel{display: none;}
/* Product Design End============*/

/* Contact Start ================*/
.contacts_crd .card-header .ccg_name{display: block;width: calc(100% - 35px);}
.contacts_crd h6{color: #889095;font-size: 12px;font-weight: 600;margin: 0 5px 5px 0;float: right;}
.contacts_crd h6 i{position: relative;bottom: -5px;font-size: 20px;}
/* Contact End   ================*/

/* Order List Start ================*/
.ord_list .cart_info .prd_final .pf_details .pf_price{ color: #4caf50; }
.ord_list .cart_info .prd_final .pf_img{ margin-top: 10px; }
.ord_list .cart_info .prd_final .block-title{font-weight: bold;font-size: 18px; line-height: 18px;}
.ord_list .cart_info .prd_final .block-title span{font-size: 12px;font-weight: 600;color: #666;}
.ord_list .cart_info .prd_final .pf_details .pf_title{ color: #303030; }
.ord_list .cart_info .prd_final ul li{position: relative;overflow: hidden;}
.ord_list .cart_info .prd_final ul li:before{content: "";background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");position: absolute;right: 0;height: 14px; width: 9px;background-repeat: no-repeat;top: calc(50% - 5px);}

.vod_tbl{ display: table; width: 100%; }
.vod_tbl .vod_row{display: table-row; }
.vod_tbl .vod_row .vod_cell{display: table-cell;font-size: 15px;color: #303030;font-weight: 600;}
.vod_tbl .vod_row .vod_cell:first-child{width: 100px;color: #666;font-weight: normal; }
.vod_tbl .vod_row .vod_cell span{margin-left: 5px;color: #666;}

.view_order.page-content{ padding-bottom: 52px; }
.view_order .pf_cst_inners{}
.view_order .pf_cst_inners .pft_tbl{ display: table; width: 100%;border-collapse: collapse; }
.view_order .pf_cst_inners .pft_row{ display: table-row; }
.view_order .pf_cst_inners .pft_cell{ display: table-cell;font-size: 16px;font-weight: 600; padding: 5px 0; }
.view_order .pf_cst_inners .pft_cell:last-child{ text-align: right; width: 130px; }
.view_order .pf_cst_inners .pft_row.extra_bord{border-top: 1px dashed #757575; border-bottom: 1px dashed #757575;}
.view_order .pf_cst_inners .pft_row.extra_bord .pft_cell{font-weight: bold;font-size: 18px; }
.view_order .pf_cst_status .open_custom_modal i{font-size: 20px;margin-left: 5px;transition: all 0.2s ease-in-out;}
.view_order .pf_cst_status .open_custom_modal.active i{ transform: rotate(180deg);}
/* Order List End   ================*/

/* Dashboard Start ========*/
.dashboard_pipline{}
.dashboard_pipline.card_panel .card .card-content{ height: 160px; overflow: auto;}
.dashboard_pipline.card_panel.pageViewSliders .card .card-content{ max-height:inherit; overflow: auto;}
.dashboard_pipline .list .smart-select{background-color: #fff;}
.dashboard_pipline .list:before{content: '';position:absolute;right: 0;width: 100%;top: 100%;bottom: auto;height: 10px;pointer-events: none;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%); }

/* .dashboard_pipline .list .smart-select .item-inner{ position: relative;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23757575'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");} */
/* .dashboard_pipline .list .smart-select .item-inner .item-title{display: none} */
.dashboard_pipline .list .smart-select .item-inner .item-after{  font-size: 16px;  text-transform: capitalize;}

.dashboard_pipline.card_panel .swiper-slide{width: 380px;}
.dashboard_pipline.card_panel .pipline_row{background-color: rgba(234, 234, 234, 0.78); margin-top:0px;padding-bottom: 16px;}
.dashboard_pipline.card_panel .pipline_row .block-title{ font-size: 16px;line-height: 22px;position: relative;font-weight: 500;font-family: Roboto; letter-spacing: 1.01px; margin: 0;}
.dashboard_pipline.card_panel .pipline_row .block-title span.block-sub-title{display: inline-block;padding: 8px 20px 7px 16px;background-color: #303030;  margin-top: 20px;border-radius: 0 50px 50px 0;margin-bottom: 10px;max-width: calc(100% - 100px);text-overflow: ellipsis;
        overflow: hidden;}

.dashboard_pipline.card_panel .pipline_row .block-title i.pull-right{margin-right:16px;}
.dashboard_pipline.card_panel .pipline_row .block-title i.pull-right .preloader{height: 25px;width:25px;;}
.dashboard_pipline.card_panel .pipline_row .block-title i.pull-right .infinite-scroll-preloader{margin-top: 22px;margin-bottom:20px;position: relative;top:5px;}

.dashboard_pipline.card_panel .pipline_row:nth-child(10n+1) {background-color:rgba(219,10,91,0.06)}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+1) .block-title span.block-sub-title{color:rgba(219,10,91);background-color:rgba(219,10,91,0.24);}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+2) {background-color:rgba(77,19,209,0.06)}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+2) .block-title span.block-sub-title{color:rgba(77,19,209);background-color:rgba(77,19,209,0.24);}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+3) {background-color:rgba(25,181,254,0.06)}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+3) .block-title span.block-sub-title{color:rgba(25,181,254);background-color:rgba(25,181,254,0.24);}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+4) {background-color:rgba(0,100,66,0.06)}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+4) .block-title span.block-sub-title{color:rgba(0,100,66);background-color:rgba(0,100,66,0.24);}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+5) {background-color:rgba(255,164,0,0.06)}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+5) .block-title span.block-sub-title{color:rgba(255,164,0);background-color:rgba(255,164,0,0.24);}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+6) {background-color:rgba(108,122,137,0.06)}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+6) .block-title span.block-sub-title{color:#6c7a89;background-color:rgba(108,122,137,0.24);}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+7) {background-color:rgba(122,148,46,0.06)}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+7) .block-title span.block-sub-title{color:#7a942e;background-color:rgba(122,148,46,0.24);}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+8) {background-color:rgba(191,85,236,0.06)}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+8) .block-title span.block-sub-title{color:#bf55ec;background-color:rgba(191,85,236,0.24);}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+9) {background-color:rgba(246,36,89,0.06)}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+9) .block-title span.block-sub-title{color:#f62459;background-color:rgba(246,36,89,0.24);}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+10){background-color:rgba(230,126,34,0.06)}
.dashboard_pipline.card_panel .pipline_row:nth-child(10n+10) .block-title span.block-sub-title{color:#e67e22;background-color:rgba(230,126,34,0.24);}


.dashboard_pipline.card_panel.pageViewSliders{background-color: #f7f7f7 !important;}
@media screen and (max-width:320px){
        .dashboard_pipline.card_panel.pageViewSliders .cardsSlider .swiper-slide{width:320px;}
}
.dashboard_pipline.card_panel.pageViewSliders .swiper-slide .block-title{text-align: center;margin-top: 16px;margin-bottom: 16px;}
.dashboard_pipline.card_panel.pageViewSliders .swiper-slide .block-title span{display: inline-block;padding: 8px 16px;border-radius: 50px;margin: 0 auto;color: #6a6a6a;}
.dashboard_pipline.card_panel.pageViewSliders .swiper-slide:nth-child(10n+1) .block-title span {background-color:rgba(219,10,91,0.24);color:rgba(219,10,91,1)}
.dashboard_pipline.card_panel.pageViewSliders .swiper-slide:nth-child(10n+2) .block-title span {background-color:rgba(77,19,209,0.24);color:rgba(77,19,209,1)}
.dashboard_pipline.card_panel.pageViewSliders .swiper-slide:nth-child(10n+3) .block-title span {background-color:rgba(25,181,254,0.24);color:rgba(25,181,254,1)}
.dashboard_pipline.card_panel.pageViewSliders .swiper-slide:nth-child(10n+4) .block-title span {background-color:rgba(0,100,66,0.24);color:rgba(0,100,66,1)}
.dashboard_pipline.card_panel.pageViewSliders .swiper-slide:nth-child(10n+5) .block-title span {background-color:rgba(255,164,0,0.24);color:rgba(255,164,0,1)}
.dashboard_pipline.card_panel.pageViewSliders .swiper-slide:nth-child(10n+6) .block-title span {background-color:rgba(108,122,137,0.24);color:rgba(108,122,137,1)}
.dashboard_pipline.card_panel.pageViewSliders .swiper-slide:nth-child(10n+7) .block-title span {background-color:rgba(122,148,46,0.24);color:rgba(122,148,46,1)}
.dashboard_pipline.card_panel.pageViewSliders .swiper-slide:nth-child(10n+8) .block-title span {background-color:rgba(191,85,236,0.24);color:rgba(191,85,236,1)}
.dashboard_pipline.card_panel.pageViewSliders .swiper-slide:nth-child(10n+9) .block-title span {background-color:rgba(246,36,89,0.24);color:rgba(246,36,89,1)}
.dashboard_pipline.card_panel.pageViewSliders .swiper-slide:nth-child(10n+10) .block-title span{background-color:rgba(230,126,34,0.24);color:rgba(230,126,34,1)}
/* Dashboard End ========*/

/* sticky start */
.ios .cardsSlider .swiper-slide{min-height: calc(100vh - 48px);}
.md .cardsSlider .swiper-slide{min-height: calc(100vh - 56px);}
/* sticky end */

.calendar-modal.app-modal-calendar{box-shadow: 0 1px 38px rgba(0, 0, 0, 0.3), 0 1px 12px rgba(0, 0, 0, 0.22);}
.calendar-modal.app-modal-calendar .calendar-header{background-color: transparent;border-bottom: 1px solid #ddd;}
.calendar-modal.app-modal-calendar .calendar-header .calendar-selected-date{color: #222222;line-height:52px;font-size: 18px; font-family: 'Lato',Helvetica,Arial,sans-serif;}
.ios .calendar-modal.app-modal-calendar .calendar-header .calendar-selected-date{ line-height: 42px;padding-left: 8px; font-weight: normal;}
.md .calendar-modal.app-modal-calendar .calendar-footer{border-top: 1px solid #ddd;}
.ios .calendar-modal.app-modal-calendar .calendar-footer{background-color: transparent;}
.md .calendar-modal.app-modal-calendar .calendar-footer .calendar-close{bottom: 2px;}

/* Secreen Placeholder Start ========*/
.screen_placeholder{ padding: 16px;}
.screen_placeholder .animated_area{-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-name: placeHolderShimmer;animation-name: placeHolderShimmer;background: #f6f7f8;background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size: 800px 104px;position: relative;}

@-webkit-keyframes placeHolderShimmer {0% {background-position: -468px 0;}100% {background-position: 468px 0;}}
@keyframes placeHolderShimmer {0% {background-position: -468px 0;}100% {background-position: 468px 0;}}

.animated_area .bg_masker{background: #fff; position: relative;}
.bg_masker.bm_icon{height: 20px;left: 20px;top: 0px;width: 20px;}
.bg_masker.bm_line{height: 18px;left: 0;top:0px;right: 0;}
/* .bg_masker.bm_line:before{content: "";height: 20px;width: 40px;position: absolute;background-color: #fff;top: 18px;} */
.bg_masker.bm_line.content-none:before{display: none;}
.bg_masker.bm_line.bm_line1{top:20px;}
.bg_masker.bm_line.bm_line2{top:40px;}
.bg_masker.bm_line.bm_line3{top:60px;}
/* Secreen Placeholder End ==========*/

/*sweetalert design start ====*/
.ios body.swal2-height-auto,
.md body.swal2-height-auto {height: inherit !important;}
.md .swal2-container.swal2-shown,
.ios.swal2-container.swal2-shown{ z-index:9999999;}
.ios .swal2-container{padding: 35px !important;z-index: 91063;}
.swal2-container{padding: 35px !important;}
.swal2-container .swal2-popup .swal2-input{}
.swal2-container .swal2-popup .swal2-content{font-size: 15px;font-weight: normal;}
.swal2-container .swal2-popup .swal2-header .swal2-title{font-size: 17px;text-transform: uppercase;color:#465165;}
.swal2-container .swal2-popup .swal2-actions{display:block !important;}
.swal2-container .swal2-popup .swal2-actions button{width:100px;float: left;margin: 0 10px 0 0;font-size: 14px;padding: 10px;/*display: block !important;*/user-select: none;box-shadow: var(--f7-button-raised-box-shadow) !important;}
.swal2-container .swal2-popup .swal2-actions button:last-child{margin-right:0px;}
.swal2-container .swal2-popup .swal2-actions button.swal2-cancel{background-color: #999 !important;}
.swal2-container .swal2-popup{background:#fff;}
.swal2-container .swal2-popup #swal2-content{color:#919ba2;}
.swal2-popup .swal2-styled:focus{box-shadow: none !important;}
.swal2-actions .ripple-wave{display: none;}

.swal2-container .swal2-popup .swal2-styled.swal2-confirm:focus,
.swal2-container .swal2-popup .swal2-styled.swal2-confirm{background:var(--f7-theme-color) !important;}
.swal2-container .swal2-popup .swal2-select{border: solid 1px;min-width: 50%;max-width: 100%;padding: 0.375em 0.625em;color: #545454;font-size: 15px}

.swal2-container select{-webkit-appearance: none;-moz-appearance: none;background: transparent;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat: no-repeat;background-position-x: 100%;background-position-y: 5px;border: 1px solid #dfdfdf;border-radius: 2px;margin-right: 2rem;padding: 1rem;padding-right: 2rem;}
/*sweetalert design End ====*/


/*Empty State Design Start ==========*/
.search-no-emptyScreen{ height: 100%;margin: 0px !important;}
.ex_empty_st.bg_light_gray{background-color: #f7f7f7;}

.ex_empty_st{height:100%;display:flex;width: 100%;justify-content: center;align-self: center;align-items: center;}
.ex_empty_st.ees_header1 .ees_cell{margin-top: -56px;}
.ex_empty_st.ees_header2 .ees_cell{margin-top: -112px;}
.ex_empty_st.ees_header3 .ees_cell{margin-top: -168px;}
.ex_empty_st.ees_header4 .ees_cell{margin-top: -130px;}
.ex_empty_st.ees_header5 .ees_cell{margin-top: -145px;}

.ex_empty_st.ees_header6 .ees_cell{margin-top:130px;}

.ex_empty_st .ees_cell{width:100%;text-align: center;padding: 16px;}
.ex_empty_st .ec_content{ margin-bottom:25px; }
.ex_empty_st img{ max-width:180px; }
.ex_empty_st h4{margin: 10px 0;font-size: 16px;font-family: Lato;font-weight: normal; line-height: normal;}
.ex_empty_st p{font-size: 14px;font-family: Lato;font-weight: normal;max-width: calc(100% - 58px);margin: 12px auto 12px;line-height: normal;color: #a9a6a6;}
.ex_empty_st .ec_button a{height: auto;padding: 10px 18px;text-transform: capitalize;border-radius: 25px;font-size: 15px;line-height: 16px;box-shadow: 0px 6px 15px -4px rgba(0,0,0,0.3);max-width: 160px; background-color: var(--f7-theme-color) !important; color: #fff !important; display: inline-block;}

.ex_empty_st .ec_button{ position: relative;}
.ex_empty_st .ec_button .error{left: 0;right: 0;top: inherit;bottom: 50px;max-width: 135px;margin: 0 auto;}

.ex_empty_st.ebg_white{ background-color: #fff; }
.ex_empty_st.img_mh180 .ees_cell img{ max-height: 180px; }
.ex_empty_st.img_mw230 .ees_cell img{ max-width: 230px; }

.empty_grp_li{position: absolute !important;left: 0;right: 0;bottom: 0;top: 0;height: calc(100vh - 56px);}
.ios .page-content #moveLeads_form .list.no-hairlines-md.toggle_opt ul:before,
.ios .page-content #moveLeads_form .list.no-hairlines-md.toggle_opt ul:after{display: none !important;}

.ios .ex_empty_st img{max-width: 120px;}
.ios .chat-main .ex_empty_st img{max-width: 180px;}

.wr-prd-add-option{margin: 10px 0;display: flex;align-items: center;justify-content: center;position: relative;}
.wr-prd-add-option a{height: 36px;width: 36px;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.wr-prd-add-option a i{font-size: 27px;}

.wr-prd-opt-wrap{height: 100%;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.wr-prd-opt-wrap .button{margin:20px 0;min-width: 200px;}
/*Empty State Design End ==========*/

/* Overide css start =============*/
.item-input-two{display: flex;    align-items: center;}
.item-input-two > .item-content{flex: 0 0 calc(50% - 8px);max-width: calc(50% - 8px);box-sizing: border-box;margin-bottom:0px;}
.item-input-two > .item-content:first-child{margin-right: 8px;padding-right: 0px; }
.item-input-two > .item-content:last-child{margin-left: 8px;padding-left: 0px;}


.md .navbar,
.ios .navbar,
.ios .subnavbar {background: #fff;}

.md .navbar a{ color: #727272;}
.navbar .title ,
.ios .navbar b,
.ios .navbar .title{ color:#222;font-weight: normal; }

.md .icon-back {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23727272'%2F%3E%3C%2Fsvg%3E");}

.md .toolbar-bottom.toolbar,
.md .messagebar,.ios .toolbar{ background-color: #fff; }

.md .toolbar-bottom.toolbar a,
.ios .tabbar a, .ios .tabbar-labels a{ color: #c0c2c3; }

.md .toolbar-bottom.toolbar a i,
.ios .tabbar.toolbar i{height: auto;font-size: 24px;line-height: 24px;}

.md .tabbar.toolbar .tab-link-highlight, .md .toolbar.tabbar-labels .tab-link-highlight{ background-color: var(--f7-theme-color); }
.md .tabbar.toolbar.tabbar-updated .tab-link-highlight, .md .toolbar.tabbar-labels.tabbar-updated .tab-link-highlight{ background-color: #fff; }

.md .toolbar-bottom.toolbar a.tab-link-active, .ios .tabbar a.tab-link-active, .ios .tabbar-labels a.tab-link-active{color: var(--f7-theme-color);}

.ios .toolbar.tabbar-updated{}
.ios .toolbar a{color:var(--f7-theme-color);;}
.ios .toolbar span{color:var(--f7-theme-color);;}
.ios .calendar-week-header{color:var(--f7-theme-color);;}
.ios .toolbar.tabbar-updated .toolbar-inner{width: 100%; padding: 0 8px;}
.ios .toolbar.tabbar-updated .toolbar-inner .tab-link{border: 1px solid var(--f7-theme-color);color: var(--f7-theme-color);border-radius: 5px;line-height: 27px;height: 29px;}
.ios .toolbar.tabbar-updated .toolbar-inner .tab-link:first-child{border-radius: 5px 0 0 5px;border-left-width: 1px;border-left-style: solid;}
.ios .toolbar.tabbar-updated .toolbar-inner .tab-link{border-radius: 0;border-left-width: 0;}
.ios .toolbar.tabbar-updated .toolbar-inner .tab-link:last-child{border-radius: 0 5px 5px 0;border-left-width: 0;}
.ios .toolbar.tabbar-updated .toolbar-inner .tab-link.tab-link-active{background: var(--f7-theme-color); color: #fff;}
.ios .toolbar.tabbar-updated .toolbar-inner .tab-link.active-state{ background: rgba(11, 105, 169, 0.15); }
.ios .toolbar-txt a,.ios .toolbar-txt a i{ font-size: 14px !important; }

.md .page-content-custome{ padding-top: 56px; height: calc(100% - 104px); }
.ios .page-content-custome{ padding-top: 44px; height: calc(100% - 88px); }

.ios .navbar a{color:var(--f7-theme-color);;}
.ios .navbar:not(.no-shadow):after{background: #ddd;}
.ios .navbar.no-shadow + .toolbar:after{background: #ddd;}
.ios .navbar.no-shadow .subnavbar::after{background: #ddd;}

/* .tabs-swipeable-wrap:not(.padding_default) .page-content{ padding-top: 0px !important; } */

.md .item-label, .md .item-floating-label{font-weight: 600;}

.ios .link.active-state{ opacity: 0.75;}

.popover-sm{ width:180px;}
.popover-sm .list .list-button{line-height: 36px; font-size: 14px;color: #303030;}

.popover-xs{ width:140px;}
.popover-xs .list .list-button{line-height: 36px; font-size: 14px;color: #303030;}


.ios .button.button-small, .ios .button.button-small-ios,
.ios .media-list .item-title, .ios li.media-item .item-title{ font-weight: normal;}
.ios .block-title{text-transform: capitalize;}

.ios .custome_datetime_picker .calendar-week-header{color:#505050;}
.ios .toggle.color-blue{
        --f7-theme-color:#0b69a9;
}
.ios .toggle-icon,
.ios .toggle{height:22px;width:36px;}
.ios .toggle-icon:before{height:18px;width:32px;}
.ios .toggle-icon:after{height:18px;width:18px;}
.ios .toggle input[type=checkbox]:checked+.toggle-icon:after {-webkit-transform: translateX(14px);transform: translateX(14px);}
.ios .toggle-active-state input[type=checkbox]+.toggle-icon:after{width: 22px;}

.ios .searchbar{background: #f7f7f8;}
.ios .searchbar input[type="search"]{background-color:#e8e8ea;}
.ios .searchbar .searchbar-disable-button { color:var(--f7-theme-color); }
/* Overide css End =============*/

/*extra css override start ========*/
.md.device-iphone-x .views > .toolbar-bottom-md .toolbar-inner, .md.device-iphone-x .view > .toolbar-bottom-md .toolbar-inner, .md.device-iphone-x .page > .toolbar-bottom-md .toolbar-inner, .md.device-iphone-x .popup > .toolbar-bottom-md .toolbar-inner, .md.device-iphone-x .panel > .toolbar-bottom-md .toolbar-inner, .md.device-iphone-x .login-screen > .toolbar-bottom-md .toolbar-inner{ height: 100%; }
/*.md .router-transition-forward .page, .md .router-transition-backward .page {pointer-events:auto;}*/
/*extra css override end ========*/

/* user select none start ======*/
/* *{-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none;} */
/* user select none end ======*/

/*tab css start ======*/
@media screen and (min-width:768px){
.dashbord_list .card-box{padding:28px 0;}
.dashbord_list .card-box .card-icon{ height: 80px;width: 80px; line-height: 80px;}
.dashbord_list .card-box .card-icon i, .dashbord_list .card-box .card-icon i:before{ line-height: 80px; font-size: 38px;}
.dashbord_list .card-box .card-title{ font-size: 18px; margin-top: 8px;}
.dashboard_footer .df_brand img{ float: left;margin-left: 22px;}

.sheet-modal.filter_sheet{ height: 300px;}

}
/*tab css End ======*/

/* left panel desing start   ====================*/
.applicationLeftPanel .page-content{ background-color:#fff;}
.applicationLeftPanel .org_info{text-align: center;padding: 15px;position: relative;border-bottom: 1px solid #ddd; }
.applicationLeftPanel .org_info img{height: 60px; width: 60px; border-radius: 100%;border: 1px solid rgba(0,0,0,0.1);object-fit: cover;object-position: center center;}
.applicationLeftPanel .org_info .img_name{height: 60px;width: 60px;border-radius: 100%;margin: 0 auto;text-align: center;display: block;float: none;    font-size: 22px;line-height: 60px;}
.applicationLeftPanel .org_info .login_username{font-size: 22px;color: #4e5563;line-height: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.applicationLeftPanel .org_info .view_prof_info{}
.applicationLeftPanel .org_info .view_prof_info a{ color: #aaabad; }

.applicationLeftPanel .menu-panel{}
.applicationLeftPanel .menu-panel ul{margin:8px 0 0 0; padding: 0;}
.applicationLeftPanel .menu-panel ul li{display: block;overflow: hidden;}
.applicationLeftPanel .menu-panel ul li .mp-icons{color: var(--f7-theme-color);width: 24px;display: inline-block;}
.applicationLeftPanel .menu-panel ul li.accordion-item > a.item-link{position: relative;overflow: hidden;}
.applicationLeftPanel .menu-panel ul li.accordion-item > a.item-link:before{content: "\f107 ";font-family: 'FontAwesome';position: absolute;right: 15px; transform: rotate(-90deg);transition: all 0.2s ease-in-out; font-size: 16px; }
.applicationLeftPanel .menu-panel ul li.accordion-item.accordion-item-opened > a.item-link:before{transform: rotate(0deg);transition: all 0.2s ease-in-out; }
.applicationLeftPanel .menu-panel ul li a{ display: block;padding: 5px 15px;color: #333333;font-size: 14px;line-height: 30px;position: relative; }
.applicationLeftPanel .menu-panel ul ul{ margin-top: 0; }
.applicationLeftPanel .menu-panel .accordion-item-content .mp-icons{margin-right: 7px;margin-left:-5px;position: relative;top: -1px;}

.ios.with-panel-left-cover .panel-cover{box-shadow: 0px 0px 20px rgba(0,0,0,.5);}
.ios .panel-backdrop{background: rgba(0,0,0,0.4);}
/* left panel desing  End   ====================*/

/* speech mic setting start ====*/
.item-input-wrap textarea + .input-clear-button.speech_mic{ bottom:auto; top:-14px;}
.ios .item-input-wrap .input-clear-button.speech_mic .f7-icons{ font-size: 22px;}
.item-input-wrap .input-clear-button.speech_mic{opacity:0;visibility: visible;background-color: transparent;bottom: 24px;pointer-events: visible;}
.item-input-wrap .input-clear-button.speech_mic a{display: block; color: #c2c2c2;}

.item_movephase textarea + .input-clear-button.speech_mic{ bottom:auto; top:16px;}
.item_movephase textarea{padding-right: 16px;}

/* .item-input-wrap .input-clear-button.speech_mic a, */
.item-input-focused .item-input-wrap .input-clear-button.speech_mic a{color: var(--f7-theme-color);}
.item-input-focused .item-input-wrap .input-clear-button.speech_mic{opacity: 1;}

.subnavbar .title .input-clear-button.speech_mic:after,
.item-input-wrap .input-clear-button.speech_mic:after{display: none;}

.event_gltype .subnavbar .title{position: relative;margin-right: 0px;}
.event_gltype .subnavbar .title input{padding-right: 34px;}
.event_gltype .subnavbar .title .input-clear-button.speech_mic{opacity: 0;visibility: visible;background-color: transparent;bottom: 24px;pointer-events: visible;z-index:5;background: #fff;padding: 0 5px;right: -4px;}
.event_gltype .subnavbar .title .input-focused + .input-clear-button.speech_mic a{color: var(--f7-theme-color);}
.event_gltype .subnavbar .title .input-focused + .input-clear-button.speech_mic{opacity: 1;}
/* speech mic setting End ====*/


/*==== select file option css start ===*/
.select_file_option_model{ height: 170px; }
.select_file_option_model .sheet-modal-inner{padding: 16px;}
.select_file_option_model .sheet-modal-inner h4{ font-size: 16px; margin-top: 0; font-weight: bold; }
.select_file_option_model .sheet-modal-inner ul{ display: table; width: 100%; margin:0; padding: 0; }
.select_file_option_model .sheet-modal-inner ul li{ display: inline-block; float: left; width: 50%; text-align: center; }
.select_file_option_model .sheet-modal-inner ul li a{font-size: 24px;height: 60px;width: 60px;display: block;text-align: center;margin: 0 auto;line-height: 60px;   border-radius: 100%;box-shadow: 0 0px 2px 0 rgba(0,0,0,0.14); background-color: #efeeee; overflow: hidden;}
.select_file_option_model .sheet-modal-inner ul li a.f-gallery{background-color: #019487; color: #fff;}
.select_file_option_model .sheet-modal-inner ul li a.f-camera{background-color: #2b99f2; color: #fff;}
.select_file_option_model .sheet-modal-inner ul li a.f-delete{ background-color: #fa3137; color: #fff; }
.select_file_option_model .sheet-modal-inner ul li h5{ margin: 5px 0; }
.select_file_option_model{ background-color: #fff;} 
/*==== select file option css end ===*/

.item_uploading_wrap{border: 1.5px dashed #9AA1B4;background-color: #F4F7F9;border-radius: 4px;overflow: hidden;text-align: center;position: relative;width: 100%;margin: 4px 0;}
.item_uploading_wrap span{font-size:14px;color:#465166;display: block;line-height: 36px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width:calc(100vw - 100px);text-align: center;box-sizing: border-box;}
.item_uploading_wrap a.select_file{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}

@media screen and (max-width:400px){
.dashboard_pipline.card_panel .swiper-slide{width:340px;}
}
@media screen and (max-width:360px){
.dashboard_pipline.card_panel .swiper-slide{width:320px;}
}