/* ==========================================================================
   #BACKGROUND
   ========================================================================== */
   .bg-blue {
    background: #2c6ed5;
    }
    
    .bg-red {
    background: #fa4251;
    }
    
    
    /* New css */
    
    .set-motadata-img {background: #14212d;min-height: 100vh;display: flex;align-items: center;justify-content: center;}
    .motadata-logo-set img {max-width: 230px;border-bottom: 2px solid white;padding-bottom: 0.6em;}
    .prat-heading {text-transform: uppercase;text-align: center;color: white;font-size: 25px;padding-top: 5px;}
    .motadata-logo-set:after {content: "";width: 80px;height: 160px;top: 28px;right: 5px;position: absolute;display: inline-block;background-image: url(../images/half-round-blud.png);object-fit: fill;background-size: contain;overflow: hidden;left: 0;}
    .set-motadata-img::after {content: '';position: absolute;width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 30px solid #14212d;clear: both;right: -41px;top: 50%;transform: rotate(-90deg);z-index: 99;}
    .motadata-color {padding: 2em;min-height: 100vh;background: #f0f7fd;}
    .body-form-info {background: white;border-radius: 6px;padding: 2em;margin-top: 1em;box-shadow: 0px 0px 4px #dadada;}
    .motadata-ftu {justify-content: space-between;}
    .motadata-ftu-label label {font-size: 20px;font-weight: bold;color: #0063c1;}
    .ftu-link {font-weight: bold;color: #0063c1;text-decoration: none !important;font-size: 18px;}
    .rest-pwd-part .reset-pwd-body {background: white;box-shadow: 0px 0px 4px #dadada;border-radius: 6px;}
    .reset-bdy-info {box-shadow: none;padding: 0px;}
    
    /* animation-form */
    
    .form-group {position: relative;}
    .form-group + .form-group {margin-top: 30px;}
    
    .form-label {position: absolute;left: 7px;top: 10px;color: #737373;background-color: #fff;z-index: 10;transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;transition: transform 150ms ease-out, font-size 150ms ease-out;transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;}
    
    .focused .form-label {-webkit-transform: translateY(-125%);transform: translateY(-125%);font-size: .75em;color: #15212d;}
    .focused .form-label span{color: red;}
    .form-input {position: relative;padding: 12px 0px 5px 7px;width: 100%;outline: 0;border: 0;box-shadow: 0 1px 0 0 #e5e5e5;transition: box-shadow 150ms ease-out;}
    .form-input:focus {box-shadow: 0 2px 0 0 #14212d;}
    
    .body-form-info .form-input.filled {font-size: 16px;}
    .body-form-info .custom-checkbox .custom-control-label::before {border-radius: 0px;width: 22px;height: 22px;}
    .custom-control-label {position: relative;margin-bottom: 0;vertical-align: top;font-size: 12px;color: #000000;padding-top: 0.4em;padding-left: 0.4em;}
    .btn-submit {background: #0063c1;color: white;padding: 0.3em 2.4em;border-radius: 50px;text-transform: uppercase;font-size: 15px;text-decoration: none;}
    .motadata-heading {font-weight: bold;color: #0063c1;font-size: 28px;padding-bottom: 0.2em;border-bottom: 2px solid #373435;}
    .motadata-body p {font-size: 12.8px;color: #15212D;line-height: 19px;font-weight: 100;}
    .body-form-info .form-group + .form-group {margin-top: 10px;}
    .body-form-info .custom-control-label::after {position: absolute;top: 2px;left: -26px;display: block;width: 1.7rem;height: 1.7rem;content: "";background: no-repeat 50%/50% 50%;}
    .body-form-info .custom-control-input:checked~.custom-control-label::before {color: #fff;border-color: #0063c1;background-color: #0063c1;}
    .cutm-bg-add {background: white;color: black !important;}
    .cutm-bg-add i {color: #151515;}
  
    /* end */
  
    /* Animation-dropdown */
  
    .floating-form label {color:#babbbd;position:absolute;pointer-events:none;left:0px;top:10px;transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
    .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {top:-12px;font-size:14px;color:#14212d;}
    
    
    /* end */
    
    /* End */
    
    .main-heading{position: relative;}
    .main-heading:before{content: '';position: absolute;top: 50%;background-image: url(../images/half-round-white.png);left: 0;right: 0px;bottom: 0;background-repeat: no-repeat;height: 320px;background-size: contain;background-position: right;transform: translateY(-50%);}
    
    @media (max-width: 320px) { 
    
    .motadata-heading{font-size: 18px;}
    .motadata-body p {font-size: 10px;line-height: 15px;}
    .set-motadata-img::after {content: '';position: absolute;width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 30px solid #14212d;clear: both;right: 0px;transform: rotate(0deg);z-index: 99;bottom: -28px;left: 0;margin: 0px auto;top: 100%;}
    .body-form-info .form-input.filled{font-size: 12px;}
    .custom-control-label{font-size: 9px;}
    .motadata-ftu-label label{font-size: 9px;}
    .motadata-ftu-link a{font-size: 10px;}
    .set-motadata-img::after{ border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #14212d;}
    .ftu-link {font-size: 11px;}
    .motadata-ftu-link .btn-submit{font-size: 10px;}
    .reset-bdy-info .form-input {font-size: 10px;}
    .body-form-info .form-input.filled {font-size: 10px;}
    .reset-bdy-info .form-label { font-size: 9px;}
  
  }
  
  @media only screen and (max-width: 375px) {
    .reset-bdy-info .form-label { font-size: 10px;}
  
    }
  
    
    @media (max-width: 480px) {
    
    .set-motadata-img::after {content: '';position: absolute;width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 30px solid #14212d;clear: both;right: 0px;transform: rotate(0deg);z-index: 99;bottom: -28px;left: 0;margin: 0px auto;top: 100%;}
    .motadata-heading{font-size: 23px;margin-top: 1em;}
    .motadata-body p{font-size: 11.8px;line-height: 17px;}
    .body-form-info .form-input.filled{font-size: 12px;}
    .motadata-ftu-link a{font-size: 12px;}
    .motadata-ftu-label label{font-size: 14px;}
    .ftu-link {font-size: 11px;}
    .motadata-ftu-link .btn-submit{font-size: 10px;}
    
    }
    
    @media (max-width: 640px) {
    
    .set-motadata-img::after {content: '';position: absolute;width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 30px solid #14212d;clear: both;right: 0px;transform: rotate(0deg);z-index: 99;bottom: -28px;left: 0;margin: 0px auto;top: 100%;}
    .motadata-heading{font-size: 23px;margin-top: 1em;}
    .motadata-body p{font-size: 11.8px;line-height: 17px;}
    .body-form-info .form-input.filled{font-size: 12px;}
    .motadata-ftu-link a{font-size: 12px;}
    .motadata-ftu-label label{font-size: 14px;}
    
    }
    
    @media (min-width: 768px) and (max-width: 991.98px) { 
    
    .set-motadata-img::after {content: '';position: absolute;width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 30px solid #14212d;clear: both;right: 0px;transform: rotate(0deg);z-index: 99;bottom: -28px;left: 0;margin: 0px auto;top: 100%;}
    .motadata-heading{margin-top: 1em;}
    .motadata-logo-set img{max-width: 300px;}
    .motadata-logo-set h3{font-size: 31px;}
    }
    
    @media (min-width: 992px) and (max-width: 1199.98px) { 
    .motadata-logo-set img{max-width: 180px;} 
    .motadata-logo-set h3{font-size: 19px;} 
    .motadata-ftu-label label{font-size: 15px;}
    .motadata-ftu-link a{font-size: 13px;}
    .custom-control-label{font-size: 11px;}
    }
  
  .floating-select:focus ~ label span, .floating-select:not([value=""]):valid ~ label span{color: red;}
  .register-page .select2-container--default .select2-selection--single{height: 40px;}
  .register-page .select2-container--default .select2-selection--single .select2-selection__arrow{height: 40px;}
  .register-page .select2-container--default .select2-selection--single .select2-selection__rendered{padding: 9px 10px;}

  .forgot-info .forgot-login-btn{padding: 10px;margin: 5px;background-color: #2d9ed8;color: #fff !important;border-radius: 5px;}

  @media(max-width:767px){
    .main-heading{display: flex !important;justify-content: center;}
  }