:root {
--primary-color: #881b4c;
--secondary-color: #551130;
--primary-hover-color: #731C42;
--main-background-color: #f9f9f9;
--white-opacity-2: rgba(255, 255, 255, .2);
--white-opacity-25: rgba(255, 255, 255, .25);
--white-opacity-4: rgba(255, 255, 255, .4);
--white-opacity-5: rgba(255, 255, 255, .5);
--white-opacity-7: rgba(255, 255, 255, .7);
--white-opacity-8: rgba(255, 255, 255, .8);
--white-opacity-15: rgba(255, 255, 255, .15);
--black-opacity-075: rgba(0, 0, 0, .075);
--black-opacity-1: rgba(0, 0, 0, .1);
--black-opacity-15: rgba(0, 0, 0, .15);
--black-opacity-5: rgba(0, 0, 0, .5);
--black-opacity-6: rgba(0, 0, 0, .6);
--black-opacity-9: rgba(0, 0, 0, .9);
--primary-color-opacity-002: rgba(136, 27, 76, .002);
--primary-color-opacity-05: rgba(136, 27, 76, .05);
--primary-color-opacity-6: rgba(136, 27, 76, .6);
--primary-color-opacity-02: rgba(136, 27, 76, 0.2);
}
/* Move down content because we have a fixed navbar that is 50px tall */
body {
padding-top: 50px;
font-family: 'LatoRegular','Lucida Grande','Lucida Sans Unicode',Helvetica,sans-serif; /*!important 'Droid Sans',sans-serif; */
background-color: var(--main-background-color); /* to averight bootstrap background color */
background: var(--main-background-color);
font-size: 13px;
}
/*
* -----------------------------------------------------------------------------
* JCORE - RESET
* -----------------------------------------------------------------------------
*/
a:focus {
outline: 0;
}
a.disabled {
pointer-events: none;
cursor: default;
color: #797979;
}
.fix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.fix {
display: inline-block;
}
.spacer5 {
display: block;
clear: both;
visibility: hidden;
height: 5px;
}
.spacer10 {
display: block;
clear: both;
visibility: hidden;
height: 10px;
}
.spacer15 {
display: block;
clear: both;
visibility: hidden;
height: 15px;
}
.spacer18 {
display: block;
clear: both;
visibility: hidden;
height: 18px;
}
.spacer20 {
display: block;
clear: both;
visibility: hidden;
height: 20px;
}
.spacer25 {
display: block;
clear: both;
visibility: hidden;
height: 25px;
}
.spacer30 {
display: block;
clear: both;
visibility: hidden;
height: 30px;
}
.spacer35 {
display: block;
clear: both;
visibility: hidden;
height: 35px;
}
.spacer40 {
display: block;
clear: both;
visibility: hidden;
height: 40px;
}
/*
* -----------------------------------------------------------------------------
* jCORE - SCAFFOLDING
* -----------------------------------------------------------------------------
*/
a {
color: var(--primary-color);
text-decoration: none;
}
a:hover,
a:focus {
color: var(--secondary-color);
text-decoration: none;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
/*
* -----------------------------------------------------------------------------
* jCORE - GRID
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - LAYOUT
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* jCORE - LAYOUTS
* -----------------------------------------------------------------------------
*/
.page-container {
position: relative;
min-height: 100%;
}
#main-container {
position: absolute;
top: 0;
bottom: 0;
min-height: 100%;
width: 100%;
}
.main-content {
position: relative;
z-index: 1;
min-height: 100%;
}
.sidebar-left .main-content {
margin-right: 0;
margin-left: 230px;
}
.sidebar-hidden .main-content {
margin-right: 0;
margin-left: 0;
}
.panel-body .main-content.sub-sub-nav {
margin-left: 0;
}
/*
* -----------------------------------------------------------------------------
* JCORE - HEADER
* -----------------------------------------------------------------------------
*/
#header-container {
height: 50px;
}
#header {
position: fixed;
top: 0;
left: 0;
z-index: 1005;
width: 100%;
}
.header-sticky {
top: 12px;
margin-top: 0px;
}
.header-sticky {
top: 41px;
/*cursor: pointer;*/
}
/*
* -----------------------------------------------------------------------------
* JCORE - SIDEBAR
* -----------------------------------------------------------------------------
*/
.sidebar {
position: fixed;
top: 0;
padding-bottom: 40px;
width: 230px;
background-color: #ccc;
overflow-y: auto; /*hack for scroll bar sidebar*/
}
.sidebar-left .sidebar {
bottom: 0;
left: 0;
}
.sidebar-inspect {
position: fixed;
top: 200px;
width: 230px;
overflow-y: auto; /*hack for scroll bar sidebar*/
bottom: 80px;
right: 40px;
}
.sidebar-left .sidebar-inverse {
}
.sidebar-inverse {
background-color: #272b2e;
background-image: none;
}
.profile {
padding: 10px 20px;
height: 80px;
background-color: var(--secondary-color); /*rgb(38, 43, 52);/* ; #303641; rgb(48,54,65);*/
margin-top: 50px;
}
.profile .thumbnail {
background-color: transparent;
border: 0px solid rgb(100,100,100);
width: 60px;
height: 60px;
padding: 0px;
}
.profile .info {
overflow: hidden;
padding: 0 0 0 5px;
}
.profile h5 {
color: #f7f7f7;
margin-top: 3px;
margin-bottom: 8px;
}
.profile p {
color: #ccc;
margin: 0px;
font-size: 12px;
}
.profile p > span {
color: #999;
}
/* Sidebar navigation */
.nav-sidebar {
margin-bottom: 20px;
}
.nav-sidebar > li > a {
padding-right: 5px;
padding-left: 10px;
color: rgb(165,171,174);
border-bottom: 1px solid rgba(62,68,78,1);
padding-top: 16px;
padding-bottom: 16px;
}
.nav-sidebar > li > a:hover,
.nav-sidebar > li > a:focus:not(.toSection) {
text-decoration: none;
background-color: #26272C; /* rgb(54,59,70); */
color: var(--primary-color);
}
.nav-sidebar > .active > a {
color: var(--primary-color);
background-color: var(--main-background-color);
}
.nav-sidebar > li.demo {
background-color: #16171a;
}
.page-head {
position: relative;
margin: -20px -15px;
padding: 0 20px;
min-height: 80px;
border-bottom: 1px solid #B3B9BD;
background-color: #D2D2D2;
}
.page-head .page-title {
margin-bottom: 0px;
padding: 40px 0 0 0;
}
.page-content {
position: relative;
padding-bottom: 60px;
height: 100%;
margin: 40px 0 0 0;
}
/*
* -----------------------------------------------------------------------------
* JCORE - FOOTER
* -----------------------------------------------------------------------------
*/
#footer-container {
position: fixed;
bottom: 0;
z-index: 1030;
width: 100%;
height: 40px;
background: rgba(43, 45, 48, 0.95);
}
#footer-content .navbar {
margin-top: 0;
margin-bottom: 0;
font-size: 16.099999999999998px;
}
#footer-content .navbar-inverse {
padding-right: 0px;
/*padding-left: 18px;*/
border: none;
background: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#footer-content .navbar-inverse .nav > li > a,
#footer-content .navbar-inverse .navbar-inverse .nav > li > a {
color: #aaa;
text-shadow: 0 1px 1px var(--black-opacity-9);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 10px 15px;
}
#footer-content .navbar-inverse .nav > li > a:hover,
#footer-content .navbar-inverse .navbar-nav > li > a:hover {
color: var(--primary-color);
background-color: #f5f5f5;
text-shadow: 0px 0px 0px var(--black-opacity-9);
}
#footer-content .navbar-inverse .nav > li > a:focus,
#footer-content .navbar-inverse .navbar-nav > li > a:focus {
color: #aaa;
background-color: transparent;
}
#footer-content .navbar-inverse .nav > li .active {
color: #D6B200;
}
#footer-content .navbar-inverse .navbar-nav > li {
border-right: 0px;
}
#footer-content .navbar-inverse .navbar-nav > li:first-child {
border-right: 0px;
border-left: 0px;
}
.footer-sidebar {
position: absolute;
bottom: 0;
min-height: 40px;
width: 230px;
background: #16171a;
}
.sidebar-left .footer-content {
margin-left: 230px;
}
.sidebar-hidden .footer-content {
margin-right: 0;
margin-left: 0;
}
div.footer_admin {
color: #666;
font-size: 12px;
line-height: 43px;
position: absolute;
left: 60px;
/*color: #aaa;*/
text-shadow: 0 1px 1px var(--black-opacity-6);
cursor: none;
}
#footer-content .readonly-mode-text {
color: white;
margin-top: 10px;
}
/*
* -----------------------------------------------------------------------------
* JCORE - TYPOGRAPHY
* -----------------------------------------------------------------------------
*/
h1,
h2,
h3,
h4,
h5,
h6 {
/*text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.6);*/
}
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i {
text-rendering: auto;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: none;
}
h1 label,
h2 label,
h3 label,
h4 label,
h5 label,
h6 label {
display: inline-block;
margin-bottom: 0;
color: #999999;
text-transform: uppercase;
}
h1 small,
h2 small,
h3 small {
font-weight: normal;
color: var(--primary-color);
}
h4 small,
h5 small,
h6 small {
color: #42969d;
}
h1 small {
font-size: 24.5px;
}
h2 small {
font-size: 18px;
}
h3 small {
font-size: 17.99px;
}
h4 small {
font-size: 14px;
}
/*
* -----------------------------------------------------------------------------
* JCORE - CODE
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - FORMS
* -----------------------------------------------------------------------------
*/
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #f7f7f7;
background-image: none;
border: 1px solid #ccc;
border-radius: 2px;
font-size: 12px;
font-weight: normal;
-webkit-box-shadow: inset 0 1px 1px var(--black-opacity-075);
box-shadow: inset 0 1px 1px var(--black-opacity-075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: var(--primary-color);
outline: 0;
-webkit-box-shadow: inset 0 1px 1px var(--black-opacity-075), 0 0 8px var(--primary-color-opacity-6);
box-shadow: inset 0 1px 1px var(--black-opacity-075), 0 0 8px var(--primary-color-opacity-6);
}
/*
* -----------------------------------------------------------------------------
* JCORE - TABLE
* -----------------------------------------------------------------------------
*/
.panel .table thead th {
border-bottom: 1px solid var(--primary-color);
/*border-left-color: #c3c3c3;*/
background-color: rgb(210, 210, 210);
/*background-image: linear-gradient(to bottom, rgb(239, 239, 239), rgb(216, 216, 216));*/
background-color: #efefef;
/*padding: 5px 5px 5px 10px;*/
}
.table thead .filter th {
border-top: 1px solid #c3c3c3;
border-bottom: 1px solid #c3c3c3;
background-color: #d8d8d8;
color: rgb(72, 75, 85);
border-radius: 0px 0px 0px 0px;
padding: 3px 8px;
}
.table thead .datepicker-table th {
border-top: 0px;
border-bottom: 0px;
background-color: #ffffff;
color: rgb(72, 75, 85);
border-radius: 0px 0px 0px 0px;
padding: 3px 8px;
}
.table tfoot th {
border-top: 6px solid #c3c3c3;
border-bottom: 1px solid #ddd;
background-color: rgba(69, 72, 75, 0.1);
color: rgb(136, 27, 76);
/* border-radius: 0px 0px 0px 0px; */
/* padding: 3px 8px; */
font-size: 14px;
font-weight: bold;
}
.table > thead > tr > th.colspan {
border-bottom: none;
padding-bottom: 2px;
}
.panel table.dataTable thead {
background-color: #efefef;
color: var(--primary-color);
}
.panel .table-bordered {
border-top: 0px solid #c3c3c3;
border-bottom: 0px solid #c3c3c3;
border-left: 0px;
border-right: 0px;
}
.panel .table-bordered > thead > tr > th,
.panel .table-bordered > tbody > tr > th,
.panel .table-bordered > tfoot > tr > th,
.panel .table-bordered > thead > tr > td,
.panel .table-bordered > tbody > tr > td,
.panel .table-bordered > tfoot > tr > td {
border: 1px solid #c3c3c3;
}
.panel .table-bordered > thead > tr > th:first-child,
.panel .table-bordered > tbody > tr > th:first-child,
.panel .table-bordered > tfoot > tr > th:first-child,
.panel .table-bordered > thead > tr > td:first-child,
.panel .table-bordered > tbody > tr > td:first-child,
.panel .table-bordered > tfoot > tr > td:first-child {
border-left: 0px solid #c3c3c3;
}
.panel .table-bordered > thead > tr > th:last-child,
.panel .table-bordered > tbody > tr > th:last-child,
.panel .table-bordered > tfoot > tr > th:last-child,
.panel .table-bordered > thead > tr > td:last-child,
.panel .table-bordered > tbody > tr > td:last-child,
.panel .table-bordered > tfoot > tr > td:last-child {
border-right: 0px solid #c3c3c3;
}
.panel .head {
margin: 10px 0px 5px;
}
.panel .foot {
margin: 0px 0px 0px 0px;
background-color: #f5f5f5;
padding: 5px 0 0px 0;
}
.panel .dataTables_info {
color: #909090;
font-size: 12px;
}
.panel .table-hover > tbody > tr:hover > td,
.panel .table-hover > tbody > tr:hover > th {
background-color: #e1e1e1;
}
.panel .table tbody tr.odd > th.sorting_1,
.panel .table tbody tr:nth-child(odd) > th.sorting_1,
.panel .table tbody tr.odd > td.sorting_1,
.panel .table tbody tr:nth-child(odd) > td.sorting_1 {
background: #faf1f5;
}
.panel .table tbody tr.even > th.sorting_1,
.panel .table tbody tr:nth-child(odd) > th.sorting_1,
.panel .table tbody tr.even > td.sorting_1,
.panel .table tbody tr:nth-child(odd) > td.sorting_1 {
background: #faf1f5;
}
.table-responsive {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table.dataTable {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table > thead > tr > th:focus,
.table-responsive > .table > tbody > tr > th:focus,
.table-responsive > .table > tfoot > tr > th:focus,
.table-responsive > .table > thead > tr > td:focus,
.table-responsive > .table > tbody > tr > td:focus,
.table-responsive > .table > tfoot > tr > td:focus {
outline: none;
}
.table-responsive > .table-bordered {
border: 0;
}
.table tbody tr > td.details {
border-bottom: 2px solid var(--primary-color);
background-color: #f7f7f7;
}
.table>thead>th>td.valign,
.table>tbody>tr>td.valign {
vertical-align: top;
}
.table>thead>tr>th.w6 {
width: 6%;
}
.table>thead>tr>th.w8 {
width: 8%;
}
.table>thead>tr>th.w10 {
width: 10%;
}
.table>thead>tr>th.w12 {
width: 12%;
}
.table>thead>tr>th.w15 {
width: 15%;
}
.table>thead>tr>th.w20 {
width: 20%;
}
/*
* -----------------------------------------------------------------------------
* JCORE - SPRITES
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - DROPDOWNS
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - WELLS
* -----------------------------------------------------------------------------
*/
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
.well-sm {
padding: 9px;
margin-bottom: 5px;
}
/*
* -----------------------------------------------------------------------------
* JCORE - COMPONENT ANIMATIONS
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - CLOSE
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - BUTTON GROUPS
* ----------------------------------------------------------------------------- #
* REMAKE
*/
.btn-remake-step-1 {
/*color: #333;*/
/*background-color: #fff;*/
/*border-color: #ccc;*/
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-remake-step-3 {
color: #fff;
/*background-color: #88cc88;*/
/*border-color: #55aa55;*/
background-color: #FFC675;
border-color: #f0ad4e;
}
.btn-remake-step-5 {
color: #fff;
/*background-color: #55aa55;*/
/*border-color: #2d882d;*/
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-remake-step-7 {
color: #fff;
background-color: #2d882d;
border-color: #116611;
}
.btn-remake-step-9 {
color: #fff;
background-color: #116611;
border-color: #116611;
}
/*
* -----------------------------------------------------------------------------
* JCORE - ALERTS
* -----------------------------------------------------------------------------
*/
.alert {
padding: 16px 15px 16px 15px;
margin-bottom: 10px;
border: 1px solid transparent;
}
.alert-display {
color: #999;
background-color: #fff;
/* border-color: #ccc; */
border-bottom: 1px solid #e7e7e7;
}
.display-inverse {
background: rgba(43, 45, 48, 0.95);
color: #eaeaea;
border-bottom: 1px solid #000;
}
.display-danger {
background: #d9534f;
color: #eaeaea;
border-bottom: 1px solid #bd362f;
}
.display-success {
background: rgba(43, 45, 48, 0.95);
color: #eaeaea;
border-bottom: 1px solid #000;
}
.display-top {
margin: -15px -15px 15px -15px;
border-radius: 0px;
}
.display-inverse a {
color: #aaa;
text-shadow: 0 1px 1px var(--black-opacity-9);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.display-inverse a:hover,
.display-inverse a:focus {
color: #fff;
background-color: transparent;
}
.display-inverse .active > a,
.display-inverse .active > a:hover,
.display-inverse .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
/*
* -----------------------------------------------------------------------------
* JCORE - NAVS
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - NAVBAR
* -----------------------------------------------------------------------------
*/
.no-navbar {
padding: 0px;
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.sub-navbar {
border-radius: 0px;
margin: -40px -15px 15px -15px;
border-top: 0px;
border-right: 0px;
border-left: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.sub-navbar .navbar-collapse {
margin: 0px -15px;
}
/*
* -----------------------------------------------------------------------------
* JCORE - TABS
* -----------------------------------------------------------------------------
*/
.nav-tabs,
.nav-tabs-inner {
border-bottom: 1px solid var(--primary-color);
}
.nav-tabs > li > a:hover,
.nav-tabs-inner > li > a:hover {
border-color: #eee #eee var(--primary-color);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs-inner > li.active > a,
.nav-tabs-inner > li.active > a:hover,
.nav-tabs-inner > li.active > a:focus {
color: #fff;
cursor: default;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
border-bottom-color: transparent;
}
.tab-content {
padding: 10px 0 0 0;
}
.tab-content-inner {
padding: 0px 0px 0px 0px;
}
.panel-table > .tab-content > .active {
display: block;
margin: -10px -15px -20px -15px;
padding-bottom: 20px;
}
.margin-top-0 {
margin-top: 0px;
}
.margin-top-10 {
margin-top: 10px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-bottom-0,
.panel.margin-bottom-0 {
margin-bottom: 0px;
}
.border-0,
.panel.border-0 {
border: 0px;
}
.padding-0 {
padding: 0px;
}
.padding-top-0 {
padding-top: 0px;
}
.padding-bottom-0 {
padding-bottom: 0px;
}
.padding-right-0 {
padding-right: 0px;
}
.padding-left-0 {
padding-left: 0px;
}
.margin-left--15 {
margin-left: -15px;
}
.panel-tabs .nav-tabs {
background-color: #E6E6E6;
margin: 0px -15px;
padding: 10px 15px 0 15px;
}
.panel-tabs .nav-tabs-inner {
background-color: #C9C9C9;
margin: 0px -15px;
padding: 10px 15px 0 15px;
}
.panel-tabs .nav-tabs > li > a,
.panel-tabs .nav-tabs-inner > li > a{
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 2px 2px 0 0;
color: #555;
}
.panel-tabs .nav-tabs > li > a:hover {
border-color: #cdcdcd #cdcdcd var(--primary-color) #cdcdcd;
background-color: #cdcdcd;
}
.panel-tabs .nav-tabs-inner > li > a:hover {
border-color: #cdcdcd #cdcdcd var(--primary-color) #cdcdcd;
background-color: #d6d6d6;
}
.panel-tabs .nav-tabs > li.active > a,
.panel-tabs .nav-tabs > li.active > a:hover,
.panel-tabs .nav-tabs > li.active > a:focus,
.panel-tabs .nav-tabs-inner > li.active > a,
.panel-tabs .nav-tabs-inner > li.active > a:hover,
.panel-tabs .nav-tabs-inner > li.active > a:focus{
color: #fff;
cursor: default;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
border-bottom-color: transparent;
}
.tab-pane .table {
margin-bottom: 0px;
}
@media (min-width: 1200px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
.panel-tabs .nav-tabs > li,
.panel-tabs .nav-tabs-inner > li {
width: 100%
}
.panel-tabs .nav-tabs > li > a,
.panel-tabs .nav-tabs-inner > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid #cdcdcd;
border-radius: 4px;
color: #555;
margin: 1px 0px;
}
.panel-tabs .nav-tabs > li:last-child,
.panel-tabs .nav-tabs-inner > li:last-child {
margin: 0px 0px 8px 0px;
}
.panel-tabs .nav-tabs > li > a:hover,
.panel-tabs .nav-tabs-inner > li > a:hover {
border: 1px solid transparent;
background-color: #cdcdcd;
border-radius: 4px;
margin: 1px 0px;
}
}
/* -- Vertical Tabs -----------------------------------------------------------
/*!
* bootstrap-vertical-tabs - v1.1.0
* https://dbtek.github.io/bootstrap-vertical-tabs
* 2014-07-24
* Copyright (c) 2014 İsmail Demirbilek
* License: MIT
*/
/*
.tabs-left, .tabs-right {
border-bottom: none;
padding-top: 2px;
}
.tabs-left {
border-right: 1px solid #ddd;
}
.tabs-right {
border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
float: none;
margin-bottom: 2px;
}
.tabs-left>li {
margin-right: -1px;
}
.tabs-right>li {
margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
border-bottom-color: #ddd;
border-right-color: transparent;
}
.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
border-bottom: 1px solid #ddd;
border-left-color: transparent;
}
.tabs-left>li>a {
border-radius: 4px 0 0 4px;
margin-right: 0;
display:block;
}
.tabs-right>li>a {
border-radius: 0 4px 4px 0;
margin-right: 0;
}
.sideways {
margin-top:50px;
border: none;
position: relative;
}
.sideways>li {
height: 20px;
width: 120px;
margin-bottom: 100px;
}
.sideways>li>a {
border-bottom: 1px solid #ddd;
border-right-color: transparent;
text-align: center;
border-radius: 4px 4px 0px 0px;
}
.sideways>li.active>a,
.sideways>li.active>a:hover,
.sideways>li.active>a:focus {
border-bottom-color: transparent;
border-right-color: #ddd;
border-left-color: #ddd;
}
.sideways.tabs-left {
left: -50px;
}
.sideways.tabs-right {
right: -50px;
}
.sideways.tabs-right>li {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.sideways.tabs-left>li {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
*/
/*
* -----------------------------------------------------------------------------
* JCORE - TABS
* -----------------------------------------------------------------------------
*/
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 2px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: var(--primary-color);
}
.nav-stacked > li {
float: none;
border-radius: 2px;
background-color: #f5f5f5;
border: 1px solid #ddd;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
/***
Customized Bootstrap Tabs
***/
/* Tabs and pills */
.nav-tabs,
.nav-tabs-inner,
.nav-pills {
margin-bottom: 10px;
}
.nav-tabs > li > a,
.nav-tabs-inner > li > a,
.nav-pills > li > a {
font-size: 14px;
}
.nav-tabs > li > a > .badge,
.nav-tabs-inner > li > a > .badge,
.nav-pills > li > a > .badge {
margin-top: -3px;
}
.nav-tabs > li .dropdown-menu:before,
.nav-tabs > li .dropdown-menu:after,
.nav-tabs-inner > li .dropdown-menu:before,
.nav-tabs-inner > li .dropdown-menu:after,
.nav-pills > li .dropdown-menu:before,
.nav-pills > li .dropdown-menu:after {
display: none;
}
.nav-tabs.nav-tabs-sm > li > a,
.nav-tabs.nav-pills-sm > li > a,
.nav-pills.nav-tabs-sm > li > a,
.nav-pills.nav-pills-sm > li > a {
font-size: 13px;
}
.nav-tabs .dropdown.open > .dropdown-toggle,
.nav-pills .dropdown.open > .dropdown-toggle {
background: #eee;
color: #0d638f;
border-color: transparent;
}
/* right tabs */
.tabs-right > .nav-tabs{
border-bottom: 0;
}
.tabs-right > .nav-tabs > li{
float: none;
}
.tabs-right > .nav-tabs > li > a{
min-width: 44px;
margin-right: 0;
margin-bottom: 2px;
}
/* Right tabs */
.tabs-right > .nav-tabs {
float: right;
margin-left: 19px;
/*border-left: 1px solid #ccc;*/
}
.tabs-right > .nav-tabs > li > a {
margin-left: -1px;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right > .nav-tabs > li.active > a,
.tabs-right > .nav-tabs > li.active > a:hover
> li.active > a:focus {
border-color: #ddd #ddd #ddd transparent;
border-left-color: #ffffff;
}
.panel-tabs .tabs-right .nav-tabs {
background-color: #E6E6E6;
margin: 0px;
padding: 10px 0px;
}
.panel-tabs .tabs-right .nav-tabs > li > a {
margin-right: 7px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 0px 2px 2px 0px;
color: #555;
}
.panel-tabs .tabs-right .nav-tabs > li > a:hover {
/*border-color: #cdcdcd #cdcdcd #cdcdcd var(--primary-color) ;*/
border-color: #cdcdcd;
background-color: #cdcdcd;
}
.panel-tabs .tabs-right .nav-tabs > li.active > a,
.panel-tabs .tabs-right .nav-tabs > li.active > a:hover,
.panel-tabs .tabs-right .nav-tabs > li.active > a:focus {
color: var(--primary-color);
cursor: default;
background-color: #fff;
border: 0px solid #ccc;
border-left-color: transparent;
border-right: 5px solid;
}
/* Below tabs */
.tabs-below > .nav-tabs,
.tabs-below > .nav-pills {
border-bottom: 0;
margin-bottom: 0px;
margin-top: 10px;
}
.tabs-below > .nav-tabs {
border-top: 1px solid #ddd;
margin-bottom: 0;
margin-top: 10px;
}
.tabs-below > .nav-tabs > li > a {
margin-top: -1px;
margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus {
border-top-color: #ddd;
border-bottom-color: transparent;
}
.tabs-below > .nav-tabs .active a,
.tabs-below > .nav-tabs .active a:hover
.active a:focus {
border-color: transparent #ddd #ddd #ddd;
}
/***
Custom tabs
***/
/* In BS3.0.0 tabbable class was removed. We had to added it back */
/*
.tabbable:before, .tabbable:after {
content: " ";
display: table;
}
.tabbable:after {
clear: both;
}
.tabbable-custom {
margin-bottom: 15px;
padding: 0px;
overflow: hidden;
}
.tabbable-custom > .nav-tabs {
border: none;
margin: 0px;
}
.tabbable-custom > .nav-tabs > li {
margin-right: 2px;
border-top: 2px solid transparent;
}
.tabbable-custom > .nav-tabs > li > a {
margin-right: 0;
}
.tabbable-custom > .nav-tabs > li > a:hover {
background: none;
border-color: transparent;
}
.tabbable-custom > .nav-tabs > li.active {
border-top: 3px solid #f3565d;
margin-top: 0;
position: relative;
}
.tabbable-custom > .nav-tabs > li.active > a {
border-top: none;
font-weight: 400;
}
.tabbable-custom > .nav-tabs > li.active > a:hover {
border-top: none;
background: #fff;
border-color: #d4d4d4 #d4d4d4 transparent;
}
.tabbable-custom > .tab-content {
background-color: #fff;
border: 1px solid #ddd;
padding: 10px;
}
.tabbable-custom.nav-justified > .tab-content {
margin-top: -1px;
}
.tabbable-custom.boxless > .tab-content {
padding: 15px 0;
border-left: none;
border-right: none;
border-bottom: none;
}
.tabbable-custom.tabs-below.nav-justified .tab-content {
margin-top: 0px;
margin-bottom: -2px;
}
.tabbable-custom.tabbable-full-width > .nav-tabs > li > a {
color: #424242;
font-size: 15px;
padding: 9px 15px;
}
.tabbable-custom.tabbable-full-width > .tab-content {
padding: 15px 0;
border-left: none;
border-right: none;
border-bottom: none;
}
.tabbable-custom.tabs-below .nav-tabs > li > a {
border-top: none;
border-bottom: 2px solid transparent;
margin-top: -1px;
}
.tabbable-custom.tabs-below .nav-tabs > li.active {
border-top: none;
border-bottom: 3px solid #d12610;
margin-bottom: 0;
position: relative;
}
.tabbable-custom.tabs-below .nav-tabs > li.active > a {
border-bottom: none;
}
.tabbable-custom.tabs-below .nav-tabs > li.active > a:hover {
background: #fff;
border-color: #d4d4d4 #d4d4d4 transparent;
}
.tabbable-line > .nav-tabs {
border: none;
margin: 0px;
}
.tabbable-line > .nav-tabs > li {
margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
border: 0;
margin-right: 0;
color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
border: 0;
background: none !important;
color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
border-bottom: 4px solid #f3565d;
position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
border: 0;
color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
color: #404040;
}
.tabbable-line > .tab-content {
margin-top: -3px;
background-color: #fff;
border: 0;
border-top: 1px solid #eee;
padding: 15px 0;
}
/*
.tabbable-line.tabs-below > .nav-tabs > li {
border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
border-bottom: 0;
border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
margin-bottom: -2px;
border-bottom: 0;
border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
margin-top: -10px;
border-top: 0;
border-bottom: 1px solid #eee;
}
*/
.tabs-left, .tabs-right {
border-bottom: none;
padding-top: 0px;
}
.tabs-left {
border-right: 1px solid #ddd;
}
.tabs-right {
border-left: 0px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
float: none;
margin-bottom: 2px;
}
.tabs-left>li {
margin-right: -1px;
}
.tabs-right>li {
margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
border-bottom-color: #ddd;
border-right-color: transparent;
}
.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
border-bottom: 1px solid #ddd;
border-left-color: transparent;
}
.tabs-left>li>a {
border-radius: 4px 0 0 4px;
margin-right: 0;
display:block;
}
.tabs-right>li>a {
border-radius: 0 4px 4px 0;
margin-right: 0;
}
/*
Home Tab.
Profile Tab.
Messages Tab.
Settings Tab.
*/
/*
* -----------------------------------------------------------------------------
* JCORE - BUTTONS
* -----------------------------------------------------------------------------
*/
.btn {
border-radius: 3px;
}
.btn-primary {
color: #fff;
background-color: var(--primary-color);
border-color: var(--secondary-color);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #fff;
background-color: var(--secondary-color);
border-color: var(--secondary-color);
}
.btn-trasparent {
color: #fff;
background-color: transparent;
border-color: transparent;
}
.btn-trasparent:hover,
.btn-trasparent:focus,
.btn-trasparent:active,
.btn-trasparent.active,
.open .dropdown-toggle.btn-trasparent {
color: #fff;
background-color: #ccc;
border-color: transparent;
}
.btn-trasparent .caret {
margin-left: 0;
color: var(--primary-color);
}
.btn-group.open .dropdown-toggle.btn-trasparent {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.disabled,
.btn[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .35;
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
background-color: var(--secondary-color);
border-color: var(--secondary-color);
}
/*
* -----------------------------------------------------------------------------
* JCORE - PAGINATION
* -----------------------------------------------------------------------------
*/
.pagination {
margin: 5px 0px;
}
.pagination > li > a {
color: var(--primary-color);
background-color: #eaeaea;
border: 1px solid #c3c3c3;
}
.pagination > li > a:hover {
background-color: #f5f5f5;
border: 1px solid #c3c3c3;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
/*background-color: #eaeaea;
border: 1px solid #c3c3c3;*/
}
.pagination > li:first-child > a:hover {
/*background-color: #f5f5f5;
border: 1px solid #c3c3c3;*/
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
/*background-color: #eaeaea;
border: 1px solid #c3c3c3;*/
}
.pagination > li:last-child > a:hover {
/*background-color: #f5f5f5;
border: 1px solid #c3c3c3;*/
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
color: var(--primary-color);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
/*
* -----------------------------------------------------------------------------
* JCORE - PAGER
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - MODALS
* -----------------------------------------------------------------------------
*/
.modal-content {
border-radius: 1px;
-webkit-box-shadow: 0 0px 5px var(--black-opacity-5);
box-shadow: 0 0px 5px var(--black-opacity-5);
}
.bootbox-body {
padding: 20px;
}
.modal-header {
padding: 15px 15px 10px 30px;
background-color: #f7f7f7;
}
.modal-body {
overflow-y: auto;
max-height: calc(85vh - 10px);
padding: 10px;
}
.modal-footer {
background-color: #f5f5f5;
margin-top: 0px;
padding: 15px 25px 15px 25px;
}
.modal-header.bg-primary {
color: #ffffff;
background-color: var(--primary-color);
border-color: var(--secondary-color);
}
.modal-header.bg-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.modal-header.bg-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.modal-header.bg-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.modal-header.bg-primary > button.close,
.modal-header.bg-success > button.close,
.modal-header.danger > button.close {
color: #fff;
opacity: 0.6;
text-shadow: 0 1px 0 var(--secondary-color);
}
.modal-header.bg-warning > button.close {
color: #8a6d3b;
opacity: 0.6;
text-shadow: none;
}
.modal-header.bg-primary > button.close:focus,
.modal-header.bg-success > button.close:focus,
.modal-header.bg-warning > button.close:focus,
.modal-header.danger > button.close:focus {
background: transparent;
outline: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
.modal.bootbox.modal-lg>.modal-dialog,
.modal-lg {
width: 900px;
}
.modal.bootbox.modal-xlg>.modal-dialog,
.modal-xlg {
width: 90%;
}
}
@media (min-width: 1200px) {
.modal.bootbox.modal-lg>.modal-dialog,
.modal-lg {
width: 1170px;
margin: 30px auto;
}
.modal.bootbox.modal-xlg>.modal-dialog,
.modal-xlg {
width: 90%;
margin: 30px auto;
}
}
.modal.bootbox.modal-xl{
width: 95%;
margin: 30px auto;
}
.modal.bootbox.modal-xl>div{
width : 100%;
}
.modal-full {
width: 96%;
}
.modal.bootbox.no-padding-modal .bootbox-body{
padding:0px;
}
.modal.bootbox.no-padding-modal .modal-body{
padding:0px;
}
.modal.bootbox.no-padding-modal .bootbox-body>.panel{
margin-bottom: 0px;
}
/*
* -----------------------------------------------------------------------------
* JCORE - TOOLTIPS
* -----------------------------------------------------------------------------
*/
.tooltip_info {
/*
z-index: 99999;
position: absolute;
*/
}
.tooltip {
position: absolute;
z-index: 9999;
display: block;
font-size: 12px;
line-height: 1.6;
visibility: visible;
filter: alpha(opacity=0);
opacity: 0;
overflow: visible;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: .9;
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip-inner {
max-width: 400px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 2px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
right: 5px;
bottom: 0;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
/*
* -----------------------------------------------------------------------------
* JCORE - POPOVER
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - THUMBNAILS
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - MEDIA
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - LABELS BADGES
* -----------------------------------------------------------------------------
*/
.badge.badge-notification {
background-color: #d64635;
color: white;
position: absolute;
top: 3px;
right: -5px;
padding: 3px 6px;
font-family: "Open Sans", sans-serif;
z-index: 1;
}
.label-success-dark {
background-color: #449C44;
}
.label-success-dark[href]:hover,
.label-success-dark[href]:focus {
background-color: #327132;
}
.label-info-dark {
background-color:#34B0D5;
}
.label-info-dark[href]:hover,
.label-info-dark[href]:focus {
background-color: #238AA9;
}
.label-warning-dark {
background-color: #EB961E;
}
.label-warning-dark[href]:hover,
.label-warning-dark[href]:focus {
background-color: #BC7410;
}
.label-danger-dark {
background-color: #C9312C;
}
.label-danger-dark[href]:hover,
.label-danger-dark[href]:focus {
background-color: #972521;
}
.label-success-light {
background-color: #8ECD8E;
}
.label-success-light[href]:hover,
.label-success-light[href]:focus {
background-color: #63BB63;
}
.label-info-light {
background-color: #99D7EA;
}
.label-info-light[href]:hover,
.label-info-light[href]:focus {
background-color: #67C4E0;
}
.label-warning-light {
background-color: #F0B056;
}
.label-warning-light[href]:hover,
.label-warning-light[href]:focus {
background-color: #EB961E;
}
.label-danger-light {
background-color: #DA5C58;
}
.label-danger-light[href]:hover,
.label-danger-light[href]:focus {
background-color: #C9312C;
}
/*
* -----------------------------------------------------------------------------
* JCORE - PROGRESS BARS
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - ACCORDION
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - PANELS
* -----------------------------------------------------------------------------
*/
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid #e3e3e3;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
.panel-body {
padding: 15px;
}
.panel-body-inner {
padding: 0px;
}
.panel-wizard {
padding: 0px;
background-color: #f5f5f5;
}
.panel-wizard-title {
padding: 10px 0px 0px 15px;
}
.panel-wizard-content {
background-color: #ffffff;
padding: 5px 15px;
}
.panel-tabs {
padding: 0px 15px 0px 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 1px;
border-top-right-radius: 1px;
font-size: 14px;
font-weight: bold;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
}
.panel-footer-dark {
padding: 10px 15px;
background-color: #E0E0E0;
border-top: 2px solid #C9C9C9;
border-bottom: 0.5px solid var(--primary-color);
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
}
.panel-primary {
border-color: var(--primary-color);
}
.panel-primary > .panel-heading > .dt-buttons > a {
color: white;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: var(--primary-color);
border-color: var(--secondary-color);
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
border-top-color: var(--primary-color);
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: var(--primary-color);
}
.panel-body-terminal {
background-color: #16171a;
color: #faf1f5;
font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}
.panel-primary > .panel-heading a i[class^="icon-"] {
color: #fff;
opacity: 0.6;
text-shadow: 0 1px 0 var(--secondary-color);
}
.panel-heading a:hover i[class^="icon-"] {
opacity: none;
color: var(--secondary-color);
}
.panel-clear-tab {
border: 0px;
border-radius: 0px;
margin-top: -25px;
margin-bottom: 0px;
}
/* button datatable in panel heading */
.panel-default > .panel-heading > a.dt-button-xls {
}
.panel-primary > .panel-heading > div.dt-buttons > button.dt-button-xls,
.panel-primary > .panel-heading > div.dt-buttons > button.dt-button-pdf,
.panel-primary > .panel-heading > div.dt-buttons > button.dt-button-csv,
.panel-primary > .panel-heading > div.dt-buttons > button.dt-button-print,
.panel-primary > .panel-heading > div.dt-buttons > button.dt-button-copy {
color: #eaeaea;
background-color: transparent;
border: none;
font-weight: normal;
}
.panel-primary > .panel-heading > div.dt-buttons > button.dt-button-xls:hover,
.panel-primary > .panel-heading > div.dt-buttons > button.dt-button-pdf:hover,
.panel-primary > .panel-heading > div.dt-buttons > button.dt-button-csv:hover,
.panel-primary > .panel-heading > div.dt-buttons > button.dt-button-print:hover,
.panel-primary > .panel-heading > div.dt-buttons > button.dt-button-copy:hover {
color: #999999;
}
/*
* -----------------------------------------------------------------------------
* JCORE - LISTS
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - GALLERY STYLE
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - WIDGET
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - MEDIA THUMB
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - MEDIAGRID
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - STATISTIC BOX
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - LOGIN PAGE
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - UTILITIES
* -----------------------------------------------------------------------------
*/
kbd {
background-color: #d9534f;
}
.bg-callout {
margin: 20px 0;
padding: 20px;
border-left: 3px solid #eee;
}
.bg-callout-info {
background-color: #f4f8fa;
border-color: #5bc0de;
}
.bg-callout-info h4 {
color: #5bc0de;
}
.bg-callout-danger {
border-left-color: #d9534f;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-left-width: 5px;
}
.bg-callout-danger h4 {
color: #d9534f;
}
.bg-callout-warning {
border-left-color: #aa6708;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-left-width: 5px;
}
.bg-callout-warning h4 {
color: #aa6708;
}
.bg-callout-success {
border-left-color: #51a351;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-left-width: 5px;
}
.bg-callout-success h4 {
color: #51a351;
}
.bg-callout h4 {
margin-top: 0;
margin-bottom: 5px;
}
.bg-callout p {
color: #999
}
.overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
overflow: auto;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
outline: 0;
background-color: var(--black-opacity-5);
}
.overlay_processing {
position: fixed;
top: 50%;
left: 50%;
min-width: 125px;
margin-left: 0;
padding: 7px;
text-align: center;
color: #333;
font-size: 13px;
border: 1px solid #ddd;
background-color: #eee;
vertical-align: middle;
-webkit-box-shadow: 0 1px 8px var(--black-opacity-1);
-moz-box-shadow: 0 1px 8px var(--black-opacity-1);
box-shadow: 0 1px 8px var(--black-opacity-1);
}
.overlay_processing {
color: #333333;
}
.overlay_processing_nobg {
position: fixed;
top: 50%;
left: 45%;
min-width: 125px;
margin-left: 0;
padding: 7px;
text-align: center;
/*color: #ffffff;*/
color: var(--white-opacity-8);
font-size: 24px;
vertical-align: middle;
}
.overlay_processing_btn {
position: fixed;
top: 50px;
right: 10px;
margin-left: 0;
padding: 0px;
text-align: center;
color: var(--white-opacity-5);
font-size: 52px;
vertical-align: middle;
}
a#overlay_btn_close {
color: var(--white-opacity-7);
}
a#overlay_btn_close:hover {
color: var(--white-opacity-2);
}
.overlay_accounting {
/* position: fixed;*/
/*top: 50%;*/
/* left: 50%;*/
/* min-width: 125px;*/
/*margin-left: 0;*/
padding: 7px;
/*text-align: center;*/
color: #333;
font-size: 13px;
border: 1px solid #ddd;
background-color: #eee;
vertical-align: middle;
/* -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);*/
/*-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);*/
/*box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);*/
}
table div.checker {
padding: 0px;
}
form div.checker {
/*padding: 5px 0px;*/
margin: 5px 0px;
}
div.checker_txt {
margin: -23px 0 0 25px;
}
.radio,
.checkbox {
padding-left: 0px;
}
/*
* -----------------------------------------------------------------------------
* JCORE - BOOTSTRAO OVERRIDE
* -----------------------------------------------------------------------------
*/
.table>thead>tr>th,
.table>tbody>tr>td {
vertical-align: middle;
}
.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{
margin-left:-10px
}
.navbar-brand {
float: left;
height: 50px;
padding: 10px 20px;
font-size: 18px;
line-height: 20px;
}
.brand-text {
padding-top: 5px;
color: #ccc;
font-size: 20px;
}
.navbar-inverse {
background-color: var(--primary-color);
border-color: transparent;
border-bottom: 1px solid var(--primary-hover-color);
}
.navbar-inverse .navbar-brand {
color: #999;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > li {
border-right: 1px solid var(--primary-hover-color);
}
.navbar-inverse .navbar-nav > li:first-child {
border-right: 1px solid var(--primary-hover-color);
border-left: 1px solid var(--primary-hover-color);
}
.navbar-inverse .navbar-nav > li > a {
color: #eaeaea;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: var(--primary-hover-color);
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: var(--primary-hover-color);
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #fff;
background-color: var(--primary-hover-color);
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 0px 0px;
margin: 2px 0 0;
font-size: 14px;
list-style: none;
/*background-color: #fff;*/
background-clip: padding-box;
background-color: var(--primary-color);
border: 1px solid #ccc;
border: 1px solid var(--black-opacity-15);
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
#submenu .dropdown-menu {
background-color: #f8f8f8;
border: 1px solid #e7e7e7;
}
.dropdown-menu > li > a {
display: block;
padding: 8px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #eaeaea;
white-space: nowrap;
border-bottom: 1px solid var(--primary-hover-color);
}
#submenu .dropdown-menu > li > a {
border-bottom: 1px solid #e7e7e7;
color: #555555;
}
.dropdown-menu > li:last-child > a {
border-bottom: 0px solid var(--primary-hover-color);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #fff;
text-decoration: none;
background-color: var(--primary-hover-color);
border-radius: 2px;
}
#submenu .dropdown-menu > li > a:hover,
#submenu .dropdown-menu > li > a:focus {
color: #777777;
text-decoration: none;
background-color: #e7e7e7;
border-radius: 0px;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: var(--primary-hover-color);
outline: 0;
border-radius: 2px;
}
#submenu .dropdown-menu > .active > a,
#submenu .dropdown-menu > .active > a:hover,
#submenu .dropdown-menu > .active > a:focus {
color: #777777;
text-decoration: none;
background-color: #e7e7e7;
outline: 0;
border-radius: 0px;
}
.text-primary {
color: var(--primary-color);
}
.hide {
display: none;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
/*
*
* jCORE - OVERRIDE RADIO/CHECKBOX BUTTON
*
*/
.jcoreradio label {
/*min-width: 400px;*/
width: 100%;
border-radius: 3px;
border: 1px solid #D1D3D4;
font-weight: normal;
}
.jcoreradio input[type="radio"]:empty,
.jcoreradio input[type="checkbox"]:empty {
display: none;
}
.jcoreradio input[type="radio"]:empty ~ label,
.jcoreradio input[type="checkbox"]:empty ~ label {
position: relative;
line-height: 2.5em;
text-indent: 3.25em;
margin-top: 2em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.jcoreradio input[type="radio"]:empty ~ label:before,
.jcoreradio input[type="checkbox"]:empty ~ label:before {
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
content:'';
width: 2.5em;
background: #D1D3D4;
border-radius: 3px 0 0 3px;
}
.jcoreradio input[type="radio"]:hover:not(:checked) ~ label:before,
.jcoreradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
content:'\2714';
text-indent: .9em;
color: #C2C2C2;
}
.jcoreradio input[type="radio"]:hover:not(:checked) ~ label,
.jcoreradio input[type="checkbox"]:hover:not(:checked) ~ label {
color: #888;
}
.jcoreradio input[type="radio"]:checked ~ label:before,
.jcoreradio input[type="checkbox"]:checked ~ label:before {
content:'\2714';
text-indent: .9em;
color: #333;
background-color: #ccc;
}
.jcoreradio input[type="radio"]:checked ~ label,
.jcoreradio input[type="checkbox"]:checked ~ label {
color: #777;
}
.jcoreradio input[type="radio"]:focus ~ label:before,
.jcoreradio input[type="checkbox"]:focus ~ label:before {
box-shadow: 0 0 0 3px #999;
}
.jcoreradio-default input[type="radio"]:checked ~ label:before,
.jcoreradio-default input[type="checkbox"]:checked ~ label:before {
color: #333;
background-color: #ccc;
}
.jcoreradio-primary input[type="radio"]:checked ~ label:before,
.jcoreradio-primary input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #337ab7;
}
.jcoreradio-success input[type="radio"]:checked ~ label:before,
.jcoreradio-success input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #5cb85c;
}
.jcoreradio-danger input[type="radio"]:checked ~ label:before,
.jcoreradio-danger input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #d9534f;
}
.jcoreradio-warning input[type="radio"]:checked ~ label:before,
.jcoreradio-warning input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #f0ad4e;
}
.jcoreradio-info input[type="radio"]:checked ~ label:before,
.jcoreradio-info input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #5bc0de;
}
@media (max-width: 767px) {
.navbar-nav {
margin: 0px -15px;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: rgb(87, 90, 93);
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #dedede;
border-bottom: 1px solid rgb(62, 72, 75);
padding: 10px 0px 10px 35px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
color: #fff;
background-color: rgb(69, 72, 75);
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #fff;
background-color: rgb(69, 72, 75);
}
.navbar-inverse .navbar-nav > li {
border-right: 0px solid var(--primary-hover-color);
border-bottom: 1px solid var(--primary-hover-color);
}
}
/*
* -----------------------------------------------------------------------------
* JCORE - RESPONSIVE UTILITIES
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - RESPONSIVE - Large desktop and up
* Large devices (large desktops, 1200px and up) *
* @media (min-width: @screen-lg-min) { ... }
* old (@media (min-width: 1200px))
* -----------------------------------------------------------------------------
*/
/* RESPONSIVE - Large desktop and up */
@media (min-width: 1200px) {
.sidebar {
top: 0;
}
.sidebar-left .sidebar {
width: 230px;
}
.sidebar-left .main-content {
margin-left: 230px;
}
.sidebar-hidden.sidebar-left .main-content {
margin-left: 0px;
}
.sidebar-hidden.sidebar-left .footer-content {
margin-left: 0px;
}
.panel-body .main-content.sub-sub-nav {
margin-left: 0;
}
}
/*
* -----------------------------------------------------------------------------
* JCORE - RESPONSIVE - desktop and up
* /* Medium devices (desktops, 992px and up)
* @media (min-width: @screen-md-min) { ... } - (min-width: @screen-md-min) and (max-width: @screen-md-max)
* old (@media (min-width: 992px))
* -----------------------------------------------------------------------------
*/
/* RESPONSIVE - Large desktop and up */
@media (min-width: 992px) and (max-width: 1199px) {
.sidebar {
top: 0;
}
.sidebar-left .sidebar {
width: 230px;
}
.sidebar-left .main-content {
margin-left: 230px;
}
.sidebar-hidden.sidebar-left .main-content {
margin-left: 0px;
}
.sidebar-hidden.sidebar-left .footer-content {
margin-left: 0px;
}
.panel-body .main-content.sub-sub-nav {
margin-left: 0;
}
}
/*
* -----------------------------------------------------------------------------
* JCORE - RESPONSIVE - Tablet to desktop
* Small devices (tablets, 768px and up)
* @media (min-width: @screen-sm-min) { ... } - (min-width: @screen-sm-min) and (max-width: @screen-sm-max)
* -----------------------------------------------------------------------------
*/
@media (min-width: 768px) and (max-width: 991px) {
.sidebar-left .sidebar {
left: 0;
width: 78px;
z-index: 999;
}
.sidebar-left .main-content {
margin-left: 78px;
}
.sidebar-left #footer-sidebar {
left: 0;
width: 78px;
}
.sidebar-left .footer-content {
margin-left: 78px;
}
.sidebar-hidden.sidebar-left .main-content {
margin-left: 0px;
}
.sidebar-hidden.sidebar-left .footer-content {
margin-left: 0px;
}
.profile {
padding: 10px;
}
.nav-sidebar > li > a > .icon {
padding: 0px 0px 0px 8px;
font-size: 18px;
line-height: 0px;
}
}
/*
* -----------------------------------------------------------------------------
* JCORE - RESPONSIVE - Landscape phone to desktop/tablet
@media (max-width: @screen-xs-max) { ... }
* -----------------------------------------------------------------------------
*/
@media (max-width: 767px) {
.sidebar-left .sidebar {
left: 0;
width: 48px;
z-index: 999;
}
.sidebar-left .main-content {
margin-left: 48px;
}
.sidebar-left #footer-sidebar {
left: 0;
width: 48px;
}
.sidebar-left .footer-content {
margin-left: 48px;
}
.sidebar-hidden.sidebar-left .main-content {
margin-left: 0px;
}
.sidebar-hidden.sidebar-left .footer-content {
margin-left: 0px;
}
.nav-sidebar {
margin-top: 50px;
}
.profile {
display: none;
}
.nav-sidebar > li > a {
padding: 15px 5px 15px 10px;
}
.nav-sidebar > li > a > .icon {
font-size: 22px;
line-height: 0px;
}
.page-head {
margin: -46px -15px -25px -15px;
padding: 0 10px;
min-height: 80px;
}
.page-head .page-title {
padding: 35px 0 0 0;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: var(--secondary-color);
}
.navbar-inverse .navbar-toggle {
border-color: var(--secondary-color);
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: var(--secondary-color);
}
}
/*
* -----------------------------------------------------------------------------
* JCORE - RESPONSIVE NAVBAR
* -----------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------
* JCORE - PROFILE USERS
* -----------------------------------------------------------------------------
*/
/*profile navigation*/
.profile ul.profile-nav {
margin-bottom: 30px;
}
.profile ul.profile-nav li {
position: relative;
}
.profile ul.profile-nav li a {
color: #557386;
display: block;
font-size: 14px;
padding: 8px 10px;
margin-bottom: 1px;
background: #f0f6fa;
border-left: solid 2px #c4d5df;
}
.profile ul.profile-nav li a:hover {
color: #169ef4;
background: #ecf5fb;
text-decoration: none;
border-left: solid 2px #169ef4;
}
.profile ul.profile-nav li a.profile-edit {
top: 0;
right: 0;
margin: 0;
color: #fff;
opacity: 0.6;
border: none;
padding: 3px 9px;
font-size: 12px;
background: #000;
position: absolute;
filter: alpha(opacity=60);
/*for ie*/
}
.profile ul.profile-nav li a.profile-edit:hover {
text-decoration: underline;
}
.profile ul.profile-nav a span {
top: 0;
right: 0;
color: #fff;
font-size: 16px;
padding: 7px 13px;
position: absolute;
background: #169ef4;
}
.profile ul.profile-nav a:hover span {
background: #0b94ea;
}
/*
* -----------------------------------------------------------------------------
* JCORE - ORDER - SALES
* -----------------------------------------------------------------------------
*/
#panel-heading-items-container {
background-color: #f5f5f5;
}
.preview-tabs {
padding: 0px;
border-top: 0px;
}
.items-tabs {
border-top: 0px;
border-right: 1px solid #e6e6e6;
padding-right: 0px;
}
.items-tabs .nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 2px 2px 0 0;
color: #555;
}
.items-tabs .nav-tabs > li.active > a,
.items-tabs .nav-tabs > li.active > a:hover,
.items-tabs .nav-tabs > li.active > a:focus {
color: #fff;
cursor: default;
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
border-bottom-color: transparent;
}
.preview_center {
text-align: center;
}
.tab-content-editor {
/*
padding: 0px;
margin: 0px -30px 0px 0px;
*/
padding: 0px 0px 0px 15px;
margin: 0px -30px 0px -15px;
background-color: #e6e6e6;
}
.no-preview {
margin: 0px -15px 0px -15px;
}
.tab-content-item-editor {
padding: 10px 0 0 15px;
background-color: #fff;
margin: 0px 50px 0px -15px;
border-right: 1px solid #ccc;
}
.tab-content-preview {
padding: 5px;
margin: 0px -15px -1px -1px;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #fff;
}
.tab-pane .items {
margin-right: 15px;
}
.tab-pane .multiple_rows {
margin-left: 15px;
}
.form-group:last-child {
margin-bottom: 0px;
}
.well-item-position {
padding: 5px 5px 5px 10px;
margin: 15px 0px 0px 0px;
background-color: #f7f7f7;
border: 1px solid var(--primary-color);
}
.row .item {
overflow: auto;
}
.item-checkbox {
/*margin: 25px 0px 0px 0px;*/
margin: 0px 0px 0px 0px;
text-align: center;
}
.item-number {
font-size: 21px;
padding: 5px 0px 0px 5px;
}
.pos {
margin: 0px;
}
#panel-heading-header-quote,
#panel-heading-items-quote {
cursor: pointer;
}
.quote-header-footer {
margin: 0 -15px -13px;
}
th.editor-checkbox {
width: 35px;
text-align: right;
}
th.editor-pos {
width: 50px;
text-align: right;
}
th.editor-action {
width: 80px;
text-align: center;
}
th.editor-action-price {
width: 110px;
text-align: center;
}
th.editor-docs {
width: 60px;
text-align: left;
}
.item-pos, .head-cod, .head-number{
border-color: var(--primary-color);
color: var(--primary-color);
font-weight: bold;
text-align: center;
margin: 0px;
font-size: 16px;
padding: 6px 12px;
}
.head-cod {
border-color: #ccc;
text-align: right;
font-size: 12px;
}
.head-number, .head-company {
background-color: #fff;
}
.item-footer {
margin: 0px 0px 0px -15px;
border-right: 1px solid #ddd;
}
.editor-highlights {
border: 1px solid var(--primary-color);
background-color: var(--primary-color-opacity-05);
}
.editor-highlights > a.select2-choice {
background-color: var(--primary-color-opacity-002);
}
@media (min-width: 992px) and (max-width: 1199px) {
.well-item-position {
padding: 5px 5px 5px 20px;
}
.pos {
margin: 0px -15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.tab-content-editor {
margin: 0px -15px 0px -15px;
}
.pos {
margin: 0px;
}
}
@media (max-width: 767px) {
.tab-content-editor {
margin: 0px -15px 0px -15px;
}
.pos {
margin: 0px;
}
}
/*
#canvas_main {
display:block;
width:99%;
padding:0px;
height:350px;
}
*/
#panel-heading-head-bar, #panel-heading-items-bar {
cursor: pointer;
}
.shape-heading, .processing-heading {
background-color: #f5f5f5;
border-bottom: 1px solid var(--primary-color);
margin: -20px -10px 20px;
padding: 20px 0px 20px 10px;
}
.shape-number, .processing-cod {
background-color: #eaeaea;
border-left: 1px solid var(--primary-color);
margin: -20px 0px;
padding: 20px;
}
.shape-item {
opacity: 0;
display: block;
height: 95px;
position: relative;
padding: 15px 5px 0;
margin-bottom: 8px;
border-radius: 2px;
text-align: center;
background: var( --white-opacity-25) !important;
transition: background 0.2s ease;
}
.shape-item:hover,
.shape-item:focus,
.shape-item:active {
color: #fff;
background: var( --white-opacity-4) !important;
}
a.shapes_img:hover > .img-thumbnail {
border: 1px solid var(--primary-color);
background-color: #f7f7f7;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.shape_img-disabled {
opacity: 0.2;
border: 1px solid var(--primary-color);
background-color: #f7f7f7;
border-radius: 0px;
cursor: no-drop;
}
#processes_table {
margin-top: -10px;
margin-left: -15px;
margin-right: -15px;
width: auto;
border: 0px; /* remove border della class table-responsive */
}
/* PROCESSING */
.processingRadio input[type=radio], .processingRadio input[type=radio], .processingRadio input[type=checkbox], .processingRadio input[type=checkbox] {
margin-left: -10px;
}
.modal_header_processing {
border-bottom: 1px solid var(--primary-color);
}
.tabs-left > .nav-tabs-processing {
background-color: #eaeaea;
min-height: 280px;
border-right: 1px solid #881b4c;
}
.tabs-left > .nav-tabs-processing > li {
border-bottom: 1px solid #ccc;
}
.tabs-left > .nav-tabs-processing > li:last-child {
/* border-bottom: 0px solid #ccc;*/
}
.nav-tabs-processing {
margin-bottom: 0px;
}
.tab-content-processing {
overflow: auto;
padding: 0px;
border-style: none;
border-color: transparent;
border-width: 0px;
}
.tabs-left > .nav-tabs {
border-bottom: 0;
float: left;
margin-right: 0;
border-right: 0px solid #ddd;
}
.tabs-left > .nav-tabs > li {
float: none;
margin-bottom: 0;
}
.tabs-left > .nav-tabs > li > a{
min-width: 74px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
padding: 8px 18px;
text-align: right;
border: 0px;
border-radius: 0px 0 0 0px;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
/*padding: 8px 16px;*/
border: 0px;
}
.tabs-left .tab-content-processing {
border-width: 0px;
}
.tabs-left .tab-content-processing > .tab-pane {
display: none;
}
.tabs-left .tab-content-processing > .active {
display: block;
}
.list-group-item-processing a {
position: relative;
display: block;
padding: 15px 15px;
margin-bottom: 0px;
background-color: transparent;
border-bottom: 1px solid #ddd;
border-radius: 0px;
}
.list-group-item-processing a:hover{
background-color: #e7e7e7;
}
.table-process tbody>tr>td {
border: 0px;
padding: 0px;
}
.table.table-process tbody>tr>td.top{
vertical-align: top;
padding: 0px;
}
.table.table-process tbody>tr>td.v-center{
vertical-align: middle;
padding: 0px;
}
.table.table-process tbody>tr>td.bottom{
vertical-align: bottom;
padding: 0px;
}
.table.table-process tbody>tr>td.h-center{
text-align: center;
padding: 0px;
}
.table.table-process tbody>tr>td.left{
position: relative;
text-align:left;
padding: 0px;
width: 20px;
}
.table.table-process tbody>tr>td.right{
text-align:right;
padding: 0px;
position: relative;
width: 20px;
}
#left, #right {
margin: 0 30px;
}
#left {
float: left;
}
#right {
float:right;
}
#top, #bottom {
position: absolute;
}
#top {
top: 15px;
}
#bottom {
bottom: 15px;
}
/*
* -----------------------------------------------------------------------------
* JCORE - PORTLET - DASH
* -----------------------------------------------------------------------------
*/
.placeholder-dash {
border: 1px dashed var(--primary-color);
background-color: #f7f7f7;
height: 8em;
}
.widget_accordion {
padding: 5px;
}
.widget_accordion .panel {
margin-bottom: 0;
overflow: hidden;
border-radius: 0px;
}
.widget_accordion > .panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
padding: 5px;
}
/*
FAQ
*/
/***
Custom vertical inline menu
***/
.ver-inline-menu {
padding: 0;
margin: 0;
list-style: none;
}
.ver-inline-menu li {
position: relative;
margin-bottom: 2px;
border: 1px solid #dedede;
}
.ver-inline-menu li i {
width: 37px;
height: 37px;
display: inline-block;
color: var(--primary-color);
font-size: 15px;
padding: 8px 10px 10px 8px;
margin: 0 8px 0 0;
text-align: center;
background: #eaeaea !important;
}
.ver-inline-menu li i.edit {
background: transparent !important;
}
.ver-inline-menu li a {
font-size: 14px;
font-weight: 300;
color: var(--primary-color);
display: block;
background: #f7f7f7;
border-left: solid 2px var(--primary-color);
}
.ver-inline-menu li:hover a {
background: #eaeaea;
text-decoration: none;
}
.ver-inline-menu li:hover i {
color: #fff;
background: #ccc !important;
}
.ver-inline-menu li.active a {
border-left: solid 2px var(--primary-color);
}
.ver-inline-menu li.active i {
background: var(--primary-hover-color) !important;
}
.ver-inline-menu li.active a, .ver-inline-menu li.active i {
color: #fff;
background: var(--primary-color);
text-decoration: none;
}
.ver-inline-menu li.active a, .ver-inline-menu li:hover a {
font-size: 14px;
}
.ver-inline-menu li.active:after {
content: '';
display: inline-block;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-left: 6px solid var(--primary-color);
position: absolute;
top: 12px;
right: -5px;
}
.ver-inline-menu li a.faq-edit,
.ver-inline-menu li a.faq-delete {
margin: -35px 0px 0px 0px;
overflow: overlay;
background: transparent;
border-left: 0px;
}
.ver-inline-menu li a.faq-edit i,
.ver-inline-menu li a.faq-delete i {
margin-right: 0px;
padding-right: 0px;
background: transparent !important;
font-size: 12px;
}
.ver-inline-menu li a.faq-delete {
margin: -37px 0px 0px -20px;
}
@media (max-width: 767px) {
.ver-inline-menu > li.active:after {
display: none;
}
}
.faq-tab-content {
padding: 0px;
}
.panel-group .panel-faq {
margin-bottom: 0;
overflow: hidden;
border-radius: 0px;
}
/*
* -----------------------------------------------------------------------------
* JCORE - PRE - CODE - LINE
* -----------------------------------------------------------------------------
*/
pre {
/*font-family: monospace;*/
background-color: #eee;
/*width: 27.5em;*/
margin: 0 0 1em;
padding:.5em 1em;
/*box-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.45);*/
/*line-height: 0;*/
counter-reset: line;
overflow:scroll;
word-wrap: inherit;
word-break: normal;
border-radius: 2px;
/*height: 500px;*/
}
pre span {
display: block;
line-height: 1.5em;
border-bottom: 0px solid #ddd;
}
pre span:before {
counter-increment: line;
content: counter(line, decimal-leading-zero);
display: inline-block;
border-right: 2px solid #ddd;
padding: 0 .5em;
margin-right: .5em;
color: #888888;
}
/*
pre {
background-color:#eee;
overflow:auto;
margin:0 0 1em;
padding:.5em 1em;
}
pre.code {
overflow: scroll;
border-radius: 2px;
word-wrap: inherit;
word-break: normal;
margin: 0px;
}
pre code,
pre .line-number {
font:normal normal 12px/14px "Courier New",Courier,Monospace;
color:black;
display:block;
}
pre .line-number {
float:left;
margin:0 1em 0 -1em;
border-right:1px solid;
text-align:right;
}
pre .line-number span {
display:block;
padding:0 .5em 0 1em;
}
*/
pre .cl {
display:block;
clear:both;
}
ol.sortable_page > li > div.panel-heading {
background-color: #f6f6f6;
border: 1px solid #ddd;
}
ol.sortable_page > li > ol > li > div.panel-heading {
background-color: #f6f6f6;
border: 1px solid #ddd;
}
.redactor-box {
margin-bottom: 5px;
}
/*
* -----------------------------------------------------------------------------
* JCORE - DROPZONE CSS OVERRIGHT
* -----------------------------------------------------------------------------
*/
.dropzone {
min-height: 150px;
/*
border: 1px dashed rgba(136, 27, 76, 1);
background: #f8f8f8;
*/
border: 2px dashed var(--primary-color-opacity-6);
background: #ddd;
padding: 20px 20px;
}
.dropzone-striped {
background-image: linear-gradient(
45deg,
var(--white-opacity-15) 5%,
transparent 5%,
transparent 10%,
var(--white-opacity-15) 10%,
var(--white-opacity-15) 15%,
transparent 15%,
transparent 20%,
var(--white-opacity-15) 20%,
var(--white-opacity-15) 25%,
transparent 25%,
transparent 30%,
var(--white-opacity-15) 30%,
var(--white-opacity-15) 35%,
transparent 35%,
transparent 40%,
var(--white-opacity-15) 40%,
var(--white-opacity-15) 45%,
transparent 45%,
transparent 50%,
var(--white-opacity-15) 50%,
var(--white-opacity-15) 55%,
transparent 55%,
transparent 60%,
var(--white-opacity-15) 60%,
var(--white-opacity-15) 65%,
transparent 65%,
transparent 70%,
var(--white-opacity-15) 70%,
var(--white-opacity-15) 75%,
transparent 75%,
transparent 80%,
var(--white-opacity-15) 80%,
var(--white-opacity-15) 85%,
transparent 85%,
transparent 90%,
var(--white-opacity-15) 90%,
var(--white-opacity-15) 95%,
transparent 95%,
transparent
);
}
.dropzone .dz-message {
text-align: left;
margin: 2em 0;
color: #666;
}
.dz-message blockquote {
font-size: 12px;
}
/*
* -----------------------------------------------------------------------------
* JCORE - VARIE
* -----------------------------------------------------------------------------
*/
.validation-editor {
margin-top: 4px;
padding: 2px 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
/*reset vertical align for button datatable filter*/
table.dataTable thead > tr > th.searchable > .btn-group {
padding-bottom: 5px;
}
table.dataTable thead > tr > th.searchable > .btn-group > .btn {
border-color: #ccc;
}
table.dataTable thead > tr > th.searchable > .btn-group > .btn:focus {
outline: none;
}
button.dt-button, div.dt-button, a.dt-button {
position: relative;
box-sizing: border-box;
padding: 0 0 0 5px;
cursor: pointer;
font-size: 0.88em;
/*top: -20px;*/
}
#map_container {
height:100%;
width:100%;
min-height: 400px;
}
#map {
position:absolute;
width: 100%;
height: 100%;
}
.overlay_cont {
position: relative;
top: 0;
right: 0;
width : 100%;
height : 100%;
z-index: 1050;
background-color: var(--black-opacity-5);
}
.overlay_cont>.overlay_cont_processing {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 30%;
height: 10%;
margin: auto;
display : inline-flex;
padding: 7px;
text-align: center;
vertical-align: middle;
color: #333;
font-size: 13px;
border: 1px solid #ddd;
background-color: #eee;
-webkit-box-shadow: 0 1px 8px var(--black-opacity-1);
-moz-box-shadow: 0 1px 8px var(--black-opacity-1);
box-shadow: 0 1px 8px var(--black-opacity-1);
}
.overlay_cont_processing {
color: #333333;
}
.overlay_cont>.overlay_cont_processing>div{
margin:auto;
}
.panel-clickable {
cursor: pointer;
}
/*
* -----------------------------------------------------------------------------
* JCORE - TIMELINE
* -----------------------------------------------------------------------------
*/
/***
Horizontal Timeline
***/
/* PLUGIN CSS */
.cd-horizontal-timeline {
opacity: 0;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
/* never visible - this is used in jQuery to check the current MQ */
content: 'mobile';
display: none;
}
.cd-horizontal-timeline.loaded {
/* show the timeline after events position has been set (using JavaScript) */
opacity: 1;
}
.cd-horizontal-timeline .timeline {
position: relative;
height: 100px;
width: 90%;
max-width: 800px;
margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
position: relative;
height: 100%;
margin: 0 40px;
overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
/* these are used to create a shadow effect at the sides of the timeline */
content: '';
position: absolute;
z-index: 2;
top: 0;
height: 100%;
width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
left: 0;
background-image: -webkit-linear-gradient(left, #f8f8f8, rgba(248, 248, 248, 0));
background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
right: 0;
background-image: -webkit-linear-gradient(right, #f8f8f8, rgba(248, 248, 248, 0));
background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events {
/* this is the grey line/timeline */
position: absolute;
z-index: 1;
left: 0;
top: 49px;
height: 2px;
/* width will be set using JavaScript */
background: #dfdfdf;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
/* this is used to create the green line filling the timeline */
position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #7b9d6f;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
position: absolute;
bottom: 0;
z-index: 2;
text-align: center;
font-size: 1.3rem;
padding-bottom: 15px;
color: #383838;
/* fix bug on Safari - text flickering while timeline translates */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
/* this is used to create the event spot */
content: '';
position: absolute;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -5px;
height: 12px;
width: 12px;
border-radius: 50%;
-webkit-transition: background-color 0.3s, border-color 0.3s;
-moz-transition: background-color 0.3s, border-color 0.3s;
transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
background-color: #7b9d6f;
border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.selected {
pointer-events: none;
}
@media only screen and (min-width: 1100px) {
.cd-horizontal-timeline::before {
/* never visible - this is used in jQuery to check the current MQ */
content: 'desktop';
}
}
.cd-timeline-navigation a {
/* these are the left/right arrows to navigate the timeline */
position: absolute;
z-index: 1;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 34px;
width: 34px;
border-radius: 50%;
border: 2px solid #dfdfdf;
/* replace text with an icon */
overflow: hidden;
color: transparent;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.cd-timeline-navigation a.prev {
left: 0;
}
.cd-timeline-navigation a.next {
right: 0;
}
.cd-timeline-navigation a.inactive {
cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
border-color: #dfdfdf;
}
.cd-horizontal-timeline .events-content {
position: relative;
width: 100%;
margin: 10px 0 0 0;
overflow: hidden;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
.cd-horizontal-timeline .events-content > ol > li {
position: absolute;
z-index: 1;
width: 100%;
left: 0;
top: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
padding: 0;
opacity: 0;
-webkit-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content > ol > li.selected {
/* visible event content */
position: relative;
z-index: 2;
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-horizontal-timeline .events-content > ol > li.enter-right, .cd-horizontal-timeline .events-content > ol > li.leave-right {
-webkit-animation-name: cd-enter-right;
-moz-animation-name: cd-enter-right;
animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content > ol > li.enter-left, .cd-horizontal-timeline .events-content > ol > li.leave-left {
-webkit-animation-name: cd-enter-left;
-moz-animation-name: cd-enter-left;
animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content > ol > li.leave-right, .cd-horizontal-timeline .events-content > ol > li.leave-left {
-webkit-animation-direction: reverse;
-moz-animation-direction: reverse;
animation-direction: reverse;
}
.cd-horizontal-timeline .events-content > ol > li {
margin: 0 auto;
}
.cd-horizontal-timeline .events-content em {
display: block;
font-style: italic;
margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
content: '- ';
}
@-webkit-keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes cd-enter-right {
0% {
opacity: 0;
-moz-transform: translateX(100%);
}
100% {
opacity: 1;
-moz-transform: translateX(0%);
}
}
@keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes cd-enter-left {
0% {
opacity: 0;
-moz-transform: translateX(-100%);
}
100% {
opacity: 1;
-moz-transform: translateX(0%);
}
}
@keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
/* METRONIC EXTENDED CSS */
.mt-timeline-horizontal {
font-size: 14px;
}
.mt-timeline-horizontal ol, .mt-timeline-horizontal ul {
list-style: none;
}
.mt-timeline-horizontal blockquote, .mt-timeline-horizontal q {
quotes: none;
}
.mt-timeline-horizontal blockquote:before, .mt-timeline-horizontal blockquote:after,
.mt-timeline-horizontal q:before, .mt-timeline-horizontal q:after {
content: '';
content: none;
}
.mt-timeline-horizontal table {
border-collapse: collapse;
border-spacing: 0;
}
.mt-timeline-horizontal .timeline {
width: 100%;
max-width: 100%;
}
.mt-timeline-horizontal .timeline:before {
background: transparent;
}
.mt-timeline-horizontal .timeline .events-wrapper .events a:after {
background-color: transparent;
border: 2px solid;
}
.mt-timeline-horizontal .timeline .events-wrapper .events a.selected:after {
background-color: #fff !important;
}
.mt-timeline-horizontal .timeline .events-wrapper .events a:hover, .mt-timeline-horizontal .timeline .events-wrapper .events a:focus {
text-decoration: none;
}
.mt-timeline-horizontal .timeline .events-wrapper:before, .mt-timeline-horizontal .timeline .events-wrapper:after {
background-image: none;
}
.mt-timeline-horizontal .timeline .mt-ht-nav-icon li a {
border-radius: 50% !important;
}
.mt-timeline-horizontal .timeline .mt-ht-nav-icon li a i {
position: absolute;
top: 50%;
left: -15px;
transform: translateX(50%) translateY(-50%);
width: 10px;
}
.mt-timeline-horizontal .timeline .mt-ht-nav-icon li:first-child a i {
left: -15px;
}
.mt-timeline-horizontal .timeline.mt-timeline-square .events a:after {
border-radius: 0 !important;
}
.mt-timeline-horizontal .timeline.mt-timeline-square .mt-ht-nav-icon li a {
border-radius: 0 !important;
}
.mt-timeline-horizontal .events-content ol {
padding: 0;
}
.mt-timeline-horizontal .events-content ol li .mt-title {
margin-top: 15px;
float: left;
width: 60%;
}
.mt-timeline-horizontal .events-content ol li .mt-title h2 {
margin: 0;
opacity: 0.8 ;
filter: alpha(opacity=80) ;
font-size: 18px;
font-weight: 600;
}
.mt-timeline-horizontal .events-content ol li .mt-author {
float: right;
position: relative;
text-align: right;
width: 40%;
}
.mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar {
float: right;
margin-left: 15px;
}
.mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name {
margin-top: 5px;
}
.mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a {
opacity: 0.9 ;
filter: alpha(opacity=90) ;
font-size: 15px;
font-weight: 600;
}
.mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a:hover, .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a:focus {
text-decoration: none;
}
.mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-datetime {
font-size: 13px;
}
.mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar {
width: 50px;
height: 50px;
border-radius: 50% !important;
overflow: hidden;
}
.mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar > img {
width: 100%;
height: auto;
}
.mt-timeline-horizontal .events-content ol li .mt-content {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid;
clear: both;
line-height: 1.7em;
}
.mt-timeline-horizontal .events-content ol li .mt-content > p {
opacity: 0.7 ;
filter: alpha(opacity=70) ;
}
.mt-timeline-horizontal .events-content ol li .mt-content img.pull-left {
margin: 0 15px 15px 0;
}
.mt-timeline-horizontal .events-content ol li .mt-content img.pull-right {
margin: 0 0 15px 15px;
}
.mt-timeline-horizontal .events-content ol li .mt-content .btn-group .dropdown-menu {
margin-right: 5px;
}
@media (max-width: 480px) {
.mt-timeline-horizontal .events-content ol li .mt-title {
width: 100%;
}
.mt-timeline-horizontal .events-content ol li .mt-author {
width: 100%;
margin-top: 15px;
text-align: left;
}
.mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar {
float: left;
margin-right: 15px;
margin-left: 0;
}
.mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name {
margin-top: 10px;
}
.mt-timeline-horizontal .btn.pull-right {
float: none !important;
margin: 0 !important;
}
}
.btn.btn-outline.red {
border-color: #e7505a;
color: #e7505a;
background: none;
}
.btn.btn-outline.red:hover, .btn.btn-outline.red:active, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:focus, .btn.btn-outline.red.active {
border-color: #e7505a;
color: #ffffff;
background-color: #e7505a;
}
.bg-red {
background: #e7505a !important;
}
.bg-red-opacity {
background: rgba(231, 80, 90, 0.8) !important;
}
.bg-hover-red:hover {
background: #e7505a !important;
}
.font-red {
color: #e7505a !important;
}
.bg-font-red {
color: #ffffff !important;
}
.border-red {
border-color: #e7505a !important;
}
.border-top-red {
border-top-color: #e7505a !important;
}
.border-bottom-red {
border-bottom-color: #e7505a !important;
}
.border-left-red {
border-left-color: #e7505a !important;
}
.border-right-red {
border-right-color: #e7505a !important;
}
.bg-before-red:before,
.bg-after-red:after {
background: #e7505a !important;
}
.border-before-red:before,
.border-after-red:after {
border-color: #e7505a !important;
}
.border-top-before-red:before,
.border-top-after-red:after {
border-top-color: #e7505a !important;
}
.border-bottom-before-red:before,
.border-bottom-after-red:after {
border-bottom-color: #e7505a !important;
}
.border-left-before-red:before,
.border-left-after-red:after {
border-left-color: #e7505a !important;
}
.border-right-before-red:before,
.border-right-after-red:after {
border-right-color: #e7505a !important;
}
.height25 {
height: 25px !important;
}
.height30 {
height: 30px !important;
}
.font-size19 {
font-size: 19px !important;
}
.no_margin {
margin: 0px !important;
}
.no_margin_bottom {
margin-bottom: 0px !important;
}
.no_margin_top {
margin-top: 0px !important;
}
.no_padding {
padding: 0px !important;
}
.no_border {
border: 0px !important;
}
.sidebar-search {
padding: 0 10px 0 10px;
border-bottom: 1px solid rgba(62,68,78,1);
background-color: #1C1F21;
border-top: 1px solid rgba(62,68,78,1);
}
.sidebar-search input {
border-radius: 4px;
background-color: #383E42;
border: 1px solid #42494D;
color: #646468 !important;
height: 31px;
}
.sidebar-search input:focus {
border-color: #999;
background-color: var(--main-background-color);
box-shadow: none;
}
.select_de_highlight_option {
color: #777 !important;
}
.select_de_highlight_option.select2-highlighted {
background: #e4e4e4 !important;
color: #777 !important;
}
.hm_route_container a {
color: rgba(15, 22, 33, 0.6);
}
.hm_route_container a.disabled {
color: rgba(15, 22, 33, 0.6);
opacity: .35;
}
.hm_route_container a:hover {
color: rgba(15, 22, 33, 0.8);
}
.calculate_route_truck_setting, .calculate_route_truck_setting:visited, .calculate_route_truck_setting:focus {
color: white;
}
.calculate_route_truck_setting:hover {
color: rgba(15, 22, 33, 0.6);
}
#calculate_route, #calculate_route_optimized, #print_route_result, #print_route_result_detailed {
background-color: rgba(15, 22, 33, 0.6);
color: white;
border: 0px;
}
#calculate_route:hover, #calculate_route_optimized:hover, #print_route_result:hover, #print_route_result_detailed:hover {
background-color: rgba(15, 22, 33, 0.8);
color: white;
border: 0px;
}
.hm_route_container {
overflow-y: auto;
}
.hm_route_container input {
height: 22px;
}
.hm_filter input {
height: 22px;
width: 160px;
}
.hm_route_container::-webkit-scrollbar {
width: 13px;
}
/* Track */
.hm_route_container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #dddddd;
background-color: #dddddd;
}
/* Handle */
.hm_route_container::-webkit-scrollbar-thumb {
background-color: rgba(15, 22, 33, 0.6);
-webkit-box-shadow: inset 0 0 6px rgb(0,0,0,0.3);
}
/* Handle on hover */
.hm_route_container::-webkit-scrollbar-thumb:hover {
background: rgba(15, 22, 33, 0.8);
}
.full-width {
width: 100%;
}
.sortable_handle {
cursor: move;
}
.responsive-fit-content {
white-space: nowrap;
width: 1%;
}
.input-group-addon.checkbox {
padding: 0px 12px;
}
.dropdown-button-inline-block {
display: inline-block;
}
.mouse-cursor-pointer {
cursor: pointer !important;
}
.packing_modal_placeholder {
margin-bottom: 20px !important;
background-color: #fcf8e3 !important;
border: 1px solid #ffc107;
}
/* custom full_calendar classes */
.fc-h-event {
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
}
.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title {
padding: 2px;
}
.fc-daygrid-event-harness:hover {
cursor: pointer;
}
.fc .fc-button-primary:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {
box-shadow: none;
}
/* purchase */
.table.table-purchase tbody>tr>td{
vertical-align: bottom;
}
.table.table-purchase tbody>tr>td.text-padding{
padding-bottom: 15px;
}
.table.table-purchase td.item-dimensions, .table.table-purchase td.item-dimensions{
white-space: nowrap
}