/* Barvy */
:root {
    /* left menu  */
	--navbarcolor: #263544;
	--navbartextcolor: #fff;
	--menuitemtextcolor: #b7c0cd; 
    --menuitemtextcolorhover: #fff;
    --expandedmenuitembackground: #1d2531;
    --expandedmenuitemcolor: var(--navbartextcolor);
    --expandedmenuitembackgrounhover:  #1d2531;
    --expandedmenuitemcolorhover: #fff;
    --submenuitembackground: rgba(29, 37, 49, .5);
    --submenuitemtextcolor: var(--menuitemtextcolor);
    --activemenuleftbordercolor: #42a5f5;
    --activesubmenuleftbordercolor: var(--activemenuleftbordercolor);
    --submenuitembackgroundhover: var(--submenuitembackground);
    --submenuitemtextcolorhover: var(--activemenuleftbordercolor);
    /* avatar icon */
    --avatartextcolor: #fff;
    --avatarbackground: #b34747;
    /* top bar */
    --headericonbackground: var(--navbarcolor);
    --topbarbackground: #f2f7fb;
    --topbarcollapsebuttoncolor: #fff;
    /* report icon */
    --reporticonbackground: #4099ff; 
	--reporticoncolor: #fff;
    /* action and pagination "border" buttons */
    --btncolor: #4099ff;
    --btncolorhover: var(--btncolor);
    --btntextcolor: var(--btncolor);
    --btntextcolorhover: #fff;
    --btncolorlight: #e0e0e0;
    /* primary button */
    --btnprimarycolor: var(--btncolor);
    --btnprimarytextcolor: #fff;
    --btnprimarycolorhover: #73b4ff; 
    --btnprimarytextcolorhover: var(--btnprimarytextcolor); 
    /* focused control */
    --focusedcontrolshadow: #b6d7fd; 
    /* highlighted row */
    --tablerowhighlight: var(--focusedcontrolshadow);
    /* Pagination */
    --pagelinktextcolor: var(--btncolorhover);
    --pagelinktextcolorhover: var(--btntextcolorhover);
    --pagelinkbackgroundhover: var(--btncolorhover);
    /* django admin widgets */ 
    --body-bg: #fff;
    --primary: var(--btnprimarycolor);
    --button-fg: var(--btnprimarytextcolor);
    --darkened-bg: #f8f8f8;
    --border-color: #ddd;
    --hairline-color: #eee;
}

/* Login screen upper half of background */
body[themebg-pattern=theme1] {
	background-color: var(--navbarcolor);
}

.card-body ul {
    list-style-type: disc;
    padding-inline-start: 1rem;
    margin-bottom:1rem;
}

.card-body ul.nav {
    list-style-type: none;
}

.card-body form ul {
    list-style-type: none;
    padding-inline-start: 0;
}

.card-body b {
    font-weight: bold;
}

.text-greyed {
    color: rgb(220, 220, 220);
}

