/*scroll*/

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0px;
}


/*loader*/

.page-loader {
   background: #ffffff1f;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   right: 0;
   z-index: 1000;
   display: flex;
   height: 100%;
   align-items: center;
   justify-content: center;
   opacity:0;
   visibility: hidden;
   transition:0.5s
}


.page-loader.show{
     opacity:1;
   visibility: visible;  
}


p-relative{
   position:relative;
}



/*main*/

main {
    margin: 5rem 0;
}


/*font & style*/

.t-uppercase{
    text-transform:uppercase;
}




/*card*/

.box-projects{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.box-projects .card {
    margin: 0.5rem;
    padding: 1rem;
}

.card {
    border: none;
    border-radius: 0;
    cursor:pointer;
    transition:0.3s;
}

.card:hover {
    box-shadow: 0 0 9px 0px #e9e9e9;
}


/*override css*/

.login-button[disabled] > span.indicator-label{
    display:none;
}

.login-button[disabled] > span.indicator-progress{
    display:block;
}

.login-button> span{
    text-transform:uppercase;
}

.form-control{
    transition:0.2s;
}

.form-control.error {
    border-color: #ff2e2e;
    color: #ff2e2e !important;
}

.form-control.error + label {
    color: #ff2e2e !important;
}

.symbol.symbol-50px > img {
    width: 50px;
    background: #f6f6f6;
    height: 50px;
}

.symbol.symbol-40px > img {
    width: 40px;
    height: 40px;
    background: #f6f6f6;
}