/* This stylesheet is handwritten by Ragnar | ragnar@meego.ee */

html, body { margin: 0; padding: 0; height: 100%; background-color: rgba(247,239,106,0.05); color: #212529; }

a {
	color: #465C8B;
}
a:hover,
a:active,
a:focus {
	color: #F7EF6A !important;
	text-decoration: none;
}

input:disabled,
textarea:disabled,
input[readonly] {
	box-shadow: none;
	border: 1px solid #ccc;
	background-color: #f1f1f1 !important;
	color: #999;
}
input[readonly]:focus {
	box-shadow: none;
}
input:disabled + label,
input:disabled + label:before {
	color: #ccc !important;
}

.card {
	border-radius: 0;
	border: 1px solid rgba(147,193,120,0.5);
	-webkit-box-shadow: -8px 0px 10px -10px rgba(33,37,41,0.3), 8px 0px 10px -10px rgba(33,37,41,0.3);
	-moz-box-shadow: -8px 0px 10px -10px rgba(33,37,41,0.3), 8px 0px 10px -10px rgba(33,37,41,0.3);
    box-shadow: -8px 0px 10px -10px rgba(33,37,41,0.3), 8px 0px 10px -10px rgba(33,37,41,0.3);
}
.card .card-header {
	background-color: rgba(247,239,106,0.3);
}

.btn-primary {
	border: 1px solid #465C8B !important;
	background-color: #465C8B !important;
	color: #fff;
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
	border: 1px solid #465C8B !important;
	background-color: rgba(70,92,139,0.9) !important;
	color: #fff;
}
.btn-info {
	border: 1px solid #93C178 !important;
	background-color: #93C178 !important;
	color: #fff;
}
.btn-info:active,
.btn-info:focus,
.btn-info:hover {
	border: 1px solid #93C178 !important;
	background-color: rgba(147,193,120,0.9) !important;
	color: #fff;
}
.btn-primary.disabled, .btn-primary:disabled,
.btn-info.disabled, .btn-info:disabled {
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	color: #999;
}
.btn-link {
	color: #465C8B;
}
.btn-light:hover {
	color: #465C8B !important;
}

.text-primary {
	color: #465C8B !important;
}
.text-info {
	color: #93C178 !important;
}
a.text-info:hover {
	color: #465C8B !important;
}

.alert-deposited {
	background-color: #eef6f3;
	border: 1px solid #9bcab5;
}

/* TOP navigation */
.navbar {
	background-color: #93C178;
}
.navbar .navbar-brand,
.navbar .dropdown .dropdown-toggle {
	color: #465C8B;
	}
.navbar .navbar-brand:hover,
.navbar .dropdown .dropdown-toggle:hover {
	color: #F7EF6A;
}
.navbar .navbar-brand img {
	display: inline-block;
	margin: -1.2rem 0 -0.8rem;
	max-height: 1.5rem;
}
.navbar .navbar-nav a.dropdown-item:hover {
	color: #93C178 !important;
}

/* Custom css */
table > tbody > tr > td:first-of-type i.d-block.fas {
	cursor: pointer;
}
.split-view-line {
	border-right: 3px solid #dee2e6;
	border-bottom: 0px;
}

/* Pagination */
ul.pagination { display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; justify-content: center; margin: 0; gap: 5px; }
		ul.pagination li a, ul.pagination li span.page-link { float: none; border-color: #ccc; color: initial; }
			ul.pagination li a:hover { background-color: #93C178; }
			ul.pagination li.active span.page-link, ul.pagination li:hover span.page-link { background-color: #93C178; border-color: #ccc; color: #fff; }

/* Edit files */
.ddFiles .addFilesDesc { display: none; }
.ddFiles .row ul { display: -webkit-flex; -webkit-flex-direction: row; -webkit-flex-wrap: wrap; display: flex; flex-direction: row; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
	.ddFiles .row ul li { position: relative; flex: 1 1 calc(100% - 10px); margin: 5px 0 0; padding: 0; min-width: calc(50% - 10px); border: 1px solid #93C178; }
		.ddFiles .row ul li > a { display: block; padding: 5px; color: #465C8B; }
			.ddFiles .row ul li > a > img { float: left; display: inline-block; margin: 3px 5px 0 0; padding: 0; }
				.ddFiles .row ul li > a.float-right > img { margin: 0; }
			.ddFiles .row ul li > a > i { font-size: .7rem; color: #999; }
			.ddFiles .row ul li > a.delaction, .ddFiles .row ul li > a.cngaction { background-color: #465C8B; color: #fff; }
				.ddFiles .row ul li > a.delaction:hover, .ddFiles .row ul li > a.cngaction:hover { background-color: #666; }
		.ddFiles .row ul li > input[type=checkbox] { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); display: none; margin: 0; }
		.ddFiles .row ul li > label { margin: 0 5px 0 0; padding: 1px 10px 0; width: 34px; cursor: pointer; }
			.ddFiles .row ul li > label:before { content: "\f0c8"; font-family: 'Font Awesome\ 5 Free'; font-size: 20px; color: #666; }
			.ddFiles .row ul li > input[type=checkbox]:checked + label:before { content: "\f14a"; color: #465C8B; }
		.ddFiles .row ul li:hover { background-color: #f1f1f1 !important; }
.dropzone { min-height: 20px; padding: 0; border: 1px solid #666; background-color: #93C178; border-radius: 4px; color: #666; }
	.dropzone:hover, .dropzone.disabled { border: 1px solid #ccc; background-color: #f1f1f1; color: #999; }
	.dropzone .dz-message { margin: 10px 0; }

/* Date-time-picker design */
#ui-datepicker-div { padding: 5px; border: 1px solid #ccc; border-radius: 0; }
	.ui-datepicker { width: auto; }
	.ui-datepicker .ui-widget-header.ui-corner-all { background-color: #ccc; border: 0; border-radius: 0; }
	.ui-datepicker .ui-widget-header.ui-corner-all .ui-datepicker-title select { padding: 10px 5px; }
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover { top: 12px; left: 7px; }
	.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover { top: 12px; right: 7px; }
	.ui-datepicker .ui-widget-header.ui-corner-all .ui-icon { background-image: url("../js/images/ui-icons_ffffff_256x240.png"); color: #ccc; }
		.ui-datepicker .ui-widget-header.ui-corner-all .ui-state-hover { border: 0; background-color: transparent; cursor: pointer; }
		.ui-datepicker .ui-widget-header.ui-corner-all .ui-state-hover .ui-icon { background-image: url("../js/images/ui-icons_555555_256x240.png"); }
	.ui-datepicker .ui-datepicker-calendar .ui-state-default { padding: 9px 12px; background-color: #ccc; color: #465C8B; border: 0; text-align: center; }
		.ui-datepicker .ui-datepicker-calendar .ui-priority-secondary { background-color: #f2f2f2; }
		.ui-datepicker .ui-datepicker-calendar .ui-state-highlight { background-color: #93C178; }
		.ui-datepicker .ui-datepicker-calendar .ui-state-active { background-color: #93C178; }
		.ui-datepicker .ui-datepicker-calendar .ui-state-hover { background-color: #93C178; }
	.ui-datepicker .ui-timepicker-div dl { margin: 0; }
	.ui-datepicker .ui-timepicker-div dt, .ui-datepicker .ui-timepicker-div .ui_tpicker_time_label { padding: 10px 10px 10px 5px; }
	.ui-datepicker .ui-timepicker-div select { padding: 10px; }
	.ui-datepicker .ui-datepicker-buttonpane button { margin: 5px; padding: 10px; }

@media (min-width: 1200px){
	.container {
		max-width: 1360px;
	}
}

@media only screen and (max-width: 991px){
	.split-view-line {
		border-right: 0;
		border-bottom: 3px solid #dee2e6;
	}
}

@media only screen and (max-width: 767px){
	.navbar #navbarSupportedContent #navbarDropdown:after {
		display: none !important;
	}
	.navbar #navbarSupportedContent .navbar-nav > li.dropdown .dropdown-menu {
		display: block;
	}
}

@media only screen and (max-width: 576px){

}

@media only screen and (max-width: 480px){
	.btn {
		white-space: normal;
	}
}