body {     font-family: 'Roboto', sans-serif; color:#545454;}
.login-box { width: 400px; padding:30px; border-radius: 6px; margin: 10% auto 0px; background: #fff; box-shadow: 0px 0px 40px -3px rgba(0, 0, 0, 0.15) }
.app-logo {width: 220px; margin: 0 auto 30px;}
.app-logo img {width:100%}
.login-box input { height: 50px;}
.login-box input[type="submit"] { border:1px solid #ce2021; height: 42px; background: #ce2021; color:#fff; font-weight: bold; text-transform: uppercase; padding: 12px 20px; }
footer p {text-align: center;}
.login-box label {font-size: 15px; color:#545454; font-weight: normal; }
.login-box input.form-control {
    max-width: 100%;
}
.content-block h2 { font-size: 30px; color:#003e86; font-family: 'Roboto', sans-serif;  }
.content-block ul { margin:0px; padding:0px;}
.content-block li { list-style: none; padding:5px 0px 5px 15px; position:relative; }
.content-block li:after { position: absolute; top:0px; color: #003e86; left:0px; content: "\f105"; font-size: 20px; font-family: FontAwesome;  }

.main-header { padding: 15px; margin: 30px 0px 0px; background: #003e86; border-radius: 6px;  }
.main-header h5 { color: #fff; display: inline-block; font-size: 20px;;  }
.main-header .reloadbtn { float: right;   }
.main-header .reloadbtn .btn {font-family: 'Roboto', sans-serif; color:#fff; font-size: 15px; text-transform: uppercase; background:#ce2021;  }

.forms-nav { background: #f7f7f7; padding:30px; }
.forms-nav ul { margin:0px; padding:0px;}
.forms-nav li { list-style: none;
    padding: 10px 30px 15px 20px;
    position: relative;
    font-size: 20px;
    display: inline-block; color:#545454;
    border-bottom: 1px solid #eee;
    width: 100%; }

.forms-nav li:after { position: absolute; top:10px; color: #545454; left:0px; content: "\f105"; font-size: 20px; font-family: FontAwesome; transition: all 300ms ease-in-out;  }
.forms-nav li a {color:#545454; text-decoration: none; cursor: pointer; display:block; transition: all 300ms ease-in-out; }
.forms-nav li a:hover, .forms-nav li:hover:after {color: #003e86;}

.tickicon { position:absolute; top: 10px; right: 0px; }
.tickicon.dn {display: none;}

.iframe-container {
    overflow: hidden;
    /* 16:9 aspect ratio */
    padding-top: 56.25%;
    position: relative;
}

    .iframe-container iframe {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }


@media (max-width:580px) {

    .login-box { width: 95%; box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.10) }
    .content-block h2 { font-size: 23px;}
    .forms-nav { background: #f7f7f7; padding:15px; }
    .iframe-container {
        padding-top: 0;
    }
        .iframe-container iframe {
            height: 500px;
            position: relative;
        }
    

}