/*============= Login css*/
.container {
    margin-top: 20px;
    height: 100vh;
    font-family: sans-serif; }
.container .card { border: none}
.container .card-title {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 35px; }
.form-signin .form-label-group {
    margin: 10px 10px 25px 10px;
    text-align: center; }
.form-signin .form-label-group input {
    text-align: center;
    width: 100%;
    border: none;
    border-bottom: solid 1.5px;
    border-image: linear-gradient(to right, #ffffff, #9bacaf, #575c5f, #ffffff ) 47% 0%;}
.form-label-group input::placeholder{
    color: #9BACAF;
    font-size: 14px;
    opacity: .5;}
.form-label-group imp { color: #920000}
.form-label-group span { color: #1A1A1A; font-size: 14px; font-weight: bold;}
.form-label-group .pass-label { margin-top: 15px;}
#remember-pass {width: auto!important;}
.remember-pass{
    font-size: 12px;
    text-align: left;
    top: 6px;
    font-weight: bold; }
.my-btn {
    width: 100%;
    background-color: #1a1a1a;
    color: #f1f1f1;
    border: none;
    border-radius: 2px;
    text-transform: uppercase;
    padding: 8px; }
.my-btn:hover {
    cursor: pointer;
    background-color: #555555; }
.form-signin a {
    text-align: right;
    color: #1a1a1a;
    text-decoration: underline;
    font-size: 13px}
.form-signin a:hover { color: #555555}
.toggle-password {
    position: absolute;
    right: 35px;
    color: #9BACAF;
    cursor: pointer; }
.error-mesage {
    color: #920000;
    text-align: center;
    font-size: 14px;
}
.error-mesage .err-child {
    margin-bottom: 5px;
}
.error-mesage .err-title {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 12px;
}
.otrs {
    margin-top: 50px;
}
.otrs a {
    color: #920000;
    font-size: 16px;
}
/*============Restore Page========*/
.restore-page .restore-anotation{
    font-size: 14px;
    margin: 20px 0 45px 0;
    color: #920000;
    text-align: justify;
}
/*============ Personal cabinet====*/
.personal_room .menu-left {
    border-right: #6D747A solid 1px;}
.personal_room .menu-left #logout{
    text-align: center;
}
.personal_room .menu-left .menu-item {
    text-transform: uppercase;
    padding: 10px;
    font-weight: bold; }
.personal_room .menu-left .menu-item:hover {
    color: #555555;
    cursor: pointer; }
.personal_room #customer-login {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 15px;
    color: #920000;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    border-bottom: solid 1.5px;
    border-image: linear-gradient(to right, #ffffff, #9bacaf, #575c5f, #ffffff ) 47% 0%;
}
.bubble {
    position: relative;
    width: 100.5%;
    color: #f1f1f1;
    background: #1a1a1a; }
.bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 22px 0 22px 17px;
    border-color: transparent #1a1a1a;
    display: block;
    width: 0;
    z-index: 1;
    right: -17px;
    top: 0px;}
.bubble:hover {
    color: #f1f1f1 !important;}
.personal_room #logout {
    color: #920000; }

/*========= Profil ========*/
.profil {
    margin: 0 !important;
    padding: 0;
    font-family: sans-serif; }
.profil .card-body {
    margin-top: 0;
    padding-top: 10px;
}
.profil .card-title {
    text-align: left;
    font-size: 20px;
    margin: 0;
    border-bottom: solid 0.3px;
    border-image: linear-gradient(to right, #9bacaf, #9bacaf, #ffffff ) 30% 0%;
    padding: 0; }
.profil .form-input {
    margin: 0;
    padding: 5px;
    margin-bottom: 15px;
    border: solid 0.5px;
    border-color: #c9c9c9;
    width: 100%;}
.profil select { height: 35px;}
.profil .form-input::placeholder{
    color: #9BACAF;
    font-size: 14px;
    opacity: .5;}
.profil label {
    margin: 0;
    padding: 0 0 5px 0; }
.profil .button {
    text-align: center;
    width: 100%;
    border: none;
    background-color: #1a1a1a;
    color: #f1f1f1;
    padding: 10px; }
.profil .button:hover {
    cursor: pointer;
}
.profil .btn-parent {
    text-align: center;
}

/*============== Cont de plata=======*/
.payment {
    width: 100%;
    margin: 15px;
}
.payment th {
    border: #6D747A solid 1px;
    padding: 6px;
    text-align: center;
    font-size: 16px;
    color: #f1f1f1;
    background-color: #6D747A;
}
.payment .payment-sum-total{
    text-align: right;
    padding-right: 20px;
}
.payment td {
    font-size: 16px;
    border: #777777 solid 1px;
    padding: 8px;
}
.payment .payment-sum {
    text-align: center;
    width: 30px;
}
.payment .payment-nr{
    text-align: center;
    width: 30px;
    font-weight: bold;
}
.payment .payment-download{
    cursor: pointer;
}
.pay-null {
    width: 100%;
    background-color: #6D747A;
    color: #f1f1f1;
    font-size: 22px;
    text-align: center;
    margin: 15px;
    padding: 10px;
}
.pay-generate {
    padding: 0;
    margin: 15px;
}

/*========== Preloader */
.show_pre { display: initial;}
.hidden_pre { display: none;}

.gooey {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 142px;
    height: 40px;
    margin: -20px 0 0 -71px;
    filter: contrast(20);
}
.gooey .dot {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    left: 15px;
    filter: blur(0px);
    background: rgba(0,0,0,1);
    border-radius: 50%;
    transform: translateX(0);
    animation: dot 2.8s infinite;
}
.gooey .dots {
    transform: translateX(0);
    margin-top: 12px;
    margin-left: 31px;
    animation: dots 2.8s infinite;
}
.gooey .dots span {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 16px;
    filter: blur(0px);
    background: rgba(0,0,0,1);
    border-radius: 50%;
}
@-moz-keyframes dot {
    50% {
        transform: translateX(96px);
    }
}
@-webkit-keyframes dot {
    50% {
        transform: translateX(96px);
    }
}
@-o-keyframes dot {
    50% {
        transform: translateX(96px);
    }
}
@keyframes dot {
    50% {
        transform: translateX(96px);
    }
}
@-moz-keyframes dots {
    50% {
        transform: translateX(-31px);
    }
}
@-webkit-keyframes dots {
    50% {
        transform: translateX(-31px);
    }
}
@-o-keyframes dots {
    50% {
        transform: translateX(-31px);
    }
}
@keyframes dots {
    50% {
        transform: translateX(-31px);
    }
}
/*===================pdf page*/
.page_pdf{
    border: solid 1px;
}
.page_pdf .row{
    border: solid 1px;
}
.page_pdf .row .head-1{
    font-weight: bold;
}