/*
 *  Copyright (C) 2021 KoMnA d.o.o.  All rights reserved.
 */

@import "https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,600&display=swap&subset=cyrillic,cyrillic-ext,latin-ext";

html {
    font-family:"IBM Plex Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
}

#headlabel {
    padding-top: 0.5em;
}
/*input[type=submit], #dlbutton {
    background-color: #b5d0db;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ceedfa), to(#b5d0db));
    background-image: -webkit-linear-gradient(top, #ceedfa, #b5d0db);
    background-image: -moz-linear-gradient(top, #ceedfa, #b5d0db);
    background-image: -ms-linear-gradient(top, #ceedfa, #b5d0db);
    background-image: -o-linear-gradient(top, #ceedfa, #b5d0db);
    background-image: linear-gradient(top, #ceedfa, #b5d0db); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ceedfa', EndColorStr='#b5d0db');
    border: 1px solid #001689; 
}
input[type=submit]:hover, #dlbutton:hover {
    background-color: #c2dfeb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d3f2ff), to(#c2dfeb));
    background-image: -webkit-linear-gradient(top, #d3f2ff, #c2dfeb);
    background-image: -moz-linear-gradient(top, #d3f2ff, #c2dfeb);
    background-image: -ms-linear-gradient(top, #d3f2ff, #c2dfeb);
    background-image: -o-linear-gradient(top, #d3f2ff, #c2dfeb);
    background-image: linear-gradient(top, #d3f2ff, #c2dfeb); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d3f2ff', EndColorStr='#c2dfeb');
    border: 1px solid #001689; 
}*/
#container {
    background-color: #ffffff;
}
#header {
    display: none;
}
#border {
    display: none;
    height: auto;
}
#sidebar {
    float: none;
    height: auto;
    background: #ffffff;
    min-height: 1em !important;
}
#sidelogo {
    float: left;
    position: static;
}
#sidelogo img.logo {
    margin: 1.6em 2em 1.1em 2em;
}
#sidelabel {
    float: right;
    height: auto;
    text-align: right;
    text-shadow: none;
    padding-top: 1.5em;
}
#sidelabel div.label {
    color: #001489;
    font-size: 1.5em;
    font-weight: 400;
}
#sidelabel span.sublabel {
    color: #000000;
    font-size: 0.85em;
    font-weight: 300;
    padding-top: 0;
}
#necklogo {
    padding-bottom: 3em;
}
div.build {
    position: relative;
    display: none !important;
    background: red;
    visibility: hidden;
}
#content3 {
    height: auto;
    background-color: #ffffff;
    clear: left;
    border-top: 1px solid #e6e7e8;
}
#content4 {
    height: 0;
}
#footer {
    background-image: none;
    background-color: #ffffff;
    color: #000000;
    text-shadow: none;
    border-top: 1px solid #e6e7e8;
}
#footer a {
    color: #000000;
    text-shadow: none;
}

#content3 div.title {
    font-weight: 400;
    font-size: 1.8em;
    color: #001489;
    text-shadow: none;
}
#content3 div.title span.subtitle {
    color: #41b6e6;
    font-weight: 300;
    padding-bottom: 0.3em;
    border-bottom: 1px solid #000000;
}
div.msgtitle {
    padding-top: 2em;
}

input[type=text], input[type=password] {
    border: 1px solid #41b6e6;
    border-radius: 5px;
    box-shadow: inset 0 1px 2px rgb(10 10 10 / 10%);
    padding: 0.5em 0 0.5em 0.4em !important;
    margin-top: 0.3em;
    width: 20em !important;
}
input[type=text]::placeholder, input[type=password]::placeholder {
    color: #41b6e6 !important;
    font-family:"IBM Plex Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 0.95em !important;
    font-weight: 300 !important;
    padding-left: 0 !important;
}
input[type=text]:focus, input[type=password]:focus {
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);  
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);  
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);  
}
input[type=text]:active, input[type=password]:active {
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);  
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);  
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);  
}
div.input label {
    font-weight: 300;
}
input[type=submit], #dlbutton {
    color: #41b6e6;
    border: 1px solid #41b6e6;
    border-radius: 5px;
    box-shadow: inset 0 1px 2px rgb(10 10 10 / 10%);
    background: none;
    font-family:"IBM Plex Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    padding: 0.6em 3em 0.6em 3em;
    transition: 0.3s;
}
input[type=submit]:hover, #dlbutton:hover {
    color: #ffffff;
    border: 1px solid #41b6e6;
    border-radius: 5px;
    box-shadow: inset 0 1px 2px rgb(10 10 10 / 10%);
    background: none;
    background-color: #41b6e6;
    font-family:"IBM Plex Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    padding: 0.65em 3em 0.6em 3em;
}
input[type=submit]:focus, #dlbutton:focus {
    color: #ffffff;
    background-color: #14679e;
    box-shadow: none;
}
input[type=submit]:active, #dlbutton:active {
    color: #ffffff;
    background-color: #41b6e6;
    box-shadow: none;
}
#dlbutton, #dlbutton:hover, #dlbutton:focus, #dlbutton:active {
    margin-top: 2em;
    padding: 1.2em 4em 1.2em 4em;
}
#dlbutton > #dlbuttonsub {
    color: #41b6e6;
    transition: 0.3s;
}
#dlbutton:hover > #dlbuttonsub, #dlbutton:focus > #dlbuttonsub,
  #dlbutton:active > #dlbuttonsub {
    color: #ffffff;
}
#filesize {
    padding: 0 0 0 0;
}

@media screen and (max-width:100ex) {
    #content0 {
        padding-top: 0;
    }
    input[type=text], input[type=password] {
        width: 15em !important;
    }
}
@media screen and (min-height:45em) {
    #content3 div.title {
        padding-top: 4em;
    }
}
@media screen and (max-height:35em) {
    #footer {
        display: none;
    }
}