@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;

    }

      

      

#login.school_kursant

  {

    width: 98%;

    max-width: 650px;

  }  

  

    #login.school_kursant input, #login.school_kursant textarea

    {

        border: 0.01em solid silver;

        width: 90%;

        margin: 0.7% auto;

        padding: 0.4em;

        overflow: hidden;

        

         -moz-border-radius:5px;

        	-webkit-border-radius:5px;

        	border-radius:5px;

    }
    
#login.school_kursant textarea{
    height: 4.5em;
    font-size: 0.8em;
}

    

div.school_kursant p.error

  {

   font-size: 0.9em;

    color: #cc0000;

  }