/* Obdelnik s logem vlevo nahore */
.header-navbar .navbar-wrapper .navbar-logo[logo-theme=theme6]
{
    background-image: url('/static/ctrm/assets/images/gt-ctrm-logo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--headericonbackground);
}

/* Collapse button in logo section */
.header-navbar .navbar-wrapper .navbar-logo[logo-theme=theme6] a {
    color: var(--topbarcollapsebuttoncolor);
}

/* Icon color in page headers */
/* this color is used for chart line too!!! */
.bg-c-primary {
	color: var(--reporticoncolor);
    background-color: var(--reporticonbackground); 
}

.page-header.card .page-header-title i {
	color: var(--reporticoncolor);
}

/* Text of the main menu item */
/* Icon on the left side of main menu item */
.pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item>li>a,
.pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item>li>a:after,
.pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item>li.pcoded-hasmenu>a,
.pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item>li.pcoded-hasmenu>a:after,
.pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item>li>a .pcoded-micon {
    color: var(--menuitemtextcolor);
}

/* Left navbar, Manu category labels */
.pcoded .pcoded-navbar .pcoded-navigation-label[menu-title-theme=theme1] {
    color: var(--navbartextcolor);
    background-color: var(--navbarcolor);
}

/* Menu hover */
.pcoded[theme-layout=vertical] .pcoded-navbar[navbar-theme=theme1][active-item-theme=theme1] .pcoded-item>li:hover>a,
.pcoded[theme-layout=vertical] .pcoded-navbar[navbar-theme=theme1][active-item-theme=theme1] .pcoded-item>li:hover>a .pcoded-micon,
.pcoded[theme-layout=vertical] .pcoded-navbar[navbar-theme=theme1][active-item-theme=theme1] .pcoded-item>li:hover>a:after
 {
    color: var(--menuitemtextcolorhover);
}


/* Menu item expanded */
.pcoded[theme-layout=vertical] .pcoded-navbar[navbar-theme=theme1][active-item-theme=theme1] .pcoded-item>li.active>a, 
.pcoded[theme-layout=vertical] .pcoded-navbar[navbar-theme=theme1][active-item-theme=theme1] .pcoded-item>li.pcoded-trigger>a,
.pcoded[theme-layout=vertical] .pcoded-navbar[navbar-theme=theme1] .pcoded-item>li.active>a,
.pcoded[theme-layout=vertical] .pcoded-navbar[navbar-theme=theme1] .pcoded-item>li.active:hover>a {
    background-color: var(--expandedmenuitembackground);
    color: var(--expandedmenuitemcolor);
}

/* Menu item expanded hover */
.pcoded[theme-layout=vertical] .pcoded-navbar[navbar-theme=theme1][active-item-theme=theme1] .pcoded-item>li.active:hover>a,
.pcoded[theme-layout=vertical] .pcoded-navbar[navbar-theme=theme1][active-item-theme=theme1] .pcoded-item>li.pcoded-trigger:hover>a,
.pcoded[theme-layout=vertical] .pcoded-navbar[navbar-theme=theme1][active-item-theme=theme1] .pcoded-item>li.active:hover>a .pcoded-micon,
.pcoded[theme-layout=vertical] .pcoded-navbar[navbar-theme=theme1][active-item-theme=theme1] .pcoded-item>li.pcoded-trigger:hover>a .pcoded-micon,
.pcoded[theme-layout=vertical] .pcoded-navbar[navbar-theme=theme1][active-item-theme=theme1] .pcoded-item>li.active:hover>a:after,
.pcoded[theme-layout=vertical] .pcoded-navbar[navbar-theme=theme1][active-item-theme=theme1] .pcoded-item>li.pcoded-trigger:hover>a:after {
	background-color: var(--expandedmenuitembackgrounhover);
    color: var(--expandedmenuitemcolorhover);
}

/* Submenu item */
.pcoded[theme-layout=vertical] .pcoded-navbar[navbar-theme=theme1] .pcoded-item li .pcoded-submenu {
    background-color: var(--submenuitembackground);
    color: var(--submenuitemtextcolor);
}

/* Submenu item text */
.pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li>a {
    color: var(--submenuitemtextcolor);
}

/* Submenu hover color */
.pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li .pcoded-submenu li.active>a, 
.pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li .pcoded-submenu li.active:hover>a,
.pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li .pcoded-submenu li.active>a, 
.pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li .pcoded-submenu li:hover>a {
    background-color: var(--submenuitembackgroundhover);
    color:var(--submenuitemtextcolorhover);
}

.pcoded .pcoded-navbar[navbar-theme=theme1] .nav-user,
.pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-inner-navbar {
	background-color: var(--navbarcolor);
}

.pcoded .pcoded-navbar[navbar-theme=theme1] .nav-user .pcoded-item>.pcoded-hasmenu>.pcoded-submenu:after,
.pcoded .pcoded-navbar[navbar-theme=theme1] .pcoded-inner-navbar .pcoded-item>.pcoded-hasmenu>.pcoded-submenu:after {
	border-left-color: var(--navbarcolor);
	border-top-color: var(--navbarcolor);
}

.navbar-logo a {
    display:block;
    width: 80%;
    height: 80%;
}

/* Active main menu left border */
.pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item>li.active>a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item>li.active:hover>a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item>li.pcoded-trigger>a, .pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item>li.pcoded-trigger:hover>a {
    border-left-color: var(--activemenuleftbordercolor);
}

/* Active submenu left border */
.pcoded[theme-layout=vertical] .pcoded-navbar[active-item-theme=theme1] .pcoded-item li .pcoded-submenu {
    border-left-color: var(--activesubmenuleftbordercolor);
}

/* Top bar background */
.pcoded .pcoded-header[header-theme=themelight1] {
    background-color: var(--topbarbackground);
}

/* Avatar top right */
.avatar-letters {
    padding: 0.5em;
    margin-right: 0.7em;
    background-color: var(--avatarbackground);
    color: var(--avatartextcolor);
}

.condensed-table th, .condensed-table td
{
    padding:6px;
}

.btn {
    text-transform: none;
}

.btn-sm {
    font-size:15px;
}

.btn-xxs
{
    padding:2px 10px;
}

.btn-micro
{
    padding: 0px 5px;
    margin-right: 3.2px;
    font-size: 1em;
}

.nospin input::-webkit-outer-spin-button,
.nospin input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.nospin input {
    -moz-appearance:textfield;
    text-align:center;
}

#scrollable-dropdown-menu .tt-dropdown-menu {
    max-height: 150px;
    overflow-y: auto;
}

