@font-face{font-family:Poppins-Regular;src:url(../fonts/poppins/Poppins-Regular.ttf)}
@font-face{font-family:Poppins-Medium;src:url(../fonts/poppins/Poppins-Medium.ttf)}
@font-face{font-family:Montserrat-Medium;src:url(../fonts/montserrat/Montserrat-Medium.ttf)}
@font-face{font-family:Montserrat-SemiBold;src:url(../fonts/montserrat/Montserrat-SemiBold.ttf)}*{margin:0;padding:0;box-sizing:border-box}




.font-robo {
    font-family:roboto,arial,helvetica neue,sans-serif
}
.font-poppins {
    font-family:poppins,arial,helvetica neue,sans-serif
}
.font-opensans {
    font-family:open sans,arial,helvetica neue,sans-serif
}
   .row {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
   }
   .row .col-2:last-child .input-group-desc {
    margin-bottom:0
   }
   .row-space {
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -moz-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
   }
   .row-refine {
    margin:0 -15px
   }
   .row-refine .col-3 .input-group-desc,
   .row-refine .col-9 .input-group-desc {
    margin-bottom:0
   }
   .col-2 {
    width:-webkit-calc((100% - 30px)/2);
    width:-moz-calc((100% - 30px)/2);
    width:calc((100% - 30px)/2)
   }
   @media(max-width:767px) {
    .col-2 {
     width:100%
    }
   }
   .form-row {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:40px
   }
   .form-row .name {
    width:125px;
    color:#555;
    font-size:15px;
    font-weight:700
   }
   .form-row .value {
    width:-webkit-calc(100% - 125px);
    width:-moz-calc(100% - 125px);
    width:calc(100% - 125px)
   }
   @media(max-width:767px) {
    .form-row {
     display:block
    }
    .form-row .name,
    .form-row .value {
     display:block;
     width:100%
    }
    .form-row .name {
     margin-bottom:7px
    }
   }
   .col-3,
   .col-9 {
    padding:0 15px;
    position:relative;
    width:100%;
    min-height:1px
   }
   .col-3 {
    -webkit-box-flex:0;
    -webkit-flex:0 0 25%;
    -moz-box-flex:0;
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%
   }
   @media(max-width:767px) {
    .col-3 {
     -webkit-box-flex:0;
     -webkit-flex:0 0 35%;
     -moz-box-flex:0;
     -ms-flex:0 0 35%;
     flex:0 0 35%;
     max-width:35%
    }
   }
   .col-9 {
    -webkit-box-flex:0;
    -webkit-flex:0 0 75%;
    -moz-box-flex:0;
    -ms-flex:0 0 75%;
    flex:0 0 75%;
    max-width:75%
   }
   @media(max-width:767px) {
    .col-9 {
     -webkit-box-flex:0;
     -webkit-flex:0 0 65%;
     -moz-box-flex:0;
     -ms-flex:0 0 65%;
     flex:0 0 65%;
     max-width:65%
    }
   }
   html {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
   }
   * {
    padding:0;
    margin:0
   }
   *,
   *:before,
   *:after {
    -webkit-box-sizing:inherit;
    -moz-box-sizing:inherit;
    box-sizing:inherit
   }
   body,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   blockquote,
   p,
   pre,
   dl,
   dd, 
   figure,
   hr,
   fieldset,
   legend {
    margin:0;
    padding:0
   }
   li>ol,
   li>ul {
     
   }
   table {
    border-collapse:collapse;
    border-spacing:0
   }
   fieldset {
    min-width:0;
    border:0
   }
   button {
    outline:none;
    background:0 0;
    border:none
   }
   .page-wrapper {
    min-height:100vh
   }
   body {
    font-family:open sans,arial,helvetica neue,sans-serif;
    font-weight:400;
    font-size:14px
   }
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
    font-weight:400
   }
   h1 {
    font-size:36px
   }
   h2 {
    font-size:30px
   }
   h3 {
    font-size:24px
   }
   h4 {
    font-size:18px
   }
   h5 {
    font-size:15px
   }
   h6 {
    font-size:13px
   }
   .bg-blue {
    background:#2c6ed5
   }
   .bg-red {
    background:#fa4251
   }
   .bg-gra-01 {
    background:-webkit-gradient(linear,left bottom,left top,from(#fbc2eb),to(#a18cd1));
    background:-webkit-linear-gradient(bottom,#fbc2eb 0%,#a18cd1 100%);
    background:-moz-linear-gradient(bottom,#fbc2eb 0%,#a18cd1 100%);
    background:-o-linear-gradient(bottom,#fbc2eb 0%,#a18cd1 100%);
    background:linear-gradient(to top,#fbc2eb 0%,#a18cd1 100%)
   }
   .bg-gra-02 {
    background:-webkit-gradient(linear,left bottom,right top,from(#fc2c77),to(#6c4079));
    background:-webkit-linear-gradient(bottom left,#fc2c77 0%,#6c4079 100%);
    background:-moz-linear-gradient(bottom left,#fc2c77 0%,#6c4079 100%);
    background:-o-linear-gradient(bottom left,#fc2c77 0%,#6c4079 100%);
    background:linear-gradient(to top right,#fc2c77 0%,#6c4079 100%)
   }
   .bg-gra-03 {
    background:-webkit-gradient(linear,left bottom,right top,from(#08aeea),to(#b721ff));
    background:-webkit-linear-gradient(bottom left,#08aeea 0%,#b721ff 100%);
    background:-moz-linear-gradient(bottom left,#08aeea 0%,#b721ff 100%);
    background:-o-linear-gradient(bottom left,#08aeea 0%,#b721ff 100%);
    background:linear-gradient(to top right,#08aeea 0%,#b721ff 100%)
   }
   .p-t-100 {
    padding-top:100px
   }
   .p-t-130 {
    padding-top:130px
   }
   .p-t-180 {
    padding-top:180px
   }
   .p-t-45 {
    padding-top:45px
   }
   .p-t-20 {
    padding-top:20px
   }
   .p-t-15 {
    padding-top:15px
   }
   .p-t-10 {
    padding-top:10px
   }
   .p-t-30 {
    padding-top:30px
   }
   .p-b-100 {
    padding-bottom:100px
   }
   .p-b-50 {
    padding-bottom:50px
   }
   .m-r-45 {
    margin-right:45px
   }
   .m-r-55 {
    margin-right:55px
   }
   .m-b-55 {
    margin-bottom:55px
   }
   .wrapper {
    margin:0 auto
   }
   .wrapper--w960 {
    max-width:960px
   }
   .wrapper--w790 {
    max-width:790px
   }
   .wrapper--w780 {
    max-width:780px
   }
   .wrapper--w680 {
    max-width:680px
   }
   .btn {
    display:inline-block;
    line-height:35px;
    padding:0 50px;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    cursor:pointer;
    font-size:15px;
    text-transform:uppercase;
    font-weight:700;
    /* color:#fff; */
    font-family:inherit
   }

   
   .btn-sm {
    display:inline-block;
    line-height:20px;
    padding:0 10px;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    cursor:pointer;
    font-size:15px;
    text-transform:uppercase;
    font-weight:500;
    /* color:#fff; */
    font-family:inherit
   }
   .btn--radius {
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
   }
   .btn--radius-2 {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
   }
   .btn--pill {
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px
   }
   .btn--green {
    background:#57b846
   }
   .btn--green:hover {
    background:#4dae3c
   }
   .btn--blue {
    background:#4272d7
   }
   .btn--blue:hover {
    background:#3868cd
   }
   .btn--red {
    background:#ff4b5a
   }
   .btn--red:hover {
    background:#eb3746
   }
   td.active {
    background-color:#2c6ed5
   }
   input[type=datei] {
    padding:14px
   }
   .table-condensed td,
   .table-condensed th {
    font-size:14px;
    font-family:roboto,arial,helvetica neue,sans-serif;
    font-weight:400
   }
   .daterangepicker td {
    width:40px;
    height:30px
   }
   .daterangepicker {
    border:none;
    -webkit-box-shadow:0 8px 20px 0 rgba(0,0,0,.15);
    -moz-box-shadow:0 8px 20px 0 rgba(0,0,0,.15);
    box-shadow:0 8px 20px 0 rgba(0,0,0,.15);
    display:none;
    border:1px solid #e0e0e0;
    margin-top:5px
   }
   .daterangepicker::after,
   .daterangepicker::before {
    display:none
   }
   .daterangepicker thead tr th {
    padding:10px 0
   }
   .daterangepicker .table-condensed th select {
    border:1px solid #ccc;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:14px;
    padding:5px;
    outline:none
   }
   input {
    outline:none;
    margin:0;
    border:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    width:100%;
    font-size:14px;
    font-family:inherit
   }
   .radio-container {
    display:inline-block;
    position:relative;
    padding-left:30px;
    cursor:pointer;
    font-size:16px;
    color:#666;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
   }
   .radio-container input {
    position:absolute;
    opacity:0;
    cursor:pointer
   }
   .radio-container input:checked~.checkmark {
    background-color:#e5e5e5
   }
   .radio-container input:checked~.checkmark:after {
    display:block
   }
   .radio-container .checkmark:after {
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:12px;
    height:12px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background:#57b846
   }
   .checkmark {
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    left:0;
    height:20px;
    width:20px;
    background-color:#e5e5e5;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.08);
    -moz-box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.08);
    box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.08)
   }
   .checkmark:after {
    content:"";
    position:absolute;
    display:none
   }
   .input--style-5 {
    background:#e5e5e5;
    line-height:50px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:0 22px;
    font-size:16px;
    color:#555
   }
   .input-group-desc {
    position:relative
   }
   @media(max-width:767px) {
    .input-group-desc {
     margin-bottom:40px
    }
   }
   .input-group {
    position:relative;
    margin:0
   }
   .label {
    color:#555;
    font-size:15px;
    font-weight:700
   }
   .label--block {
    width:100%
   }
   .label--desc {
    position:absolute;
    text-transform:capitalize;
    display:block;
    color:#999;
    font-size:14px;
    margin:0;
    margin-top:7px;
    left:0
   }
   .select--no-search .select2-search {
    display:none!important
   }
   .select2-container--open .select2-dropdown--below {
    border:none;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:0 8px 20px 0 rgba(0,0,0,.15);
    -moz-box-shadow:0 8px 20px 0 rgba(0,0,0,.15);
    box-shadow:0 8px 20px 0 rgba(0,0,0,.15);
    border:1px solid #e0e0e0;
    margin-top:5px;
    overflow:hidden
   }
   .select2-container--default .select2-results__option {
    padding-left:22px
   }
   .rs-select2 .select2-container {
    width:100%!important;
    outline:none;
    background:#e5e5e5;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
   }
   .rs-select2 .select2-container .select2-selection--single {
    outline:none;
    border:none;
    height:50px;
    background:0 0
   }
   .rs-select2 .select2-container .select2-selection--single .select2-selection__rendered {
    line-height:50px;
    padding-left:0;
    color:#555;
    font-size:16px;
    font-family:inherit;
    padding-left:22px;
    padding-right:50px
   }
   .rs-select2 .select2-container .select2-selection--single .select2-selection__arrow {
    height:50px;
    right:15px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
   }
   .rs-select2 .select2-container .select2-selection--single .select2-selection__arrow b {
    display:none
   }
   .rs-select2 .select2-container .select2-selection--single .select2-selection__arrow:after {
    font-family:material-design-iconic-font;
    content:'\f2f9';
    font-size:24px;
    color:#999;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
   }
   .rs-select2 .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow::after {
    -webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg)
   }
   .title {
    font-size:1.2rem;
    text-transform:uppercase;
    font-weight:700;
    text-align:center;
    color:#358432;
   }
   .sectionTitle {
    font-size:1.2rem;
    text-transform:uppercase;
    font-weight:700;
    text-align:center; 
   }
   .card {
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background:#fff
   }

   
   .card-4 {
    background:#fff;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    /*
    -webkit-box-shadow:0 8px 20px 0 rgba(0,0,0,.15);
    -moz-box-shadow:0 8px 20px 0 rgba(0,0,0,.15);
    box-shadow:0 8px 20px 0 rgba(0,0,0,.15)
    */
   }
   .card-4 .card-heading {
    padding:20px 0;
    background:#0c924f;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topleft:10px;
    border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-topright:10px;
    border-top-right-radius:10px
   }
   .card-4 .card-body {
    padding:10px 10px;
    padding-bottom:20px
   }
   @media(max-width:767px) {
    .card-4 .card-body {
     padding:5px 5px;
     padding-bottom:10px
    }
   }


   .card-5 {
    background:#fff;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-box-shadow:0 8px 20px 0 rgba(0,0,0,.15);
    -moz-box-shadow:0 8px 20px 0 rgba(0,0,0,.15);
    box-shadow:0 8px 20px 0 rgba(0,0,0,.15)
   }
   .card-5 .card-heading {
    padding:20px 0;
    background:#0c924f;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topleft:10px;
    border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-topright:10px;
    border-top-right-radius:10px
   }
   .card-5 .card-body {
    padding:52px 85px;
    padding-bottom:73px
   }
   @media(max-width:767px) {
    .card-5 .card-body {
     padding:40px 30px;
     padding-bottom:50px
    }
   }
   

   @font-face {
    font-family:Poppins-Regular;
    src:url(../fonts/poppins/Poppins-Regular.ttf)
   }
   @font-face {
    font-family:Poppins-Medium;
    src:url(../fonts/poppins/Poppins-Medium.ttf)
   }
   @font-face {
    font-family:Montserrat-Medium;
    src:url(../fonts/montserrat/Montserrat-Medium.ttf)
   }
   @font-face {
    font-family:Montserrat-SemiBold;
    src:url(../fonts/montserrat/Montserrat-SemiBold.ttf)
   }
   * {
    margin:0;
    padding:0;
    box-sizing:border-box
   }
   body,
   html {
    height:100%;
    font-family:Poppins-Regular,sans-serif
   }
   
   a:hover {
    text-decoration:none;
    color:#fc00ff;
    border-color:#fc00ff
   }
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
    margin:0
   }
   p {
    font-family:Poppins-Regular;
    font-size:14px;
    line-height:1.7;
    /* color:#666; */
    margin:0
   }
   ul,
   li {
    margin:0;
     
   }
   input {
    outline:none;
    border:none
   }
   textarea {
    outline:none;
    border:none
   }
   textarea:focus,
   input:focus {
    border-color:transparent!important
   }
   input:focus::-webkit-input-placeholder {
    color:transparent
   }
   input:focus:-moz-placeholder {
    color:transparent
   }
   input:focus::-moz-placeholder {
    color:transparent
   }
   input:focus:-ms-input-placeholder {
    color:transparent
   }
   textarea:focus::-webkit-input-placeholder {
    color:transparent
   }
   textarea:focus:-moz-placeholder {
    color:transparent
   }
   textarea:focus::-moz-placeholder {
    color:transparent
   }
   textarea:focus:-ms-input-placeholder {
    color:transparent
   }
   input::-webkit-input-placeholder {
    color:#555
   }
   input:-moz-placeholder {
    color:#555
   }
   input::-moz-placeholder {
    color:#555
   }
   input:-ms-input-placeholder {
    color:#555
   }
   textarea::-webkit-input-placeholder {
    color:#555
   }
   textarea:-moz-placeholder {
    color:#555
   }
   textarea::-moz-placeholder {
    color:#555
   }
   textarea:-ms-input-placeholder {
    color:#555
   }
   label {
    display:block;
    margin:0
   }
   button {
    outline:none!important;
    border:none;
    background:0 0
   }
   button:hover {
    cursor:pointer
   }
   iframe {
    border:none!important
   }
   .txt1 {
    font-family:Montserrat-SemiBold;
    font-size:16px;
    color:#555;
    line-height:1.5
   }
   .txt2 {
    font-family:Poppins-Regular;
    font-size:14px;
    color:#999;
    line-height:1.5
   }
   .bo1 {
    border-bottom:1px solid #999
   }
   .limiter {
    width:100%;
    margin:0 auto
   }
   .container-login100 {
    width:100%;
    min-height:100vh;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    padding:15px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
   }
   .wrap-login100 {
     
    background:rgb(243, 235, 240);
    border-radius:10px;
    position:relative
   }
   .login100-form {
    width:100%
   }
   .login100-form-title {
    width:100%;
    display:block;
    font-family:Montserrat-Medium;
    font-size:39px;
    color:#555;
    line-height:1.2;
    text-align:center
   }
   .btn-face,
   .btn-google {
    font-family:Montserrat-SemiBold;
    font-size:18px;
    line-height:1.2;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:15px;
    width:calc((100% - 20px)/2);
    height:70px;
    border-radius:10px;
    box-shadow:0 1px 5px 0 rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.2);
    -o-box-shadow:0 1px 5px 0 rgba(0,0,0,.2);
    -ms-box-shadow:0 1px 5px 0 rgba(0,0,0,.2);
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s;
    position:relative;
    z-index:1
   }
   .btn-google::before,
   .btn-face::before {
    content:"";
    display:block;
    position:absolute;
    z-index:-1;
    width:100%;
    height:100%;
    border-radius:10px;
    top:0;
    left:0;
    background:#a64bf4;
    background:-webkit-linear-gradient(45deg,#00dbde,#fc00ff);
    background:-o-linear-gradient(45deg,#00dbde,#fc00ff);
    background:-moz-linear-gradient(45deg,#00dbde,#fc00ff);
    background:linear-gradient(45deg,#00dbde,#fc00ff);
    opacity:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
   }
   .btn-face {
    color:#fff;
    background-color:#3b5998
   }
   .btn-face i {
    font-size:30px;
    margin-right:17px;
    padding-bottom:3px
   }
   .btn-google {
    color:#555;
    background-color:#fff
   }
   .btn-google img {
    width:30px;
    margin-right:15px;
    padding-bottom:3px
   }
   .btn-face:hover:before,
   .btn-google:hover:before {
    opacity:1
   }
   .btn-face:hover,
   .btn-google:hover {
    color:#fff
   }
   .wrap-input100 {
    width:100%;
    position:relative;
    background-color:#f7f7f7;
    border:1px solid #e6e6e6;
    border-radius:10px
   }
   .input100 {
    font-family:Poppins-Regular;
    color:#333;
    line-height:1.2;
    font-size:18px;
    display:block;
    width:100%;
    background:0 0;
    height:60px;
    padding:0 20px
   }
   
   .input50 {
    font-family:Poppins-Regular;
    color:#333;
    line-height:1.2;
    font-size:18px;
    display:block;
    width:100%;
    background:0 0;
    height:40px;
    padding:0 15px
   }
   .focus-input100 {
    position:absolute;
    display:block;
    width:calc(100% + 2px);
    height:calc(100% + 2px);
    top:-1px;
    left:-1px;
    pointer-events:none;
    border:1px solid #fc00ff;
    border-radius:10px;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s;
    -webkit-transform:scaleX(1.1) scaleY(1.3);
    -moz-transform:scaleX(1.1) scaleY(1.3);
    -ms-transform:scaleX(1.1) scaleY(1.3);
    -o-transform:scaleX(1.1) scaleY(1.3);
    transform:scaleX(1.1) scaleY(1.3)
   }
   .input100:focus+.focus-input100 {
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
   }
   .eff-focus-selection {
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
   }
   .container-login100-form-btn {
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap
   }
   .login100-form-btn {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0 20px;
    width:100%;
    height:60px;
    background-color:#333;
    border-radius:10px;
    font-family:Poppins-Medium;
    font-size:16px;
    color:#fff;
    line-height:1.2;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s;
    position:relative;
    z-index:1
   }
   .login100-form-btn::before {
    content:"";
    display:block;
    position:absolute;
    z-index:-1;
    width:100%;
    height:100%;
    border-radius:10px;
    top:0;
    left:0;
    background:#a64bf4;
    background:-webkit-linear-gradient(45deg,#00dbde,#fc00ff);
    background:-o-linear-gradient(45deg,#00dbde,#fc00ff);
    background:-moz-linear-gradient(45deg,#00dbde,#fc00ff);
    background:linear-gradient(45deg,#00dbde,#fc00ff);
    opacity:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
   }
   .login100-form-btn:hover:before {
    opacity:1
   }
   .validate-input {
    position:relative
   }
   .alert-validate::before {
    content:attr(data-validate);
    position:absolute;
    max-width:70%;
    background-color:#fff;
    border:1px solid #c80000;
    border-radius:2px;
    padding:4px 25px 5px 10px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    right:12px;
    pointer-events:none;
    font-family:Poppins-Regular;
    color:#c80000;
    font-size:14px;
    line-height:1.4;
    text-align:left;
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .4s;
    -o-transition:opacity .4s;
    -moz-transition:opacity .4s;
    transition:opacity .4s
   }
   .alert-validate::after {
    content:"\f12a";
    font-family:FontAwesome;
    display:block;
    position:absolute;
    color:#c80000;
    font-size:18px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    right:18px
   }
   .alert-validate:hover:before {
    visibility:visible;
    opacity:1
   }
   @media(max-width:992px) {
    .alert-validate::before {
     visibility:visible;
     opacity:1
    }
   }
   @media(max-width:768px) {
    .wrap-login100 {
     padding-left:60px;
     padding-right:60px
    }
    @media(max-width:576px) {
     .wrap-login100 {
      padding-left:15px;
      padding-right:15px
     }
     .btn-face,
     .btn-google {
      width:100%
     }
    }
   }
   


.btn-primary {
	color: #fff;
	background-color: #30475e!important;
	border-color: #3b5570;
}

.bg-card_header_green {
	background-color: #d7f4d1 !important;
}