/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14.11.2019 г., 18:38:53 ч.
    Author     : Admin
*/

.warning , .orange_div, .box {
    background-color: #FFBB56;
    border: 1px solid #D18000;
    color: #5E2D00;
    margin-bottom: 10px;
    padding: 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.warning *, .orange_div h1 {
    color: saddlebrown;
    margin: 0;
}

.blue_div {
    background-color: aliceblue;
    border: 1px solid lightsteelblue;
    color: steelblue;
    margin-bottom: 10px;
    padding: 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
}

.blue_div h1 {
    color: #0065b5;
    margin: 0;
}

.green_div {
    background-color: #ccffcc;
    border: 1px solid greenyellow;
    color: darkolivegreen;
    margin-bottom: 10px;
    padding: 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
}

.green_div h1 {
    color: darkgreen;
    margin: 0;
}

.red_div {
    background-color: #ffcccc;
    border: 1px solid indianred;
    color: darkslategray;
    margin-bottom: 10px;
    padding: 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
}

.red_div h1 {
    color: darkred;
    margin: 0;
}

.yellow_div {
    background-color: lightyellow;
    border: 1px solid darkkhaki;
    color: gray;
    margin-bottom: 10px;
    padding: 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
}

.yellow_div h1 {
    color: darkgoldenrod;
    margin: 0;
}

.light {
    background-color: #eee;
    border: 1px solid #ddd;
    color: #666;
    margin-bottom: 10px;
    padding: 11px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.white {
	border-radius: 8px;
	background: #fff;
	border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 11px;
	box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
}

.dark_div {
	padding: 10px;
	margin: 0px 0px 10px;
	background: #eee;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
}
.datk_div h1 {
    margin: 0;
}

.light_div {
	padding: 10px;
	margin: 0px 0px 10px 0px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
}
.light_div h1 {
    margin: 0;
}
.orange_bgr {
	background-color: var(--header-bg-color);
}
.orange_div {
    background-color: #faebd7;
    border: 1px solid #ffcc99;
    color: #444;
    margin-bottom: 10px;
    padding: 11px;
    border-radius: 5px;
	box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
}

.orange_div_dark {
	color: #fff; background: #f55d00; border-radius: 5px;
	padding: 11px;
	 margin-bottom: 10px;
	box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
}
.orange_div_dark a, .orange_div_dark a:hover {
	color: #ffcc99;
}
.orange_div_dark p.orange {
	background: var(--navi-bgr);
}
.orange_div_middle {
	color: #fff;
    background: #fc8c00;
    border-radius: 5px;
    padding: 11px;
	box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
}