#contract-form .form-control:disabled {
    opacity: 1;
}

.big-box {
    width:20px;
    height:20px;
}

#report-chart {
    height: 400px;
}

#position-chart {
    height:400px;
}

.gttable-hover tbody tr:hover {
    background: -moz-linear-gradient(rgba(64, 153, 255, 0.1),rgba(64, 153, 255,.1));
    background: -webkit-linear-gradient(rgba(64, 153, 255, 0.1),rgba(64, 153, 255,.1));
    background: linear-gradient(rgba(64, 153, 255,.1),rgba(64, 153, 255,.1));
}

.deal-row-selected {
    background-color: var(--tablerowhighlight) !important;
}

.select {
    padding-right:0px;
}

.selectize-control {
    padding:0px;
}

.ppa-icon {
    margin-right: 17px;
    height: 60px;
    float: left;
}

.page-header.card {
    margin-left: 15px;
}

.head-column {
    position: absolute;
    background-color: rgb(230, 230, 230);
    width:130px;
    font-weight: normal !important;
    text-align: right;
}

.unit-column {
    position: absolute;
    left: 179px;
    font-weight: normal !important;
    text-align: center;
    background-color: rgb(230, 230, 230);
    width: 73px !important;
    font-size: 11px;
    height: 36px;
    min-width: 30px !important;
    padding-top: 10px !important;
}

.unit-column + td, .unit-column + th {
    padding-left: 208px;
}

.head-column + td:not(.unit-column), .head-column + th:not(.unit-column) {
    padding-left:136px;
}


.breakdown-cell a {
    margin:auto;
}

.credit-table th {
    min-width:130px !important;
}

.breakdown-table th {
    min-width:80px;
}

.breakdown-table tbody td {
    font-weight:900;
}

.expanding-header-text {
    padding-left:5px;
    padding-right:5px;
}

.collapse-highlight {
    background-color: rgba(147, 147, 147, 0.25);
}

.collapse-border {
    border-left: 1px solid #868686;
}

.top-border {
    border-top: 1px solid #868686 !important;
}

.brighter {
    font-weight: bold !important;
    background: linear-gradient(rgba(255, 255, 255, 0.6),rgba(255, 255, 255,0.6));
}

.brightest {
    font-weight: normal !important;
    background: linear-gradient(rgba(255, 255, 255, 0.9),rgba(255, 255, 255,0.9));
}

.breakdown-button-container {
    margin-top: 10px;
}

.input-group-append .input-group-text,
.input-group-prepend .input-group-text {
	font-size:0.95em;
}

.input-group-append .btn-sm {
    padding:8.5px 14px;
}

.custom-select {
    height: calc(2.25rem - 1px);
}

.token {
    background-color: white;
    border: 1px dashed black;
    padding:0.5em;
    text-align:center;
    font-size:1.2em;
}

.log-output {
    background-color: white;
    border: 1px dashed black;
    padding:0.5em;
}

#rpm-download {
    font-size:20px;
}

#rpm-download img {
    margin-left:20px;
}

/* Month background in calendar widget */
.calendar caption {
    background-color: var(--btnprimarycolor);
    color: var(--btnprimarytextcolor);
}
.calendarbox, .clockbox {
    z-index: 2;
}

/* Primary buttons */
/* Pagination buttons, same as primary */
.btn-primary, .sweet-alert button.confirm, .wizard>.actions a, .page-item.active .page-link {
    border-radius: 0%;
    background-color: var(--btnprimarycolor);
    border-color: var(--btnprimarycolor);
    color: var(--btnprimarytextcolor);
}

/* Primary badge */
.badge-primary {
    background-color: var(--btnprimarycolor);
    border-color: var(--btnprimarycolor);
    color: var(--btnprimarytextcolor); 
}

/* Primary button, hover state */
.btn-primary:hover, .sweet-alert button.confirm:hover, .wizard>.actions a:hover {
    background-color: var(--btnprimarycolorhover);
    border-color: var(--btnprimarycolorhover);
    color: var(--btnprimarytextcolorhover);
}

/* Primary button, active state */
.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: var(--btncolorhover) !important;
    border-color: var(--btncolorhover) !important;
    color: var(--btnprimarytextcolor) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--focusedcontrolshadow),.25)
}

