.kd_front_admin_panel{
background-color: #00BCD4;
overflow: hidden;
}
.kd_front_admin_panel h2{
font-size: 20px;
font-weight: normal;
margin-top: 0;
}
.kd_front_admin_panel h3{
font-size: 16px;
font-weight: normal;
margin-top: 0;
}
.kd_front_admin_panel a{
color:#00838F;
}
.kd_front_admin_panel nav{
display: inline-block;
float: right;
}
.kd_front_admin_panel nav a{
font-size: 14px;
display:inline-block;
padding:14px;
color:#fff;
transition: all 0.1s ease-in;
}
.kd_front_admin_panel nav a:hover{
color:#fff;
text-decoration:none;
background:#006064;
}
.kd_front_admin_panel .logo{
color: #fff;
font-size: 24px;
padding: 7px;
display: inline-block;
}
.kd_front_admin_panel .logo:hover{
color:#fff;
text-decoration:none;
}
.kd_front_admin_panel ul
{
margin: 0;
}
.kd_front_admin_panel .ul ul a {
font-size: 12px;
font-weight: normal;
}

.kd_front_admin_panel .switch {
 position: relative;
 display: block;
 vertical-align: top;
 width: 100px;
 height: 30px;
 padding: 3px;
 margin: 0 10px 10px 0;
 background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
 background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
 border-radius: 18px;
 box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
 cursor: pointer;
}
.kd_front_admin_panel .switch-input {
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
}
.kd_front_admin_panel .switch-label {
 position: relative;
 display: block;
 height: inherit;
 font-size: 10px;
 text-transform: uppercase;
 background: #eceeef;
 border-radius: inherit;
 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
}
.kd_front_admin_panel .switch-label:before, .switch-label:after {
 position: absolute;
 top: 50%;
 margin-top: -.5em;
 line-height: 1;
 -webkit-transition: inherit;
 -moz-transition: inherit;
 -o-transition: inherit;
 transition: inherit;
}
.kd_front_admin_panel .switch-label:before {
 content: attr(data-off);
 right: 11px;
 color: #aaaaaa;
 text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.kd_front_admin_panel .switch-label:after {
 content: attr(data-on);
 left: 11px;
 color: #FFFFFF;
 text-shadow: 0 1px rgba(0, 0, 0, 0.2);
 opacity: 0;
}
.kd_front_admin_panel .switch-input:checked ~ .switch-label {
 background: #006064;
 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.kd_front_admin_panel .switch-input:checked ~ .switch-label:before {
 opacity: 0;
}
.kd_front_admin_panel .switch-input:checked ~ .switch-label:after {
 opacity: 1;
}
.kd_front_admin_panel .switch-handle {
 position: absolute;
 top: 4px;
 left: 4px;
 width: 28px;
 height: 28px;
 background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
 background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
 border-radius: 100%;
 box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.kd_front_admin_panel .switch-handle:before {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -6px 0 0 -6px;
 width: 12px;
 height: 12px;
 background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
 background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
 border-radius: 6px;
 box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.kd_front_admin_panel .switch-input:checked ~ .switch-handle {
 left: 74px;
 box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
/* Transition
========================== */
.kd_front_admin_panel .switch-label, .switch-handle {
 transition: All 0.3s ease;
 -webkit-transition: All 0.3s ease;
 -moz-transition: All 0.3s ease;
 -o-transition: All 0.3s ease;
}
.kd_front_admin_panel .switch {
 display: inline-block;
 padding: 0;
 margin: .5rem;
}

.kd_front_admin_panel .switch-handle {
 top: 0;
 left: 0;
}

.kd_front_admin_panel label {
 color: white;
 cursor: pointer;
}
.kd_front_admin_panel textarea.page-text {
 width: 100%;
 min-height: 500px;
}

.kd_front_admin_panel textarea.page-title {
 width: 100%;
}
.kd_front_admin_panel label.switch-pravka {
 margin-left: 1rem;
}
.modal_seo {
 position: fixed;
 width: 100vw;
 height: 100vh;
 top: 0;
 background-color: rgba(0, 188, 212, .9);
 z-index: 999;
display: none;
}

.body_modal_seo {
 position: relative;
 width: 400px;
 background-color: white;
 margin: 3rem auto;
 min-height: 200px;
 padding: 2rem;
 display: block;
}

.body_modal_seo input {
 width: 100%;
 margin-bottom: 1rem;
 height: 30px;
 text-indent: .5rem;
}
.body_modal_seo span.close_modal {
 position: absolute;
 right: 1rem;
 font-size: 1rem;
 top: 1rem;
 cursor: pointer;
}

p.header_modal {
 border-bottom: 2px solid #19c2d8;
 padding-bottom: .5rem;
 margin-bottom: .5rem;
 text-align: center;
 font-weight: bold;
}