/* styles override */ @font-face{ font-family:SohoGothicPro-Light; src:url("../fonts/SohoGothicPro-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/SohoGothicPro-Light.otf") format("opentype"),url("../fonts/SohoGothicPro-Light.woff") format("woff"),url("../fonts/SohoGothicPro-Light.ttf") format("truetype"),url("../fonts/SohoGothicPro-Light.svg#SohoGothicPro-Light") format("svg"); font-weight:400; font-style:normal } @font-face{ font-family:SohoGothicPro-Regular; src:url("../fonts/SohoGothicW04-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/SohoGothicW04-Regular.woff") format("woff"),url("../fonts/SohoGothicW04-Regular.ttf") format("truetype"),url("../fonts/SohoGothicW04-Regular.svg#SohoGothicW04-Regular") format("svg"); font-weight:400; font-style:normal } @font-face{ font-family:SohoGothicPro-Medium; src:url("../fonts/SohoGothicPro-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/SohoGothicPro-Medium.otf") format("opentype"),url("../fonts/SohoGothicPro-Medium.woff") format("woff"),url("../fonts/SohoGothicPro-Medium.ttf") format("truetype"),url("../fonts/SohoGothicPro-Medium.svg#SohoGothicPro-Medium") format("svg"); font-weight:400; font-style:normal } @font-face{ font-family:MyriadPro-Regular; src:url("../fonts/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/MyriadPro-Regular.woff") format("woff"),url("../fonts/MyriadPro-Regular.ttf") format("truetype"),url("../fonts/MyriadPro-Regular.svg#MyriadPro-Regular") format("svg"); font-weight:400; font-style:normal } @font-face{ font-family:PlayfairDisplay-Regular; src:url("../fonts/PlayfairDisplay-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/PlayfairDisplay-Regular.woff") format("woff"),url("../fonts/PlayfairDisplay-Regular.ttf") format("truetype"),url("../fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular") format("svg"); font-weight:400; font-style:normal } @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?17wpfz'); src: url('../fonts/icomoon.eot?17wpfz#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?17wpfz') format('truetype'), url('../fonts/icomoon.woff?17wpfz') format('woff'), url('../fonts/icomoon.svg?17wpfz#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-zoom-out:before { content: "\e900"; } .icon-zoom-in:before { content: "\e901"; } .icon-warning:before { content: "\e902"; } .icon-visualization:before { content: "\e903"; } .icon-view-it:before { content: "\e904"; } .icon-user:before { content: "\e905"; } .icon-user-role:before { content: "\e906"; } .icon-url:before { content: "\e907"; } .icon-upload:before { content: "\e908"; } .icon-unlock:before { content: "\e909"; } .icon-tools:before { content: "\e90a"; } .icon-timeseries:before { content: "\e90b"; } .icon-tick:before { content: "\e90c"; } .icon-table:before { content: "\e90d"; } .icon-sync:before { content: "\e90e"; } .icon-swagger:before { content: "\e90f"; } .icon-swagger-edition:before { content: "\e910"; } .icon-support:before { content: "\e911"; } .icon-store:before { content: "\e912"; } .icon-stop:before { content: "\e913"; } .icon-stethoscope:before { content: "\e914"; } .icon-step-by-step:before { content: "\e915"; } .icon-star:before { content: "\e916"; } .icon-square:before { content: "\e917"; } .icon-sort:before { content: "\e918"; } .icon-sofa:before { content: "\e919"; } .icon-show-columns:before { content: "\e91a"; } .icon-ship:before { content: "\e91b"; } .icon-shield:before { content: "\e91c"; } .icon-share:before { content: "\e91d"; } .icon-send:before { content: "\e91e"; } .icon-security-alarm:before { content: "\e91f"; } .icon-search:before { content: "\e920"; } .icon-scan:before { content: "\e921"; } .icon-save:before { content: "\e922"; } .icon-ruler:before { content: "\e923"; } .icon-restapi:before { content: "\e924"; } .icon-reset:before { content: "\e925"; } .icon-reload:before { content: "\e926"; } .icon-pushpin:before { content: "\e927"; } .icon-print:before { content: "\e928"; } .icon-previous:before { content: "\e929"; } .icon-preference:before { content: "\e92a"; } .icon-polygon:before { content: "\e92b"; } .icon-play:before { content: "\e92c"; } .icon-photo:before { content: "\e92d"; } .icon-phone:before { content: "\e92e"; } .icon-overflow:before { content: "\e92f"; } .icon-open-data:before { content: "\e930"; } .icon-offer:before { content: "\e931"; } .icon-notification:before { content: "\e932"; } .icon-next:before { content: "\e933"; } .icon-new:before { content: "\e934"; } .icon-new-1:before { content: "\e935"; } .icon-multiple:before { content: "\e936"; } .icon-move:before { content: "\e937"; } .icon-monitoring:before { content: "\e938"; } .icon-money:before { content: "\e939"; } .icon-minus:before { content: "\e93a"; } .icon-minimize:before { content: "\e93b"; } .icon-minimize-2:before { content: "\e93c"; } .icon-maximize:before { content: "\e93d"; } .icon-map:before { content: "\e93e"; } .icon-map-3d:before { content: "\e93f"; } .icon-map-2dk:before { content: "\e940"; } .icon-mail:before { content: "\e941"; } .icon-logout:before { content: "\e942"; } .icon-lock:before { content: "\e943"; } .icon-location:before { content: "\e944"; } .icon-location-check:before { content: "\e945"; } .icon-kpi:before { content: "\e946"; } .icon-key:before { content: "\e947"; } .icon-info:before { content: "\e948"; } .icon-image:before { content: "\e949"; } .icon-home:before { content: "\e94a"; } .icon-help:before { content: "\e94b"; } .icon-hand:before { content: "\e94c"; } .icon-gravitee:before { content: "\e94d"; } .icon-go:before { content: "\e94e"; } .icon-go-to:before { content: "\e94f"; } .icon-gift:before { content: "\e950"; } .icon-geolocoation:before { content: "\e951"; } .icon-generate-js:before { content: "\e952"; } .icon-folder-export:before { content: "\e953"; } .icon-folder-cancel:before { content: "\e954"; } .icon-folder-add:before { content: "\e955"; } .icon-fodler-rest:before { content: "\e956"; } .icon-fire:before { content: "\e957"; } .icon-filter:before { content: "\e958"; } .icon-file:before { content: "\e959"; } .icon-file-rest:before { content: "\e95a"; } .icon-file-cancel:before { content: "\e95b"; } .icon-file-add:before { content: "\e95c"; } .icon-external-link:before { content: "\e95d"; } .icon-export:before { content: "\e95e"; } .icon-expandir:before { content: "\e95f"; } .icon-expander:before { content: "\e960"; } .icon-exclamation:before { content: "\e961"; } .icon-error:before { content: "\e962"; } .icon-eraser:before { content: "\e963"; } .icon-equivalent:before { content: "\e964"; } .icon-equal:before { content: "\e965"; } .icon-edit:before { content: "\e966"; } .icon-dumpster:before { content: "\e967"; } .icon-dumpster-isle:before { content: "\e968"; } .icon-drag:before { content: "\e969"; } .icon-download:before { content: "\e96a"; } .icon-double-right:before { content: "\e96b"; } .icon-double-left:before { content: "\e96c"; } .icon-double-arrow:before { content: "\e96d"; } .icon-door:before { content: "\e96e"; } .icon-disconnect:before { content: "\e96f"; } .icon-disable:before { content: "\e970"; } .icon-development:before { content: "\e971"; } .icon-developer:before { content: "\e972"; } .icon-dev-tools:before { content: "\e973"; } .icon-deliver:before { content: "\e974"; } .icon-delete:before { content: "\e975"; } .icon-database:before { content: "\e976"; } .icon-dashboard:before { content: "\e977"; } .icon-cut:before { content: "\e978"; } .icon-crud:before { content: "\e979"; } .icon-cool:before { content: "\e97a"; } .icon-control:before { content: "\e97b"; } .icon-contraer:before { content: "\e97c"; } .icon-connect:before { content: "\e97d"; } .icon-configuration:before { content: "\e97e"; } .icon-complete .path1:before { content: "\e97f"; color: rgb(17, 104, 166); } .icon-complete .path2:before { content: "\e980"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-comments:before { content: "\e981"; } .icon-close:before { content: "\e982"; } .icon-clone:before { content: "\e983"; } .icon-clock:before { content: "\e984"; } .icon-clip:before { content: "\e985"; } .icon-clients:before { content: "\e986"; } .icon-chrono:before { content: "\e987"; } .icon-chevron-up:before { content: "\e988"; } .icon-chevron-down:before { content: "\e989"; } .icon-check:before { content: "\e98a"; } .icon-chart-bar:before { content: "\e98b"; } .icon-central:before { content: "\e98c"; } .icon-central-point:before { content: "\e98d"; } .icon-carousel-right:before { content: "\e98e"; } .icon-carousel-left:before { content: "\e98f"; } .icon-car:before { content: "\e990"; } .icon-camera:before { content: "\e991"; } .icon-camera-add:before { content: "\e992"; } .icon-calendar:before { content: "\e993"; } .icon-calendar-change:before { content: "\e994"; } .icon-burger-menu:before { content: "\e995"; } .icon-bullhorn:before { content: "\e996"; } .icon-broadcast:before { content: "\e997"; } .icon-bill:before { content: "\e998"; } .icon-audit:before { content: "\e999"; } .icon-arrow-left:before { content: "\e99a"; } .icon-app:before { content: "\e99b"; } .icon-API:before { content: "\e99c"; } .icon-admin:before { content: "\e99d"; } html, body { font-family: SohoGothicPro-Regular, Helvetica, Arial, sans-serif!important; color: #333333; -webkit-font-smoothing: subpixel-antialiased; -webkit-font-kerning: none; font-kerning: none; background: #f0f5f8; } .m--bg-brand { background-color: rgba(120,116,180,1) !important;} .m--bg-primary { background-color: rgba(99,159,203,1) !important;} .m--bg-success { background-color: rgba(121,197,180,1) !important;} .m--bg-warning { background-color: rgba(255,234,128,1) !important;} .m--bg-danger { background-color: rgba(232,138,162,1) !important;} .m--bg-info { background-color: rgba(177,207,229,1) !important;} .m-badge.m-badge--brand { background-color: rgba(120,116,180,1); color: #fff; } .m-badge.m-badge--primary { background-color: rgba(99,159,203,1); color: #fff; } .m-badge.m-badge--success { background-color: rgba(121,197,180,1); color: #fff; } .m-badge.m-badge--warning { background-color: rgba(255, 234, 128,1); color: #fff; } .m-badge.m-badge--danger { background-color: rgba(232,138,162,1); color: #fff; } .m-badge.m-badge--info { background-color:rgba(177,207,229,1); color: #fff; } .m-link { color: rgba(99,159,203,1); } .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--success:before { background-color: rgba(121,197,180,1); } .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--info:before { background-color: rgba(177,207,229,1); } .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--brand:before { background-color: rgba(120,116,180,1); } .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--warning:before { background-color: rgba(255,234,128,1); } .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--danger:before { background-color: rgba(232,138,162,1); } .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--primary:before { background-color: rgba(99,159,203,1); } .m-content--skin-light2 .m-body { background-color: #f0f5f8; } .m-stack.m-stack--general { display: table; background-color: white; } .m-stack.m-stack--general.m-stack--ver.m-stack--demo { min-height: 60px; margin-left: 3px; } .table thead th { border-bottom: 2px solid #f4f5f8; border-top: 0px; background-color: white; white-space: nowrap; } /* CATALOGO TREE Y ELIPSIS ... */ .long-text{ overflow: hidden; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; width: auto; } /* DATATABLE ELIPSIS ... */ .table-long-text{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .no-wrap{ white-space: nowrap; } /* button primary */ .btn.btn-outline-primary { color: #5789ad; } .btn-outline-primary { background-color: transparent; background-image: none; border-color: #5789ad; } .btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:hover { color: #fff; color: #fff; border-color: #5789ad; background-color: #5789ad; box-shadow: 0 2px 5px 0 rgba(46, 108, 153, 0.2) !important; } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: #fff; border-color: #5789ad; background-color: #5789ad; } /* button secondary */ .btn-outline-secondary { color: #777; background-color: transparent; background-image: none; border-color: #a7a7a7; } .btn-outline-secondary:hover { color: #f5f5f5; background-color: #475372; border-color: #475372; } .btn-outline-secondary.focus, .btn-outline-secondary:focus, .btn-outline-secondary:hover { color: #f5f5f5; background-color: #475372; border-color: #475372; box-shadow: 0 2px 5px 0 rgba(46, 108, 153, 0.2) !important; } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color: #fff; border-color: #5789ad; background-color: #5789ad; } .m--bg-primary { background-color: #5789ad!important; } .m-type>span { line-height: 0; font-weight: 500; font-size: 1.3rem; text-transform: uppercase; } .m-tabs-line.m-tabs-line--primary a.m-tabs__link.active, .m-tabs-line.m-tabs-line--primary a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link:hover { color: #5789ad; border-bottom: 1px solid #5789ad; } .nav.nav-pills.nav-pills--primary .nav-link.active { background: #5789ad; color: #fff; } .m-list-timeline__items .m-list-timeline__item:hover { background-color: #f5f5f5; cursor: pointer; } .m-no-padding { padding: 0px; } /* widget24 */ .m-widget24{ cursor: pointer; background: #fff; border: 1px solid #fff; height: calc(100%); margin: 0; padding: 1rem; } .m-widget24:hover { border: 1px solid #2e6c99;} .m-subheader-search .m-subheader-search__desc {font-size: 1rem; font-weight: 400; color: #555; display: inline-block; padding-left: .5rem;} .m-nav .m-nav__section .m-nav__section-text { color: #000; } .m-nav-grid .m-nav-grid__row .m-nav-grid__item .m-nav-grid__text { color: #000; } .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__usericon .m-nav__link-icon-wrapper { background: #fff; border: 1px solid #e8e7f4; } .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__usericon .m-nav__link-icon-wrapper > i { color: #191919; } .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper > i { color: #191919; font-size: 1.95rem; border-radius: 50%; } .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper { border: 0px; } .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-arrow, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-text, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-arrow, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text { color: #5789ad; } .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon.m-nav__link-icon--active .m-nav__link-icon-wrapper, .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon:hover .m-nav__link-icon-wrapper { background: #5789ad; border: 1px solid #5789ad; } .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon.m-nav__link-icon--active .m-nav__link-icon-wrapper, .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon:hover .m-nav__link-icon-wrapper { background: #5789ad; border: 1px solid #5789ad; } .m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon.m-nav__link-icon-alt .m-nav__link-icon-wrapper>i { color: #666; } .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon.m-nav__link-icon-alt.m-nav__link-icon--active .m-nav__link-icon-wrapper, .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon.m-nav__link-icon-alt:hover .m-nav__link-icon-wrapper { background: #5789ad; border: 1px solid #5789ad; } .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon.m-nav__link-icon-alt .m-nav__link-icon-wrapper { background: #fff; border: 1px solid #fff; } .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon.m-nav__link-icon-alt .m-nav__link-icon-wrapper > i { color: #666; } .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon.m-nav__link-icon-alt .m-nav__link-icon-wrapper > i:hover { color: #fff; } .m-nav-grid .m-nav-grid__row .m-nav-grid__item:hover { background: #fdfdff; border: 1px solid #2e6c99; } .m-subheader-search { background: #0e668c; padding: 20px 30px 17px 30px;} .m-subheader-search .m-subheader-search__desc { color: #f5f5f5; } .m-subheader-search .m-subheader-search__title { font-size: 1.23rem; font-weight: 500; color: #191919; margin: 0;} .m-widget24 .m-widget24__item .m-widget24__title { color: #555; font-family: Soho; font-size: 11px; font-weight: 500; line-height: 1rem; text-align: left; text-transform: uppercase; margin-left: .8rem; margin-top: 0.5rem; display: inline-block; margin-bottom: 0.3em;} .m-widget24 .m-widget24__item .m-widget24__change { color: #555; margin-left: 1.8rem; display: inline-block; margin-bottom: 2.86rem; font-size: 1rem; font-weight: 300;} .m-widget24 .m-widget24__item .m-widget24__number { color: #555; float: right; margin-right: 1.8rem; display: inline-block; margin-bottom: 1.86rem; font-size: 1rem; font-weight: 500;} .m-widget24 .m-widget24__item .m-widget24__stats { float: right; margin-right: 1.8rem; margin-top: 0.8rem; font-size: 1.75rem; font-weight: 600;} .toggle-vis { padding: 5px 10px; cursor: pointer; } .help-block-error { color: #f4516c; } .m-cursor--pointer {cursor: pointer; } .m-widget4 .m-widget4__item .m-widget4__ext { min-width: 60px;} table.dataTable thead > tr { text-transform: uppercase; font-weight: 500; font-size: 11px; color: #777;} .m-portlet .m-portlet__head { border-bottom: none; } .m-widget1 .m-widget1__item .m-widget1__number { font-size: 1rem; font-weight: 600; } /********* MODIFICACIONES DEL ESTILO VISUAL - ONESAIT PLATFORM *********/ /*********** PAGE HEADER > logo > search bar > toggle button > top menu ***********/ /* LOGO */ .page-header.navbar .page-logo { background-color: #ffffff; width: 80px;} .text-logo-s4c{ position: relative; top: 8px; left: 20px; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #060e14; } .text-logo-panel { color: #2e6c99; position: relative; top: 2px; left: 20px; font-size: 11px; white-space: nowrap; display: block; } @media (max-width: 992px) { .text-logo-s4c{ top: 8px; } .text-logo-panel{ top: 8px; left: 3px; } } .page-header.navbar { height: 72px; background-color: #ffffff; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.05); } /*********** PAGE SIDEBAR ***********/ /* SIDEBAR */ .page-sidebar { background-color: #ffffff; height: calc(100vh); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .m-aside-left--minimize .m-aside-menu .m-menu__nav { padding: 60px 0 40px 0;} /*********** PAGE CONTENT ***********/ .page-sidebar-closed .page-content-wrapper .page-content { background-color: #f9f9fb; } /*********** FOOTER ***********/ /*********** BUTTONS ***********/ .btn-group-sm > .btn, .btn-sm { padding: 6px 12px; height: 34px; } .btn-group-vertical > .btn, .btn-group > .btn:not(:first-child):not(:last-child) { /*border-left: 1px solid #5789ad;*/ border-left: 0.5px solid #FFF; border-radius: 0px !important; } .btn-group-vertical > .btn, .btn-group , .btn-toolbar > .btn:first-child { border-left: none; } .btn-default { color: #6E767D; background-color: #fff; border: none; } .btn-default:not(.dropdown-toggle):hover { color: #FFF ; background-color: #5789ad; border: none; } .btn-group.btn-group-circle > .btn:first-child { border-radius: 30px 0 0 30px !important; } .btn-group.btn-group-circle > .btn:last-child { border-radius: 0 30px 30px 0 !important; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .btn-primary { color: #fff; background-color: #2e6c99; border-color: #2e6c99; box-shadow: 0 2px 5px 0 rgba(46, 108, 153, 0.2) !important; } .btn-primary:hover { color: #fff; border-color: #5789ad; background-color: #5789ad; box-shadow: 0 2px 5px 0 rgba(46, 108, 153, 0.2) !important; } /*********** Page Header ***********/ /* Header search bar, toggler button & top menu */ .page-header.navbar { /*background-color: #FFF;*/ background-color: #FFF; height: 72px; background-color: #ffffff; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.05); /* Top notification menu/bar */ /* Header seaech box */ /* Toggler button for sidebar expand/collapse and responsive sidebar menu */ } .page-header.navbar .top-menu .navbar-nav { /* Extended Dropdowns */ /* Notification */ /* Inbox */ /* Tasks */ /* User */ /* Language */ /* Dark version */ } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i { color: #6e767d; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default { color: #ffffff; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover { background-color: transparent; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i { color: #0e668c; } .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle { /*background-color: #f2e7f3; */ background-color:#f0f4f7; } .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i { color: #716aca; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu { border-color: #e7eaf0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after { border-bottom-color: #eaedf2; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external { background: #eaedf2; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 { color: #62878f; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a { color: #337ab7; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover { color: #23527c; text-decoration: none; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a { border-bottom: 1px solid #EFF2F6 !important; color: #888888; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover { background: #f8f9fa; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time { background: #f1f1f1; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time { background: #e4e4e4; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle { background-color: #18111d; color: #ffffff; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner { border-color: transparent transparent transparent #18111d; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from { color: #5b9bd1; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress { background-color: #dfe2e9; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username { color: #c6cfda; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i { color: #c6cfda; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu { width: 195px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname { color: #c6cfda; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {background: #f2e7f3; border: 0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after { border-bottom-color: #f2e7f3; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external { background: #2f3b49; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 { color: #adbaca; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover { color: #5496cf; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a { color: #bcc7d4; border-bottom: 1px solid #4b5e75 !important; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i { color: #9dadc0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover { background: #47596e; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a { border-bottom: 0 !important; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider { background: #4b5e75; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time { background: #354353; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time { background: #2b3643; } .page-header.navbar .search-form { background: #FFF; } .page-header.navbar .search-form:hover { background: #f2e7f3; } .page-header.navbar .search-form .input-group .form-control { color: #959fad; } .page-header.navbar .search-form .input-group .form-control::-moz-placeholder {color: #929cab; opacity: 1; } .page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder { color: #929cab; } .page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder { color: #929cab; } .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i { color: #959fad; } .page-header.navbar .search-form.open { background:#e3ebf1; } .page-header.navbar .menu-toggler > span, .page-header.navbar .menu-toggler > span:before, .page-header.navbar .menu-toggler > span:after {background: #a7b5c6; } .page-header.navbar .menu-toggler > span:hover {background: #a7b5c6; } .page-header.navbar .menu-toggler > span:hover:before, .page-header.navbar .menu-toggler > span:hover:after { background: #a7b5c6; } .page-header.navbar .menu-toggler.th-toggle-exit > span { background-color: transparent !important; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle { /*color: #676c7b; */ color:#6e767d; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > a { color: #060e14; } /* breadcrum*/ .page-content-white .page-content .page-bar { /* border-bottom: 1px solid #dfd6e0; border-top: 1px solid #dfd6e0; background-color: #ede9ef; */ background-color: #FFF; } .page-content-white .page-bar .page-breadcrumb > li > i, .page-container-bg-solid .page-bar .page-breadcrumb > li > i { color: #898a92; } .page-content-white .page-bar .page-breadcrumb > li > a, .page-content-white .page-bar .page-breadcrumb > li > span, .page-container-bg-solid .page-bar .page-breadcrumb > li > a, .page-container-bg-solid .page-bar .page-breadcrumb > li > span { color: #2e6c99; } .page-bar .page-breadcrumb > li > span { text-shadow: none; font-family: "Soho","sans-serif"; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; } .page-content-white .page-bar .page-breadcrumb > li > a { text-shadow: none; font-family: "Soho","sans-serif"; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #203d53; } /* Dropdowns */ .dropdown-menu > li:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li.active:hover > a { background-color: #e4ecf2; } .page-content { /* background-color: #f2f3f8; */ background-color: #FFF; } /* Page sidebar */ .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu, .page-sidebar .page-sidebar-menu { /* 1st level links */ /* All links */ } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a { border-top: none; color:#060e14;} .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i, .page-sidebar .page-sidebar-menu > li > a > i { color: #b6b9bd; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"], .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"], .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] { color: #0e668c; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li > a > .arrow:before, .page-sidebar .page-sidebar-menu > li > a > .arrow.open:before { color: #0e668c; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3, .page-sidebar .page-sidebar-menu > li.heading > h3 { color: #708096; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a { color: white;font-family: Soho;font-size: 13px;font-style: normal;font-stretch: normal; letter-spacing: normal;font-weight: normal; border-top-left-radius: 0px; border-bottom-left-radius: 0px; background-color: #0e668c; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar .page-sidebar-menu > li.open > a > i { color: #FFF; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before { color: #FFF; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a { background: #0e668c; border-top-color: transparent; color: #fff; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar .page-sidebar-menu > li.active.open > a:hover { background: #0e668c; color: white; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar .page-sidebar-menu > li.active.open > a > i { color: #FFF; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before { color: #ffffff; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a, .page-sidebar .page-sidebar-menu > li.active + li > a { border-top-color: transparent; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a, .page-sidebar .page-sidebar-menu > li.active.open + li > a { border-top-color: #3d4957; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a, .page-sidebar .page-sidebar-menu > li:last-child > a { border-bottom: 1px solid transparent !important; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar .page-sidebar-menu li > a > .arrow.open:before { color: #606C7D; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before { color: #FFF; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before { color: #ffffff; } .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu { background-color: #e3ebf1; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, .page-sidebar .page-sidebar-menu .sub-menu > li > a { font-family: Soho;font-size: 12px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 2;letter-spacing: normal;color: #2e6c99; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li > a > i { font-family: Soho; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal;color: #2e6c99; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"], .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"], .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] { color: #6b788b; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before { color: #606C7D; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a { background-color: #0e668c !important; color: white;} .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i { color: #606C7D; color: #959fae; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before { color: #606C7D; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light { /* 1st level links */ } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a { background: #3a4656; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a { background: #3e4b5c; border-left: 4px solid #18111d; color: #f1f1f1; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover { border-left: 4px solid #18111d; background: #3a4656; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i { color: #eeeeee; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before { color: #eeeeee; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu { background: #3a4656; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a { background: #3e4b5c !important; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler, .page-sidebar .sidebar-toggler { background: #2c3541; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after, .page-sidebar .sidebar-toggler > span, .page-sidebar .sidebar-toggler > span:before, .page-sidebar .sidebar-toggler > span:after { background: #a7b5c6; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover, .page-sidebar .sidebar-toggler > span:hover { background: #a7b5c6; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after, .page-sidebar .sidebar-toggler > span:hover:before, .page-sidebar .sidebar-toggler > span:hover:after { background: #a7b5c6; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span, .page-sidebar .sidebar-toggler.th-toggle-exit > span { background-color: transparent !important; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover, .page-sidebar .sidebar-toggler:hover { background: #212832; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group, .page-sidebar .sidebar-search .input-group { border-bottom: 1px solid #332f36; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control, .page-sidebar .sidebar-search .input-group .form-control { background-color: #f0f4f7; color: #060e14; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder, .page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder { color: #4e5d6f; opacity: 1; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder, .page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder { color: #4e5d6f; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder, .page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder { color: #4e5d6f; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i, .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i { color: #0e668c; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group, .page-sidebar .sidebar-search.sidebar-search-bordered .input-group { border-bottom: 1px solid #a2acb3;} .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed .page-sidebar .sidebar-search.open .input-group { background-color: #f0f4f7; } .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed .page-sidebar .sidebar-search.open .remove > i { color: #4e5d6f; } .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed .page-sidebar .sidebar-search.sidebar-search-solid .input-group { background: none; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar .sidebar-search.sidebar-search-solid .input-group { border: 1px solid #2c3541; background: #2c3541; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control, .page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control { background: #2c3541; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group, .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group { border: 1px solid #e3ebf1; background: #e3ebf1; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control, .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control { background: #e3ebf1; } @media (min-width: 992px) { /* 992px */ /* Sidebar menu closed */ .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu { box-shadow: 5px 5px rgba(44, 53, 66, 0.2); } .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper { box-shadow: none; } .page-sidebar-menu.page-sidebar-menu-closed > li:hover { box-shadow: 5px 5px rgba(44, 53, 66, 0.2); } .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper { box-shadow: none; } .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08); } .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper { box-shadow: none; } @media (max-width: 991px) { /* 991px */ /* Page sidebar */ .page-header.navbar {background-color: #e3ebf1 !important;} .page-sidebar .page-sidebar-menu > li > a { border-top: 1px solid #e3ebf1; } .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {background: #2e3744; } .page-sidebar .page-sidebar-menu > li:last-child > a { border-bottom: 0 !important; } .page-sidebar .page-sidebar-menu > li .sub-menu {background-color: #e3ebf1 !important; } .page-sidebar .page-sidebar-menu .sidebar-search input {background-color: #e3ebf1 !important; } .page-header.navbar .search-form { background: #e3ebf1; } } @media (max-width: 480px) { /* 480px */ .page-header.navbar {background-color: #e3ebf1 !important; } .page-header.navbar .top-menu { background-color: #e3ebf1; } .page-header-fixed-mobile .page-header.navbar .top-menu { background-color: #2b3643; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { background-color: #415265; } .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { background: none; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover { background-color: #f2e7f3; } .page-header.navbar .search-form { background: #e3ebf1; } } @media (max-width: 767px) { .page-header.navbar {padding: 0 10px 0 10px; background-color: #e3ebf1 !important;} .page-header.navbar .search-form { background: #e3ebf1; } } /* text and links */ .m-link { text-decoration:none; position:relative; display:inline-block } .m-link:after { display:block; content:''; position:absolute; bottom:0; top:1rem; left:0; width:0%; -webkit-transition:width .3s ease; -moz-transition:width .3s ease; -ms-transition:width .3s ease; -o-transition:width .3s ease; transition:width .3s ease } .m-link:hover { text-decoration:none!important } .m-link:hover:after { width:100% } .m-link { color:#5789ad; } .m-link:hover { color:#5789ad; } .m-link:hover:after { border-bottom:1px solid #5789ad; opacity:.3 } .m-link.m-link--skin-dark { color:#716aca } .m-link.m-link--skin-dark:hover { color:#5789ad } .m-link.m-link--skin-dark:hover:after { border-bottom:1px solid #5789ad; opacity:.3 } .m-link.m-link--brand { color:#716aca } .m-link.m-link--brand:hover { color:#4d44bd } .m-link.m-link--brand:hover:after { border-bottom:1px solid #4d44bd; opacity:.3 } .m-link.m-link--metal { color:#a2acb3; } .m-link.m-link--metal:hover { color:#5789ad; } .m-link.m-link--metal:hover:after { border-bottom:1px solid #a6a7c1; opacity:.3 } .m-link.m-link--light { color:#fff } .m-link.m-link--light:hover { color:#e6e6e6 } .m-link.m-link--light:hover:after { border-bottom:1px solid #e6e6e6; opacity:.3 } .m-link.m-link--accent { color:#00c5dc } .m-link.m-link--accent:hover { color:#0097a9 } .m-link.m-link--accent:hover:after { border-bottom:1px solid #0097a9; opacity:.3 } .m-link.m-link--focus { color:#9816f4 } .m-link.m-link--focus:hover { color:#7c0acd } .m-link.m-link--focus:hover:after { border-bottom:1px solid #7c0acd; opacity:.3 } .m-link.m-link--primary { color:#5867dd } .m-link.m-link--primary:hover { color:#2e40d4 } .m-link.m-link--primary:hover:after { border-bottom:1px solid #2e40d4; opacity:.3 } .m-link.m-link--success { color:#34bfa3 } .m-link.m-link--success:hover { color:#299781 } .m-link.m-link--success:hover:after { border-bottom:1px solid #299781; opacity:.3 } .m-link.m-link--info { color:#36a3f7 } .m-link.m-link--info:hover { color:#0a8cf0 } .m-link.m-link--info:hover:after { border-bottom:1px solid #0a8cf0; opacity:.3 } .m-link.m-link--warning { color:#ffb822 } .m-link.m-link--warning:hover { color:#eea200 } .m-link.m-link--warning:hover:after { border-bottom:1px solid #eea200; opacity:.3 } .m-link.m-link--danger { color:#f4516c } .m-link.m-link--danger:hover { color:#f12143 } .m-link.m-link--danger:hover:after { border-bottom:1px solid #f12143; opacity:.3 } /* DATATABLES COLOR CONFIGURATION */ /* datatable column header thead */ .cabecera-tabla { background: none !Important; color: #6e767d !Important; border-left-style: none !important; border-right-style: none; border-top-style: none; border-bottom: 1px solid #d1d9de; } .table-hover > tbody > tr:hover, .table-hover > tbody > tr:hover > td { background: #eaf0f5 !important; border-top: 1px solid #2e6c99; border-bottom: 1px solid #2e6c99; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #FFF; border-color: #FFF; font-family: inherit; font-size: 13px; padding-top: 2px; color: #2E6C99; font-weight: 500; } /**** CSS3 Spinner Bar ****/ .page-spinner-bar > div, .block-spinner-bar > div { background: #4bccd8; } /**** PANELS ****/ .panel-default > .panel-heading { color: #333; background-color: #ede9ef !Important; border-color: #ddd; } div.panel.panel-white{ border-radius: 4px; background-color: #FFFFFF; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.05); } div.panel-footer.panel-white { padding: 12px 16px; background-color: #FFF; border-top: 1px solid #ddd; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .project-container { padding-right: 12px; padding-left: 12px; } .project-title { font-family: "Soho"; font-size: 13px; font-weight: 400; line-height: 32px; color: #060E14; } .panel-white > .panel-heading { color: #555; background-color: #FFF !Important; border-color: #FFF; padding: 24px 24px !important; } /*** AUTOCOMPLETE ***/ .autocomplete-suggestions{ background-color: #ede9ef; display: block; border: 1px solid #ddd; padding: 5px 5px 5px 15px; z-index: 999999 !Important; } .columnMine { padding: 0px 5px 0 0; float: left; width: auto; max-width: 20%; min-width: 16%; list-style: none;} .columnMine ul { padding: 0; background: transparent; overflow-y: auto; overflow-x: hidden; min-height: 125px; } .panel-sofia2 { background-color: #FFF!Important; color: #777 !Important; } .panel-tools { margin: 0; padding: 0px; background-color: #f5f5f5; border-bottom: 1px solid #CCC; height: auto; display: flex; } /* main */ .main-block-toggle{ position: absolute; top: 60px; z-index: 1; right: 86px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .hide-main-block{ position: relative; right: -5px; top: 12px; } .maininfo{ font-family: "Open sans"; font-size: 13px; line-height: 16px; margin: 4px; } .maininfo-shadow { moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); } .main-block{ padding: 0px 12px 12px 12px; margin-left: -20px;margin-right: -20px; } .step-desc { position: absolute; background-color: rgba(0, 0, 0, 0.6); color: ghostwhite; border-radius: 4px; padding: 10px; z-index: 100; width: auto; top: 190px; font-size: 13px; letter-spacing: 0.3px; display: block; max-width: calc(-25% + 100vw); margin-left: 60px; } .step-selected{ border-color: #555 !important; } /*** APIMANAGER OPERATIONS ***/ .op_div{ margin-bottom: 10px; padding: 10px; border: 1px solid #F5F5F5; border-radius: 5px; } .op_div_selected{ margin-bottom: 20px; border: 1px solid #CCC; padding: 10px; background: #f7f7f7; border-radius: 5px; } .op_button{ display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 4px; color: #333; background-color: #fff; border-color: #ccc; } .op_button_div { } .op_button_selected{ display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 4px; color: #FFF; background-color: #526781; border-color: #4e627b; } .op_desc_div{ padding: 10px; } /* Devices */ #id_parameter_metaInfo { height: auto; box-shadow: none; min-height: 100px; } .metainfo { margin-left: 5px; margin-right: 5px; } .metainfo p { margin: 0px; } .metainfo p span { margin-left: 5px; } /* marketplace assets images */ .img-market{ max-height: 80px; min-height: 80px; width:auto; display: block; margin: 12px auto; } .img-asset-show{ max-height: 225px; margin: 0 auto; width: auto !important; border-radius: 10px; } /* ion slider override */ .irs-from::after, .irs-single::after, .irs-to::after { border-top-color: #5789ad; } .irs-from, .irs-single, .irs-to { background: #5789ad; } /* loading div... */ .loading { height: calc(100%); background: white; margin: 0px; padding: 0px; position: fixed; z-index: 1000000000; width: 100%; overflow: hidden !important; } .loader, .loader:after { border-radius: 50%; width: 10em; height: 10em; } .loader { margin: 60px 0px 0px 32%; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(135, 190, 230, 0.6); border-right: 1.1em solid rgba(135, 190, 230, 0.6); border-bottom: 1.1em solid rgba(135, 190, 230, 0.6); border-left: 1.1em solid rgba(135, 190, 230, 1); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* quicksidebar */ .m-quick-sidebar { width: 530px !important; -webkit-transition: all .3s ease; right: -530px; overflow-x: hidden; } /* loader for dashboards */ .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px;} .lds-ellipsis div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: rgba(26,59,71,1); animation-timing-function: cubic-bezier(0, 1, 1, 0);} .lds-ellipsis div:nth-child(1) { left: 6px; animation: lds-ellipsis1 0.6s infinite;} .lds-ellipsis div:nth-child(2) { left: 6px; animation: lds-ellipsis2 0.6s infinite;} .lds-ellipsis div:nth-child(3) { left: 26px; animation: lds-ellipsis2 0.6s infinite;} .lds-ellipsis div:nth-child(4) { left: 45px; animation: lds-ellipsis3 0.6s infinite;} @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); }} @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); }} @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); }} /* x-editable */ /* buttons */ .btn-editable {border-radius: 0px; padding: 4px 4px; height: 31px; margin-top: 0px;} /* login */ .m-login.m-login--5 .m-login__wrapper-2 .m-login__contanier { width: 430px; margin: 0 auto; padding: 1.5rem 1.5rem; background-color: rgba(255,255,255,.8); border-radius: 15px;} /* portlet when fullscreen mode is on */ portlet.m-portlet--fullscreen>.m-form, .m-portlet.m-portlet--fullscreen>.m-portlet__body { left: 0; right: 0; top: 4rem; bottom: 0; position: fixed; overflow: auto; margin-top: 1px !important;} /* search result dropdown large*/ @media (min-width: 1025px){ .m-dropdown.m-dropdown--large .m-dropdown__wrapper { width: 475px; } } .searchIcon { font-size: 1.5rem; position: relative; margin-right: 5px; top: 3px; } #content-title { font-family: 'MyriadPro-Regular'; }}