/*******************************************************************************
  Theme Color Default
*******************************************************************************/

/*******************************************************************************
  Page
*******************************************************************************/

/*******************************************************************************
  Authorization
*******************************************************************************/

/*  Canvas
*******************************************************************************/
.authorization-page canvas{
  bottom:0;
  height:100%;
  left:0;
  position:absolute;
  right:0;
  top:0;
  width:100%;
}

/*  Background
*******************************************************************************/
.authorization-page{background-color: #cc3333;}

/*  Content Wrapper
*******************************************************************************/
.authorization-page.content-wrapper{margin-top:0px !important;}

/*  Container
*******************************************************************************/
.authorization-page .container{
  background:#fff;
  box-shadow:0 15px 50px rgba(0, 0, 0, 0.1);
  height:500px;
  margin:auto;
  /* margin-top:36%; */
  overflow:hidden;
  position:relative;
  width:900px;
}

/*  Container - User
*******************************************************************************/
.authorization-page .container .user{
  display:flex;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

/*  Container - User - Image Cover
*******************************************************************************/
.authorization-page .container .user .image_cover{
  background:#ff0;
  height:100%;
  position:relative;
  transition:0.5s;
  width:50%;
}
.authorization-page .container .user .image_cover img{
  height:100%;
  left:0;
  object-fit:fill;
  position:absolute;
  top:0;
  width:100%;
}
.authorization-page .container .user .form_dual_channel{
  align-items:center;
  background:#fff;
  display:flex;
  height:100%;
  justify-content:center;
  padding:40px;
  position:relative;
  transition:0.5s;
  width:50%;
}
.container .user .form_dual_channel form h2{
  color:#555;
  font-weight:600;
  font-size:18px;
  margin-bottom:10px;
  text-transform:uppercase;
  letter-spacing:2px;
  text-align:center;
  width:100%;
}
.authorization-page .container .user .form_dual_channel form input{
  background:#f5f5f5;
  border:none;
  box-shadow:none;
  color:#333;
  font-size:14px;
  font-weight:300;
  letter-spacing:1px;
  margin:8px 0;
  outline:none;
  padding:10px;
  position:relative;
  width:100%;
}
.authorization-page .container .user .form_dual_channel form input[type="submit"]{
  background:#677eff;
  color:#fff;
  cursor:pointer;
  font-size:14px;
  font-weight:500;
  letter-spacing:1px;
  max-width:100px;
  transition:0.5s;
}
.authorization-page .container .user .form_dual_channel form .channel_change{
  color:#00000;
  font-size:12px;
  font-weight:300;
  letter-spacing:1px;
  margin-top:20px;
  position:relative;
  text-transform:uppercase;
  white-space:nowrap;
}
.authorization-page .container .user .form_dual_channel form .channel_change a{
  color:#cc3333 !important;
  font-weight:600;
  text-decoration:none;
}

.authorization-page .container .channel_register{pointer-events:none;}

.authorization-page .active .channel_register{pointer-events:initial;}

.authorization-page .container .channel_register .form_dual_channel{left:100%;}

.authorization-page .active .channel_register .form_dual_channel{left:0;}

.authorization-page .container .channel_register .image_cover{left:-100%;}

.authorization-page .active .channel_register .image_cover{left:0;}

.authorization-page .container .channel_login .form_dual_channel{left:0;}

.authorization-page .active .channel_login .form_dual_channel{left:100%;}

.authorization-page .container .channel_login .image_cover{left:0;}

.authorization-page .active .channel_login .image_cover{left:-100%;}

@media (max-width:991px){
  .authorization-page .container{
    /* margin-top:400px !important; */
    /* overflow:auto; */
    width:100%;
    max-width:500px;
  }

  .authorization-page .container .image_cover{display:none;}

  .authorization-page .container .user .form_dual_channel{width:100%;}

  .btn.btn-auto-resize{
    margin:3px;
    width:100%;
  }

}