body { color: #1a1a1a;} .mw200{ min-width:200px;} .mw160{ min-width:160px;} b, strong { font-weight:500;} .mw100{ min-width:100px;} h1, h2, h3, h4, h5, h6 { font-weight: normal;} a{ color:#2C4C80;} a:hover, a:focus{ text-decoration:underline;color:#2C4C80; } .back-btn{ padding-top: 4px; } td.icons a i{ font-size: 20px; } em { color:#f00; } 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; } .w-30{ width: 30px; } .w-25{ width: 25px; } .w-55{ width: 55px; } .w-42{ width: 42px; } .m-h-756{ min-height: 756px; } .m-b-13 { margin-bottom:13px;} .flt-lft{ float: left; } .fnt-bold{ font-weight: bolder; } .text-blue{ color: #2C4C80; } .text-blue a{color: #104674;} .brdr-none{ border: none !important; } .p-0-15{ padding: 0px 0px 15px 15px; } .fw-300{ font-weight: 300; } .br-l { border-left:1px solid #e4e7ea;} .br-a { border:1px solid #e4e7ea;} .fs18 { font-size:18px;} hr { margin-top:30px; margin-bottom:30px; border-color:#d0d0d0;} .text-orange { color: #F55000; } a.text-orange:hover, a.text-orange:focus {color: #F55000; } .btn-orange, .btn-orange:focus { background-color:#2c4c80; color:#fff; text-transform:uppercase; font-size:10px; font-weight:bold; font-family: 'Azo Sans'; padding:10px 15px;} .btn-orange:hover { background:none; border-color:#2c4c80; color:#2c4c80;} .m-l-5 { margin-left:5px;} .icon_sameline{ position:relative; top:-3px;} .bottom_power_logo { position:relative; bottom:-15px; left:0; padding:10px 0; width:100%; text-align:center; background:#fff; } .login-box .text-blue i {color: #333;} .bottom_power_logo ul{margin: 0; padding: 0;} .bottom_power_logo ul li{ display: inline-block;width: calc(50% - 20px);text-align: center;} .bottom_power_logo ul li img{ max-height: 60px; } .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:#2C4C80; } .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-inverted .timeline-badge{ left:0px; margin-left:0; background-color: #fff; line-height:54px;} .timeline.left-timeline > li.timeline-inverted > .timeline-panel{ float:left; margin-left:65px; width:calc(100% - 65px); padding:15px;} .timeline-badge.info { background-color:#2C4C80 !important;} .no-record.steamline { border-left:none; } .timeline.left-timeline .no-record { background-color:#fff; } .panel.panel-default.panel-block.panel-title-block { position:relative;} .panel.panel-default.panel-block.panel-title-block .panel-action a[data-perform="panel-collapse"] {background: url(../images/adsearch.png) no-repeat; display: inline-block; zoom: 1; width: 39px; height: 23px; position: absolute; left:calc(50% - 12px); bottom: -23px; opacity:1; } .panel.panel-default.panel-block.panel-title-block .panel-action a[data-perform="panel-collapse"] i{ font-size:0;} /*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; } /*custom style end=======*/ @media screen and (min-width:1200px) { /*table link break class=> wraping_text */ .wraping_text { table-layout: fixed; overflow-wrap: break-word; } /*table link break class=> wraping_text */ } /*--- 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:#2C4C80;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 #2C4C80 !important; } .node-border-blue p {color: #2C4C80; } .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:#2C4C80;} .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:172px !important; width:172px !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 ===*/ /*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;} .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;} /*.checkbox-inline, .radio-inline { padding-left:0;}*/ /*=== 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 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;} .app-search .form-control, .app-search .form-control:focus{ padding-right: 25px; } .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;} .panel.panel-title-block section.extended .panel-default .panel-body .title{ margin-bottom: 20px; font-size: 16px; color: #999999; } /*.slider:before { position: absolute; content: ""; height: 17px; width: 17px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }*/ 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;} .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 ul{ margin-bottom:0; background-color:#fff;} .tabbing-tab .customtab > li{ margin-bottom:0;} .tabbing-tab .customtab > li.active > a,.tabbing-tab .customtab > li.active > a:hover,.tabbing-tab .customtab > li.active > a:focus{ border-bottom-color:#2C4C80;} .tabbing-tab .customtab > li.active > a{ color:#2C4C80;} .tabbing-tab .customtab > li i{margin-right: 5px;margin-top: 3px;} .tabbing-tab .customtab > li:hover > a{ border-bottom:2px solid #2C4C80;} .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 h1 { line-height: 0px; } .panel .panel-heading { text-transform: capitalize; } .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(#88cc00, #88cc00), linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13)); -webkit-background-image: linear-gradient(#88cc00, #88cc00), 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*/ /*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: tab design of prd_add page*/ .panel-tab .sttabs nav li.tab-current a{ color: #2C4C80; } .panel-tab .tabs-style-underline nav li a::after{ background: #2C4C80; } /*End: tab design of prd_add page*/ .space_left_dd { margin-left:20px; } /* comman css start */ .navbar-header .navbar-toggle:hover, .navbar-header .navbar-toggle:focus { text-decoration:none;} .modal-header .modal-title{ font-size:30px; text-align:center;} .modal-header .close { color:#1A1A1A; opacity:1; font-weight:300; margin-top:7px; } .admin_profile .customtab { border-bottom:0;} .admin_profile .customtab.nav > li > a { padding-left:0; padding-right:0; padding-top:0; font-weight:bold; color:#2c4c80;} .admin_profile .customtab.nav > li > a:hover, .customtab.nav > li > a:focus { background:none;} .admin_profile .customtab.nav > li { margin-right:24px;} .admin_profile .customtab.nav > li:last-child { margin-right:0;} .admin_profile .customtab.nav > li.active a{ color:#9B9B9B; border:none; border-bottom:4px solid #9B9B9B; background: none; } .customtab li.active a, .customtab li.active a:hover, .customtab li.active a:focus{ border-color:#2C4C80 ; color:#2C4C80 ; } .blue-box { background:#2c4c80; color:#fff; margin-bottom:20px;} .blue-box .box-title { color:#fff; } .blue-box .social-links { display:inline-block; float:none; margin-top:5px;} .blue-box .social-links a{ color:#fff; font-size:22px; margin-right:12px;} .orange-box .panel{ background:#a21c20; border-radius:0;} .orange-box .panel .panel-heading { background:#bd2126; padding:25px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);} .orange-box .panel .panel-heading .panel-title a { color:#fff; font-size:16px; font-weight:bold; text-decoration:none;} .orange-box .panel .panel-heading .panel-title a:focus, .orange-box .panel .panel-heading .panel-title a:hover{ text-decoration:none;} .orange-box .panel .panel-body { padding:25px; color:#fff;} .orange-box .panel .panel-body hr { display:block; border-color:#fff; margin-left:-25px; margin-right:-25px;} .orange-box .panel .panel-body a{ color:#fff;} .orange-box .panel .panel-body a.disabled { opacity:0.5;} .orange-box .fs16{ font-size:16px;} .valign-middle{ vertical-align:middle;} #side-menu li.active > a:first-child , #side-menu li.active > a:first-child i { color:#a3a3a3;} #side-menu .nav.nav-second-level li a { color:#1a1a1a; font-size:12px;} #side-menu .nav.nav-second-level li a.active { color:#a3a3a3;} .panel .panel-heading {font-weight: 400; padding: 15px; } .panel .panel-heading .panel-search-title { line-height:40px; 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:hover{color:#88cc00;} /*.panel .panel-heading .panel-action a.btn.btn-green:hover { color:#88cc00;} .panel .panel-heading .panel-action a.btn.btn-info:hover { color:#2C4C80 ;}*/ /*.panel .panel-body { padding:15px; } .panel .panel-footer { padding:15px; }*/ .panel .panel-footer .form-inline .form-group { margin-bottom:0;} .panel .table { margin-bottom:0;} /*.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left:15px; padding-right: 15px;} .row { margin-left: -15px; margin-right: -15px;} */ /*.form-group { display:inline-block; width:100%; margin-bottom:15px;}*/ .form-inline .form-group { width: auto; margin-bottom:15px;} /*.container-fluid {padding-left:15px; padding-right: 15px;}*/ .color-table.info-table th a{ color:#fff;} .color-table.info-table th { background:#2C4C80 !important; color:#fff !important; font-weight:600;} .color-table.info-table td { /*background: #fff;*/} 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;} table tr td.icons a i { color:#686868; font-size: 18px; margin: 0 3px;} table tr td.icons a i[class*='ti-']{ font-size:24px;} 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, table tr td.icons a:focus { text-decoration:none;} table tr td.icons a:hover i { color:#2C4C80;} 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-left: -10px; margin-right: -10px;} .top-left-part { min-height: 60px; padding:0; line-height:60px; text-align:center; position:relative;} .top-left-part .logo-top-space { position: absolute; top:25px; left:0; width:100%; text-align:center; } .top-left-part .logo b { display:none;} .top-left-part img { max-height:75px; max-width:100%; } body.content-wrapper .top-left-part .logo b { display: block;} .logo { margin:0px; padding:0px; } .logo img { 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; } .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:5px; right:5px; background-color: transparent; border: none; color:#F76708; } .searchpopover { } .dropdown-menu .divider { margin:0;} .panel-white .panel-body, .panel-default .panel-body {color: #333;} .bg-title h4.page-title { color:#1a1a1a; font-size: 30px; font-weight: 400; line-height: 36px; margin:0; float:left;} .bg-title .right-dash { float:right; padding-top:6px;} .bg-title .right-dash a { text-decoration:underline; color:#1a1a1a;} .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;} .navbar-default.sidebar { background:#fff; box-shadow:1px 0px 20px rgba(0, 0, 0, 0.08);} #page-wrapper > .container-fluid { padding-left:40px; padding-right:40px;} .news-slide { margin-bottom:25px;} .table-box { box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2); background:#fff; margin-bottom:25px; display:block;} .table-box .table-heading { padding:22px 15px; } .table-box .table-heading h4 { margin:0;color: #1A1A1A; font-size:16px; font-weight:bold; color:#1A1A1A; display:inline-block;} .table-box .table-heading .table-action { float:right; margin-top:-5px;} .table-box .table-heading .table-action a { font-size:24px; color:#9B9B9B; } .table-box .table-heading .table-action a:hover { text-decoration:none; color:#1D88E4;} .table-box table { margin-bottom:0;} /* comman css end */ /*USer-profile*/ .content-wrapper .user-profile{ display:inline-block; width:auto;} @media and (min-width:767){ .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:600;} .user-profile .dropdown-menu {right: 0px;width: 180px;left: 0px;margin: 0 auto;} /*.content-wrapper .user-profile .user-pro-body img {width: 50px; height:50px;}*/ /*.content-wrapper .user-profile .u-dropdown{ display:none;}*/ /*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 10px; 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 #2C4C80; } .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 #2C4C80; } .shopping-cart-page table.table-cart thead{ background-color: #2C4C80; } .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: #2C4C80;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; } .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; } /*.steamline .sl-date{ padding-right: 20px; } .steamline p.indent { padding-left:60px; } .admin_profile .nav.customtab.mh45 li{ height: 45px; margin-bottom: -3px; }*/ .actity_feed_tl .sl-right .sl-date{ font-size:10px;} .admin_profile .nav.customtab.mh42 li{ min-height: 42px; } @media(min-width: 1280px){ .admin_profile .tab-content { margin-right:50px;} } /*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: #88cc00; } .admins .sform fieldset.w-60 { width: 100%; } .country-date { display: inline-block; color: #2C4C80; 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;} /*.table.table-small > thead > tr > th { padding:15px 8px;}*/ /*End : admin page css*/ /*Start : broadcaster page*/ .panel-action.t-225 { top: 225px; } /*End : broadcaster page*/ /*Start : dashboard slider popup*/ .label-green{ background-color: #88cc00; 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;} /*#preview_popup { 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.bottom_right { bottom: inherit; right: 0; left: inherit;} .pswd_popup.bottom_right .btarrow{ display:none; } .pswd_popup.bottom_right:after{ content:""; position: absolute; left:47%; top:-10px;width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #f1f1f1 transparent; } .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; } .alert { background: rgba(0, 0, 0, 0); border: medium none; font-size: 18px; font-weight: 400; left: 0; letter-spacing: 0.5px; margin: 0; padding: 0; position: fixed; text-align: center; top: 40%; width: 100%; z-index: 1000; } .alert > div { border-radius: 5px; box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5); color: #ffffff; cursor: pointer; display: inline-block; padding: 10px 15px; } .alert-success > div { background-color: #9fc743; } .alert-info > div { background-color: #efa045; } .alert-warning > div { background-color: #c7a043; } .alert-danger > div { background-color: #c74343; } .alert-dismissable { padding-right: 35px; } .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===============>*/ @media screen and (max-width: 800px) { /* 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 ============================ */ } /* 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.p-87 { padding: 87px 0px; } /* End :emailer-dashboard page css*/ /*Start : edit-trigger page*/ /*End edit-trigger page*/ /*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 { border-bottom-width: 1px; margin-bottom: 25px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.05); border-color: #e5e5e5; border: 1px solid #e5e5e5; } .panel.panel-block .panel-heading { padding:15px ; border: medium none; } .panel .panel-footer {padding:15px ; } .panel .panel-body {padding:15px ;} /*End : common for all trigger pages*/ /*.triggers .panel-default{ border: 1px solid #e5e5e5; }*/ .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{ box-shadow: none; }*/ .triggers .panel-heading h1 { font-size: 18px !important; line-height: 0px; } .triggers .panel-heading i { float: left; } /* End :trigger-dashboard page css*/ /* default red color */ /*.btn-red, .btn-red.disabled { background: #c63326 none repeat scroll 0 0; border: 1px solid #c63326; color:#fff; }*/ /*.btn-red:hover, .btn-red.disabled:hover, .btn-red:focus, .btn-red.disabled:focus, .btn-red.focus, .btn-red.disabled.focus { background: #c63326 none repeat scroll 0 0; border: 1px solid #c63326; color:#fff; opacity: 0.8; }*/ /*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: #2C4C80; } .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: #2C4C80; } .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: #2C4C80;} .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 #2C4C80; 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: #2C4C80; } .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: #2C4C80; 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*/ /* default red color end*/ .form-control:-webkit-autofill, .form-control:focus:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;} .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 > i { font-size: 21px; } .panel.panel-block .panel-heading > div > i { display: block; float: left; height: 21px; margin: 0 20px 0 0; position: relative; }*/ .panel.panel-block .panel-heading > div h1 { 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; } .w-100 { width: 100%; } .login-page .login-sidebar .white-box img { max-height:100px;} .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; box-shadow: none; } .login-box .floating-labels .form-group { min-height: 60px; margin-bottom: 15px;} .login-box .floating-labels label{ color:#686868; font-size:14px;pointer-events: none; font-weight:normal; } .login-box .floating-labels .form-control { font-size:14px;} .login-box .floating-labels .bar::before, .login-box .floating-labels .bar::after { background:#2C4C80;} .login-box .floating-labels .form-control:focus ~ label, .login-box .floating-labels .form-control:valid ~ label, .login-box .floating-labels .form-control.has-value ~ label { color:#2C4C80; top: -15px;} /*body.login-page { background-image:url(../images/login-bg.jpg); min-height:100vh; background-position:top; display:inline-block; width:100%; background-repeat:no-repeat; background-size:cover; } body.login-page .login-register{ position:relative; height: auto; background:none;} .login-page .login-box { border-radius:5px; margin-top:0; background:none; } .login-page .login-box .white-box { margin:50px 0; display:inline-block; width:100%; border-radius:5px; box-shadow:0 2px 2px 1px rgba(0, 0, 0, 0.2);}*/ .sidebar #side-menu .user-pro .nav-second-level a:hover { color:#2C4C80;} #side-menu li a { color:#040404; border-left:0; font-weight:600; font-size:13px; } #side-menu > li > a i { color: #2C4C80; margin-right: 5px; } #side-menu > li > a.active { border-left-color: #2C4C80; color: #000;font-weight:600; } #side-menu ul > li > a:hover { color: #040404; } #side-menu ul > li > a.active {font-weight: 400; color:#000;} #side-menu > li > a:hover, #side-menu > li > a:focus { background: rgba(0, 0, 0, 0.03);} .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: #2C4C80; text-decoration: none;} .text-blue{ color:#104674;} .btn.btn-info{ background:#2C4C80; border-color:#2C4C80;} .btn.btn-info.btn-outline { background-color:transparent;} .btn.btn-info.btn-outline:hover, .btn.btn-info.btn-outline:focus { background-color:#2C4C80; } .btn-info:hover, .btn-info.disabled:hover, { bordr-color:#2C4C80; color:#2C4C80; background:#fff; opacity:1;} .btn-info:focus, .btn-info.disabled:focus, .btn-info.focus, .btn-info.disabled.focus {background:#2C4C80; border-color:#2C4C80;} /*.btn.btn-red{ background:#2C4C80; border-color:#2C4C80;}*/ /*.btn.btn-red:hover{ bordr-color:#2C4C80; color:#2C4C80; background:#fff;}*/ .btn.btn-green{ background:#88cc00; border-color:#88cc00; color:#fff;} .btn.btn-green:hover{ bordr-color:#88cc00; color:#88cc00; 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{ bordr-color:#88cc00; color:#88cc00; background:#fff; opacity:1; } .table-footer-row { font-size:14px;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background:none; color:#1D88E4; } .pagination { margin:0;} .pagination > li > a, .pagination > li > span{ border:none;} .pagination li i{ font-size:18px;} 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; /*text-indent: 5px;*/ 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; } /*.form-control.no4 { width: 60px; } .form-control.no6 { width: 110px; }*/ 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::before {background: #76b559;border-radius: 5px;color: #ffffff;content: "Choose Image to Upload";padding:2px 8px;position: relative; top:30px; box-shadow:0 6px 8px 2px rgba(0,0,0,0.2); font-weight:400; font-size:12px;}*/ .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: #2C4C80 ; font-size: 15px; line-height: 20px; text-align: left; padding: 0 10px; } .notedata p.datesec span { background: #2C4C80 ; 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: #2C4C80 ; 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: #2C4C80 ; font-size: 15px; line-height: 20px; text-align: left; padding: 0 10px; } .alertdata p.datesec span { background: #2C4C80 ; 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: #2C4C80 ; 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: 1036; } .ajex_loader.fixed { position: fixed; } .pro_drop_div { margin-top:60px;} #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:after { content:" "; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(26, 26, 26, 0.6); border-radius:100%;} .browser_file ul.edit-det-prof { width:172px; height:172px; position:relative; margin:-172px auto 0; text-align:center; display:none; padding:70px 0 0; } .browser_file ul.edit-det-prof li { display:inline-block; margin:0 12px; position:relative; z-index:11; } .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: #fff; } .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: 172px;color: #bababa; display: inline-block; height: 172px; padding-top: 28px; text-align: center; width: 172px; 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-remove{/* position: absolute; right:0; top:0;*/ } .profile-dropzone.dropzone .dz-default.dz-message{ /* position:absolute; width:100%; min-height:172px;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; padding:15px; border-bottom:1px solid #e5e5e5; padding-right:50px;} #cboxContent #cboxClose { background:url("../images/close-icon.png") no-repeat; height: 16px; opacity: 0.6; right: 22px; top: 20px; width: 16px;} #cboxContent #cboxClose:hover { opacity: 1;} /* footer start*/ .login-page .login-sidebar { position:absolute; } /*.login-page .login-sidebar { top: 64px; padding-bottom: 64px; }*/ .login-page .login-register { bottom: 0; } /*.login-page .footer{ left: 0px; background-color: #989897; padding: 15px 0px ;}*/ .login-page .footer{ left: 0px; background-color: #989897; padding: 15px 0px ; 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: #2C4C80;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:#2C4C80;} /* 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; color: #fff!important ;} .morris-hover-point { color: rgba(257, 257, 257, 0.8)!important ;} .flexbox .parent_heightset{ position:relative; padding-bottom: 120px;} .flexbox .parent_heightset .button_bottom{ position: absolute;left: 20px;right: 20px;bottom: 30px;} /*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;} .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 { font-size:12px;} .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 > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > th, .table-bordered { border-color:#e4e7ea;} .table > thead > tr th{ border-bottom:1px solid #fff ;} .table tbody tr td a{ font-weight:bold;} 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;} /*.uform .form-group{ width:100%; display:inline-block; min-height:80px;} */ .tooltip { font-family: "Lato",sans-serif; } .popover { font-family: "Lato",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-body { padding:20px;} .iframe .panel .panel-heading{ padding:15px 62px 15px 20px;} .iframe > #wrapper > .panel-body { padding:0;} /*customtab tab css start */ /*Start : cropper css*/ .img-container{ max-height: 400px; overflow:hidden; } /*End : cropper css*/ /* uniform design update */ .fgGroup .form-group .radio span input[type="radio"]{ margin-left:-9px;} .fgGroup .form-group .radio + label{ cursor:pointer;} /*.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-left: 15px;} .checkbox-inline, .radio-inline { padding-left:0 !important;font-weight:300; margin:2px 0; } .div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span{ background-image:url(../images/blue.png) !important;} div.radio, div.radio span, div.radio input { width:20px !important; height:22px !important; vertical-align:middle; } div.radio span, div.radio.hover span { background-position:-88px 0px !important;} div.radio span.checked, div.radio.focus span.checked { background-position:-110px 0 !important; } div.radio.hover.active span, div.radio.focus.active span { background-position:-88px 0px !important; } div.radio.hover.active span.checked, div.radio.focus.active span.checked { background-position:-110px 0 !important; } div.radio.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 {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; }*/ .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:#2C4C80; } .table.table-rbg thead th a { color:#2C4C80; } .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.red { border-color:#99264d; } .member_card .two-card .panel .panel-footer.red { background:#99264d; } .member_card .two-card .panel.red { border-color:#99264d; } .member_card .two-card .panel .panel-heading img{ max-height:25px;} .member_card .two-card .panel .panel-body {} .member_card .two-card .panel .panel-body ul{ margin:0; padding:0; width:100%; } .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-body ul li > div.left-sid {} .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); } .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; position:relative;} .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; } .member_card .two-card.red-card .panel-body.bg_logo { display: block; margin-bottom:40px; } .member_card .two-card.red-card .panel-footer { position: absolute; left:0; bottom:0; width:100%; } .member_card .two-card td, .member_card .two-card th { color:#000000; } .member_card .two-card.ci-card .panel{ min-height:inherit;} .member_card .two-card.ci-card .panel .panel-body { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .member_card .two-card.ci-card .second .panel-body{ min-height:200px; } /*Start : media query*/ .form-inline .form-group { display: inline-block; vertical-align:top; } .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:#2C4C80 !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;} #run_days_time label { min-width:160px;} .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: inherit;} .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%;} /* responsive css start */ @media(max-width: 1650px) { .flexbox .table-ul { display: block;} .flexbox .table-ul li { display: block;} } @media(max-width: 1540px) { .white-box .box-title { text-transform: none;} } @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; } .orange-box .panel .panel-heading, .orange-box .panel .panel-body { padding:15px;} } @media(max-width: 1199px) { form.uform .mobnum-section .w-60,form.uform .mobnum-section .w-55{ width:100px; } .news-slide { margin-bottom:15px; } } @media(max-width: 1099px) { } @media(max-width: 991px){ .sweet-alert.showSweetAlert.visible.cstm-size{ left: 5% !important; width: 90% !important; margin-left: 0px;} .pro_drop_div { margin:0 0 20px;} } @media screen and (max-width: 970px){ .chat-bot .chat-right-aside .chat-box .chat-list .icon-section{ width: 100%; text-align: center; line-height: 40px;} } @media(min-width: 481px) { .steamline .sl-item .sl-right .note-contents {margin-left: 40px;} } @media(max-width: 800px) and (min-width: 768px){ .emailer .white-box.m-t-15 { padding: 18px; } } @media( min-width: 768px){ } @media(max-width: 767px) { .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 { position:absolute; top:10px; } .dropdown.user-pro-body.half_width img { float: left; margin-left: 10px; } .user-profile .dropdown-menu { right: auto; left: 80px; } #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; } .content-current .form_wrap .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-left: 0; } .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 .form-group { float: none; width:auto; } .fgGroup.pull-left { float: none !important; } .dropzone.dropzone-imgbck{ min-height: 110px; } .top-left-part .logo-top-space { top:0;} #page-wrapper > .container-fluid {padding-left: 25px;padding-right: 25px;} .table-box .table-responsive { margin-bottom:0;} .sidebar-nav li#user_mobile { display: block; padding:5px; position:relative; } .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; } #side-menu ul > li > a.active { color:#B2B2B2;} .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; } } @media(max-width: 640px) { .sform fieldset { width: 100%; } .login-page .login-sidebar { padding-bottom: 94px; } .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; } } @media(max-width: 540px) { .fgGroup .form-group { padding: 0px 3px; } .login-page .login-sidebar { padding-bottom:0px; } .news-slide .news-content { height:205px; } .news-slide .overlaybg {height: 205px; } /*.white-box { height: auto !important;}*/ .url-box h4 { overflow-wrap: break-word;} form.uform .mobnum-section .w-60,form.uform .mobnum-section .w-55{ width:75px; } } @media(max-width: 480px) { .steamline .sl-item .sl-right .note-contents { margin-left: 5px; } .chat-bot .bgcollapse{ padding: 0px; } } @media(max-width: 425px){ .cust-p-0{ padding: 0px; } form.uform .mobnum-section .w-60,form.uform .mobnum-section .w-55{ width:65px; } } @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) { .form-group.mobno input { padding: 7px 0px; } .login-register { position:relative; } .login-page .login-sidebar { position:relative; top:0; height:auto; } .login-page .login-register { bottom:0; height:auto;} .login-box .white-box { overflow: visible; height:auto; display:inline-block; width:calc(100% - 15px); margin:0 auto; } .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; } .login-page .login-sidebar img { max-width:100%;} } @media(max-width: 379px) { .app-search .select-wrapper{ width:100%; margin-right:0 !important; } } @media( max-width: 360px){ .chat-bot .chat-right-aside .chat-box .chat-list .chat-body{ width: 70%; } } @media(max-width: 320px) { .fgGroup .form-group {padding: 0px;} .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; } } /*End : media query*/ .red{color:#cd2122;}