@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic&subset=cyrillic,latin);
/**
 * @author pawel arkhipov
 * @copyright 2016
 */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html,body,div
{ margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }

body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }

article, aside, figcaption, figure, footer, header, hgroup, nav, section { 
    display:block;
}


html
{
    height:100%;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
	
}
body input:required:valid,
body textarea:required:valid {
	
}
body {
	
    font: normal 0.9em "Roboto", Verdana, Arial, Tahoma ;
    color: #454545;
    margin:0px 0px 0px 0px;
    width:100%;
    
}


#login
{
    border: 0.1em solid silver;
    background-image: url(/images/bg-fon_white.png);
    margin: 2% auto;
    text-align: center;
    padding: 0.5em;
    width: 300px;
    
     -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

        #login #img
        {
            width: 100%;
        }
        
                #login #img img
                {
                    max-width: 100%;
                    max-height: 8em;
                }
                
        #login h1
        {
            text-align: center;
            font-size: 1.7em;
            margin: 1em auto 0.2em auto;
            font-weight: 300;
            color: #757575;
        }
        
        #login a
        {
            font-weight: 500;
            color: #0482ed;
        }
        
        #login a:hover
        {
            color: #ff9601 ;
        }
        
        #login a:active
        {
            color: #d20f00 ;
        }              
        
        #login #form-input
        {
            clear: both;
            margin: 0.5em auto;
        }
        
            #login #form-input #error
            {
                padding: 0.01em;
                margin: 0.05em 0;
                width: 100%;
            }
                #login #form-input #error p.error
                {
                    color: #d20f00;
                    padding: 0;
                    margin: 0;
                    line-height: 0.7em;
                    min-height: 1em;
                }
                
            #login #form-input #lab, #login #form-input #inputs
            {
                height: 3em;
                padding: 2% 0;
            }
            
            #login #form-input #lab
            {
                float: left;
                text-align: center;
                padding: 5% 0;
                width: 22%;
            }
            
            #login #form-input #inputs
            {
                float: right;
                width: 78%;
            }
            
        #login #button
        {
            border: 0.1em solid silver;
            background-color: #00a01c;
            padding: 0.5em;
            font-size: 1.1em;
            font-weight: 600;
            margin: 1.5em 1em 1em 5em;
            color: #ffffff;
            width: 70%;
            
            box-shadow: 0 0 3px rgba(0, 0, 0, .5);
            
             -moz-border-radius:5px;
        	-webkit-border-radius:5px;
        	border-radius:5px;
        }
        
        #login #button:hover
        {
            background-color: #ff9601;
            box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset;
        }
        
        #login #button:active
        {
            background-color: #d20f00;
            box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset;
        }
            
        #login #form-hr
        {
            border-bottom: 0.1em solid silver;
            clear: both;
            margin: 0.9em auto;
            width: 90%;
       }
       
#helpModal .modal-body
{
    min-height: 10em;
}
        
#helpModal .modal-header
{
    background: #0e67b6;
    padding: 0.5em;
    height: 2.5em;
    color: #ffffff;
}
    #helpModal .modal-header button
    {
        color: #ffffff;
        opacity: 1;
    }
    
    #helpModal .modal-header button:hover
    {
        color: #ff1401;
        opacity: 0.8;
    }