/*************** 1. Sass Variables ***************/
/*************** 2.Mixins ***************/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
/************************************************
	************************************************
										Body CSS							
	************************************************
************************************************/
html {
  height: 100%; }

body {
  min-height: 100%;
  position: relative; }

body {
  margin: 0;
  padding: 0;
  font: normal 14px 'Open Sans', sans-serif;
  color: #2e323c;
  background: #e6ecf3; }
  body::-webkit-scrollbar {
    width: 10px; }
  body::-webkit-scrollbar-track {
    background: #e6e6e6; }
  body::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    outline: 1px solid #cccccc; }
 
  body.login-bg {
    background: url("/Images/login-bg.jpg") no-repeat;
    background-size: cover;
    background-position: center center; }

/************************************************
	************************************************
										Common CSS							
	************************************************
************************************************/
a {
  color: #0066ff;
  text-decoration: u; }
  a:hover {
    color: #ff6600;
    text-decoration: u; }
  a:focus {
    outline: none;
    text-decoration: none;
    color: #000000; }

ul {
  margin: 0;
  padding: 0; }
  ul li {
    list-style-type: none; }

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #e1e5f1; }






/*************** Login Signup Screens ***************/
.login-screen {
  padding-top: 100px; }
  .login-screen .login-logo {
    margin: 20px 0 20px 0;
    text-align: left;
    display: block; }
    .login-screen .login-logo > img {
      margin: 0;
      max-height: 36px; }

.login-container {
  position: relative;
  box-shadow: 0px 25px 15px -15px #c4d2e2;
  background: #ffffff;
  margin: 0 auto; }
  .login-container .login-box {
    padding: 50px 50px; }
    .login-container .login-box h5 {
      margin: 0 0 20px 0;
      color: #1d6bf1; }
  .login-container .actions {
    margin-top: 15px;
    display: block;
    margin-bottom: 30px; }
    .login-container .actions a {
      color: #1d6bf1;
      text-decoration: none;
      margin-top: 12px;
      display: inline-block; }
      .login-container .actions a:hover {
        text-decoration: underline; }
    .login-container .actions .btn {
      float: right;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      padding: 8px 25px; }
  .login-container a.additional-link {
    color: #1d6bf1;
    text-decoration: none;
    margin: 40px auto 0 auto;
    text-align: center;
    display: block; }
    .login-container a.additional-link span {
      text-decoration: underline;
      color: #000000; }
  .login-container p.info {
    padding: 0;
    margin: 0 0 20px 0;
    line-height: 150%;
    color: #8796af; }

.login-slider {
  background: url("/Images/login-slider.jpg") center center no-repeat;
  background-size: cover;
  height: 100%;
  position: relative; }
  .login-slider .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    margin-left: -35px;
    margin-top: -35px; }

.signup-slider {
  background: url("/Images/login-slider.jpg") center center no-repeat;
  background-size: cover;
  height: 100%;
  position: relative; }

@media (max-width: 767px) {
  .login-slider {
    display: none; }

  .signup-slider {
    display: none; } }

.mr10 {margin-right:10px !important;}
.ml05{margin-left:5px !important;}

.B{font-weight:bold;}