@import url('roboto.css');

body{padding:0;margin:0; font-family:'Roboto', sans-serif;}

a:focus, a:hover{ color:#fff; text-decoration:none; }

img{width:100%;}
p{color:#9d9d9d;}

.home-logo{padding-top:15px;padding-left:100px;}
.home-logo img{width:100px;}

.authentication{height:100vh;background:#4caf50;}
.authentication > .container-fluid{padding-left:7.5px;padding-right:0;}
.authentication > .container-fluid .p-l-0, .authentication > .container-fluid .p-r-0{ padding: 0 !important;}

.authentication .row{margin-bottom:0;}
.authentication p{color:#fff;}

.left-detail{color:#fff;margin-top:20%; padding:0 100px;}
.left-detail h5{font-size:20px;margin:0;letter-spacing:2px;font-weight:200;}
.left-detail h1{margin:0;font-size:60px;font-weight:200;}
.left-detail h3{text-transform:uppercase; font-size:24px;letter-spacing:2px;font-weight:300;}

.authentication .position{position:relative; z-index:6;}
.authentication .card{background:#fff;border-radius:0;padding:30% 30px 0; box-sizing:border-box; height:100vh; margin:0; border:none;}

.login-header{padding:0 0;text-transform:uppercase;font-size:18px;line-height:1.4em;font-weight:bold;}

.input-field label{font-weight:300;}

.error{color:red;font-weight:bold;}

/* label color */
.input-field label {
    color: #000;
}
/* label focus color */
.input-field input[type=text]:focus + label, .input-field input[type=email]:focus + label, .input-field input[type=password]:focus + label {
    color: #393 !important;
}
/* label underline focus color */
.input-field input[type=text]:focus, .input-field input[type=email]:focus, .input-field input[type=password]:focus  {
    border-bottom: 1px solid #393 !important;
    box-shadow: 0 1px 0 0 #393 !important;
}
/* valid color */
.input-field input[type=text].valid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.input-field input[type=text].invalid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.input-field .prefix.active {
    color: #000;
}

#dashboard .container-fluid{margin:0;padding:0;}

#header{background:#4caf50;padding:130px 0 90px 0;}
#header h1{color:#fff;text-align:center;font-weight:200;font-size:40px;}

.section{background:#f7f7f7;padding:90px 0 90px 0;}
.section h2{text-align:center;font-weight:300;color:#666;font-size:28px}

.section h3{font-size:20px;}

#resources .icon{width:70px;margin:10px 0;}
#resources p{margin:20px 0;color:#9d9d9d;}

#resources .card{min-height:380px;}

#resources .card-title{line-height:60px;margin:0;}
#resources p{margin:0 0 20px 0;}

.separator{margin-bottom:65px;}
.separator span.separator-sm { background: #4caf50 none repeat scroll 0 0;display: block;height: 5px;width: 54px;}

.center-div{margin:0 auto !important;float:none;text-align:center;}

.object-icon{color:#4CAF50;font-size:70px;}


.brand-logo img{height:30px;padding-left:10px;width:auto;}

.section .row{margin:0 auto;padding-left:10%;padding-right:10%;}

.gif{width:93.3%;margin:20px;box-shadow: 0 0 40px grey;-webkit-box-shadow: 0 0 40px grey;}

.video{width:93.3%;margin: 20px 20px 20px 30px;box-shadow: 0 0 40px grey;-webkit-box-shadow: 0 0 40px grey;}

.card-content .card-body{height:110px;}
.card-content .icon{height:80px;width:80px;margin:0 auto !important;}

#postman-menu a{font-size:14px !important;}
#postman-menu a i{width:0;margin:0 25px 0 0;}

#confetti{ background: none; display:none; height: 100vh; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 99999; }

.dropdown-content li>a>i { margin: 0 -20px 0 0 !important;}