@charset "UTF-8";
.agent_drop_div.pro_drop_div .profile-dropzone.dropzone {border-radius: 0;width: 200px;height: 200px;}
.report-section-header{background: #0b69a9;padding: 10px;color: #ffffff;}
.centr_impot{ text-align:center !important;}
.br-n{ border:none !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight:normal;}
.fs18{ font-size:18px !important;}
.fs22{ font-size:22px !important;}
.fs16{ font-size:16px;}
.fs12{ font-size:12px;}
.p-l-40{padding-left:40px !important;}

.text-danger{ color: #ff0000; }

body.content-wrapper .sidebar-nav #side-menu > #user_mobile{display:block;}
body .sidebar-nav #side-menu > #user_mobile{display:none;}

table tr.green-bg td{ color:#72c748; }
table tr.green-bg td.icons a i{ color:#72c748;}

.nav_header .scrtabs-tab-container{width: calc(100% - 130px);float: left;}
.nav_header .nav-tabs.tabs.customtab{z-index: 1;position: relative;}
.nav_header .btn-info{ float: right;margin-right: 40px;}
.nav_header{position: relative;display: table;width: 100%;}
.nav_header:after{content: "";border-bottom: 2px solid #f7fafc;position: absolute;left: 0;right: 0;bottom: 0px;z-index: 0;}

.group_select .ms-parent.select-multiselect{ width:100% !important;}

.mul_metiselect .ms-parent .ms-choice{ border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #e4e7ea;}

.dropdown_opt_extra .dropdown-menu{ left:inherit; right:10px;padding-bottom: 5px;}
.dropdown_opt_extra .dropdown-menu li{ display: table;width:100%; padding: 4px 8px;}
.dropdown_opt_extra .dropdown-menu li .drop_title{float: left;}
.dropdown_opt_extra .dropdown-menu li .drop_opts{float:right;}
.dropdown_opt_extra .dropdown-menu li .drop_opts a{ margin-left: 3px;}
.dropdown_opt_extra .dropdown-menu li .drop_opts a i{font-size: 12px;}
.dropdown_opt_extra .dropdown-menu li:hover{background-color: #f5f5f5;}

/*login start =====*/
body.loginPage #wrapper{ padding-top:200px; width: 100%; height:600px; }
.login_area{ display: table; width: 100%; height: 100%; }
.login_area .login_cell{ display: table-cell; vertical-align: middle; width: 50%;position: relative; }
.login_area .login_cell:first-child:before{ content: "";height: 500px;background: #ffffff;width: 30px;box-shadow: -19px 0 35px -7px #F5F5F5;margin-top: -100px;position: absolute;    right: 0; pointer-events: none; }
.login_area .login_cell .login_inputs{ max-width: 400px; margin:0 auto; }
.login_area .login_cell .login_inputs h3{margin-bottom: 60px;margin-top: 0px;}
.login_area .login_cell .login_inputs .forget_panel h3{margin-bottom:15px;}
.login_area .login_cell .login_inputs .forget_panel h4{margin-bottom:30px; text-align: center; font-size: 14px;}
/*login end =====*/

.img_base_upload{height: 50px;width:50px;overflow: hidden;border-radius: 4px;}
.img_base_upload img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.custom_scrtab_ifm{padding-top:30px !important;}
.custom_scrtab_ifm .scrtabs-tabs-fixed-container,
.custom_scrtab_ifm .scrtabs-tab-container { height: auto;}
.custom_scrtab_ifm .scrtabs-tab-scroll-arrow{height: 100px;line-height:78px;margin-top: 14px;}
.custom_scrtab_ifm .customtab li{border: 1px solid transparent;}
.custom_scrtab_ifm .customtab li:hover{border-color:#0b69a9;}
.custom_scrtab_ifm .customtab li a span{display: block;font-size: 12px;margin-top:4px;}
.custom_scrtab_ifm .customtab li a img{display:block;margin:0 auto;}
.custom_scrtab_ifm .customtab li a{display: block;text-align: center;}

.swal2-container{z-index: 999999 !important;}
#notification_cont{z-index: 999999 !important;}
.termination_date_control{background: #fb9678;color: #ffffff;text-align: center;border: solid 1px #fb9678;}
.label-circle{padding: 4px 8px 3px 7px; }
ul.pop_inline { margin:0px; padding:0 5px; }
ul.pop_inline li { display:block; line-height:30px; }
ul.pop_inline li a { text-decoration:none; color:#686868; font-weight:normal; }
ul.pop_inline li a:hover { text-decoration:underline !important;  color:#0b69a9;}
ul.pop_inline li:before { content:"\f0da"; font-family:'FontAwesome'; font-size:18px; margin-right:10px; }




.timeline.left-timeline { padding:0; margin-bottom: 30px; } 
.timeline.left-timeline:before { left:25px; }
.timeline.left-timeline > li .timeline-title { float:left; font-size:14px; font-weight:300; color:#0b69a9; }
.timeline.left-timeline > li .timeline-heading { width:100%; float:left; }
.timeline.left-timeline > li .timeline-heading p { display: inline-block; font-size: 13px; margin-left: 5px; letter-spacing:.5px; }
.timeline.left-timeline li .timeline-badge { font-size: 18px; }
.timeline.left-timeline li .timeline-badge  img { max-width: 100%; border-radius: 100%; }
.timeline.left-timeline li.timeline-inverted .timeline-badge{ left:0px; margin-left:0; background-color: #fff; line-height:50px;}
.timeline.left-timeline > li.timeline-inverted  > .timeline-panel{ float:left; margin-left:65px; width:calc(100% - 65px); padding:15px;}
.timeline.left-timeline > li i.type-e:after{ content: "E"; font-style: normal; font-weight:normal; font-size: 24px; }
.timeline-badge.info { background-color:#0b69a9 !important;}
.no-record.steamline { border-left:none; }
.timeline.left-timeline .no-record { background-color:#fff; }

.replay_wrapper{ border-top: 1px solid #eee ; margin-left:-55px; padding:15px 0 5px 15px; margin-top: 10px; }
.replay_wrapper h4.replay-title { color:#0b69a9; font-size: 14px; margin:0 0 5px;    }
.replay_wrapper .right-replay{ float: right; max-width: 400px; }
.replay_wrapper .left-replay {max-width: 400px; clear: right;}

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

.panel.panel-block > .panel-heading > div > h1:not(.note-editor) {display: inline;font-size: 18px;margin: -2px 0 0;}

/*Member details + product button not working in iphone start */
@media screen and (max-width:640px){
.ios_iphone_tbls .ios_responsive{ width:10px; min-width:100%;}
}
/*Member details + product button not working in iphone End */

.nav_extra_right{ margin-right:20px; }
.nav_extra_right>li>a,.nav_extra_right>li>a:focus{border: 1px solid #fff !important;line-height: 33px;height: 35px;min-height: 35px;display: block;border-radius: 100%;width: 35px;margin-top: 12px;padding: 0;text-align: center; background-color: #fff; color: #0b69a9; transition: all 0.2s ease-in-out;}
.nav_extra_right>li>a>i{ font-size: 16px !important; }
.nav_extra_right>li{ margin-left: 10px; }
.nav_extra_right>li>a:hover{color: #fff; }
.nav_extra_right>li>a:focus{color: #0b69a9; background-color: #fff !important;}

.nav_extra_right .badge{top: -8px;right: -3px;padding-top: 2px;}

/*==left side dropzone start===*/
.user-profile .profile-dropzone { border: none; }
.user-profile .profile-dropzone .dz-default.dz-message { margin: 0; min-height: auto !important; }

.sidebar .sidebar-nav .user-profile{ display: none; }
.sidebar{ padding-top: 125px; }
html:not(.frontView) .top-left-part {min-height: 60px;padding: 0;line-height: 60px;text-align: center;position: relative;}
html:not(.frontView) .top-left-part .logo-top-space { position: absolute;top: 25px;left: 0;width: 100%;text-align: center; background-color:#fff;}
html:not(.frontView) .top-left-part .logo-top-space span small{position: absolute;left: 0;right: 0;bottom: -39px;color: #000;font-size: 12px;font-weight: 400; color:#104573;}
/*==left side dropzone end====*/
/*custom style start======*/
.timeline.left-timeline.steamline { border-left:0px; }
.timeline.left-timeline > li.timeline-inverted > .timeline-panel { margin-left: 25px; padding: 15px 15px 15px 55px; width: calc(100% - 25px); border-bottom: 1px solid #eee !important; min-height:100px; }
.timeline > li > .timeline-panel { border: none; box-shadow: none; }
.timeline > li { margin-bottom: 0px; }
.timeline::before { width: 1px;	margin-left:0px; top:15px; }
.timeline > li > .timeline-panel::before , .timeline > li > .timeline-panel::after { content:none; }

.note-editor.note-frame {border-radius:0;border: 1px solid #cccccc !important;}
.note-editor.note-frame .btn.btn-default{ background:none; border-color:#ccc;}
.note-editor.note-frame .btn.btn-default.active { background-color:#e6e6e6;}
/*custom style end=======*/
/*--- commission_by_user start ---*/
.comm_popover .table-small tr td { padding-left: 15px !important; }
.comm_popover .table-small tr td:first-child{ padding-left:5px !important; }
.comm_popover .table-small tr th { padding-left: 15px !important; font-weight:500; }
.comm_popover .table-small tr th:first-child { padding-left:5px !important; }
.comm_popover > a.pull-right { position: absolute; right: 10px; top: 3px; color:#333; }
.comm_popover .table-small { margin-bottom:0; }
/*--- commission_by_user end   ---*/
/*------- Tree Node CSS Start ---------*/
.st_label a,.st_label a:hover{ text-decoration: none; }
.node_label{ height:80px;text-align:center; background-color: #fff; }
.node_label h4{ font-size:14px; font-weight:400; color:#0b69a9;margin:7px 0 0;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:120px;word-wrap: break-word; }
.node_label h5 { font-size:12px; font-weight:400; color:#339900; padding: 0px; margin: 0px; }
.node_label p { padding: 0px; margin: 0px; line-height: 18px; font-size:12px; }

.node-border-primary{ border:1px solid #13dafe !important; }
.node-border-primary p {color: #13dafe; }
.node-border-blue{ border:1px solid #0b69a9 !important; }
.node-border-blue p {color: #0b69a9; }
.node-border-alert{ border:1px solid #ffbc0b !important; }
.node-border-alert p {color: #ffbc0b; }
.node-border-muted{ border:1px solid #a9acbd !important; }
.node-border-muted p {color: #505050; font-size:12px; line-height:12px; margin-top:8px; }
.node-border-muted h4{ color:#505050;}
.node-border-deleted{ border:1px solid #A8A8A8 !important; }
.node-border-deleted p {color: #A8A8A8; font-size:12px; line-height:12px; margin-top:8px; }
.node-border-deleted h4{ color:#A8A8A8;}
.node-border-success{border:1px solid #5cb85c !important;  background:#F4F7F9;}
.node-highlight { box-shadow:0px 0px 0px 3px #2bb500 inset; }
.node-border-danger{border:1px solid #f5393d !important; }
.node-border-danger p {color: #13dafe ; font-size:12px; line-height:4px; margin-top:8px; }
.node-border-danger h4{ color:#0b69a9;}

.st_label .text-active{ color:#339900 !important;}
.st_label .text-inactive{ color:#cc0000 !important ;}

.node_label p a.graph-icon i{font-size:16px;}
.node_label p a.graph-icon i{padding:1px 5px;}
.node_label p a.graph-icon.inactive{color:#cf0000;}
.node_label p a.graph-icon.active{color:#093;}

.panel-body .binary-lagend a{ font-size:16px; margin-right:20px;}
.panel-body .binary-lagend a.active{color:#009933;}
.panel-body .binary-lagend a.inactive{color:#cf0000;}
.panel-body .binary-lagend a i.fa{ margin-right:3px;}
/*------- Tree Node CSS over ---------*/
/*popover scroll start(commission_history_by_user_details.inc.php & commission_by_user_details.inc.php) */
.popover_scroll .mCSB_container{ margin-right:14px !important;}
/*popover scroll end(commission_history_by_user_details.inc.php & commission_by_user_details.inc.php) */
.fileinput-new .fileinput-filename {display: inline;}
/*Start : edit-trigger page*/
#trg_img_id_disp img { max-height:50px;}
/*===profile modal images croper start ===*/
.pro_drop_div .dropzone.profile-dropzone .dz-details img{ height:100px !important; width:100px !important;}
.pro_drop_div .dropzone.profile-dropzone .dz-details{ padding:0;}
.pro_drop_div .profile-dropzone.dropzone .dz-default.dz-message{ margin:0;}
.pro_drop_div .profile-dropzone.dropzone{ border:none !important;}
.profile_img_modal .img-container{ max-height:300px;}
.profile_img_modal .cropper-modal{ background-color:#fff; opacity:0.5;}
.profile_img_modal .modal-content{ border-radius:8px;}
.profile_img_modal .modal-body,.profile_img_modal .modal-body .img-container{ overflow:hidden;}
.profile_img_modal .modal-header .modal-title{color: #333333;font-size: 22px;font-weight: 300 !important;margin-top: 15px;    text-align: center; margin-top:0;}
.profile_img_modal .modal-content .modal-header{ border-bottom:none;}
.profile_img_modal .modal-content .modal-header .close { margin-right:-45px; margin-top: -4px; position:relative; opacity:1; line-height:normal; }
.profile_img_modal .modal-content .modal-header .close { font-size:26px; color: #ffffff; text-shadow:none;  }
.profile_img_modal .modal-content .modal-header .close:after {content: ""; font-size: 24px; opacity: 1; position: absolute; right: 0; top: 4px; z-index:99999;}
.pos_rel { position:relative; }
.button-demo .panel.panel-default > .text-center .btn-lg{ font-size:16px; position:relative;}
.button-demo .panel.panel-default > .text-center .btn-lg .label{ position: absolute; right:5px; top:11px; padding:3px 8px 4px;}
.panel-default .section-title{ font-weight:400;}
/*===profile modal images croper end  ===*/
/*===profile modal images croper start ===*/
.profile_img_modal .img-container{ max-height:400px;}
.profile_img_modal .modal-body .img-container .cropper-container .cropper-crop-box .cropper-view-box{ border-radius:100%;}
/*===profile modal images croper end  ===*/
/*=== Agent details review documentaion ===*/
.review_panelframe .panel-heading{ padding: 10px !important;}
/*=== Agent details review documentaion ===*/
/*chat-queue-window css start */
.chat-queue-window{}
.chat-queue-window .list-group.scroll_list li{ cursor:pointer; border-bottom:1px solid #f1f1f1 !important;}
.chat-queue-window.two_livechat{ margin-top:35px;}
/*chat-queue-window css end */
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus{ outline:none;}
/*===  popup page design start ===*/
.popup_page{padding:15px;}
.popup_page .panel {background-color: #fff; border:1px solid #f1f1f1;}
.popup_page .three_box_details .panel ,.panel-popup .three_box_details .panel{ min-height:175px;}
.panel-popup .three_box_details .panel{ border:1px solid #ddd;}
/*for popup panel title css start */
.panel-popup .panel-heading .panel-title{ font-weight:400; font-size:20px; color:#666;}
.panel-popup .panel-heading .panel-title i{ margin-right:7px;}
.panel-popup .panel-heading{border-bottom: 1px solid #dddddd;}
.panel-popup .panel-body p{word-break: break-word;}
.steamline .sl-left i.fa{  min-width: 40px;text-align: center;}
/*for popup panel title css start */
/*===  popup page design end  ===*/
/*=== form_warp ====*/
.form_wrap .form-group{ margin-bottom:0; height:80px;}
.form_wrap .form-group.height_auto{ margin-bottom:15px; height:auto;}
.form-group.fs-12{ font-size:13px; font-weight:300;}
.form_wrap.fs-12 .form-group label{ font-size:12px;}
.form_wrap.fs-13 .form-group label{ font-size:13px;}
/*=== form_warp ====*/
/*===panel panel-collapsetab start */
.panel-collapsetab .panel-default{border-radius:0; border:1px solid #ddd;}
.panel-collapsetab .panel-default .panel-collapse.collapse.in{ border-top:1px solid #ddd !important;}
/*===panel panel-collapsetab end */
body{ background:#fff !important; padding-right: 0px !important;}
label { font-weight:400;}
label em { font-family:Verdana, Geneva, sans-serif; font-style:normal; }
label span.text-danger { color:#f00; font-family:Verdana, Geneva, sans-serif; font-style:normal; font-size:14px; }
a:focus { outline:none;}
th { font-weight: 400;}
.dataTables_info{ margin-top:8px;}
.parsley-error-list li.required { display: block; text-align: left;}
#all_search{ position: absolute; top: 20px; right: 4px; background-color: transparent; border: none; }
.app-search .form-control, .app-search .form-control:focus{ padding-right: 25px; }
a{ color:#0b69a9;}
a:hover, a:focus{ text-decoration:underline;color:#0b69a9;  }
b, strong { font-weight: 400;}
.note-editable.panel-body b{ font-weight: bold;} 
.back-btn{ padding-top: 4px; }
td.icons a i{ font-size: 20px; }
label em { color:#f00; }
a, a:hover, a:focus{ text-decoration: none ; }
input[type="file"]{ height: auto; }
.error{ padding: 0px !important; color:#f00 !important; font-size:14px !important; }
.p-15{ padding: 15px; }
.mn{ margin: 0px !important; }
.pn{ padding: 0px !important; }
.pn5{ padding: 5px !important; }
.w-30{ width: 30px; }
.w-25{ width: 25px; }
.w-55{ width: 55px; }
.w-42{ width: 42px; }
.w-100{ width: 100% !important; }
.m-h-756{ min-height: 756px; }
.flt-lft{ float: left; }
.fnt-bold{ font-weight: bolder; }
.text-blue { color: #0b69a9 !important; }
.text-green { color:#72c748 !important; }
.text-blue a {color: #0b69a9 !important;}
.login-box .text-blue, .login-box .text-blue a { color:#104674 !important;}
.login-box .text-blue i {color: #333;}
.text-blue a {color: #104674;}
.brdr-none{ border: none !important; }
.p-0-15{ padding: 0px 0px 15px 15px; }
.p-r-15{ padding-right: 15px !important; }
.fw-300{ font-weight: 300; }
.fw-400{ font-weight: 400; }
.fw-500{ font-weight: 500; }
.sweet-alert{ border: 1px solid #d3d3d3; }
.app-search button { border:none;box-shadow: none; -webkit-box-shadow: none; position: absolute; top: 20px; right: 10px; color: #4c5667;}
.app-search button:focus{ outline:none;}
.form-group.inherit-postn{ position: inherit; }
.datetimepicker-days .table-condensed thead tr th.switch{ display: table-cell; text-align:center;}
.datetimepicker-days .table-condensed tr td { text-align:center;}
.wrapper.retracted.scrollable.wrapin{padding: 1px; }
.hicon { background: #fff none repeat scroll 0 0; border: 1px solid #e3e3e3; display: inline-block; font-size: 14px; font-weight: normal; height: 38px; line-height: 24px; min-width: 16px; padding: 7px 5px; text-align: center; text-shadow: 0 1px 0 #ffffff; vertical-align: top; width: auto; }
.hicon i { color: #d0d1d1; font-size: 14px; left: 7px; top: 7px; }
.sstyle .form-control { display: inline-block; margin: 0 0 0 -4px; vertical-align: top; width: 80%; }
.switch { position: relative; display: inline-block; width: 45px; height: 25px; }
.switch input { display:none; }
.slider { position: absolute; cursor: pointer; top: 0; right: 0; bottom: 0; background-color: #ccc;  -webkit-transition: .4s; transition: .4s; }
.schedule-form .form-group.align-top{ vertical-align: top; }
.steamline .sl-right{padding-left: 33px;}
table td.highlight{ font-weight: 600; color: black; }
.panel.panel-title-block section.extended .panel-default .panel-body .title{ margin-bottom: 20px; font-size: 16px; color: #999999; }
.message-center .mail-contnet .mail-desc{white-space:normal; overflow:visible;}
input:checked + .slider { background-color: #2196F3; }
input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.fgGroup .form-inline.always-inline .form-group { line-height: 26px; vertical-align: top; }
.form-inline.always-inline .form-group { display: inline-block; margin-bottom: 0; }
.fgGroup .form-group.mobno { float: left; height: auto; padding: 0; width: auto; }
.form-inline .form-group { margin-top: 0; }
.fgGroup .form-group.mobno .form-control { padding: 6px 4px; }
.form-inline .form-control { display: inline-block; min-width: 75px; }
.form-control { height:34px; padding:6px 12px !important; font-weight:300;}

#time-slot-div input[type="checkbox"]{height: 21px;width: 26px;}
.readonly_input[readonly] { background-color: #fff; }
.form-material .form-control { padding:0 !important; }

.breadcrumb { background-color: #edf1f5; margin-bottom: 0px; padding: 15px; }
.breadcrumb li a { color:#4f5467;}
/*customtab tab design start */
.tabbing-tab { margin-top: 20px; }
.tabbing-tab .nav-tabs>li { margin-bottom: -2px; }
.tabbing-tab ul{ margin-bottom:0; background-color:#fff;}
.tabbing-tab ul.dropdown-menu { z-index:999;}
.tabbing-tab .customtab > li.active > a,.tabbing-tab .customtab > li.active > a:hover,.tabbing-tab .customtab > li.active > a:focus{ border-bottom-color:#0b69a9;}
.tabbing-tab .customtab > li.active > a{ color:#0b69a9;}
.tabbing-tab .customtab > li i{margin-right: 5px;margin-top: 3px;}
.tabbing-tab .customtab > li:hover > a{ border-bottom:2px solid #0b69a9; color:#0b69a9;}
.tabbing-tab .customtab > li .active { border-bottom:2px solid #0b69a9; color:#0b69a9;}
.tabbing-tab .customtab > li > a{ border-bottom:2px solid transparent;} 
.tabbing-tab .customtab > li.active.open > .dropdown-menu li a{ border:none;padding: 9px 20px;clear: both;color: #333333;display: block;font-weight: 400;line-height: 1.42857;white-space: nowrap;}
.tabbing-tab .customtab > li.active.open > .dropdown-menu > li > a:focus,.tabbing-tab .customtab > li.active.open > .dropdown-menu > li > a:hover {background-color: #f7fafc; color: #262626; text-decoration: none;}
/*customtab tab design end */
.tabbing ul, .triggers_images .tabbing ul.nav-tabs { border: 1px solid #e5e5e5; border-bottom: none; }
a.text-red { color: rgb(255,0,0); }
a.text-red:hover, a.text-red:focus { color: #286090; }
.panel.panel-block > .panel-heading div > h1:not(.note-editor) { line-height: 0px;}
.panel .panel-heading { text-transform: none; }
.fnt-size-13 { font-size: 13px; }
.form-group { position: relative; margin-bottom:15px;  }
.form-material .form-group { overflow: visible; }
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus { background-image: linear-gradient(#72c748, #72c748), linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13));  -webkit-background-image: linear-gradient(#72c748, #72c748), linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13)); border-bottom:1px solid #eeeff0\9; }
.form-material .form-control:focus { border-bottom:1px solid #44d62c\9;}
.sidebar #side-menu .user-pro .img-circle { width: 50px; margin: 0px auto; height:50px; }
.sidebar #side-menu .user-pro > a { padding: 0px !important; }
.checkbox-red input[type="checkbox"]:checked+label::before { background-color: #666; border-color: #666;}
/*Start :sign-up section*/
#wrapper .login-box .mobnum-section .w-60 { width: 60px; }
#wrapper .login-box .mobnum-section .flt-lft { float: left; }
#wrapper .login-box .mobnum-section .w-50 { width: 50px; }

input::-webkit-contacts-auto-fill-button {visibility: hidden;display: none !important;pointer-events: none; position: absolute;right: 0;}
/*End : sign-up section*/

.report-tab .nav.tabs-vertical{border: none;}
.report-tab.vtabs { width:100%;}
.report-tab .tabs-vertical li a { text-align:center; font-weight:normal; font-size: 16px;}
.report-tab .tabs-vertical li.active a,.report-tab  .tabs-vertical li.active a:hover,.report-tab  .tabs-vertical li.active a:focus { background:#0b69a9 ; border-right:2px solid #0b69a9;}
.report-tab .tabs-vertical li a.active {background:#0b69a9 ; border-right:2px solid #0b69a9; color:#fff;}
.report-tab .tab-content .outputData{ width: 101%; }

.license_detail{ position: relative; }
.license_detail .license_delete_icon{position: absolute;right: 6px;top: 30px;}
.license_detail_desm .custom_drag_control .gui-file{ position: relative; }
#business_profile_form .license_detail_desm .custom_drag_control .gui-file{position: absolute;}
.license_detail_desm .custom_drag_control{ margin: 0; overflow:hidden }
.license_detail_desm .custom_drag_control .btn{ width:100%; cursor:pointer}
.license_detail_desm .custom_drag_control .gui-input{ height:auto; border:none; padding:8px 12px;}

.license_detail .license_doc_group .tooltip .tooltip-inner{ max-width:none;}
.license_doc_group div.btn_file_path{ width:70px; float:left; background-color:#0b69a9; color:#fff;font-size: 12px;    line-height: 1.5;cursor: pointer;line-height: 24px; padding:5px 2px;font-weight: 500; text-align:center; border-right:1px solid #ddd}
.license_doc_group div.custom_drag_control{ width:calc(100% - 70px);}
.license_doc_group .custom_drag_control .btn{ width:100%;}
/*Start : admin create account*/

form.uform .mobnum-section .flt-lft { float: left; }
form.uform .mobnum-section .w-50 { width: 50px; }
form.uform .mobnum-section .w-55{ width:70px !important;}
form.uform .mobnum-section .w-60 { width:80px !important;}

.mobnum-section{ width:100%;}
.mobnum-section > label{display:block;}
.mobnum-section > div{ display: inline-block;}
.mobnum-section .mobl-field{width: calc(33.33% - 38px); vertical-align:middle;}
.mobnum-section .calling-cod{ width:30px;}
.mobnum-section .field-divider{width:30px; text-align:center;}
/*End : admin create account*/
/*Start : success msg popup css*/
.jq-toast-wrap .jq-icon-success { background-color: #00c292; }
.jq-toast-wrap .alert-success{ background-color: #00c292; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==");  border-color: #d6e9c6; color: #dff0d8;}
/*End : success msg popup css*/

/*=== Start : tiny phot upload poup ====*/
.tiny_photo_popup{height: 100%;margin: 0px;}
.tiny_photo_popup .panel-default{margin: 0px;}
.tiny_photo_popup .panel-default .panel-footer{border-top: none;}
.tiny_photo_popup .lightgallery_content{position: relative;display: flex;flex-wrap: wrap;align-items: stretch;justify-content: flex-start;user-select: none;column-gap:13px;}
.tiny_photo_popup .lightgallery_content .lightgallery_item{position: relative;width: calc(100%/4 - 10px);height:200px;margin-bottom: 14px;}
.tiny_photo_popup .lightgallery_content .lightgallery_item input[type="radio"]{margin:0px;height: 0px;width: 0px;opacity: 0;position: absolute;}
.tiny_photo_popup .lightgallery_content .lightgallery_item label{height: 100%;margin:0px;position: relative;cursor: pointer;overflow: hidden;width:100%}
.tiny_photo_popup .lightgallery_content .lightgallery_item label img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}
.tiny_photo_popup .lightgallery_content .lightgallery_item label:before{content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;border:8px solid rgba(0, 0, 0, 0.45);transform: scale(1.2);transform-origin: center;transition: all 0.2s ease-in-out;}
.tiny_photo_popup .lightgallery_content .lightgallery_item input[type="radio"]:checked ~ label:before,
.tiny_photo_popup .lightgallery_content .lightgallery_item label:hover:before{transform: scale(1);}
.tiny_photo_popup .lightgallery_content .lightgallery_item label:after{content: "";background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAuCAYAAABqK0pRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RDRCNjUxQTAxRjYxMUVBQjk4RUMwNzVEOEYzMjgwNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RDRCNjUxQjAxRjYxMUVBQjk4RUMwNzVEOEYzMjgwNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlENEI2NTE4MDFGNjExRUFCOThFQzA3NUQ4RjMyODA1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlENEI2NTE5MDFGNjExRUFCOThFQzA3NUQ4RjMyODA1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+uN1mGQAABVhJREFUeNq8WmlsVkUUfS0qBqMIikLRIhBQUgxRFCoBigtJlbAZBRNjCSoaNmuILInCHxX3pGhD1LigxMoOEmVRqVJcMCiiRoNVKquiJaKlggaDnmtPk+f0zpuZ9z16khPCvNnOe3fu3Hu/5p0xeWmUAXqAQ8ErwXPAs8H2YB54BDwMHgK/AD8AvwH/yWLhxoXj/vv3lBzm6A3eDt4E9gwc+yO4CnwR3JGFoPwUYy4Dq8FvwdkpRAgKwGng5xRyTWsK6QC+AW4Hr46yQz9wE7gN7J52El/TGg++Tpt34ReyATzBsyLnpotj/BVgHfgwOI9jvZHncdgrwakJz/8AV4IbwM/AWku/QnAAWALeAp6bMOcIcJ3HR+hMq/rJJURMaVTCgX0AfDmlNYzl2+8Ta5PN3ykbs4y5BBwNFoP9wQvZ/mmSaa1JEDELfCLHs7GaLAfngPeCtrdaRnOzOZajNiHPULmJ78HrwD0ZHvYFpAbxbA/xnNmwGHdJmSbkDk5gYhNFtAbE7J4DOzn6TYCIVzWvJe5voTJgI1jaCgK60LyGOPrt5d2zy3aPPAmeZrRJWHF9K4iYQAfiEiFnt1tchClE3viNxqC/wXFZxUUWtAHXgos8+s6l2SVeiDOU5zMT7oWsgs0asKtH39EUnHizDwSHG8++BCtOoohhjNlc0cJf4GC5K3xirduUZ09ZxnSlR5Fg70OaXihuBt/zEFHHSy8uQlxxW5uQEUb7frBKmfgGPruLwd4gepnlASJGgss8+snmi8D6WNtgvsBumpDLwYuM9rU86HGI6b1lWVRykk88gtBEO4+hhknan4Yz2sK99tOEFCsTVSttrpxBAsJ3Hc/XeIioZmAZx0RwvZETtRBSpLjcrcoCL4DHHZuQDSyxnKsNHiLeB69V2k2PWqwJucBo2w0eUCbb5XmwxzMFNgPEDo5xX1tERMp+zteEdDbaDjlu1UkeYp6NHcgFtPck7KPpnkhI1iLDc7UxhbRX/HYSxMQed/Q5lfm8vOF7PO6J4cpmTXOP43QzlMr3TF9NyCbfdPS5m8GmC6UsZORcfGhU3qYPyhxvMd/8/ArKecBDiyTHza8kHQ4q1RIfSNFtSg4v8TXwac++HY3/N5geVIT8rNSczvJcQIoOL6UQ8QNz85A6WBz12if7TvEIgwIWmeEwMQ0TjVvbVU/rbbTt0IRsVgYXB2zqdx5+XzxvWdMGubvOVOKwFkK+An9VYqcQLGJ85MJOerMQjFTaNmtCjijBYBEj3RDM9ehTHjhnXyUyr+EZU93aEkspJgSywOKE56+AbwfOWW7xdlb/vI4ZYRxScBgTuPAUxXk0hz2zAucaoHi2ekue9L+LpsJSPGsXsHgj0+Z4GiA5RP8Unk27YyqVC7yFEKnhbjOeF9IkQnCYMVZ3cijrUCGo4AuJ4yDLVV5X/0xL9vdYiktvNxmK6ZazcR941FeIuLX5Sj+x70eik49pFpOqsh1ymxDB/VFTndfEnMheLc8Cj0ZNxXMtnJkcGlXGL6Fayy17QLHfXNCTHnO25bwNY5CYSsgxhil1lgBuK/ORi3MQUEBHIj9VXKo8b+AevBxFvsP79LUUIpprYTv5XGy7l8d6UoSQYuA7/LJlln7y+0ufKKBc66pDyZe5igdwuqXPwJip7aVN1zKYbP4xtBfrUT089rQiaqpEBsH3V13Ju5czlClI6FdIlqQwNcndb2WOkyrV9cUWmoZ8md8yPOwi4EHmHSvTTpLmLx8quai8vY9yECDpw1Rmo/NoxqmRy9+iVJGdWM4pYS3rPJ6LdqzQHKMHkpRafpH6mGnD/iwvoX8FGADQNRpPXP3E6QAAAABJRU5ErkJggg==');height: 25px;width: 25px;position: absolute;background-repeat: no-repeat;background-size: contain;z-index: 0;top: 10px;left: 10px;transform: scale(0);transition: all 0.2s ease-in-out;}
.tiny_photo_popup .lightgallery_content .lightgallery_item input[type="radio"]:checked ~ label:after{transform: scale(1);}
.tiny_photo_popup .panel-wrapper .no-img-found{border-radius: 25px;display: flex;align-items: center;justify-content: center;margin-top: 25px;}
.tiny_photo_popup .delete_image{position: absolute;top: 6px;right: 46px;font-size: 14px;line-height: 14px;color: #f00;cursor: pointer;}
.tiny_photo_popup .delete_image .btn-info{padding: 4px 8px;background-color: #d9534f;border-color: #d43f3a;color: #fff;font-size: 15px;line-height: 1;}
.tiny_photo_popup .delete_image .btn-info:focus,
.tiny_photo_popup .delete_image .btn-info:hover{background-color: #c9302c;border-color: #ac2925;color: #fff;}

.tiny_photo_popup .panel .panel-heading{position: sticky;top:0px;z-index: 1;background-color: #fff;padding: 15px 15px 0 15px;}
.tiny_photo_popup .panel .footer-sticky{position: sticky;bottom:0px;z-index: 1;background-color: #fff;}
.tiny_photo_popup .panel .img-search-list{position: absolute;z-index: 1;right: 80px;top: 12px;width: 220px;}
.tiny_photo_popup .panel .img-search-list i{position: absolute;top: 9px;left: 8px;}
.tiny_photo_popup .panel .img-search-list .form-control{padding-left: 30px !important;}

.lightgallery_item .gallery_img_popup{position: absolute;height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;top: 0;right: 0;background-color: rgba(0, 0, 0, 0.5);}
.lightgallery_item .gallery_img_popup .gallery_popup{transition: all 0.2s ease-in-out; height: 30px;width: 30px;display: flex;align-items: center;justify-content: center;font-size: 15px;color: #fff;}
.lightgallery_item .gallery_img_popup .gallery_popup:hover{transform: scale(1.2);}
.lightgallery_item .gallery_img_popup .gallery_popup i{}
.lightgallery_item .gallery_img_name{position: absolute;z-index: 1;color: #fff;background-color: rgba(0,0,0,0.60);left: 0;right: 0;bottom: 0;padding: 5px 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.thumbnail.thumbnail_gallery{border:1px solid #ddd;position: relative;padding: 0px;overflow: hidden;user-select: none;}
.thumbnail.thumbnail_gallery .gallery_wrap{height: 240px;width: 100%;}
.thumbnail.thumbnail_gallery .gallery_wrap img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.thumbnail.thumbnail_gallery .btn.delete_image{position: absolute;top: 8px;right: 8px;z-index: 2;border-radius: 100%;height: 36px;width: 36px;line-height: 36px;padding: 0;}
.thumbnail.thumbnail_gallery .btn.open_img_btn{position: absolute;top: 8px;right: 50px;z-index: 2;border-radius: 100%;height: 36px;width: 36px;line-height: 36px;padding: 0;}
/*=== End : tiny phot upload poup ====*/

/*switch on off css start */
.pr{ position:relative;}
.p-l-30 {padding-left: 30px !important;}

.prd_select_list .ms-drop li:not(.group):not(.ms-select-all){ padding-left:15px;}

span.switchery{text-align: left;}
.js-switchdiv div.checker, .js-switchdiv div.checker span, .js-switchdiv div.checker input { width: auto; height:auto;background:none; }
.js-switchdiv .switchery.switchery-small { width:55px; height: 26px;}
.js-switchdiv .switchery-small > small { width:26px; height:26px;}
.js-switchdiv .switchery.switchery-small:after { content: "ON"; color: #fff; font-size: 12px; line-height: 28px; padding-left: 4px; text-align: left;vertical-align: top; font-weight:normal; }
.js-switchdiv .switchery.switchery-small:before {content: "OFF"; color: #000;float: right;font-size: 12px;line-height: 28px;padding-right: 4px;text-align: right;vertical-align: middle; font-weight:normal;}

.js-switch { display:inline-block; }
.js-switch:checked + .switchery-small:before{ display:none;}
.js-switch div.checker,
.js-switch div.checker span,
.js-switch div.checker input { width: auto; height:auto;background:none; }
span.switchery.switchery-small { height:21px; width: 48px; background:none; }
.switchery.switchery-small:after {content: "ON"; color: #fff; font-size: 12px; line-height: 23px; padding-left: 4px; text-align: left;vertical-align: middle; }
.switchery.switchery-small:before { color: #fff;content: " OFF";float: right;font-size: 12px;line-height: 23px;padding-right: 4px;text-align: right;vertical-align: middle; }
/*switch on off css end */
/*Start: tab design of prd_add page*/
.panel-tab .sttabs nav li.tab-current a{ color: #0b69a9; }
.panel-tab .tabs-style-underline nav li a::after{ background: #0b69a9; }
/*End: tab design of prd_add page*/
.space_left_dd { margin-left:20px; }

/* Theme css start */
a.text-danger:hover, a.text-danger:focus { color:#fb9678; text-decoration:underline; }
.white-box .box-title  { font-weight:600;}

label + select.select-multiselect { position:absolute; left:0; top:25px;}
select.select-multiselect { border:1px solid #e4e7ea; width:100%; height:34px; padding:7px 12px;  }
select.select-multiselect option, select.select-multiselect optgroup { opacity:0;}

.form-control:-webkit-autofill, .form-control:focus:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
.panel.panel-default.panel-block .list-group .list-group-item { border:0;}

.has-error .input-group-addon{ color: #fff;background-color: #fb9678; border-color: #fb9678; }
.white-box h4.box-title-cust { font-size:18px;font-weight:600; margin:5px 0 15px; text-transform:uppercase;}
.no_border.table tbody tr td, .no_border.table thead tr th { border:0; }
.ms-parent .ms-choice > span.placeholder{ color: #565656;}

.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { opacity: 0.7; }
.panel .panel-heading {font-weight: 500; padding: 15px;}
.panel .panel-heading .panel-search-title { line-height:33px; display:inline-block;}
.panel .panel-heading .panel-search-title i { float:none;}
.panel .panel-heading .panel-action a i { font-size:17px; vertical-align:middle;}
.panel .panel-heading .panel-action a.btn  { color:#fff; opacity:1; margin-right:10px;}
.panel .panel-heading .panel-action a.btn-default { color:#333;}
.panel .panel-heading .panel-action a.btn-default:hover { opacity:0.8;}
.panel .panel-heading .panel-action .btn-group a.btn { margin-right:0;}
.panel .panel-heading .panel-action .dropdown-menu  a{ opacity:1;}
.panel .panel-heading .panel-action a.btn.btn-green:hover{color:#72c748;}
.panel .panel-footer .form-inline .form-group { margin-bottom:0;}
.panel  .table  { margin-bottom:0;}
.form-inline .form-group { width: auto; margin-bottom:15px;}
.pagination { margin:0;}

.iner_ttbl.color-table.info-table th{background:#333 !important;}
.iner_ttbl.color-table.info-table th:first-child{ background-color:transparent !important;}
.tr_td_bold > td{ font-weight:400;}

.child_tr_td_bold td:nth-child(2){ font-weight:400; padding-left:35px;}

.color-table.info-table th a{ color:#fff;}
.color-table.info-table th { background:#0b69a9 !important; color:#fff !important;}
table tr td .checkbox,  table tr th .checkbox  , table tr td .radio,  table tr th .radio  {  margin-bottom: 0px; margin-top:0px;}
table tr td .checkbox label, table tr th .checkbox label, table tr th .radio label,  table tr td .radio label  {   min-height: 14px;}
#page-wrapper { padding:0 0 80px;}
table tr td.icons a i { color:#686868; font-size: 18px; margin: 0 3px;} 
table tr td.icons a.green i, table tr td.icons a.green:hover i{ color:#00c292;}
table tr td.icons a.red i, table tr td.icons a.red:hover i{ color:#fb9678;}
table tr td.icons a:hover i { color:#0b69a9;}
table tr td.icons .btn i { color:#fff; font-size:14px; margin:0;}
table tr td.icons .btn:hover i { color: #fff;}
table tr td.icons .btn.btn-xs { padding:2px 4px; vertical-align:middle; }
.list-group-item { padding:15px;}
.table  tfoot tr td .row.table-footer-row { margin:0;}
.top-left-part { min-height: 60px; padding:0; line-height:60px; text-align:center;}
.top-left-part .logo b { display:none;}
.top-left-part img { max-height: 80px;}

.frontView .top-left-part{background: #0b69a9 !important;}
.frontView .navbar-header{overflow: hidden;}
.frontView .navbar-header .navbar-top-links>li>a{font-size: 16px;font-weight: 400;}
@media (min-width: 1170px) {
.fix-sidebar .top-left-part { position: relative; width: 225px;}
}
.content-wrapper .top-left-part img {max-width: 95%;max-height: 52px;}

body.content-wrapper .top-left-part .logo b { display: block;}
.logo { margin:0px; padding:0px; }
.logo img { max-width:100%; height:auto; display:inline-block; }
.select-wrapper { display:inline-block; position:relative;  float:left; }
.select-wrapper select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; padding-right: 30px; width:100%; }
.select-wrapper:after { content:"\f0d7"; font-family:'FontAwesome'; position: absolute; top: 20px; right: 10px; z-index: 5; pointer-events:none; }
form.app-search .form-control ,form.app-search .form-control:focus{background-color: #fff;}
.dropdown-menu .divider { margin:0;}
.panel-white .panel-body, .panel-default .panel-body {color: #333;}
.bg-title h4 { color:#2b2b2b;} 
.nav .chat-access i{ font-size:20px;}
.nav .chat-access .label.label-rouded{ position:absolute; right:4px; top:12px; padding:2px; display: block !important; min-width: 18px; background-color:#f44336; line-height:15px;  }
.nav .chat-access .label.label-rouded:empty{opacity:0;}


.theme-alert
{color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius: 0px;
}

.alert-popover.popover {border: 1px solid #fb9678;}
.alert-popover.popover .arrow { border-right-color :#fb9678;}
.alert-popover.popover .popover-heading { border-bottom:1px solid #fb9678; padding-bottom: 2px; margin-bottom: 4px;}

.dropdown-mh-300 { height: auto; max-height: 314px; overflow-x:hidden; overflow-y:scroll; margin-top: 0px; }
.dropdown-mh-300::-webkit-scrollbar { width:5px;} 
.dropdown-mh-300::-webkit-scrollbar-thumb { background-color:#dedede;border-radius:5px; }
/* Theme css end  */
/*User-profile*/
.user-profile { display: inline-block; min-width: 60px; padding: 15px 0; position: relative; text-align: center; width:100%;}
.content-wrapper .user-profile{ display:inline-block; width:auto;}

.content-wrapper .sidebar {padding-top:70px;}
.content-wrapper .top-left-part .logo-top-space {top: auto;}

/*Start : profile-pic crop popup*/
.croppie-container .cr-overlay { overflow: hidden; }
/*End : profile-pic crop popup*/

/*Start : nav css*/
.tabbing .nav.nav-tabs a i { margin-right: 10px; }
/*End : nav css*/

/*Start : order product page and cart page design*/
.cstm-product-box{ border: 1px solid #e5e5e5; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.05); background-color: #FBFBFB; min-height: 270px;}
.cstm-product-box .img_wrap img{ max-width: 150px; max-height: 100px;}
#confirm_popup .cstm-boxes{ border: 1px solid #ddd;margin: 20px 0px; padding: 20px; border-radius: 4px; min-height: 240px;position: relative; }
#confirm_popup .cstm-boxes .heading-cstm{font-weight: bolder; font-size: 17px; padding-bottom: 10px;}
#confirm_popup .title-popup{ border-bottom: 1px solid #d3d3d3; }
.rep-enrollment .form-material .form-group{ height: 50px; }
.choose-cmpny-popup label{ white-space: nowrap;margin-right: 10px; }
.shopping-cart-page .panel-default .panel-heading{ border-bottom: 2px solid #0b69a9; }
.shopping-cart-page .form-group{ min-height: 65px;margin-bottom: 0px; }
.shopping-cart-page .form-inline .form-group{ min-height: inherit;vertical-align: middle; }
.shopping-cart-page .radio span{ vertical-align: middle; }
.shopping-cart-page table.table-cart{ border: 1px solid #0b69a9; }
.shopping-cart-page table.table-cart thead{ background-color: #0b69a9; }
.shopping-cart-page table.table-cart thead th{ color: #fff; }
.shopping-cart-page table.table-cart td{ vertical-align: middle; }
.shopping-cart-page .panel .panel-body:first-child h3{font-weight: 400;}
.shopping-cart-page .order_nholder .product-item .botlayer{ position: absolute;bottom: 15px;left: 0;width: 100%;text-align: center }
.shopping-cart-page .product-item{ border: 1px solid #ddd;margin: 0 0 10px;padding: 20px;border-radius: 4px;min-height: 240px;position: relative;text-align: center; }
.shopping-cart-page .panel-default .panel-heading .panel-title{ font-size: 18px;color: #0b69a9;font-weight: 400; }
/*End : order product page and cart page design*/

/*Start : admin-profile page*/
.admin_profile .user-btm-box { padding: 38px 0 0; }
.admin_profile .user-btm-box .text-center h4{ font-size:14px;}
.admin_profile .tab-content .panel-default.brdr-gray{ border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}
.admin_profile .user-bg .overlay-box .user-content { padding: 0px; }
.admin_profile .user-bg .overlay-box { background-color:#0b69a9 ;}

.user_content_detbox .usrbox_name{ color:#fff; margin-bottom:5px; line-height:normal; font-size:18px;}
.user_content_detbox .usrbox_smtxt{ font-weight:300; font-size:15px; color:#fff; word-wrap:break-word; margin:5px 0;}

.admin_profile .nav-tabs > li.active > a, .admin_profile .nav-tabs > li.active > a:hover, .admin_profile .nav-tabs > li.active > a:focus, .admin_profile .nav-tabs > li.active > a:active { border-bottom: 2px solid #0b69a9; color: #0b69a9; box-shadow: none; }
.input-group-btn .btn { padding: 6px 12px; }
.pro_drop_div .cpopup_main { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; }
.overlay-box #event-image-dropzone { margin-bottom: 20px; }
.admin_profile form#form_note .input-group-btn .btn { padding: 6px 12px; }
.steamline h4.user-nm { color: #fb9678; }
.modules-list ul li { list-style-type: none; }
.modules-list { white-space: nowrap; }
.modules-list ul { padding-left: 0px; }
.modules-list ul li a { color: #686868; }
.modules-list ul li a:hover { color: #fb9678; }
.steamline .sl-right p.clr-green { color: #33CEA8; }
.admin_profile .customtab{ border-bottom: 2px solid #e4e7ea; }

.actity_feed_tl .sl-right .sl-date{ font-size:10px;}
.admin_profile .nav.customtab.mh42 li{ min-height: 41px; }
/*End : admin-profile page*/
/* comman tab css start */
.nav.nav-tabs.panel { margin-bottom:0;}
/* comman tab css end   */
/*custom notes style start===============*/
.custom_notes_area { margin:0px; padding:0px; }
.custom_notes_area h4 { font-weight: 300; margin: 10px 0; font-size:16px; }
.custom_notes_area h4 i.right_ic { float:right; color:#4cabdb; font-size:16px; margin:3px 0; }
.post_style_input { margin:10px 0; }
.custom_notes_area .date_time { font-weight: 300; margin: 10px 0; font-size:14px; }
.custom_notes_area .date_time span.right_small { float:right; font-size:13px; font-weight: 400;  }
.custom_notes_area .notes_cont_area { margin:10px 0; }
.custom_notes_area .notes_cont_area p { line-height:18px; font-weight:300; font-size:14px; }
.post_style_input .input-group-addon { background-color: transparent; border: 1px solid #e4e7ea; /*border-radius: 0 40px 40px 0;*/ border-left:none; }
.post_style_input .form-control {  height:40px; }
.post_style_input textarea { resize : none; }
.post_style_input textarea:focus{ border-color:#e4e7ea;}
.files_icons_inline { margin:0px; padding:0px; }
.notes_files_icons { width:30px; height:30px; line-height:30px; text-align:center; background:#4cabdb; display:inline-block; border-radius:100%; color:#fff; font-size:14px; margin:3px 3px 3px 0; }
/*custom notes style end===============*/
/*Start : admin page css*/
.sform fieldset { width: 33.3333%; float: left; margin: 0 0 15px; padding: 0 15px; }
.panel-title-block .panel-heading .btn-green i{ color: #fff; }
.panel-title-block .panel-heading .btn-green:hover i{ color: #72c748; }
.admins .sform fieldset.w-60 { width: 100%; }
.country-date { display: inline-block; color: #0b69a9; cursor: pointer; text-transform:none; }
.country-date .dropdown-menu { display: none; }
.country-date:hover .dropdown-menu { display: block; }
.table.table-small > tbody > tr > td, .table.table-small > tbody > tr > th, .table.table-small > tfoot > tr > td, .table.table-small > tfoot > tr > th, .table.table-small > thead > tr > td, .table.table-small > thead > tr > th { padding:8px;}
.table.table-small > tbody > tr > td{ padding:5px;}
/*End : admin page css*/
/*Start : broadcaster page*/
.panel-action.t-225 { top: 225px; }
/*End : broadcaster page*/
/*Start : dashboard slider popup*/
.label-green{ background-color: #72c748; color: #fff; }
.label-big{ padding: 9px 24px; font-size: 18px; }
#banner_title{ top: 30px; left: 50px; position: absolute; }
.banner_img{ position: relative; }
#banner_content{ color: #fff; position: absolute; top: 60px; left: 50px; }
#preview_popup .cstm-size img{ height: 360px; width: 586.8px;}
/*Start : dashboard slider popup*/
/* Start : support_dashboard page*/
.nav-tabs.panel-default.statustab{ border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; }
.nav-tabs.panel-default.statustab li{ border-right: 1px solid #e5e5e5; }
.nav-tabs.panel-default.statustab li:last-child{ border-right: none; }
.nav-tabs.panel-default.statustab li a{ padding: 10px 7px; position: relative; }
.nav-tabs.statustab > li > a{ margin-right: 0px; border: none; }
.nav-tabs.statustab > li.active > a, .nav-tabs.statustab > li.active > a:focus, .nav-tabs.statustab > li.active > a:hover{ border: none; }
.widget-group .panel-info .panel-heading{ font-size: 20px;font-weight: 400; padding: 12px 25px; }
ul.parsley-error-list.hght-10{ height: 10px; padding: 0px; color: #bc401a;}
/* End : support_dashboard page*/
/* default css*/
.pswd_popup { background: #ffffff; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); left: 0; position: absolute; bottom: 55px; width: 330px; z-index: 99; }
.pswd_popup h4 { background: #f1f1f1; border-bottom: 1px solid #d1d1cf; border-radius: 5px 5px 0 0; color: #787878; margin: 0 0 5px; padding: 7px 8px; font-size:18px; }
.pswd_popup .pswd_popup_inner { position: relative; }
.pswd_popup .pswd_popup_inner .btarrow { background:url("../images/btarrow.png") no-repeat scroll center bottom; bottom: -22px; height: 14px; position: absolute; width: 100%; z-index: 1; }
.pswd_popup .pswd_popup_inner ul { display: block; margin: 0 0 8px; padding-top:0 !important; }
.pswd_popup .pswd_popup_inner ul li { display: block; margin: 0 0 5px; padding-left: 22px; position: relative; text-align: left; line-height: 22px; }
.pswd_popup .pswd_popup_inner ul li.invalid { color: #ff5555; }
.pswd_popup .pswd_popup_inner ul li.valid { color: #3fc35f; }
.pswd_popup .pswd_popup_inner ul li.invalid em { background: rgba(0, 0, 0, 0) url("../images/pass_marks.png") no-repeat scroll -39px 0; height: 15px; left: 0; margin:4px 0 0; position: absolute; top: 0; vertical-align: top; width: 15px; z-index: 1; }
.pswd_popup .pswd_popup_inner ul li.valid em { background: rgba(0, 0, 0, 0) url("../images/pass_marks.png") no-repeat scroll 0 0; height: 15px; left: 0; margin: 2px 0 0; position: absolute; top: 0; vertical-align: top; width: 15px; z-index: 1; }
.pswd_pass.pswd_popup { top: -142px; z-index: 9999; }
.f-panel { background:#fff none repeat scroll 0 0; border-radius:2px; box-shadow:1px 2px 0 #e5eaee; margin-bottom:40px; }
.f-panel div { font-size:15px; padding: 20px 0; vertical-align: middle; }
.four-panel .f-panel .col-xs-2.text-center i { font-size: 18px; line-height: 8px; }
.f-panel .box-title { align-content: center; display: table; flex-direction: column; height: 63px; line-height: 20px; vertical-align: middle; padding: 0; }
.f-panel .bor_l { border-left:1px solid #dadada; }
.f-panel .box-title span { display: table-cell; vertical-align: middle; text-align: center; }
ul.default_dropdown { border-radius:0; color:#666; padding:5px 0; width:245px; }
ul.default_dropdown li a { overflow-wrap:break-word; white-space: normal; }
/*product data table inside table style start===============>*/
.pro_sales_inside { background:#edf1f5; border-bottom:1px solid #dce6f0 !important; border-top:1px solid #dce6f0 !important; display:none; }
.pro_sales_inside_cont {  }
/*product data table inside table style end===============>*/

/* Start :emailer-dashboard page css*/
.emailer .proton-widget { height: 350px; }
.emailer .proton-widget { margin-bottom: 30px; display: block; margin-top: 30px; position: relative; width: 280px; }
.emailer .proton-widget > div { height: 360px; }
.emailer .panel-info { border: 1px solid #a5c8e5; }
.emailer .proton-widget .panel-info .panel-heading { background-color: #a5c8e5; }
.emailer .proton-widget .panel-heading { position: relative; }
.emailer .panel-info > .panel-heading { border-color: #a5c8e5; }
.emailer .panel .panel-heading { font-weight: inherit; font-size: 20px; padding: 10px 25px; }
.emailer .list-group { padding-left: 0px; }
.emailer .proton-widget .list-group-item a { color: #666666; padding: 6.5px 6px; }
.emailer .panel .list-group .fa { margin: 0px 10px 0px 0px; }
.emailer h2 { color: #76b6ec; font-size: 18px; margin: 0px 0px 10px; padding: 5px 20px; border-bottom: 1px solid #eeeeee; }
.emailer .linklist2 dt { display: block; font-weight: 300; position: relative; padding: 0px 0px 2px; }
.emailer .linklist2 dt span { color: #393838; font-size: 15px; display: block; line-height: 24px; padding: 0px 20px; }
.emailer .linklist2 dt em { color: #76b6ec; font-size: 15px; font-style: normal; line-height: 24px; position: absolute; right: 20px; text-align: right; top: 6px; z-index: 10; }
.emailer .proton-widget .list-group-item a:hover, .emailer .proton-widget .list-group-item:hover { color: #ffffff; background-color: #76b6ec; }
.emailer .nav-tabs > li.active > a,.emailer  .nav-tabs > li.active > a:hover,.emailer  .nav-tabs > li.active > a:focus { color: #0370a1; box-shadow: 0 -3px 0 0 #0370a1 inset; }
.emailer .nav > li > a { position: relative; padding: 10px 15px; display: block; }
.emailer .list-group-item [class^="icon-"]::before, .emailer .list-group-item [class*=" icon-"]::before {  margin: 0 10px 0 0;  text-align: left; }
.emailer .section-title { border-bottom: 1px solid #dddddd; padding-bottom: 9px; margin: 0 0 20px; }
.emailer .list-group-item i.icon-create { color: #009900; }
.sidebar #side-menu .user-pro .arrow { right: 0px; }
div.dataTables_wrapper a.dt-button { border-radius: 2px; box-sizing: border-box; display: inline-block; margin-right: 0.333em; padding: 0.5em 1em; position: relative; white-space: nowrap; }
div.dataTables_wrapper thead tr th.sorting_asc, div.dataTables_wrapper thead tr th.sorting { background-image: none; }
.thumbnail { border: 5px solid #dddddd; }
.thumbnail.p-87 { padding: 87px 0px; }
/* End  :emailer-dashboard page css*/


/* Start : New Email Design ====*/
.templates-list{}
.templates-list .template-item{margin-bottom: 30px;}
.templates-list .template-preview-image{position: relative;cursor: pointer;height: 260px;overflow: hidden;padding: 6px 6px 0;border: none;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);margin-bottom: 21px;background-color: #fff;border: 1px solid transparent;border-radius: 6px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);transition: all 30ms ease-in-out 15ms;border: 1px solid #eee;margin-bottom: 10px;}
.templates-list .template-preview-image img{display: block;max-width: 100%;margin: 0 auto;}
.templates-list .template-preview-image .template-hover {display: flex;position: absolute;top: 0;left: 0;transition: opacity 0.2s ease-in-out;align-items: center;justify-content: center;background-color:rgba(10, 105, 169, 0.5);width: 100%;height: 100%;opacity: 0;}
.templates-list .template-preview-image .template-hover .label-created-at {position: absolute;top: 15px;left: 15px;border-radius: 4px;}
.templates-list .template-preview-image .template-hover .template-search-icon {height: 100%;width: 100%;background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDciIGhlaWdodD0iNDciIHZpZXdCb3g9IjAgMCA0NyA0NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxjaXJjbGUgY3g9IjIwIiBjeT0iMjAiIHI9IjE4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjQiIC8+CiAgICA8bGluZSB4MT0iMzEuNDE0MiIgeTE9IjMxLjU4NTgiIHgyPSI0NS40MTQyIiB5Mj0iNDUuNTg1OCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0IiAvPgo8L3N2Zz4=) center 35% no-repeat;background-size: 32px auto;}
.templates-list .template-preview-image .template-hover .template-controls {position: absolute;max-width: 150px;left: 50%;transform: translateX(-50%);bottom: 20px;}
.templates-list .template-preview-image [type="radio"]{opacity: 0;height: 0;width: 0;visibility: hidden;}
.templates-list .template-preview-image [type="radio"]:checked + .template-hover{opacity: 1}
.templates-list .template-preview-image [type="radio"]:checked + .template-hover *{display: none;}
.templates-list .template-preview-image .template-hover .template-controls > .btn {margin-top: 5px;width: 100%;border-radius: 4px;}
.templates-list .template-preview-image .template-hover .template-controls > .btn-default{background: #fff;}

.templates-list .template-item .template-name {font-size: 16px;color: #688fa1;line-height: 22px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.templates-list .template-preview-image:hover .template-hover {opacity: 1;}


.template-layout-list {display: flex;justify-content:flex-start;flex-wrap: wrap;margin: 0 10px;}
.template-layout-list-item {cursor: pointer;margin: 0 10px 30px 10px;position: relative;min-height: 160px;padding: 4px 4px 20px;width: 140px;flex: 0 0 140px;max-width: 140px;transition-duration: 0.15s;border: none;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);margin-bottom: 21px;background-color: #fff;border: 1px solid #eee;border-radius: 6px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}
.template-layout-list-item .layout-name {color: #009FC1;text-align: center;position: absolute;left: 0;bottom: 12px;width: 100%;padding: 0 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.template-layout-list-item:hover{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}

.campaign-content-preview{display: flex;flex-direction: column;}
.campaign-content-preview .templates-list .template-preview-image {height: 340px;}
.campaign-content-preview .content-preview-section,
.campaign-content-preview .content-preview-left{max-width: 100%;flex: 0 0 100%;}

.campaign-content-preview .content-preview-section .edit_preheader{margin-top:8px;}
.campaign-content-preview .content-preview-section .edit_preheader a{border-bottom: 1px dashed #0b69a9; font-weight: 400;}

.info_campaign .tabs-vertical li.active a,
.info_campaign .tabs-vertical li.active a:hover,
.info_campaign .tabs-vertical li.active a:focus{background: #0b69a9;border-right: 2px solid #0b69a9;}
.info_campaign .tabs-vertical li a i{margin-right:10px;position: relative;top: 2px;}
.info_campaign .vtabs .tabs-vertical{width: 200px;}
.info_campaign .vtabs{width:100%;}
.info_campaign .tab-content{padding: 0 20px !important;}

.white-box .white-box-footer{padding: 25px;margin: 0 -25px;border-top: 1px solid #eee;background-color: #f8f9f9;}

@media (min-width: 768px){
.campaign-content-preview {flex-direction: row;}
.campaign-content-preview .content-preview-left {max-width: 264px;flex: 0 0 264px;}
.campaign-content-preview .content-preview-section {max-width: calc(100% - 264px);flex: 0 0 calc(100% - 264px);padding-left: 30px;}
}

.tab_wrap_area{padding:00px 0px 60px;}
.thin-steps-numbered-bg{margin:-25px -25px 0 -25px;}
.thin-steps-numbered-bg ul li a, .thin-steps-numbered-bg ul li.active a { border:0 !important; padding:0; margin-bottom:0; font-family: 'Roboto', sans-serif;}
.thin-steps-numbered-bg .column-step {padding: 20px; text-align: center;  background:#ECECEC; width:100%;}
.thin-steps-numbered-bg ul li.active a .column-step { background:#0a69a9;}
.thin-steps-numbered-bg ul li.active a .column-step .step-number { color:#033a5f;}
.thin-steps-numbered-bg ul li.active a .column-step .step-info, 
.thin-steps-numbered-bg ul li.active a .column-step .step-title{ color:#fff;}
.thin-steps-numbered-bg ul li.disabled{ cursor: not-allowed; }
.thin-steps-numbered-bg ul li.disabled a{pointer-events: none;  }
.thin-steps-numbered-bg .step-heading {text-transform: uppercase; font-size:18px; font-weight:normal; z-index: 3; position: relative;color:#7B7B7B;}
.thin-steps-numbered-bg .active  .step-heading{ color:#fff;}
.thin-steps-numbered-bg .step-info { z-index: 3; position: relative;color: #7B7B7B;font-weight:300; font-size:12px; margin-top:5px;}
.thin-steps-numbered-bg .column-step.active .step-number, .thin-steps-numbered-bg .step-number{ font-size:50px; position: absolute;bottom: -13px; right:1px; line-height:normal; color: #B8B8B8; z-index: 1;}
.thin-steps-numbered-bg .column-step.active .step-number { color: #e4e7ea;}
.tab_wrap_area .tab-content{padding-top:50px;margin-top: 0;}
.tab_wrap_area > .tab-content{min-height: calc(80vh - 250px);} 

.tab_wrap_area .tab-content .pb-title {color: #585858;font-size: 18px;font-weight: 500;line-height:22px;margin: 0 0 35px 0;}
.tab_wrap_area .tab-content .form-group{margin-bottom: 25px;}
.tab_wrap_area .tab-content .form-group > label{font-size: 15px; color: #585858;margin-bottom: 10px;font-weight: 500;}

.help-block {display: block;margin-top: 5px;margin-bottom: 10px;color: #737373;}
.help-block a{border-bottom: 1px dashed #0b69a9;}
.italic-gray-font {font-style: italic;color: #999999;}
.white-box.cust_whitebox{padding-bottom: 0px !important;box-shadow: 0 2px 4px 0 rgba(163, 163, 163, 0.5);}

.white-box.cust_whitebox .panel.panel-default{}
.white-box.cust_whitebox .panel.panel-default .panel-heading{background-color: #0a69a9;border-bottom: none;}
.white-box.cust_whitebox .panel.panel-default .panel-title{float: left;color:#fff; font-size: 18px;}
.white-box.cust_whitebox .panel.panel-default .panel-action a{opacity: 1;font-weight: normal;color: #fff;}
.white-box.cust_whitebox .panel.panel-default .panel-action a i{position: relative;top:-2px;}
.white-box.cust_whitebox .panel.panel-default .panel-body{padding: 20px;}

.white-box.cust_whitebox .crd_box{padding: 20px;border: 1px solid transparent;box-shadow: none !important;}
.white-box.cust_whitebox .crd_box,
.prvesend_tab{max-width: 980px;margin: 0 auto;box-shadow: 0 2px 4px 0 rgba(163, 163, 163, 0.5);border-radius: 4px;overflow: hidden;}
.prvesend_tab .form-horizontal{}
.prvesend_tab .form-horizontal .form-group{margin-bottom: 15px;}
.prvesend_tab .form-horizontal .form-group:last-child{margin-bottom:0px;}
.prvesend_tab .form-horizontal .form-group label{margin-bottom:0px;padding-top: 0px;}
.prvesend_tab .form-horizontal .form-group p{margin-bottom: 0px;}
.prvesend_tab .form-horizontal .form-group p span{display: inline-block;margin-left: 8px;}

.prvesend_tab .templates-list .template-item{max-width: 264px;margin: 0 auto;}
.prvesend_tab .templates-list .template-preview-image{    height: 260px;}

.prvesend_tab blockquote{margin-top: 25px;border-left-color: #31c178 !important;background-color: #F2FFF5;box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);border: none;}
.prvesend_tab blockquote p{color: #228442;}

.radio_cust{}
.radio_cust label{display: inline-block;}
.radio_cust label:before{border:1px solid rgb(120, 130, 140);}

.form-flex{display: flex;align-items: center;justify-content: space-between;}
.form-flex .radio:not(.radio_cust){margin: 0;width: max-content !important;}
.form-flex .radio:not(.radio_cust) input[type="radio"]{margin: 0;width: 0 !important;height: 0 !important;}
.form-flex .radio label{padding-left:0;}
.form-flex .radio label:before{border-color: #c4d3e1;}
.form-flex .radio label:after{background-color: #0b69a9;}
.form-flex .radio input[type="radio"]:checked+label::after{border-color: #0b69a9;}
.body-divider{border-top:4px solid #e9edf1;}

.form-group-calendar{}
.form-group-calendar .form-inline{display: inline-block;margin-left: 10px;}
.form-group-calendar .form-inline p{display: inline-block;margin-left: 10px;}

.cust_whitebox .checkbox label{font-size: 15px;}

.select2.select2-container.select2-container--default.select2-container--below.select2-container--open .select2-selection--single,
.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus .select2-selection--single{outline: none;border-color: #2b2b2b;}
.select2-container--default .select2-selection--single{border-color: #e4e7ea;border-radius: 0;}
.select2-container .select2-selection--single {box-sizing: border-box;cursor: pointer;display: block;height: 34px;user-select: none;-webkit-user-select: none;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #444;line-height: 31px;}
/* End : New Email Design ====*/


/*Start : Course Design */
.courses_panel .thumbnail { min-height: 276px; padding: 0; margin-bottom:0; position: relative; border-radius: 0; border: 1px solid #ddd;overflow:hidden;}
.courses_panel .thumbnail .cor_sm_banner { height:145px !important; width: 100%; overflow:hidden;transition:all 0.3s ease-in-out;}
.courses_panel .thumbnail .cor_sm_banner img{ height:100%; width:100%; transition:all 0.3s ease-in-out;}
.courses_panel .thumbnail:hover .cor_sm_banner img{ transform:scale(1.3,1.3) rotate(2deg);}
.courses_panel .thumbnail .caption h5 { font-size: 17px; margin: 5px 0; font-weight: 600; color: #484848; padding: 0; }
.courses_panel .thumbnail .course_type{position: absolute; background-color:rgba(16,70,116,0.7);color: #fff;top: 10px;left: 10px;   padding: 3px 9px;}
.courses_panel .thumbnail .caption{ position:relative;}
.courses_panel .thumbnail img.educator_sm_img{height: 40px;width: 40px;border-radius: 100%;border: 2px solid #fff;position: absolute;left: 0;right: 0;top: -22px;margin: 0 auto;}
.courses_panel .thumbnail .educator_name{font-size: 14px;line-height: normal;text-align: center; margin-bottom:15px;}
.courses_panel .thumbnail .educator_name a{color:#104674; text-transform:capitalize;}
.courses_panel .thumbnail .course_main_ttile{ text-align:center; margin:15px auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.courses_panel .thumbnail .course_main_ttile a{ font-size:16px; color:#333; transition:all 0.3s ease-in-out;}
.courses_panel .thumbnail .course_main_ttile a:hover{color:#0b69a9;}

.video_tv { padding: 15px; position: relative; }
.video_tv ul.lesson_list { border-bottom: medium none; border-right: medium none; float: left; max-height: 280px; position: relative; width: 100%; z-index: 1; padding: 0; margin: 0; display: block; border:none; overflow-y: auto; height: auto !important; }
.video_tv ul.lesson_list li { display: block; margin-bottom: 0; margin-top: 0; }
.video_tv ul.lesson_list li a{ font-size:15px;}
.video_tv ul.lesson_list li a.my_lesson { padding: 10px 5px; background: #fff; display: block; border-bottom: 1px solid #dadada; color: #2a2f43; }
.video_tv ul.lesson_list li.active a.my_lesson {  padding: 10px 5px; background: #0b69a9; display: block; border-bottom: 1px solid #e5eaee; color: #fff; text-decoration: none;  }
.video_tv ul.lesson_list li.active a.my_lesson:hover { background: #0b69a9; color: #fff; text-decoration: none; }
.video_tv ul.lesson_list li a.my_lesson:hover { text-decoration: none !important; background: #e5eaee; }
.video_tv ul.lesson_list .mCSB_container { margin-left: 0; }
.tab-content_video { background: #fff; border: none; min-height: inherit; padding:0px; }


.course_header { background-color: #fff; margin: 0; padding: 0;display: table;width: 100%; }
.course_header > li { display: inline-block;float: left; }
.course_header > li > a { font-weight: 400; padding: 10px 28px; display: block; color: #333; line-height: 1.42857; border-bottom: 2px solid rgba(0, 0, 0, 0); }
.course_header > li.open > a {background: #0b69a9;color: #fff;}
.course_header > li.active > a { background: #0b69a9;color: #fff; }
.course_header > li > a .caret{}
.course_header > li:not(:last-child){border-right: 1px solid #eee;}


/*End : Course Design */




/*Start : trigger-images page*/
.triggers_images .panel.panel-block { border: 1px solid #e5e5e5; }
/*End : trigger-images page*/
/*Start : common for all trigger pages*/
.panel.panel-title-block { margin-bottom: 25px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.05); border:0; border-bottom: 1px solid #e5e5e5; }
.panel.panel-block > .panel-heading:not(.note-editor) { padding:15px;}
.panel .panel-footer {padding:15px;}
.panel .panel-body {padding:15px;}
/*End : common for all trigger pages*/
.triggers .tabbing-tab +  .panel.panel-block .list-group-item:first-child { border-top: none !important; }
.triggers .panel.panel-title-block { border: 1px solid #e4e7ea; } 
.triggers .panel.panel-default.panel-block .list-group .list-group-item { border-top: 1px solid #e4e7ea  }
.triggers .panel.panel-block .panel-heading { padding: 20px; border: medium none; }
.triggers .form-inline .form-group .form-control { min-width: 195px; width: 195px; font-weight:normal; }
.triggers .panel-heading h1 { font-size: 18px !important; line-height: 0px; }
.triggers .panel-heading i { float: left; }
/* End :trigger-dashboard page css*/
/*Start : chat-bot design*/
.chat-bot{ margin-top: 20px; }
.chat-bot .chat-box{ max-width: 860px; margin: 0px auto; margin-top: 20px; padding: 20px 0px; }
.chat-bot .main-chat{ background-color: #DFF0D8;position: relative;padding: 10px;border-radius: 20px; }
.chat-bot .main-chat p{ font-size: 12px; padding-top: 3px; margin-bottom: 0px; }
.chat-bot .main-chat .main-user{ font-size: 12px; font-weight: bold;color: #1a2942;line-height: 5px; }
.chat-bot .main-chat:after,.chat-right-aside .chat-box .chat-list .chat-text:after{ content: "";position: absolute;right: -8px;top: 30%;width: 0;height: 0;border-color: transparent transparent transparent #777;border-style: solid;border-width: 8px 0px 8px 9px; }
.chat-bot .main-chat:after{ border-left-color: #DFF0D8; }
.chat-bot .chat-right-aside .chat-box .chat-list .chat-text:after{ border-left-color: #0b69a9; }
.chat-bot .chat-right-aside .chat-box .chat-list .chat-text.user:after{ content: "";position: absolute;left: -9px;top: 25%;width: 0;height: 0;border-color: transparent #777 transparent transparent ;border-style: solid;border-width: 8px 9px 8px 0px; }
.chat-bot .chat-right-aside .chat-box .chat-list .chat-text.user:after{ border-right-color: #0b69a9; }
.chat-bot .chat-right-aside .chat-body[aria-expanded="true"] .chat-text.user:after{ content: "";position: absolute;left: 10%;top: auto;width: 0;height: 0;border-color: transparent #777 transparent transparent ;border-style: solid;border-width: 8px 9px 8px 0px; bottom: -13px; transform: rotate(270deg); border-right-color: #0b69a9;}
.chat-bot .chat-right-aside .chat-box .chat-list{ max-height: none; }
.chat-bot .chat-right-aside .chat-box .chat-list .chat-text{ display: block;border-radius: 20px; border: 1px solid #0b69a9; min-height: 35px;}
.chat-bot .chat-right-aside .chat-box .chat-list .chat-text .counter,.chat-bot .main-chat .counter{ background: white;width: 25px;height: 25px;text-align: center;line-height: 25px;border-radius: 100%; font-weight: bold; margin: 0px;}
.chat-bot .chat-right-aside .chat-box .chat-list li{ overflow: hidden; }
.chat-bot .chat-right-aside .chat-box .chat-list .chat-image.user-img{ width: 40px; }
.chat-bot .chat-right-aside .chat-box .chat-list .icon-section{ display: inline-block; padding-left: 20px;line-height: 65px; float: right;}
.chat-bot .chat-right-aside .chat-box .chat-list li.odd .icon-section{ float: right;  padding-left: 35px;}
.chat-bot .chat-right-aside .chat-box .chat-list .icon-section i:last-child{ padding-left: 10px; }
.chat-bot .chat-right-aside .chat-box .chat-list .odd .chat-text{ background-color: #0b69a9; }
.chat-bot .chat-right-aside .chat-box .chat-list .chat-body{ width: 77%; }
.chat-bot .bgcollapse{ background-color: #F7FAFC; padding: 25px 15px; border: 1px solid #e4e7ea; margin-bottom: 25px; }
.edit-bot-msg.panel .panel-heading,.edit-user-msg.panel .panel-heading,.add-bot-msg.panel .panel-heading{ background-color: #0b69a9; color: #fff; }
.edit-bot-msg.panel .panel-heading h1,.edit-user-msg.panel .panel-heading h1,.add-user-msg.panel .panel-heading h1{ color: #fff; }
/*End : chat-bot design*/

.panel_opprt_drag .panel-action{ float: none;}
.panel_opprt_drag .dropdown,
.panel_opprt_drag .search_action{ display: inline-block;position: relative; }
.panel_opprt_drag .dropdown{ margin-left: 10px;position: relative;top: -3px; }
.panel_opprt_drag .search_action{ width:calc(100% - 40px);}
.panel_opprt_drag .search_action .form-control{height: 25px;padding:0 26px 0 8px !important;border-radius: 5px; max-width:100%; transition: max-width 0.5s ease-in-out;}
.panel_opprt_drag .search_action .sa_search{position: absolute;top:1px;right:8px;}
.panel_opprt_drag .search_action .sa_search i{ font-size: 14px !important; }

.panel_opprt_drag .extra_bradcum{ margin-top: 10px; }
.panel_opprt_drag .extra_bradcum ul{margin:0; padding: 0;}
.panel_opprt_drag .extra_bradcum ul li{ float: left; padding:0px; }
.panel_opprt_drag .extra_bradcum ul li a{color: #FFF;display: block;background: #3498db;text-decoration: none;position: relative;height:30px;line-height:30px;padding: 0 10px 0 5px;text-align: center;margin-right: 23px;}
.panel_opprt_drag .extra_bradcum ul li a:before,
.panel_opprt_drag .extra_bradcum ul li a:after{content: "";position: absolute;top: 0;border: 0 solid #3498db;border-width:15px 10px;width: 0;height: 0;}
.panel_opprt_drag .extra_bradcum ul li a:before{left: -20px;border-left-color: transparent;}
.panel_opprt_drag .extra_bradcum ul li a:after{left: 100%;border-color: transparent;border-left-color: #3498db;}
.panel_opprt_drag .extra_bradcum ul li:first-child a:before{border:none;}
.panel_opprt_drag .extra_bradcum ul li:last-child a:after{border:none;}
.panel_opprt_drag .extra_bradcum ul li:first-child a{border-radius: 4px 0 0 4px;padding-left: 15px;}
.panel_opprt_drag .extra_bradcum ul li:last-child a{border-radius: 0 4px 4px 0;padding-right: 15px;}

/* default red color end*/
.panel.panel-block .panel-heading::after {clear: both;}
.panel.panel-block .panel-heading::before, .panel.panel-block .panel-heading::after {content:"";display: table;}
.panel.panel-block > .panel-heading div > h1:not(.note-editor){ display: inline; font-size: 18px; margin: -2px 0 0; }
.panel.panel-title-block h1 { max-width: 70%; }
.fgGroup .form-group { float: left; height: 80px; margin: 0; padding: 0 15px; }
.fgGroup .form-group.height_auto { height: inherit; margin-bottom:15px;}
.w-100 { width: 100%; }
.login-register{ background: url("../images/login-register-new.jpg") no-repeat ; background-size:cover !important; background-position:center;}
.login-box .white-box{ height:calc(100% - 110px); overflow-y: auto; }
.login-box.login-box_signup .white-box{ height:100%; overflow-y: auto;}
.sidebar #side-menu .user-pro .nav-second-level a:hover { color:#0b69a9;}
#side-menu li a { color:#333; }
#side-menu > li > a {padding: 15px 25px 15px 12px;}
#side-menu > li > a.active { color:#000;  font-weight: 400;}
#side-menu ul > li > a.active { font-weight: 400;} 
#side-menu > li > a i {color:#0b69a9; }
#side-menu > li > a.active{ border-left-color:#0b69a9;}
#side-menu > li > a.active i { color:#0b69a9;}
#side-menu ul > li > a:hover {color:#0b69a9 ;}
.navbar-header { background:#0b69a9 ;max-height: 60px;}
.mega-dropdown-menu li ul li a { clear: both; color: #686868; display: block; line-height: 1.42857; padding: 8px 0; white-space: normal;}
.mega-dropdown-menu li ul li a:hover, .mega-dropdown-menu li ul li a:focus {color: #0b69a9; text-decoration: none;}

.btn.btn-info, .btn.btn-info:focus, .btn-info:active:hover{ background:#0b69a9; border-color:#0b69a9; opacity:1;}
.btn-info:hover, .btn-info.disabled:hover  { border-color:#0b69a9; color:#0b69a9; background:#fff; opacity:1;}
.btn-info:focus, .btn-info.disabled:focus, .btn-info.focus, .btn-info.disabled.focus {background:#0b69a9; border-color:#0b69a9; color:#fff;}
	
.open>.dropdown-toggle.btn-info:hover, .open>.dropdown-toggle.btn-info:focus { box-shadow:none; border-color:#0b69a9; color:#0b69a9; background:#fff; opacity:1;}

.btn.btn-green{ background:#72c748; border-color:#72c748; color:#fff;}
.btn.btn-green:hover{ border-color:#72c748; color:#72c748; background:#fff; opacity:1;}
.btn-btn-green:hover, .btn-btn-green.disabled:hover, .btn-btn-green:focus, .btn-btn-green.disabled:focus, .btn-btn-green.focus, .btn-btn-green.disabled.focus{ border-color:#72c748; color:#72c748; background:#fff; opacity:1; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background:#0b69a9; border-color:#0b69a9; }
table.dataTable thead th, table.dataTable tfoot th { font-weight:500 !important;}
.sweet-alert.showSweetAlert.visible.cstm-size{
 left: 40% !important; width: 800px !important;}

.parsley-error-list { color: #bc401a; display: block;  list-style: outside none none; margin: 0; padding: 0; text-align: right;}
.oder_form label { display: block; font-size: 13px; }
.oder_form div.radio{ width:auto; height: auto; display:block; margin-bottom:5px;}
.oder_form div.radio label{ display:inline-block;}
.oder_form div.radio label div.radio{ display:inline-block; margin:0;}

.oder_form .form-control { float: none; display: inline-block; *display: inline; zoom: 1; width: 98%; }
.oder_form .input-group .form-control {display: block; width: 100%;}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
.oder_form select.form-control{ float:left; width:96%;}
.oder_form .form-control{ float:left;}
.oder_form .form-group .rightmark, .oder_form .form-group .wrongmark, .oder_form .form-group .wrongmark_red{ margin:5px 0 0 0 !important;}
}
@media screen { @media (min-width: 0px) {
.oder_form select.form-control{line-height: 28px; float:left;}
}}
.oder_form .form-control.msg { float: none; display: inline-block; *display: inline; zoom: 1; width: 100%; }
.oder_form .form-group { height: 80px; margin: 0px;}
.oder_form .form-inline .form-group { height: auto; margin: 0px; }
.oder_form .form-group.height_auto { height: auto; margin-bottom:15px ; }
.oder_form .form-group.botmar { height: auto; margin: 0 0 15px; }
.oder_form .form-group.cvv_field { margin: 0 0 15px;}
.cvv_img { padding: 0px 0 0 15px; }
.cvv_img img { max-width: 100%; }
.form-control.msg { height: 80px; }

label.radio, label.checkbox{ padding-left:0;}
/* m-social start--------*/
.cpopup_main { position: fixed; left:0; top:0; background: rgba(0, 0, 0, 0.6); z-index:99; width:100%; height:100%;overflow-x: hidden; overflow-y: auto; }
.cpopup_main .cpopup_wrap{ position: relative; top: 0; left: 0; background-color: #fff; z-index: 0; margin:30px auto; padding:15px;  width:1000px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
/* m-social end--------*/

/* drop zone custom css start for m social */
.dropzone.dropzone-imgbck .dz-preview .dz-remove ~ .dz-trash { display:none; }
.dropzone.dropzone-imgbck .dz-message, .dropzone.dropzone-imgbck .dz-message span { margin:10px 0 !important; }
.dropzone.dropzone-imgbck{ border:2px solid #E5E5E5; text-align:center; padding:0px !important; background: #fff; min-height: 200px;}
.dropzone.dropzone-imgbck .dz-default.dz-message{ background:url(../images/cloud-uploading.png) no-repeat center center; /*issue inprd_add.php?product_id=20#sec_step3        height: 60px;*/}
.dropzone.dropzone-imgbck .dz-preview.dz-file-preview .dz-details img { border-radius:0; display: block;}
.dropzone.dropzone-imgbck .dz-default.dz-message span{font-size: 14px;font-weight: normal;  padding-top: 90px;vertical-align: middle; display:block;}
@keyframes stripes{ 
	0% { background-position: 0 0; }
	100% { background-position: 60px 30px; }
 }
.dropzone.dropzone-imgbck:hover{ background-size: 30px 30px; background-image: linear-gradient(-45deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent); animation: stripes 2s linear infinite; }
.profile_img_modal.cropper-imgback .modal-body .img-container .cropper-container .cropper-crop-box .cropper-view-box { border-radius:0;}
/* drop zone custom css end for m social */

/*Start : custom dropzone design for add_communication_site page*/
.dropzone.dropzone-imgbck.cstm-h-w .dz-preview{ padding: 0px; margin: 0px;height: 200px;width: 100%; }
.dropzone.dropzone-imgbck.cstm-h-w .dz-preview .dz-details{ background: rgba(0,0,0,0.9); height: 200px;width: 100%; }
.dropzone.dropzone-imgbck.cstm-h-w .dz-preview .dz-details img{ height: 200px; width: 100%;border-radius: 0%; }
.dropzone.dropzone-imgbck .dz-preview.dz-processing .dz-progress{ display: none; }
.dropzone.dropzone-imgbck a.dz-remove, .dropzone-previews a.dz-remove {  background: none; border: 2px solid #fff; color: #fff;  font-weight:500; line-height: normal; padding: 5px 10px; position: absolute; right: 10px; top: 10px;}
.dropzone.dropzone-imgbck .dz-preview .dz-details .dz-size{ display: none; }
.dropzone.dropzone-imgbck .dz-preview .dz-details .dz-filename{ display: none; }
/*End : custom dropzone design for add_communication_site page*/
/* --------------------------- notedata css start ----------------------------------- */
.noteboxdiv { padding: 20px 0 0; }
.noteboxdiv .notetable { margin: 0; background: none; }
.notedata { position: relative; background: #FFFFFF; border: 1px solid #E5E5E5; margin: 0 0 8px; text-align: left; float: left; width: 100%; }
.notedata .centerform { margin: 0px !important; }
.notedata h3.heading { color: #0b69a9 ; font-size: 15px; line-height: 20px; text-align: left; padding: 0 10px; }
.notedata p.datesec span { background: #0b69a9 ; border-radius: 0 0 5px 0px; color: #FFFFFF; display: inline-block; *display: inline; zoom: 1; font-size: 14px; line-height: 16px; padding: 5px 20px; word-spacing: 1em; }
.searchdiv .notetable { width: 100%; }
.searchdiv .notetable tbody tr:nth-child(2n+1) td .notedata { background: #F9F9F9; }
.searchdiv .notetable tbody tr td { background: #FFFFFF; border: none; color: #333333; font-size: 14px; line-height: 18px; padding: 0; }
.noteboxdiv .notetable tbody tr td { background: none; }
.notedata p { padding: 0px 10px; }
.notedata p.datesec { padding: 0px; }
.notedata p.icons { position: absolute; z-index: 10; top: 0px; right: 0px; background: #0b69a9 ; width: auto; padding: 2px; display: none; }
.notedata:hover p.icons { display: block; }
.notedata p.icons a { color: #fff; margin: 0px 5px; text-decoration: none; }
.notedata p.icons a:hover { color: #393838; }
.notedata p.icons a i { color: #fff; font-size: 20px; }
.notedata p.icons a:hover i { color: #393838; }
/* --------------------------- notedata css end ------------------------------------- */
/*--------------------------- alert data start -------------------------------------*/
.alertdata { position: relative; background: #FFFFFF; border: 1px solid #E5E5E5; margin: 0 0 8px; text-align: left; float: left; width: 100%; }
.alertdata .centerform { margin: 0px !important; }
.alertdata h3.heading { color: #0b69a9 ; font-size: 15px; line-height: 20px; text-align: left; padding: 0 10px; }
.alertdata p.datesec span { background: #0b69a9 ; border-radius: 0 0 5px 0px; color: #FFFFFF; display: inline-block; *display: inline; zoom: 1; font-size: 14px; line-height: 16px; padding: 5px 20px; word-spacing: 1em; }
.alertdata p { padding: 0px 10px; }
.alertdata p.datesec { padding: 0px; }
.alertdata p.icons { position: absolute; z-index: 10; top: 0px; right: 0px; background: #0b69a9 ; width: auto; padding: 2px; display: none; }
.alertdata:hover p.icons { display: block; }
.alertdata p.icons a { color: #fff; margin: 0px 5px; text-decoration: none; }
.alertdata p.icons a:hover { color: #393838; }
.alertdata p.icons a i { color: #fff; font-size: 20px; }
.alertdata p.icons a:hover i { color: #393838; }
/*--------------------------- alert data start -------------------------------------*/
.js-switchdiv { display:inline-block; }
.js-switchdiv div.checker, .js-switchdiv div.checker span, .js-switchdiv div.checker input { width: auto; height:auto;background:none; }
.js-switchdiv  span.switchery.switchery-default { height:30px; width: 60px; background:none; }
.js-switchdiv .switchery.switchery-default:after { content: "ON"; color: #000; font-size: 12px; line-height: 29px; padding-right: 4px; text-align: left;vertical-align: middle; }
.js-switchdiv .switchery.switchery-default:before { color: #000;content: " OFF";float: right;font-size: 12px;line-height: 29px;padding-right: 4px;text-align: right;vertical-align: middle; }

.ms-parent .ms-choice { border:1px solid #e4e7ea; height:34px; border-radius:0;  line-height: 22px;}
.ms-parent .ms-choice:focus{ outline:none; border-color:#2b2b2b;}
.ms-parent .ms-choice > div, .ms-parent .ms-choice > span { top:6px;}
.ms-parent .ms-drop li input[type=checkbox], .ms-parent .ms-drop li input[type=radio] { margin:0 5px 0 0;}
.ms-parent .ms-drop li label{ font-weight:300;}
.ms-parent  .ms-drop ul > li label.optgroup { font-weight:500;}
.group_select .ms-parent  .ms-drop ul > li label { margin-left:15px;} 
.group_select .ms-parent  .ms-drop ul > li.group label, .group_select .ms-parent  .ms-drop ul > li.ms-select-all label  { margin-left:0;} 

/* profile page inline css start*/
.ajex_loader { background: rgba(255, 255, 255, 0.8) url("../images/loader.gif") no-repeat scroll center center; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999999 ; }
.ajex_loader.fixed { position: fixed; }
#main_profile_image_editor .cr-slider-wrap, #main_cover_image_editor .cr-slider-wrap { width: 240px; }
.hide_div { display: none; }

.browser_file ul.edit-det-prof { margin:0; padding:5px 0 5px 0; }
.browser_file ul.edit-det-prof li { display:inline-block; margin:0 6px; }
.browser_file ul.edit-det-prof li:last-child a { font-size:17px; vertical-align:bottom; }
.browser_file ul.edit-det-prof li a { font-size:18px; color: #f00; }

.profile-dropzone.dropzone .dz-preview .dz-trash{ color: #DB4C63; font-weight: 500; }
.pro_drop_div .cpopup_main.large_popup .cpopup_wrap { width:970px;}
.pro_drop_div .cpopup_main .cpopup_wrap { position: relative; top: 0; left: 0; background-color: #fff; z-index: 999; margin:90px auto; padding:15px; width:600px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.pro_drop_div .profile-dropzone.dropzone { min-height: 100px;color: #bababa; display: inline-block; height: 100px; padding-top: 28px; text-align: center; width: 100px; border:none; padding:0px; border:1px solid #ddd; border-radius:100%; }
.pro_drop_div .profile-dropzone.dropzone a.dz-remove, .pro_drop_div .profile-dropzone.dropzone .dropzone-previews a.dz-remove { bottom: -24px; cursor: pointer; left: 0; position: absolute; width: 100%; color: red; }
.pro_drop_div .profile-dropzone.dropzone .dz-success-mark { display:none; }
.dropzone.profile-dropzone .dz-preview.dz-success .dz-success-mark, .pro_drop_div .profile-dropzone.dropzone .dropzone-previews .dz-preview.dz-success .dz-success-mark { display:none; }
.profile-dropzone.dropzone .dz-preview .dz-details .dz-size, .profile-dropzone.dropzone .dropzone-previews .dz-preview .dz-details .dz-size { display: none; }
.profile-dropzone.dropzone .dz-preview.dz-processing .dz-progress, .profile-dropzone.dropzone .dropzone-previews .dz-preview.dz-processing .dz-progress { display: none; }
.profile-dropzone.dropzone .dz-preview, .profile-dropzone.dropzone .dropzone-previews .dz-preview { background:none; border:0; height: 100%; width:100%; margin: 0; padding: 0; }
.profile-dropzone.dropzone .dz-preview .dz-details .dz-filename, .profile-dropzone.dropzone .dropzone-previews .dz-preview .dz-details .dz-filename { display: none; }
.profile-dropzone.dropzone .dz-preview .dz-details img, .profile-dropzone.dropzone .dropzone-previews .dz-preview .dz-details img { width: 100% ; height: 100%; display:block !important; position:relative; max-height:250px; border-radius:100%; }
.profile-dropzone.dropzone .dz-preview .dz-details, .profile-dropzone.dropzone .dropzone-previews .dz-preview .dz-details { background: none; height:100%; width: 100%; margin-bottom:0; padding: 0px;}
.profile-dropzone.dropzone .dz-default.dz-message{ position:absolute; width:100%;  min-height: 100px;display: flex; justify-content:center; align-content:center; flex-direction:column; }
/* profile image dropzone end------*/
.modules-list ul li a { clear:both; color:#686868; padding:5px 0; white-space: normal; display: block; line-height: 1.42857; }
.modules-list ul li a:hover, .mega-dropdown-menu li ul li a:focus { color: #ff6849; text-decoration: none; }
.modules-list { padding-top: 40px; }
/* profile page inline css end*/

body.iframe  .panel.panel-default { border:none; box-shadow:none; margin-bottom:0;}
body.iframe .panel.panel-default .panel-heading{ font-size:18px; font-weight:300; padding:15px; border-bottom:1px solid #e5e5e5; padding-right:50px;}
body.iframe .panel.panel-default .panel-heading div { padding:0; }
.iframe .form_wrap  .form-group .checker { display:inline-block;}
.iframe .form_wrap  .form-group .checker + label { display:inline;}



.bottom_power_logo { position:relative; bottom:0px; left:0; padding:10px 0; width:100%; text-align:center; background:#fff; }
/* footer start*/
.login-page .login-sidebar { padding-bottom:0px; position:absolute; }
.login-page .login-sidebar img{ max-height:100px;}
.login-page .login-register { bottom: 0; }
.login-page .footer{ left: 0px; background-color: #989897; padding: 15px 7.5px; position:fixed; }
.login-page .footer ul.b_link li a{ color: #eff0f1; }
.login-page .footer ul.b_link li a:hover { color: #fff; }
.login-page .footer .social-links li a{ color: #989897; background: #fff; }
.login-page .footer .social-links li a:hover{ background-color: #0b69a9;color: #fff; }
.footer { padding: 15px 10px;}
.footer ul.b_link { margin:10px 0; padding:0;}
.footer ul.b_link li{ display:inline-block; border-right:1px solid #ddd; margin-left:5px; padding-right:10px; line-height:14px;}
.footer ul.b_link li a{ color:#666; font-size:14px;font-family: 'Arial';}
.footer ul.b_link li a:hover { color:#000;}
.footer ul.b_link li:last-child { border-right:0;}
.social-links { float:right; margin:0; padding:0; }
.social-links li { display:inline-block;  vertical-align:top; font-family: 'Arial'; color:#999; } 
.social-links li a { text-align:center ; height:35px; width:35px; background:#666; display:inline-block; border-radius:100%; -webkit-border-radius:100%;-moz-border-radius:100%; color:#fff; vertical-align:middle; display:table-cell;}
.social-links li a:hover { background-color:#0b69a9;}
/* footer end*/
/*Dashboard page start*/
.morris-hover { position:absolute; z-index:1; }
.morris-hover.morris-default-style .morris-hover-row-label {font-weight:bold; margin:0.25em 0 ;}
.morris-hover.morris-default-style .morris-hover-point { white-space:nowrap; margin:0.1em 0; }
.morris-hover.morris-default-style { border-radius: 2px; padding: 10px 12px; color: #666; background:rgba(0, 0, 0, 0.7); border: none;}
.morris-hover-point {}
/*Dashboard page end */
/* Support Dashboard */
.green{color:#009900;}
.red{color:#cd2122;}
ul.statustab li a{padding:10px 6px;}
.panel-info ul li a{color:#666666;text-decoration: none;}

.icon_right .form-control { width: 94%;}
.icon_right a.remove_sub_cat { color: #ff0000;  float: left; margin-left: 4px; padding-top: 7px; font-size:16px; position: relative; }

.timeline.clean-timeline { padding:0; }
.timeline.clean-timeline .sl-date { font-size:14px; display:inline-block;}
.timeline.clean-timeline .timeline-panel { border:none; box-shadow:none; padding-top:0;}
.timeline.clean-timeline > li > .timeline-badge { top:0;}
.timeline.clean-timeline .timeline-panel:before { border:none; }
.timeline.clean-timeline li:nth-child(2n+2) .timeline-panel{ float:right; }

.product_widget { max-height:435px;}
.product_widget .media{ border:none; width:100%;}
.product_widget .mCSB_inside > .mCSB_container { margin-right:15px; }

button { background:none; border:none;}
button:focus{ outline: none;}

.operator-list li{ display:inline-block; margin:0 10px 10px; text-transform:capitalize; border:1px solid #ddd; border-radius:4px ; padding: 0px 10px 0px 2px; min-width:192px; background:#fff;}
.operator-list li span{ border-right:1px solid #ddd; padding-right:5px; padding-top:6px; font-size:18px; margin-left:5px;margin-right:5px;  height:30px; vertical-align:middle; display: inline-block;}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ vertical-align:middle;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding:10px;}
table.text-center tbody tr td, table.text-center thead tr th { text-align:center;} 
.sform  .form-group{ width:100%; display:inline-block; min-height:80px; margin-bottom:0;} 
.sform  .panel-footer .form-group { min-height:inherit; margin-bottom:0; width:auto;}

.tooltip { font-family: "Rubik",sans-serif; }
.popover { font-family: "Rubik",sans-serif; }
.popover .popover-content table tr td,  .popover .popover-content table tr th{ padding:8px}
.popover .popover-content table thead th{ background:none  !important; color:#03a9f3 !important; }

/*iframe css start */
.iframe .white-box { padding:0; margin:0;}
.iframe  .panel .panel-heading{ padding:15px 62px 15px 20px;}
.iframe >  #wrapper > .panel-body { padding:0;}

/*Start : cropper css*/
.img-container{ max-height: 400px; overflow:hidden; }
/*End : cropper css*/

/* uniform design update */
.fgGroup .form-group .radio:not(.radio_cust) span input[type="radio"]{ margin-left:-9px;}
.fgGroup .form-group .radio:not(.radio_cust) + label{ cursor:pointer;}
.checkbox-inline + .checkbox-inline, .radio:not(.radio_cust)-inline + .radio:not(.radio_cust)-inline { margin-left: 15px;}
.checkbox-inline, .radio:not(.radio_cust)-inline { padding-left:0 !important;font-weight:300; margin:2px 0; }
.div.selector, div.selector span, div.checker span, div.radio:not(.radio_cust) span, div.uploader, div.uploader span.action, div.button, div.button span{ background-image:url(../images/blue.png) !important;}
div.radio:not(.radio_cust), div.radio:not(.radio_cust) span, div.radio:not(.radio_cust) input { width:20px !important; height:22px !important; vertical-align:middle; }
div.radio:not(.radio_cust) span, div.radio:not(.radio_cust).hover span  {  background-position:-88px 0px !important;} 
div.radio:not(.radio_cust) span.checked, div.radio:not(.radio_cust).focus span.checked { background-position:-110px 0 !important; }
div.radio:not(.radio_cust).hover.active span, div.radio:not(.radio_cust).focus.active span { background-position:-88px 0px !important; }
div.radio:not(.radio_cust).hover.active span.checked, div.radio:not(.radio_cust).focus.active span.checked { background-position:-110px 0 !important; }
div.radio:not(.radio_cust).active span.checked {  background-position:-110px 0 !important;}

div.checker, div.checker span{width:20px !important; height:22px !important;  }
div.checker, div.checker span, div.checker input { height: 22px !important; width: 22px !important;}
div.checker span, div.checker.hover span  {background-position:0px 0px  !important; }
div.checker span.checked, div.checker.focus span.checked, div.checker.hover span.checked {background-position:-22px 0 !important; }
div.checker.hover span, div.checker.focus span {background-position:-22px 0 !important;}
div.checker.hover.active span, div.checker.focus.active span { background-position:0px 0px !important; }
div.checker.hover.active span.checked, div.checker.focus.active span.checked { background-position:-22px 0 !important; }
div.checker.hover span, div.checker.focus span { background-position:0 0 !important; }

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

.chart-text-green { color: #99D683; font-size: 12px; font-weight: 500; padding-top: 10px; }
.chart-text-blue { color: #13DAFE; font-size: 12px; font-weight: 500; padding-top: 10px; }
.chart-text-yellow { color: #FFDB4A; font-size: 12px; font-weight: 500; padding-top: 10px; }

/*prd_add rules page style start===============>*/
.space_bottom .form-group { margin-bottom: 25px; }
.indent_left { display: inline-block; margin-bottom: 10px; margin-top: 10px; margin-left: 50px; width: 100%; }
.space_tb20 { margin:25px 0; }

.sub_features { margin-left:40px; }
.sub_features .checker { display: none; }
/*prd_add rules page style end<=================*/

.table.table-rbg thead tr th { background:none; color:#0b69a9; }
.table.table-rbg thead th a { color:#0b69a9; }

.member_card { display:inline-block; text-align:center; margin:50px 0; width:100%; }
.member_card .two-card{margin-top:35px; position:relative;}
.member_card .two-card .panel{ width:366px;border-radius:14px; border:3px solid #0e5c99;display: inline-block; vertical-align:top;}
.member_card .two-card .panel:first-child { margin-right:40px;}
.member_card .two-card .panel:last-child{ margin-left:40px;}
.member_card .two-card .panel .panel-heading { padding:10px 0;border-bottom:3px solid #0e5c99;max-height: 45px;}
.member_card .two-card .panel .panel-heading img {max-height: 26px; }
.member_card .two-card .panel .panel-body {/* padding:30px 20px;*/}
.member_card .two-card .panel .panel-body ul{ margin:0; padding:0;}
.member_card .two-card .panel .panel-body ul li{clear: both;color: #000000;display: table;font-size: 14px;   font-weight: 500;margin-bottom: 10px;width: 100%;}
.member_card .two-card .panel .panel-body ul li:last-child { margin-bottom:0; }
.member_card .two-card .panel .panel-body ul li > div { width:50%; float:left; text-align:left; }
.member_card .two-card .panel .panel-footer { padding:10px 0; background-color:#0e5c99; border:none;border-radius:0px 0px 9px 9px; }
.member_card .two-card .panel .panel-footer p { color: #ffffff;font-size: 11px;font-weight: 500;line-height: normal;margin: 0; }
.member_card .two-card .panel .panel-footer p:first-child { margin-bottom:4px; }
.member_card .two-card .divider { color: #c7c7c7;font-size: 16px;font-weight: 500;left:-24px; margin:0 auto; height:35px; width:240px;position: absolute;right: 0;top: calc(50% - 15px);transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform:rotate(90deg);  }
.member_card .two-card .divider:before { border-top: 2px dashed #c7c7c7;content: "";left:0px;position: absolute; top: -6px;width: 240px; }
.member_card .two-card.saffron-card .panel ,.member_card .two-card.saffron-card .panel .panel-heading { border-color:#f26622; }
.member_card .two-card.saffron-card .panel .panel-footer { background-color:#f26622; }
.member_card .two-card.red-card .panel { min-height:340px;}
.member_card .two-card.red-card .panel ,.member_card .two-card.red-card .panel .panel-heading { border-color:#99264d; }
.member_card .two-card.red-card .panel .panel-footer { background-color:#99264d; }

/*Start : media query*/
.form-inline .form-group { display: inline-block;/*  vertical-align:top; */ }
.form-inline .form-group label{ margin-bottom:0;}
.form-inline .form-control { width:auto; display: inline-block; }

/*datepicker css start */
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled]:hover { background:#0b69a9 !important;  }
/*datepicker css end */

.btn-loader { color: transparent !important; position:relative; overflow: hidden; }
.btn-loader:after { content:""; background-image:url(../images/spin.svg); background-repeat:no-repeat; background-position:center; background-size:25px; position:absolute; left:0; top:0; width:100%; height:100%; }
.btn-loader:before { content:""; background-color:rgba(0, 0, 0, 0.25); position:absolute; left:0; top:0; width:100%; height:100%; }

#search_btn { display:none; }

.welcome-box { text-align:center; }
.welcome-box h1 { text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2); }
.welcome-box h4 { color:#777; font-style: italic; font-size:15px; }

.player_bar { display:initial;}
.player_bar .sm2-bar-ui .sm2-playlist { display:none;}
.player_bar .sm2-inline-button i{position: relative;float: left; text-align: center; width: 100%; padding-top: 12px; color:#595959;}
.player_bar .sm2-bar-ui.compact { min-width:310px; vertical-align:top; margin-top:-11px;}
.player_bar .close_player {color: #878787; display: inline-block; vertical-align: top;}

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

.app-search .select-wrapper + input.form-control { min-width:280px;}

.sttabs {overflow: visible;} 

.comment-body  { width:100%;}
.comment-center .mail-contnet h5 { overflow:visible; white-space:normal; }
.comment-center .mail-contnet h5 .time{font-size: 10px; color:#848a96; font-weight:300;}
.comment-body .mail-contnet .mail-desc { height:auto;line-height:normal; margin-bottom:0;}

.trigger_template .panel-group .panel { border:1px solid #e5e5e5; border-radius:0;    background-color: #fbfbfb; }
.trigger_logo { width: 100%; display: inline-block; text-align: center; cursor: pointer;  margin:4px 0; background: #FFF; padding:8px 10px;}
.trigger_logo.active {box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);}
.trigger_address { width: 100%; display: inline-block; margin: 10px 0; background: #FFF; cursor: pointer; padding: 10px;}
.trigger_address.active {box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);}
.trigger_footer {width: 100%; display: inline-block; margin: 10px 0; background: #FFF; padding: 10px; cursor: pointer;}
.trigger_footer.active {box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);}
.panel-collapsetab .img_scroll .trigger_logo img{ max-height:35px; max-width:100%;}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {padding-top: 2px;}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left:0;}

/* invoices page css start */
.left-invoices { background:#fff; border-right:1px solid #c0bfc0; }
.left-invoices .left-title { padding:15px; margin:0;}
.left-invoices .media { border:none; border-bottom:1px solid #ebebeb; padding:8px; margin:0;}
.left-invoices .media.active, .left-invoices .media:hover { background-color:#f4f4f4;}
.left-invoices .media .media-heading {  font-weight: 400; font-size:16px;}
.left-invoices .media .media-body p { font-size:12px;}
.right_heading { background:#fff; border-bottom:1px solid #e4e7ea;}
.right_heading .right-title { margin:0; padding:15px; }
.right_heading .right-title span { font-size:14px; margin-left:8px;}
.flexbox { font-weight:normal;}
.flexbox #account-history .panel-body{ padding:0;}
.flexbox .sl-right .m-l-40 { margin-left:0 !important;} 

.invoice_activity.div_table { color:#333; margin-top:0; width:auto; margin-bottom:10px;}
.invoice_activity.div_table .table_row .table_cell { padding: 6px 0; position:relative;}
.invoice_activity  .icon{ border:2px solid #ddd; width:30px; height:30px; line-height:27px;  display:inline-block; border-radius:100%; -webkit-border-radius:100%; background: #fff; text-align:center; margin-left:6px; margin:0 15px; position:relative; z-index:2; color:#0b69a9;}
.invoice_activity  .table_row .table_cell:nth-child(2):after { content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background-color:#e1e1e1;  }
.invoice_activity .date { font-size:12px; color:#989898;  }
.invoice_activity .right-cont small { color:#7b7b7b;}
.pdf_wrapper { max-width:800px; margin:0 auto;}
.pdf_wrapper .pdf_iframe { position:relative;}
.pdf_wrapper .pdf_iframe iframe{ border:none; box-shadow:0 0px 4px rgba(0, 0, 0, 0.35); position:relative;}
.pdf_wrapper .pdf_iframe.sent_label:after { content:""; background-image: url('../images/sent-ribbon.png'); width:94px; height:94px; position:absolute; left:-5px; top:-4px;  } 
.pdf_wrapper .pdf_iframe.draft_label:after { content:""; background-image: url('../images/draft-ribbon.png'); width:94px; height:94px; position:absolute; left:-5px; top:-4px;  }
.pdf_wrapper .pdf_iframe.paid_label:after { content:""; background-image: url('../images/paid-ribbon.png'); width:94px; height:94px; position:absolute; left:-5px; top:-4px;  }
.pdf_wrapper .pdf_iframe.past_due_label:after { content:""; background-image: url('../images/past-due-ribbon.png'); width:94px; height:94px; position:absolute; left:-5px; top:-4px;  }
.ribbon-wrapper {width: 130px; height: 130px; overflow: hidden; position: absolute; top:0px; left:0px;}
.ribbon-wrapper .ribbon {font-size: 15px; font-weight:400; text-align: center; -webkit-transform: rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform:      rotate(-45deg); position: relative; padding: 7px 0; top: 30px; left: -36px; width: 172px; background-color: #0b69a9; color: #fff;}
.ribbon-wrapper .ribbon.danger{ background:#fb9678; }
.ribbon-wrapper .ribbon.success{ background:#00c292; }
.ribbon-wrapper .ribbon.orange{ background:#fba51a; }
.text-default{color: #686868;}
/* invoices page css end */

.page_names{ margin-left: 15px; }
li.page_names>a,li.page_names>a:hover,li.page_names>a:focus{line-height: normal;font-weight: 400;background-color: rgba(0,0,0,0.2);padding: 10px 20px;min-height: auto;display: block;border-radius: 50px;margin-top: 10px;}
.dash_piplines .customtab {border-bottom: 2px solid #ddd;}
@media (min-width: 768px){
.dash_piplines .col-sm-9{ width: calc(100% - 185px); }
.dash_piplines .col-sm-3{ width: 185px; }
}
.br-r { border-right:1px solid #e4e7ea;}
.div_table { display:table; width:100%; }
.div_table .table_row { display:table-row;} 
.div_table .table_row .table_cell{ display: table-cell;} 
.div_table.width_auto { width:auto;}

.customtab li a{ font-weight:normal;}
.customtab li.active a, .customtab li.active a:hover, .customtab li.active a:focus { border-bottom: 2px solid #0b69a9 ; color: #0b69a9 ;}

.typeahead.dropdown-menu { width:calc(100% - 15px);} 
.typeahead.dropdown-menu li a { font-weight:300;}
.typeahead.dropdown-menu li.active a{ background-color:#0b69a9; }

.custom-chat .odd .chat-body { }
.custom-chat .odd .chat-text{ background-color:#0b69a9; text-align:left; font-size:14px; }
.custom-chat .chat-text { border-radius:4px; width:57%; font-weight:400;}
.custom-chat .chat-text:after { content:""; width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 12px; border-color: transparent transparent transparent #0b69a9 ; position: absolute; right: -12px; top: 10px;}

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

.p-t-5 { padding-top:5px;}
.input-group-addon { font-weight:300;}
.cust_data_selection { margin-bottom:15px; vertical-align:top; display:inline-table; }
.cust_data_selection .input-group { width:1%;}
.cust_data_selection .dropdown { display: table-cell;}
.cust_data_selection  .dropdown-toggle{ min-width:160px; width: auto; text-align:right; }
.cust_data_selection  .dropdown-toggle span:first-child { float:left; font-weight:400; color:#0b69a9; }
.cust_data_selection  .dropdown-toggle:hover{ border-color:#0b69a9; color:#0b69a9; }
.cust_data_selection  .dropdown-toggle:focus { color:#0b69a9;border-color:#0b69a9;}
.cust_data_selection .input-group-addon { background:none; border-color:#e4e7ea;}
.cust_data_selection + #custom_date_div { display:inline-block;}
.cust_data_selection + #custom_date_div .input-group-addon { background:none; padding-right:1px; border-color:#e4e7ea; border-right:none; color:#686868;}
.cust_data_selection + #custom_date_div input.form-control{border-left:none;}
.cust_data_selection + #custom_date_div input.form-control:focus{ border-color:#e4e7ea;}
#custom_date_div .form-inline .input-group  { vertical-align:top !important;} 

.report_main_table { margin:0;}
.report_main_table tr td { padding:8px 0; color:#2b2b2b;}
.report_main_table tr td i span { font-family:'Rubik',sans-serif; font-size:13px;}
.report_main_table tr td small { }
table.text-right th{ text-align:right;}

.bg-title .extra_detis{ float:right;color: #0b69a9;padding-right:15px;}
.bg-title .extra_detis label{ font-size:16px; font-weight:normal; line-height:normal;}
.bg-title .extra_detis .price{font-size:16px; font-weight:normal; line-height:normal;}

.drop-title { padding: 11px 15px; }
.msg_notification .badge { background-color: #03a9f3; display: block; line-height: 15px; min-width: 18px; padding: 2px; position: absolute; right:-5px; top: -10px; font-weight: normal; }
.msg_notification .badge:empty { display: none; }
.msg_notification .dropdown-toggle i { font-size: 20px; vertical-align: middle; }
.msg_notification .dropdown-toggle { /*padding: 0px 14px; line-height: 60px; overflow: hidden;*/ float: left; display: inline-block; }
.msg_notification .mailbox .notification_full:hover { background-color: #f7fafc; }
.msg_notification .mailbox { padding-top: 0; }
.msg_notification .mailbox .notification_full { position: relative; }
.msg_notification .mailbox .message-center { max-height: 330px; }
.msg_notification .mailbox .message-center .mCSB_scrollTools.mCSB_scrollTools_vertical { width: 3px; }
.msg_notification .mailbox .message-center  .mCSB_inside > .mCSB_container { margin-right: 0; }
.msg_notification .mailbox .message-center  .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background: none; }
.msg_notification .mailbox .message-center > a:hover { background-color: transparent; }
.msg_notification .mailbox .message-center p { margin-top: 10px; }
.msg_notification .mailbox .message-center .mail-contnet span { cursor: pointer; }
.msg_notification .mailbox .message-center .mail-contnet h5 { padding-right: 15px; cursor: pointer; }
.msg_notification .mailbox .message-center .mail-contnet { padding: 9px 15px; border-bottom: 1px solid rgba(120, 130, 140, .13); display: block; z-index: 55; }
.msg_notification .mailbox .notification_full:hover a.remove_notification { display: block; }
.msg_notification .mailbox .message-center .remove_notification { border: none; position: absolute; z-index: 99; display: none; right: 8px; top: 8px; font-size: 12px; padding: 2px; opacity: 0.5; }
.msg_notification .mailbox .message-center .remove_notification .ti-close { color: #2b2b2b; }
.msg_notification .mailbox .message-center .remove_notification:hover { opacity: 1; }
.msg_notification .mailbox .message-center .notification_loader { margin: 5px; position: absolute; bottom: 0; left: 0; text-align: center; background: #ffffff; z-index: 99; right: 2px; }
.msg_notification .mailbox .noti_unopened, .msg_notification .mailbox .noti_unopened:hover{ border:1px solid #ffbe67; background-color:rgba(255, 200, 135, 0.35);}
.msg_notification .mailbox .noti_unopened h5, .msg_notification .mailbox .noti_unopened .time, .msg_notification .mailbox .noti_unopened .mail-desc{ font-weight:400;color:#333;}
.msg_notification .mailbox .noti_unopened +  .noti_unopened { border-top:0;}

.dialer-info .floating-labels .form-group.cdrop_wrapper > label:first-child{ font-size: 12px; top: -16px; color: #686868; position:absolute; }
.dialer-info .form-inline .form-group { margin: 0 5px; vertical-align: middle; }
.dialer-info .floating-labels  .form-group {min-height:60px; margin-bottom: 15px; }
.dialer-info .floating-labels  .form-group.height_auto {min-height: inherit; margin-bottom: 25px; }
.dialer-info .floating-labels  .form-group > label:first-child { position:relative; top:0; pointer-events:inherit;}
.dialer-info .floating-labels  .form-group label.pr { position:relative; top:0; pointer-events:inherit;  }
.dialer-info .floating-labels  .form-group label.radio-inline {position:relative; top:0; pointer-events:inherit; cursor:pointer;}
.dialer-info .floating-labels  .form-group label { color: #686868; font-size: 14px; top: 8px; pointer-events: none; padding:0; }
.dialer-info .floating-labels .form-control:focus ~ label, .dialer-info .floating-labels .form-control:valid ~ label, .dialer-info .floating-labels .form-control.has-value ~ label { font-size: 12px; top: -16px; }
.dialer-info .floating-labels label.label-spacing{font-size: 12px; top: -32px !important;}
.dialer-info .floating-labels  .form-group .form-control { font-size: 14px; padding:0 !important; width: 100%; max-width: 100%; height: 35px; -webkit-appearance: none; -moz-appearance: none;  appearance: normal;}
.dialer-info .floating-labels  .form-group .form-control:focus { border-bottom: 1px solid #e4e7ea; }
.dialer-info .floating-labels  .form-group .bar:after, .dialer-info .floating-labels  .form-group .bar:before { background-color: #0b69a9; bottom: -1px; }
.dialer-info .floating-labels  .form-group .input-icon { position: absolute; left: 0; top: 8px; }
.dialer-info .floating-labels  .form-group .input-icon ~ .form-control { margin-left: 30px; max-width: calc(100% - 30px); }
.dialer-info .floating-labels  .form-group .input-icon ~ .bar { margin-left: 30px; }
.dialer-info .floating-labels  .form-group .input-icon ~ label { left: 30px; }
.dialer-info .floating-labels .form-group.cdrop_wrapper > label:first-child{ font-size: 12px; top: -16px; color: #686868; position:absolute; }

.custom_drag_control { position:relative; display:inline-block; width:100%; margin:2px 0;}
.custom_drag_control .btn{ position:absolute; right:0; top:0; padding:7px 15px; }
.custom_drag_control .gui-file{ width: 100%; height: 100%; cursor: pointer; padding: 8px 10px; position: absolute; -moz-opacity: 0; opacity: 0; z-index: 11; bottom: 0; right: 0; }
.custom_drag_control .gui-input { border:1px dashed #e4e7ea; height:35px; padding:6px 12px; display:inline-block; width:100%;  }		
.custom_drag_control.custom-hover .gui-input   { border-color:#0b69a9;}

.cust_border tbody tr td, .cust_border thead tr th  { padding:6px;}
.cust_border td:first-child, .cust_border th[rowspan='2']:first-child,
.cust_border td:nth-child(5), .cust_border th[rowspan='2']:first-child,
.cust_border td:nth-child(9), .cust_border th:nth-child(9){ border-right:1px solid #ddd;}
.cust_border th[rowspan='2']:nth-child(4) {border-left:1px solid #ddd;}
.cust_border th[rowspan='2']:nth-child(6) {border-left:1px solid #ddd;}
.cust_border thead tr:first-child th[colspan='3'], .cust_border thead tr:nth-child(2)  th  { border:0;} 
.cust_border thead tr th:first-child, .cust_border tbody tr td:first-child { text-align:left; }

/*Start: agents new dashboard*/
.searchpopover.popover  { min-width:325px; }
.searchpopover .search-group { position:relative;}
.searchpopover .form-control {background:#fff; width:100%; padding:0 15px;  padding-right: 30px; line-height:normal; }
.searchpopover .form-control:focus{ width:100%;  padding:0 15px; background:#fff;padding-right: 30px; color: #333;  line-height:normal;}
.searchpopover .search-group  .form-control{ padding-right: 20px;background: transparent; box-shadow: none; display: block;}
.searchpopover .search-group #all_search{ position: absolute; top: 7px;  right: 5px; background-color: transparent; border: none; color:#F76708; }
.searchpopover .search-group #all_search_small{ position: absolute; top: 7px;  right: 5px; background-color: transparent; border: none; color:#F76708; }
.content-wrapper .user-profile{ display:inline-block; width:auto;}
@media (min-width:767px){
.content-wrapper .sidebar .user-profile { width: 60px; }
}
.user-profile { display: inline-block;  padding: 15px 0 0; margin-left:2px; position: relative; text-align: center; width:100%;}
.user-profile .user-pro-body {display:  inline-block; vertical-align:middle;}
.user-profile .user-pro-body img {width: 30px; height:30px; display: block;margin: 0 auto;  margin-right:5px;  border-radius:0; border-radius:100%; }
.user-profile .u-dropdown {color:#fff; font-weight:500;}
.user-profile .u-dropdown:focus , .user-profile .u-dropdown:hover{ background:none !important;}
.user-profile .dropdown-menu {right: 0px;width: 180px;left: 0px;margin: 0 auto;}
.top-enroll-boxes{ padding: 35px 15px; text-align: center; color: #fff; font-size: 17px; font-weight: 500; }
.top-enroll-boxes a,.top-enroll-boxes a:hover,.top-enroll-boxes a:focus,.top-enroll-boxes a:active{ color: #fff; }
.top-enroll-boxes.blue{ background-color: #0b69a9; }
.top-enroll-boxes.yellow{ background-color: #72c748; }
.top-enroll-boxes.black{ background-color: #383f41;}

.text-capital{
    text-transform: capitalize !important;
}

/*End: agents new dashboard*/

/*modal vertical align center */
.welcome_modal.modal  {text-align: center; padding: 0!important; }
.welcome_modal.modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}

.welcome_modal .modal-dialog {display: inline-block; text-align: left; vertical-align: middle;}
.welcome_modal {font-weight:normal; color:#2b2b2b;}
.welcome_modal label { font-weight:normal;}

.popover.smarte-popover  { min-width: 400px; }
.popover.smarte-popover .popover-content P:first-child{ border-bottom: 1px solid #ddd; padding-bottom: 10px; }

/*=== Top Search panel Design Start ===*/
.searching_panel{position: absolute;left:225px;right: 0;margin: 0 auto;width: calc(30% - 100px);}
#search-icon{ display:none;}
.searching_panel form.app-search .form-control{ border-bottom:2px solid rgba(255,255,255,0.6); border-radius:0; width:100%; color:#fff; padding-left:2px !important; padding-right:2px !important; box-shadow:inset 0 1px 1px #3e3e3e !important; background-color: #3e3e3e !important; }
.searching_panel form.app-search .form-control:-webkit-autofill, .searching_panel form.app-search .form-control:focus:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #3e3e3e inset !important; -webkit-text-fill-color: #fff !important; }

.searching_panel form.app-search #all_search{ color:rgba(255,255,255,0.6);}
.searching_panel form.app-search .form-control:focus { border-bottom-color:#fff; color:#fff !important;}
.searching_panel form.app-search .form-control::-webkit-input-placeholder{ color:#fff;}
.searching_panel form.app-search .form-control::-moz-placeholder{ color:#fff;}
.searching_panel form.app-search .form-control:-ms-input-placeholder{ color:#fff;}
.searching_panel form.app-search .form-control:-moz-placeholder{ color:#fff;}
/*=== Top Search panel Design End  ===*/

/*===manage_campaign Start====*/
.dy_emailcampian h5 { margin-bottom:0;}
.dy_emailcampian h5 a.btn_mail{display: block;width: 100%;padding: 12px 22px;border: 1px solid #ddd;color: #555; position:relative;}
.dy_emailcampian h5 a.btn_mail:before{ content:"\f067"; font-family:"FontAwesome";position: absolute;right: 20px;top: 12px;}
.dy_emailcampian h5 a[aria-expanded="true"]:before{ content:"\f068";}
.dy_emailcampian .collapse,.dy_emailcampian .collapsing{ border:1px solid #ddd;}
.dy_emailcampian .collapse.in,.dy_emailcampian .collapsing{ border-top:none;}
/*===manage_campaign End====*/
#member_product_frm_search .product_add_btn {position: relative; top:-10px}

#confirm_popup #basic_details .cstm-boxes { border: 1px solid #ddd; margin:10px 0 15px; padding: 20px; border-radius: 4px; min-height: 240px; position: relative; }
#confirm_popup #basic_details .cstm-boxes .heading-cstm { font-weight: bolder; font-size: 17px; padding-bottom: 10px; }
#confirm_popup .title-popup, .title-popup { border-bottom: 1px solid #d3d3d3; }
#confirm_popup .table thead th { font-weight:normal;}
#confirm_popup .table thead th,  #confirm_popup .table tbody td { padding:8px;} 
 
/* comman tab responsive scroll css start */
.scrtabs-tab-container{height:42px}
.scrtabs-tab-container .tab-content{clear:left}
.scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container>.navbar-nav{-ms-flex-direction:row;flex-direction:row}
.scrtabs-tabs-fixed-container{float:left;height:42px;overflow:hidden;width:100%;}
.scrtabs-tabs-movable-container{position:relative}
.scrtabs-tabs-movable-container .tab-content{display:none}
.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container>ul.nav-tabs{padding-right:0}

.scrtabs-tab-scroll-arrow{color:#428bca;display:none;float:left;font-size:12px;height:42px;padding-top:13px;width:20px; transition:all 0.3s ease-in-out; text-align:center; background-color:#f7fafc;}
.scrtabs-tab-scroll-arrow:hover{background-color:#0b69a9; color:#fff;}
.scrtabs-tab-scroll-arrow,.scrtabs-tab-scroll-arrow .scrtabs-click-target{cursor:pointer}
.scrtabs-tab-scroll-arrow.scrtabs-with-click-target{cursor:default}
.scrtabs-tab-scroll-arrow.scrtabs-disable,.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target{color:#ddd;cursor:default}
.scrtabs-tab-scroll-arrow.scrtabs-disable:hover{background-color:initial}
.scrtabs-tabs-fixed-container ul.nav-tabs>li{white-space:nowrap}
/* comman tab responsive scroll css end */
.bs-taginput-textarea  .bootstrap-tagsinput{ min-height: 133px; position:relative; padding-bottom:22px;}
.bs-taginput-textarea  small { position:absolute; bottom:5px; right:10px;  color:#acacac;}
.label-info { background-color: #0b69a9;}
/*=== group details popup design ====*/
.main_product_row .panel-info { border:1px solid #3F9FC6;}
.main_product_row .panel-info .panel-heading{ background-color:#3F9FC6; color:#fff; text-align:center; font-size:17px; position:relative;  }
.main_product_row .panel-info .panel-heading .panel-close { background-color:#fff; font-size:8px ;  width:15px; height:15px; border-radius:12px; line-height:16px; position:absolute; right:12px; top:6px; color:#000; text-align:center; }
.main_product_row .panel-info .panel-heading .panel-close i{ font-size:8px;line-height: 15px;position: relative;left: 0.5px;}
.main_product_row .panel-info .checkbox { font-weight:normal;}
.main_product_row .checkbox-wrap { border: 1px solid #fff; padding:12px;}
.main_product_row .checkbox-wrap.active {border: 1px solid #3F9FC6;}
.main_product_row .checkbox-wrap .checkbox-description { margin-left:70px; }

.main_product_row input:focus { outline:none; }
.main_product_row .plan_table { width:100%; font-size:12px; }
.main_product_row .plan_table tr td, .plan_table tr th { padding:8px 0px;}
.main_product_row .plan_table thead tr th { border-bottom:1px solid #d8d8d8; 	font-weight: bold; color:#0C0C0C;}
.main_product_row .plan_table .float-input ,
.main_product_row .premploye_box .float-input{ border:0; border-bottom:1px solid #4F4F4F; padding:0 2px; min-width:175px; }
.main_product_row .plan_table .float-input[disabled='disabled'],
.main_product_row .premploye_box .float-input[disabled='disabled'] {border-bottom:1px solid #D8D8D8;}
.main_product_row .plan_table .info-icon { color:#595959; position:absolute; right:20px; top:-4px; padding:1px; font-size:14px; }
.main_product_row .plan_table .pr { display:inline-block; position:relative;}
.main_product_row .plan_table .value-nav{position: absolute;right: 0;width: 15px;text-align: center; top:-3px;}
.main_product_row .plan_table .value-nav a{display: block;font-size: 14px;line-height: 8px;cursor: default;overflow: hidden;}
.main_product_row .plan_table .value-nav a i{line-height: 8px;vertical-align: top;}

.main_product_row .panel-blue a.btn-info,
.main_product_row .panel-info a.btn-info{ color:#fff;}
.main_product_row .panel-blue a.btn-info:hover,
.main_product_row .panel-blue a.btn-info:focus,
.main_product_row .panel-info a.btn-info:hover,
.main_product_row .panel-info a.btn-info:focus{ color:#0b69a9; background-color:transparent;}

/*.error.error_preview:empty { display: none !important; }
.error.error_preview { position: absolute; background: #ea4031; font-weight: normal; z-index: 2; left:  inherit; right:0; top: -28px; min-width: 250px; padding: 2px 8px !important; color: #fff !important; text-align: center; text-decoration: none; border: 1px solid #ea4031; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-width: 45px; word-wrap: break-word; font-size: 12px !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; width: auto !important; font-weight: normal; box-shadow:0 1px 2px rgba(0, 0, 0, 0.4);max-width: 240px; }
.error.error_preview:after { border-bottom: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ea4031; content: ""; left: 30px; z-index: 1; position: absolute; bottom: -6px; }
.error.error_preview.center_error { left: 0; bottom: inherit; top: -30px; }
.error.error_preview.textarea_error{ bottom: inherit; top:-20px; right:138px; left: inherit; }
.error.error_preview.radio_error{ bottom: inherit; top:-20px; right:inherit; left: 0; }
#error_quote_products.error_preview { white-space: nowrap; right:inherit;}
.main_product_row div.checker .error.error_preview, .main_product_row div.radio .error.error_preview { white-space:nowrap; left:0; right:inherit; }
*/

/*=== group details popup design ====*/
/* callcenter profile css start */
.text-left { text-align:left !important;}
#run_days_time label { min-width:110px;}
.btn.btn-info.btn-outline { background-color:#fff; color:#177298; }
.btn.btn-info.btn-outline:hover,.btn.btn-info.btn-outline.active { background-color:#177298; color:#fff; box-shadow:none; }
.btn.btn-red{ background:#FF3A00 ; border-color:#FF3A00 ; color:#fff;}
.btn.btn-red:hover{ border-color:#FF3A00 ; color:#fff ; background:#FF3A00; }
/* callcenter profile css end */

/* front view css start*/
.frontView #page-wrapper{margin: 0px;}
.frontView .footer{left:0px;}


/*CampusHealthPass preview page css start*/
.p-t-5 { padding-top:5px;}
.mb20{ margin-bottom:20px;}
.mt20{ margin-top:20px;} 
.mt10{ margin-top:10px;} 
.prv_bborder { background:#fff; padding:15px; margin-left:-25px; margin-right:-25px;}

body.prd_preview .prv_bborder {margin-left:0; margin-right:0; background-color: #edf1f5; }
.prv_bborder .center_device{display: inline-block; vertical-align: middle; position: absolute; left: calc(50% - 70px); top: 10px;}
.prv_bborder .center_device ul { margin: 0 0 0 0px;  padding: 0 !important;}
.prv_bborder .center_device ul li {    display: inline-block;  margin:0 10px; font-size: 32px; line-height: 34px;}
.prv_bborder .center_device ul li a {color: #333; opacity:0.5;}
.prv_bborder .center_device ul li.active a { opacity:1; }
.prv_bborder + .iframe_sm_responsive #prd_preview_iframe { margin:0 auto;display: inherit;float: none; overflow: hidden;}
.prv_bborder .back_btn_wrapper{display: inline-block; float: right;margin-top: -5px}
.prv_bborder .back_btn_wrapper .btn{padding: 6px 20px;}
.prv_bborder .prv_mainswitch{display: inline-block;}
/*CampusHealthPass preview page css end*/

/*Product section start =========*/
.prd_search .panel-body .input-group{ max-width:675px;float: left; }
.prd_search .panel-body .input-group .form-control{ font-size: 16px; line-height: 20px; height: auto; padding: 10px 20px !important; }
.prd_search .panel-body .input-group .btn{ font-size: 16px; line-height: 20px; height: auto; padding: 10px 20px !important; }
.prd_search .panel-body .input-group .input-group-btn select.form-control{width: 150px;height: 42px}

.prd_right_bar .panel.panel-default {box-shadow:0 2px 4px 0 rgba(0, 0, 0, .08);border-color: #ddd;margin: 0;border-radius: 2px;}
.prd_right_bar .panel.panel-default .panel-heading{ border-radius: 2px 2px 0 0;font-size: 18px;line-height: normal; font-weight: normal;  background-color: #0b69a9; color: #fff; }
.prd_right_bar .panel .panel-body { padding:5px 15px; }
.prd_right_bar .panel .panel-body ul { margin:0 0 5px; padding:0; }
.prd_right_bar .panel .panel-body ul li { display: block;line-height:30px; }
.prd_right_bar .panel .panel-body ul#prd_menu > li {  border-bottom:1px dashed #ddd;  }
.prd_right_bar .panel .panel-body ul li a { color:#464646; font-weight: normal; position: relative;white-space: nowrap;overflow: hidden;width: 100%;  text-overflow: ellipsis;display: block; }
.prd_right_bar .panel .panel-body ul li a.active{color:#0b69a9;}
.prd_right_bar .panel .panel-body ul li a.active:before{color:#0b69a9;     content: "\f107"; width: 18px}
.prd_right_bar .panel .panel-body ul li a:before { content:"\f105"; font-family: FontAwesome; font-size: 17px; padding-bottom: 2px; width: 18px; display: inline-block; padding-right: 7px; transition: all 0.3s ease-in-out; }
.prd_right_bar .panel .panel-body ul li a:hover { text-decoration: none; color:#0b69a9; }

.prd_right_bar #prd_menu ul{ margin-left: 20px; }
.prd_right_bar #prd_menu .prd_lsub.active + ul.collapse li a:not(.prd_lsub):before{ content: "\f111";font-size: 8px;line-height: normal;position: relative;top: -2px;width: auto;margin-left: 10px; }

.prd_search.panel.panel-default {box-shadow:0 2px 4px 0 rgba(0, 0, 0, .08);border-color: #ddd;margin: 0;border-radius: 2px;}
.prd_search.panel.panel-default .prd_sp_opt{ float: right; }
.prd_search.panel.panel-default .prd_sp_opt .prd_cview{ float: left; }
.prd_search.panel.panel-default .prd_sp_opt .prd_cview ul{ margin:0 20px 0 0; padding: 0; }
.prd_search.panel.panel-default .prd_sp_opt .prd_cview ul li{ display: inline-block; margin:0px; }
.prd_search.panel.panel-default .prd_sp_opt .prd_cview ul li a{ font-size: 16px; line-height: 16px; padding:8px; border:1px solid #ddd; color: #333; display: block; }
.prd_search.panel.panel-default .prd_sp_opt .prd_cview ul li a.active{ background-color: #0b69a9; color: #fff; border-color: #0b69a9; }
.prd_search.panel.panel-default .prd_mycart { float: left;margin-top: 10px;  }
.prd_search.panel.panel-default .prd_mycart a{font-size: 16px;font-weight: normal;}
.prd_search .prd_brand_slider{ border-top:1px dashed #ddd; }
.prd_search .prd_brand_slider .item{ border:1px solid #ddd; height:50px;display: flex;align-items: center;justify-content: center;justify-items: center;}
.prd_search .prd_brand_slider .item a{ display: block;width:200px;}
.prd_search .prd_brand_slider img{ max-width:100%; margin: 0 auto; max-height:30px; width: auto !important;  }
.prd_search .prd_brand_slider .owl-nav{position: absolute;top: 0; width: 100%; z-index: -1;}
.prd_search .prd_brand_slider .owl-nav button span{ font-size: 28px; }
.prd_search .prd_brand_slider .owl-carousel .owl-nav button{ background-color:#0b69a9; color: #fff; font-size: 28px; height: 50px; padding: 0 2px !important; }
.prd_search .prd_brand_slider .owl-nav button.owl-prev{ position: absolute; left: -14px; }
.prd_search .prd_brand_slider .owl-nav button.owl-next{ position: absolute;right: -14px; }

.prd_main_list .prd_view.prd_view_full{ width: 100%; }
.prd_main_list .prd_view.prd_view_full .prd_single{ min-height:inherit; display: table; width: 100%; margin-bottom: 0; border-bottom: 1px solid #ddd; }
.prd_main_list .prd_view.prd_view_full .prd_single .sprd_img{ display: table-cell; width:50%;vertical-align: middle; }
.prd_main_list .prd_view.prd_view_full .prd_single .prd_name_details{ display: table-cell;vertical-align: middle; }
.prd_main_list .prd_view.prd_view_full .prd_single .prd_name_details > .text-center{ margin-top: 25px; }

.prd_main_list .prd_single {background-color: #fff;position: relative;box-shadow:0 2px 4px 0 rgba(0, 0, 0, .08);margin-bottom: 30px;display: inline-block;width: 100%;min-height:390px;    font-weight: normal;border-radius: 2px;}
.prd_main_list .prd_single h3 {text-align: center;
    color: #333;
    display: block;
    font-size: 20px;
    font-weight: normal;
    width: 100%;
    padding: 0 10px;
    min-height: 46px;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;}
.prd_main_list .prd_single .sprd_img {padding: 20px; position: relative;overflow: hidden;text-align: center;min-height: 240px;display: inline-block; width: 100%;display: flex;justify-content: center;align-content: center;flex-direction: column;}
.prd_main_list .prd_single .sprd_img img {max-height: 200px;max-width: 95%;margin: 0 auto;}
.prd_main_list .prd_single .sprd_img .sprd_brand {position: absolute;top: 20px;left: 0;background-color: #0b69a9;color: #fff;padding: 4px 16px;}

.prd_main_list .prd_single .prd_name_details {padding: 10px 0 20px; position: relative;}
.prd_main_list .prd_single .prd_botm_section { text-align: center;font-size: 16px; margin-bottom: 10px; }


.prodpop_wrap { padding:35px 5px 15px; float:left; width:100%; position: relative; }
.prodpop_wrap .prod-img { margin-top: 5px; padding: 4%; text-align: center; width: 100%; min-height: 128px;  background-color: #fff;  max-height:300px; }
.prodpop_wrap .prod-img img { max-width: 100%; max-height: 100%;    max-height: 275px; }
.prodpop_wrap .right-info .last-wrap .qty-wrp { display:inline-block; float:right; margin-right: 5px; }
.prodpop_wrap .right-info .panel-title { font-size:20px; font-weight:normal; line-height: 28px; border-bottom: 1px dashed #a4a4a4; padding-bottom: 5px; color:#0b69a9 ; }
.prodpop_wrap .right-info .last-wrap { display: inline-block; padding:8px 0 12px; width: 100%; }
.prodpop_wrap .right-info .last-wrap p.price { font-size:18px; display:inline-block; line-height:38px; margin:0; }
.prodpop_wrap .right-info .last-wrap p.price small{ font-size:65%; }
.prodpop_wrap .right-info .last-wrap a.cusmo-btn { padding:0 20px !important; }
.prodpop_wrap .right-info .smidtable { margin:10px 0 0; }
.prodpop_wrap .right-info .smidtable tr td strong { font-weight:normal; }
.prodpop_wrap .prd_description{ margin-top: 20px; }
.prodpop_wrap .prd_description ul li{ font-size: 16px; }

.prodpop_wrap .prd_related{margin-top: 30px;padding: 0 20px; }
.prodpop_wrap .prd_related .prd_reltd_name{ font-size: 26px; margin-bottom:25px; margin-top: 20px; text-align: center; font-weight: 300;  }
.prodpop_wrap .prd_related .prd_main_list .prd_single{ border:1px solid #ddd; }
.prodpop_wrap .prd_related .prd_main_list .owl-carousel .owl-nav{ text-align: center; }
.prodpop_wrap .prd_related .prd_main_list .owl-carousel .owl-nav button{padding: 4px 10px !important;background-color:#0b69a9;color: #fff;margin: 0 4px; border:1px solid transparent; transition: all 0.3s ease-in-out;}
.prodpop_wrap .prd_related .prd_main_list .owl-carousel .owl-nav button:hover{ border:1px solid #0b69a9; background-color: transparent;color:#0b69a9; }
.prodpop_wrap .prd_related .prd_main_list .owl-carousel .owl-nav button span{ font-size: 24px; line-height: 24px; }
.prodpop_wrap .prd_related .prd_main_list{ margin-bottom: 40px; }

.prd_scart .rtable{border:1px solid #e4e7ea;}
.prd_scart .rtable th{ background-color:transparent; color: #0b69a9;font-weight: 500;}
.prd_scart .rtable td.fw500{ font-weight: 500; }
.prd_scart .rtable tbody{color: #333;font-weight: 400;}
.prd_scart .rtable td .pt_descr h5{ color: #666; font-style: italic; }
.prd_scart .rtable td .pt_quty{ max-width: 80px; }
.prd_scart .rtable td .pt_delete a{ color: #f00;}
.prd_scart .rtable th:last-child,.prd_scart .rtable td:last-child{ text-align: right; }

.prd_checkouts .pc_name{ font-size: 18px; margin-top: 0; margin-bottom:20px; padding-bottom: 10px; border-bottom: 1px dashed #e1e1e1; }
.prd_checkouts .pc_name span{ margin-left: 5px; }
.prd_checkouts .pc_name span a{ font-size: 12px; }
.prd_checkouts .panel-default{ border:1px solid #ccc; border-radius: 4px; }
.prd_checkouts .panel-default .panel-body .pc_address{ width:calc(100% - 30px); float: left; }
.prd_checkouts .panel-default .panel-body .pc_address h4{ margin-top: 0; font-size: 14px; margin-bottom: 5px; }
.prd_checkouts .panel-default .panel-body .pc_address p{margin-bottom: 0;}
.prd_checkouts .panel-default .panel-body .select-radio{ width: 30px; float: left; }

.prd_checkouts .select-radio input[type="radio"]{ display: none; }
.prd_checkouts .select-radio label{padding-left: 25px;position: relative;top: 00;display: block; position: relative;cursor: pointer;}
.prd_checkouts .select-radio label:before{content: ""; height: 18px; width: 18px; border-radius: 100%; border:2px solid #0b69a9; position: relative;  position: absolute;top: 0;left: 0; }
.prd_checkouts .select-radio label:after{content: ""; height: 8px; width: 8px; position: absolute;top:5px;left:5px; border-radius: 100%; background-color: #0b69a9; opacity: 0; transition: all 0.1s ease-in-out;transform: scale(0); }
.prd_checkouts .select-radio input:checked + label:after{ opacity: 1; transform: scale(1); }

.prd_checkouts .select-checkbox input[type="checkbox"]{ display: none; }
.prd_checkouts .select-checkbox label{padding-left: 25px;position: relative;top: 00;display: block; position: relative;cursor: pointer;}
.prd_checkouts .select-checkbox label:before{content: ""; height: 18px; width: 18px; border-radius:2px; border:2px solid #0b69a9; position: relative;  position: absolute;top: 0;left: 0; }
.prd_checkouts .select-checkbox label:after{content: "";height: 6px;width: 10px;position: absolute;top: 5px;left: 4px;background-color: #fff;opacity: 0; transition: all 0.1s ease-in-out;transform: scale(0) rotate(-45deg);border-color: #0b69a9;border-style: solid;border-width: 0px 0px 2px 2px;}
.prd_checkouts .select-checkbox input:checked + label:after{ opacity: 1; transform: scale(1) rotate(-45deg); }

.prd_checkouts .pc_lstbl tr:not(.pc_lstotal) td{ border:none; font-weight: 400; }
.prd_checkouts .pc_lstbl tr.pc_lstotal{border-top: 1px solid #e1e1e1;}
/*Product section end =========*/

/*pipline dashboard section Start =========*/
.pipeline_row::-webkit-scrollbar {width: 6px;height: 6px;background-color: rgba(0,0,0,0.1);border-radius: 25px;overflow: hidden;}
.pipeline_row::-webkit-scrollbar-track {}
 .pipeline_row::-webkit-resizer{ background-color: #f00; }
.pipeline_row::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.5);border-radius: 25px;}


.pipeline_row{display: flex; justify-content: flex-start; overflow-x: auto;max-height: calc(100vh - 210px); margin-right: -25px; margin-left: -20px;
    margin-top: -20px;margin-bottom: -25px; }
.pipeline_row .pipeline_box{flex: 0 0 auto; margin-right: 10px;}
.pipeline_box{ width:280px;  }
.pipeline_head{padding:5px 16px 0 16px; border-bottom: 2px solid #666;background-color: #fff;}
.pipeline_head .ph-row{ display: table; width: 100%; margin-bottom: 5px; }
.pipeline_head .ph-row .pull-left img{height: 35px; width: 35px;}
.pipeline_head .ph-row .pull-right{color: #2f76b0;font-size: 18px;font-weight: 500; margin-top:7px;}
.pipeline_head h4{margin: 0;font-size: 14px;font-weight: 500;text-align: right;min-height:28px;display: block;line-height: normal; }
.pipeline_body{padding:8px;background-color: #fff;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);}
.pipeline_card{margin: 0; padding: 0;}
.pipeline_card > li{ display: block;border: 1px solid rgba(225, 225, 225, 0.4);padding: 8px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05);border-radius: 4px; margin-bottom: 8px; }
.pipeline_card .pch_box .pchb_sqr{ height: 20px; width: 20px; background-color: #ddd; }
.pipeline_card .pch_box .pchb_sqr.red{background-color:#f4516c; }
.pipeline_card .pch_box .pchb_sqr.yellow{background-color:#f4d851; }
.pipeline_card .pch_box i{ font-size: 16px; color: #303030; margin-top: 5px; margin-left: 3px; }
.pipeline_card .pch_box{ float: left; margin-right: 8px; }
.pipeline_card .pch_name{ float: left; }
.pipeline_card .pch_name a{ font-size: 16px; font-weight:400; color:#5867dd; }
.pipeline_card .pip_crd_head .pull-left{ vertical-align: top; }
.pipeline_card .pip_crd_head .pull-right ul{ margin:0; padding: 0; }
.pipeline_card .pip_crd_head .pull-right ul li{ display: inline-block; margin-left:8px; }
.pipeline_card .pip_crd_head .pull-right ul li:first-child{margin-left:0px; }
.pipeline_card .pip_crd_head .pull-right ul li a{ color: #5867dd; font-size: 18px; }
.pipeline_card .pip_crd_body{margin: 10px 0;}
.pipeline_card .pip_crd_body p{ margin: 0; }
.pipeline_card .pip_crd_body .pcb_owner{ margin-top: 5px; font-size: 14px; font-weight: 400; }
.pipeline_card .pip_crd_footer{ font-size:16px; color: #0b69a9; font-weight: 400; }
.pipeline_card > li:before,.pipeline_card > li:after,.pipeline_card:before,.pipeline_card:after,.pip_crd_head:before,.pip_crd_head:after{content: "";clear: both; display: table;}
/*pipline dashboard section end =========*/

/*Contact detils Section start ==========*/
.contect_detls{}
.contect_detls .user-bg .user-content img{ height: 120px;width: 120px; border-radius: 100%; }
/*Contact detils Section End ==========*/

.atc_date{ margin-bottom: 15px; }
.atc_date h6{ font-size: 14px; font-weight: normal; margin-bottom:5px;}
.atc_date .te-tbls{ display: table; width: 100%; text-align: center; max-width: 260px; }
.atc_date .te-tbls .te-cell{ display: table-cell;vertical-align: middle; }
.atc_date .te-tbls .te-cell h5{font-size: 14px;margin: 0;color: #5d5d5d;font-weight: 400;}
.atc_date .te-tbls .te-cell h5 span{ display: block; font-size: 13px; }
.atc_date .te-tbls .te-cell i{ color: #0b69a9; }

.at_chat_area{ background-color: #f6f7f9; padding:12px; margin-top: 15px; }
.at_chat_area ul{margin: 0; padding: 0;}
.at_chat_area ul li{display: table; width: 100%; margin-bottom: 8px;}
.at_chat_area .atc_avtar{ width: 50px; float: left;  }
.at_chat_area .atc_avtar img{width:35px;border:1px solid #ddd; height: 35px;}
.at_chat_area .atc_chat_body{ width:calc(100% - 80px); float: left; }
.at_chat_area .atc_chat_body h4{ margin: 0 0 2px 0; font-size: 14px; line-height: 16px; }
.at_chat_area .atc_input_chat{ border-top: 1px solid #ddd; padding-top: 12px; }

.ui-timepicker-list {
    overflow-y: auto;
    height: 150px;
    width: 6.5em;
    background: #fff;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    box-shadow:0 5px 10px rgba(0,0,0,0.2);
    outline: none;
    z-index: 10001;
}

.ui-timepicker-list.ui-timepicker-with-duration {
    width: 11em;
}

.ui-timepicker-duration {
    margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list:hover .ui-timepicker-selected:hover {
    background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
    color: #ccc;
}


@media screen and (max-width: 1199px) and (min-width: 768px){
.license_detail_desm .col-md-3{ width:calc(50% - 10px); }
}
@media screen and (max-width: 768px) and (min-width: 320px){
.license_detail_desm .col-md-3{ width:calc(100% - 15px); }
}
@media screen and (max-width:1024px) {
.prd_main_list .prd_view{ width: 50%; }
.prd_search.panel.panel-default .prd_sp_opt{ margin-top: 25px; }
.prd_checkouts .row.m-b-20 .col-sm-3.col-md-3.col-lg-4{ width: 50%; }
}
@media screen and (max-width:800px) {
	.prd_main_list .prd_view{ width: 100%; }
}
@media (min-width:1200px) {
.license_detail.license_detail_desm  .col-md-3{ width: calc(25% - 5px); }	
/*table link break class=> wraping_text */
.wraping_text { table-layout: fixed; overflow-wrap: break-word; }
/*table link break class=> wraping_text */
.row.flexbox {display: table; height:100%;}
.row.flexbox > [class*='col-'] {float: none; display: table-cell; vertical-align: top;  height:100%; padding:0;}
}
@media (min-width:992px) {
.flexbox #settings .col-sm-6.col-md-4 { width:50%;}
}
@media (min-width:767px){
.content-wrapper .sidebar .user-profile { width:60px; }
}
@media (min-width: 481px) {
.steamline .sl-item .sl-right .note-contents {margin-left: 40px;}
}
@media screen and (max-width:1450px){
form.uform .mobnum-section .w-60,form.uform .mobnum-section .w-55{ width:92px; }
}
@media screen and (max-width: 1366px) {
form.uform .mobnum-section .w-60,form.uform .mobnum-section .w-55{ width:81px; }
.url-box  h4{ font-size:14px; }
.url-box  .fs-18 { font-size:14px; }
}
@media screen and (max-width: 1330px) {
form.uform .mobnum-section .w-60,form.uform .mobnum-section .w-55{ width:78px; }
}
@media (max-width: 1280px) {
.white-box{ padding:15px; }
.user-bg { margin:-15px;} 
}
@media (max-width: 1199px) {
form.uform .mobnum-section .w-60,form.uform .mobnum-section .w-55{ width:100px; }
.news-slide { margin-bottom:15px; }
.iframe_responsive { overflow: auto; -webkit-overflow-scrolling: touch; border:1px solid #e1e1e1; padding:10px; }
}
@media screen and (max-width: 1024px) {
.searching_panel{width: calc(38% - 100px);left: 60px;}
}
@media (max-width: 991px){
.sweet-alert.showSweetAlert.visible.cstm-size{ left: 5% !important; width: 90% !important; margin-left: 0px;}
.chat-bot .chat-right-aside .chat-box .chat-list .icon-section{ width: 100%; text-align: center; line-height: 40px;}
#site_optionDiv .div_table, #site_optionDiv .div_table .table_row,  #site_optionDiv .div_table .table_row .table_cell{ display:block;}
#site_optionDiv .div_table .table_row .table_cell { max-width:inherit !important;}
}
@media (max-width: 800px) and (min-width: 768px){
.emailer .white-box.m-t-15 { padding: 18px; }
}
@media (max-width:900px) {
/* responsive popup css start ========================== */ 
body #colorbox {width: 90% !important; left: 5% !important;}
body #cboxWrapper, body #cboxContent, body #cboxLoadedContent { width: 100% !important;}
/* responsive popup css end ============================ */
}
#cboxContent #cboxClose {
    background: url(../images/close-icon.png) no-repeat;
    height: 16px;
    opacity: 0.6;
    right: 22px;
    top: 20px;
    width: 16px;
}
@media (max-width:890px) {
body.content-wrapper .navbar-top-links.navbar-left li:last-child{ display:block;}
body .navbar-top-links.navbar-left li:last-child{ display:none;}
    body.loginPage #wrapper{ height: 100%; padding-top:60px; }
    .login_area .login_cell{ display: block; width: 100%; }
    .login_area .login_cell .login_inputs{margin: 135px auto;}
    .login_area .login_cell:first-child:before{height: 30px;background: #ffffff;width: 100%;box-shadow: 0 -15px 30px -7px #F5F5F5;display: block;bottom: -100px;margin: 0;}
    .login_area .login_cell .login_title{ margin-bottom: 50px; }
}
@media screen and (max-width:852px){
.add_rul_dy .main_html [class*="col-sm"]{ width:calc(100% - 100px); float:left;}
.add_rul_dy .main_html { margin-bottom:20px;}
.add_rul_dy .main_html .col-sm-2{ width:50px; float:left;}
} 
@media screen and (max-width:767px){
.data-table-sm{}
.data-table-sm.table thead{display:none;}
.data-table-sm.table tbody tr:not(.sm-trwraper){border-bottom:1px dashed #ddd;}
.data-table-sm.table tbody tr:not(.sm-trwraper) td:first-child{border-top-style:dashed;}
.data-table-sm.table tbody tr:not(.sm-trwraper) td:before{content:attr(data-th);width: 160px;}
.data-table-sm.table tbody tr:not(.sm-trwraper){display: flex;align-items: stretch;justify-content: space-between;flex-direction: column;}
.data-table-sm.table tbody tr:not(.sm-trwraper) td{display:flex;}
.data-table-sm.table tbody tr td br{display:none;}
.data-table-sm.table .tbl_tr_btimg{display: block;width: 100%;text-align: center;margin-bottom: 15px;}
.data-table-sm.table .tbl_tr_btimg img{max-width: 200px;float: none;margin: 0 auto; display: block;}
}
@media (max-width:767px) {
.fix-header .navbar-static-top  { position:relative;}	
.fix-header .sidebar { position:relative; top:0; box-shadow:none; border-bottom:1px solid #edf1f5; height: calc(100% - 60px );}
.fix-header #page-wrapper { padding-top:0px;}
.navbar-default.sidebar .sidebar-nav { background-color: #fff; }	
.sform fieldset {width: 50%;}
form .pro_drop_div .m-b-0 { margin-bottom: 0px;}
.footer ul.b_link { text-align:center;}
.social-links { float:none; text-align: center;} 
.user-profile { padding-bottom: 0px; }
.half_width { width: auto; }
.dropdown.user-pro-body.half_width { float: left; }
.dropdown-toggle.u-dropdown.half_width { height: 50px; float: left;padding-left: 20px; }
.user-profile .dropdown-menu { right: auto; left: 80px; }

.sidebar-nav li#user_mobile {display: block;padding: 5px; position: relative;}
.dropdown.user-pro-body.half_width img { float: left; margin-left: 10px; margin-top: 5px;}
.sidebar-nav  .user-pro-body img { width:30px; height:30px; }
.sidebar-nav  .user-pro-body  a{ display:inline-block; color:#2596D6; }
.sidebar-nav .u-dropdown { padding-left:58px !important; }
.sidebar-nav .dropdown-toggle.u-dropdown.half_width { float:none;}

.sidebar-nav .u-dropdown + .dropdown-menu { display:none;} 
.sidebar-nav .u-dropdown ~ .dropdown-menu.collapse.in { display:block; position:relative; width:100%; box-shadow:none !important; padding:0; } 
.sidebar-nav .u-dropdown ~ .collapsing{ display:none;} 
.sidebar-nav .user-pro-body .dropdown-menu{ display:none;} 
.sidebar-nav .u-dropdown + .dropdown-menu.collapse{ display:none} 
#user_mobile.open:not(.active) .dropdown-menu.collapse{ display:none} 
.dropdown-backdrop{ display:none} 

.footer { padding:10px; }
#search_btn { display:block;}
#search_widget { display:none; position:absolute; left:0; top:60px; padding: 0 15px 15px; text-align:center; width:100%; background:rgba(0, 0, 0, 0.5);}
#search_widget li{ display:block;}
#search_widget li a.open-close { display:none;}
.content-wrap section { padding: 5px !important; }
.indent_left { width: auto; margin:0 0 0 25px; display:block; }
.footer_logo { text-align:center }
.content-current .form_wrap .form-group { height: auto; margin-bottom: 15px; }

.member_card .two-card .panel { width: auto; }
.member_card .two-card .panel:first-child  { margin: 0 10px 80px; }
.member_card .two-card .panel:last-child { margin: 0 10px 0; }
.member_card .two-card .divider::before { left: 20%; width: 60%; }
.member_card .two-card .divider { transform: rotate(0deg); width: 100%; left: 0px;  top:calc(50% - 5px); }
.fgGroup.pull-left { float: none !important; }
.dropzone.dropzone-imgbck{ min-height: 110px; }
#page-wrapper { padding:0 0 110px;}
.nav.navbar-right li .dropdown-menu { left: inherit; right: 0; }
  
.report_main_table tr td { padding:4px}
.vtabs .tabs-vertical { width:auto;} 
.cust_data_selection { display:block;}
#custom_date_div .form-group{ display:block; margin-left:0 !important; }
#custom_date_div .form-group a.btn-info { display:block;}
.report-tab.vtabs { display:block; width:auto;}
.vtabs .tab-content, .vtabs .tabs-vertical { display:block;}
.vtabs .nav  li { display:inline-block;}
.vtabs .tab-content { padding:0; }
.tab-content { margin-top: 10px;}
.bg-title .breadcrumb { margin-top: 8px; }
.panel.panel-default .list-group .list-group-item  .panel-body{ padding: 0; }
.searching_panel{width: calc(50% - 100px);left: 60px; top: 0;}

.content-wrapper .sidebar{ padding-top: 0; }
.prd_checkouts .row.m-b-20 .col-sm-3.col-md-3.col-lg-4{ width: 100%; }

.tiny_photo_popup .lightgallery_content .lightgallery_item{width: calc(100%/3 - 10px);}
}

.pr { position: relative !important; }
.wizard_select_plan .error.error_preview { white-space: nowrap;}
.error.error_preview:empty { display: none !important; }
.error.error_preview { position: absolute; background: #ea4031; font-weight: normal; z-index: 2; left:  inherit; right:0; bottom: 54px; min-width: 250px; padding: 2px 8px; color: #fff !important; text-align: center; text-decoration: none; border: 1px solid #ea4031; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-width: 45px; word-wrap: break-word; font-size: 12px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; width: auto !important; font-weight: normal; box-shadow:0 1px 2px rgba(0, 0, 0, 0.4);max-width: 240px;}
.error.error_preview:after { border-bottom: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ea4031; content: ""; left: 30px; z-index: 1; position: absolute; bottom: -6px; }
.error.error_preview.center_error { left: 0; bottom: inherit; top: -30px; right:inherit; }
.error.error_preview.textarea_error{ bottom: inherit; top:-20px; right:138px; left: inherit; }
.error.error_preview.radio_error{ bottom: inherit; top:-30px; right:inherit; left: 0; }
.error.error_preview.error_prv_btm{ bottom:inherit; top:-20px;}
.custom_input_group .input-wrapper .error.error_preview{ bottom: 38px;}
label.checkbox + div .error.error_preview{ bottom: 32px;}

@media (max-width:740px) {
.leadform .fgGroup .col-xs-4 { width:50%;}
.leadform .fgGroup .col-xs-2 { width:25%;}
}
@media (max-width:640px) {
.sform fieldset { width: 100%; }
.login-page .login-sidebar { padding-bottom:0px; } 
.news-slide .news-content { height:305px; }
.news-slide .overlaybg  { height: 305px; }
.news-slide .news-content h2 { height:auto; }
.chat-bot .chat-right-aside .chat-box .chat-list { padding: 0px; }
.steamline .timeline-body { word-break: break-all;}
.timeline.left-timeline { margin-bottom: 15px; }
.panel.panel-title-block .panel-footer .btn, .panel.panel-title-block .panel-heading .btn { margin:0 5px 5px 0; }
.three_box_details .col-xs-4{ width:50%;}
.three_box_details .col-xs-4:nth-child(3){clear:left;}
.tiny_photo_popup .lightgallery_content .lightgallery_item{width: calc(100%/2 - 10px);}
.col-mxs-12{ width:100%;}

.sm-trwraper .pull-left{font-weight:500;}
.sm-trwraper .pull-left,.sm-trwraper .pull-right{float:none !important;display:inline-block}
.sm-trwraper .pull-right{margin-left:15px;}
}
@media (max-width:540px) {
.container-fluid { padding-left: 15px; padding-right: 15px;}
.container-fluid .bg-title.row{ margin-left: -15px; margin-right: -15px; }
.fgGroup .form-group { padding: 0px 3px; float:none; }
.login-page .login-sidebar { padding-bottom:0px; }
.news-slide .news-content { height:205px; }
.news-slide .overlaybg  {height: 205px; }
.url-box h4 { overflow-wrap: break-word;}
form.uform .mobnum-section .w-60,form.uform .mobnum-section .w-55{ width:75px; }
.timeline.left-timeline > li.timeline-inverted > .timeline-panel {padding: 15px 15px 15px 35px;}
.replay_wrapper { margin-left: -35px; }
.order_receipts .table-scroll  { overflow:auto;}
.order_receipts .table-scroll thead tr th, .order_receipts .table-scroll tbody tr td{ white-space:nowrap}
.p-30 { padding:15px !important;}
.searchpopover .app-search  .form-control{ margin:0; height:34px; border:1px solid #e4e7ea; border-radius:0; width:100%;}
.searchpopover .app-search  .form-control:focus { width:100%; }
.review_panelframe .dialer-info .col-xs-6{ width: 100%; }

.xs-p-r-20{padding-right:0px !important;}
.navbar-varano .navbar-top-links{float:none !important;}
.navbar-varano .navbar-header{max-height:inherit;}
.panel_events .event-info-list ul li{width:100% !important;margin-right:0px !important;margin-bottom:8px;}
#search-icon{/* display:block; position:relative; top:2px;*/}
.searching_panel{ display:none}
.prd_main_list .prd_single h3{font-size: 16px; min-height: 40px;}
}
@media (max-width:480px) {
.steamline .sl-item .sl-right .note-contents { margin-left: 5px; }
.chat-bot .bgcollapse{ padding:0px; }
.login-page .footer { position:relative;}
.login-register {position:relative; }
.login-page .login-sidebar { position:relative; padding-bottom:0; height:100%;}
.login-page .login-register {min-height: 87vh; background:#fff;}
.three_box_details .col-xs-4{ width:100%;} 
.customtab.nav.nav-tabs li {min-height: 42px;}
.slider_edt .wizard-content ul.border-btn li { margin:10px !important;}
.prd_main_list .prd_view.prd_view_full .prd_single .sprd_img{ width: 30%; }
.login_area .login_cell .login_inputs{ width: 100%; padding: 0 15px; }
}
@media (max-width:425px){
.cust-p-0{ padding: 0px; }
form.uform .mobnum-section .w-60,form.uform .mobnum-section .w-55{ width:65px; }
.custom_drag_control .btn, .panel-heading .btn { margin:0;}
body.iframe .custom_notes_area  .panel.brdr-gray.p-10 { padding:10px 0 !important; }
.custom_notes_area .panel.brdr-gray.p-10 .col-xs-4.p-l-0{ width:100%;}
.leadform .fgGroup .col-xs-4 { width:100%;}
.leadform .fgGroup .col-xs-2 { width:50%;}
.p-l-20 { padding-left:10px !important; }
.form-inline .form-control { max-width:100%;}
.prd_main_list .prd_view.prd_view_full .prd_single .prd_name_details > .text-center { margin-top: 10px;}
.prd_search .panel-body .input-group{ float: none; display: block; text-align: center; }
.prd_search .panel-body .input-group .input-group-btn{ display: inline-block; width: auto; margin-top: 10px; }
.prd_search.panel.panel-default .prd_sp_opt .prd_cview{ display: none; }
.tiny_photo_popup .lightgallery_content .lightgallery_item{width: 200px;}
}
@media (max-width:414px) {
.panel-action {top: 160px;}
.form-group.mobno input { padding: 7px 5px; }
.chat-bot .chat-right-aside .chat-box .chat-list .chat-body { width: 76%; }
section.no-xs-pading { padding: 0px; }
.w-8.flt-lft { width: 8px; }
.w-xs-50 { width: 50px; }
.mobnum-section .field-divider ,.mobnum-section .calling-cod { width:20px; }
.mobnum-section .mobl-field { width:calc(33.33% - 30px); }
.mobnum-section .mobl-field.last-mobl-field { width:calc(33.33% - 19px); }
form.app-search .form-control, form.app-search .form-control:focus { width:100%; }
form.app-search  #all_search { top: 64px; }
form.app-search .select-wrapper { width:100%; }
}
@media (max-width: 380px) {
h4 { font-size:16px;}	
.form-group.mobno input { padding: 7px 0px; }
.login-register { position:relative; }
.login-page .login-sidebar { }
.login-box .white-box { overflow: visible; height:auto; display:inline-block; width:100%; margin:0 auto; }
.login-box  .checkbox  { margin-right: 15px; }
.chat-list .chat-image { width: 40px; }
.chat-list .chat-text { padding: 10px; }
.chat-bot .chat-right-aside .chat-box .chat-list .chat-body { width: 74%; }
.chat-bot .chat-right-aside .chat-box .chat-list .chat-image.user-img { width: 35px; }
form.uform .mobnum-section .w-25.flt-lft { display:none; }
form.uform .mobnum-section .w-60 { width:80px; }
.list-group-bdy .list-group-item { padding:0; }
.cust_data_selection .dropdown { display:inline-block; }
.cust_data_selection + #custom_date_div input.form-control { border-left: 1px solid #ccc; }
.panel-popup .panel-heading .panel-title { font-size:17px;}
.navbar-top-links.navbar-right li{ position: static; }
}
@media (max-width:379px) {
.app-search .select-wrapper{ width:100%; margin-right:0 !important;  }
.swal2-modal .swal2-styled { margin:5px;}
.prd_main_list .prd_view.prd_view_full .prd_single .sprd_img {width: 40%;}
}
@media (max-width:360px){
.chat-bot .chat-right-aside .chat-box .chat-list .chat-body{ width: 70%; }
.cust_data_selection + #custom_date_div input.form-control { max-width: 100px;}
.add_rul_dy .main_html [class*="col-sm"]{ width:calc(100% - 60px); float:left;}
.add_rul_dy .main_html .col-sm-2{ width:50px; float:left;}
.col-xs-6 { width:100%;}
} 
@media (max-width:320px) {
.panel.panel-default.panel-block .panel-heading.pd-10{ padding: 10px; }
form.uform .mobnum-section .w-60, form.uform .mobnum-section .w-55{ width:58px;}
.form-inline .form-control { min-width: 65px; }
.cust_data_selection + #custom_date_div input.form-control { max-width:100px;}
.searchpopover.popover{min-width: 310px; left: 5px;}
}

/*End : media query*/