@import url('https://fonts.googleapis.com/css?family=Material+Icons');/*Poppins:400,500,600|*/
@import url("/includes/css/fonts/futurapt.css");

body {
    background:                 #F1F1F1;
    font-family:                'Graphik Web', Verdana, 'Poppins', sans-serif;
    color:                      #242429;
	-webkit-font-smoothing: 	antialiased;
	-moz-osx-font-smoothing: 	grayscale;
}

.container {
    max-width:                  400px;
    padding:                    45px;
}

.container.form {
    margin:                     70px auto 22px auto;
    background:                 #FFF;
    text-align:                 left;
}

.container.message {
    background:                 #FFF;
    margin:                     70px auto 0 auto;
    padding:                    0;
}

.container.logo {
    text-align:                 center;
    padding:                    0 40px;
    margin-bottom: 				30px;
}

.alertbox {
    margin:                     30px 0;
    font-size:                  16px;
    padding:                    22px 30px 20px 30px;
    font-size:                  15px;
    font-weight:                400;
    line-height:                25px;
    border-radius:              0;
    box-shadow:                 none;
    color:                      #FFF;
}

.alertbox a {
    color:                      #FFF;
}

.alertbox i {
    float:                      left;
    margin:                     0 20px 30px 0;
}

.alertbox.error, .alertbox.danger {
    background:                 #cc0000;
}

.alertbox.success {
    background:                 #b2dd4c;
}

.container form h2 {
    font-size:                  18px;
    font-weight:                500;
    line-height:                40px;
    margin:                     0 0 30px 0;
    
	font-size: 					22px;
    font-family: 				'Futura PT';
    font-style: 				italic;
    font-weight: 				500; 
}

.container form h2 i.material-icons {
    float:                      left;
    color:                      #c7cdcf;
    margin-top:                 6px;
    padding:                    0 10px 0 0;
    position:                   relative;
}

form input.form-control {
    margin:                     0 0 30px 0;
    padding:                    11px 30px 10px 0;
    font-size:                  14px;
    color:                      #242429;
    border-radius:              0;
    border-top:                 none;
    border-right:               none;
    border-bottom:              1px solid rgba(0,0,0,0.2);
    border-left:                none;
    background-color:           rgba(244,244,244,0.2);
    /*background-color:			#edfbff;*/
    width:						100%;
}

form input.form-control::placeholder {
    color:                      #777;
}

form input.form-control:focus {
    margin:                     0 0 29px 0;
    padding-left:               5px;
    border-bottom:              2px solid #2484C1;
}

form .checkbox label {
    font-size:                  14px;
    color:                      #777;
}

form .pure-checkbox input[type="checkbox"] + label:before {
    border-color:               rgba(0, 0, 0, 0.2);
}

form .pure-checkbox input[type="checkbox"]:checked + label:before {
    border-color:               #0400a4;
    background-color:           #0400a4;
}

form .btn {
    margin:                     20px 0 0 0;
    padding:                    16px 30px 15px 30px;
    border-radius:              0;
    color:                      #FFF;
    font-size:                  14px;
    cursor:                     pointer;
}

form .btn-first {
    /*background-color:           #2484C1;
    border-color:               #2484C1;
    */
    background:					linear-gradient(to left, #0400a4 0%, #0300a4 100%);
    border-color:				#0400a4;
    padding:                    15px 30px 16px 30px;
    font-size:                  17px;
    font-weight: 				500;
    
	font-weight: 				500;
    font-family: 				'Futura PT';
    font-style: 				italic;
    font-size: 					19px;   
    padding:                    11px 30px 14px 30px; 
}

form .btn-first i.material-icons {
    display:                    none;
    position:                   fixed;
    font-size:                  22px;
    margin-left:                10px;
}

form .btn-first:hover,
form .btn-first:active,
form .btn-first:focus {
    background:           #242429 !important;
    border-color:               #242429 !important;
}

form .btn-first:hover i.material-icons {
    display:                    inline-block;
}

form .btn-second {
    background-color:           #f3f4f5;
    color:                      #777;
}

form .btn-second:hover {
    background-color:           #242429;
    color:                      #FFF;
}

form .btn-third {
    background-color:           #FFF;
    border:                     1px solid #f3f4f5;
    color:                      #999;
}

form .btn-third:hover {
    border-color:               #242429;
    color:                      #242429;
}

.container.logo img {
    -webkit-filter:             grayscale(100%);
    filter:                     grayscale(100%);
    opacity:                    0.25;
    filter:                     alpha(opacity=25);
    /*width:                    70%;*/
    width: 						222px;
}

.container.logo img:hover {
    -webkit-filter:             grayscale(0%);
    filter:                     grayscale(0%);	
    opacity:                    1;
    filter:                     alpha(opacity=100);    
}