/*for admin login page 

	1) Import css
	2) Header css
	3) Footer css
=========================*/
@font-face {
  font-family: 'helveticaneuemedium';
  src: url("../fonts/helveticaneue_medium-webfont.eot");
  src: url("../fonts/helveticaneue_medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaneue_medium-webfont.woff2") format("woff2"), url("../fonts/helveticaneue_medium-webfont.woff") format("woff"), url("../fonts/helveticaneue_medium-webfont.ttf") format("truetype"), url("../fonts/helveticaneue_medium-webfont.svg#helveticaneuemedium") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
@font-face {
  font-family: 'helveticaneuelight';
  src: url("../fonts/helveticaneue_light-webfont.eot");
  src: url("../fonts/helveticaneue_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaneue_light-webfont.woff2") format("woff2"), url("../fonts/helveticaneue_light-webfont.woff") format("woff"), url("../fonts/helveticaneue_light-webfont.ttf") format("truetype"), url("../fonts/helveticaneue_light-webfont.svg#helveticaneuelight") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
@font-face {
  font-family: 'helveticaneuebold';
  src: url("../fonts/helvetica_neu_bold-webfont.eot");
  src: url("../fonts/helvetica_neu_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neu_bold-webfont.woff2") format("woff2"), url("../fonts/helvetica_neu_bold-webfont.woff") format("woff"), url("../fonts/helvetica_neu_bold-webfont.ttf") format("truetype"), url("../fonts/helvetica_neu_bold-webfont.svg#helveticaneuebold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: block; }
/*  Variable */
/*Before Primary color Code #e92a2a*/
/*Custom Color variables Name*/
/*  Font size  */
/*40px;*/
/*36px;*/
/*32px;*/
/*30px;*/
/*28px;*/
/*1.5rem 24px;*/
/*old 1.5rem 24px;*/
/*20px;*/
/*18px;*/
/*16px;*/
/*14px;*/
/*12px;*/
/*10px;*/
/*Border radius*/
/* Global Section Variables */
/* Mixin start here  
=====================================*/
/*Border Radius*/
/* Transition */
/* Padding */
/* Modal Transition misin */
/* Button variant */
/* Button outline variant */
/* button with custom colors */
/* button with custom colors */
/* Button Size variant */
/* Pagination Mixin */
html, body, .main-container {
  height: 100%; }

.container {
  position: relative; }

#wrapper {
  /*padding:80px 0 10px 0;*/
  /*	width: 100%; height: calc(100% - 160px);
  	display: flex; align-items: center;*/ }
  #wrapper #login {
    background: #fff;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    padding: 50px;
    border-radius: 20px;
    width: 400px;
    height: 400px; }
    #wrapper #login .check-wrap .chk-label {
      color: #AFAFAF; }

.forgot_pass {
  font-size: 1rem;
  color: #2d99c2; }

.powerby {
  color: #AFAFAF;
  font-size: 1rem;
  text-align: center;
  line-height: 20px;
  margin-top: 2rem; }
  .powerby a {
    color: #AFAFAF;
    transition: all 0.5s; }
    .powerby a:hover {
      color: #2d99c2; }
  .powerby .fa-phone-volume {
    font-size: 1.125rem;
    transform: rotate(-40deg); }

.admin-logo {
  padding: 40px 0;
  position: relative;
  z-index: 1; }
  .admin-logo img {
    max-width: 200px; }

/*body {
    background: url('../../assets/images/login-bg.svg');
    background-size: contain;
    height: auto;
    background-position: center;
    background-attachment: fixed;
}*/
.login_head {
  color: #2d99c2;
  margin-bottom: 25px; }

.form-group {
  margin-bottom: 30px;
  position: relative; }

input[type="text"], input[type="password"], input[type="email"] {
  border-left: none;
  border-top: none;
  border-right: none;
  border-radius: 0;
  padding-left: 35px;
  padding-right: 30px; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {
    box-shadow: none !important; }

.licon, .ricon {
  position: absolute;
  top: 2px;
  color: #bcbcbc;
  font-size: 16px;
  line-height: 30px; }

.licon {
  left: 5px; }

.ricon {
  right: 5px;
  cursor: pointer; }

.help-block {
  display: block;
  color: #e20; }

@media (min-width: 1200px) {
  .container {
    max-width: 1300px; } }