.loader {z-index: 9999;position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: #FFFFFFAD;}
.loader::before {
    content:'';
    position: fixed;
    left: calc(50% - 60px);
    top: calc(50% - 60px);
    width: 120px;
    height: 120px;
    border: 16px solid #f3f3f308;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    animation: spin 0.9s linear infinite;
}
@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}


.ltr {direction:ltr !important}
.dev.section {background-color: #d4d4d4;}
.dev .input-group {margin-top: 10px}
.dev .border-radius{border-radius: 0 4px 4px 0;}
.dev .input-group input{border:0px solid #000;background-color:#3b3b3b;color:#dbdbdb;}
.dev .login .input-group .input-group-addon{border:0px solid #000;background-color:#3b3b3b;color:#dbdbdb}
.dev .login .input-group .btn.input-group-addon{border:0px solid #000;background-color:#3b3b3b;color:#dbdbdb}
.dev .login .input-group .btn.input-group-addon:hover{background-color: #000;color:#ffffff;}
.dev .btn.btn-login{border-radius: 4px;background-color:#004863;color:#bababa;margin-top:10px;width:100%;}
.dev .btn.btn-login:hover{background-color: #fe9e0c;color:#ffffff;}
.dev .input-group-addon:nth-child(even){background-color:#d4d4d4;text-align: center}