/* Primary button, focus state */
.btn-primary:focus, .sweet-alert button.confirm:focus, .wizard>.actions a:focus {
    background-color: var(--btnprimarycolor);
    border-color: var(--btnprimarycolor);
    color: var(--btnprimarytextcolor);
}

/* Primary button, active focus */
.btn-primary:not([disabled]):not(.disabled).active:focus, .btn-primary:not([disabled]):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--focusedcontrolshadow),.25)
}

/* Primary button, disabled state */
.btn-primary:disabled, .btn-primary.disabled {
    background-color: var(--btnprimarycolor);
    border-color: var(--btnprimarycolor);
    color: var(--btnprimarytextcolor);
    opacity: 0.65;
}

/* Primary buttons, outline version */
.btn-outline-primary {
    border-radius: 0%;
    border-color: var(--btncolor);
    color: var(--btntextcolor);
}

/* Light buttons, outline version */
.btn-outline-light {
    border-radius: 0%;
    border-color: var(--btncolorlight);
    color: var(--btncolorlight);
}

/* Pagination button */
.page-link
{
    color: var(--pagelinktextcolor);
}

/* Primary button, outline hover */
.btn-outline-primary:hover,
.btn-outline-light:hover {
    background-color: var(--btncolorhover);
    border-color: var(--btncolorhover);
    color: var(--btntextcolorhover);
}

/* Pagination button, hover */
.page-link:hover {
    background-color: var(--pagelinkbackgroundhover);
    color: var(--pagelinktextcolorhover);
}

/* Primary outline button, focus glow */
.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color: var(--btncolorhover);
    color:var(--btntextcolor);
    box-shadow: 0 0 0 0.2rem var(--focusedcontrolshadow);
}

.btn-outline-primary.focus:hover, .btn-outline-primary:focus:hover {
    color:var(--btntextcolorhover);
}

/* Primary outline button, active state */
.btn-outline-primary:not([disabled]):not(.disabled).active, .btn-outline-primary:not([disabled]):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    background-color: var(--btncolorhover) !important;
    border-color: var(--btncolorhover) !important;
    color: var(--btntextcolorhover) !important;
    box-shadow: 0 0 0 0.2rem var(--focusedcontrolshadow);
}

/* Focused state of form input elements */
.form-control:focus {
    border-color: var(--btnprimarycolor);
    box-shadow: 0 0 0 0.2rem var(--focusedcontrolshadow);
}

/* Focus flow on bootrasp custom select focus */
.custom-select:focus {
    border-color: var(--btnprimarycolor);
    outline: 0;
    box-shadow: inset 0 1px 2px var(--focusedcontrolshadow), 0 0 0 0.2rem var(--focusedcontrolshadow);
}

/* standard controls formatting - selectize and login form must override this */ 
.form-control,
.form-control:hover,
.select.form-control,
.select.form-control:hover {
    border-color:#ccc;
    border-radius: 4px;
    border: 1px solid #ccc;
	-webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
}
 /* mutlibox height correction */
select.form-control:not([size]):not([multiple]) {
    height: auto;
}
/* selectize correction */
.form-control.selectize-control,
.form-control.selectize-control:hover {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
}
.custom-select.selectize-control {
    border: none;
}

/* login form override */
.form-material .form-control,
.form-material:hover .form-control:hover {
    display: inline-block;
    height: 43px;
    width: 100%;
    border: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
}

/* Focus glow of selectize inputs */
.form-material:focus,
.form-material:focus:hover,
.form-control:focus,
.form-control:focus:hover,
.select.form-control:focus,
.select.form-control:focus:hover,
.selectize-input.focus, 
.selectize-input.focus:hover {
    border: 1px solid;
    border-color: var(--btnprimarycolor);
    box-shadow: 0 0 0 0.2rem var(--focusedcontrolshadow);

}

/* danger button */
.btn-outline-danger {
    color: #ff163d;
}
.btn-outline-danger.focus, .btn-outline-danger:focus{
    color: #ff163d;
}
.btn-outline-danger.focus:hover, .btn-outline-danger:focus:hover{
    color: #fff;
}


.number-picker-button {
    font-size: 26px;
    height: 44px;
    width: 44px;
    padding: 0px;
    padding-left: 6px;
}

.number-picker-value {
    padding:10px;
    border: 1px solid black; /* CHANGE TO PRIMARY COLOR */
}

.rjf-form-row label {
    min-width: 140px;
}

ul.styled-list {
    list-style-type: disc;
    padding-inline-start: 1rem;
}

.tab-content.card-body {
    padding: 0;
}