        @import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
        
        
         body {
             min-height: 81vh;
             /*background: linear-gradient(0deg, #fff, 50%, #DEEEFE);*/
             font-family: 'Rubik', sans-serif;
             overflow: hidden;
         }
        
         .container {
             margin-top: 180px !important
         }
        
         p {
             font-size: 14px !important
         }
        
         .card {
             border-radius: 0px !important
         }
        
         .card-body {
             border-radius: 9px !important
         }
        
         small {
             font-size: 15px !important;
             display: flex;
             /*justify-content: center !important*/
         }
        
/*         button {
             font-size: calc(15px + (13 - 12) * ((100vw - 360px) / (1600 - 320))) !important;
             ;
             padding: calc(6px + 5 * ((100vw - 320px) / 780)) !important;
             color: #000 !important
         }
        
         button:focus {
             -moz-box-shadow: none !important;
             -webkit-box-shadow: none !important;
             box-shadow: none !important;
             outline-width: 0
         }*/
        
         .btn-icon {
             border: 1px solid #eee;
             background-color: #1a995c;
             border-radius: 3px;
             letter-spacing: 1px
         }
        
         .btn-icon:hover {
             background-color: #0FAB61;
             color: #fff !important;
             border: 1px solid #ccc
         }
        
         label {
             font-size: 14px !important;
             vertical-align: middle !important
         }
        
         #my-input {
             vertical-align: middle !important
         }
        
         .custom-control {
             padding: auto !important
         }
        
         .signin {
             color: #52B4DB;
             cursor: pointer
         }
        
         .custom-control-label span {
             position: relative;
             top: 4px
         }
        /*as*/
         .modal-content {
             /*width: calc(400px + 10 * ((100vw - 320px) / 680))*/
         }
        
         .cross {
             cursor: pointer
         }
        
        .modal {
min-height:100%;
  background: rgba(0, 0, 0, 0.3);
  background-size:cover;            
            /*background-image: radial-gradient(circle 919px at 1.7% 6.1%, rgb(119 119 119) 0%, rgb(119 119 119) 100.2%);*/
        }
        
         .modal-content {
             background: transparent !important
         }


.card-header {
    padding: 1px 0 !important;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 2px solid rgba(0,0,0,.08);
}
/*        .cdhdrbtm{
            margin-bottom: 2px solid #777;
            padding-top: 2px;
        }*/
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 !important; 
    min-width: 450px !important;
}

.bgw{
    background-repeat: no-repeat;
    background-size: 100% 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
background-position: 50% 50%;      
}
.modal-body {
    box-shadow: 0px 0px 10px rgb(221 221 221 / 0.8);
}

p#access-account{
    font-size: 22px !important;
}
.fav{
    margin-bottom: 2.5px !important;    
    margin-right: .5rem!important;
    margin-left: .5rem!important;  
    height: 22px;
    width: 22px;      
}
#pserror{
    color: red;
    /*display: block;*/
    font-size: 90%;            
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: absolute;
    left: 0px;
    top: -200px;
    /* margin-bottom: 1300px; */
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(status.gif) center no-repeat #fff;
}