@font-face{
font-family: fastorder;
src : url('/api/public/font/AvenirLTStd-Roman.otf');
}
*{font-family:fastorder }
body, html {
  font-family: fastorder;
  height:100%;
}
.container {
    max-width: 1290px!important;
}
/*



/*login*/
.Login-form-fiel input:focus{outline:none;}
.Login-form-fiel input {
    width: 100%;
    border: none;
    border-bottom: 1px solid lightgrey;
}
.Login-form-fiel{display: flex;
    justify-content: center;
    align-items: center;}
.Login-form-fiel .form{    width: 50%;
    position: absolute;
    z-index: 2;}
.Login-form-fiel .form-btn{display: flex;
    width: 100%;
    justify-content: space-between;
    top: 5rem;
    position: relative;
    padding: 0px 15rem;}
    .Login-form-fiel .form-btn button{width: 45%;border: none;border-radius: 5px;height: 35px}
.Login-btn{background-color: #22A7DE;color: #fff}






/*Login page*/

.second-page-custom-login .main-parent .col-md-9 .heading h2{font-weight: bold;
    font-size: 1.6rem;
    color: #686868;
    letter-spacing: 7px;}
.second-page-custom-login .main-parent .col-md-9 .heading p{color: #686868}
.Remember-forge{    padding: 0px!important;}
.left-logo img{width: 40%}
.left-logo .col-md-3{background: rgb(9,9,121);
background: transparent linear-gradient(333deg, #283A90 0%, #22A7DE 100%) 0% 0% no-repeat padding-box;height: 100vh;    justify-content: center;
    align-items: center; display: flex;flex-direction: column;}

.effect-1{border: 0; padding: 7px 0; border-bottom: 1px solid #ccc;}

.effect-1 ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #3399FF; transition: 0.4s;}
.effect-1:focus ~ .focus-border{width: 100%; transition: 0.4s;}

.form-fiel-main{display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;}
.form-fiel-main .custom-form{    width: 50%;
    padding: 0px!important;
    margin-bottom: 30px;
}
.custom-form ul{list-style: none;padding: 0px;margin: 0px;width: 100%}
.custom-form ul li .effect-1{    width: 100%;}
.custom-form ul li .effect-1:focus{outline: none;}
.form-fiel-main{    padding: 20px 0px;}
.check-body{padding: 0px!important;display: flex;
    justify-content: center;
    align-items: center;}

  .check-body  .check0bb{width: 25%;}
  .check-body .check0bb2{text-align: right;}
  .button-login {    margin-top: 1.4rem;}
  .button-login button:focus{outline: none;}
  .button-login button{width: 90%;
    height: 2.3rem;
    background: transparent;
    border: 1px solid #adadad;
    border-radius: 5px;}
    .button-login .sign-in{background: #22A7DE!important;color: #fff}

    @media screen and (max-width:768px) {
      .left-logo img {
    width: 18%;
}
      .left-logo .col-md-3{    height: 12vh;}
      .sidebar-offcanvas .nav {
    padding-top: 10em!important;
}
#sidebar .nav li{    font-size: 0.8em!important;}
      .Notification-text{font-size: 0.8em!important}
.sidepanel{    top: 8rem;}
    .sidepanel .closebtn {
    position: relative;
    top: 0;
    left: 0px;
    font-size: 20px;
        padding-left: 15px;
}

.form-fiel-main .custom-form {
    width: 90%;}
    .check-body .check0bb {
    width: 50%;
}
.full-section{    padding-top: 5rem;
}

    }

.right-side-menu-list li .media-body{    line-height: 2em;}


    /*sign up page css*/

    .sign-up-page .check-body .check0bb {
    width: 30%;
}

.sign-up-form0group{width: 55%!important}

.tow-cloum-filed{padding-left: 0px!important;padding-right: 0px!important;margin-bottom: 1.2em}
.tow-cloum-filed ul{list-style: none;padding: 0px;margin: 0px}
.tow-cloum-filed ul .effect-1{width: 100%}
.tow-cloum-filed ul .effect-1:focus{outline: none;}
.tow-cloum-filed form{ margin: 0px 15px 0px 0px;}


@media screen and (max-width: 768px){
  .login-page-ss .check-body{padding: 0px 30px!important;}
  .sign-up-form0group{width: 100%!important}

  .sign-up-page .check-body .check0bb {
    width: 80%;
}
.sign-up-page .full-section {
    padding-top: 3rem;
}

}



/*scroll bar css */

::-webkit-scrollbar
{
 width: 5px;
 border-radius: 50%;
}
::-webkit-scrollbar-thumb{
background:linear-gradient(rgb(99 198 237), rgb(99 198 237));
border-radius: 10%;
}
 /*scroll bar css */




.Create-new {    background: rgba(7, 7, 7, 0.44);}


:focus{outline: none!important}



/*login form css*/


 .form-fiel-main form{
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 768px){
  .create-new-user .sign-up-form0group .tow-cloum-filed {padding: .5rem 2rem 1rem 0px!important;
      position: relative;}
      .create-new-user .sign-up-form0group {
          width: 60%!important;
      }
      .create-new-user .full-section{    padding: 5rem 0px;    overflow: auto;
    height: 100vh;}
      .left-logo .col-md-3{height: auto!important;}
}
@media screen and (max-width: 768px){
  .create-new-user .sign-up-form0group {
      width: 100%!important;
  }
  .sign-up-page .check-body .check0bb {
    width: 100%!important;    padding: 0px 1rem;}
  .create-new-user .sign-up-form0group .tow-cloum-filed {
    padding: 0px 1rem 0px 1rem!important;}
  .create-new-user .check-body .check0bb a {
    width: 100%!important;
}
   .check-body .check0bb {
    width: 100%;
}
.second-page-custom-login .main-parent .col-md-9 .heading h2 {
    font-weight: bold;
    font-size: 1.3rem;
    color: #686868;
    letter-spacing: 2px;
}

.create-new-user .second-page-custom-login .main-parent .col-md-9 .heading h2 {
    font-weight: bold;
    font-size: 1.3rem;
    color: #686868;
    letter-spacing: 2px;
}

}


.create-new-user .sign-up-form0group form ul{width: 100%;position: relative;}

.create-new-user .sign-up-form0group form ul li{margin: 0px 0px}

.create-new-user .call .media .media-left{    width: 25%;
    margin: auto auto 0px;}
    .create-new-user .call .media .media-left select{    width: 80%;      border-radius: 5px;
    border-color: #cccccc;  PADDING: 7PX 0PX;    font-size: 10px;}
  .create-new-user .call label{margin-bottom: 0PX;width: 100%}
  .create-new-user .tow-cloum-filed ul .effect-1{    font-size: 14px;}
.create-new-user .languages select{    font-size: 14px;}


.create-new-user .recap{    width: 60%!important;}

.create-new-user .check-body .check0bb {
    width: 100%;
    font-size: 14px;    display: flex;
    justify-content: flex-start;
    align-items: center;
}
 .create-new-user .check-body .check0bb a{    width: 50%;}
 .create-new-user .check-body .check0bb .sign-in{    width: 100%!important;cursor: pointer;}

 /*left -popup */

 .menu-list-sidebar .right-side-menu-list #submenutets{padding-left: 0px!important}
  .menu-list-sidebar .right-side-menu-list #submenutets li a{font-size: 14px;padding-left: 0px!important}

.top-header-title  .navbar-toggler{    padding-left: 0px!important;}
 /*left -popup close*/
.mobile-ml-3{margin-left: 1rem}

 .button-login .sign-up{background: #22A7DE!important;
    color: #fff;
    width: 185px;
    height: 50px;
    background: #22A7DE 0% 0% no-repeat padding-box;
    border: 1px solid #22A7DE;
    border-radius: 4px;
    opacity: 1;}
    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #000;
      opacity: 1; /* Firefox */

    }
.check0bb label{cursor: pointer;}
button{cursor: pointer;}

.acc-login p{letter-spacing: 0px;
color: #686868;
opacity: 1;    font-size: 14px;}

.privacy-policy a{letter-spacing: 0px;
color: #686868;
opacity: 1;    font-size: 12px;}

#signup-form ul li{position: relative;}
span#select2-code_2-container {
    font-size: 14px;
}

/*float*/
.form-group {
  position: relative;
  margin-bottom: 1.5rem;
}

.form-control-placeholder {
  position: absolute;
  top: 0;
  padding: 7px 0 0 13px;
  transition: all 200ms;
  opacity: 0.5;
}

.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {
  font-size: 75%;
  transform: translate3d(0, -100%, 0);
  opacity: 1;
      font-size: 12px!important;
}
.effect-1.form-control{border-width: 0px 0px 1px 0px;border-radius: 0px}
.form-control:focus{box-shadow: none!important;border: none}


#signup-form .form-control-placeholder{padding-left: 0px;
    color: #000;
    opacity: 1;    font-size: 14px;}

    .form-group.has-error.has-danger label{color: red!important}
    .has-error .form-control{    box-shadow: none;    border-color: red;}

    .form-group.has-error.has-danger  .effect-1 ~ .focus-border{
    background-color: red!important;}
.help-block.with-errors .list-unstyled {    color: red;
    font-size: 12px;
    margin-top: 10px;}
.create-new-user .tow-cloum-filed ul .effect-1{    padding-left: 0px;}

@media screen and (max-width: 768px){
  .left-logo .col-md-3 {
  height: 80px;
}

.form-group {
    margin-bottom: 2rem!important;
}

.second-page-custom-login .main-parent .col-md-9 .heading p{    font-size: 14px;
    opacity: 0.5;}
}


input:-internal-autofill-selected ~ label{
  transform: translate3d(0, -100%, 0);  font-size: 12px!important;
    opacity: 1;}