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

html, body { margin: 0; padding: 0; height: 100%; background-color: #F9F9F9; color: #5A5C4F; }

a {
	color: #EE6A22;
}
a:hover, a:focus {
	color: #5A5C4F;
	text-decoration: none;
}
a.btn:not(.btn-default):not(.btn-link),
button.btn-info {
	color: #fff !important;
}

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;
}
.btn-primary {
	border: 1px solid #EE6A22;
	background-color: #EE6A22;
	}
.btn-primary:hover {
	border: 1px solid #5A5C4F;
	background-color: #5A5C4F;
}
.btn-primary.disabled, .btn-primary:disabled {
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	color: #999;
}
.btn-link {
	color: #EE6A22;
}
.text-primary {
	color: #EE6A22 !important;
}
.alert-deposited {
	background-color: #eef6f3;
	border: 1px solid #9bcab5;
}

/* TOP navigation */
.navbar {
	background-color: #D3D6C3;
}
.navbar .navbar-brand,
.navbar .dropdown .dropdown-toggle {
	color: #5A5C4F;
	}
.navbar .navbar-brand:hover,
.navbar .dropdown .dropdown-toggle:hover {
	color: #999;
}

/* Custom css */
table > tbody > tr > td:first-of-type i.d-block.fas {
	cursor: pointer;
}

/* Pagination */
ul.pagination { display: inline-block; margin-bottom: 0 !important; }
	ul.pagination li { display: inline-block; margin-left: 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: #D3D6C3; }
			ul.pagination li.active span.page-link, ul.pagination li:hover span.page-link { background-color: #D3D6C3; border-color: #ccc; color: initial; }

/* 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 #D3D6C3; }
		.ddFiles .row ul li > a { display: block; padding: 5px; color: #5A5C4F; }
			.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: #5A5C4F; 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: #5A5C4F; }
		.ddFiles .row ul li:hover { background-color: #f1f1f1 !important; }
.dropzone { min-height: 20px; padding: 0; border: 1px solid #666; background-color: #D3D6C3; 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: #5A5C4F; 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: #D3D6C3; }
		.ui-datepicker .ui-datepicker-calendar .ui-state-active { background-color: #D3D6C3; }
		.ui-datepicker .ui-datepicker-calendar .ui-state-hover { background-color: #D3D6C3; }
	.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){

}

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

}

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

}

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