/*                                  █████████   ██  ██  ██
                                                ██  ██  ██
                                    █████████   ██  ██  ██
 ███████████████  ███████                       ██  ██  ██       █████
 ███████████████  ███████████       █████████   ██  ██  ██      ██     ███
       ███        ███      ███                                 ███     ███
       ███        ███       ██     ██████████     ████████   ████████ ████████
       ███        ███      ███   ████           ███      ███   ███     ███
       ███        ███████████    ████           ███       ██   ███     ███
       ███        ████████         ████████     ██        ███  ███     ███
       ███        ███                    ████   ██        ██   ███     ███
       ███        ███                    ████   ███      ███   ███     ███
       ███        ███            ██████████      ██████████    ███      ██████
                                                    ████                  ████
	TPsoft 2000-2017
	CSS Document for AdministracneCentrum2

	posledna editacia:
                    2017-12-30 18:23  Igor
*/

.hide {
	display: none;
}

.right {
	float: right;
}

.clickable {
	cursor: pointer;
}

.messages-error {
	border: 1px red solid;
	background-color: #fcc;
	background-image: url(../images/error.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding: 5px;
	padding-left: 30px;
}

.messages-ok {
	border: 1px green solid;
	background-color: #cfc;
	background-image: url(../images/ok.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding: 5px;
	padding-left: 30px;
}

table th,
table td {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

/* ----------------------------------------------------
 * D E B U G
 */
.br { border: 1px red solid; }
.bg { border: 1px green solid; }
.bb { border: 1px blue solid; }
.by { border: 1px yelow solid; }
.bm { border: 1px magenta solid; }

/* ----------------------------------------------------
 * P A N E L
 */
#ac_panel {
	position: fixed;
	left: 30px;
	top: 30px;
	padding: 10px;
	background-color: #545BFEDD;
	border: 1px white solid;
	color: white;
	font-size: 15px;
}
#ac_panel.align-right {
	left: auto;
	right: 30px;
}
#ac_panel.align-left-bottom {
	top: auto;
	bottom: 30px;
}
#ac_panel.align-right-bottom {
	left: auto;
	right: 30px;
	top: auto;
	bottom: 30px;
}
#ac_panel button {
	background-color: transparent;
	border: 1px transparent solid;
	padding: 10px;
	min-width: 120px;
	cursor: pointer;
	color: white;
	font-size: 15px;
}
#ac_panel button:hover {
	/*border: 1px white solid;*/
    background-color: #848BFE;
}
#ac_panel button img,
img.invert {
	filter: invert(100%);
}
#ac_panel hr {
	border-color: white;
}
#ac_panel a,
#ac_panel a:visited {
	color: #ccc;
}
#ac_panel a:hover {
	color: #fff;
}

/* ----------------------------------------------------
 * C K E D I T O R
 */
.ck-editor__editable {
	min-height: 200px;
	color: black;
}

/* ----------------------------------------------------
 * D A T E P I C K E R
 */
.ui-datepicker {
	background-color: #848BFE !important;
}
.ui-datepicker-header {
	background-color: #848BFE !important;
}
/*
.ui-datepicker-prev {}
.ui-datepicker-next {}
.ui-datepicker-title {}
.ui-datepicker-month {}
.ui-datepicker-year {}
.ui-datepicker-calendar {}
.ui-datepicker-week {}
.ui-datepicker-other {}
.ui-datepicker-unselectable {}
.ui-datepicker-current {}
.ui-datepicker-today {}
.ui-datepicker-buttonpane {}
.ui-datepicker-current {}
*/
.ui-widget-header,
.ui-widget-content {
	color: white !important;
}
button.ui-state-default {
	background-color: transparent !important;
	border: 1px transparent solid !important;
	padding: 10px !important;
	min-width: 100px;
	cursor: pointer !important;
	color: white !important;
	font-size: 15px !important;
}
button.ui-state-default:hover {
	background-color: #b5b7e9 !important;
}
.ui_tpicker_time_input {
	border: none !important;
}

/* ----------------------------------------------------
 * F O R M   O V E R   A J A X
 */
@keyframes bluring {
	0% { filter: blur(3px); }
	50% { filter: blur(10px); }
	100% { filter: blur(3px); }
}
@keyframes gradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
.sending-in-progress {
	/* filter: blur(5px); */
	animation: bluring 3s infinite, gradient 4s ease infinite;
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
}
.form-status {
	font-size: 12px !important;
	padding: 5px !important;
}