/**
 * Application Default theme style sheet
 * 
 * @name		style.css
 * @author		D.Gerdzhikov
 * @package		web/themes/default/css
 * @version		1.0
 * @copyright	KDSoft Ltd.
 */

:root																		{ font-size:14px; font-family:monospace; }
a																			{ color:#666666; }
a:hover,
a:focus,
a:active																	{ color:#333333/*/#15327B;*/ }
/*a:visited																	{ color:#735436; }*/
a.bg-success:hover															{ background-image:none !important; }
.btn																		{ border-radius:0px !important; }
.overlay																	{ top:0px; left:0px; right:0px; bottom:0px; position:absolute; background-color:rgba(0,0,0,0.1); z-index:1060; }
.overlay-spinner															{ top:calc(50% -  9px); position:relative; }
.overlay-spinner.fa-2x														{ top:calc(50% - 18px); }
.nav-tabs																	{ padding:0px 5px; }
.nav-tabs.small-tabs > li > a												{ padding:7px 15px 7px 7px; font-size:12px; }
.nav.flex-column .nav-link + .nav-link										{ margin-top:5px; }
.text-left-i																{ text-align:left !important; }
.text-right-i																{ text-align:right !important; }
.text-center-i																{ text-align:center !important; }
.text-strikethrough															{ text-decoration:line-through; }
.modal-content																{ border-radius:0px; }
.dropdown-menu .divider														{ margin:5px 0px; }
.link-no-space + .link-no-space												{ margin-left:-4px; word-spacing:-4px; }
.btn-4-btn a.float-left  + a.float-left										{ margin-left:4px; }
.btn-4-btn a.float-right + a.float-right									{ margin-right:4px; }

.maintenance																{ width:250px; height:250px; }

.modal .close																{ margin:0px; padding:5px 0px; }
.modal .nav li .container-icon-item											{ top:-2px; position:relative; }

.modal-view																	{ z-index:1100; }
.modal-view .modal-content													{ min-height:70vh; }
.modal-form																	{ z-index:1100; }
.modal-form .modal-content													{ min-height:70vh; }
.modal-login																{ z-index:3000; }
.modal-upload																{ z-index:1100; }
.modal-preview																{ z-index:1100; }

.modal-info																	{ z-index:2000; }
.modal-info .modal-title													{ color:#0C5460; }
.modal-info .modal-content													{ border-left:5px solid #17A2B8; }
.modal-error																{ z-index:2300; }
.modal-error .modal-title													{ color:#AA0000; }
.modal-error .modal-content													{ border-left:5px solid #DC3545; }
.modal-warning																{ z-index:2200; }
.modal-warning .modal-title													{ color:#856404; }
.modal-warning .modal-content												{ border-left:5px solid #FFC107; }
.modal-success																{ z-index:2100; }
.modal-success .modal-title													{ color:#155724; }
.modal-success .modal-content												{ border-left:5px solid #28A745; }

.modal-title .item-title													{ color:#999999; }
.modal-title .item-title:last-of-type										{ color:inherit; }
.modal-title .item-title + .item-title:before								{ content:'\f105'/*'\f0da'*/; width:20px; padding:0px 0px 0px 5px; display:inline-block; font-family:"Font Awesome 5 Free"; font-weight:900; }
.modal-dialog.modal-md														{ max-width:600px; }

.bg-breadcrumb																{ background-color:#F5F5F5; }

.bg-theme-red																{ background-color:#B83430 !important; }
.bg-theme-dark																{ background-color:#15327B !important; }
.bg-theme-light																{ background-color:#0064B4 !important; }
.text-theme-red																{ color:#B83430 !important; }
.text-theme-dark															{ color:#15327B !important; }
.text-theme-light															{ color:#0064B4 !important; }
.border-theme-red															{ border-color:#B83430 !important; }
.border-theme-dark															{ border-color:#15327B !important; }
.border-theme-light															{ border-color:#0064B4 !important; }

.form-control::placeholder													{ font-size:11px; font-weight:bold; }
.input-fixed-control														{ top:2px; left:2px; position:absolute; line-height:14px; }

.pagination																	{ justify-content:center; }
.pagination li a,
.pagination li span															{ width:30px; height:30px; margin:1px; line-height:28px; text-align:center; text-decoration:none; display:inline-block; border:1px solid #DEE2E6; }
.pagination li span															{ color:#DEE2E6; }
.pagination li a:hover														{ border-color:#B83430; }
.pagination li.active a														{ border-color:#0064B4; }
.pagination li.active a:hover												{ border-color:#B83430; }

.wrapper-mnav																{ width:50px; top:0px; left:0px; bottom:0px; position:fixed; /*overflow:hidden;*/ z-index:1031; }
.wrapper-mnav + .wrapper-page												{ margin-left:50px; }
.wrapper-mnav + .wrapper-page header										{ margin-left:50px; }
.wrapper-mnav + .wrapper-page footer										{ height:50px; margin-left:50px; }
.wrapper-mnav .nav > li > a													{ padding:10px 0px; display:inline-block; text-align:center; position:relative; border-left:5px solid #0064B4/*#EFEFEF*/; border-bottom:1px solid #DDDDDD; }
.wrapper-mnav .nav > li > a.menu-item:hover									{ text-decoration:none; border-left:5px solid #EFEFEF; border-bottom:1px solid #0064B4; background-color:#FFFFFF; }
.wrapper-mnav .nav > li > a.menu-item:hover .link-text						{ top:-1px; left:43px; min-width:180px; padding:10px 15px; position:absolute; text-align:left; display:inline-block; border:1px solid #15327B; border-left:1px solid #FFFFFF; background-color:#FFFFFF; }
.wrapper-mnav .nav > li > a.quicklink										{ display:none; }
.wrapper-mnav .nav > li > a > span:first-of-type + span						{ left:-4px; position:relative; }
.wrapper-mnav .nav > li.active > a											{ color:#0064B4; border-left:5px solid #B83430; border-bottom:1px solid #B83430; background-color:#FFFFFF; }
.wrapper-mnav .nav > li.active > a:hover									{ border-bottom:1px solid #B83430; }
.wrapper-mnav .nav > li.active > a.menu-item:hover							{ color:#15327B; border-left:5px solid #EFEFEF; border-bottom:1px solid #B83430; background-color:#FFFFFF; }
.wrapper-mnav .nav > li.active > a.menu-item:hover .link-text				{ border-bottom-color:#B83430; }
.wrapper-mnav .nav > li.active > a.quicklink								{ color:#15327B; border-left:5px solid #B83430; border-bottom:1px solid #B83430; background-color:#FFFFFF; }
.wrapper-mnav .nav > li.active > a.quicklink:hover							{ color:#15327B; border-left:5px solid #B83430; border-bottom:1px solid #B83430; background-color:#FFFFFF !important; }
.wrapper-mnav .link-text													{ display:none; }
.wrapper-mnav .container-logo												{ height:70px; /*padding:10px;*/ }
.wrapper-mnav .container-logo .site-logo									{ max-width:30px; height:auto; float:left; margin-top:15px; margin-right:10px; }
.wrapper-mnav .container-logo .site-label									{ display:none; }
.wrapper-mnav .container-logo .site-sublabel								{ display:none; }
.wrapper-mnav .absolute-bottom												{ left:0px; right:0px; bottom:0px; height:50px; position:absolute; }
.wrapper-mnav.open															{ width:200px; }
.wrapper-mnav.open + .wrapper-page											{ margin-left:200px; }
.wrapper-mnav.open + .wrapper-page header									{ margin-left:200px; }
.wrapper-mnav.open + .wrapper-page footer									{ margin-left:200px; }
.wrapper-mnav.open .nav > li												{ position:relative; }
.wrapper-mnav.open .nav > li > a											{ padding:10px 5px; text-align:left; text-decoration:none; }
.wrapper-mnav.open .nav > li > a.expanded									{ border-left-color:#15327B; }
.wrapper-mnav.open .nav > li > a.expanded:hover								{ border-left-color:#EFEFEF; }
.wrapper-mnav.open .nav > li > a.menu-item:hover .link-text					{ top:unset; left:unset; min-width:unset; padding:0px; position:relative; display:inline-block; border:0px none; background-color:#FFFFFF; }
.wrapper-mnav.open .nav > li > a.quicklink									{ top:0px; right:0px; padding:10px 12px; position:absolute; display:block; color:#666666; }
.wrapper-mnav.open .nav > li > a.quicklink:hover							{ color:#15327B; border-left-color:#0064B4 !important; background-color:#FFFFFF !important; }
.wrapper-mnav.open .nav > li.active > a.quicklink:hover						{ border-bottom-color:#B83430; }
.wrapper-mnav.open .nav.submenu > li > a 									{ border-left-color:#15327B; }
.wrapper-mnav.open .nav.submenu > li > a:hover								{ border-left-color:#EFEFEF; border-bottom-color:#0064B4; background-color:#FFFFFF; }
.wrapper-mnav.open .nav.submenu > li.active > a 							{ border-left-color:#B83430; }
.wrapper-mnav.open .nav.submenu > li.active > a:hover						{ border-left-color:#EFEFEF; }
.wrapper-mnav.open .nav.submenu > li > a > span:first-of-type				{ margin-left:3px; margin-right:7px; }
.wrapper-mnav.open .link-text												{ display:initial; }
.wrapper-mnav.open .container-logo											{ width:200px; }
.wrapper-mnav.open .container-logo .site-logo								{ width:auto; max-width:inherit; max-height:50px; margin:0px; float:none; }
.wrapper-mnav.open .container-logo .site-label								{ width:auto; max-width:inherit; max-height:14px; display:initial; }
.wrapper-mnav.open .container-logo .site-sublabel							{ padding:0px 10px; margin-top:5px; display:inline-block; }

.wrapper-page																{ top:111px; left:0px; bottom:50px; right:0px; padding:7px 0px; position:fixed; overflow-x:auto; overflow-y:scroll; }
.wrapper-page .site-logo													{ width:auto; max-height:50px; }
.wrapper-page .site-label													{ width:auto; max-height:50px; }

.wrapper-page .container-content											{ min-height:calc(100vh - 204px); }
.wrapper-page .container-content.main-page									{ min-height:calc(100vh - 594px); }
.wrapper-page .container-nav-main .nav > li > a								{ margin:0px 2px; padding:15px 11px; text-transform:uppercase; }
.wrapper-page .container-nav-header											{ height:70px; /*background-color:#E4F1FB;*/ }
.wrapper-page .container-nav-user a											{ display:block; }

.wrapper-page .breadcrumb													{ margin:3px 0px 2px; padding:0px 15px; border-radius:0px; }
.wrapper-page .breadcrumb > li > a:hover									{ text-decoration:none; }
.wrapper-page .breadcrumb > li + li::before									{ content:"\eb61"/*eb88*/; font:normal normal normal 14px/1 "IcoFont"; margin-right:-2px; padding-left:2px; }

.form-item > label															{ margin-top:15px; position:relative; font-weight:normal; transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.form-item > label > .form-control											{ height:34px; padding:0px 35px; box-shadow:none; -webkit-box-shadow:none; }
.form-item > label > textarea.form-control									{ padding:5px 35px; resize:vertical; }
.form-item > label > .container-info										{ top:2px; left: 17px; right:50px; padding:5px; position:absolute; font-weight:normal; font-family:sans-serif; z-index:1; }
.form-item > label > .container-title										{ top:5px; left: 45px; padding:1px 7px; position:absolute; background-color:#FFFFFF; }
.form-item > label > .container-title.required								{ padding-right:2px; }
.form-item > label > .container-title.required::after						{ content:"*"; top:-3px; left:-4px; position:relative; color:#DC3545; }
.form-item > label > .container-icon-info									{ top: 1px; right:15px; /*bottom:1px;*/ width:36px; height:32px; position:absolute; color:#31708F; line-height:30px; text-align:center; vertical-align:middle; }
.form-item > label > .container-icon-item									{ top:10px; left: 25px; position:absolute; }
.form-item > label > .form-control.alert-danger + .container-title			{ background-color:rgba(0,0,0,0); }
.form-item.active > label													{ margin-top:15px; position:relative; font-weight:normal; }

.form-item.static > label > .form-control + .container-title				{ top:-15px; left:25px; font-size:75%; /*border-top:1px solid;*/ border-left:1px solid; border-right:1px solid; border-color:#CCCCCC; }
.form-item.static > label > .form-control:disabled + .container-title		{ color:#999999; background-color:#EEEEEE; }

textarea.form-control														{ min-height:102px; }

.container-filters															{ height:0px; overflow:hidden; }
.container-filters.expanded													{ height:auto; }

.container-nav-main .fa-fw													{ width:16px; }
.container-nav-main .icofont												{ width:16px; font-size:16px; }

.container-nav-user .dropdown-menu.dropdown-menu-right.show					{ right:0px; }
.container-nav-user .dropdown-menu .dropdown-item							{ padding:8px 14px; }

.container-nav-inner														{ top:70px; left:0px; right:0px; bottom:50px; position:absolute; overflow-x:visible; overflow-y:auto; }
.container-nav-inner .deco-left												{ top: 0px; left:0px; right:0px; bottom: 0px; position:absolute; border-left:5px solid #0064B4; }

.container-form-tabs .nav-tabs												{ padding:0px 15px; }
.container-form-tabs .nav-link												{ padding:4px 10px 3px; cursor:pointer; border-radius:0px; }

.container-list-item														{ height:36px; overflow:hidden; }
.container-list-item .col													{ height:24px; line-height:26px; overflow:hidden; }
.container-list-item .col > a												{ width: 30px; height:20px; line-height:20px; text-align:center; vertical-align:middle; display:inline-block; overflow:hidden; }
.container-list-item .col > a.wide											{ width:auto; min-width:120px; padding:0px 6px; }
.container-list-item .item-info												{ padding:2px 0px 0px 2px; }
.container-list-item .item-info > a											{ width:24px; float:left; }
.container-list-item .item-info > a.wide									{ min-width:90px; }
.container-list-item .item-select > a										{ float:left; }
.container-list-item .item-controls											{ padding:2px 0px 0px; }
.container-list-item .item-controls > a										{ float:right; }
.container-list-item.list-item-expandable.expanded							{ height:72px; }
.container-list-item.list-item-expandable .row + .row						{ height:24px; margin-top:13px; overflow:hidden; }
.container-list-item .container-item-info-expand .col > a					{ height:24px; line-height:22px; }

.container-list-offer-sections .nav-link									{ margin-bottom:2px; padding:4px; background-color:#E4F1FB; }
.container-list-offer-sections .nav-link:focus								{ background-color:#E4F1FB; }
.container-list-offer-sections .nav-link.active:focus						{ background-color:#007BFF; }

form .btn-enable-form														{ display:none; }
form .container-controls													{ display:block; }
form.readonly .form-control													{ border:1px solid transparent !important; background:transparent !important; }
form.readonly .btn-enable-form												{ top:0px; right:15px; position:absolute; display:block; z-index:10; }
form.readonly .container-controls											{ display:none; }

label.required .form-control-label::after									{ content:'*'; left:2px; position:relative; color:#DC3545; }
