/*Base- Base styles*/ /*base colors*/ /*D50000 390636 00C853 498d0d 2cbab5*/ /*transcend primary- #0e76bc*/ /*header colors*/ /*sidebar text colors*/ /*font colors*/ /*font text*/ /*icon colors*/ /*icon colors*/ /*button font text*/ /*button font text*/ /*checkbox colors*/ /*checkbox colors*/ /*form controls*/ /*rgba(252, 193, 7,.65)*/ /*alert colors*/ /*heading styles*/ /*$white:#ffffff; $black:#000000;*/ /*profile area*/ /*observation*/ /*mixin*/ .d-flex, .center-aligner, .template-info, .content-block.content-card, .content-card.content-block-nopad, .content-card.content-block-pad-md, .fixed .main-sidebar .sidebar-wrapper, .owl-carousel.owl-auto-width .owl-stage, .media-btn-wrap, .btn-group.btn-group-justified, .row-flex, .multi-columns-row, .multi-columns-form, .multi-columns-form-sm, .multi-columns-form-zero, .row-height-equal, .row-has-btn, .row-height-equal > [class*="col"], .count-box, .ig-status-block, .ig-status-block .ig-header, .ig-status-block .ig-body, .ig-status-block .ig-body .ig-status-row, .dashboard-info-block, .dashboard-box.dashboard-box-alt, .landing-box .box-content, .mdb-list .media, .mdb-list .media .media-left, .mdb-list .media .media-right, .mdb-list .media .media-right .mini-box, .mdb-list.mdb-section-list .media .media-left.avathar-section, .card, .card > .card-block, .id-card-block, .id-card-block .partners-block, .mdb-flip-card .card-block, .flex-row-resp, .list-legend .legend-item, .inner-wrap, .dashboard-infograph, .dashboard-infograph .infograph-header, .dashboard-infograph .infograph-footer, .open .dropdown-menu.dropdown-menu-inline, .control-dropup .dropdown-menu li.item-has-desc, .control-dropdown .dropdown-menu li.item-has-desc, .modal-lightbox .modal-dialog .modal-content .modal-body, .panel-dynamic .panel-title, .panel .panel-heading.panel-heading-flex, .panel.panel-widget, .panel.panel-widget .panel-heading, .panel.panel-minimal > .panel-heading > .panel-title, .dashboard-panel .panel-heading, .dashboard-panel.panel-height-100p, .dashboard-panel.panel-height-100p .panel-collapse, .dashboard-panel.panel-height-100p .panel-collapse .panel-body, .dashboard-panel.panel-widget .panel-collapse, .dashboard-panel.panel-widget .panel-collapse .panel-body, .stepper-tabs-alt li, .page-loader, .add-item-bar, .add-item-placeholder, .add-item-block, .add-item, .multi-controls, .nav-sidebar .sidebar-tabs > li > a:first-of-type, .page-header.header-fixed, .media-flex, .media.media-flex-box, .media.media-checkbox, .media.media-input, .media.media-new > .media-head.media-head-flex, .media.media-new > .media-head.media-head-flex > .media-body, .mdb-card-collapse > .collapse-title, .mdb-input-collapse > .collapse-title, .ab-alert .ab-alert-row, .ab-alert .ab-alert-row > .ab-alert-col, .map-widget .widget-header .direction-form-wrap, .col-height-equal, .illustrative-item, .list-illustrated, .floating-label .form-group, .floating-label .form-group.form-spinner-group .form-control-static, .list-icon-box, .list-icon-box > li, .mdb-drop-block > .db-area, .mdb-search-bar, .mdb-search-bar > .input-group, .content-block.content-block-flex-100p, .content-block-flex-100p.content-block-nopad, .content-block-flex-100p.content-block-pad-md, .report-block, .report-block-alt, .report-block .block-heading, .report-block-alt .block-heading, .report-block .mdb-ft-ul, .report-block-alt .mdb-ft-ul, .mdb-form-block, .ab-infowindow .iw-container .iw-status, .ab-infowindow.ab-iw-alt .iw-content, .flexblock-container, .flexblock-container-alt, .flexblock-container-alt .flexblock-item, .container-has-hero, .list-section.media-list.list-alt .widget-course .wj-list-icons, .list-section.media-list.list-alt .widget-course .wj-list-icons > li { display: -webkit-box; display: -ms-flexbox; display: flex; } .btn.btn-has-icon, .btn-group, .badge.badge-has-icon, .switch-view, .list-inline-flex, .chip { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .fixed .main-sidebar .sidebar-wrapper .sidebar-dropdown-wrapper, .fixed .main-sidebar .sidebar-wrapper .sidebar-form, .col-auto, .panel .panel-heading.panel-heading-flex.panel-w-card .card-img, .stepper-tabs-alt li > a:first-of-type ~ a, .media-flex > .media-left, .media.media-flex-box > .media-left, .media.media-checkbox > .media-left, .media.media-input > .media-left, .media-flex > .media-right, .media.media-flex-box > .media-right, .media.media-checkbox > .media-right, .media.media-input > .media-right, .media-flex > .media-body, .media.media-flex-box > .media-body, .media.media-checkbox > .media-body, .media.media-input > .media-body, .floating-label .form-group a.form-control-static { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .flex-fill, .btn-group.btn-group-justified .btn, .row-height-equal > [class*="col"] > div, .row-height-equal > [class*="col"] > a, .count-box .box-content, .ig-status-block .ig-body, .ig-status-block .ig-body .ig-status-row .ig-status-text, .ig-status-block.flex-column .ig-body, .dashboard-info-block .info-left-sec, .mdb-list .media .media-body, .mdb-list .media .media-right .mini-box, .mdb-list.mdb-section-list .media .media-right .btn-group, .list-legend .legend-item .legend-text, .dashboard-infograph .infograph-header .infograph-title, .dashboard-infograph .infograph-body, .dashboard-infograph .infograph-footer .infograph-block, .control-dropup .dropdown-menu li.item-has-desc > span:first-child, .control-dropdown .dropdown-menu li.item-has-desc > span:first-child, .panel-dynamic .panel-title > div, .panel .panel-heading.panel-heading-flex .panel-title, .panel .panel-heading.panel-heading-flex .panel-title-block, .panel.panel-widget .panel-heading .panel-title, .panel.panel-widget .panel-heading .panel-title-block, .panel.panel-widget .panel-body, .panel.panel-minimal > .panel-heading > .panel-title:after, .dashboard-panel .panel-heading .panel-title, .multi-controls .middle-section, .multi-controls .control-bar, .media-flex > .media-body, .media.media-flex-box > .media-body, .media.media-checkbox > .media-body, .media.media-input > .media-body, .media.media-new > .media-head.media-head-flex .media-title, .ab-alert .ab-alert-row > .ab-alert-col.ab-alert-col-middle, .map-widget .widget-header .direction-form-wrap .direction-form, .floating-label .form-group > .mdb-drop-block, .floating-label .form-group .form-control, .floating-label .form-group .form-control-static, .floating-label .form-group > .SumoSelect, .floating-label .input-group, .mdb-search-bar > .input-group, .mdb-search-bar > .input-group .form-control, .report-block .block-heading .block-title, .report-block-alt .block-heading .block-title, .personnel-info, .mdb-form-block .media-body, .flexblock-container-alt .flexblock-item, .flexblock-container-alt .flexblock-item .btn, .cb-fullscreen .container-has-hero { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .btn-group.btn-outline-group, .row-flex, .multi-columns-row, .multi-columns-form, .multi-columns-form-sm, .multi-columns-form-zero, .row-height-equal, .row-has-btn, .mdb-list.mdb-section-list .media-wrap .media-mobile, .flex-row-resp, .stepper-tabs-alt li, .list-icon-box, .flexblock-container, .flexblock-container-alt { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .btn-group, .list-inline-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-box.cb-landing > .row-v { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .content-box.cb-landing > .row-v, .ig-status-block .ig-header, .mdb-flip-card .card-block, .inner-wrap, .page-header.header-fixed { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .center-aligner, .template-info, .content-block.content-card, .content-card.content-block-nopad, .content-card.content-block-pad-md, .btn.btn-has-icon, .media-btn-wrap, .badge.badge-has-icon, .align-center, .align-items-center, .count-box, .ig-status-block.ig-responsive .ig-header, .dashboard-info-block, .landing-box .box-content, .mdb-list .media .media-left, .mdb-list.mdb-section-list .media .media-left.avathar-section, .mdb-list.mdb-section-list .media .media-right.media-middle, .list-legend .legend-item, .inner-wrap, .dropdown-menu.dropdown-menu-inline, .modal.in, .modal-aside, .modal-lightbox .modal-dialog .modal-content .modal-body, .panel-dynamic .panel-title, .panel .panel-heading.panel-heading-flex, .panel.panel-minimal > .panel-heading > .panel-title, .dashboard-panel.panel-height-100p .panel-collapse .panel-body, .dashboard-panel.panel-widget .panel-collapse .panel-body, .stepper-tabs-alt li, .page-loader, .switch-view, .add-item-bar, .add-item-placeholder, .add-item-block, .add-item, .multi-controls, .nav-sidebar .sidebar-tabs > li > a:first-of-type, .page-header.header-fixed .page-title ~ .list-inline-flex, .page-header.header-fixed, .media.media-flex-box, .media-flex.media-center, .media.media-checkbox, .media.media-input, .media.media-new > .media-head.media-head-flex, .media.media-new > .media-head.media-head-flex > .media-body, .ab-alert .ab-alert-row > .ab-alert-col, .illustrative-item, .mdb-search-bar, .chip, .content-block.content-block-flex-100p, .content-block-flex-100p.content-block-nopad, .content-block-flex-100p.content-block-pad-md, .flexblock-container-alt .flexblock-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dashboard-box.dashboard-box-alt > .box-icon, .media-flex > .media-left.media-middle, .media.media-flex-box > .media-left.media-middle, .media.media-checkbox > .media-left.media-middle, .media.media-input > .media-left.media-middle, .media-flex > .media-right.media-middle, .media.media-flex-box > .media-right.media-middle, .media.media-checkbox > .media-right.media-middle, .media.media-input > .media-right.media-middle, .media-flex > .media-body.media-middle, .media.media-flex-box > .media-body.media-middle, .media.media-checkbox > .media-body.media-middle, .media.media-input > .media-body.media-middle, .list-section.media-list > .widget-course > .media-left { -webkit-box-align: center; -ms-flex-align: center; align-self: center; } .center-aligner, .template-info, .content-block.content-card, .content-card.content-block-nopad, .content-card.content-block-pad-md, .justify-center, .justify-content-center, .count-box.count-box-justtified, .count-box.count-box-justified, .ig-status-block .ig-header, .landing-box .box-content.justify-center, .mdb-list .media .media-right .mini-box, .mdb-list.mdb-cert-list .media .media-right, .id-card-block, .id-card-block.card-horizontal .partners-block, .flex-row-resp, .dropdown-menu.dropdown-menu-inline, .modal-lightbox .modal-dialog .modal-content .modal-body, .dashboard-panel.panel-height-100p .panel-collapse .panel-body.center-content, .dashboard-panel.panel-widget .panel-collapse .panel-body.center-content, .page-loader, .add-item-bar, .add-item-placeholder, .add-item-block, .add-item, .multi-controls, .page-header.header-fixed .page-title ~ .list-inline-flex, .map-widget .widget-header .direction-form-wrap, .floating-label .form-group.text-center, .list-icon-box, .mdb-drop-block > .db-area, .mdb-search-bar, .chip, .content-block.content-block-flex-100p, .content-block-flex-100p.content-block-nopad, .content-block-flex-100p.content-block-pad-md, .flexblock-container-alt .flexblock-item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .circle-img, .count-box.count-box-featured .box-icon .ft, .mdb-list .media .media-left.media-avatar .media-object, .mdb-list.mdb-section-list .media .media-left.avathar-section .media-object.avathar, .id-holder.unselected:after, .id-holder.selected:after, .id-card-block .profile-avatar, .id-card-block .profile-avatar > img, .chart-item.ci-circle, .modal.modal-box.modal-primary .modal-content .modal-header:before, .modal.modal-box.modal-success .modal-content .modal-header:before, .modal.modal-box.modal-warning .modal-content .modal-header:before, .modal.modal-box.modal-danger .modal-content .modal-header:before, .modal-lightbox .modal-dialog .modal-content .modal-footer .modal-nav > ul .nav-btn .btn.btn-icon, .sidebar-tabs > li > a:before, .stepper-tabs-alt li .step-count:before, .loader-icon, .loader-inner, [data-toggle="backtop"] a, .add-item, .placeholder-icon, .personnel-item .personnel-avatar.avatar-lg, .media-flex.media-info-box .media-left .info-box-icon, .media-info-box.media.media-flex-box .media-left .info-box-icon, .media-info-box.media.media-checkbox .media-left .info-box-icon, .media-info-box.media.media-input .media-left .info-box-icon, .media-flex.media-info-box .media-left .info-box-icon .ft, .media-info-box.media.media-flex-box .media-left .info-box-icon .ft, .media-info-box.media.media-checkbox .media-left .info-box-icon .ft, .media-info-box.media.media-input .media-left .info-box-icon .ft, .dot:before, .img-round, .img-round.selected:before, .img-round.selected:after, .img-round > img, .rating-count, .team-avatar, .team-avatar.unselected:before, .team-avatar.unselected:after, .team-avatar.selected:before, .team-avatar.selected:after, .team-avatar > img, .profile-avatar, .illustrative-item .item-icon, .dashboard-widget-row .media-body .img-sm, .user-info .no-img, .user-info .media-object, .widget-user-info img, .obs-circle, .obs-square, .media-discussion-item .media-left .media-object { border-radius: 50%; } .menudropdown ul ul li, nav.sidenav-menu .list-group a.list-group-item, .mCS-custom-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-custom-dark.mCSB_scrollTools .mCSB_draggerRail, .fc.fc-bootstrap3 .fc-event, .btn.btn-square, .btn.btn-color-select, .btn-group > .btn.mdb-dropdown-toggle, .card-block .form-control, .dropdown-menu, .modal-content, .modal-full-height .modal-content, .modal .modal-dialog .modal-content, .modal-lightbox .modal-dialog .modal-content, .modal-lightbox .modal-dialog .modal-content .modal-body .modal-inner-wrap .form-control, .panel-dynamic .panel-title .form-control, .panel .panel-heading, .panel-group > .panel.panel-bg .panel-heading, .mdb-panel-group .panel, .mdb-panel-group .panel .panel-heading, .mdb-panel-group.panel-group-plain .panel > .panel-heading > .panel-title > a > .title-prefix, .mdb-panel-group.panel-group-plain .panel > .panel-heading > .panel-title > [role=button] > .title-prefix, .dashboard-panel, .docx-panel .panel-heading .panel-title .form-control, .docx-panel .panel-footer .btn, .collapse-panel-group .panel, .panel-group > .panel.panel-primary > .panel-heading, .panel.panel-primary > .panel-heading, .panel-danger > .panel-heading, .nav-tabs > li > a, .nav-tabs.nav-justified > li > a, .nav-pills.nav-stacked > li > a, .nav-pills.mdb-pills li a, .nav-pills.mdb-pills li a:hover, .nav-pills.mdb-pills li a:focus, .popover, .progress-wrap-sm, .alert, .procedure-sidebar .sidebar-footer > .btn, svg.placeholder-icon, .mdb-procedure-list .media, .team-avatar.square-avatar, .team-avatar.square-avatar img, .form-control, .input-group .input-group-addon, .input-group-lg > .form-control, .input-group-lg > .input-group-btn > .btn, .SumoSelect > .CaptionCont, .SumoSelect > .optWrapper, .unit-input .form-control, .template-info .media .media-object, .obs-square, .ab-infowindow.leaflet-popup .leaflet-popup-content-wrapper, .flexblock-container-alt .flexblock-item .btn { border-radius: 0; } .fixed .content-wrapper, .fixed .right-side, .menudropdown ul ul li, .menudropdown ul ul li.has-sub a:before, .menudropdown > ul > li.has-sub > a:before, .menudropdown > ul > li.has-sub:hover > a:before, .btn.btn-outline, .media-overlay, .panel > .panel-title, .panel-body, .floating-label .form-group a.form-control-static, .floating-label .form-group a.form-control-static:after, .SumoSelect > .optWrapper, .SumoSelect.open > .optWrapper, .map-search-wrapper .input-holder, .search-wrapper .input-holder, .map-search-wrapper .input-holder .search-icon, .search-wrapper .input-holder .search-icon { -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); } .fc .glyphicon, .btn-group.btn-outline-group > .btn.active:before, .swatches-dropdown > li.active .swatch-color:before, .modal.modal-box.modal-primary .modal-content .modal-header:before, .modal.modal-box.modal-success .modal-content .modal-header:before, .modal.modal-box.modal-warning .modal-content .modal-header:before, .modal.modal-box.modal-danger .modal-content .modal-header:before, .panel > .panel-title > .panel-head[data-toggle="collapse"]:after, .panel-app .panel .panel-content-row.has-success:after, .panel-app .panel .panel-content-row.has-error:after, .obs-panel .obs-panel-heading .obs-panel-title > [data-toggle="collapse"], .mdb-panel-group .panel .panel-heading .panel-title > a[data-toggle="collapse"]:after, .mdb-panel-group .panel .panel-heading .panel-title > [role=button][data-toggle="collapse"]:after, .dashboard-panel .panel-heading[data-toggle="collapse"]:after, .docx-panel .panel-heading .panel-title [data-toggle="collapse"]:before, .mdb-table-collapse tbody > tr:nth-of-type(odd) > td > a[data-toggle="collapse"]:before, .sidebar-tabs > li > a:before, .stepper-tabs-alt li .step-count:before, .stepper-tabs.sidebar-tabs > li.has-success > a:before, .sidebar-tabs.stepper-tabs-alt > li.has-success > a:before, .stepper-tabs-alt > li > ul > li ul li.has-inprogress > a .step-count:before, .stepper-tabs-alt > li > ul > li ul li.has-success > a .step-count:before, .stepper-tabs-alt li.has-success > a .step-count, .stepper-tabs-alt li.has-inprogress > a .step-title:after, .alert-success:after, .alert-danger:after, .alert-warning:after, .icon-list[data-toggle="collapse"]:after, .icon-list.is-complete:after, .icon-list.is-incomplete:after, .nav-sidebar.sidebar-collapsible .sc-header[data-toggle="collapse"]:after, .mdb-procedure-list .media .media-left[data-toggle="collapse"] .checkbox-block > span:after, .mdb-card-collapse > .collapse-title:before, .mdb-input-collapse > .collapse-title:before, .dl-events.dl-event-hourly dd:before, .map-widget .widget-header .btn-get-direction:before, .box-head-block[data-toggle="collapse"]:after, .has-toggle-text > [data-toggle="collapse"][data-hide]:before, .has-toggle-text > [data-toggle="collapse"][data-view].collapsed:before, .has-toggle-text > [data-toggle="collapse"][data-add].collapsed:before, .has-toggle-text > [data-toggle="collapse"][data-remove]:before, .has-toggle-text > [data-toggle="collapse"][data-show-more].collapsed:after, .has-toggle-text > [data-toggle="collapse"][data-show-less]:after { font: normal normal normal 20px/1 fontastic; text-transform: none !important; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wrapper:before, .fc.fc-bootstrap3 .fc-toolbar.fc-header-toolbar .fc-center:before, .chip-group:before, .wrapper:after, .fc.fc-bootstrap3 .fc-toolbar.fc-header-toolbar .fc-center:after, .chip-group:after { display: table; content: " "; clear: both; } .row-flex, .multi-columns-row, .multi-columns-form, .multi-columns-form-sm, .multi-columns-form-zero, .row-height-equal, .row-has-btn { margin-left: -15px; margin-right: -15px; } .col, .col-auto, .col-sm-auto, .col-md-auto, .col-lg-auto, .col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5 { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; } .dashboard-box .box-icon > img, .mdb-list .media .media-left img.media-object, .card-img-top img.img-placeholder, .card-badge > .card-img-top img, .person-card .card-header .card-avatar > img, .object-fit-contain img, .widget-users > li img.img-badge { -o-object-fit: contain !important; object-fit: contain !important; object-position: center; } .card-img-top img, .object-fit-cover img, .widget-users > li img, .img-round, .img-round > img, .team-avatar > img, .user-info .media-object, .property-widget .media .media-left .media-object, .media-discussion-item .media-left .media-object, .mdb-event-widget .event-img-top > img { -o-object-fit: cover !important; object-fit: cover !important; object-position: center; } .object-fit-fill img, .object-fit-fill video { -o-object-fit: fill !important; object-fit: fill !important; object-position: center; } .list-inline-flex { padding-left: 0; list-style: none; margin-bottom: 0; margin-left: -10px; } .list-inline-flex > li { display: inline-block; padding-left: 10px; } h1, h2, h4 { font-weight: 700; color: #0e76bc; } .row-flex:before, .multi-columns-row:before, .multi-columns-form:before, .multi-columns-form-sm:before, .multi-columns-form-zero:before, .row-height-equal:before, .row-has-btn:before, .row-flex:after, .multi-columns-row:after, .multi-columns-form:after, .multi-columns-form-sm:after, .multi-columns-form-zero:after, .row-height-equal:after, .row-has-btn:after { display: none; } .count-box .box-content .box-desc, .dashboard-box .box-desc, .landing-box .box-content .box-text, .card-title, .card-text, .dashboard-infograph .infograph-header .infograph-title, .mdb-table > tbody > tr > td, .popover, .course-title, .list-definition > li > div, .list-definition > li > span, .ab-upload-content, .team-title, .team-title-primary, .team-email, .report-block .block-title, .report-block-alt .block-title, .widget-job .wj-title, .widget-course .wj-title, .profile-name, .profile-desc { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } iframe { border-width: 0; } h1, h2, h3, h4, h5 { margin-top: 0; } h1 { font-size: 24px; } h2 { font-size: 22px; } h3 { color: #404040; font-weight: 600; font-size: 20px; } h4 { font-size: 18px; } h5 { font-weight: 600; font-size: 16px; } h6 { font-weight: normal; font-size: 16px; margin: 10px 0 20px; } p { font-size: 14px; } a { color: #0e76bc; } a:hover, a:focus { color: #1294eb; text-decoration: none; } a:focus { outline-color: #4a98cd; } /* ============================== Bootstrap display helpers ============================== */ .visible-xs-flex { display: none; } @media (max-width: 767px) { .visible-xs-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } } .visible-lg-cell, .visible-xl-block { display: none !important; } @media (min-width: 1200px) { .visible-lg-cell { display: table-cell !important; } } @media (min-width: 1600px) { .visible-xl-block { display: block !important; } } /* ============================== Bootstrap xxs breakpoint ============================== */ .visible-xxs-block { display: none !important; } @media (max-width: 575px) { .hidden-xxs { display: none; } .visible-xxs-inline { display: inline !important; } .visible-xxs-inline-block { display: inline-block !important; } .visible-xxs-block { display: block !important; } } /* ============================== END - Bootstrap xxs breakpoint ============================== */ .d-block { display: block; } .inline, .d-inline { display: inline-block !important; } .d-inline-block { display: inline-block; } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .center-aligner.flow-v, .flow-v.template-info, .flow-v.content-block.content-card, .flow-v.content-card.content-block-nopad, .flow-v.content-card.content-block-pad-md { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } @media (min-width: 768px) { .container { width: auto; max-width: 750px; } } @media (min-width: 992px) { .container { width: auto; max-width: 970px; } } @media (min-width: 1200px) { .container { width: auto; max-width: 1170px; } } .full-width { width: 100%; } .full-height { height: 100%; } .box-shadow { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .min-w-20 { min-width: 20%; } .mw-50 { max-width: 50px; } .restrict-mode { opacity: 0.7; } .disabled-block { opacity: 0.5; cursor: not-allowed !important; } /* * HELPER CLASSES * */ .m-auto { margin: auto; } .mv-auto { margin-top: auto; margin-bottom: auto; } .mh-auto { margin-left: auto; margin-right: auto; } .ml-auto { margin-left: auto; } .mr-auto { margin-right: auto; } .m-0 { margin: 0px !important; } .mt-0, .input-border .form-group { margin-top: 0px !important; } .mb-0, .input-border .form-group .form-control { margin-bottom: 0px !important; } .ml-0 { margin-left: 0px !important; } .mr-0 { margin-right: 0px !important; } .mx-0 { margin-left: 0px !important; margin-right: 0px !important; } .my-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .p-0 { padding: 0px !important; } .pl-0 { padding-left: 0px !important; } .pr-0 { padding-right: 0px !important; } .pb-0 { padding-bottom: 0px !important; } .pt-0 { padding-top: 0px !important; } .px-0 { padding-left: 0px !important; padding-right: 0px !important; } .py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .m-5 { margin: 5px !important; } .mt-5 { margin-top: 5px !important; } .mb-5 { margin-bottom: 5px !important; } .ml-5 { margin-left: 5px !important; } .mr-5 { margin-right: 5px !important; } .mx-5 { margin-left: 5px !important; margin-right: 5px !important; } .my-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .p-5 { padding: 5px !important; } .pl-5 { padding-left: 5px !important; } .pr-5 { padding-right: 5px !important; } .pb-5 { padding-bottom: 5px !important; } .pt-5 { padding-top: 5px !important; } .px-5 { padding-left: 5px !important; padding-right: 5px !important; } .py-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .m-10 { margin: 10px !important; } .mt-10 { margin-top: 10px !important; } .mb-10 { margin-bottom: 10px !important; } .ml-10 { margin-left: 10px !important; } .mr-10 { margin-right: 10px !important; } .mx-10 { margin-left: 10px !important; margin-right: 10px !important; } .my-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .p-10 { padding: 10px !important; } .pl-10 { padding-left: 10px !important; } .pr-10 { padding-right: 10px !important; } .pb-10 { padding-bottom: 10px !important; } .pt-10 { padding-top: 10px !important; } .px-10 { padding-left: 10px !important; padding-right: 10px !important; } .py-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .m-15 { margin: 15px !important; } .mt-15 { margin-top: 15px !important; } .mb-15 { margin-bottom: 15px !important; } .ml-15 { margin-left: 15px !important; } .mr-15 { margin-right: 15px !important; } .mx-15 { margin-left: 15px !important; margin-right: 15px !important; } .my-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .p-15 { padding: 15px !important; } .pl-15 { padding-left: 15px !important; } .pr-15 { padding-right: 15px !important; } .pb-15 { padding-bottom: 15px !important; } .pt-15 { padding-top: 15px !important; } .px-15 { padding-left: 15px !important; padding-right: 15px !important; } .py-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .m-20 { margin: 20px !important; } .mt-20 { margin-top: 20px !important; } .mb-20, .heading-row { margin-bottom: 20px !important; } .ml-20, .floating-label .form-group.inline-form-group.left-indent { margin-left: 20px !important; } .mr-20 { margin-right: 20px !important; } .mx-20 { margin-left: 20px !important; margin-right: 20px !important; } .my-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .p-20 { padding: 20px !important; } .pl-20 { padding-left: 20px !important; } .pr-20 { padding-right: 20px !important; } .pb-20 { padding-bottom: 20px !important; } .pt-20 { padding-top: 20px !important; } .px-20 { padding-left: 20px !important; padding-right: 20px !important; } .py-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .m-25 { margin: 25px !important; } .mt-25 { margin-top: 25px !important; } .mb-25 { margin-bottom: 25px !important; } .ml-25 { margin-left: 25px !important; } .mr-25 { margin-right: 25px !important; } .mx-25 { margin-left: 25px !important; margin-right: 25px !important; } .my-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .p-25 { padding: 25px !important; } .pl-25 { padding-left: 25px !important; } .pr-25 { padding-right: 25px !important; } .pb-25 { padding-bottom: 25px !important; } .pt-25 { padding-top: 25px !important; } .px-25 { padding-left: 25px !important; padding-right: 25px !important; } .py-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .m-30 { margin: 30px !important; } .mt-30 { margin-top: 30px !important; } .mb-30, .mdb-group .main-panel { margin-bottom: 30px !important; } .ml-30 { margin-left: 30px !important; } .mr-30 { margin-right: 30px !important; } .mx-30 { margin-left: 30px !important; margin-right: 30px !important; } .my-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .p-30 { padding: 30px !important; } .pl-30 { padding-left: 30px !important; } .pr-30 { padding-right: 30px !important; } .pb-30 { padding-bottom: 30px !important; } .pt-30 { padding-top: 30px !important; } .px-30 { padding-left: 30px !important; padding-right: 30px !important; } .py-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .m-35 { margin: 35px !important; } .mt-35 { margin-top: 35px !important; } .mb-35 { margin-bottom: 35px !important; } .ml-35 { margin-left: 35px !important; } .mr-35 { margin-right: 35px !important; } .mx-35 { margin-left: 35px !important; margin-right: 35px !important; } .my-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .p-35 { padding: 35px !important; } .pl-35 { padding-left: 35px !important; } .pr-35 { padding-right: 35px !important; } .pb-35 { padding-bottom: 35px !important; } .pt-35 { padding-top: 35px !important; } .px-35 { padding-left: 35px !important; padding-right: 35px !important; } .py-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .m-40 { margin: 40px !important; } .mt-40 { margin-top: 40px !important; } .mb-40 { margin-bottom: 40px !important; } .ml-40 { margin-left: 40px !important; } .mr-40 { margin-right: 40px !important; } .mx-40 { margin-left: 40px !important; margin-right: 40px !important; } .my-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .p-40 { padding: 40px !important; } .pl-40 { padding-left: 40px !important; } .pr-40 { padding-right: 40px !important; } .pb-40 { padding-bottom: 40px !important; } .pt-40 { padding-top: 40px !important; } .px-40 { padding-left: 40px !important; padding-right: 40px !important; } .py-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .m-45 { margin: 45px !important; } .mt-45 { margin-top: 45px !important; } .mb-45 { margin-bottom: 45px !important; } .ml-45 { margin-left: 45px !important; } .mr-45 { margin-right: 45px !important; } .mx-45 { margin-left: 45px !important; margin-right: 45px !important; } .my-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .p-45 { padding: 45px !important; } .pl-45 { padding-left: 45px !important; } .pr-45 { padding-right: 45px !important; } .pb-45 { padding-bottom: 45px !important; } .pt-45 { padding-top: 45px !important; } .px-45 { padding-left: 45px !important; padding-right: 45px !important; } .py-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .m-50 { margin: 50px !important; } .mt-50 { margin-top: 50px !important; } .mb-50 { margin-bottom: 50px !important; } .ml-50 { margin-left: 50px !important; } .mr-50 { margin-right: 50px !important; } .mx-50 { margin-left: 50px !important; margin-right: 50px !important; } .my-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .p-50 { padding: 50px !important; } .pl-50 { padding-left: 50px !important; } .pr-50 { padding-right: 50px !important; } .pb-50 { padding-bottom: 50px !important; } .pt-50 { padding-top: 50px !important; } .px-50 { padding-left: 50px !important; padding-right: 50px !important; } .py-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .bg-default { background-color: #e2e2e2 !important; } .bg-light { background-color: #fcfcfc !important; } .bg-primary { background-color: #0e76bc !important; border-color: #0e76bc; } a.bg-primary:hover, a.bg-primary:focus { background-color: #0e76bc; } .bg-success { color: #fff; background-color: #4caf50 !important; } a.bg-success:hover, a.bg-success:focus { background-color: #4caf50; } .bg-danger { color: #fff; background-color: #f44336 !important; } a.bg-danger:hover, a.bg-danger:focus { background-color: #f44336; } .bg-warning { color: #fff; background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus { background-color: #ffc107; } .bg-light-success { color: #fff; background-color: #b7dfb9; } .bg-light-warning { color: #fff; background-color: #ffe69c; } .bg-light-danger { color: #fff; background-color: #fbb4af; } .bg-light-info { color: #fff; background-color: #a3e3f2; } .bg-dark-success { background-color: #1b5e20 !important; } .bg-dark-danger { background-color: #d50000 !important; } .bg-walkthrough { background-color: #93633f !important; border-color: #93633f; } .bg-schedule { background-color: #d1a521 !important; border-color: #d1a521; } .bg-overdue { background-color: #f44336 !important; border-color: #f44336; } .bg-approved { background-color: #1b5e20 !important; border-color: #1b5e20; } .bg-defined { background-color: #777777 !important; border-color: #777777; } .bg-event { background-color: #065381; border-color: #065381; } .bg-pd { background-color: #13a89e; border-color: #13a89e; } /*extra background colors*/ .bg-info { color: #fff; background-color: #1abade; } a.bg-info:hover, a.bg-info:focus { background-color: #1abade; } .bg-dark-info { background-color: #065381; } .bg-teal { background-color: #00A69C; color: #fff; } /*color palette*/ .info-widget-color1 { background-color: #f44336; } .info-widget-color2 { background-color: #ff7c1d; } .info-widget-color3 { background-color: #0e76bc; } .info-widget-color4 { background-color: #4caf50; } .info-widget-color5 { background-color: #1abade; } .info-widget-color6 { background-color: #52BF8A; } .info-widget-color7 { background-color: #638CA5; } .info-widget-danger { background-color: #de6b6b; } .info-widget-warning { background-color: #fbd45a; } .info-widget-info { background-color: #52acbf; } .info-widget-info1 { background-color: #6dc6cd; } /*End- color palette*/ /*helper class ends*/ .page-section { margin-bottom: 30px; } .page-section:last-child { margin-bottom: 0; } .page-section.section-sm { margin-bottom: 20px; } .section-gap { margin-bottom: 40px !important; } .section-gap-sm { margin-bottom: 20px !important; } .section-gap-xs { margin-bottom: 10px !important; } @media only screen and (min-width: 768px) { .section-gap { margin-bottom: 60px !important; } .section-gap-sm { margin-bottom: 40px !important; } .section-gap-xs { margin-bottom: 20px !important; } .page-section { margin-bottom: 40px; } .page-section.section-sm { margin-bottom: 30px; } } .relative { position: relative; } .va-top { vertical-align: top !important; } .va-middle { vertical-align: middle !important; } .va-sub { vertical-align: sub !important; } .fill-primary { fill: #0e76bc; } .fill-base-primary { fill: #404040; } .fill-base-secondary { fill: #777777; } .fill-default { fill: #c1c1c1; } .fill-white { fill: #ffffff; } /* * Pushmenu * ------------------------- */ ::-moz-selection { color: #FFF; background: #2684c3; } ::selection { color: #FFF; background: #2684c3; } @media (min-width: 992px) { ::-webkit-scrollbar { -webkit-appearance: none; background: #f1f3f5; } ::-webkit-scrollbar:horizontal { height: 10px; border-top: 1px solid #d3dae0; } ::-webkit-scrollbar:vertical { width: 10px; border-left: 1px solid #d3dae0; } ::-webkit-scrollbar-thumb { background: #c1c2c4; } } html, body { height: 100%; } body { color: #404040; font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 1.62; } body { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } /*a:focus, input:focus, textarea:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); border: 1px solid rgba(81, 203, 238, 1); -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; }*/ .main-header .logo a:focus, .main-header .navbar .nav > li > a:focus, .navbar-custom-menu .navbar-nav > li > a:focus { background-color: #d5d5d5; border: 0; box-shadow: none; } .main-header .logo a:focus > img, .main-header .navbar .nav > li > a:focus img, .navbar-custom-menu .navbar-nav > .user-dropdown > a:focus > img { transform: scale(1.1); transition: all .5s; } .navbar-custom-menu .navbar-nav > li > a:focus > .ft { transform: scale(1.2); transition: all .5s; } .main-header .sidebar-toggle:focus { background-color: #ddd !important; border: 0; box-shadow: none; } .main-header .sidebar-toggle:focus:before { font-size: 110%; transition: all .5s; } .sidebar-menu > li > a:focus { color: #fff; border: 0; background-color: #084771; box-shadow: none; } /* Layout */ .wrapper { height: 100%; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .content-wrapper, .right-side, .main-footer { -webkit-transition: transform 0.3s linear, left 0.3s linear, margin 0.3s linear; -o-transition: transform 0.3s linear, left 0.3s linear, margin 0.3s linear; transition: transform 0.3s linear, left 0.3s linear, margin 0.3s linear; z-index: 820; } @media (min-width: 992px) { .sidebar-collapse .content-wrapper, .sidebar-collapse .right-side, .sidebar-collapse .main-footer { margin-left: 0; } } @media (max-width: 991px) { .fixed .main-sidebar { visibility: hidden; width: 100%; } } /*@media (max-width: 991px) { .sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer { @include transform(translate(230px, 0)); } }*/ .content-wrapper, .right-side { min-height: 100%; padding: 15px 0; background-color: #ffffff; z-index: 800; } /* Fixed layout */ .fixed { overflow: hidden; } .fixed .wrapper { overflow: hidden; } .fixed .main-header, .fixed .main-sidebar, .fixed .left-side { position: fixed; } .fixed .main-header { top: 0; right: 0; left: 0; /*height: 50px;*/ } .fixed .main-header ~ .content-wrapper, .fixed .main-header ~ .application-host .content-wrapper, .fixed .main-header ~ .right-side { padding-top: 50px; } .fixed .main-sidebar { height: 100%; } .fixed .main-sidebar .sidebar-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; position: fixed; height: 100%; /*.sidebar-form ~ .sidebar { height: calc( 100% - 56px ); }*/ } .fixed .main-sidebar .sidebar-wrapper .sidebar { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; height: auto; overflow: hidden !important; } .fixed .main-sidebar .sidebar-dropdown-wrapper { /*& ~ .sidebar { max-height: calc(100% - 105px); height: calc( 100% - 105px ); } & ~ .sidebar-form ~ .sidebar { max-height: 100%; height: 100%; }*/ } .fixed .main-sidebar .sidebar-dropdown-wrapper.open ~ .sidebar { visibility: hidden; opacity: 0; } .fixed .main-sidebar .sidebar { max-height: 100%; } .fixed .content-wrapper, .fixed .right-side { padding: 0; height: 100%; } .fixed #content, .fixed #content > .durandal-wrapper { height: 100%; } .fixed #content:after, .fixed #content > .durandal-wrapper:after { content: ''; display: block; height: 15px; } .fixed .page-content { position: relative; height: 100%; overflow-x: hidden; overflow-y: auto; /*overflow-y: scroll;*/ /* To avoid scrollbar duplication with cb-fullscreen */ -webkit-overflow-scrolling: touch; } .fixed .page-content.control-open { height: calc(100% - 60px); } .dropdown-open.fixed .page-content { overflow: hidden; } @media (min-width: 992px) { .fixed.sidebar-mini.sidebar-collapse .sidebar-dropdown-wrapper ~ .sidebar { max-height: 100%; } } @media (min-width: 1200px) { .fixed .page-content { overflow-y: auto; } } @media (max-width: 991px) { .fixed .main-header ~ .content-wrapper, .fixed .main-header ~ .application-host .content-wrapper, .fixed .main-header ~ .right-side { padding-top: 50px; } .fixed .main-header ~ .content-wrapper .page-content, .fixed .main-header ~ .application-host .content-wrapper .page-content, .fixed .main-header ~ .right-side .page-content { padding-top: 65px; } .fixed.sidebar-open .page-content { overflow-y: hidden; } } .fixed.layout-boxed .wrapper { max-width: 100%; } body.hold-transition .content-wrapper, body.hold-transition .right-side, body.hold-transition .main-footer, body.hold-transition .main-sidebar, body.hold-transition .left-side, body.hold-transition .main-header .navbar, body.hold-transition .main-header .logo { /* Fix for IE */ -webkit-transition: none; -o-transition: none; transition: none; } /* Content */ .page-content { /*min-height: 250px;*/ padding: 15px 0; margin-right: auto; margin-left: auto; /*@include transition(height .3s ease-in);*/ } .modal-open .page-content, .dropdown-open .page-content, .sumoStopScroll .page-content { overflow: hidden !important; } .content-box { padding: 0 15px; background: transparent center no-repeat; background-size: cover; } .content-box.page-has-sidebar { padding-right: 30px; } .content-box.cb-fullscreen { margin: -15px auto; min-height: calc(100% + 30px); } @media only screen and (min-width: 992px) { .content-box { padding: 0 30px; } .content-box.cb-fullscreen { height: calc( 100% + 30px ); overflow: hidden; } } #splash-screen { display: none; } /* * Misc: print * ----------- */ @media print { .no-print, .main-sidebar, .left-side, .main-header, .content-header { display: none !important; } .content-wrapper, .right-side, .main-footer { margin-left: 0 !important; min-height: 0 !important; -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .fixed .content-wrapper, .fixed .right-side { padding-top: 0 !important; } .invoice { width: 100%; border: 0; margin: 0; padding: 0; } .invoice-col { float: left; width: 33.3333333%; } .table-responsive { overflow: scroll; -webkit-overflow-scrolling: touch; } .table-responsive > .table tr th, .table-responsive > .table tr td { white-space: normal !important; } } /* IE10+ specific styles go here */ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .page-content:after { content: ''; clear: both; display: block; width: 100%; height: 15px; } } /* Edge specific styles go here */ @supports (-ms-ime-align: auto) { .page-content:after { content: ''; clear: both; display: block; width: 100%; height: 15px; } } /* Menu Dropdown Css Start */ .menudropdown .head-mobile { display: none; } .menudropdown { position: relative; margin: 0 0 10px 0; float: left; padding: 0; } .menudropdown ul { padding: 0; } .menudropdown ul li { float: left; background: #f6f6f8; border: 1px solid #ebebeb; margin-right: 15px; border-radius: 3px; line-height: 1; display: block; position: relative; } .menudropdown ul li a { padding: 10px 15px; font-size: 14px; text-decoration: none; color: #404040; font-weight: 400; display: block; } .menudropdown ul li:hover, .menudropdown ul li.active, .menudropdown ul li.active:hover { background: #fff !important; -webkit-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } .menudropdown ul li:hover a, .menudropdown ul li.active a, .menudropdown ul li.active:hover a { color: #404040; } .menudropdown ul li:hover ul, .menudropdown ul li.active ul, .menudropdown ul li.active:hover ul { left: auto; } .menudropdown ul li.has-sub a { padding-right: 40px; } .menudropdown ul ul { position: absolute; left: -9999px; z-index: 11; border: 1px solid rgba(150, 150, 150, 0.15); border-radius: 3px; } .menudropdown ul ul li { background: #f6f6f8; border-color: #ebebeb; border-style: solid; border-width: 0 0 1px 0; background: #fff; margin: 0; } .menudropdown ul ul li:hover { background: #ebebeb !important; } .menudropdown ul ul li:hover ul { left: auto; } .menudropdown ul ul li a { padding: 11px 15px; width: 220px; font-size: 14px; line-height: 1.5; text-decoration: none; color: #404040; font-weight: 400; display: block; } .menudropdown ul ul li:last-child a { border-bottom: 0; } .menudropdown ul ul li.has-sub:hover { background: #ebebeb; } .menudropdown ul ul li.has-sub:hover a:before { top: 17px; height: 0; } .menudropdown ul ul li.has-sub a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #ddd; content: ''; } .menudropdown ul ul li.has-sub a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #ddd; content: ''; } @media screen and (min-width: 768px) and (max-width: 991px) { .menudropdown ul li { margin-right: 5px; } .menudropdown ul li a { padding: 10px 12px; } } @media screen and (max-width: 767px) { .menudropdown { background: #ebebeb; width: 100%; } .menudropdown .head-mobile { display: block; padding: 12px 15px; color: #404040; font-size: 16px; font-weight: 700; } .menudropdown .menudropdown-button { width: 55px; height: 38px; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 1; } .menudropdown .menudropdown-button:after { position: absolute; top: 22px; right: 15px; display: block; height: 8px; width: 20px; border-top: 2px solid #404040; border-bottom: 2px solid #404040; content: ''; } .menudropdown .menudropdown-button:before { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; top: 16px; right: 15px; display: block; height: 2px; width: 20px; background: #404040; content: ''; } .menudropdown .menudropdown-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 19px; background: #404040; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .menudropdown .menudropdown-button.menu-opened:before { top: 23px; background: #404040; width: 19px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menudropdown ul { width: 100%; display: none; margin: 0; } .menudropdown ul li { width: 100%; border-top: 1px solid #ebebeb; border-bottom: 0 none; border-radius: 0; margin: 0; } .menudropdown ul li:last-child { border-bottom: 1px solid #ebebeb; } .menudropdown ul li a { width: 100%; border-bottom: 0; } .menudropdown ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; border: 0; } .menudropdown ul ul li:first-child { border-top: 1px solid #ebebeb; } .menudropdown ul ul li a { width: 100%; padding-left: 25px; } .menudropdown ul ul .submenu-button { height: 34px; width: 34px; } .menudropdown ul ul .submenu-button:before { top: 12px; right: 16px; } .menudropdown ul ul .submenu-button:after { top: 15px; right: 13px; } .menudropdown .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #ebebeb; height: 34px; width: 46px; cursor: pointer; } .menudropdown .submenu-button.submenu-opened { background: transparent; } .menudropdown .submenu-button.submenu-opened:before { display: none; } .menudropdown .submenu-button.submenu-opened:after { background: #fff; } .menudropdown .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #ddd; } .menudropdown .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #ddd; } .menudropdown > ul > li.has-sub > a:after, .menudropdown > ul > li.has-sub > a:before, .menudropdown ul ul > li.has-sub > a:after, .menudropdown ul ul > li.has-sub > a:before { display: none; } .menudropdown > ul > li.has-sub:hover > a:before, .menudropdown > ul > li.has-sub > a:hover:after { content: "\e003"; } } .menudropdown > ul > li.has-sub > a:before, .menudropdown > ul > li.has-sub > a:after { font-family: "fontastic" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; color: #777; } .menudropdown > ul > li.has-sub > a:before { content: "\e000"; position: absolute; right: 10px; top: 9px; display: block; } .menudropdown > ul > li.has-sub:hover > a:before { content: "\e003"; position: absolute; right: 10px; top: 9px; display: block; } /* Single Menu Dropdown Css Start */ .menudropdownsingle ul { border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } .menudropdownsingle ul li a { padding: 10px 15px; font-size: 14px; text-decoration: none; color: #404040; font-weight: 400; } .menudropdownsingle ul ul { position: absolute; left: -9999px; z-index: 11; border-bottom: 0; } @media screen and (max-width: 767px) { .menudropdownsingle ul ul li { border-color: #ebebeb; border-style: solid; border-width: 1px 1px 0; } } /* Single Menu Dropdown Css Start */ .list-checkbox-alt { --list-height: 3; -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; min-height: calc(35px * var(--list-height)); } .row-v-gutters > [class^=col] > .list-checkbox-alt { margin-bottom: 0; } .list-checkbox-alt .list-checkbox-alt { -webkit-box-shadow: none; box-shadow: none; } .list-checkbox-alt > li.collapse .list-checkbox-alt, .list-checkbox-alt > li.collapsing .list-checkbox-alt { min-height: 0; margin-bottom: 0; } .list-checkbox-alt > li > .checkbox, .list-checkbox-alt > li.list-toggle { padding: 5px 15px; } .list-checkbox-alt > li.list-header { padding: 10px 15px; font-weight: 600; font-size: 16px; } @media (min-width: 768px) { .list-checkbox-alt { min-height: calc(35px * var(--list-height)); } .list-checkbox-alt > li.collapse .list-checkbox-alt { min-height: 0; margin-bottom: 0; } .list-checkbox-alt > li > .checkbox { padding: 5px 15px; } .list-checkbox-alt > li.list-header { font-size: 18px; } } .bg-input-block { background: #e2e2e2; border: 1px solid #e2e2e2; text-align: center; text-transform: uppercase; padding: 7px 15px; font-size: 14px; font-weight: 600; width: 100%; } /* Responsive Button Menu Start */ .respbutton { overflow: hidden; position: relative; } .respbutton a { float: left; display: block; padding: 7px 15px; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #404040; } .respbutton .icon { display: none; } @media screen and (min-width: 601px) { .respbutton { float: right; } .respbutton a { margin-left: 5px; } } @media screen and (max-width: 600px) { .respbutton { background-color: #f9f9f9; border: 1px solid #ebebeb; margin-bottom: 10px; /*a:last-child { position: absolute; right: 0; top: 0; padding: 0 15px; }*/ } .respbutton .icon { display: block !important; float: right; font-size: 15px; } .respbutton .icon .ft { float: right; } .respbutton a { background-color: #fff !important; color: #404040 !important; margin-bottom: 0 !important; padding: 15px; border: 0 none; border-top: 1px solid #ebebeb !important; border-radius: 0; } .respbutton a:not(:first-child) { display: none; } .respbutton a:first-child { float: none; text-align: left; display: inline-block; width: 100%; background-color: #f9f9f9 !important; border-top: 0 none !important; } .respbutton.responsive a { float: none; display: block; text-align: left; margin: 0; } .respbutton.responsive a .ft { -webkit-transform: translateY(0) rotate(180deg); -ms-transform: translateY(0) rotate(180deg); transform: translateY(0) rotate(180deg); -webkit-transition: rotate 0.3s ease-in-out; -o-transition: rotate 0.3s ease-in-out; transition: rotate 0.3s ease-in-out; } } /* Responsive Button Menu End */ .student-info .mdb-list .media .media-left.avathar-section { padding-left: 40px; padding-right: 40px; } .student-info .mdb-list .media .media-body { padding: 0 !important; } .student-info .mdb-list .media .media-body .nav-tabs.nav-justified > li > a { font-size: 16px; /*color: $primary-font-color;*/ } .student-info .mdb-list .media .media-body .nav-tabs.nav-justified > li > a span { /*border-width: 0;*/ } .student-info .mdb-list .media .media-body .nav-tabs.nav-justified > li.active > a { /*color: $primary-color;*/ } .student-info .mdb-list .media .media-body .nav-tabs.nav-justified > li.active > a span { /*border-bottom: 2px solid $primary-color;*/ } .student-info .mdb-list .media .badge-wrap { display: block; width: auto; text-align: center; margin-top: 15px; } .student-info .mdb-list .media .badge-wrap a { color: #fff; font-weight: 600; font-size: 16px; } @media screen and (min-width: 768px) { .student-info .mdb-list .media .media-body { border-left: 2px solid #e0e0e0; } } @media screen and (min-width: 992px) { .tab-center-aligner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tab-center-aligner li { margin-right: auto !important; } } @media screen and (max-width: 767px) { .student-info .mdb-list .media .media-body { border-left: 2px solid #e0e0e0; } } /* Side Accordian menu CSS Start */ nav.sidenav-menu { background: #fff; color: #404040; margin: 0 auto 20px; position: relative; -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } nav.sidenav-menu .list-group { margin: 0; } nav.sidenav-menu .list-group a { position: relative; display: block; padding: 10px 15px 10px 25px; background: #f5f3f4; border: 0 none; } nav.sidenav-menu .list-group a.list-group-item { background: #fff; } nav.sidenav-menu .list-group a.list-group-item.active { color: #0e76bc; background: #fff; border-left: 5px solid #0e76bc; padding-left: 20px; } nav.sidenav-menu .list-group a.collapsed .ft-chevron-up { -webkit-transform: translateY(0) rotate(180deg); -ms-transform: translateY(0) rotate(180deg); transform: translateY(0) rotate(180deg); -webkit-transition: rotate 0.3s ease-in-out; -o-transition: rotate 0.3s ease-in-out; transition: rotate 0.3s ease-in-out; } nav.sidenav-menu .list-group a.active { color: #0e76bc; background: #fff; border-left: 5px solid #0e76bc; padding-left: 20px; } nav.sidenav-menu .list-group a.active .content { color: #0e76bc; } nav.sidenav-menu .list-group a .icon { display: table-cell; vertical-align: middle; width: 44px; height: 50px; } nav.sidenav-menu .list-group a .icon i { margin: 0; line-height: 100%; font-size: 40px; position: relative; top: 2px; } nav.sidenav-menu .list-group a .content { text-align: left; display: table-cell; vertical-align: middle; color: #404040; font-size: 16px; font-weight: 600; } nav.sidenav-menu .list-group a i { float: right; line-height: 50px; position: absolute; right: 10px; top: 10px; } nav.sidenav-menu .list-group a:hover { color: #0e76bc; } nav.sidenav-menu .list-group a:hover .content { color: #0e76bc; } nav.sidenav-menu .list-group .content .content { padding-left: 40px; } nav.sidenav-menu .list-group .content a:first-child { padding-top: 20px; } nav.sidenav-menu .list-group .content a:last-child { padding-bottom: 20px; } nav.sidenav-menu .list-group .content a.active { color: #0e76bc; background: #f2f2f2; border-color: transparent; } nav.sidenav-menu .list-group .content:hover { color: #0e76bc; } /* Side Accordian menu CSS End */ /* Tab Content Info Section Start */ .tab-content-info { margin-bottom: 30px; } .tab-content-info .mdb-list.mdb-section-list { margin-bottom: 0; } .tab-content-info .mdb-list.mdb-section-list .media .media-left.avathar-section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; padding-left: 40px; padding-right: 40px; } .tab-content-info .mdb-list.mdb-section-list .media .media-body { padding: 0 !important; } .tab-content-info .mdb-list.mdb-section-list .media .media-body .nav-tabs.nav-justified > li > a { font-size: 16px; } .tab-content-info .mdb-list.mdb-section-list .media .badge-wrap { display: block; width: auto; text-align: center; margin-top: 15px; } .tab-content-info .mdb-list.mdb-section-list .media .badge-wrap a { color: #fff; font-weight: 600; font-size: 16px; } .tab-content-info .mdb-list.mdb-section-list .media-single .media-body { border-left: 0; } .tab-content-info .mdb-list.mdb-section-list .media-single .media-body .nav-tabs.nav-justified { text-align: left; } .tab-content-info .mdb-list.mdb-section-list .media-single .media-body .nav-tabs.nav-justified li > a { text-align: left; } @media screen and (max-width: 767px) { .tab-content-info .mdb-list.mdb-section-list .media-body .tab-content { padding-left: 15px; } } @media screen and (max-width: 991px) { .tab-content-info { margin-bottom: 20px; } } @media screen and (min-width: 992px) { .tab-content-info .mdb-list.mdb-section-list .media-single .media-body .tab-content { padding-bottom: 30px; } } @media screen and (min-width: 768px) { .tab-content-info .mdb-list.mdb-section-list .media .media-body { border-left: 2px solid #e0e0e0; } .tab-content-info .mdb-list.mdb-section-list .media.media-single .media-body { border-left: 0; } .tab-content-info .mdb-list.mdb-section-list .media-single .media-body .nav-tabs.nav-justified > li > a span, .tab-content-info .mdb-list.mdb-section-list .media-body .tab-content { padding-left: 30px; } } /* Tab Content Info Section End */ /* Media Section Collapse List Start */ .mdb-list.mdb-section-collapse .media .media-body .course-title { /*margin: 0.5em auto 0;*/ margin: 0 auto; } .mdb-list.mdb-section-collapse .media .media-body .course-title[role=button][data-toggle="collapse"]:after { content: '\e00b'; font-size: 20px; position: absolute; right: 10px; } .mdb-list.mdb-section-collapse .media .media-body .course-title[role=button][data-toggle="collapse"].collapsed:after { content: '\e008'; } .mdb-list.mdb-section-collapse .media .media-body .course-title:after { font: normal normal normal 20px/1 fontastic; text-transform: none !important; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mdb-list.mdb-section-collapse .media .media-left.avathar-section { padding: 10px; } .mdb-list.mdb-section-collapse .media .media-left.avathar-section .media-object.avathar { margin-left: 30px; width: 90px !important; height: 90px !important; } .mdb-list.mdb-section-collapse:not(.mdb-list-grid) .media:not(.media-widget) { height: auto; } @media only screen and (max-width: 991px) { .mdb-list.mdb-section-collapse .media .media-body .course-title { margin: 0; line-height: 18px; } .mdb-list.mdb-section-collapse .media .media-left.avathar-section .media-object.avathar { width: 40px !important; height: 40px !important; } .mdb-list.mdb-section-collapse .media .media-left.avathar-section .avathar-checkbox { top: 18px; } } @media only screen and (min-width: 992px) { .mdb-list.mdb-section-collapse:not(.mdb-list-grid) .media:not(.media-widget) .media-left, .mdb-list.mdb-section-collapse:not(.mdb-list-grid) .media:not(.media-widget) .media-body, .mdb-list.mdb-section-collapse:not(.mdb-list-grid) .media:not(.media-widget) .media-right { display: table-cell; } } @media only screen and (max-width: 991px) and (min-width: 768px) { .mdb-list.mdb-section-collapse .media .media-left.avathar-section .media-object.avathar { margin-top: 0 !important; } } /* Media Section Collapse List End */ .list-disc-grey { margin: 10px 5px; } .list-disc-grey > li { font-size: 14px; color: #969696; } .list-disc-grey > li:before { background: #969696; } .legends-group .chip { font-size: 16px; font-weight: 600; margin-bottom: 5px; } .legends-inline { float: right; } .legends-inline > li { display: inline-block; } .legends-inline > li:not(:last-child) { margin-right: 10px; } .legends-inline > li .legend-icon { border: 1px solid #404040; width: 50px; height: 25px; border-radius: 15px; vertical-align: middle; margin-top: 0; } .legends-inline > li .legend-icon.unblock { background: #ffffff; } .legends-inline > li .legend-icon.block { background: #e0e0e0; } .legends-inline > li .legend { vertical-align: middle; color: #404040; font-weight: 600; font-size: 14px; } @media (min-width: 768px) { .legends-inline > li:not(:last-child) { margin-right: 15px; } .legends-inline > li .legend { font-size: 16px; } } .bg-input-block { background: #e2e2e2; border: 1px solid #e2e2e2; text-align: center; text-transform: uppercase; padding: 7px 15px; font-size: 14px; font-weight: 600; width: 100%; } .caption-xs { font-size: 12px; display: block !important; color: #777; } .circle-img.sm { width: 40px !important; height: 40px !important; } /*modules- individual site componenets*/ /* SCROLLBAR */ .mCS-custom-dark.mCSB_scrollTools { opacity: 1; } .mCS-custom-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #c1c2c4; } .mCS-custom-dark.mCSB_scrollTools .mCSB_draggerRail { background: #f1f3f5; } .mCS-custom-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-custom-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 10px; margin: 6px 0; } .mCS-custom-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { border-top: 1px solid #d3dae0; } .mCS-minimal-dark.mCSB_scrollTools { width: 10px; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { margin: 2px 0; } .mCS-minimal-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 10px; width: auto; } .mCS-minimal-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 2px; width: auto; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_horizontal, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_horizontal { margin: 0 2px; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #0e76bc; background-color: rgba(14, 118, 188, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #0e76bc; background-color: rgba(14, 118, 188, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .nav-tabs-wrap .mCS-minimal-dark.mCSB_scrollTools, .nav-pills-wrap .mCS-minimal-dark.mCSB_scrollTools { visibility: hidden; } .nav-tabs-wrap .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .nav-pills-wrap .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .nav-tabs-wrap .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .nav-pills-wrap .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .nav-tabs-wrap .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .nav-pills-wrap .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: transparent; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } /* END - SCROLLBAR */ /* Tiny MCE Development Pupose CSS Start */ .tiny-editior-view { line-height: normal; padding: 15px 0; width: 100%; overflow: hidden; } .tiny-editior-view img { max-width: 100%; margin: 15px; } .tiny-editior-view h1, .tiny-editior-view h2, .tiny-editior-view h3, .tiny-editior-view h4, .tiny-editior-view h5, .tiny-editior-view h6, .tiny-editior-view p, .tiny-editior-view li { color: #000; } .tiny-editior-view h1 { font-size: 32px; margin: 21.44px 0; font-weight: bold; } .tiny-editior-view h2 { font-size: 24px; margin: 19.92px 0; font-weight: bold; } .tiny-editior-view h3 { font-size: 18.72px; margin: 18.72px 0; font-weight: bold; } .tiny-editior-view h4 { font-size: 16px; margin: 21.28px 0; font-weight: bold; } .tiny-editior-view h5 { font-size: 13.28px; margin: 22.1776px 0; font-weight: bold; } .tiny-editior-view h6 { font-size: 10.72px; margin: 24.9776px 0; font-weight: bold; } .tiny-editior-view p { font-size: 16px; margin: 16px 0; font-weight: normal; } .tiny-editior-view ol { margin: 16px 0 !important; padding-left: 40px !important; } .tiny-editior-view ol li { font-size: 16px; font-weight: normal; line-height: 1.4; display: list-item !important; } .tiny-editior-view ul { list-style-type: disc; margin: 16px 0 !important; padding-left: 40px !important; } .tiny-editior-view ul li { font-size: 16px; font-weight: normal; line-height: 1.4; display: list-item !important; } @media only screen and (max-width: 767px) { .tiny-editior-view img { width: auto; height: auto; float: none !important; margin: 10px auto !important; } } /* Tiny MCE Development Pupose CSS End */ /* fullCalendar */ .fc .glyphicon.glyphicon-chevron-left:before { content: "\e009"; } .fc .glyphicon.glyphicon-chevron-right:before { content: "\e00a"; } .fc .glyphicon.glyphicon-remove:before { content: '\e018'; } .fc.fc-bootstrap3 .fc-toolbar.fc-header-toolbar { margin-bottom: 0; } .fc.fc-bootstrap3 .fc-toolbar.fc-header-toolbar .fc-center { position: relative; display: block; margin: 15px 0 0; padding: 10px 0; float: left; width: 100%; background: #FFF; } .fc.fc-bootstrap3 .fc-toolbar.fc-header-toolbar .fc-center h2 { margin: auto 40px; float: none; font-size: 20px; line-height: 1.62; font-weight: 600; text-align: center; text-transform: capitalize; color: #404040; } .fc.fc-bootstrap3 .fc-toolbar.fc-header-toolbar .fc-center .btn.fc-prev-button, .fc.fc-bootstrap3 .fc-toolbar.fc-header-toolbar .fc-center .btn.fc-next-button { position: absolute; left: 0; top: 50%; right: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .fc.fc-bootstrap3 .fc-toolbar.fc-header-toolbar .fc-center .btn.fc-next-button { left: auto; right: 0; } .fc.fc-bootstrap3 .fc-toolbar.fc-header-toolbar .btn { font-size: 14px; } .fc.fc-bootstrap3 .fc-toolbar.fc-header-toolbar .btn.btn-default { background: transparent; border-color: transparent; text-transform: capitalize; } .fc.fc-bootstrap3 .fc-toolbar.fc-header-toolbar .btn.btn-default.active { box-shadow: none; background: #0e76bc; color: #FFF; border-radius: 1em; } .fc.fc-bootstrap3 .fc-toolbar.fc-header-toolbar .btn.btn-default:focus { outline: none; } .fc.fc-bootstrap3 .fc-toolbar.fc-header-toolbar .btn.btn-default.fc-today-button.disabled { opacity: 1; color: #FFF; background: #0e76bc; border-radius: 1em; } .fc.fc-bootstrap3 .fc-row.panel-default { background: #FFF; } .fc.fc-bootstrap3 .fc-view-container { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .fc.fc-bootstrap3 .fc-view-container .fc-view .fc-scroller { height: auto !important; overflow-y: visible !important; } .fc.fc-bootstrap3 th { font-size: 14px; line-height: 35px; font-weight: 600; text-transform: uppercase; } .fc.fc-bootstrap3 th.fc-sun { color: #0e76bc; } .fc.fc-bootstrap3 td .alert { -webkit-box-shadow: none; box-shadow: none; } .fc.fc-bootstrap3 td .alert.alert-info { background: #b6defa; } .fc.fc-bootstrap3 .fc-basic-view .fc-day-top .fc-day-number { display: block; float: none !important; margin: 5px 0 0 5px; font-size: 16px; font-weight: 600; } .fc.fc-bootstrap3 .fc-event-dot { background-color: #0e76bc; } .fc.fc-bootstrap3 .fc-event { padding: 3px 5px; color: #404040; background: #f1f8e9; border-width: 0; font-size: 12px; line-height: 1.5; font-weight: 600; } .fc.fc-bootstrap3 .fc-event.fc-start { border-left: 2px solid #7cb342; } .fc.fc-bootstrap3 .fc-event.fc-job { border-color: #1e88e5; background-color: #e3f2fd; } .fc.fc-bootstrap3 .fc-event.fc-job .fc-time { color: #1e88e5; } .fc.fc-bootstrap3 .fc-event.fc-alert { color: #FFFFFF; background-color: #f44336; border-left-width: 0; } .fc.fc-bootstrap3 .fc-event.fc-alert .fc-time { color: #FFFFFF; } .fc.fc-bootstrap3 .fc-event .fc-time { color: #777; font-weight: 600; text-transform: uppercase; } .fc.fc-bootstrap3 .panel.fc-popover { position: absolute; } @media (min-width: 768px) { .fc.fc-bootstrap3 .fc-toolbar.fc-header-toolbar .btn { font-size: 16px; } .fc.fc-bootstrap3 .fc-toolbar .fc-right .dropdown-menu { min-width: 280px; } .fc.fc-bootstrap3 th { font-size: 16px; } .fc.fc-bootstrap3 .fc-event { font-size: 14px; } .fc.fc-bootstrap3 .fc-event.fc-start { border-left-width: 4px; } } /* fullCalendar - ENDS */ /* *DHTMLXCALENDAR */ .dhtmlxcalendar_material { z-index: 9999 !important; } .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_hover, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_hover { cursor: pointer; } .dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left, .dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right, .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left, .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover, .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right, .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover, .dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img { cursor: pointer; background-image: none; font-size: 0; } .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow { width: 24px; height: 36px; line-height: 36px; } .dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left:before, .dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right:before, .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left:before, .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover:before, .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right:before, .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover:before, .dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img:before { content: "\e001"; font-family: 'fontastic'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; vertical-align: middle; } .dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right:before, .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right:before, .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover:before { content: "\e002"; } .dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img:before { content: '\E192'; vertical-align: top; font-size: 18px; } .dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_active, .dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_active { color: #fff; background-color: #0e76bc; } .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend { background-color: #f2f2f2; } .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_dis, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_dis, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_dis, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_dis, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_dis, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_dis, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_dis, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_dis { background-color: transparent; } .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_hover, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend { background-color: #0e76bc; } .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend { color: #0e76bc; } .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_hover { color: #0c67a4; /*color: #f40;*/ } .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_hover { color: #0a588d; background-color: #fff; } .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_hover, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_dis, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_dis, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_dis { color: #1294eb; /*color: #ffa96f;*/ } @media only screen and (min-width: 360px) { .dhtmlxcalendar_material div.dhtmlxcalendar_days_cont, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont, .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont { width: 286px; } .dhtmlxcalendar_material ul.dhtmlxcalendar_line { width: 260px; } .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr { width: 260px; height: 36px; line-height: 36px; } .dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line { height: 36px; } .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line { height: 36px; line-height: 36px; } .dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li, .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li { width: 36px; height: 36px; line-height: 36px; } .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label { line-height: 36px; } } @media only screen and (min-width: 768px) { .dashboard-panel .dhtmlxcalendar_material div.dhtmlxcalendar_days_cont, .dashboard-panel .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont, .dashboard-panel .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont { border-width: 0; } .dashboard-panel .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont { /*border-bottom-width: 1px;*/ } } .inline-calendar { min-height: 265px; width: 250px; position: relative; margin: 0 auto; } .inline-calendar.double-calendar { width: 260px; } .inline-calendar .dhtmlxcalendar_material { display: block !important; z-index: auto !important; } .inline-calendar .dhtmlxcalendar_material .dhtmlxcalendar_month_cont, .inline-calendar .dhtmlxcalendar_material .dhtmlxcalendar_days_cont, .inline-calendar .dhtmlxcalendar_material .dhtmlxcalendar_dates_cont { border-color: transparent; } @media only screen and (min-width: 360px) { .inline-calendar { min-height: 310px; width: 260px; } .inline-calendar .dhtmlxcalendar_material div.dhtmlxcalendar_days_cont, .inline-calendar .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont, .inline-calendar .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont { width: 260px; } .inline-calendar .dhtmlxcalendar_material ul.dhtmlxcalendar_line, .inline-calendar .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line { margin-left: 0; } } @media only screen and (min-width: 768px) { .inline-calendar .dhtmlxcalendar_material div.dhtmlxcalendar_days_cont, .inline-calendar .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont, .inline-calendar .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont { width: 260px; } .inline-calendar .dhtmlxcalendar_material ul.dhtmlxcalendar_line, .inline-calendar .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line { margin-left: 0; } .inline-calendar .dhtmlxcalendar_material + .dhtmlxcalendar_material div.dhtmlxcalendar_days_cont, .inline-calendar .dhtmlxcalendar_material + .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont, .inline-calendar .dhtmlxcalendar_material + .dhtmlxcalendar_material div.dhtmlxcalendar_month_cont { width: 290px; } .inline-calendar .dhtmlxcalendar_material + .dhtmlxcalendar_material ul.dhtmlxcalendar_line, .inline-calendar .dhtmlxcalendar_material + .dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line { margin-left: 30px; } .inline-calendar.double-calendar { width: calc( 275px * 2 ); } } @media only screen and (max-width: 767px) { .inline-calendar.double-calendar .dhtmlxcalendar_material { position: relative; } .inline-calendar.double-calendar .dhtmlxcalendar_material + .dhtmlxcalendar_material { margin-left: 0 !important; } } /* * END - DHTMLXCALENDAR */ /** TIMEPICKER CUSTOM STYLES **/ .bootstrap-timepicker-widget.dropdown-menu.open { z-index: 1050 !important; visibility: visible; opacity: 1; max-height: none; margin-top: 0 !important; } /** TIMEPICKER CUSTOM STYLES - END **/ /* Owl Carousel */ .owl-carousel { z-index: auto; } .owl-carousel > .owl-nav { display: none; } .owl-carousel > .owl-dots { margin-top: 5px; } .owl-carousel > .item { display: none; } .owl-carousel.owl-auto-width .owl-stage { margin: auto; } .owl-carousel .owl-item .item { margin: 2px; } .owl-carousel .owl-item .item img { width: auto; } .owl-carousel .owl-item .item-video > .card + .list-inline, .owl-carousel .owl-item .item-video + .list-inline { margin-top: 5px; } .owl-carousel.owl-theme .owl-nav [class*=owl-]:focus, .owl-carousel.owl-theme .owl-dots .owl-dot:focus { outline: none; -webkit-box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5); box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5); } .owl-carousel.owl-w-nav > .owl-nav { display: none; } .owl-carousel.owl-w-nav > .owl-nav.disabled { display: none; } .owl-carousel.owl-w-counter > .owl-nav { position: relative; display: block; min-height: 20px; margin: 10px 0 0; } .owl-carousel.owl-w-counter > .owl-nav > .owl-prev, .owl-carousel.owl-w-counter > .owl-nav > .owl-next { margin: 0; position: absolute; left: 0; color: #777777; background: transparent; font-size: 0; line-height: 0; outline: none; } .owl-carousel.owl-w-counter > .owl-nav > .owl-prev:before, .owl-carousel.owl-w-counter > .owl-nav > .owl-next:before { content: '\e009'; font: normal normal normal 20px/1 fontastic; text-transform: none !important; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .owl-carousel.owl-w-counter > .owl-nav > .owl-next { left: auto; right: 0; } .owl-carousel.owl-w-counter > .owl-nav > .owl-next:before { content: '\e00a'; } .owl-carousel.owl-w-counter > .owl-counter { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 0 20px; font-size: 14px; text-align: center; } .owl-mw-wrapper { min-width: 180px; } .owl-mw-wrapper .owl-carousel.owl-max-width { max-width: 160px; margin: 0 auto 10px; } @media (min-width: 768px) { .owl-carousel.owl-w-nav { padding: 0 44px; } .owl-carousel.owl-w-nav > .owl-nav { display: block; margin: 0; } .owl-carousel.owl-w-nav > .owl-nav > .owl-prev, .owl-carousel.owl-w-nav > .owl-nav > .owl-next { margin: 0; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #777777; background: transparent; font-size: 0; line-height: 0; outline: none; } .owl-carousel.owl-w-nav > .owl-nav > .owl-prev:before, .owl-carousel.owl-w-nav > .owl-nav > .owl-next:before { content: '\e009'; font: normal normal normal 20px/1 fontastic; text-transform: none !important; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .owl-carousel.owl-w-nav > .owl-nav > .owl-next { left: auto; right: 0; } .owl-carousel.owl-w-nav > .owl-nav > .owl-next:before { content: '\e00a'; } .owl-carousel.owl-max-width { margin-bottom: 0; } } @media (min-width: 600px) and (max-width: 991px) { .owl-mw-wrapper .owl-carousel.owl-max-width { max-width: none; } } @media (min-width: 768px) and (max-width: 991px) { .owl-mw-wrapper { margin-left: 135px; max-width: 660px; } } /* END - Owl Carousel */ /* Map Directions */ .adp { font-size: 14px; color: #404040; } .adp table { color: #404040; } .adp .adp-placemark { border: 0 !important; } .adp .adp-placemark > tbody > tr > td { padding: 5px; } .adp .adp-placemark > tbody > tr > td:first-child { padding: 5px 10px; } .adp .adp-directions, .adp .adp-directions tbody, .adp .adp-directions tbody tr, .adp .adp-directions tbody tr td { display: block; } .adp .adp-directions > tbody > tr { padding-left: 26px; } .adp-substep { border: 0 !important; } .adp-substep:first-child { float: left; margin-left: -26px; margin-top: 4px; } .adp-substep:nth-child(2) { display: none !important; } .adp-substep:last-child { color: #777777; } .adp-substep .adp-stepicon { display: block !important; } .adp-substep .adp-stepicon .adp-maneuver { background-position: 0 -1164px; } .adp .adp-distance:after { content: ''; display: inline-block; vertical-align: middle; width: 100%; margin-left: 8px; border-top: 1px solid #ccc; } .adp .adp-legal { font-size: 10px; text-align: right; } /* END - Map Directions */ /* QUILL JS */ .quilljs-editor.ql-container, .quilljs-editor .ql-editor { min-height: 180px; } .quilljs-mini.ql-container, .quilljs-mini .ql-editor { min-height: 125px; height: auto; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { z-index: 10; max-height: 220px; overflow-y: auto; } .ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { line-height: normal; } .ql-snow .ql-editor img { height: auto; } .ql-snow .ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar button.ql-active, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar button.ql-active, .ql-snow.ql-toolbar button:hover { color: #0e76bc; } .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter { stroke: #0e76bc; } .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill { fill: #0e76bc; } .ql-font span[data-label="Open Sans"]::before { font-family: "Open Sans"; } .ql-font span[data-label="Roboto Sans"]::before { font-family: "Roboto Sans"; } .ql-disabled { border-top: 1px solid #ccc !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="8px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="8px"]::before { content: '8px'; font-size: 8px !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="9px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="9px"]::before { content: '9px'; font-size: 9px !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before { content: '10px'; font-size: 10px !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="11px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="11px"]::before { content: '11px'; font-size: 11px !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before { content: '12px'; font-size: 12px !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before { content: '14px'; font-size: 14px !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before { content: '16px'; font-size: 16px !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before { content: '18px'; font-size: 18px !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before { content: '20px'; font-size: 20px !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="22px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"]::before { content: '22px'; font-size: 22px !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before { content: '24px'; font-size: 24px !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="26px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"]::before { content: '26px'; font-size: 26px !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]::before { content: '28px'; font-size: 28px !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="36px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36px"]::before { content: '36px'; font-size: 36px !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="48px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="48px"]::before { content: '48px'; font-size: 48px !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="72px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="72px"]::before { content: '72px'; font-size: 72px !important; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value]::before { font-size: initial !important; } .ql-font-serif { font-family: "Times New Roman", Times, serif; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="fixed-width"]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="fixed-width"]::before { content: 'Fixed width'; font-family: "Courier New", Courier, monospace; } .ql-font-fixed-width { font-family: "Courier New", Courier, monospace; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="wide"]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="wide"]::before { content: 'wide'; font-family: "Arial Black", Gadget, sans-serif; } .ql-font-wide { font-family: "Arial Black", Gadget, sans-serif; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="narrow"]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="narrow"]::before { content: 'Narrow'; font-family: "Arial Narrow", Arial, sans-serif; } .ql-font-narrow { font-family: "Arial Narrow", Arial, sans-serif; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="comic-sans-ms"]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="comic-sans-ms"]::before { content: 'Comic Sans MS'; font-family: "Comic Sans MS", cursive, sans-serif; } .ql-font-comic-sans-ms { font-family: "Comic Sans MS", cursive, sans-serif; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="garamond"]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="garamond"]::before { content: 'Garamond'; font-family: Garamond, "Times New Roman", serif; } .ql-font-garamond { font-family: Garamond, "Times New Roman", serif; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="georgia"]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="georgia"]::before { content: 'Georgia'; font-family: Georgia, serif; } .ql-font-georgia { font-family: Georgia, serif; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="tahoma"]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="tahoma"]::before { content: 'Tahoma'; font-family: Tahoma, Geneva, sans-serif; } .ql-font-tahoma { font-family: Tahoma, Geneva, sans-serif; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="trebuchet-ms"]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="trebuchet-ms"]::before { content: 'Trebuchet MS'; font-family: "Trebuchet MS", Helvetica, sans-serif; } .ql-font-trebuchet-ms { font-family: "Trebuchet MS", Helvetica, sans-serif; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="verdana"]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="verdana"]::before { content: 'Verdana'; font-family: Verdana, Geneva, sans-serif; } .ql-font-verdana { font-family: Verdana, Geneva, sans-serif; } /* END - QUILL JS */ .cp-color-picker { z-index: 1000; } .ui-placeholder { border: 2px dashed #cacaca; background: #e2e2e2; min-height: 100px; } /* compact-ui */ .compact-mode { font-size: 14px; /* Typography */ /* END - Typography */ /* QUILL JS */ /* PLACEHOLDER */ /*Start- Placeholder-block*/ /*End- Placeholder-block*/ /* PLACEHOLDER */ /*.mdb-step-wrap + .add-item-placeholder { margin-top: 5px; margin-bottom: 5px; }*/ /* Buttons */ /* ./Buttons */ /* Nav Pills */ /* ./Nav Pills */ /* Audit Row */ /* ./Audit Row */ /* Forms */ /* ./Forms */ /* Panel */ /* ./Panel */ /* Media */ /* ./Media */ /* ./Modal */ /* Modal */ /* Start- compact form*/ /* End- compact form*/ /* Start Heading styles*/ /* End Heading styles*/ /* Start Modal Heading styles */ /* End Modal Heading styles */ /* Start Components */ /* Table Css start*/ /* MDB Table Css Start*/ /* MDB Table Css end*/ /* Table Css end*/ /*Badge starts*/ /*Badge ends*/ } .compact-mode .content-data-head { font-size: 16px; } .compact-mode .text-lg-bold { font-size: 16px; } .compact-mode .text-md-bold { font-size: 14px; } .compact-mode .text-sm-bold, .compact-mode .text-sm-normal { font-size: 13px; } .compact-mode hr { margin: 10px 0; } @media (min-width: 768px) { .compact-mode .dl-info-alt { font-size: 14px; } } .compact-mode .dia-responsive .dl-info-alt + .dl-info-alt { margin-top: 10px; } @media (min-width: 768px) { .compact-mode .dia-responsive .dl-info-alt + .dl-info-alt > div { padding-top: 5px; } .compact-mode .dia-responsive .dl-info-alt > div + div { padding-left: 10px; } } .compact-mode .quilljs-editor.ql-container, .compact-mode .quilljs-editor .ql-editor { min-height: 100px; } .compact-mode .quilljs-mini.ql-container, .compact-mode .quilljs-mini .ql-editor { min-height: 75px; } .compact-mode .dropdown.radial-dropdown .dropdown-menu { padding: 10px 0 10px 10px; min-height: 130px; } .compact-mode .dropdown.radial-dropdown .dropdown-menu > li { padding: 2px 10px; } .compact-mode .placeholder-block, .compact-mode .placeholder-block-alt { padding: 10px; text-align: center; } .compact-mode .placeholder-block .placeholder-icon, .compact-mode .placeholder-block-alt .placeholder-icon { margin: 0 auto 5px; width: 100px; height: 100px; font-size: 75px; line-height: 100px; } .compact-mode .placeholder-block.placeholder-mini .placeholder-icon, .compact-mode .placeholder-mini.placeholder-block-alt .placeholder-icon { margin-bottom: 5px; width: 60px; height: 60px; line-height: 60px; font-size: 40px; } .compact-mode .placeholder-block p, .compact-mode .placeholder-block-alt p { font-size: 14px; } .compact-mode .placeholder-block p:not(:last-child), .compact-mode .placeholder-block-alt p:not(:last-child) { margin-bottom: .5em; } .compact-mode .placeholder-block p + .badge-default-info, .compact-mode .placeholder-block-alt p + .badge-default-info { margin-top: 0; } .compact-mode .placeholder-block .placeholder-head, .compact-mode .placeholder-block-alt .placeholder-head { font-size: 18px; margin-bottom: 0px; } .compact-mode .placeholder-block .placeholder-text, .compact-mode .placeholder-block-alt .placeholder-text { font-size: 14px; margin-bottom: 0px; } .compact-mode .placeholder-block.placeholder-warning .placeholder-icon, .compact-mode .placeholder-warning.placeholder-block-alt .placeholder-icon, .compact-mode .placeholder-block.placeholder-danger .placeholder-icon, .compact-mode .placeholder-danger.placeholder-block-alt .placeholder-icon, .compact-mode .placeholder-block.placeholder-success .placeholder-icon, .compact-mode .placeholder-success.placeholder-block-alt .placeholder-icon { width: 40px; height: 40px; font-size: 24px; line-height: 40px; margin-bottom: 0; } .compact-mode .placeholder-block.placeholder-warning .placeholder-icon.lg, .compact-mode .placeholder-warning.placeholder-block-alt .placeholder-icon.lg, .compact-mode .placeholder-block.placeholder-danger .placeholder-icon.lg, .compact-mode .placeholder-danger.placeholder-block-alt .placeholder-icon.lg, .compact-mode .placeholder-block.placeholder-success .placeholder-icon.lg, .compact-mode .placeholder-success.placeholder-block-alt .placeholder-icon.lg { width: 65px; height: 65px; font-size: 40px; line-height: 65px; margin-bottom: 5px; } .compact-mode .placeholder-block.placeholder-warning .placeholder-title, .compact-mode .placeholder-warning.placeholder-block-alt .placeholder-title, .compact-mode .placeholder-block.placeholder-danger .placeholder-title, .compact-mode .placeholder-danger.placeholder-block-alt .placeholder-title, .compact-mode .placeholder-block.placeholder-success .placeholder-title, .compact-mode .placeholder-success.placeholder-block-alt .placeholder-title { margin: .1em auto 0; } .compact-mode .placeholder-block.placeholder-warning .placeholder-text, .compact-mode .placeholder-warning.placeholder-block-alt .placeholder-text, .compact-mode .placeholder-block.placeholder-danger .placeholder-text, .compact-mode .placeholder-danger.placeholder-block-alt .placeholder-text, .compact-mode .placeholder-block.placeholder-success .placeholder-text, .compact-mode .placeholder-success.placeholder-block-alt .placeholder-text { font-size: 14px; margin-bottom: 5px; } .compact-mode .placeholder-block.placeholder-warning .placeholder-text-bold, .compact-mode .placeholder-warning.placeholder-block-alt .placeholder-text-bold, .compact-mode .placeholder-block.placeholder-danger .placeholder-text-bold, .compact-mode .placeholder-danger.placeholder-block-alt .placeholder-text-bold, .compact-mode .placeholder-block.placeholder-success .placeholder-text-bold, .compact-mode .placeholder-success.placeholder-block-alt .placeholder-text-bold { font-weight: 600; font-size: 16px; } .compact-mode .placeholder-block.placeholder-warning p, .compact-mode .placeholder-warning.placeholder-block-alt p, .compact-mode .placeholder-block.placeholder-danger p, .compact-mode .placeholder-danger.placeholder-block-alt p, .compact-mode .placeholder-block.placeholder-success p, .compact-mode .placeholder-success.placeholder-block-alt p { font-size: 14px; margin-bottom: 0; } .compact-mode .placeholder-block .placeholder-image, .compact-mode .placeholder-block-alt .placeholder-image { margin-bottom: 10px; } .compact-mode .placeholder-block .placeholder-image.lg, .compact-mode .placeholder-block-alt .placeholder-image.lg { margin-bottom: 20px; } .compact-mode .placeholder-block .placeholder-title, .compact-mode .placeholder-block-alt .placeholder-title { margin: 1em auto; font-size: 18px; } .compact-mode .img-info-secn + .img-info-secn { margin-top: 10px; } .compact-mode .dashboard-info-block { padding: 5px 10px; } .compact-mode .dashboard-info-block .info-head { font-size: 20px; } .compact-mode .dashboard-info-block .info-text { font-size: 12px; } .compact-mode .dashboard-info-block .info-icon .ft { font-size: 26px; } .compact-mode .count-box .box-icon > svg { max-height: 40px; } .compact-mode .count-box .box-content { padding: 5px 10px; } @media (min-width: 992px) { .compact-mode .count-box .box-content { padding: 5px; } } .compact-mode .count-box .box-content .box-count { font-size: 24px; line-height: 30px; } .compact-mode .count-box .box-content .box-heading, .compact-mode .count-box .box-content .box-title, .compact-mode .count-box .box-content .box-heading, .compact-mode .count-box .box-content .box-desc { font-size: 12px; } .compact-mode .count-box.count-box-alt .box-icon { width: 64px; } @media (min-width: 768px) { .compact-mode .count-box.count-box-alt .box-icon { margin: -10px 10px 10px 0; } .compact-mode .count-box.count-box-alt .box-content { padding-left: 10px; } } .compact-mode .count-box.count-box-featured .box-icon { width: 40px; } .compact-mode .count-box.count-box-featured .box-icon > .ft { line-height: 36px; font-size: 24px; } .compact-mode .ig-status-block .ig-header .count { font-size: 20px; } .compact-mode .ig-status-block .ig-body { padding: 10px; } .compact-mode .ig-status-block .ig-body .ig-status-row + .ig-status-row { margin-top: 5px; } .compact-mode .ig-status-block .ig-body .progress-list .progress-group + .progress-group { margin-top: 8px; } .compact-mode .ig-status-block .ig-body .progress-list .progress-group .progress-text { font-size: 14px; } @media (min-width: 768px) { .compact-mode .ig-status-block .ig-header .count { font-size: 30px; } } .compact-mode .progress.progress-sm { height: 8px; } .compact-mode .progress-text { font-size: 12px; } .compact-mode .mdb-progress-group .progress-legend, .compact-mode .mdb-progress-group .progress-legend-inline { font-size: 12px; } .compact-mode .mdb-progress-group .progress { height: 18px; } .compact-mode .progress-wrap, .compact-mode .progress-wrap-sm { padding: 5px 10px; } .compact-mode .progress-wrap .progress, .compact-mode .progress-wrap-sm .progress { height: 10px; } .compact-mode .progress-wrap .progress .progress-bar .progress-value, .compact-mode .progress-wrap-sm .progress .progress-bar .progress-value { font-size: 12px; } .compact-mode .icon-list { padding: 5px 10px; } .compact-mode .icon-list.is-complete, .compact-mode .icon-list.is-incomplete, .compact-mode .icon-list.is-incomplete { padding-right: 32px; } .compact-mode .icon-list.is-complete:after, .compact-mode .icon-list.is-incomplete:after, .compact-mode .icon-list.is-incomplete:after { right: 10px; } .compact-mode .icon-list > .ft { height: 34px; width: 34px; font-size: 30px; } .compact-mode .procedure-sidebar .sidebar-header { padding: 10px 10px 0 10px; } .compact-mode .procedure-sidebar .sidebar-footer > .btn.btn-lg { padding-top: 11px; padding-bottom: 11px; } .compact-mode .sidebar-top-header > .btn.btn-lg { padding-top: 12px; padding-bottom: 12px; } .compact-mode .person-card .card-header .card-cover { height: 100px; } .compact-mode .person-card .card-header .card-avatar { margin-top: -50px; height: 100px; width: 100px; } .compact-mode .person-card .card-block { padding: 10px 15px; } .compact-mode .mdb-procedure-list .media .media-body > .container-fluid { padding: 10px 15px; } @media (min-width: 768px) { .compact-mode .mdb-procedure-list .media .media-body > .container-fluid { min-height: 50px; padding: 15px 15px; } } @media (max-width: 991px) { .compact-mode .mdb-procedure-list .media .media-left { min-height: 44px; } } @media (max-width: 991px) { .compact-mode .mdb-procedure-list .media .media-left > [data-toggle="collapse"] { height: 44px; } } .compact-mode .obs-panel .form-block { margin-bottom: 10px; } .compact-mode .dropdown-menu { padding: 4px 0; } .compact-mode .dropdown-menu > li > a { padding: 6px 15px; } .compact-mode .dropdown-menu.swatches-dropdown > li > a.swatch-color { padding: 5px; } .compact-mode .dropdown-menu.fixed-width-relate-to-btn { width: 200px; } .compact-mode .cover-dropdown .dropdown-menu > li > a > span { font-size: 14px; } .compact-mode .cover-dropdown .dropdown-menu > li > a > span:first-child { height: auto; } .compact-mode .cover-dropdown .dropdown-menu > li > a .ft { font-size: 20px; } .compact-mode .control-dropup .dropdown-menu li, .compact-mode .control-dropdown .dropdown-menu li { line-height: 36px; } .compact-mode .control-dropup .dropdown-menu li a, .compact-mode .control-dropdown .dropdown-menu li a { font-size: 14px; } .compact-mode .control-dropup .dropdown-menu li .ft, .compact-mode .control-dropdown .dropdown-menu li .ft { font-size: 20px; line-height: 32px; margin: 0 0 0 6px; width: 36px; height: 36px; border-radius: 36px; } .compact-mode .control-dropup .dropdown-menu li.item-has-desc > span:first-child, .compact-mode .control-dropdown .dropdown-menu li.item-has-desc > span:first-child { font-size: 14px; } .compact-mode .add-item-bar, .compact-mode .add-item-placeholder, .compact-mode .add-item-block, .compact-mode .add-item { padding: 5px 10px; height: 50px; } .compact-mode .add-item-block, .compact-mode .add-item, .compact-mode .add-item { height: 120px; } .compact-mode .add-item { width: 120px; } .compact-mode .card-img-top img { height: 120px; } .compact-mode .mdb-drop-block > .db-area { padding: 10px; min-height: 180px; } .compact-mode .mdb-drop-block .db-img-uploaded > img { max-height: 160px; } .compact-mode .mdb-drop-block .db-img-uploaded > img.img-responsive { min-height: 160px; } .compact-mode .mdb-drop-block .db-description { font-size: 16px; } .compact-mode .mdb-drop-block .db-description .help-block { font-size: 12px; } .compact-mode .mdb-drop-block .db-icon { font-size: 70px; } .compact-mode .mdb-drop-block.db-mini .db-icon { font-size: 35px; } .compact-mode .mdb-drop-block.db-mini > .db-area { min-height: 100px; } .compact-mode .mdb-step-wrap + .add-item-bar, .compact-mode .mdb-step-wrap + .add-item-placeholder, .compact-mode .mdb-step-wrap + .add-item-block, .compact-mode .mdb-step-wrap + .add-item, .compact-mode .mdb-step-wrap + .add-item-block, .compact-mode .mdb-step-wrap + .add-item, .compact-mode .mdb-step-wrap + .add-item { margin-top: 10px; height: 35px; } .compact-mode .mdb-step-wrap .add-item-bar, .compact-mode .mdb-step-wrap .add-item-placeholder, .compact-mode .mdb-step-wrap .add-item-block, .compact-mode .mdb-step-wrap .add-item, .compact-mode .mdb-step-wrap .add-item-block, .compact-mode .mdb-step-wrap .add-item, .compact-mode .mdb-step-wrap .add-item { height: 35px; margin-top: 5px; margin-bottom: 5px; } .compact-mode .mdb-step-wrap + .add-item-placeholder, .compact-mode .mdb-step-wrap .add-item-placeholder { height: 25px; } .compact-mode .content-modal-head { margin: 0 auto 15px; } @media (min-width: 768px) { .compact-mode .content-modal-head { margin: 0 auto 15px; } } .compact-mode .btn { padding: 4px 12px; font-size: 13px; } .compact-mode .btn.btn-lg { padding: 7px 14px; font-size: 13px; } .compact-mode .btn.btn-sm { font-size: 13px; padding: 3px 8px; } .compact-mode .btn.btn-icon.btn-icon-w-text .text { font-size: 14px; line-height: 30px; } .compact-mode .btn-group.btn-outline-group .btn-outline-default { padding: 4px 12px; font-size: 13px; } .compact-mode .btn-group.btn-outline-group .btn-outline-default.selected .btn-inner-text:before { font-size: 14px; margin-left: -5px; } .compact-mode .btn.btn-icon { width: 36px; height: 36px; line-height: 30px; } .compact-mode .btn.btn-limit { height: 36px; width: 36px; font-size: 14px; line-height: 30px; } .compact-mode .nav-pills-wrap { max-height: 29px !important; min-height: 29px; } .compact-mode .nav-pills.panel-pills li a, .compact-mode .nav-pills.panel-pills li a:hover, .compact-mode .nav-pills.panel-pills li a:focus { padding: 4px 12px; font-size: 13px; } .compact-mode .nav-pills.panel-pills li.has-success a:before, .compact-mode .nav-pills.panel-pills li.has-error a:before { font-size: 16px; line-height: 17px; } .compact-mode .nav-pills.icon-pills li { padding: 0 5px; } .compact-mode .nav-pills.icon-pills li a { font-size: 13px; } .compact-mode .nav-pills.icon-pills li a > .ft { margin-bottom: 4px; font-size: 30px; line-height: 30px; } .compact-mode .audit-row .btn { margin-bottom: 5px; } .compact-mode .audit-row .audit-info { margin-top: 5px; } .compact-mode .custom-checkbox.checkbox-block { min-height: 50px; } .compact-mode .panel-tools > li > a > .ft, .compact-mode .panel-tools > li [role="button"] > .ft { line-height: 24px; } .compact-mode .panel-group { margin-bottom: 15px; } .compact-mode .panel-group .panel .panel-heading { font-size: 16px; } .compact-mode .panel-group.pg-multi-tier .panel > .panel-heading { font-size: 14px; padding: 8px 15px 8px 20px; } .compact-mode .panel-group.pg-multi-tier > .panel > .panel-heading { padding-left: 15px; } .compact-mode .panel .panel-heading { padding: 5px 15px; font-size: 16px; } .compact-mode .panel.dashboard-panel .panel-heading { padding: 0; } .compact-mode .panel .panel-content-row { padding: 10px 15px; } .compact-mode .mdb-panel-group .panel .panel-heading .panel-title > a, .compact-mode .mdb-panel-group .panel .panel-heading .panel-title > [role=button] { padding: 5px 34px 5px 15px; font-size: 16px; } @media only screen and (min-width: 768px) { .compact-mode .docx-panel .panel-heading .panel-title [data-toggle="collapse"] { padding-top: 10px !important; padding-bottom: 10px !important; } } .compact-mode .media.media-flex-box { padding: 8px; } @media only screen and (min-width: 992px) { .compact-mode .modal.left .modal-dialog .modal-content .modal-body, .compact-mode .modal.right .modal-dialog .modal-content .modal-body { padding: 15px; } } .compact-mode .chip { line-height: 28px; } .compact-mode .form-block-head { font-size: 16px; margin-bottom: 10px; } .compact-mode .mdb-search-bar > .input-group .form-control { font-size: 14px; } .compact-mode .mdb-search-bar > .input-group ~ .btn { margin-left: 4px; } @media only screen and (min-width: 768px) { .compact-mode .search-block { margin-bottom: 15px; } .compact-mode .mdb-search-bar > .input-group .form-control { height: 36px; } .compact-mode .mdb-search-bar > .input-group > .input-group-btn:first-child .btn, .compact-mode .mdb-search-bar > .input-group > .input-group-btn:last-child .btn { font-size: 14px; height: 36px; } .compact-mode .mdb-search-bar > .input-group > .input-group-btn:first-child .btn { padding-left: 15px; } .compact-mode .mdb-search-bar > .input-group > .input-group-btn:last-child .btn { padding-right: 15px; } } .compact-mode .form-block { /*margin-bottom: 20px;*/ margin-bottom: 15px; } .compact-mode .form-block.sm { margin-bottom: 10px; } .compact-mode .form-block.sm .form-block-head { margin-bottom: 5px; font-size: 16px; } .compact-mode .form-block.sm:last-child { margin-bottom: 0; } .compact-mode .form-block .form-control-static { font-size: 14px; line-height: 20px; } .compact-mode .form-block.floating-label > .form-block-head { font-size: 16px; } .compact-mode .form-block.floating-label > .form-block-head + .form-group { margin-top: 5px; } .compact-mode .form-block.floating-label > .form-block-head + .collapse + .multi-columns-form, .compact-mode .form-block.floating-label > .form-block-head + .collapse + .multi-columns-form-sm, .compact-mode .form-block.floating-label > .form-block-head + .collapse + .multi-columns-form-zero, .compact-mode .form-block.floating-label > .form-block-head + .collapsing + .multi-columns-form, .compact-mode .form-block.floating-label > .form-block-head + .collapsing + .multi-columns-form-sm, .compact-mode .form-block.floating-label > .form-block-head + .collapsing + .multi-columns-form-zero, .compact-mode .form-block.floating-label > .form-block-head + .multi-columns-form, .compact-mode .form-block.floating-label > .form-block-head + .multi-columns-form-sm, .compact-mode .form-block.floating-label > .form-block-head + .multi-columns-form-zero { margin-top: -10px; } .compact-mode .form-block.floating-label > .form-block-head + .collapse + .multi-columns-form-sm, .compact-mode .form-block.floating-label > .form-block-head + .collapse + .multi-columns-form-zero, .compact-mode .form-block.floating-label > .form-block-head + .collapsing + .multi-columns-form-sm, .compact-mode .form-block.floating-label > .form-block-head + .collapsing + .multi-columns-form-zero, .compact-mode .form-block.floating-label > .form-block-head + .multi-columns-form-sm, .compact-mode .form-block.floating-label > .form-block-head + .multi-columns-form-zero { margin-top: -5px; } .compact-mode .form-block .form-block-head { font-size: 16px; margin-bottom: 10px; } .compact-mode .form-block .form-block-head + .form-control-static { padding: 0; } .compact-mode .custom-radio, .compact-mode .custom-checkbox { padding-left: 16px; } .compact-mode .custom-radio > input ~ span, .compact-mode .custom-checkbox > input ~ span { font-size: 14px; padding-left: 5px; vertical-align: top; } .compact-mode .custom-radio > input ~ span:before, .compact-mode .custom-radio > input ~ span:after, .compact-mode .custom-checkbox > input ~ span:before, .compact-mode .custom-checkbox > input ~ span:after { height: 16px; width: 16px; } .compact-mode .custom-checkbox { min-height: 1.4em; } .compact-mode .custom-checkbox > input ~ span:after { left: 5px; top: 4px; width: 6px; height: 12px; } .compact-mode .custom-checkbox.checkbox-square { min-height: 24px; padding-left: 24px; } .compact-mode .custom-checkbox.checkbox-square > input ~ span:before { width: 24px; height: 24px; } .compact-mode .custom-checkbox.checkbox-square > input ~ span:after { left: 8px; width: 8px; height: 16px; border-width: 0 2px 2px 0; } .compact-mode .custom-checkbox.checkbox-square > input:checked ~ span:after { border-width: 0 2px 2px 0; } .compact-mode .custom-checkbox.checkbox-btn { padding-left: 45px; } .compact-mode .custom-checkbox.checkbox-btn > input ~ span:before { top: 6.96px; left: 19px; } .compact-mode .custom-checkbox.checkbox-btn > input ~ span:after { left: 24px; } .compact-mode .checkbox-toggle > input[type="checkbox"] ~ .toggle-space:before, .compact-mode .checkbox-toggle > input[type="checkbox"] ~ .toggle-space:after { line-height: 16px; height: 16px; padding: 2px 8px; } .compact-mode .form-control-static .radio + .radio { margin-top: 5px; } .compact-mode .floating-label .form-group { margin-top: 10px; padding-bottom: 12px; min-height: 28px; } .compact-mode .floating-label .form-group.form-group-static .form-control-label { margin-bottom: -4px; } .compact-mode .floating-label .form-group.form-spinner-group .form-control-static { /*padding-top: 0;*/ } .compact-mode .floating-label .form-group.form-spinner-group .form-control-static .form-control { padding: 2px 6px; height: 28px; font-size: 14px; } .compact-mode .floating-label .form-group.form-spinner-group .form-control-static .input-group { width: 120px; } .compact-mode .floating-label .form-group.form-spinner-group .input-group-btn > .btn { padding-top: 3px; padding-bottom: 3px; } .compact-mode .floating-label .form-group.form-spinner-group .input-group-btn:first-child > .btn { padding-right: 10px; } .compact-mode .floating-label .form-group.form-spinner-group .input-group-btn:last-child > .btn { padding-left: 10px; } .compact-mode .floating-label .form-group label.control-label { font-size: 14px; top: 19px; } .compact-mode .floating-label .form-group.is-focused label.control-label { font-size: 13px; } .compact-mode .floating-label .form-group .form-control-label { font-size: 14px; } .compact-mode .floating-label .form-group .form-control { padding-top: 2px; padding-bottom: 2px; height: 28px; font-size: 14px; } .compact-mode .floating-label .form-group .form-control.input-lg { height: 34px; font-size: 16px; } .compact-mode .floating-label .form-group .form-control-static { min-height: 28px; padding: 4px 0 0; font-size: 14px; } .compact-mode .floating-label .form-group .SumoSelect > .CaptionCont { min-height: 28px; padding: 2px 7px 2px 0; font-size: 14px; } .compact-mode .floating-label .form-group > .list-inline { line-height: 28px; } .compact-mode .floating-label .form-group .help-block { max-width: 100%; } .compact-mode .floating-label .input-group .input-group-addon { padding: 2px 3px; width: 26px; } .compact-mode .floating-label .input-group .form-control + .input-group-addon { margin-top: -30px; } .compact-mode .floating-label .addon-left .input-group { margin-left: 30px; } .compact-mode .floating-label .addon-left .input-group .input-group-addon { margin-left: -30px; } .compact-mode .floating-label .addon-left .input-group .input-group-addon + .form-control { padding-right: 0; } .compact-mode .floating-label .row.multi-columns-form, .compact-mode .floating-label .row.multi-columns-form-sm, .compact-mode .floating-label .row.multi-columns-form-zero { margin-top: -10px; } .compact-mode .floating-label .row.multi-columns-form > [class*="col"], .compact-mode .floating-label .row.multi-columns-form-sm > [class*="col"], .compact-mode .floating-label .row.multi-columns-form-zero > [class*="col"] { margin-top: 10px; } .compact-mode .floating-label .row.multi-columns-form > [class*="col"].col-has-btn:not(.col-sm-12), .compact-mode .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-btn:not(.col-sm-12), .compact-mode .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-btn:not(.col-sm-12) { margin-top: 10px; } .compact-mode .floating-label .row.multi-columns-form > [class*="col"].col-has-btn .btn, .compact-mode .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-btn .btn, .compact-mode .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-btn .btn { padding: 4px 12px; font-size: 13px; } .compact-mode .floating-label .row.multi-columns-form > [class*="col"].col-has-collapse, .compact-mode .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-collapse, .compact-mode .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-collapse { margin-top: 0; } .compact-mode .floating-label .row.multi-columns-form > [class*="col"].col-has-collapse .chip-group .chip, .compact-mode .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-collapse .chip-group .chip, .compact-mode .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-collapse .chip-group .chip { margin-top: 5px; } .compact-mode .view-mode .floating-label.form-block > .form-block-head { margin-bottom: 0; } .compact-mode .view-mode .floating-label.form-block > .form-block-head + .row.multi-columns-form > [class*="col"]:first-child, .compact-mode .view-mode .floating-label.form-block > .form-block-head + .row.multi-columns-form-sm > [class*="col"]:first-child, .compact-mode .view-mode .floating-label.form-block > .form-block-head + .row.multi-columns-form-zero > [class*="col"]:first-child { margin-top: 8px; } .compact-mode .view-mode .floating-label .chip-group { margin-top: 0px; } .compact-mode .view-mode .floating-label .form-group { margin-top: 10px; } .compact-mode .view-mode .multi-columns-form > [class*="col"], .compact-mode .view-mode .multi-columns-form-sm > [class*="col"], .compact-mode .view-mode .multi-columns-form-zero > [class*="col"], .compact-mode .view-mode .floating-label .row.multi-columns-form > [class*="col-"], .compact-mode .view-mode .floating-label .row.multi-columns-form-sm > [class*="col-"], .compact-mode .view-mode .floating-label .row.multi-columns-form-zero > [class*="col-"] { margin-top: 10px; } .compact-mode .floating-label .row.multi-columns-form-sm, .compact-mode .floating-label .row.multi-columns-form-zero { margin-top: -5px; } .compact-mode .floating-label .row.multi-columns-form-sm > [class*="col-"], .compact-mode .floating-label .row.multi-columns-form-zero > [class*="col-"] { margin-top: 5px; } .compact-mode .floating-label .row.multi-columns-form-zero { margin-top: 0; } .compact-mode .floating-label .row.multi-columns-form-zero > [class*="col-"] { margin-top: 0; } .compact-mode .floating-label .row.multi-columns-form > [class*="col"].col-has-collapse, .compact-mode .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-collapse, .compact-mode .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-collapse, .compact-mode .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-collapse, .compact-mode .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-collapse, .compact-mode .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-collapse, .compact-mode .floating-label .row.multi-columns-form > [class*="col"].col-has-btn, .compact-mode .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-btn, .compact-mode .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-btn, .compact-mode .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-btn, .compact-mode .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-btn, .compact-mode .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-btn { margin-top: 0; } .compact-mode .content-head { font-size: 18px; margin-bottom: 10px; } @media (min-width: 768px) { .compact-mode .content-head { font-size: 20px; } } .compact-mode .content-modal-sub-head { font-size: 16px; } @media (min-width: 768px) { .compact-mode .content-modal-sub-head { font-size: 14px; } } .compact-mode .head-wrap { margin-bottom: 10px; } .compact-mode .head-wrap .content-head-dropdown, .compact-mode .head-wrap .owl-carousel { margin-top: 0; } .compact-mode .head-wrap .content-head-md, .compact-mode .head-wrap .content-head-md-secondary, .compact-mode .head-wrap .content-head-md-secondary { font-size: 14px; } .compact-mode .head-wrap .content-head + .content-head-user-info { margin-top: 5px !important; } .compact-mode .head-wrap .content-head + .nav-pills-wrap { margin-top: 5px !important; } .compact-mode .head-wrap .content-head-sm { margin: 5px 0; } .compact-mode .head-wrap .content-sub-head { font-size: 14px; margin-bottom: 0; } @media (min-width: 768px) { .compact-mode .head-wrap .content-sub-head { font-size: 16px !important; } .compact-mode .head-wrap .content-sub-head + .content-sub-head { margin-top: 0; } } .compact-mode .head-wrap .form-block-head { font-size: 16px; } .compact-mode .modal-body .content-modal-head { font-size: 16px; } @media (min-width: 768px) { .compact-mode .modal-body .content-modal-head { font-size: 22px; } } .compact-mode .modal-body .content-modal-sub-head { font-size: 14px; } .compact-mode .modal-body .content-modal-sub-head-sm { font-size: 13px; } .compact-mode .modal-body .content-modal-sub-head-italic { font-size: 14px; } .compact-mode .modal-body .head-wrap .content-modal-head { font-size: 18px; } .compact-mode .modal-body .head-wrap .content-modal-head + .content-modal-head-list { margin-top: 10px !important; } .compact-mode .modal-body .head-wrap .content-modal-sub-head { font-size: 16px !important; } .compact-mode .modal-body .head-wrap .content-modal-sub-head + .content-modal-head-list { margin-top: 10px !important; } .compact-mode .modal-body .head-wrap .content-modal-sub-head.md { font-size: 14px; } .compact-mode .modal-body .head-wrap .content-modal-sub-head.sm { font-size: 13px; } .compact-mode .content-block, .compact-mode .content-block-nopad, .compact-mode .content-block-pad-md { padding: 15px; margin-bottom: 15px; } .compact-mode .content-block-pad-md { padding: 10px 15px; } .compact-mode .content-block-nopad { padding: 0; } .compact-mode .section-gap-sm, .compact-mode .page-section.section-sm { margin-bottom: 20px !important; } .compact-mode .user-info.org-info { margin: 0 auto 10px; } .compact-mode .user-info.org-info .media-left { padding-right: 5px; } .compact-mode .mdb-step-header { padding: 10px 15px 10px; } .compact-mode .mdb-step .mdb-step-title { margin: 5px auto; padding: 0; } .compact-mode .mdb-step .mdb-body { padding: 10px 15px; } .compact-mode .mdb-step .mdb-body .form-group { margin-top: 5px !important; } .compact-mode .mdb-step .mdb-body .form-legend-secondary { margin: 10px 0; } .compact-mode .mdb-step .mdb-body .form-block-head { margin-bottom: 10px; } .compact-mode .mdb-step .mdb-body .form-block-head + .form-legend-secondary { margin-top: 5px; } .compact-mode .mdb-step .mdb-footer { padding: 5px 15px; min-height: inherit; } .compact-mode .mdb-step .floating-label .form-group { /*& .form-control { height: 38px; }*/ } .compact-mode .mdb-step .floating-label .form-group.is-focused .form-control:read-only { /*line-height: 38px;*/ } .compact-mode .mdb-step .floating-label .form-group > .list-inline { line-height: 30px; } .compact-mode .team-lg .team-avatar { width: 120px; height: 120px; } .compact-mode .table.table-bordered > thead > tr th { padding: 5px 15px; font-size: 14px; } .compact-mode .table.table-bordered > tbody > tr td { padding: 5px 15px; font-size: 14px; } .compact-mode .table-scroll-container .table-responsive { margin-bottom: 5px; } .compact-mode .mdb-table > thead > tr > th, .compact-mode .mdb-table > tbody > tr > td, .compact-mode .mdb-table > tfoot > tr > th { padding: 5px 15px; } .compact-mode .mdb-table-collapse > tbody > tr:nth-of-type(even) > td .table-contents { padding: 5px 0; } .compact-mode .mdb-table-collapse > tbody > tr:nth-of-type(even) > td .table-contents .widget-list > li { margin-top: 5px; } .compact-mode .table-title { font-size: 18px; } .compact-mode .badge.badge-xl { padding: 5px 18px; } .compact-mode .profile-cover { height: 100px; } @media (min-width: 768px) { .compact-mode .profile-cover { height: 215px; } } .compact-mode .profile-wrapper { top: 90px; } @media (min-width: 768px) { .compact-mode .profile-wrapper { top: 0; } } @media (max-width: 767px) { .compact-mode .profile-wrapper .profile-media .media-left { padding-top: 40px; } } @media (min-width: 768px) { .compact-mode .profile-header .header-content { padding: 10px 15px; } .compact-mode .profile-header .header-content + .nav-tabs-wrap, .compact-mode .profile-header .header-content + .nav-pills-wrap { margin-top: -10px; } } .compact-mode .profile-avatar { height: 100px; width: 100px; } @media (min-width: 992px) { .compact-mode .profile-avatar { height: 140px; width: 140px; } } .compact-mode .profile-name { font-size: 20px; } .compact-mode .profile-desc { font-size: 16px; } .compact-mode .profile-media .media-body .ft-ul { font-size: 14px; } .compact-mode .nav-tabs-wrap, .compact-mode .nav-pills-wrap { max-height: 40px !important; min-height: 40px; } .compact-mode .nav-tabs.nav-justified > li > a span { padding: 6px 10px; } .compact-mode .nav-tabs.nav-flat > li a { font-size: 16px; } .compact-mode .nav-tabs.nav-flat > li a span { padding-top: 5px; } .compact-mode .qr-block .qr-text { font-size: 14px; } .compact-mode .display-block.mob-row-collapse .multi-column, .compact-mode .display-block.mob-row-collapse .display-mob-head { padding: 5px 10px; font-size: 14px; } .compact-mode .team-card { margin: 0 auto 10px; min-height: 145px; padding: 10px 15px; } .compact-mode .team-card .checkbox { left: 10px; top: 10px; } .compact-mode .team-card > h3 { font-size: 16px; margin-bottom: 0; } .compact-mode .team-card .badge-space { margin: 10px 0 5px; } .compact-mode .team-card .badge-space .btn.btn-limit { height: 34px; width: 34px; font-size: 14px; line-height: 28px; } .compact-mode .team-card .team-role { font-size: 13px; margin-bottom: 0; } .compact-mode .icon-item .icon { font-size: 30px; } .compact-mode .icon-item .icon-title { font-size: 13px; line-height: 16px; } .compact-mode .ab-timeline-block { margin-bottom: 15px; } .compact-mode .ab-timeline-block .ab-timeline-content { padding: 10px; } .compact-mode .ab-timeline-block .ab-timeline-content .media-heading { margin-bottom: 0; } @media (min-width: 768px) { .compact-mode .ab-timeline-block { margin-bottom: 20px; margin-left: 140px; } .compact-mode .ab-timeline-block .ab-timeline-pointer { left: -30px; } .compact-mode .ab-timeline-block .ab-timeline-content .ab-timestamp .ab-date { left: -115px; } } .compact-mode .ab-alert { padding: 10px; } @media (min-width: 768px) { .compact-mode .ab-alert { padding: 10px; } .compact-mode .ab-alert .ab-alert-row > .ab-alert-col { min-height: 29px; } } .compact-mode .stepper-tabs-alt > li .step-title { font-size: 14px; } .compact-mode .stepper-tabs-alt > li ul .step-title { font-size: 13px; } /* END - compact-ui */ /*button starts*/ .caret { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-bottom: 5px dashed; border-bottom: 5px solid\9; } .btn { padding: 7px 14px; font-size: 14px; font-weight: 600; /*padding: 4px 10px;*/ text-transform: uppercase; color: #404040; border-radius: 2px; } .btn-group .btn { margin-right: 0; display: inline-block; width: auto; } .btn-group .btn.btn-block { width: 100%; } .btn-group .btn:not(:last-of-type) { margin-right: 0; } .btn-group .btn + .btn { margin-left: 0; } .btn:not(:last-of-type) { margin-right: 10px; } .btn:hover, .btn:focus, .btn:focus:active, .btn.active:focus, .btn.active.focus { outline: none; text-decoration: none; box-shadow: none; } .btn:focus, .btn:focus:active, .btn.active:focus, .btn.active.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5); box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5); } .btn > .ft { vertical-align: -12%; display: inline; } .btn.btn-xs { font-size: 12px; line-height: 20px; padding: 2px 12px; } .btn.btn-sm { font-size: 14px; line-height: 20px; padding: 4px 10px; } .btn.btn-lg { font-size: 14px; line-height: 20px; padding: 11px 15px; } .btn.btn-square.btn-default { padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: 600; background-color: white; color: #404040; border: 1px solid #e0e0e0; } .btn.btn-square.btn-default:hover, .btn.btn-square.btn-default:focus, .btn.btn-square.btn-default.active { color: #ffffff; background-color: #0e76bc; } .btn.btn-cell { display: table-cell; width: 999px; } .btn.btn-status { padding: 3px 15px 3px 40px; line-height: 18px; font-weight: 400; text-align: left; text-transform: none; } .btn.btn-status:before { content: ''; font: normal normal normal 20px/1 fontastic; text-transform: none !important; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .btn.btn-status.btn-success:before { content: "\e038"; } .btn.btn-status.btn-danger:before { content: "\e018"; } .btn.btn-status.btn-warning:before { content: "\e0f5"; } .btn.btn-has-icon { padding-left: 7px; } .btn.btn-has-icon > .ft { margin-right: 4px; } .btn.btn-link { color: #0e76bc; background: none; text-transform: none; } .btn.btn-link:hover, .btn.btn-link:focus { color: #0e76bc; } .btn.btn-link.disabled { color: #777777; } .btn.btn-default { color: #404040; background-color: #e2e2e2; color: #404040; border-color: #e2e2e2; } .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default.active { background-color: #e5e5e5; border-color: #e2e2e2; } .open > .btn.btn-default.dropdown-toggle, .open > .btn.btn-default.dropdown-toggle.focus, .open > .btn.btn-default.dropdown-toggle:focus, .open > .btn.btn-default.dropdown-toggle:hover { background-color: #efefef; border-color: #e2e2e2; } .btn .btn-white-outline.btn-outline:hover, .btn .btn-white-outline.btn-outline:focus, .btn .btn-white-outline.btn-outline.active { color: #ffffff; } .btn.btn-white { color: #0e76bc; background: #fff; border-color: #fff; } .btn.btn-black { color: #fff; background: #000; border-color: #000; } .btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black:active, .btn.btn-black.active { background-color: #0d0d0d; border-color: #000; } .btn.btn-black:focus, .btn.btn-black:focus:active, .btn.btn-black.active:focus, .btn.btn-black.active.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .btn.btn-primary { background-color: #0e76bc; color: #fff; border-color: #0e76bc; } .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:hover, .btn.btn-primary.active:hover, .btn.btn-primary:active:focus, .btn.btn-primary.active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active.focus { background-color: #1085d4; border-color: #0e76bc; } .btn.btn-primary:focus, .btn.btn-primary:focus:active, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(14, 118, 188, 0.5); box-shadow: 0 0 0 0.2rem rgba(14, 118, 188, 0.5); } .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle.focus, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover { background-color: #1085d4; border-color: #0e76bc; } .btn.btn-secondary { background-color: #4caf50; color: #fff; border-color: #4caf50; } .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary.active { background-color: #5cb860; border-color: #4caf50; } .btn.btn-secondary:focus, .btn.btn-secondary:focus:active, .btn.btn-secondary.active:focus, .btn.btn-secondary.active.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); } .btn.btn-success { background-color: #4caf50; color: #fff; border-color: #4caf50; } .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success.active { background-color: #5cb860; border-color: #4caf50; } .btn.btn-success:focus, .btn.btn-success:focus:active, .btn.btn-success.active:focus, .btn.btn-success.active.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); } .btn.btn-warning { background-color: #ffc107; color: #fff; border-color: #ffc107; } .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning.active { background-color: #ffc721; border-color: #ffc107; } .btn.btn-warning:focus, .btn.btn-warning:focus:active, .btn.btn-warning.active:focus, .btn.btn-warning.active.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn.btn-danger { background-color: #f44336; color: #fff; border-color: #f44336; } .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active { background-color: #f55a4e; border-color: #f44336; } .btn.btn-danger:focus, .btn.btn-danger:focus:active, .btn.btn-danger.active:focus, .btn.btn-danger.active.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5); box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5); } .btn.btn-info { background-color: #1abade; color: #fff; border-color: #1abade; } .btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info.active { background-color: #2bc4e6; border-color: #42cae9; } .btn.btn-info:focus, .btn.btn-info:focus:active, .btn.btn-info.active:focus, .btn.btn-info.active.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(26, 186, 222, 0.5); box-shadow: 0 0 0 0.2rem rgba(26, 186, 222, 0.5); } .btn.btn-teal { color: #fff; background-color: #00A69C; border-color: #00A69C; } .btn.btn-teal:hover, .btn.btn-teal:focus, .btn.btn-teal:active, .btn.btn-teal.active { background-color: #00c0b4; border-color: #00d9cc; } .btn.btn-teal:focus, .btn.btn-teal:focus:active, .btn.btn-teal.active:focus, .btn.btn-teal.active.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 166, 156, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 166, 156, 0.5); } .btn.btn-nav { background-color: #ebebeb; color: #404040; border-color: #ebebeb; } .btn.btn-nav:hover, .btn.btn-nav:focus, .btn.btn-nav:active, .btn.btn-nav.active { background-color: #f8f8f8; border-color: #ebebeb; } .btn.btn-outline-default { background-color: transparent; color: #404040; border: 1px solid #e2e2e2; } .btn.btn-outline-default:hover, .btn.btn-outline-default:focus, .btn.btn-outline-default:active, .btn.btn-outline-default.active { color: #404040; background-color: #e2e2e2; border: 1px solid #e2e2e2; } .btn.btn-outline-default:focus, .btn.btn-outline-default:focus:active, .btn.btn-outline-default.active:focus, .btn.btn-outline-default.active.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5); box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5); } .btn.btn-outline-primary { background-color: transparent; color: #0e76bc; border: 1px solid #0e76bc; } .btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:active, .btn.btn-outline-primary.active { color: #fff; background-color: #0e76bc; border: 1px solid #0e76bc; } .btn.btn-outline-primary:focus, .btn.btn-outline-primary:focus:active, .btn.btn-outline-primary.active:focus, .btn.btn-outline-primary.active.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(14, 118, 188, 0.5); box-shadow: 0 0 0 0.2rem rgba(14, 118, 188, 0.5); } .btn.btn-outline-secondary { background-color: transparent; color: #4caf50; border: 1px solid #4caf50; } .btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus, .btn.btn-outline-secondary:active, .btn.btn-outline-secondary.active { color: #fff; background-color: #4caf50; border: 1px solid #4caf50; } .btn.btn-outline-secondary:focus, .btn.btn-outline-secondary:focus:active, .btn.btn-outline-secondary.active:focus, .btn.btn-outline-secondary.active.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); } .btn.btn-outline-white { background-color: transparent; color: #fff; border: 1px solid #fff; } .btn.btn-outline-white:hover, .btn.btn-outline-white:focus, .btn.btn-outline-white:active, .btn.btn-outline-white.active { color: #404040; background-color: #fff; border: 1px solid #fff; } .btn.btn-outline-white:focus, .btn.btn-outline-white:focus:active, .btn.btn-outline-white.active:focus, .btn.btn-outline-white.active.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn.btn-outline-danger { background-color: transparent; color: #f44336; border: 1px solid #f44336; } .btn.btn-outline-danger:hover, .btn.btn-outline-danger:focus, .btn.btn-outline-danger:active, .btn.btn-outline-danger.active { color: #fff; background-color: #f44336; border: 1px solid #f44336; } .btn.btn-outline-danger:focus, .btn.btn-outline-danger:focus:active, .btn.btn-outline-danger.active:focus, .btn.btn-outline-danger.active.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5); box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5); } .btn.btn-outline-warning { background-color: transparent; color: #ffc107; border: 1px solid #ffc107; } .btn.btn-outline-warning:hover, .btn.btn-outline-warning:focus, .btn.btn-outline-warning:active, .btn.btn-outline-warning.active { color: #fff; background-color: #ffc107; border: 1px solid #ffc107; } .btn.btn-outline-warning:focus, .btn.btn-outline-warning:focus:active, .btn.btn-outline-warning.active:focus, .btn.btn-outline-warning.active.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn.btn-outline-grey-dark { background-color: transparent; color: #404040; border: 1px solid #404040; } .btn.btn-outline-grey-dark:hover, .btn.btn-outline-grey-dark:focus, .btn.btn-outline-grey-dark:active, .btn.btn-outline-grey-dark.active { color: #fff; background-color: #404040; border: 1px solid #404040; } .btn.btn-outline-grey-light { background-color: transparent; color: #777777; border: 1px solid #777777; } .btn.btn-outline-grey-light:hover, .btn.btn-outline-grey-light:focus, .btn.btn-outline-grey-light:active, .btn.btn-outline-grey-light.active { color: #fff; background-color: #777777; border: 1px solid #777777; } .btn.btn-transparent { border-color: transparent; background-color: transparent; color: #fff; } .btn.btn-transparent:hover, .btn.btn-transparent:focus, .btn.btn-transparent:active, .btn.btn-transparent.active { color: #fff; border-color: transparent; background-color: transparent; } .btn.btn-transparent:focus, .btn.btn-transparent:focus:active, .btn.btn-transparent.active:focus, .btn.btn-transparent.active.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn.btn-hover-primary:hover, .btn.btn-hover-primary:focus, .btn.btn-hover-primary:active, .btn.btn-hover-primary.active { color: #fff; background-color: #0e76bc; border: 1px solid #0e76bc; } .btn.btn-toggle, .btn.btn-toggle:active, .btn.btn-toggle:focus { background-color: transparent; color: #777777; border: 1px solid #777777; } .btn.btn-toggle:hover, .btn.btn-toggle:active:hover, .btn.btn-toggle:focus:hover { color: #fff; background-color: #777777; border: 1px solid #777777; } .btn.btn-toggle.active, .btn.btn-toggle:active.active, .btn.btn-toggle:focus.active { color: #fff; background-color: #0e76bc; border: 1px solid #0e76bc; -webkit-box-shadow: none; box-shadow: none; } .btn.btn-limit { padding: 2px; height: 44px; width: 44px; font-size: 16px; font-weight: 400; line-height: 38px; border-radius: 22px; } .btn.btn-limit .ft { line-height: inherit; vertical-align: top; } .btn.btn-limit.sm { height: 34px; width: 34px; line-height: 28px; font-size: 14px; } .btn.btn-limit.sm .ft { font-size: 16px; } .btn.btn-icon-select { padding: 1px; background: transparent; } .btn.btn-icon-select .ft { font-size: 26px; } .btn.btn-color-select { margin: 0; width: 30px; height: 30px; padding: 0; border-color: #e2e2e2; background: #777 center no-repeat; } .btn.btn-color-select.checked:after { content: ''; display: block; width: 10px; height: 20px; position: absolute; top: 3px; left: 10px; background: transparent; border: 1px solid #FFF; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .btn.btn-color-select + .caret { margin-left: 10px; } .active > .btn.btn-outline-primary, .active > .btn.btn-outline-primary:focus, .active > .btn.btn-outline-primary:hover, .dropdown.open > .btn.btn-outline-primary, .dropdown.open > .btn.btn-outline-primary:focus, .dropdown.open > .btn.btn-outline-primary:hover { color: #fff; background-color: #0e76bc; border: 1px solid #0e76bc; } .active > .btn.btn-outline-secondary, .active > .btn.btn-outline-secondary:focus, .active > .btn.btn-outline-secondary:hover, .dropdown.open > .btn.btn-outline-secondary, .dropdown.open > .btn.btn-outline-secondary:focus, .dropdown.open > .btn.btn-outline-secondary:hover { color: #fff; background-color: #4caf50; border: 1px solid #4caf50; } .active > .btn.btn-outline-danger, .active > .btn.btn-outline-danger:focus, .active > .btn.btn-outline-danger:hover, .dropdown.open > .btn.btn-outline-danger, .dropdown.open > .btn.btn-outline-danger:focus, .dropdown.open > .btn.btn-outline-danger:hover { color: #fff; background-color: #f44336; border: 1px solid #f44336; } .active > .btn.btn-outline-warning, .active > .btn.btn-outline-warning:focus, .active > .btn.btn-outline-warning:hover, .dropdown.open > .btn.btn-outline-warning, .dropdown.open > .btn.btn-outline-warning:focus, .dropdown.open > .btn.btn-outline-warning:hover { color: #fff; background-color: #ffc107; border: 1px solid #ffc107; } /*@media only screen and (min-width:768px) { .btn { padding: 7px 15px; font-size: $btn-sm-text; &.btn-lg { font-size: $btn-sm-text; padding-top: 11px; padding-bottom: 11px; } } }*/ .btn.btn-cancel { color: #404040; background: transparent; } .btn.btn-cancel:hover, .btn.btn-cancel:focus { color: #404040; background: #d1d1d1; background: rgba(158, 158, 158, 0.2); } .btn.btn-icon { padding: 2px !important; width: 44px; height: 44px; line-height: 38px; } .btn.btn-icon.btn-sm { width: 38px; height: 38px; line-height: 32px; } .btn.btn-icon.btn-outline { line-height: 36px; } .btn.btn-icon.btn-icon-2x .ft { font-size: 2em; } .btn.btn-icon.btn-icon-w-text .text { display: none; margin-left: 4px; font-size: 16px; line-height: 36px; text-transform: capitalize; vertical-align: top; } .btn.btn-icon .ft { line-height: inherit; vertical-align: baseline; } @media only screen and (min-width: 768px) { .btn.btn-icon.btn-icon-w-text { width: auto; padding: 7px; background: transparent; border-color: transparent; border-radius: 0; } .btn.btn-icon.btn-icon-w-text .text { display: inline-block; } } .btn.btn-outline { background-color: transparent; color: inherit; } .btn.btn-rounded { border-radius: 50px; text-transform: capitalize; } .btn-oval-wide { padding: 5px 25px !important; } .btn.btn-shadow { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-shadow:hover, .btn.btn-shadow:focus, .btn.btn-shadow.active { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .btn.btn-wide { min-width: 192px; } .btn-wrap { margin: 5px auto 20px; text-align: center; } .btn-wrap.text-right { text-align: right; } .btn-wrap:last-child { margin-bottom: 0; } .form-block + .btn-wrap { margin-top: -10px; } .btn-wrap .btn-group, .btn-wrap .btn { margin-top: 10px; } .btn-wrap .btn-group:not(:last-child), .btn-wrap .btn:not(:last-child) { margin-right: 10px; } .btn-wrap .btn-group > .btn { margin-top: 0; margin-right: 0; } .media-btn-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; margin: 0 auto; } .media-btn-wrap .btn-group, .media-btn-wrap .btn { margin-bottom: 10px; } .media-btn-wrap .btn-group:last-child, .media-btn-wrap .btn:last-child { margin-bottom: 0; } .media-btn-wrap .btn-group > .btn { margin-bottom: 0; } @media only screen and (max-width: 991px) { .media-btn-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 10px; } .media-btn-wrap .btn-group, .media-btn-wrap .btn { margin-bottom: 0; margin-right: 10px; } .media-btn-wrap .btn-group:last-child, .media-btn-wrap .btn:last-child { margin-right: 0; } } .btn-group-wrap { margin-bottom: 15px; max-height: 40px !important; width: 100%; max-width: 100%; overflow: hidden; -webkit-transition: position 0.3s ease-in-out, width 0.3s ease-in-out; -o-transition: position 0.3s ease-in-out, width 0.3s ease-in-out; transition: position 0.3s ease-in-out, width 0.3s ease-in-out; } .btn-group-wrap .btn { min-width: 120px; } .btn-group-wrap .btn-group-month .btn { min-width: 50px; width: 50px; } .btn-group-wrap .btn-group-month .btn + .btn { border-left-width: 0px; } .btn-group.btn-group-icons { margin-left: -10px; } .panel-body > .btn-group.btn-group-icons:first-child { margin-top: -10px; } .btn-group.btn-group-icons > .btn { margin-top: 10px; margin-left: 10px; } .btn-group.btn-group-icons > .btn.btn-rounded:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 50px; border-bottom-right-radius: 50px; } .btn-group.btn-group-icons > .btn.btn-rounded:last-child:not(:first-child), .btn-group.btn-group-icons > .btn > .dropdown-toggle:not(:first-child) { border-top-left-radius: 50px; border-bottom-left-radius: 50px; } .btn-group.btn-group-icons > .btn.btn-rounded:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 50px; } .btn-group.btn-group-icons > .btn > svg { margin: 5px; max-height: 100%; max-width: 100%; } .btn-group.btn-group-justified .btn[data-toggle="dropdown"] { min-width: 33px; } .btn-group.btn-group-justified .btn[data-toggle="dropdown"]:not(:first-child) { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .btn-group .btn + .btn.dropdown-toggle { border-left-color: white; border-left-color: rgba(255, 255, 255, 0.35); } .btn-group.open .btn.dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0.12))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); margin-bottom: 0 !important; } .btn-group > .btn.mdb-dropdown-toggle { padding: 6px 24px 6px 0; font-size: 16px; font-weight: 400; text-align: left; text-transform: capitalize; color: #777777; border-color: #ffffff; background-repeat: no-repeat; background-position: center bottom, center -webkit-calc(100% - 1px); background-position: center bottom, center calc(100% - 1px); background-color: rgba(0, 0, 0, 0); background-image: -webkit-gradient(linear, left top, left bottom, from(#0e76bc), to(#0e76bc)), -webkit-gradient(linear, left top, left bottom, from(#777777), to(#777777)); background-image: -webkit-linear-gradient(#0e76bc, #0e76bc), -webkit-linear-gradient(#777777, #777777); background-image: -o-linear-gradient(#0e76bc, #0e76bc), -o-linear-gradient(#777777, #777777); background-image: linear-gradient(#0e76bc, #0e76bc), linear-gradient(#777777, #777777); background-size: 0 2px, 100% 1px; -webkit-transition: background 0s ease-out; -o-transition: background 0s ease-out; transition: background 0s ease-out; } .btn-group > .btn.mdb-dropdown-toggle .caret { position: absolute; right: 7px; top: 50%; margin-top: -3px; } .btn-group.open .btn.mdb-dropdown-toggle { border-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#0e76bc), to(#0e76bc)), -webkit-gradient(linear, left top, left bottom, from(#777777), to(#777777)); background-image: -webkit-linear-gradient(#0e76bc, #0e76bc), -webkit-linear-gradient(#777777, #777777); background-image: -o-linear-gradient(#0e76bc, #0e76bc), -o-linear-gradient(#777777, #777777); background-image: linear-gradient(#0e76bc, #0e76bc), linear-gradient(#777777, #777777); background-size: 100% 2px, 100% 1px; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .btn-group.btn-outline-group > .btn { margin-bottom: 5px; } .btn-group.btn-outline-group > .btn.btn-rounded:not(.dropdown-toggle):not(:first-child):not(:last-child) { border-radius: 50px; } .btn-group.btn-outline-group > .btn.btn-rounded:not(.dropdown-toggle):first-child:not(:last-child) { border-top-right-radius: 50px; border-bottom-right-radius: 50px; } .btn-group.btn-outline-group > .btn.btn-rounded:not(.dropdown-toggle):not(:first-child):last-child { border-top-left-radius: 50px; border-bottom-left-radius: 50px; } .btn-group.btn-outline-group > .btn:not(:last-child) { margin-right: 5px; } .btn-group.btn-outline-group > .btn:not(.active) { background-color: transparent; color: #b1b1b1; border: 2px solid #e0e0e0; } .btn-group.btn-outline-group > .btn.active:before { content: "\e038"; font-size: 18px; margin-right: 5px; vertical-align: middle; } .btn-group.btn-outline-group > .btn:hover, .btn-group.btn-outline-group > .btn:focus, .btn-group.btn-outline-group > .btn.active { box-shadow: none !important; } .btn.btn-has-icon > .ft:not(.ft-lg) { /*font-size: 14px;*/ } @media only screen and (min-width: 768px) { .btn.btn-has-icon > .ft { margin-right: 6px; /*min-width: 30px;*/ } .btn.btn-has-icon > .ft:not(.ft-lg) { /*font-size: 16px;*/ } } /*button ends*/ #fixed-top { position: fixed; top: 150px; right: 10px; z-index: 1038; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: top 0.3s ease-in, transform 0.3s ease-in-out; -o-transition: top 0.3s ease-in, transform 0.3s ease-in-out; transition: top 0.3s ease-in, transform 0.3s ease-in-out; } .header-fixed.affix-top ~ #fixed-top { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .main-header.header--hidden ~ .application-host .content-wrapper #fixed-top, .main-header.header--hidden ~ .content-wrapper #fixed-top { top: 100px; } #fixed-top > .btn { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } @media (min-width: 992px) { #fixed-top { top: 100px; } } /* * Brief Help * */ #brief-help { position: fixed; top: 100px; right: 0; z-index: 1000; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: top 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out; } #brief-help > .btn { border-radius: 0 0 0 30px; padding: 5px 8px 9px 12px; } #brief-help > .btn .ft { font-size: 14px; } .fixed .header--hidden ~ .content-wrapper #brief-help, .fixed .header--hidden ~ .application-host .content-wrapper #brief-help { top: 50px; } @media (min-width: 992px) { #brief-help { top: 50px; } } /* * Brief Help ends * */ /* Start- support icon */ #support-help { position: fixed; bottom: 0px; right: 0; z-index: 1000; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: bottom 0.3s ease-in-out; -o-transition: bottom 0.3s ease-in-out; transition: bottom 0.3s ease-in-out; } #support-help > .btn { border-radius: 30px 0 0 0; padding: 9px 5px 5px 12px; } #support-help > .btn .ft { font-size: 14px; } /* End- support icon starts*/ .ripple, .ripple-light { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .ripple:after, .ripple-light:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; pointer-events: none; background-image: radial-gradient(circle, #000 10%, transparent 10.01%); background-repeat: no-repeat; background-position: 50%; -webkit-transform: scale(10, 10); -ms-transform: scale(10, 10); transform: scale(10, 10); -webkit-transition: transform 0.5s, opacity 1s; -o-transition: transform 0.5s, opacity 1s; transition: transform 0.5s, opacity 1s; } .ripple:active:after, .ripple-light:active:after { opacity: .2; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: 0s; -o-transition: 0s; transition: 0s; } .ripple-light:after { background-image: radial-gradient(circle, #FFF 10%, transparent 10.01%); } /*BADGE STYLES - starts */ .badge.badge-primary, .label.label-primary { color: #ffffff; background-color: #0e76bc; border-color: #0e76bc; } .badge.badge-primary.badge-outline, .label.label-primary.badge-outline { color: #0e76bc; } .badge.badge-success, .label.label-success { color: #ffffff; background-color: #4caf50; border-color: #4caf50; } .badge.badge-success.badge-outline, .label.label-success.badge-outline { color: #4caf50; } .badge.badge-default, .label.label-default { color: #404040; background-color: #e2e2e2; border-color: #e2e2e2; } .badge.badge-default.badge-outline, .label.label-default.badge-outline { color: #e2e2e2; } .badge.badge-warning, .label.label-warning { color: #ffffff; background-color: #ffc107; border-color: #ffc107; } .badge.badge-warning.badge-outline, .label.label-warning.badge-outline { color: #ffc107; } .badge.badge-warning.badge-light, .label.label-warning.badge-light { background-color: #fdd75e; border-color: #fdd75e; } .badge.badge-danger, .label.label-danger { color: #ffffff; background-color: #f44336; border-color: #f44336; } .badge.badge-danger.badge-outline, .label.label-danger.badge-outline { color: #f44336; } .badge.badge-info, .label.label-info { color: #ffffff; background-color: #1abade; border-color: #1abade; } .badge.badge-info.badge-outline, .label.label-info.badge-outline { color: #1abade; } .badge.badge-transparent { background-color: #fff; border-color: #fff; opacity: 0.7; color: #333; font-weight: 600; } .badge.badge-teal, .label.label-teal { color: #ffffff; background-color: #00A69C; border-color: #00A69C; } .badge.badge-teal.badge-outline, .label.label-teal.badge-outline { color: #00A69C; } .badge.badge-online, .label.label-online { color: #ffffff; background-color: #1abade; border-color: #1abade; } .badge.badge-online.badge-outline, .label.label-online.badge-outline { color: #1abade; } .badge.badge-offline, .label.label-offline { color: #ffffff; background-color: #81b512; border-color: #81b512; } .badge.badge-offline.badge-outline, .label.label-offline.badge-outline { color: #81b512; } .badge.badge-self-paced, .label.label-self-paced { color: #ffffff; background-color: #dea91a; border-color: #dea91a; } .badge.badge-self-paced.badge-outline, .label.label-self-paced.badge-outline { color: #dea91a; } .badge.badge-slateblue, .label.label-slateblue { color: #ffffff; background-color: #5f85ca; border-color: #5f85ca; } .badge.badge-slateblue.badge-outline, .label.label-slateblue.badge-outline { color: #5f85ca; } .badge.badge-saddlebrown, .label.label-saddlebrown { color: #ffffff; background-color: #93633f; border-color: #93633f; } .badge.badge-saddlebrown.badge-outline, .label.label-saddlebrown.badge-outline { color: #93633f; } .badge.badge-left-touch { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: -10px; } .badge { cursor: default; border: 2px solid #777777; padding: 1px 5px; } .badge:focus { outline: none; } a.badge:hover, a.badge:focus { /*color: inherit;*/ opacity: 0.8; } a.badge.badge-default:hover, a.badge.badge-default:focus { color: inherit; opacity: 0.8; } .badge[role="button"] { cursor: pointer; } .badge.badge-lg, .badge.badge-xl { padding: 1px 13px; font-size: 12px; line-height: 18px; font-weight: 400; /*text-transform: capitalize;*/ border-radius: 15px; } .badge.lg-extend { padding: 3px 13px; min-width: 60px; font-size: 14px; font-weight: 600; } .badge.badge-xl { padding: 7px 18px; text-transform: none; font-size: 14px; font-weight: 600; border-radius: 18px; } .badge.badge-xl.xl-extend { padding: 4px 13px; min-width: 60px; font-size: 16px; } .badge.badge-outline { background: transparent; } .badge.badge-light { color: #404040; font-weight: 600; } .badge.badge-has-icon { padding-left: 0; border-width: 1px; font-size: 12px; font-weight: 600; } .badge.badge-has-icon > .ft { margin: -2px 8px -2px -1px; border: 1px solid #e2e2e2; border-color: inherit; background: #fff; border-radius: 24px; font-size: 16px; line-height: 22px; width: 24px; text-align: center; } .badge.badge-has-icon > span + span { margin-left: 8px; } /*BADGE STYLES - ends */ .btn.btn-not-clicking { vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: default; background-color: #0e76bc; color: #fff; border-color: #0e76bc; } .btn .caret { margin-left: 5px; } .btn + .btn.dropdown-toggle[data-toggle="dropdown"] > .caret { margin-left: 0; } .modal-aside .modal-dialog .modal-content .modal-header .btn[data-toggle="modal"], .btn.btn-toggle-collapse { position: absolute; top: 50%; left: 100%; top: calc( 50% - 22px ); padding: 0; line-height: 44px; background: #0e76bc; color: white; z-index: 1; border-radius: 0 2px 2px 0; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .modal-aside .modal-dialog .modal-content .modal-header .btn[data-toggle="modal"] > .ft, .btn.btn-toggle-collapse > .ft { -webkit-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; vertical-align: top; line-height: inherit; } .collapsed .modal-aside .modal-dialog .modal-content .modal-header .btn[data-toggle="modal"] > .ft, .collapsed .btn.btn-toggle-collapse > .ft { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .modal-aside .modal-dialog .modal-content .modal-header .btn[data-toggle="modal"] { left: 0; z-index: -1; border-radius: 2px 0 0 2px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .in.modal-aside .modal-dialog .modal-content .modal-header .btn[data-toggle="modal"] > .ft { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .img-thumbnail, dd, dt, blockquote .small, blockquote footer, blockquote small, address, pre, output, .dropdown-header, .nav-tabs > li > a, .thumbnail, .modal-title, .popover { line-height: 1.62; } label { font-size: 14px; font-weight: 400; color: #404040; } .text-normal { font-weight: 400 !important; } .text-semibold { font-weight: 600 !important; } .text-wrap { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .font-icon-style { font: normal normal normal 20px/1 fontastic; text-transform: none !important; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .heading-style { font-weight: 700; color: #0e76bc; } .info-lg-text { font-size: 28px; font-weight: bold; vertical-align: sub; } .form-legend-head { margin-bottom: 15px; font-size: 20px; font-weight: 600; } .form-legend, .form-legend-sm, .form-legend-secondary, .form-legend-primary, .form-legend-small-block .form-legend-primary { margin-bottom: 15px; font-size: 18px; font-weight: 600; color: #404040; } .form-legend-sm { font-size: 16px; } .form-legend-secondary { color: #777777; } .form-legend-primary { color: #404040; line-height: 25px; } .form-legend-primary + button { margin-left: 10px; } .form-legend-bold { font-size: 18px; font-weight: bold; line-height: 25px; margin-bottom: 5px; } .form-legend-bold + .base-semibold { font-weight: 600; } .form-legend-small-block .form-legend, .form-legend-small-block .form-legend-sm, .form-legend-small-block .form-legend-secondary, .form-legend-small-block .form-legend-primary { margin-bottom: 5px; } .text-excerpt { font-size: 14px; line-height: 1.62; color: #777777; } .text-excerpt.normal { font-weight: 400; } .footer-typo-block { margin-top: 10px; } .footer-typo-block .footer-data-title { font-size: 16px; color: #0e76bc; font-weight: 600; line-height: 1.7; } .footer-typo-block .footer-data-content { font-size: 14px; color: #404040; font-weight: 500; line-height: 1.7; } .text-brief { margin-bottom: 1em; font-size: 16px; line-height: 1.62; color: #404040; } @media (min-width: 768px) { .text-brief { margin-bottom: 1.5em; } } /* TYPOGRAPHY COLORS - starts */ .text-primary, .text-primary:hover, .text-primary:focus { color: #0e76bc !important; background: transparent !important; } .text-success, .text-success:hover, .text-success:focus { color: #4caf50 !important; background: transparent !important; } .text-danger, .text-danger:hover, .text-danger:focus { color: #f44336 !important; background: transparent !important; } .text-warning, .text-warning:hover, .text-warning:focus { color: #ffc107 !important; background: transparent !important; } .text-font-primary, .text-font-primary:hover, .text-font-primary:focus { color: #404040 !important; background: transparent !important; } .text-icon-primary, .text-icon-primary:hover, .text-icon-primary:focus { color: #404040 !important; background: transparent !important; } .text-icon-secondary, .text-icon-secondary:hover, .text-icon-secondary:focus { color: #777777 !important; background: transparent !important; } .text-secondary, .text-secondary:hover, .text-secondary:focus { color: #4caf50 !important; background: transparent !important; } .text-font-secondary, .text-font-secondary:hover, .text-font-secondary:focus { color: #777777 !important; background: transparent !important; } .text-hint, .text-hint:hover, .text-hint:focus { color: #777777 !important; background: transparent !important; } .text-info, .text-info:hover, .text-info:focus { color: #1abade !important; background: transparent !important; } .text-white, .text-white:hover, .text-white:focus { color: #FFF !important; background: transparent !important; } .text-white a, .text-white:hover a, .text-white:focus a { color: inherit; } .text-extralightgrey, .text-extralightgrey:hover, .text-extralightgrey:focus { color: #bebebe !important; background: transparent !important; } .text-inactive, .text-inactive:hover, .text-inactive:focus { color: #b1b1b1; background: transparent !important; } .text-adobe, .text-adobe:hover, .text-adobe:focus { color: #da251c !important; background: transparent !important; } .text-excel, .text-excel:hover, .text-excel:focus { color: #02723b !important; background: transparent !important; } .text-word, .text-word:hover, .text-word:focus { color: #368bf4 !important; background: transparent !important; } .text-teal, .text-teal:hover, .text-teal:focus { color: #00A69C !important; background: transparent !important; } .text-overdue, .text-overdue:hover, .text-overdue:focus { color: #f44336 !important; background: transparent !important; } .text-walkthrough, .text-walkthrough:hover, .text-walkthrough:focus { color: #93633f !important; background: transparent !important; } .text-scheduled, .text-scheduled:hover, .text-scheduled:focus { color: #d1a521 !important; background: transparent !important; } .text-approved, .text-approved:hover, .text-approved:focus { color: #1b5e20 !important; background: transparent !important; } .text-defined, .text-defined:hover, .text-defined:focus { color: #777777 !important; background: transparent !important; } .text-rating1 { color: #2e7d32 !important; } .text-rating2 { color: #ffc200 !important; } .text-rating3 { color: #fe7c1d !important; } .text-rating4 { color: #f44336 !important; } /* TYPOGRAPHY COLORS - ends */ .info-link { font-size: 16px; font-weight: 600; /*margin: 20px;*/ color: #777777; } /*HEADING STYLES - starts*/ .heading-style-md { font-size: 18px; padding: 15px 0; /*margin-bottom:20px;*/ font-weight: 600; } .head-style-lg { font-size: 20px; font-weight: 600; margin-bottom: 30px; } .head-style-md { font-size: 18px; font-weight: 600; margin-bottom: 15px; } .head-style-sm { font-size: 16px; margin-bottom: 15px; } .head-style-sm-bold { font-size: 14px; margin-bottom: 15px; font-weight: 600; } .head-style-help { font-size: 14px; margin-bottom: 15px; } .head-style-xs { font-size: 12px; font-weight: 500; margin-bottom: 15px; } .text-font-md { font-size: 14px; } @media screen and (min-width: 768px) { .head-style-sm-bold { font-size: 16px; } .text-font-md { font-size: 16px; } } .form-subtitle { font-size: 16px; font-weight: 400; } .desc-text-sm { font-size: 14px; font-weight: 400; color: #404040; line-height: 22.75px; } .icon-text, .icon-text:hover, .icon-text:focus { white-space: nowrap; color: #777777; font-weight: 600; } .icon-text > * { vertical-align: bottom; } .widget-head, .widget-subhead { font-size: 24px; font-weight: 600; line-height: 1.5; color: #404040; margin-bottom: 10px; } .widget-subhead { font-size: 20px; } .widget-head-desc { font-size: 14px; line-height: 1.62; font-weight: 400; color: #404040; margin-bottom: 10px; } .widget-head + .widget-head-desc, .widget-subhead + .widget-head-desc { margin-top: -10px; } .text-link { cursor: pointer; color: #0e76bc; font-size: 14px; font-weight: 600; text-transform: uppercase; } .link-xs { font-size: 12px; } .help-block { font-weight: 400; } .help-block-text { left: 0; top: calc(100% - 12px); position: absolute; margin: 0 auto; font-size: 16px; font-weight: 400; line-height: 1; } .text-xs { font-size: 12px; } .text-sm-bold { font-size: 14px; font-weight: 600; color: #404040; } .text-sm-normal { font-size: 14px; font-weight: 400; color: #404040; } .text-md-normal { font-size: 16px; font-weight: 400; color: #404040; } .text-md-bold { font-size: 16px; font-weight: 600; color: #404040; } .text-lg-bold { font-size: 18px; font-weight: 600; color: #404040; } .text-italic { font-size: 12px; font-weight: 400; font-style: italic; color: #777777; } @media only screen and (min-width: 992px) { .text-left-nontouch { text-align: left !important; } .text-center-nontouch { text-align: center !important; } .text-right-nontouch { text-align: right !important; } } @media only screen and (max-width: 991px) { .text-left-touch { text-align: left; } .text-center-touch { text-align: center; } .text-right-touch { text-align: right; } .border-touch-top-dashed { border-width: 1px 0 0 0; border-style: dashed; border-color: #eee; padding-top: 10px; } } @media only screen and (max-width: 767px) { .text-left-mobile { text-align: left; } .text-center-mobile { text-align: center; } .text-right-mobile { text-align: right; } .text-touch-sm-bold { font-size: 14px; } .border-touch-right, .border-right-mobile { border-width: 0 1px 0 0; border-style: solid; border-color: #eee; } .border-touch-top, .border-top-mobile { border-width: 1px 0 0 0; border-style: solid; border-color: #eee; } } .content-data-head { margin-bottom: 10px; font-size: 18px; font-weight: 600; color: #404040; text-transform: capitalize; } .content-data-head .text { display: inline-block; margin-right: 6px; } .content-data-head.wo-button { margin-bottom: 30px; } .content-data-head .button-icon, .content-data-head .button-data { vertical-align: middle; } .content-data-head-sm { margin-bottom: 5px; font-size: 16px; font-weight: 600; } .content-data-sub-head { margin-bottom: 10px; font-size: 16px; font-weight: 600; } @media (max-width: 767px) { .content-data-head .text { vertical-align: sub; } .content-data-head .text ~ .btn { margin-top: 6px; } } /*---start information*/ .info-content-title { font-size: 16px; font-weight: 600; margin-bottom: 15px; } .info-content-detail { font-size: 14px; margin-bottom: 15px; } @media only screen and (min-width: 992px) { .info-content-title { font-size: 18px; font-weight: 600; margin-bottom: 15px; } .info-content-detail { font-size: 16px; margin-bottom: 15px; } } /*end information*/ .section-title { margin: 0 0 15px; line-height: 1.42857143; font-size: 18px; font-weight: 600; color: #404040; } a.link-has-ft { display: inline-block; vertical-align: middle; line-height: 1; } .text-hox { -webkit-transition: font-size 0.3s linear; -o-transition: font-size 0.3s linear; transition: font-size 0.3s linear; } .highlight-on-expand .text-hox.text-semibold { font-size: 16px; } /* ============================== Bootstrap multicolumn grid ============================== */ .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { width: auto; max-width: 100%; } @media (min-width: 320px) and (max-width: 767px) { .col-xs-auto { width: auto; max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media (min-width: 768px) { .col-sm-auto { width: auto; max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .col-sm { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 100%; } } @media (min-width: 992px) { .col-md-auto { width: auto; max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .col-md { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 100%; } } @media (min-width: 1200px) { .col-lg-auto { width: auto; max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .col-lg { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 100%; } } .row-flex > .col, .row-flex > .col-auto, .multi-columns-row > .col, .multi-columns-form > .col, .multi-columns-form-sm > .col, .multi-columns-form-zero > .col, .row-height-equal > .col, .row-has-btn > .col, .multi-columns-row > .col-auto, .multi-columns-form > .col-auto, .multi-columns-form-sm > .col-auto, .multi-columns-form-zero > .col-auto, .row-height-equal > .col-auto, .row-has-btn > .col-auto { min-height: 0; } .page-header + .row-flex, .page-header + .multi-columns-row, .page-header + .multi-columns-form, .page-header + .multi-columns-form-sm, .page-header + .multi-columns-form-zero, .page-header + .row-height-equal, .page-header + .row-has-btn { margin-top: 0; } @media (max-width: 767px) { .row-flex.d-block-xs, .multi-columns-row.d-block-xs, .d-block-xs.multi-columns-form, .d-block-xs.multi-columns-form-sm, .d-block-xs.multi-columns-form-zero, .d-block-xs.row-height-equal, .d-block-xs.row-has-btn { display: block; } } .align-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .align-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .justify-stretch { -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; } .justify-content-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-between, .container-has-hero { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-around { -ms-flex-pack: distribute; justify-content: space-around; } .align-self-start { -webkit-box-align: start; -ms-flex-align: start; align-self: flex-start; } .align-self-center { -webkit-box-align: center; -ms-flex-align: center; align-self: center; } .align-self-end { -webkit-box-align: end; -ms-flex-align: end; align-self: flex-end; } @media (max-width: 991px) { .align-self-start-sm { -webkit-box-align: start; -ms-flex-align: start; align-self: flex-start; } } @media (max-width: 767px) { .align-self-start-xs { -webkit-box-align: start; -ms-flex-align: start; align-self: flex-start; } } .row-height-equal > [class*="col"] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .row-height-equal > [class*="col"] > div, .row-height-equal > [class*="col"] > a { max-width: 100%; } .row-height-equal > [class*="col"] > div.mdb-drop-block .db-area, .row-height-equal > [class*="col"] > a.mdb-drop-block .db-area { min-height: 100%; } .row-height-equal > [class*="col"] > a { display: block; } /* ============================== END - Bootstrap multicolumn row ============================== */ .row.row-v-gutters-lg, .row-flex.row-v-gutters-lg { margin-top: -20px; } .row.row-v-gutters-lg:not(:last-child), .row-flex.row-v-gutters-lg:not(:last-child) { margin-bottom: 20px; } .row.row-v-gutters-lg > [class*="col"], .row-flex.row-v-gutters-lg > [class*="col"] { margin-top: 20px; } .row.row-v-gutters-lg > [class*="col"] .checkbox:first-child, .row-flex.row-v-gutters-lg > [class*="col"] .checkbox:first-child { margin-top: 0px; } .row.row-v-gutters, .row-flex.row-v-gutters { margin-top: -15px; } .row.row-v-gutters:not(:last-child), .row-flex.row-v-gutters:not(:last-child) { margin-bottom: 15px; } .row.row-v-gutters > [class*="col"], .row-flex.row-v-gutters > [class*="col"] { margin-top: 15px; } .row.row-v-gutters-sm, .row-flex.row-v-gutters-sm { margin-top: -10px; } .row.row-v-gutters-sm:not(:last-child), .row-flex.row-v-gutters-sm:not(:last-child) { margin-bottom: 10px; } .row.row-v-gutters-sm > [class*="col"], .row-flex.row-v-gutters-sm > [class*="col"] { margin-top: 10px; } .row.row-v-gutters-xs, .row-flex.row-v-gutters-xs { margin-top: -5px; } .row.row-v-gutters-xs:not(:last-child), .row-flex.row-v-gutters-xs:not(:last-child) { margin-bottom: 5px; } .row.row-v-gutters-xs > [class*="col"], .row-flex.row-v-gutters-xs > [class*="col"] { margin-top: 5px; } @media (min-width: 768px) { .row.row-v-gutters, .row-flex.row-v-gutters { margin-top: -20px; } .row.row-v-gutters:not(:last-child), .row-flex.row-v-gutters:not(:last-child) { margin-bottom: 20px; } .row.row-v-gutters > [class*="col"], .row-flex.row-v-gutters > [class*="col"] { margin-top: 20px; } } /* ============================== Bootstrap row with no-gutters ============================== */ .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > [class*="col"] { padding-right: 0; padding-left: 0; } .xs-gutters, .row-has-btn { margin-right: -5px; margin-left: -5px; } .xs-gutters > [class*="col"], .row-has-btn > [class*="col"] { padding-right: 5px; padding-left: 5px; } .sm-gutters { margin-right: -10px; margin-left: -10px; } .sm-gutters > [class*="col"] { padding-right: 10px; padding-left: 10px; } /* ============================== END - Bootstrap row with no-gutters ============================== */ /* ============================== Bootstrap vertical row ============================== */ .row-v { margin-top: -15px; margin-bottom: -15px; } .row-v > [class*="col"] { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .content-box.cb-fullscreen > .row-v { margin-top: 0; margin-bottom: 0; height: 100%; } .content-box.cb-fullscreen > .row-v > [class*="col"]:not(.col-sm-12) { height: 100%; overflow: auto; } } @media (min-width: 992px) { .content-box > .row-v { margin: -15px -30px; } .content-box > .row-v > [class*="col"]:not(.col-sm-12) { padding: 15px 30px; } .cb-fullscreen.content-box > .row-v { margin-top: 0; margin-bottom: 0; height: 100%; } .cb-fullscreen.content-box > .row-v > [class*="col"] { height: 100%; overflow-y: auto; overflow-x: visible; } .cb-fullscreen.content-box > .row-v > [class*="col"].col-aside { overflow: visible; } .cb-fullscreen.content-box > .row-v > [class*="col"] > .tab-content { min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cb-fullscreen.content-box > .row-v > [class*="col"] > .tab-content > .tab-pane.active { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .content-box.cb-landing { height: 100%; margin: -15px auto; padding-top: 15px; padding-bottom: 15px; min-height: calc(100% + 30px); overflow: auto; background-color: white; } .content-box.cb-landing > .row-v { margin: -15px -15px; min-height: calc(100% + 30px); height: 100%; } @media (min-width: 992px) { .content-box.cb-landing > .row-v { margin: -15px -30px; } .content-box.cb-landing > .row-v > [class*="col"]:not(.col-sm-12) { padding-right: 15px; padding-left: 15px; } } /* ============================== END - Bootstrap vertical row ============================== */ /* ============================== Bootstrap five column grid ============================== */ .col-xs-2-5 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-2-5 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-2-5 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-2-5 { width: 20%; float: left; } } @media (min-width: 1600px) { .col-xl-2-5 { width: 20%; float: left; } } /* ============================== END - Bootstrap five column grid ============================== */ @media (min-width: 1600px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; } .col-xl-1 { float: left; width: 8.3333333333%; } .col-xl-2 { float: left; width: 16.6666666667%; } .col-xl-3 { float: left; width: 25%; } .col-xl-4 { float: left; width: 33.3333333333%; } .col-xl-5 { float: left; width: 41.6666666667%; } .col-xl-6 { float: left; width: 50%; } .col-xl-7 { float: left; width: 58.3333333333%; } .col-xl-8 { float: left; width: 66.6666666667%; } .col-xl-9 { float: left; width: 75%; } .col-xl-10 { float: left; width: 83.3333333333%; } .col-xl-11 { float: left; width: 91.6666666667%; } .col-xl-12 { float: left; width: 100%; } } @media (max-width: 575px) { .col-xxs-1 { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; } .col-xxs-2 { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; } .col-xxs-3 { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; } .col-xxs-4 { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; } .col-xxs-5 { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; } .col-xxs-6 { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; } .col-xxs-7 { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; } .col-xxs-8 { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; } .col-xxs-9 { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; } .col-xxs-10 { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; } .col-xxs-11 { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; } .col-xxs-12 { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; } .col-xxs-1 { float: left; width: 8.3333333333%; } .col-xxs-2 { float: left; width: 16.6666666667%; } .col-xxs-3 { float: left; width: 25%; } .col-xxs-4 { float: left; width: 33.3333333333%; } .col-xxs-5 { float: left; width: 41.6666666667%; } .col-xxs-6 { float: left; width: 50%; } .col-xxs-7 { float: left; width: 58.3333333333%; } .col-xxs-8 { float: left; width: 66.6666666667%; } .col-xxs-9 { float: left; width: 75%; } .col-xxs-10 { float: left; width: 83.3333333333%; } .col-xxs-11 { float: left; width: 91.6666666667%; } .col-xxs-12 { float: left; width: 100%; } } /* ============================== END - Bootstrap xl breakpoint ============================== */ /* * Count Box */ .box-count { font-size: 30px; line-height: 36px; font-weight: 600; color: #404040; } .box-count a { color: #404040; } .box-title, .box-heading, .box-desc { font-size: 14px; line-height: 1.5; font-weight: 600; color: #404040; } .box-title.title-primary, .title-primary.box-heading, .box-desc.title-primary { color: #0e76bc; font-size: 16px; text-transform: uppercase; } .box-title.sm-primary, .sm-primary.box-heading, .box-desc.sm-primary { font-size: 14px; color: #0e76bc; } .box-desc { color: #777777; } .count-box { position: relative; margin: 0 auto 20px; background: #fff; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); -webkit-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); -o-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); } .content-block .count-box, .content-block-nopad .count-box, .content-block-pad-md .count-box { -webkit-box-shadow: none; box-shadow: none; } .row-v-gutters > [class*="col-"] > .count-box, .row-v-gutters-sm > [class*="col-"] > .count-box { margin-bottom: 0; } .count-box .box-content { padding: 15px 10px; text-align: center; } .count-box .box-content .box-count { margin: 0; word-wrap: break-word; } .count-box .box-content .box-title, .count-box .box-content .box-heading { margin: 0; font-size: 16px; } .count-box .box-content .box-heading { font-size: 24px; } .count-box .box-content .box-desc { margin-bottom: 0; } .count-box .box-icon { width: 60px; text-align: center; line-height: 1; } .count-box .box-icon .ft { font-size: 40px; line-height: inherit; vertical-align: middle; } @media (min-width: 992px) { .count-box .box-content { padding: 15px 10px; } .count-box .box-icon { width: 80px; } } .count-box.count-box-alt { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .count-box.count-box-alt .box-content { text-align: left; } .count-box.count-box-alt .box-icon { width: 70px; color: #fff; background: #e2e2e2; -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.13); white-space: nowrap; font: 0/0 X; } .count-box.count-box-alt .box-icon:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; } @media (min-width: 768px) { .count-box.count-box-alt { margin-top: 15px; } .count-box.count-box-alt .box-content { padding-left: 25px; } .count-box.count-box-alt .box-icon { margin: -15px 15px 15px 0; width: 90px; } } .count-box.count-upcoming .box-title, .count-box.count-upcoming .box-heading, .count-box.count-info .box-title, .count-box.count-info .box-heading { color: #1abade; } .count-box.count-upcoming .box-icon, .count-box.count-info .box-icon { background: #1abade; } .count-box.count-ongoing .box-title, .count-box.count-ongoing .box-heading, .count-box.count-primary .box-title, .count-box.count-primary .box-heading { color: #0e76bc; } .count-box.count-ongoing .box-icon, .count-box.count-primary .box-icon { background: #0e76bc; } .count-box.count-success .box-title, .count-box.count-success .box-heading { color: #4caf50; } .count-box.count-success .box-icon { background: #4caf50; } .count-box.count-warning .box-title, .count-box.count-warning .box-heading { color: #ffc107; } .count-box.count-warning .box-icon { background: #ffc107; } .count-box.count-overdue .box-title, .count-box.count-overdue .box-heading, .count-box.count-danger .box-title, .count-box.count-danger .box-heading { color: #f44336; } .count-box.count-overdue .box-icon, .count-box.count-danger .box-icon { background: #f44336; } .count-box.count-box-justtified .box-content, .count-box.count-box-justified .box-content { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .count-box.count-box-featured { margin-bottom: 10px; -webkit-box-shadow: none; box-shadow: none; } .count-box.count-box-featured .box-icon { width: 50px; -webkit-box-align: start; -ms-flex-align: start; align-self: flex-start; } .count-box.count-box-featured .box-icon .ft { width: inherit; font-size: 30px; line-height: 46px; color: #0e76bc; background: #f3f8fc; border: 2px solid #0e76bc; } .count-box.count-box-featured .box-icon:after { display: none; } .count-box.count-box-featured .box-content { padding: 0 0 0 10px; text-align: left; } .count-box.count-box-featured .box-content .box-title, .count-box.count-box-featured .box-content .box-heading { font-size: 14px; } /* * END - Count Box */ .ig-status-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .ig-status-block .ig-header { padding: 10px 15px; text-align: center; min-width: 165px; } .ig-status-block .ig-header .count { font-size: 26px; font-weight: 700; } .ig-status-block .ig-header .text { font-size: 14px; font-weight: 600; } .ig-status-block .ig-header .panel-tools { position: absolute; right: 10px; top: 5px; } .ig-status-block .ig-header .panel-tools .ft { color: #fff; } .ig-status-block .ig-body { padding: 15px 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ig-status-block .ig-body .ig-status-row .ig-status-text { max-width: 60%; } .ig-status-block .ig-body .ig-status-row + .ig-status-row { margin-top: 10px; } .ig-status-block .ig-body .progress-list { margin: auto 0; } .ig-status-block .ig-body .progress-list .progress-group { margin: 0 5px; } .ig-status-block .ig-body .progress-list .progress-group + .progress-group { margin-top: 15px; } .ig-status-block .ig-status-text { font-size: 14px; margin-right: 5px; } .ig-status-block + .ig-status-block { margin-top: 10px; } .ig-status-block.ig-responsive .ig-header { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ig-status-block.ig-responsive .ig-header .count + .text { padding-left: 10px; } @media (min-width: 768px) { .ig-status-block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ig-status-block.ig-responsive .ig-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ig-status-block.ig-responsive .ig-header .count + .text { padding-left: 0; } .ig-status-block .ig-header .count { font-size: 40px; } .ig-status-block.flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } } .dashboard-info-block { position: relative; padding: 15px; color: white; background-color: #e2e2e2; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .dashboard-info-block[class*='bg-'] { color: white; } .info-block-container .dashboard-info-block { -webkit-box-shadow: none; box-shadow: none; } .row-v-gutters > [class*="col"] > .dashboard-info-block, .row-v-gutters-sm > [class*="col"] > .dashboard-info-block { margin-bottom: 0; } .multi-columns-row > [class*="col"] > .dashboard-info-block, .multi-columns-form > [class*="col"] > .dashboard-info-block, .multi-columns-form-sm > [class*="col"] > .dashboard-info-block, .multi-columns-form-zero > [class*="col"] > .dashboard-info-block, .row-height-equal > [class*="col"] > .dashboard-info-block, .row-has-btn > [class*="col"] > .dashboard-info-block { height: 100%; } @media only screen and (min-width: 1200px) { .dashboard-info-block .info-icon .ft { font-size: 50px; } } .dashboard-info-block.sm { padding: 10px 25px; } .dashboard-info-block.sm i { margin-bottom: 10px; } .dashboard-info-block.sm .info-text { font-size: 18px; font-weight: 400; text-align: center; text-transform: uppercase; } .dashboard-info-block.dashboard-block-alt { padding: 10px; } .dashboard-info-block.dashboard-block-alt .info-head { font-size: 24px; } .dashboard-info-block.dashboard-block-alt .info-text { /*font-size: 12px;*/ } .dashboard-info-block.dashboard-block-alt .info-icon { /*display: none;*/ } .dashboard-info-block.dashboard-block-alt .info-icon .ft { font-size: 50px; } @media only screen and (min-width: 768px) { .dashboard-info-block.dashboard-block-alt .info-text { font-size: 14px; } .dashboard-info-block.dashboard-block-alt .info-icon { display: block; } } .dashboard-info-block .info-left-sec + .info-icon { padding-left: 5px; } .dashboard-info-block .info-head { font-size: 24px; line-height: 1.42857143; color: white; text-align: left; font-weight: 700; } .dashboard-info-block .info-text { color: white; font-size: 14px; line-height: 20px; font-weight: 600; text-align: left; } .dashboard-info-block .info-icon .text-sm { font-size: 12px; text-align: right; } .dashboard-info-block .info-icon .ft { font-size: 32px; vertical-align: middle; } .dashboard-info-block .info-help-text { position: absolute; top: 5px; right: 10px; font-size: 12px; line-height: 1; } .dashboard-box { display: block; margin-bottom: 30px; padding: 15px; color: #404040; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); -webkit-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); -o-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); } .row-v-gutters > [class*="col-"] > .dashboard-box, .row-v-gutters-sm > [class*="col-"] > .dashboard-box { margin-bottom: 0; } .multi-columns-row > [class*="col-"] > .dashboard-box, .multi-columns-form > [class*="col-"] > .dashboard-box, .multi-columns-form-sm > [class*="col-"] > .dashboard-box, .multi-columns-form-zero > [class*="col-"] > .dashboard-box, .row-height-equal > [class*="col-"] > .dashboard-box, .row-has-btn > [class*="col-"] > .dashboard-box { height: 100%; } .dashboard-box:hover, .dashboard-box:focus { -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); } .dashboard-box .box-title, .dashboard-box .box-heading { text-align: center; font-weight: 600; } .dashboard-box .box-icon { text-align: center; color: #0e76bc; } .dashboard-box .box-icon .ft { font-size: 80px; vertical-align: top; } .dashboard-box .box-icon svg { height: 60px; vertical-align: top; } .dashboard-box .box-icon > img { height: 120px; width: 120px; vertical-align: top; } .dashboard-box .box-desc { font-weight: 400; color: #404040; } .dashboard-box .box-desc a { font-weight: 600; } .dashboard-box.dashboard-box-alt > .box-body { padding-left: 10px; } @media (min-width: 992px) { .dashboard-box { padding: 20px; } .dashboard-box.dashboard-box-alt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .dashboard-box.dashboard-box-alt .box-body { padding-top: 10px; padding-left: 0; } .dashboard-box .box-icon .ft { font-size: 120px; } .dashboard-box .box-icon svg { height: 100px; } } .landing-box { display: block; margin-bottom: 30px; padding: 10px; color: #404040; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); -webkit-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); -o-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); } .row-v-gutters > [class*="col-"] > .landing-box, .row-v-gutters-sm > [class*="col-"] > .landing-box { margin-bottom: 0; } .multi-columns-row > [class*="col-"] > .landing-box, .multi-columns-form > [class*="col-"] > .landing-box, .multi-columns-form-sm > [class*="col-"] > .landing-box, .multi-columns-form-zero > [class*="col-"] > .landing-box, .row-height-equal > [class*="col-"] > .landing-box, .row-has-btn > [class*="col-"] > .landing-box { height: 100%; } .landing-box:hover { -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); } .landing-box .box-title, .landing-box .box-heading { text-align: center; font-weight: 600; color: #fff; } .landing-box .box-content { position: relative; min-height: 55px; } .landing-box .box-content .box-text { color: #fff; font-size: 16px; font-weight: 600; width: 50%; text-align: center; } .landing-box .box-content .box-image { position: absolute; right: -10px; bottom: -10px; } .landing-box .box-content .box-image svg { vertical-align: top; } .landing-box .box-desc { font-weight: 400; color: #404040; } .landing-box .box-desc a { font-weight: 600; } .landing-box .media .box-title, .landing-box .media .box-heading { text-align: left; color: #fff; } .landing-box .media .box-text { text-align: left; color: #fff; font-size: 16px; font-weight: 600; } @media (min-width: 768px) { .landing-box { padding: 15px; } .landing-box .box-title, .landing-box .box-heading { font-size: 24px; } .landing-box .box-content { min-height: 155px; } .landing-box .box-content .box-text { font-size: 38px; width: 60%; } .landing-box .box-content .box-image { right: -15px; bottom: -15px; } .landing-box .media .box-title, .landing-box .media .box-heading { text-align: left; } .landing-box .media .box-text { font-size: 30px; width: 100%; text-align: left; } } .featured-box { margin-bottom: 20px; padding: 10px 15px; border: 1px solid #e0dfdd; text-align: center; border-radius: 2px; } .featured-box .featured-title { font-size: 18px; font-weight: 600; color: #0e76bc; } .featured-box .featured-icon { display: block; margin: 0 auto 15px; } @media only screen and (min-width: 768px) { .featured-box { margin-bottom: 0; min-height: 220px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .mdb-list { /* Section List */ /* END - Section List */ /* Property List */ /* END - Property List */ /* Jobs List */ /* END - Jobs List */ } .mdb-list:not(.mdb-list-grid) .media:not(:last-child), .mdb-list:not(.mdb-list-grid) :not(:last-child) .media { /*margin-bottom: 30px;*/ margin-bottom: 15px; } .mdb-list:not(.mdb-list-grid) .media.media-multi-columns .widget-list { overflow: hidden; margin-bottom: 5px; } .mdb-list:not(.mdb-list-grid) .media.media-multi-columns .widget-list:last-child { margin-bottom: 10px; } .mdb-list:not(.mdb-list-grid) .media.media-multi-columns .widget-list.widget-list-columns > li .data-title { min-width: 80px; } .mdb-list:not(.mdb-list-grid) .media.media-flex.media-height-100p, .mdb-list:not(.mdb-list-grid) .media.media-height-100p.media-flex-box, .mdb-list:not(.mdb-list-grid) .media.media-height-100p.media-checkbox, .mdb-list:not(.mdb-list-grid) .media.media-height-100p.media-input { height: 100%; margin-bottom: 0; } .mdb-list.mdb-list-grid > [class^='col-']:not(:last-child) { /*margin-bottom: 15px;*/ } .mdb-list.mdb-list-grid .media.media-multi-columns .widget-list { overflow: hidden; margin-bottom: 5px; } .mdb-list.mdb-list-grid .media.media-multi-columns .widget-list:last-child { margin-bottom: 10px; } .mdb-list.mdb-list-grid .media.media-multi-columns .widget-list.widget-list-columns > li .data-title { min-width: 80px; } .mdb-list.mdb-list-grid .media.media-flex.media-height-100p, .mdb-list.mdb-list-grid .media.media-height-100p.media-flex-box, .mdb-list.mdb-list-grid .media.media-height-100p.media-checkbox, .mdb-list.mdb-list-grid .media.media-height-100p.media-input { height: 100%; margin-bottom: 0; } .mdb-list .media-left, .mdb-list .media-body, .mdb-list .media-right { position: relative; display: block; /*@include flex(1,0,100%);*/ } .mdb-list .course-title { /*margin-bottom: 7px;*/ margin-bottom: 0; } .mdb-list .course-title > .list-inline { display: none; } .mdb-list .media { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; padding: 0; background: #FFF; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .mdb-list .media[tabindex="0"]:focus { outline: none; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 0 3px 2px #4a98cd; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 0 3px 2px #4a98cd; } .mdb-list .media[tabindex="0"].media-checked:focus { -webkit-box-shadow: 0 0 0 2px #4caf50, 0 0 3px 4px #4a98cd; box-shadow: 0 0 0 2px #4caf50, 0 0 3px 4px #4a98cd; } .content-block .mdb-list .media, .content-block-nopad .mdb-list .media, .content-block-pad-md .mdb-list .media { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .mdb-list .media .media-left { padding: 0; } .mdb-list .media .media-left.media-avatar { padding: 20px 25px; vertical-align: middle; } .mdb-list .media .media-left.media-avatar .checkbox { margin: 0; position: absolute; top: 8px; left: 8px; } .mdb-list .media .media-left.media-avatar .media-object { height: 150px; width: 150px; margin: 0 auto; min-height: 0; min-width: 0; background-color: #EAEAEA; } .mdb-list .media .media-left.media-avatar .media-object.media-object-sm { height: 110px; width: 110px; } .mdb-list .media .media-left .media-object { display: block; margin: auto; width: 100%; height: 100%; min-width: 170px; min-height: 140px; background: #efefef center no-repeat; background-size: cover; } .mdb-list .media .media-left .media-object.img-placeholder { background-position: center; background-size: cover; } .mdb-list .media .media-left img.media-object { width: 100%; height: 180px; max-width: 321px; max-height: 180px; } .mdb-list .media .media-body { width: auto; padding: 10px 10px; color: #404040; font-size: 14px; line-height: 18px; font-weight: 600; } .mdb-list .media .media-body div:not(.mdb-ft-ul) .badge, .mdb-list .media .media-body span:not(.mdb-ft-ul) .badge { margin-bottom: 6px; } .mdb-list .media .media-body div:not(.mdb-ft-ul) .badge + .badge, .mdb-list .media .media-body span:not(.mdb-ft-ul) .badge + .badge { margin-left: 4px; } .mdb-list .media .media-body .badge-left-touch { margin-bottom: 15px; } .mdb-list .media .media-body .widget-list > li .badge { margin-bottom: 0; } .mdb-list .media .media-body .widget-body .list-inline > li { max-width: 100%; } .mdb-list .media .media-body .widget-footer { /*margin-top: 20px;*/ padding-top: 5px; display: table; width: 100%; } .mdb-list .media .media-body .widget-footer:last-child .widget-users:last-child { margin-bottom: 0; } .mdb-list .media .media-body .widget-footer .data-title { display: block; text-align: left; } .mdb-list .media .media-body .widget-footer .course-price, .mdb-list .media .media-body .widget-footer .course-enroll { padding-top: 4px; display: table-cell; vertical-align: middle; width: 1000px; height: 40px; } .mdb-list .media .media-body .widget-footer .course-price { width: auto; } .mdb-list .media .media-body .widget-footer .course-enroll .ft, .mdb-list .media .media-body .widget-footer .course-enroll span { vertical-align: middle; } .mdb-list .media .media-body .widget-footer .course-enroll .btn, .mdb-list .media .media-body .widget-footer .course-enroll [role="button"] { margin-right: 0; margin-left: 10px; } .mdb-list .media .media-body .widget-footer .course-enroll .btn + .btn, .mdb-list .media .media-body .widget-footer .course-enroll .btn + [role="button"], .mdb-list .media .media-body .widget-footer .course-enroll [role="button"] + .btn, .mdb-list .media .media-body .widget-footer .course-enroll [role="button"] + [role="button"] { margin-left: 10px; } .mdb-list .media .media-body .widget-action { margin: 0 -10px; border-top: 2px solid #e0e0e0; padding: 10px; text-align: center; } .mdb-list .media .media-body .widget-action:last-child { padding-bottom: 0; } .mdb-list .media .media-body .media { -webkit-box-shadow: none; box-shadow: none; margin: 0; } .mdb-list .media .media-body .media .media-left { padding: 0 !important; } .mdb-list .media .media-right { padding: 10px; border: 1px solid #e0e0e0; border-width: 1px 0 0; font-size: 14px; line-height: 1.5; font-weight: 600; color: #404040; } .mdb-list .media .media-right .badge-head { margin-bottom: 30px; } .mdb-list .media .media-right .badge-wrap { text-align: center; display: none; width: 999px; } .mdb-list .media .media-right .badge-wrap + .badge-wrap { margin-top: 20px; } .mdb-list .media .media-right .badge-wrap .badge { font-weight: 600; text-transform: uppercase; } .mdb-list .media .media-right .badge-wrap .badge a { color: #fff; } .mdb-list .media .media-right .badge-wrap a { color: #404040; } .mdb-list .media .media-right .mini-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .mdb-list .media .media-right .mini-box + .mini-box { border-left: 1px solid white; } .mdb-list .media + .mdb-media-bottom { cursor: pointer; width: 100%; } .mdb-list .media + .mdb-media-bottom .data-item { display: table-cell; vertical-align: middle; width: 999px; float: none; text-align: center; font-size: 16px; font-weight: 600; color: #404040; padding: 10px; /*&:not(:last-child) { border-right: 2px solid #e0e0e0; }*/ } .mdb-list .media + .mdb-media-bottom .data-item + .data-item { border-left: 1px solid #d7d7d7; } .mdb-list .media + .mdb-media-bottom .data-item.active { background-color: #0e76bc; color: #FFF; } .mdb-list .media + .mdb-media-bottom .data-item * { vertical-align: middle; } .mdb-list .media .widget-action { border-top: 2px solid #e0e0e0; padding: 10px; text-align: center; } .mdb-list .media-wrap { padding: 0; background: #FFF; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .mdb-list .media-wrap:not(:last-child) { /*margin-bottom: 30px;*/ margin-bottom: 15px; } .mdb-list .media-wrap.media-checked { -webkit-box-shadow: 0 0 0 2px #4caf50; box-shadow: 0 0 0 2px #4caf50; } .mdb-list .media-wrap .media { margin-bottom: 0 !important; background: none; -webkit-box-shadow: none; box-shadow: none; } .mdb-list .media-wrap .mdb-media-bottom .media-bottom-wrap { padding: 10px 15px; } .mdb-list .media-wrap .mdb-media-bottom .media-bottom-wrap .mdb-table { margin-bottom: 0; -webkit-box-shadow: 0 0 0 1px #ebedec; box-shadow: 0 0 0 1px #ebedec; } .mdb-list.mdb-section-list .media .media-left.avathar-section { padding: 15px; } .mdb-list.mdb-section-list .media .media-left.avathar-section .avathar-checkbox { position: absolute; top: 5px; left: 9px; } .mdb-list.mdb-section-list .media .media-left.avathar-section .media-object.avathar { margin: 0 auto; min-width: 0; width: 120px; height: 120px; min-height: 0; text-align: center; /*margin-top: 20px;*/ } .mdb-list.mdb-section-list .media .media-left.avathar-section .media-object.avathar.badge-avathar { border-radius: 0; background-color: transparent; } .mdb-list.mdb-section-list .media .media-body .course-title { /*margin: .5em auto 1em;*/ margin: 0 auto; } .mdb-list.mdb-section-list .media .media-body .widget-footer { border-top: 1px solid #e0e0e0; } .mdb-list.mdb-section-list .media .media-body .widget-footer .data-title { /*margin-top: 15px;*/ margin-top: 5px; } .mdb-list.mdb-section-list .media .media-body .widget-footer .chip { font-weight: 600; } .mdb-list.mdb-section-list .media .media-right { padding: 0; } .mdb-list.mdb-section-list .media .media-right .qr-block { margin: 0 auto; } .mdb-list.mdb-section-list .media .media-right .qr-block > img { margin: 10px auto; } .mdb-list.mdb-section-list .media + .mdb-media-bottom { border-top: 1px solid #d7d7d7; } .mdb-list.mdb-section-list .media-wrap .media .media-body .course-title { text-align: center; } .mdb-list.mdb-section-list .media-wrap .media-mobile > .media-left.avathar-section .media-object { width: 60px; height: 60px; } .mdb-list.mdb-section-list .media-wrap .media-mobile > .media-body .course-title { margin: 0; text-align: left; } .mdb-list.mdb-section-list .media-wrap .media-mobile ~ .media { display: none; } .mdb-list.mdb-property-list .course-title { /*margin: 0 auto 1em;*/ margin: 0 auto; } .mdb-list.mdb-property-list .media-body { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .mdb-list.mdb-property-list .media-body .widget-footer { display: table; /*margin-top: 20px;*/ width: 100%; text-align: center; } .mdb-list.mdb-property-list .media-body .widget-footer.text-left { text-align: left; } .mdb-list.mdb-property-list .media-body .widget-footer .table-cell > a, .mdb-list.mdb-property-list .media-body .widget-footer .table-cell > [role="button"] { display: block; } .mdb-list.mdb-property-list .media-body .widget-footer .table-cell > a .ft, .mdb-list.mdb-property-list .media-body .widget-footer .table-cell > [role="button"] .ft { font-size: 30px; } .mdb-list.mdb-property-list .media-right { padding: 0; } .mdb-list.mdb-jobs-list .media .card-title { margin: 0 auto .75em; color: #0e76bc; font-size: 20px; } .mdb-list.mdb-jobs-list .media .widget-footer > .row > [class^='col-']:not(:last-child) .widget-list { /*margin-bottom: 20px;*/ margin-bottom: 10px; } .mdb-list.mdb-jobs-list .media .widget-footer .data-title { margin-bottom: 10px; } .mdb-list.mdb-contractors-list .data-title { font-weight: 400; } .mdb-list.mdb-contractors-list .widget-users > li + li { margin-left: 10px; } .mdb-list.mdb-contractors-list .media-left.media-avatar { padding: 15px !important; } .mdb-list.mdb-contractors-list .media-left .media-object { background-position: center; background-size: contain; } .mdb-list.mdb-contractors-list .media-left .media-object.media-cover { background-size: cover; } .mdb-list.mdb-contractors-list .widget-footer { margin-top: 20px; } .mdb-list + .list-items { margin-top: 40px; } .mdb-list.sm .media .media-left .media-object { background-size: cover; } .mdb-list.sm .media .media-left .media-object.img-placeholder { background-size: auto; } .mdb-list.sm .media .widget-footer { margin-top: 0; } .mdb-list.sm .media .widget-footer .widget-list { margin-bottom: 0px; } .mdb-list.sm .media .widget-footer .widget-list .ft { margin-right: 2px; } .mdb-list.sm .media .widget-footer .widget-list .badge { margin-left: 5px; } .mdb-list.sm .media .media-body { line-height: 22px !important; } .media-overlay { display: block; width: 100%; height: 100%; padding: 5px 10px; position: absolute; top: -100%; left: 0; z-index: 1; font-size: 14px; font-weight: 400; color: #ffffff; background: #181818; background: rgba(24, 24, 24, 0.85); } .media-left:hover .media-overlay { top: 0; } .media-overlay .data-title { margin-right: 0; color: #FFF; } @media screen and (min-width: 320px) { .mdb-list.sm .media .widget-footer .widget-list li { margin-top: 10px !important; } } @media only screen and (min-width: 390px) { .mdb-list .media-widget .media-left .media-object { width: 345px; height: 180px; } } @media only screen and (min-width: 768px) { .mdb-list .media:not(.media-widget) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .mdb-list .media .media-body .widget-body { min-height: 100px; } .mdb-list:not(.mdb-list-grid) .widget-users { text-align: left; } .mdb-list:not(.mdb-list-grid) .media:not(.media-widget) .media-left { padding: 0; } .mdb-list:not(.mdb-list-grid) .media:not(.media-widget) .media-left.media-avatar .media-object { height: 150px; width: 150px; } .mdb-list:not(.mdb-list-grid) .media:not(.media-widget) .media-left.media-avatar .media-object.media-object-sm { height: 110px; width: 110px; } .mdb-list.mdb-list-grid .media { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; /*.media-left { position: relative; padding-bottom: 52%; max-height: 180px; & > .media-object { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } }*/ } .mdb-list.mdb-list-grid .media .media-left .media-object { background-size: contain; } .mdb-list.mdb-list-grid .media-body { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .mdb-list.mdb-list-grid .media-body .widget-body { min-height: 150px; } .mdb-list.mdb-list-grid .media-body .badge + .badge { margin-left: 0; } .mdb-list.mdb-section-list .media .media-left.avathar-section { padding: 15px 20px; } .mdb-list.mdb-section-list .media .media-left.avathar-section .avathar-checkbox { top: 5px; } .mdb-list.mdb-section-list .media .media-left .media-object { min-height: 200px; } .mdb-list.mdb-section-list .media .media-body .widget-footer .chip { font-size: 14px; } .mdb-list.mdb-section-list .media .media-body .widget-footer .chip.primary-box { font-size: 16px; } .mdb-list.mdb-section-list .media-wrap .media-mobile { display: none; } .mdb-list.mdb-section-list .media-wrap .media-mobile ~ .media { display: flex; } .mdb-list.mdb-section-list .media-wrap .media .media-body .course-title { text-align: left; } .mdb-list.mdb-jobs-list { /*.media { height: 170px !important; }*/ } .mdb-list.mdb-jobs-list.sm .media { height: 110px !important; } .mdb-list.mdb-property-list .media-widget .media-right { border-width: 0; padding: 0; } .mdb-list.mdb-contractors-list .media > .media-object { min-height: 210px; } .mdb-list .media-wrap .media + .mdb-media-bottom .data-item .ft { font-size: 26px; } .mdb-list .media-wrap .media + .mdb-media-bottom .media-bottom-wrap { padding: 20px 30px; } /*.mdb-list:not(.mdb-list-grid) .media-left { padding-right: 10px; }*/ /*.mdb-list .media-body { padding-bottom: 65px; }*/ /*.mdb-list.mdb-section-list .media-left { padding-right: 20px; }*/ } @media only screen and (min-width: 768px) and (max-width: 991px) { .mdb-list.mdb-property-list .media.media-widget .media-left, .mdb-list.mdb-property-list .media.media-widget .media-body .mdb-ft-ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .mdb-list { /*&.mdb-section-list { .media { &:not(.media-widget) { @include flex-flow(row nowrap); .media-body { padding-right: 0; } } } }*/ } .mdb-list .media-widget { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .mdb-list .media-widget .media-left .media-object { width: 210px; height: 100%; } .mdb-list .media-widget .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 10px 15px; } .mdb-list .media-widget .media-right { text-align: center; vertical-align: middle; } .mdb-list .media-widget .media-right .icon-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; height: 100%; padding: 10px; } .mdb-list .media-widget .media-right .icon-list > .ft, .mdb-list .media-widget .media-right .icon-list > .list-desc { display: block; padding-left: 0; } .mdb-list .media-widget .media-right .media-right-inner { height: 100%; min-width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .mdb-list .media-widget .media-right .media-right-inner > .btn { display: table; height: 100%; } .mdb-list .media-widget .media-right .media-right-inner .mini-box { display: block; width: auto; width: auto; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; border-width: 0; } .mdb-list:not(.mdb-list-grid) .media:not(.media-widget) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .mdb-list:not(.mdb-list-grid) .media.media-multi-columns .widget-list.widget-list-columns { margin-top: -5px; } .mdb-list:not(.mdb-list-grid) .media.media-multi-columns .widget-list.widget-list-columns > li { float: left; width: 50%; margin-top: 15px; } .mdb-list:not(.mdb-list-grid) .media.media-multi-columns .widget-list.widget-list-columns > li .data-title { min-width: 80px; } .mdb-list.mdb-contractors-list .media:not(.media-widget) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .mdb-list.mdb-property-list .media.media-widget .media-left { padding: 5px 10px; } .mdb-list.mdb-property-list .media.media-widget .media-left > img.media-object { width: 270px; height: 152px; } .mdb-list.mdb-property-list .media.media-widget .media-body { padding: 10px; } .mdb-list.mdb-property-list .media.media-widget .media-body .badge-wrap { text-align: right; } .mdb-list.mdb-property-list .media.media-widget .media-body .badge-wrap .badge-left-touch { margin-left: 0; margin-right: -10px; border-radius: 18px 0 0 18px !important; } .mdb-list.mdb-property-list .media.media-widget .media-body .mdb-ft-ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .mdb-list.mdb-property-list .media.media-widget .media-body .mdb-ft-ul > li { margin-bottom: 5px; width: calc(50% - 10px); } .mdb-list.mdb-property-list .media.media-widget .media-right { width: 100%; } .mdb-list.mdb-property-list.property-list-alt .media.media-widget .media-left { padding: 0; } } @media only screen and (min-width: 992px) { .mdb-list:not(.mdb-list-grid) .widget-users { margin-bottom: 0; text-align: right; } .mdb-list:not(.mdb-list-grid) .media > .media-left > img.media-object { width: 280px; height: 158px; } .mdb-list:not(.mdb-list-grid) .media .media-body .widget-list > li { display: inline-block; vertical-align: top; } .mdb-list:not(.mdb-list-grid) .media .media-body .widget-list > li:not(:last-child) { margin-right: 20px; } .mdb-list:not(.mdb-list-grid) .media.media-multi-columns .media-body .widget-list > li { vertical-align: inherit; } .mdb-list:not(.mdb-list-grid) .media:not(.media-widget) .media-left { padding: 15px 0 15px 15px; /*.media-object { width: 210px; }*/ } .mdb-list:not(.mdb-list-grid) .media:not(.media-widget) .media-left.media-avatar .media-object { height: 150px; width: 150px; } .mdb-list:not(.mdb-list-grid) .media:not(.media-widget) .media-left.media-avatar .media-object.media-object-sm { height: 110px; width: 110px; } .mdb-list:not(.mdb-list-grid) .media:not(.media-widget) .media-body { padding-left: 15px; padding-bottom: 10px; } .mdb-list:not(.mdb-list-grid) .media:not(.media-widget) .media-body .widget-footer .course-price, .mdb-list:not(.mdb-list-grid) .media:not(.media-widget) .media-body .widget-footer .course-enroll { padding-top: 10px; height: 44px; /*width: 100px;*/ width: auto; min-width: 80px; } .mdb-list.mdb-jobs-list:not(.mdb-list-grid) .media:not(.media-widget) .media-left .media-object { width: 190px; } .mdb-list.mdb-jobs-list:not(.mdb-list-grid) .media:not(.media-widget) .widget-footer .data-title { display: block; } .mdb-list.mdb-jobs-list:not(.mdb-list-grid) .media:not(.media-widget) .widget-footer .data-title span { display: inline-block; } .mdb-list.mdb-section-list .widget-users { text-align: left; } .mdb-list.mdb-section-list .media .media-left { padding: 0; } .mdb-list.mdb-section-list .media .media-left .media-object { width: 160px; } .mdb-list.mdb-section-list .media .media-body { padding-bottom: 0; padding-right: 0; } .mdb-list.mdb-section-list .media .media-body .widget-footer { position: relative; /*padding: 10px 0 0;*/ } .mdb-list.mdb-section-list .media .media-body .widget-footer .data-title { display: block; } .mdb-list.mdb-section-list .media .media-body .widget-footer span.data-title { display: inline-block; } .mdb-list.mdb-section-list .media .media-right { min-width: 160px; padding: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .mdb-list.mdb-section-list .media .media-right .btn-group { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .mdb-list.mdb-list-grid .media .media-left img.media-object { max-width: none; max-height: 221px; } .mdb-list.mdb-property-list .media .media-left { padding: 0 !important; } .mdb-list.mdb-property-list .media .media-left .media-object { background-size: cover; } .mdb-list.mdb-property-list .media:not(.media-widget) { height: 200px; } .mdb-list.mdb-property-list .media:not(.media-widget) .widget-footer { display: none; } .mdb-list.mdb-property-list .media:not(.media-widget) .widget-footer .table-cell > a .ft, .mdb-list.mdb-property-list .media:not(.media-widget) .widget-footer .table-cell > [role="button"] .ft { font-size: 40px; } .mdb-list.mdb-property-list .media.media-widget .media-left { position: relative; padding-bottom: 52% !important; } .mdb-list.mdb-property-list .media.media-widget .media-left > .media-object { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; } .mdb-list.mdb-property-list.property-list-alt .media.media-widget .media-left { padding-bottom: 0 !important; } .mdb-list.mdb-property-list.property-list-alt .media.media-widget .media-left > .media-object { position: static; width: inherit; height: inherit; } .mdb-list.mdb-jobs-list .media .media-left { padding: 0 !important; } .mdb-list.mdb-jobs-list .media .media-left .media-object { background-size: cover; } .mdb-list.mdb-contractors-list .widget-users { text-align: left; } .mdb-list.mdb-contractors-list .media .media-left { padding: 0 !important; } .mdb-list.mdb-contractors-list .media .media-body .widget-footer .data-title { display: block; } .mdb-list.mdb-contractors-list .media + .mdb-media-bottom .media-bottom-wrap { /*padding: 10px 15px;*/ } .mdb-list.sm:not(.mdb-list-grid) .media:not(.media-widget) .media-left { padding: 0; } .mdb-list.sm:not(.mdb-list-grid) .media:not(.media-widget) .media-left .media-object { width: 150px; min-width: 150px; min-height: 100px; } .mdb-list .media .media-left .media-object { /*ClientReq~ByRuban~9/17/2018*/ /*@include background-size(contain);*/ } .mdb-list .media .media-body .widget-footer .data-title { display: none; } .mdb-list .media .media-right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-width: 0 0 0 1px; } .mdb-list .media .media-right .badge-wrap { display: block; width: auto; } .mdb-list .media .media-right .badge-wrap .badge { min-width: 80px; } .mdb-list .media .media-right .mini-box { display: none; } } @media only screen and (min-width: 1200px) { .mdb-list:not(.mdb-list-grid) .media-left img.media-object { /*max-width: 410px; max-height: 230px;*/ } .mdb-list:not(.mdb-list-grid) .media-body .widget-list > li:not(:last-child) { margin-right: 50px; } .mdb-list.mdb-list-grid .media .media-left img.media-object { height: 230px; } .mdb-list.mdb-section-list .media-body .widget-footer .data-title { margin-top: 0; } .mdb-list.mdb-jobs-list .media .widget-footer { margin-top: 30px; } } @media only screen and (min-width: 1600px) { .mdb-list.mdb-list-grid .media .media-left img.media-object { max-height: 230px; } } @media only screen and (max-width: 389px) { .mdb-list .media .media-left img.media-object { height: 154px; } .mdb-list.mdb-property-list .media.media-widget .media-left { position: relative; padding-bottom: 52%; } .mdb-list.mdb-property-list .media.media-widget .media-left .media-object { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } } @media only screen and (max-width: 767px) { .mdb-list:not(.mdb-list-grid) .media.media-multi-columns .widget-list > li .data-title { text-align: right; min-width: 120px !important; } .mdb-list.mdb-property-list.property-list-alt .media.media-widget .media-left > .media-object { width: 100%; height: 100%; max-width: none; max-height: none; } } @media only screen and (max-width: 767px) { .mdb-list.sm .media .media-body .media-small-list .small-list-main-head { margin: 10px 0px !important; } } @media only screen and (max-width: 991px) { .mdb-list:not(.mdb-list-grid) .media.media-multi-columns .media-left .custom-checkbox { position: absolute; top: 5px; left: 5px; } .mdb-list:not(.mdb-list-grid) .media.media-multi-columns .widget-list > li .data-title { min-width: 80px; } } .mdb-list.mdb-cert-list .media .media-right { vertical-align: middle; padding: 0 10px 10px; border: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .mdb-list.mdb-cert-list .media .media-right .card { height: 100px; width: 150px; } .mdb-list.mdb-cert-list .media .media-right .card .card-img-top { height: inherit; } .mdb-list.mdb-cert-list .media .media-right .card .card-img-top img { height: inherit; } @media (min-width: 768px) { .mdb-list.mdb-cert-list .media .course-title { font-size: 16px; } .mdb-list.mdb-cert-list .media > .media-left > .media-object { min-width: 130px; min-height: 100px; } .mdb-list.mdb-cert-list .media .media-right { padding: 10px 10px 10px 0; border: none; /*max-width: 130px;*/ } } @media only screen and (min-width: 992px) { .mdb-list.mdb-cert-list .media .media-left { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .mdb-list.mdb-cert-list .media .media-left img.media-object { max-width: 260px; max-height: 146px; } .mdb-list.mdb-cert-list .media .media-body { overflow: hidden; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .mdb-list.mdb-cert-list:not(.mdb-list-grid) .media:not(.media-widget) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .mdb-list.mdb-cert-list:not(.mdb-list-grid) .media:not(.media-widget) > .media-left { padding-left: 15px; padding-right: 15px; } .mdb-list.mdb-cert-list:not(.mdb-list-grid) .media:not(.media-widget) > .media-right { padding-left: 10px; padding-right: 10px; } } /*@media (min-width:1200px) { .mdb-list.mdb-cert-list .media { display: block; .media-left, .media-body, .media-right { display: table-cell; } .media-body { width: 1000px; } } }*/ /* Cards w Checkbox */ .mdb-cards-list .mdb-card { position: relative; line-height: 1.62; padding: 10px 15px 10px 40px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); /* Task 2174 Globally Spacing Reduce */ } .modal .mdb-cards-list .mdb-card { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .mdb-cards-list .mdb-card.card-wo-checkbox { padding-left: 15px; } .mdb-cards-list .mdb-card.card-cb-center .custom-checkbox { position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mdb-cards-list .mdb-card + .mdb-card { /*margin-top: 20px;*/ margin-top: 15px; } .mdb-cards-list .mdb-card .custom-checkbox { position: absolute; left: 10px; top: 10px; } .mdb-cards-list .mdb-card .card-title { margin: 0 auto 5px; color: #0e76bc; font-size: 20px; line-height: 1.62; } .mdb-cards-list .mdb-card .badge-list { text-align: left; } .mdb-cards-list .mdb-card .badge-list > li > a { display: inline-block; line-height: 1; vertical-align: middle; } .mdb-cards-list .mdb-card .widget-users { margin-bottom: 0; } .mdb-cards-list .mdb-card + .mdb-card-bottom.collapse .collapse-body [class^="head-style"] { margin-bottom: 10px; } .mdb-cards-list .mdb-card + .mdb-card-bottom.collapse .collapse-body .panel-group { margin-top: 15px; margin-bottom: 0; } .mdb-cards-list .mdb-card + .mdb-card-bottom.collapse .collapse-body .panel-group .panel { margin-bottom: 0; } .mdb-cards-list .mdb-card + .mdb-card-bottom.collapse .collapse-body .panel-group .panel > .panel-heading { padding: 10px; background-color: #f7f7f7; } .mdb-cards-list .mdb-card + .mdb-card-bottom.collapse .collapse-body .panel-group .panel > .panel-heading .dot ~ div { padding-left: 15px; } .mdb-cards-list .mdb-card + .mdb-card-bottom.collapse + .mdb-card { margin-top: 15px; } @media only screen and (min-width: 768px) { .mdb-cards-list .mdb-card { padding-left: 45px; } .mdb-cards-list .mdb-card.card-wo-checkbox { padding-left: 15px; } .mdb-cards-list .mdb-card .custom-checkbox { /*left: -35px;*/ } .mdb-cards-list .mdb-card .card-title { margin-top: 0; } .mdb-cards-list .mdb-card .badge-list { text-align: right; } } /* END - Cards w Checkbox */ /* * CARD BLOCK * */ .card { margin: 0 auto 20px; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; color: #404040; background-color: #fff; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .mdb-list .media .card, .content-block .card, .content-block-nopad .card, .content-block-pad-md .card { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .row-v-gutters > [class*=col] > .card, .owl-carousel .card, .mdb-list .media .card, .img-info-secn .card { margin-bottom: 0; } .owl-carousel .card { max-width: 320px; } .card:focus { outline: none; } .card.no-box-shadow { -webkit-box-shadow: none; box-shadow: none; } .card.has-error { -webkit-box-shadow: 0 0 0 2px #f44336; box-shadow: 0 0 0 2px #f44336; } .card.has-error .card-status, .card.has-error ~ .help-block { font-size: 16px; line-height: 20px; font-weight: 600; text-align: center; color: #f44336; } .card.card-sm .card-img-top img { height: 100px; } .card.card-responsive, .card.card-responsive-alt { max-width: none; } .card.card-responsive .card-img-top, .card.card-responsive-alt .card-img-top { width: 100%; padding-bottom: 56.25%; } .card.card-responsive .card-img-top > img, .card.card-responsive-alt .card-img-top > img { position: absolute; top: 0; left: 0; height: 100%; } .card.card-responsive .card-block, .card.card-responsive-alt .card-block { padding: 0; } .card.card-responsive-alt .card-img-top { padding-bottom: 75%; } .card.card-badge { max-width: 225px; } .card > video { height: 150px !important; } .card > .card-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: 100%; } .card > .card-block + .card-footer { padding: 0 15px 15px; } .card ~ .help-block { color: #404040; } .card ~ .help-block .ft { vertical-align: top; } .card ~ .action-icons { text-align: center !important; } .card ~ .action-icons i { margin-top: 10px !important; } .card-img-top { position: relative; overflow: hidden; text-align: right; background: #efefef; /* Development CSS Start */ /* Development CSS End */ } .card-img-top iframe { margin: 0; display: block; width: 100%; max-width: 100%; max-height: 100%; height: 150px; } .card-img-top > .card-fixed-badge { position: absolute; left: 0; bottom: 5px; padding: 0 5px; width: 100%; } .card-img-top > .card-fixed-badge > .badge { max-width: 100%; } .card-img-top > .checkbox { margin: 0; position: absolute; top: 10px; left: 10px; z-index: 2; } .card-img-top img { width: 100% !important; height: 150px; object-position: top center; } .card-img-top + .team-title-primary { margin-top: 10px; } .card-img-top .card-status { position: absolute; right: 5px; bottom: 5px; height: 22px; width: 22px; z-index: 2; line-height: 1; color: #404040; background-color: #fff; border: 1px solid #fff; border-radius: 20px; } .card-img-top .card-status > .ft { vertical-align: top; } .card-img-top ~ .list-inline { margin: 0 auto; text-align: center; } .card-img-top ~ .action-icons { margin: 10px 0 0; text-align: center; } .card-img-top ~ .action-icons > li { padding-top: 5px; } .card-img-top + .doc-name { margin: 10px 0 0 0; min-height: 45px; } .card-badge > .card-img-top { padding: 10px; } .card-badge > .card-img-top img { max-width: 130px; max-height: 130px; } .card-img-top .card-img-overlay + .card.no-box-shadow { margin-bottom: 0; } .avatar-img-top { position: relative; overflow: hidden; text-align: right; background: #efefef; } .action-icons { margin: 0; line-height: 1; } .card-block { padding: 1.25rem; } .card-block.nopad { padding: 0 !important; } .card-block .form-control { border-color: #BFBFBF; font-size: 12px; outline: none; } .card-block .form-control:focus { border-color: #777777; } .card-block textarea.form-control { min-height: 75px; resize: none; -webkit-box-shadow: none; box-shadow: none; } .card-block textarea.form-control.lg { min-height: 130px !important; font-size: 14px !important; } .card-responsive .card-block .form-control, .card.card-responsive-alt .card-block .form-control { font-size: 14px; } .card-responsive .card-block .form-control::-webkit-input-placeholder, .card.card-responsive-alt .card-block .form-control::-webkit-input-placeholder { color: #777777; } .card-responsive .card-block .form-control::-moz-placeholder, .card.card-responsive-alt .card-block .form-control::-moz-placeholder { color: #777777; } .card-responsive .card-block .form-control:-ms-input-placeholder, .card.card-responsive-alt .card-block .form-control:-ms-input-placeholder { color: #777777; } .card-responsive .card-block .form-control:-moz-placeholder, .card.card-responsive-alt .card-block .form-control:-moz-placeholder { color: #777777; } .card-block .form-control + .form-control { margin-top: -1px; } .card-block .help-block { color: #777777; font-size: 12px; line-height: 1.42857143; } .card-block .help-block[role="button"] { margin-top: 10px; font-size: 14px; font-weight: 600; text-transform: uppercase; text-align: center; } .card-block .help-block[role="button"].normal { font-weight: 400; text-align: right; margin-top: 0; } .card-block .help-block[role="button"] > .ft { margin-right: 4px; font-size: inherit; line-height: inherit; } .card-block .help-block[role="button"] > .ft, .card-block .help-block[role="button"] > span { vertical-align: middle; } .card-title { margin-bottom: .75rem; color: #404040; font-size: 16px; font-weight: 600; line-height: 1.25; } .card-title .list-inline { display: inline-block; margin: 0; } .card-title .list-inline a, .card-title .list-inline [role=button] { color: #777777; } .card-title .list-inline a .ft, .card-title .list-inline [role=button] .ft { vertical-align: middle; } .card-role { margin-bottom: .75rem; color: #777777; font-size: 14px; font-weight: 400; } .card-org { margin-bottom: .75rem; color: #404040; font-size: 16px; font-weight: 600; } .card-text { color: #404040; font-size: 14px; font-weight: 400; line-height: 1.5; } .card-author { color: #777777; font-size: 14px; font-weight: 400; } .card-author > a { font-weight: 600; } .card-timestamp { color: #404040; font-size: 14px; font-weight: 600; } .card-social a { display: block; font-size: 12px; color: #404040; } .card-social a > span, .card-social a > .ft { vertical-align: middle; } .card-img-overlay { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: -50%; z-index: 1; color: #fff; background: rgba(64, 64, 64, 0.85); opacity: 0; -webkit-transition: opacity 0.3s linear, top 0.3s ease-in-out; -o-transition: opacity 0.3s linear, top 0.3s ease-in-out; transition: opacity 0.3s linear, top 0.3s ease-in-out; } .mdb-drop-block:hover .card-img-overlay, .card-img-top:hover .card-img-overlay { top: 0; opacity: 1; } .card-img-overlay .action-icons { margin: 10px 5px 0 0; } .card-img-overlay .action-icons a { color: inherit; } .is-mobile .card-img-overlay.card-overlay-resposive { top: 0; opacity: 1; background: rgba(64, 64, 64, 0.5); } .is-mobile .card-img-overlay.card-overlay-resposive .overlay-icons .btn.btn-outline-white:not(:hover), .is-mobile .card-img-overlay.card-overlay-resposive .overlay-icons .btn.btn-outline-white:not(:focus) { background: rgba(64, 64, 64, 0.7); } .avatar-img-overlay { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: -50%; z-index: 1; color: #fff; background: rgba(64, 64, 64, 0.85); opacity: 0; -webkit-transition: opacity 0.3s linear, top 0.3s ease-in-out; -o-transition: opacity 0.3s linear, top 0.3s ease-in-out; transition: opacity 0.3s linear, top 0.3s ease-in-out; border-radius: 50%; } .avatar-img-top:hover .avatar-img-overlay { top: 0; opacity: 1; } .avatar-img-overlay .overlay-icons .ft { color: #fff; vertical-align: middle; } .card-remove, .card-remove:focus, .card-remove:hover { margin: 10px 10px 0 0; display: inline-block; color: #FFF; } .overlay-icons { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .card.card-mini .card-img-top { min-height: 100px; } .card.card-mini .card-remove-icon, .card.card-mini .card-remove-icon:focus, .card.card-mini .card-remove-icon:hover { margin: 5px 5px 0 0; } .card.card-mini .card-remove-icon > * { font-size: 20px; } .person-card { margin: 0 auto 30px; max-width: 320px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .owl-carousel .person-card { margin-bottom: 0; } .person-card .card-header .card-cover { width: 100%; height: 120px; background: #FAFAFA center no-repeat; background-size: cover; } .person-card .card-header .card-avatar { margin: -60px auto 0; z-index: 2; width: 120px; height: 120px; border: 4px solid rgba(255, 255, 255, 0.65); border-radius: 60px; overflow: hidden; } .person-card .card-header .card-avatar > img { width: 100%; height: 100%; } .person-card .card-block { padding: 15px 20px; text-align: center; } .person-card .card-block .card-title { margin-bottom: 0px; color: #0e76bc; font-size: 20px; } .person-card .card-block .card-role { margin-bottom: 5px; } .person-card .card-block .card-org { margin-bottom: 10px; } .id-holder.selected, .id-holder.unselected { cursor: pointer; padding-bottom: 15px; display: block; } .id-holder.unselected:after { content: ""; display: block; width: 30px; height: 30px; position: absolute; bottom: 0; left: 50%; background: #FFF; border: 2px solid #B1B1B1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .id-holder.selected:after { content: "\e038"; font: normal normal normal 20px/1 fontastic; text-transform: none !important; text-rendering: auto; text-align: center; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 30px; height: 30px; font-size: 20px; line-height: 30px; position: absolute; bottom: 0; left: 50%; color: #ffffff; background: #4caf50; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .id-holder.id-holder-scroll { position: relative; max-width: 395px; overflow-x: auto; width: 100%; margin: 0 auto; } .id-holder.id-holder-scroll.unselected:after, .id-holder.id-holder-scroll.selected:after { left: 197.5px; } .id-card-block { position: relative; margin: 30px auto; width: 250px; height: 395px; padding: 15px; border: 1px solid #404040; background: transparent url(../images/generated-id-bg.jpg) center no-repeat; background-size: cover; border-radius: 10px; text-align: center; color: #404040; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .row-v-gutters > [class*=col] > .id-card-block, .row-v-gutters > [class*=col] > .id-holder > .id-card-block { margin: 0 auto; } .id-holder > .id-card-block { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } .id-card-block.w-punch:before { content: ''; position: absolute; top: 12px; left: 50%; height: 12px; width: 50px; background: #929292 !important; border-radius: 5px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .id-card-block.card-horizontal { width: 395px; height: 250px; } .id-card-block.card-horizontal .brand-logo { position: absolute; left: 15px; top: 15px; } .id-card-block.card-horizontal .qr-block { position: absolute; bottom: 15px; right: 15px; } .id-card-block.card-horizontal .partners-block { position: static; } .id-card-block .brand-logo { margin: 0 auto; max-height: 48px; max-width: 105px; } .id-card-block .profile-avatar { margin: 10px auto 0; height: 100px; width: 100px; border: 5px solid #0e76bc; overflow: hidden; } .id-card-block .profile-name { margin-bottom: 0; font-size: 20px; font-weight: 700; line-height: 1.62; color: #404040; } .id-card-block .profile-title, .id-card-block .profile-id { font-size: 12px; font-weight: 600; line-height: 1.62; } .id-card-block .qr-block { margin: 5px auto 0; } .id-card-block .qr-block > img { /*max-width: 52px; max-height: 52px;*/ margin: auto; } .id-card-block .qr-block .qr-title { font-size: 12px; font-weight: 600; line-height: 1.62; color: #0e76bc; } .id-card-block .partners-block { margin-top: 10px; position: absolute; /*left: 15px; bottom: 15px;*/ left: 5px; bottom: 5px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .id-card-block .partners-block > .partner-item { padding: 0 5px; } .id-card-block .partners-block > .partner-item > img { max-height: 30px; max-width: 70px; } .mdb-flip-card { display: block; position: relative; width: 100%; height: 230px; transform-style: preserve-3d; perspective: 1000px; } .mdb-flip-card .card-block { top: 0; left: 0; position: absolute; width: inherit; height: inherit; padding: 15px; text-align: center; background: #fff; color: #404040; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); backface-visibility: hidden; -webkit-transition: transform 0.3s ease-in; -o-transition: transform 0.3s ease-in; transition: transform 0.3s ease-in; } .mdb-flip-card .card-block.front { transform: rotateY(0deg); } .mdb-flip-card .card-block.front .card-title { max-height: 3.24em; } .mdb-flip-card .card-block.back { transform: rotateY(-180deg); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mdb-flip-card .card-block .team-title, .mdb-flip-card .card-block .team-title-primary, .mdb-flip-card .card-block .team-role, .mdb-flip-card .card-block .team-organization { margin-bottom: 0; } .mdb-flip-card:hover .card-block.front { transform: rotateY(180deg); } .mdb-flip-card:hover .card-block.back { transform: rotateY(0deg); } .mdb-flip-card .badge-fixed { position: absolute; right: 10px; top: 10px; } .mdb-flip-card .block-icon { margin: auto; display: block; margin-bottom: 10px; width: 125px; max-height: 125px; } .mdb-flip-card .block-icon > img { display: block; width: inherit; max-height: inherit; } .mdb-flip-card .card-title { font-size: 18px; font-weight: 600; } .mdb-flip-card .card-title:first-child { margin-bottom: 0; } .mdb-flip-card .card-desc { font-size: 14px; max-height: 3.24em; white-space: normal; } .mdb-flip-card .card-desc:not(:first-child) { margin-top: 5px; } .mdb-flip-card .card-detail { font-size: 14px; font-weight: 600; } .mdb-flip-card .card-detail:not(:first-child) { margin-top: 5px; } .mdb-flip-card .card-detail .data-title { font-weight: 400; } .mdb-flip-card .card-hyperlink:not(:first-child) { margin-top: 5px; } .card-flex { padding: 0 15px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .card-flex-group > .card-flex + .card-flex { margin-top: 15px; } .panel-body > .card-flex { border-bottom: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; } .panel-body > .card-flex:last-child { border-bottom: 0 none; } .card-flex.card-bg { background-color: #e9e9e9; } .card-flex .card-img { width: 90px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-self: stretch; position: relative; } .card-flex .card-img.card-img-md { width: 140px; } .card-flex .card-img .media-object { width: 100%; height: 100%; background: #efefef left center no-repeat; background-size: cover; } .card-flex .card-head { padding: 15px 0 15px 15px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media only screen and (max-width: 767px) { .card-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; padding: 0; } .card-flex .card-img { width: 100%; height: 120px; } .card-flex .card-img.card-img { width: 100%; } .card-flex .card-head { padding: 15px 15px; } } .chart-block { padding-bottom: 10px; overflow-y: hidden; overflow-x: auto; } @media (max-width: 991px) { .flex-row-resp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .flex-row-resp .legends-row { padding: 0 15px; } } .legends-row { margin-top: 15px; } .legends-row.list-inline { margin-left: -10px; } .legends-row.list-inline li { padding: 0 10px; } .legends-row > [class^='col-']:not(:last-child) { margin-bottom: 8px; } .legends-row-alt { margin: 0; } .legends-row-alt .legend-item { margin: 0 0 15px 0; text-align: center; font-size: 14px; } .legends-row-alt .legend-item:last-child { margin-bottom: 0; } .legends-row-alt .legend-item .legend-head { font-size: 14px; font-weight: 600; color: #404040; padding-left: 10px; } .legends-row-alt .legend-item .legend-text { font-size: 12px; font-weight: 400; line-height: 17px; color: #404040; } @media (min-width: 1200px) { .legends-row-alt .legend-item { display: block; padding-left: 0; } .legends-row-alt .legend-item .legend-head { font-size: 18px; line-height: 24px; vertical-align: sub; padding-left: 0; } } @media (max-width: 767px) { .legends-row-alt .legend-item { display: block; padding-left: 0; text-align: left; margin-bottom: 0; float: left; width: 100%; } .legends-row-alt .legend-item .legend-head { float: right; } } .list-legend { margin-top: -7px; padding-top: 1px; text-align: left; } .list-legend.text-center { text-align: center; } .list-legend.list-inline > li { padding-left: 5px; } .list-legend .legend-item { padding-left: 0; } .list-legend > li, .list-legend > .legend-item { margin-top: 8px; } .list-legend.sm > li, .list-legend.sm > .legend-item { margin-top: 0; line-height: 1.62; } .list-legend.sm > li .legend-circle, .list-legend.sm > .legend-item .legend-circle { height: 10px; width: 10px; } .list-legend.sm > li .legend-text, .list-legend.sm > .legend-item .legend-text { font-size: 12px; } .legend-item { display: inline-block; font-size: 12px; line-height: 1.5; color: #777777; /*padding-left: 25px;*/ } .legend-item .legend-square, .legend-item .legend-circle, .legend-item .legend-icon { width: 15px; height: 15px; vertical-align: middle; display: inline-block; } .legend-item .legend-square.legend-has-letter, .legend-item .legend-has-letter.legend-circle, .legend-item .legend-has-letter.legend-icon { height: 25px; width: 25px; line-height: 25px; font-size: 14px; font-weight: 600; text-align: center; color: #404040; background-color: #e2e2e2; } .legend-item .legend-square.legend-has-letter[class*='bg-'], .legend-item .legend-has-letter[class*='bg-'].legend-circle, .legend-item .legend-has-letter[class*='bg-'].legend-icon { color: #fff; } .legend-item .legend-square + .legend-text, .legend-item .legend-circle + .legend-text, .legend-item .legend-icon + .legend-text { margin-left: 6px; } .legend-item .legend-circle { height: 15px; width: 15px; border-radius: 50%; } .legend-item .legend-circle.legend-circle-sm { height: 18px; width: 18px; } .legend-item .legend-icon { height: 10px; width: 20px; border-radius: 5px; } .legend-item .legend-icon.legend-has-letter { height: 18px; width: 45px; line-height: 18px; font-size: 12px; border-radius: 9px; } .legend-item .legend-text { color: #404040; font-size: 14px; font-weight: 400; vertical-align: middle; } .legend-item .legend-text + .legend-square, .legend-item .legend-text + .legend-circle, .legend-item .legend-text + .legend-icon { margin-left: 6px; } .legend-item .legend-count { font-size: 14px; font-weight: 400; vertical-align: middle; } .legend-item.d-block { padding-left: 0; } .legend-item.d-block:not(:last-child) { margin-bottom: 5px; } @media (max-width: 991px) { .legends-row { margin-bottom: 10px; } } .media-chart-list .media { padding: 10px 15px; border-radius: 10px; border: 1px solid #EAEAEA; } .media-chart-list .media:not(:first-child) { margin-top: 10px; } .media-chart-list .media > .media-left { padding-right: 15px; } @media (min-width: 768px) { .media-chart-list .media > .media-left { padding-right: 25px; } } /* * Chart Item * */ .chart-item-block .ci-title { text-align: center; } .ci-title { color: #777777; font-weight: 600; font-size: 14px; } .chart-item { width: 80px; height: 80px; padding: 5px; background: #e2e2e2; color: white; line-height: 1.42857143; text-align: center; } .inner-wrap { height: 100%; width: 100%; padding: inherit; background: rgba(255, 255, 255, 0.25); border-radius: inherit; } .ci-count { font-size: 24px; font-weight: 600; } .ci-text { font-size: 12px; } /* * END - Chart Item * */ .dashboard-infograph { margin-bottom: 20px; padding: 10px 15px; background: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .row-v-gutters > [class*="col"] > .dashboard-infograph, .row-v-gutters-sm > [class*="col"] > .dashboard-infograph { margin-bottom: 0; } .multi-columns-row > [class*="col"] > .dashboard-infograph, .multi-columns-form > [class*="col"] > .dashboard-infograph, .multi-columns-form-sm > [class*="col"] > .dashboard-infograph, .multi-columns-form-zero > [class*="col"] > .dashboard-infograph, .row-height-equal > [class*="col"] > .dashboard-infograph, .row-has-btn > [class*="col"] > .dashboard-infograph { height: 100%; } .dashboard-infograph .infograph-header { color: #404040; font-size: 16px; font-weight: 600; } .dashboard-infograph .infograph-header .infograph-title { font-size: inherit; } .dashboard-infograph .infograph-header .infograph-title .title-secondary { color: #777777; font-weight: 400; } .dashboard-infograph .infograph-header .infograph-count { font-size: 18px; } .dashboard-infograph .infograph-body { padding: 10px 0; min-height: 100px; } .dashboard-infograph .infograph-footer .infograph-block { padding: 0 5px; text-align: center; color: #777777; } .dashboard-infograph .infograph-footer .infograph-block .block-count { font-size: 18px; font-weight: 600; } .dashboard-infograph .infograph-footer .infograph-block .block-title { font-size: 14px; } .dashboard-infograph .infograph-footer .infograph-block .block-title + .block-help { margin-top: 5px; } .dashboard-infograph .infograph-footer .infograph-block .block-help { font-size: 10px; text-align: left; } .info-bg1 { background-color: #f77c73; } .info-bg2 { background-color: #ffb74c; } .info-bg3 { background-color: #7faf81; } .info-bg4 { background-color: #47a8f5; } /* * DROPDOWN */ .dropdown-menu { margin-bottom: 5px; z-index: 1038; will-change: transform; max-height: 0; opacity: 0; padding: 8px 0; border: 0; background-color: #ffffff !important; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2) !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2) !important; -webkit-transform: translate3d(0px, -30px, 0px); -ms-transform: translate3d(0px, -30px, 0px); transform: translate3d(0px, -30px, 0px); -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); } .modal .dropdown-menu { z-index: 1040; } .open .dropdown-menu { overflow-x: hidden; overflow-y: auto; max-height: 500px; opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .dropdown-menu > li > a { padding: 13px 16px; color: #404040; font-size: 16px; line-height: 1.42857143; } .dropdown-menu > li > .checkbox, .dropdown-menu > li > .radio { padding: 13px 16px; } .dropdown-menu > li.active > a, .dropdown-menu > li.active > a:hover, .dropdown-menu > li.active > a:focus { color: #404040; background-color: #fafafa; } .dropdown-menu > li.dropdown-header { font-size: 14px; font-weight: 600; padding: 5px 16px; } .dropdown-menu > li.checkbox, .dropdown-menu > li.radio { margin: 0; padding: 5px 16px; } .dropdown-menu > li.checkbox .custom-checkbox, .dropdown-menu > li.checkbox .custom-radio, .dropdown-menu > li.radio .custom-checkbox, .dropdown-menu > li.radio .custom-radio { font-size: 14px; } .dropdown-menu.dropdown-menu-relative { margin-bottom: 0; position: relative; float: none; max-width: 100%; width: 100%; } .dropdown-menu.dropdown-menu-inline { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; min-width: 0; padding: 0; box-shadow: none !important; background: none !important; } .dropdown-menu.dropdown-menu-inline > li { display: block; padding: 0 3px; } .dropdown-menu.dropdown-menu-inline > li > a { display: block; padding: 3px; font-size: 16px; line-height: 24px; width: 32px; text-align: center; border: 1px solid #0e76bc; border-radius: 18px; background: #fff; color: #0e76bc; } .dropdown-menu.dropdown-menu-inline > li > a > .ft { line-height: inherit; font-size: inherit; vertical-align: top; } .dropdown-menu.fixed-width-relate-to-btn { width: 215px; } .dropdown-menu-fullwidth { width: 100%; } .dropdown-menu-center { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .dropdown-menu-nontouch-right { left: auto; right: 0; } .dropdown.dropright { display: inline-block; } .dropdown.dropright.open:before { content: ''; display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 990; opacity: .5; background: #FFF; } .panel-tools > li.dropdown.radial-dropdown { padding: 0 !important; } .dropdown.radial-dropdown [data-toggle="dropdown"] { position: relative; z-index: 1039; padding-left: 15px; padding-right: 10px; height: 40px; text-align: center; line-height: 40px; background: white; border-bottom-left-radius: 35px; } .dropdown.radial-dropdown .dropdown-backdrop { display: none; } .dropdown.radial-dropdown .dropdown-menu { min-width: 200px; min-height: 160px; padding: 10px 15px 20px 25px; top: 0; margin-top: 0; background: transparent !important; box-shadow: none !important; display: block; visibility: hidden; opacity: 0; transform: scale(0.75); transition: transform .2s ease, opacity .3s ease, visibility .4s linear; transform-origin: right top; } .dropdown.radial-dropdown .dropdown-menu:after { content: ''; display: list-item; background: rgba(64, 64, 64, 0.9); z-index: -1; position: absolute; top: 1px; right: 1px; bottom: 0; left: 0; border-bottom-left-radius: 80%; } .dropdown.radial-dropdown .dropdown-menu > .dropdown-header, .dropdown.radial-dropdown .dropdown-menu > .radio .custom-radio { color: white; } .dropdown.radial-dropdown .dropdown-menu > li:nth-child(1) { padding-left: 0; } .dropdown.radial-dropdown .dropdown-menu > li:nth-child(2) { padding-left: 10px; } .dropdown.radial-dropdown .dropdown-menu > li:nth-child(3) { padding-left: 30px; } .dropdown.radial-dropdown .dropdown-menu > li:nth-child(4) { padding-left: 70px; } .dropdown.radial-dropdown .dropdown-menu > li:nth-child(5) { padding-left: 100px; } .dropdown.radial-dropdown.open .dropdown-menu { visibility: visible; opacity: 1; transform: scale(1); } @media (max-width: 767px) { .dropdown-menu-nontouch-right { left: 0 !important; right: auto !important; } .dropdown-menu-touch-right { left: auto !important; right: 0 !important; } .dropdown.dropright .dropdown-menu-right { right: auto; } } @media (min-width: 768px) { .dropdown.dropright { display: inline-block; } .dropdown.dropright .dropdown-menu-right { overflow: visible; top: 50%; right: 0; margin: 0 0px 0 2px; -webkit-transform: translate3d(100%, -50%, 0); -ms-transform: translate3d(100%, -50%, 0); transform: translate3d(100%, -50%, 0); } } @media (min-width: 992px) { .dropdown-menu > li > a { padding: 6px 24px; font-size: 14px; } .dropdown-menu > li > .checkbox, .dropdown-menu > li > .radio { padding: 6px 24px; } } @media (min-width: 1200px) { .dropdown-menu-desk-right { left: auto; right: 0; } } @media screen and (max-height: 500px) { .open .dropdown-menu { max-height: 280px; max-height: calc( 100vh - 150px ); } .header--hidden .open .dropdown-menu { max-height: calc( 100vh - 100px ); } } @media screen and (max-height: 380px) { .open .dropdown-menu { max-height: 170px; max-height: calc( 100vh - 150px ); } .header--hidden .open .dropdown-menu { max-height: calc( 100vh - 100px ); } } /* * END - DROPDOWN */ /* * COVER DROPDOWN */ .cover-dropdown .dropdown-menu > li > a { color: #777777; } .cover-dropdown .dropdown-menu > li > a .ft { display: table-cell; vertical-align: middle; font-size: 26px; } .cover-dropdown .dropdown-menu > li > a > span { display: table-cell; vertical-align: middle; font-size: 16px; font-weight: 600; } .cover-dropdown .dropdown-menu > li > a > span:first-child { padding-right: 10px; height: 40px; } .cover-dropdown .dropdown-menu > li > a > span .small { display: block; font-size: 12px; } /* * END - COVER DROPDOWN */ /* * MDB Dropdown */ .mdb-dropdown .dropdown .btn { width: 100%; text-align: left; padding: 7px 7px; } .mdb-dropdown .dropdown .btn .ft:first-child { padding-right: 10px; } .mdb-dropdown .dropdown .btn .ft:last-child { float: right; } .mdb-dropdown .dropdown .btn[data-toggle="dropdown"] { font-weight: 400; text-transform: none; } .mdb-dropdown .dropdown-menu i { vertical-align: middle; padding: 3px 10px 3px 0; text-align: left; } .mdb-dropdown .dropdown-menu > li > a { padding: 3px 7px; } .mdb-dropdown .open .dropdown-menu { margin-top: 6px !important; width: 100%; } /* * END - MDB Dropdown */ /* * Control Dropup/down */ .control-dropup.open:before, .control-dropdown.open:before { content: ''; display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 990; opacity: .9; background: #FFF; } .control-dropup.open > [data-toggle="dropdown"], .control-dropdown.open > [data-toggle="dropdown"] { position: relative; z-index: 990; } .control-dropup .dropdown-menu, .control-dropdown .dropdown-menu { background: transparent !important; box-shadow: none !important; } .control-dropup .dropdown-menu li, .control-dropdown .dropdown-menu li { line-height: 44px; } .control-dropup .dropdown-menu li + li, .control-dropdown .dropdown-menu li + li { margin-top: 10px; } .control-dropup .dropdown-menu li.item-has-desc > span:first-child, .control-dropdown .dropdown-menu li.item-has-desc > span:first-child { font-size: 16px; font-weight: 600; line-height: 1.42857143; text-align: right; } .control-dropup .dropdown-menu li.item-has-desc > span small, .control-dropdown .dropdown-menu li.item-has-desc > span small { display: block; font-size: 12px; } .control-dropup .dropdown-menu li a, .control-dropdown .dropdown-menu li a { padding: 0; color: #404040; font-weight: 600; font-size: 16px; line-height: inherit; text-align: right; } .control-dropup .dropdown-menu li a > .ft, .control-dropdown .dropdown-menu li a > .ft { color: #0e76bc; border-color: #0e76bc; } .control-dropup .dropdown-menu li a.text-danger > .ft, .control-dropdown .dropdown-menu li a.text-danger > .ft { color: #f44336; border-color: #f44336; } .control-dropup .dropdown-menu li .ft, .control-dropdown .dropdown-menu li .ft { font-size: 24px; line-height: 40px; margin: 0 0 0 10px; width: 44px; height: 44px; border-radius: 44px; vertical-align: top; color: #404040; background-color: #ffffff; border: 2px solid #404040; text-align: center; } /* * END - Control Dropup/down */ .swatches-dropdown { min-width: 0; } .swatches-dropdown.dropdown-menu { padding-left: 4px; padding-right: 4px; } .swatches-dropdown > li:not(:first-child) { margin-top: 4px; } .swatches-dropdown > li.active .swatch-color:before { content: "\e038"; color: #FFF; } .swatches-dropdown > li > .swatch-color { padding: 5px; width: 30px; height: 30px; text-align: center; background: #777; } .content-modal-head { font-size: 18px; line-height: 1.62; color: #0e76bc; font-weight: bold; text-align: center; text-transform: uppercase; margin: 20px auto; } .content-modal-sub-head { color: #777777; background: transparent !important; font-size: 16px; line-height: 1.62; font-weight: 600; text-align: center; } .content-modal-sub-head-sm { color: #777777; font-size: 14px; line-height: 1.62; font-weight: 600; text-align: center; } .content-modal-sub-head-italic { color: #777777; font-size: 16px; font-style: italic; line-height: 1.62; font-weight: 400; text-align: center; } @media (min-width: 768px) { .content-modal-head { margin: 20px auto 23px; font-size: 24px; } .content-modal-sub-head { font-size: 18px; } .content-modal-sub-head-sm { font-size: 16px; } } @media only screen and (min-width: 768px) { .content-modal-head-list .widget-list { margin-bottom: 0 !important; } } .modal-title { margin-bottom: 0; font-size: 16px; font-weight: 600; line-height: 1.62; color: #777777; } .modal-desc { margin-bottom: 0; font-size: 14px; font-weight: 400; color: #0e76bc; } .modal-title ~ .modal-desc { margin-top: 4px; } .modal-desc > strong { font-weight: 600; } /* * MODAL */ .modal-content { border-color: #bebebe; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.13); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.13); } .close { outline: none; color: #777777; opacity: 1 !important; } .close:hover, .close:focus { outline: none; color: #5e5e5e; } .close .ft { vertical-align: top; } /* * END - MODAL */ /* * MODAL DIALOG */ .modal { visibility: hidden; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .modal-open .modal.modal-restrict-height { overflow: hidden; } .modal.modal-restrict-height > .modal-dialog { overflow: hidden; height: 100%; } .modal.modal-restrict-height > .modal-dialog > .modal-content { height: 100%; } .modal.modal-restrict-height > .modal-dialog > .modal-content > .modal-body { height: 100%; } .modal.modal-restrict-height > .modal-dialog > .modal-content > .modal-body > .row-v { max-height: calc(100% + 30px); overflow: hidden; height: calc(100% + 30px); } .modal.modal-restrict-height > .modal-dialog > .modal-content > .modal-body > .row-v > [class^=col] { overflow: auto; max-height: 100%; } .modal.modal-box-rounded { height: 100%; width: 100%; overflow: auto; visibility: hidden; } .modal.modal-box-rounded .modal-dialog .modal-content { border: none; border-radius: 5px; -webkit-box-shadow: 0px 0px 17.82px 9.18px rgba(0, 0, 0, 0.2), 0px 6px 27px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 17.82px 9.18px rgba(0, 0, 0, 0.2), 0px 6px 27px 0px rgba(0, 0, 0, 0.2); } .modal.modal-box-rounded .modal-dialog .modal-content .close { width: 32px; height: 32px; border-radius: 32px; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M14.25 4.807L13.193 3.75 9 7.943 4.807 3.75 3.75 4.807 7.943 9 3.75 13.193l1.057 1.057L9 10.057l4.193 4.193 1.057-1.057L10.057 9z'/%3E%3Cpath d='M0 0h18v18H0z' fill='none'/%3E%3C/svg%3E") no-repeat center; background-size: 20px; color: transparent; } .modal.modal-box-rounded .modal-dialog .modal-content .modal-body { padding: 10px; } @media (min-width: 992px) { .modal.modal-box-rounded .modal-dialog { padding: 10px; } .modal.modal-box-rounded .modal-dialog .modal-content .close { top: -10px; right: -10px; } } .modal.modal-box { height: 100%; width: 100%; overflow: auto; visibility: hidden; } .modal.modal-box .modal-dialog .modal-content { border: none; -webkit-box-shadow: 0px 0px 17.82px 9.18px rgba(0, 0, 0, 0.2), 0px 6px 27px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 17.82px 9.18px rgba(0, 0, 0, 0.2), 0px 6px 27px 0px rgba(0, 0, 0, 0.2); } .modal.modal-box .modal-dialog .modal-content .modal-header { padding: 20px 20px 10px; border-bottom: none; } .modal.modal-box .modal-dialog .modal-content .modal-header .modal-title { color: #404040; font-size: 18px; line-height: 24px; font-weight: 600; } .modal.modal-box .modal-dialog .modal-content .modal-header + .modal-body { padding-top: 5px; } .modal.modal-box .modal-dialog .modal-content .modal-body { padding: 20px 15px 5px; font-size: 14px; line-height: 1.62; font-weight: 400; color: #777777; } .modal.modal-box .modal-dialog .modal-content .modal-body:last-child { padding-bottom: 20px; } .modal.modal-box .modal-dialog .modal-content .modal-body .form-legend-head, .modal.modal-box .modal-dialog .modal-content .modal-body .form-legend, .modal.modal-box .modal-dialog .modal-content .modal-body .form-legend-sm, .modal.modal-box .modal-dialog .modal-content .modal-body .form-legend-secondary, .modal.modal-box .modal-dialog .modal-content .modal-body .form-legend-primary, .modal.modal-box .modal-dialog .modal-content .modal-body .form-legend-secondary, .modal.modal-box .modal-dialog .modal-content .modal-body .form-legend-primary { margin-bottom: 5px; } .modal.modal-box .modal-dialog .modal-content .modal-body .form-block { margin-bottom: 20px; } .modal.modal-box .modal-dialog .modal-content .modal-footer { border-top: none; padding: 8px 15px 15px 15px; } .modal.modal-box .modal-dialog .modal-content .modal-footer.text-center { text-align: center; } .modal.modal-box .modal-dialog .modal-content .modal-footer .btn.btn-link { padding-left: 8px; padding-right: 8px; text-transform: uppercase; } .modal.modal-box.modal-primary .modal-dialog, .modal.modal-box.modal-success .modal-dialog, .modal.modal-box.modal-warning .modal-dialog, .modal.modal-box.modal-danger .modal-dialog { padding-top: 40px; } .modal.modal-box.modal-primary .modal-content .modal-header, .modal.modal-box.modal-success .modal-content .modal-header, .modal.modal-box.modal-warning .modal-content .modal-header, .modal.modal-box.modal-danger .modal-content .modal-header { position: relative; padding-top: 52px; } .modal.modal-box.modal-primary .modal-content .modal-header:before, .modal.modal-box.modal-success .modal-content .modal-header:before, .modal.modal-box.modal-warning .modal-content .modal-header:before, .modal.modal-box.modal-danger .modal-content .modal-header:before { content: "\e038"; text-align: center; color: #FFF; background-color: #4caf50; width: 46px; height: 46px; line-height: 40px; border: 3px solid #FFF; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (min-width: 992px) { .modal.modal-box.modal-primary .modal-content .modal-header:before, .modal.modal-box.modal-success .modal-content .modal-header:before, .modal.modal-box.modal-warning .modal-content .modal-header:before, .modal.modal-box.modal-danger .modal-content .modal-header:before { width: 72px; height: 72px; font-size: 36px; line-height: 66px; } } .modal.modal-box.modal-success.icon-thumb .modal-content .modal-header:before { content: "\e045"; } .modal.modal-box.modal-warning .modal-content .modal-header:before { content: "\e0f5"; background-color: #ffc107; } .modal.modal-box.modal-danger .modal-content .modal-header:before { content: "\e018"; background-color: #f44336; } .modal.modal-box.modal-primary .modal-content .modal-header:before { content: "\e073"; background-color: #0e76bc; } .modal .modal-dialog { margin: auto; padding-top: 10px; padding-bottom: 10px; max-width: 100%; -webkit-transition: transform 0.3s ease-out, top 0.3s ease-out; -o-transition: transform 0.3s ease-out, top 0.3s ease-out; transition: transform 0.3s ease-out, top 0.3s ease-out; } .modal .modal-dialog .modal-content .close { /*margin: -10px;*/ margin: 0; position: absolute; right: 10px; top: 10px; z-index: 1; text-shadow: none; } .modal .modal-dialog .modal-content .close:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5); box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5); } .modal .modal-dialog .modal-content .modal-header .modal-title.modal-title-primary { font-size: 20px; color: #0e76bc; text-align: center; text-transform: uppercase; } .modal.in { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; visibility: visible; } .modal-box .modal-sm { width: 300px; } @media (min-width: 768px) { .modal.modal-box .modal-sm { width: 385px; } .modal.modal-box .modal-custom-width { width: 450px; } .modal.modal-box .modal-dialog .modal-content .modal-body { padding: 20px 20px 5px; } } @media (min-width: 992px) { .modal-box .modal-xl { width: 900px; } } @media (min-width: 1200px) { .modal-box .modal-xl { width: 1130px; } } @media (min-width: 1600px) { .modal-box .modal-xl { width: 1440px; } } /* * END - MODAL DIALOG */ .modal-fullscreen { height: 100%; width: 100%; visibility: hidden; } .modal-open .modal-fullscreen { overflow: hidden; } .modal-fullscreen .durandal-wrapper { height: 100%; } .modal-fullscreen .modal-dialog { margin: auto; padding-top: 0; padding-bottom: 0; width: 100%; height: 100%; -webkit-transition: transform 0.3s ease-out, top 0.3s ease-out; -o-transition: transform 0.3s ease-out, top 0.3s ease-out; transition: transform 0.3s ease-out, top 0.3s ease-out; } .modal-fullscreen .modal-dialog .modal-content { border: none; height: 100%; -webkit-box-shadow: 0px 0px 17.82px 9.18px rgba(0, 0, 0, 0.2), 0px 6px 27px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 17.82px 9.18px rgba(0, 0, 0, 0.2), 0px 6px 27px 0px rgba(0, 0, 0, 0.2); } .modal-fullscreen .modal-dialog .modal-content .modal-body { height: 100%; overflow: auto; } .modal-fullscreen .modal-dialog .modal-content .modal-body.control-open { height: calc(100% - 60px); } .modal-fullscreen.in { visibility: visible; } @media (min-width: 768px) { .modal-fullscreen .modal-dialog .modal-content .modal-body { padding-left: 30px; padding-right: 30px; } } /* * Modal Aside */ .modal-aside { overflow: visible !important; visibility: visible; left: auto; right: 0; z-index: 1090 !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-transform: translate(320px, 0); -ms-transform: translate(320px, 0); transform: translate(320px, 0); -webkit-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal-aside.in { left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-aside .modal-dialog { margin: auto 0; padding-top: 0; padding-bottom: 0; max-width: 100%; max-height: 100%; width: 300px; } .modal-aside .modal-dialog .modal-content { border: none; border-radius: 2px 0 0 2px; -webkit-box-shadow: none; box-shadow: none; } .modal-aside .modal-dialog .modal-content .modal-header { border: 0; padding: 0; } .modal-aside .modal-dialog .modal-content .modal-header .close { display: block; } .modal-aside .modal-dialog .modal-content .modal-body { padding: 20px; } @media (min-width: 320px) { .modal-aside .modal-dialog { width: 320px; max-width: 320px; } } @media (max-width: 320px) { .modal-full-height { margin: 0 auto 0; } } @media (min-width: 768px) { .modal-aside .modal-dialog .modal-content .modal-header .close { display: none; } .modal-aside .modal-dialog .modal-content .modal-body { padding: 15px; } .modal-aside .modal-dialog.modal-full-height .modal-content { border-radius: 0; } .modal-aside .modal-dialog.modal-full-height .modal-content .modal-header .close { display: block; right: 20px; -webkit-margin-end: -5px; } .modal-aside.modal-aside-sm.in .modal-dialog { width: 743px; max-width: 743px; } } @media (max-width: 767px) { .modal-aside.modal-aside-sm.in .modal-dialog { width: 100%; max-width: 100%; } } @media (min-height: 768px) { .modal-aside .modal-dialog .modal-content .modal-header .btn[data-toggle="modal"] { /*top: 20px;*/ } } /* * END - Modal Aside */ .modal-full-width { width: 100%; } .modal-full-height { height: 100%; } .modal-open .modal-full-height { overflow: hidden; } .modal-full-height .modal-dialog { padding-top: 0; padding-bottom: 0; } .modal-full-height .modal-content { height: 100%; } .modal-full-height .modal-content .modal-body { height: 100%; overflow-y: scroll; overflow-x: hidden; } .modal-full-height .modal-content .modal-body.control-open { height: calc(100% - 60px); } @media only screen and (min-width: 768px) { .modal-dialog.modal-full-width { width: 600px; } } @media only screen and (min-width: 992px) { .modal-dialog.modal-full-width { width: 75%; } .left .modal-dialog.modal-full-width, .right .modal-dialog.modal-full-width { width: 75%; } } /* * MODAL RIGHT/ LEFT */ .modal .modal-dialog .modal-content .close { margin: 0; position: absolute; right: 10px; top: 10px; z-index: 1; text-shadow: none; } .modal-open .modal.left, .modal-open .modal.right { overflow: hidden; } .modal.left .durandal-wrapper, .modal.right .durandal-wrapper { height: 100%; } .modal.left .modal-dialog, .modal.right .modal-dialog { position: fixed; margin: auto; height: 100%; width: 100%; padding-top: 0; padding-bottom: 0; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .modal.left .modal-dialog .modal-content, .modal.right .modal-dialog .modal-content { height: 100%; overflow: hidden; } .modal.left .modal-dialog .modal-content .modal-header.header-fixed .modal-title, .modal.left .modal-dialog .modal-content .modal-header.header-fixed .modal-desc, .modal.right .modal-dialog .modal-content .modal-header.header-fixed .modal-title, .modal.right .modal-dialog .modal-content .modal-header.header-fixed .modal-desc { text-align: center; } .modal.left .modal-dialog .modal-content .modal-body, .modal.right .modal-dialog .modal-content .modal-body { height: 100%; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .modal.left .modal-dialog .modal-content .modal-body:after, .modal.right .modal-dialog .modal-content .modal-body:after { content: ''; clear: both; display: block; width: 100%; height: 15px; } .modal.left .modal-dialog .modal-content .modal-body.control-open, .modal.right .modal-dialog .modal-content .modal-body.control-open { height: calc(100% - 60px); } @media only screen and (min-width: 768px) { .modal.left .modal-dialog.modal-sm, .modal.right .modal-dialog.modal-sm { width: 476px; } } @media only screen and (min-width: 992px) { .modal.left .modal-dialog, .modal.right .modal-dialog { width: 768px; } .modal.left .modal-dialog.modal-lg, .modal.right .modal-dialog.modal-lg { width: 900px; } .modal.left .modal-dialog.modal-sm, .modal.right .modal-dialog.modal-sm { width: 476px; } .modal.left .modal-dialog .modal-content .modal-body, .modal.right .modal-dialog .modal-content .modal-body { padding: 20px 30px; /*&:after { height: 20px; }*/ } } @media only screen and (min-width: 1200px) { .modal.left .modal-body, .modal.right .modal-body { overflow-y: auto; } } .modal.left.fade .modal-dialog { left: -320px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; } .modal.left.fade.in .modal-dialog { left: 0; } .modal.right.fade .modal-dialog { right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; } .modal.right.fade.in .modal-dialog { right: 0; top: 0; } /* * END - MODAL RIGHT/ LEFT */ /* * MODAL LIGHTBOX */ .modal-lightbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .modal-lightbox.fade .modal-dialog { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .modal-lightbox.fade.in .modal-dialog { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .modal-lightbox .modal-dialog { position: fixed; margin: 0; width: 100%; height: 100%; padding: 0; } .modal-lightbox .modal-dialog .modal-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: none; box-shadow: none; background-color: black; background-color: rgba(0, 0, 0, 0.35); filter: alpha(opacity=100); opacity: 1; -webkit-transition: right 0.218s ease-out; -o-transition: right 0.218s ease-out; transition: right 0.218s ease-out; } .modal-lightbox .modal-dialog .modal-content .modal-header, .modal-lightbox .modal-dialog .modal-content .modal-body, .modal-lightbox .modal-dialog .modal-content .modal-footer { color: #FFF; } .modal-lightbox .modal-dialog .modal-content .btn.btn-icon { width: 40px; height: 40px; line-height: 34px; -webkit-transition: background 0.3s ease-in, border-color 0.3s ease-in, color 0.1s ease-out; -o-transition: background 0.3s ease-in, border-color 0.3s ease-in, color 0.1s ease-out; transition: background 0.3s ease-in, border-color 0.3s ease-in, color 0.1s ease-out; } .modal-lightbox .modal-dialog .modal-content .btn.btn-icon.disabled { cursor: auto; opacity: .7; } .modal-lightbox .modal-dialog .modal-content .btn.btn-icon.disabled:hover, .modal-lightbox .modal-dialog .modal-content .btn.btn-icon.disabled:focus { background-color: transparent; border-color: transparent; } .modal-lightbox .modal-dialog .modal-content .btn.btn-white, .modal-lightbox .modal-dialog .modal-content .btn.btn-white:focus { background: transparent; border-color: transparent; color: #FFF; } .modal-lightbox .modal-dialog .modal-content .btn.btn-white:hover, .modal-lightbox .modal-dialog .modal-content .btn.btn-white:focus:hover { background-color: rgba(255, 255, 255, 0.25); border-color: transparent; color: #FFF; } .modal-lightbox .modal-dialog .modal-content .modal-header { width: auto; margin: 0 auto; padding: 8px 17px 20px 12px; position: absolute; top: 0; left: 0; right: 0; z-index: 11; border-bottom: none; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, transparent 100%); } .modal-lightbox .modal-dialog .modal-content .modal-header .modal-title > .btn { margin-right: 5px; } .modal-lightbox .modal-dialog .modal-content .modal-header .modal-title .modal-filename { display: inline-block; padding: 10px 0; line-height: 20px; vertical-align: top; white-space: nowrap; max-width: 160px; text-overflow: ellipsis; overflow: hidden; } .modal-lightbox .modal-dialog .modal-content .modal-header .modal-title .modal-filename .ft { vertical-align: top; } .modal-lightbox .modal-dialog .modal-content .modal-header .modal-options { white-space: nowrap; } .modal-lightbox .modal-dialog .modal-content .modal-header .modal-options .btn.btn-icon .ft { vertical-align: top; line-height: inherit; } .modal-lightbox .modal-dialog .modal-content .modal-header .modal-options .dropdown { color: #404040; } .modal-lightbox .modal-dialog .modal-content .modal-footer { border: none; } .modal-lightbox .modal-dialog .modal-content .modal-footer .modal-toolbar { position: absolute; bottom: 0; left: 50%; z-index: 10; -webkit-transform: translate(-50%, -20px); -ms-transform: translate(-50%, -20px); transform: translate(-50%, -20px); } .modal-lightbox .modal-dialog .modal-content .modal-footer .modal-toolbar .list-inline { padding: 2px; margin: 0; background: rgba(0, 0, 0, 0.75); white-space: nowrap; border-radius: 2px; } .modal-lightbox .modal-dialog .modal-content .modal-footer .modal-toolbar .list-inline > li { padding: 0 2px; } .modal-lightbox .modal-dialog .modal-content .modal-footer .modal-nav > ul .nav-btn { position: absolute; top: 50%; left: 15px; z-index: 10; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .modal-lightbox .modal-dialog .modal-content .modal-footer .modal-nav > ul .nav-btn.nav-next { left: auto; right: 15px; } .modal-lightbox .modal-dialog .modal-content .modal-body { height: 100%; width: 100%; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; } .modal-lightbox .modal-dialog .modal-content .modal-body .modal-inner-wrap .embed-responsive { width: 320px; } .modal-lightbox .modal-dialog .modal-content .modal-body .modal-inner-wrap .form-control { color: #AEAEAE; background-color: transparent; border-color: rgba(64, 64, 64, 0.5); resize: vertical; } .modal-lightbox .modal-dialog .modal-content .modal-body .modal-inner-wrap .form-control:hover, .modal-lightbox .modal-dialog .modal-content .modal-body .modal-inner-wrap .form-control:focus { background-color: rgba(0, 0, 0, 0.3); border-color: #404040; } .modal-lightbox .modal-dialog .modal-content .modal-body .modal-inner-wrap .form-control + .form-control { border-top-width: 0; } .modal-lightbox .modal-dialog .modal-content.sidebar-open + .modal-sidebar { right: 0; } .modal-lightbox .modal-dialog .modal-sidebar { position: absolute; right: -320px; top: 0; bottom: 0; z-index: 20; height: 100%; width: 320px; color: #FFF; background: #404040; -webkit-transition: right 0.218s ease-out; -o-transition: right 0.218s ease-out; transition: right 0.218s ease-out; -webkit-box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.5); box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.5); } .modal-lightbox .modal-dialog .modal-sidebar .sidebar-header { position: relative; padding: 40px 15px 10px; } .modal-lightbox .modal-dialog .modal-sidebar .sidebar-header .close { color: #FFF; } .modal-lightbox .modal-dialog .modal-sidebar .sidebar-header .modal-title { color: #FFF; font-size: 24px; line-height: 1.62; font-weight: 700; text-align: center; text-transform: uppercase; } .modal-lightbox .modal-dialog .modal-sidebar .sidebar-body { position: absolute; top: 90px; left: 0; right: 0; bottom: 0; width: 100%; height: 90%; height: calc( 100% - 90px ); overflow-y: scroll; -webkit-overflow-scrolling: touch; } .modal-lightbox .modal-dialog .modal-sidebar .sidebar-body .sidebar-inner-wrap { min-height: 100%; padding: 15px 15px 15px; } .modal-lightbox .modal-dialog .modal-sidebar .sidebar-body .dl-title { margin-bottom: 1em; color: #FFF; font-size: 18px; line-height: 1.5; } .modal-lightbox .modal-dialog .modal-sidebar .sidebar-body .dl-horizontal { font-size: 14px; margin-bottom: 20px; } .modal-lightbox .modal-dialog .modal-sidebar .sidebar-body .dl-horizontal:last-child { margin-bottom: 0; } .modal-lightbox .modal-dialog .modal-sidebar .sidebar-body .dl-horizontal dt { color: #909090; line-height: 22px; font-weight: 400; width: 100px; float: left; } .modal-lightbox .modal-dialog .modal-sidebar .sidebar-body .dl-horizontal dd { margin-left: 115px; line-height: 22px; } .modal-lightbox .modal-dialog .modal-sidebar .sidebar-body .dl-horizontal dd:not(:last-child) { margin-bottom: 20px; } @media only screen and (min-width: 768px) { .modal-lightbox .modal-dialog .modal-content:not(.sidebar-open) .modal-header .modal-title .modal-filename { max-width: 320px; } .modal-lightbox .modal-dialog .modal-content .embed-responsive { width: 420px; } } @media only screen and (min-width: 992px) { .modal-lightbox .modal-dialog .modal-content .embed-responsive { width: 768px; } .modal-lightbox .modal-dialog .modal-content.sidebar-open { right: 370px; } .modal-lightbox .modal-dialog .modal-content + .modal-sidebar { width: 370px; right: -370px; } .modal-lightbox .modal-dialog .modal-content + .modal-sidebar .sidebar-header { padding-left: 20px; padding-right: 20px; } .modal-lightbox .modal-dialog .modal-content + .modal-sidebar .sidebar-body .sidebar-inner-wrap { padding: 20px; } .modal-lightbox .modal-dialog .modal-content + .modal-sidebar .sidebar-body .sidebar-inner-wrap .dl-horizontal { margin-bottom: 40px; } .modal-lightbox .modal-dialog .modal-content + .modal-sidebar .sidebar-body .sidebar-inner-wrap .dl-horizontal dt { width: 110px; text-align: left; } .modal-lightbox .modal-dialog .modal-content + .modal-sidebar .sidebar-body .sidebar-inner-wrap .dl-horizontal dd { margin-left: 130px; } } @media only screen and (min-width: 1200px) { .modal-lightbox .modal-dialog .modal-content .embed-responsive { width: 992px; } } @media only screen and (max-width: 767px) { .modal-lightbox .modal-dialog .modal-content .btn.btn-icon { width: 34px; height: 34px; line-height: 28px; } .modal-lightbox .modal-dialog .modal-content .modal-header .dropdown.visible-xs-inline { /*display: inline-block !important;*/ } } /* * END - MODAL LIGHTBOX */ /* * Panel */ .panel { position: relative; } .row-v-gutters > [class*="col"] > .panel, .row-v-gutters-sm > [class*="col"] > .panel { margin-bottom: 0; } .panel .mdb-table { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .panel .mdb-table:last-child { margin-bottom: 0; } .panel > .panel-body { color: #404040; position: relative; border-radius: 0 !important; } .panel > .panel-heading.panel-heading-alt { font-size: 18px; font-weight: 600; color: #0e76bc; background: #f7f7f7; border-radius: 0 !important; } .panel > .panel-title { background-color: white; color: #404040; padding: 15px 15px; position: relative; } .panel > .panel-title[role=button][data-toggle="collapse"] .panel-tools .ft-chevron-up:before { content: '\e00b'; } .panel > .panel-title[role=button][data-toggle="collapse"].collapsed .panel-tools .ft-chevron-up:before { content: '\e008'; } .panel > .panel-title > .panel-head { font-size: 16px; font-weight: 600; /*.panel-text { & + .badge { margin-left: 20px; } }*/ } .panel > .panel-title > .panel-head .checkbox { margin: 0; display: table-cell; } .panel > .panel-title > .panel-head .checkbox label { font-size: 14px; font-weight: 600; margin: 0; } .panel > .panel-title > .panel-head .checkbox-inline { margin-bottom: 0; margin-top: -3px; } .panel > .panel-title > .panel-head .badge { margin-left: 20px; } .panel > .panel-title > .panel-head > i { margin-right: 10px; } .panel > .panel-title > .panel-head > a { color: #404040; } .panel > .panel-title > .panel-head[data-toggle="collapse"] { padding-right: 42px; position: relative; } .panel > .panel-title > .panel-head[data-toggle="collapse"]:after { content: "\e00b"; position: absolute; right: 5px; top: 50%; color: #777777; -webkit-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -webkit-transition: rotate 0.3s ease-in-out; -o-transition: rotate 0.3s ease-in-out; transition: rotate 0.3s ease-in-out; } .panel > .panel-title > .panel-head[data-toggle="collapse"].collapsed { border-bottom: none; } .panel > .panel-title > .panel-head[data-toggle="collapse"].collapsed:after { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .panel > .panel-title > .panel-tools { float: right; } .panel > .panel-title > .panel-tools a { color: #5d5e5e; color: rgba(0, 0, 0, 0.6); font-size: 20px; font-weight: 400; } .panel > .panel-title > .panel-tools a:hover { color: rgba(0, 0, 0, 0.7); text-decoration: none; } .panel > .panel-title > .panel-tools a.collapsed .ft { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .panel > .panel-title > .panel-tools button { margin-top: -5px; } .panel > .panel-title + .collapse > .panel-body, .panel > .panel-title + .collapsing > .panel-body { border-top: 1px solid #e0e0e0; } .panel-primary-title > .panel-title, .panel-primary-title > .panel-title > .panel-head[data-toggle="collapse"]:after { color: #0e76bc; } .panel-body { box-shadow: none; background-color: white; color: #404040; } .panel-body.pb-pad-sm { padding: 10px; } .panel-body.bg-shade { background-color: #f7f7f7; padding: 15px; } .panel-body.bg-shade .mdb-search-bar > .input-group { background-color: #ffffff; } .panel-body .mdb-search-bar > .input-group { border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: none !important; box-shadow: none !important; } @media only screen and (min-width: 768px) { .panel .panel-heading.panel-heading-flex .panel-title > .small, .panel .panel-heading.panel-heading-flex .panel-title > small { font-size: 14px; } .panel > .panel-heading.panel-heading-alt { text-align: center; } .panel > .panel-title > .panel-head { font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; } .panel > .panel-title > .panel-head > .panel-text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .panel > .panel-title > .panel-head .checkbox label { font-size: 18px; } .panel > .panel-body { padding: 20px; } } @media only screen and (max-width: 767px) { .panel .panel-heading.panel-heading-flex.panel-w-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 0; } .panel .panel-heading.panel-heading-flex.panel-w-card .card-img { width: 100%; height: 120px; } .panel .panel-heading.panel-heading-flex.panel-w-card .card-img.card-img-md { width: 100%; } .panel .panel-heading.panel-heading-flex.panel-w-card .panel-title { padding: 15px 15px; } .panel .panel-heading.panel-heading-flex.panel-w-card .panel-tools { position: absolute; top: 5px; right: 0; } .panel .panel-heading.panel-heading-flex.panel-w-card .card-transparent-badge-group { position: absolute; left: 5px; top: 5px; } .panel .panel-heading.panel-heading-flex.panel-w-card .card-transparent-badge-group .badge { display: inline-block; } .panel .panel-heading.panel-heading-flex.panel-w-card.panel-touch-wo-card { -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-flow: inherit; flex-flow: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px 0 0; } .panel .panel-heading.panel-heading-flex.panel-w-card.panel-touch-wo-card .panel-tools { position: inherit; } } @media only screen and (min-width: 992px) { /*.panel-body.bg-shade { padding: 30px; }*/ } .main-panel { /*a[data-toggle="collapse"]:before { content: '\e000'; font-size: 20px; color: #0e76bc; left: auto; right: 10px; }*/ /*.panel .panel-heading .panel-title a[data-toggle="collapse"].collapsed:before { content: '\e002'; }*/ } .main-panel .panel > .panel-title { padding: 10px 5px; } .main-panel .panel .panel-heading { padding: 5px 40px 5px 10px; } .main-panel .panel .panel-heading .panel-title a[data-toggle="collapse"]:before { content: '\e008'; font-family: 'fontastic'; font-weight: normal; font-size: 20px; position: absolute; left: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; color: #404040; } .main-panel .panel .panel-heading .panel-title a[data-toggle="collapse"].collapsed:before { content: '\e002'; font-size: 30px; right: 8px; } @media only screen and (min-width: 1200px) { .main-panel .panel .panel-heading .panel-title .media-small-list.desk-right { float: right; text-align: right; } } .panel-app .panel .panel-heading, .panel-app .panel .panel-body { padding: 10px 10px; } .panel-app .panel .panel-heading .panel-tools > li:last-child, .panel-app .panel .panel-body .panel-tools > li:last-child { display: none; } .panel-app .panel .panel-content-row { padding: 10px; } .panel-app .panel .panel-content-row.has-success, .panel-app .panel .panel-content-row.has-error { position: relative; padding-right: 34px; } .panel-app .panel .panel-content-row.has-success:after, .panel-app .panel .panel-content-row.has-error:after { position: absolute; top: 5px; right: 5px; content: "\e03d"; font-size: 24px; color: #4caf50; } .panel-app .panel .panel-content-row.has-error:after { content: "\e01f"; color: #f44336; } .panel-app .panel .form-group { margin: 0 !important; } .panel-app .panel .card { margin: 0 auto 0px; } .panel-app .panel .card .card-img-top img { /*object-position: center;*/ } .panel-app .panel .card .card-title { margin-bottom: 5px; font-size: 14px; } .panel-app .panel .card .card-text { line-height: 1.4; font-size: 13px; } .panel-app .panel .panel-group { border: 1px solid #c3c3c3; } .tab-collapse-panel { padding-bottom: 0; } .tab-collapse-panel .panel { border-width: 0 0 1px 0; margin: 0; } .tab-collapse-panel .panel > .panel-title .ft, .tab-collapse-panel .panel > .panel-title .panel-tools a { font-size: 14px; } .tab-collapse-panel .panel > .panel-title > .panel-head { font-size: 14px; font-weight: 600; } .tab-collapse-panel .panel > .panel-title > .panel-head > .data-title { margin-bottom: 0; } .tab-collapse-panel .panel > .panel-title + .collapse > .panel-body, .tab-collapse-panel .panel > .panel-title + .collapsing > .panel-body { border-top: 0; } .title-prefix { display: block; width: 30px; height: 30px; padding: 2px; border-radius: 30px; font-size: 14px; font-weight: 600; line-height: 24px; color: #FFF; background: #e2e2e2; border: 1px solid #e2e2e2; text-align: center; } .title-prefix.prefix-primary { background: #0e76bc; border-color: #0e76bc; } .panel-heading > .title-prefix + .panel-title { padding-left: 10px; } @media (min-width: 992px) { .title-prefix { width: 38px; height: 38px; line-height: 32px; font-size: 16px; } } .panel-status { color: #777777; line-height: 1; } .panel-status .ft { font-size: 24px; vertical-align: middle; } .panel-heading > .panel-status { padding-right: 10px; } .panel-body .panel-status { padding-right: 10px; } .panel-status + .d-fill { padding-left: 10px; } @media (min-width: 768px) { .has-toggle-pad.has-pad-nontouch { padding-right: 30px; } } @media (max-width: 767px) { .has-toggle-pad.has-pad-touch { padding-right: 30px; } .panel-btn-wrap { margin-top: 10px; } } .panel-group { margin-bottom: 20px; } .panel-group:last-child { margin-bottom: 0; } .panel .panel-heading.panel-heading-flex.panel-w-card { padding: 0 15px 0 0; } .panel .panel-heading.panel-heading-flex.panel-w-card .card-img { position: relative; width: 90px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-self: stretch; } .panel .panel-heading.panel-heading-flex.panel-w-card .card-img .media-object { width: 100%; height: 100%; background: #efefef left center no-repeat; background-size: cover; } .panel .panel-heading.panel-heading-flex.panel-w-card .card-img.card-img-md { width: 140px; } .panel .panel-heading.panel-heading-flex.panel-w-card .panel-title { padding: 15px 0 15px 15px; } .panel-default { color: #4e4e4e; background-color: #f6f6f6; border-color: #f6f6f6; } .panel-default > .panel-heading:hover, .panel-default > .panel-heading:focus { color: inherit; } .panel-default > .panel-heading.collapsed { background: #FFF; } .panel-dynamic > .panel-heading > .panel-title .form-control { color: #fff; border-bottom-color: #fff; } .panel-dynamic > .panel-heading > .panel-title .form-control:focus { border-bottom-color: #fff; } .panel-dynamic > .panel-heading > .panel-title .form-control::-webkit-input-placeholder { color: white; } .panel-dynamic > .panel-heading > .panel-title .form-control::-moz-placeholder { color: white; } .panel-dynamic > .panel-heading > .panel-title .form-control:-ms-input-placeholder { color: white; } .panel-dynamic > .panel-heading > .panel-title .form-control:-moz-placeholder { color: white; } .panel-dynamic > .panel-heading > .panel-title .help-block { font-size: 12px !important; } .panel-dynamic > .panel-heading > .panel-title .help-block.text-danger { color: #f7958e !important; } .panel-dynamic .panel-title .panel-body { padding: 20px; } .panel-dynamic .panel-title > ul > li { vertical-align: middle; } .panel-dynamic .panel-title > ul > li > * { vertical-align: middle; } .panel-dynamic .panel-title .form-control { line-height: 1.42857143; border: 0; border-bottom: 1px solid #404040; background: transparent !important; -webkit-box-shadow: none; box-shadow: none; padding-left: 0; font-weight: 400; font-size: 16px; } .panel-dynamic .panel-title .form-control:focus { border-bottom-color: #0e76bc; } @media (min-width: 768px) { .panel .widget-list.row { margin-top: -15px; } .panel .widget-list.row > [class*=col-] { margin-top: 15px; } .panel .panel-heading.panel-heading-flex .panel-title .data-title { font-size: 14px; } } @media (max-width: 767px) { .panel-group > .panel .panel-group-mobile { margin: 0 0 30px 0; -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .panel .panel-heading + .panel-collapse.panel-collapse-wo-border > .panel-body { border-top-width: 0; /*padding-top: 0;*/ } } .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body .panel-title .title-prefix, .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body .panel-content-row .title-prefix { position: absolute; top: 50%; /*left: 0;*/ -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body .panel-title .title-prefix + span, .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body .panel-content-row .title-prefix + span { display: block; margin-left: 40px; } @media only screen and (max-width: 767px) { .title-prefix-touch-elt { margin-left: 40px; } } @media only screen and (min-width: 992px) { .panel-group:not(.mdb-panel-group) > .panel > .panel-heading ~ .panel-collapse > .panel-body .panel-title .title-prefix + span, .panel-group:not(.mdb-panel-group) > .panel > .panel-heading ~ .panel-collapse > .panel-body .panel-content-row .title-prefix + span { margin-left: 50px; } .panel-group:not(.mdb-panel-group) > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body .title-prefix { font-size: 14px; } } .multi-column-panel-group .panel-group { margin-bottom: 10px; } @media only screen and (min-width: 1200px) { .multi-column-panel-group .panel-group .panel.panel-bg .collapse { display: block !important; height: auto !important; } } @media only screen and (min-width: 768px) { .panel.panel-collapse-mobile > .panel-heading { display: none; } .panel.panel-collapse-mobile > .panel-heading ~ .panel-collapse { display: block; height: auto !important; } .panel.panel-collapse-mobile > .panel-heading ~ .panel-collapse > .panel-body { border-top: none; } .panel-group .panel .panel-heading ~ .panel-collapse > .panel-body > .panel.panel-collapse-mobile > .panel-heading ~ .panel-collapse > .panel-body { background: #f7f7f7; } .panel-group .panel .panel-heading ~ .panel-collapse > .panel-body > .panel.panel-collapse-mobile > .panel-heading ~ .panel-collapse > .panel-body.panel-collapse-mobile > .panel-heading ~ .panel-collapse > .panel-body { background: #e9e9e9; } } .panel.panel-collapse-touch > .panel-collapse > .panel-body ~ .panel-footer { margin-right: 10px; margin-left: 10px; padding: 10px 15px; border-top: 1px dashed #e2e2e2; } .panel.panel-collapse-touch > .panel-collapse.panel-collapse-wo-border.collapse + .panel-footer { padding-top: 0; } .panel.panel-collapse-touch > .panel-collapse.panel-collapse-wo-border.collapse + .panel-footer.has-toggle-text { padding-top: 10px; } @media only screen and (min-width: 768px) { .panel.panel-collapse-touch > .panel-collapse-wo-border.collapse { height: auto !important; display: block; } } @media only screen and (min-width: 992px) { .panel.panel-collapse-touch > .panel-heading { display: none; } .panel.panel-collapse-touch > .panel-heading ~ .panel-collapse { display: block; height: auto !important; } .panel.panel-collapse-touch > .panel-heading ~ .panel-collapse > .panel-body { border-top: none; } .panel.panel-collapse-touch.has-footer > .panel-collapse { display: -webkit-box; display: -ms-flexbox; display: flex; } .panel.panel-collapse-touch.has-footer > .panel-collapse > .panel-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .panel.panel-collapse-touch.has-footer > .panel-collapse > .panel-body ~ .panel-footer { -webkit-box-align: center; -ms-flex-align: center; align-self: center; -webkit-box-flex: 0; -ms-flex: 0 1 185px; flex: 0 1 185px; margin: 0; padding-left: 0; border-top: none; } .panel-group .panel .panel-heading ~ .panel-collapse > .panel-body > .panel.panel-collapse-touch > .panel-heading ~ .panel-collapse > .panel-body { background: #f7f7f7; } .panel-group .panel .panel-heading ~ .panel-collapse > .panel-body > .panel.panel-collapse-touch > .panel-heading ~ .panel-collapse > .panel-body.panel-collapse-touch > .panel-heading ~ .panel-collapse > .panel-body { background: #e9e9e9; } } @media only screen and (min-width: 768px) { .panel.panel-collapse-mobile > .panel-heading { display: none; } .panel.panel-collapse-mobile > .panel-heading ~ .panel-collapse { display: block; height: auto !important; } .panel.panel-collapse-mobile > .panel-heading ~ .panel-collapse > .panel-body { border-top: none; } .panel.panel-collapse-mobile + .panel-collapse-mobile { border-top: none !important; } } @media only screen and (min-width: 1200px) { .panel.panel-collapse-desktop > .panel-heading { display: none; } .panel.panel-collapse-desktop > .panel-heading ~ .panel-collapse { display: block; height: auto !important; } .panel.panel-collapse-desktop > .panel-heading ~ .panel-collapse > .panel-body { border-top: none; } .panel-group .panel .panel-heading ~ .panel-collapse > .panel-body > .panel.panel-collapse-desktop > .panel-heading ~ .panel-collapse > .panel-body { background: #f7f7f7; } .panel-group .panel .panel-heading ~ .panel-collapse > .panel-body > .panel.panel-collapse-desktop > .panel-heading ~ .panel-collapse > .panel-body.panel-collapse-desktop > .panel-heading ~ .panel-collapse > .panel-body { background: #e9e9e9; } } .mdb-panel-collapsible .panel-heading [data-toggle="collapse"] { position: relative; padding-right: 30px; } .mdb-panel-collapsible .panel-heading [data-toggle="collapse"]:after { position: absolute; top: 50%; right: 0; content: '\e008'; font: normal normal normal 20px/1 fontastic; text-transform: none !important; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: rotate(180deg) translateY(-50%); -ms-transform: rotate(180deg) translateY(-50%); transform: rotate(180deg) translateY(-50%); -webkit-transition: transform 0.3s ease-in; -o-transition: transform 0.3s ease-in; transition: transform 0.3s ease-in; transform-origin: top; } .mdb-panel-collapsible .panel-heading [data-toggle="collapse"].collapsed:after { -webkit-transform: rotate(0deg) translateY(-50%); -ms-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%); } @media (min-width: 768px) { .mdb-panel-collapsible > .panel-collapse.collapse { display: block; height: auto !important; } } /* * MATERIAL COLLAPSE */ .panel-tools { margin: 0 0 0 10px !important; font-size: 18px; white-space: nowrap; } .panel-tools > li { vertical-align: middle; } .panel-tools > li:last-child { padding-right: 0; } .panel-tools > li > a, .panel-tools > li [role="button"] { display: block; min-width: 30px; text-align: center; line-height: 40px; color: #777777; } .panel-tools > li > a > .ft, .panel-tools > li [role="button"] > .ft { line-height: inherit; } [class*='col-'] > .panel-tools { margin-left: -5px !important; } .panel-heading-flex > .panel-tools:first-child { margin-left: 0; margin-right: 5px; } .panel-heading-flex > .panel-tools > li:first-child { padding-left: 0; } .panel-heading-flex > .panel-tools > li:last-child { padding-right: 5px; } .panel-title { line-height: 1.62; font-weight: 600; } .panel-title .ft { vertical-align: middle; } .panel { /*border: 1px solid #c3c3c3;*/ border: 0; border-radius: 0 !important; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .panel .panel-body.p-0 > .panel, .panel .panel-body.p-0 > .mdb-step-wrap { -webkit-box-shadow: none; box-shadow: none; } .panel .panel-body > .panel, .panel .panel-body > .mdb-step-wrap { -webkit-box-shadow: 0 0 0 1px #e1e1e1; box-shadow: 0 0 0 1px #e1e1e1; } .panel .panel .mdb-step .mdb-body .panel { border: 1px solid #c3c3c3; } .panel .panel .mdb-step .mdb-body .panel .panel { border: 0; } .modal .panel, .content-block .panel, .content-block-nopad .panel, .content-block-pad-md .panel, .panel .content-block, .panel .content-block-nopad, .panel .content-block-pad-md { border: 1px solid #c3c3c3; -webkit-box-shadow: none; box-shadow: none; } .modal .panel.panel-minimal, .modal .panel .panel, .content-block .panel.panel-minimal, .content-block-nopad .panel.panel-minimal, .content-block-pad-md .panel.panel-minimal, .content-block .panel .panel, .content-block-nopad .panel .panel, .content-block-pad-md .panel .panel, .panel .content-block.panel-minimal, .panel .panel-minimal.content-block-nopad, .panel .panel-minimal.content-block-pad-md, .panel .content-block .panel, .panel .content-block-nopad .panel, .panel .content-block-pad-md .panel { border: 0; } .panel .panel-content-row { padding: 15px; } .panel .panel-content-row:not(:last-child) { border-bottom: 1px solid #ddd; } .panel .panel-content-row.floating-label { padding-bottom: 0; } .row-v .panel { -webkit-box-shadow: 0 0 0 1px #c0c0c0; box-shadow: 0 0 0 1px #c0c0c0; } .panel.is-checked { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #4caf50; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #4caf50; } .panel.panel-restricted > .panel-heading { opacity: 0.5; } .panel.panel-restricted > .panel-heading .progress { background: #b5b5b5; } .panel .panel-heading { padding: 15px 15px; position: relative; } .panel .panel-heading[data-toggle="collapse"] { cursor: pointer; } .panel .panel-heading h3.panel-title { font-size: 18px; } .panel .panel-heading h4.panel-title { font-size: 16px; } .panel .panel-heading.panel-heading-flex .radio, .panel .panel-heading.panel-heading-flex .checkbox { margin: 0; } .panel .panel-heading.panel-heading-flex .radio .custom-radio, .panel .panel-heading.panel-heading-flex .radio .custom-checkbox, .panel .panel-heading.panel-heading-flex .checkbox .custom-radio, .panel .panel-heading.panel-heading-flex .checkbox .custom-checkbox { vertical-align: top; } .panel .panel-heading.panel-heading-flex .radio + .panel-title, .panel .panel-heading.panel-heading-flex .radio + .dropdown, .panel .panel-heading.panel-heading-flex .checkbox + .panel-title, .panel .panel-heading.panel-heading-flex .checkbox + .dropdown { padding-left: 10px; } .panel .panel-heading.panel-heading-flex .dropdown > .SumoSelect { margin-bottom: 0; } .panel .panel-heading.panel-heading-flex .dropdown + .panel-title { padding-left: 10px; } .panel .panel-heading.panel-heading-flex .panel-title, .panel .panel-heading.panel-heading-flex .panel-title-block { min-width: 0; font-size: 18px; } .panel .panel-heading.panel-heading-flex .panel-title > .small, .panel .panel-heading.panel-heading-flex .panel-title > small, .panel .panel-heading.panel-heading-flex .panel-title-block > .small, .panel .panel-heading.panel-heading-flex .panel-title-block > small { font-size: 12px; } .panel .panel-heading.panel-heading-flex .panel-title > .small a, .panel .panel-heading.panel-heading-flex .panel-title > small a, .panel .panel-heading.panel-heading-flex .panel-title-block > .small a, .panel .panel-heading.panel-heading-flex .panel-title-block > small a { color: #0e76bc; } .panel .panel-heading.panel-heading-flex .panel-title .checkbox > label, .panel .panel-heading.panel-heading-flex .panel-title-block .checkbox > label { font-size: 16px; font-weight: 600; line-height: 1.42; } .panel .panel-heading.panel-heading-flex .panel-title + .btn, .panel .panel-heading.panel-heading-flex .panel-title > .btn, .panel .panel-heading.panel-heading-flex .panel-title-block + .btn, .panel .panel-heading.panel-heading-flex .panel-title-block > .btn { margin-left: 10px; } .panel .panel-heading.panel-heading-flex .panel-title .help-block, .panel .panel-heading.panel-heading-flex .panel-title-block .help-block { margin-top: 0; } .panel .panel-heading.panel-heading-flex h3.panel-title { font-size: 18px; } .panel .panel-heading.panel-heading-flex h4.panel-title { font-size: 16px; } .panel .panel-heading.panel-heading-flex .panel-tools .ft-plus:before { content: "\e014"; } .panel .panel-heading.panel-heading-flex .panel-tools .ft-plus-circle-o:before { content: "\e017"; } .panel .panel-heading.panel-heading-flex .panel-tools .ft-chevron-down:before { content: "\e00b"; } .panel .panel-heading.panel-heading-flex.collapsed[data-toggle=collapse] .panel-tools .ft-plus:before { content: "\e010"; } .panel .panel-heading.panel-heading-flex.collapsed[data-toggle=collapse] .panel-tools .ft-plus-circle-o:before { content: "\e013"; } .panel .panel-heading.panel-heading-flex.collapsed[data-toggle=collapse] .panel-tools .ft-chevron-down:before { content: "\e008"; } .panel .panel-heading.panel-heading-flex .panel-tools .collapsed[data-toggle=collapse] .ft-plus:before { content: "\e010"; } .panel .panel-heading.panel-heading-flex .panel-tools .collapsed[data-toggle=collapse] .ft-plus-circle-o:before { content: "\e013"; } .panel .panel-heading.panel-heading-flex .panel-tools .collapsed[data-toggle=collapse] .ft-chevron-down:before { content: "\e008"; } .panel .panel-footer { background: transparent; } .panel .panel-footer .custom-checkbox { display: block; } .panel-group > .panel + .panel { margin-top: 15px; } .panel-group > .panel .panel-body { background: #fff !important; } .panel-group > .panel .panel-body ul:not(.widget-users):last-child { /*margin-bottom: 10px;*/ } .panel-group > .panel .panel-body > .panel-group { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .panel-group > .panel .panel-body > .panel-group:last-child { margin-bottom: 0; } .row-v .panel-group > .panel .panel-body > .panel-group { box-shadow: none; } .panel-group > .panel .panel-body .mdb-step .mdb-footer .list-inline { margin: 0 -5px 0 0; } .panel-group > .panel > .panel-heading { background: #f5f5f5; font-size: 16px; } .panel-group > .panel > .panel-heading > .panel-title, .panel-group > .panel > .panel-heading > .panel-tools { font-size: inherit; } .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body .owl-carousel .panel { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body .panel { box-shadow: none; } .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body .panel.panel-w-border { border: 1px solid #c3c3c3; } .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body .panel + .panel-content-row { border-top: 1px solid #ddd; } .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body .panel + .panel { margin-top: 0; border-top: 1px solid #ddd; } .row-v .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body .panel + .panel { border-top: none; margin-top: 10px; } .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading { background: #ebebeb; font-size: 14px; } .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading > .panel-title { font-size: inherit; } .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading { background: #e3e3e3; font-size: 14px; } .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading > .panel-title { font-size: inherit; } .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading { background: #d8d8d8; font-size: 14px; } .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading > .panel-title { font-size: inherit; } .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading { background-color: #d1d1d1; } .panel-group > .panel.panel-minimal > .panel-heading { background: #fff; } .panel-group > .panel.panel-bg.panel-secondary .panel-heading { background-color: #777777; } .panel-group > .panel.panel-bg.panel-success .panel-heading { background-color: #4caf50; } .panel-group > .panel.panel-bg.panel-warning .panel-heading { background-color: #ffc107; } .panel-group > .panel.panel-bg.panel-danger .panel-heading { background-color: #f44336; } .panel-group > .panel.panel-bg .panel-heading .panel-title { color: #fff; text-transform: uppercase; font-size: 16px; } .panel-group > .panel.panel-bg .panel-heading .panel-tools a, .panel-group > .panel.panel-bg .panel-heading .panel-tools a:hover { color: #fff; } .panel-group > .panel.panel-bg .panel-body { background-color: #f8f8f8 !important; padding: 10px; } .panel-group > .panel .panel-group-mobile { -webkit-box-shadow: 0; box-shadow: 0; margin-left: -15px; margin-right: -15px; margin-bottom: 30px; } .panel-group > .panel .panel-group-mobile > .panel-collapse-mobile > .panel-heading { background: #f7f7f7; } .panel-group > .panel .panel-group-mobile > .panel-collapse-mobile > .panel-heading > .panel-title { font-size: 16px; } .panel-group.pg-multi-tier .panel { border: 0; } .panel-group.pg-multi-tier > .panel + .panel { margin-top: 0; border-top: 1px solid #e2e2e2; } .panel-group.pg-multi-tier > .panel > .panel-heading { font-size: 14px; } .panel-group.pg-multi-tier > .panel.pg-multi-tier-head > .panel-heading { background: #f9f9f9; } .panel-group.pg-multi-tier > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading > .panel-title { font-weight: 400; } .multi-tier-w-checkbox.panel-group.pg-multi-tier > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading { padding-left: 30px; } .multi-tier-w-checkbox.panel-group.pg-multi-tier > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading { padding-left: 50px; } .multi-tier-w-checkbox.panel-group.pg-multi-tier > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading { padding-left: 70px; } .multi-tier-w-checkbox.panel-group.pg-multi-tier > .panel.pg-multi-tier-head > .panel-heading .panel-title { padding-left: 30px; } .panel.panel-widget { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; /*[class^="head-style"] { margin-bottom: 10px; } .panel-group { margin-top: 15px; margin-bottom: 0; & .panel { margin-bottom: 0; & > .panel-heading { padding: 10px; background-color: #f7f7f7; } } }*/ } .row-v-gutters > [class*="col-"] > .panel.panel-widget, .row-v-gutters-sm > [class*="col-"] > .panel.panel-widget { margin-bottom: 0; } .multi-columns-row > [class*="col-"] > .panel.panel-widget, .multi-columns-form > [class*="col-"] > .panel.panel-widget, .multi-columns-form-sm > [class*="col-"] > .panel.panel-widget, .multi-columns-form-zero > [class*="col-"] > .panel.panel-widget, .row-height-equal > [class*="col-"] > .panel.panel-widget, .row-has-btn > [class*="col-"] > .panel.panel-widget { height: 100%; } .panel.panel-widget .panel-heading { padding: 10px 15px; } .panel.panel-widget .panel-heading .panel-title { overflow: hidden; } .panel.panel-widget .panel-heading .panel-tools > li > a, .panel.panel-widget .panel-heading .panel-tools > li [role="button"] { line-height: 1; } .panel.panel-widget .panel-heading + .panel-body, .panel.panel-widget .panel-heading + .panel-collapse > .panel-body { padding: 0 15px 10px; } .panel.panel-widget .panel-heading + .panel-body + .panel-footer, .panel.panel-widget .panel-heading + .panel-collapse > .panel-body + .panel-footer { padding-top: 0; } .panel.panel-widget .panel-footer { background: white; border-color: transparent; } .panel .panel-title .widget-list.row { margin-top: -5px; } .panel .panel-title .widget-list.row > [class*=col-] { margin-top: 5px; } .panel .widget-list { margin-bottom: 0; font-size: 16px; font-weight: 600; } .panel .widget-list .data-title { font-size: 14px; } .panel .widget-list.row { margin-top: -10px; } .panel .widget-list.row > [class*=col-] { margin-top: 10px; } .panel.panel-minimal > .panel-heading { padding: 0; color: #404040; } .panel.panel-minimal > .panel-heading > .panel-title:after { content: ''; display: block; height: 1px; margin-left: 15px; background: #707070; } .panel.panel-minimal > .panel-heading + .panel-collapse > .panel-body { border-top-width: 0; padding: 15px 0 0; } @media only screen and (min-width: 768px) { .pg-w-indent-icon > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading:before, .pg-w-indent-icon > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading:before, .pg-w-indent-icon > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading:before { content: ''; display: block; width: 10px; height: 15px; border: 1px solid #777777; border-width: 0px 0px 1px 1px; position: absolute; left: 15px; top: 50%; margin-top: -5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .pg-w-indent > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading, .pg-w-indent-icon > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading { padding-left: 30px; } .pg-w-indent > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel-content-row, .pg-w-indent-icon > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel-content-row { padding-left: 30px; } .pg-w-indent > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading, .pg-w-indent-icon > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading { padding-left: 45px; } .pg-w-indent > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel-content-row, .pg-w-indent-icon > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel-content-row { padding-left: 45px; } .pg-w-indent > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading, .pg-w-indent-icon > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading { padding-left: 60px; } .pg-w-indent > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel-content-row, .pg-w-indent-icon > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel-content-row { padding-left: 60px; } .pg-w-indent-icon > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading:before { left: 30px; } .pg-w-indent-icon > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading:before { left: 45px; } } @media only screen and (min-width: 992px) { .panel .panel-heading.panel-heading-flex .panel-title .checkbox > label { font-size: 18px; } .panel-group > .panel > .panel-heading { font-size: 18px; } .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading { font-size: 16px; } .panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading { font-size: 14px; } .panel-group.pg-multi-tier > .panel > .panel-heading { font-size: 14px; } .panel-group.pg-multi-tier > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading { font-size: 14px; } .panel-group.pg-multi-tier > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel > .panel-heading { font-size: 14px; } } /* * END - MATERIAL COLLAPSE */ /* Observation Panel */ .obs-panel + .obs-panel { border-top: 1px solid #e1e1e1; } .obs-panel .obs-panel-heading { padding: 12px 12px; font-size: 16px; line-height: 1.42857143; font-weight: 600; text-align: center; } .obs-panel .obs-panel-heading + .obs-panel-body { padding-top: 1px; } .obs-panel .obs-panel-heading .obs-panel-title { margin: 0; font-size: inherit; line-height: inherit; font-weight: 400; text-align: left; color: #777777; } .obs-panel .obs-panel-heading .obs-panel-title > .hyphenate:before { content: ' - '; font-weight: 600; } .obs-panel .obs-panel-heading .obs-panel-title > [data-toggle="collapse"] { float: right; color: #0e76bc; } .obs-panel .obs-panel-heading .obs-panel-title > [data-toggle="collapse"]:before { content: "\e067"; } .obs-panel .obs-panel-heading small { font-size: 12px; color: #777777; } .obs-panel .obs-panel-body { padding: 15px 12px; } .obs-panel .obs-panel-body.no-pad { padding: 0 !important; } .obs-panel .obs-panel-body .checkbox .custom-checkbox { font-size: 14px; } .obs-panel .obs-panel-body .checkbox + .form-block { margin: 20px 0; } .obs-panel .obs-panel-body .flexblock-container { padding: 1px; } .obs-panel .obs-panel-body .flexblock-container .flexblock-item { background-color: #a5a5a5; border: 1px solid #FFF; } .obs-panel.obs-panel-alt .obs-panel-heading { display: none; background: #F1F1F1; color: #777777; } @media (min-width: 768px) { .obs-panel { display: table-row; } .obs-panel + .obs-panel .obs-panel-heading, .obs-panel + .obs-panel .obs-panel-body { border-top: 1px solid #e1e1e1; } .obs-panel-group { display: table; width: 100%; } .obs-panel .obs-panel-heading { display: table-cell; min-width: 160px; vertical-align: middle; } .obs-panel .obs-panel-heading + .obs-panel-body { padding-top: 12px; border-left: 1px solid #e1e1e1; } .obs-panel .obs-panel-heading .obs-panel-title { text-align: center; } .obs-panel .obs-panel-heading .obs-panel-title strong { font-size: 20px; } .obs-panel .obs-panel-heading .obs-panel-title > .hyphenate:before { content: ''; display: block; } .obs-panel .obs-panel-heading .obs-panel-title > [data-toggle="collapse"] { display: none; } .obs-panel .obs-panel-body { display: table-cell; width: 9999px; padding-top: 15px; } .obs-panel .obs-panel-body > p.collapse { display: block; height: auto !important; } .obs-panel .obs-panel-body .checkbox + .form-block { margin: 30px 0; } .obs-panel .obs-panel-body .checkbox + .form-block:last-child { margin-bottom: 0; } .obs-panel.obs-panel-alt { display: table; } .obs-panel.obs-panel-alt .obs-panel-heading { min-width: 0; } } @media (min-width: 992px) { .obs-panel.obs-panel-alt .obs-panel-heading { display: table-cell; font-size: 18px; min-width: 120px; } } /* END - Observation Panel */ .mdb-panel-group .panel + .panel { margin-top: 15px; } .mdb-panel-group .panel .panel-heading { padding: 0; background: #fff; } .mdb-panel-group .panel .panel-heading .panel-title { font-weight: normal; } .mdb-panel-group .panel .panel-heading .panel-title.has-checkbox [data-toggle="collapse"]:after { content: ''; } .mdb-panel-group .panel .panel-heading .panel-title.has-checkbox [data-toggle="collapse"]:before { content: ''; } .mdb-panel-group .panel .panel-heading .panel-title > a, .mdb-panel-group .panel .panel-heading .panel-title > [role=button] { position: relative; display: block; padding: 10px 34px 10px 15px; color: inherit; line-height: 1.5; } .mdb-panel-group .panel .panel-heading .panel-title > a + .panel-title a, .mdb-panel-group .panel .panel-heading .panel-title > [role=button] + .panel-title a { padding-left: 0; } .mdb-panel-group .panel .panel-heading .panel-title > a i, .mdb-panel-group .panel .panel-heading .panel-title > [role=button] i { vertical-align: middle; } .mdb-panel-group .panel .panel-heading .panel-title > a[data-toggle="collapse"]:after, .mdb-panel-group .panel .panel-heading .panel-title > [role=button][data-toggle="collapse"]:after { content: '\e017'; font-size: 20px; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mdb-panel-group .panel .panel-heading .panel-title > a[data-toggle="collapse"].collapsed:after, .mdb-panel-group .panel .panel-heading .panel-title > [role=button][data-toggle="collapse"].collapsed:after { content: '\e012'; } .mdb-panel-group.mdb-panel-group-alt .panel { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .mdb-panel-group.mdb-panel-group-alt .panel > .panel-heading .panel-title a { font-weight: 400; } .mdb-panel-group.mdb-panel-group-alt .panel > .panel-heading .panel-title a .highlight { color: #0e76bc; font-weight: 600; } .mdb-panel-group.mdb-panel-group-alt .panel > .panel-heading .panel-title [data-toggle="collapse"]:after { content: '\e000'; font-size: 20px; color: #0e76bc; left: auto; right: 10px; } .mdb-panel-group.mdb-panel-group-alt .panel > .panel-heading .panel-title [data-toggle="collapse"].collapsed:after { content: '\e002'; } .mdb-panel-group.mdb-panel-group-alt .panel > .panel-heading + .panel-collapse > .panel-body { border-top: none; } .mdb-panel-group.panel-group-plain .panel > .panel-heading > .panel-title > a, .mdb-panel-group.panel-group-plain .panel > .panel-heading > .panel-title > [role=button] { font-weight: 600; padding: 0 34px 0 0; } .mdb-panel-group.panel-group-plain .panel > .panel-heading > .panel-title > a:after, .mdb-panel-group.panel-group-plain .panel > .panel-heading > .panel-title > [role=button]:after { left: auto; right: 10px; } .mdb-panel-group.panel-group-plain .panel > .panel-heading > .panel-title > a > span, .mdb-panel-group.panel-group-plain .panel > .panel-heading > .panel-title > [role=button] > span { display: table-cell; padding: 10px 15px; } .mdb-panel-group.panel-group-plain .panel > .panel-heading > .panel-title > a > .title-prefix, .mdb-panel-group.panel-group-plain .panel > .panel-heading > .panel-title > [role=button] > .title-prefix { min-width: 60px; color: #FFF; background: #777777; text-align: center; text-transform: uppercase; } .mdb-panel-group.panel-group-plain .panel > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d8d8d8; } .mdb-panel-group.panel-group-plain .panel.panel-primary > .panel-heading, .mdb-panel-group.panel-group-plain .panel.panel-success > .panel-heading, .mdb-panel-group.panel-group-plain .panel.panel-danger > .panel-heading, .mdb-panel-group.panel-group-plain .panel.panel-warning > .panel-heading { color: #404040 !important; background: #FFF !important; border-color: #d8d8d8 !important; } .mdb-panel-group.panel-group-plain .panel.panel-primary > .panel-heading > .panel-title > a .title-prefix, .mdb-panel-group.panel-group-plain .panel.panel-primary > .panel-heading > .panel-title > [role="button"] .title-prefix { color: #FFF; background: #0e76bc; } .mdb-panel-group.panel-group-plain .panel.panel-success > .panel-heading > .panel-title > a .title-prefix, .mdb-panel-group.panel-group-plain .panel.panel-success > .panel-heading > .panel-title > [role="button"] .title-prefix { color: #FFF; background: #4caf50; } .mdb-panel-group.panel-group-plain .panel.panel-danger > .panel-heading > .panel-title > a .title-prefix, .mdb-panel-group.panel-group-plain .panel.panel-danger > .panel-heading > .panel-title > [role="button"] .title-prefix { color: #FFF; background: #f44336; } .mdb-panel-group.panel-group-plain .panel.panel-warning > .panel-heading > .panel-title > a .title-prefix, .mdb-panel-group.panel-group-plain .panel.panel-warning > .panel-heading > .panel-title > [role="button"] .title-prefix { color: #FFF; background: #ffc107; } @media only screen and (min-width: 768px) { .mdb-panel-group .panel .panel-heading .panel-title > a { padding: 15px 15px 15px 40px; font-size: 20px; } .mdb-panel-group .panel .panel-body { padding: 20px; } .mdb-panel-group.panel-group-plain .panel > .panel-heading > .panel-title > [role="button"], .mdb-panel-group.panel-group-plain .panel > .panel-heading > .panel-title > a { font-size: 18px; } .mdb-panel-group.panel-group-plain .panel > .panel-heading > .panel-title > [role="button"] > span, .mdb-panel-group.panel-group-plain .panel > .panel-heading > .panel-title > a > span { padding: 15px; } } @media only screen and (min-width: 768px) { .mdb-panel-group-alt .panel .panel-heading .panel-title > a { padding: 12px 40px 12px 15px; font-size: 16px; } } .panel-group-discussion > .panel > .panel-heading { padding: 10px 15px; border-bottom: 1px solid #e2e2e2; } .panel-group-discussion > .panel > .panel-heading > .panel-title { font-size: 18px; line-height: 24px; font-weight: 600; } .panel-group-discussion > .panel > .panel-body { padding: 2px; } .panel-group-discussion > .panel > .panel-body > .panel { margin-bottom: 0; border-width: 0; -webkit-box-shadow: none; box-shadow: none; } .panel-group-discussion > .panel > .panel-body > .panel + .panel { border-top: 1px solid #cbcbcb; } .panel-group-discussion > .panel > .panel-body > .panel > .panel-heading { position: relative; padding: 10px 15px; } .panel-group-discussion > .panel > .panel-body > .panel > .panel-heading[data-count] { padding-right: 40px; } .panel-group-discussion > .panel > .panel-body > .panel > .panel-heading[data-count]:after { content: "#" attr(data-count); font-size: 14px; font-weight: 600; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .panel-group-discussion > .panel > .panel-body > .panel > .panel-heading > .panel-title { font-size: 16px; line-height: 20px; font-weight: 600; } @media only screen and (min-width: 768px) { .panel-group-discussion > .panel > .panel-heading { padding: 20px 15px; } .panel-group-discussion > .panel > .panel-body > .panel > .panel-heading { padding: 15px 15px; border-bottom-width: 0; } } .panel-group.selection-panel-group .panel + .panel { margin-top: 0; } .panel-group.selection-panel-group .panel .panel-title .checkbox { margin: 0; display: inline-block; } .panel-group.selection-panel-group .panel .panel-title .checkbox .custom-checkbox { vertical-align: middle; } .panel-group.selection-panel-group .panel .panel-title .checkbox .head { font-size: 18px; font-weight: 600; color: #0e76bc; line-height: 24px; text-indent: 0; padding-left: 10px; } .panel-group.selection-panel-group .panel .panel-title .sort { padding-left: 5px; color: #777777; display: inline-block; vertical-align: middle; } .panel-group.selection-panel-group .panel .panel-title .info-text { padding: 0 15px; display: inline-block; color: #777777; font-size: 14px; font-weight: 400; vertical-align: middle; } .panel-group.selection-panel-group .panel .mdb-table:not(.table-wo-checkbox) > thead > tr:last-child > th .radio, .panel-group.selection-panel-group .panel .mdb-table:not(.table-wo-checkbox) > thead > tr:last-child > th .checkbox, .panel-group.selection-panel-group .panel .mdb-table:not(.table-wo-checkbox) > tbody > tr > td:first-child .radio, .panel-group.selection-panel-group .panel .mdb-table:not(.table-wo-checkbox) > tbody > tr > td:first-child .checkbox { margin: 0; } @media only screen and (max-width: 767px) { .panel-group.selection-panel-group .panel .panel-title .checkbox ~ .info-text { display: block; padding: 0 0 0 30px; } .panel-group.selection-panel-group .panel .panel-title .info-text { display: block; padding: 0; } .panel-group.selection-panel-group .panel .panel-title .btn-group { margin-left: 30px; margin-top: 5px; } .panel-group.selection-panel-group .panel .mdb-table:not(.table-wo-checkbox) > thead > tr:last-child > th .radio, .panel-group.selection-panel-group .panel .mdb-table:not(.table-wo-checkbox) > thead > tr:last-child > th .checkbox, .panel-group.selection-panel-group .panel .mdb-table:not(.table-wo-checkbox) > tbody > tr > td:first-child .radio, .panel-group.selection-panel-group .panel .mdb-table:not(.table-wo-checkbox) > tbody > tr > td:first-child .checkbox { padding-left: 15px; } } .panel-group.pg-multi-tier { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .modal .panel-group.pg-multi-tier { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .panel-group.pg-multi-tier .panel > .panel-heading { padding: 12px 15px 12px 20px; } .panel-group.pg-multi-tier .panel > .panel-heading > .checkbox > .custom-checkbox > input + span, .panel-group.pg-multi-tier .panel > .panel-heading > .checkbox > .custom-radio > input + span, .panel-group.pg-multi-tier .panel > .panel-heading > .radio > .custom-checkbox > input + span, .panel-group.pg-multi-tier .panel > .panel-heading > .radio > .custom-radio > input + span { padding-left: 0; } .panel-group.pg-multi-tier > .panel { -webkit-box-shadow: none; box-shadow: none; } .panel-group.pg-multi-tier > .panel > .panel-heading { padding-left: 15px; } /*mdb-collapse (used course info)*/ .mdb-collapse { margin-bottom: 15px; padding: 0 10px; font-size: 14px; color: #404040; font-weight: 400; line-height: 1.62; } .mdb-collapse .mdb-heading { margin-bottom: 10px; } .mdb-collapse .mdb-heading .sub-head { font-size: 14px; color: #777777; } .mdb-collapse .mdb-heading .sub-text { font-size: 14px; color: #404040; } .mdb-collapse .mdb-heading > a { color: #404040; } .mdb-collapse .mdb-heading a[data-toggle="collapse"]:after { content: '\e000'; font-family: 'fontastic'; font-weight: normal; font-size: 20px; line-height: inherit; vertical-align: middle; color: #0e76bc; } .mdb-collapse .mdb-heading a[data-toggle="collapse"].collapsed:after { content: '\e002'; } .mdb-collapse .mdb-heading > a > span { color: #0e76bc; font-size: 14px; font-weight: 600; } .mdb-collapse .mdb-body { line-height: 1.75em; } @media (min-width: 768px) { .mdb-collapse { padding-left: 20px; padding-right: 20px; } .mdb-collapse .mdb-heading > a { font-size: 16px; } .mdb-collapse .mdb-body { font-size: 16px; } } /* end mdb-collapse*/ /* * Dashboard Panel */ .dashboard-panel { height: auto; max-height: 100px; -webkit-transition: max-height 0.35s ease; -o-transition: max-height 0.35s ease; transition: max-height 0.35s ease; } .dashboard-panel.no-box-shadow { -webkit-box-shadow: none; box-shadow: none; } .dashboard-panel .panel-heading { position: relative; padding: 0; /*border-bottom: 1px solid #efefef;*/ } .dashboard-panel .panel-heading[data-toggle="collapse"] { padding-right: 40px; } .dashboard-panel .panel-heading[data-toggle="collapse"]:after { content: "\e00b"; position: absolute; top: 0; right: 0; line-height: 40px; width: 40px; text-align: center; color: #777777; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .dashboard-panel .panel-heading[data-toggle="collapse"].collapsed { border-bottom: none; } .dashboard-panel .panel-heading[data-toggle="collapse"].collapsed:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .dashboard-panel .panel-heading .panel-title { padding: 8px 15px; /*display: inline-block;*/ font-size: 16px; /*line-height: $bs-line-height;*/ font-weight: 600; text-transform: capitalize; color: #404040; } .dashboard-panel .panel-heading .panel-tools { order: 10; margin: 0; padding: 0; list-style: none; margin-left: 5px !important; } .dashboard-panel .panel-heading .panel-tools > li { display: inline-block; padding: 0 5px 0 0; font-size: 20px; } .dashboard-panel .panel-heading .panel-tools > li > a, .dashboard-panel .panel-heading .panel-tools > li > [role=button] { min-width: 20px; } .dashboard-panel .panel-heading .panel-tools > li > a[data-toggle="collapse"].collapsed .ft, .dashboard-panel .panel-heading .panel-tools > li > [role=button][data-toggle="collapse"].collapsed .ft { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .dashboard-panel .panel-heading .panel-tools > li > a .ft, .dashboard-panel .panel-heading .panel-tools > li > [role=button] .ft { vertical-align: middle; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .dashboard-panel .panel-collapse { overflow: hidden; } .dashboard-panel .panel-body { position: relative; } .dashboard-panel .panel-body.no-pad { padding: 0; } .dashboard-panel .panel-body .custom-scroll { height: 300px !important; } .dashboard-panel .panel-body .heading-group { position: relative; margin-bottom: 30px; } .dashboard-panel .panel-body .heading-group .head-style-md { margin-bottom: 0; text-align: center; } .dashboard-panel .panel-footer { background: #FFF; border: 0; } .row-v-gutters > [class*="col"] > .dashboard-panel, .row-v-gutters-sm > [class*="col"] > .dashboard-panel { width: 100%; margin-bottom: 0; } .dashboard-panel.panel-height-100p { height: 100%; max-height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-transition: max-height 0.3s linear; -o-transition: max-height 0.3s linear; transition: max-height 0.3s linear; } .dashboard-panel.panel-height-100p .panel-collapse { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: 100%; } .dashboard-panel.panel-height-100p .panel-collapse .panel-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 100%; max-height: 0; -webkit-transition: max-height 0.15s linear; -o-transition: max-height 0.15s linear; transition: max-height 0.15s linear; } .dashboard-panel.panel-height-100p .panel-collapse .panel-body .media-list { width: 100%; } .dashboard-panel.panel-height-100p .panel-collapse .panel-body > div { width: 100%; } .dashboard-panel.panel-height-100p .panel-collapse .panel-body .list-legend { display: block; width: 100%; } .dashboard-panel.panel-height-100p .panel-collapse.in .panel-body, .dashboard-panel.panel-height-100p .panel-collapse.collapsing .panel-body { max-height: 100%; } .dashboard-panel.panel-widget { height: 100%; } .dashboard-panel.panel-widget .panel-collapse { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: calc( 100% - 56px ); } .dashboard-panel.panel-widget .panel-collapse .panel-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 100%; } .dashboard-panel.panel-widget .panel-collapse .panel-body .media-list { width: 100%; } .dashboard-panel.panel-widget .panel-collapse .panel-body > div { width: 100%; } .dashboard-panel.panel-widget .panel-collapse .panel-body .list-legend { display: block; width: 100%; } @media (min-width: 768px) { .dashboard-panel .panel-heading .panel-title { /*font-size: 20px;*/ font-size: 16px; } .dashboard-panel .panel-body { /*min-height: 360px; max-height: 375px;*/ } .dashboard-panel .panel-body .custom-scroll { height: 300px !important; max-height: 300px !important; } .dashboard-panel .panel-body .custom-scroll.custom-scroll-lg { height: 420px !important; max-height: 420px !important; } .dashboard-panel .panel-body .heading-group .widget-nav { position: absolute; top: 0; left: 0; } } /* * END - Dashboard Panel */ @media (min-width: 768px) and (max-width: 1199px) { .dashboard-widget { width: calc(100% - 320px); } .dashboard-widget:first-child { width: 320px; } .dashboard-widget:last-child { width: 350px; margin-left: calc(50% - 175px); } } @media (min-width: 768px) and (max-width: 991px) { .sidebar-mini:not(.sidebar-collapse) .dashboard-widget { width: 100%; } .sidebar-mini:not(.sidebar-collapse) .dashboard-widget:first-child { width: 100%; } .sidebar-mini:not(.sidebar-collapse) .dashboard-widget:last-child { width: 350px; margin-left: calc(50% - 175px); } } @media (min-width: 1200px) { .dashboard-widget { width: calc(100% - 640px); } .dashboard-widget:first-child, .dashboard-widget:last-child { width: 320px; } } @media (min-width: 1600px) { .dashboard-widget { width: calc(100% - 670px); } .dashboard-widget:first-child { width: 320px; } .dashboard-widget:last-child { width: 350px; } } /* * Docx panel */ .modal .docx-panel, .content-block .docx-panel, .content-block-nopad .docx-panel, .content-block-pad-md .docx-panel { /*@include box-shadow($secondary-box-shadow);*/ } .docx-panel .panel-heading + .panel-collapse > .panel-body { padding-top: 10px; padding-left: 35px; border-top-width: 0; } .docx-panel .panel-heading + .panel-collapse > .panel-body .mdb-drop-block { margin-bottom: 20px; } .docx-panel .panel-heading .panel-title .form-control { padding: 7px 0; font-size: 16px; border: 0; background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center -webkit-calc(100% - 1px); background-position: center bottom, center calc(100% - 1px); background-color: rgba(0, 0, 0, 0); background-image: -webkit-gradient(linear, left top, left bottom, from(#0e76bc), to(#0e76bc)), -webkit-gradient(linear, left top, left bottom, from(#777777), to(#777777)); background-image: -webkit-linear-gradient(#0e76bc, #0e76bc), -webkit-linear-gradient(#777777, #777777); background-image: -o-linear-gradient(#0e76bc, #0e76bc), -o-linear-gradient(#777777, #777777); background-image: linear-gradient(#0e76bc, #0e76bc), linear-gradient(#777777, #777777); -webkit-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; transition: background 0.3s ease-out; -webkit-box-shadow: none; box-shadow: none; } .docx-panel .panel-heading .panel-title .form-control:focus { outline: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#0e76bc), to(#0e76bc)), -webkit-gradient(linear, left top, left bottom, from(#777777), to(#777777)); background-image: -webkit-linear-gradient(#0e76bc, #0e76bc), -webkit-linear-gradient(#777777, #777777); background-image: -o-linear-gradient(#0e76bc, #0e76bc), -o-linear-gradient(#777777, #777777); background-image: linear-gradient(#0e76bc, #0e76bc), linear-gradient(#777777, #777777); background-size: 100% 2px, 100% 1px; -webkit-box-shadow: none; box-shadow: none; } .docx-panel .panel-heading .panel-title.has-checkbox [data-toggle="collapse"] { padding: 0px 0px 5px 5px !important; } .docx-panel .panel-heading .panel-title.has-checkbox .head-data { padding: 30px 5px 30px 15px !important; } .docx-panel .panel-heading .panel-title.has-checkbox .head-data .table-wrap .table-cell { padding: 0; height: 30px; vertical-align: top; } .docx-panel .panel-heading .panel-title.has-checkbox .head-data .table-wrap .table-cell + .table-cell { padding: 0 10px; } .docx-panel .panel-heading .panel-title.has-checkbox .head-data .table-wrap .table-cell .status-secn { margin-top: 10px; padding-left: 45px; text-align: left; } .docx-panel .panel-heading .panel-title.has-checkbox .head-data .collapse-secn { width: 40px; text-align: right; } .docx-panel .panel-heading .panel-title.has-checkbox .head-data .ft { color: #404040; font-size: 20px; vertical-align: middle; } .docx-panel .panel-heading .panel-title [data-toggle="collapse"] { padding: 13px 35px 13px 35px !important; } .docx-panel .panel-heading .panel-title [data-toggle="collapse"]:before { content: '\e035'; position: absolute; left: 10px; top: 16px; } .docx-panel .panel-heading .panel-title [data-toggle="collapse"]:after { left: auto !important; right: 10px; } .docx-panel .panel-heading .panel-title [data-toggle="collapse"] .table-wrap .table-cell { padding: 0; height: 30px; } .docx-panel .panel-heading .panel-title [data-toggle="collapse"] .table-wrap .table-cell + .table-cell { padding: 0 10px; } .docx-panel .panel-heading .panel-title [data-toggle="collapse"] > .ft { font-size: 30px; } .docx-panel .panel-heading.has-success .panel-title [data-toggle="collapse"]:before { color: #4caf50; content: "\e03d"; } .docx-panel .panel-heading.has-danger .panel-title [data-toggle="collapse"]:before { color: #f44336; content: "\e019"; } .docx-panel .panel-heading.has-nostate .panel-title [data-toggle="collapse"] { padding: 13px 40px 13px 20px !important; } .docx-panel .panel-heading.has-nostate .panel-title [data-toggle="collapse"]:before { display: none; } .docx-panel .panel-heading .input-group { width: 100%; } .docx-panel .panel-heading .input-group .input-group-btn .btn-icon.btn-danger { height: auto; line-height: 26px; color: #f44336; background-color: transparent; border-color: transparent; } .panel-group .docx-panel .panel-heading.has-nostate .panel-title [data-toggle="collapse"]:after { top: 54%; -webkit-transform: translateY(-54%); -ms-transform: translateY(-54%); transform: translateY(-54%); } .panel-group .docx-panel .panel-heading.has-nostate + .panel-collapse .panel-body { border-top-width: 1px; padding: 15px; } .docx-panel .panel-body .form-block:last-child { margin-bottom: 0; } .docx-panel .panel-footer { padding: 0; background: #fff; } @media only screen and (min-width: 768px) { .docx-panel .panel-heading .panel-title [data-toggle="collapse"]:before { top: 18px; } .docx-panel .panel-heading .panel-title.has-checkbox [data-toggle="collapse"] { padding: 23px 0px 23px 5px !important; } .docx-panel .panel-heading .panel-title.has-checkbox .head-data .table-wrap .table-cell .status-secn { margin-top: 0px; text-align: right; } .docx-panel .panel-heading .panel-title [data-toggle="collapse"] { padding: 23px 40px 23px 40px !important; font-size: 16px !important; } .docx-panel .panel-heading .panel-title [data-toggle="collapse"]:before { left: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .docx-panel .panel-heading .panel-title [data-toggle="collapse"]:after { right: 10px; font-size: 20px !important; } .docx-panel .panel-heading.has-nostate .panel-title [data-toggle="collapse"] { padding: 20px 40px 20px 15px !important; } .docx-panel .panel-heading + .panel-collapse > .panel-body { padding-left: 45px; } } /*@media only screen and (min-width: 992px) { .docx-panel { .panel-heading { .panel-title { [data-toggle="collapse"] { .btn + .btn { margin-top: 4px; } } } } } }*/ @media only screen and (min-width: 1200px) { .docx-panel .panel-heading .panel-title [data-toggle="collapse"] { padding-left: 45px !important; padding-right: 55px !important; } .docx-panel .panel-heading .panel-title [data-toggle="collapse"]:after { right: 25px; } .docx-panel .panel-heading .panel-title.has-checkbox [data-toggle="collapse"] { padding-left: 5px !important; padding-right: 0px !important; } .docx-panel .panel-heading.has-nostate .panel-title [data-toggle="collapse"] { padding: 20px 60px 20px 20px !important; } } .collapse-panel-group { margin: 20px 0; } .collapse-panel-group .panel { box-shadow: none; border: 1px solid #ddd; } .collapse-panel-group .panel .collapse-panel-row { margin: 0; } .collapse-panel-group .panel-group { margin: 0; } .collapse-panel-group .panel-group .docx-panel { box-shadow: inherit; border-width: 0; } .collapse-panel-group .panel-group .docx-panel + .docx-panel { box-shadow: inherit; border-width: 0; margin-top: 0; } .collapse-panel-group .panel-group .docx-panel .panel-heading { background: #f7f7f7; } /* * END - Docx panel */ /* * MDL panel */ .mdl-panel-group > .panel > .panel-heading ~ .panel-collapse > .panel-body > .panel { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .mdl-panel-group .panel-title .list-inline { margin-bottom: 0; white-space: nowrap; } .mdl-panel-group .panel-title .list-inline:last-child { margin-left: 0; margin-right: -5px; } .mdl-panel-group .panel-title a[data-toggle="collapse"] .ft-angle-up { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .mdl-panel-group .panel-title a[data-toggle="collapse"].collapsed .ft-angle-up { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .mdl-panel-group .panel.panel-default { border: 1px solid #ddd; } /* * END - Mdl panel */ .panel-default > .panel-body { border-top: none !important; } .panel-default > .panel-heading > .panel-title .help-block, .panel-default > .panel-heading ~ .panel-collapse .panel-body .help-block { font-size: 12px !important; } .panel-outline-primary { border-width: 0; } .panel-outline-primary > .panel-heading { color: #FFF; background-color: #0e76bc !important; border: 1px solid #0e76bc; } .panel-outline-primary > .panel-heading a:hover, .panel-outline-primary > .panel-heading a:focus { color: inherit; } .panel-outline-primary > .panel-heading a.collapsed { color: #0e76bc !important; background-color: #fff; } .panel-outline-primary > .panel-heading + .panel-collapse > .panel-body { border: 1px solid #dbdbdb; border-top-width: 0; } .panel-group > .panel.panel-primary > .panel-heading, .panel.panel-primary > .panel-heading { background: #0e76bc; border-color: #0e76bc; color: #ffffff; } .panel-group > .panel.panel-primary > .panel-heading + .panel-collapse > .panel-body, .panel.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #1294eb; } .panel-danger > .panel-heading { background: #f44336 !important; border-color: #f44336; color: #ffffff; } .panel-danger > .panel-heading .SumoSelect > .CaptionCont > span { color: #ffffff; } .panel-danger > .panel-heading .SumoSelect > .CaptionCont > label > i { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5'%3E%3Cpath fill='%23FFF' d='M0 0h10L5 5z'/%3E%3C/svg%3E"); } .panel-danger > .panel-heading .SumoSelect > .CaptionCont { background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)), -webkit-gradient(linear, left top, left bottom, from(#0e76bc), to(#0e76bc)); background-image: -webkit-linear-gradient(#ffffff, #ffffff), -webkit-linear-gradient(#0e76bc, #0e76bc); background-image: -o-linear-gradient(#ffffff, #ffffff), -o-linear-gradient(#0e76bc, #0e76bc); background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#0e76bc, #0e76bc); } /* * END - Panel */ /* * Table */ .table > thead > tr > th, .table > thead > tr > td { vertical-align: middle; text-align: left; border-bottom-width: 0 !important; line-height: 1.62; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th { vertical-align: middle; text-align: left; line-height: 1.62; } .table.table-bordered > thead:first-child tr:first-child th, .table.table-bordered > tbody:first-child tr:first-child th { border-top: 1px solid #777777; } .table.table-bordered > thead > tr > th, .table.table-bordered > tbody > tr > th { color: #0e76bc; font-weight: 600; border-color: #777777; background-color: #c4fbf5; text-align: center; white-space: nowrap; } .table.table-bordered > tbody > tr > td { border-color: #777777; } .table.data-setup-table { margin-bottom: 0; } .table.data-setup-table > tbody > tr > td { vertical-align: top; } .table.data-setup-table > tbody > tr > td.multi-data-column span { display: block; } @media (min-width: 768px) { .table.table-bordered > thead > tr th, .table.table-bordered > tbody > tr th { padding: 15px; } .table.table-bordered > tbody > tr td { padding: 15px; } } @media (min-width: 992px) { .table.table-bordered > thead > tr th { padding: 25px 20px; } .table.table-bordered > tbody > tr td { padding: 25px 20px; } } /* * END - Table Bordered */ .mdb-table.mdb-table-toggle > thead > tr { color: #fff !important; background: #0e76bc; } .mdb-table.mdb-table-toggle > thead > tr > th:not(:first-child) { font-size: 16px; font-weight: 600; text-align: center; } .mdb-table.mdb-table-toggle > thead > tr > th > a, .mdb-table.mdb-table-toggle > thead > tr > th > span { color: #fff; } .mdb-table.mdb-table-toggle > thead > tr > th > a.ft, .mdb-table.mdb-table-toggle > thead > tr > th > span.ft { margin: 0 6px 0 0; font-size: 20px; vertical-align: middle; } .mdb-table.mdb-table-toggle > thead > tr > th .custom-checkbox > span { color: #fff; } .mdb-table.mdb-table-toggle > tbody > tr > td:not(:first-child) { text-align: center; } .mdb-table.mdb-table-toggle > tbody > tr > td .ft { margin: 0 6px 0 0; vertical-align: middle; } .mdb-table.mdb-table-toggle > tbody > tr > td .custom-checkbox { white-space: nowrap; } .mdb-table .custom-checkbox > input + span, .mdb-table .custom-radio > input + span { padding-left: 0; text-indent: 10px; } @media (max-width: 991px) { .mdb-table.mdb-table-toggle > tbody > tr:nth-of-type(even).collapsing, .mdb-table.mdb-table-toggle > tbody > tr:nth-of-type(even).collapse.in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .mdb-table.mdb-table-toggle > tbody > tr:nth-of-type(even).collapsing > td, .mdb-table.mdb-table-toggle > tbody > tr:nth-of-type(even).collapse.in > td { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: auto; } } /* MATERIAL TABLE */ .mdb-table { margin-bottom: 15px; max-width: 100% !important; font-size: 14px; border-collapse: separate; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .content-block .mdb-table, .content-block-nopad .mdb-table, .content-block-pad-md .mdb-table, .modal .mdb-table { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .floating-label .form-group > .form-control-static .mdb-table { margin-bottom: 0; } .mdb-table th.text-center, .mdb-table td.text-center { text-align: center !important; } .mdb-table .text-right { text-align: right !important; } .mdb-table .mdb-table { margin-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } .mdb-table > thead > tr { background: #f9f9f9; } .mdb-table > thead > tr > th { padding: 10px; border-top-width: 0; } .mdb-table > thead > tr > th:first-child .checkbox > .custom-checkbox > input + span { text-indent: -9999px; } .mdb-table:not(.table-wo-checkbox) > thead > tr:last-child > th:first-child { width: 1%; padding-right: 0; white-space: nowrap; } .mdb-table:not(.table-wo-checkbox) > tbody > tr > td:first-child { padding-right: 0; } .mdb-table:not(.table-wo-checkbox) > thead > tr:last-child > th .radio, .mdb-table:not(.table-wo-checkbox) > thead > tr:last-child > th .checkbox, .mdb-table:not(.table-wo-checkbox) > tbody > tr > td:first-child .radio, .mdb-table:not(.table-wo-checkbox) > tbody > tr > td:first-child .checkbox { margin: 0; } .mdb-table > thead > tr:last-child > a, .mdb-table > thead > tr:last-child > span { color: #969696; font-size: 14px; font-weight: 600; } .mdb-table > thead > tr:last-child a [class^='col-sort'] { color: #404040; } .mdb-table > tbody > tr { background: #fcfcfc; } .mdb-table .mdb-table > tbody > tr, tr.grouped { background: #f5fbff !important; } .mdb-table .mdb-table > tbody > tr:hover, .mdb-table .mdb-table > tbody > tr:focus { background: #eaf7ff !important; } .mdb-table .mdb-table > tbody > tr.active { background: #d8eefd !important; } .mdb-table .mdb-table.mdb-indent > tbody > tr { background: #fff !important; } .mdb-table .mdb-table.mdb-indent > tbody > tr:hover, .mdb-table .mdb-table.mdb-indent > tbody > tr:focus { background: #f1f1f1 !important; } .mdb-table .mdb-table.mdb-indent > tbody > tr.active { background: #d8eefd !important; } .mdb-table .mdb-table.mdb-indent > tbody > tr > td:first-child, .mdb-table .mdb-table.mdb-indent > tr > td:first-child { padding-left: 45px; } .mdb-table .table-highlight + tr .mdb-table > tbody > tr { background: #ffffff !important; } .mdb-table .table-highlight + tr .mdb-table > tbody > tr:hover, .mdb-table .table-highlight + tr .mdb-table > tbody > tr:focus { background: #fcfcfc !important; } .mdb-table .table-highlight + tr .mdb-table > tbody > tr > td:last-child { text-align: right; padding-right: 20px; } .mdb-table tbody + tbody { border-width: 0px; } .mdb-table > tbody > tr:nth-child(odd), .mdb-table-responsive > tbody > tr:nth-of-type(4n+2) { background: #fff; } .mdb-table > tbody > tr:nth-child(odd).disabled, .mdb-table-responsive > tbody > tr:nth-of-type(4n+2).disabled { opacity: .6; } .mdb-table > tbody > tr:nth-child(odd).disabled[role="button"], .mdb-table-responsive > tbody > tr:nth-of-type(4n+2).disabled[role="button"] { cursor: default; } .mdb-table > tbody > tr[data-href] { cursor: pointer; } .mdb-table > tbody > tr.active { background: #f1f1f1 !important; } .mdb-table > tbody > tr.highlight:hover, .mdb-table > tbody > tr.highlight { color: #fff !important; background: #0e76bc !important; } .mdb-table > thead > tr > th .radio > .custom-radio > input + span, .mdb-table > thead > tr > th .checkbox > .custom-checkbox > input + span { text-indent: -9999px; } .mdb-table > thead > tr > th .ft { vertical-align: middle; } .mdb-table > tbody > tr > td { padding: 10px; } .mdb-table > tbody > tr > td:first-child .radio > .custom-radio > input + span, .mdb-table > tbody > tr > td:first-child .checkbox > .custom-checkbox > input + span { text-indent: -9999px; } .mdb-table > tbody > tr > td > ul { margin-bottom: 0; } .mdb-table > tbody > tr > td > ul > li .ft { vertical-align: middle; } .mdb-table .mdb-table > tfoot > tr > th { padding: 10px; } .col-sort, .col-sort-asc, .col-sort-desc { position: relative; display: inline-block; width: 18px; height: 18px; vertical-align: middle; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; font-size: 1.33333333em; line-height: 1; font-family: "fontastic" !important; text-transform: none !important; speak: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .col-sort:before, .col-sort-asc:before, .col-sort-desc:before { content: "\e02a"; position: absolute; top: 0; left: -4px; } .col-sort:after, .col-sort-asc:after, .col-sort-desc:after { content: "\e029"; position: absolute; bottom: 0; left: -4px; } .col-sort-asc:after { opacity: .5; } .col-sort-desc:before { opacity: .5; } @media only screen and (min-width: 768px) { /*.mdb-table:not(.table-wo-checkbox) > thead > tr:last-child > th:first-child { max-width: 62px; width: 62px; }*/ .mdb-table > thead > tr > th, .mdb-table > tbody > tr > td, .mdb-table > tfoot > tr > th { padding: 10px 15px; } .mdb-table > thead > tr > th { white-space: nowrap; } .table-header { font-size: 20px; } .main-table-text { font-size: 18px; } .mdb-table-responsive > thead > tr > th .checkbox { /*width: 52px;*/ /*width: 28px;*/ /*width: 38px;*/ } } @media only screen and (min-width: 768px) and (max-width: 991px) { .mdb-table .mdb-table.mdb-indent > tbody > tr > td { padding: 10px 25px; } } @media only screen and (min-width: 992px) { /*.mdb-table:not(.table-wo-checkbox) > tbody > tr > td:first-child { max-width: 62px; width: 62px; }*/ .mdb-table > tbody > tr:hover, .mdb-table > tbody > tr:focus { background: #f1f1f1 !important; } } @media only screen and (max-width: 991px) { .mdb-table-responsive tr, .mdb-table-responsive tr:nth-of-type(even) td { border-top-width: 0; } .mdb-table-responsive > thead > tr > th { padding: 10px; } .mdb-table-responsive > tbody > tr > td { padding: 10px 15px; } } @media only screen and (max-width: 767px) { .mdb-table:not(.table-wo-checkbox) > thead > tr:last-child > th .checkbox { /*margin-right: 10px;*/ min-width: 28px; } .mdb-table .mdb-table.mdb-indent > tbody > tr > td:first-child, .mdb-table .mdb-table.mdb-indent > tr > td:first-child { padding-left: 20px !important; } } .mdb-table-responsive tr.collapse { display: table-row; } @media only screen and (max-width: 991px) { .mdb-table-responsive tr.collapse { display: none; } .mdb-table-responsive, .mdb-table-responsive thead, .mdb-table-responsive tfoot, .mdb-table-responsive tbody, .mdb-table-responsive tr, .mdb-table-responsive tr.collapse.in, .mdb-table-responsive tr th, .mdb-table-responsive tr td { display: block; width: 100%; } .mdb-table-responsive > tbody > tr, .mdb-table-responsive > tbody > tr:hover, .mdb-table-responsive > tbody > tr:focus, .mdb-table-responsive > tbody > tr:nth-of-type(4n+1) { background: #fff; } .mdb-table-responsive > tbody > tr.disabled, .mdb-table-responsive > tbody > tr:hover.disabled, .mdb-table-responsive > tbody > tr:focus.disabled, .mdb-table-responsive > tbody > tr:nth-of-type(4n+1).disabled { opacity: .6; } .mdb-table-responsive > tbody > tr.disabled[role="button"], .mdb-table-responsive > tbody > tr:hover.disabled[role="button"], .mdb-table-responsive > tbody > tr:focus.disabled[role="button"], .mdb-table-responsive > tbody > tr:nth-of-type(4n+1).disabled[role="button"] { cursor: default; } .mdb-table-responsive > tbody > tr:nth-of-type(4n+3), .mdb-table-responsive > tbody > tr:nth-of-type(4n+4) { background: #fcfcfc; } .mdb-table-responsive > tbody > tr:nth-of-type(odd):hover { background: #f1f1f1; } .mdb-table-responsive > tbody > tr:nth-of-type(odd) > td { display: table; width: 100%; padding: 0; } .mdb-table-responsive > tbody > tr:nth-of-type(odd) > td > .radio, .mdb-table-responsive > tbody > tr:nth-of-type(odd) > td > .checkbox, .mdb-table-responsive > tbody > tr:nth-of-type(odd) > td > span, .mdb-table-responsive > tbody > tr:nth-of-type(odd) > td > a[data-toggle="collapse"] { display: table-cell; padding: 15px 10px; vertical-align: middle; } .mdb-table-responsive > tbody > tr:nth-of-type(odd) > td > .radio, .mdb-table-responsive > tbody > tr:nth-of-type(odd) > td > .checkbox, .mdb-table-responsive > tbody > tr:nth-of-type(odd) > td > a[data-toggle="collapse"] { width: 40px; } .mdb-table-responsive > tbody > tr:nth-of-type(odd) > td > span, .mdb-table-responsive > tbody > tr:nth-of-type(odd) > td > a[data-toggle="collapse"] { position: relative; color: #404040; font-weight: 600; width: 100%; } .mdb-table-responsive > tbody > tr.highlight:nth-of-type(odd) > td > span, .mdb-table-responsive > tbody > tr.highlight:nth-of-type(odd) > td > a[data-toggle="collapse"], .mdb-table-responsive > tbody > tr.highlight:nth-of-type(even) > td:before { color: #FFF; } .mdb-table-responsive > tbody > tr:nth-of-type(odd) > td > a[data-toggle="collapse"] { font-size: 0; } .mdb-table-responsive > tbody > tr:nth-of-type(odd) > td > a[data-toggle="collapse"]:after { content: '\e017'; font-family: 'fontastic'; font-weight: normal; font-size: 20px; } .mdb-table-responsive > tbody > tr:nth-of-type(odd) > td > a[data-toggle="collapse"].collapsed:after { content: '\e013'; } .mdb-table-responsive > tbody > tr:nth-of-type(even) > td[data-th]:before { content: attr(data-th); min-width: 10em; padding-right: 10px; display: table-cell; color: #969696; font-size: 14px; font-weight: 600; white-space: nowrap; } .single-col-table > tbody > tr:nth-of-type(even) > td:before { min-width: inherit; } .mdb-table-responsive > tbody > tr:nth-of-type(even) > td > div, .mdb-table-responsive > tbody > tr:nth-of-type(even) > td > span { display: table-cell; } .mdb-table-responsive > tbody > tr:nth-of-type(even) > td.col-desc:before { display: block; min-width: 0; } .mdb-table-responsive > tbody > tr:nth-of-type(even) > td.col-desc span { display: inline; } .mdb-table-responsive > tbody > tr:nth-of-type(even) > td.col-desc .floating-label { display: block; } .mdb-table-responsive > tbody > tr:nth-of-type(even) > td.col-desc .checkbox { padding-top: 5px; } .mdb-table-responsive > tbody > tr:nth-of-type(even) > td.col-desc .checkbox > .custom-checkbox > span { display: inline-block; } } @media only screen and (max-width: 767px) { .mdb-table-responsive > tbody > tr:nth-of-type(odd) > td > .radio, .mdb-table-responsive > tbody > tr:nth-of-type(odd) > td > .checkbox, .mdb-table-responsive > tbody > tr:nth-of-type(odd) > td > a[data-toggle="collapse"] { padding: 10px; } .mdb-table-responsive > thead > tr:last-child th > a, .mdb-table > thead > tr:last-child th > span { /*margin-left: 6px;*/ margin-left: 0; } /*.mdb-table-responsive.table-wo-checkbox > thead > tr:last-child th:first-child > a, .mdb-table.table-wo-checkbox > thead > tr:first-child th > span { margin-left: 0; }*/ } @media only screen and (max-width: 419px) { .mdb-table-responsive > tbody > tr:nth-of-type(even) > td:before { min-width: 6em; } } /* END - MATERIAL TABLE */ /* TABLE COLLAPSEABLE */ .mdb-table-collapse > tbody > tr, .mdb-table-collapse > tbody > tr:hover, .mdb-table-collapse > tbody > tr:focus, .mdb-table-collapse > tbody > tr:nth-of-type(4n+1) { background: #fff; } .mdb-table-collapse > tbody > tr:nth-of-type(4n+3), .mdb-table-collapse > tbody > tr:nth-of-type(4n+4) { background: #fcfcfc; } .mdb-table-collapse > tbody > tr:nth-of-type(odd):hover { background: #f1f1f1; } .mdb-table-collapse > thead > tr:last-child > th:last-child, .mdb-table-collapse > tbody > tr:nth-of-type(odd) > td:last-child { width: 40px; max-width: 40px; padding: 10px 8px 10px 8px; white-space: normal; } .mdb-table-collapse > tbody > tr:nth-of-type(odd) > td:last-child > .dropdown.d-inline-block { vertical-align: middle; line-height: 1; } .mdb-table-collapse > tbody > tr:nth-of-type(odd) > td:last-child > .dropdown.d-inline-block ~ a[data-toggle="collapse"] { display: inline-block; } .mdb-table-collapse > tbody > tr:nth-of-type(odd) > td:last-child > span[role="button"], .mdb-table-collapse > tbody > tr:nth-of-type(odd) > td:last-child > a[data-toggle="collapse"] { position: relative; display: inline-block; vertical-align: middle; width: 24px; height: 22px; line-height: 22px; font-size: 0; text-align: center; color: #404040; background-color: transparent; } .mdb-table-collapse > tbody > tr:nth-of-type(odd) > td:last-child > span[role="button"] > .ft, .mdb-table-collapse > tbody > tr:nth-of-type(odd) > td:last-child > a[data-toggle="collapse"] > .ft { font-size: 22px; line-height: inherit; } .mdb-table-collapse tbody > tr:nth-of-type(odd) > td > a[data-toggle="collapse"]:before { content: '\e017'; font-size: 22px; line-height: inherit; } .mdb-table-collapse tbody > tr:nth-of-type(odd) > td > a[data-toggle="collapse"].collapsed:before { content: '\e013'; } .mdb-table-collapse .mdb-table-collapse > tbody > tr:nth-of-type(odd) > td > a[data-toggle="collapse"]:before { content: '\e014'; } .mdb-table-collapse .mdb-table-collapse > tbody > tr:nth-of-type(odd) > td > a[data-toggle="collapse"].collapsed:before { content: '\e010'; } .mdb-table-collapse > tbody > tr:nth-of-type(even) > td { padding: 0; border-top: none; } .mdb-table-collapse > tbody > tr:nth-of-type(even) > td .radio > .custom-valid > input + span, .mdb-table-collapse > tbody > tr:nth-of-type(even) > td .checkbox > .custom-valid > input + span, .mdb-table-collapse > tbody > tr:nth-of-type(even) > td .radio > .custom-radio > input + span, .mdb-table-collapse > tbody > tr:nth-of-type(even) > td .checkbox > .custom-checkbox > input + span { text-indent: 0; padding-left: 10px; } .mdb-table-collapse > tbody.mdb-indent > tr:nth-of-type(even) > td { padding: 15px 10px; border-top: 1px solid #ddd; } .mdb-table-collapse > tbody > tr:nth-of-type(even) > td .table-contents { margin: 0 15px; padding: 5px 0px 7px; border-top: 2px solid #efefef; } .mdb-media-bottom-group .mdb-table-collapse > tbody > tr > td > a[data-toggle="collapse"].badge:after, .mdb-media-bottom-group .mdb-table-collapse > tbody > tr > td > a[data-toggle="collapse"].badge.collapsed:after { display: none; } .mdb-media-bottom-group .mdb-table .widget-list > li:first-child { margin-top: 0; } .mdb-media-bottom-group .mdb-table .mdb-table .list-inline > li > .chip { margin-bottom: 0; } .mdb-media-bottom-group .mdb-table .mdb-table > tbody > tr { background: #fff !important; } @media (min-width: 768px) { /*.mdb-table-collapse > tbody > tr:nth-of-type(odd) > td:last-child > span[role="button"], .mdb-table-collapse > tbody > tr:nth-of-type(odd) > td:last-child > a[data-toggle="collapse"] { display: inline-block; }*/ .mdb-table-collapse > thead > tr:last-child > th:last-child, .mdb-table-collapse > tbody > tr:nth-of-type(odd) > td:last-child { padding-left: 10px; max-width: 40px; } .mdb-table-collapse > tbody > tr:nth-of-type(even) > td, .mdb-table-collapse > tbody tr > td[colspan]:first-child:last-child { padding: 0; } .mdb-table-collapse > tbody.mdb-indent > tr:nth-of-type(even) > td { padding: 15px 20px; } .mdb-table-collapse > tbody > tr:nth-of-type(even) td .table-contents { margin: 0 24px; } } .mdb-table-collapse .badge-wrap { display: table-cell; padding: 0 15px; color: #404040; font-weight: 600; text-align: center; white-space: nowrap; } .mdb-table-collapse .badge-wrap .badge-lg, .mdb-table-collapse .badge-wrap .badge.badge-xl { margin-bottom: 2px; font-weight: 600; } .mdb-table-collapse .mini-box { display: table-cell; width: 999px; vertical-align: middle; } @media (min-width: 992px) { .mdb-table-collapse .badge-wrap .badge-lg, .mdb-table-collapse .badge-wrap .badge.badge-xl { font-size: 14px; } .mdb-table-collapse .widget-users { margin-bottom: 0; } } /* Start Remove the top & bottom spacing inner collapse table contents */ .mdb-table-collapse > tbody > tr:nth-of-type(even) > td .table-contents .widget-list li:first-child { margin-top: 0; } .mdb-table-collapse > tbody > tr:nth-of-type(even) > td .table-contents .widget-list:last-child { margin-bottom: 0; } .mdb-table-collapse > tbody > tr:nth-of-type(even) > td .table-contents .row-v-gutters .widget-users { margin-bottom: 0; } /* End Remove the top & bottom spacing inner collapse table contents */ /* END - TABLE COLLAPSEABLE */ /* Table Header Fixed */ .mdb-table-fixed > thead > tr { color: #fff; background: #0e76bc; } .mdb-table-fixed > thead > tr > th { font-size: 16px; font-weight: 600; } .mdb-table-fixed > tbody > tr { background: #ededed !important; } .mdb-table-fixed > tbody > tr > td { font-size: 14px; } .mdb-table-fixed > tbody > tr > td > a[data-toggle] { color: #777777; display: inline-block; line-height: 1; vertical-align: middle; } .mdb-table-fixed > tbody > tr > td > [data-toggle="collapse"] { display: inline-block; float: right; line-height: 1; } .mdb-table-fixed > tbody > tr > td > [data-toggle="collapse"]:after { content: '\e017'; font-family: 'fontastic'; font-weight: normal; font-size: 20px; } .mdb-table-fixed > tbody > tr > td > [data-toggle="collapse"].collapsed:after { content: '\e013'; } .mdb-table-fixed > tbody > tr.tr-collapse > td { padding: 0; border-top-width: 0; } .mdb-table-fixed > tbody > tr.tr-collapse > td .mdb-table-responsive > tbody > tr { background: #fff !important; } .mdb-table-fixed > tbody > tr.tr-collapse > td .mdb-table-responsive > tbody > tr:focus { background: #fff !important; } .mdb-table.mdb-table-fixed > thead > tr.affix-top, .mdb-table.mdb-table-rating > thead > tr.affix-top { display: none; } @media (min-width: 768px) { .mdb-table-fixed > thead > tr > th:first-child { width: auto; width: auto; } .mdb-table-fixed > thead > tr > th:not(:first-child) { text-align: center; width: 80px; } .mdb-table-fixed > tbody > tr > td [data-toggle="collapse"] { display: none; } .mdb-table-fixed > tbody > tr > td:first-child { width: auto !important; width: auto !important; } .mdb-table-fixed > tbody > tr > td:not(:first-child) { text-align: center; width: 80px; } .mdb-table-fixed > tbody > tr > td .custom-checkbox > input + span, .mdb-table-fixed > tbody > tr > td .custom-radio > input + span { white-space: nowrap; } .mdb-table-fixed > tbody > tr.tr-collapse > td > .collapse { display: block !important; height: auto !important; height: auto !important; } .mdb-table-fixed > tbody > tr.tr-collapse > td .mdb-table-responsive td:first-child { width: auto !important; width: auto !important; padding-left: 40px; } .mdb-table-fixed > tbody > tr.tr-collapse > td .mdb-table-responsive td:not(:first-child) { text-align: center; width: 80px; } .mdb-table-fixed > tbody > tr.tr-collapse > td .mdb-table-responsive .table-primary-body td:first-child { padding-left: 25px; } .mdb-table.mdb-table-fixed > thead > tr, .mdb-table.mdb-table-rating > thead > tr { top: 50px; -webkit-transition: top 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out; } .mdb-table.mdb-table-fixed > thead > tr.affix-top, .mdb-table.mdb-table-rating > thead > tr.affix-top { display: block; position: fixed; z-index: 999; -webkit-box-shadow: 0 1px 2px #AEAEAE; box-shadow: 0 1px 2px #AEAEAE; } .mdb-table.mdb-table-fixed > thead > tr.affix-top > th, .mdb-table.mdb-table-rating > thead > tr.affix-top > th { white-space: normal; } .mdb-table.mdb-table-fixed > thead > tr.affix-top > th:first-child, .mdb-table.mdb-table-rating > thead > tr.affix-top > th:first-child { width: 999px; } } @media (min-width: 768px) and (max-width: 991px) { .mdb-table-fixed > thead > tr > th, .mdb-table-fixed > tbody > tr > td { padding-left: 15px; padding-right: 15px; } .mdb-table-fixed .tr-collapse .mdb-table-responsive { display: table; width: 100%; } .mdb-table-fixed .tr-collapse .mdb-table-responsive tbody { display: table-row-group; } .mdb-table-fixed .tr-collapse .mdb-table-responsive tbody tr { display: table-row; } .mdb-table-fixed .tr-collapse .mdb-table-responsive tbody tr td { display: table-cell; } .mdb-table-fixed .tr-collapse .mdb-table-responsive tbody tr td > span { display: inline; } .mdb-table-fixed .tr-collapse .mdb-table-responsive tbody tr:nth-of-type(even) > td:before { display: none; } } @media (min-width: 992px) { .mdb-table-fixed > thead > tr > th { padding: 20px 25px; } .mdb-table-fixed > thead > tr > th:not(:first-child) { text-align: center; width: 102px; } .mdb-table-fixed > tbody > tr > td:not(:first-child) { text-align: center; width: 102px; } .mdb-table-fixed > tbody > tr.tr-collapse > td .mdb-table-responsive td:not(:first-child) { width: 102px; } } @media (max-width: 767px) { .mdb-table-fixed, .mdb-table-fixed > thead, .mdb-table-fixed > thead > tr, .mdb-table-fixed > thead > tr > th, .mdb-table-fixed > tbody, .mdb-table-fixed > tbody > tr, .mdb-table-fixed > tbody > tr > td { display: block; width: 100%; } .mdb-table-fixed > tbody > tr > td:not(:first-child) { background: #f9f9f9; } .mdb-table-fixed > tbody > tr.tr-collapse > td { padding: 0; } .mdb-table-fixed > tbody > tr.tr-collapse > td .mdb-table-responsive tbody tr:nth-of-type(odd) td > span { padding-left: 25px; } .mdb-table-fixed > tbody > tr.tr-collapse > td .mdb-table-responsive tbody tr:nth-of-type(even) td { padding-left: 25px; } .mdb-table-fixed > tbody > tr.tr-collapse > td .mdb-table-responsive tbody tr:nth-of-type(even) td:before { display: none; } } /* END - Table Header Fixed */ .mdb-table-rating > thead > tr > td, .mdb-table-rating > thead > tr > th, .mdb-table-rating > tbody > tr > td, .mdb-table-rating > tbody > tr > th { border-right: 1px solid #b1b1b1; border-top: 1px solid #b1b1b1; } .mdb-table-rating > thead > tr > td:last-child, .mdb-table-rating > thead > tr > th:last-child, .mdb-table-rating > tbody > tr > td:last-child, .mdb-table-rating > tbody > tr > th:last-child { border-right: 0; } .mdb-table-rating tr th { font-weight: 600; background-color: #efefef; } .mdb-table-rating tr th.th-rating { text-align: center; color: #fff; background-color: #a5a5a5; } .mdb-table-rating tr th.th-rating[colspan] { position: relative; } .mdb-table-rating tr th.th-rating[colspan]:before { content: ''; position: absolute; top: -1px; right: 0; display: block; padding: 12px 12px 23px 23px; border-bottom-left-radius: 30px; background: #fff; } .mdb-table-rating tr th.th-rating[colspan]:after { content: ""; display: block; width: 18px; height: 10px; position: absolute; top: 6px; right: 6px; border-color: inherit; border-style: solid; border-width: 0 0 2px 2px; transform: rotate(-45deg); } .mdb-table-rating tr th .table-title { font-size: 16px; } @media (min-width: 992px) { .mdb-table-rating tr th { height: 50px; font-size: 18px; } .mdb-table-rating tr th.th-rating { min-width: 180px; font-size: 16px; } .mdb-table-rating tr th .table-title { font-size: inherit; } } .mdb-table-rating > thead > tr > th, .mdb-table-rating > tfoot > tr > th { background-color: #fbfbfb; } .mdb-table-rating > thead > tr > th .table-title, .mdb-table-rating > tfoot > tr > th .table-title { margin: 0; color: #0e76bc; } .mdb-table-rating > thead.invisible > tr > th, .mdb-table-rating > tfoot.invisible > tr > th { height: auto; padding: 0; font-size: 0; line-height: 0; } .mdb-table-rating > tbody > tr { height: 1px; background-color: #f8f8f8 !important; } .mdb-table-rating > tbody > tr > td { height: inherit; vertical-align: top; } .mdb-table-rating > tbody > tr > td.col-rating { padding: 0; } .mdb-table-rating > tbody > tr > td.col-rating .checkbox-block > input ~ span { vertical-align: top; } .mdb-table-rating > tbody > tr > td.col-rating .checkbox-block > input:checked ~ span { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } @media (min-width: 992px) { .mdb-table-rating > tbody > tr > td.col-rating { max-width: 180px; } } @media (min-width: 992px) { .mdb-table-rating > tbody > tr:focus, .mdb-table-rating > tbody > tr:hover { background: #f8f8f8 !important; } } /*Attendance Time Table CSS Start*/ .table-scroll-wrap { /* Mobile Table view css start */ /* Mobile Table view css End */ } .table-scroll-wrap .table-wrap.fixed-table { display: inherit; } .table-scroll-wrap .table-wrap.fixed-table .table tr td, .table-scroll-wrap .table-wrap.fixed-table .table tr th { padding: 10px; min-width: 100px; height: 72px; } .table-scroll-wrap .table-wrap.fixed-table .fixed-table-header { width: 100%; height: 67px; overflow: hidden; border-bottom: 0 none; padding-right: 10px; } .table-scroll-wrap .table-wrap.fixed-table .fixed-table-header .table tr td, .table-scroll-wrap .table-wrap.fixed-table .fixed-table-header .table tr th { padding: 5px; height: auto; } .table-scroll-wrap .table-wrap.fixed-table .fixed-table-header .table tr td.fixed-side, .table-scroll-wrap .table-wrap.fixed-table .fixed-table-header .table tr th.fixed-side { min-width: 550px; padding: 10px; width: 550px; position: sticky; left: 0; top: 0; } .table-scroll-wrap .table-wrap.fixed-table .fixed-table-sidebar { width: 550px; height: 310px; float: left; overflow: hidden; min-width: 550px; } .table-scroll-wrap .table-wrap.fixed-table .fixed-table-sidebar .table tr td, .table-scroll-wrap .table-wrap.fixed-table .fixed-table-sidebar .table tr th { background-color: #fff; } .table-scroll-wrap .table-wrap.fixed-table .fixed-table-body { overflow: auto; width: calc(100% - 550px); height: 310px; float: left; white-space: nowrap; } .table-scroll-wrap .table-wrap.fixed-table .fixed-table-body .table tr td, .table-scroll-wrap .table-wrap.fixed-table .fixed-table-body .table tr th { width: 105px; } .table-scroll-wrap .table.table-bordered { margin: 0; } .table-scroll-wrap .table.table-bordered > thead:first-child tr:first-child th, .table-scroll-wrap .table.table-bordered > tbody:first-child tr:first-child th { border-top: 1px solid #ddd; } .table-scroll-wrap .table.table-bordered > thead th, .table-scroll-wrap .table.table-bordered > thead td, .table-scroll-wrap .table.table-bordered > tbody th, .table-scroll-wrap .table.table-bordered > tbody td { font-size: 14px; font-weight: 400; } .table-scroll-wrap .table.table-bordered > thead th.toggle-collapse, .table-scroll-wrap .table.table-bordered > thead td.toggle-collapse, .table-scroll-wrap .table.table-bordered > tbody th.toggle-collapse, .table-scroll-wrap .table.table-bordered > tbody td.toggle-collapse { width: 60px; text-align: center; border: 0; background: transparent; } .table-scroll-wrap .table.table-bordered > thead td, .table-scroll-wrap .table.table-bordered > tbody td { padding: 0; background-color: #eee; border-color: #ddd; } .table-scroll-wrap .table.table-bordered > thead td.selected, .table-scroll-wrap .table.table-bordered > tbody td.selected { background: #4caf50; } .table-scroll-wrap .table.table-bordered > thead th, .table-scroll-wrap .table.table-bordered > tbody th { color: #404040; background-color: #eee; border-color: #ddd; } .table-scroll-wrap .table.table-bordered > thead th.fixed-side, .table-scroll-wrap .table.table-bordered > thead td.fixed-side, .table-scroll-wrap .table.table-bordered > tbody th.fixed-side, .table-scroll-wrap .table.table-bordered > tbody td.fixed-side { padding: 10px; text-align: left; background-color: #fff; border-color: #ddd; } .table-scroll-wrap .table.table-bordered > thead th.fixed-side.wrap, .table-scroll-wrap .table.table-bordered > thead td.fixed-side.wrap, .table-scroll-wrap .table.table-bordered > tbody th.fixed-side.wrap, .table-scroll-wrap .table.table-bordered > tbody td.fixed-side.wrap { white-space: normal; border-right: 0; } .table-scroll-wrap .table.table-bordered > thead .col-head, .table-scroll-wrap .table.table-bordered > tbody .col-head { background-color: #0e76bc; color: #fff; padding: 5px 10px; font-weight: 600; } .table-scroll-wrap .table.table-bordered > thead .col-sub-head, .table-scroll-wrap .table.table-bordered > tbody .col-sub-head { padding: 5px 10px; font-weight: 600; } .table-scroll-wrap .table.table-bordered thead th, .table-scroll-wrap .table.table-bordered thead td { font-size: 14px; font-weight: 600; } .table-scroll-wrap .table.table-bordered thead th.fixed-side { background-color: #eee; border-color: #ddd; font-weight: 600; } .table-scroll-wrap .col-left { display: inline-block; padding: 10px; float: left; } .table-scroll-wrap .col-right { display: inline-block; padding: 10px; float: right; } .table-scroll-wrap .col-right.toggle-collapse { float: right; width: 60px; text-align: center; } @media only screen and (max-width: 767px) { .table-scroll-wrap .table-wrap { overflow: hidden; } } @media only screen and (max-width: 1599px) { .table-scroll-wrap .table-wrap.fixed-table .fixed-table-header .table tr td.fixed-side, .table-scroll-wrap .table-wrap.fixed-table .fixed-table-header .table tr th.fixed-side { min-width: 300px; width: 300px; } .table-scroll-wrap .table-wrap.fixed-table .fixed-table-sidebar { width: 300px; min-width: 300px; } .table-scroll-wrap .table-wrap.fixed-table .fixed-table-body { width: calc(100% - 300px); } } .table-fixed-alt .table.table-bordered { margin: 0; } .table-fixed-alt .table.table-bordered > thead > tr td, .table-fixed-alt .table.table-bordered > tbody > tr td { background-color: #fff; height: 62px; border-color: #ddd; padding: 8px; } .table-fixed-alt .table.table-bordered > thead > tr td.selected, .table-fixed-alt .table.table-bordered > tbody > tr td.selected { background: #fff; } .table-fixed-alt .table.table-bordered > thead > tr td.fixed-col, .table-fixed-alt .table.table-bordered > tbody > tr td.fixed-col { min-width: 300px; width: 300px; } .table-fixed-alt .table.table-bordered > thead > tr td.option-col, .table-fixed-alt .table.table-bordered > tbody > tr td.option-col { padding: 0; min-width: 30px; max-width: 30px; } .table-fixed-alt .table.table-bordered > thead > tr td.option-col div[role="button"], .table-fixed-alt .table.table-bordered > tbody > tr td.option-col div[role="button"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .table-fixed-alt .table.table-bordered > thead > tr td.option-col div[role="button"] > .ft, .table-fixed-alt .table.table-bordered > tbody > tr td.option-col div[role="button"] > .ft { font-size: 24px; } .table-fixed-alt .table.table-bordered > thead > tr .col-head, .table-fixed-alt .table.table-bordered > tbody > tr .col-head { background-color: #0e76bc; color: #fff; padding: 8px; font-weight: 600; max-width: 50px; min-width: 50px; } .table-fixed-alt .table.table-bordered thead > tr th, .table-fixed-alt .table.table-bordered thead > tr td { font-size: 14px; font-weight: 400; border-color: #fff; padding: 8px; } .table-fixed-alt .table.table-bordered thead > tr th.fixed-col { background-color: #0e76bc; } .table-fixed-alt .table.table-bordered thead:first-child tr:first-child th { border-color: #ddd; } .table-scroll-container .table-responsive { position: relative; margin-bottom: 30px; } .table-scroll-container .table-responsive .table { margin-bottom: 0; } .table-scroll-container .table-responsive.fixed-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal { position: fixed; bottom: 0; left: 15px; right: 15px; } @media (min-width: 992px) { .table-scroll-container .table-responsive.fixed-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 84px; right: 40px; } } .table-data-indent { padding-left: 50px !important; } @media only screen and (min-width: 768px) { .table-data-indent { padding-left: 70px !important; } } @media only screen and (min-width: 992px) { .table-data-indent { padding-left: 60px !important; } } .table-logo { width: 50px; height: 50px; } .table-logo + .table-logo-text { margin-left: 5px; } .table-header, .main-table-text { font-size: 16px; font-weight: 600; } .main-table-text span { display: inline-block; font-size: 14px; font-weight: 400; color: #777777; } .table-title { margin-right: 70px; } .sub-text { font-size: 14px; font-weight: 400; color: #404040; } .table-tools { float: right; margin-bottom: 0; } .table-tools a { color: #404040; } /* Material Tabs */ .nav-tabs > li { margin-bottom: 0; vertical-align: top; } .nav-tabs > li > a { color: #777777; border-width: 0 0 2px; border-color: transparent; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: transparent; background-color: transparent; } .nav-tabs > li.active > a { border-width: 0 0 2px; border-color: #0e76bc; color: #0e76bc; background-color: transparent; } .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-width: 0 0 2px; border-color: #0e76bc; } .nav-tabs.nav-justified { text-align: center; } .nav-tabs.nav-justified > li { background: #f5f5f5; white-space: nowrap; } .nav-tabs.nav-justified > li > a { border-width: 0; padding: 0; font-size: 14px; line-height: 28px; font-weight: 600; vertical-align: top; } .nav-tabs.nav-justified > li > a:hover, .nav-tabs.nav-justified > li > a:hover { color: #777777; } .nav-tabs.nav-justified > li > a span { display: block; padding: 10px 15px; border: 1px solid #e2e2e2; border-left-width: 0px; } .nav-tabs.nav-justified > li.active > a { border-width: 0; color: #404040; line-height: 27px; background-color: transparent; } .nav-tabs.nav-justified > li.active > a:hover, .nav-tabs.nav-justified > li.active > a:focus { border-width: 0; } .nav-tabs.nav-justified > li.active > a span { border-bottom: 2px solid #0e76bc; } .nav-tabs.nav-justified > li:last-child > a span { border-right-width: 0px; } .nav-tabs.nav-flat > li { background: #FFF; } .nav-tabs.nav-flat > li a { font-size: 20px; } .nav-tabs.nav-flat > li a span { padding-top: 11px; border-color: #c3c3c3; border-width: 0 0 1px; } .nav-tabs.nav-flat > li.active a, .nav-tabs.nav-flat > li.active a:hover, .nav-tabs.nav-flat > li.active a:focus { color: #0e76bc; } .nav-tabs.tabs-primary > li { background: #FFF; } .nav-tabs.tabs-primary > li a { font-size: 16px; color: #0e76bc; background: #fff; } .nav-tabs.tabs-primary > li a:hover, .nav-tabs.tabs-primary > li a:focus { color: #0e76bc; } .nav-tabs.tabs-primary > li a span { padding-top: 8px; padding-bottom: 8px; border-color: #0e76bc; border-width: 1px 1px 1px 0; } .nav-tabs.tabs-primary > li:first-child > a span { border-left-width: 1px; } .nav-tabs.tabs-primary > li:last-child > a span { border-right-width: 1px; } .nav-tabs.tabs-primary > li.active a, .nav-tabs.tabs-primary > li.active a:hover, .nav-tabs.tabs-primary > li.active a:focus { color: #fff; } .nav-tabs.tabs-primary > li.active > a { background: #0e76bc; line-height: 28px; } .nav-tabs.tabs-primary > li.active > a span { border-bottom-width: 1px; } @media only screen and (max-width: 767px) { .nav-tabs.nav-justified { display: table; width: 100%; } .nav-tabs.nav-justified > li { display: table-cell; width: 999px; } .nav-tabs.nav-justified > li > a span { display: block; } .nav-tabs.nav-justified > li + li { margin-left: 0; } .nav-tabs.nav-flat > li a { font-size: 16px; } } .nav-pills { margin: 0 auto 20px; display: table; } .nav-pills.nav-stacked { display: block; overflow: hidden; font-size: 12px; line-height: 1.42857143; } .navbar-aside .nav-pills.nav-stacked { min-width: inherit; } .is-mobile .navbar-aside > .nav-pills.nav-stacked { visibility: hidden; opacity: 0; padding: 5px; background: rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.3s 1.5s linear, visibility 0.3s 1.5s linear, top 0.3s ease; -o-transition: opacity 0.3s 1.5s linear, visibility 0.3s 1.5s linear, top 0.3s ease; transition: opacity 0.3s 1.5s linear, visibility 0.3s 1.5s linear, top 0.3s ease; } .is-mobile .navbar-aside > .nav-pills.nav-stacked.visible-mobile { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .nav-pills.nav-stacked > li { display: block; } .nav-pills.nav-stacked > li > a { color: #404040; background: #fff; border-left: 1px solid transparent; padding-left: 14px; } .nav-pills.nav-stacked > li > a:hover { color: #0e76bc; background: #fff; border-color: #0e76bc; } .nav-pills.nav-stacked > li > .nav-stacked { margin: 2px 0 0; font-size: 10px; } .nav-pills.nav-stacked > li > .nav-stacked > li > a { padding: 5px 10px 5px 24px; } .nav-pills.nav-stacked > li > .nav-stacked > li.active > a { padding-left: 22px; } .affix-top.nav-pills.nav-stacked > li > .nav-stacked, .affix.nav-pills.nav-stacked > li > .nav-stacked { max-height: 0px; } .nav-pills.nav-stacked > .active > a { font-weight: 600; color: #0e76bc; border-left: 3px solid #0e76bc; padding-left: 12px; } .affix-top.nav-pills.nav-stacked > .active > .nav-stacked, .affix.nav-pills.nav-stacked > .active > .nav-stacked { max-height: 1000px; } .nav-pills.nav-stacked.affix { top: 50%; top: calc(50% + 50px); right: 0; z-index: 10; margin-bottom: 0; max-height: 100vh; max-height: calc(100vh - 110px); overflow: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .header--hidden ~ .content-wrapper .nav-pills.nav-stacked.affix, .header--hidden ~ .application-host .content-wrapper .nav-pills.nav-stacked.affix { top: calc(50% + 25px); max-height: calc(100vh - 60px); } @media (min-width: 992px) { .nav-pills.nav-stacked { font-size: inherit; } .nav-pills.nav-stacked.affix { top: calc(50% + 25px); right: 15px; height: calc(100vh - 60px); } .nav-pills.nav-stacked > li > .nav-stacked { font-size: 14px; } } .nav-pills > li { display: table-cell; float: none; } .nav-pills-wrap .nav-pills, .panel .panel-heading .nav-pills { margin-bottom: 0; } .nav-pills.mdb-pills { text-align: center; padding: 3px 0; } .nav-pills.mdb-pills li + li { padding-left: 5px; } .nav-pills.mdb-pills li.nav-header { font-size: 14px; font-weight: 600; } .nav-pills.mdb-pills li a, .nav-pills.mdb-pills li a:hover, .nav-pills.mdb-pills li a:focus { padding: 7px 15px; color: #0e76bc; background-color: #fff; border: none; white-space: nowrap; font-size: 14px; line-height: 1.42857143; font-weight: 600; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .nav-pills.mdb-pills li.active a { background-color: #0e76bc; color: #fff; } @media (min-width: 768px) { .nav-pills.mdb-pills li > a { min-width: 100px; } } .nav-pills.panel-pills { text-align: center; } .nav-pills.panel-pills li { height: 36px; } .nav-pills.panel-pills li + li { padding-left: 5px; } .nav-pills.panel-pills li a, .nav-pills.panel-pills li a:hover, .nav-pills.panel-pills li a:focus { padding: 7px 15px; color: #b6b5b5; background-color: transparent; border: 1px solid #b6b5b5; border-radius: 50px; white-space: nowrap; font-size: 14px; line-height: 1.42857143; font-weight: 600; } .nav-pills.panel-pills li.active a { color: #0e76bc; border-color: #0e76bc; } .nav-pills.panel-pills li.has-success a { color: #4caf50; border-color: #4caf50; background-color: #fff; } .nav-pills.panel-pills li.has-success a:before { content: '\e038'; } .nav-pills.panel-pills li.has-success.active a { color: #fff; border-color: #4caf50; background-color: #4caf50; } .nav-pills.panel-pills li.has-error a { color: #f44336; border-color: #f44336; background-color: #fff; } .nav-pills.panel-pills li.has-error a:before { content: '\e0f5'; } .nav-pills.panel-pills li.has-error.active a { color: #fff; border-color: #f44336; background-color: #f44336; } .nav-pills.panel-pills li.has-success a:before, .nav-pills.panel-pills li.has-error a:before { font-family: 'fontastic'; font-weight: normal; font-size: 20px; line-height: 20px; display: inline-block; vertical-align: middle; margin-left: -5px; margin-right: 5px; } .nav-pills.panel-pills.nav-pills-xs a, .nav-pills.panel-pills.nav-pills-xs a:hover, .nav-pills.panel-pills.nav-pills-xs a:focus { font-size: 12px; padding: 3px 10px; } .nav-pills.panel-pills.primary-pills > li a { min-width: 80px; } .nav-pills.panel-pills.primary-pills > li a, .nav-pills.panel-pills.primary-pills > li a:hover, .nav-pills.panel-pills.primary-pills > li a:focus { color: #0e76bc; border-color: #0e76bc; } .nav-pills.panel-pills.primary-pills > li.active a { color: #ffffff; background-color: #0e76bc; border-color: #0e76bc; } .nav-pills.panel-pills.primary-pills > li.disabled a { pointer-events: none; color: #9e9e9e; border-color: #9e9e9e; } .nav-pills.panel-pills.primary-pills > li.disabled.active a { color: #fff; background-color: #9e9e9e; } .nav-pills.icon-pills { text-align: center; } .nav-pills-wrap .nav-pills.icon-pills { margin-bottom: 0; } .nav-pills.icon-pills li { padding: 0 10px; min-width: 100px; } .nav-pills.icon-pills li a, .nav-pills.icon-pills li a:hover, .nav-pills.icon-pills li a:focus { color: #404040; background-color: transparent; border: none; } .nav-pills.icon-pills li a { padding: 0; white-space: nowrap; font-size: 12px; line-height: 22px; font-weight: 600; } .nav-pills.icon-pills li a > .ft { display: block; margin: 0 auto 4px; font-size: 30px; line-height: 30px; } .nav-pills.icon-pills li a > span { display: inline-block; border-bottom: 2px solid transparent; } .nav-pills.icon-pills li.active a { color: #0e76bc; } .nav-pills.icon-pills li.active a > span { border-bottom-color: #0e76bc; } .nav-pills.mobile-pills { margin-bottom: 10px; width: 100%; max-width: 300px; } .nav-pills.mobile-pills > li .btn { margin: auto; } .nav-pills.mobile-pills + .tab-content { padding: 10px 15px 20px; } .nav-pills.mobile-pills + .tab-content .tab-pane { text-align: center; } .nav-pills.mobile-pills + .tab-content .tab-pane p { font-size: 16px; } @media only screen and (min-width: 992px) { .nav-pills.icon-pills li { min-width: 120px; } .nav-pills.icon-pills li a { font-size: 14px; } .nav-pills.icon-pills li a > .ft { margin-bottom: 8px; font-size: 40px; line-height: 40px; } } .navbar-aside { min-width: 50px; } .is-mobile .navbar-aside { min-width: 0; } .nav-tabs-wrap, .nav-pills-wrap { max-height: 50px !important; min-height: 50px; /*width: 100%;*/ max-width: 100%; overflow: hidden; background: #f5f5f5; -webkit-transition: position 0.3s ease-in-out, width 0.3s ease-in-out; -o-transition: position 0.3s ease-in-out, width 0.3s ease-in-out; transition: position 0.3s ease-in-out, width 0.3s ease-in-out; } .nav-tabs-wrap.wrap-has-mb, .wrap-has-mb.nav-pills-wrap, .content-block > .nav-tabs-wrap, .content-block-nopad > .nav-tabs-wrap, .content-block-pad-md > .nav-tabs-wrap, .content-block > .nav-pills-wrap, .content-block-nopad > .nav-pills-wrap, .content-block-pad-md > .nav-pills-wrap { margin-bottom: 20px; } .tab-pane > .nav-tabs-wrap + .tab-content, .tab-pane > .nav-pills-wrap + .tab-content { margin-top: 20px; } .head-wrap .content-head + .nav-tabs-wrap, .head-wrap .content-head + .nav-pills-wrap, .head-wrap .content-modal-head + .nav-tabs-wrap, .head-wrap .content-modal-head + .nav-pills-wrap, .head-wrap .content-modal-sub-head + .nav-tabs-wrap, .head-wrap .content-modal-sub-head + .nav-pills-wrap { margin-top: 10px; } .head-wrap .content-head ~ .nav-tabs-wrap, .head-wrap .content-head ~ .nav-pills-wrap, .head-wrap .switch-view + .nav-tabs-wrap, .head-wrap .switch-view + .nav-pills-wrap { margin-top: 10px; } .nav-tabs-wrap > .mCustomScrollBox, .nav-pills-wrap > .mCustomScrollBox { min-height: 50px; } .nav-tabs-wrap > .mCustomScrollBox:focus, .nav-pills-wrap > .mCustomScrollBox:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5); box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5); } .nav-tabs-wrap.affix-top > .mCustomScrollBox, .affix-top.nav-pills-wrap > .mCustomScrollBox { z-index: 1039; position: fixed !important; top: 100px; left: 0; right: 0; -webkit-transition: top 0.3s ease-in-out, left 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out, left 0.3s ease-in-out; transition: top 0.3s ease-in-out, left 0.3s ease-in-out; } .header--hidden ~ .content-wrapper .nav-tabs-wrap.affix-top > .mCustomScrollBox, .header--hidden ~ .content-wrapper .affix-top.nav-pills-wrap > .mCustomScrollBox, .header--hidden ~ .application-host .content-wrapper .nav-tabs-wrap.affix-top > .mCustomScrollBox, .header--hidden ~ .application-host .content-wrapper .affix-top.nav-pills-wrap > .mCustomScrollBox { top: 50px; } .nav-tabs-wrap.nav-tabs-alt > .mCustomScrollBox, .nav-tabs-alt.nav-pills-wrap > .mCustomScrollBox, .nav-tabs-wrap.nav-tabs-alt.affix-top > .mCustomScrollBox, .nav-tabs-alt.affix-top.nav-pills-wrap > .mCustomScrollBox { max-height: 50px !important; } .nav-tabs-wrap.nav-tabs-alt .nav-tabs.nav-justified > li, .nav-tabs-alt.nav-pills-wrap .nav-tabs.nav-justified > li { vertical-align: middle; } .nav-tabs-wrap.nav-tabs-alt .nav-tabs.nav-justified > li:not(.active) > a span, .nav-tabs-alt.nav-pills-wrap .nav-tabs.nav-justified > li:not(.active) > a span { border-bottom: none; } .nav-tabs-wrap.nav-tabs-alt .nav-tabs.nav-justified > li > *, .nav-tabs-alt.nav-pills-wrap .nav-tabs.nav-justified > li > * { vertical-align: middle; } .nav-tabs-wrap.nav-tabs-alt .nav-tabs.nav-justified > li > a > span, .nav-tabs-alt.nav-pills-wrap .nav-tabs.nav-justified > li > a > span { border-right: none; } .nav-tabs-wrap.nav-tabs-alt .nav-tabs.nav-justified > li > a > span + .btn, .nav-tabs-alt.nav-pills-wrap .nav-tabs.nav-justified > li > a > span + .btn { margin: 0 10px; } .nav-pills-wrap { max-height: 39px !important; min-height: 39px; background: transparent; } .nav-pills-wrap > .mCustomScrollBox { min-height: 39px; } .nav-pills-wrap.nav-pills-alt { max-height: 60px !important; min-height: 60px; } @media only screen and (min-width: 768px) { .nav-tabs-wrap.nav-tabs-alt, .nav-tabs-alt.nav-pills-wrap { max-height: 60px !important; min-height: 60px; } .nav-tabs-wrap.nav-tabs-alt > .mCustomScrollBox, .nav-tabs-alt.nav-pills-wrap > .mCustomScrollBox, .nav-tabs-wrap.nav-tabs-alt.affix-top > .mCustomScrollBox, .nav-tabs-alt.affix-top.nav-pills-wrap > .mCustomScrollBox { max-height: 60px !important; min-height: 60px; } .nav-tabs-alt .nav-tabs.nav-justified > li.active > a span { padding-bottom: 13px; } .nav-tabs-alt .nav-tabs.nav-justified > li > a { font-size: 14px; } .nav-tabs-alt .nav-tabs.nav-justified > li > a span { padding: 15px 15px; } } @media only screen and (min-width: 992px) { .nav-tabs-wrap.affix-top > .mCustomScrollBox, .affix-top.nav-pills-wrap > .mCustomScrollBox { top: 50px; left: 230px; width: calc(100% - 230px); } .sidebar-collapse .nav-tabs-wrap.affix-top > .mCustomScrollBox, .sidebar-collapse .affix-top.nav-pills-wrap > .mCustomScrollBox { left: 54px; width: calc(100% - 54px); } .dark-section + .nav-tabs-wrap.nav-tabs-alt, .dark-section + .nav-tabs-alt.nav-pills-wrap { padding-right: 350px; } .nav-tabs-wrap.nav-pills-alt, .nav-pills-alt.nav-pills-wrap { max-height: 75px !important; min-height: 75px; } } @media only screen and (min-width: 1200px) { .dark-section + .nav-tabs-wrap.nav-tabs-alt, .dark-section + .nav-tabs-alt.nav-pills-wrap { padding-right: 380px; } } @media only screen and (min-width: 1600px) { .dark-section + .nav-tabs-wrap.nav-tabs-alt, .dark-section + .nav-tabs-alt.nav-pills-wrap { padding-right: 420px; } } /* END - Material Tabs */ /* * Stepper Tabs */ .sidebar-tabs > li > a, .stepper-tabs-alt li .step-count { color: inherit; } .sidebar-tabs > li > a:before, .stepper-tabs-alt li .step-count:before { content: "\e038"; display: block; margin-right: 10px; height: 36px; width: 36px; line-height: 34px; text-align: center; color: white; background-color: #c1c0c0; border: 1px solid #c1c0c0; } .sidebar-tabs > li > a.stepper-tabs:before, .sidebar-tabs > li > a.stepper-tabs-alt:before, .stepper-tabs-alt li .stepper-tabs-alt.step-count:before, .stepper-tabs-alt li .stepper-tabs.step-count:before { content: counter(step-counter); line-height: 34px; font-size: inherit; font-weight: inherit; font-family: inherit; color: #777777; background: white; border-color: #777777; } .sidebar-tabs { margin: 0; padding: 0; counter-reset: step-counter; } .sidebar-tabs ul { padding-left: 0; } .sidebar-tabs ul li { position: relative; list-style: none; } .sidebar-tabs > li { position: relative; counter-increment: step-counter; color: #777777; } .sidebar-tabs > li > a:hover, .sidebar-tabs > li > a:focus { background-color: transparent; } .sidebar-tabs > li.active { color: #0e76bc; } .sidebar-tabs > li.active > a:before { color: #0e76bc; border-color: #0e76bc; background-color: white; } .sidebar-tabs > li.has-success { color: #4caf50; } .sidebar-tabs > li.has-success > a:before { color: white; background-color: #4caf50; border-color: #4caf50; } .stepper-tabs.sidebar-tabs > li.has-success > a:before, .sidebar-tabs.stepper-tabs-alt > li.has-success > a:before { content: "\e038"; line-height: 34px; } .sidebar-tabs > li.has-success.active { color: #0e76bc; } .sidebar-tabs > li.has-success.active > a:before { color: #0e76bc; background-color: white; border-color: #0e76bc; } .stepper-tabs.sidebar-tabs > li.has-success.active > a:before, .sidebar-tabs.stepper-tabs-alt > li.has-success.active > a:before { content: counter(step-counter); font-family: inherit; font-size: 14px; } .stepper-tabs-alt ul { counter-reset: substep-counter; width: 100%; } .stepper-tabs-alt ul > li > a .step-count:before { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .stepper-tabs-alt ul > li.has-success:first-child > a .step-count:after { height: 100%; } .stepper-tabs-alt ul > li.has-inprogress > a .step-count:after { top: 0; } .stepper-tabs-alt li > a:first-of-type { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 75%; flex: 1 1 75%; } .stepper-tabs-alt li > a:first-of-type ~ a { color: #0e76bc; padding: 0 0 0 6px; display: block; line-height: 1; } .stepper-tabs-alt li > [data-toggle="collapse"] { color: #404040 !important; } .stepper-tabs-alt li > [data-toggle="collapse"] > .ft:before { content: "\e00b"; } .stepper-tabs-alt li > [data-toggle="collapse"].collapsed > .ft:before { content: "\e008"; } .stepper-tabs-alt li ul li > [data-toggle="collapse"] > .ft:before { content: "\e017"; } .stepper-tabs-alt li ul li > [data-toggle="collapse"].collapsed > .ft:before { content: "\e013"; } .stepper-tabs-alt li.active > [data-toggle="collapse"] { color: #404040; } .stepper-tabs-alt > li > a .step-count { top: 10px; left: -20px; } .stepper-tabs-alt > li > ul > li > a:first-of-type { padding: 15px 0 15px 5px; } .stepper-tabs-alt > li > ul > li > a:first-of-type .step-count:before { counter-increment: substep-counter; content: counter(substep-counter); top: 26px; height: 36px; width: 36px; line-height: 30px; margin: 1px; background: #fff; color: #404040; border: 3px solid #fff; font-size: 12px; font-weight: 600; font-family: "Open Sans", sans-serif; -webkit-box-shadow: 0 0 0px 1px #b4b4b4; box-shadow: 0 0 0px 1px #b4b4b4; border-radius: 36px; text-align: center; } @media (min-width: 992px) { .stepper-tabs-alt > li > ul > li > a:first-of-type .step-count:before { line-height: 30px; } } .stepper-tabs-alt > li > ul > li ul li > a { display: block; padding: 10px 0 10px 5px; } .stepper-tabs-alt > li > ul > li ul li > a .step-count { font-style: normal; z-index: 1; position: absolute; left: -20px; background: #bababa; } .stepper-tabs-alt > li > ul > li ul li > a .step-count:before { content: counters(substep-counter,".") " "; content: ''; position: absolute; left: 0; top: 21px; width: 15px; height: 15px; font-size: 14px; background: #fff; -webkit-box-shadow: 0 0 0 1px #707070; box-shadow: 0 0 0 1px #707070; border-radius: 15px; } @media (min-width: 992px) { .stepper-tabs-alt > li > ul > li ul li > a .step-count { left: -26px; } } .stepper-tabs-alt > li > ul > li ul li.has-inprogress > a .step-count { background: #0e76bc; } .stepper-tabs-alt > li > ul > li ul li.has-inprogress > a .step-count:before { content: ""; width: 20px; height: 20px; font-size: 10px; line-height: 16px; background: #ffc107; -webkit-box-shadow: 0 0 0 1px #b4b4b4; box-shadow: 0 0 0 1px #b4b4b4; color: #fff; border: 2px solid #fff; } .stepper-tabs-alt > li > ul > li ul li.has-success > a .step-count { background: #0e76bc; } .stepper-tabs-alt > li > ul > li ul li.has-success > a .step-count:before { content: "\e038"; width: 20px; height: 20px; font-size: 10px; line-height: 16px; background: #4caf50; box-shadow: 0 0 0 1px #0e76bc; color: #fff; border: 2px solid #fff; } .stepper-tabs-alt li .step-count { position: absolute; top: 0; left: -20px; height: 100%; width: 2px; display: block; background: #bababa; z-index: 1; } .stepper-tabs-alt li .step-count:before { content: ''; position: absolute; left: 0; top: 0; margin: 1px; background: white; color: #404040; border: 3px solid #fff; font-size: 16px; font-weight: 600; font-family: "Open Sans", sans-serif; -webkit-box-shadow: 0 0 0px 1px #b4b4b4; box-shadow: 0 0 0px 1px #b4b4b4; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .stepper-tabs-alt li.has-success .step-title { color: #0e76bc; } .stepper-tabs-alt li.has-success > a:first-of-type .step-count:before { color: white; background: #4caf50; -webkit-box-shadow: 0 0 0px 1px #0e76bc; box-shadow: 0 0 0px 1px #0e76bc; } .stepper-tabs-alt li.has-success > a:first-of-type .step-count:after { content: ''; display: block; width: 2px; height: 100%; background: #0e76bc; position: absolute; left: 0; z-index: -1; top: -10px; } .stepper-tabs-alt li.has-success > a .step-count { content: "\e038"; line-height: 30px; } .stepper-tabs-alt li.has-success:first-child > a .step-count:after { height: calc( 100% - 10px ); top: 0; } .stepper-tabs-alt li.has-success:last-child > a .step-count:after { height: 10px; } .stepper-tabs-alt li.has-inprogress > a .step-title:after { content: '\e0f1'; display: inline; vertical-align: middle; margin-left: 5px; color: #0e76bc; } .stepper-tabs-alt li.has-inprogress > a:first-of-type .step-count:before { font-size: 16px; font-family: "Open Sans", sans-serif; color: white; background: #ffc107; } .stepper-tabs-alt li.has-inprogress > a:first-of-type .step-count:after { content: ''; display: block; width: 2px; height: 100%; background: #0e76bc; position: absolute; left: 0; z-index: -1; top: -10px; } .stepper-tabs-alt li.has-inprogress .step-title { color: #404040; } .stepper-tabs-alt > li > a:before { display: none; } .stepper-tabs-alt > li .step-count:before { content: counter(step-counter); } .stepper-tabs-alt > li .step-title { color: #404040; font-size: 16px; font-weight: 600; } .stepper-tabs-alt > li .step-desc { color: #404040; font-size: 10px; font-weight: 400; } .stepper-tabs-alt > li ul .step-title { font-size: 14px; font-style: italic; } .stepper-tabs-alt > li ul ul .step-title { font-weight: 400; } .stepper-tabs-alt > li:first-child.active:before { display: none; } .stepper-tabs-alt > li:last-child > a .step-count { top: 0px; height: calc( 36px + 10px); } .stepper-tabs-alt > li:last-child > a .step-count:before { top: 10px; } .stepper-tabs-alt > li.has-inprogress > a .step-count:before { content: counter(step-counter); } @media (min-width: 992px) { .stepper-tabs-alt li > a .step-count { left: -26px; } .stepper-tabs-alt li > a .step-count:before { width: 48px; height: 48px; line-height: 42px; } .stepper-tabs-alt li.has-success > a .step-count:before { line-height: 42px; } .stepper-tabs-alt > li > a .step-count { left: -26px; } .stepper-tabs-alt > li ul > li.has-success > a .step-count:before { line-height: 30px; } .stepper-tabs-alt > li.has-inprogress:before { left: -29px; } .stepper-tabs-alt > li:last-child > a .step-count { height: calc( 48px + 10px); } } /* * END - Stepper Tabs */ [data-role="move"] { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } /* *Currency based on Locale */ .ft-currency:before { content: "\e0e7"; } .locale-en-in .ft-currency:before { content: "\e164"; } /* *END - Currency based on Locale */ .text-truncate, .compact-mode .floating-label .form-group .help-block, .mdb-list .media .media-body .widget-body .list-inline > li, .card-img-top > .card-fixed-badge > .badge, .mdb-flip-card .card-block .team-title, .mdb-flip-card .card-block .team-title-primary, .mdb-flip-card .card-block .team-role, .mdb-flip-card .card-block .team-organization, .mdb-flip-card .card-title, .mdb-flip-card .card-desc, .mdb-flip-card .card-hyperlink, .personnel-item.personnel-item-alt .personnel-info .personnel-link, .media-flex.media-team .team-title, .media-team.media.media-flex-box .team-title, .media-team.media.media-checkbox .team-title, .media-team.media.media-input .team-title, .media-flex.media-team .team-title-primary, .media-team.media.media-flex-box .team-title-primary, .media-team.media.media-checkbox .team-title-primary, .media-team.media.media-input .team-title-primary, .media-flex.media-team .team-role, .media-team.media.media-flex-box .team-role, .media-team.media.media-checkbox .team-role, .media-team.media.media-input .team-role, .media-flex.media-team .team-organization, .media-team.media.media-flex-box .team-organization, .media-team.media.media-checkbox .team-organization, .media-team.media.media-input .team-organization { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .row-height-equal .text-truncate, .row-height-equal .compact-mode .floating-label .form-group .help-block, .compact-mode .floating-label .form-group .row-height-equal .help-block, .row-height-equal .mdb-list .media .media-body .widget-body .list-inline > li, .mdb-list .media .media-body .widget-body .row-height-equal .list-inline > li, .row-height-equal .card-img-top > .card-fixed-badge > .badge, .row-height-equal .mdb-flip-card .card-block .team-title, .mdb-flip-card .card-block .row-height-equal .team-title, .row-height-equal .mdb-flip-card .card-block .team-title-primary, .mdb-flip-card .card-block .row-height-equal .team-title-primary, .row-height-equal .mdb-flip-card .card-block .team-role, .mdb-flip-card .card-block .row-height-equal .team-role, .row-height-equal .mdb-flip-card .card-block .team-organization, .mdb-flip-card .card-block .row-height-equal .team-organization, .row-height-equal .mdb-flip-card .card-title, .mdb-flip-card .row-height-equal .card-title, .row-height-equal .mdb-flip-card .card-desc, .mdb-flip-card .row-height-equal .card-desc, .row-height-equal .mdb-flip-card .card-hyperlink, .mdb-flip-card .row-height-equal .card-hyperlink, .row-height-equal .personnel-item.personnel-item-alt .personnel-info .personnel-link, .personnel-item.personnel-item-alt .personnel-info .row-height-equal .personnel-link, .row-height-equal .media-flex.media-team .team-title, .media-flex.media-team .row-height-equal .team-title, .row-height-equal .media-team.media.media-flex-box .team-title, .media-team.media.media-flex-box .row-height-equal .team-title, .row-height-equal .media-team.media.media-checkbox .team-title, .media-team.media.media-checkbox .row-height-equal .team-title, .row-height-equal .media-team.media.media-input .team-title, .media-team.media.media-input .row-height-equal .team-title, .row-height-equal .media-flex.media-team .team-title-primary, .media-flex.media-team .row-height-equal .team-title-primary, .row-height-equal .media-team.media.media-flex-box .team-title-primary, .media-team.media.media-flex-box .row-height-equal .team-title-primary, .row-height-equal .media-team.media.media-checkbox .team-title-primary, .media-team.media.media-checkbox .row-height-equal .team-title-primary, .row-height-equal .media-team.media.media-input .team-title-primary, .media-team.media.media-input .row-height-equal .team-title-primary, .row-height-equal .media-flex.media-team .team-role, .media-flex.media-team .row-height-equal .team-role, .row-height-equal .media-team.media.media-flex-box .team-role, .media-team.media.media-flex-box .row-height-equal .team-role, .row-height-equal .media-team.media.media-checkbox .team-role, .media-team.media.media-checkbox .row-height-equal .team-role, .row-height-equal .media-team.media.media-input .team-role, .media-team.media.media-input .row-height-equal .team-role, .row-height-equal .media-flex.media-team .team-organization, .media-flex.media-team .row-height-equal .team-organization, .row-height-equal .media-team.media.media-flex-box .team-organization, .media-team.media.media-flex-box .row-height-equal .team-organization, .row-height-equal .media-team.media.media-checkbox .team-organization, .media-team.media.media-checkbox .row-height-equal .team-organization, .row-height-equal .media-team.media.media-input .team-organization, .media-team.media.media-input .row-height-equal .team-organization { margin-top: 5px; } .object-fit-contain.compat-object-fit { background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; } .object-fit-contain.compat-object-fit .card-img-overlay { z-index: 1; } .object-fit-contain.compat-object-fit img { opacity: 0; } .object-fit-cover.compat-object-fit { background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .object-fit-cover.compat-object-fit .card-img-overlay { z-index: 1; } .object-fit-cover.compat-object-fit img { opacity: 0; } /* * TOOLTIP */ .tooltip { line-height: 1.62; border-radius: 2px; } .tooltip.top .tooltip-arrow { border-top-color: #404040; } .tooltip.right .tooltip-arrow { border-right-color: #404040; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #404040; } .tooltip.left .tooltip-arrow { border-left-color: #404040; } .tooltip .tooltip-inner { color: #FFF; background: #404040; padding: 4px 10px; font-size: 12px; /*white-space: nowrap;*/ } /* * END - TOOLTIP */ /* * Popover * */ .popover { max-width: 280px; min-width: 180px; } .popover.bottom { margin-right: 5px; margin-left: 5px; } .popover.bottom > .arrow:after { border-bottom-color: #f7f7f7; } .popover.top { margin-right: 5px; margin-left: 5px; } .popover .close { padding: 5px 10px 5px 0; line-height: 22px; } .popover .close > .ft { font-size: 14px; } .popover .popover-title.text-primary { background: #f7f7f7; } .popover > .popover-content { overflow: auto; padding-left: 15px; padding-right: 15px; max-height: 250px; } .popover > .popover-content .dl-details, .popover > .popover-content .dl-info { font-size: 14px; } .popover > .popover-content .dl-details dt, .popover > .popover-content .dl-info dt { min-width: 100px; margin-right: 0; } .popover > .popover-content .dl-details dd, .popover > .popover-content .dl-info dd { margin-bottom: 5px; margin-left: 110px; } .popover.custom-popover { left: auto !important; right: 0 !important; } /* * END - Popover * */ /* * BREADCRUMB */ .breadcrumb { display: none; color: #404040; font-size: 12px; font-weight: 600; background-color: transparent; padding-top: 0; padding-bottom: 10px !important; margin-bottom: 0 !important; } .breadcrumb > li.active { color: #404040; } .breadcrumb > li + li:before { content: '\e002'; color: #404040; padding: 0 2px; vertical-align: middle; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; font-size: 16px; line-height: inherit; font-family: "fontastic" !important; text-transform: none !important; speak: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .breadcrumb > li > a { color: #0e76bc; font-weight: 600; vertical-align: middle; } .breadcrumb > li > span { vertical-align: middle; } @media only screen and (min-width: 768px) { .breadcrumb { display: block; } } /* * END - BREADCRUMB */ /* * PAGE LOADER */ .page-loader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fefefe; background: rgba(254, 254, 254, 0.55); z-index: 9999; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .loader-icon { position: relative; margin: 0; width: 62px; height: 62px; -webkit-perspective: 780px; perspective: 780px; } .flex-container .loader-icon { margin: auto; } .loader-inner { position: absolute; width: 100%; height: 100%; } .loader-inner.one { left: 0%; top: 0%; animation: rotate-one 1.15s linear infinite; -o-animation: rotate-one 1.15s linear infinite; -ms-animation: rotate-one 1.15s linear infinite; -webkit-animation: rotate-one 1.15s linear infinite; -moz-animation: rotate-one 1.15s linear infinite; border-bottom: 3px solid #0e76bc; } .loader-inner.two { right: 0%; top: 0%; animation: rotate-two 1.15s linear infinite; -o-animation: rotate-two 1.15s linear infinite; -ms-animation: rotate-two 1.15s linear infinite; -webkit-animation: rotate-two 1.15s linear infinite; -moz-animation: rotate-two 1.15s linear infinite; border-right: 3px solid #0e76bc; } .loader-inner.three { right: 0%; bottom: 0%; animation: rotate-three 1.15s linear infinite; -o-animation: rotate-three 1.15s linear infinite; -ms-animation: rotate-three 1.15s linear infinite; -webkit-animation: rotate-three 1.15s linear infinite; -moz-animation: rotate-three 1.15s linear infinite; border-top: 3px solid #0e76bc; } @keyframes rotate-one { 0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-o-keyframes rotate-one { 0% { -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-ms-keyframes rotate-one { 0% { -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-webkit-keyframes rotate-one { 0% { -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-moz-keyframes rotate-one { 0% { -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @keyframes rotate-two { 0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-o-keyframes rotate-two { 0% { -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-ms-keyframes rotate-two { 0% { -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-webkit-keyframes rotate-two { 0% { -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-moz-keyframes rotate-two { 0% { -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @keyframes rotate-three { 0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-o-keyframes rotate-three { 0% { -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-ms-keyframes rotate-three { 0% { -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-webkit-keyframes rotate-three { 0% { -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-moz-keyframes rotate-three { 0% { -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } /* * END - PAGE LOADER */ /* * Back to Top */ [data-toggle="backtop"] { position: fixed; bottom: 15px; right: 15px; z-index: 999; display: none; -webkit-transition: bottom 0.3s ease-in; -o-transition: bottom 0.3s ease-in; transition: bottom 0.3s ease-in; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } [data-toggle="backtop"] .link-holder { width: 50px; height: 50px; position: relative; } [data-toggle="backtop"] a { width: 36px; height: 36px; line-height: 36px; display: block; position: absolute; left: 50%; top: 50%; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; text-align: center; text-decoration: none; color: #FFFFFF; background-color: rgba(14, 118, 188, 0.8); } [data-toggle="backtop"] a .ft { line-height: inherit; } .page-content.control-open ~ [data-toggle="backtop"] { bottom: 65px; } @media (min-width: 992px) { [data-toggle="backtop"] { bottom: 30px; right: 30px; } [data-toggle="backtop"] a { width: 44px; height: 44px; line-height: 44px; opacity: .55; } [data-toggle="backtop"] a:hover, [data-toggle="backtop"] a:focus { opacity: 1; } [data-toggle="backtop"] a .ft { font-size: 22px; } .page-content.control-open ~ [data-toggle="backtop"] { bottom: 80px; } } /* * END - Back to Top */ .page-nav { display: block; margin-bottom: 5px; font-size: 14px; font-weight: 600; text-transform: uppercase; -webkit-box-align: end; -ms-flex-align: end; align-self: flex-end; text-align: right; } .page-nav.nav-prev { -webkit-box-align: start; -ms-flex-align: start; align-self: flex-start; text-align: left; } .page-nav .ft { /*width: 30px;*/ line-height: 30px; text-align: center; } .page-nav .ft, .page-nav .nav-text { vertical-align: middle; font-size: inherit; } /*SWITCH */ .switch-view { float: right; margin: 0 -5px 0 0; } .switch-view.pull-left { margin-right: 0; margin-left: -5px; } .switch-view > li { /*& + li { margin-left: -6px; }*/ } .switch-view > li > a, .switch-view > li > span { display: block; color: #404040; } .switch-view > li > span > .ft, .switch-view > li > a > .ft, .switch-view > li > .dropdown > .dropdown-toggle > .ft { font-size: 24px; line-height: 36px; } .switch-view > li.active > a, .switch-view > li.active > span { color: #0e76bc; } .switch-view > li.active.dropdown > a, .switch-view > li.active.dropdown > span { color: #404040; } @media only screen and (min-width: 768px) { .switch-view > li > span > .ft, .switch-view > li > a > .ft, .switch-view > li > .dropdown > .dropdown-toggle > .ft { font-size: 24px; line-height: 42px; } } /*END - SWITCH */ /* * Add Item * */ .add-item-bar, .add-item-placeholder, .add-item-block, .add-item { position: relative; cursor: pointer; margin: 0 auto; padding: 10px; width: 100%; height: 65px; border: 1px dashed #b8b8b8; text-align: center; color: #777777; } .mdb-step-wrap + .add-item-bar, .mdb-step-wrap + .add-item-placeholder, .mdb-step-wrap + .add-item-block, .mdb-step-wrap + .add-item { margin-top: 30px; } .panel.mdb-step-wrap + .add-item-bar, .panel.mdb-step-wrap + .add-item-placeholder, .panel.mdb-step-wrap + .add-item-block, .panel.mdb-step-wrap + .add-item { margin-top: 10px; } .add-item-bar:focus, .add-item-placeholder:focus, .add-item-block:focus, .add-item:focus { outline: none; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .add-item-bar .item-text, .add-item-placeholder .item-text, .add-item-block .item-text, .add-item .item-text { display: block; font-weight: 600; font-size: 14px; text-transform: uppercase; } .add-item-bar .item-text .ft, .add-item-placeholder .item-text .ft, .add-item-block .item-text .ft, .add-item .item-text .ft { font-size: inherit; vertical-align: middle; } .add-item-bar .item-text .ft ~ span, .add-item-placeholder .item-text .ft ~ span, .add-item-block .item-text .ft ~ span, .add-item .item-text .ft ~ span { margin-left: 5px; vertical-align: middle; } .add-item-bar .item-text .ft ~ p, .add-item-placeholder .item-text .ft ~ p, .add-item-block .item-text .ft ~ p, .add-item .item-text .ft ~ p { color: #0e76bc; } .add-item-bar .item-text p, .add-item-placeholder .item-text p, .add-item-block .item-text p, .add-item .item-text p { margin-bottom: 0; } .add-item-placeholder { border: none; margin: 10px auto; padding: 0; height: auto; opacity: 0.5; } .add-item-placeholder:before { content: ''; display: block; width: 100%; /*height: 1px; background: $secondary-icon-color;*/ border: 1px solid #ccc; position: absolute; top: 50%; left: 0; backface-visibility: hidden; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .add-item-placeholder:hover, .add-item-placeholder:focus { cursor: pointer; opacity: 1; } .add-item-placeholder:focus { -webkit-box-shadow: none; box-shadow: none; } .add-item-placeholder .item-text { z-index: 1; padding: 0 15px; font-size: 12px; background: #ffffff; } @media (min-width: 768px) { .add-item-placeholder .item-text { font-size: 14px; } } .add-item-block, .add-item { margin-bottom: 20px; max-width: 320px; height: 150px; color: #0e76bc; } .owl-carousel .add-item-block, .owl-carousel .add-item { margin-bottom: 0; } .add-item-block .item-text, .add-item .item-text { text-transform: initial; } .add-item-block .item-text .ft, .add-item .item-text .ft { font-size: 30px; color: #404040; } .add-item-block + .add-item-title, .add-item + .add-item-title { font-size: 16px; color: #404040; font-weight: 600; padding: 5px 10px; border-color: #b8b8b8; border-style: dashed; border-width: 0 1px 1px 1px; margin: 0 auto; max-width: 320px; } .add-item { margin-left: 0; margin-right: 0; width: 150px; /*&.add-item-lg { width: 200px; height: 200px; }*/ } .add-item-row { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; } /* * END - Add Item * */ /*contact-details starts*/ .contact-details { padding: 0px 10px 5px; } .contact-details .details-content { display: block; } .contact-details .details-content .user-title { font-size: 14px; font-weight: 600; display: block; } .dropdown-menu .contact-details .details-content .user-title a { color: #404040; } .contact-details .details-content .user-title .user-sub-title { font-weight: 500; font-size: 12px; } .contact-details .details-content .user-desc { font-size: 12px; margin-bottom: 5px; } .dropdown-menu .contact-details .details-content .user-desc a { color: #404040; } .contact-details .details-content .user-icon { font-size: 16px; margin-right: 5px; vertical-align: middle; } /*contact-details ends*/ /* * Progress Bar */ .progress-wrap, .progress-wrap-sm { position: relative; margin: 0 auto 10px; padding: 10px 15px; background-color: #efefef; border-radius: 2px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.22), 0px 1px 4px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.22), 0px 1px 4px 0px rgba(0, 0, 0, 0.13); } .progress-wrap.progress-has-text .progress, .progress-has-text.progress-wrap-sm .progress { margin-right: 100px; } .progress-wrap.progress-has-text .progress.progress-sm, .progress-has-text.progress-wrap-sm .progress.progress-sm { margin-right: 120px; } .progress-wrap.progress-has-text .progress.progress-sm.sm, .progress-has-text.progress-wrap-sm .progress.progress-sm.sm { margin-right: 40px; } .progress-wrap .progress, .progress-wrap-sm .progress { margin: 0 32px 0 0; height: 13px; background-color: #FFF; border-radius: 6.5px; -webkit-box-shadow: none; box-shadow: none; } .progress-wrap .progress .progress-bar, .progress-wrap-sm .progress .progress-bar { border-radius: inherit; -webkit-box-shadow: none; box-shadow: none; } .progress-wrap .progress .progress-bar .progress-value, .progress-wrap-sm .progress .progress-bar .progress-value { display: block; position: absolute; min-width: 3em; top: 50%; right: 8px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; font-weight: 600; text-align: right; color: #404040; } .progress-wrap-sm { padding: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .progress-wrap-sm .progress { background-color: #ebebeb; margin-right: 40px; } .progress-wrap-sm .progress .progress-bar .progress-value { right: 0; font-size: 12px; } .progress-wrap-sm.progress-has-text .progress.progress-sm { margin-right: 100px; } .progress-wrap-sm.progress-has-text .progress.progress-sm .progress-bar .progress-value { font-size: 12px; } .progress-text { display: inline-block; margin-bottom: 4px; font-size: 16px; color: #404040; } .progress-title { font-size: 14px; font-weight: 600; color: #404040; } .sticky-progress-bar .progress-title { text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; max-width: 100%; overflow: hidden; } .progress-title-md { font-size: 16px; font-weight: 600; color: #404040; margin-bottom: 5px; } .progress-number { float: right; font-size: 14px; line-height: 24px; color: #404040; } .progress { background: #e4e4e4; -webkit-box-shadow: none; box-shadow: none; border-radius: 10px; margin-bottom: 20px; } .progress-group .progress, .row-v-gutters > [class*=col] > .progress, .row-v-gutters-sm > [class*=col] > .progress { margin-bottom: 0; } .progress-list { margin: 0; } .progress-list .progress-group { margin-bottom: 25px; } .progress.progress-sm { height: 10px; border-radius: 5px; } .progress.progress-xs { background: transparent; height: 5px; border-radius: 2.5px; } .progress .progress-bar { -webkit-box-shadow: none; box-shadow: none; border-radius: inherit; background-color: #0e76bc; } .progress .progress-bar.progress-bar-success { background-color: #4caf50; } .progress .progress-bar.progress-bar-danger { background-color: #f44336; } .progress .progress-bar.progress-bar-warning { background-color: #ffc107; } .progress .progress-bar.progress-bar-info { background-color: #1abade; } @media (min-width: 768px) { .progress-title { font-size: 16px; } } /* * END - Progress Bar */ /* * MDB Progress Group */ .mdb-progress-group { display: block; } .mdb-progress-group .progress-legend, .mdb-progress-group .progress-legend-inline { font-size: 14px; font-weight: 600; margin-left: 0; } .mdb-progress-group .progress-legend.list-inline, .mdb-progress-group .progress-legend-inline.list-inline { margin-bottom: 0 !important; } .mdb-progress-group .progress { margin-bottom: 0; padding: 4px 4px; height: 25px; background: #ffffff; border: 1px solid #777777; border-radius: 20px; } .mdb-progress-group .progress ~ .progress-legend { margin-bottom: 0; } .mdb-progress-group .progress .progress-bar { background: #e9e9e9; border-radius: 0; } .mdb-progress-group .progress .progress-bar:first-child { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .mdb-progress-group .progress .progress-bar:last-child { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .mdb-progress-group .progress .progress-bar + .progress-bar { border-left: 5px solid #fff; } @media (max-width: 767px) { .mdb-progress-group .progress-legend.list-inline > li { display: block; } .mdb-progress-group .progress-legend-inline.list-inline > li { display: inline-block; } } /* * END - MDB Progress Group */ /* Sticky Progress */ .sticky-progress { min-height: 65px; /*width: 100%;*/ max-width: 100%; overflow: hidden; background: #fff; -webkit-transition: position 0.3s ease-in-out, width 0.3s ease-in-out; -o-transition: position 0.3s ease-in-out, width 0.3s ease-in-out; transition: position 0.3s ease-in-out, width 0.3s ease-in-out; } .sticky-progress .sticky-progress-bar .col { width: 50%; } .sticky-progress.affix-top > .sticky-progress-bar { z-index: 1039; padding: 10px 0 5px; position: fixed !important; width: 100%; top: 50px; left: 0; right: 0; background: #F6F6F6; -webkit-transition: top 0.3s ease-in-out, left 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out, left 0.3s ease-in-out; transition: top 0.3s ease-in-out, left 0.3s ease-in-out; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .header--hidden ~ .content-wrapper .sticky-progress.affix-top > .sticky-progress-bar, .header--hidden ~ .application-host .content-wrapper .sticky-progress.affix-top > .sticky-progress-bar { top: 50px; } @media only screen and (min-width: 768px) { .sticky-progress.affix-top > .sticky-progress-bar { padding: 10px 15px; } } @media only screen and (min-width: 992px) { .sticky-progress.affix-top > .sticky-progress-bar { top: 50px; left: 230px; width: calc(100% - 230px); } .sidebar-collapse .sticky-progress.affix-top > .sticky-progress-bar { left: 54px; width: calc(100% - 54px); } } @media only screen and (max-width: 991px) { .sticky-progress.affix-top > .sticky-progress-bar { top: 100px; } } /* END - Sticky Progress */ /* * ALERT */ .alert { position: relative; padding: 15px 15px; border: none; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); font-size: 14px; color: #777777; background: #FFF; } .alert button.close { margin-top: -15px; margin-right: -10px; } .alert strong { color: #404040; font-weight: 600; } .alert .btn-link { text-transform: uppercase; } .alert-success, .alert-danger, .alert-warning { padding-left: 80px; } .alert-success:before, .alert-danger:before, .alert-warning:before { content: ""; background: #4caf50; display: block; width: 60px; height: 100%; line-height: 100%; position: absolute; top: 0; left: 0; } .alert-success:after, .alert-danger:after, .alert-warning:after { content: "\e038"; font-size: 36px; text-align: center; color: #FFF; display: block; width: 60px; left: 0; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .alert-warning:before { background: #ffc107; } .alert-warning:after { content: "\e0f5"; } .alert-danger:before { background: #f44336; } .alert-danger:after { content: "\e018"; } /* * END - ALERT */ /* * BOTTOM FIXED OVERLAY */ .show-no-circle { background-color: #0e76bc; padding: 0 5px; height: 25px; min-width: 25px; line-height: 25px; text-align: center; border-radius: 25px; color: #ffffff; float: left; color: white; font-size: 14px; } .multi-controls { position: fixed; z-index: 1038; height: 60px; width: 100%; bottom: -100%; background: #f8f8f8; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -webkit-transition: left linear 0.3s, bottom linear 0.3s, width linear 0.3s; -o-transition: left linear 0.3s, bottom linear 0.3s, width linear 0.3s; transition: left linear 0.3s, bottom linear 0.3s, width linear 0.3s; } .control-open ~ .multi-controls { bottom: 0; } .multi-controls.modal-bottom { padding: 0 15px; position: absolute; left: 0; } .multi-controls .custom-checkbox { font-size: 14px; } .multi-controls .checkbox { margin: 0; margin-right: 20px; margin-left: -11px; } .multi-controls .chosen-count { color: #404040; font-size: 14px; line-height: 24px; font-weight: 600; } .multi-controls .chosen-count .count { display: inline-block; height: 24px; min-width: 24px; padding: 0 5px; float: left; margin-right: 10px; text-align: center; border-radius: 24px; color: #ffffff; background-color: #0e76bc; } .multi-controls .chosen-count .show-no-circle { margin-right: 10px; } .multi-controls .middle-section { text-align: center; } .multi-controls .middle-section .list-inline { margin-bottom: 0; } .multi-controls .middle-section + .control-bar { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 0; } .multi-controls .middle-section .help-block { margin-top: -2px; color: #f44336; } .multi-controls .middle-section .help-block + .btn { margin-top: 5px; } .multi-controls .control-bar { text-align: right; padding-right: 0; } .multi-controls .control-bar .list-inline { margin-bottom: 0; } .multi-controls .control-bar .list-inline > li { display: none; } .multi-controls .control-bar .list-inline > li a { display: block; } .multi-controls .control-bar .list-inline > li.control-dropup { display: inline-block; } .multi-controls .control-bar .ft { font-size: 24px; vertical-align: middle; } .multi-controls .control-bar .ft.ft-2x { font-size: 32px; } @media only screen and (min-width: 768px) { .multi-controls.modal-bottom { left: 0; width: 100%; padding: 0 30px; } .multi-controls .checkbox { margin-left: 0px; } } @media only screen and (min-width: 992px) { .multi-controls { right: 0px; left: 230px; width: calc(100% - 230px); } .sidebar-collapse .multi-controls:not(.modal-bottom) { left: 54px; width: calc(100% - 54px); } .multi-controls .checkbox { margin-right: 40px; } .multi-controls .control-bar .list-inline li { display: inline-block; } .multi-controls .control-bar .list-inline li.control-dropup { display: none; } } @media only screen and (min-width: 1200px) { .multi-controls .control-bar > .list-inline, .multi-controls .middle-section > .list-inline, .multi-controls:not(.modal-bottom) .middle-section > .btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .multi-controls .control-bar .list-inline li { padding: 0 10px; } .multi-controls .middle-section + .control-bar { text-align: right; } .multi-controls .middle-section + .control-bar > .list-inline { position: static; -webkit-transform: none; -ms-transform: none; transform: none; } .multi-controls .middle-section .help-block { position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0; color: #f44336; } .multi-controls .middle-section .help-block + .btn { margin: 0; top: 35%; } } @media only screen and (max-width: 991px) { .multi-controls .chosen-count .help-block { position: absolute; left: 128px; top: 26px; font-size: 12px; margin-top: 0; color: #f44336; min-width: 130px; } .multi-controls .chosen-count .help-block + .show-no-circle-text { position: absolute; top: 12px; } } @media only screen and (max-width: 767px) { .multi-controls .chosen-count .help-block { left: 117px; } } /* END - BOTTOM FIXED OVERLAY */ .media.mob-block-display > .media-body { width: auto; } .mob-block-display, .desk-cell-display { display: block; } .panel > .panel-title > .panel-head .mob-block-display .badge, .panel > .panel-title > .panel-head .desk-cell-display .badge { margin-left: 0px; margin-top: 5px; } @media (max-width: 767px) { .mob-block-display.media .media-middle { vertical-align: top; } } .mob-block-display.media .obs-circle, .mob-block-display.media .obs-square { width: 60px; height: 60px; } .mob-block-display.media .obs-circle.big-img-xs-only { width: 60px !important; height: 60px !important; } @media (min-width: 768px) { .mob-block-display { display: inline-block; vertical-align: top; } .panel > .panel-title > .panel-head .mob-block-display .badge { display: block; margin-left: 20px; margin-top: 0px; } .desk-cell-display { display: table-cell; } .panel > .panel-title > .panel-head .desk-cell-display .badge { margin-left: 20px; margin-top: 0px; } .panel-group { /*&:not(:last-child) { margin-bottom: 30px; }*/ } .panel-group + hr { margin-bottom: 30px; margin-top: 30px; } .panel-group.sm { margin-bottom: 10px; } .panel-group.sm > .panel + .panel { margin-top: 10px; } .mob-block-display.media .obs-circle, .mob-block-display.media .obs-square { width: 70px; height: 70px; } .mob-block-display.media .obs-circle.big-img-xs-only, .mob-block-display.media .obs-square.big-img-xs-only { width: 50px !important; height: 50px !important; } } @media (min-width: 1200px) { .mob-block-display.media .obs-circle, .mob-block-display.media .obs-square { width: 50px; height: 50px; } } @media only screen and (min-width: 992px) { .desk-md-right { float: right; text-align: right; } } .mdb-ft-ul { margin-left: -10px; } .mdb-ft-ul > li { margin-left: 10px; padding-left: 28px; margin-bottom: 1em; color: #404040; font-size: 14px; font-weight: 600; line-height: 1.55; } .mdb-ft-ul > li:last-child { margin-bottom: 0; } .mdb-ft-ul > li > .ft-li.ft { left: 0; width: auto; color: #777777; font-size: 20px; line-height: 0.8; } .rating-list.list-inline { margin-bottom: 0; } .rating-list.list-inline > li { text-align: center; } .rating-list.list-inline > li a { display: block; color: #404040; } .rating-list.list-inline > li a.disabled { opacity: 0.5; } .rating-list.list-inline > li a.disabled .ft { color: #777777; } .rating-list.dropdown-menu { min-width: 0; padding-top: 5px; padding-bottom: 5px; } .rating-list.dropdown-menu > li { padding-left: 5px; padding-right: 5px; } .rating-list.dropdown-menu > li > a { padding: 2px; line-height: 1; } .rating-list.dropdown-menu > li > a .ft { font-size: 24px; } .rating-list .ft { display: block; font-size: 30px; } /* Rating Variants .rating-style1 .ft[class*='rating-item']:before, .rating-style2 .ft[class*='rating-item']:before { content: "\e025"; } .rating-style3 .ft[class*='rating-item']:before { content: "\e045"; } .rating-style4 .ft[class*='rating-item']:before { content: "\e034"; } .rating-style1 .rating-item1, .rating-style2 .rating-item1, .rating-style3 .rating-item1, .rating-style4 .rating-item1 { color: #a88618; } .rating-style1 .rating-item2, .rating-style2 .rating-item2, .rating-style3 .rating-item2, .rating-style4 .rating-item2 { color: #e91e63; } .rating-style1 .rating-item3, .rating-style2 .rating-item3, .rating-style3 .rating-item3, .rating-style4 .rating-item3 { color: #9c27b0; } .rating-style1 .rating-item4, .rating-style2 .rating-item4, .rating-style3 .rating-item4, .rating-style4 .rating-item4 { color: #673ab7; } .rating-style1 .rating-item5, .rating-style2 .rating-item5, .rating-style3 .rating-item5, .rating-style4 .rating-item5 { color: #3f51b5; } .rating-style1 .rating-item6, .rating-style2 .rating-item6, .rating-style3 .rating-item6, .rating-style4 .rating-item6 { color: #2196f3; } .rating-style1 .rating-item7, .rating-style2 .rating-item7, .rating-style3 .rating-item7, .rating-style4 .rating-item7 { color: #03a9f4; } .rating-style1 .rating-item8, .rating-style2 .rating-item8, .rating-style3 .rating-item8, .rating-style4 .rating-item8 { color: #00bcd4; } .rating-style1 .rating-item9, .rating-style2 .rating-item9, .rating-style3 .rating-item9, .rating-style4 .rating-item9 { color: #009688; } .rating-style1 .rating-item10, .rating-style2 .rating-item10, .rating-style3 .rating-item10, .rating-style4 .rating-item10 { color: #4caf50; } END - Rating Variants */ /* Rating Variants New Version */ .rating-style1 .ft.rating-item1:before { content: "\e1c8"; } .rating-style1 .ft.rating-item2:before { content: "\e1c9"; } .rating-style1 .ft.rating-item3:before { content: "\e1ca"; } .rating-style1 .ft.rating-item4:before { content: "\e1cb"; } .rating-style1 .ft.rating-item5:before { content: "\e1cc"; } .rating-style2 .ft[class*='rating-item']:before { content: "\e025"; } .rating-style2 .ft[class*='no-rating'] { color: #ddd; } .rating-style2 .ft[class*='no-rating']:before { content: "\e025"; } .rating-style3 .ft[class*='rating-item']:before { content: "\e045"; } .rating-style4 .ft[class*='rating-item']:before { content: "\e034"; } .rating-style1 .rating-item1 { color: #009942; } .rating-style1 .rating-item2 { color: #b0cd00; } .rating-style1 .rating-item3 { color: #ffef00; } .rating-style1 .rating-item4 { color: #f17f00; } .rating-style1 .rating-item5 { color: #e61918; } .rating-style2 .rating-item1 { color: #fed500; } .rating-style2 .rating-item2 { color: #fed500; } .rating-style2 .rating-item3 { color: #fed500; } .rating-style2 .rating-item4 { color: #fed500; } .rating-style2 .rating-item5 { color: #fed500; } .rating-style3 .rating-item1 { color: #009942; } .rating-style3 .rating-item2 { color: #b0cd00; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .rating-style3 .rating-item3 { color: #ffef00; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .rating-style3 .rating-item4 { color: #f17f00; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .rating-style3 .rating-item5 { color: #e61918; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .rating-style4 .rating-item1 { color: #a88618; } .rating-style4 .rating-item2 { color: #e91e63; } .rating-style4 .rating-item3 { color: #9c27b0; } .rating-style4 .rating-item4 { color: #673ab7; } .rating-style4 .rating-item5 { color: #3f51b5; } .rating-style4 .rating-item6 { color: #2196f3; } .rating-style4 .rating-item7 { color: #03a9f4; } .rating-style4 .rating-item8 { color: #00bcd4; } .rating-style4 .rating-item9 { color: #009688; } .rating-style4 .rating-item10 { color: #4caf50; } /* END - Rating Variants New Version */ /* Sidebars */ .icon-list { cursor: pointer; position: relative; padding: 5px 20px 5px 15px; display: table; width: 100%; /*&.with-status { padding: 10px 20px 10px 45px; }*/ } .icon-list[data-toggle="collapse"] { padding-right: 42px; border-bottom: 1px solid #d2d2d2; } .icon-list[data-toggle="collapse"] > .ft, .icon-list[data-toggle="collapse"] > .list-desc .stage-title, .icon-list[data-toggle="collapse"] > .list-desc .stage-desc { color: #0e76bc; } .icon-list[data-toggle="collapse"]:after { content: "\e00b"; position: absolute; right: 20px; top: 50%; color: #777777; -webkit-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -webkit-transition: rotate 0.3s ease-in-out; -o-transition: rotate 0.3s ease-in-out; transition: rotate 0.3s ease-in-out; } .icon-list[data-toggle="collapse"].collapsed { border-bottom: none; } .icon-list[data-toggle="collapse"].collapsed:after { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .icon-list.is-complete, .icon-list.is-incomplete { padding-right: 42px; } .icon-list.is-complete:after, .icon-list.is-incomplete:after { content: "\e03d"; position: absolute; right: 20px; top: 50%; color: #4caf50; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .icon-list.is-incomplete { padding-right: 42px; } .icon-list.is-incomplete:after { color: #9e9e9e; } .icon-list.list-success { background: #4caf50; } .icon-list.list-warning { background: #ffc107; } .icon-list > .ft, .icon-list > .list-desc { display: table-cell; vertical-align: middle; } .icon-list > .ft { height: 50px; width: 44px; font-size: 40px; text-align: center; color: #777777; } .icon-list > .ft.small { font-size: 30px; } .icon-list > .list-desc { padding-left: 5px; } .icon-list > .list-desc > .stage-title { display: block; color: #404040; font-size: 16px; font-weight: 600; } .icon-list > .list-desc > .stage-desc { display: block; color: #777777; font-size: 12px; font-weight: 400; } .sidebar-heading { display: none; } @media only screen and (min-width: 992px) { .sidebar-heading { visibility: hidden; display: block; } } .sidebar-top-header { text-align: right; margin-bottom: 5px; } .sidebar-top-header > .btn.btn-lg { padding-top: 20px; padding-bottom: 20px; } @media only screen and (min-width: 992px) { .sidebar-top-header { margin-bottom: 12px; } } .procedure-sidebar { margin-bottom: 30px; line-height: 1.42857143; } .modal .procedure-sidebar { margin-bottom: 0; } .procedure-sidebar .sidebar-title { font-size: 10px; color: #777777; } .procedure-sidebar .sidebar-head { font-size: 20px; font-weight: 600; text-align: center; color: #0e76bc; } .procedure-sidebar .sidebar-status { font-size: 12px; font-weight: 600; color: #0e76bc; } .procedure-sidebar .sidebar-header { padding: 15px 15px 0 20px; } .procedure-sidebar .sidebar-header .progress-wrap, .procedure-sidebar .sidebar-header .progress-wrap-sm { margin-top: 6px; } .procedure-sidebar .sidebar-body .box-head-block { display: none; } .procedure-sidebar .sidebar-footer.has-pad { padding: 0 15px 20px; text-align: center; } .procedure-sidebar .sidebar-footer > .btn.btn-lg { padding-top: 14px; padding-bottom: 14px; } .procedure-sidebar > .collapse > .list-unstyled, .procedure-sidebar > .collapsing > .list-unstyled { margin-bottom: 0; } .procedure-sidebar .active > .icon-list { display: none; border-left: 5px solid #0e76bc; padding-left: 10px; /*&.with-status { border-left: none; padding-left: 40px; }*/ } .procedure-sidebar .active > .icon-list > .ft, .procedure-sidebar .active > .icon-list > .list-desc .stage-title, .procedure-sidebar .active > .icon-list > .list-desc .stage-desc { color: #0e76bc; } @media only screen and (min-width: 992px) { .procedure-sidebar > [data-toggle="collapse"] { display: none; } .procedure-sidebar > .collapse { display: block !important; height: auto !important; } .procedure-sidebar > .collapse .active > .icon-list { display: table; } .procedure-sidebar .sidebar-body .box-head-block { display: block; } } .sidebar-header-fixed { display: none; padding: 5px 15px; color: #FFF; background: #0e76bc; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-size: 16px; font-weight: 600; z-index: 11; } @media (min-width: 992px) { .sidebar-header-fixed { display: block; position: absolute; top: 15px; right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } } .nav-sidebar .sidebar-header { padding: 15px 15px 0; } .nav-sidebar .sidebar-footer { padding: 15px 15px; } .nav-sidebar .sidebar-body { padding: 10px 0; } .nav-sidebar .sidebar-header { color: #404040; font-weight: 700; font-size: 16px; text-transform: uppercase; } .nav-sidebar .sidebar-header ~ .sidebar-footer { padding-top: 0; } .nav-sidebar .sidebar-tabs > li > a:first-of-type { padding: 10px 15px; font-size: 14px; font-weight: 600; } .nav-sidebar.sidebar-collapsible { background: #f1f1f1; } .nav-sidebar.sidebar-collapsible.nav-sidebar-alt { background: #fff; } .nav-sidebar.sidebar-collapsible.nav-sidebar-alt .stepper-tabs-alt { padding: 0 8px 0 46px; } .nav-sidebar.sidebar-collapsible.nav-sidebar-alt .stepper-tabs-alt > li > a:first-of-type { padding: 10px 10px; display: block; } @media (min-width: 992px) { .nav-sidebar.sidebar-collapsible.nav-sidebar-alt { border-right: 3px solid #0e76bc; } .nav-sidebar.sidebar-collapsible.nav-sidebar-alt .stepper-tabs-alt { padding-left: 58px; } } @media (max-width: 991px) { .nav-sidebar.sidebar-collapsible.nav-sidebar-alt .sidebar-tabs > li.active { visibility: visible; position: relative; z-index: 0; } } .nav-sidebar.sidebar-collapsible .sc-header { position: relative; padding: 15px 15px; font-size: 14px; font-weight: 600; } .nav-sidebar.sidebar-collapsible .sc-header .sc-pretext { color: #777777; } .nav-sidebar.sidebar-collapsible .sc-header[data-toggle="collapse"] { cursor: pointer; padding-right: 60px; border-bottom: 1px solid #d2d2d2; } .nav-sidebar.sidebar-collapsible .sc-header[data-toggle="collapse"]:after { content: "\e00b"; position: absolute; right: 38px; top: 50%; color: #777777; -webkit-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -webkit-transition: rotate 0.3s ease-in-out; -o-transition: rotate 0.3s ease-in-out; transition: rotate 0.3s ease-in-out; } .nav-sidebar.sidebar-collapsible .sc-header[data-toggle="collapse"].collapsed { border-bottom: none; } .nav-sidebar.sidebar-collapsible .sc-header[data-toggle="collapse"].collapsed:after { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .nav-sidebar.sidebar-collapsible .sidebar-header, .nav-sidebar.sidebar-collapsible .sidebar-footer { text-align: center; display: none; } .nav-sidebar.sidebar-collapsible .sidebar-header .primary-header, .nav-sidebar.sidebar-collapsible .sidebar-footer .primary-header { color: #0e76bc; } .nav-sidebar.sidebar-collapsible .sidebar-header .secondary-header, .nav-sidebar.sidebar-collapsible .sidebar-footer .secondary-header { color: #404040; font-size: 16px; text-transform: capitalize; } @media (min-width: 992px) { .nav-sidebar.sidebar-collapsible.custom-scroll { max-height: 100%; } .col-aside .nav-sidebar.sidebar-collapsible { min-height: 100%; } .nav-sidebar.sidebar-collapsible .sc-header[data-toggle="collapse"] { display: none; } .nav-sidebar.sidebar-collapsible .sc-header[data-toggle="collapse"] + .collapse { display: block; height: auto !important; } .nav-sidebar.sidebar-collapsible .sidebar-header, .nav-sidebar.sidebar-collapsible .sidebar-header-fixed, .nav-sidebar.sidebar-collapsible .sidebar-footer { display: block; } .nav-sidebar.sidebar-collapsible .sidebar-tabs > li > a:first-of-type { padding-left: 25px; padding-right: 20px; } .nav-sidebar.sidebar-collapsible .sidebar-tabs li.active:after { content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; border-top: 15px solid transparent; border-right: 15px solid white; border-bottom: 15px solid transparent; } .nav-sidebar-alt.nav-sidebar.sidebar-collapsible .sidebar-tabs li.active:after { top: 22px; left: 100%; border-top: 8px solid transparent; border-right: 8px solid #0e76bc; border-bottom: 8px solid transparent; } } @media (max-width: 991px) { .nav-sidebar.sidebar-collapsible { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .nav-sidebar.sidebar-collapsible .sidebar-tabs > li.active { visibility: hidden; position: absolute; z-index: -1; } } @media (min-width: 992px) { .nav-sidebar .sidebar-header { font-size: 18px; } } /* END - Sidebars */ /* Header */ .page-header { margin-top: 0; padding-bottom: 0; border-bottom: none; } .page-header .page-title { font-size: 20px; font-weight: 600; line-height: 1.62; color: #404040; } .page-header .page-subtitle, .page-header .page-desc { font-size: 18px; font-weight: 400; line-height: 1.62; color: #777777; } .page-header .page-desc { font-size: 16px; } .page-header.header-fixed .page-title { font-size: 16px; line-height: 30px; font-weight: 600; } .page-header.header-fixed .page-title ~ .list-inline-flex { margin: 0 auto; overflow: hidden; -webkit-transition: height 0.3s ease; -o-transition: height 0.3s ease; transition: height 0.3s ease; } .hide-icons.page-header.header-fixed .page-title ~ .list-inline-flex { height: 0px; } .page-header.header-fixed .page-title ~ .list-inline-flex > li { padding-top: 0; } .page-header.header-fixed .page-title ~ .list-inline-flex > li > a { padding: 0; display: block; line-height: 1; } .page-header.header-fixed .page-desc { font-size: 14px; font-weight: 400; } .modal .modal-dialog .modal-content .modal-header.header-fixed, .page-header.header-fixed { position: absolute; left: 0; top: 0; z-index: 11; width: 100%; padding: 5px 15px; background: #f4f4f4; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.44); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.44); -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transition: transform 0.3s ease-in, top 0.3s ease-in, left 0.3s linear; -o-transition: transform 0.3s ease-in, top 0.3s ease-in, left 0.3s linear; transition: transform 0.3s ease-in, top 0.3s ease-in, left 0.3s linear; } .modal .modal-dialog .modal-content .modal-header.header-fixed.affix-top, .page-header.header-fixed.affix-top { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .page-header.header-fixed { position: fixed; margin: 0; z-index: 1038; min-height: 50px; } .page-header.header-fixed.affix-top { top: 100px; } .header--hidden ~ .content-wrapper .page-header.header-fixed.affix-top, .header--hidden ~ .application-host .content-wrapper .page-header.header-fixed.affix-top { top: 50px; } .page-header.header-fixed .page-title, .page-header.header-fixed .page-desc { text-align: center; } @media (min-width: 992px) { .page-header.header-fixed { left: 230px; width: calc(100% - 230px); } .page-header.header-fixed.affix-top { top: 50px; } .sidebar-collapse .page-header.header-fixed { left: 54px; width: calc(100% - 54px); } } /* END - Header */ /* PLACEHOLDER */ .placeholder-block, .placeholder-block-alt { padding: 15px 15px; text-align: center; background: #fff; } .placeholder-block.placeholder-mini, .placeholder-mini.placeholder-block-alt { padding: 5px 10px; } .placeholder-block.pb-bg-alpha, .pb-bg-alpha.placeholder-block-alt { background: rgba(255, 255, 255, 0.4); } .placeholder-block .btn, .placeholder-block-alt .btn { vertical-align: top; } .placeholder-block .btn:not(:last-child), .placeholder-block-alt .btn:not(:last-child) { margin-bottom: 1em; } .placeholder-block .btn-group.dropdown .btn, .placeholder-block-alt .btn-group.dropdown .btn { margin-bottom: 0; } .placeholder-block p, .placeholder-block-alt p { font-size: 14px; color: #777777; } .placeholder-block .placeholder-head, .placeholder-block-alt .placeholder-head { font-size: 20px; font-weight: 700; margin-bottom: 15px; color: #777777; } .placeholder-block .placeholder-text, .placeholder-block-alt .placeholder-text { font-size: 18px; margin-bottom: 15px; color: #777777; } .placeholder-block .placeholder-badge, .placeholder-block-alt .placeholder-badge { margin: auto; max-width: 300px; padding: 50px 100px; background: url(../images/backgrounds/confetti.gif) center no-repeat; } .placeholder-block .placeholder-badge > img, .placeholder-block-alt .placeholder-badge > img { max-width: 100px; max-height: 100px; } .placeholder-block.placeholder-warning .placeholder-icon, .placeholder-warning.placeholder-block-alt .placeholder-icon, .placeholder-block.placeholder-danger .placeholder-icon, .placeholder-danger.placeholder-block-alt .placeholder-icon, .placeholder-block.placeholder-success .placeholder-icon, .placeholder-success.placeholder-block-alt .placeholder-icon { color: #FFF; background-color: #ffc107; width: 56px; height: 56px; font-size: 30px; line-height: 56px; } .placeholder-block.placeholder-warning .placeholder-icon.lg, .placeholder-warning.placeholder-block-alt .placeholder-icon.lg, .placeholder-block.placeholder-danger .placeholder-icon.lg, .placeholder-danger.placeholder-block-alt .placeholder-icon.lg, .placeholder-block.placeholder-success .placeholder-icon.lg, .placeholder-success.placeholder-block-alt .placeholder-icon.lg { width: 100px; height: 100px; font-size: 48px; line-height: 100px; margin-bottom: 20px; } .placeholder-block.placeholder-warning .placeholder-title, .placeholder-warning.placeholder-block-alt .placeholder-title, .placeholder-block.placeholder-danger .placeholder-title, .placeholder-danger.placeholder-block-alt .placeholder-title, .placeholder-block.placeholder-success .placeholder-title, .placeholder-success.placeholder-block-alt .placeholder-title { margin: .5em auto; font-weight: 600; text-transform: capitalize; color: #404040; } .placeholder-block.placeholder-warning .placeholder-text, .placeholder-warning.placeholder-block-alt .placeholder-text, .placeholder-block.placeholder-danger .placeholder-text, .placeholder-danger.placeholder-block-alt .placeholder-text, .placeholder-block.placeholder-success .placeholder-text, .placeholder-success.placeholder-block-alt .placeholder-text { font-weight: 400; font-size: 14px; margin-bottom: 10px; } .placeholder-block.placeholder-warning .placeholder-text-bold, .placeholder-warning.placeholder-block-alt .placeholder-text-bold, .placeholder-block.placeholder-danger .placeholder-text-bold, .placeholder-danger.placeholder-block-alt .placeholder-text-bold, .placeholder-block.placeholder-success .placeholder-text-bold, .placeholder-success.placeholder-block-alt .placeholder-text-bold { font-weight: 600; font-size: 16px; } .placeholder-block.placeholder-warning p, .placeholder-warning.placeholder-block-alt p, .placeholder-block.placeholder-danger p, .placeholder-danger.placeholder-block-alt p, .placeholder-block.placeholder-success p, .placeholder-success.placeholder-block-alt p { font-size: 14px; } .placeholder-block.placeholder-danger .placeholder-icon, .placeholder-danger.placeholder-block-alt .placeholder-icon { background-color: #f44336; } .placeholder-block.placeholder-success .placeholder-icon, .placeholder-success.placeholder-block-alt .placeholder-icon { background-color: #4caf50; } .placeholder-block .placeholder-image, .placeholder-block-alt .placeholder-image { margin-bottom: 10px; } .placeholder-block .placeholder-image.lg, .placeholder-block-alt .placeholder-image.lg { margin-bottom: 20px; } @media only screen and (min-width: 768px) { .placeholder-block p, .placeholder-block-alt p { font-size: 18px; } .placeholder-block p:not(:last-child), .placeholder-block-alt p:not(:last-child) { margin-bottom: 1.5em; } .placeholder-block p + .badge-default-info, .placeholder-block-alt p + .badge-default-info { margin-top: -1em; } .placeholder-block .placeholder-head, .placeholder-block-alt .placeholder-head { font-size: 20px; } .placeholder-block .placeholder-text, .placeholder-block-alt .placeholder-text { font-size: 18px; margin-bottom: 15px; color: #777777; } .placeholder-block.placeholder-success .placeholder-icon, .placeholder-success.placeholder-block-alt .placeholder-icon { margin-bottom: 10px; } .placeholder-block.placeholder-success .placeholder-title, .placeholder-success.placeholder-block-alt .placeholder-title { font-size: 18px; } .placeholder-block.placeholder-success p, .placeholder-success.placeholder-block-alt p { font-size: 14px; } } .placeholder-title { color: #aeafae; margin: 1em auto; font-size: 18px; font-weight: 700; text-transform: uppercase; } .placeholder-icon { margin: 0 auto 20px; width: 150px; height: 150px; font-size: 100px; line-height: 150px; color: #aeafae; background: #f6f7f8; text-align: center; } .placeholder-mini .placeholder-icon { margin-bottom: 10px; width: 60px; height: 60px; line-height: 60px; font-size: 40px; } svg.placeholder-icon { margin-bottom: 10px; width: auto; height: 130px; opacity: .45; background-color: transparent; } .placeholder-mini svg.placeholder-icon { width: auto; } svg.placeholder-icon ~ .placeholder-text { font-size: 14px; } .placeholder-icon > img { display: block; height: inherit; width: inherit; } .placeholder-icon .ft { font-size: inherit; line-height: inherit; } .placeholder-search { margin: 30px auto 0; } .badge-default-info ul.list-inline > li { padding-left: 10px; padding-right: 10px; } .badge-default-info .badge { font-weight: 600; } .badge-default-info .badge + .text-xs { margin-top: 5px; font-weight: 600; color: #777777; } .badge-default-info + .btn { margin-top: 5px; } @media only screen and (min-width: 768px) { .placeholder-title { font-size: 30px; } .placeholder-icon { margin: 0 auto 30px; width: 250px; height: 250px; font-size: 200px; line-height: 250px; } .placeholder-mini .placeholder-icon { margin-bottom: 10px; width: 110px; height: 110px; line-height: 110px; font-size: 80px; } .placeholder-search { margin-top: 60px; } .placeholder-search p { font-size: 20px; } } @media only screen and (min-width: 992px) { .placeholder-icon { width: 200px; height: 200px; font-size: 150px; line-height: 200px; } .placeholder-success p { font-size: 14px; } .placeholder-search p { font-size: 24px; } } .placeholder-block-alt { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .placeholder-block-alt .placeholder-title { margin: 0 0 .5em; color: #404040; font-weight: 400; text-transform: none; } .placeholder-block-alt .placeholder-title .text-highlight { font-weight: 600; color: #0e76bc; text-transform: uppercase; } .placeholder-block-alt .placeholder-text { color: #404040; font-size: 14px; font-weight: 400; } @media (min-width: 768px) { .placeholder-block-alt { padding: 30px; } .placeholder-block-alt .placeholder-text { font-size: 14px; } } /* END - PLACEHOLDER */ /*Personnel Item*/ .personnel-item { display: table; width: 100%; } .personnel-item .personnel-avatar, .personnel-item .personnel-summary { display: table-cell; vertical-align: middle; } .personnel-item .personnel-avatar { width: 44px; height: 44px; max-width: 44px; } .personnel-item .personnel-avatar.avatar-lg { width: 72px; height: 72px; max-width: 72px; text-align: center; } .personnel-item .personnel-avatar > img { width: inherit; height: inherit; } .personnel-item .personnel-avatar > svg { vertical-align: middle; max-width: 100%; max-height: 100%; } .personnel-item .personnel-avatar + .personnel-info, .personnel-item .personnel-avatar + .personnel-summary { padding-left: 10px; } .personnel-item .personnel-summary { color: #404040; font-size: 16px; line-height: 1.42857143; font-weight: 400; } .personnel-item .personnel-summary .personnel-list-text { font-size: 14px; color: #777777; } .personnel-item.personnel-item-alt { display: block; } .personnel-item.personnel-item-alt .personnel-avatar { float: left; } .personnel-item.personnel-item-alt .personnel-avatar.avatar-lg { padding: 10px; background: #fff; border: 1px solid #f2f2f2; } .personnel-item.personnel-item-alt .personnel-info { overflow: hidden; } .personnel-item.personnel-item-alt .personnel-info .personnel-link { display: block; } @media only screen and (max-width: 767px) { .personnel-item.personnel-item-alt .personnel-avatar { margin: 0 auto; display: block; float: none; } .personnel-item.personnel-item-alt .personnel-info { padding-left: 0; } } /* END - Personnel Item */ /* Mdb Procedure List */ .mdb-procedure-list { margin-bottom: 0; } .mdb-group .mdb-procedure-list { margin-bottom: 30px; } .mdb-procedure-list .media { margin: 0; border-width: 0; -webkit-box-shadow: none; box-shadow: none; } .mdb-procedure-list .media + .media { margin-top: -1px; } .mdb-procedure-list .media .media-left { position: relative; height: 100%; padding: 0; color: #FFF; background: #e2e2e2; border: 1px solid #ebebeb; vertical-align: middle; } .mdb-procedure-list .media .media-left .option-column { height: 50%; } .mdb-procedure-list .media .media-body { overflow: hidden; } .mdb-procedure-list .media .media-body > .container-fluid { padding: 22px 18px; border: 1px solid #ebebeb; border-width: 0 1px 1px; } .mdb-procedure-list .media .media-body p { margin-bottom: 0; } .mdb-procedure-list .media .media-body p + .owl-carousel { margin-top: 15px; } .mdb-procedure-list .media:last-child .media-left, .mdb-procedure-list .media:last-child .media-body > .container-fluid { border-bottom-width: 1px; } @media only screen and (min-width: 768px) { .mdb-procedure-list.mdb-procedure-list-lg .media > .media-left .custom-checkbox.checkbox-block > input ~ span { font-size: 14px; } } @media only screen and (min-width: 992px) { .mdb-procedure-list { display: table; width: 100%; } .mdb-procedure-list .media { display: table-row; width: 100%; height: 60px; } .mdb-procedure-list .media .media-left { border-width: 1px 1px 0; } .mdb-procedure-list .media .media-body.collapse, .mdb-procedure-list .media .media-body.collapse.in { display: table-cell !important; } .mdb-procedure-list .media .media-body > .container-fluid { border-width: 1px 1px 1px 0; min-height: 68px; } .mdb-procedure-list.mdb-procedure-list-lg { display: block; } .mdb-procedure-list.mdb-procedure-list-lg .media { display: block; height: inherit; padding: 10px 15px; } .mdb-procedure-list.mdb-procedure-list-lg .media .media-left { border-width: 0; background: transparent !important; } .mdb-procedure-list.mdb-procedure-list-lg .media .media-left .custom-checkbox.checkbox-block { border-radius: 0.5em; } .mdb-procedure-list.mdb-procedure-list-lg .media .media-body > .container-fluid { border-width: 0; } } @media only screen and (max-width: 991px) { .mdb-procedure-list .media { display: block; } .mdb-procedure-list .media .media-left, .mdb-procedure-list .media .media-body.collapsing { display: block; width: 100%; } .mdb-procedure-list .media .media-left { display: table; min-height: 60px; } .mdb-procedure-list .media .media-left .checkbox-block { text-align: left; } .mdb-procedure-list .media .media-left.rating1 { background-color: #2e7d32; border-color: #2e7d32; } .mdb-procedure-list .media .media-left.rating2 { background-color: #ffc200; border-color: #ffc200; } .mdb-procedure-list .media .media-left.rating3 { background-color: #fe7c1d; border-color: #fe7c1d; } .mdb-procedure-list .media .media-left.rating4 { background-color: #f44336; border-color: #f44336; } .mdb-procedure-list .media .media-left > .checkbox-block { display: table-cell; vertical-align: middle; } .mdb-procedure-list .media .media-left.multicheck-collapseicon .ft { vertical-align: middle; } .mdb-procedure-list .media .media-left.multicheck-collapseicon .muticheck-text { font-size: 14px; font-weight: 600; color: #404040; vertical-align: middle; display: inline !important; } .mdb-procedure-list .media .media-left.multicheck-collapseicon > [data-toggle="collapse"] { display: table-cell; vertical-align: middle; min-width: 44px; height: 60px; text-align: center; } .mdb-procedure-list .media .media-left.multicheck-collapseicon > [data-toggle="collapse"]:before { content: '\e017'; font: normal normal normal 20px/1 fontastic; text-transform: none !important; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: inherit; color: #404040; } .mdb-procedure-list .media .media-left.multicheck-collapseicon > [data-toggle="collapse"].collapsed:before { content: '\e013'; } .mdb-procedure-list .media .media-left > [data-toggle="collapse"] { cursor: pointer; display: table-cell; vertical-align: middle; min-width: 44px; height: 60px; text-align: center; } .mdb-procedure-list .media .media-left > [data-toggle="collapse"]:before { content: '\e017'; font: normal normal normal 20px/1 fontastic; text-transform: none !important; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: inherit; color: #FFF; } .mdb-procedure-list .media .media-left > [data-toggle="collapse"].collapsed:before { content: '\e013'; } .mdb-procedure-list .media .media-body.collapse { display: none; width: 100%; } .mdb-procedure-list .media .media-body.collapse.in { display: block; } } /* END - Mdb Procedure List */ /* MEDIA */ .course-title { /*margin: 0 auto 1em;*/ margin: 0 auto; color: #0e76bc; font-size: 16px; line-height: 1.62; font-weight: 600; } .course-title[tabindex="0"]:focus { outline: none; -webkit-box-shadow: 0 0 4px #4a98cd; box-shadow: 0 0 4px #4a98cd; } .course-title .list-inline { display: inline-block; margin: 0; } .course-title .list-inline a, .course-title .list-inline [role=button] { color: #777777; } .course-title .list-inline a .ft, .course-title .list-inline [role=button] .ft { vertical-align: middle; } .course-desc { /*display: none;*/ /*margin: 10px auto;*/ margin: 5px auto; color: #302f2f; font-size: 14px; line-height: 1.62; font-weight: 400; } .course-cat { margin: 4px auto; color: #404040; font-size: 12px; line-height: 16px; font-weight: 400; } .person-role, .person-org, .course-status { margin-bottom: 5px; color: #404040; font-size: 14px; font-weight: 400; } .person-org { font-size: 12px; color: #777777; } .course-status { font-size: 12px; } .course-status > .ft { margin-right: 5px; vertical-align: middle; font-size: 16px; } .review-count { font-size: 12px; line-height: 20px; font-weight: 600; } .course-price { display: inline-block; font-size: 22px; line-height: 24px; font-weight: 700; color: #404040; } .course-org-price { color: #777777; font-size: 15px; text-decoration: line-through; } .course-price-disc { font-size: 16px; font-weight: 700; color: #0e76bc; } .course-org-price, .course-price-disc { display: inline-block; margin-left: 10px; line-height: 24px; } .course-enroll { text-align: right; } @media only screen and (min-width: 768px) { .course-title { font-size: 18px; } } .widget-users { margin-bottom: 15px; } .widget-users:last-child { margin-bottom: 0; } .widget-users > li { margin: 6px 0 0 4px; padding: 0; vertical-align: top; } .widget-users > li.list-header { line-height: 44px; } .widget-users > li > span[data-toggle="tooltip"] { display: block; } .widget-users > li .ft { font-size: 40px; } .widget-users > li .chip { margin-bottom: 4px; } .widget-users > li .chip .ft { font-size: 20px; } .widget-users > li .btn .ft { font-size: 20px; } .widget-list { color: #404040; /*margin-bottom: 15px;*/ margin-bottom: 10px; font-size: 14px; font-weight: 600; } .widget-list.ft-ul > li:not(:first-child) { margin-top: 5px; } .mdb-card-summary > .row:not(.row-v-gutters) > [class^='col-']:not(:last-child) .widget-list { margin-bottom: 20px; } .row-v-gutters > [class^='col-'] > .widget-list, .row-v-gutters-sm > [class^='col-'] > .widget-list { margin-bottom: 0; } .widget-list > li { /*margin-top: 25px;*/ /* Reverting to reduce space in list */ margin-top: 15px; } .widget-list > li.item-w-height { min-height: 4em; } .widget-list > li:first-child { margin-top: 10px; } @media only screen and (min-width: 992px) { .widget-list > li { margin-top: 10px; } } .media { /* Media Widget */ /* END - Media Widget */ } .media > .media-left { overflow: hidden; } .media, .media > .media-body { overflow: visible; } .media.media-widget { margin-bottom: 15px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .media.media-widget .media-left, .media.media-widget .media-body, .media.media-widget .media-right { display: block; width: auto; } .media.media-widget .media-left { padding: 0; } .media.media-widget .media-left .media-object { width: 100%; height: 140px; background: #efefef left center no-repeat; background-size: cover; } .media.media-widget .media-body { padding: 10px 15px; } .media.media-widget .media-body .widget-list li { min-height: 54px; } .media.media-widget .media-body .widget-list li:first-child:last-child { margin-top: 0; } .media.media-widget .media-body .widget-footer { display: table; /*margin-top: 20px;*/ width: 100%; text-align: center; } .media.media-widget .media-body .widget-footer a, .media.media-widget .media-body .widget-footer [role="button"] { display: block; } .media.media-widget .media-body .widget-footer a .ft, .media.media-widget .media-body .widget-footer [role="button"] .ft { font-size: 30px; } .media.media-widget .media-right { position: relative; display: block; padding: 0; border-top: none; } .media.media-widget .media-right .media-right-inner { display: table; width: 100%; } .media.media-widget .media-right .icon-list { padding: 6px 15px; } .media.media-widget .media-right .icon-list > .ft { height: 44px; } .media.media-widget .media-right .icon-list > .list-desc { padding-left: 10px; } .media.media-widget .media-right .list-warning > .ft, .media.media-widget .media-right .list-warning > .list-desc > .stage-title, .media.media-widget .media-right .list-warning > .list-desc > .stage-desc, .media.media-widget .media-right .list-success > .ft, .media.media-widget .media-right .list-success > .list-desc > .stage-title, .media.media-widget .media-right .list-success > .list-desc > .stage-desc { color: #FFF; } .media.media-widget .media-right .mini-box { display: table-cell; } .media.media-flex-box { padding: 15px; -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .media.media-flex-box.media-height-100p { height: 100%; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .modal .media.media-flex-box.media-height-100p { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .media.media-flex-box .checkbox { margin: 0; } .media.media-flex-box.media-flex-sm { display: block; } .media.media-flex-box.media-flex-sm .media-right { padding-left: 30px; padding-top: 5px; } .media.media-flex-box .media-body .media-flex-box { padding: 0; -webkit-box-shadow: none; box-shadow: none; } @media (min-width: 768px) { .media.media-flex-box.media-flex-sm { display: -webkit-box; display: -ms-flexbox; display: flex; } .media.media-flex-box.media-flex-sm .media-right { padding-left: 15px; padding-top: 0; } } .media-flex.media-alt, .media-alt.media.media-flex-box, .media-alt.media.media-checkbox, .media-alt.media.media-input { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .media-flex.media-alt > .media-left, .media-alt.media.media-flex-box > .media-left, .media-alt.media.media-checkbox > .media-left, .media-alt.media.media-input > .media-left { padding-right: 0; padding-bottom: 10px; } .media-flex.media-alt > .media-left .media-object, .media-alt.media.media-flex-box > .media-left .media-object, .media-alt.media.media-checkbox > .media-left .media-object, .media-alt.media.media-input > .media-left .media-object { width: 100%; height: 215px; } .media-flex.media-center .media-left .custom-checkbox, .media-center.media.media-flex-box .media-left .custom-checkbox, .media-center.media.media-checkbox .media-left .custom-checkbox, .media-center.media.media-input .media-left .custom-checkbox { display: block; } .media-flex.media-team .media-body, .media-team.media.media-flex-box .media-body, .media-team.media.media-checkbox .media-body, .media-team.media.media-input .media-body { overflow: hidden; } .media-flex.media-team .team-title, .media-team.media.media-flex-box .team-title, .media-team.media.media-checkbox .team-title, .media-team.media.media-input .team-title, .media-flex.media-team .team-title-primary, .media-team.media.media-flex-box .team-title-primary, .media-team.media.media-checkbox .team-title-primary, .media-team.media.media-input .team-title-primary, .media-flex.media-team .team-role, .media-team.media.media-flex-box .team-role, .media-team.media.media-checkbox .team-role, .media-team.media.media-input .team-role, .media-flex.media-team .team-organization, .media-team.media.media-flex-box .team-organization, .media-team.media.media-checkbox .team-organization, .media-team.media.media-input .team-organization { margin-bottom: 0; } .media-flex > .media-left, .media.media-flex-box > .media-left, .media.media-checkbox > .media-left, .media.media-input > .media-left, .media-flex > .media-right, .media.media-flex-box > .media-right, .media.media-checkbox > .media-right, .media.media-input > .media-right, .media-flex > .media-body, .media.media-flex-box > .media-body, .media.media-checkbox > .media-body, .media.media-input > .media-body { width: auto; display: block; } .media-flex.media-wrap-mobile > .media-body, .media-wrap-mobile.media.media-flex-box > .media-body, .media-wrap-mobile.media.media-checkbox > .media-body, .media-wrap-mobile.media.media-input > .media-body { overflow: visible; } .media-flex.media-info-box, .media-info-box.media.media-flex-box, .media-info-box.media.media-checkbox, .media-info-box.media.media-input { margin-bottom: 20px; padding: 15px; background: #fbfbfb; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .media-flex.media-info-box .media-left .info-box-icon, .media-info-box.media.media-flex-box .media-left .info-box-icon, .media-info-box.media.media-checkbox .media-left .info-box-icon, .media-info-box.media.media-input .media-left .info-box-icon { margin: auto; padding: 12px; width: 60px; line-height: 28px; text-align: center; background: #fff; border: 1px solid #f2f2f2; } .media-flex.media-info-box .media-left .info-box-icon .ft, .media-info-box.media.media-flex-box .media-left .info-box-icon .ft, .media-info-box.media.media-checkbox .media-left .info-box-icon .ft, .media-info-box.media.media-input .media-left .info-box-icon .ft { display: block; line-height: inherit; color: #0e76bc; border: 3px solid #777777; } @media (min-width: 992px) { .media-flex.media-info-box .media-left, .media-info-box.media.media-flex-box .media-left, .media-info-box.media.media-checkbox .media-left, .media-info-box.media.media-input .media-left { min-width: 150px; } .media-flex.media-info-box .media-left .info-box-icon, .media-info-box.media.media-flex-box .media-left .info-box-icon, .media-info-box.media.media-checkbox .media-left .info-box-icon, .media-info-box.media.media-input .media-left .info-box-icon { width: 80px; line-height: 48px; } .media-flex.media-info-box .media-left .info-box-icon .ft, .media-info-box.media.media-flex-box .media-left .info-box-icon .ft, .media-info-box.media.media-checkbox .media-left .info-box-icon .ft, .media-info-box.media.media-input .media-left .info-box-icon .ft { font-size: 30px; } } @media (max-width: 767px) { .media-flex.media-wrap-mobile, .media-wrap-mobile.media.media-flex-box, .media-wrap-mobile.media.media-checkbox, .media-wrap-mobile.media.media-input { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .media-flex.media-wrap-mobile > .media-left, .media-wrap-mobile.media.media-flex-box > .media-left, .media-wrap-mobile.media.media-checkbox > .media-left, .media-wrap-mobile.media.media-input > .media-left { padding-right: 0; padding-bottom: 10px; } .media-flex.media-wrap-mobile > .media-left.ml-object-responsive, .media-wrap-mobile.media.media-flex-box > .media-left.ml-object-responsive, .media-wrap-mobile.media.media-checkbox > .media-left.ml-object-responsive, .media-wrap-mobile.media.media-input > .media-left.ml-object-responsive { margin-bottom: 10px; position: relative; width: 100%; height: auto; padding-bottom: 56.25%; } .media-flex.media-wrap-mobile > .media-left.ml-object-responsive > .media-object, .media-wrap-mobile.media.media-flex-box > .media-left.ml-object-responsive > .media-object, .media-wrap-mobile.media.media-checkbox > .media-left.ml-object-responsive > .media-object, .media-wrap-mobile.media.media-input > .media-left.ml-object-responsive > .media-object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: none; max-height: none; } .media-flex.media-wrap-mobile > .media-right, .media-wrap-mobile.media.media-flex-box > .media-right, .media-wrap-mobile.media.media-checkbox > .media-right, .media-wrap-mobile.media.media-input > .media-right { padding-left: 0; padding-top: 10px; } } .media-post-wrap { max-height: 320px; } .media-content-wrap { max-height: 220px; } .team-block .media-content-wrap, .team-card .media-content-wrap { text-align: left; } .media-post .card-title { margin-bottom: 0; } .media-post > .media-body { overflow: hidden; } .media.media-checkbox, .media.media-input { padding: 0; -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .media.media-checkbox .media-left, .media.media-input .media-left { padding: 0; } .media.media-checkbox .media-left + .media-body, .media.media-input .media-left + .media-body { border-left: 1px solid #ddd; } .media.media-checkbox .media-left .option-col, .media.media-input .media-left .option-col { padding: 15px; } .media.media-checkbox .media-left .option-col .ft, .media.media-input .media-left .option-col .ft { vertical-align: middle; font-size: 24px; } .media.media-checkbox .media-body, .media.media-input .media-body { padding: 15px; } .media.media-checkbox .media-body + .media-right, .media.media-input .media-body + .media-right { border-left: 1px solid #ddd; padding: 0 10px 10px; } .media.media-checkbox .media-body + .media-right .form-group, .media.media-input .media-body + .media-right .form-group { min-width: 100px; } @media (max-width: 767px) { .media.media-checkbox, .media.media-input { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .media.media-checkbox .media-body + .media-right, .media.media-input .media-body + .media-right { border-left: 0; border-top: 1px solid #ddd; } } .media-new { position: relative; padding: 15px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .panel .panel .media-new { -webkit-box-shadow: none; box-shadow: none; margin: 0; } .media-new .media-left .custom-checkbox { vertical-align: middle; } @media screen and (max-width: 767px) { .media-new { padding: 0; } } .media.media-new > .media-head.media-head-flex .media-tools { line-height: 1; } .media.media-new > .media-head.media-head-flex .media-tools.list-inline { line-height: 1; margin: 0 0 0 5px; } .media.media-new > .media-head.media-head-flex .media-tools.list-inline li:last-child { padding-right: 0; } .media.media-new > .media-head.media-head-flex .media-tools .ft-plus:before { content: "\e014"; } .media.media-new > .media-head.media-head-flex .media-tools .ft-plus-circle-o:before { content: "\e017"; } .media.media-new > .media-head.media-head-flex .media-tools .ft-chevron-down:before { content: "\e00b"; } .media.media-new > .media-head.media-head-flex.collapsed[data-toggle=collapse] .ft-plus:before { content: "\e010"; } .media.media-new > .media-head.media-head-flex.collapsed[data-toggle=collapse] .ft-plus-circle-o:before { content: "\e013"; } .media.media-new > .media-head.media-head-flex.collapsed[data-toggle=collapse] .ft-chevron-down:before { content: "\e008"; } .media.media-new .media-body .widget-list, .media.media-new .panel-content-row .widget-list, .media.media-new .media-content-row .widget-list { margin-bottom: 0; } .media.media-new .media-body .widget-list.row, .media.media-new .panel-content-row .widget-list.row, .media.media-new .media-content-row .widget-list.row { margin-top: -10px; } .media.media-new .media-body .widget-list.row > [class*=col-], .media.media-new .panel-content-row .widget-list.row > [class*=col-], .media.media-new .media-content-row .widget-list.row > [class*=col-] { margin-top: 10px; } .media.media-new .panel-content-row, .media.media-new .media-content-row { padding: 15px; border-top: 1px solid #e0e0e0; } @media screen and (max-width: 1199px) { .media.media-new .media-body .panel-title, .media.media-new .media-body .media-title { /*padding-bottom: 10px;*/ } .media.media-new .media-body .panel-title:after, .media.media-new .media-body .media-title:after { font: normal normal normal 20px/1 fontastic; text-transform: none !important; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .media.media-new .media-body .panel-title .media-tools, .media.media-new .media-body .media-title .media-tools { line-height: 1; } .media.media-new .media-body .panel-title .media-tools .ft-plus:before, .media.media-new .media-body .media-title .media-tools .ft-plus:before { content: "\e014"; } .media.media-new .media-body .panel-title .media-tools .ft-plus-circle-o:before, .media.media-new .media-body .media-title .media-tools .ft-plus-circle-o:before { content: "\e017"; } .media.media-new .media-body .panel-title .media-tools .ft-chevron-down:before, .media.media-new .media-body .media-title .media-tools .ft-chevron-down:before { content: "\e00b"; } .media.media-new .media-body .panel-title.collapsed[data-toggle=collapse] .media-tools .ft-plus:before, .media.media-new .media-body .media-title.collapsed[data-toggle=collapse] .media-tools .ft-plus:before { content: "\e010"; } .media.media-new .media-body .panel-title.collapsed[data-toggle=collapse] .media-tools .ft-plus-circle-o:before, .media.media-new .media-body .media-title.collapsed[data-toggle=collapse] .media-tools .ft-plus-circle-o:before { content: "\e013"; } .media.media-new .media-body .panel-title.collapsed[data-toggle=collapse] .media-tools .ft-chevron-down:before, .media.media-new .media-body .media-title.collapsed[data-toggle=collapse] .media-tools .ft-chevron-down:before { content: "\e008"; } .media.media-new .collapse-head, .media.media-new .media-head { padding: 10px 15px; position: relative; } .media.media-new .collapse-head .media-small-list .media-middle, .media.media-new .media-head .media-small-list .media-middle { vertical-align: middle; } } /* END - Media */ .icon-badge { vertical-align: middle; } .icon-badge + .badge, .badge + .icon-badge { margin-left: 10px; } /* DATE BLOCK */ .period-title { font-size: 18px; color: #777777; text-align: center; } .period-title + .period-block .table-cell { padding-top: 0; padding-bottom: 0; } .period-block { margin: 0 auto 20px; display: table; max-width: 315px; text-align: center; } .period-block .period-date { font-size: 20px; line-height: 1.5; font-weight: 600; color: #0e76bc; } .period-block .period-time { font-size: 16px; line-height: 1.5; font-weight: 600; color: #777777; } /* END - DATE BLOCK */ .ol-default ol { margin-left: 15px; padding-left: 0px; } .list-disc { padding-left: 35px; list-style: none; } .list-disc > li { color: #404040; font-size: 14px; line-height: 1.62; font-weight: 400; } .list-disc > li:before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 10px; background: #777777; float: left; margin: 7px 0 0 -23px; } .list-disc > li + li { margin-top: 10px; } .list-disc > li ul.list-disc li:first-child { margin-top: 10px; } @media only screen and (min-width: 768px) { .list-disc > li ul.list-disc li:first-child { margin-top: 20px; } .list-disc > li + li { margin-top: 20px; } } /* LIST STYLE NESTED */ .nested-list { padding-left: 15px; } .list-head { font-weight: 600; color: #404040; font-size: 14px; margin: 20px 0; } .list-text { font-weight: 400; color: #404040; font-size: 14px; line-height: 25px; } /* END - LIST STYLE NESTED */ /*for column representation*/ .list-items { margin-bottom: 30px; padding: 20px; } .list-items ul { margin-bottom: 0; } .list-items ul li:not(:last-child) { margin-bottom: 10px; } .list-items .list-items-head { font-size: 18px; line-height: 1.62; font-weight: 600; color: #0e76bc; margin-bottom: 15px; } .list-items .list-items-data-head { font-size: 14px; line-height: 1.62; font-weight: 400; color: #777777; } .list-items .list-items-data { font-size: 16px; line-height: 1.62; font-weight: 600; color: #404040; } .list-definition { font-weight: 400; font-size: 14px; line-height: 1.62; color: #404040; } .list-definition > li:before { content: attr(title) ":"; display: table-cell; padding-right: 10px; color: #777777; min-width: 90px; } .list-definition > li > div, .list-definition > li > span { display: table-cell; } .list-definition > li > div .badge, .list-definition > li > span .badge { vertical-align: middle; margin-left: 4px; margin-bottom: 0 !important; } .list-definition > li:not(:last-child) { margin-bottom: 10px; } .list-definition.list-detailed > li:before { display: block; margin-bottom: 5px; } .list-definition.list-detailed > li > div, .list-definition.list-detailed > li > span { display: block; } .list-definition.list-detailed > li > div .badge, .list-definition.list-detailed > li > span .badge { margin-left: 0; min-width: 55px; } .list-definition.list-detailed > li:not(:last-child) { margin-bottom: 15px; } .list-definition.list-definition-alt { margin: 0; } .list-definition.list-definition-alt > li { margin-bottom: 0; } .list-definition.list-definition-alt > li:before, .list-definition.list-definition-alt > li.data-width-md:before { min-width: 185px !important; } @media only screen and (min-width: 768px) { .list-definition > li:before { min-width: 120px; } .list-definition > li.data-width-md:before { min-width: 150px !important; } .list-definition.list-detailed > li:before, .list-definition.list-detailed > li > div, .list-definition.list-detailed > li > span { display: table-cell; } .list-definition.list-detailed > li:before { min-width: 140px; } } @media only screen and (min-width: 768px) { .list-definition.list-detailed > li:before { min-width: 220px; } } .list-checkbox-block { display: block; padding: 10px; margin-bottom: 10px; -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .list-checkbox-block.active { background: #f1f1f1; -webkit-box-shadow: 0 0 0 1px #4caf50; box-shadow: 0 0 0 1px #4caf50; } .list-checkbox-block > .checkbox { margin: 0; } .list-checkbox-block:last-child { margin-bottom: 0; } .list-checkbox, .list-checkbox-alt { display: block; margin-bottom: 20px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); min-height: 320px; } .list-checkbox.list-wo-height, .list-wo-height.list-checkbox-alt { min-height: 0; } .list-checkbox > li.active, .list-checkbox-alt > li.active { background: #f1f1f1; } .list-checkbox > li > .checkbox, .list-checkbox-alt > li > .checkbox { margin: 0; padding: 10px; } @media (min-width: 768px) { .list-checkbox, .list-checkbox-alt { margin-bottom: 30px; min-height: 400px; } .list-checkbox > li > .checkbox, .list-checkbox-alt > li > .checkbox { padding: 15px 15px; } } .panel-body > .list-inline-flex:first-child { margin-top: -10px; } .list-inline-flex > li { padding-top: 10px; } .list-inline-flex > li.active > a { -webkit-box-shadow: 0 0 0 2px #0e76bc inset; box-shadow: 0 0 0 2px #0e76bc inset; } .list-inline-flex > li > a { display: block; padding: 5px; } .past-text { margin: 10px auto 2em; text-align: right; font-size: 12px; line-height: 1.62; color: #0e76bc; } .content-block-nopad + .past-text { margin-top: -20px; } .past-text [role=button] { text-decoration: underline; } .badge-item { display: table; width: 100%; } .badge-item .badge-holder, .badge-item .badge-info { display: table-cell; vertical-align: middle; } .badge-item .badge-holder ~ .badge-info, .badge-item .badge-info ~ .badge-info { padding-left: 10px; } .badge-item .badge-info { width: 10000px; line-height: 1.42857143; color: #404040; } .badge-item .badge-title { font-size: 16px; font-weight: 600; } .badge-item .badge-issue { font-size: 14px; color: #777777; } .badge-item .badge-issue strong { color: #0e76bc; font-weight: 600; } .media-small-list.content-block, .media-small-list.content-block-nopad, .media-small-list.content-block-pad-md { padding: 15px; } .media-small-list.content-block .media-middle, .media-small-list.content-block-nopad .media-middle, .media-small-list.content-block-pad-md .media-middle { vertical-align: top; } .media-small-list .media-body.body-width-unset { width: unset; } .media-small-list .small-list-text { font-size: 14px; font-weight: 600; color: #777777; } .media-small-list .small-list-text.normal { font-weight: 400; } .media-small-list .small-list-text.small { font-size: 12px; } .media-small-list .small-list-text.row-middle { margin-top: 7px; } .media-small-list .small-list-text-primary { font-size: 14px; font-weight: 600; color: #404040; } .media-small-list .small-list-main-head { font-size: 18px; font-weight: 600; color: #0e76bc; } .media-small-list .small-list-head { font-size: 16px; font-weight: 600; color: #404040; } .media-small-list .small-list-subhead { font-size: 14px; font-weight: 600; color: #404040; } @media only screen and (min-width: 768px) { .media-small-list .small-list-subhead { font-size: 16px; } .media-small-list.content-block .media-middle, .media-small-list.content-block-nopad .media-middle, .media-small-list.content-block-pad-md .media-middle { vertical-align: middle; } } @media only screen and (max-width: 767px) { .media-small-list.mob-img-size .obs-circle { width: 60px; height: 60px; } .media-small-list div:not(.media-right) > .badge { margin-top: 5px; } } .media-small-list-alt { margin-bottom: 0; } .media-small-list-alt .media { margin-top: 20px; } .media-small-list-alt .media:first-child { margin-top: 0; } .media-small-list-alt .media .small-list-text { font-size: 12px; font-weight: 600; color: #404040; line-height: 1.25; } .media-small-list-alt .media .small-list-text.normal { font-weight: 400; } .media-small-list-alt .media .small-list-head { font-size: 14px; font-weight: 600; color: #404040; line-height: 1.2; } .media-small-list-alt .media .obs-circle { width: 50px; height: 50px; } .dot:before { content: ""; width: 10px; height: 10px; display: inline-block; background-color: #e2e2e2; margin: 0 5px 0 0; } .dot.dot-lg:before { width: 12px; height: 12px; } .dot.dot-success:before { background-color: #4caf50; } .dot.dot-danger:before { background-color: #f44336; } .dot.dot-warning:before { background-color: #ffc107; } .dot.dot-primary:before { background-color: #0e76bc; } .status-icon { vertical-align: middle; margin-right: 5px; } .data-title { margin-right: 4px; margin-bottom: 0; color: #777; font-weight: 600; font-size: 14px; } span.data-title { display: inline-block; } .data-title + [role="button"]:not(.badge) { color: #777777; } .data-title + [role="button"] .ft { vertical-align: middle; } .data-text { font-weight: 400; font-size: 16px; } .data-text .data-icon { vertical-align: middle; margin-right: 2px; } .data-text-head { font-weight: 600; font-size: 16px; } .data-text-head .data-icon { vertical-align: middle; margin-right: 2px; } .widget-cell-data { margin-bottom: 15px; } .widget-cell-data .data-items .data-text { margin-right: 5px; } .multi-column-list { margin: 0; padding: 0; } .multi-column-list > li { padding: 10px 15px; } .multi-column-list > li.active { border-left: 3px solid #0e76bc; padding-left: 12px; } @media (min-width: 992px) { .multi-column-list { padding-bottom: 15px; } .multi-column-list > li { padding: 10px 20px; } .multi-column-list > li.active { padding-left: 17px; } } .multi-column { display: table; width: 100%; /*.legend-division { border-bottom: 1px solid #e0e0e0; margin-bottom:10px; }*/ } .multi-column .form-legend-sm { margin-bottom: 0; } .multi-column .column-left { display: table-cell; text-align: left; vertical-align: middle; } .multi-column .column-left .data-text { font-size: 14px; font-weight: 600; color: #404040; } .multi-column .form-legend-head, .multi-column .form-legend-primary { margin-bottom: 0px !important; } .multi-column.active .data-text { color: #0e76bc; } .multi-column .column-right { display: table-cell; text-align: right; vertical-align: middle; } .multi-column .column-right.fixed-score-width { width: 165px; } .multi-column .column-right .badge:not(:first-child) { margin-left: 10px; } .multi-column .column-right.icon-set .ft { vertical-align: middle; } .multi-column .column-right.icon-set a + a { margin-left: 5px; } .multi-column .content-left { display: block; vertical-align: middle; text-align: left; } .multi-column .content-right { display: block; vertical-align: middle; text-align: center; margin-top: 30px; } .multi-column .content-right .legend-desc { text-transform: uppercase; font-size: 12px; } .multi-column .content-right .legend-desc a { color: #0e76bc; } .display-block.mob-row-collapse .multi-column .column-right { text-align: left !important; } @media only screen and (min-width: 768px) { .display-block.mob-row-collapse .multi-column .column-right { text-align: right !important; } .display-block.mob-row-collapse .collapse { display: block !important; height: auto !important; } } @media only screen and (max-width: 768px) { .multi-column.mob-block { display: block; } .multi-column.mob-block .column-left { display: block; } .multi-column.mob-block .column-right { display: block; text-align: left; } } @media only screen and (min-width: 768px) { .multi-column .content-right { display: block; text-align: center; margin-top: 20px; } .multi-column .content-left { display: block; text-align: center; } } @media only screen and (min-width: 992px) { .multi-column .content-right { display: block; text-align: right; float: right; margin-top: 10px; } .multi-column .content-left { display: block; text-align: left; } } @media only screen and (min-width: 1200px) { /*.multi-column { padding: inherit; }*/ .multi-column .content-right { display: table-cell; text-align: right; float: right; margin-top: 0px; } .multi-column .legend-division { display: none; } .multi-column .content-left { display: table-cell; text-align: left; } } /* Icon Block With Button (Choose New/Existing Customer) */ .icon-action-block { max-width: 220px; margin: 0 auto 20px; padding: 20px; background: #f5f5f5; text-align: center; } .row-v-gutters > [class*='col-'] > .icon-action-block, .row-v-gutters-sm > [class*="col-"] > .icon-action-block { margin-bottom: 0; } .icon-action-block .icon-holder { margin-bottom: 20px; } .icon-action-block .icon-holder svg, .icon-action-block .icon-holder .ft { margin: auto; display: block; height: 60px; } .icon-action-block .icon-holder .ft { margin: auto; display: block; font-size: 60px; line-height: 60px; height: auto; } @media (min-width: 992px) { .icon-action-block { margin-bottom: 40px; min-height: 200px; } .icon-action-block .icon-holder svg { height: 100px; } .icon-action-block .icon-holder .ft { font-size: 100px; line-height: 100px; } } /* END - Icon Block With Button (Choose New/Existing Customer) */ .media.media-checked { -webkit-box-shadow: 0 0 0 2px #4caf50; box-shadow: 0 0 0 2px #4caf50; } .checkbox-overlay, .img-overlay { display: block; width: 100%; height: 100%; padding: 10px; position: absolute; top: 0; left: 0; right: 0; background: black; background: rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .media .checkbox-overlay, .media .img-overlay { background: transparent; } .checkbox-overlay .custom-checkbox, .img-overlay .custom-checkbox { vertical-align: top; } @media only screen and (min-width: 992px) { .media .checkbox-overlay, .media .img-overlay { opacity: 0; background: rgba(0, 0, 0, 0.5); } .media-checked .checkbox-overlay, .media-checked .img-overlay, .media .media-left:hover .checkbox-overlay, .media .media-left:hover .img-overlay { opacity: 1; } } .mini-box { padding: 10px 5px; color: #777777; background: #FFF; text-align: center; font-size: 14px; font-weight: 400; } .mini-box a { color: #FFF; } a.mini-box, a.mini-box:hover, a.mini-box:focus { color: #777777; } .box-primary { background: #0e76bc; color: #ffffff; } .box-success { background: #4caf50; color: #ffffff; } .box-warning { background: #ffc107; color: #ffffff; } .box-danger { background: #f44336; color: #ffffff; } .box-walkthrough { background: #93633f; color: #ffffff; } .box-schedule { background: #d1a521; color: #ffffff; } .box-info { background: #1abade; color: #ffffff; } .mini-box .count { display: block; font-size: 16px; font-weight: 600; } .status-list { text-align: left; } .status-list > li { vertical-align: top; color: #777777; font-size: 14px; font-weight: 400; text-align: center; } .status-list .btn { margin-bottom: 5px; } /*@media (min-width:992px) { .status-list { text-align: left; } }*/ .batch-wrap { margin-bottom: 15px; padding: 0 10px; } @media (min-width: 768px) { .batch-wrap { padding: 0 20px; } } /* END - MEDIA LIST */ .mdb-card-summary { margin-bottom: 20px; line-height: 1.62; padding: 15px 15px; background: #f8f8f8; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .mdb-card-summary.card-primary { background: #e7f1f8; } /*IMAGE ROUND */ .img-badge { width: 90px; height: 90px; } .img-badge.img-sm { width: 44px; height: 44px; } .img-round.selected { position: relative; } .img-round.selected:before { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; border: 2px solid #4caf50; } .img-round.selected:after { content: "\e038"; font: normal normal normal 20px/1 fontastic; text-transform: none !important; text-rendering: auto; text-align: center; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 26px; height: 26px; line-height: 26px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); color: #ffffff; background: #4caf50; } .img-round:not(div) { display: inline-block; } .img-round > img { vertical-align: middle; } /*END IMAGE ROUND */ /* UPLOAD DOCUMENTS */ .ab-upload-details + .ab-upload-details { margin-top: 10px; } .ab-upload-list { list-style: none; margin-bottom: 20px; padding-left: 30px; } .ab-upload-list > li { background: #f6f6f6; } .ab-upload-list > li + li { margin-top: 15px; } .ab-upload-list > li:before { content: "\e035"; display: block; margin-left: -30px; float: left; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; font-size: 18px; line-height: 1.8; font-family: "fontastic" !important; text-transform: none !important; speak: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ab-upload-header { color: #404040; background: #f6f6f6; padding: 5px 10px; line-height: 1.6; } .ab-upload-header .icons-group { float: right; } .ab-upload-header .icons-group li a { color: #404040; } .ab-upload-body { padding: 10px; color: #777777; background: #f6f6f6; font-size: 12px; } .ab-upload-icon { float: left; width: 20px; line-height: 24px; color: #404040; } .ab-upload-icon .ft { font-size: 24px; } .ab-upload-content { margin-left: 35px; color: #404040; } .ab-upload-content .table-wrap { margin: auto -15px; } .ab-upload-content .table-wrap .table-cell { padding: 0; text-align: right; width: 100%; } .ab-upload-details-alt.ab-upload-details + .ab-upload-details-alt.ab-upload-details { margin-top: 5px; } .ab-upload-details-alt .ab-upload-icon .ft { font-size: 24px; vertical-align: middle; } .ab-upload-details-alt .ab-upload-content { margin-left: 25px; font-size: 14px; line-height: 1.4; } .icon-text, .icon-text:hover, .icon-text:focus { white-space: nowrap; color: #404040; } .icon-text > * { vertical-align: middle; } @media only screen and (min-width: 768px) { .ab-upload-list > li + li { margin-top: 30px; } } @media only screen and (min-width: 992px) { .ab-upload-content .table-wrap { display: block; } .ab-upload-content .table-wrap .table-cell { display: inline-block; width: auto; } } @media only screen and (max-width: 991px) { .ab-upload-content .btn-link.btn-has-icon .btn-link-text { display: none; } } @media only screen and (max-width: 767px) { .ab-upload-content .btn-link.btn-has-icon .ft { margin-right: 0; } } /* UPLOAD DOCUMENTS - END */ /* RATING */ .rating-box { position: relative; margin-top: 36px; padding: 45px 15px 15px; border: 1px solid #777; } .rating-count { text-align: center; width: 72px; height: 72px; line-height: 70px; font-size: 18px; font-weight: 600; color: #0e76bc; background-color: #fff; border: 1px solid #777; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* * TEAM BLOCK * */ .team-block, .team-card { margin: 20px auto 30px; text-align: center; } .team-block:focus, .team-card:focus { outline: none; } .row-v-gutters > [class*=col] > .team-block, .row-v-gutters > [class*=col] > .team-card, .owl-carousel .team-block, .owl-carousel .team-card, .panel-body > .team-block, .panel-body > .team-card, .mdb-flip-card .card-block > .team-block, .mdb-flip-card .card-block > .team-card { margin: 0 auto; overflow: hidden; max-width: 100%; } .team-block.media-small-list, .media-small-list.team-card { margin: 10px auto; text-align: left; } .team-block > .list-inline, .team-card > .list-inline { margin-left: 0; } .team-avatar { position: relative; display: block; margin: 0 auto 10px; width: 62px; height: 62px; background: #FAFAFA; } .team-avatar.highlight { border: 2px solid #0e76bc; } .team-avatar.has-badge { margin-bottom: 10px; } .team-avatar.has-badge:after { content: ""; position: absolute; display: block; width: 20px; height: 20px; bottom: -20px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #0e76bc; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.539' height='28.9'%3E%3Ccircle cx='11.474' cy='11.474' r='11.474' transform='translate(1.769)' fill='%23ffd15c'/%3E%3Cg fill='%2340596b'%3E%3Cpath d='M3.95 18.187L.002 25.031l4.608-.245 2.094 4.113 3.646-6.332a11.463 11.463 0 01-6.4-4.38z'/%3E%3Cpath d='M22.563 18.153a11.466 11.466 0 01-6.389 4.4l3.664 6.343 2.094-4.113 4.608.245z'/%3E%3C/g%3E%3Ccircle cx='8.317' cy='8.317' r='8.317' transform='translate(4.927 3.157)' fill='%23f8b64c'/%3E%3Cpath d='M18.944 10.576a.434.434 0 00-.239-.74l-3.282-.478a.428.428 0 01-.324-.239l-1.468-2.975a.434.434 0 00-.779 0L11.39 9.119a.452.452 0 01-.324.239l-3.283.478a.434.434 0 00-.239.74l2.372 2.315a.438.438 0 01.125.381l-.557 3.265a.433.433 0 00.631.455l2.935-1.542a.424.424 0 01.4 0l2.935 1.542a.436.436 0 00.631-.455l-.559-3.261a.428.428 0 01.125-.381z' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat; } .team-avatar.unselected { cursor: pointer; padding: 2px; } .team-avatar.unselected:before { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; border: 2px solid #e2e2e2; } .team-avatar.unselected:after { content: ""; display: block; width: 16px; height: 16px; position: absolute; bottom: -4px; left: 50%; background: #FFF; border: 2px solid #e2e2e2; -webkit-transform: translate(-50%, 25%); -ms-transform: translate(-50%, 25%); transform: translate(-50%, 25%); } .team-avatar.selected { cursor: pointer; padding: 2px; } .team-avatar.selected:before { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; border: 2px solid #4caf50; } .team-avatar.selected:after { content: "\e038"; font: normal normal normal 20px/1 fontastic; text-transform: none !important; text-rendering: auto; text-align: center; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 16px; height: 16px; font-size: 10px; line-height: 16px; position: absolute; bottom: -4px; left: 50%; color: #ffffff; background: #4caf50; -webkit-transform: translate(-50%, 25%); -ms-transform: translate(-50%, 25%); transform: translate(-50%, 25%); } .team-avatar.selected.readonly:before { border-color: #777777; } .team-avatar.selected.readonly:after { background: #777777; } .team-avatar > img { display: block; width: 100% !important; height: 100%; background: #e7e5e5; } .team-avatar.square-avatar { width: 100% !important; height: 100% !important; max-width: 120px; } .team-avatar.square-avatar img { background-color: transparent; } .team-title { margin: 0 auto 5px; color: #404040; font-size: 14px; font-weight: 600; } .card-image-title { margin: 10px auto 5px; color: #404040; font-size: 14px; font-weight: 600; } .team-title-primary { margin: 0 auto 5px; color: #0e76bc; font-size: 16px; font-weight: 600; } .team-xs-desc { margin: 0 auto 5px; color: #404040; font-size: 12px; font-weight: 400; } .team-role { margin: 0 auto 5px; color: #404040; font-size: 12px; font-weight: 400; font-style: italic; } .team-email { margin: 0 auto 5px; color: #404040; font-size: 14px; font-weight: 400; } .team-duration, .team-organization { margin: 0 auto 5px; color: #777777; font-size: 14px; font-weight: 400; } .team-icons { color: #777777; text-align: center; margin-top: 10px; } .team-icons > li { padding-left: 2px; padding-right: 2px; } .team-xs .team-avatar { width: 40px; height: 40px; } .team-sm .team-avatar { width: 100px; height: 100px; } .team-sm .team-avatar.selected:after, .team-sm .team-avatar.unselected:after { width: 20px; height: 20px; font-size: 14px; line-height: 20px; } .team-sm .team-title { font-size: 20px; } .team-sm .team-role, .team-sm .team-email { font-size: 18px; } .team-md .team-avatar { width: 125px; height: 125px; } .team-md .team-avatar.unselected:after, .team-md .team-avatar.selected:after { width: 20px; height: 20px; font-size: 14px; line-height: 20px; } .team-lg .team-avatar { width: 150px; height: 150px; } .team-lg .team-avatar.selected:after { width: 26px; height: 26px; font-size: 20px; line-height: 26px; } .team-md .team-avatar.has-badge, .team-lg .team-avatar.has-badge { margin-bottom: 15px; } .team-md .team-avatar.has-badge:after, .team-lg .team-avatar.has-badge:after { width: 28px; height: 28px; bottom: -28px; } .team-card { position: relative; margin-bottom: 30px; display: block; min-height: 200px; padding: 25px 15px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); -webkit-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); -o-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); } .team-card:hover { -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); } .team-card .checkbox { position: absolute; left: 12px; top: 12px; margin: 0; } .team-card .team-title-primary { font-size: 18px; } .team-card .team-role { color: #777777; font-size: 14px; font-style: normal; } .dl-team { text-align: left; margin-bottom: 0; } .dl-team:not(:first-child) { margin-top: 10px; } .dl-team:not(:last-child) { margin-bottom: 20px; } .dl-team dt { font-size: 14px; color: #777777; font-weight: normal; } .dl-team dd { font-size: 14px; color: #404040; font-weight: 600; } .dl-team dd:after, .dl-team dd:before { display: table; content: " "; } .dl-rating { margin-bottom: 0; } .dl-rating dt { float: left; width: 120px; overflow: hidden; clear: left; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; } .dl-rating dt:not(:first-child) { margin-top: 5px; } .dl-rating dd { margin-left: 130px; font-weight: 600; } .dl-rating dd:not(:nth-child(2)) { margin-top: 5px; } @media (min-width: 768px) { .dl-team dt, .dl-course dt { float: left; width: 100px; overflow: hidden; clear: left; text-overflow: ellipsis; white-space: nowrap; } .dl-team dt:not(:first-child), .dl-course dt:not(:first-child) { margin-top: 15px; } .dl-team dd, .dl-course dd { margin-left: 110px; } .dl-team dd:not(:nth-child(2)), .dl-course dd:not(:nth-child(2)) { margin-top: 15px; } .dl-course dt { min-width: 30px; width: 30px; } .dl-course dd { margin-left: 30px; } } @media (max-width: 767px) { .dl-team dd:not(:last-child), .dl-course dd:not(:last-child) { margin-bottom: 15px; } } @media (min-width: 1200px) { .team-responsive .list-inline { display: none; } } @media (max-width: 1199px) { .team-responsive .team-avatar { width: 40px; height: 40px; } } /* * END - TEAM BLOCK * */ .user-card { padding: 15px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); background-color: #f8f8f8; } .content-block-pad-md .user-card { -webkit-box-shadow: none; box-shadow: none; margin: -15px 0; } @media (max-width: 767px) { .content-block-pad-md .row > [class*="col"].user-card { margin-bottom: 5px; } } .mdb-card-collapse > .collapse-body + .collapse-title, .mdb-input-collapse > .collapse-body + .collapse-title { margin-top: 10px; } .mdb-card-collapse > .collapse-title, .mdb-input-collapse > .collapse-title { line-height: 1.42857143; font-size: 14px; font-weight: 600; text-transform: uppercase; text-align: center; color: #0e76bc; } .mdb-card-collapse > .collapse-title:before, .mdb-input-collapse > .collapse-title:before { order: -2; display: block; content: "\e014"; margin-right: 4px; font-size: inherit; line-height: inherit; } .mdb-card-collapse > .collapse-title[data-has-icon="false"]:before, .mdb-input-collapse > .collapse-title[data-has-icon="false"]:before { display: none; } .mdb-card-collapse > .collapse-title:after, .mdb-input-collapse > .collapse-title:after { order: -1; display: block; content: 'Hide'; margin-right: 4px; } .mdb-card-collapse > .collapse-title[data-before-collapse]:after, .mdb-input-collapse > .collapse-title[data-before-collapse]:after { content: attr(data-before-collapse); } .mdb-card-collapse > .collapse-title.collapsed, .mdb-input-collapse > .collapse-title.collapsed { color: #0e76bc; } .mdb-card-collapse > .collapse-title.collapsed:before, .mdb-input-collapse > .collapse-title.collapsed:before { content: "\e010"; } .mdb-card-collapse > .collapse-title.collapsed:after, .mdb-input-collapse > .collapse-title.collapsed:after { content: 'Show'; } .mdb-card-collapse > .collapse-title.collapsed[data-after-collapse]:after, .mdb-input-collapse > .collapse-title.collapsed[data-after-collapse]:after { content: attr(data-after-collapse); } @media (min-width: 768px) { .card.card-responsive:not(.card-fluid), .card.card-responsive-alt:not(.card-fluid) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .card.card-responsive:not(.card-fluid) > .card-media, .card.card-responsive-alt:not(.card-fluid) > .card-media { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } .card.card-responsive:not(.card-fluid) > .card-media + .card-block, .card.card-responsive-alt:not(.card-fluid) > .card-media + .card-block { padding-left: 15px; } .card.card-responsive .form-control, .card.card-responsive-alt .form-control { font-size: 16px; } .card.card-responsive .mdb-card-collapse > .collapse-title, .card.card-responsive-alt .mdb-card-collapse > .collapse-title, .card.card-responsive .mdb-input-collapse > .collapse-title, .card.card-responsive-alt .mdb-input-collapse > .collapse-title { display: none; } .card.card-responsive .mdb-card-collapse > .collapse-title.collapsed, .card.card-responsive-alt .mdb-card-collapse > .collapse-title.collapsed, .card.card-responsive .mdb-input-collapse > .collapse-title.collapsed, .card.card-responsive-alt .mdb-input-collapse > .collapse-title.collapsed { margin-top: 0; } .card.card-responsive .mdb-card-collapse > .collapse-body.collapse, .card.card-responsive-alt .mdb-card-collapse > .collapse-body.collapse, .card.card-responsive .mdb-input-collapse > .collapse-body.collapse, .card.card-responsive-alt .mdb-input-collapse > .collapse-body.collapse { display: block; height: auto !important; } } /* * END - CARD BLOCK * */ /* * HEADER BLOCK * */ .header-section { position: relative; margin: -15px 0 20px; padding-top: 10px; background: #f9fbfb center no-repeat; background-size: cover; } .header-section.section-pulled-down { margin-bottom: -20px; background: #358cc7; background: -moz-linear-gradient(180deg, #358cc7 0%, #59a0d1 100%); background: -webkit-linear-gradient(180deg, #358cc7 0%, #59a0d1 100%); background: linear-gradient(180deg, #358cc7 0%, #59a0d1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="tint($primary-color, 31%)",endColorstr="tint($primary-color, 16%)",GradientType=1); } .header-section.section-pulled-down > .content-box { padding-bottom: 40px; } .header-section.section-pulled-down + .content-box { position: relative; padding-top: 30px; background-color: white; border-top-left-radius: 20px; border-top-right-radius: 20px; } .header-section + .content-box .info-block-container:first-child, .header-section + .content-box .media-info-box:first-child { margin-top: -30px; position: relative; z-index: 1; } .header-section > svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } .header-section .header-content { position: relative; } .header-section .header-title { margin-top: 0.5em; } .header-section .row-v-gutters-sm > [class*="col"] > .header-title { margin-top: 0; } .header-section > .content-box { background: transparent; padding-bottom: 20px; } .header-section.dark-section { margin-bottom: 0; /*.breadcrumb, .content-box { mix-blend-mode: difference; }*/ } .header-section.dark-section:before, .header-section.dark-section:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: inherit; background-color: transparent; background-size: cover; } .header-section.dark-section:before { -webkit-filter: blur(7px); -moz-filter: blur(7px); -o-filter: blur(7px); -ms-filter: blur(7px); filter: blur(7px); } .header-section.dark-section:after { background: #222222; background: rgba(34, 34, 34, 0.5); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 ); } .header-section.dark-section + .nav-tabs-wrap, .header-section.dark-section + .nav-pills-wrap { margin-bottom: 20px; } .header-section .breadcrumb { padding-top: 15px; } .header-section .breadcrumb, .header-section .content-box { position: relative; z-index: 1; } .header-title { margin: 0 auto; font-weight: 700; font-size: 20px; line-height: 1; } .header-title small { color: inherit; font-size: 75%; } .header-title.title-lg { font-size: 22px; } .header-subtitle { margin-bottom: 0; font-size: 16px; line-height: 1.5; } .dark-section { color: #FFF; min-height: 180px; background-color: #cfcfcf; } .dark-section .breadcrumb > li + li:before { color: #ffffff; } .dark-section .breadcrumb > li.active { color: #ffffff; } .dark-section .breadcrumb > li > a { color: #fff; text-decoration: underline; } .header-section-w-bg { position: relative; margin: -15px -15px -75px; padding: 15px 0; background: #F6F6F6 center no-repeat; background-size: cover; min-height: 135px; } .header-section-w-bg .widget-head, .header-section-w-bg .widget-subhead { font-size: 18px; line-height: 24px; } .header-section-w-bg .widget-head-desc { font-size: 14px; line-height: 19px; } @media only screen and (min-width: 768px) { .header-section { padding-top: 0; margin-bottom: 30px; } .header-section + .content-box .info-block-container:first-child, .header-section + .content-box .media-info-box:first-child { margin-top: -100px; } .header-section.dark-section { min-height: 250px; } .header-section.dark-section > .header-content { min-height: inherit; } .header-section.dark-section + .nav-tabs-wrap, .header-section.dark-section + .nav-pills-wrap { margin-bottom: 30px; } .header-title { font-size: 24px; } .header-title.title-lg { font-size: 28px; } .header-subtitle { font-size: 18px; } .header-section-w-bg { margin: -15px -30px -70px; padding: 20px 0; min-height: 150px; } .header-section-w-bg .widget-head, .header-section-w-bg .widget-subhead { font-size: 22px; line-height: 30px; } .header-section-w-bg .widget-head-desc { font-size: 17px; line-height: 23px; } } @media only screen and (min-width: 992px) { .header-section.dark-section .header-content { padding-right: 350px; } } @media only screen and (min-width: 1200px) { .header-section.dark-section .header-content { padding-right: 380px; } } @media only screen and (min-width: 1600px) { .header-section.dark-section .header-content { padding-right: 420px; } } /* * END - HEADER BLOCK * */ /* ICONS VISIBLE ON HOVER */ @media (min-width: 992px) { .visible-on-hover > li > a, .visible-on-hover > li > span[role="button"] { opacity: 0; visibility: hidden; -webkit-transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; -o-transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; } .has-on-hover .form-control:focus ~ .visible-on-hover > li > a, .has-on-hover .visible-on-hover > li > a:focus, .has-on-hover:hover .visible-on-hover > li > span[role="button"], .has-on-hover:hover .visible-on-hover > li > a { opacity: 1; visibility: visible; } } /* END - ICONS VISIBLE ON HOVER */ /* DL DETAILS */ .dl-details, .dl-info { font-size: 14px; } .dl-details:last-child, .dl-info:last-child { margin-bottom: 0px; } .dl-details dt, .dl-info dt { margin-right: 8px; float: left; width: auto; min-width: 100px; color: #777777; font-weight: 400; text-align: right; } .dl-details dd, .dl-info dd { margin-left: 110px; margin-bottom: 10px; color: #404040; font-weight: 600; } .dl-details dd:last-child, .dl-info dd:last-child { margin-bottom: 0px; } .dl-details dt, .dl-info dt, .dl-details dd, .dl-info dd { line-height: 1.62; } @media only screen and (min-width: 768px) { .dl-details, .dl-info { font-size: 16px; } .dl-details dt, .dl-info dt { min-width: 125px; } .dl-details dd, .dl-info dd { margin-bottom: 20px; margin-left: 135px; } .dl-details dd:last-child, .dl-info dd:last-child { margin-bottom: 0px; } } /* END - DL DETAILS */ .dl-info { --dt-length: 4; } .dl-info dt { min-width: calc(1em * var(--dt-length)); max-width: 100%; } .dl-info dd { margin-left: 0; } @media (min-width: 768px) { .dl-info { font-size: 14px; } .dl-info dd:not(:last-child) { margin-bottom: 10px; } } .dl-info.dl-responsive dt:after { content: ':'; } .dl-info.dl-responsive dd { margin-bottom: 0; } @media (min-width: 992px) { .dl-info.dl-responsive { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .dl-info.dl-responsive dt { order: 2; min-width: 0; margin-right: 0; font-size: 14px; text-align: inherit; } .dl-info.dl-responsive dt:after { content: ''; } .dl-info.dl-responsive dd { order: 1; } } .dl-info-alt { font-size: 14px; } .dia-group .dl-info-alt + .dl-info-alt { margin-top: 15px; } .dl-info-alt .dia-dt { color: #777777; } .dl-info-alt .dia-dd { font-weight: 600; } @media (min-width: 768px) { .dl-info-alt { font-size: 16px; } .dl-info-alt .dia-dt { text-align: right; } .dia-responsive { display: table; width: 100%; } .dia-responsive .dl-info-alt { display: table-row; } .dia-responsive .dl-info-alt + .dl-info-alt > div { padding-top: 10px; } .dia-responsive .dl-info-alt > div { display: table-cell; } .dia-responsive .dl-info-alt > div + div { padding-left: 15px; } } /* Widget DL */ .widget-dl { margin-bottom: 10px; font-size: 12px; line-height: 20px; } .widget-dl dt { font-weight: normal; color: #777777; } .widget-dl dd { margin-bottom: 8px; } .widget-dl dd:last-child { margin-bottom: 0; } .widget-dl.dl-horizontal dt { float: left; width: 90px; overflow: hidden; clear: left; text-align: left; text-overflow: ellipsis; white-space: nowrap; } .widget-dl.dl-horizontal dd { margin-left: 100px; } .widget-dl.dl-horizontal.dl-duration dt { width: auto; } .widget-dl.dl-horizontal.dl-duration dd { margin-left: 45px; } .widget-dl.dl-horizontal.dl-duration dd .dl-timestamp:before { content: ''; display: inline-block; width: 10px; } @media (min-width: 768px) { .widget-dl.dl-horizontal dt { text-align: left; width: 90px; } .widget-dl.dl-horizontal dd { margin-left: 100px; } .widget-dl.dl-horizontal.dl-duration dt { width: auto; } .widget-dl.dl-horizontal.dl-duration dd { margin-left: 45px; } .widget-dl.dl-horizontal.dl-duration dd .dl-timestamp:before { width: 20px; } } /* END - Widget DL */ /* END - DL alerts*/ .dl-events { margin-bottom: 0; font-size: 12px; line-height: 22px; } .dl-events + .dl-events { margin-top: 15px; } .dl-events dt { float: left; width: 60px; font-weight: 600; line-height: inherit; text-align: left; text-transform: uppercase; } .dl-events dt a { color: #404040; } .dl-events dd { margin-left: 70px; margin-bottom: 2px; padding: 0 10px; line-height: inherit; background: #e2e2e2; } .dl-events dd a { color: #404040; } .dl-events dd.dd-primary { background: #b7d6eb; } .dl-events dd.dd-success { background: #c9e7cb; } .dl-events dd.dd-danger { background: #fcc7c3; } .dl-events dd.dd-warning { background: #ffecb5; } .dl-events dd.dd-info { background: #baeaf5; } .dl-events.dl-event-hourly dd { margin-bottom: 5px; padding: 0 !important; background: transparent; } .dl-events.dl-event-hourly dd:before { content: "\e035"; display: inline-block; vertical-align: top; margin-right: 10px; color: #0e76bc; font-size: 14px; line-height: inherit; } @media (min-width: 768px) { .dl-events dd { padding: 0 15px; } .dl-events.dl-event-hourly dd:before { margin-right: 15px; } } /* END - Widget DL */ .toggle-collapse { color: #777777; } .toggle-collapse[data-toggle="collapse"].collapsed .ft-plus:before, .toggle-collapse [data-toggle="collapse"].collapsed .ft-plus:before { content: "\e010"; } .toggle-collapse[data-toggle="collapse"].collapsed .ft-plus-circle:before, .toggle-collapse [data-toggle="collapse"].collapsed .ft-plus-circle:before { content: "\e012"; } .toggle-collapse[data-toggle="collapse"].collapsed .ft-plus-circle-o:before, .toggle-collapse [data-toggle="collapse"].collapsed .ft-plus-circle-o:before { content: "\e013"; } .toggle-collapse[data-toggle="collapse"].collapsed .ft-angle-down:before, .toggle-collapse [data-toggle="collapse"].collapsed .ft-angle-down:before { content: "\e00c"; } .toggle-collapse[data-toggle="collapse"].collapsed .ft-chevron-down:before, .toggle-collapse [data-toggle="collapse"].collapsed .ft-chevron-down:before { content: "\e008"; } .toggle-collapse[data-toggle="collapse"] .ft-plus:before, .toggle-collapse [data-toggle="collapse"] .ft-plus:before { content: "\e014"; } .toggle-collapse[data-toggle="collapse"] .ft-plus-circle:before, .toggle-collapse [data-toggle="collapse"] .ft-plus-circle:before { content: "\e016"; } .toggle-collapse[data-toggle="collapse"] .ft-plus-circle-o:before, .toggle-collapse [data-toggle="collapse"] .ft-plus-circle-o:before { content: "\e017"; } .toggle-collapse[data-toggle="collapse"] .ft-angle-down:before, .toggle-collapse [data-toggle="collapse"] .ft-angle-down:before { content: "\e003"; } .toggle-collapse[data-toggle="collapse"] .ft-chevron-down:before, .toggle-collapse [data-toggle="collapse"] .ft-chevron-down:before { content: "\e00b"; } /* * Notification Timeline */ .ab-timeline-block { position: relative; margin-left: 30px; } .ab-timeline-block:not(:first-child) .ab-timeline-pointer:before, .ab-timeline-block:not(:last-child) .ab-timeline-pointer:after { content: ''; display: block; height: 70px; width: 2px; position: absolute; top: 7px; left: 50%; z-index: 0; background: #e1e1e1; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .ab-timeline-block:not(:first-child) .ab-timeline-pointer:before { top: auto; bottom: 7px; } .ab-timeline-block .ab-timeline-pointer { position: absolute; top: 50%; left: -30px; display: block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #e1e1e1; text-align: center; } .ab-timeline-block .ab-timeline-pointer .ft { display: block; width: 22px; padding: 5px 0; position: relative; z-index: 1; font-size: 16px; line-height: .8; color: #28a69a; background: #FFFFFF; } .ab-timeline-block .ab-timeline-pointer .ft:before { content: "\e038"; } .ab-timeline-block .ab-timeline-content { margin: 0; padding: 15px; } .ab-timeline-block .ab-timeline-content .media-body, .ab-timeline-block .ab-timeline-content .media-left, .ab-timeline-block .ab-timeline-content .media-right { vertical-align: middle; } .ab-timeline-block .ab-timeline-content .media-left .img-round { vertical-align: top; } .ab-timeline-block .ab-timeline-content .ab-timestamp { color: #a9a9a9; font-size: 14px; line-height: 1.5; font-weight: 400; white-space: nowrap; } .ab-timeline-block.unread .ab-timeline-pointer { cursor: pointer; } .ab-timeline-block.unread .ab-timeline-pointer .ft { color: #42a6f4; } .ab-timeline-block.unread .ab-timeline-pointer .ft:before { content: "\e035"; } .ab-timeline-block.unread .ab-timeline-content { cursor: pointer; background: #F1F1F1; } @media (min-width: 768px) { .ab-timeline-block { margin-left: 180px; margin-bottom: 25px; } .ab-timeline-block .ab-timeline-pointer { left: -45px; } .ab-timeline-block .ab-timeline-content .ab-timestamp .ab-date { position: absolute; left: -150px; } } @media (max-width: 767px) { .ab-timeline-block .ab-timeline-content { position: relative; padding-left: 60px; } .ab-timeline-block .ab-timeline-content .media-body, .ab-timeline-block .ab-timeline-content .media-left, .ab-timeline-block .ab-timeline-content .media-right { display: block; padding: 0; width: auto; width: auto; } .ab-timeline-block .ab-timeline-content .media-left { position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } /* * END - Notification Timeline */ /* * Alerts Block */ .ab-alert { padding: 15px; background: #FFF; } .ab-alert-wrap .ab-alert-item .checkbox, .ab-alert-wrap .ab-alert-item .badge-item { margin: 0 auto 15px; } .ab-alert-wrap .ab-alert-item .badge-item .badge { padding: 8px 20px; text-transform: uppercase; border-radius: 18px; } .ab-alert-wrap .ab-alert-item + .ab-alert-item .checkbox, .ab-alert-wrap .ab-alert-item + .ab-alert-item .badge-item { margin-top: 30px; } @media (max-width: 767px) { .ab-alert-wrap.ab-alert-wrap-alt .ab-alert-row { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .ab-alert-group { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .ab-alert.ab-alert-unread { background: #f4f9f9; } .ab-alert + .ab-alert { border-top: 1px solid #efefef; } .ab-alert .ab-alert-row { margin: 0 -10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ab-alert .ab-alert-row > .ab-alert-col { padding: 0 5px 10px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .ab-alert .ab-alert-row > .ab-alert-col.ab-alert-col-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .ab-alert .ab-alert-row > .ab-alert-col > div { padding: 0 5px; } .ab-alert .ab-alert-row > .ab-alert-col > div .custom-checkbox { display: block; } .ab-alert .ab-alert-row > .ab-alert-col > div .ab-alert-status { display: none; } .ab-alert-unread.ab-alert .ab-alert-row > .ab-alert-col > div .ab-alert-status { display: block; } .ab-alert .ab-alert-row > .ab-alert-col > div.dropdown { padding: 0; } .ab-alert .ab-alert-text { margin: 0; font-size: 14px; font-weight: 400; } .ab-alert .ab-alert-text a { font-weight: 600; } .ab-alert .ab-alert-time { margin: 0; font-size: 12px; font-weight: 600; } .ab-alert .ab-alert-icon { display: block; line-height: 1; color: #777777; } @media (min-width: 768px) { .ab-alert { padding: 10px 15px; } .ab-alert-wrap .ab-alert-item .checkbox { position: relative; margin: 0 auto 45px; } .ab-alert-wrap .ab-alert-item .checkbox:after { content: ''; position: absolute; bottom: -40px; left: 60px; display: block; height: 35px; width: 1px; background: #c1c0c0; } .ab-alert-wrap .ab-alert-item + .ab-alert-item .checkbox { margin-top: 45px; } .ab-alert-wrap .ab-alert-item + .ab-alert-item .checkbox:before { content: ''; position: absolute; top: -40px; left: 60px; display: block; height: 35px; width: 1px; background: #c1c0c0; } .ab-alert-wrap .ab-alert-item .badge-item { position: relative; margin: 0 auto 45px; } .ab-alert-wrap .ab-alert-item .badge-item .badge { text-transform: uppercase; } .ab-alert-wrap .ab-alert-item .badge-item:after { content: ''; position: absolute; bottom: -40px; left: 60px; display: block; height: 35px; width: 1px; background: #c1c0c0; } .ab-alert-wrap .ab-alert-item + .ab-alert-item .badge-item { margin-top: 45px; } .ab-alert-wrap .ab-alert-item + .ab-alert-item .badge-item:before { content: ''; position: absolute; top: -40px; left: 60px; display: block; height: 35px; width: 1px; background: #c1c0c0; } .ab-alert-wrap.ab-alert-wrap-alt .ab-alert-item .checkbox { margin: 0 auto 15px; } .ab-alert-wrap.ab-alert-wrap-alt .ab-alert-item .checkbox:after { display: none; } .ab-alert-wrap.ab-alert-wrap-alt .ab-alert-item + .ab-alert-item .checkbox { margin-top: 30px; } .ab-alert-wrap.ab-alert-wrap-alt .ab-alert-item + .ab-alert-item .checkbox:before { display: none; } .ab-alert-wrap.ab-alert-wrap-alt .ab-alert-item .badge-item { margin: 0 auto 15px; } .ab-alert-wrap.ab-alert-wrap-alt .ab-alert-item .badge-item .badge { text-transform: uppercase; } .ab-alert-wrap.ab-alert-wrap-alt .ab-alert-item .badge-item:after { display: none; } .ab-alert-wrap.ab-alert-wrap-alt .ab-alert-item + .ab-alert-item .badge-item { margin-top: 15px; } .ab-alert-wrap.ab-alert-wrap-alt .ab-alert-item + .ab-alert-item .badge-item:before { display: none; } .ab-alert .ab-alert-row > .ab-alert-col { padding: 0 10px; min-height: 57px; } .ab-alert .ab-alert-row > .ab-alert-col > div { padding-left: 10px; padding-right: 10px; } .ab-alert .badge { min-width: 68px; } } /* * END - Alerts Block */ /* NOP Commerce Estimate */ .page.shopping-cart-page .page-title { margin: 20px auto; } .page.shopping-cart-page .page-title > h1 { margin: 0; font-size: 18px; line-height: 1.62; text-align: center; text-transform: uppercase; } .page.shopping-cart-page .cart.table > tbody > tr > td .attributes { color: #777777; } .page.shopping-cart-page .cart.table > tbody > tr > td label { color: #777777; margin-bottom: 0; } .page.shopping-cart-page .cart.table > tbody > tr > td .product-unit-price, .page.shopping-cart-page .cart.table > tbody > tr > td .product-quantity, .page.shopping-cart-page .cart.table > tbody > tr > td .product-subtotal { font-size: 16px; font-weight: 600; } .page.shopping-cart-page .total-info .cart-total.table > tbody > tr > td { border-top-width: 2px; } .page.shopping-cart-page .total-info .cart-total.table > tbody > tr > td.cart-total-right { text-align: right; } @media (max-width: 767px) { .page.shopping-cart-page .cart.table { display: block; } .page.shopping-cart-page .cart.table > tbody, .page.shopping-cart-page .cart.table > tbody > tr, .page.shopping-cart-page .cart.table > tbody > tr > td { display: block; } .page.shopping-cart-page .cart.table > tbody > tr:first-child > td:first-child { padding-top: 2px; border-top-width: 0; } .page.shopping-cart-page .cart.table > tbody > tr > td { padding: 2px 8px; border-top-width: 0; } .page.shopping-cart-page .cart.table > tbody > tr > td:first-child { padding-top: 20px; border-top-width: 1px; } .page.shopping-cart-page .cart.table > tbody > tr > td:last-child { padding-bottom: 8px; } } @media (min-width: 768px) { .page.shopping-cart-page .page-title { margin-bottom: 30px; } .page.shopping-cart-page .page-title > h1 { font-size: 24px; } .page.shopping-cart-page .cart.table > tbody > tr > td label { display: block; } } /* END - NOP Commerce Estimate */ /* Map Direction Widget */ .map-widget { position: relative; background: #fff; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .content-block .map-widget, .content-block-nopad .map-widget, .content-block-pad-md .map-widget, .modal .map-widget { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .content-block .map-widget, .content-block-nopad .map-widget, .content-block-pad-md .map-widget { margin-bottom: 30px; } .map-widget .map-canvas { height: 320px !important; } .map-widget .map-search-wrapper { position: absolute; padding: 10px; top: 50px; left: 0px; z-index: 999; } .map-widget .widget-header { margin: 10px auto; padding: 15px 5px 10px; background: #fff; border-bottom: 1px solid #EAEAEA; } .map-widget .widget-header .direction-form-wrap { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .map-widget .widget-header .direction-form-wrap .direction-form { max-width: calc(100% - 44px); padding-right: 10px; } .map-widget .widget-header .direction-form-wrap .direction-form .form-group { margin-top: 10px; min-height: 0; } .map-widget .widget-header .direction-form-wrap .direction-form .form-group.addon-left .control-label { margin-left: 24px; } .map-widget .widget-header .direction-form-wrap .direction-form .form-group.addon-left .form-control, .map-widget .widget-header .direction-form-wrap .direction-form .form-group.addon-left .form-control-static { margin: 0; padding-right: 0; } .map-widget .widget-header .direction-form-wrap .direction-form .form-group.addon-left .form-control-static { max-width: calc(100% - 24px); } .map-widget .widget-header .direction-form-wrap .direction-form .form-group.addon-left .input-group { margin-left: 24px; } .map-widget .widget-header .direction-form-wrap .direction-form .form-group.addon-left .input-group .input-group-addon { padding-left: 0; padding-right: 0; width: 14px; margin-left: -24px; } .map-widget .widget-header .direction-form-wrap .direction-form .form-group.addon-left .input-group .input-group-addon .ft { font-size: 14px; color: #0e76bc; } .map-widget .widget-header .direction-form-wrap .direction-form .form-group.addon-left .input-group .input-group-addon:before, .map-widget .widget-header .direction-form-wrap .direction-form .form-group.addon-left .input-group .input-group-addon:after { content: ''; display: block; width: 4px; height: 4px; background: #0e76bc; position: absolute; left: 50%; bottom: 4px; margin-left: -2px; border-radius: 4px; } .map-widget .widget-header .direction-form-wrap .direction-form .form-group.addon-left .input-group .input-group-addon:after { bottom: -5px; } .map-widget .widget-header .direction-form-wrap .direction-form .form-group.addon-left + .form-group { margin-top: 0; } .map-widget .widget-header .direction-form-wrap .direction-form .form-group.addon-left + .form-group .input-group .input-group-addon:before { top: 4px; bottom: auto; } .map-widget .widget-header .direction-form-wrap .direction-form .form-group.addon-left + .form-group .input-group .input-group-addon:after { display: none; } .map-widget .widget-header .btn-get-direction { margin-top: 25px; padding: 0; width: 44px; height: 44px; line-height: 42px; font-size: 0; color: #0e76bc; background: #fff no-repeat center; } .map-widget .widget-header .btn-get-direction:before { content: '\e0fe'; font-size: 40px; line-height: inherit; } .map-widget .widget-body .side-panel { position: relative; padding: 10px 5px; background: #fff; } .map-widget .widget-body .side-panel .custom-scroll { height: 150px !important; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-x: hidden; } .map-widget .widget-body .side-panel .panel-toggle { display: none; cursor: pointer; width: 44px; height: 44px; position: absolute; top: 50px; left: 100%; text-align: center; color: #0e76bc; background: rgba(255, 255, 255, 0.9); border-left: 1px solid #D4D4D4; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); } .map-widget .widget-body .side-panel .panel-toggle .ft { line-height: 44px; } .map-widget .widget-body .side-panel .input-group .form-control:focus + .input-group-btn > .btn { border-color: #777777; } .map-widget .widget-body .map-panel { position: relative; } .map-widget .widget-body .map-panel .canvas-toggle { cursor: pointer; display: block; width: 60px; height: 60px; position: absolute; bottom: 20px; left: 10px; background: #ccc url(../images/icons/map-view.png) no-repeat center bottom; background-size: cover; border: 2px solid #FFF; z-index: 999; } .map-widget .widget-body .map-panel .canvas-toggle:before { content: 'Street view'; display: block; cursor: pointer; color: white; font-size: 10px; text-indent: 3px; position: absolute; line-height: normal; padding: 12px 0px 6px 0px; bottom: 0; left: 0; width: 100%; background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.6)); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); height: 33px; text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 8px; text-align: left; } .map-widget .widget-body .map-panel .canvas-toggle.map-view { background-position: center top; } .map-widget .widget-body .map-panel .canvas-toggle.map-view:before { content: 'Map view'; } @media (min-width: 768px) { .map-widget .widget-header { margin: 10px; } .map-widget .widget-header .form-group .form-control-static { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .map-widget .widget-body .side-panel { padding: 15px 15px; } .map-widget .widget-body .side-panel .custom-scroll { height: 315px !important; } } @media (min-width: 992px) { .map-widget { overflow: hidden; } .map-widget .map-canvas { height: 460px !important; } .map-widget .widget-header { position: absolute; top: 0; left: 0; width: 400px; -webkit-transform: translateX(-420px); -ms-transform: translateX(-420px); transform: translateX(-420px); -webkit-transition: transform 0.3s ease-in; -o-transition: transform 0.3s ease-in; transition: transform 0.3s ease-in; z-index: 999; } .map-widget .widget-header + .widget-body .side-panel { padding-top: 145px; } .map-widget .widget-body .side-panel { height: 460px; position: absolute; top: 0; left: 0; width: 420px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 0.3s ease-in; -o-transition: transform 0.3s ease-in; transition: transform 0.3s ease-in; z-index: 998; } .map-widget .widget-body .side-panel .custom-scroll { height: 305px !important; } .map-widget .widget-body .side-panel .panel-toggle { display: block; } .map-widget .widget-body .map-panel { margin-left: 0; min-height: 460px; -webkit-transition: margin 0.3s ease-in; -o-transition: margin 0.3s ease-in; transition: margin 0.3s ease-in; } .map-widget .widget-body .map-panel .canvas-toggle { width: 75px; height: 75px; } .map-widget .widget-body .map-panel .canvas-toggle:before { text-indent: 6px; } .map-widget.show-directions .widget-header, .map-widget.show-side-panel .widget-header { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; } .map-widget.show-directions .widget-body .side-panel, .map-widget.show-side-panel .widget-body .side-panel { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; } .map-widget.show-directions .widget-body .side-panel .flip-toggle, .map-widget.show-side-panel .widget-body .side-panel .flip-toggle { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); -webkit-box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.3); box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.3); } .map-widget.show-directions .widget-body .side-panel.hidden + .map-panel, .map-widget.show-side-panel .widget-body .side-panel.hidden + .map-panel { margin-left: 0; } .map-widget.show-directions .widget-body .map-panel, .map-widget.show-side-panel .widget-body .map-panel { margin-left: 420px; } .panel.panel-widget .map-widget { height: 100%; } .panel.panel-widget .map-widget .map-canvas { height: 100% !important; } } /* END - Map Direction Widget */ .box-head-block { padding: 20px 15px; text-align: center; } .box-head-block[data-toggle="collapse"] { cursor: pointer; position: relative; padding: 10px 42px 10px 15px; border-bottom: 1px solid #efefef; text-align: left; } .box-head-block[data-toggle="collapse"]:after { content: "\e00b"; position: absolute; right: 20px; top: 50%; color: #777777; -webkit-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -webkit-transition: rotate 0.3s ease-in-out; -o-transition: rotate 0.3s ease-in-out; transition: rotate 0.3s ease-in-out; } .box-head-block[data-toggle="collapse"] .box-count { font-size: 24px; line-height: 30px; } .box-head-block[data-toggle="collapse"].collapsed { border-bottom: none; } .box-head-block[data-toggle="collapse"].collapsed:after { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .profile-avatar { position: relative; margin: 0 auto; display: block; width: 120px; height: 120px; border: 4px solid #FFF; overflow: hidden; } .profile-avatar .avatar-overlay { position: absolute; bottom: 0; display: block; width: 100%; padding: 10px 0 15px; background: rgba(0, 0, 0, 0.25); z-index: 1; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); } .profile-avatar .avatar-overlay .list-inline { margin: 0; text-align: center; } .profile-avatar .avatar-overlay .list-inline li a { display: block; color: #FFF; } .profile-avatar .avatar-overlay .list-inline li a .ft { vertical-align: top; } .profile-avatar > img { display: block; width: 100%; height: 100%; } @media (min-width: 992px) { .profile-avatar { width: 165px; height: 165px; border-width: 6px; } .profile-avatar .avatar-overlay { bottom: -100%; padding: 15px 0 20px; background: rgba(0, 0, 0, 0.5); } .profile-avatar .avatar-overlay .list-inline li { padding: 0 10px; } .profile-avatar .avatar-overlay .list-inline li a .ft { font-size: 26px; } .profile-avatar:hover .avatar-overlay { bottom: 0; } } .img-info-secn + .img-info-secn { margin-top: 20px; } .img-info-secn + .btn-wrap { margin-bottom: 0; } .img-info-secn .media-left { padding: 0 0 20px; } .img-info-secn .media-left .media-object { max-width: 130px; } .img-info-secn .media-right { display: block; padding: 20px 0 0; } .img-info-secn .media-right .card { width: 150px; height: 100px; } .img-info-secn .media-right .card .card-img-top { height: inherit; } .img-info-secn .media-right .card .card-img-top img { height: inherit; } .img-info-secn .media-right .card ~ .info-secn { margin-top: 20px; } .img-info-secn .info-secn { text-align: left; } .img-info-secn .info-secn .icon-content { color: #777777; vertical-align: middle; } .img-info-secn .info-secn .icon-data { vertical-align: middle; } .img-info-secn .info-secn .text-head { font-size: 16px; color: #0e76bc; font-weight: 600; } .img-info-secn .info-secn .text-head + .text-sm-block { margin-top: 5px; } .img-info-secn .info-secn .text-main-head { font-size: 18px; color: #0e76bc; font-weight: 600; } .img-info-secn .info-secn .text-main-head + .text-sub-head { margin-top: 5px; } .img-info-secn .info-secn .text-sub-head { font-size: 16px; color: #404040; font-weight: 600; } .img-info-secn .info-secn .text-sub-head + .text-sm-block { margin-top: 3px; } .img-info-secn .info-secn .text-sm-block .text-sm-primary { font-size: 14px; color: #404040; font-weight: 500; } .img-info-secn .info-secn .text-sm-block .text-sm-primary + .text-sm-secondary { margin-top: 2px; } .img-info-secn .info-secn .text-sm-block .text-sm-secondary { font-size: 14px; color: #777777; font-weight: 500; } .img-info-secn .info-secn .text-sm-block + .text-status { margin-top: 5px; } .img-info-secn .info-secn .text-content { font-size: 14px; color: #777777; font-weight: 500; margin: 10px 0 0; text-align: left; } .img-info-secn .info-secn .text-content + .text-sm { margin-top: 15px; } .img-info-secn .info-secn .text-sm { text-align: left; font-size: 14px; color: #777777; font-weight: 600; margin-bottom: 5px; } .img-info-secn .info-secn .text-status.danger { color: #f44336; font-size: 16px; } .img-info-secn .info-secn .text-status.success { color: #4caf50; } .img-info-secn .info-secn .text-status .btn { margin-left: 20px; } @media only screen and (min-width: 768px) { .img-info-secn .media-left { padding-right: 20px; padding-bottom: 0; } .img-info-secn .media-left .media-object { max-width: 120px; } .img-info-secn .text-head + .text-sm-block { margin-bottom: 10px; } } @media only screen and (min-width: 992px) { .img-info-secn .media-left .media-object { max-width: 100px; } .img-info-secn .media-right { display: table-cell; vertical-align: middle; padding: 0 0 0 20px; } } @media only screen and (min-width: 1200px) { .img-info-secn .info-secn .text-status.danger { font-size: 18px; } .img-info-secn .media-left .media-object { max-width: 130px; } } @media only screen and (max-width: 767px) { .img-info-secn .media-left { display: block; } .img-info-secn .media-left img { margin: 0 auto 10px; } .img-info-secn .info-secn { text-align: center; } } .evaluation-block { padding: 20px; text-align: center; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .row [class^="col-"] .evaluation-block { margin-bottom: 20px; } .evaluation-block .eval-title { margin-bottom: 5px; font-size: 16px; font-weight: 400; line-height: 1.5; color: #404040; } .evaluation-block .eval-period { margin-bottom: 10px; font-size: 14px; font-weight: 400; color: #777777; } .evaluation-block .badge.badge-xl { min-width: 100px; padding: 9px 20px; font-weight: 600; } .media-activity-wrap { margin-bottom: 15px; } .media-activity { border-bottom: 1px solid #e2e2e2; padding: 15px 15px 10px; } .comment-title { margin-bottom: .5em; font-size: 14px; line-height: 1.7; font-weight: normal; color: #777777; } .comment-head { font-size: 16px; line-height: 1.7; font-weight: 600; color: #404040; } .comment-head + .comment-text { margin-top: 5px; } .comment-text { font-size: 14px; line-height: 1.7; font-weight: normal; color: #404040; } .user-comment { margin-bottom: 1em; font-size: 14px; line-height: 1.7; color: #404040; font-style: italic; } @media (max-width: 991px) { .collapse-width { width: 27px; display: inline-block; } } @media (max-width: 767px) { .collapse-width { width: 45px; display: inline-block; } } .badge-space { margin: 20px 0 30px; } .text-concat-btn .btn { margin-left: 15px; } .timer-secn { position: absolute; right: 15px; top: 50px; } .timer-secn .text-md { font-size: 18px; color: #0e76bc; font-weight: 600; } @media only screen and (max-width: 480px) { .timer-secn { position: static; } } /* Menu Dropdown Css End */ .inactive-link { pointer-events: none; cursor: default; } @media screen and (min-width: 768px) { .btn-fluid-container { position: absolute; right: -15px; top: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: 100%; margin: 0 !important; } .btn-fluid-container .btn { width: 100%; border-radius: 0; height: 100%; } } @media screen and (max-width: 767px) { .btn-fluid-container { position: inherit; margin: 0 -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .media-new .btn-fluid-container { margin: 0; } .btn-fluid-container .btn { border-radius: 0; float: left; margin: 0 !important; height: auto; width: 100%; } .content-block-pad-md .btn-fluid-container { position: inherit; margin: 0 0 -15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 0 !important; } } .sm-elt-top { display: none !important; } @media only screen and (max-width: 991px) and (min-width: 768px) { .sm-elt-top { display: table-cell !important; } } @media only screen and (max-width: 767px) { .mob-inline-block { display: inline-block !important; } } .gallery-item { width: 150px; margin: 12px; display: inline-block; } .gallery-item .img-name { margin: 0; } .gallery-item .card-img-top img { height: 150px; } .gallery-item .card-img-top .checkbox { position: absolute; top: 3px; left: 5px; margin: 0; z-index: 2; } @media only screen and (min-width: 1600px) { .gallery-item { margin: 15px; } } @media only screen and (max-width: 1199px) { .gallery-item { margin: 9px; } } @media only screen and (max-width: 991px) { .gallery-item { margin: 12px; } } @media only screen and (max-width: 767px) { .gallery-item { margin: 5px; width: 116px; } .gallery-item .img-name { display: none; } .gallery-item .card-img-top img { height: 116px; } } .list-status { font-size: 12px; } .data-progress-wrap .progress-title { margin-bottom: 10px; } .data-progress-wrap .progress { margin-bottom: 15px; } .time-grid { background-color: #eee; padding: 0 15px !important; } .time-grid > .row > [class^='col-'] { font-size: 14px; font-weight: 600; padding: 10px 15px !important; border-right: 1px solid #ddd; height: 40px; } .time-grid > .row > [class^='col-']:last-child { border-right: 0 none; } .time-grid > .row > [class^='col-'].selected { background: #4caf50; } .time-grid > .row > [class^='col-'] .custom-checkbox.checkbox-square > input + span:after { top: -2px; } .option-grid { background-color: #eee; padding: 0 15px !important; } .option-grid > .row > [class^='col-'] { font-size: 14px; font-weight: 600; padding: 10px 15px !important; border-right: 1px solid #ddd; height: 40px; } .option-grid > .row > [class^='col-']:last-child { border-right: 0 none; } @media only screen and (max-width: 767px) { .title-with-checkbox .text-nontouch-right { margin-left: 30px; } .title-with-checkbox .data-title { display: block; margin-left: 30px; } } /*Attendance Time Table CSS Start*/ .img-circle-bg { margin: 0 5px; } .img-circle-bg img { background-color: #c8c8c8 !important; border-radius: 50px; width: 50px; height: 50px; display: inline-block; } .img-circle-bg.sm { margin: 0 1px; } .img-circle-bg.sm img { border-radius: 35px; width: 35px; height: 35px; } @media only screen and (max-width: 767px) { .flex-order { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex-order .order-first { order: 1; } .flex-order .order-second { order: 2; } .flex-order .order-third { order: 3; } } /* * Temporary CSS * ** Delete after Dev implementation ** */ /* END * Temporary CSS * */ /*content datalist starts*/ ol.content-list { color: #0e76bc; font-size: 22px; font-weight: 600; padding-left: 0; /*counter-reset: item;*/ /*li:before { content: counters(item, ".") " "; counter-increment: item; margin-right: 5px; }*/ } ol.content-list .primary-head { font-size: 22px; font-weight: 600; margin-bottom: 10px; } ol.content-list ol { color: #404040; padding-left: 10px; font-size: 18px; line-height: 1.5; /*counter-reset: item;*/ } ol.content-list li { display: block; } ol.content-list .secondary-head { font-size: 18px; color: #404040; font-weight: 600; line-height: 1.5; margin-bottom: 15px; } ol.content-list .data-content { font-size: 14px; color: #404040; line-height: 2; font-weight: 500; margin-bottom: 25px; } @media (min-width: 768px) { .content-list { padding-left: 30px; } } .panel-sandwitch-head { font-size: 16px; color: #404040; font-weight: 600; margin-bottom: 5px; margin-top: 15px; } .highlight-selection { border-left: 4px solid #0e76bc; } /*content datalist ends*/ .alert-placeholder-circle { background-color: #e2e2e2; width: 32px; height: 32px; border-radius: 50%; color: white; font-weight: 600; line-height: 32px; text-align: center; text-transform: uppercase; font-size: 12px; } .alert-placeholder-circle.circle-jb { background-color: #ff6600; } .alert-placeholder-circle.circle-ob { background-color: #0e76bc; } .alert-placeholder-circle.circle-pd { background-color: #25a9e0; } .alert-placeholder-circle.circle-ir { background-color: #f2655a; } .alert-placeholder-circle.circle-pm { background-color: #52dbf8; } .alert-placeholder-circle.circle-de { background-color: #9a9fdb; } .alert-placeholder-circle.circle-ot { background-color: #808080; } .alert-placeholder-circle.circle-no { background-color: #52a2bf; } /* Assessment Timer Modal Start */ .list-questions { padding-left: 0; list-style: none; margin-top: 10px; } .list-questions > li { margin-bottom: 20px; } .list-questions > li > .form-legend-sm { margin-bottom: 0; } .list-questions > li > .list-unstyled { padding-left: 20px; } .list-questions > li .form-control-static { font-weight: 400; padding-bottom: 0; } .content-head-slope { position: relative; background: #0e76bc; color: #fff; font-size: 18px; padding: 5px 15px 5px 30px; line-height: 30px; padding-right: 40px; min-width: 70%; margin-left: -30px; display: inline-block; overflow: hidden; } .content-block .content-head-slope, .content-block-nopad .content-head-slope, .content-block-pad-md .content-head-slope { margin-left: -20px; margin-bottom: 10px; } .content-head-slope .slope { content: ''; position: absolute; top: -50%; left: 100%; display: block; width: 100%; height: 100%; background: #fff; -webkit-transform: skewX(-45deg) translateY(50%); -ms-transform: skewX(-45deg) translateY(50%); transform: skewX(-45deg) translateY(50%); } .timer-block { position: fixed; width: 160px; margin: 20px auto 0; text-align: center; right: 30px; } .timer-block .timer-text { position: absolute; left: 32px; top: 65px; font-size: 18px; font-weight: 600; } .timer-block .timer-info { margin-top: 5px; font-size: 14px; width: 160px; line-height: 1.42; } .timer-block .timer-info > .ft { vertical-align: middle; margin-right: 4px; } @media (min-width: 992px) { .timer-block { margin-top: 40px; } } .alert-timer { background: #f44336; padding: 13px 10px; color: #fff; font-size: 14px; text-align: center; margin: 0 -15px -11px; } .alert-timer .ft { color: #fff; vertical-align: middle; } @media (max-width: 767px) { .content-head-slope { font-size: 16px; margin: 0 0 0 -30px; width: calc(100% + 45px); } .content-block .content-head-slope, .content-block-nopad .content-head-slope, .content-block-pad-md .content-head-slope { margin: 0 0 0 -15px; width: calc(100% + 30px); } .content-head-slope .text { font-size: 14px; } .content-head-slope .slope { display: none; } .alert-timer .ft-close { font-size: 16px; } } /* Assessment Timer Modal End */ .col-height-equal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .multi-columns-row > [class*="col-"] > .col-height-equal, .multi-columns-form > [class*="col-"] > .col-height-equal, .multi-columns-form-sm > [class*="col-"] > .col-height-equal, .multi-columns-form-zero > [class*="col-"] > .col-height-equal, .row-height-equal > [class*="col-"] > .col-height-equal, .row-has-btn > [class*="col-"] > .col-height-equal { height: 100%; } .col-height-equal.card { max-width: inherit; } .col-height-equal.card > .card-img-top { overflow: inherit; } .text-update { font-size: 12px; font-weight: 400; color: #404040; margin-left: 10px; display: inline-block; } .text-update .ft + span { margin-left: 3px; /* in order to avoid spinner from wobbling because of the margin */ } .text-update > * { vertical-align: middle; } .spin-loader { position: fixed; top: 60px; right: 20px; z-index: 10; } @media (max-width: 991px) { .fixed .main-header ~ .content-wrapper .page-content .spin-loader { top: 105px; } .fixed .main-header.header--hidden ~ .content-wrapper .page-content .spin-loader { top: 60px; } } .center-block-text-left { float: left; position: relative; left: 50%; } .center-block-text-left-content { position: relative; left: -50%; } /* start--- for swapping 2 items in the responsive mode*/ @media (max-width: 991px) { .flip-order-touch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flip-order-touch .flex-item-1 { order: 2; } .flip-order-touch .flex-item-2 { order: 1; } .flip-order-touch .flex-item-3 { order: 3; } .flip-order-touch .divider { margin-right: 5px; } .flip-order-touch.col-xs-12 + .flip-order-touch.col-xs-12 { margin-top: 0; } } @media (max-width: 767px) { .flip-order-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flip-order-mobile .flex-item-1 { order: 2; } .flip-order-mobile .flex-item-2 { order: 1; } .flip-order-mobile .flex-item-3 { order: 3; } .flip-order-mobile .divider { margin-right: 5px; } .flip-order-mobile.col-xs-12 + .flip-order-mobile.col-xs-12 { margin-top: 0; } } /* end---- for swapping 2 items in the responsive mode*/ .card-badge-group { position: absolute; right: 5px; bottom: 5px; width: calc(100% - 10px); } .card-badge-group .badge { display: inline-block; max-width: 100%; } .list-illustrated .illustrative-item .item-icon:before, .list-illustrated .illustrative-item .item-icon:after { content: ''; display: block; position: absolute; border: 1px solid #c3c3c3; } .list-illustrated .illustrative-item:first-child .item-icon:after { display: none; } .list-illustrated .illustrative-item:last-child .item-icon:before { display: none; } .illustrative-item .item-icon { position: relative; margin: 0; width: 56px; height: 56px; line-height: 56px; font-size: 16px; font-weight: 600; text-align: center; color: #404040; border: 1px solid #707070; background-color: #F5F5F5; } .illustrative-item .item-icon.item-success { color: #357b38; background-color: #b7dfb9; } .illustrative-item .item-icon > .ft { line-height: inherit; } .illustrative-item .item-icon > img { display: block; height: 54px; width: 54px; } .illustrative-item .item-title { text-align: center; font-size: 12px; font-weight: 600; color: #777777; } @media only screen and (min-width: 768px) { .illustrative-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 75px; } .list-illustrated .illustrative-item .item-icon:before, .list-illustrated .illustrative-item .item-icon:after { top: 50%; right: -38px; height: 0; width: 30px; border-width: 1px 0 0 0 !important; } .list-illustrated .illustrative-item .item-icon:after { right: auto; left: -38px; } .list-illustrated .illustrative-item + .illustrative-item { margin-left: 20px; } .illustrative-item .item-icon + .item-title { margin-top: 5px; } } @media only screen and (max-width: 767px) { .list-illustrated { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .list-illustrated .illustrative-item + .illustrative-item { margin-top: 44px; } .list-illustrated .illustrative-item + .illustrative-item .item-icon:before, .list-illustrated .illustrative-item + .illustrative-item .item-icon:after { height: 30px; left: 50%; bottom: -35px; border-width: 0 1px 0 0; } .list-illustrated .illustrative-item + .illustrative-item .item-icon:after { bottom: auto; top: -35px; } .illustrative-item .item-icon + .item-title { margin-left: 15px; } } .dl-chart { line-height: 1.42857143; } .row-v-gutters-xs > [class*="col"] > .dl-chart, .row-v-gutters-sm > [class*="col"] > .dl-chart, .row-v-gutters > [class*="col"] > .dl-chart { margin-bottom: 0; } .dl-chart dt { font-size: 12px; font-weight: 400; } .dl-chart dd { color: #0e76bc; font-size: 16px; font-weight: 600; } .submit-timestamp { margin-bottom: 0; font-size: 12px; text-align: right; color: #777777; } .submit-timestamp strong { font-weight: 600; color: #404040; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 40px white !important; } input:-webkit-autofill:focus, textarea:-webkit-autofill:focus, select:-webkit-autofill:focus { -webkit-box-shadow: inset 0 0 0px 40px white !important; } input:-webkit-autofill { /*border-color: $secondary-font-color !important; border-style: solid !important; border-width: 0 0 1px 0 !important; -webkit-text-fill-color: $secondary-font-color !important; background-color: transparent !important; -webkit-box-shadow: 0 0 0px 20px #fff inset !important; margin-top: 5px;*/ } input::-ms-clear { display: none; } input[type=text], input[type=email], input[type=date], input[type=time], input[type=search], input[type=number] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-control { font-size: 16px; font-weight: 400; height: 37px; line-height: 1.62; color: #404040; background-color: #FFF; border-color: #c7c7c7; -webkit-box-shadow: none; box-shadow: none; } .form-control:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #777777; } .has-success .form-control, .has-error .form-control, .has-warning .form-control { box-shadow: none; } textarea.form-control { resize: none; overflow: hidden; height: auto; min-height: 100px; } textarea.form-control[readonly], textarea.form-control[disabled] { -webkit-box-shadow: none; box-shadow: none; border-color: transparent; background-color: transparent; } .input-group .form-control:focus { z-index: 1; } .input-group .form-control + .input-group-btn > .btn { background: white; border-color: #c7c7c7; } .form-control.input-lg { height: 54px; padding: 15px 15px; } .form-control.input-sm { height: 30px; padding: 5px; } .form-control-label { color: #777777; font-size: 16px; line-height: 1.2; font-weight: 400; margin: 25px 0 5px; } .form-control-label.small-text { font-size: 14px !important; } .form-control-label .help-block { font-size: 12px; display: inline; margin-left: 5px; font-weight: 400; } @media (min-width: 768px) { .form-control-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .form-control-static { display: block; word-break: break-word; min-height: 31px; font-size: 16px; line-height: 24px; } .form-control-static:first-child, .form-control-static:last-child { width: 100%; } .form-control-static + .input-group-addon { border-width: 0; } .form-control-static .list-disc { margin-bottom: 0; } .form-control-static .radio, .form-control-static .checkbox { margin: 0; } .form-control-static .radio + .radio, .form-control-static .radio + .checkbox, .form-control-static .radio + .toggle-more, .form-control-static .checkbox + .radio, .form-control-static .checkbox + .checkbox, .form-control-static .checkbox + .toggle-more { margin-top: 10px; } .form-control-static .radio-inline, .form-control-static .checkbox-inline { vertical-align: top; margin-bottom: 2px; } .form-control-static .radio-inline > .checkbox-square, .form-control-static .checkbox-inline > .checkbox-square { margin-bottom: 10px; } .form-control-static .radio-inline + .radio-inline, .form-control-static .radio-inline + .checkbox-inline, .form-control-static .checkbox-inline + .radio-inline, .form-control-static .checkbox-inline + .checkbox-inline { margin-bottom: 2px; } .form-control-static .radio-inline:last-child, .form-control-static .checkbox-inline:last-child { margin-bottom: 0; } @media (min-width: 768px) { .form-control-static .radio-inline, .form-control-static .checkbox-inline { margin-bottom: 0; } .form-control-static .radio-inline + .radio-inline, .form-control-static .radio-inline + .checkbox-inline, .form-control-static .checkbox-inline + .radio-inline, .form-control-static .checkbox-inline + .checkbox-inline { margin-bottom: 0; } } .input-group .input-group-addon { background: transparent; } .input-group a.input-group-addon { color: #0e76bc; } .input-group-lg > .form-control, .input-group-lg > .input-group-btn > .btn { height: 54px; } .form-group.form-spinner-group .input-group { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 150px; } .form-group.form-spinner-group .input-group + .help-block { margin-top: 7px; } .form-group.form-spinner-group .form-control { height: 36px; text-align: center; border-radius: 36px !important; -webkit-box-shadow: none; box-shadow: none; background-color: #e2e2e2; } .form-group.form-spinner-group .input-group-btn > .btn { margin: 0; color: #0e76bc; background-color: transparent; border-color: transparent; } .form-group.form-spinner-group .input-group-btn > .btn > .ft { vertical-align: top; } .form-group.form-spinner-group .input-group-btn > .btn[disabled], .form-group.form-spinner-group .input-group-btn > .btn.disabled { color: #777777; } .form-group.form-spinner-group .input-group-btn:first-child > .btn { padding-left: 0px; } .form-group.form-spinner-group .input-group-btn:last-child > .btn { padding-right: 0px; } .form-group.fg-addon .input-group { border: 1px solid #eee; border-radius: 3px; } .form-group.fg-addon .input-group .input-group-addon { border-color: transparent; background-color: #eee; } .form-group.fg-addon .input-group .input-group-addon .input-group-text { font-size: 14px; font-weight: 600; color: #777777; } .form-group.fg-addon .input-group .form-control-static { font-size: 14px; font-weight: 600; color: #404040; padding: 5px 12px; } .form-group.fg-addon:last-child { margin-bottom: 0; } /*floating-label*/ .form-block-outer-head { font-size: 20px; font-weight: 600; color: #0e76bc; margin-bottom: 20px; } .floating-label.form-block { /*Commented out for Time-being*/ } .floating-label.form-block > .form-block-head { margin-bottom: 0; /*margin-bottom: -15px;*/ } .floating-label.form-block > .form-block-head + .form-block-head-help { /*margin-top: 15px;*/ margin-bottom: 10px; } .floating-label.form-block > .form-block-head + .collapse + .multi-columns-form, .floating-label.form-block > .form-block-head + .collapse + .multi-columns-form-sm, .floating-label.form-block > .form-block-head + .collapse + .multi-columns-form-zero, .floating-label.form-block > .form-block-head + .collapsing + .multi-columns-form, .floating-label.form-block > .form-block-head + .collapsing + .multi-columns-form-sm, .floating-label.form-block > .form-block-head + .collapsing + .multi-columns-form-zero, .floating-label.form-block > .form-block-head + .multi-columns-form, .floating-label.form-block > .form-block-head + .multi-columns-form-sm, .floating-label.form-block > .form-block-head + .multi-columns-form-zero { margin-top: -18px; } .floating-label.form-block > .form-block-head + .collapse + .multi-columns-form-sm, .floating-label.form-block > .form-block-head + .collapse + .multi-columns-form-zero, .floating-label.form-block > .form-block-head + .collapsing + .multi-columns-form-sm, .floating-label.form-block > .form-block-head + .collapsing + .multi-columns-form-zero, .floating-label.form-block > .form-block-head + .multi-columns-form-sm, .floating-label.form-block > .form-block-head + .multi-columns-form-zero { margin-top: -10px; } .floating-label.form-block > .form-block-head + .collapse > .multi-columns-form:first-child, .floating-label.form-block > .form-block-head + .collapse > .multi-columns-form-sm:first-child, .floating-label.form-block > .form-block-head + .collapse > .multi-columns-form-zero:first-child { margin-top: -18px; } .floating-label.form-block > .form-block-head + .form-group { margin-top: 10px; } .floating-label.form-block > .form-block-head + .form-group.fg-wo-label { padding-top: 0; } .floating-label.form-block > .form-group + .form-block-head { margin-top: 10px; } .floating-label .row > [class^='col-'] > .form-group { margin-top: 38px; } .floating-label .row.multi-columns-form, .floating-label .row.multi-columns-form-sm, .floating-label .row.multi-columns-form-zero { margin-top: -28px; padding-top: 1px; } .floating-label .row.multi-columns-form + .multi-columns-form, .floating-label .row.multi-columns-form-sm + .multi-columns-form, .floating-label .row.multi-columns-form-zero + .multi-columns-form, .floating-label .row.multi-columns-form + .multi-columns-form-sm, .floating-label .row.multi-columns-form-sm + .multi-columns-form-sm, .floating-label .row.multi-columns-form-zero + .multi-columns-form-sm, .floating-label .row.multi-columns-form + .multi-columns-form-zero, .floating-label .row.multi-columns-form-sm + .multi-columns-form-zero, .floating-label .row.multi-columns-form-zero + .multi-columns-form-zero, .floating-label .row.multi-columns-form + .multi-columns-row, .floating-label .row.multi-columns-form-sm + .multi-columns-row, .floating-label .row.multi-columns-form-zero + .multi-columns-row, .floating-label .row.multi-columns-form + .multi-columns-form, .floating-label .row.multi-columns-form-sm + .multi-columns-form, .floating-label .row.multi-columns-form-zero + .multi-columns-form, .floating-label .row.multi-columns-form + .multi-columns-form-sm, .floating-label .row.multi-columns-form-sm + .multi-columns-form-sm, .floating-label .row.multi-columns-form-zero + .multi-columns-form-sm, .floating-label .row.multi-columns-form + .multi-columns-form-zero, .floating-label .row.multi-columns-form-sm + .multi-columns-form-zero, .floating-label .row.multi-columns-form-zero + .multi-columns-form-zero, .floating-label .row.multi-columns-form + .row-height-equal, .floating-label .row.multi-columns-form-sm + .row-height-equal, .floating-label .row.multi-columns-form-zero + .row-height-equal, .floating-label .row.multi-columns-form + .row-has-btn, .floating-label .row.multi-columns-form-sm + .row-has-btn, .floating-label .row.multi-columns-form-zero + .row-has-btn { margin-top: 0; } .form-group + .floating-label .row.multi-columns-form, .form-group + .floating-label .row.multi-columns-form-sm, .form-group + .floating-label .row.multi-columns-form-zero { margin-top: 0; } .floating-label .row.multi-columns-form > [class*="col"], .floating-label .row.multi-columns-form-sm > [class*="col"], .floating-label .row.multi-columns-form-zero > [class*="col"] { margin-top: 28px; } .floating-label .row.multi-columns-form > [class*="col"].col-has-nolabel-input, .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-nolabel-input, .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-nolabel-input { margin-top: 10px; } .floating-label .row.multi-columns-form > [class*="col"].col-has-btn, .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-btn, .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-btn { margin-top: 5px; } .floating-label .row.multi-columns-form > [class*="col"].col-has-btn > .form-group, .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-btn > .form-group, .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-btn > .form-group { margin-bottom: 0; padding-bottom: 0; min-height: 0; } .floating-label .row.multi-columns-form > [class*="col"].col-has-btn > .form-group > .btn, .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-btn > .form-group > .btn, .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-btn > .form-group > .btn { margin-right: 5px; } .floating-label .row.multi-columns-form > [class*="col"].col-has-btn > .form-group > .btn:last-child, .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-btn > .form-group > .btn:last-child, .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-btn > .form-group > .btn:last-child { margin-right: 0; } .floating-label .row.multi-columns-form > [class*="col"].col-has-btn > .form-group > .btn:last-child:first-child, .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-btn > .form-group > .btn:last-child:first-child, .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-btn > .form-group > .btn:last-child:first-child { margin-bottom: 0; } .floating-label .row.multi-columns-form > [class*="col"].col-has-collapse, .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-collapse, .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-collapse { margin-top: 0; } .floating-label .row.multi-columns-form > [class*="col"].col-has-toggle, .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-toggle, .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-toggle { margin-top: 0; text-align: center; } .floating-label .row.multi-columns-form > [class*="col"].col-has-toggle > [data-toggle="collapse"], .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-toggle > [data-toggle="collapse"], .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-toggle > [data-toggle="collapse"] { display: inline-block; padding: 7px 4px; } .floating-label .row.multi-columns-form > [class*="col"].col-has-toggle > [data-toggle="collapse"]:after, .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-toggle > [data-toggle="collapse"]:after, .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-toggle > [data-toggle="collapse"]:after { content: '- Less'; } .floating-label .row.multi-columns-form > [class*="col"].col-has-toggle > [data-toggle="collapse"].collapsed:after, .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-toggle > [data-toggle="collapse"].collapsed:after, .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-toggle > [data-toggle="collapse"].collapsed:after { content: '+ More'; } .floating-label .row.multi-columns-form > [class*="col"].col-has-toggle > [data-toggle="collapse"][data-less]:after, .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-toggle > [data-toggle="collapse"][data-less]:after, .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-toggle > [data-toggle="collapse"][data-less]:after { content: attr(data-less); } .floating-label .row.multi-columns-form > [class*="col"].col-has-toggle > [data-toggle="collapse"][data-more].collapsed:after, .floating-label .row.multi-columns-form-sm > [class*="col"].col-has-toggle > [data-toggle="collapse"][data-more].collapsed:after, .floating-label .row.multi-columns-form-zero > [class*="col"].col-has-toggle > [data-toggle="collapse"][data-more].collapsed:after { content: attr(data-more); } .floating-label .row.multi-columns-form > [class*="col"] > .form-group:first-child, .floating-label .row.multi-columns-form-sm > [class*="col"] > .form-group:first-child, .floating-label .row.multi-columns-form-zero > [class*="col"] > .form-group:first-child { margin-top: 0; } .floating-label .action-icons i { padding-right: 5px; margin-top: 49px; } .floating-label .form-block-head { font-size: 16px; font-weight: 600; color: #404040; margin-bottom: 0; } .floating-label .form-block-head + .form-block-head-help { font-size: 14px; color: #777777; } .floating-label .form-block-head .badge { margin-left: 10px; } .floating-label .form-block-head label { margin-left: 10px; } .floating-label .form-block-head .dropdown { display: inline-block; margin-left: 10px; } .floating-label .form-block-head .dropdown .btn { margin-left: 0; } .floating-label .form-group { position: relative; min-height: 38px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 14px 0 12px; margin: 28px 0 0 0; /* Google Autocomplete Fix */ /* END - Google Autocomplete Fix */ } .floating-label .form-group.form-group-static { display: block; } .floating-label .form-group.form-group-static .form-control-label { position: inherit; top: auto; margin-top: -12px; margin-bottom: -7px; } .floating-label .form-group.fg-wo-label { margin-top: 20px; padding-top: 0; } .floating-label .form-group.fg-wo-space { margin-top: 10px; padding-bottom: 0; min-height: 38px; } .floating-label .form-group.fg-wo-space:first-child { margin-top: 10px; } .floating-label .form-group.fg-wo-space > .form-control, .floating-label .form-group.fg-wo-space > .form-control-static { margin-bottom: 0; } .floating-label .form-group.wo-floating-label { margin-top: 7px; } .floating-label .form-group .pac-container { top: 50px !important; left: 0 !important; } .floating-label .form-group .btn { margin-bottom: 10px; } .floating-label .form-group .action-text { padding-right: 5px; margin-top: 13px; } .floating-label .form-group .label-text { font-weight: normal; margin-top: 10px; } .floating-label .form-group:first-child { margin-top: 10px; } .floating-label .form-group label.control-label { position: absolute; top: 22px; margin: 0 0 0; z-index: 10; font-size: 16px; line-height: 1.2; font-weight: 400; color: #777777; will-change: left, top, contents; pointer-events: none; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .floating-label .form-group .form-control-label { position: absolute; top: 0; margin: 0 auto; } .floating-label .form-group .form-control-label.view { font-size: 14px; color: #0e76bc; } .floating-label .form-group .form-control-label + .form-control-static { /*margin-top: 33px;*/ } .floating-label .form-group .form-control-label + .form-control-static > .mce-tinymce:first-child { margin-top: 7px; } .floating-label .form-group.form-group-centered .control-label { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .floating-label .form-group.form-group-centered .form-control-static { text-align: center; } .floating-label .form-group .form-control { height: 38px; max-width: 100%; padding: 7px 0; font-size: 16px; line-height: 1.42857143; border: 0; color: #777777; background-image: -webkit-gradient(linear, left top, left bottom, from(#0e76bc), to(#0e76bc)), -webkit-gradient(linear, left top, left bottom, from(#777777), to(#777777)); background-image: -webkit-linear-gradient(#0e76bc, #0e76bc), -webkit-linear-gradient(#777777, #777777); background-image: -o-linear-gradient(#0e76bc, #0e76bc), -o-linear-gradient(#777777, #777777); background-image: linear-gradient(#0e76bc, #0e76bc), linear-gradient(#777777, #777777); background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center -webkit-calc(100% - 1px); background-position: center bottom, center calc(100% - 1px); background-color: rgba(0, 0, 0, 0); -webkit-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; transition: background 0.3s ease-out; float: none; } .floating-label .form-group .form-control:-webkit-autofill { box-shadow: 0 0 0 30px white inset !important; } .floating-label .form-group .form-control:focus { outline: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#0e76bc), to(#0e76bc)), -webkit-gradient(linear, left top, left bottom, from(#777777), to(#777777)); background-image: -webkit-linear-gradient(#0e76bc, #0e76bc), -webkit-linear-gradient(#777777, #777777); background-image: -o-linear-gradient(#0e76bc, #0e76bc), -o-linear-gradient(#777777, #777777); background-image: linear-gradient(#0e76bc, #0e76bc), linear-gradient(#777777, #777777); background-size: 100% 2px, 100% 1px; -webkit-box-shadow: none; box-shadow: none; } .floating-label .form-group .form-control:disabled { color: #777777; background-image: none; border-bottom: 1px dashed #d1cfcf; } .floating-label .form-group .form-control:read-only { background-image: none; } .floating-label .form-group .form-control.input-lg { height: 42px; font-size: 18px; font-weight: 600; } .floating-label .form-group .form-control ~ .list-inline { padding-left: 0; } .floating-label .form-group .form-control ~ .list-inline > li { padding-left: 10px; padding-right: 0; } .floating-label .form-group input.form-control:-webkit-autofill, .floating-label .form-group textarea.form-control:-webkit-autofill, .floating-label .form-group select.form-control:-webkit-autofill { border-bottom: 1px solid #777777 !important; } .floating-label .form-group input.form-control:focus:-webkit-autofill, .floating-label .form-group textarea.form-control:focus:-webkit-autofill, .floating-label .form-group select.form-control:focus:-webkit-autofill { border-bottom: 1px solid #777777 !important; } .floating-label .form-group .form-control-static { max-width: 100%; padding-bottom: 0; } .floating-label .form-group .form-control-static ~ .list-inline { padding-left: 0; } .floating-label .form-group .form-control-static ~ .list-inline > li { padding-left: 10px; padding-right: 0; } .floating-label .form-group .form-control-static .btn { margin-bottom: 0; } .floating-label .form-group a.form-control-static { position: relative; color: #404040; width: auto; } .floating-label .form-group a.form-control-static:after { content: ''; display: block; width: 100%; position: absolute; left: 0; bottom: 7px; border-bottom: 1px solid #404040; } .floating-label .form-group a.form-control-static:hover { color: #0e76bc; } .floating-label .form-group a.form-control-static:hover:after { border-bottom-color: transparent; } .floating-label .form-group.form-group-centered .form-control { text-align: center; } .floating-label .form-group select.form-control:disabled { color: #404040 !important; border-bottom: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .floating-label .form-group select.form-control:disabled::ms-expand { display: none; } .floating-label .form-group > .SumoSelect { max-width: 100%; } .floating-label .form-group > .SumoSelect.disabled .CaptionCont { color: #777777; background-image: none; border-bottom: 1px dashed #d1cfcf; /*start-- removing dropdown arrow from sumoselect that comes in disabled state*/ /*end-- removing dropdown arrow from sumoselect*/ } .floating-label .form-group > .SumoSelect.disabled .CaptionCont > span { padding-right: 0; } .floating-label .form-group > .SumoSelect.disabled .CaptionCont > label > i { opacity: 0; } .floating-label .form-group > .SumoSelect + .SumoSelect { margin-left: 10px; } .floating-label .form-group .input-group > .SumoSelect:focus .CaptionCont { background-image: -webkit-gradient(linear, left top, left bottom, from(#0e76bc), to(#0e76bc)), -webkit-gradient(linear, left top, left bottom, from(#777777), to(#777777)); background-image: -webkit-linear-gradient(#0e76bc, #0e76bc), -webkit-linear-gradient(#777777, #777777); background-image: -o-linear-gradient(#0e76bc, #0e76bc), -o-linear-gradient(#777777, #777777); background-image: linear-gradient(#0e76bc, #0e76bc), linear-gradient(#777777, #777777); background-size: 100% 2px, 100% 1px; } .floating-label .form-group > .list-inline { margin: 0 auto; padding-left: 10px; line-height: 38px; white-space: nowrap; text-align: center; color: #777; } .floating-label .form-group > .list-inline:first-child { padding-left: 0; } .floating-label .form-group > .list-inline:first-child > li:first-child { padding-left: 0; } .floating-label .form-group > .list-inline:first-child > li:first-child:last-child { padding-right: 10px; } .floating-label .form-group > .list-inline > li { min-width: 30px; } .floating-label .form-group > .list-inline > li .ft { vertical-align: middle; } .floating-label .form-group > .list-inline > li .checkbox, .floating-label .form-group > .list-inline > li .radio { line-height: 1.42857143; } .floating-label .form-group label.control-label + .form-control { color: transparent; } .floating-label .form-group label.control-label + .form-control::-webkit-input-placeholder { color: transparent; } .floating-label .form-group label.control-label + .form-control::-moz-placeholder { color: transparent; } .floating-label .form-group label.control-label + .form-control:-ms-input-placeholder { color: transparent; } .floating-label .form-group label.control-label + .form-control:-moz-placeholder { color: transparent; } .floating-label .form-group textarea.form-control { resize: none; min-height: 38px; height: 38px; } .floating-label .form-group > .help-block { left: 0; top: calc(100% - 12px); position: absolute; margin: 0 auto; font-size: 12px; font-weight: 400; color: #777777; line-height: 1; } .floating-label .form-group > .help-block.text-right { right: 0; left: auto; } .floating-label .form-group > .help-block.text-success, .floating-label .form-group > .help-block.text-danger, .floating-label .form-group > .help-block.text-warning, .floating-label .form-group > .help-block.text-hint { font-weight: 600; } .floating-label .form-group > .help-block-alt { left: 30px; top: calc(100% - 5px); position: absolute; margin: 0 auto; font-size: 12px; font-weight: 400; color: #777777; line-height: 1; } .floating-label .form-group .radio-inline + .summary-info, .floating-label .form-group .checkbox-inline + .summary-info { margin-top: 10px; } .floating-label .form-group .summary-info { /*margin-top: 10px;*/ font-size: 16px !important; font-weight: 400; color: #404040; } .floating-label .form-group .summary-info > span { vertical-align: middle; } .floating-label .form-group .summary-info i { vertical-align: middle; margin-left: 10px; } .floating-label .form-group.is-focused label.control-label { top: 0; left: 0; font-size: 14px; color: #0e76bc; } .floating-label .form-group.is-focused.form-group-centered .control-label { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .floating-label .form-group.is-focused .form-control { color: #404040; } .floating-label .form-group.is-focused .form-control:disabled { color: #777777; background-image: none; } .floating-label .form-group.is-focused .form-control:read-only { background-image: none; } .floating-label .form-group.is-focused label.control-label + .form-control { color: #404040; } .floating-label .form-group.is-focused label.control-label + .form-control::-webkit-input-placeholder { color: #777777; } .floating-label .form-group.is-focused label.control-label + .form-control::-moz-placeholder { color: #777777; } .floating-label .form-group.is-focused label.control-label + .form-control:-ms-input-placeholder { color: #777777; } .floating-label .form-group.is-focused label.control-label + .form-control:-moz-placeholder { color: #777777; } .floating-label .form-group.has-error .help-block, .floating-label .form-group.has-success .help-block, .floating-label .form-group.has-warning .help-block { display: block; font-weight: 600; } .floating-label .form-group.has-error .SumoSelect > .CaptionCont, .floating-label .form-group.has-error .form-control, .floating-label .form-group.has-success .SumoSelect > .CaptionCont, .floating-label .form-group.has-success .form-control, .floating-label .form-group.has-warning .SumoSelect > .CaptionCont, .floating-label .form-group.has-warning .form-control { background-size: 100% 2px, 100% 1px; -webkit-box-shadow: none; box-shadow: none; } .floating-label .form-group.is-changed .SumoSelect > .CaptionCont, .floating-label .form-group.is-changed .form-control { background-color: #ffecb5; } .floating-label .form-group.is-saving .SumoSelect > .CaptionCont, .floating-label .form-group.is-saving .form-control { background-color: #c9e7cb; } .floating-label .form-group.has-error .SumoSelect > .CaptionCont, .floating-label .form-group.has-error .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#f44336), to(#f44336)), -webkit-gradient(linear, left top, left bottom, from(#777777), to(#777777)); background-image: -webkit-linear-gradient(#f44336, #f44336), -webkit-linear-gradient(#777777, #777777); background-image: -o-linear-gradient(#f44336, #f44336), -o-linear-gradient(#777777, #777777); background-image: linear-gradient(#f44336, #f44336), linear-gradient(#777777, #777777); } .floating-label .form-group.has-error .form-control-label, .floating-label .form-group.has-error label.control-label, .floating-label .form-group.has-error .help-block { color: #f44336; } .floating-label .form-group.has-error .ql-toolbar, .floating-label .form-group.has-error .ql-container { border-color: #f44336; } .floating-label .form-group.has-success .SumoSelect > .CaptionCont, .floating-label .form-group.has-success .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#4caf50)), -webkit-gradient(linear, left top, left bottom, from(#777777), to(#777777)); background-image: -webkit-linear-gradient(#4caf50, #4caf50), -webkit-linear-gradient(#777777, #777777); background-image: -o-linear-gradient(#4caf50, #4caf50), -o-linear-gradient(#777777, #777777); background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#777777, #777777); } .floating-label .form-group.has-success .form-control-label, .floating-label .form-group.has-success label.control-label, .floating-label .form-group.has-success .help-block { color: #4caf50; } .floating-label .form-group.has-success .ql-toolbar, .floating-label .form-group.has-success .ql-container { border-color: #4caf50; } .floating-label .form-spinner-group .input-group { display: table; } .floating-label .form-group.form-spinner-group .form-control { margin: 0; padding: 6px 12px; height: 36px; font-size: 16px; text-align: center; color: #404040; background: #e2e2e2; border-radius: 70px !important; -webkit-box-shadow: none; box-shadow: none; } .floating-label .form-group.form-spinner-group .form-control-static > .input-group + .input-group { margin-left: 20px; } .floating-label .form-group.form-group-num { width: 100px; margin-top: 5px; } .floating-label .form-group.form-group-num .form-control { /*text-align: center;*/ /*margin-bottom:0px !important;*/ /*height:30px;*/ } .floating-label .form-group.inline-form-group { margin: 0; padding: 0; } .floating-label .form-group.inline-form-group.has-error { padding-bottom: 14px; } .floating-label .form-group.inline-form-group .checkbox { margin-right: 15px; } .floating-label .form-group.inline-form-group .help-block { font-size: 12px !important; margin-top: 0; } .floating-label .next-to-fg { margin-top: 15px; } .floating-label .form-control[readonly], .floating-label .form-control[readonly]:focus { background-image: none; } .floating-label .multi-columns-form-sm.row, .floating-label .row.multi-columns-form-zero { margin-top: -10px; } .floating-label .multi-columns-form-sm.row > [class*="col-"], .floating-label .row.multi-columns-form-zero > [class*="col-"] { margin-top: 10px; } .floating-label .multi-columns-form-sm.row > [class*="col-"] > .form-group, .floating-label .row.multi-columns-form-zero > [class*="col-"] > .form-group { /*padding-top: 0;*/ } .floating-label .multi-columns-form-zero.row > [class*="col"] > .form-group { /*margin-top: 0;*/ padding-bottom: 0; /*min-height: 38px;*/ } .floating-label .multi-columns-form-zero.row > [class*="col"] > .form-group:first-child { /*margin-top: 0;*/ } .floating-label .multi-columns-form-zero.row > [class*="col"] > .form-group > .form-control, .floating-label .multi-columns-form-zero.row > [class*="col"] > .form-group > .form-control-static { /*margin-bottom: 0;*/ } .floating-label .multi-columns-form-zero.row > .col-auto > .form-group .form-control { margin: 0 15px; max-width: 100px; flex: auto; -ms-flex: auto; } .floating-label .multi-columns-form-zero.row > .col-auto > .form-group .input-group { margin: 0 15px; flex: auto; -ms-flex: auto; } .floating-label .multi-columns-form-zero.row > .col-auto > .form-group .input-group .form-control { margin: 0; max-width: none; } .floating-label .multi-columns-form-zero.row > .col-auto > .form-group .input-group .form-control + .input-group-addon { margin-top: -36px; } @media only screen and (max-width: 767px) { .form-group.fg-wo-space-xs { margin-top: 0 !important; } } .floating-label .row.multi-columns-form > [class*="col-"].col-has-toggle.toggle-more, .floating-label .row.multi-columns-form-sm > [class*="col-"].col-has-toggle.toggle-more, .floating-label .row.multi-columns-form-zero > [class*="col-"].col-has-toggle.toggle-more { text-align: center; width: 160px; margin-top: -10px; } @media only screen and (min-width: 768px) { .floating-label .row.multi-columns-form > [class*="col-"].col-has-btn:not(.col-sm-12), .floating-label .row.multi-columns-form-sm > [class*="col-"].col-has-btn:not(.col-sm-12), .floating-label .row.multi-columns-form-zero > [class*="col-"].col-has-btn:not(.col-sm-12) { margin-top: 28px; } .floating-label .row.multi-columns-form > [class*="col-"].col-has-toggle, .floating-label .row.multi-columns-form-sm > [class*="col-"].col-has-toggle, .floating-label .row.multi-columns-form-zero > [class*="col-"].col-has-toggle { text-align: right; } .floating-label .row.multi-columns-form > [class*="col-"].col-has-toggle > [data-toggle="collapse"], .floating-label .row.multi-columns-form-sm > [class*="col-"].col-has-toggle > [data-toggle="collapse"], .floating-label .row.multi-columns-form-zero > [class*="col-"].col-has-toggle > [data-toggle="collapse"] { padding: 0; } } @media only screen and (min-width: 992px) { .floating-label .row.multi-columns-form > [class*='col'] .col-has-btn:not(.col-md-12), .floating-label .row.multi-columns-form-sm > [class*='col'] .col-has-btn:not(.col-md-12), .floating-label .row.multi-columns-form-zero > [class*='col'] .col-has-btn:not(.col-md-12) { margin-top: 28px; } } @media only screen and (min-width: 1200px) { .floating-label .row.multi-columns-form > [class*='col'] .col-has-btn:not(.col-lg-12), .floating-label .row.multi-columns-form-sm > [class*='col'] .col-has-btn:not(.col-lg-12), .floating-label .row.multi-columns-form-zero > [class*='col'] .col-has-btn:not(.col-lg-12) { margin-top: 28px; } } @media only screen and (min-width: 768px) { .floating-label .row.multi-columns-form-sm > [class*='col'] .col-has-btn:not(.col-sm-12), .floating-label .row.multi-columns-form-zero > [class*='col'] .col-has-btn:not(.col-sm-12) { margin-top: 10px; } } @media only screen and (min-width: 992px) { .floating-label .row.multi-columns-form-sm > [class*='col'] .col-has-btn:not(.col-sm-12), .floating-label .row.multi-columns-form-zero > [class*='col'] .col-has-btn:not(.col-sm-12) { margin-top: 10px; } } @media only screen and (min-width: 1200px) { .floating-label .row.multi-columns-form-sm > [class*='col'].col-has-btn:not(.col-lg-12), .floating-label .row.multi-columns-form-zero > [class*='col'].col-has-btn:not(.col-lg-12) { margin-top: 10px; } } @media only screen and (min-width: 768px) { .floating-label .col-xs-12:not(.col-sm-12) .next-to-fg { margin-top: 38px; } } @media only screen and (min-width: 992px) { .floating-label .col-xs-12:not(.col-md-12) .next-to-fg { margin-top: 38px; } } @media only screen and (min-width: 1200px) { .floating-label .col-xs-12:not(.col-lg-12) .next-to-fg { margin-top: 38px; } } @media only screen and (min-width: 768px) { .floating-label .form-block-head { font-size: 18px; } .floating-label .form-group .btn { margin-bottom: 0px; } } .help-block { font-size: 14px; margin-bottom: 0; color: #404040; } .help-block.help-response { margin-bottom: 10px; font-size: 16px; font-weight: 600; text-align: center; } .help-block.help-hyperlink { line-height: 1.42857143; font-weight: 600; text-transform: uppercase; color: #0e76bc; } .help-block.help-hyperlink > .ft { font-size: inherit; line-height: inherit; vertical-align: middle; } .help-block.help-hyperlink > span { vertical-align: middle; } .form-helper { font-size: 14px; font-weight: 400; font-style: italic; color: #777777; } .inline-label { font-size: 14px; font-weight: 600; color: #0e76bc; } @media only screen and (max-width: 767px) { .inline-fg-resp { margin-top: 15px !important; } } .char-icon { color: #777; font-weight: bolder; font-size: 16px; /*vertical-align: middle;*/ } .char-icon.lg-primary { color: #0e76bc; font-size: 20px; } .char-icon a { text-decoration: none; color: inherit; } .required-fields { color: #777777; font-size: 12px; font-weight: 400; margin-top: 0; } .required-fields .ft { vertical-align: middle; } .panel-group:not(.row) + .required-fields.list-inline { margin-top: -15px; } .required-fields.list-inline > li + li { margin-left: 20px; } .form-block + .required-fields { margin-top: -10px; } table + .required-fields { margin-top: -10px; } .required-fields + table { margin-top: 5px; } .required-fields + .content-block-group { margin-top: 5px; } .content-block-group > .required-fields { margin-top: 5px; } @media (min-width: 768px) { .panel-group:not(.row) + .required-fields.list-inline { margin-top: -20px; } } .content-block-group .required-fields { margin-top: 5px; } /* Form Block */ .form-block { margin-bottom: 30px; } .form-block.chart-form-block { margin-bottom: 15px; } .form-block.chart-form-block .form-group { margin-top: 18px; } .form-block.sm { margin-bottom: 20px; } .form-block.sm .form-block-head { font-size: 18px; font-weight: 600; color: #404040; margin-bottom: 0px; } .form-block.sm .form-block-head + .owl-carousel { margin-top: 10px; } .mdb-step-wrap + .form-block.sm { margin-top: 20px; } .form-block:before, .form-block:after { content: ''; display: table; clear: both; } .form-block:last-child { margin-bottom: 0; } .mdb-step-wrap + .form-block { margin-top: 30px; } .form-block > .pg-multi-tier { margin-bottom: 0; } .form-block > .pg-multi-tier + .pg-multi-tier { margin-top: 15px; } /* END - Form Block */ .form-block-head { font-size: 16px; font-weight: 600; color: #404040; margin-bottom: 1em; } .form-block .form-block-head { margin-bottom: 15px; } .form-block-head .form-block-head-text { position: relative; z-index: 1; display: inline-block; margin-right: 6px; } .form-block-head .form-block-head-text ~ [role="button"] { vertical-align: middle; } .form-block-head .collapse-head { vertical-align: middle; } .form-block-head + hr { border-top: 1px solid #e0e0e0; margin: -15px 0 25px; } .form-block-head .toggle-collapse { display: inline; } .form-block-head-sm { font-size: 14px; font-weight: 600; margin-bottom: 10px; } .form-block-sub-head { font-size: 14px; font-weight: 600; margin-bottom: 1em; } .row-has-btn [class*="col"] .form-block-sub-head { margin-bottom: 10px; } .form-block-sub-head .text { vertical-align: middle; margin-right: 6px; } .form-block-sub-head .text + a > .ft, .form-block-sub-head .text + [role="button"] > .ft { vertical-align: middle; } .form-block-sub-head .form-group.fg-wo-space .text { line-height: 38px; } @media only screen and (min-width: 768px) { .form-block-head { font-size: 18px; } .form-block-head .toggle-collapse { display: none; } .form-block-subhead { font-size: 16px; } } @media only screen and (max-width: 767px) { .form-block-head .form-block-head-text { vertical-align: sub; } .form-block-head .form-block-head-text ~ .btn, .form-block-head .form-block-head-text ~ .badge, .form-block-head .form-block-head-text ~ label { margin-top: 6px; } } .form-head-bar { margin-bottom: 30px; padding: 20px; color: #ffffff; background-color: #0e76bc; text-align: center; text-transform: uppercase; font-size: 20px; font-weight: 600; } .form-body { padding: 30px 0px; } @media only screen and (min-width: 768px) { .form-body { padding: 30px; } } /*.form-text { font-size: 16px; font-weight: 400; color: $secondary-font-color; }*/ .form-inline-text { margin-top: 7px; } .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline label { margin-bottom: 0; } .form-inline .form-control { display: inline-block; } .form-inline .form-control[type="number"] { width: 70px; } .form-inline .form-control-static { width: auto; } .floating-label .control-label + .form-control::-webkit-input-placeholder, .floating-label .control-label + .input-group .form-control::-webkit-input-placeholder { color: transparent; -webkit-transition-duration: 240ms; -o-transition-duration: 240ms; transition-duration: 240ms; } .floating-label .control-label + .form-control::-moz-placeholder, .floating-label .control-label + .input-group .form-control::-moz-placeholder { color: transparent; -webkit-transition-duration: 240ms; -o-transition-duration: 240ms; transition-duration: 240ms; } .floating-label .control-label + .form-control:-ms-input-placeholder, .floating-label .control-label + .input-group .form-control:-ms-input-placeholder { color: transparent; -webkit-transition-duration: 240ms; -o-transition-duration: 240ms; transition-duration: 240ms; } .floating-label .control-label + .form-control:-moz-placeholder, .floating-label .control-label + .input-group .form-control:-moz-placeholder { color: transparent; -webkit-transition-duration: 240ms; -o-transition-duration: 240ms; transition-duration: 240ms; } .floating-label .addon-left .input-group .input-group-addon { margin-left: -35px; } .floating-label .addon-left .input-group .input-group-addon + .form-control { padding-left: 0; } .floating-label .addon-left label.control-label, .floating-label .addon-left .input-group, .floating-label .addon-left .help-block { margin-left: 30px; } .floating-label .input-group { display: block; } .floating-label .input-group .form-control { display: block; padding-right: 30px; } .floating-label .input-group .form-control:disabled ~ .input-group-addon:not(a) { color: #d1cfcf; } .floating-label .input-group .input-group-addon { float: left; margin-bottom: -30px; position: relative; z-index: 0; display: block; width: 30px; line-height: 24px; padding: 7px 5px; color: #777777; border: none; } .floating-label .input-group .input-group-addon + .form-control { padding-left: 30px; } .floating-label .input-group .input-group-addon > .ft { line-height: inherit; vertical-align: top; } .floating-label .input-group .input-group-addon > .ft.ft-rupee { font-size: 16px; } .floating-label .input-group a.input-group-addon { z-index: 10; } .floating-label .input-group .form-control + .input-group-addon { float: right; margin-top: -40px; margin-bottom: 0; } /* SumoSelect */ .SumoSelect { width: 100%; display: block; } .floating-label .SumoSelect { /*margin-bottom: 7px;*/ } .SumoSelect:focus .CaptionCont { background-image: -webkit-gradient(linear, left top, left bottom, from(#0e76bc), to(#0e76bc)), -webkit-gradient(linear, left top, left bottom, from(#777777), to(#777777)); background-image: -webkit-linear-gradient(#0e76bc, #0e76bc), -webkit-linear-gradient(#777777, #777777); background-image: -o-linear-gradient(#0e76bc, #0e76bc), -o-linear-gradient(#777777, #777777); background-image: linear-gradient(#0e76bc, #0e76bc), linear-gradient(#777777, #777777); background-size: 100% 2px, 100% 1px; } .sumoStopScroll .SumoSelect.open { cursor: pointer; } .sumoStopScroll .SumoSelect.open:before { content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; z-index: 11; } .SumoSelect .native-select { margin-bottom: 0; } .SumoSelect .native-select + .CaptionCont { padding: 6px 20px 6px 12px; border: 1px solid #c7c7c7; background-image: none; } .SumoSelect.open > .native-select + .CaptionCont { border-color: #777777; } .SumoSelect .split-select + .CaptionCont { min-height: 36px; padding: 7px 7px 7px 15px; font-size: 14px; font-weight: 600; text-transform: uppercase; background: #e2e2e2; border-radius: 2px; } .SumoSelect .split-select + .CaptionCont > label { width: 26px; border-left: 1px solid #fff; border-left: 1px solid rgba(255, 255, 255, 0.35); } .SumoSelect .split-select + .CaptionCont > label > i { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath d='M0,0l5,5l5-5H0z' style='fill:#FFF'/%3E%3C/svg%3E"); } .SumoSelect .split-select.select-secondary + .CaptionCont { color: #fff; background: #4caf50; } .SumoSelect.open > .split-select + .CaptionCont { background: #e2e2e2; } .SumoSelect.open > .split-select.select-secondary + .CaptionCont { color: #fff; background: #4caf50; } .SumoSelect.open > .split-select ~ .optWrapper { top: 100%; margin-top: 0; } .SumoSelect .caret-select + .CaptionCont { background: none; padding: 12px 12px; min-height: 22px; } .SumoSelect .caret-select + .CaptionCont > span { display: none; } .SumoSelect .ss-wo-border + .CaptionCont { background: none; transition: none; font-weight: 600; color: #777777; } .SumoSelect .move-select + .CaptionCont { color: #777777; } .SumoSelect.open > .caret-select + .CaptionCont, .SumoSelect.open > .ss-wo-border + .CaptionCont { background: none; } .SumoSelect .input-lg + .CaptionCont { padding: 15px 15px 15px 20px; } .SumoSelect .SumoUnder:disabled, .SumoSelect .SelectClass:disabled { position: absolute; visibility: hidden; } .SumoSelect .select-all > label, .SumoSelect > .CaptionCont, .SumoSelect > .optWrapper > .options li.opt label { margin: 0; font-weight: 400; line-height: 1.62; color: #404040; text-align: left; } .SumoSelect .select-all { height: auto; padding: 14px 6px 13px 56px; border-bottom-color: #e4e4e4; } .SumoSelect > .CaptionCont { min-height: 38px; padding: 7px 7px 7px 0; font-size: 16px; line-height: 1.42857143; float: none; border: 0; background-repeat: no-repeat; background-position: center bottom, center -webkit-calc(100% - 1px); background-position: center bottom, center calc(100% - 1px); background-color: rgba(0, 0, 0, 0); background-image: -webkit-gradient(linear, left top, left bottom, from(#0e76bc), to(#0e76bc)), -webkit-gradient(linear, left top, left bottom, from(#777777), to(#777777)); background-image: -webkit-linear-gradient(#0e76bc, #0e76bc), -webkit-linear-gradient(#777777, #777777); background-image: -o-linear-gradient(#0e76bc, #0e76bc), -o-linear-gradient(#777777, #777777); background-image: linear-gradient(#0e76bc, #0e76bc), linear-gradient(#777777, #777777); background-size: 0 2px, 100% 1px; -webkit-transition: background 0s ease-out; -o-transition: background 0s ease-out; transition: background 0s ease-out; -webkit-box-shadow: none; box-shadow: none; } .SumoSelect > .CaptionCont > span.placeholder { /*color: transparent;*/ color: #404040; font-style: normal; } .SumoSelect > .CaptionCont > .caret { width: 0; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .SumoSelect > .optWrapper { position: absolute; top: 0; left: 0; display: inline-block; width: 100%; z-index: 1000; list-style: none; visibility: hidden; margin: 5px auto 0; opacity: 0; max-height: 0; overflow: hidden; border-width: 0; background: #FFF; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .SumoSelect > .optWrapper > .options { padding: 8px 0; max-height: 256px; } .SumoSelect > .optWrapper > .options li ul li.opt, .SumoSelect > .optWrapper > .options li.opt { border-bottom-width: 0; /*padding: 13px 16px 13px 46px;*/ padding: 8px 10px 8px 35px; } .SumoSelect > .optWrapper > .options li ul li.opt:hover, .SumoSelect > .optWrapper > .options li.opt:hover { background-color: #FAFAFA; } .SumoSelect > .optWrapper:not(.multiple) > .options li.opt.selected:before { content: ""; position: absolute; top: 40%; z-index: 1; /*left: 18px; height: 11px; width: 22px;*/ left: 12px; height: 8px; width: 16px; border: 2px solid #4caf50; border-top-style: none; border-right-style: none; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); } .SumoSelect > .optWrapper > .MultiControls { color: #0e76bc; text-align: right; box-shadow: none; } .SumoSelect > .optWrapper.isFloating { top: 110px !important; margin: auto; max-height: calc( 100% - 150px ); } .header--hidden ~ .content-wrapper .SumoSelect > .optWrapper.isFloating, .header--hidden ~ .application-host .content-wrapper .SumoSelect > .optWrapper.isFloating { top: 60px !important; max-height: calc( 100% - 100px ); } .SumoSelect > .optWrapper.isFloating > .options { -webkit-box-shadow: none; box-shadow: none; } .SumoSelect > .optWrapper.isFloating > .options li.opt { /*padding: 11px 6px 11px 44px;*/ padding: 8px 10px 8px 35px; } .control-open .SumoSelect > .optWrapper.isFloating { z-index: 1040; } .SumoSelect > .optWrapper.multiple > .options li ul li.opt, .SumoSelect > .optWrapper.multiple > .options li.opt { padding-left: 56px; } .SumoSelect > .optWrapper.multiple > .MultiControls > p { float: right; margin: 9px 4px; padding: 7px 10px; width: auto; font-size: 14px; font-weight: 600; text-transform: uppercase; border-width: 0 !important; } .SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #FAFAFA; } .SumoSelect > .optWrapper.multiple > .MultiControls:after { content: ''; display: table; clear: both; } .SumoSelect > .optWrapper.multiple.isFloating { padding-bottom: 54px; } .SumoSelect > .optWrapper.multiple.isFloating.selall { padding-top: 44px; } .SumoSelect > .optWrapper.multiple.isFloating .select-all { position: absolute; top: 0; left: 0; width: 100%; padding: 11px 6px 10px 44px; } .SumoSelect > .optWrapper.multiple.isFloating .select-all span { margin-left: -37px; } .SumoSelect > .optWrapper.multiple.isFloating > .options li.opt { padding-left: 44px; } .SumoSelect > .optWrapper.multiple.isFloating > .options li.opt span { margin-left: -37px; } .SumoSelect > .optWrapper.multiple.isFloating > .MultiControls { /*width: calc(100% - 20px);*/ } .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p { padding: 7px 10px; } .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus { border-color: #e2e2e2; box-shadow: none; background-color: #e2e2e2; } .SumoSelect.open > .CaptionCont { outline: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#0e76bc), to(#0e76bc)), -webkit-gradient(linear, left top, left bottom, from(#777777), to(#777777)); background-image: -webkit-linear-gradient(#0e76bc, #0e76bc), -webkit-linear-gradient(#777777, #777777); background-image: -o-linear-gradient(#0e76bc, #0e76bc), -o-linear-gradient(#777777, #777777); background-image: linear-gradient(#0e76bc, #0e76bc), linear-gradient(#777777, #777777); background-size: 100% 2px, 100% 1px; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-box-shadow: none; box-shadow: none; /*& > span.placeholder { color: #bbb; }*/ } .SumoSelect.open > .optWrapper { top: 0; visibility: visible; max-height: 500px; opacity: 1; } .SumoSelect.open > .optWrapper.isFloating { max-height: calc( 100% - 106px ); } .header--hidden ~ .content-wrapper .SumoSelect.open > .optWrapper.isFloating, .header--hidden ~ .application-host .content-wrapper .SumoSelect.open > .optWrapper.isFloating { max-height: calc( 100% - 56px ); } .SumoSelect.open > .optWrapper.isFloating.selall { max-height: calc( 100% - 150px ); } .header--hidden ~ .content-wrapper .SumoSelect.open > .optWrapper.isFloating.selall, .header--hidden ~ .application-host .content-wrapper .SumoSelect.open > .optWrapper.isFloating.selall { max-height: calc( 100% - 100px ); } .SumoSelect.open > .SelectBox.search + .optWrapper { top: 30px; } .SumoSelect.open .search-txt { background: transparent; } .SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont { -webkit-box-shadow: none; box-shadow: none; border-color: #777777; } .SumoSelect .select-all > span, .SumoSelect > .optWrapper.multiple > .options li.opt span { margin-left: -44px; } .SumoSelect .select-all > span i, .SumoSelect > .optWrapper.multiple > .options li.opt span i { width: 18px; height: 18px; border: 2px solid #404040; box-shadow: none; } .SumoSelect .select-all.selected:not(.partial) > span i, .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i { background-color: #4caf50; } .SumoSelect .select-all.partial > span i, .SumoSelect .select-all.selected > span i, .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i { background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath fill='%23FFF' d='M426.776 83.579L161.611 348.743l-88.388-88.388-53.033 53.034L161.612 454.81 479.81 136.612z'/%3E%3C/svg%3E"); } .SumoSelect .select-all.sel, .SumoSelect > .optWrapper > .options li.opt.sel { background-color: #e2e2e2; } .sumoStopScroll .control-open .SumoSelect.open:before { z-index: 1039; } .floating-label .control-label + .SumoSelect > .CaptionCont > span { color: transparent; } .floating-label .is-focused .control-label + .SumoSelect > .CaptionCont > span { color: #404040; } @media only screen and (min-width: 992px) { .SumoSelect > .optWrapper { width: 100%; /*min-width: 100%;*/ /*min-width: calc(100% + 50px);*/ min-width: calc(100% + 15px); max-width: 100%; } .SumoSelect > .optWrapper > .options li.opt { /*padding: 13px 16px 13px 56px;*/ padding: 8px 10px 8px 35px; } .SumoSelect > .optWrapper > .options li ul li.opt { padding-left: 35px; } .SumoSelect .caret-select + .CaptionCont { padding: 7px 8px; } .SumoSelect.open > .optWrapper.isFloating { max-height: calc( 100% - 100px ); } .SumoSelect.open .split-select ~ .optWrapper, .SumoSelect.open .caret-select ~ .optWrapper { min-width: 280px; } } @media only screen and (min-width: 768px) { .responsive-select .SumoSelect { width: auto; display: inline-block; min-width: 175px; max-width: 100%; } } @media only screen and (max-width: 767px) { .SumoSelect .move-select + .CaptionCont { background: none; padding: 12px 12px; min-height: 22px; } .SumoSelect .move-select + .CaptionCont > span { display: none; } .SumoSelect .move-select + .CaptionCont label > i { background: none; color: #777777; font: normal normal normal 20px/1 fontastic; text-transform: none !important; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .SumoSelect .move-select + .CaptionCont label > i:before { content: "\e07b"; } .SumoSelect.open > .move-select + .CaptionCont { background: none; } } /* SumoSelect - ENDS */ /* * CUSTOM CHECKBOX & RADIO */ @media only screen { .radio + .radio, .checkbox + .checkbox { margin-top: 10px; } .radio-inline { margin: 0 12px 10px 0; padding-left: 0; } .radio-inline + .radio-inline { margin-left: 0; } .radio-inline:last-of-type { margin-right: 0; } .checkbox-inline { margin: 0 14px 10px 0; padding-left: 0; } .checkbox-inline + .checkbox-inline { margin-left: 0; } .checkbox-inline:last-of-type { margin-right: 0; } .custom-checkbox, .custom-radio, .custom-valid { position: relative; margin: 0; padding-left: 20px; font-size: 16px; line-height: 1.4; min-height: 1.4em; } .checkbox .custom-checkbox, .radio .custom-checkbox, .checkbox .custom-radio, .radio .custom-radio, .checkbox .custom-valid, .radio .custom-valid { cursor: auto; min-height: 1.4em; } .checkbox-inline .custom-checkbox, .radio-inline .custom-checkbox, .checkbox-inline .custom-radio, .radio-inline .custom-radio, .checkbox-inline .custom-valid, .radio-inline .custom-valid { cursor: auto; display: block; } .custom-checkbox .unit-input .form-control, .custom-radio .unit-input .form-control, .custom-valid .unit-input .form-control { height: 22px; padding: 0; } .custom-checkbox > input, .custom-radio > input, .custom-valid > input { position: absolute; opacity: 0; left: -9999px; } .custom-checkbox > input ~ a > .ft, .custom-radio > input ~ a > .ft, .custom-valid > input ~ a > .ft { vertical-align: middle; } .custom-checkbox > input ~ span, .custom-radio > input ~ span, .custom-valid > input ~ span { display: inline-block; /*text-indent: 10px;*/ vertical-align: middle; padding-left: 10px; cursor: pointer; } .custom-checkbox > input ~ span.text-md, .custom-radio > input ~ span.text-md, .custom-valid > input ~ span.text-md { font-size: 14px; } .custom-checkbox > input ~ span > .ft, .custom-radio > input ~ span > .ft, .custom-valid > input ~ span > .ft { vertical-align: sub; margin-left: 4px; } .custom-checkbox > input ~ span:before, .custom-checkbox > input ~ span:after, .custom-radio > input ~ span:before, .custom-radio > input ~ span:after, .custom-valid > input ~ span:before, .custom-valid > input ~ span:after { content: ''; display: block; width: 20px; height: 20px; position: absolute; left: 0; top: 2.96px; border-radius: 20px; background-clip: padding-box !important; -webkit-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .custom-checkbox > input ~ span:before, .custom-radio > input ~ span:before, .custom-valid > input ~ span:before { background: #fff; border: 2px solid #404040; } .custom-checkbox > input ~ span:after, .custom-radio > input ~ span:after, .custom-valid > input ~ span:after { opacity: 0; background: #4caf50; -webkit-transform: scale(0.5) rotate(45deg); -ms-transform: scale(0.5) rotate(45deg); transform: scale(0.5) rotate(45deg); } .custom-checkbox > input:checked ~ span:before, .custom-radio > input:checked ~ span:before, .custom-valid > input:checked ~ span:before { border-color: #4caf50; } .custom-checkbox > input:checked ~ span:after, .custom-radio > input:checked ~ span:after, .custom-valid > input:checked ~ span:after { opacity: 1; } .custom-checkbox > input:focus ~ span:before, .custom-radio > input:focus ~ span:before, .custom-valid > input:focus ~ span:before { box-shadow: 0 0 0px 5px rgba(64, 64, 64, 0.5); } .custom-checkbox > input:focus:checked ~ span:before, .custom-radio > input:focus:checked ~ span:before, .custom-valid > input:focus:checked ~ span:before { box-shadow: 0 0 0px 5px rgba(76, 175, 80, 0.5); } .custom-checkbox > input:disabled ~ span, .custom-checkbox > input:disabled:checked ~ span, .custom-radio > input:disabled ~ span, .custom-radio > input:disabled:checked ~ span, .custom-valid > input:disabled ~ span, .custom-valid > input:disabled:checked ~ span { color: #777777; cursor: not-allowed; } .custom-checkbox > input:disabled ~ span:before, .custom-checkbox > input:disabled:checked ~ span:before, .custom-radio > input:disabled ~ span:before, .custom-radio > input:disabled:checked ~ span:before, .custom-valid > input:disabled ~ span:before, .custom-valid > input:disabled:checked ~ span:before { border-color: #b0b0b0; } .custom-checkbox > input:disabled ~ span:after, .custom-checkbox > input:disabled:checked ~ span:after, .custom-radio > input:disabled ~ span:after, .custom-radio > input:disabled:checked ~ span:after, .custom-valid > input:disabled ~ span:after, .custom-valid > input:disabled:checked ~ span:after { background: #b0b0b0; } .custom-checkbox.input-has-badge > input ~ .ft, .custom-radio.input-has-badge > input ~ .ft, .custom-valid.input-has-badge > input ~ .ft { float: right; margin-left: -20px; line-height: 25.92px; } .custom-checkbox.input-has-badge > input ~ .ft + span, .custom-radio.input-has-badge > input ~ .ft + span, .custom-valid.input-has-badge > input ~ .ft + span { padding-right: 25px; } .custom-checkbox.has-error > input:checked ~ span:before, .custom-radio.has-error > input:checked ~ span:before, .custom-valid.has-error > input:checked ~ span:before { border-color: #f44336; } .custom-checkbox.has-error > input:checked ~ span:after, .custom-radio.has-error > input:checked ~ span:after, .custom-valid.has-error > input:checked ~ span:after { background-color: #f77268; } .custom-checkbox.has-error > input:checked:focus ~ span:before, .custom-radio.has-error > input:checked:focus ~ span:before, .custom-valid.has-error > input:checked:focus ~ span:before { box-shadow: 0 0 0px 5px rgba(244, 67, 54, 0.5); } .custom-checkbox.has-success > input:checked ~ span:before, .custom-radio.has-success > input:checked ~ span:before, .custom-valid.has-success > input:checked ~ span:before { border-color: #4caf50; } .custom-checkbox.has-success > input:checked ~ span:after, .custom-radio.has-success > input:checked ~ span:after, .custom-valid.has-success > input:checked ~ span:after { background-color: #79c37c; } .checkbox-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; } .checkbox .checkbox-toggle { padding: 0; } .checkbox-toggle > input[type="checkbox"] { position: absolute; opacity: 0; left: -9999px; } .checkbox-toggle > input[type="checkbox"] ~ .toggle-space { position: relative; display: table; display: -ms-grid; display: grid; grid-template-columns: repeat(2, 1fr); padding: 2px; min-height: 20px; height: 24px; background: #777777; border-radius: 2px; -webkit-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; } .checkbox-toggle > input[type="checkbox"] ~ .toggle-space:before, .checkbox-toggle > input[type="checkbox"] ~ .toggle-space:after { content: attr(data-checked); display: table-cell; padding: 3px 10px; height: 24px; font-size: 12px; line-height: 1.5; text-align: center; color: #fff; } .checkbox-toggle > input[type="checkbox"] ~ .toggle-space:after { content: attr(data-unchecked); } .checkbox-toggle > input[type="checkbox"] ~ .toggle-space i { cursor: -webkit-grab; display: block; position: absolute; top: 2px; left: 2px; width: calc(50% - 2px); height: calc(100% - 4px); padding: 2px; border-radius: 2px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; background: white center no-repeat; } .checkbox-toggle > input[type="checkbox"]:checked ~ .toggle-space { background: #4caf50; } .checkbox-toggle > input[type="checkbox"]:checked ~ .toggle-space i { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .checkbox-toggle > input[type="checkbox"]:disabled ~ .toggle-space { background: #e2e2e2; } .checkbox-toggle > input[type="checkbox"]:disabled:checked ~ .toggle-space { background: #777777; } .checkbox-rounded.checkbox-toggle > input[type="checkbox"] ~ .toggle-space { border-radius: 24px; } .checkbox-rounded.checkbox-toggle > input[type="checkbox"] ~ .toggle-space i { border-radius: 50%; } .checkbox-material.checkbox-toggle { margin: 0; padding: 3px 2px; } .checkbox-material.checkbox-toggle input ~ .toggle-space { display: block; width: 36px; height: 14px; min-height: 14px; padding: 0; background: #b9b9b9; border-radius: 14px; } .checkbox-material.checkbox-toggle input ~ .toggle-space i { width: 20px; height: 20px; top: -3px; left: -2px; border-radius: 50%; -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } .checkbox-material.checkbox-toggle input:checked ~ .toggle-space { background: #4caf50; } .checkbox-status.checkbox-toggle > input[type="checkbox"] ~ .toggle-space { background: #4caf50; height: 28px; } .checkbox-status.checkbox-toggle > input[type="checkbox"] ~ .toggle-space i { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.2 24'%3E%3Cpath style='fill:none;stroke:%23cecece;stroke-miterlimit:10' d='M7.5 4v16M2.9 6v12M12.3 6v12'/%3E%3C/svg%3E"); } .checkbox-status.checkbox-toggle > input[type="checkbox"]:checked ~ .toggle-space { background: #f44336; } .checkbox-status.checkbox-toggle > input[type="checkbox"]:disabled ~ .toggle-space { background: #b0b0b0; } .checkbox-status.checkbox-toggle > input[type="checkbox"]:disabled ~ .toggle-space:before, .checkbox-status.checkbox-toggle > input[type="checkbox"]:disabled ~ .toggle-space:after { cursor: default; } .checkbox-status.checkbox-toggle > input[type="checkbox"]:disabled ~ .toggle-space i { cursor: not-allowed; } .checkbox-status.checkbox-toggle > input[type="checkbox"]:disabled:checked ~ .toggle-space { background: #b0b0b0; } .checkbox-status.checkbox-toggle > input[type="checkbox"]:focus ~ .toggle-space i { box-shadow: 0 0 0px 5px rgba(76, 175, 80, 0.5); } .checkbox-status.checkbox-toggle > input[type="checkbox"]:focus:checked ~ .toggle-space i { box-shadow: 0 0 0px 5px rgba(244, 67, 54, 0.5); } .checkbox-status-primary.checkbox-toggle > input[type="checkbox"] ~ .toggle-space { background: #0e76bc; } .checkbox-status-primary.checkbox-toggle > input[type="checkbox"] ~ .toggle-space i { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.2 24'%3E%3Cpath style='fill:none;stroke:%23cecece;stroke-miterlimit:10' d='M7.5 4v16M2.9 6v12M12.3 6v12'/%3E%3C/svg%3E"); } .checkbox-status-primary.checkbox-toggle > input[type="checkbox"]:checked ~ .toggle-space { background: #0e76bc; } .checkbox-status-primary.checkbox-toggle > input[type="checkbox"]:focus ~ .toggle-space i, .checkbox-status-primary.checkbox-toggle > input[type="checkbox"]:focus:checked ~ .toggle-space i { box-shadow: 0 0 0px 5px rgba(14, 118, 188, 0.5); } .checkbox-status-primary.checkbox-toggle > input[type="checkbox"]:disabled ~ .toggle-space { background: #b0b0b0; } .checkbox-status-primary.checkbox-toggle > input[type="checkbox"]:disabled:checked ~ .toggle-space { background: #b0b0b0; } .checkbox-toggle > input[type="checkbox"]:focus ~ .toggle-space i { box-shadow: 0 0 0px 5px rgba(64, 64, 64, 0.5); } .checkbox-toggle > input[type="checkbox"]:focus:checked ~ .toggle-space i { box-shadow: 0 0 0px 5px rgba(76, 175, 80, 0.5); } .checkbox-toggle > span ~ .toggle-space { margin-left: 10px; } .custom-checkbox { min-height: 25.92px; padding-left: 18px; } .custom-checkbox > input ~ span:before { width: 20px; height: 20px; border-radius: 2px; } .custom-checkbox > input ~ span:after { top: 6px; left: 7px; width: 6px; height: 12px; border: 0 solid #FFF; border-width: 0 2px 2px 0; border-radius: 0; } .custom-checkbox > input:checked ~ span:before { background: #4caf50; color: #4caf50; border: 0; } .custom-checkbox > input:checked ~ span:after { -webkit-transform: scale(1) rotate(45deg); -ms-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); color: #ffffff; } .custom-checkbox > input:disabled:checked ~ span:before { background: #b0b0b0; } .custom-checkbox > input:disabled:checked ~ span:after { background: #b0b0b0; } .custom-checkbox.has-error > input:checked ~ span:before { background-color: #f77268; border: 0; } .custom-checkbox.checkbox-light { color: #FFF; background-color: #0e76bc; } .custom-checkbox.checkbox-light > input ~ span:before { background-color: #0e76bc; border-color: #FFF; } .custom-checkbox.checkbox-light > input ~ span:after { background: transparent; border-color: #0e76bc; } .custom-checkbox.checkbox-light > input:checked ~ span:before { background-color: #FFF; } .custom-checkbox.checkbox-light > input:disabled ~ span:before { border-color: rgba(255, 255, 255, 0.7); } .custom-checkbox.checkbox-light > input:disabled:checked ~ span:before { border-color: transparent; background-color: rgba(255, 255, 255, 0.7); } .custom-checkbox.checkbox-light > input:disabled:checked ~ span:after { background-color: transparent; } .custom-checkbox.label-top { padding: 0 0 24px; } .custom-checkbox.label-top > input ~ span { text-indent: 0; } .custom-checkbox.label-top > input ~ span:before, .custom-checkbox.label-top > input ~ span:after { top: auto; bottom: 2px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .custom-checkbox.label-top > input ~ span:after { -webkit-transform: translate(-50%, -4px) scale(0.5) rotate(45deg); -ms-transform: translate(-50%, -4px) scale(0.5) rotate(45deg); transform: translate(-50%, -4px) scale(0.5) rotate(45deg); } .custom-checkbox.label-top > input:checked ~ span:after { -webkit-transform: translate(-50%, -4px) scale(1) rotate(45deg); -ms-transform: translate(-50%, -4px) scale(1) rotate(45deg); transform: translate(-50%, -4px) scale(1) rotate(45deg); } .custom-checkbox.label-bottom { padding: 24px 0 0; } .custom-checkbox.label-bottom > input ~ span { text-indent: 0; } .custom-checkbox.label-bottom > input ~ span:before, .custom-checkbox.label-bottom > input ~ span:after { top: 2px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .custom-checkbox.label-bottom > input ~ span:after { -webkit-transform: translate(-50%, 2px) scale(0.5) rotate(45deg); -ms-transform: translate(-50%, 2px) scale(0.5) rotate(45deg); transform: translate(-50%, 2px) scale(0.5) rotate(45deg); } .custom-checkbox.label-bottom > input:checked ~ span:after { -webkit-transform: translate(-50%, 2px) scale(1) rotate(45deg); -ms-transform: translate(-50%, 2px) scale(1) rotate(45deg); transform: translate(-50%, 2px) scale(1) rotate(45deg); } .custom-checkbox.label-left { padding: 0 24px 0 0; } .custom-checkbox.label-left > input ~ span { padding-left: 0; padding-right: 10px; } .custom-checkbox.label-left > input ~ span:before { left: auto; right: 0; } .custom-checkbox.label-left > input ~ span:after { left: auto; right: 7px; } .custom-checkbox.checkbox-square { min-height: 30px; padding-left: 30px; } .custom-checkbox.checkbox-square > input ~ span { padding-left: 0; } .custom-checkbox.checkbox-square > input ~ span:before { border-radius: 0; width: 30px; height: 30px; background: inherit; border-color: inherit; border: 0; } .custom-checkbox.checkbox-square > input ~ span:after { left: 9px; width: 10px; height: 20px; background: transparent; border-width: 0 3px 3px 0; } .custom-checkbox.checkbox-square > input:checked ~ span:after { border-width: 0 3px 3px 0; } .custom-checkbox.checkbox-btn { padding: 5px 15px 5px 34px; font-size: 14px; font-weight: 600 !important; text-transform: uppercase; background: #FFF; color: #0e76bc; border: 1px solid #0e76bc; border-radius: 36px; } .custom-checkbox.checkbox-btn.checkbox-btn-wo-border { border: 0 none; } .custom-checkbox.checkbox-btn > input ~ span { vertical-align: top; } .custom-checkbox.checkbox-btn > input ~ span:before { top: 4.96px; left: 15px; border-color: #0e76bc; } .custom-checkbox.checkbox-btn > input ~ span:after { top: 7px; left: 21px; } .custom-checkbox.checkbox-btn > input:checked ~ span:before { background-color: #0e76bc; } .custom-checkbox.checkbox-btn > input:checked ~ span:after { background: transparent; border-color: #FFF; } .custom-checkbox.checkbox-btn.checkbox-btn-primary { color: #FFF; background-color: #0e76bc; } .custom-checkbox.checkbox-btn.checkbox-btn-primary > input ~ span:before { background-color: #0e76bc; border-color: #FFF; } .custom-checkbox.checkbox-btn.checkbox-btn-primary > input ~ span:after { background: transparent; border-color: #0e76bc; } .custom-checkbox.checkbox-btn.checkbox-btn-primary > input:checked ~ span:before { background-color: #FFF; } .custom-checkbox.checkbox-btn.checkbox-btn-danger { color: #FFF; background-color: #f44336; } .custom-checkbox.checkbox-btn.checkbox-btn-danger > input ~ span:before { background-color: #f44336; border-color: #FFF; } .custom-checkbox.checkbox-btn.checkbox-btn-danger > input ~ span:after { background: transparent; border-color: #f44336; } .custom-checkbox.checkbox-btn.checkbox-btn-danger > input:checked ~ span:before { background-color: #FFF; } } @media only screen and (min-width: 992px) { .custom-checkbox > input + span.text-visible-sm { text-indent: -9999px; } } @media only screen and (min-width: 768px) { .custom-checkbox > input + span.text-visible-xs { text-indent: -9999px; } .custom-checkbox.checkbox-btn { padding: 5px 20px 5px 50px; } .custom-checkbox.checkbox-btn > input ~ span:before { left: 24px; } .custom-checkbox.checkbox-btn > input ~ span:after { left: 31px; } .custom-checkbox.checkbox-block > input ~ span { padding: 10px 20px; font-size: 16px; } } @media only screen and (min-width: 992px) { .custom-checkbox.label-bottom-nontouch { padding: 24px 0 0; } .custom-checkbox.label-bottom-nontouch > input ~ span { padding-left: 0; } .custom-checkbox.label-bottom-nontouch > input ~ span:before, .custom-checkbox.label-bottom-nontouch > input ~ span:after { top: 2px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .custom-checkbox.label-bottom-nontouch > input ~ span:after { -webkit-transform: translate(-50%, 2px) scale(0.5) rotate(45deg); -ms-transform: translate(-50%, 2px) scale(0.5) rotate(45deg); transform: translate(-50%, 2px) scale(0.5) rotate(45deg); } .custom-checkbox.label-bottom-nontouch > input:checked ~ span:after { -webkit-transform: translate(-50%, 2px) scale(1) rotate(45deg); -ms-transform: translate(-50%, 2px) scale(1) rotate(45deg); transform: translate(-50%, 2px) scale(1) rotate(45deg); } .panel .panel-footer .custom-checkbox.label-bottom-nontouch { text-align: center; } } @media only screen { .custom-valid { min-height: 25.92px; padding-left: 20px; } .custom-valid > input ~ span { color: #777; font-size: 14px; padding-left: 8px; } .custom-valid > input ~ span:before { width: 20px; height: 20px; background: #777; border-color: #777; border-radius: 20px; border-width: 0; } .custom-valid > input ~ span:after { top: 6px; left: 7px; width: 6px; height: 12px; border: 0 solid #FFF; border-width: 0 2px 2px 0; opacity: 1; background: transparent; border-radius: 0; -webkit-transform: scale(1) rotate(45deg); -ms-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } .custom-valid > input:checked ~ span { color: #4caf50; font-weight: 600; } .custom-valid > input:checked ~ span:before { background: #4caf50; } .custom-valid > input:disabled ~ span { cursor: not-allowed; } .custom-valid > input:disabled ~ span:before { border-color: #a4a4a4; } .custom-valid > input:disabled ~ span:after { background: transparent; } .custom-valid > input:disabled:checked ~ span { color: #4caf50; } .custom-valid > input:disabled:checked ~ span:before { border-color: #4caf50; } .custom-valid > input:disabled:checked ~ span:after { background: #4caf50; } .checkbox-tick { position: relative; } .checkbox-tick .custom-checkbox.checkbox-square { position: absolute; top: 0; right: 0px; height: 100%; width: 80px; padding: 0; background: #dfdfdf; } .checkbox-tick .custom-checkbox.checkbox-square > input + span { background-color: transparent; border-color: transparent; } .checkbox-tick .custom-checkbox.checkbox-square > input + span:after { left: 40%; top: 23%; width: 15px; height: 30px; opacity: 1; -webkit-transform: scale(1) rotate(45deg); -ms-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } .checkbox-tick .custom-checkbox.checkbox-square.selected { background: #4caf50; } .checkbox-tick .media-body { padding-right: 60px; } } .custom-checkbox.checkbox-block { display: table; height: 100%; width: 100%; padding: 0; min-width: 100px; min-height: 66px; background: inherit; color: inherit; text-align: center; } .custom-checkbox.checkbox-block > input { position: absolute; opacity: 0; left: -9999px; } .custom-checkbox.checkbox-block > input ~ span { position: relative; display: table-cell; vertical-align: middle; height: 100%; width: 100%; padding: 10px; font-size: 14px; font-weight: 600; text-indent: 0; } .custom-checkbox.checkbox-block > input ~ span:before, .custom-checkbox.checkbox-block > input ~ span:after { display: none; } .custom-checkbox.checkbox-block > input ~ span.toggle-check { padding: 10px 30px 10px 10px; color: #777777; font-weight: normal; } .custom-checkbox.checkbox-block > input ~ span.toggle-check .ft { position: absolute; top: 0; right: 0; visibility: hidden; opacity: 0; padding: 5px 5px 10px 10px; border-bottom-left-radius: 30px; color: #fff; background: #4caf50; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); } .custom-checkbox.checkbox-block > input:checked ~ span.toggle-check { background: #fff; color: #404040; } .custom-checkbox.checkbox-block > input:checked ~ span.toggle-check .ft { visibility: visible; opacity: 1; } .checkbox-option .custom-checkbox.checkbox-square { height: 100%; width: 100%; } .checkbox-option .custom-checkbox.checkbox-square > input + span { background-color: transparent; border-color: transparent; } .checkbox-option .custom-checkbox.checkbox-square > input + span:after { left: 40%; opacity: 1; -webkit-transform: scale(1) rotate(45deg); -ms-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } /* * END - CUSTOM CHECKBOX & RADIO */ /* * STAR RATING */ .rating-container .star { margin: 0 1px; } .rating-container .empty-stars { color: #777777; } .rating-container .filled-stars { color: #ffc107; -webkit-text-stroke: 0; text-shadow: none; } /* * END - STAR RATING */ @media only screen and (max-width: 768px) { .form-block-head + .mob-show-block { margin-top: 10px; } .mob-show-block { border: 1px solid #e0e0e0; padding: 15px; margin-bottom: 20px; /*margin-top: 30px !important;*/ } .mob-show-block.no-floating-label .form-group { margin-top: 20px !important; } } .show-block { border: 1px solid #e0e0e0; padding: 15px; margin-bottom: 25px; margin-top: 30px !important; } .show-block .form-block-head { font-size: 16px; margin-bottom: 15px; margin-top: 30px; } .show-block.no-floating-label .form-group { margin-top: 20px !important; } @media only screen and (min-width: 1200px) { .show-block .floating-label .form-group { margin-top: 15px !important; } } .unit-input { display: inline-block; margin: 0 4px; max-width: 36px; } .unit-input .form-control { padding-left: 0; padding-right: 0; border: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#0e76bc), to(#0e76bc)), -webkit-gradient(linear, left top, left bottom, from(#777777), to(#777777)); background-image: -webkit-linear-gradient(#0e76bc, #0e76bc), -webkit-linear-gradient(#777777, #777777); background-image: -o-linear-gradient(#0e76bc, #0e76bc), -o-linear-gradient(#777777, #777777); background-image: linear-gradient(#0e76bc, #0e76bc), linear-gradient(#777777, #777777); background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center -webkit-calc(100% - 1px); background-position: center bottom, center calc(100% - 1px); background-color: rgba(0, 0, 0, 0); -webkit-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; transition: background 0.3s ease-out; -webkit-box-shadow: none; box-shadow: none; text-align: center; } .unit-input .form-control:focus { background-image: -webkit-gradient(linear, left top, left bottom, from(#0e76bc), to(#0e76bc)), -webkit-gradient(linear, left top, left bottom, from(#777777), to(#777777)); background-image: -webkit-linear-gradient(#0e76bc, #0e76bc), -webkit-linear-gradient(#777777, #777777); background-image: -o-linear-gradient(#0e76bc, #0e76bc), -o-linear-gradient(#777777, #777777); background-image: linear-gradient(#0e76bc, #0e76bc), linear-gradient(#777777, #777777); background-size: 100% 2px, 100% 1px; } .head-group .head-style-lg { margin-bottom: 20px; padding: 0; color: #0e76bc; } .head-group .head-style-md { margin-bottom: 15px; padding: 0; color: #404040; } .head-group .head-style-sm-bold { margin: 0; padding: 0; color: #777777; } .has-toggle-text { margin-top: 0; } .collapse + .has-toggle-text { padding-top: 5px; } .has-toggle-text > [data-toggle="collapse"] { display: inline-block; cursor: pointer; } .panel .has-toggle-text > [data-toggle="collapse"]:not(.btn) { padding-bottom: 5px; } .has-toggle-text > [data-toggle="collapse"][data-hide]:before { color: #f44336; content: "\e04f"; vertical-align: middle; margin-right: 5px; } .has-toggle-text > [data-toggle="collapse"][data-hide]:after { color: #f44336; content: attr(data-hide); vertical-align: middle; } .has-toggle-text > [data-toggle="collapse"][data-view].collapsed:before { color: #0e76bc; content: "\e04e"; vertical-align: middle; margin-right: 5px; } .has-toggle-text > [data-toggle="collapse"][data-view].collapsed:after { color: #0e76bc; content: attr(data-view); vertical-align: middle; } .has-toggle-text > [data-toggle="collapse"][data-less] { /*&:before { color: $success; content: "\e168"; @extend %fontastic; vertical-align: middle; margin-right: 5px; }*/ } .has-toggle-text > [data-toggle="collapse"][data-less]:after { content: attr(data-less); } .has-toggle-text > [data-toggle="collapse"][data-more] { /*&.collapsed:before { color: $primary-color; content: "\e088"; @extend %fontastic; vertical-align: middle; margin-right: 5px; }*/ } .has-toggle-text > [data-toggle="collapse"][data-more].collapsed:after { content: attr(data-more); } .has-toggle-text > [data-toggle="collapse"][data-add].collapsed:before { color: #0e76bc; content: "\e010"; vertical-align: middle; margin-right: 5px; } .has-toggle-text > [data-toggle="collapse"][data-add].collapsed:after { color: #0e76bc; content: attr(data-add); vertical-align: middle; } .has-toggle-text > [data-toggle="collapse"][data-remove]:before { color: #f44336; content: "\e018"; vertical-align: middle; margin-right: 5px; } .has-toggle-text > [data-toggle="collapse"][data-remove]:after { color: #f44336; content: attr(data-remove); vertical-align: middle; } .has-toggle-text > [data-toggle="collapse"][data-show-more].collapsed:after { color: #0e76bc; content: "\e008"; vertical-align: middle; margin-left: 5px; } .has-toggle-text > [data-toggle="collapse"][data-show-more].collapsed:before { color: #0e76bc; content: attr(data-show-more); vertical-align: middle; font-size: 14px; font-weight: 600; } .has-toggle-text > [data-toggle="collapse"][data-show-less]:after { color: #0e76bc; content: "\e00b"; vertical-align: middle; margin-left: 5px; } .has-toggle-text > [data-toggle="collapse"][data-show-less]:before { color: #0e76bc; font-size: 14px; font-weight: 600; content: attr(data-show-less); vertical-align: middle; } /* mdb range */ /* Custom by @mmt-zinee */ .mdb-range-block { margin-top: 20px; /*input[type="range"] { display: block; padding: 0; margin: 0; width: 100%; height: 20px; }*/ } .mdb-range-block .media-left { vertical-align: middle; padding-right: 0px; } .mdb-range-block .media-left .form-group { margin-top: 46px !important; } .mdb-range-block .media-right { padding-left: 0px; vertical-align: middle; } .mdb-range-block .media-right .form-inline .form-group { margin-top: 33px !important; } .mdb-range-block .media-right .form-inline .form-group .form-control[type="number"] { width: 48px; line-height: 1.2; } .mdb-range-block .mdb-range { box-sizing: border-box; position: relative; padding: 0 29px; width: 100%; } .mdb-range-block .mdb-range[data-value='1'] .mdb-label { left: 0%; } .mdb-range-block .mdb-range[data-value='2'] .mdb-label { left: 11.1111111111%; } .mdb-range-block .mdb-range[data-value='3'] .mdb-label { left: 22.2222222222%; } .mdb-range-block .mdb-range[data-value='4'] .mdb-label { left: 33.3333333333%; } .mdb-range-block .mdb-range[data-value='5'] .mdb-label { left: 44.4444444445%; } .mdb-range-block .mdb-range[data-value='6'] .mdb-label { left: 55.5555555556%; } .mdb-range-block .mdb-range[data-value='7'] .mdb-label { left: 66.6666666667%; } .mdb-range-block .mdb-range[data-value='8'] .mdb-label { left: 77.7777777778%; } .mdb-range-block .mdb-range[data-value='9'] .mdb-label { left: 88.8888888889%; } .mdb-range-block .mdb-range[data-value='10'] .mdb-label { left: 100%; } .mdb-range-block .mdb-label { position: relative; top: 0; margin-left: -20px; margin-bottom: 11px; width: 40px; } .mdb-range-block .mdb-value { position: absolute; top: 10px; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 16px; font-weight: 700; color: #fff; z-index: 1; background-color: transparent; } .mdb-range-block .mdb-value-input { top: 10px; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 16px; font-weight: 700; color: #fff; } .mdb-range-block .mdb-drop { box-sizing: content-box; width: 40px; height: 40px; border-radius: 80% 0% 55% 50% / 55% 0% 80% 50%; background: #0e76bc; -webkit-transform: rotateZ(135deg); -ms-transform: rotateZ(135deg); transform: rotateZ(135deg); } .mdb-range-block .mdb-input-box { position: relative; margin: 0 -22.5px 0 -22px; /*height: 60px;*/ } .mdb-range-block input[type=range] { -webkit-appearance: none; margin: 0 12px; /*width: $track-width;*/ display: block; padding: 10px 0; width: calc(100% - 24px); cursor: pointer; /*height: 44px;*/ /*height: 30px;*/ } .mdb-range-block input[type=range]:focus { outline: none; } .mdb-range-block input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 3px; cursor: pointer; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); background: #e2e2e2; border: 0px solid #000; border-radius: 0px; } .mdb-range-block input[type=range]::-webkit-slider-thumb { position: relative; height: 20px; width: 20px; border-radius: 100%; background: #0e76bc; cursor: pointer; z-index: 1; -webkit-appearance: none; margin-top: -8.5px; } .mdb-range-block input[type=range]::-webkit-slider-thumb:active, .mdb-range-block input[type=range]::-webkit-slider-thumb:focus { border: 3px solid rgba(255, 255, 255, 0.5); } .mdb-range-block input[type=range]:focus::-webkit-slider-runnable-track { background: #e2e2e2; } .mdb-range-block input[type=range]::-moz-range-track { width: 100%; height: 3px; cursor: pointer; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); background: #e2e2e2; border: 0px solid #000; border-radius: 0px; } .mdb-range-block input[type=range]::-moz-range-thumb { position: relative; height: 20px; width: 20px; border-radius: 100%; background: #0e76bc; cursor: pointer; z-index: 1; } .mdb-range-block input[type=range]::-moz-range-thumb:active, .mdb-range-block input[type=range]::-moz-range-thumb:focus { border: 3px solid rgba(255, 255, 255, 0.5); } .mdb-range-block input[type=range]::-ms-track { width: 100%; height: 3px; cursor: pointer; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); background: transparent; border-color: transparent; border-width: 20px 0; color: transparent; } .mdb-range-block input[type=range]::-ms-fill-lower { background: #e2e2e2; border: 0px solid #000; border-radius: 0px; } .mdb-range-block input[type=range]::-ms-fill-upper { background: #e2e2e2; border: 0px solid #000; border-radius: 0px; } .mdb-range-block input[type=range]::-ms-thumb { position: relative; height: 20px; width: 20px; border-radius: 100%; background: #0e76bc; cursor: pointer; z-index: 1; } .mdb-range-block input[type=range]::-ms-thumb:active, .mdb-range-block input[type=range]::-ms-thumb:focus { border: 3px solid rgba(255, 255, 255, 0.5); } .mdb-range-block input[type=range]:focus::-ms-fill-lower { background: #e2e2e2; } .mdb-range-block input[type=range]:focus::-ms-fill-upper { background: #e2e2e2; } .mdb-range-block .mdb-bar { position: absolute; bottom: 50%; left: 0; margin: 0 0 -2.5px; height: 5px; background: #0e76bc; z-index: 0; } .mdb-range-block .mdb-bar[data-value='0'] .mdb-bar { margin-right: 25px; width: calc(0% - 20px / (100/0)); } .mdb-range-block .mdb-bar[data-value='1'] .mdb-bar { margin-right: 25px; width: calc(1% - 20px / (100/1)); } .mdb-range-block .mdb-bar[data-value='2'] .mdb-bar { margin-right: 25px; width: calc(2% - 20px / (100/2)); } .mdb-range-block .mdb-bar[data-value='3'] .mdb-bar { margin-right: 25px; width: calc(3% - 20px / (100/3)); } .mdb-range-block .mdb-bar[data-value='4'] .mdb-bar { margin-right: 25px; width: calc(4% - 20px / (100/4)); } .mdb-range-block .mdb-bar[data-value='5'] .mdb-bar { margin-right: 25px; width: calc(5% - 20px / (100/5)); } .mdb-range-block .mdb-bar[data-value='6'] .mdb-bar { margin-right: 25px; width: calc(6% - 20px / (100/6)); } .mdb-range-block .mdb-bar[data-value='7'] .mdb-bar { margin-right: 25px; width: calc(7% - 20px / (100/7)); } .mdb-range-block .mdb-bar[data-value='8'] .mdb-bar { margin-right: 25px; width: calc(8% - 20px / (100/8)); } .mdb-range-block .mdb-bar[data-value='9'] .mdb-bar { margin-right: 25px; width: calc(9% - 20px / (100/9)); } .mdb-range-block .mdb-bar[data-value='10'] .mdb-bar { margin-right: 25px; width: calc(10% - 20px / (100/10)); } /*END - mdb range*/ /* ICONNED UPLOAD BOX */ .list-icon-box { margin: -15px auto 15px; text-align: center; } .list-icon-box > li { margin-top: 15px; padding: 0 7px; } .list-icon-box > li > .icon-box { margin: 0; display: block; } .icon-box { cursor: pointer; display: inline-block; margin: 10px; width: 110px; min-height: 100px; padding: 10px; color: #0e76bc; font-size: 14px; font-weight: 600; text-align: center; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.13), 0 1px 3px rgba(0, 0, 0, 0.22); } .icon-box input { display: none; } .icon-box .ft { display: block; min-height: 60px; font-size: 40px; line-height: 60px; color: #777777; } /* END - ICONNED UPLOAD BOX */ /* drop-block - starts */ .mdb-drop-block { position: relative; overflow: hidden; text-align: center; border: 1px dashed #b8b8b8; /*show-related-items class will come only combination with mdb-drop-block and their related items come inside separate form-control-static class*/ } .form-control-static .mdb-drop-block.show-related-items { margin-bottom: 6px; } .mdb-drop-block > .db-area { padding: 15px; min-height: 238px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .db-nopad.mdb-drop-block > .db-area { padding: 0; } .db-nopad.mdb-drop-block > .db-area .db-list-btn { margin-bottom: 10px; } .mdb-drop-block.db-mini > .db-area { min-height: 138px; } .mdb-drop-block.db-mini .db-icon { font-size: 50px; } .mdb-drop-block .db-img-uploaded { position: relative; } .mdb-drop-block .db-img-uploaded > img { max-height: 240px; } .mdb-drop-block .db-img-uploaded > img.img-responsive { min-height: 240px; width: 100%; } .mdb-drop-block .db-icon { margin-bottom: 10px; color: #bababa; font-size: 100px; line-height: 0.75; } .mdb-drop-block .db-icon .ft { font-size: inherit; line-height: inherit; vertical-align: top; } .mdb-drop-block .db-description { font-size: 18px; line-height: 1.42857143; color: #777777; } .mdb-drop-block .db-description > a, .mdb-drop-block .db-description > [role=button] { font-weight: 600; } .mdb-drop-block .db-description .help-block { font-size: 14px; color: #bababa; } .mdb-drop-block .db-list-btn { margin: 0; } .mdb-drop-block .db-list-btn > li { padding-top: 5px; vertical-align: top; } .mdb-drop-block .db-list-btn > li > .btn-has-icon { vertical-align: top; } .mdb-drop-block .db-list-btn > li > .btn-has-icon > .ft { vertical-align: middle; color: #777777; } /* drop-block - ends */ /* * SEARCH BAR */ .search-block { margin-bottom: 15px; } .search-block .search-bottom { display: block !important; margin-top: 10px; padding: 0 12px; } .search-block .search-bottom .bottom-text { font-size: 14px; color: #404040; margin-right: 5px; } .search-block .search-bottom .chip { margin-bottom: 5px; } .search-block .search-bottom .ft-chevron-right { vertical-align: middle; font-size: 14px; color: #777777; } .search-block .search-bottom .filter-collapse .chip { margin-top: 10px; } .row-v .search-block { margin-bottom: 0; } @media only screen and (min-width: 768px) { .search-block { margin-bottom: 20px; } .panel .search-block { margin-bottom: 30px; } .search-block .search-bottom { padding: 0 20px; } .search-block .search-bottom .bottom-text { font-size: 14px; margin-right: 10px; } .row-v-gutters .search-block { margin-bottom: 0; } } .mdb-search-bar .custom-scroll { max-height: 320px; } .mdb-search-bar .search-panel .dropdown-menu > li > a { clear: both; position: relative; display: block; padding-left: 30px; font-weight: 400; text-align: left; white-space: nowrap; } .mdb-search-bar .search-panel .dropdown-menu > li.active > a:before { content: ""; position: absolute; top: 40%; left: 10px; z-index: 1; height: 8px; width: 16px; border: 2px solid #4caf50; border-top-style: none; border-right-style: none; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); } .mdb-search-bar > .input-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; border-radius: 50px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .mdb-search-bar > .input-group > .input-group-btn { display: block; width: auto; width: initial; /*display: block; width: auto;*/ } .mdb-search-bar > .input-group > .input-group-btn .btn { margin-right: 0; border-radius: 50px 0 0 50px; text-transform: capitalize; } .mdb-search-bar > .input-group > .input-group-btn .btn .caret { border-width: 5px 5px 0; margin-left: 4px; } .mdb-search-bar > .input-group > .input-group-btn:last-child .btn, .mdb-search-bar > .input-group > .input-group-btn:last-child .btn:hover, .mdb-search-bar > .input-group > .input-group-btn:last-child .btn:focus { color: #0e76bc; background: #fff; border-color: #fff; } .mdb-search-bar > .input-group > .input-group-btn:last-child .btn { height: 36px; padding: 5px 10px 5px 5px; border-color: transparent; border-radius: 0 50px 50px 0; } .mdb-search-bar > .input-group > .input-group-btn:last-child .btn:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(14, 118, 188, 0.5); box-shadow: 0 0 0 0.2rem rgba(14, 118, 188, 0.5); } .mdb-search-bar > .input-group > .input-group-btn.open .btn .caret { border-top-width: 0; border-bottom: 5px dashed #FFF; } .mdb-search-bar > .input-group .form-control { display: block; width: 0; min-width: 0; height: 36px; padding-right: 0; border-width: 0; background: #fff; color: #404040; -webkit-box-shadow: none; box-shadow: none; border-radius: 50px; } .mdb-search-bar > .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 50px; } .mdb-search-bar > .input-group .form-control::-webkit-input-placeholder { color: #a1a1a1; } .mdb-search-bar > .input-group .form-control::-moz-placeholder { color: #a1a1a1; } .mdb-search-bar > .input-group .form-control:-ms-input-placeholder { color: #a1a1a1; } .mdb-search-bar > .input-group .form-control:-moz-placeholder { color: #a1a1a1; } .mdb-search-bar > .input-group ~ .btn { margin-left: 10px; } @media only screen and (min-width: 768px) { .mdb-search-bar > .input-group .form-control { padding-left: 20px; padding-right: 10px; font-size: 16px; height: 42px; } .mdb-search-bar > .input-group > .input-group-btn:first-child .btn, .mdb-search-bar > .input-group > .input-group-btn:last-child .btn { font-size: 16px; height: 42px; } .mdb-search-bar > .input-group > .input-group-btn:first-child .btn { padding-left: 36px; } .mdb-search-bar > .input-group > .input-group-btn:last-child .btn { padding-right: 20px; } .mdb-search-bar > .input-group > .input-group-btn .btn .caret { margin-left: 10px; } .mdb-search-bar .dropdown-menu { min-width: 320px; } } @media only screen and (min-width: 992px) { .mdb-search-bar .dropdown-menu li > a { font-size: 16px; padding: 15px 20px 15px 50px; } .mdb-search-bar .dropdown-menu li.active > a:before { left: 15px; height: 10px; width: 20px; } .mdb-search-bar .open .dropdown-menu { max-height: 370px; } } @media only screen and (max-width: 767px) { .mdb-search-bar > .input-group ~ .btn { width: 30px; height: 36px; line-height: 32px; } } .search-panel .dropdown-menu { overflow-y: auto; } .search-panel.open .dropdown-menu { max-height: 256px; } .search-widget { position: relative; } .search-widget .search-wrapper { position: absolute; padding: 10px; top: 2px; right: 45px; z-index: 1; } .search-widget .search-wrapper.active { right: -8px; } .search-widget .search-wrapper.active .input-holder { background: rgba(0, 0, 0, 0.8); } .search-widget .search-wrapper .close { top: 23px; } /* * END - SEARCH BAR */ .map-search-wrapper, .search-wrapper { position: relative; overflow: hidden; } .map-search-wrapper .input-holder, .search-wrapper .input-holder { position: relative; width: 44px; height: 44px; background: rgba(255, 255, 255, 0); overflow: hidden; -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.13); border-radius: 22px; } .map-search-wrapper .input-holder .search-input, .search-wrapper .input-holder .search-input { width: 100%; height: 36px; padding: 0px 44px 0 11px; opacity: 0; position: absolute; top: 0px; left: 0px; background: transparent; border: none; outline: none; font-size: 16px; font-weight: 400; line-height: 20px; color: #FFF; -webkit-transform: translate(0, 60px); -ms-transform: translate(0, 60px); transform: translate(0, 60px); -webkit-transition: all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57); -o-transition: all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57); transition: all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57); -webkit-transition-delay: transition-delay(0.3s); -o-transition-delay: transition-delay(0.3s); transition-delay: transition-delay(0.3s); } .map-search-wrapper .input-holder .search-input::-webkit-input-placeholder, .search-wrapper .input-holder .search-input::-webkit-input-placeholder { color: #AEAEAE; } .map-search-wrapper .input-holder .search-input::-moz-placeholder, .search-wrapper .input-holder .search-input::-moz-placeholder { color: #AEAEAE; } .map-search-wrapper .input-holder .search-input:-ms-input-placeholder, .search-wrapper .input-holder .search-input:-ms-input-placeholder { color: #AEAEAE; } .map-search-wrapper .input-holder .search-input:-moz-placeholder, .search-wrapper .input-holder .search-input:-moz-placeholder { color: #AEAEAE; } .map-search-wrapper .input-holder .search-icon, .search-wrapper .input-holder .search-icon { position: relative; width: 44px; height: 44px; border: none; color: #FFF; background: #0e76bc; padding: 0px; outline: none; z-index: 2; float: right; cursor: pointer; border-radius: 22px; } .map-search-wrapper .input-holder .search-icon span, .search-wrapper .input-holder .search-icon span { width: 22px; height: 22px; display: inline-block; vertical-align: middle; position: relative; -webkit-transition: all 0.3s cubic-bezier(0.65, -0.6, 0.24, 1.65); -o-transition: all 0.3s cubic-bezier(0.65, -0.6, 0.24, 1.65); transition: all 0.3s cubic-bezier(0.65, -0.6, 0.24, 1.65); } .map-search-wrapper .close, .search-wrapper .close { position: absolute; z-index: 1; top: 20px; right: 15px; width: 24px; height: 24px; cursor: pointer; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all 0.3s cubic-bezier(0.285, -0.45, 0.935, 0.11); -o-transition: all 0.3s cubic-bezier(0.285, -0.45, 0.935, 0.11); transition: all 0.3s cubic-bezier(0.285, -0.45, 0.935, 0.11); -webkit-transition-delay: transition-delay(0.2s); -o-transition-delay: transition-delay(0.2s); transition-delay: transition-delay(0.2s); } .map-search-wrapper.active .input-holder, .search-wrapper.active .input-holder { margin-right: 28px; border-radius: 22px; width: 240px; background: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); -o-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); } .map-search-wrapper.active .input-holder .search-input, .search-wrapper.active .input-holder .search-input { opacity: 1; -webkit-transform: translate(0, 4px); -ms-transform: translate(0, 4px); transform: translate(0, 4px); } .map-search-wrapper.active .input-holder .search-icon, .search-wrapper.active .input-holder .search-icon { width: 36px; height: 36px; margin: 4px; border-radius: 30px; } .map-search-wrapper.active .close, .search-wrapper.active .close { right: 10px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); -o-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); -webkit-transition-delay: transition-delay(0.5s); -o-transition-delay: transition-delay(0.5s); transition-delay: transition-delay(0.5s); } @media (min-width: 768px) { .map-search-wrapper.active .input-holder, .search-wrapper.active .input-holder { margin-right: 44px; width: 320px; } } /* * CHIPS */ .chip { max-width: 100%; margin-bottom: 15px; background-color: #e0e0e0; color: #404040; font-size: 12px; line-height: 32px; border-radius: 18px; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; -webkit-transition: background 0.3s ease-in, color 0.3s ease-out; -o-transition: background 0.3s ease-in, color 0.3s ease-out; transition: background 0.3s ease-in, color 0.3s ease-out; } .chip-group { margin: -15px auto 15px; } .chip-group .chip { margin: 15px 0 0; } .collapse .chip-group, .collapsing .chip-group { margin: 0 0; } .chip .ft { vertical-align: top; line-height: inherit; } .chip .chip-text { display: block; padding: 0 12px; } .chip .chip-remove { margin: 0 4px 0 -8px; display: block; width: 24px; height: 24px; line-height: 24px; color: #777; } .chip .chip-remove .ft { font-size: 20px; line-height: inherit; } .chip:hover { color: #fff; background-color: #777; } .chip:hover .chip-remove { color: inherit; } .chip:not(:last-child) { margin-right: 6px; } .chip.chip-primary { color: #fff; background: #0e76bc; } .chip.chip-disabled { color: #777777; background: transparent; border: 1px dashed #777; opacity: 0.6; } .chip.chip-disabled .chip-remove { color: #d1cfcf; } .chip.fixed-width { vertical-align: middle; white-space: nowrap; max-width: 140px; overflow: hidden; } /* * END - CHIPS */ .content-block, .content-block-nopad, .content-block-pad-md { position: relative; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); background-color: white; padding: 15px; margin-bottom: 20px; display: block; } .content-block[tabindex="0"]:focus, [tabindex="0"].content-block-nopad:focus, [tabindex="0"].content-block-pad-md:focus { outline: none; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 0 3px 2px #4a98cd; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 0 3px 2px #4a98cd; } .content-block:last-child, .content-block-nopad:last-child, .content-block-pad-md:last-child { margin-bottom: 0; } .row-v-gutters > [class*="col"] > .content-block, .row-v-gutters > [class*="col"] > .content-block-nopad, .row-v-gutters > [class*="col"] > .content-block-pad-md, .row-v-gutters-sm > [class*="col"] > .content-block, .row-v-gutters-sm > [class*="col"] > .content-block-nopad, .row-v-gutters-sm > [class*="col"] > .content-block-pad-md { margin-bottom: 0; } .content-block.affix-top, .affix-top.content-block-nopad, .affix-top.content-block-pad-md { z-index: 1039; position: fixed !important; top: 100px; left: 0; right: 0; -webkit-transition: top 0.3s ease-in-out, left 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out, left 0.3s ease-in-out; transition: top 0.3s ease-in-out, left 0.3s ease-in-out; } .header--hidden ~ .content-wrapper .content-block.affix-top, .header--hidden ~ .content-wrapper .affix-top.content-block-nopad, .header--hidden ~ .content-wrapper .affix-top.content-block-pad-md, .header--hidden ~ .application-host .content-wrapper .content-block.affix-top, .header--hidden ~ .application-host .content-wrapper .affix-top.content-block-nopad, .header--hidden ~ .application-host .content-wrapper .affix-top.content-block-pad-md { top: 50px; } .content-block-group { margin-bottom: 20px; } .content-block-group .content-block, .content-block-group .content-block-nopad, .content-block-group .content-block-pad-md { margin-bottom: 0; } .content-block-group .content-block + .content-block, .content-block-group .content-block-nopad + .content-block, .content-block-group .content-block-pad-md + .content-block, .content-block-group .content-block + .content-block-nopad, .content-block-group .content-block-nopad + .content-block-nopad, .content-block-group .content-block-pad-md + .content-block-nopad, .content-block-group .content-block + .content-block-pad-md, .content-block-group .content-block-nopad + .content-block-pad-md, .content-block-group .content-block-pad-md + .content-block-pad-md { margin-top: 10px; } .content-block-group:last-child { margin-bottom: 0; } .content-block .content-block, .content-block-nopad .content-block, .content-block-pad-md .content-block, .content-block .content-block-nopad, .content-block-nopad .content-block-nopad, .content-block-pad-md .content-block-nopad, .content-block .content-block-pad-md, .content-block-nopad .content-block-pad-md, .content-block-pad-md .content-block-pad-md { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; margin-bottom: 0; } .mdb-table .content-block, .mdb-table .content-block-nopad, .mdb-table .content-block-pad-md, .modal .content-block, .modal .content-block-nopad, .modal .content-block-pad-md, .content-block .mdb-step, .content-block-nopad .mdb-step, .content-block-pad-md .mdb-step { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .content-block.content-block-flex-100p, .content-block-flex-100p.content-block-nopad, .content-block-flex-100p.content-block-pad-md { height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .preview-email { display: block; margin: 0 auto 30px; width: 100%; border: 2px solid #0e76bc; } @media (min-width: 768px) { .preview-email { width: 645px; } } .text-status { font-size: 14px; font-weight: 600; } .card-block .text-status { font-weight: 400; margin-top: 5px; color: #777777; } .text-status > .ft { vertical-align: middle; font-size: 24px; } .text-status > .ft:first-child:not(:last-child) { margin-right: 5px; } .text-status span { vertical-align: middle; } .badge-holder { display: inline-block; max-width: 40px; max-height: 40px; vertical-align: middle; } .badge-holder:not(:last-child) { margin-right: 5px; } .badge-holder > img { max-height: inherit; max-width: inherit; } /*blocks*/ .container-full { margin: 0 auto; width: 100%; } .content-block-wrap { margin-bottom: 30px; } .content-block-nopad { padding: 0; } @media (min-width: 768px) { .content-block, .content-block-nopad, .content-block-pad-md { padding: 20px; margin-bottom: 30px; } .row-v-gutters > [class*="col"] > .content-block, .row-v-gutters > [class*="col"] > .content-block-nopad, .row-v-gutters > [class*="col"] > .content-block-pad-md, .row-v-gutters-sm > [class*="col"] > .content-block, .row-v-gutters-sm > [class*="col"] > .content-block-nopad, .row-v-gutters-sm > [class*="col"] > .content-block-pad-md { margin-bottom: 0; } .content-block-pad-md { padding: 15px; margin-bottom: 15px; } .content-block-pad-sm { padding: 10px; margin-bottom: 30px; } .content-block-nopad { padding: 0; margin-bottom: 30px; } } @media (min-width: 992px) { .content-block.affix-top, .affix-top.content-block-nopad, .affix-top.content-block-pad-md { top: 50px; left: 230px; width: calc(100% - 230px); } .sidebar-collapse .content-block.affix-top, .sidebar-collapse .affix-top.content-block-nopad, .sidebar-collapse .affix-top.content-block-pad-md { left: 54px; width: calc(100% - 54px); } } .display-block { border: 1px solid rgba(0, 0, 0, 0.2); padding: 15px; background-color: #fcfcfc; margin-bottom: 10px; } .display-block.mob-row-collapse { padding: 0; } .display-block.mob-row-collapse .display-mob-head[role=button][data-toggle="collapse"] .display-tools .ft-plus-circle-o:before { content: '\e017'; } .display-block.mob-row-collapse .display-mob-head[role=button][data-toggle="collapse"].collapsed .display-tools .ft-plus-circle-o:before { content: '\e013'; } .display-block.mob-row-collapse .multi-column { padding: 15px; } .display-block .display-mob-head { display: table; padding: 15px; width: 100%; } .display-block .display-mob-head .display-head { display: table-cell; vertical-align: middle; } .display-block .display-mob-head .display-tools { display: table-cell; text-align: right; vertical-align: middle; } .display-mob-head[data-toggle="collapse"].collapsed { border-bottom: none; } .display-mob-head[data-toggle="collapse"]:not(.collapsed) { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } @media only screen and (min-width: 768px) { .display-block .display-mob-head { display: none; } } .block-toggle { position: relative; padding: 15px; } .block-has-toggle > .block-toggle { /*margin-bottom: $btn_size + 15px;*/ } .block-has-toggle > .block-toggle > .row-v > [class*=col] { padding: 20px 15px 25px; } .toggle-nontouch > .block-toggle > .row-v > [class*=col] { padding: 15px; } .toggle-nontouch > .block-toggle > [data-toggle="collapse"] { display: none; } .toggle-nontouch > .block-toggle > [data-toggle="collapse"] + .collapse { display: block; height: auto !important; } .block-toggle hr { margin: 15px -15px; } .block-toggle .center-aligner, .block-toggle .template-info, .block-toggle .content-block.content-card, .block-toggle .content-card.content-block-nopad, .block-toggle .content-card.content-block-pad-md { background: #f5f5f5; text-align: center; } .block-toggle > [data-toggle="collapse"] { position: relative; margin: -25px auto -15px; display: block; height: 25px; width: 100px; overflow: hidden; } .block-toggle > [data-toggle="collapse"] > span { position: relative; top: 11px; z-index: 10; display: block; padding: 5px; height: 70px; width: 70px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); transform-origin: 50px 50px; border-top-left-radius: 25px; color: #fff; background-color: #0e76bc; } .block-toggle > [data-toggle="collapse"] > span > .ft { -webkit-transform: rotate(-45deg) translateY(4px); -ms-transform: rotate(-45deg) translateY(4px); transform: rotate(-45deg) translateY(4px); } .block-toggle > [data-toggle="collapse"] > span > .ft.ft-chevron-down:before { content: "\e00b"; } .block-toggle > [data-toggle="collapse"].collapsed > span > .ft-chevron-down:before { content: '\e008'; } .block-toggle .rating-title { font-weight: 600; font-size: 14px; } @media only screen and (min-width: 768px) { .block-has-toggle.toggle-nontouch > .block-toggle > .row-v > [class*=col] { padding: 20px 15px 25px; } .block-has-toggle.toggle-nontouch > .block-toggle > [data-toggle="collapse"] { display: block; } .block-has-toggle.toggle-nontouch > .block-toggle > [data-toggle="collapse"] + .collapse { display: none; } .block-has-toggle.toggle-nontouch > .block-toggle > [data-toggle="collapse"] + .collapse.in { display: block; } } @media only screen and (max-width: 767px) { .block-has-toggle .rating-title.top-space { margin-top: 15px; } } /*@media (min-width: 992px) { .content-block-wrap { margin-bottom: 40px; } }*/ .object-right-top { position: absolute; top: 5px; right: 5px; } .object-right-top .text-sm { font-size: 12px; } .object-right-top .text-secondary-md { color: #777777; font-size: 14px; font-weight: 600; } .object-right-top .text-secondary-md + .badge { margin-left: 5px; } .time-block { position: relative; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); background-color: white; padding: 10px; margin: 10px; } .time-block .text-head { font-size: 18px; color: #0e76bc; font-weight: 600; } .time-block .text-data-primary { font-size: 14px; color: #404040; font-weight: 600; } .time-block .text-data-secondary { font-size: 14px; color: #777777; font-weight: 500; } .time-block.selected { background-color: #0e76bc; } .time-block.selected .text-head { color: white; } .time-block.selected .text-data-primary { color: white; } .time-block.selected .text-data-secondary { color: white; } .content-head { color: #0e76bc; font-size: 18px; line-height: 1.5; font-weight: 700; text-align: center; text-transform: uppercase; margin: 0 0 20px; } .content-inner-head { color: #0e76bc; font-size: 16px; font-weight: 700; text-transform: uppercase; margin: 0 0 20px; } .content-inner-head-wrap .content-head { text-align: center; margin-bottom: 0; } @media only screen and (min-width: 768px) { .content-head { font-size: 24px; margin-bottom: 20px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .page-nav ~ .content-head { padding-left: 60px; padding-right: 60px; } .content-inner-head { font-size: 22px; margin-bottom: 30px; } .content-inner-head-wrap .content-head { text-align: right; } } .head-wrap-sm { position: relative; margin-bottom: 10px; } .head-wrap { position: relative; margin-bottom: 20px; text-align: center; } .head-wrap:after { content: ''; display: table; clear: both; } .head-wrap .page-nav.nav-prev { /*position: absolute;*/ top: 0; left: 0; } .head-wrap .content-sub-head { color: #777777; background: transparent !important; font-size: 14px; line-height: 1.62; font-weight: 600; text-align: center; } .head-wrap .content-sub-head:last-child { margin-bottom: 0; } .head-wrap .content-sub-head ul.list-users { display: inline-block; margin-bottom: 0; margin-top: 5px; } .head-wrap .content-sub-head ul.list-users > li { padding: 0 0 5px 5px; } .head-wrap .content-sub-head * { vertical-align: middle; } .head-wrap .content-sub-head .d-inline-block + .ft { margin-left: 5px; } .head-wrap .content-sub-head .d-inline-block.dropdown .ft { font-size: 16px; vertical-align: baseline; } .head-wrap .content-head { clear: both; margin-bottom: 0 !important; } .head-wrap .content-head + .content-head-user-info { margin-top: 10px !important; } .head-wrap .content-head + .content-sub-head { margin-top: 0 !important; } .head-wrap .content-head + .content-head-md, .head-wrap .content-head + .content-head-md-secondary { /*margin-top: 10px !important;*/ } .head-wrap .content-head + .content-head-md + .content-head-md, .head-wrap .content-head + .content-head-md-secondary + .content-head-md, .head-wrap .content-head + .content-head-md + .content-head-md-secondary, .head-wrap .content-head + .content-head-md-secondary + .content-head-md-secondary { /*margin-top: 10px !important;*/ } .head-wrap .content-head + .content-head-md .form-control-static, .head-wrap .content-head + .content-head-md-secondary .form-control-static { display: inline; } .head-wrap .content-head + .nav-pills-wrap { margin-top: 10px !important; } .head-wrap .content-inner-head { text-align: center; margin-bottom: 10px; } .head-wrap .content-head-md, .head-wrap .content-head-md-secondary { margin: 0; text-align: center; font-size: 14px; line-height: 1.62; font-weight: 400; color: #404040; } .head-wrap .content-head-md-secondary { color: #777777; } .head-wrap .content-head-sm { margin: 10px 0; text-align: center; font-size: 14px; line-height: 1.62; font-weight: 600; } .head-wrap .SumoSelect { display: inline-block; width: auto; vertical-align: middle; min-width: 250px; max-width: 100%; } .head-wrap .content-head-user-info { margin: 0 auto; width: 300px; } .head-wrap .content-head-user-info .multi-column .column-right { padding-left: 10px; } .head-wrap .content-head-dropdown, .head-wrap .owl-carousel { margin-top: 10px; } .head-wrap .content-head-dropdown { text-align: center; } .head-wrap .content-head-dropdown.form-group { margin-bottom: 0; } .head-wrap .list-status { margin-top: 10px; margin-bottom: 0; font-size: 12px; } .head-wrap .progress-group { margin: auto; max-width: 600px; text-align: center; } .head-wrap .progress-group:not(:first-child) { margin-top: 15px; } .modal .head-wrap .content-modal-head { clear: both; margin-bottom: 0 !important; } .modal .head-wrap .content-modal-head + .content-modal-head-list { margin-top: 30px !important; } .modal .head-wrap .content-modal-head + .content-modal-sub-head { margin-top: 0 !important; } .modal .head-wrap .content-modal-sub-head + .content-modal-head-list { margin-top: 30px !important; } .modal .head-wrap .content-modal-sub-head + .content-modal-info-elt { margin-top: 5px !important; } .modal .head-wrap .content-modal-sub-head.md { font-size: 18px; } .modal .head-wrap .content-modal-sub-head.sm { font-size: 16px; font-weight: 400; } @media only screen and (min-width: 768px) { .modal .head-wrap .content-modal-sub-head.md { font-size: 20px; } .modal .head-wrap .content-modal-sub-head.sm { font-size: 18px; font-weight: 400; } } .modal-box .head-wrap .content-modal-head { margin-top: 0; } .head-wrap-item-right { position: relative; right: 0; top: 0; text-align: center; margin-top: 25px; } .head-wrap-item-right .ft { color: #0e76bc; font-size: 40px; vertical-align: top; /*margin-top: 5px;*/ } .head-wrap-item-right .ft + .data-item { /*margin-top: 5px;*/ } .head-wrap-item-right .icon-item .icon .ft { color: #777777; } .head-wrap-item-right .data-item { font-size: 14px; font-weight: 600; color: #404040; } @media only screen and (min-width: 768px) { .head-wrap .content-sub-head { font-size: 18px !important; } .head-wrap .page-nav { position: absolute; top: 0; right: 0; } .head-wrap .page-nav.nav-prev { left: 0; right: auto; } } @media only screen and (min-width: 992px) { .head-wrap .content-inner-head { margin-bottom: 15px; } .head-wrap .switch-view { position: absolute; top: -6px; right: 0; } .head-wrap .page-nav { line-height: 26px; } .head-wrap.sis-head-wrap .content-head { margin-bottom: 10px; } .head-wrap-item-right { position: absolute; margin-top: 0; } .head-wrap-item-right .ft { color: #0e76bc; font-size: 34px; } } @media only screen and (min-width: 992px) { .head-wrap .content-head { clear: none; margin-bottom: 20px; } .head-wrap .content-modal-head { clear: none; /*margin-bottom: 20px;*/ } .head-wrap .content-modal-head + .content-modal-sub-head { margin-top: 0; } .head-wrap .content-modal-sub-head { margin-bottom: 0px; } .head-wrap .content-head-md, .head-wrap .content-head-md-secondary { font-size: 18px; } .head-wrap .content-head-sm { font-size: 16px; } .head-wrap .btn-link { position: absolute; left: 0; top: -6px; } .head-wrap-item-right .ft { color: #0e76bc; font-size: 40px; vertical-align: unset; /*margin-top: 5px;*/ /*& + .data-item { margin-top: 5px; }*/ } .head-wrap-item-right .data-item { font-size: 16px; } } .info-block-container { margin-bottom: 20px; padding: 15px; background: #ffffff; border-radius: 15px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } @media only screen and (min-width: 1200px) { .info-block-container { padding: 25px 20px; } } .dashboard-widget-row { /*transform head and text*/ /*transform head and text*/ } .dashboard-widget-row + .dashboard-widget-row { /*border-top: 1px solid #efefef; padding-top: 10px;*/ padding-top: 5px; } .dashboard-widget-row .media-left .media-object { width: 50px; } .dashboard-widget-row .widget-title { font-size: 16px; line-height: 1.62; font-weight: 600; color: #0e76bc; /*line-height: 25px;*/ } .dashboard-widget-row .widget-head, .dashboard-widget-row .widget-subhead { font-size: 16px; font-weight: 600; color: #404040; margin-bottom: 5px; } .dashboard-widget-row .widget-data { font-size: 14px; line-height: 1.62; font-weight: 500; color: #404040; line-height: 25px; } .dashboard-widget-row .widget-text { font-size: 14px; line-height: 1.62; font-weight: 600; color: #404040; line-height: 25px; } .dashboard-widget-row .widget-text.light { color: #777777; } .dashboard-widget-row .media-body { /*start- dashboard styles*/ } .dashboard-widget-row .media-body .cert-title { margin-bottom: 5px; font-size: 16px; font-weight: 600; text-transform: capitalize; color: #404040; } .dashboard-widget-row .media-body .cert-validity { margin-bottom: 10px; font-size: 14px; color: #777777; } .dashboard-widget-row .media-body .cert-status [class^="text-"] { margin-right: 8px; } .dashboard-widget-row .media-body .cert-status [class^="text-"] .ft { vertical-align: middle; margin-right: 4px; } .dashboard-widget-row .media-body .img-sm { width: 40px; height: 40px; } .dashboard-widget-row .media-body .widget-title { font-size: 16px; line-height: 1.62; font-weight: 600; color: #0e76bc; } .dashboard-widget-row .media-body .widget-title + .widget-status { margin-top: 5px; } .dashboard-widget-row .media-body .widget-head, .dashboard-widget-row .media-body .widget-subhead { font-size: 16px; font-weight: 600; color: #404040; margin-bottom: 5px; } .dashboard-widget-row .media-body .widget-data { font-size: 14px; font-weight: 400; color: #404040; line-height: 20px; } .dashboard-widget-row .media-body .widget-status:not(:last-child) { margin-bottom: 5px; } .dashboard-widget-row .media-body .widget-text { font-size: 14px; line-height: 1.62; font-weight: 600; color: #404040; line-height: 25px; } .dashboard-widget-row .media-body .widget-text.light { color: #777777; } .dashboard-widget-row .media-body .right-info { margin-top: -28px; float: right; } @media only screen and (max-width: 500px) { .dashboard-widget-row .media-body .right-info { margin-top: 5px; float: left; } } /* Reports Block */ .report-block-wrap { max-width: 400px; } .report-block, .report-block-alt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; margin-top: 20px; padding: 10px 15px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .row-v-gutters > [class*="col"] > .report-block, .row-v-gutters > [class*="col"] > .report-block-alt, .row-v-gutters-lg > [class*="col"] > .report-block, .row-v-gutters-lg > [class*="col"] > .report-block-alt, .row-v-gutters-sm > [class*="col"] > .report-block, .row-v-gutters-sm > [class*="col"] > .report-block-alt { margin-top: 0; } .report-block .media-flex > .media-left, .report-block-alt .media-flex > .media-left, .report-block .media.media-flex-box > .media-left, .report-block-alt .media.media-flex-box > .media-left, .report-block .media.media-checkbox > .media-left, .report-block-alt .media.media-checkbox > .media-left, .report-block .media.media-input > .media-left, .report-block-alt .media.media-input > .media-left { padding-right: 20px; } .report-block .block-title, .report-block-alt .block-title { margin-bottom: 10px; color: #0e76bc; font-size: 16px; line-height: 1.5; font-weight: 600; text-align: center; } .report-block .block-heading, .report-block-alt .block-heading { margin-bottom: 10px; } .report-block .block-heading .block-title, .report-block-alt .block-heading .block-title { margin-bottom: 0; display: block; text-align: left; } .report-block .block-heading .block-icon, .report-block-alt .block-heading .block-icon { display: block; padding-left: 4px; text-align: right; } .report-block .block-heading .block-icon .ft, .report-block-alt .block-heading .block-icon .ft { vertical-align: middle; } .report-block .block-heading .checkbox, .report-block-alt .block-heading .checkbox { margin: 0; } .report-block .block-heading .checkbox > .custom-checkbox, .report-block-alt .block-heading .checkbox > .custom-checkbox { width: 20px; } .report-block .text-excerpt, .report-block-alt .text-excerpt { margin-bottom: 0px; color: #404040; } .report-block .block-desc, .report-block-alt .block-desc { color: #404040; font-size: 12px; margin-bottom: 20px; } .report-block .block-btn, .report-block-alt .block-btn { display: inline-block; white-space: nowrap; } .report-block .block-btn > .ft, .report-block-alt .block-btn > .ft { padding-right: 4px; vertical-align: middle; color: #777777; font-size: 30px; } .report-block .block-btn > span, .report-block-alt .block-btn > span { vertical-align: middle; font-size: 14px; font-weight: 600; } .report-block .mdb-ft-ul, .report-block-alt .mdb-ft-ul { -webkit-box-align: space-between; -ms-flex-align: space-between; align-items: space-between; margin-bottom: 5px; } .report-block .mdb-ft-ul > li, .report-block-alt .mdb-ft-ul > li { margin-bottom: 5px; font-size: 12px; } .report-block .block-body, .report-block-alt .block-body { /*@extend %flex-fill;*/ height: 100%; } .report-block .block-body .block-desc, .report-block-alt .block-body .block-desc, .report-block .block-body .text-excerpt, .report-block-alt .block-body .text-excerpt { min-height: 0; } .report-block .block-footer, .report-block-alt .block-footer { font-size: 14px; } @media (min-width: 768px) { .report-block .block-desc, .report-block-alt .block-desc { min-height: 76px; } .report-block .text-excerpt, .report-block-alt .text-excerpt { min-height: 44px; } .report-block .media-flex > .media-left, .report-block-alt .media-flex > .media-left, .report-block .media.media-flex-box > .media-left, .report-block-alt .media.media-flex-box > .media-left, .report-block .media.media-checkbox > .media-left, .report-block-alt .media.media-checkbox > .media-left, .report-block .media.media-input > .media-left, .report-block-alt .media.media-input > .media-left { padding-right: 30px; } .report-block .report-block-100p, .report-block-alt .report-block-100p { height: 100%; min-height: 125px; } } @media (min-width: 992px) { .report-block .block-desc, .report-block-alt .block-desc { min-height: 95px; } } @media (min-width: 1200px) { .report-block .block-desc, .report-block-alt .block-desc { min-height: 115px; } } @media (min-width: 1440px) { .report-block .block-desc, .report-block-alt .block-desc { min-height: 60px; } } .report-block-alt .block-heading { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } /* END - Reports Block */ .user-info .no-img { width: 110px; height: 110px; background-color: #e0e0e0; text-align: center; } .user-info .no-img i { color: #acacac; } .user-info .no-img .no-img-text { font-size: 12px; font-weight: 600; color: #777777; } .user-info .media-body { vertical-align: middle; } .user-info .media-left { padding-right: 20px; } .user-info .media-object { width: 110px; height: 110px; } .user-info .media-object.xs { width: 70px; height: 70px; } .user-info .media-object.sm { width: 90px; height: 90px; } .user-info .media-object.lg { width: 150px; height: 150px; } .user-info .user-info-head { font-size: 18px; font-weight: 600; color: #0e76bc; /*margin-bottom: 5px;*/ } .user-info .user-info-text { font-size: 16px; font-weight: 600; color: #404040; /*margin-bottom: 5px;*/ } .user-info .user-info-text i { margin-right: 10px; vertical-align: bottom; } .user-info .user-info-text.sm { font-size: 14px; font-weight: 600; color: #777777; } .user-info.org-info { display: table; margin: 0 auto 5px; } .user-info.org-info .media-left { padding-right: 5px; } .user-info.org-info .media-left, .user-info.org-info .media-body { width: auto; } .user-info.org-info .user-info-head { /*font-size: 20px;*/ } .user-info.org-info .user-info-text { font-weight: 400; color: #777777; } @media only screen and (max-width: 767px) { .user-info .media-left { display: block; padding: 0; } .user-info .media-left img { /*margin: 0 auto 20px;*/ margin: 0 auto; } .user-info .media-body { text-align: center; } } .widget-user-info { text-align: center; } .widget-user-info img { width: 100px; height: 100px; /*margin-bottom: 20px;*/ } .widget-user-info .user-info-head { font-size: 18px; font-weight: 600; color: #0e76bc; /*margin-bottom: 5px;*/ } .widget-user-info .user-info-text { font-size: 16px; font-weight: 600; color: #404040; /*margin-bottom: 5px;*/ } .widget-user-info .user-info-text.sm { font-size: 14px; font-weight: 600; color: #777777; } /*template-info view -start*/ .template-info .checkbox { position: absolute; left: 12px; top: 12px; margin: 0px; } .template-info .media { margin-top: 0px; } .template-info .media .media-left { padding-right: 20px; padding-left: 25px; } .template-info .media .media-body { vertical-align: middle; } .template-info .media .media-object { width: 110px; height: auto; object-fit: initial; object-position: initial; } @media only screen and (max-width: 767px) { .template-info .media-left { display: block; } .template-info .media-left img { margin: 0 auto 20px; } .template-info .media-body { text-align: center; } } /*template-info view -end*/ .obs-circle, .obs-square { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: bold; color: white; } .obs-circle + .data-text, .obs-square + .data-text { display: inline; margin-left: 5px; font-size: 16px; font-weight: 600; color: #404040; } .obs-circle.sm, .obs-square.sm { width: 35px; height: 35px; line-height: 35px; font-size: 16px; } .obs-info-rect { display: inline-block; border-radius: 2px; padding: 3px 12px; text-transform: uppercase; font-size: 14px; font-weight: 600; color: white; } .widget-rect { border-radius: 4px; padding: 3px 10px; text-transform: capitalize; font-size: 14px; font-weight: 400; color: white; min-width: 100px; text-align: center; } .alert-info-block { margin-bottom: 20px; } .alert-info-block .media-left { vertical-align: middle; } .alert-info-block .media-body { vertical-align: middle; } .alert-info-block .info-text { font-size: 14px; font-weight: 500; color: #404040; margin-left: 5px; } .alert-info-block .info-text a { text-decoration: none; color: #0e76bc; font-weight: 600; } @media only screen and (min-width: 768px) { /*.dashboard-info-block { margin-bottom: 0px; }*/ .alert-info-block .info-text { font-size: 16px; } } /* INFOBOX - starts */ .property-widget { margin-bottom: 30px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .property-widget .media { display: table; width: 100%; height: 150px; } .property-widget .media .media-left { height: 100%; padding-right: 0; } .property-widget .media .media-left .media-object { height: 100%; width: 150px; } .property-widget .media .media-body { padding: 15px 15px 15px 15px; } .property-widget .media .media-body .prop-category { margin-bottom: 1em; font-size: 12px; font-weight: 600; } .property-widget .media .media-body .prop-location { margin-bottom: 1em; color: #777777; font-size: 16px; font-weight: 600; } @media only screen and (min-width: 768px) { .property-widget .media .media-body .prop-location { min-height: 70px; } } /* * Certificate Widget */ .certificate-widget + .certificate-widget { border-top: 1px solid #efefef; padding-top: 10px; } .certificate-widget .media-left .media-object { width: 50px; } .certificate-widget .media-body .cert-title { margin-bottom: 5px; font-size: 16px; font-weight: 600; text-transform: capitalize; color: #404040; } .certificate-widget .media-body .cert-validity { margin-bottom: 10px; font-size: 14px; color: #777777; } .certificate-widget .media-body .cert-status [class^="text-"] { margin-right: 8px; } .certificate-widget .media-body .cert-status [class^="text-"] .ft { vertical-align: middle; margin-right: 4px; } /* * END - Certificate Widget */ .list-dashboard-wrap.fixed-height { max-height: 230px; } .panel > .panel-body .list-dashboard.media-list > .media:first-child { padding-top: 0; } .panel > .panel-body .list-dashboard.media-list > .media:last-child { padding-bottom: 0; } .list-dashboard.media-list { margin-bottom: 0; } .list-dashboard.media-list > .media { padding: 15px 0; } .list-dashboard.media-list > .media.media-team, .list-dashboard.media-list > .media.media-post { padding: 10px 0; } .list-dashboard.media-list > .media + .media { border-top: 1px solid #efefef; margin-top: 0; } .list-dashboard.list-dashboard-sm.media-list > .media { padding: 5px 0; } .list-jobs.media-list { margin-bottom: 0; } .list-jobs.media-list > .media { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .list-jobs.media-list > .media > .media-left > .media-object { height: 100%; min-height: 100px; width: 100px; background-color: #efefef; } .list-jobs.media-list > .media .media-right { padding: 10px; } .list-jobs.media-list > .media .media-body { padding: 10px 0; } .list-jobs.media-list > .media + .media { margin-top: 10px; } .list-observation.media-list > .media { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; padding: 0 10px; } .list-observation.media-list > .media > .media-left > .media-object { min-height: 70px; width: 70px; background-color: #efefef; } .list-observation.media-list > .media .media-right { padding: 10px; } .list-observation.media-list > .media .media-body { padding: 10px 0; } .list-observation.media-list > .media + .media { margin-top: 10px; } .list-section.media-list > .media { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; padding: 0 10px 0 0; } .list-section.media-list > .media[tabindex="0"]:focus { outline: none; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 0 3px 2px #4a98cd; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 0 3px 2px #4a98cd; } .list-section.media-list > .media > .media-left > .media-object { min-height: 70px; width: 100px; background-color: #efefef; height: 100%; } .list-section.media-list > .media .media-right { padding: 10px; } .list-section.media-list > .media .media-body { padding: 10px 0; } .list-section.media-list > .media + .media { margin-top: 10px; } @media (max-width: 767px) { .list-section.media-list > .media, .list-jobs.media-list > .media { padding: 0; } .list-section.media-list > .media > .media-left > .media-object, .list-jobs.media-list > .media > .media-left > .media-object { width: 100%; height: 140px; } .list-section.media-list > .media .media-body, .list-jobs.media-list > .media .media-body { padding: 0 10px 10px; } } .widget-job .wj-category, .widget-course .wj-category, .widget-job .wj-owner, .widget-course .wj-owner, .widget-job .wj-location, .widget-course .wj-location { font-size: 14px; font-weight: 400; color: #404040; } .widget-job .wj-sub-category, .widget-course .wj-sub-category { font-size: 12px; font-weight: 400; color: #777777; } .widget-job .wj-title, .widget-course .wj-title { font-size: 16px; font-weight: 600; color: #0e76bc; } .widget-job .wj-title + .wj-sub-category, .widget-course .wj-title + .wj-sub-category { line-height: 1; margin-bottom: 5px; } .widget-job .wj-badge-wrap, .widget-course .wj-badge-wrap { margin: 3px 0 15px; } .widget-course .wj-list-icons > li + li { margin-top: 0; } @media (min-width: 768px) { .list-section.media-list > .widget-course > .media-left { margin: 10px; } .list-section.media-list > .widget-course > .media-left > .media-object { width: 120px; height: 68px; } } .list-section.media-list > .widget-job > .media-left, .list-section.media-list > .widget-course > .media-left { margin-right: 10px; padding-right: 0; } @media (max-width: 767px) { .list-section.media-list > .widget-course > .media-left { margin-right: 0; } .list-section.media-list > .widget-course > .media-left > .media-object { width: 250px; height: 140px; } .list-section.media-list > .widget-job > .media-left, .list-section.media-list > .widget-course > .media-left { margin-right: 0; } } .wj-list-icons > li { line-height: 24px; font-size: 16px; font-weight: 400; } .wj-list-icons > li + li { margin-top: 5px; } .wj-list-icons > li > .ft { font-size: 24px; color: #0e76bc; vertical-align: middle; padding-right: 5px; } .wj-list-icons > li a { line-height: inherit; } .wj-list-icons > li a > .ft { font-size: 24px; } .wj-list-icons.list-inline { margin-bottom: 0; } .wj-list-icons.list-inline > li { /*@extend %inline-flex;*/ } .media.media-widget.widget-landing-course .wj-list-icons > li + li { margin-top: 5px; } .media.media-widget.widget-landing-course .media-left .media-object { height: inherit; min-height: 140px; } @media (max-width: 767px) { .resp-media-footer .wj-list-icons { display: table; width: 100%; text-align: center; } .resp-media-footer .wj-list-icons > li { display: table-cell; padding: 0 5px; vertical-align: middle; } } .content-sub-head { font-size: 20px; font-weight: 600; color: #0e76bc; margin-bottom: 10px; } .content-sub-head.inline { margin-right: 20px !important; } .content-sub-head > .btn:first-child { margin-left: 10px; } .content-sub-head-mblg { text-align: left; margin-top: 30px; margin-bottom: 20px; } .content-sub-head-mblg.inline { margin-right: 20px !important; } @media (min-width: 768px) { .content-sub-head { margin-bottom: 15px; } .content-sub-head + .content-sub-head { margin-top: -15px; } .content-sub-head-mblg { margin-bottom: 40px; } } @media (max-width: 767px) { .content-sub-head .btn { margin-top: 5px; } } @media (max-width: 460px) { .content-sub-head > .btn:first-child { margin-left: 0px; } } .audit-row:after { content: ''; display: table; clear: both; } .audit-row .audit-info { text-align: right; height: 100%; margin-top: 0; margin-bottom: 5px; vertical-align: bottom; } .audit-row .audit-info > .ft { vertical-align: middle; } .audit-row .btn { margin-bottom: 10px; } .audit-row .btn-group { margin-bottom: 10px; } .audit-row .btn-group .btn { margin-bottom: 0px !important; } .audit-row .btn:not(:last-of-type) { margin-right: 0; } .audit-row .required-fields { margin-bottom: 5px; } .audit-row > [class*='col']:first-child:last-child .audit-info { margin-top: 0; } .content-block + .audit-row, .content-block-nopad + .audit-row, .content-block-pad-md + .audit-row { margin-top: -10px; } @media (min-width: 768px) { .content-block + .audit-row, .content-block-nopad + .audit-row, .content-block-pad-md + .audit-row { margin-top: -20px; } .audit-row .audit-info { text-align: left; margin-top: 20px; } .audit-row .audit-info.info-right { margin-top: 0px; } } .audit-info { color: #777777; font-size: 12px; } .audit-info .user { cursor: pointer; color: #0e76bc; font-weight: 600; } .row-has-btn { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .row-has-btn > [class*='col'] { margin-bottom: 5px; } .row-has-btn > [class*='col'] .btn, .row-has-btn > [class*='col'] .btn-group, .row-has-btn > [class*='col'] .form-block-subhead { margin-bottom: 5px; } .row-has-btn > [class*='col'] .btn-group > .btn { margin-bottom: 0; } @media (min-width: 768px) { .row-has-btn > [class*='col'] .mdb-dropdown-toggle { min-width: 180px; } } .input-border { border: 1px solid #e1e1e1; padding: 0 5px; } .seperator { font-size: 16px; padding-left: 10px; padding-top: 7px; } /* * Landing Page Widget Fix */ .col-weather-widget { overflow: hidden; } .col-weather-widget > .widget-head ~ div, .col-weather-widget > .widget-subhead ~ div { position: relative; } .col-weather-widget > .widget-head ~ div:after, .col-weather-widget > .widget-subhead ~ div:after { content: ""; display: block; position: absolute; top: 34px; left: 0; right: 0; bottom: 36px; } @media (min-width: 992px) { .col-weather-widget { width: 350px; } .col-alerts-widget { width: calc(100% - 350px); } } @media (min-width: 1200px) { .col-weather-widget { width: 530px; } .col-alerts-widget { width: calc(100% - 530px); } } @media (min-width: 1600px) { .col-weather-widget { width: 730px; } .col-alerts-widget { width: calc(100% - 730px); } } @media (min-width: 1920px) { .col-weather-widget { width: 830px; } .col-alerts-widget { width: calc(100% - 830px); } } /* * END - Landing Page Widget Fix */ @media (min-width: 768px) { .col-sm-7.col-content-alt { width: calc( 100% - 320px); } .col-sm-7.col-content-alt.col-sm-pull-5 { right: 320px; } .col-sm-5.col-aside-alt { width: 320px; } .col-sm-5.col-aside-alt.col-sm-push-7 { left: calc( 100% - 320px); } } .col-aside { -webkit-transition: margin 0.3s ease; -o-transition: margin 0.3s ease; transition: margin 0.3s ease; } .col-content { -webkit-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; } @media (min-width: 992px) { .col-md-8.col-content { width: calc( 100% - 320px); } .col-md-8.col-content.col-md-pull-4 { right: 320px; } .col-md-4.col-aside { width: 320px; } .col-md-4.col-aside.collapsed { display: block; margin-left: -320px; } .col-md-4.col-aside.col-has-aside-toggle + .col-content { padding-left: 25px; } .col-md-4.col-aside.col-md-push-8 { left: calc( 100% - 320px); } .col-md-8.col-content-alt { width: calc( 100% - 350px); } .col-md-8.col-content-alt.col-md-pull-4 { right: 350px; } .col-md-4.col-aside-alt { width: 350px; } .col-md-4.col-aside-alt.col-md-push-8 { left: calc( 100% - 350px); } } @media (min-width: 1200px) { .col-lg-9.col-content { width: calc( 100% - 350px); } .col-lg-9.col-content.col-lg-pull-3 { right: 350px; } .col-lg-3.col-aside { width: 350px; } .col-lg-3.col-aside.col-lg-push-9 { left: calc( 100% - 350px); } .col-lg-3.col-aside + .col-lg-6.col-content { width: calc( 75% - 350px); } .col-lg-9.col-content-alt { width: calc( 100% - 380px); } .col-lg-9.col-content-alt.col-lg-pull-3 { right: 380px; } .col-lg-3.col-aside-alt { width: 380px; } .col-lg-3.col-aside-alt.col-lg-push-9 { left: calc( 100% - 380px); } } @media (min-width: 1600px) { .col-lg-9.col-content-alt { width: calc( 100% - 420px); } .col-lg-9.col-content-alt.col-lg-pull-3 { right: 420px; } .col-lg-3.col-aside-alt { width: 420px; } .col-lg-3.col-aside-alt.col-lg-push-9 { left: calc( 100% - 420px); } } .course-sidebar { margin-bottom: 20px; position: relative; z-index: 1; background: #fff; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .course-sidebar .sidebar-cover { padding: 3px 3px 2px; border-bottom: 1px solid #e2e2e2; } .course-sidebar .sidebar-cover > img { max-height: 180px; width: 100%; } .course-sidebar .sidebar-body { padding: 15px; } .course-sidebar .sidebar-body + .sidebar-body { padding-top: 0; } .course-sidebar .sidebar-body .course-price, .course-sidebar .sidebar-body .course-org-price, .course-sidebar .sidebar-body .course-price-disc { vertical-align: middle; } .course-sidebar .sidebar-footer { /*padding: 0 15px 15px;*/ } @media (min-width: 992px) { .course-sidebar { margin-top: -255px; } .course-sidebar .sidebar-cover > img { height: 160px; } } @media (min-width: 1200px) { .course-sidebar { margin-top: -275px; } .course-sidebar .sidebar-cover > img { height: 180px; } } @media (min-width: 1600px) { .course-sidebar { margin-top: -295px; } .course-sidebar .sidebar-cover > img { height: 200px; max-height: 200px; } } .selection-block { position: relative; padding-left: 30px; } .selection-block + .selection-block { margin-top: 30px; } .selection-block .content-block.form-group-block, .selection-block .form-group-block.content-block-nopad, .selection-block .form-group-block.content-block-pad-md { padding-top: 0px; } .selection-block .left-select, .selection-block .left-select-fixed { margin: 0; position: absolute; top: 50%; left: 15px; line-height: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .selection-block .left-select-fixed { top: 65px; } .no-record { font-size: 14px; color: #777777; text-align: center; } /* TABLE VIEW BLOCK */ .table-wrap { display: table; width: 100%; } .table-row { display: table-row; } .table-cell { padding: 10px; display: table-cell; vertical-align: middle; } /* END - TABLE VIEW BLOCK */ .mdb-step-wrap { -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.24); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.24); } .mdb-step-wrap .mdb-step { -webkit-box-shadow: 0px 1px 0px inset rgba(0, 0, 0, 0.12); box-shadow: 0px 1px 0px inset rgba(0, 0, 0, 0.12); } .mdb-step-wrap .mdb-step + .mdb-step { margin-top: 0; } .mdb-step-wrap .mdb-step:not(.active) .mdb-body .form-block-head .btn { display: none; } .mdb-step-wrap + .mdb-step-wrap { margin-top: 10px; } .mdb-step-header { padding: 10px 20px 20px; } .mdb-step-header-alt { padding: 20px; } .mdb-step-footer { padding: 15px 20px; } .mdb-step { position: relative; /*z-index: 1;*/ -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.24); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.24); -webkit-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); -o-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); } .mdb-step .media.media-disabled { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .mdb-step + .mdb-step { margin-top: 15px; } .mdb-step:not(.active) .mdb-step-title .form-group { display: none !important; } .mdb-step:not(.active) .mdb-body .mdb-table { -webkit-box-shadow: 0 0 0 1px #ebedec; box-shadow: 0 0 0 1px #ebedec; } .mdb-step:not(.active) .mdb-body .dropdown-toggle .btn-color-select + .caret { display: none; } .mdb-step .mdb-body { padding: 20px 20px; } .mdb-step .mdb-body .ql-toolbar { /*text-align: center;*/ } .mdb-step .mdb-body .form-group { /*margin-top: 15px !important;*/ } .mdb-step .mdb-body .form-group .btn.btn-color-select { margin-bottom: 0; } .mdb-step .mdb-body .form-legend-secondary { margin-top: 15px; font-size: 14px; } .mdb-step .mdb-body .collapse > .form-block-head, .mdb-step .mdb-body .collapsing > .form-block-head { padding-top: 15px; } .mdb-step .mdb-footer { display: block; } .mdb-step .mdb-footer > a, .mdb-step .mdb-footer > [role="button"] { display: inline-block; vertical-align: middle; } .mdb-step .mdb-footer .visible-on-active { visibility: hidden; } .mdb-step .mdb-footer .checkbox-inline { margin: 0; display: inline-block; vertical-align: middle; } .mdb-step .mdb-footer .checkbox-inline > .checkbox-toggle { display: block; } .mdb-step .mdb-footer .list-inline { margin: 0 -5px 0 0; } .mdb-step .mdb-footer .list-inline > li { vertical-align: middle; } .panel .mdb-step .mdb-footer a, .panel .mdb-step .mdb-footer [role="button"] { visibility: visible; } .mdb-step.active { z-index: 2; border-left: 3px solid #0e76bc; -webkit-box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.2), 0px 4px 4px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.2), 0px 4px 4px 0px rgba(0, 0, 0, 0.3); /*.mdb-upload-link { display: inline-block; }*/ } .mdb-step.active .mdb-step-title { /*.form-group { display: block; }*/ } .mdb-step.active .mdb-step-title .mdb-title-static { display: none; } .mdb-step.active .mdb-body { padding-left: 17px; /*padding-bottom: 40px;*/ } .mdb-step.active .mdb-footer { display: block; padding-left: 17px; } .mdb-step.active .mdb-footer .visible-on-active { visibility: visible; } .mdb-step.mdb-step-alt.active .mdb-step-title .mdb-title-static { display: block; } .mdb-step-wrap.panel .mdb-step:not(.active) .mdb-body .form-block-head .btn { display: inline-block; } .mdb-step-title { margin: 10px auto 0; padding-bottom: 10px; font-size: 16px; font-weight: 600; line-height: 20px; color: #0e76bc; /*.mdb-upload-link { display: none; float: right; }*/ } .mdb-step-title .form-group { width: 80px; padding-bottom: 0 !important; } .mdb-step-title .form-group.md { width: 120px; } .mdb-step-title .form-group > .list-inline { margin-bottom: 0 !important; color: #0e76bc !important; } .mdb-step-title .form-group .form-control { margin-bottom: 0 !important; } .mdb-step-title-right { margin-bottom: 10px; font-size: 16px; line-height: 20px; color: #0e76bc; } /*.mdb-upload-link { font-size: 14px; font-weight: 600; line-height: inherit; }*/ /*.mdb-upload-list { li { margin-bottom: 10px; padding: 2px 0; color: $primary-color; font-size: 14px; line-height: 18px; .ft-li { font-size: 20px; } } }*/ .mdb-footer { border-top: 2px solid #e1e1e1; padding: 15px 20px; min-height: 50px; text-align: right; color: #777777; } .mdb-footer .ft { /*line-height: inherit;*/ } /* ICON LINK */ .mdb-step-list { margin-bottom: 0; margin-left: -10px; } .mdb-step .mdb-body .mdb-step-list { text-align: left; } .mdb-step-list li { vertical-align: top; padding: 0; } .mdb-step-list li + li { padding: 0 0 0 10px; } @media (min-width: 992px) { .mdb-step .mdb-body .mdb-step-list { text-align: right; } } .icon-item { display: block; cursor: pointer; text-align: center; } .icon-item .icon { position: relative; display: inline-block; padding: 0 5px 5px; color: #777777; font-size: 40px; line-height: 1; } .icon-item .icon.icon-primary { color: #0e76bc; } .icon-item .icon .ft { font-size: inherit; vertical-align: top; } .icon-item .icon .badge { position: absolute; bottom: 0; right: 0; } .icon-item .icon-title { display: block; color: #0e76bc; font-size: 14px; line-height: 18px; font-weight: 400; } /* END - ICON LINK */ .personnel-info { line-height: 1.42857143; color: #404040; } .personnel-info .personnel-title { font-size: 16px; font-weight: 600; } .personnel-info .personnel-role { font-style: italic; } .personnel-info .personnel-role, .personnel-info .personnel-org { font-size: 14px; font-weight: 400; } /* Profile */ .profile-cover { z-index: 0; position: absolute; left: 0; top: 0; width: 100%; height: 120px; overflow: hidden; } .profile-cover:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(64, 64, 64, 0.25); } .profile-cover > img { display: block; position: absolute; top: 0; width: 100%; min-height: 100%; min-width: 100%; opacity: .9; } .profile-header { margin-bottom: 20px; background: #FFF; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .profile-wrapper { position: relative; top: 105px; padding-top: 0; } .profile-wrapper .btn-back { position: absolute; top: -100px; z-index: 10; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -webkit-transition: top 0.2s ease; -o-transition: top 0.2s ease; transition: top 0.2s ease; } .profile-wrapper .cover-dropdown, .profile-wrapper .control-dropdown { position: absolute; margin-top: -22px; top: 0; left: 20px; z-index: 1; } .profile-wrapper .profile-header { position: relative; margin: 0 -15px 30px; } .profile-wrapper .profile-header .control-dropdown { right: 20px; left: auto; } @media (min-width: 768px) { .profile-cover { height: 230px; } .profile-header .header-content { padding: 20px; } .profile-header .nav { margin-top: -20px; } .profile-header .nav-tabs-wrap, .profile-header .nav-pills-wrap { margin-top: -20px; } .profile-header .nav-tabs-wrap .nav, .profile-header .nav-pills-wrap .nav { margin-top: 0; } .profile-wrapper { top: 0; padding-top: 44px; } .profile-wrapper .btn-back { position: fixed; top: 60px; } .profile-wrapper .control-dropdown, .profile-wrapper .cover-dropdown { margin-top: 0; right: 20px; left: auto; z-index: auto; } .profile-wrapper .profile-header { margin: 0 0 30px; } .profile-wrapper .profile-header .control-dropdown { top: 20px; z-index: 1; } } @media (min-width: 768px) and (max-width: 991px) { .profile-wrapper .btn-back { top: 110px; } .fixed .header--hidden ~ .content-wrapper .profile-wrapper .btn-back, .fixed .header--hidden ~ .application-host .content-wrapper .profile-wrapper .btn-back { top: 60px; } } @media (max-width: 767px) { .profile-wrapper .profile-header { -webkit-box-shadow: none; box-shadow: none; } .profile-wrapper .cover-dropdown .dropdown-menu-right { left: 0; right: auto; } .profile-cover { top: 50px; } } .profile-name { margin-bottom: 5px; color: #0e76bc; font-size: 24px; font-weight: 700; } .profile-desc { margin-bottom: 5px; color: #404040; font-size: 18px; font-weight: 400; } .profile-desc a { color: #0e76bc; font-weight: 600; } .profile-media .media-body { padding: 0 15px; } .profile-media .media-body .ft-ul { margin-bottom: 0; font-size: 16px; } .profile-media .media-body .ft-ul li { margin-bottom: 5px; /*@extend %text-wrap;*/ } .profile-media .media-body .ft-ul li .ft-li { color: #929292; } .brand-logo { margin: 20px auto 20px; } .brand-logo > img { max-height: 50px; } @media (min-width: 992px) { .brand-logo { margin: 40px auto 20px; } .brand-logo > img { max-height: none; } } @media (max-width: 767px) { .profile-desc a { display: block; } } .qr-block { margin-bottom: 10px; text-align: center; } .qr-block .qr-text { margin: 0; font-size: 16px; font-weight: 600; } .qr-block img { width: 80px; height: 80px; } .qr-block img + .qr-text { margin-top: 5px; } @media (max-width: 767px) { .qr-block { margin-top: 20px; } } @media (min-width: 992px) { .profile-media .media-left { padding: 0 15px; } } @media (max-width: 767px) { .verified-block { padding: 15px 15px 0; } .verified-block > img { max-height: 18px; } .profile-media { display: block; } .profile-media .media-left, .profile-media .media-body { display: block; width: 100%; } .profile-media .media-left { padding: 15px 15px 0; } .profile-media .media-body { text-align: center; padding: 10px 15px; } .profile-header .nav-pills.mobile-pills + .tab-content { padding-top: 0; padding-bottom: 10px; } .profile-wrapper .profile-media .media-left { padding-top: 60px; } .profile-wrapper .profile-media .media-left .profile-avatar { position: absolute; top: -60px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .profile-wrapper .profile-media .media-body { padding-bottom: 0; } } .qr-content-block { margin: 30px auto; width: 420px; padding: 10px; border: 1px solid #000; } .qr-content-block .qr-content { text-align: center; } .qr-content-block .qr-content .qr-text { font-size: 13px; margin-bottom: 5px; } .qr-content-block .qr-content .qr-title { font-size: 20px; font-weight: bold; line-height: 24px; margin-bottom: 5px; color: #0e76bc; } .qr-content-block .qr-content .qr-help-text { font-size: 14px; font-weight: bold; } /* END - Profile */ .mdb-form-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .mdb-form-block .media-body, .mdb-form-block .media-left, .mdb-form-block .media-right { display: block; width: auto; } .mdb-form-block .media-body { padding: 15px 20px 10px; } .mdb-form-block .media-right { padding: 0; } .mdb-form-block .media-right > .btn { height: 100%; } @media (min-width: 992px) { .mdb-form-block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; /*display: table; height: 100px; .media-body, .media-left, .media-right { display: table-cell; vertical-align: middle; }*/ } .mdb-form-block .media-right > .btn { white-space: pre-wrap; } } .rating-block { margin: 20px 0; text-align: center; } /* Sidebar Block */ .sidebar-block { padding: 20px; } .sidebar-block .sidebar-title { margin-bottom: 1em; color: #0e76bc; font-size: 16px; font-weight: 600; } .sidebar-block .sidebar-list { margin-bottom: 0; } .sidebar-block .dl-details, .sidebar-block .dl-info { font-size: 14px; } .sidebar-block .dl-details dt, .sidebar-block .dl-info dt { min-width: 50%; } .sidebar-block .dl-details dd, .sidebar-block .dl-info dd { margin-left: 50%; } .sidebar-block .dl-details dd .badge, .sidebar-block .dl-info dd .badge { min-width: 60px; } .sidebar-list > li { display: block; margin-bottom: 5px; } .sidebar-list > li > a { color: #404040; font-size: 14px; } /* END - Sidebar Block */ .media-discussion-item { margin: 0 auto 15px; } .media-discussion-item .media-left .media-object { display: block; width: 40px; height: 40px; } .media-discussion-item .media-body .discussion-title { margin-bottom: 5px; font-size: 20px; font-weight: 600; color: #404040; } .media-discussion-item .media-body .discussion-timestamp { color: #777777; } .media-discussions { display: block; } .media-discussions > .media-left, .media-discussions > .media-body { display: block; width: auto; } .media-discussions > .media-left .team-block, .media-discussions > .media-left .team-card { margin: 0 auto 20px; } @media (min-width: 768px) { .media-discussions { display: table; } .media-discussions > .media-left, .media-discussions > .media-body { display: table-cell; } .media-discussions > .media-left { min-width: 160px; } .media-discussions > .media-left .team-block, .media-discussions > .media-left .team-card { margin-bottom: 0; } } /* Map Info Window */ .ab-infowindow { position: relative; margin: auto; max-width: 280px; /*min-width: 280px;*/ padding-bottom: 24px; text-align: left; } .ab-infowindow.leaflet-popup { position: absolute; padding-bottom: 20px; } .ab-infowindow.leaflet-popup.has-close .leaflet-popup-close-button { display: inline; } .ab-infowindow.leaflet-popup a { color: #0e76bc; } .ab-infowindow.leaflet-popup a.leaflet-popup-close-button { color: rgba(119, 119, 119, 0.5); } .ab-infowindow.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content { margin: 0; } .ab-infowindow.leaflet-popup .leaflet-popup-tip-container { height: 20px; } .ab-infowindow.leaflet-popup .leaflet-popup-tip-container .leaflet-popup-tip { width: 20px; height: 20px; } .ab-infowindow.leaflet-popup .iw-container { -webkit-box-shadow: none; box-shadow: none; } .ab-infowindow .iw-content + .iw-content { padding-top: 10px; } .ab-infowindow .iw-container { position: relative; padding: 10px 10px; background: #FFF; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .ab-infowindow .iw-container .iw-title { margin-bottom: 8px; color: #0e76bc; font-weight: 600; font-size: 14px; line-height: 20px; } .ab-infowindow .iw-container .iw-subtitle { color: #404040; font-size: 12px; line-height: 18px; } .ab-infowindow .iw-container .iw-owner { color: #404040; font-size: 14px; line-height: 20px; } .ab-infowindow .iw-container .iw-location { margin-bottom: 10px; color: #404040; font-weight: 600; font-size: 14px; line-height: 18px; } .ab-infowindow .iw-container .iw-icons { list-style: none; margin: 0 -5px 0 0; padding: 0; white-space: nowrap; } .ab-infowindow .iw-container .iw-icons > li { display: inline-block; padding: 0 5px; width: 46px; line-height: 36px; text-align: center; } .ab-infowindow .iw-container .iw-icons > li > a { display: inline-block; line-height: inherit; vertical-align: top; } .ab-infowindow .iw-container .iw-icons > li > a > .ft { vertical-align: middle; } .ab-infowindow .iw-container .iw-icons > li .ft { font-size: 30px; } .ab-infowindow .iw-container .iw-media { display: none; padding-right: 10px; max-width: 140px; } .ab-infowindow .iw-container .iw-media > img { height: 90px; width: 100%; } .ab-infowindow .iw-container .iw-status { list-style: none; margin: 0; padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: space-between; -ms-flex-align: space-between; align-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ab-infowindow .iw-container .iw-status > li + li { padding-top: 10px; } .ab-infowindow .iw-container .iw-status > li a { display: table-row; color: #404040; font-weight: 400; font-size: 14px; line-height: 17px; } .ab-infowindow .iw-container .iw-status > li .badge { display: table-cell; height: 34px; width: 34px; min-width: 34px; font-size: 14px; font-weight: 400; border-radius: 34px; } .ab-infowindow .iw-container .iw-status > li .badge + span { padding-left: 15px; display: table-cell; vertical-align: middle; } .ab-infowindow.ab-iw-alt .iw-container .iw-title, .ab-infowindow.ab-iw-alt .iw-container .iw-location { font-weight: 400; } .ab-infowindow.ab-iw-alt .iw-container .iw-location { font-size: 12px; color: #777777; } .ab-infowindow.ab-iw-alt .iw-container .iw-media > img { width: 70px; max-width: 70px; } .ab-infowindow.ab-iw-alt .iw-container .iw-icons { margin-bottom: 0; } .ab-infowindow.ab-iw-alt .iw-container .iw-icons > li { display: block; padding: 5px 0; line-height: 1; } .ab-infowindow.ab-iw-alt .iw-container .iw-icons > li .ft { font-size: 24px; } .ab-infowindow.ab-iw-alt .iw-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: space-between; -ms-flex-align: space-between; align-content: space-between; } .ab-infowindow.wo-close.leaflet-popup a.leaflet-popup-close-button { display: none; } .ab-infowindow .iw-caret { position: absolute; bottom: 0; left: 50%; display: block; width: 40px; height: 24px; overflow: hidden; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .ab-infowindow .iw-caret:after { content: ''; position: absolute; left: 50%; top: 0; display: block; height: 28px; width: 28px; background: #FFF; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } @media (min-width: 420px) { .ab-infowindow { max-width: 320px; } .ab-infowindow .iw-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: space-between; -ms-flex-align: space-between; align-content: space-between; } .ab-infowindow .iw-content .iw-media { display: block; } .ab-infowindow .iw-content .iw-status > li { white-space: nowrap; } } @media (min-width: 768px) { .ab-infowindow { max-width: 400px; } .ab-infowindow .iw-content + .iw-content { padding-top: 15px; } .ab-infowindow .iw-container { padding: 20px 30px; } .ab-infowindow .iw-container .iw-title { font-size: 16px; } .ab-infowindow .iw-container .iw-icons { margin-right: -10px; } .ab-infowindow .iw-container .iw-icons > li { padding: 0 10px; width: 56px; } .ab-infowindow .iw-container .iw-status > li { padding-left: 10px; } .ab-infowindow.ab-iw-alt { max-width: 320px; } .ab-infowindow.ab-iw-alt .iw-container { padding: 10px 10px; } .ab-infowindow.ab-iw-alt .iw-container .iw-title { font-size: 14px; } .ab-infowindow.ab-iw-alt .iw-media > img { height: 60px; } } /* END - Map Info Window */ /* FC Event Popover */ .mdb-event-widget { margin: auto; max-width: 260px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .mdb-event-widget .event-header { margin: 0 auto; padding: 6px 15px; font-size: 12px; line-height: 1.5; text-align: center; text-transform: uppercase; color: #FFF; background: #e2e2e2; } .mdb-event-widget .event-header.event-success { background: #4caf50; } .mdb-event-widget .event-header.event-warning { background: #ffc107; } .mdb-event-widget .event-header.event-danger { background: #f44336; } .mdb-event-widget .event-footer .btn.btn-block { font-size: 12px; } .mdb-event-widget .event-body { padding: 10px 15px; } .mdb-event-widget .event-body.event-body-dark { background: #fbfbfb; } .mdb-event-widget .event-body .widget-dl { margin-bottom: 0; } .mdb-event-widget .event-img-top { height: 75px; } .mdb-event-widget .event-img-top > img { width: 100%; height: 100%; } .mdb-event-widget .event-icons-wrap { padding: 0 10px; display: table; width: 100%; font-size: 12px; text-align: center; } .mdb-event-widget .event-icons-wrap > .table-cell > a { display: block; color: #404040; } .mdb-event-widget .event-icons-wrap > .table-cell > a > .ft { font-size: 24px; color: #0e76bc; } .mdb-event-widget .event-icons-wrap > .table-cell > a > span { display: block; } /* FC Event Popover */ .flexblock-container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .flexblock-container .flexblock-item { -webkit-box-flex: 1; -ms-flex: 1 0 30%; flex: 1 0 30%; color: #fff; } @media (min-width: 992px) { .flexblock-container .flexblock-item { -webkit-box-flex: 1; -ms-flex: 1 0 25%; flex: 1 0 25%; } .flexblock-container .flexblock-item .checkbox-block > input + span { padding-left: 15px; padding-right: 15px; } } @media (min-width: 1600px) { .flexblock-container .flexblock-item { -webkit-box-flex: 1; -ms-flex: 1 0 14%; flex: 1 0 14%; } } .flexblock-container-alt { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .flexblock-container-alt .flexblock-item { font-weight: 600; font-size: 18px; line-height: 1.62; border: 1px solid #FFF; color: #777777; } .flexblock-container-alt .flexblock-item .flex-item-title { display: inline-block; padding: 10px 30px; } .flexblock-container-alt .flexblock-item .mini-box { margin: 10px auto; padding: 0px 10px; } .flexblock-container-alt .flexblock-item .mini-box .count { display: inline-block; margin-right: 5px; } .flexblock-container-alt .flexblock-item .btn { padding: 15px 15px; font-weight: 400; } @media (min-width: 992px) { .flexblock-container-alt .flexblock-item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .flexblock-container-alt .flexblock-item .mini-box { padding: 0px 20px; } .flexblock-container-alt .flexblock-item .mini-box .count { display: block; margin-right: 0; } .flexblock-container-alt .flexblock-item:not(:last-child) .mini-box { border-right: 1px solid #e2e2e2; } .flexblock-container-alt .flexblock-item .btn { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 18px 16px; } } .filter-block { cursor: pointer; padding: 4px 10px; min-width: 100px; background: #fff; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .filter-block.active { color: white; background: #0e76bc; } .filter-block.active.block-primary { color: white; background: #0e76bc; } .filter-block.active.block-secondary { color: white; background: #777777; } .filter-block.active.block-danger { color: white; background: #f44336; } .filter-block.active.block-warning { color: white; background: #ffc107; } .filter-block.active.block-success { color: white; background: #4caf50; } .filter-block.active.block-moderate { color: white; background: #52dbf8; } .filter-block.active.block-low { color: white; background: #24c59f; } .filter-block.active.block-info { color: white; background: #1abade; } .filter-block.border-primary { border-left: 5px solid #0e76bc; } .filter-block.border-danger { border-left: 5px solid #f44336; } .filter-block.border-warning { border-left: 5px solid #ffc107; } .filter-block.border-success { border-left: 5px solid #4caf50; } .filter-block.border-info { border-left: 5px solid #1abade; } .filter-block .block-count, .filter-block .block-title { font-size: 16px; font-weight: 600; color: #0e76bc; white-space: nowrap; } .active.filter-block .block-count, .active.filter-block .block-title, [class*='block-'].filter-block .block-count, [class*='block-'].filter-block .block-title { color: inherit; } .filter-block .block-title { font-size: 12px; font-weight: 400; color: #404040; } .container-has-hero { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .cb-fullscreen .container-has-hero { height: 100%; } .cb-fullscreen .container-has-hero .hero-block { margin-bottom: -15px; } .content-block.content-card, .content-card.content-block-nopad, .content-card.content-block-pad-md { margin-bottom: 20px; text-align: center; min-height: 160px; } .multi-columns-row .content-block.content-card, .multi-columns-form .content-block.content-card, .multi-columns-form-sm .content-block.content-card, .multi-columns-form-zero .content-block.content-card, .row-height-equal .content-block.content-card, .row-has-btn .content-block.content-card, .multi-columns-row .content-card.content-block-nopad, .multi-columns-form .content-card.content-block-nopad, .multi-columns-form-sm .content-card.content-block-nopad, .multi-columns-form-zero .content-card.content-block-nopad, .row-height-equal .content-card.content-block-nopad, .row-has-btn .content-card.content-block-nopad, .multi-columns-row .content-card.content-block-pad-md, .multi-columns-form .content-card.content-block-pad-md, .multi-columns-form-sm .content-card.content-block-pad-md, .multi-columns-form-zero .content-card.content-block-pad-md, .row-height-equal .content-card.content-block-pad-md, .row-has-btn .content-card.content-block-pad-md { position: relative; height: 100%; } .row-v-gutters > [class*=col-] > .content-block.content-card, .row-v-gutters > [class*=col-] > .content-card.content-block-nopad, .row-v-gutters > [class*=col-] > .content-card.content-block-pad-md, .row-v-gutters-sm > [class*="col"] > .content-block.content-card, .row-v-gutters-sm > [class*="col"] > .content-card.content-block-nopad, .row-v-gutters-sm > [class*="col"] > .content-card.content-block-pad-md { margin-bottom: 0; } .content-block.content-card .checkbox, .content-card.content-block-nopad .checkbox, .content-card.content-block-pad-md .checkbox { position: absolute; left: 12px; top: 12px; margin: 0; } .content-block.content-card.content-card-list, .content-card.content-card-list.content-block-nopad, .content-card.content-card-list.content-block-pad-md { min-height: 100px; text-align: left; } .content-block.content-card.content-card-list .icon-list, .content-card.content-card-list.content-block-nopad .icon-list, .content-card.content-card-list.content-block-pad-md .icon-list { padding: 0; /*& .list-desc { line-height: 1.42; }*/ } @media only screen and (max-width: 1199px) { .multi-columns-row .content-card.content-block-pad-md, .multi-columns-form .content-card.content-block-pad-md, .multi-columns-form-sm .content-card.content-block-pad-md, .multi-columns-form-zero .content-card.content-block-pad-md, .row-height-equal .content-card.content-block-pad-md, .row-has-btn .content-card.content-block-pad-md { height: auto; } .content-card.content-card-list.content-block-pad-md { min-height: 80px; } } /*start modal head inner bold */ .modal-body .head-wrap .content-modal-sub-head-wb { color: #777777; background: transparent !important; font-size: 18px; line-height: 1.62; font-weight: 400; text-align: center; } .modal-body .head-wrap .content-modal-inner-head-bold { color: #404040; background: transparent !important; font-size: 20px; line-height: 1.62; font-weight: 600; text-align: center; } /*end modal head inner bold*/ .tui-image-editor > .tui-image-editor-canvas-container { margin: auto; } .full-width.btn-group > .btn + .dropdown-toggle { padding-left: 14px; padding-right: 14px; } .full-width.btn-group > .btn + .dropdown-toggle .caret { margin-left: 0; } /* * Course card CSS * */ /* Landing page card */ .list-section.media-list.list-alt .media { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .list-section.media-list.list-alt .media.widget-course > .media-left { position: relative; width: 100%; height: auto; padding-bottom: 56.25%; margin-bottom: 10px; } .list-section.media-list.list-alt .media.widget-course > .media-left > .media-object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #efefef center no-repeat; } .list-section.media-list.list-alt .media.widget-course > .media-body { max-width: 100%; padding: 0 10px 10px; } @media (min-width: 768px) { .list-section.media-list.list-alt .media { -webkit-box-shadow: 0 0 0 1px #c3c3c3; box-shadow: 0 0 0 1px #c3c3c3; } .list-section.media-list.list-alt .media.widget-course > .media-left { margin: 0; padding-bottom: 0; width: 168px !important; height: 94px; min-width: 164px; } .list-section.media-list.list-alt .media.widget-course > .media-left > .media-object { position: static; width: inherit; height: inherit; } .list-section.media-list.list-alt .media.widget-course > .media-body { padding: 10px; flex: 1 0 auto; width: calc(100% - 178px); word-wrap: break-word; } } .list-section.media-list.list-alt .widget-course .wj-category, .list-section.media-list.list-alt .widget-course .wj-title, .list-section.media-list.list-alt .widget-course .wj-list-icons > li, .list-section.media-list.list-alt .widget-course .wj-list-icons > li span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-section.media-list.list-alt .widget-course .wj-category { font-size: 12px; } .list-section.media-list.list-alt .widget-course .wj-title { font-size: 14px; } .list-section.media-list.list-alt .widget-course .wj-list-icons, .list-section.media-list.list-alt .widget-course .wj-list-icons > li { font-size: 12px; } @media (max-width: 767px) { .list-section.media-list.list-alt .widget-course .wj-list-icons { display: block; } .list-section.media-list.list-alt .widget-course .wj-list-icons > li { display: block; } } /* Offering page card */ .mdb-list.list-alt:not(.mdb-list-grid) .media > .media-left { position: relative; width: 100%; height: auto; padding-bottom: 56.25%; } .mdb-list.list-alt:not(.mdb-list-grid) .media > .media-left > .media-object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: none; max-height: none; } .mdb-list.list-alt:not(.mdb-list-grid) .media > .media-body .course-title, .mdb-list.list-alt:not(.mdb-list-grid) .media > .media-body .course-desc { font-size: 16px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mdb-list.list-alt:not(.mdb-list-grid) .media > .media-body .course-title.no-truncate, .mdb-list.list-alt:not(.mdb-list-grid) .media > .media-body .course-desc.no-truncate { white-space: normal; } .mdb-list.list-alt:not(.mdb-list-grid) .media > .media-body .course-desc { margin: 0; font-size: 12px; } .mdb-list.list-alt:not(.mdb-list-grid) .media > .media-body .widget-users > li .img-round, .mdb-list.list-alt:not(.mdb-list-grid) .media > .media-body .widget-users > li .btn-limit { line-height: 32px; height: 38px; width: 38px; } .mdb-list.list-alt:not(.mdb-list-grid) .media > .media-body .list-rating > li, .mdb-list.list-alt:not(.mdb-list-grid) .media > .media-body .widget-list > li { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-rating li:last-child { margin-top: 10px; } @media (min-width: 992px) { .mdb-list.list-alt:not(.mdb-list-grid) .media > .media-left { padding: 0; margin-bottom: 0; width: 392px !important; height: 220px; min-width: 392px; } .mdb-list.list-alt:not(.mdb-list-grid) .media > .media-left > .media-object { position: static; width: inherit; height: inherit; max-width: 392px; max-height: 220px; } .mdb-list.list-alt:not(.mdb-list-grid) .media > .media-left.has-obj-sm { width: 320px !important; height: 180px; min-width: 320px; } .mdb-list.list-alt:not(.mdb-list-grid) .media > .media-left.has-obj-sm > .media-object { max-width: 320px; max-height: 180px; } .mdb-list.list-alt:not(.mdb-list-grid) .media > .media-body { padding-right: 10px; flex: 1 0 auto; width: calc(100% - 392px); } } /* Create/ Edit Mode */ .show-in-view { display: none !important; } .show-in-allmode { display: block !important; } .show-in-allmode span.show-in-allmode, .show-in-allmode a.show-in-allmode, .show-in-allmode button.show-in-allmode, .show-in-allmode .btn.show-in-allmode, .show-in-allmode .checkbox-inline.show-in-allmode, .show-in-allmode .radio-inline.show-in-allmode { display: inline-block !important; } .form-option-text { display: none !important; } .floating-label .form-block-head .hidden-in-view { display: inline-block !important; } .floating-label .form-group > .list-inline li.hidden-in-view { display: inline-block !important; } .add-item.hidden-in-view { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } /* END - Create/ Edit Mode */ /* View Mode */ .view-mode { /*@media only screen and (min-width:768px) { .option-horz { margin-top: 10px !important; } }*/ /*.custom-checkbox > input:checked[disabled] + span:before { background: $secondary-font-color; border-color: $secondary-font-color; } .custom-checkbox > input:checked[disabled] + span:after { background: $secondary-font-color; }*/ } .view-mode .audit-row .audit-info { margin-top: 0; } .view-mode .custom-checkbox, .view-mode .custom-radio { cursor: default; } .view-mode .custom-checkbox.checkbox-square > input:disabled + span:after { border-color: transparent !important; } .view-mode .ab-upload-details { margin-top: 5px; } .view-mode .floating-label.form-block > .form-block-head { margin-bottom: -5px; } .view-mode .floating-label .chip-group { margin-top: -5px; } .view-mode .floating-label .form-group { margin-top: 20px; padding-bottom: 0; min-height: 12px; /*&:first-child:not(:last-child) { margin-top: 28px; }*/ } .view-mode .floating-label .form-group:first-child { margin-top: 10px; } .view-mode .floating-label .form-group > .list-inline li.hidden-in-view { display: none !important; } .view-mode .floating-label .form-group.inline-form-group { margin-top: 0; min-height: 38px; } .view-mode .floating-label .form-group.inline-form-group .checkbox { display: none !important; } .view-mode .floating-label .form-group .btn:not(.btn-color-select) { display: none; } .view-mode .floating-label .form-group .owl-carousel .btn { display: inline-block; } .view-mode .floating-label .form-group .form-control-static { margin-bottom: 0; } .view-mode .floating-label .form-group .form-control-label { color: #0e76bc; font-size: 14px; } .view-mode .floating-label .form-group .form-control-label + .form-control-static { margin-top: 0; } .view-mode .floating-label .form-group .form-control-label + .form-control-static .checkbox-inline { margin-top: 7px; } .view-mode .floating-label .form-group .form-control-label + .form-control-static .show-in-view .checkbox-square { margin-top: 5px !important; } .view-mode .floating-label .form-group.form-group-static .form-control-label { top: auto; } .view-mode .floating-label .form-group textarea.form-control { resize: none; height: 38px; min-height: 38px; } .view-mode .floating-label .form-group .input-group { display: none; } .view-mode .floating-label .form-group .help-block { display: none; } .view-mode .floating-label .form-group > .list-inline { margin: 0px auto 7px; } .view-mode .floating-label .form-group > .SumoSelect.disabled { opacity: 1; } .view-mode .floating-label .form-group > .SumoSelect.disabled .CaptionCont { color: #404040; border-bottom: none; } .view-mode .floating-label .form-group > .SumoSelect.disabled .CaptionCont > label { display: none; } .view-mode .rating-box { padding-top: 50px; } .view-mode .multi-columns-form > [class*="col-"], .view-mode .multi-columns-form-sm > [class*="col-"], .view-mode .multi-columns-form-zero > [class*="col-"] { margin-top: 20px; /*& > .form-group { margin-top: 20px; }*/ } .view-mode .multi-columns-form > [class*="col-"].col-has-collapse, .view-mode .multi-columns-form-sm > [class*="col-"].col-has-collapse, .view-mode .multi-columns-form-zero > [class*="col-"].col-has-collapse { margin-top: 0; } .view-mode .multi-columns-form > [class*="col-"].col-has-collapse .chip-group, .view-mode .multi-columns-form-sm > [class*="col-"].col-has-collapse .chip-group, .view-mode .multi-columns-form-zero > [class*="col-"].col-has-collapse .chip-group { /*padding-bottom: 7px;*/ } .view-mode .multi-columns-form > [class*="col-"].col-has-btn, .view-mode .multi-columns-form-sm > [class*="col-"].col-has-btn, .view-mode .multi-columns-form-zero > [class*="col-"].col-has-btn { display: none; } .view-mode .multi-columns-form-sm > [class*="col-"] > .form-group, .view-mode .multi-columns-form-zero > [class*="col-"] > .form-group { margin-top: 0; padding-bottom: 0; } .view-mode .form-block.floating-label + .required-fields { margin-top: -30px; } .view-mode .checkbox-square > input:not(:checked) { display: none; } .view-mode .radio, .view-mode .checkbox, .view-mode .radio-inline, .view-mode .checkbox-inline { display: none !important; } .view-mode .hidden-in-view { display: none !important; } .view-mode .show-in-view { display: block !important; } .view-mode .show-in-view.add-item-bar, .view-mode .show-in-view.add-item-placeholder, .view-mode .show-in-view.add-item-block, .view-mode .show-in-view.add-item { display: table !important; } .view-mode .show-in-view.checkbox-inline, .view-mode .show-in-view.radio-inline { display: inline-block !important; } .view-mode .btn.show-in-view, .view-mode .content-data-head > .text ~ [role="button"] { display: inline-block !important; } .view-mode .show-in-allmode { display: block !important; } .view-mode span.show-in-allmode, .view-mode a.show-in-allmode, .view-mode button.show-in-allmode, .view-mode .btn.show-in-allmode, .view-mode .checkbox-inline.show-in-allmode, .view-mode .radio-inline.show-in-allmode { display: inline-block !important; } .view-mode .form-option-text { display: inline-block !important; font-size: 16px; font-weight: 400; color: #404040; } .view-mode .form-block-head button, .view-mode .form-block-head [role="button"], .view-mode .form-block-sub-head button, .view-mode .form-block-sub-head [role="button"] { display: none; } .view-mode .chip .chip-remove { display: none; } .view-mode .action-block { display: none; } .view-mode .selection-block { padding-left: 0px; } .view-mode .selection-block .checkbox.left-select, .view-mode .selection-block .checkbox.left-select-fixed { display: none; } .view-mode .selection-block .content-block.form-group-block, .view-mode .selection-block .form-group-block.content-block-nopad, .view-mode .selection-block .form-group-block.content-block-pad-md { padding-bottom: 0px; } .view-mode .mdb-step-wrap { -webkit-box-shadow: none; box-shadow: none; } .view-mode .mdb-step-wrap .mdb-step { -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.24); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.24); } .view-mode .mdb-step-wrap .mdb-footer { display: block; } .view-mode .option-horz { margin-top: 28px !important; } .view-mode .list-checkbox, .view-mode .list-checkbox-alt { padding: 10px; } .view-mode .list-checkbox li, .view-mode .list-checkbox-alt li { padding-bottom: 10px; } .view-mode .mdb-procedure-list .media .media-body > .container-fluid { border-width: 1px 1px 1px 1px; } .view-mode .mdb-procedure-list.mdb-procedure-list-lg .media .media-body > .container-fluid { border-width: 0; } .view-mode .content-card.content-card-list.content-block-pad-md { min-height: 90px; } .view-mode .add-item, .view-mode .add-item-bar, .view-mode .add-item-placeholder, .view-mode .add-item-block, .view-mode .add-item, .view-mode .add-item-block, .view-mode .add-item { display: none; } .view-mode .db-icon, .view-mode .db-description, .view-mode .db-footer { display: none; } /* END - View Mode */ /*# sourceMappingURL=main-edlusion.css.map */