event.corporate-funnel.top
Open in
urlscan Pro
172.67.215.215
Public Scan
Submitted URL: http://event.corporate-funnel.top/assets/css/adminlte.css?av=97887209
Effective URL: https://event.corporate-funnel.top/assets/css/adminlte.css?av=97887209
Submission: On August 16 via api from US — Scanned from DE
Effective URL: https://event.corporate-funnel.top/assets/css/adminlte.css?av=97887209
Submission: On August 16 via api from US — Scanned from DE
Form analysis
0 forms found in the DOMText Content
/*! * AdminLTE v2.3.6 * Author: Almsaeed Studio * Website: Almsaeed Studio <http://almsaeedstudio.com> * License: Open source - MIT * Please visit http://opensource.org/licenses/MIT for more information !*/ /* * Core: General Layout Style * ------------------------- */ html, body { min-height: 100%; height: 100%; } .layout-boxed html, .layout-boxed body { height: 100%; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: sans-serif; font-weight: 400; overflow-x: hidden; overflow-y: auto; } /* Layout */ .wrapper { min-height: 100%; position: relative; overflow: hidden; } .wrapper:before, .wrapper:after { content: " "; display: table; } .wrapper:after { clear: both; } .layout-boxed .wrapper { max-width: 1250px; margin: 0 auto; min-height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); position: relative; } .layout-boxed { background: url('../img/boxed-bg.jpg') repeat fixed; } /* * Content Wrapper - contains the main content * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper ``` */ .content-wrapper, .right-side, .main-footer { -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out; transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out; margin-left: 230px; z-index: 820; } .layout-top-nav .content-wrapper, .layout-top-nav .right-side, .layout-top-nav .main-footer { margin-left: 0; } @media (max-width: 767px) { .content-wrapper, .right-side, .main-footer { margin-left: 0; } } @media (min-width: 768px) { .sidebar-collapse .content-wrapper, .sidebar-collapse .right-side, .sidebar-collapse .main-footer { margin-left: 0; } } @media (max-width: 767px) { .sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer { -webkit-transform: translate(230px, 0); -ms-transform: translate(230px, 0); -o-transform: translate(230px, 0); transform: translate(230px, 0); } } .content-wrapper, .right-side { min-height: 100%; background-color: #ffffff; z-index: 800; } .main-footer { background: #fff; padding: 15px; color: #444; border-top: 1px solid #d2d6de; } /* Fixed layout */ .fixed .main-header, .fixed .main-sidebar, .fixed .left-side { position: fixed; } .fixed .main-header { top: 0; right: 0; left: 0; } .fixed .content-wrapper, .fixed .right-side { padding-top: 50px; } @media (max-width: 767px) { .fixed .content-wrapper, .fixed .right-side { padding-top: 100px; } } .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 */ .content { min-height: 250px; padding: 25px!important; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (max-width: 991px) { .content { padding: 15px!important; } } /* H1 - H6 font */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: sans-serif; font-weight: normal; } /* General Links */ a { color: #008ca9; } a:hover, a:active, a:focus { outline: none; text-decoration: none; color: #008ca9; } /* Page Header */ .page-header { margin: 10px 0 20px 0; font-size: 22px; } .page-header > small { color: #666; display: block; margin-top: 5px; } /* * Component: Main Header * ---------------------- */ .main-header { position: relative; max-height: 100px; z-index: 1030; } .main-header .navbar { -webkit-transition: margin-left 0.3s ease-in-out; -o-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out; margin-bottom: 0; margin-left: 230px; border: none; min-height: 50px; border-radius: 0; } .layout-top-nav .main-header .navbar { margin-left: 0; } .main-header #navbar-search-input.form-control { background: rgba(255, 255, 255, 0.2); border-color: transparent; } .main-header #navbar-search-input.form-control:focus, .main-header #navbar-search-input.form-control:active { border-color: rgba(0, 0, 0, 0.1); background: rgba(255, 255, 255, 0.9); } .main-header #navbar-search-input.form-control::-moz-placeholder { color: #ccc; opacity: 1; } .main-header #navbar-search-input.form-control:-ms-input-placeholder { color: #ccc; } .main-header #navbar-search-input.form-control::-webkit-input-placeholder { color: #ccc; } .main-header .navbar-custom-menu, .main-header .navbar-right { float: right; } @media (max-width: 991px) { .main-header .navbar-custom-menu a, .main-header .navbar-right a { color: inherit; background: transparent; } } @media (max-width: 767px) { .main-header .navbar-right { float: none; } .navbar-collapse .main-header .navbar-right { margin: 7.5px -15px; } .main-header .navbar-right > li { color: inherit; border: 0; } } .main-header .sidebar-toggle { float: left; background-color: transparent; background-image: none; padding: 15px 15px; font-family: fontAwesome; } .main-header .sidebar-toggle:before { content: "\f0c9"; } .main-header .sidebar-toggle:hover { color: #fff; } .main-header .sidebar-toggle:focus, .main-header .sidebar-toggle:active { background: transparent; } .main-header .sidebar-toggle .icon-bar { display: none; } .main-header .navbar .nav > li.user > a > .fa, .main-header .navbar .nav > li.user > a > .glyphicon, .main-header .navbar .nav > li.user > a > .ion { margin-right: 5px; } .main-header .navbar .nav > li > a > .label { position: absolute; top: 9px; right: 7px; text-align: center; font-size: 9px; padding: 2px 3px; line-height: .9; } .main-header .logo { -webkit-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; display: block; float: left; height: 50px; font-size: 20px; line-height: 50px; text-align: center; width: 230px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0 15px; font-weight: 300; overflow: hidden; } .main-header .logo .logo-lg { display: block; } .main-header .logo .logo-mini { display: none; } .main-header .navbar-brand { color: #fff; } .content-header { position: relative; padding: 25px 0 15px 0; margin: 0 25px 0 25px; border-bottom: 0 solid #d2d6de; } @media (max-width: 991px) { .content-header { padding: 15px 0 0 0; margin: 0 15px 0 15px; border-bottom: 0 solid #d2d6de; } } .content-header > h1 { display: none; margin: 0; font-size: 24px; } @media (max-width: 991px) { .content-header > h1 { font-size: 24px; } } .content-header > h1 > small { font-size: 15px; display: inline-block; padding-left: 4px; font-weight: 300; } .content-header > .breadcrumb { float: right; background: transparent; margin-top: 0; margin-bottom: 0; font-size: 12px; padding: 7px 5px; position: absolute; top: 25px; right: 0; border-radius: 2px; } .content-header > .breadcrumb > li > a { color: #444; text-decoration: none; display: inline-block; } .content-header > .breadcrumb > li > a > .fa, .content-header > .breadcrumb > li > a > .glyphicon, .content-header > .breadcrumb > li > a > .ion { margin-right: 5px; } .content-header > .breadcrumb > li + li:before { content: '>\00a0'; } @media (max-width: 991px) { .content-header > .breadcrumb { position: relative; margin-top: 5px; top: 0; right: 0; float: none; background: #d2d6de; padding-left: 10px; } .content-header > .breadcrumb li:before { color: #97a0b3; } } .navbar-toggle { color: #fff; border: 0; margin: 0; padding: 15px 15px; } @media (max-width: 991px) { .navbar-custom-menu .navbar-nav > li { float: left; } .navbar-custom-menu .navbar-nav { margin: 0; float: left; } .navbar-custom-menu .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; line-height: 20px; } } @media (max-width: 767px) { .main-header { position: relative; } .main-header .logo, .main-header .navbar { width: 100%; float: none; } .main-header .navbar { margin: 0; } .main-header .navbar-custom-menu { float: right; } } @media (max-width: 991px) { .navbar-collapse.pull-left { float: none !important; } .navbar-collapse.pull-left + .navbar-custom-menu { display: block; position: absolute; top: 0; right: 40px; } } /* * Component: Sidebar * ------------------ */ .main-sidebar, .left-side { position: absolute; top: 0; left: 0; padding-top: 0!important; min-height: 100%; width: 230px; z-index: 1031!important; -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out; transition: transform 0.3s ease-in-out, width 0.3s ease-in-out; } @media (max-width: 767px) { .main-sidebar, .left-side { padding-top: 100px; } } @media (max-width: 767px) { .main-sidebar, .left-side { -webkit-transform: translate(-230px, 0); -ms-transform: translate(-230px, 0); -o-transform: translate(-230px, 0); transform: translate(-230px, 0); } } @media (min-width: 768px) { .sidebar-collapse .main-sidebar, .sidebar-collapse .left-side { -webkit-transform: translate(-230px, 0); -ms-transform: translate(-230px, 0); -o-transform: translate(-230px, 0); transform: translate(-230px, 0); } } @media (max-width: 767px) { .sidebar-open .main-sidebar, .sidebar-open .left-side { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } .sidebar { padding-bottom: 10px; } .sidebar-form input:focus { border-color: transparent; } .user-panel { position: relative; width: 100%; padding: 7px 10px 7px 6px; border-bottom: 1px solid #2c3b41; overflow: hidden; } .user-panel:before, .user-panel:after { content: " "; display: table; } .user-panel:after { clear: both; } .user-panel > .image > img { width: 100%; max-width: 45px; height: auto; } .user-panel > .info { padding: 5px 5px 5px 15px; line-height: 1; position: absolute; left: 55px; } .user-panel > .info > p { font-weight: 600; margin-bottom: 9px; } .user-panel > .info > a { text-decoration: none; padding-right: 5px; margin-top: 3px; font-size: 11px; } .user-panel > .info > a > .fa, .user-panel > .info > a > .ion, .user-panel > .info > a > .glyphicon { margin-right: 3px; } .sidebar-menu { list-style: none; margin: 0; padding: 0; font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif; } .sidebar-menu > li { position: relative; margin: 0; padding: 0; } .sidebar-menu > li > a { padding: 8px 5px 8px 15px; display: block; } .sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion { width: 20px; } .sidebar-menu > li .label, .sidebar-menu > li .badge { margin-right: 5px; } .sidebar-menu > li .badge { margin-top: 3px; } .sidebar-menu li.header { padding: 10px 25px 10px 15px; font-size: 12px; } .sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > .pull-right-container > .fa-angle-left { width: auto; height: auto; padding: 0; margin-right: 10px; } .sidebar-menu li.active > a > .fa-angle-left, .sidebar-menu li.active > a > .pull-right-container > .fa-angle-left { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .sidebar-menu li.active > .treeview-menu { display: block; } .sidebar-menu .treeview-menu { display: none; list-style: none; padding: 0; margin: 0; padding-left: 5px; } .sidebar-menu .treeview-menu .treeview-menu { padding-left: 20px; } .sidebar-menu .treeview-menu > li { margin: 0; } .sidebar-menu .treeview-menu > li > a { padding: 5px 5px 5px 15px; display: block; font-size: 14px; } .sidebar-menu .treeview-menu > li > a > .fa, .sidebar-menu .treeview-menu > li > a > .glyphicon, .sidebar-menu .treeview-menu > li > a > .ion { width: 20px; } .sidebar-menu .treeview-menu > li > a > .pull-right-container > .fa-angle-left, .sidebar-menu .treeview-menu > li > a > .pull-right-container > .fa-angle-down, .sidebar-menu .treeview-menu > li > a > .fa-angle-left, .sidebar-menu .treeview-menu > li > a > .fa-angle-down { width: auto; } /* * Component: Sidebar Mini */ @media (min-width: 768px) { .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer { margin-left: 50px !important; z-index: 840; } .sidebar-mini.sidebar-collapse .main-sidebar { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); width: 50px !important; z-index: 850; } .sidebar-mini.sidebar-collapse .sidebar-menu > li { position: relative; } .sidebar-mini.sidebar-collapse .sidebar-menu > li > a { margin-right: 0; } .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span { border-top-right-radius: 4px; } .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span.pull-right-container i { display: none!important; } .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span { border-bottom-right-radius: 4px; } .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 4px; } .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { display: block !important; position: absolute; width: 230px; left: 50px; } .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span { top: 0; margin-left: -3px; padding: 8px 5px 8px 20px; background-color: inherit; } .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container { float: right; width: auto!important; left: 200px!important; top: 10px!important; } .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) { display: none; } .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { top: 36px; margin-left: 0; } .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span, .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header { display: none !important; -webkit-transform: translateZ(0); } .sidebar-mini.sidebar-collapse .main-header .logo { width: 50px; } .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini { display: block; margin-left: -15px; margin-right: -15px; font-size: 18px; } .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg { display: none; } .sidebar-mini.sidebar-collapse .main-header .navbar { margin-left: 50px; } } .sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header { white-space: nowrap; overflow: hidden; } .sidebar-menu:hover { overflow: visible; } .sidebar-form, .sidebar-menu > li.header { overflow: hidden; text-overflow: clip; } .sidebar-menu li > a { position: relative; } .sidebar-menu li > a > .pull-right-container { position: absolute; right: 10px; top: 50%; margin-top: -7px; } /* * Component: Control sidebar. By default, this is the right sidebar. */ .control-sidebar-bg { position: fixed; z-index: 1000; bottom: 0; } .control-sidebar-bg, .control-sidebar { top: 0; right: -230px; width: 230px; -webkit-transition: right 0.3s ease-in-out; -o-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; } .control-sidebar { position: absolute; padding-top: 50px; z-index: 1010; } @media (max-width: 768px) { .control-sidebar { padding-top: 100px; } } .control-sidebar > .tab-content { padding: 10px 15px; } .control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open + .control-sidebar-bg { right: 0; } .control-sidebar-open .control-sidebar-bg, .control-sidebar-open .control-sidebar { right: 0; } @media (min-width: 768px) { .control-sidebar-open .content-wrapper, .control-sidebar-open .right-side, .control-sidebar-open .main-footer { margin-right: 230px; } } .nav-tabs.control-sidebar-tabs > li:first-of-type > a, .nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover, .nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus { border-left-width: 0; } .nav-tabs.control-sidebar-tabs > li > a { border-radius: 0; } .nav-tabs.control-sidebar-tabs > li > a, .nav-tabs.control-sidebar-tabs > li > a:hover { border-top: none; border-right: none; border-left: 1px solid transparent; border-bottom: 1px solid transparent; } .nav-tabs.control-sidebar-tabs > li > a .icon { font-size: 16px; } .nav-tabs.control-sidebar-tabs > li.active > a, .nav-tabs.control-sidebar-tabs > li.active > a:hover, .nav-tabs.control-sidebar-tabs > li.active > a:focus, .nav-tabs.control-sidebar-tabs > li.active > a:active { border-top: none; border-right: none; border-bottom: none; } @media (max-width: 768px) { .nav-tabs.control-sidebar-tabs { display: table; } .nav-tabs.control-sidebar-tabs > li { display: table-cell; } } .control-sidebar-heading { font-weight: 400; font-size: 16px; padding: 10px 0; margin-bottom: 10px; } .control-sidebar-subheading { display: block; font-weight: 400; font-size: 14px; } .control-sidebar-menu { list-style: none; padding: 0; margin: 0 -15px; } .control-sidebar-menu > li > a { display: block; padding: 10px 15px; } .control-sidebar-menu > li > a:before, .control-sidebar-menu > li > a:after { content: " "; display: table; } .control-sidebar-menu > li > a:after { clear: both; } .control-sidebar-menu > li > a > .control-sidebar-subheading { margin-top: 0; } .control-sidebar-menu .menu-icon { float: left; width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 35px; } .control-sidebar-menu .menu-info { margin-left: 45px; margin-top: 3px; } .control-sidebar-menu .menu-info > .control-sidebar-subheading { margin: 0; } .control-sidebar-menu .menu-info > p { margin: 0; font-size: 11px; } .control-sidebar-menu .progress { margin: 0; } .control-sidebar-dark { color: #b8c7ce; } .control-sidebar-dark, .control-sidebar-dark + .control-sidebar-bg { background: #222d32; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs { border-bottom: #1c2529; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a { background: #181f23; color: #b8c7ce; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus { border-left-color: #141a1d; border-bottom-color: #141a1d; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active { background: #1c2529; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover { color: #fff; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active { background: #222d32; color: #fff; } .control-sidebar-dark .control-sidebar-heading, .control-sidebar-dark .control-sidebar-subheading { color: #fff; } .control-sidebar-dark .control-sidebar-menu > li > a:hover { background: #1e282c; } .control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p { color: #b8c7ce; } .control-sidebar-light { color: #5e5e5e; } .control-sidebar-light, .control-sidebar-light + .control-sidebar-bg { background: #f9fafc; border-left: 1px solid #d2d6de; } .control-sidebar-light .nav-tabs.control-sidebar-tabs { border-bottom: #d2d6de; } .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a { background: #e8ecf4; color: #444; } .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus { border-left-color: #d2d6de; border-bottom-color: #d2d6de; } .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active { background: #eff1f7; } .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active { background: #f9fafc; color: #111; } .control-sidebar-light .control-sidebar-heading, .control-sidebar-light .control-sidebar-subheading { color: #111; } .control-sidebar-light .control-sidebar-menu { margin-left: -14px; } .control-sidebar-light .control-sidebar-menu > li > a:hover { background: #f4f4f5; } .control-sidebar-light .control-sidebar-menu > li > a .menu-info > p { color: #5e5e5e; } /* * Component: Dropdown menus * ------------------------- */ /*Dropdowns in general*/ .dropdown-menu { box-shadow: none; border-color: #eee; } .dropdown-menu > li > a { color: #777; } .dropdown-menu > li > a > .glyphicon, .dropdown-menu > li > a > .fa, .dropdown-menu > li > a > .ion { margin-right: 10px; } .dropdown-menu > li > a:hover { background-color: #e1e3e9; color: #333; } .dropdown-menu > .divider { background-color: #eee; } .navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu { width: 280px; padding: 0 0 0 0; margin: 0; top: 100%; } .navbar-nav > .notifications-menu > .dropdown-menu > li, .navbar-nav > .messages-menu > .dropdown-menu > li, .navbar-nav > .tasks-menu > .dropdown-menu > li { position: relative; } .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .messages-menu > .dropdown-menu > li.header, .navbar-nav > .tasks-menu > .dropdown-menu > li.header { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-color: #ffffff; padding: 7px 10px; border-bottom: 1px solid #f4f4f4; color: #444444; font-size: 14px; } .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; font-size: 12px; background-color: #fff; padding: 7px 10px; border-bottom: 1px solid #eeeeee; color: #444 !important; text-align: center; } @media (max-width: 991px) { .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { background: #fff !important; color: #444 !important; } } .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover { text-decoration: none; font-weight: normal; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu, .navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu { max-height: 200px; margin: 0; padding: 0; list-style: none; overflow-x: hidden; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { display: block; white-space: nowrap; /* Prevent text from breaking */ border-bottom: 1px solid #f4f4f4; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover { background: #f4f4f4; text-decoration: none; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a { color: #444444; overflow: hidden; text-overflow: ellipsis; padding: 10px; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion { width: 20px; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a { margin: 0; padding: 10px 10px; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img { margin: auto 10px auto auto; width: 40px; height: 40px; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 { padding: 0; margin: 0 0 0 45px; color: #444444; font-size: 15px; position: relative; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small { color: #999999; font-size: 10px; position: absolute; top: 0; right: 0; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p { margin: 0 0 0 45px; font-size: 12px; color: #888888; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after { content: " "; display: table; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after { clear: both; } .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { padding: 10px; } .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 { font-size: 14px; padding: 0; margin: 0 0 10px 0; color: #666666; } .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress { padding: 0; margin: 0; } .navbar-nav > .user-menu > .dropdown-menu { border-top-right-radius: 0; border-top-left-radius: 0; padding: 1px 0 0 0; border-top-width: 0; width: 280px; } .navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .navbar-nav > .user-menu > .dropdown-menu > li.user-header { height: 175px; padding: 10px; text-align: center; } .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img { z-index: 5; height: 90px; width: 90px; border: 3px solid; border-color: transparent; border-color: rgba(255, 255, 255, 0.2); } .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p { z-index: 5; color: #fff; color: rgba(255, 255, 255, 0.8); font-size: 17px; margin-top: 10px; } .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small { display: block; font-size: 12px; } .navbar-nav > .user-menu > .dropdown-menu > .user-body { padding: 15px; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #dddddd; } .navbar-nav > .user-menu > .dropdown-menu > .user-body:before, .navbar-nav > .user-menu > .dropdown-menu > .user-body:after { content: " "; display: table; } .navbar-nav > .user-menu > .dropdown-menu > .user-body:after { clear: both; } .navbar-nav > .user-menu > .dropdown-menu > .user-body a { color: #444 !important; } @media (max-width: 991px) { .navbar-nav > .user-menu > .dropdown-menu > .user-body a { background: #fff !important; color: #444 !important; } } .navbar-nav > .user-menu > .dropdown-menu > .user-footer { background-color: #f9f9f9; padding: 10px; } .navbar-nav > .user-menu > .dropdown-menu > .user-footer:before, .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after { content: " "; display: table; } .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after { clear: both; } .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default { color: #666666; } @media (max-width: 991px) { .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover { background-color: #f9f9f9; } } .navbar-nav > .user-menu .user-image { float: left; width: 25px; height: 25px; border-radius: 50%; margin-right: 10px; margin-top: -2px; } @media (max-width: 767px) { .navbar-nav > .user-menu .user-image { float: none; margin-right: 0; margin-top: -8px; line-height: 10px; } } /* Add fade animation to dropdown menus by appending the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/ .open:not(.dropup) > .animated-dropdown-menu { backface-visibility: visible !important; -webkit-animation: flipInX 0.7s both; -o-animation: flipInX 0.7s both; animation: flipInX 0.7s both; } @keyframes flipInX { 0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { transform: perspective(400px); } } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); } } /* Fix dropdown menu in navbars */ .navbar-custom-menu > .navbar-nav > li { position: relative; } .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { position: absolute; right: 0; left: auto; } @media (max-width: 991px) { .navbar-custom-menu > .navbar-nav { float: right; } .navbar-custom-menu > .navbar-nav > li { position: static; } .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { position: absolute; right: 5%; left: auto; border: 1px solid #ddd; background: #fff; } } /* * Component: Form * --------------- */ .form-control { border-radius: 0; box-shadow: none; border-color: #d2d6de; } .form-control:focus { border-color: #d2d6de; box-shadow: none; } .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder { color: #bbb; opacity: 1; } .form-control:not(select) { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-group.has-success label { color: #00a65a; } .form-group.has-success .form-control, .form-group.has-success .input-group-addon { border-color: #00a65a; box-shadow: none; } .form-group.has-success .help-block { color: #00a65a; } .form-group.has-warning label { color: #f39c12; } .form-group.has-warning .form-control, .form-group.has-warning .input-group-addon { border-color: #f39c12; box-shadow: none; } .form-group.has-warning .help-block { color: #f39c12; } .form-group.has-error label { color: #ee3524; } .form-group.has-error .form-control, .form-group.has-error .input-group-addon { border-color: #ee3524; box-shadow: none; } .form-group.has-error .help-block { color: #ee3524; } /* Input group */ .input-group .input-group-addon { border-radius: 0; border-color: #d2d6de; background-color: #fff; } /* button groups */ .btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type { border-radius: 0; } .icheck > label { padding-left: 0; } /* support Font Awesome icons in form-control */ .form-control-feedback.fa { line-height: 34px; } .input-lg + .form-control-feedback.fa, .input-group-lg + .form-control-feedback.fa, .form-group-lg .form-control + .form-control-feedback.fa { line-height: 46px; } .input-sm + .form-control-feedback.fa, .input-group-sm + .form-control-feedback.fa, .form-group-sm .form-control + .form-control-feedback.fa { line-height: 30px; } /* * Component: Progress Bar * ----------------------- */ .progress, .progress > .progress-bar { -webkit-box-shadow: none; box-shadow: none; } .progress, .progress > .progress-bar, .progress .progress-bar, .progress > .progress-bar .progress-bar { border-radius: 1px; } /* size variation */ .progress.sm, .progress-sm { height: 10px; } .progress.sm, .progress-sm, .progress.sm .progress-bar, .progress-sm .progress-bar { border-radius: 1px; } .progress.xs, .progress-xs { height: 7px; } .progress.xs, .progress-xs, .progress.xs .progress-bar, .progress-xs .progress-bar { border-radius: 1px; } .progress.xxs, .progress-xxs { height: 3px; } .progress.xxs, .progress-xxs, .progress.xxs .progress-bar, .progress-xxs .progress-bar { border-radius: 1px; } /* Vertical bars */ .progress.vertical { position: relative; width: 30px; height: 200px; display: inline-block; margin-right: 10px; } .progress.vertical > .progress-bar { width: 100%; position: absolute; bottom: 0; } .progress.vertical.sm, .progress.vertical.progress-sm { width: 20px; } .progress.vertical.xs, .progress.vertical.progress-xs { width: 10px; } .progress.vertical.xxs, .progress.vertical.progress-xxs { width: 3px; } .progress-group .progress-text { font-weight: 600; } .progress-group .progress-number { float: right; } /* Remove margins from progress bars when put in a table */ .table tr > td .progress { margin: 0; } .progress-bar-light-blue, .progress-bar-primary { background-color: #008ca9; } .progress-striped .progress-bar-light-blue, .progress-striped .progress-bar-primary { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-green, .progress-bar-success { background-color: #00a65a; } .progress-striped .progress-bar-green, .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-aqua, .progress-bar-info { background-color: #00c0ef; } .progress-striped .progress-bar-aqua, .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-yellow, .progress-bar-warning { background-color: #f39c12; } .progress-striped .progress-bar-yellow, .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-red, .progress-bar-danger { background-color: #ee3524; } .progress-striped .progress-bar-red, .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } /* * Component: Small Box * -------------------- */ .small-box { border-radius: 2px; position: relative; display: block; margin-bottom: 20px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .small-box > .inner { padding: 10px; } .small-box > .small-box-footer { position: relative; text-align: center; padding: 3px 0; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; z-index: 10; background: rgba(0, 0, 0, 0.1); text-decoration: none; } .small-box > .small-box-footer:hover { color: #fff; background: rgba(0, 0, 0, 0.15); } .small-box h3 { font-size: 38px; font-weight: bold; margin: 0 0 10px 0; white-space: nowrap; padding: 0; } .small-box p { font-size: 15px; } .small-box p > small { display: block; color: #f9f9f9; font-size: 13px; margin-top: 5px; } .small-box h3, .small-box p { z-index: 5; } .small-box .icon { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: absolute; top: -10px; right: 10px; z-index: 0; font-size: 90px; color: rgba(0, 0, 0, 0.15); } .small-box:hover { text-decoration: none; color: #f9f9f9; } .small-box:hover .icon { font-size: 95px; } @media (max-width: 767px) { .small-box { text-align: center; } .small-box .icon { display: none; } .small-box p { font-size: 12px; } } /* * Component: Box * -------------- */ .box { position: relative; border-radius: 3px; background: #ffffff; border-top: 1px solid #d2d6de; border: 1px solid #d2d6de; margin-bottom: 20px; width: 100%; -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15); } .box.borderless { padding: 10px 15px; border: 1px solid #d2d6de; } .box.borderless .box-header, .box.borderless .box-body, .box.borderless .box-footer { padding-left: 0; padding-right: 0; } .box.borderless .box-header .summary { padding-top: 15px; } .box .box-header { padding-left: 10px; padding-right: 10px; margin: 15px 0 0 0; } .box .box-body, .box .box-footer { padding-left: 10px; padding-right: 10px; } .box.box-primary { border-top-color: #d2d6de; } .box.box-info { border-top-color: #00c0ef; } .box.box-danger { border-top-color: #ee3524; } .box.box-warning { border-top-color: #f39c12; } .box.box-success { border-top-color: #00a65a; } .box.box-default { border-top-color: #d2d6de; } .box.collapsed-box .box-body, .box.collapsed-box .box-footer { display: none; } .box .nav-stacked > li { border-bottom: 1px solid #f4f4f4; margin: 0; } .box .nav-stacked > li:last-of-type { border-bottom: none; } .box.height-control .box-body { max-height: 300px; overflow: auto; } .box .border-right { border-right: 1px solid #f4f4f4; } .box .border-left { border-left: 1px solid #f4f4f4; } .box.box-solid { border-top: 0; } .box.box-solid > .box-header .btn.btn-default { background: transparent; } .box.box-solid > .box-header .btn:hover, .box.box-solid > .box-header a:hover { background: rgba(0, 0, 0, 0.1); } .box.box-solid.box-default { border: 1px solid #d2d6de; } .box.box-solid.box-default > .box-header { color: #444; background: #d2d6de; background-color: #d2d6de; } .box.box-solid.box-default > .box-header a, .box.box-solid.box-default > .box-header .btn { color: #444; } .box.box-solid.box-primary { border: 1px solid #008ca9; } .box.box-solid.box-primary > .box-header { color: #fff; background: #008ca9; background-color: #008ca9; } .box.box-solid.box-primary > .box-header a, .box.box-solid.box-primary > .box-header .btn { color: #fff; } .box.box-solid.box-info { border: 1px solid #00c0ef; } .box.box-solid.box-info > .box-header { color: #fff; background: #00c0ef; background-color: #00c0ef; } .box.box-solid.box-info > .box-header a, .box.box-solid.box-info > .box-header .btn { color: #fff; } .box.box-solid.box-danger { border: 1px solid #ee3524; } .box.box-solid.box-danger > .box-header { color: #fff; background: #ee3524; background-color: #ee3524; } .box.box-solid.box-danger > .box-header a, .box.box-solid.box-danger > .box-header .btn { color: #fff; } .box.box-solid.box-warning { border: 1px solid #f39c12; } .box.box-solid.box-warning > .box-header { color: #fff; background: #f39c12; background-color: #f39c12; } .box.box-solid.box-warning > .box-header a, .box.box-solid.box-warning > .box-header .btn { color: #fff; } .box.box-solid.box-success { border: 1px solid #00a65a; } .box.box-solid.box-success > .box-header { color: #fff; background: #00a65a; background-color: #00a65a; } .box.box-solid.box-success > .box-header a, .box.box-solid.box-success > .box-header .btn { color: #fff; } .box.box-solid > .box-header > .box-tools .btn { border: 0; box-shadow: none; } .box.box-solid[class*='bg'] > .box-header { color: #fff; } .box .box-group > .box { margin-bottom: 5px; } .box .knob-label { text-align: center; color: #333; font-weight: 100; font-size: 12px; margin-bottom: 0.3em; } .box > .overlay, .overlay-wrapper > .overlay, .box > .loading-img, .overlay-wrapper > .loading-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .box .overlay, .overlay-wrapper .overlay { z-index: 50; background: rgba(255, 255, 255, 0.7); border-radius: 3px; } .box .overlay > .fa, .overlay-wrapper .overlay > .fa { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; color: #000; font-size: 30px; } .box .overlay.dark, .overlay-wrapper .overlay.dark { background: rgba(0, 0, 0, 0.5); } .box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after { content: " "; display: table; } .box-header:after, .box-body:after, .box-footer:after { clear: both; } .box-header { color: #444; display: block; padding: 10px; position: relative; } .box-header.with-border { border-bottom: 1px solid #f4f4f4; } .collapsed-box .box-header.with-border { border-bottom: none; } .box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title { display: inline-block; font-size: 18px; margin: 0; line-height: 1; } .box-header > .fa, .box-header > .glyphicon, .box-header > .ion { margin-right: 5px; } .box-header > .box-tools { position: absolute; right: 10px; top: 5px; } .box-header > .box-tools [data-toggle="tooltip"] { position: relative; } .box-header > .box-tools.pull-right .dropdown-menu { right: 0; left: auto; } .btn-box-tool { padding: 5px; font-size: 12px; background: transparent; color: #97a0b3; } .open .btn-box-tool, .btn-box-tool:hover { color: #606c84; } .btn-box-tool.btn:active { box-shadow: none; } .box-body { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 10px; } .no-header .box-body { border-top-right-radius: 3px; border-top-left-radius: 3px; } .box-body > .table { margin-bottom: 0; } .box-body .fc { margin-top: 5px; } .box-body .full-width-chart { margin: -19px; } .box-body.no-padding .full-width-chart { margin: -9px; } .box-body .box-pane { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px; } .box-body .box-pane-right { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; } .box-footer { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top: 1px solid #f4f4f4; padding: 10px; padding-top: 20px; background-color: #fff; } .chart-legend { margin: 10px 0; } @media (max-width: 991px) { .chart-legend > li { float: left; margin-right: 10px; } } .box-comments { background: #f7f7f7; } .box-comments .box-comment { padding: 8px 0; border-bottom: 1px solid #eee; } .box-comments .box-comment:before, .box-comments .box-comment:after { content: " "; display: table; } .box-comments .box-comment:after { clear: both; } .box-comments .box-comment:last-of-type { border-bottom: 0; } .box-comments .box-comment:first-of-type { padding-top: 0; } .box-comments .box-comment img { float: left; } .box-comments .comment-text { margin-left: 40px; color: #555; } .box-comments .username { color: #444; display: block; font-weight: 600; } .box-comments .text-muted { font-weight: 400; font-size: 12px; } /* Widget: TODO LIST */ .todo-list { margin: 0; padding: 0; list-style: none; overflow: auto; } .todo-list > li { border-radius: 2px; padding: 10px; background: #f4f4f4; margin-bottom: 2px; border-left: 2px solid #e6e7e8; color: #444; } .todo-list > li:last-of-type { margin-bottom: 0; } .todo-list > li > input[type='checkbox'] { margin: 0 10px 0 5px; } .todo-list > li .text { display: inline-block; margin-left: 5px; font-weight: 600; } .todo-list > li .label { margin-left: 10px; font-size: 9px; } .todo-list > li .tools { display: none; float: right; color: #ee3524; } .todo-list > li .tools > .fa, .todo-list > li .tools > .glyphicon, .todo-list > li .tools > .ion { margin-right: 5px; cursor: pointer; } .todo-list > li:hover .tools { display: inline-block; } .todo-list > li.done { color: #999; } .todo-list > li.done .text { text-decoration: line-through; font-weight: 500; } .todo-list > li.done .label { background: #d2d6de !important; } .todo-list .danger { border-left-color: #ee3524; } .todo-list .warning { border-left-color: #f39c12; } .todo-list .info { border-left-color: #00c0ef; } .todo-list .success { border-left-color: #00a65a; } .todo-list .primary { border-left-color: #008ca9; } .todo-list .handle { display: inline-block; cursor: move; margin: 0 5px; } /* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/ .chat { padding: 5px 20px 5px 10px; } .chat .item { margin-bottom: 10px; } .chat .item:before, .chat .item:after { content: " "; display: table; } .chat .item:after { clear: both; } .chat .item > img { width: 40px; height: 40px; border: 2px solid transparent; border-radius: 50%; } .chat .item > .online { border: 2px solid #00a65a; } .chat .item > .offline { border: 2px solid #ee3524; } .chat .item > .message { margin-left: 55px; margin-top: -40px; } .chat .item > .message > .name { display: block; font-weight: 600; } .chat .item > .attachment { border-radius: 3px; background: #f4f4f4; margin-left: 65px; margin-right: 15px; padding: 10px; } .chat .item > .attachment > h4 { margin: 0 0 5px 0; font-weight: 600; font-size: 14px; } .chat .item > .attachment > p, .chat .item > .attachment > .filename { font-weight: 600; font-size: 13px; font-style: italic; margin: 0; } .chat .item > .attachment:before, .chat .item > .attachment:after { content: " "; display: table; } .chat .item > .attachment:after { clear: both; } .box-input { max-width: 200px; } .modal .panel-body { color: #444; } /* * Component: Info Box * ------------------- */ .info-box { display: block; min-height: 90px; background: #fff; width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 2px; margin-bottom: 15px; } .info-box small { font-size: 14px; } .info-box .progress { background: rgba(0, 0, 0, 0.2); margin: 5px -10px 5px -10px; height: 2px; } .info-box .progress, .info-box .progress .progress-bar { border-radius: 0; } .info-box .progress .progress-bar { background: #fff; } .info-box-icon { border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; display: block; float: left; height: 90px; width: 90px; text-align: center; font-size: 45px; line-height: 90px; background: rgba(0, 0, 0, 0.2); } .info-box-icon > img { max-width: 100%; } .info-box-content { padding: 5px 10px; margin-left: 90px; } .info-box-number { display: block; font-weight: bold; font-size: 18px; } .progress-description, .info-box-text { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .info-box-text { text-transform: uppercase; } .info-box-more { display: block; } .progress-description { margin: 0; } /* * Component: Timeline * ------------------- */ .timeline { position: relative; margin: 0 0 30px 0; padding: 0; list-style: none; } .timeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 4px; background: #ddd; left: 31px; margin: 0; border-radius: 2px; } .timeline > li { position: relative; margin-right: 10px; margin-bottom: 15px; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-item { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; margin-top: 0; background: #fff; color: #444; margin-left: 60px; margin-right: 15px; padding: 0; position: relative; } .timeline > li > .timeline-item > .time { color: #999; float: right; padding: 10px; font-size: 12px; } .timeline > li > .timeline-item > .timeline-header { margin: 0; color: #555; border-bottom: 1px solid #f4f4f4; padding: 10px; font-size: 16px; line-height: 1.1; } .timeline > li > .timeline-item > .timeline-header > a { font-weight: 600; } .timeline > li > .timeline-item > .timeline-body, .timeline > li > .timeline-item > .timeline-footer { padding: 10px; } .timeline > li > .fa, .timeline > li > .glyphicon, .timeline > li > .ion { width: 30px; height: 30px; font-size: 15px; line-height: 30px; position: absolute; color: #666; background: #d2d6de; border-radius: 50%; text-align: center; left: 18px; top: 0; } .timeline > .time-label > span { font-weight: 600; padding: 5px; display: inline-block; background-color: #fff; border-radius: 4px; } .timeline-inverse > li > .timeline-item { background: #f0f0f0; border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; } .timeline-inverse > li > .timeline-item > .timeline-header { border-bottom-color: #ddd; } /* * Component: Button * ----------------- */ .btn { border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; border: 0 solid transparent; } .btn.uppercase { text-transform: uppercase; } .btn.btn-flat { border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-width: 0; } .btn:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn:focus { outline: none; } .btn.small { padding: 3px 6px; font-size: 10px; } .btn.btn-file { position: relative; overflow: hidden; } .btn.btn-file > input[type='file'] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; opacity: 0; filter: alpha(opacity=0); outline: none; background: white; cursor: inherit; display: block; } .btn-default { background-color: #f4f4f4; color: #444; border-color: #ddd; } .btn-default:hover, .btn-default:active, .btn-default.hover { background-color: #e7e7e7; } .btn-primary { background-color: #008ca9; border-color: #007790; } .btn-primary:hover, .btn-primary:active, .btn-primary.hover { background-color: #007790; } .btn-success { background-color: #00a65a; border-color: #008d4c; } .btn-success:hover, .btn-success:active, .btn-success.hover { background-color: #008d4c; } .btn-info { background-color: #00c0ef; border-color: #00acd6; } .btn-info:hover, .btn-info:active, .btn-info.hover { background-color: #00acd6; } .btn-danger { background-color: #ee3524; border-color: #e72412; } .btn-danger:hover, .btn-danger:active, .btn-danger.hover { background-color: #e72412; } .btn-warning { background-color: #f39c12; border-color: #e08e0b; } .btn-warning:hover, .btn-warning:active, .btn-warning.hover { background-color: #e08e0b; } .btn-outline { border: 1px solid #fff; background: transparent; color: #fff; } .btn-outline:hover, .btn-outline:focus, .btn-outline:active { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.7); } .btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn[class*='bg-']:hover { -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); } .btn-app { border-radius: 3px; position: relative; padding: 15px 5px; margin: 0 0 10px 10px; min-width: 80px; height: 60px; text-align: center; color: #666; border: 1px solid #ddd; background-color: #f4f4f4; font-size: 12px; } .btn-app > .fa, .btn-app > .glyphicon, .btn-app > .ion { font-size: 20px; display: block; } .btn-app:hover { background: #f4f4f4; color: #444; border-color: #aaa; } .btn-app:active, .btn-app:focus { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-app > .badge { position: absolute; top: -3px; right: -10px; font-size: 10px; font-weight: 400; } /* * Component: Callout * ------------------ */ .callout { border-radius: 3px; margin: 0 0 20px 0; padding: 15px 30px 15px 15px; border-left: 5px solid #eee; } .callout a { color: #008ca9; font-weight: 600; } .callout a:hover { color: #003843; } .callout h4 { margin-top: 0; font-weight: 600; } .callout p:last-child { margin-bottom: 0; } .callout code, .callout .highlight { background-color: #fff; } .callout.callout-danger { border-color: #cf2010; } .callout.callout-warning { border-color: #c87f0a; } .callout.callout-info { border-color: #0097bc; } .callout.callout-success { border-color: #00733e; } /* * Component: alert * ---------------- */ .alert { border-radius: 0; } .alert h4 { font-weight: 600; } .alert .icon { margin-right: 10px; } .alert .close { color: #000; opacity: 0.2; filter: alpha(opacity=20); } .alert .close:hover { opacity: 0.5; filter: alpha(opacity=50); } .alert a { color: #fff; text-decoration: underline; } .alert-success { border-color: #008d4c; } .alert-danger, .alert-error { border-color: #e72412; } .alert-warning { border-color: #e08e0b; } .alert-info { border-color: #00acd6; } /* * Component: Nav * -------------- */ .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus { color: #444; background: #f7f7f7; } /* NAV PILLS */ .nav-pills > li > a { border-radius: 0; border-top: 3px solid transparent; color: #444; } .nav-pills > li > a > .fa, .nav-pills > li > a > .glyphicon, .nav-pills > li > a > .ion { margin-right: 5px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { border-top-color: #008ca9; } .nav-pills > li.active > a { font-weight: 600; } /* NAV STACKED */ .nav-stacked > li > a { border-radius: 0; border-top: 0; border-left: 3px solid transparent; color: #444; } .nav-stacked > li.active > a, .nav-stacked > li.active > a:hover { background: transparent; color: #444; border-top: 0; border-left-color: #008ca9; } .nav-stacked > li.header { border-bottom: 1px solid #ddd; color: #777; margin-bottom: 10px; padding: 5px 10px; text-transform: uppercase; } /* NAV TABS */ .nav-tabs-custom { margin-bottom: 20px; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; } .nav-tabs-custom > .nav-tabs { margin: 0; border-bottom-color: #f4f4f4; border-top-right-radius: 3px; border-top-left-radius: 3px; } .nav-tabs-custom > .nav-tabs > li { border-top: 3px solid transparent; margin-bottom: -2px; margin-right: 5px; } .nav-tabs-custom > .nav-tabs > li > a { color: #444; border-radius: 0; } .nav-tabs-custom > .nav-tabs > li > a.text-muted { color: #999; } .nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover { background: transparent; margin: 0; } .nav-tabs-custom > .nav-tabs > li > a:hover { color: #999; } .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active { border-color: transparent; } .nav-tabs-custom > .nav-tabs > li.active { border-top-color: #008ca9; } .nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a { background-color: #fff; color: #444; } .nav-tabs-custom > .nav-tabs > li.active > a { border-top-color: transparent; border-left-color: #f4f4f4; border-right-color: #f4f4f4; } .nav-tabs-custom > .nav-tabs > li:first-of-type { margin-left: 0; } .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a { border-left-color: transparent; } .nav-tabs-custom > .nav-tabs.pull-right { float: none !important; } .nav-tabs-custom > .nav-tabs.pull-right > li { float: right; } .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type { margin-right: 0; } .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a { border-left-width: 1px; } .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a { border-left-color: #f4f4f4; border-right-color: transparent; } .nav-tabs-custom > .nav-tabs > li.header { line-height: 35px; padding: 0 10px; font-size: 20px; color: #444; } .nav-tabs-custom > .nav-tabs > li.header > .fa, .nav-tabs-custom > .nav-tabs > li.header > .glyphicon, .nav-tabs-custom > .nav-tabs > li.header > .ion { margin-right: 5px; } .nav-tabs-custom > .tab-content { background: #fff; padding: 10px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .nav-tabs-custom .dropdown.open > a:active, .nav-tabs-custom .dropdown.open > a:focus { background: transparent; color: #999; } .nav-tabs-custom.tab-primary > .nav-tabs > li.active { border-top-color: #008ca9; } .nav-tabs-custom.tab-info > .nav-tabs > li.active { border-top-color: #00c0ef; } .nav-tabs-custom.tab-danger > .nav-tabs > li.active { border-top-color: #ee3524; } .nav-tabs-custom.tab-warning > .nav-tabs > li.active { border-top-color: #f39c12; } .nav-tabs-custom.tab-success > .nav-tabs > li.active { border-top-color: #00a65a; } .nav-tabs-custom.tab-default > .nav-tabs > li.active { border-top-color: #d2d6de; } /* PAGINATION */ .pagination > li > a { background: #fafafa; color: #666; } .pagination.pagination-flat > li > a { border-radius: 0 !important; } /* * Component: Products List * ------------------------ */ .products-list { list-style: none; margin: 0; padding: 0; } .products-list > .item { border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); padding: 10px 0; background: #fff; } .products-list > .item:before, .products-list > .item:after { content: " "; display: table; } .products-list > .item:after { clear: both; } .products-list .product-img { float: left; } .products-list .product-img img { width: 50px; height: 50px; } .products-list .product-info { margin-left: 60px; } .products-list .product-title { font-weight: 600; } .products-list .product-description { display: block; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .product-list-in-box > .item { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border-bottom: 1px solid #f4f4f4; } .product-list-in-box > .item:last-of-type { border-bottom-width: 0; } /* * Component: Table * ---------------- */ .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 1px solid #f4f4f4; padding: 12px 8px; vertical-align: middle; color: #008ca9; font-weight: normal; } .table > thead > tr > th a, .table > tbody > tr > th a, .table > tfoot > tr > th a, .table > thead > tr > td a, .table > tbody > tr > td a, .table > tfoot > tr > td a { position: relative; } .table > thead > tr > th a:after, .table > tbody > tr > th a:after, .table > tfoot > tr > th a:after, .table > thead > tr > td a:after, .table > tbody > tr > td a:after, .table > tfoot > tr > td a:after { content: "\f105"; font-family: FontAwesome; margin-left: 5px; } .table > thead > tr > th .btn:after, .table > tbody > tr > th .btn:after, .table > tfoot > tr > th .btn:after, .table > thead > tr > td .btn:after, .table > tbody > tr > td .btn:after, .table > tfoot > tr > td .btn:after { display: none; } .table > thead > tr > th .btn.btn-flat, .table > tbody > tr > th .btn.btn-flat, .table > tfoot > tr > th .btn.btn-flat, .table > thead > tr > td .btn.btn-flat, .table > tbody > tr > td .btn.btn-flat, .table > tfoot > tr > td .btn.btn-flat { padding: 5px 10px; font-size: 12px; } .table > thead > tr > th.options, .table > tbody > tr > th.options, .table > tfoot > tr > th.options, .table > thead > tr > td.options, .table > tbody > tr > td.options, .table > tfoot > tr > td.options { white-space: nowrap; } .table > thead > tr > th { color: #111; border-bottom: 2px solid #f4f4f4; border-top: 2px solid #f4f4f4 !important; font-weight: normal; white-space: nowrap; vertical-align: middle; } .table tr td .progress { margin-top: 5px; } .table > tfoot > tr > td { color: #111; } .table-hover > tbody > tr:hover td { background-color: #f6fbfc; } .table-bordered { border: 1px solid #f4f4f4; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #f4f4f4; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table.no-border, .table.no-border td, .table.no-border th { border: 0; } /* .text-center in tables */ table.text-center, table.text-center td, table.text-center th { text-align: center; } .table.align th { text-align: left; } .table.align td { text-align: right; } /* * Component: Label * ---------------- */ label { font-weight: normal; } .label-default { background-color: #d2d6de; color: #444; } /* * Component: Direct Chat * ---------------------- */ .direct-chat .box-body { border-bottom-right-radius: 0; border-bottom-left-radius: 0; position: relative; overflow-x: hidden; padding: 0; } .direct-chat.chat-pane-open .direct-chat-contacts { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .direct-chat-messages { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); padding: 10px; height: 250px; overflow: auto; } .direct-chat-msg, .direct-chat-text { display: block; } .direct-chat-msg { margin-bottom: 10px; } .direct-chat-msg:before, .direct-chat-msg:after { content: " "; display: table; } .direct-chat-msg:after { clear: both; } .direct-chat-messages, .direct-chat-contacts { -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } .direct-chat-text { border-radius: 5px; position: relative; padding: 5px 10px; background: #d2d6de; border: 1px solid #d2d6de; margin: 5px 0 0 50px; color: #444; } .direct-chat-text:after, .direct-chat-text:before { position: absolute; right: 100%; top: 15px; border: solid transparent; border-right-color: #d2d6de; content: ' '; height: 0; width: 0; pointer-events: none; } .direct-chat-text:after { border-width: 5px; margin-top: -5px; } .direct-chat-text:before { border-width: 6px; margin-top: -6px; } .right .direct-chat-text { margin-right: 50px; margin-left: 0; } .right .direct-chat-text:after, .right .direct-chat-text:before { right: auto; left: 100%; border-right-color: transparent; border-left-color: #d2d6de; } .direct-chat-img { border-radius: 50%; float: left; width: 40px; height: 40px; } .right .direct-chat-img { float: right; } .direct-chat-info { display: block; margin-bottom: 2px; font-size: 12px; } .direct-chat-name { font-weight: 600; } .direct-chat-timestamp { color: #999; } .direct-chat-contacts-open .direct-chat-contacts { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .direct-chat-contacts { -webkit-transform: translate(101%, 0); -ms-transform: translate(101%, 0); -o-transform: translate(101%, 0); transform: translate(101%, 0); position: absolute; top: 0; bottom: 0; height: 250px; width: 100%; background: #222d32; color: #fff; overflow: auto; } .contacts-list > li { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 10px; margin: 0; } .contacts-list > li:before, .contacts-list > li:after { content: " "; display: table; } .contacts-list > li:after { clear: both; } .contacts-list > li:last-of-type { border-bottom: none; } .contacts-list-img { border-radius: 50%; width: 40px; float: left; } .contacts-list-info { margin-left: 45px; color: #fff; } .contacts-list-name, .contacts-list-status { display: block; } .contacts-list-name { font-weight: 600; } .contacts-list-status { font-size: 12px; } .contacts-list-date { color: #aaa; font-weight: normal; } .contacts-list-msg { color: #999; } .direct-chat-danger .right > .direct-chat-text { background: #ee3524; border-color: #ee3524; color: #fff; } .direct-chat-danger .right > .direct-chat-text:after, .direct-chat-danger .right > .direct-chat-text:before { border-left-color: #ee3524; } .direct-chat-primary .right > .direct-chat-text { background: #008ca9; border-color: #008ca9; color: #fff; } .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before { border-left-color: #008ca9; } .direct-chat-warning .right > .direct-chat-text { background: #f39c12; border-color: #f39c12; color: #fff; } .direct-chat-warning .right > .direct-chat-text:after, .direct-chat-warning .right > .direct-chat-text:before { border-left-color: #f39c12; } .direct-chat-info .right > .direct-chat-text { background: #00c0ef; border-color: #00c0ef; color: #fff; } .direct-chat-info .right > .direct-chat-text:after, .direct-chat-info .right > .direct-chat-text:before { border-left-color: #00c0ef; } .direct-chat-success .right > .direct-chat-text { background: #00a65a; border-color: #00a65a; color: #fff; } .direct-chat-success .right > .direct-chat-text:after, .direct-chat-success .right > .direct-chat-text:before { border-left-color: #00a65a; } /* * Component: Users List * --------------------- */ .users-list > li { width: 25%; float: left; padding: 10px; text-align: center; } .users-list > li img { border-radius: 50%; max-width: 100%; height: auto; } .users-list > li > a:hover, .users-list > li > a:hover .users-list-name { color: #999; } .users-list-name, .users-list-date { display: block; } .users-list-name { font-weight: 600; color: #444; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .users-list-date { color: #999; font-size: 12px; } /* * Component: Carousel * ------------------- */ .carousel-control.left, .carousel-control.right { background-image: none; } .carousel-control > .fa { font-size: 40px; position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -20px; } /* * Component: modal * ---------------- */ .modal { background: rgba(0, 0, 0, 0.3); } .modal-content { border-radius: 0; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); border: 0; } @media (min-width: 768px) { .modal-content { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); } } .modal-header { border-bottom-color: #f4f4f4; } .modal-footer { border-top-color: #f4f4f4; } .modal-primary .modal-header, .modal-primary .modal-footer { border-color: #006276; } .modal-warning .modal-header, .modal-warning .modal-footer { border-color: #c87f0a; } .modal-info .modal-header, .modal-info .modal-footer { border-color: #0097bc; } .modal-success .modal-header, .modal-success .modal-footer { border-color: #00733e; } .modal-danger .modal-header, .modal-danger .modal-footer { border-color: #cf2010; } /* * Component: Social Widgets * ------------------------- */ .box-widget { border: none; position: relative; } .widget-user .widget-user-header { padding: 20px; height: 120px; border-top-right-radius: 3px; border-top-left-radius: 3px; } .widget-user .widget-user-username { margin-top: 0; margin-bottom: 5px; font-size: 25px; font-weight: 300; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .widget-user .widget-user-desc { margin-top: 0; } .widget-user .widget-user-image { position: absolute; top: 65px; left: 50%; margin-left: -45px; } .widget-user .widget-user-image > img { width: 90px; height: auto; border: 3px solid #fff; } .widget-user .box-footer { padding-top: 30px; } .widget-user-2 .widget-user-header { padding: 20px; border-top-right-radius: 3px; border-top-left-radius: 3px; } .widget-user-2 .widget-user-username { margin-top: 5px; margin-bottom: 5px; font-size: 25px; font-weight: 300; } .widget-user-2 .widget-user-desc { margin-top: 0; } .widget-user-2 .widget-user-username, .widget-user-2 .widget-user-desc { margin-left: 75px; } .widget-user-2 .widget-user-image > img { width: 65px; height: auto; float: left; } /* * Page: Mailbox * ------------- */ .mailbox-messages > .table { margin: 0; } .mailbox-controls { padding: 5px; } .mailbox-controls.with-border { border-bottom: 1px solid #f4f4f4; } .mailbox-read-info { border-bottom: 1px solid #f4f4f4; padding: 10px; } .mailbox-read-info h3 { font-size: 20px; margin: 0; } .mailbox-read-info h5 { margin: 0; padding: 5px 0 0 0; } .mailbox-read-time { color: #999; font-size: 13px; } .mailbox-read-message { padding: 10px; } .mailbox-attachments li { float: left; width: 200px; border: 1px solid #eee; margin-bottom: 10px; margin-right: 10px; } .mailbox-attachment-name { font-weight: bold; color: #666; } .mailbox-attachment-icon, .mailbox-attachment-info, .mailbox-attachment-size { display: block; } .mailbox-attachment-info { padding: 10px; background: #f4f4f4; } .mailbox-attachment-size { color: #999; font-size: 12px; } .mailbox-attachment-icon { text-align: center; font-size: 65px; color: #666; padding: 20px 10px; } .mailbox-attachment-icon.has-img { padding: 0; } .mailbox-attachment-icon.has-img > img { max-width: 100%; height: auto; } /* * Page: Lock Screen * ----------------- */ /* ADD THIS CLASS TO THE <BODY> TAG */ .lockscreen { background: #d2d6de; } .lockscreen-logo { font-size: 35px; text-align: center; margin-bottom: 25px; font-weight: 300; } .lockscreen-logo a { color: #444; } .lockscreen-wrapper { max-width: 400px; margin: 0 auto; margin-top: 10%; } /* User name [optional] */ .lockscreen .lockscreen-name { text-align: center; font-weight: 600; } /* Will contain the image and the sign in form */ .lockscreen-item { border-radius: 4px; padding: 0; background: #fff; position: relative; margin: 10px auto 30px auto; width: 290px; } /* User image */ .lockscreen-image { border-radius: 50%; position: absolute; left: -10px; top: -25px; background: #fff; padding: 5px; z-index: 10; } .lockscreen-image > img { border-radius: 50%; width: 70px; height: 70px; } /* Contains the password input and the login button */ .lockscreen-credentials { margin-left: 70px; } .lockscreen-credentials .form-control { border: 0; } .lockscreen-credentials .btn { background-color: #fff; border: 0; padding: 0 10px; } .lockscreen-footer { margin-top: 10px; } /* * Page: Login & Register * ---------------------- */ .login-logo, .register-logo { font-size: 35px; text-align: center; margin-bottom: 25px; font-weight: 300; } .login-logo a, .register-logo a { color: #444; } .login-page, .register-page { background: #d2d6de; } .login-box, .register-box { width: 400px; margin: 7% auto; } @media (max-width: 768px) { .login-box, .register-box { width: 90%; margin-top: 20px; } } .login-box-body, .register-box-body { background: #fff; padding: 20px; border-top: 0; color: #666; } .login-box-body .form-control-feedback, .register-box-body .form-control-feedback { color: #777; } .login-box-msg, .register-box-msg { margin: 0; text-align: center; padding: 0 20px 20px 20px; } .social-auth-links { margin: 10px 0; } /* * Page: 400 and 500 error pages * ------------------------------ */ .error-page { width: 600px; margin: 20px auto 0 auto; } @media (max-width: 991px) { .error-page { width: 100%; } } .error-page > .headline { float: left; font-size: 100px; font-weight: 300; } @media (max-width: 991px) { .error-page > .headline { float: none; text-align: center; } } .error-page > .error-content { margin-left: 190px; display: block; } @media (max-width: 991px) { .error-page > .error-content { margin-left: 0; } } .error-page > .error-content > h3 { font-weight: 300; font-size: 25px; } @media (max-width: 991px) { .error-page > .error-content > h3 { text-align: center; } } /* * Page: Invoice * ------------- */ .invoice { position: relative; background: #fff; border: 1px solid #f4f4f4; padding: 20px; margin: 10px 25px; } .invoice-title { margin-top: 0; } /* * Page: Profile * ------------- */ .profile-user-img { margin: 0 auto; width: 100px; padding: 3px; border: 3px solid #d2d6de; } .profile-username { font-size: 21px; margin-top: 5px; } .post { border-bottom: 1px solid #d2d6de; margin-bottom: 15px; padding-bottom: 15px; color: #666; } .post:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .post .user-block { margin-bottom: 15px; } /* * Social Buttons for Bootstrap * * Copyright 2013-2015 Panayiotis Lipiridis * Licensed under the MIT License * * https://github.com/lipis/bootstrap-social */ .btn-social { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .btn-social > :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2); } .btn-social.btn-lg { padding-left: 61px; } .btn-social.btn-lg > :first-child { line-height: 45px; width: 45px; font-size: 1.8em; } .btn-social.btn-sm { padding-left: 38px; } .btn-social.btn-sm > :first-child { line-height: 28px; width: 28px; font-size: 1.4em; } .btn-social.btn-xs { padding-left: 30px; } .btn-social.btn-xs > :first-child { line-height: 20px; width: 20px; font-size: 1.2em; } .btn-social-icon { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 34px; width: 34px; padding: 0; } .btn-social-icon > :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2); } .btn-social-icon.btn-lg { padding-left: 61px; } .btn-social-icon.btn-lg > :first-child { line-height: 45px; width: 45px; font-size: 1.8em; } .btn-social-icon.btn-sm { padding-left: 38px; } .btn-social-icon.btn-sm > :first-child { line-height: 28px; width: 28px; font-size: 1.4em; } .btn-social-icon.btn-xs { padding-left: 30px; } .btn-social-icon.btn-xs > :first-child { line-height: 20px; width: 20px; font-size: 1.2em; } .btn-social-icon > :first-child { border: none; text-align: center; width: 100%; } .btn-social-icon.btn-lg { height: 45px; width: 45px; padding-left: 0; padding-right: 0; } .btn-social-icon.btn-sm { height: 30px; width: 30px; padding-left: 0; padding-right: 0; } .btn-social-icon.btn-xs { height: 22px; width: 22px; padding-left: 0; padding-right: 0; } .btn-adn { color: #fff; background-color: #d87a68; border-color: rgba(0, 0, 0, 0.2); } .btn-adn:focus, .btn-adn.focus { color: #fff; background-color: #ce563f; border-color: rgba(0, 0, 0, 0.2); } .btn-adn:hover { color: #fff; background-color: #ce563f; border-color: rgba(0, 0, 0, 0.2); } .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn { color: #fff; background-color: #ce563f; border-color: rgba(0, 0, 0, 0.2); } .btn-adn:active:hover, .btn-adn.active:hover, .open > .dropdown-toggle.btn-adn:hover, .btn-adn:active:focus, .btn-adn.active:focus, .open > .dropdown-toggle.btn-adn:focus, .btn-adn:active.focus, .btn-adn.active.focus, .open > .dropdown-toggle.btn-adn.focus { color: #fff; background-color: #b94630; border-color: rgba(0, 0, 0, 0.2); } .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn { background-image: none; } .btn-adn.disabled, .btn-adn[disabled], fieldset[disabled] .btn-adn, .btn-adn.disabled:hover, .btn-adn[disabled]:hover, fieldset[disabled] .btn-adn:hover, .btn-adn.disabled:focus, .btn-adn[disabled]:focus, fieldset[disabled] .btn-adn:focus, .btn-adn.disabled.focus, .btn-adn[disabled].focus, fieldset[disabled] .btn-adn.focus, .btn-adn.disabled:active, .btn-adn[disabled]:active, fieldset[disabled] .btn-adn:active, .btn-adn.disabled.active, .btn-adn[disabled].active, fieldset[disabled] .btn-adn.active { background-color: #d87a68; border-color: rgba(0, 0, 0, 0.2); } .btn-adn .badge { color: #d87a68; background-color: #fff; } .btn-bitbucket { color: #fff; background-color: #205081; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket:focus, .btn-bitbucket.focus { color: #fff; background-color: #163758; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket:hover { color: #fff; background-color: #163758; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket { color: #fff; background-color: #163758; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket:active:hover, .btn-bitbucket.active:hover, .open > .dropdown-toggle.btn-bitbucket:hover, .btn-bitbucket:active:focus, .btn-bitbucket.active:focus, .open > .dropdown-toggle.btn-bitbucket:focus, .btn-bitbucket:active.focus, .btn-bitbucket.active.focus, .open > .dropdown-toggle.btn-bitbucket.focus { color: #fff; background-color: #0f253c; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket { background-image: none; } .btn-bitbucket.disabled, .btn-bitbucket[disabled], fieldset[disabled] .btn-bitbucket, .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled.focus, .btn-bitbucket[disabled].focus, fieldset[disabled] .btn-bitbucket.focus, .btn-bitbucket.disabled:active, .btn-bitbucket[disabled]:active, fieldset[disabled] .btn-bitbucket:active, .btn-bitbucket.disabled.active, .btn-bitbucket[disabled].active, fieldset[disabled] .btn-bitbucket.active { background-color: #205081; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket .badge { color: #205081; background-color: #fff; } .btn-dropbox { color: #fff; background-color: #1087dd; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox:focus, .btn-dropbox.focus { color: #fff; background-color: #0d6aad; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox:hover { color: #fff; background-color: #0d6aad; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox { color: #fff; background-color: #0d6aad; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox:active:hover, .btn-dropbox.active:hover, .open > .dropdown-toggle.btn-dropbox:hover, .btn-dropbox:active:focus, .btn-dropbox.active:focus, .open > .dropdown-toggle.btn-dropbox:focus, .btn-dropbox:active.focus, .btn-dropbox.active.focus, .open > .dropdown-toggle.btn-dropbox.focus { color: #fff; background-color: #0a568c; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox { background-image: none; } .btn-dropbox.disabled, .btn-dropbox[disabled], fieldset[disabled] .btn-dropbox, .btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled.focus, .btn-dropbox[disabled].focus, fieldset[disabled] .btn-dropbox.focus, .btn-dropbox.disabled:active, .btn-dropbox[disabled]:active, fieldset[disabled] .btn-dropbox:active, .btn-dropbox.disabled.active, .btn-dropbox[disabled].active, fieldset[disabled] .btn-dropbox.active { background-color: #1087dd; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox .badge { color: #1087dd; background-color: #fff; } .btn-facebook { color: #fff; background-color: #3b5998; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook:focus, .btn-facebook.focus { color: #fff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook:hover { color: #fff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook { color: #fff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook:active:hover, .btn-facebook.active:hover, .open > .dropdown-toggle.btn-facebook:hover, .btn-facebook:active:focus, .btn-facebook.active:focus, .open > .dropdown-toggle.btn-facebook:focus, .btn-facebook:active.focus, .btn-facebook.active.focus, .open > .dropdown-toggle.btn-facebook.focus { color: #fff; background-color: #23345a; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook { background-image: none; } .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled.focus, .btn-facebook[disabled].focus, fieldset[disabled] .btn-facebook.focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active { background-color: #3b5998; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook .badge { color: #3b5998; background-color: #fff; } .btn-flickr { color: #fff; background-color: #ff0084; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr:focus, .btn-flickr.focus { color: #fff; background-color: #cc006a; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr:hover { color: #fff; background-color: #cc006a; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr { color: #fff; background-color: #cc006a; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr:active:hover, .btn-flickr.active:hover, .open > .dropdown-toggle.btn-flickr:hover, .btn-flickr:active:focus, .btn-flickr.active:focus, .open > .dropdown-toggle.btn-flickr:focus, .btn-flickr:active.focus, .btn-flickr.active.focus, .open > .dropdown-toggle.btn-flickr.focus { color: #fff; background-color: #a80057; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr { background-image: none; } .btn-flickr.disabled, .btn-flickr[disabled], fieldset[disabled] .btn-flickr, .btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled.focus, .btn-flickr[disabled].focus, fieldset[disabled] .btn-flickr.focus, .btn-flickr.disabled:active, .btn-flickr[disabled]:active, fieldset[disabled] .btn-flickr:active, .btn-flickr.disabled.active, .btn-flickr[disabled].active, fieldset[disabled] .btn-flickr.active { background-color: #ff0084; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr .badge { color: #ff0084; background-color: #fff; } .btn-foursquare { color: #fff; background-color: #f94877; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare:focus, .btn-foursquare.focus { color: #fff; background-color: #f71752; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare:hover { color: #fff; background-color: #f71752; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare { color: #fff; background-color: #f71752; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare:active:hover, .btn-foursquare.active:hover, .open > .dropdown-toggle.btn-foursquare:hover, .btn-foursquare:active:focus, .btn-foursquare.active:focus, .open > .dropdown-toggle.btn-foursquare:focus, .btn-foursquare:active.focus, .btn-foursquare.active.focus, .open > .dropdown-toggle.btn-foursquare.focus { color: #fff; background-color: #e30742; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare { background-image: none; } .btn-foursquare.disabled, .btn-foursquare[disabled], fieldset[disabled] .btn-foursquare, .btn-foursquare.disabled:hover, .btn-foursquare[disabled]:hover, fieldset[disabled] .btn-foursquare:hover, .btn-foursquare.disabled:focus, .btn-foursquare[disabled]:focus, fieldset[disabled] .btn-foursquare:focus, .btn-foursquare.disabled.focus, .btn-foursquare[disabled].focus, fieldset[disabled] .btn-foursquare.focus, .btn-foursquare.disabled:active, .btn-foursquare[disabled]:active, fieldset[disabled] .btn-foursquare:active, .btn-foursquare.disabled.active, .btn-foursquare[disabled].active, fieldset[disabled] .btn-foursquare.active { background-color: #f94877; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare .badge { color: #f94877; background-color: #fff; } .btn-github { color: #fff; background-color: #444444; border-color: rgba(0, 0, 0, 0.2); } .btn-github:focus, .btn-github.focus { color: #fff; background-color: #2b2b2b; border-color: rgba(0, 0, 0, 0.2); } .btn-github:hover { color: #fff; background-color: #2b2b2b; border-color: rgba(0, 0, 0, 0.2); } .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github { color: #fff; background-color: #2b2b2b; border-color: rgba(0, 0, 0, 0.2); } .btn-github:active:hover, .btn-github.active:hover, .open > .dropdown-toggle.btn-github:hover, .btn-github:active:focus, .btn-github.active:focus, .open > .dropdown-toggle.btn-github:focus, .btn-github:active.focus, .btn-github.active.focus, .open > .dropdown-toggle.btn-github.focus { color: #fff; background-color: #191919; border-color: rgba(0, 0, 0, 0.2); } .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github { background-image: none; } .btn-github.disabled, .btn-github[disabled], fieldset[disabled] .btn-github, .btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled.focus, .btn-github[disabled].focus, fieldset[disabled] .btn-github.focus, .btn-github.disabled:active, .btn-github[disabled]:active, fieldset[disabled] .btn-github:active, .btn-github.disabled.active, .btn-github[disabled].active, fieldset[disabled] .btn-github.active { background-color: #444444; border-color: rgba(0, 0, 0, 0.2); } .btn-github .badge { color: #444444; background-color: #fff; } .btn-google { color: #fff; background-color: #dd4b39; border-color: rgba(0, 0, 0, 0.2); } .btn-google:focus, .btn-google.focus { color: #fff; background-color: #c23321; border-color: rgba(0, 0, 0, 0.2); } .btn-google:hover { color: #fff; background-color: #c23321; border-color: rgba(0, 0, 0, 0.2); } .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google { color: #fff; background-color: #c23321; border-color: rgba(0, 0, 0, 0.2); } .btn-google:active:hover, .btn-google.active:hover, .open > .dropdown-toggle.btn-google:hover, .btn-google:active:focus, .btn-google.active:focus, .open > .dropdown-toggle.btn-google:focus, .btn-google:active.focus, .btn-google.active.focus, .open > .dropdown-toggle.btn-google.focus { color: #fff; background-color: #a32b1c; border-color: rgba(0, 0, 0, 0.2); } .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google { background-image: none; } .btn-google.disabled, .btn-google[disabled], fieldset[disabled] .btn-google, .btn-google.disabled:hover, .btn-google[disabled]:hover, fieldset[disabled] .btn-google:hover, .btn-google.disabled:focus, .btn-google[disabled]:focus, fieldset[disabled] .btn-google:focus, .btn-google.disabled.focus, .btn-google[disabled].focus, fieldset[disabled] .btn-google.focus, .btn-google.disabled:active, .btn-google[disabled]:active, fieldset[disabled] .btn-google:active, .btn-google.disabled.active, .btn-google[disabled].active, fieldset[disabled] .btn-google.active { background-color: #dd4b39; border-color: rgba(0, 0, 0, 0.2); } .btn-google .badge { color: #dd4b39; background-color: #fff; } .btn-instagram { color: #fff; background-color: #3f729b; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram:focus, .btn-instagram.focus { color: #fff; background-color: #305777; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram:hover { color: #fff; background-color: #305777; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram { color: #fff; background-color: #305777; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram:active:hover, .btn-instagram.active:hover, .open > .dropdown-toggle.btn-instagram:hover, .btn-instagram:active:focus, .btn-instagram.active:focus, .open > .dropdown-toggle.btn-instagram:focus, .btn-instagram:active.focus, .btn-instagram.active.focus, .open > .dropdown-toggle.btn-instagram.focus { color: #fff; background-color: #26455d; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram { background-image: none; } .btn-instagram.disabled, .btn-instagram[disabled], fieldset[disabled] .btn-instagram, .btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled.focus, .btn-instagram[disabled].focus, fieldset[disabled] .btn-instagram.focus, .btn-instagram.disabled:active, .btn-instagram[disabled]:active, fieldset[disabled] .btn-instagram:active, .btn-instagram.disabled.active, .btn-instagram[disabled].active, fieldset[disabled] .btn-instagram.active { background-color: #3f729b; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram .badge { color: #3f729b; background-color: #fff; } .btn-linkedin { color: #fff; background-color: #007bb6; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin:focus, .btn-linkedin.focus { color: #fff; background-color: #005983; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin:hover { color: #fff; background-color: #005983; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin { color: #fff; background-color: #005983; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin:active:hover, .btn-linkedin.active:hover, .open > .dropdown-toggle.btn-linkedin:hover, .btn-linkedin:active:focus, .btn-linkedin.active:focus, .open > .dropdown-toggle.btn-linkedin:focus, .btn-linkedin:active.focus, .btn-linkedin.active.focus, .open > .dropdown-toggle.btn-linkedin.focus { color: #fff; background-color: #00405f; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin { background-image: none; } .btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled.focus, .btn-linkedin[disabled].focus, fieldset[disabled] .btn-linkedin.focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin.active { background-color: #007bb6; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin .badge { color: #007bb6; background-color: #fff; } .btn-microsoft { color: #fff; background-color: #2672ec; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft:focus, .btn-microsoft.focus { color: #fff; background-color: #125acd; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft:hover { color: #fff; background-color: #125acd; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft { color: #fff; background-color: #125acd; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft:active:hover, .btn-microsoft.active:hover, .open > .dropdown-toggle.btn-microsoft:hover, .btn-microsoft:active:focus, .btn-microsoft.active:focus, .open > .dropdown-toggle.btn-microsoft:focus, .btn-microsoft:active.focus, .btn-microsoft.active.focus, .open > .dropdown-toggle.btn-microsoft.focus { color: #fff; background-color: #0f4bac; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft { background-image: none; } .btn-microsoft.disabled, .btn-microsoft[disabled], fieldset[disabled] .btn-microsoft, .btn-microsoft.disabled:hover, .btn-microsoft[disabled]:hover, fieldset[disabled] .btn-microsoft:hover, .btn-microsoft.disabled:focus, .btn-microsoft[disabled]:focus, fieldset[disabled] .btn-microsoft:focus, .btn-microsoft.disabled.focus, .btn-microsoft[disabled].focus, fieldset[disabled] .btn-microsoft.focus, .btn-microsoft.disabled:active, .btn-microsoft[disabled]:active, fieldset[disabled] .btn-microsoft:active, .btn-microsoft.disabled.active, .btn-microsoft[disabled].active, fieldset[disabled] .btn-microsoft.active { background-color: #2672ec; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft .badge { color: #2672ec; background-color: #fff; } .btn-openid { color: #fff; background-color: #f7931e; border-color: rgba(0, 0, 0, 0.2); } .btn-openid:focus, .btn-openid.focus { color: #fff; background-color: #da7908; border-color: rgba(0, 0, 0, 0.2); } .btn-openid:hover { color: #fff; background-color: #da7908; border-color: rgba(0, 0, 0, 0.2); } .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid { color: #fff; background-color: #da7908; border-color: rgba(0, 0, 0, 0.2); } .btn-openid:active:hover, .btn-openid.active:hover, .open > .dropdown-toggle.btn-openid:hover, .btn-openid:active:focus, .btn-openid.active:focus, .open > .dropdown-toggle.btn-openid:focus, .btn-openid:active.focus, .btn-openid.active.focus, .open > .dropdown-toggle.btn-openid.focus { color: #fff; background-color: #b86607; border-color: rgba(0, 0, 0, 0.2); } .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid { background-image: none; } .btn-openid.disabled, .btn-openid[disabled], fieldset[disabled] .btn-openid, .btn-openid.disabled:hover, .btn-openid[disabled]:hover, fieldset[disabled] .btn-openid:hover, .btn-openid.disabled:focus, .btn-openid[disabled]:focus, fieldset[disabled] .btn-openid:focus, .btn-openid.disabled.focus, .btn-openid[disabled].focus, fieldset[disabled] .btn-openid.focus, .btn-openid.disabled:active, .btn-openid[disabled]:active, fieldset[disabled] .btn-openid:active, .btn-openid.disabled.active, .btn-openid[disabled].active, fieldset[disabled] .btn-openid.active { background-color: #f7931e; border-color: rgba(0, 0, 0, 0.2); } .btn-openid .badge { color: #f7931e; background-color: #fff; } .btn-pinterest { color: #fff; background-color: #cb2027; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest:focus, .btn-pinterest.focus { color: #fff; background-color: #9f191f; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest:hover { color: #fff; background-color: #9f191f; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest { color: #fff; background-color: #9f191f; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest:active:hover, .btn-pinterest.active:hover, .open > .dropdown-toggle.btn-pinterest:hover, .btn-pinterest:active:focus, .btn-pinterest.active:focus, .open > .dropdown-toggle.btn-pinterest:focus, .btn-pinterest:active.focus, .btn-pinterest.active.focus, .open > .dropdown-toggle.btn-pinterest.focus { color: #fff; background-color: #801419; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest { background-image: none; } .btn-pinterest.disabled, .btn-pinterest[disabled], fieldset[disabled] .btn-pinterest, .btn-pinterest.disabled:hover, .btn-pinterest[disabled]:hover, fieldset[disabled] .btn-pinterest:hover, .btn-pinterest.disabled:focus, .btn-pinterest[disabled]:focus, fieldset[disabled] .btn-pinterest:focus, .btn-pinterest.disabled.focus, .btn-pinterest[disabled].focus, fieldset[disabled] .btn-pinterest.focus, .btn-pinterest.disabled:active, .btn-pinterest[disabled]:active, fieldset[disabled] .btn-pinterest:active, .btn-pinterest.disabled.active, .btn-pinterest[disabled].active, fieldset[disabled] .btn-pinterest.active { background-color: #cb2027; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest .badge { color: #cb2027; background-color: #fff; } .btn-reddit { color: #000; background-color: #eff7ff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit:focus, .btn-reddit.focus { color: #000; background-color: #bcddff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit:hover { color: #000; background-color: #bcddff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit { color: #000; background-color: #bcddff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit:active:hover, .btn-reddit.active:hover, .open > .dropdown-toggle.btn-reddit:hover, .btn-reddit:active:focus, .btn-reddit.active:focus, .open > .dropdown-toggle.btn-reddit:focus, .btn-reddit:active.focus, .btn-reddit.active.focus, .open > .dropdown-toggle.btn-reddit.focus { color: #000; background-color: #98ccff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit { background-image: none; } .btn-reddit.disabled, .btn-reddit[disabled], fieldset[disabled] .btn-reddit, .btn-reddit.disabled:hover, .btn-reddit[disabled]:hover, fieldset[disabled] .btn-reddit:hover, .btn-reddit.disabled:focus, .btn-reddit[disabled]:focus, fieldset[disabled] .btn-reddit:focus, .btn-reddit.disabled.focus, .btn-reddit[disabled].focus, fieldset[disabled] .btn-reddit.focus, .btn-reddit.disabled:active, .btn-reddit[disabled]:active, fieldset[disabled] .btn-reddit:active, .btn-reddit.disabled.active, .btn-reddit[disabled].active, fieldset[disabled] .btn-reddit.active { background-color: #eff7ff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit .badge { color: #eff7ff; background-color: #000; } .btn-soundcloud { color: #fff; background-color: #ff5500; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud:focus, .btn-soundcloud.focus { color: #fff; background-color: #cc4400; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud:hover { color: #fff; background-color: #cc4400; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud { color: #fff; background-color: #cc4400; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud:active:hover, .btn-soundcloud.active:hover, .open > .dropdown-toggle.btn-soundcloud:hover, .btn-soundcloud:active:focus, .btn-soundcloud.active:focus, .open > .dropdown-toggle.btn-soundcloud:focus, .btn-soundcloud:active.focus, .btn-soundcloud.active.focus, .open > .dropdown-toggle.btn-soundcloud.focus { color: #fff; background-color: #a83800; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud { background-image: none; } .btn-soundcloud.disabled, .btn-soundcloud[disabled], fieldset[disabled] .btn-soundcloud, .btn-soundcloud.disabled:hover, .btn-soundcloud[disabled]:hover, fieldset[disabled] .btn-soundcloud:hover, .btn-soundcloud.disabled:focus, .btn-soundcloud[disabled]:focus, fieldset[disabled] .btn-soundcloud:focus, .btn-soundcloud.disabled.focus, .btn-soundcloud[disabled].focus, fieldset[disabled] .btn-soundcloud.focus, .btn-soundcloud.disabled:active, .btn-soundcloud[disabled]:active, fieldset[disabled] .btn-soundcloud:active, .btn-soundcloud.disabled.active, .btn-soundcloud[disabled].active, fieldset[disabled] .btn-soundcloud.active { background-color: #ff5500; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud .badge { color: #ff5500; background-color: #fff; } .btn-tumblr { color: #fff; background-color: #2c4762; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr:focus, .btn-tumblr.focus { color: #fff; background-color: #1c2d3f; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr:hover { color: #fff; background-color: #1c2d3f; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr { color: #fff; background-color: #1c2d3f; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr:active:hover, .btn-tumblr.active:hover, .open > .dropdown-toggle.btn-tumblr:hover, .btn-tumblr:active:focus, .btn-tumblr.active:focus, .open > .dropdown-toggle.btn-tumblr:focus, .btn-tumblr:active.focus, .btn-tumblr.active.focus, .open > .dropdown-toggle.btn-tumblr.focus { color: #fff; background-color: #111c26; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr { background-image: none; } .btn-tumblr.disabled, .btn-tumblr[disabled], fieldset[disabled] .btn-tumblr, .btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled.focus, .btn-tumblr[disabled].focus, fieldset[disabled] .btn-tumblr.focus, .btn-tumblr.disabled:active, .btn-tumblr[disabled]:active, fieldset[disabled] .btn-tumblr:active, .btn-tumblr.disabled.active, .btn-tumblr[disabled].active, fieldset[disabled] .btn-tumblr.active { background-color: #2c4762; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr .badge { color: #2c4762; background-color: #fff; } .btn-twitter { color: #fff; background-color: #55acee; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter:focus, .btn-twitter.focus { color: #fff; background-color: #2795e9; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter:hover { color: #fff; background-color: #2795e9; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter { color: #fff; background-color: #2795e9; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter:active:hover, .btn-twitter.active:hover, .open > .dropdown-toggle.btn-twitter:hover, .btn-twitter:active:focus, .btn-twitter.active:focus, .open > .dropdown-toggle.btn-twitter:focus, .btn-twitter:active.focus, .btn-twitter.active.focus, .open > .dropdown-toggle.btn-twitter.focus { color: #fff; background-color: #1583d7; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter { background-image: none; } .btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled.focus, .btn-twitter[disabled].focus, fieldset[disabled] .btn-twitter.focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active { background-color: #55acee; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter .badge { color: #55acee; background-color: #fff; } .btn-vimeo { color: #fff; background-color: #1ab7ea; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo:focus, .btn-vimeo.focus { color: #fff; background-color: #1295bf; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo:hover { color: #fff; background-color: #1295bf; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo { color: #fff; background-color: #1295bf; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo:active:hover, .btn-vimeo.active:hover, .open > .dropdown-toggle.btn-vimeo:hover, .btn-vimeo:active:focus, .btn-vimeo.active:focus, .open > .dropdown-toggle.btn-vimeo:focus, .btn-vimeo:active.focus, .btn-vimeo.active.focus, .open > .dropdown-toggle.btn-vimeo.focus { color: #fff; background-color: #0f7b9f; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo { background-image: none; } .btn-vimeo.disabled, .btn-vimeo[disabled], fieldset[disabled] .btn-vimeo, .btn-vimeo.disabled:hover, .btn-vimeo[disabled]:hover, fieldset[disabled] .btn-vimeo:hover, .btn-vimeo.disabled:focus, .btn-vimeo[disabled]:focus, fieldset[disabled] .btn-vimeo:focus, .btn-vimeo.disabled.focus, .btn-vimeo[disabled].focus, fieldset[disabled] .btn-vimeo.focus, .btn-vimeo.disabled:active, .btn-vimeo[disabled]:active, fieldset[disabled] .btn-vimeo:active, .btn-vimeo.disabled.active, .btn-vimeo[disabled].active, fieldset[disabled] .btn-vimeo.active { background-color: #1ab7ea; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo .badge { color: #1ab7ea; background-color: #fff; } .btn-vk { color: #fff; background-color: #587ea3; border-color: rgba(0, 0, 0, 0.2); } .btn-vk:focus, .btn-vk.focus { color: #fff; background-color: #466482; border-color: rgba(0, 0, 0, 0.2); } .btn-vk:hover { color: #fff; background-color: #466482; border-color: rgba(0, 0, 0, 0.2); } .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk { color: #fff; background-color: #466482; border-color: rgba(0, 0, 0, 0.2); } .btn-vk:active:hover, .btn-vk.active:hover, .open > .dropdown-toggle.btn-vk:hover, .btn-vk:active:focus, .btn-vk.active:focus, .open > .dropdown-toggle.btn-vk:focus, .btn-vk:active.focus, .btn-vk.active.focus, .open > .dropdown-toggle.btn-vk.focus { color: #fff; background-color: #3a526b; border-color: rgba(0, 0, 0, 0.2); } .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk { background-image: none; } .btn-vk.disabled, .btn-vk[disabled], fieldset[disabled] .btn-vk, .btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled.focus, .btn-vk[disabled].focus, fieldset[disabled] .btn-vk.focus, .btn-vk.disabled:active, .btn-vk[disabled]:active, fieldset[disabled] .btn-vk:active, .btn-vk.disabled.active, .btn-vk[disabled].active, fieldset[disabled] .btn-vk.active { background-color: #587ea3; border-color: rgba(0, 0, 0, 0.2); } .btn-vk .badge { color: #587ea3; background-color: #fff; } .btn-yahoo { color: #fff; background-color: #720e9e; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo:focus, .btn-yahoo.focus { color: #fff; background-color: #500a6f; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo:hover { color: #fff; background-color: #500a6f; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo { color: #fff; background-color: #500a6f; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo:active:hover, .btn-yahoo.active:hover, .open > .dropdown-toggle.btn-yahoo:hover, .btn-yahoo:active:focus, .btn-yahoo.active:focus, .open > .dropdown-toggle.btn-yahoo:focus, .btn-yahoo:active.focus, .btn-yahoo.active.focus, .open > .dropdown-toggle.btn-yahoo.focus { color: #fff; background-color: #39074e; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo { background-image: none; } .btn-yahoo.disabled, .btn-yahoo[disabled], fieldset[disabled] .btn-yahoo, .btn-yahoo.disabled:hover, .btn-yahoo[disabled]:hover, fieldset[disabled] .btn-yahoo:hover, .btn-yahoo.disabled:focus, .btn-yahoo[disabled]:focus, fieldset[disabled] .btn-yahoo:focus, .btn-yahoo.disabled.focus, .btn-yahoo[disabled].focus, fieldset[disabled] .btn-yahoo.focus, .btn-yahoo.disabled:active, .btn-yahoo[disabled]:active, fieldset[disabled] .btn-yahoo:active, .btn-yahoo.disabled.active, .btn-yahoo[disabled].active, fieldset[disabled] .btn-yahoo.active { background-color: #720e9e; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo .badge { color: #720e9e; background-color: #fff; } /* * Plugin: Full Calendar * --------------------- */ .fc-button { background: #f4f4f4; background-image: none; color: #444; border-color: #ddd; border-bottom-color: #ddd; } .fc-button:hover, .fc-button:active, .fc-button.hover { background-color: #e9e9e9; } .fc-header-title h2 { font-size: 15px; line-height: 1.6em; color: #666; margin-left: 10px; } .fc-header-right { padding-right: 10px; } .fc-header-left { padding-left: 10px; } .fc-widget-header { background: #fafafa; } .fc-grid { width: 100%; border: 0; } .fc-widget-header:first-of-type, .fc-widget-content:first-of-type { border-left: 0; border-right: 0; } .fc-widget-header:last-of-type, .fc-widget-content:last-of-type { border-right: 0; } .fc-toolbar { padding: 10px; margin: 0; } .fc-day-number { font-size: 20px; font-weight: 300; padding-right: 10px; } .fc-color-picker { list-style: none; margin: 0; padding: 0; } .fc-color-picker > li { float: left; font-size: 30px; margin-right: 5px; line-height: 30px; } .fc-color-picker > li .fa { -webkit-transition: -webkit-transform linear 0.3s; -moz-transition: -moz-transform linear 0.3s; -o-transition: -o-transform linear 0.3s; transition: transform linear 0.3s; } .fc-color-picker > li .fa:hover { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } #add-new-event { -webkit-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; } .external-event { padding: 5px 10px; font-weight: bold; margin-bottom: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; cursor: move; } .external-event:hover { box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2); } /* * Plugin: Select2 * --------------- */ .select2-container--default.select2-container--focus, .select2-selection.select2-container--focus, .select2-container--default:focus, .select2-selection:focus, .select2-container--default:active, .select2-selection:active { outline: none; } .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single { border: 1px solid #d2d6de; border-radius: 0; padding: 6px 12px; height: 34px; } .select2-container--default.select2-container--open { border-color: #008ca9; } .select2-dropdown { border: 1px solid #d2d6de; border-radius: 0; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #008ca9; color: white; } .select2-results__option { padding: 6px 12px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 0; height: auto; margin-top: -4px; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 6px; padding-left: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 28px; right: 3px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: 0; } .select2-dropdown .select2-search__field, .select2-search--inline .select2-search__field { width: 100%; } .select2-container .select2-dropdown .select2-search__field, .select2-container .select2-search--inline .select2-search__field { margin-top: 8px!important; } .select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus { outline: none; width: 100%; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #bbb; } .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { color: #444; } .select2-container--default .select2-selection--multiple { border: 1px solid #bbb; border-radius: 0; } .select2-container--default .select2-selection--multiple:focus { border-color: #bbb; } .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #bbb; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #008ca9; border-color: #007790; padding: 1px 10px; color: #fff; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-right: 5px; color: rgba(255, 255, 255, 0.7); } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #fff; } .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 10px; } .select2-container .select2-selection--multiple { min-height: 35px; } /* * General: Miscellaneous * ---------------------- */ .pad { padding: 10px; } .margin { margin: 10px; } .margin-bottom { margin-bottom: 20px; } .margin-bottom-none { margin-bottom: 0; } .margin-r-5 { margin-right: 5px; } .inline { display: inline; } .description-block { display: block; margin: 10px 0; text-align: center; } .description-block.margin-bottom { margin-bottom: 25px; } .description-block > .description-header { margin: 0; padding: 0; font-weight: 600; font-size: 16px; } .description-block > .description-text { text-transform: uppercase; } .bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer { color: #fff !important; } .bg-gray { color: #000; background-color: #d2d6de !important; } .bg-gray-light { background-color: #f7f7f7; } .bg-black { background-color: #111 !important; } .bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body { background-color: #ee3524 !important; } .bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body { background-color: #f39c12 !important; } .bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body { background-color: #00c0ef !important; } .bg-blue { background-color: #008ca9 !important; } .bg-light-blue, .label-primary, .modal-primary .modal-body { background-color: #008ca9 !important; } .bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body { background-color: #00a65a !important; } .bg-navy { background-color: #001F3F !important; } .bg-teal { background-color: #39CCCC !important; } .bg-olive { background-color: #3D9970 !important; } .bg-lime { background-color: #01FF70 !important; } .bg-orange { background-color: #FF851B !important; } .bg-fuchsia { background-color: #F012BE !important; } .bg-purple { background-color: #605ca8 !important; } .bg-maroon { background-color: #D81B60 !important; } .bg-gray-active { color: #000; background-color: #b5bbc8 !important; } .bg-black-active { background-color: #000000 !important; } .bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer { background-color: #e22312 !important; } .bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer { background-color: #db8b0b !important; } .bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer { background-color: #00a7d0 !important; } .bg-blue-active { background-color: #006276 !important; } .bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer { background-color: #00738a !important; } .bg-green-active, .modal-success .modal-header, .modal-success .modal-footer { background-color: #008d4c !important; } .bg-navy-active { background-color: #001a35 !important; } .bg-teal-active { background-color: #30bbbb !important; } .bg-olive-active { background-color: #368763 !important; } .bg-lime-active { background-color: #00e765 !important; } .bg-orange-active { background-color: #ff7701 !important; } .bg-fuchsia-active { background-color: #db0ead !important; } .bg-purple-active { background-color: #555299 !important; } .bg-maroon-active { background-color: #ca195a !important; } [class^="bg-"].disabled { opacity: 0.65; filter: alpha(opacity=65); } .text-red { color: #ee3524 !important; } .text-yellow { color: #f39c12 !important; } .text-aqua { color: #00c0ef !important; } .text-blue { color: #008ca9 !important; } .text-black { color: #111 !important; } .text-light-blue { color: #008ca9 !important; } .text-green { color: #00a65a !important; } .text-gray { color: #d2d6de !important; } .text-navy { color: #001F3F !important; } .text-teal { color: #39CCCC !important; } .text-olive { color: #3D9970 !important; } .text-lime { color: #01FF70 !important; } .text-orange { color: #FF851B !important; } .text-fuchsia { color: #F012BE !important; } .text-purple { color: #605ca8 !important; } .text-maroon { color: #D81B60 !important; } .link-muted { color: #7a869d; } .link-muted:hover, .link-muted:focus { color: #606c84; } .link-black { color: #666; } .link-black:hover, .link-black:focus { color: #999; } .hide { display: none !important; } .no-border { border: 0 !important; } .no-padding { padding: 0 !important; } .no-margin { margin: 0 !important; } .no-shadow { box-shadow: none !important; } .list-unstyled, .chart-legend, .contacts-list, .users-list, .mailbox-attachments { list-style: none; margin: 0; padding: 0; } .list-group-unbordered > .list-group-item { border-left: 0; border-right: 0; border-radius: 0; padding-left: 0; padding-right: 0; } .flat { border-radius: 0 !important; } .text-bold, .text-bold.table td, .text-bold.table th { font-weight: 700; } .text-sm { font-size: 12px; } .jqstooltip { padding: 5px !important; width: auto !important; height: auto !important; } .bg-teal-gradient { background: #39CCCC !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39CCCC), color-stop(1, #7adddd)) !important; background: -ms-linear-gradient(bottom, #39CCCC, #7adddd) !important; background: -moz-linear-gradient(center bottom, #39CCCC 0%, #7adddd 100%) !important; background: -o-linear-gradient(#7adddd, #39CCCC) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39CCCC', GradientType=0) !important; color: #fff; } .bg-light-blue-gradient { background: #008ca9 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #008ca9), color-stop(1, #00bfe6)) !important; background: -ms-linear-gradient(bottom, #008ca9, #00bfe6) !important; background: -moz-linear-gradient(center bottom, #008ca9 0%, #00bfe6 100%) !important; background: -o-linear-gradient(#00bfe6, #008ca9) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bfe6', endColorstr='#008ca9', GradientType=0) !important; color: #fff; } .bg-blue-gradient { background: #008ca9 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #008ca9), color-stop(1, #00aacd)) !important; background: -ms-linear-gradient(bottom, #008ca9, #00aacd) !important; background: -moz-linear-gradient(center bottom, #008ca9 0%, #00aacd 100%) !important; background: -o-linear-gradient(#00aacd, #008ca9) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aacd', endColorstr='#008ca9', GradientType=0) !important; color: #fff; } .bg-aqua-gradient { background: #00c0ef !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important; background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important; background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important; background: -o-linear-gradient(#14d1ff, #00c0ef) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important; color: #fff; } .bg-yellow-gradient { background: #f39c12 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important; background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important; background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important; background: -o-linear-gradient(#f7bc60, #f39c12) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important; color: #fff; } .bg-purple-gradient { background: #605ca8 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important; background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important; background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important; background: -o-linear-gradient(#9491c4, #605ca8) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important; color: #fff; } .bg-green-gradient { background: #00a65a !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important; background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important; background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important; background: -o-linear-gradient(#00ca6d, #00a65a) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important; color: #fff; } .bg-red-gradient { background: #ee3524 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ee3524), color-stop(1, #f26153)) !important; background: -ms-linear-gradient(bottom, #ee3524, #f26153) !important; background: -moz-linear-gradient(center bottom, #ee3524 0%, #f26153 100%) !important; background: -o-linear-gradient(#f26153, #ee3524) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f26153', endColorstr='#ee3524', GradientType=0) !important; color: #fff; } .bg-black-gradient { background: #111 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111), color-stop(1, #2b2b2b)) !important; background: -ms-linear-gradient(bottom, #111, #2b2b2b) !important; background: -moz-linear-gradient(center bottom, #111 0%, #2b2b2b 100%) !important; background: -o-linear-gradient(#2b2b2b, #111) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111', GradientType=0) !important; color: #fff; } .bg-maroon-gradient { background: #D81B60 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D81B60), color-stop(1, #e73f7c)) !important; background: -ms-linear-gradient(bottom, #D81B60, #e73f7c) !important; background: -moz-linear-gradient(center bottom, #D81B60 0%, #e73f7c 100%) !important; background: -o-linear-gradient(#e73f7c, #D81B60) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#D81B60', GradientType=0) !important; color: #fff; } .description-block .description-icon { font-size: 16px; } .no-pad-top { padding-top: 0; } .position-static { position: static !important; } .list-header { font-size: 15px; padding: 10px 4px; font-weight: bold; color: #666; } .list-seperator { height: 1px; background: #f4f4f4; margin: 15px 0 9px 0; } .list-link > a { padding: 4px; color: #777; } .list-link > a:hover { color: #222; } .font-light { font-weight: 300; } .user-block:before, .user-block:after { content: " "; display: table; } .user-block:after { clear: both; } .user-block img { width: 40px; height: 40px; float: left; } .user-block .username, .user-block .description, .user-block .comment { display: block; margin-left: 50px; } .user-block .username { font-size: 16px; font-weight: 600; } .user-block .description { color: #999; font-size: 13px; } .user-block.user-block-sm .username, .user-block.user-block-sm .description, .user-block.user-block-sm .comment { margin-left: 40px; } .user-block.user-block-sm .username { font-size: 14px; } .img-sm, .img-md, .img-lg, .box-comments .box-comment img, .user-block.user-block-sm img { float: left; } .img-sm, .box-comments .box-comment img, .user-block.user-block-sm img { width: 30px !important; height: 30px !important; } .img-sm + .img-push { margin-left: 40px; } .img-md { width: 60px; height: 60px; } .img-md + .img-push { margin-left: 70px; } .img-lg { width: 100px; height: 100px; } .img-lg + .img-push { margin-left: 110px; } .img-bordered { border: 3px solid #d2d6de; padding: 3px; } .img-bordered-sm { border: 2px solid #d2d6de; padding: 2px; } .attachment-block { border: 1px solid #f4f4f4; padding: 5px; margin-bottom: 10px; background: #f7f7f7; } .attachment-block .attachment-img { max-width: 100px; max-height: 100px; height: auto; float: left; } .attachment-block .attachment-pushed { margin-left: 110px; } .attachment-block .attachment-heading { margin: 0; } .attachment-block .attachment-text { color: #555; } .connectedSortable { min-height: 100px; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sort-highlight { background: #f4f4f4; border: 1px dashed #ddd; margin-bottom: 10px; } .full-opacity-hover { opacity: 0.65; filter: alpha(opacity=65); } .full-opacity-hover:hover { opacity: 1; filter: alpha(opacity=100); } .chart { position: relative; overflow: hidden; width: 100%; } .chart svg, .chart canvas { width: 100% !important; } /* * 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; -o-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: auto; } .table-responsive > .table tr th, .table-responsive > .table tr td { white-space: normal !important; } } body.ctrl-guest.act-register .login-box { width: 560px; } @media (max-width: 991px) { body.ctrl-guest.act-register .login-box { width: 90%; } } .boxes-mw-wrapper.row { margin-right: 0; margin-left: 0; margin-bottom: 25px; border: 1px solid #eeeeee; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 767px) { .boxes-mw-wrapper.row { margin-bottom: 15px; } } .boxes-mw-wrapper.row .col-lg-1, .boxes-mw-wrapper.row .col-lg-10, .boxes-mw-wrapper.row .col-lg-11, .boxes-mw-wrapper.row .col-lg-12, .boxes-mw-wrapper.row .col-lg-2, .boxes-mw-wrapper.row .col-lg-3, .boxes-mw-wrapper.row .col-lg-4, .boxes-mw-wrapper.row .col-lg-5, .boxes-mw-wrapper.row .col-lg-6, .boxes-mw-wrapper.row .col-lg-7, .boxes-mw-wrapper.row .col-lg-8, .boxes-mw-wrapper.row .col-lg-9, .boxes-mw-wrapper.row .col-md-1, .boxes-mw-wrapper.row .col-md-10, .boxes-mw-wrapper.row .col-md-11, .boxes-mw-wrapper.row .col-md-12, .boxes-mw-wrapper.row .col-md-2, .boxes-mw-wrapper.row .col-md-3, .boxes-mw-wrapper.row .col-md-4, .boxes-mw-wrapper.row .col-md-5, .boxes-mw-wrapper.row .col-md-6, .boxes-mw-wrapper.row .col-md-7, .boxes-mw-wrapper.row .col-md-8, .boxes-mw-wrapper.row .col-md-9, .boxes-mw-wrapper.row .col-sm-1, .boxes-mw-wrapper.row .col-sm-10, .boxes-mw-wrapper.row .col-sm-11, .boxes-mw-wrapper.row .col-sm-12, .boxes-mw-wrapper.row .col-sm-2, .boxes-mw-wrapper.row .col-sm-3, .boxes-mw-wrapper.row .col-sm-4, .boxes-mw-wrapper.row .col-sm-5, .boxes-mw-wrapper.row .col-sm-6, .boxes-mw-wrapper.row .col-sm-7, .boxes-mw-wrapper.row .col-sm-8, .boxes-mw-wrapper.row .col-sm-9, .boxes-mw-wrapper.row .col-xs-1, .boxes-mw-wrapper.row .col-xs-10, .boxes-mw-wrapper.row .col-xs-11, .boxes-mw-wrapper.row .col-xs-12, .boxes-mw-wrapper.row .col-xs-2, .boxes-mw-wrapper.row .col-xs-3, .boxes-mw-wrapper.row .col-xs-4, .boxes-mw-wrapper.row .col-xs-5, .boxes-mw-wrapper.row .col-xs-6, .boxes-mw-wrapper.row .col-xs-7, .boxes-mw-wrapper.row .col-xs-8, .boxes-mw-wrapper.row .col-xs-9 { position: relative; min-height: 1px; padding-right: 0; padding-left: 0; border-right: 1px solid #eeeeee; } .boxes-mw-wrapper.row .col-lg-1:last-child, .boxes-mw-wrapper.row .col-lg-10:last-child, .boxes-mw-wrapper.row .col-lg-11:last-child, .boxes-mw-wrapper.row .col-lg-12:last-child, .boxes-mw-wrapper.row .col-lg-2:last-child, .boxes-mw-wrapper.row .col-lg-3:last-child, .boxes-mw-wrapper.row .col-lg-4:last-child, .boxes-mw-wrapper.row .col-lg-5:last-child, .boxes-mw-wrapper.row .col-lg-6:last-child, .boxes-mw-wrapper.row .col-lg-7:last-child, .boxes-mw-wrapper.row .col-lg-8:last-child, .boxes-mw-wrapper.row .col-lg-9:last-child, .boxes-mw-wrapper.row .col-md-1:last-child, .boxes-mw-wrapper.row .col-md-10:last-child, .boxes-mw-wrapper.row .col-md-11:last-child, .boxes-mw-wrapper.row .col-md-12:last-child, .boxes-mw-wrapper.row .col-md-2:last-child, .boxes-mw-wrapper.row .col-md-3:last-child, .boxes-mw-wrapper.row .col-md-4:last-child, .boxes-mw-wrapper.row .col-md-5:last-child, .boxes-mw-wrapper.row .col-md-6:last-child, .boxes-mw-wrapper.row .col-md-7:last-child, .boxes-mw-wrapper.row .col-md-8:last-child, .boxes-mw-wrapper.row .col-md-9:last-child, .boxes-mw-wrapper.row .col-sm-1:last-child, .boxes-mw-wrapper.row .col-sm-10:last-child, .boxes-mw-wrapper.row .col-sm-11:last-child, .boxes-mw-wrapper.row .col-sm-12:last-child, .boxes-mw-wrapper.row .col-sm-2:last-child, .boxes-mw-wrapper.row .col-sm-3:last-child, .boxes-mw-wrapper.row .col-sm-4:last-child, .boxes-mw-wrapper.row .col-sm-5:last-child, .boxes-mw-wrapper.row .col-sm-6:last-child, .boxes-mw-wrapper.row .col-sm-7:last-child, .boxes-mw-wrapper.row .col-sm-8:last-child, .boxes-mw-wrapper.row .col-sm-9:last-child, .boxes-mw-wrapper.row .col-xs-1:last-child, .boxes-mw-wrapper.row .col-xs-10:last-child, .boxes-mw-wrapper.row .col-xs-11:last-child, .boxes-mw-wrapper.row .col-xs-12:last-child, .boxes-mw-wrapper.row .col-xs-2:last-child, .boxes-mw-wrapper.row .col-xs-3:last-child, .boxes-mw-wrapper.row .col-xs-4:last-child, .boxes-mw-wrapper.row .col-xs-5:last-child, .boxes-mw-wrapper.row .col-xs-6:last-child, .boxes-mw-wrapper.row .col-xs-7:last-child, .boxes-mw-wrapper.row .col-xs-8:last-child, .boxes-mw-wrapper.row .col-xs-9:last-child { border: 0; } .boxes-mw-wrapper.row .col-lg-1 .small-box, .boxes-mw-wrapper.row .col-lg-10 .small-box, .boxes-mw-wrapper.row .col-lg-11 .small-box, .boxes-mw-wrapper.row .col-lg-12 .small-box, .boxes-mw-wrapper.row .col-lg-2 .small-box, .boxes-mw-wrapper.row .col-lg-3 .small-box, .boxes-mw-wrapper.row .col-lg-4 .small-box, .boxes-mw-wrapper.row .col-lg-5 .small-box, .boxes-mw-wrapper.row .col-lg-6 .small-box, .boxes-mw-wrapper.row .col-lg-7 .small-box, .boxes-mw-wrapper.row .col-lg-8 .small-box, .boxes-mw-wrapper.row .col-lg-9 .small-box, .boxes-mw-wrapper.row .col-md-1 .small-box, .boxes-mw-wrapper.row .col-md-10 .small-box, .boxes-mw-wrapper.row .col-md-11 .small-box, .boxes-mw-wrapper.row .col-md-12 .small-box, .boxes-mw-wrapper.row .col-md-2 .small-box, .boxes-mw-wrapper.row .col-md-3 .small-box, .boxes-mw-wrapper.row .col-md-4 .small-box, .boxes-mw-wrapper.row .col-md-5 .small-box, .boxes-mw-wrapper.row .col-md-6 .small-box, .boxes-mw-wrapper.row .col-md-7 .small-box, .boxes-mw-wrapper.row .col-md-8 .small-box, .boxes-mw-wrapper.row .col-md-9 .small-box, .boxes-mw-wrapper.row .col-sm-1 .small-box, .boxes-mw-wrapper.row .col-sm-10 .small-box, .boxes-mw-wrapper.row .col-sm-11 .small-box, .boxes-mw-wrapper.row .col-sm-12 .small-box, .boxes-mw-wrapper.row .col-sm-2 .small-box, .boxes-mw-wrapper.row .col-sm-3 .small-box, .boxes-mw-wrapper.row .col-sm-4 .small-box, .boxes-mw-wrapper.row .col-sm-5 .small-box, .boxes-mw-wrapper.row .col-sm-6 .small-box, .boxes-mw-wrapper.row .col-sm-7 .small-box, .boxes-mw-wrapper.row .col-sm-8 .small-box, .boxes-mw-wrapper.row .col-sm-9 .small-box, .boxes-mw-wrapper.row .col-xs-1 .small-box, .boxes-mw-wrapper.row .col-xs-10 .small-box, .boxes-mw-wrapper.row .col-xs-11 .small-box, .boxes-mw-wrapper.row .col-xs-12 .small-box, .boxes-mw-wrapper.row .col-xs-2 .small-box, .boxes-mw-wrapper.row .col-xs-3 .small-box, .boxes-mw-wrapper.row .col-xs-4 .small-box, .boxes-mw-wrapper.row .col-xs-5 .small-box, .boxes-mw-wrapper.row .col-xs-6 .small-box, .boxes-mw-wrapper.row .col-xs-7 .small-box, .boxes-mw-wrapper.row .col-xs-8 .small-box, .boxes-mw-wrapper.row .col-xs-9 .small-box { border-radius: 0; position: relative; display: block; margin-bottom: 0; box-shadow: 0 0 rgba(0, 0, 0, 0); color: #666666; min-height: 85px; } .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner, .boxes-mw-wrapper.row .col-md-1 .small-box > .inner, .boxes-mw-wrapper.row .col-md-10 .small-box > .inner, .boxes-mw-wrapper.row .col-md-11 .small-box > .inner, .boxes-mw-wrapper.row .col-md-12 .small-box > .inner, .boxes-mw-wrapper.row .col-md-2 .small-box > .inner, .boxes-mw-wrapper.row .col-md-3 .small-box > .inner, .boxes-mw-wrapper.row .col-md-4 .small-box > .inner, .boxes-mw-wrapper.row .col-md-5 .small-box > .inner, .boxes-mw-wrapper.row .col-md-6 .small-box > .inner, .boxes-mw-wrapper.row .col-md-7 .small-box > .inner, .boxes-mw-wrapper.row .col-md-8 .small-box > .inner, .boxes-mw-wrapper.row .col-md-9 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner { padding: 0; position: relative; display: table; width: 100%; height: 140px; } @media (max-width: 991px) { .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner, .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner, .boxes-mw-wrapper.row .col-md-1 .small-box > .inner, .boxes-mw-wrapper.row .col-md-10 .small-box > .inner, .boxes-mw-wrapper.row .col-md-11 .small-box > .inner, .boxes-mw-wrapper.row .col-md-12 .small-box > .inner, .boxes-mw-wrapper.row .col-md-2 .small-box > .inner, .boxes-mw-wrapper.row .col-md-3 .small-box > .inner, .boxes-mw-wrapper.row .col-md-4 .small-box > .inner, .boxes-mw-wrapper.row .col-md-5 .small-box > .inner, .boxes-mw-wrapper.row .col-md-6 .small-box > .inner, .boxes-mw-wrapper.row .col-md-7 .small-box > .inner, .boxes-mw-wrapper.row .col-md-8 .small-box > .inner, .boxes-mw-wrapper.row .col-md-9 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner, .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner, .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner { height: 85px; } } .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-md-1 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-md-10 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-md-11 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-md-12 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-md-2 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-md-3 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-md-4 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-md-5 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-md-6 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-md-7 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-md-8 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-md-9 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner .middle, .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner .middle { display: table-cell; vertical-align: middle; text-align: center; } .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h1, .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h1, .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h1, .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h1, .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h1, .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h1, .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h1, .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h1, .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h1, .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h1, .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h1, .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h1, .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h1, .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h1, .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h1, .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h1, .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h1, .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h1, .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h1, .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h1, .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h1, .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h1, .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h1, .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h1, .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h1, .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h1, .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h1, .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h1, .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h1, .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h1, .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h1, .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h1, .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h1, .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h1, .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h1, .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h1, .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h1, .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h1, .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h1, .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h1, .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h1, .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h1, .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h1, .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h1, .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h1, .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h1, .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h1, .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h1, .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h3, .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h3, .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h3, .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h3, .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h3, .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h3, .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h3, .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h3, .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h3, .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h3, .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h3, .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h3, .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h3, .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h3, .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h3, .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h3, .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h3, .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h3, .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h3, .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h3, .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h3, .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h3, .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h3, .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h3, .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h3, .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h3, .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h3, .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h3, .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h3, .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h3, .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h3, .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h3, .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h3, .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h3, .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h3, .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h3, .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h3, .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h3, .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h3, .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h3, .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h3, .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h3, .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h3, .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h3, .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h3, .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h3, .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h3, .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h3 { color: #008ca9; margin: 0 0 0 0; padding: 0 0 0 0; } .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h2, .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h2, .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h2, .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h2, .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h2 { font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif; } @media (max-width: 991px) { } .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-1 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-10 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-11 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-12 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-2 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-3 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-4 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-5 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-6 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-7 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-8 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-9 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner p { color: #666666; font-size: 18px; margin: 0 0 0 0; padding: 0 0 0 0; } @media (max-width: 991px) { .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner p, .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-1 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-10 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-11 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-12 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-2 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-3 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-4 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-5 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-6 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-7 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-8 .small-box > .inner p, .boxes-mw-wrapper.row .col-md-9 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner p, .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner p, .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner p { font-size: 14px; } } .boxes-mw-wrapper.row .col-lg-1 .small-box .icon, .boxes-mw-wrapper.row .col-lg-10 .small-box .icon, .boxes-mw-wrapper.row .col-lg-11 .small-box .icon, .boxes-mw-wrapper.row .col-lg-12 .small-box .icon, .boxes-mw-wrapper.row .col-lg-2 .small-box .icon, .boxes-mw-wrapper.row .col-lg-3 .small-box .icon, .boxes-mw-wrapper.row .col-lg-4 .small-box .icon, .boxes-mw-wrapper.row .col-lg-5 .small-box .icon, .boxes-mw-wrapper.row .col-lg-6 .small-box .icon, .boxes-mw-wrapper.row .col-lg-7 .small-box .icon, .boxes-mw-wrapper.row .col-lg-8 .small-box .icon, .boxes-mw-wrapper.row .col-lg-9 .small-box .icon, .boxes-mw-wrapper.row .col-md-1 .small-box .icon, .boxes-mw-wrapper.row .col-md-10 .small-box .icon, .boxes-mw-wrapper.row .col-md-11 .small-box .icon, .boxes-mw-wrapper.row .col-md-12 .small-box .icon, .boxes-mw-wrapper.row .col-md-2 .small-box .icon, .boxes-mw-wrapper.row .col-md-3 .small-box .icon, .boxes-mw-wrapper.row .col-md-4 .small-box .icon, .boxes-mw-wrapper.row .col-md-5 .small-box .icon, .boxes-mw-wrapper.row .col-md-6 .small-box .icon, .boxes-mw-wrapper.row .col-md-7 .small-box .icon, .boxes-mw-wrapper.row .col-md-8 .small-box .icon, .boxes-mw-wrapper.row .col-md-9 .small-box .icon, .boxes-mw-wrapper.row .col-sm-1 .small-box .icon, .boxes-mw-wrapper.row .col-sm-10 .small-box .icon, .boxes-mw-wrapper.row .col-sm-11 .small-box .icon, .boxes-mw-wrapper.row .col-sm-12 .small-box .icon, .boxes-mw-wrapper.row .col-sm-2 .small-box .icon, .boxes-mw-wrapper.row .col-sm-3 .small-box .icon, .boxes-mw-wrapper.row .col-sm-4 .small-box .icon, .boxes-mw-wrapper.row .col-sm-5 .small-box .icon, .boxes-mw-wrapper.row .col-sm-6 .small-box .icon, .boxes-mw-wrapper.row .col-sm-7 .small-box .icon, .boxes-mw-wrapper.row .col-sm-8 .small-box .icon, .boxes-mw-wrapper.row .col-sm-9 .small-box .icon, .boxes-mw-wrapper.row .col-xs-1 .small-box .icon, .boxes-mw-wrapper.row .col-xs-10 .small-box .icon, .boxes-mw-wrapper.row .col-xs-11 .small-box .icon, .boxes-mw-wrapper.row .col-xs-12 .small-box .icon, .boxes-mw-wrapper.row .col-xs-2 .small-box .icon, .boxes-mw-wrapper.row .col-xs-3 .small-box .icon, .boxes-mw-wrapper.row .col-xs-4 .small-box .icon, .boxes-mw-wrapper.row .col-xs-5 .small-box .icon, .boxes-mw-wrapper.row .col-xs-6 .small-box .icon, .boxes-mw-wrapper.row .col-xs-7 .small-box .icon, .boxes-mw-wrapper.row .col-xs-8 .small-box .icon, .boxes-mw-wrapper.row .col-xs-9 .small-box .icon { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: absolute; top: 0; right: auto; left: 10px; z-index: 0; font-size: 36px; color: #ebf6f8; } .boxes-mw-wrapper.row .col-lg-1 .small-box:hover, .boxes-mw-wrapper.row .col-lg-10 .small-box:hover, .boxes-mw-wrapper.row .col-lg-11 .small-box:hover, .boxes-mw-wrapper.row .col-lg-12 .small-box:hover, .boxes-mw-wrapper.row .col-lg-2 .small-box:hover, .boxes-mw-wrapper.row .col-lg-3 .small-box:hover, .boxes-mw-wrapper.row .col-lg-4 .small-box:hover, .boxes-mw-wrapper.row .col-lg-5 .small-box:hover, .boxes-mw-wrapper.row .col-lg-6 .small-box:hover, .boxes-mw-wrapper.row .col-lg-7 .small-box:hover, .boxes-mw-wrapper.row .col-lg-8 .small-box:hover, .boxes-mw-wrapper.row .col-lg-9 .small-box:hover, .boxes-mw-wrapper.row .col-md-1 .small-box:hover, .boxes-mw-wrapper.row .col-md-10 .small-box:hover, .boxes-mw-wrapper.row .col-md-11 .small-box:hover, .boxes-mw-wrapper.row .col-md-12 .small-box:hover, .boxes-mw-wrapper.row .col-md-2 .small-box:hover, .boxes-mw-wrapper.row .col-md-3 .small-box:hover, .boxes-mw-wrapper.row .col-md-4 .small-box:hover, .boxes-mw-wrapper.row .col-md-5 .small-box:hover, .boxes-mw-wrapper.row .col-md-6 .small-box:hover, .boxes-mw-wrapper.row .col-md-7 .small-box:hover, .boxes-mw-wrapper.row .col-md-8 .small-box:hover, .boxes-mw-wrapper.row .col-md-9 .small-box:hover, .boxes-mw-wrapper.row .col-sm-1 .small-box:hover, .boxes-mw-wrapper.row .col-sm-10 .small-box:hover, .boxes-mw-wrapper.row .col-sm-11 .small-box:hover, .boxes-mw-wrapper.row .col-sm-12 .small-box:hover, .boxes-mw-wrapper.row .col-sm-2 .small-box:hover, .boxes-mw-wrapper.row .col-sm-3 .small-box:hover, .boxes-mw-wrapper.row .col-sm-4 .small-box:hover, .boxes-mw-wrapper.row .col-sm-5 .small-box:hover, .boxes-mw-wrapper.row .col-sm-6 .small-box:hover, .boxes-mw-wrapper.row .col-sm-7 .small-box:hover, .boxes-mw-wrapper.row .col-sm-8 .small-box:hover, .boxes-mw-wrapper.row .col-sm-9 .small-box:hover, .boxes-mw-wrapper.row .col-xs-1 .small-box:hover, .boxes-mw-wrapper.row .col-xs-10 .small-box:hover, .boxes-mw-wrapper.row .col-xs-11 .small-box:hover, .boxes-mw-wrapper.row .col-xs-12 .small-box:hover, .boxes-mw-wrapper.row .col-xs-2 .small-box:hover, .boxes-mw-wrapper.row .col-xs-3 .small-box:hover, .boxes-mw-wrapper.row .col-xs-4 .small-box:hover, .boxes-mw-wrapper.row .col-xs-5 .small-box:hover, .boxes-mw-wrapper.row .col-xs-6 .small-box:hover, .boxes-mw-wrapper.row .col-xs-7 .small-box:hover, .boxes-mw-wrapper.row .col-xs-8 .small-box:hover, .boxes-mw-wrapper.row .col-xs-9 .small-box:hover { text-decoration: none; color: #ebf6f8; } .boxes-mw-wrapper.row .col-lg-1 .small-box:hover .icon, .boxes-mw-wrapper.row .col-lg-10 .small-box:hover .icon, .boxes-mw-wrapper.row .col-lg-11 .small-box:hover .icon, .boxes-mw-wrapper.row .col-lg-12 .small-box:hover .icon, .boxes-mw-wrapper.row .col-lg-2 .small-box:hover .icon, .boxes-mw-wrapper.row .col-lg-3 .small-box:hover .icon, .boxes-mw-wrapper.row .col-lg-4 .small-box:hover .icon, .boxes-mw-wrapper.row .col-lg-5 .small-box:hover .icon, .boxes-mw-wrapper.row .col-lg-6 .small-box:hover .icon, .boxes-mw-wrapper.row .col-lg-7 .small-box:hover .icon, .boxes-mw-wrapper.row .col-lg-8 .small-box:hover .icon, .boxes-mw-wrapper.row .col-lg-9 .small-box:hover .icon, .boxes-mw-wrapper.row .col-md-1 .small-box:hover .icon, .boxes-mw-wrapper.row .col-md-10 .small-box:hover .icon, .boxes-mw-wrapper.row .col-md-11 .small-box:hover .icon, .boxes-mw-wrapper.row .col-md-12 .small-box:hover .icon, .boxes-mw-wrapper.row .col-md-2 .small-box:hover .icon, .boxes-mw-wrapper.row .col-md-3 .small-box:hover .icon, .boxes-mw-wrapper.row .col-md-4 .small-box:hover .icon, .boxes-mw-wrapper.row .col-md-5 .small-box:hover .icon, .boxes-mw-wrapper.row .col-md-6 .small-box:hover .icon, .boxes-mw-wrapper.row .col-md-7 .small-box:hover .icon, .boxes-mw-wrapper.row .col-md-8 .small-box:hover .icon, .boxes-mw-wrapper.row .col-md-9 .small-box:hover .icon, .boxes-mw-wrapper.row .col-sm-1 .small-box:hover .icon, .boxes-mw-wrapper.row .col-sm-10 .small-box:hover .icon, .boxes-mw-wrapper.row .col-sm-11 .small-box:hover .icon, .boxes-mw-wrapper.row .col-sm-12 .small-box:hover .icon, .boxes-mw-wrapper.row .col-sm-2 .small-box:hover .icon, .boxes-mw-wrapper.row .col-sm-3 .small-box:hover .icon, .boxes-mw-wrapper.row .col-sm-4 .small-box:hover .icon, .boxes-mw-wrapper.row .col-sm-5 .small-box:hover .icon, .boxes-mw-wrapper.row .col-sm-6 .small-box:hover .icon, .boxes-mw-wrapper.row .col-sm-7 .small-box:hover .icon, .boxes-mw-wrapper.row .col-sm-8 .small-box:hover .icon, .boxes-mw-wrapper.row .col-sm-9 .small-box:hover .icon, .boxes-mw-wrapper.row .col-xs-1 .small-box:hover .icon, .boxes-mw-wrapper.row .col-xs-10 .small-box:hover .icon, .boxes-mw-wrapper.row .col-xs-11 .small-box:hover .icon, .boxes-mw-wrapper.row .col-xs-12 .small-box:hover .icon, .boxes-mw-wrapper.row .col-xs-2 .small-box:hover .icon, .boxes-mw-wrapper.row .col-xs-3 .small-box:hover .icon, .boxes-mw-wrapper.row .col-xs-4 .small-box:hover .icon, .boxes-mw-wrapper.row .col-xs-5 .small-box:hover .icon, .boxes-mw-wrapper.row .col-xs-6 .small-box:hover .icon, .boxes-mw-wrapper.row .col-xs-7 .small-box:hover .icon, .boxes-mw-wrapper.row .col-xs-8 .small-box:hover .icon, .boxes-mw-wrapper.row .col-xs-9 .small-box:hover .icon { font-size: 48px; } .boxes-mw-wrapper.row .col-lg-1 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-lg-10 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-lg-11 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-lg-12 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-lg-2 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-lg-3 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-lg-4 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-lg-5 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-lg-6 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-lg-7 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-lg-8 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-lg-9 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-md-1 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-md-10 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-md-11 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-md-12 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-md-2 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-md-3 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-md-4 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-md-5 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-md-6 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-md-7 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-md-8 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-md-9 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-sm-1 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-sm-10 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-sm-11 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-sm-12 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-sm-2 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-sm-3 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-sm-4 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-sm-5 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-sm-6 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-sm-7 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-sm-8 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-sm-9 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-xs-1 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-xs-10 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-xs-11 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-xs-12 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-xs-2 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-xs-3 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-xs-4 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-xs-5 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-xs-6 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-xs-7 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-xs-8 .small-box > .small-box-footer, .boxes-mw-wrapper.row .col-xs-9 .small-box > .small-box-footer { position: absolute; left: 0; bottom: 0; text-align: center; padding: 3px 0; color: #666666; display: block; z-index: 10; background: transparent; text-decoration: none; width: 100%; } .box-dashboard { padding: 0 0 20px 0; } @media (max-width: 767px) { .box-dashboard { padding: 0 0 10px 0; } } .box-dashboard ul.custom-list { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; } .box-dashboard ul.custom-list li { display: block; position: relative; background: url(../img/bg-dots.png) transparent 0 17px repeat-x; margin-bottom: 5px; } @media (max-width: 767px) { .box-dashboard ul.custom-list li { background: url(../img/bg-dots.png) transparent left bottom repeat-x; } } .box-dashboard ul.custom-list li:before, .box-dashboard ul.custom-list li:after { display: table; content: " "; } .box-dashboard ul.custom-list li:after { clear: both; } .box-dashboard ul.custom-list li span.cl-span { color: #666; display: inline-block; background-color: #ffffff; } .box-dashboard ul.custom-list li span.cl-span:first-child { padding: 2px 10px 2px 0; } @media (max-width: 767px) { .box-dashboard ul.custom-list li span.cl-span:first-child { padding: 2px 0 2px 0; } } .box-dashboard ul.custom-list li span.cl-span:last-child { float: right; padding: 2px 0 2px 10px; } @media (max-width: 767px) { .box-dashboard ul.custom-list li span.cl-span:last-child { padding: 2px 0 2px 0; } } .box-dashboard ul.custom-list li span.cl-span a { color: #008ca9; } .box-dashboard .progress-box { padding: 0 0 15px 0; } .box-dashboard .progress-box:before, .box-dashboard .progress-box:after { display: table; content: " "; } .box-dashboard .progress-box:after { clear: both; } .box-dashboard .progress-box .info { padding: 0 0 10px 0; } .box-dashboard .progress-box .info:before, .box-dashboard .progress-box .info:after { display: table; content: " "; } .box-dashboard .progress-box .info:after { clear: both; } .box-dashboard .progress-box .info .name, .box-dashboard .progress-box .info .number { display: inline-block; font-size: 16px; color: #666; font-weight: 700; } .box-dashboard .progress-box .info .name a, .box-dashboard .progress-box .info .number a { color: #008ca9; font-weight: 700; } .box-dashboard .progress-box .info .name { float: left; } .box-dashboard .progress-box .info .number { float: right; } .box-dashboard .progress-box .bar { width: 100%; height: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; background-color: #eff1f4; } .box-dashboard .progress-box .bar .progress { height: 20px; background-color: #008ca9; } input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="number"] { padding: 8px 10px; height: auto; font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif; color: #111; font-size: 14px; width: 100%; min-width: 50px; max-height: 36px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #bbb; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important; margin: 0 0 10px 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="number"]:focus { outline: none!important; } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder { color: #bbb!important; font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif; font-weight: normal; white-space: nowrap; letter-spacing: 1px; } input[type="text"].cke_dialog_ui_input_text, input[type="password"].cke_dialog_ui_input_text, input[type="search"].cke_dialog_ui_input_text, input[type="email"].cke_dialog_ui_input_text, input[type="number"].cke_dialog_ui_input_text { padding: 8px 10px; height: auto; font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif; color: #111; font-size: 14px; width: 100%; min-width: 50px; max-height: 36px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #bbb; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important; } .form-group input[type="text"], .form-group input[type="password"], .form-group input[type="search"], .form-group input[type="email"], .form-group input[type="number"] { margin: 0 0 0 0 !important; } .input-group { margin: 0 0 10px 0 !important; } .input-group input[type="text"], .input-group input[type="password"], .input-group input[type="search"], .input-group input[type="email"], .input-group input[type="number"] { margin: 0 0 0 0 !important; } .input-group .input-group-btn .btn { height: 36px; min-width: 36px; line-height: 28px; text-align: center; margin-left: 0 !important; } .input-group .input-group-btn select { min-width: 65px; } .input-group .input-group-addon { padding: 0 0; border: 0; } .input-group .input-group-addon select { min-width: 65px; width: auto; } textarea { border: 1px solid #bbb !important; } textarea:focus { border: 1px solid #bbb !important; outline: none!important; } input[type=checkbox] { display: inline-block; width: 16px; height: 16px; background-image: url(../img/sprite.png) !important; background-size: 400%!important; background-position: 0 33.33%; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none!important; border: 0!important; } input[type=checkbox]:checked { background-position: 33.33% 33.33%; border: 0!important; } input[type=checkbox].error { background-position: 66.66666667% 33.33%; } input[type=checkbox].error:checked { background-position: 33.33% 33.33%; border: 0!important; } input[type=radio] { width: 16px; height: 16px; background-image: url(../img/sprite.png) !important; background-size: 400%!important; background-position: 0 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none!important; border: 0!important; } input[type=radio]:checked { background-position: 33.33% 0; border: 0!important; } input[type=radio].error { background-position: 66.66666667% 0; background-color: inherit!important; } input[type=radio].error:checked { background-position: 33.33% 0; border: 0!important; } select { font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif; color: #111 !important; font-size: 14px; width: 100%; min-height: 36px; min-width: 50px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #bbb!important; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important; margin: 0 0 0 0; padding: 7px 35px 8px 10px!important; background-color: #ffffff; background-image: url(../img/select-arr.png) !important; background-position: right; background-repeat: no-repeat; background-size: 24px 18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select:focus { border: 1px solid #bbb; outline: none!important; } select#page_size { max-width: 100px; } select.error { background-image: url(../img/select-arr.png) !important; background-position: right; background-repeat: no-repeat; background-size: 24px 18px!important; background: #f2dede url(../img/select-arr.png) right no-repeat !important; border: 1px solid #b94a48!important; } select.cke_dialog_ui_input_select { font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif; color: #111 !important; font-size: 14px; width: 100%; min-height: 36px; min-width: 50px; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; border: 1px solid #bbb!important; padding: 0 35px 0 10px!important; background-image: url(../img/select-arr.png) !important; background-position: right; background-repeat: no-repeat; background-size: 24px 18px; } table { /* CKE */ } table thead input[type="text"], table thead input[type="password"], table thead input[type="search"], table thead input[type="email"], table thead input[type="number"] { padding: 4px 10px; width: 100%; max-width: 120px; min-width: 50px; min-height: 30px!important; height: 30px!important; margin: 0 0 0 0 !important; } s table thead input[type="text"]::-webkit-input-placeholder, s table thead input[type="password"]::-webkit-input-placeholder, s table thead input[type="search"]::-webkit-input-placeholder, s table thead input[type="email"]::-webkit-input-placeholder, s table thead input[type="number"]::-webkit-input-placeholder, table thead input[type="text"]:-moz-placeholder, table thead input[type="password"]:-moz-placeholder, table thead input[type="search"]:-moz-placeholder, table thead input[type="email"]:-moz-placeholder, table thead input[type="number"]:-moz-placeholder, table thead input[type="text"]::-moz-placeholder, table thead input[type="password"]::-moz-placeholder, table thead input[type="search"]::-moz-placeholder, table thead input[type="email"]::-moz-placeholder, table thead input[type="number"]::-moz-placeholder, table thead input[type="text"]:-ms-input-placeholder, table thead input[type="password"]:-ms-input-placeholder, table thead input[type="search"]:-ms-input-placeholder, table thead input[type="email"]:-ms-input-placeholder, table thead input[type="number"]:-ms-input-placeholder { color: #bbb!important; font-weight: normal; white-space: nowrap; } table thead select { padding: 0px 35px 0px 10px!important; min-height: 30px!important; height: 30px!important; width: auto; max-width: 120px; margin: 0 0 0 0; } table thead .input-group { margin: 0 0 0 0 !important; } table thead .input-group .input-group-btn select { min-width: 65px; } table thead .input-group .input-group-addon { padding: 0 0; border: 0; } table thead .input-group .input-group-addon select { min-width: 65px; width: auto; } table tbody .input-group { margin: 0 0 0 0 !important; } table tbody .input-group .input-group-btn select { min-width: 65px; } table tbody .input-group .input-group-addon { padding: 0 0; border: 0; } table tbody .input-group .input-group-addon select { min-width: 65px; width: auto; } table.cke_dialog_image_url tr.cke_dialog_ui_hbox td.cke_dialog_ui_hbox_last { vertical-align: top!important; } table.cke_dialog_image_url tr.cke_dialog_ui_hbox td.cke_dialog_ui_hbox_last a.cke_dialog_ui_button { margin-top: 25px!important; } #bulk-actions-wrapper select { /*width: auto!important;*/ margin-bottom: 5px; } .grid-view.grid-view-loading .summary { visibility: hidden; } .grid-view .summary + .table { margin-top: 10px; } .pagination { list-style: none; margin: 0 0 0 0; padding: 5px 0 0 0; } .pagination:before, .pagination:after { display: table; content: " "; } .pagination:after { clear: both; } .pagination li { display: inline-block; margin: 0 0 0 0; } .pagination li a { display: block; padding: 0 0; width: 30px; height: 30px; font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif; font-size: 16px; color: #acacac; line-height: 30px; text-decoration: none; border-color: transparent; text-align: center; border-style: solid; border-width: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 767px) { .pagination li a { width: 28px; height: 28px; font-size: 16px; line-height: 28px; } } .pagination li a:hover { color: #008ca9; text-decoration: none; background-color: #ffffff; border-color: transparent; } .pagination li.first a, .pagination li.previous a, .pagination li.next a, .pagination li.last a { text-indent: -99999px; position: relative; border-color: #d2d6de; } .pagination li.first a:before, .pagination li.previous a:before, .pagination li.next a:before, .pagination li.last a:before { content: ""; position: absolute; top: 5px; left: 5px; width: 20px; height: 20px; background-image: url(../img/arrow-icons.png); background-size: 600%; } @media (max-width: 767px) { .pagination li.first a:before, .pagination li.previous a:before, .pagination li.next a:before, .pagination li.last a:before { width: 28px; height: 28px; } } .pagination li.first a:before { background-position: 80% 40%; } .pagination li.first a:hover:before { background-position: 80% 60%; } .pagination li.previous { margin-right: 20px; } .pagination li.previous a:before { background-position: 80% 0; } .pagination li.previous a:hover:before { background-position: 80% 20%; } .pagination li.next { margin-left: 20px; } .pagination li.next a:before { background-position: 100% 0; } .pagination li.next a:hover:before { background-position: 100% 20%; } .pagination li.last a:before { background-position: 100% 40%; } .pagination li.last a:hover:before { background-position: 100% 60%; } .pagination li.selected a { color: #008ca9; border-color: #d2d6de; background-color: #ebf6f8; } .popover { position: absolute; top: 0; left: 0; z-index: 1031; display: none; max-width: 250px; padding: 0; font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #111111; text-align: center; background-color: #ebf6f8; border: 0 solid #ebf6f8; border: 0 solid rgba(235, 246, 248, 0); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .popover .popover-title { color: #ffffff; background-color: #008ca9; margin-top: -5px; border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; } .popover .popover-content { font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 18px; color: #111111; letter-spacing: 0.5px; margin: 5px 0; padding: 10px 10px; } .popover.top { margin-top: -15px; } .popover.right { margin-left: 15px; } .popover.bottom { margin-top: 15px; } .popover.left { margin-left: -15px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #ebf6f8; bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ebf6f8; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #ebf6f8; } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ebf6f8; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #ebf6f8; top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ebf6f8; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #ebf6f8; } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #ebf6f8; bottom: -10px; } .modal-info .modal-body { background-color: #ebf6f8 !important; color: #111111 !important; } .modal-info .modal-header, .modal-info .modal-footer { background-color: #008ca9 !important; border-color: #008ca9!important; } .modal-backdrop { background-color: #ebf6f8 !important; } /* ***** */ @media (min-width: 768px) { #subscriber-modal-profile-info .modal-dialog { width: 700px; } } #subscriber-modal-profile-info .modal-body { background-color: #fff !important; color: #111111 !important; } #subscriber-modal-profile-info .modal-body .img-avatar img { width: 100%; max-width: 100%; height: auto; border: 1px solid #008ca9; } #subscriber-modal-profile-info .modal-body .name-avatar { border-bottom: 1px solid #008ca9; padding: 0 0 5px 0; margin: 0 0 10px 0; } #subscriber-modal-profile-info .modal-body .name-avatar span { font-size: 16px; display: block; } #subscriber-modal-profile-info .modal-body ul.custom-list { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; } #subscriber-modal-profile-info .modal-body ul.custom-list li { display: block; position: relative; background: url(../img/bg-dots.png) transparent 0 17px repeat-x; margin-bottom: 0; } @media (max-width: 767px) { #subscriber-modal-profile-info .modal-body ul.custom-list li { background: url(../img/bg-dots.png) transparent left bottom repeat-x; } } #subscriber-modal-profile-info .modal-body ul.custom-list li:before, #subscriber-modal-profile-info .modal-body ul.custom-list li:after { display: table; content: " "; } #subscriber-modal-profile-info .modal-body ul.custom-list li:after { clear: both; } #subscriber-modal-profile-info .modal-body ul.custom-list li span.cl-span { color: #666; display: inline-block; background-color: #ffffff; } #subscriber-modal-profile-info .modal-body ul.custom-list li span.cl-span:first-child { padding: 2px 10px 2px 0; } @media (max-width: 767px) { #subscriber-modal-profile-info .modal-body ul.custom-list li span.cl-span:first-child { padding: 2px 0 2px 0; } } #subscriber-modal-profile-info .modal-body ul.custom-list li span.cl-span:last-child { float: right; padding: 2px 0 2px 10px; } @media (max-width: 767px) { #subscriber-modal-profile-info .modal-body ul.custom-list li span.cl-span:last-child { padding: 2px 0 2px 0; } } #subscriber-modal-profile-info .modal-body ul.custom-list li span.cl-span a { color: #008ca9; } #subscriber-modal-profile-info .modal-body .list-wrapper { height: 120px; overflow-y: scroll; padding: 0 5px 0 0; } #subscriber-modal-profile-info .modal-body input.scroll { color: #666; width: 210px; height: 24px; border: 0; margin: -2px 0 0 0; padding: 0; } .nav-tabs { border-bottom: 1px solid #f4f4f4!important; margin-bottom: 20px; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 0; line-height: normal; border: 1px solid transparent; border-radius: 0 0 0 0; } .nav-tabs > li > a:hover { color: #008ca9; border-color: transparent; border-bottom-color: #f4f4f4; background-color: #ffffff; } .nav-tabs > li.active { position: relative; overflow: hidden; } .nav-tabs > li.active:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 3px; display: block; background-color: #008ca9; } .nav-tabs > li.active > a { border-color: #f4f4f4; border-bottom-color: transparent; } .nav-tabs > li.active > a:hover { border-color: #f4f4f4; border-bottom-color: transparent; } .nav-tabs + .panel { margin-top: -20px; border-color: #f4f4f4!important; } .callout { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .callout.callout-info { color: #008ca9 !important; background-color: #ebf6f8 !important; } .panel-template-box { float: left; max-width: 180px !important; padding: 0 10px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; margin: 0; margin-right: 5px !important; margin-left: 5px !important; margin-top: 10px !important; margin-tbottom: 0 !important; } .panel-template-box:hover { background-color: #f6fbfc; } .panel-template-box .box-header { text-align: center; } .panel-template-box .box-header h3 { color: #008ca9; } .panel-template-box .box-body { padding: 0 !important; display: table; } .panel-template-box .box-body .image { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; } .panel-template-box .box-body img { display: table-cell; vertical-align: middle; width: 100% !important; height: auto !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; } .panel-template-box .box-footer { margin: 10px 0 10px 0; padding: 10px 0 10px 0 !important; text-align: center !important; background-color: transparent !important; } .panel-template-box .box-footer .btn { margin: 0 2px !important; } .panel-template-box .box-footer .btn i { margin-right: 0; } .price-plan-box-wrapper .price-plan-box .box-heading:before, .price-plan-box-wrapper .price-plan-box .box-heading:after { display: table; content: " "; } .price-plan-box-wrapper .price-plan-box .box-heading:after { clear: both; } .price-plan-box-wrapper .price-plan-box .box-heading .box-title { float: left; } .price-plan-box-wrapper .price-plan-box .box-heading .box-tools { margin-top: 25px; } .price-plan-box-wrapper .price-plan-box .box-body { min-height: 50px; } body.ctrl-campaigns_reports.act-login { min-height: 100%; width: 100%; } body.ctrl-campaigns_reports.act-login .content-wrapper .login-box-body { max-width: 360px; margin: 100px auto; border: 1px solid #ebf6f8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } body.ctrl-campaigns_reports.act-login .content-wrapper .login-box-body .login-box-msg { font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif; font-size: 18px; color: #008ca9; border-bottom: 1px solid #ebf6f8; margin-bottom: 20px; } @media (min-width: 768px) { body.ctrl-campaigns_reports.act-login .login-flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } @media (min-width: 768px) { body.ctrl-campaigns_reports.act-login .login-flex .login-flex-col { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 768px) { body.ctrl-campaigns_reports.act-login .login-flex .login-form { width: 33.33333333%; } } body.ctrl-campaigns_reports.act-login .login-flex .login-form .login-box-body { max-width: 360px; margin: 100px auto; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } body.ctrl-campaigns_reports.act-login .login-flex .login-form .login-box-body h2 { text-align: center; } body.ctrl-campaigns_reports.act-login .login-flex .login-form .login-box-body .login-box-msg { font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif; font-size: 18px; color: #008ca9; border-bottom: 1px solid #ebf6f8; margin-bottom: 20px; } @media (min-width: 768px) { body.ctrl-campaigns_reports.act-login .login-flex .login-billboard { position: fixed; right: 0; min-height: auto; height: 100vh; width: 66.66666667%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } body.ctrl-guest.act-index { background-color: #ffffff!important; min-height: 100%; width: 100%; } body.ctrl-guest.act-index .login-box { position: relative; min-height: 100%; width: 100%; margin: 0 0 0 0; } @media (min-width: 768px) { body.ctrl-guest.act-index .login-box #notify-container { position: absolute; width: 33.33333333%; padding: 25px; } } @media (min-width: 768px) { body.ctrl-guest.act-index .login-flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } @media (min-width: 768px) { body.ctrl-guest.act-index .login-flex .login-flex-col { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 768px) { body.ctrl-guest.act-index .login-flex .login-form { height: 100vh; width: 33.33333333%; } } body.ctrl-guest.act-index .login-flex .login-form .login-box-body { max-width: 420px; margin: 100px 25px 0 25px; border: 0; padding: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } @media (min-width: 1441px) { body.ctrl-guest.act-index .login-flex .login-form .login-box-body { min-width: 420px; margin: 100px auto 0 auto; } } body.ctrl-guest.act-index .login-flex .login-form .login-box-body h2 { text-align: center; } body.ctrl-guest.act-index .login-flex .login-form .login-box-body .login-box-msg { font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif; font-size: 18px; color: #008ca9; border-bottom: 1px solid #ebf6f8; margin-bottom: 20px; } @media (min-width: 768px) { body.ctrl-guest.act-index .login-flex .login-billboard { position: absolute; right: 0; min-height: auto; height: 100vh; width: 66.66666667%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } .btn-group.pull-right { margin-left: 10px; } .select-columns-dropdown { padding: 0 0; margin: 2px 0 0; } .select-columns-dropdown li.divider { margin: 0 0; } .select-columns-dropdown li a { display: block; width: 100%; padding: 10px 10px; white-space: nowrap; } .select-columns-dropdown li a:before, .select-columns-dropdown li a:after { display: table; content: " "; } .select-columns-dropdown li a:after { clear: both; } .select-columns-dropdown li a input { float: left; } .select-columns-dropdown li a span { display: inline-block; padding: 2px 15px 0 10px; } .select-columns-dropdown li ul { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; height: auto; max-height: 200px; overflow-x: hidden; } .select-columns-dropdown li ul li a { display: block; padding: 4px 10px; white-space: nowrap; } .field-type-checkboxlist, .field-type-radiolist, .field-type-checkbox, .field-type-consentcheckbox { float: left; margin: 2px 5px 0 0 !important; padding: 0; } .geo-opens-wrapper .legendLabel { font-size: 15px; } .geo-opens-countries-list .countries-list { max-height: 300px; overflow-y: scroll; } .geo-opens-countries-list table { margin-bottom: 0px; } .geo-opens-countries-list table tr td { color: #333333; } .geo-opens-countries-list table tr td:nth-child(1) { width: 50px; } .geo-opens-countries-list table tr td:nth-child(3) { width: 120px; } .geo-opens-countries-list table tr td img { width: 100%; height: auto; } .box .box-header { padding-left: 10px; padding-right: 10px; margin: 15px 0 5px 0; border-bottom: 1px solid #eeeeee; padding-bottom: 10px; } .btn-group.dropup.subscribers-gridview-options-btn-group button.btn { width: 40px; height: 32px; } .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu { top: 0; left: 42px; bottom: auto; margin-bottom: 0; padding: 0 0; margin: 0 0 0 0; border: 0; border: 0 solid rgba(0, 0, 0, 0.15); border-raius: 0; background: transparent!important; background-color: transparent!important; min-width: 240px; } .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu:before, .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu:after { display: table; content: " "; } .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu:after { clear: both; } .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li { float: left; } .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn { width: 32px; height: 32px; padding: 3px 3px; text-align: center; display: block; } .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn .fa, .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn .glyphicon { color: #ffffff; margin-right: 0; } .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn .fa { margin-top: 7px; } .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn .glyphicon { margin-top: 5px; } .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn.btn-primary:hover { background-color: #007790; color: #ffffff; } .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn.btn-danger:hover { background-color: #e72412; color: #ffffff; } .select-delivery-servers-list { list-style: none; margin: 0; padding: 0; max-height: 450px; overflow-y: scroll; } .select-delivery-servers-list:before, .select-delivery-servers-list:after { display: table; content: " "; } .select-delivery-servers-list:after { clear: both; } .select-delivery-servers-list li { float: left; display: table; width: 50%; padding: 2px; height: 50px; } @media (max-width: 767px) { .select-delivery-servers-list li { width: 100%; } } @media (max-width: 991px) { .select-delivery-servers-list li { width: 50%; } } .select-delivery-servers-list li a { position: relative; display: table-cell; width: 100%; vertical-align: middle; padding-left: 15px; background-color: #f4f4f4; } .select-delivery-servers-list li a:hover { background-color: #ebf6f8; border-color: #ebf6f8; } .select-delivery-servers-list li a .fa { margin-right: 10px; } .select-delivery-servers-list li a span { position: absolute; top: 50%; right: 0; z-index: 1; font-size: 14px; line-height: 14px; display: block; color: #008ca9; -webkit-transform: translate(10%, -50%); transform: translate(10%, -50%); } .select-delivery-servers-list li a + a { padding: 0 15px 0 15px; text-align: center; border-left: 1px solid #ffffff; } .select-delivery-servers-list li a + a .fa { margin-right: 0; } .alert ul { list-style: none; margin: 0px; padding: 0px; } .alert ul li:before { content: "\2192 \0020"; } .alert.alert-block.alert-danger .errorSummary { border: 0px; } label { font-weight: normal; } label.error { color: #b94a48; font-style: italic; } label span.required { color: #b94a48; } input.error, select.error, textarea.error { border: 1px solid #b94a48; background: #f2dede; } .errorMessage { font-size: 13px; color: #b94a48; margin: 0; padding: 0; font-style: italic; } .no-margin-left { margin-left: 0px; padding-left: 0px; } .no-top-border { border-top-left-radius: 0; border-top-right-radius: 0; border-top: 0px; } .no-width { width: 0px; } textarea { resize: none; } /** Grid View table start **/ .grid-view-loading { background: url(../img/grid-view-loading.gif) no-repeat; } .grid-view { padding: 0; } table th a.asc { background: url(../img/grid-up.gif) right center no-repeat; padding-right: 10px; } table th a.desc { background: url(../img/grid-down.gif) right center no-repeat; padding-right: 10px; } .grid-view .link-column img { border: 0; } .grid-view .button-column img { border: 0; } .grid-view .checkbox-column { width: 15px; } .grid-view .pager { margin: 5px 0 0 0; text-align: right; } .grid-view .empty { font-style: italic; } .grid-view .summary { font-size: 12px; } /** Grid View table end **/ button.navbar-toggle span.icon-bar { color: #333333; background: #333333; } .pagination, ul.pagination { margin: 0; padding: 0; } ul.pagination li.selected, ul.pagination li.selected a { background: #eeeeee; } .empty-options-header.loading { background: url(../img/grid-view-loading.gif) no-repeat; height: 16px; margin-top: -16px; } .errorSummary { font-size: 13px; color: #b94a48; margin: 0; padding: 0; font-style: italic; border: 1px solid #b94a48; background: #f2dede; } .right-side > .content-header { padding: 9px 15px 10px 20px; } .right-side > .content-header > .breadcrumb { top: 10px; } .box .box-header > .box-tools { padding: 15px 10px 5px 5px; } .box .box-header .btn.btn-primary, .box .box-header .btn.btn-danger { color: #ffffff; } .user-panel > .image > img { width: 35px; height: 35px; } .user-panel > .info { padding: 12px 5px 0px 5px; } .user-panel > .info > p { margin-bottom: 0px; } /* since 1.3.5.9 */ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 { padding: 0; margin: 0 0 0 10px; color: #444444; font-size: 15px; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p { margin: 0 0 0 10px; font-size: 12px; color: #888888; } /* since 1.3.6.2 */ body > .header .logo { padding: 0; } body > .header .logo img { margin-top: -5px; } .content-wrapper { background-color: #fafafa; } /* 1.3.6.3 */ .box-body .table-responsive { width: 100%!important; margin-bottom: 15px!important; overflow-y: hidden!important; overflow-x: scroll!important; -ms-overflow-style: -ms-autohiding-scrollbar !important; border: 0px solid #ddd!important; -webkit-overflow-scrolling: touch!important; padding-top: 5px; } .modal-title i, .box-title i { margin-right: 5px; } /* 1.3.7.3 */ .box-header .btn i, .box-footer .btn i { margin-right: 3px; } .box-header { padding: 2px; } .panel-template-box { float: left; max-width: 140px; margin-right: 20px; margin-bottom: 20px; } .panel-template-box h3, .box.panel-template-box .box-header .box-title { font-size: 12px; } .panel-template-box .box-body img { width: 140px; height: 140px; } /* ************************ */ .table > thead > tr > th a:after, .table > tfoot > tr > th a:after { content: ""; } /* ************************ */ body.sidebar-hidden .main-header .navbar { margin-left: 0!important; } body.sidebar-hidden .content-wrapper { margin-left: 0!important; } body.sidebar-hidden .main-footer { margin-left: 0!important; } /* ************************ */ @media print { a[href]:after { content: none !important; } } .btn-group.dropup.dropdown-button-column button.btn { width: 32px; height: 32px; } .btn-group.dropup.dropdown-button-column ul.dropdown-menu { top: 0; right: 42px; bottom: auto; padding: 0 0; margin: 0; border: 0; border-radius: 0; background: transparent!important; min-width: 240px; } .btn-group.dropup.dropdown-button-column ul.dropdown-menu:before, .btn-group.dropup.dropdown-button-column ul.dropdown-menu:after { display: table; content: " "; } .btn-group.dropup.dropdown-button-column ul.dropdown-menu:after { clear: both; } .btn-group.dropup.dropdown-button-column ul.dropdown-menu li { float: left; } .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn { width: 32px; height: 32px; padding: 3px 3px; text-align: center; display: block; border-right: 1px solid #ffffff; } .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn .fa, .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn .glyphicon { color: #ffffff; margin-right: 0; } .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn .fa { margin-top: 7px; } .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn .glyphicon { margin-top: 5px; } .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-primary:hover { background-color: #007790; color: #ffffff; } .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-danger:hover { background-color: #e72412; color: #ffffff; } form .buttons-save-changes-and-action ul.dropdown-menu { width: 100%; } form .buttons-save-changes-and-action ul.dropdown-menu li button { width: 100%; margin-bottom: 3px; } /* ***** */ @media (min-width: 768px) { #campaign-quick-view-modal .modal-dialog { width: 700px; } } #campaign-quick-view-modal .modal-body { background-color: #fff !important; color: #111111 !important; } #campaign-quick-view-modal .modal-body .img-avatar img { width: 100%; max-width: 100%; height: auto; border: 1px solid #008ca9; } #campaign-quick-view-modal .modal-body .name-avatar { border-bottom: 1px solid #008ca9; padding: 0 0 5px 0; margin: 0 0 10px 0; } #campaign-quick-view-modal .modal-body .name-avatar span { font-size: 16px; display: block; } #campaign-quick-view-modal .modal-body ul.custom-list { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; } #campaign-quick-view-modal .modal-body ul.custom-list li { display: block; position: relative; background: url(../img/bg-dots.png) transparent 0 17px repeat-x; margin-bottom: 0; } @media (max-width: 767px) { #campaign-quick-view-modal .modal-body ul.custom-list li { background: url(../img/bg-dots.png) transparent left bottom repeat-x; } } #campaign-quick-view-modal .modal-body ul.custom-list li:before, #campaign-quick-view-modal .modal-body ul.custom-list li:after { display: table; content: " "; } #campaign-quick-view-modal .modal-body ul.custom-list li:after { clear: both; } #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span { color: #666; display: inline-block; background-color: #ffffff; } #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span:first-child { padding: 2px 10px 2px 0; } @media (max-width: 767px) { #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span:first-child { padding: 2px 0 2px 0; } } #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span:last-child { float: right; padding: 2px 0 2px 10px; } @media (max-width: 767px) { #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span:last-child { padding: 2px 0 2px 0; } } #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span a { color: #008ca9; } #campaign-quick-view-modal .modal-body .list-wrapper { height: 400px; overflow-y: scroll; padding: 0 5px 0 0; } #campaign-quick-view-modal .modal-body input.scroll { color: #666; width: 210px; height: 24px; border: 0; margin: -2px 0 0 0; padding: 0; } /** **/ .modal.modal-compare { background: transparent!important; } .modal.modal-compare .modal-dialog { width: 90%; margin: 100px auto ; } .modal.modal-compare .modal-dialog .modal-content { position: relative; border-radius: 5px; outline: none!important; } .modal.modal-compare .modal-dialog .modal-body-content { width: 100%; } .modal.modal-compare .modal-dialog .modal-body-content .sticky-cols-wrapper { position: relative; overflow: auto; width: 100%; } .modal.modal-compare .modal-dialog .modal-body-content .sticky-cols-wrapper .sticky-col { position: -webkit-sticky; position: sticky; background-color: white; } .modal.modal-compare .modal-dialog .modal-body-content .sticky-cols-wrapper .campaign-name { width: 150px; min-width: 150px; max-width: 150px; left: 0; } /****/ /** CSS Scroll Animation Start **/ .mouse-scroll-indicator { display: block; margin: 0 auto; width: 23px; height: 40px; border-radius: 13px; border: 2px solid #333333; position: absolute; top: 0%; right: 0%; margin-left: -14px; -moz-animation: hide-mouse-scroll-indicator 0s ease-in 3s forwards; -webkit-animation: hide-mouse-scroll-indicator 0s ease-in 3s forwards; -o-animation: hide-mouse-scroll-indicator 0s ease-in 3s forwards; animation: hide-mouse-scroll-indicator 0s ease-in 3s forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .mouse-scroll-indicator.top-right { top: 0%; right: 0%; margin-left: 0; margin-right: -4px; } .mouse-scroll-indicator.no-border-radius { border-radius: 0; } .mouse-scroll-indicator.no-border { border: 0; } @keyframes hide-mouse-scroll-indicator { to { width:0; height:0; top: -1000px; overflow:hidden; } } @-webkit-keyframes hide-mouse-scroll-indicator { to { width:0; height:0; top: -1000px; visibility:hidden; } } .mouse-scroll-indicator span { display: block; margin: 6px auto; width: 3px; height: 7px; border-radius: 100%; background: #333333; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: animate-mouse-scroll-indicator; animation-name: animate-mouse-scroll-indicator; } .mouse-scroll-indicator span.sm { height: 20px; } @-webkit-keyframes animate-mouse-scroll-indicator { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(12px); transform: translateY(12px); } } @keyframes animate-mouse-scroll-indicator { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(12px); -ms-transform: translateY(12px); transform: translateY(12px); } } /** CSS Scroll Animation End **/ .main-header .skin-mode-menu { display: none; } .supports-dark-mode .main-header .skin-mode-menu { display: block; } body.ctrl-landing_page_variants.act-update .impersonate-sticky-info { display: none; } /* Landing pages */ .landing-page-table { width: 100%; display: table; } .landing-page-table-body { display: table-row-group; } .landing-page-table-row { display: table-row; } .landing-page-table-row-header { display: table-row; font-weight: 600; } .landing-page-table-row-header { color: #fff; } .landing-page-table-body-cell { display: table-cell; border: 1px solid #f4f4f4; padding: 8px; line-height: 1.42857143; vertical-align: top; } .landing-page-table-body-cell:nth-child(1) { width: 40%; } .d-flex { display: flex !important; } .landing-page-table-body-cell button { margin-left: 2px !important; } .landing-page-table-body-cell .dropdown-menu { top: auto; right: 0; } .add-page-variant { border: 1px dashed #008ca9; padding: 10px 20px; height: auto; width: 100%; text-align: left; justify-content: flex-start; transition: 200ms ease-in-out; transition-property: background-color; border-radius: 8px; margin-bottom: 20px; } .add-page-variant a:hover { color: #ffffff; } .add-page-variant:hover { background: #e4faff; } .inactive-page-variant { color: #CDCDDE; } /* BADGE */ .badge { background: #fff; display: inline-flex; align-items: center; } .badge-light-success { color: #00a65a; background-color: #f4fffa; } .badge-light-danger { color: #ee3524; background-color: #feeeec; } .badge-light-primary { color: #008ca9; background-color: #e4faff; } .badge-light-dark { color: #444; background-color: #ebebeb; } /* BADGE END */ /* BANNER */ .unpublished-banner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 3px solid #008ca9; } .unpublished-banner-primary { background-color: var(--mz-light-primary); color: #008ca9; } .unpublished-banner-primary { background-color: #98eafc; color: #008ca9; } .unpublished-banner span { color: #008ca9; font-size: 12px; } /* BANNER END*/ /* Landing pages end */ /* Landing page checkbox */ .checkbox-group { display: inline-flex; flex-wrap: wrap; justify-content: start; width: 90%; margin-left: 10px; margin-right: auto; max-width: 600px; user-select: none; } .checkbox-group > .checkbox { margin: .5rem 0.5rem; } .checkbox-group-legend { font-size: 1.5rem; font-weight: 700; color: #999; text-align: center; line-height: 1.125; margin-bottom: 1.25rem; } .checkbox-input { clip: rect(0 0 0 0); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .checkbox-input:checked + .checkbox-tile { border-color: #008ca9; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(26, 53, 71, 0.07); color: #008ca9; } .checkbox-input:checked + .checkbox-tile:before { transform: scale(1); opacity: 1; background-color: #008ca9; border-color: #008ca9; } .checkbox-input:checked + .checkbox-tile .checkbox-icon, .checkbox-input:checked + .checkbox-tile .checkbox-label { color: #999; } .checkbox-input:focus + .checkbox-tile { border-color: #008ca9; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .checkbox-input:focus + .checkbox-tile:before { transform: scale(1); opacity: 1; } .checkbox-tile { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; min-height: 13rem; border-radius: 0.5rem; border: 2px solid #d2d6de; background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); transition: 0.15s ease; cursor: pointer; position: relative; } .checkbox-tile:before { content: " "; position: absolute; display: block; width: 2rem; height: 2rem; border: 2px solid #d2d6de; background-color: #fff; border-radius: 50%; top: 0.25rem; left: 0.25rem; opacity: 0; transform: scale(0); transition: 0.25s ease; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E"); background-size: 12px; background-repeat: no-repeat; background-position: 50% 50%; } .checkbox-tile:hover { border-color: #008ca9; } .checkbox-tile:hover:before { transform: scale(1); opacity: 1; } .checkbox-icon { transition: .375s ease; color: #999; } .checkbox-icon svg { width: 3rem; height: 3rem; } .checkbox-label { color: #999; transition: .375s ease; text-align: center; } /* Landing page checkbox END */ /* ---------Hover Overlay text Effect--------- */ .overlay-item { border: 1px solid #bbb; display: block; position: relative; overflow: hidden; text-align: center; } .overlay-item .mask { display: flex; justify-content: center; align-items: center; position: absolute; overflow: hidden; top: 0; left: 0; height: 100%; width: 100%; } .overlay-item img { display: block; width: 100%; object-fit: cover; height: 130px; } .overlay-item h3 { text-transform: uppercase; text-align: center; position: relative; padding: 10px; margin: 0 0 20px 0; display: block; background-color: #333; color: #fff; } .overlay-item p { text-align: left; } .overlay-item a.btn { margin: 10px 0; } .overlay-item:hover { cursor: pointer; border: 1px solid #008ca9; } .overlay-item:focus, .overlay-item:active { border: 1px solid #008ca9; } .hover-mask > h5 { padding: 2px 3px; } .hover-mask { padding-bottom: 15px; } .hover-mask.animation { animation: fadeInAnimation ease 3s; animation-iteration-count: 1; animation-fill-mode: forwards; } .hover-mask:hover, .hover-mask:focus, .hover-mask:active { color: #008ca9; } .hover-mask:hover h5, .hover-mask:focus h5, .hover-mask:active h5 { color: #008ca9; } .hover-mask.active > h5 { border-radius: 2px; background: #008ca9; color: #fff; } .hover-mask.active >.overlay-item { border: 1px solid #008ca9; } .hover-mask.active >.overlay-item { border: 1px solid #008ca9; } @keyframes fadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } /* Expandable treeview */ summary { display: block; cursor: pointer; outline: 0; } summary::-webkit-details-marker { display: none; } .tree-nav-item { display: block; white-space: nowrap; color: #ccc; position: relative; background: #fff; } .tree-nav-item .landing-page-table { padding-left: 0.8rem; } .tree-nav-item .landing-page-table-body-cell { border-right: none; border-left: none; border-top: none; padding: 0 8px 8px 8px; border-bottom: 1px solid #ced4da; color: #999; } .tree-nav-item .landing-page-table-body-cell:nth-child(1) { padding-left: 20px; } .tree-nav-item.is-expandable::before { border-left: 1px solid #ced4da; content: ""; left: 0.8rem; position: absolute; top: 2.4rem; height: calc(100% - 2.4rem); } .tree-nav-item.is-expandable[open] > .tree-nav-item-title::before { transform: rotate(90deg); } .tree-nav-item.is-expandable > .tree-nav-item-title { padding-left: 1.8rem; background: #fff; } .tree-nav-item.is-expandable > .tree-nav-item-title::before { position: absolute; will-change: transform; transition: transform 300ms ease; font-family: "ionicons"; color: #ced4da; font-size: 1.1rem; content: "\f125"; left: 0; display: inline-block; width: 1.6rem; text-align: center; } .tree-nav-item-title { cursor: pointer; display: block; outline: 0; color: #000000; font-size: 1.5rem; line-height: 3.2rem; } .tree-nav-item-title { color: #fff; } .tree-nav-item-title .icon { display: inline; padding-left: 1.6rem; margin-right: 0.8rem; color: #6c757d; font-size: 1.4rem; position: relative; } .tree-nav-item-title .icon::before { top: 0; position: absolute; left: 0; display: inline-block; width: 1.6rem; text-align: center; } .tree-nav-item-title::-webkit-details-marker { display: none; } .tree-nav-item .landing-page-table-body-cell.unpublished:nth-child(1) { padding-left: 20px; } .landing-page-table.unpublished-table { width: 98%; } /* Expandable treeview END */ .pl-2 { padding-left: 2px; } .mt-4 { margin-top: 4px; } .active-variant-table { margin: 0 0 10px 0; } .inactive-section { background: #343a40; margin: 0 0 0 8px; } .lp-table { width: 100%; display: grid; background: #e4e6ef; border: 1px solid #e4e6ef; grid-gap: 1px; grid-auto-flow: row; grid-template-columns: 1fr; } .variant-row-variant-column { grid-template-columns: repeat(5, minmax(30px, 1fr)) repeat(3, 65px) repeat(2, 50px) repeat(3, 55px) repeat(3, 65px) !important; } .lp-table-header { font-weight: 700!important; color: #bbb; font-family: 'Source Sans Pro', sans-serif; } .lp-table-borders { grid-gap: 1px; background: #e4e6ef; } .lp-table-row { display: grid; font-weight: 200; color: #6c757d; } .active-variant-table-pad-left { padding-left: 20px; } .active-variant-table-num-header { justify-content: flex-end; } .table_emphasis { font-size: 18px; font-weight: 700; color: #000000; } .table-cell { background: #fff; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .variant-row-variant-column { grid-template-columns: repeat(5, minmax(30px, 1fr)) repeat(3, 65px) repeat(2, 50px) repeat(3, 55px) repeat(3, 65px) !important; } .variant-data-row { padding-left: 20px; } .variant-data-row-variant-description { display: flex; width: 100%; align-items: center; } .variant-data-row-name-and-date { display: flex; flex-direction: column; flex: 1; overflow: hidden; } .variant-name { color: #343a40; font-weight: 700; overflow-wrap: break-word; max-width: 100%; } .inactive-section .variant-name { color: #6c757d; } .variant-name-editable-name { display: flex; } .variant-name-editable-name:not(.variant-name-disabled) { cursor: pointer; } .variant-name-edit-icon { padding-left: 8px; line-height: 0; position: absolute; } .variant-name-editable-name .variant-name-edit-icon { opacity: 0; transition: 200ms ease-in-out; } .icon-silver{ fill: #c9c9c9; } .icon-icon { display: inline-block; line-height: 0; } .table-numerical-cell { color: #343a40; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-weight: 400; } .table-numerical-cell > span { color: var(--mz-gray-800); } .table-numerical-cell > span { color: var(--mz-dark-gray-800); } /* TABLE BUTTON DROPDOWN*/ .variant-data-row-more-cell { justify-content: center; overflow: visible; } .flyout-wrapper { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .more-button-wrapper { padding: 0 20px; height: 100%; margin-left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border: none; background-color: transparent; outline: none; } .dropdown-menu.more-dropdown-menu { right: 0; top: 30px; } /* LINKS BODY */ .input-group-addon.permalink { padding: 6px 12px!important; font-size: 14px; font-weight: 400; line-height: 1; text-align: center; background-color: #428bca!important; border: 1px solid #428bca; color: #fff; cursor: pointer; } .input-group-addon.permalink.bg-success { background-color: #00a65a!important; } .input-margin { margin: 10px 0!important; } .first-addon { background-color: #CDCDDE!important; border: 1px solid #CDCDDE; } /* Header box */ .numbers { border-radius: 12px; border: 1px dashed #CDCDDE; padding: 5px; margin: 0 10px 0 0; } .box .box-header.border-bottom-none { border-bottom: none; } .p-gray { color: #6c757d!important; font-size: 14px!important; line-height: 1.5!important; font-weight: 600!important; } .text-center { text-align: center!important; } .text-center h4 { color: #428bca!important; font-weight: 600; } .items-center { display: flex; align-items: center; } .svg-icon-dot { fill: #343a40; } .landing-page-templates-container .box-header .box-title { padding-left: 5px; font-size: 16px; color: #343a40; }