ul.msg_list li:last-child {
    margin-bottom: 6px;
    padding: 3px 5px !important;
}

table.jambo_table thead,
table.jambo_table thead a,
table.jambo_table thead a:hover {
    color: #ECF0F1;
}

.fc-title {
    text-align: center;
    font-size: 1.2em;
}

.fc-time.invoice {
    float: right;
}

.fc-event-container {
    color: #ffffff;
    text-shadow: 0px 0px 2px black, 0 0 5px black, 0 0 15px black;;
}

.fc-event table {
    margin: 10px 0px;
    width: 100%;
}

.fc-event th {
    font-weight: normal;
    padding: 10px 8px;
    border-bottom: 2px solid #6678b1;
}

.fc-event td {
    text-align: center;
    padding: 9px 8px 0px 8px;
}

.fc-event tbody tr:hover td {
    color: #ffffff;
    text-shadow: 0px 0px 2px red, 0 0 5px black, 0 0 15px black;;
}

td.fc-day.fc-past {
    background-color: #fcfcfc;
}

.fc-event {
    border-width: 2px !important;
    border-radius: 5px !important;
}

.fc-h-event table,
.fc-h-event .invoice {
    display: none;
}

.nav.navbar-nav.company-info {
}

.nav.navbar-nav.company-info div {
    font-weight: 400;
    font-size: 18px;
    line-height: 59px;
    height: 55px;
    margin: 0;
    padding-left: 10px;
    float: left;
    color: #800000;
}

.nav.navbar-nav.company-info div span.clabel {
    color: #555;
}

.top_nav .navbar-right {
    width: auto;
}

.form-cart legend {
    display: none;
}

.form-cart fieldset {
    padding-top: 12px
}

.form-cart fieldset:nth-child(even) {
    background-color: #fafafa;
}

.form-cart fieldset > div {
    height: 90px;
    vertical-align: middle;
}

.form-cart fieldset > div .tn {
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    margin-top: -2px;
}

dl {
    border: 2px dashed #ccc;
    padding: 0.5em;
}

dt {
    float: left;
    clear: left;
    width: 130px;
    text-align: right;
    font-weight: bold;
}

dt::after {
    content: ":";
}

dd {
    margin: 0 0 0 120px;
    padding: 0 0 0.5em 2em;
    min-height: 24px;
}

.produse dt {
    width: 350px;
}

.produse dd {
    margin: 0 0 0 336px;
}

.pagination {
    margin: auto !important;
}

.thumbnail {
    height: auto;
}

.thumbnail .image {
    height: auto;
}

.view .tools {
    margin: 0px;
}

.login_content {
    text-shadow: 0px 0px 2px #FFFFFF !important;
    color: white !important;
}

.campaign#EXTRA_BUGET_VIP_PRAG1_IUN2019 .campaign__title,
.campaign#EXTRA_BUGET_VIP_PRAG2_IUN2019 .campaign__title,
.campaign#EXTRA_BUGET_VIP_PRAG3_IUN2019 .campaign__title,
.campaign#BOSCH_PKW_CAMPANIE_INTERNA_0103_3105_2019 .campaign__title,
.campaign#BOSCH_PKW_LKW_TOATA_GAMA_ECONOMY_APR_2019 .campaign__title,
.campaign#BOSCH_PKW_LKW_TOATA_GAMA_PREMIUM_APR_2019 .campaign__title,
.campaign#BRIDGESTONE_ANVELOPE_LKW_APR_2019_2 .campaign__title,
.campaign#FIRESTONE_ANVELOPE_LKW_APR_2019_2 .campaign__title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 7px 0;
}

.menu .branding {
    width: 220px;
    height: 80px;
}

.multicheckbox .checkbox {
    display: inline-block;
    margin-left: 30px;
}

.campaign .campaign__content {
    border-style: solid !important;
    border-color: white !important;
}

.campaign.is-active .campaign__wrapper, .campaign:hover .campaign__wrapper {
    border-style: solid !important;
    border-color: white !important;
}

/* alyzeu */
.quizzes.columns {
    width: calc(100% - 20px);
    margin: auto;
    padding: 10px 17px;
    background-color: #fff;
    border: 1px solid #E6E9ED;
}

.quizzes.columns table thead tr th.description-title {
    width: 700px;
}

.quizzes.view table tbody {
    text-align: left;
}

#actions-sidebar {
    display: flex;
    width: calc(100% - 20px);
    margin: auto;
    padding: 10px 17px;
    background-color: #fff;
    border: 1px solid #E6E9ED;
}

#actions-sidebar > ul.side-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
}

#actions-sidebar > ul.side-nav li {
    list-style-type: none;
    margin: 0 0 0 15px;
}

#actions-sidebar > ul.side-nav li:first-child,
#actions-sidebar > ul.side-nav li a {
    margin: 0;
}

#home {
    width: 100%;
    max-width: 100%;
}

#home .hero {
    height: auto;
    min-height: 1px;
    padding: 150px 75px 25px;
    flex-direction: row;
}

#home .hero .hero-text {

}

#home .hero .hero-text h1 {
    font-size: 28px;
    color: #fff;
    margin: 0 0 15px 0;
}

#home .hero .hero-text p {
    background-color: rgb(255 255 255 / 80%);
    padding: 5px 15px;
    font-weight: 500;
    margin: 0 0 5px 0;
}

#home .hero .hero-text a {
    background-color: #fff;
    margin: 15px 0 0;
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #999;
}

#home .hero .hero-text a:hover {
    color: #fff;
    border-color: #fff;
}

#home .hero .budget {
    position: initial;
    top: initial;
    right: initial;
}

#home .hero #quiz_btn {
    width: 70px;
    border-radius: 2px;
    background: url(http://hu-share.softexco.ro/dist/images/quiz_button.png);
    color: #132f53;
    font-size: 14px;
    text-transform: uppercase;
    margin: 15px 0 0 auto;
    display: block;
    cursor: pointer;
}

.right_col {
    display: inline-block;
    width: 100%;
}

.email-form-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 75%;
    flex-direction: column;
    margin: 50px auto;
}

.email-form-wrapper form button {
    margin: 15px 0 0
}

a.email-settings span.fa-angle-down {
    margin: 0 0 0 10px;
    font-size: 16px;
}

.add-email,
.edit-email,
.email-form-wrapper,
.edit-milestone-wrapper {
    width: 50%;
    margin: 25px auto 100px auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.milestone-awards-wrapper fieldset {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
}

.milestone-awards-wrapper fieldset .form-group {
    margin: 0 15px 0 0;
}

.milestone-awards-wrapper fieldset .form-group.text {
    width: 125px;
}

.milestone-awards-wrapper fieldset button {
    margin: 0 0 0 auto;
    background-color: #337ab7;
    border: 1px solid #2e6da4;
    color: #fff;
    padding: 6px 25px;
}

.milestone-awards-data {
    width: 100%;
    margin: 25px 0;
}

.milestone-awards-settings {
    width: 100%;
    margin: 15px 0;
}

.milestone-awards-settings h3 {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    margin: 15px 0;
    border-bottom: 1px solid #ddd;
    padding: 0 0 5px 0;
}

.emails-admin-wrapper,
.add-email-inner,
.edit-email-inner,
.email-form-inner,
.milestone-awards-wrapper,
.edit-milestone-inner {
    width: calc(100% - 20px);
    margin: 0 auto 15px auto;
    padding: 10px 17px;
    background-color: #fff;
    border: 1px solid #E6E9ED;
}

.milestone-awards-wrapper {
    width: 50%;
    display: flex;
    flex-direction: column;
    margin: 15px auto 50px;
}

.add-email-inner,
.edit-email-inner,
.email-form-inner,
.edit-milestone-inner {
    width: 100%;
}

.add-email button,
.edit-email button,
.email-form-inner button,
.edit-milestone-inner button {
    background-color: #d9534f;
    color: #fff;
    border: 1px solid #ddd;
    padding: 10px 25px;
    font-size: 14px;
    margin: 15px 0;
}

.add-email-back,
.edit-email-back,
.edit-milestone-back {
    background-color: #5bc0de;
    padding: 10px 25px;
    color: #000;
    font-size: 14px;
    margin: 0 0 0 auto;
}

.emails-list-filters {
    display: flex;
    margin: 35px 0 15px 0;
}

.emails-list-filters form {
    display: flex;
    align-items: flex-end;
}

.emails-list-filters form .form-group {
    margin: 0 15px 0 0;
}

.emails-list-filters form button {
    margin: 0;
    background-color: #337ab7;
    border: 1px solid #2e6da4;
    color: #fff;
}

.emails-list-filters form a {
    margin: 0 0 0 15px;
}

.emails-list-filters form button i {
    margin: 0 10px 0 0;
}

.emails-list-filters form button:hover {
    color: #000;
}

.emails-admin-top-actions {
    margin: 0 0 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
}

.emails-admin-top-actions h2 {
    margin: 0 auto 0 0;
}

.admin-email-actions-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.admin-email-actions-wrapper a {
    margin: 0;
    width: 23px;
}

.admin-email-actions-wrapper a:first-child {
    margin: 0 15px 0 auto;
}

.emails-admin-wrapper table tbody tr td {
    vertical-align: middle;
}

.emails-admin-wrapper .emails-admin-left table thead tr th:last-child {
    text-align: center;
}

.emails-admin-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.emails-admin-wrapper .emails-admin-top-actions {
    width: 100%;
    margin: 0 0 15px 0;
}

.emails-admin-wrapper .emails-admin-left {
    width: calc(60% - 15px);
    margin: 0;
}

.emails-admin-wrapper .emails-admin-right {
    width: calc(40% - 15px);
    margin: 45px 0 15px 0;
}

.emails-admin-wrapper .emails-admin-top-actions form {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.alert {
    width: calc(100% - 20px);
    margin: 0 auto 15px auto;
}

.emails-admin-right table tbody tr.invalid td:last-child {
    background-color: #d9534f;
    color: #fff;
}

.emails-admin-right table tbody tr.duplicate td:last-child {
    background-color: #f0ad4e;
    color: #fff;
}

.emails-admin-right table tbody tr.valid td:last-child {
    background-color: #5cb85c;
    color: #fff;
}

.emails-admin-right-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.emails-admin-right-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f9f9f9;
    padding: 5px 30px;
    margin: 0 2px 0 auto;
}

.emails-admin-right-count > span {
    font-size: 14px;
    font-weight: 600;
}

.emails-admin-right-count > span:first-child {
    color: #5cb85c;
}

.emails-admin-right-count > span:nth-child(2) {
    margin: auto 25px;
    color: #d9534f;
}

.emails-admin-right-count > span:last-child {
    color: #f0ad4e;
}

.emails-admin-right-count > span > span {
    color: #000;
}

.quizz-index-questions-list {
    max-height: 100px;
    overflow-y: auto;
}

.quizz-add-questions-wrapper {
    border: 2px solid #9e9e9e;
    padding: 15px;
    background-color: #f5f5f5;
    margin: 25px 0;
}

.quizz-add-questions-header {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin: 0 0 10px 0;
}

.quizz-add-questions-header h2 {
    margin: 0;
}

.quizz-add-questions-header h3 {
    font-size: 14px;
    font-weight: 500;
    margin: 15px 0 0;
}

.quizz-questions-list {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.quizz-questions-list > li {
    position: relative;
    margin: 0 0 15px 0;
}

.quizz-add-question {
    background-color: #ececec;
    padding: 15px;
}

.quizz-add-question ul {
    list-style-type: none;
}

.quizz-add-questions-wrapper button.add-question {
    margin: 15px 0 0;
}

.quizz-questions-list > li:last-child .quizz-add-question > span {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 10px 0;
}

.quizz-questions-list > li:last-child .quizz-add-question > span .form-group {
    width: calc(100% - 200px);
    margin: 0;
}

.quizz-questions-list > li:last-child .quizz-add-question .quizz-answers-list li:last-child {
    width: calc(100% - 400px);
    margin: 0;
    position: relative;
}

.quizz-questions-list > li:last-child .quizz-add-question .quizz-answers-list li:not(:last-child),
.quizz-questions-list > li:last-child .quizz-add-question .quizz-answers-list li:first-child {
    width: calc(100% - 200px);
}

.quizz-questions-list > li:last-child .quizz-add-question .quizz-answers-list li:not(:last-child) button.remove-answer {
    display: none;
}

.quizz-questions-list > li:last-child .quizz-add-question > span button.remove-question {
    display: block;
    margin: 0;
}

.quizz-questions-list > li:not(:last-child) .quizz-add-question > span button.remove-question,
.quizz-questions-list > li:first-child .quizz-add-question > span button.remove-question {
    display: none;
}

.quizz-questions-list > li:first-child .quizz-add-question > span .form-group,
.quizz-questions-list > li:first-child .quizz-add-question .quizz-answers-list {
    width: 100%;
}

.quizz-questions-list > li:first-child .quizz-add-question .quizz-answers-list li:last-child {
    width: calc(100% - 200px);
    position: relative;
}

.quizz-questions-list > li.closed-question:first-child .quizz-add-question .quizz-answers-list li:last-child {
    width: 100%;
}

.quizz-questions-list > li.closed-question:first-child .quizz-add-question .quizz-answers-list li:last-child button.remove-answer {
    display: none;
}

.quizz-questions-list > li:first-child .quizz-add-question .quizz-answers-list li:not(:last-child),
.quizz-questions-list > li:first-child .quizz-add-question .quizz-answers-list li:first-child {
    width: 100%;
}

.quizz-questions-list > li:first-child .quizz-add-question .quizz-answers-list li:not(:last-child) button.remove-answer,
.quizz-questions-list > li:first-child .quizz-add-question .quizz-answers-list li:first-child button.remove-answer {
    display: none;
}

.remove-answer {
    position: absolute;
    right: -200px;
    top: 24px;
}

.quizz-questions-list > li.closed-question .quizz-add-question {
    background-color: #d8d8d8;
    border-bottom: 3px solid #999;
}

.quizz-questions-list > li.closed-question .quizz-add-question label {
    color: #3e3e3e;
}

.quizz-answers-list li {
    position: relative;
}

.quizz-answers-list li > input[type="checkbox"] {
    position: absolute;
    left: -35px;
    top: 28px;
}

.add-quizzes-content-wrapper form > button:last-child {
    margin: 0 0 45px auto;
    display: block;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 600;
    color: #353535;
}

.add-quizzes-content-wrapper form fieldset {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 15px 0;
}

.add-quizzes-content-wrapper form fieldset .add-quizz-form-left {
    width: calc(40% - 15px);
}

.add-quizzes-content-wrapper form fieldset .add-quizz-form-right {
    width: calc(60% - 15px);
}

.quizz-index-questions-list {
    cursor: pointer;
    user-select: none;
}

.quizz-index-questions-list li span,
.quizz-index-questions-list-preview li span {
    color: #f00;
    font-weight: 600;
    font-size: 12px;
    margin: 0 0 0 15px;
}

.quizz-index-questions-list-preview {
    position: fixed;
    background-color: rgba(31, 31, 31, 0.4);
    z-index: 9998;
    width: 500px;
    height: 600px;
    max-height: 900px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #ababab;
    box-shadow: 0px 0px 3px #000;
    display: none;
}

.quizz-index-questions-list-preview > .inner {
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
    padding: 25px;
}

.quizz-index-questions-list-preview > .inner > .list {
    width: 100%;
    height: calc(100% - 75px);
    overflow-y: auto;
}

.quizz-index-questions-list-preview > .inner h1 {
    text-transform: capitalize;
    font-size: 22px;
    border-bottom: 2px solid #ddd;
    padding: 0 0 10px 0;
    margin: 0 0 25px 0;
}

.add-quizzes-content-wrapper.edit-helper .quizz-questions-list > li .quizz-add-question .quizz-answers-list li:not(:last-child) {
    width: 100%;
}

.add-quizzes-content-wrapper.edit-helper .quizz-questions-list > li .quizz-add-question .quizz-answers-list li:last-child {
    width: calc(100% - 200px);
    position: relative;
}

.add-quizzes-content-wrapper.edit-helper .quizz-questions-list > li:not(:last-child) .add-question {
    display: none;
}

.add-quizzes-content-wrapper.edit-helper form > button:last-child {
    margin: 0 0 75px auto;
}

.add-quizzes-content-wrapper.edit-helper {
    position: relative;
}

.add-quizzes-content-wrapper.edit-helper .cancel-edit-quizz {
    display: inline-block;
    width: auto;
    position: absolute;
    bottom: 15px;
    right: 27px;
    background-color: #5bc0de;
    padding: 10px 25px;
    color: #fff;
    font-size: 14px;
}

.email-form-inner .emails-filters {
    margin: 0 0 50px 0;
}

.email-form-inner .email-send-form.inactive,
.email-form-inner .email-send-form.inactive + button {
    pointer-events: none;
    opacity: 0.4;
}

.gifts-modal {
    position: fixed;
    z-index: 99998;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
}

.gifts-modal .modal-inner {
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    background-color: #fff;
    padding: 0;
}

.gifts-modal .modal-inner > h1 {
    font-size: 28px;
    color: #464646;
    text-transform: uppercase;
    padding: 0 50px;
    margin: 35px 0 5px;
}

.gifts-modal .modal-inner > span {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 40px;
}

.gifts-modal ul {
    padding: 15px 50px;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

.gifts-modal ul li {
    width: calc(25% - 15px);
    padding: 0;
    margin: 0 15px 0 0;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #999;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.gifts-modal ul li:last-child {
    margin: 0;
}

.gifts-modal ul li:hover {
    box-shadow: 1px 1px 1px #ddd;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-color: #f3f3f3;
}

.gifts-modal ul li h1 {
    font-size: 22px;
    margin: 15px 0 5px;
}

.gifts-modal ul li p {
    font-size: 16px;
    font-style: italic;
    margin: 0 0 25px 0;
}

.gifts-modal ul li .gift-image-wrapper {
    width: 100%;
    height: 350px;;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    margin: 0 0 15px 0;
}

.gifts-modal ul li .gift-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.gifts-modal ul li .gift-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    margin: 0 auto 15px
}

.gifts-modal ul li .gift-actions a {
    font-size: 15px;
    padding: 5px 15px;
    background-color: #d23338;
    color: #fff;
    border-radius: 3px;
    width: calc(50% - 5px);
    margin: 0;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.gifts-modal ul li .gift-actions a:hover {
    background-color: #ddd;
    color: #000;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.gifts-modal ul li .gift-actions a:nth-child(2) {
    background-color: #999;
    border: 1px solid #ddd;
    width: calc(50% - 5px);
}

.gifts-modal ul li .gift-actions a:last-of-type {
    background-color: darkred;
    color: #fff;
    padding: 10px;
    width: 100%;
    margin: 15px 0 0;
}

.gifts-modal ul li .gift-actions a:last-of-type:hover,
.gifts-modal ul li .gift-actions a:nth-child(2):hover {
    background-color: #4e4e4e !important;
    color: #fff;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.gifts-modal ul li .gift-actions a.inactive,
.gifts-modal ul li .gift-actions a.inactive:hover,
.gifts-modal ul li.selected .gift-actions a:first-child,
.gifts-modal.readonly ul li a {
    user-select: none;
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
}

.gifts-modal.readonly ul li a,
.gifts-modal.readonly ul li a:last-of-type {
    opacity: .5;
}

.gifts-modal ul li.selected {
    background-color: #ddd;
    box-shadow: 0 0 7px #000;
}

.gift-hidden {
    display: none !important;
}

a.disabled {
    user-select: none;
    /* pointer-events: none; */
    cursor: not-allowed;
    text-decoration: none;
}

.dropdown-content form button {
    margin: 10px 0 0;
}

.dropdown-content form button:focus {
    box-shadow: none;
}


@media screen and (max-width: 900px) {
    .menu .branding {
        width: 151px;
        height: 54px
    }

    .hero__slider .b-title span {
        font-size: 16px !important;
    }

    .hero__slider .b-subtitle span {
        font-size: 12px !important;
    }

    .hero__slider .title-subtitle {
        top: 300px !important;
        left: 10px !important;
        width: 95% !important;
    }
}

.navbar-nav .open .dropdown-menu {
    width: 260px;
}

.main-nav .dropdown .dropdown-menu {
    background: white;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #fff !important;
}

.budget-quizzbtn-wrapper {
    display: block;
    position: absolute;
    right: 20px;
}
#logo-footer{
    width: auto;
    height: auto;
}
.main-footer:before{
    display: none;
}
#modal-gdpr,
#modal-gdpr-hu{
    z-index: 99999;
}
#modal-gdpr-hu table thead tr th:nth-child(2){
    width: 350px;
}
#modal-gdpr-hu table {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 15px 0;
}
#modal-gdpr-hu table td, #customers th {
    border: 1px solid #ddd;
    padding: 8px;
}
#modal-gdpr-hu table tr:nth-child(even){
    background-color: #f2f2f2;
}
#modal-gdpr-hu table tr:hover {
    background-color: #ddd;
}
#modal-gdpr-hu table th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #d9534f;
color: white;
}
.login_content h1:after,
.login_content h1:before{
    display: none;
}
#logo1{
    margin-left: -40% !important;
}
.login_content h1{
    font-size: 26px;
    font-weight: 600;
    margin: 30px auto;
    text-shadow: 2px 2px 2px #000;
}
html,
body{
    height: 100%;
    overflow: initial;
}
body > div{
    display: inline;
}
.login-bg-banner{
    background-size: cover !important;
}
.menu{
    position: relative;
    display: inline-block;
    top: 0;    
    height: auto;
    padding: 5px 0;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    transition: .5s ease-in;
    transform: none !important;
    background-color: #343a40;
}
#home .hero{
    padding: 0;
}
.menu .branding,
.branding1{
    height: auto !important;
    align-items: center;
    justify-content: center;
    display: flex;
    width: auto;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    transition: .5s ease-in;
}
.menu .branding img{
    width: 85px !important;
    margin: 0 0 0 15px !important;
}
.menu .menu-wrapper{
    align-items: stretch;
}
#quiz_btn{
    margin: auto 25px auto auto !important;
    align-self: center;
    width: 115px !important;
    background-size: cover !important;
}
.menu .budget{
    opacity: 1;
    visibility: visible;
    display: block;
}
.menu .budget{
    zoom: 1 !important;
    padding: 0 25px;
    margin: 0 auto;
    background-color: #fff;
}
.hero .hero__text{ /* welcome text ascuns */
    display: none;
}
.menu.sticky-menu{
    position: fixed;
    box-shadow: 1px 5px 10px #fff;
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
    height: 90px;
}
.menu.sticky-menu .menu-wrapper{
    background-color: transparent;
    color: #fff;
}
.menu.sticky-menu ~ #home{
    margin: 155px 0 0;
    display: inline-block;
}
.menu.sticky-menu .branding1 img{
    width: 150px;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
}
.menu.sticky-menu .branding img{
    width: 45px !important;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
}
.menu .budget{
    -webkit-transition: 2ss ease-in;
    -moz-transition: 2ss ease-in;
    -o-transition: 2ss ease-in;
    transition: 2ss ease-in;
}
.menu.sticky-menu .budget p,
.menu.sticky-menu .budget p .money{
    font-size: 10px;
    margin: 0;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
}
.budget-quizzbtn-wrapper{
    display: none !important;
}
.description-modal{
    z-index: 99998;
}
.description-modal .description-modal-content{
    max-height: 80%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
#quiz_btn{
    cursor: pointer;
}
.bcrumb{
    margin: 50px 0 0;
}
.hero + ul#produse{
    /* background-color: rgb(255 255 255 / 57%); */
    margin: 0;
}
.hero + ul#produse li{
    background-color: #3c3c3c;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.hero + ul#produse li:first-child{
    border-left: 1px solid #ddd;
}
.main-nav{
    width: calc(100% - 500px);
}
.main-nav .menu-mobile{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.main-nav .menu-mobile > a:first-child{
    margin-left: auto;
}
#custom_logos.online-magazin a{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-family: 'Montserrat';
    line-height: 18px;
}
#custom_logos.online-magazin img{
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}
.campaign-actions{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 65%;
    margin: 15px auto;
}
.campaign-actions #dropbtn{
    padding: 0;
    width: 100%;
    display: block;
    border: 2px solid #fff;
    border-radius: 3px;
    background-color: transparent;
}
.campaign-actions .more{
    margin: -7px 0 0 !important;
    background-color: transparent;
}
.campaign:hover .campaign-actions .more{
    margin: 0 !important;
}
.campaign #more,
.campaign .dropdown{
    display: none;
}
.campaign:hover #more,
.campaign:hover .dropdown{
    display: block;
}
.campaign-actions .more:hover,
.campaign-actions > .dropdown:hover > span{
    background-color: rgba(221, 221, 221, 0.5) !important;
    color: #000 !important;
}
.campaign-actions > .dropdown{
    margin: 15px 0;
}
.main-nav .dropdown .dropdown-menu a:hover{
    color: #000;
    background-color: rgba(221, 221, 221, 0.5) !important;
}
.nav_menu > nav{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.nav_menu > nav .nav_title{
    height: auto;
}
.nav_menu > nav .nav_title a img{
    width: 100%;
    max-width: 270px;
}
.nav_menu > nav ul.navbar-nav li::empty{
    display: none;
}
.menu-extra{
    display: flex;
    margin: 0 15px;
    align-items: center;
    justify-content: space-between;
}
.product .product__description{
    height: auto !important; 
}
.campaign-actions .dropdown-content{
    padding: 3px 0;
}
.campaign-actions .dropdown-content a{
}
.campaign-actions .dropdown-content a:hover{
    background-color: #b62225 !important;
    color: #fff;
    width: 75%;
    margin: auto;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    box-shadow: 0px 3px 0px #4e4e4e;
    position: relative;
    top: -3px;
}
.campaign-actions .dropdown-content a:not(.disabled):active{
    box-shadow: 0 1px 0 #4e4e4e;
    top: 0;
}
.campaigns-slider{
    width: 100%;
}
body{
    line-height: unset;
}
.slick-slide,
.slick-slide > div{
    display: flex;
    height: 100%;
}
.campaigns .campaign:hover .more + .more{
    margin-top: 15px !important;
}
.emails-list form thead .checkbox{
    float: right;
    margin: -3px 5px 0 0;
}
.emails-list form thead .checkbox input{
    width: 15px;
    height: 15px;
}
.admin-email-actions-wrapper .checkbox{
    margin: -20px 3px 0px auto;
}
.delete-emails{
    background-color: #d9534f;
    border: none;
    border-radius: 3px;
    padding: 6px 12px;
    line-height: 1.5;
    color: #fff;
    margin: 0 0 0 auto;
    font-size: 14px;
}
.submit-delete-emails{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
.product .addto:hover{
    background: #b62225 !important;
    color: #fff;
    border: 2px solid #b62225;
}
.regulations-content p{
    line-height: 20px;
}
.regulations-content h3{
    font-size: 22px;
}
.regulations-content table{
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
.regulations-content table td, .regulations-content table th{
    border: 1px solid #ddd;
    padding: 8px;
}
.regulations-content table tr:nth-child(even){
    background-color: #f2f2f2;
}
.regulations-content table tr:hover{
    background-color: #ddd;
}
.regulations-content table th{
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #b62225;
    color: white;
}
.regulations-content ul li{
    margin: 0 0 5px 0;
}
#logo1{
    margin-left: -45%;
    position: absolute;
    width: 52%;
    float: left;
    margin-top: -24%;
}
#logo2{
    position: absolute;
    width: 60%;
    margin-top: -32%;
}
.mobile-menu-btn{
    display: none;
}
body.nr_clienti_filiale #div-graph{
    height: auto !important;
}
body.nr_clienti_filiale #div-graph > div{
    width: 100% !important;
    height: auto !important;
}
body.nr_clienti_filiale #div-graph > div canvas{
    width: 100% !important;
    height: auto !important;
    position: initial !important;
}
.close-mobile-menu{
    display: none;
}
body.login{
    background-image: url(../img/osobowy.jpg);
    background-position-x: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
body.login > div{
    display: block;
    height: 100%;
    background-color: transparent;
}
.login-wrapper{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: flex-end;
    justify-content: flex-start;
}
.login_content{
    width: 380px;
    margin: 0 0 300px 0;
}
.graph-title h2{
    color: #000;
    font-size: 18px;
    font-weight: 500;
}
.graph-title p{
    color: #b0b0b0;
    font-weight: 600;
    font-size: 12px;
}
.description-modal-content button{
    color: #000;
    opacity: 1;
    text-shadow: none;
    transform: scale(1.5, 1);
    font-size: 30px;
    height: auto;
    width: auto;
}
.details .product-header{
    width: 100%;
}
.menu-mobile-close{
    display: none;
}




















/* Media queries */
@media only screen and (max-width: 1780px){
    .main-nav .menu-mobile > a,
    .main-nav .dropdown .dropdown-menu a{
        font-size: 14px !important;
    }
    .menu .budget{
        zoom: 0.8 !important;
    }
    #quiz_btn{
        width: 85px !important;
    }
}
@media only screen and (max-width: 1635px){
    .main-nav .menu-mobile > .menu-extra{
        order: 1;
        width: 100%;
        margin: 0 0 15px 0;
        justify-content: flex-end;
    }
    .main-nav .menu-mobile > *:not(.menu-extra){
        order: 2;
    }
    .main-nav .menu-mobile > .menu-extra button{
        margin: 0 !important;
    }
    .main-nav .menu-mobile > .menu-extra .budget{
        margin: 0 0 0 50px;
    }
    .sticky-menu .main-nav .menu-mobile > .menu-extra{
        margin: 0 0 5px 0;
    }
    .sticky-menu .basket svg{
        width: 65%;
        height: 65%;
    }
    .sticky-menu .basket .in-basket{
        transform: translate(-20%, 10%);
        width: 14px;
        height: 14px;
        font-size: 12px;
    }
    .sticky-menu .main-nav .menu-mobile > a{
        font-size: 12px;
        margin: -10px 0 0;
        display: flex;
        align-items: center;
    }
    .sticky-menu .main-nav .menu-mobile > a:first-child{
        margin-left: auto;
    }
    .sticky-menu .main-nav .dropdown .dropdown-toggle{
        padding: 0 7px 0 0;
    }
    .sticky-menu .main-nav .dropdown{
        margin: -10px 0 0 50px;
    }
}
@media only screen and (max-width: 1310px){
    .nav_menu > nav{
        flex-direction: column;
    }
    .nav_menu > nav .nav_title,
    .nav_menu > nav ul.navbar-nav{
        width: 100%;
    }
    body.nr_accesari_pe_zile #div-graph{
        height: auto !important;
    }
    body.nr_accesari_pe_zile #div-graph > div{
        width: 100% !important;
        height: auto !important;
    }
    body.nr_accesari_pe_zile #div-graph > div canvas{
        width: 100% !important;
        height: auto !important;
        position: initial !important;
    }
    .navbar-nav .dropdown-menu{
        left: 0;
        right: initial;
    }
}
@media only screen and (max-width: 1200px){
    .menu .branding1 {
        width: 150px;
    }
    .menu .branding{
        margin: 0 auto 0 0;
    }
    .main-nav{
        width: calc(100% - 70px);
    }
    .emails-admin-wrapper .emails-admin-left,
    .emails-admin-wrapper .emails-admin-right{
        width: 100%;
    }
    body.orders .x_panel .x_title .form-group,
    body.users_audit .x_title .form-group{
        width: 100% !important;
    }
    .x_title h2{
        width: auto;
    }
    body.procese-verbale-semnate #raport_order_vouchers_filter,
    body.orders #raport_order_vouchers_filter,
    body.users_audit #raport_audit_length,
    body.users_audit #raport_audit_filter,
    body.rdf #raport_audit_length,
    body.rdf #raport_audit_filter,
    body.conf_campaign #raport_audit_length,
    body.conf_campaign #raport_audit_filter{
        width: 100%;
    }
    body.users_audit #raport_audit_filter label input,
    body.conf_campaign #raport_audit_filter label input{
        margin: 0 0 0 5px;
    }
    .milestone-awards-wrapper,
    .edit-milestone-wrapper{
        width: calc(70% - 15px);
    }
    body.users_audit .x_title,
    body.rdf .x_title{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
    }
    body.users_audit .x_title h2,
    body.rdf .x_title h2{
        width: 100%;
    }
    body.users_audit .x_title .pull-right form .form-group,
    body.users_audit .x_title .pull-right form .form-group .input-group,
    body.rdf .x_title .pull-right form .form-group,
    body.rdf .x_title .pull-right form .form-group .input-group{
        margin: 0;
    }
    body.users_audit .x_title a.btn-success,
    body.rdf .x_title a.btn-success{
        margin-bottom: 0;
    }
    body.consum-buget .x_title form .form-group{
        width: 50% !important;
    }
    .campaign .campaign__percent .percent{
        top: 40px;
    }
    .campaign:hover .campaign__percent{
        width: calc(100% - 6px);
        left: 3px;
    }
    .main-footer{
        padding: 0;
    }
}
@media only screen and (max-width: 991px){
    .nav_menu > nav ul.navbar-nav{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        margin: 0;
        padding: 0;
    }
    .nav_menu > nav ul.navbar-nav li{
        width: 145px;
    }
    .x_content table.jambo_table,
    .emails-admin-wrapper table.jambo_table,
    body.istoric_agent .x_panel .x_content table.datatable,
    body.quizzes .quizzes table.jambo_table,
    .milestone-awards-data table.jambo_table,
    body.istoric_bugete table.jambo_table,
    .istoric-table{
        border: 0;
    }
    .x_content table.jambo_table thead,
    .emails-admin-wrapper table.jambo_table thead,
    body.istoric_agent .x_panel .x_content table.datatable thead,
    body.quizzes .quizzes table.jambo_table thead,
    .milestone-awards-data table.jambo_table thead,
    body.istoric_bugete table.jambo_table thead,
    .istoric-table thead{
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .x_content table.jambo_table tr,
    .emails-admin-wrapper table.jambo_table tr,
    body.istoric_agent .x_panel .x_content table.datatable tr,
    body.quizzes .quizzes table.jambo_table tr,
    .milestone-awards-data table.jambo_table tr,
    body.istoric_bugete table.jambo_table tr,
    .istoric-table tr{
      border-bottom: 3px solid #ddd;
      display: block;
      margin-bottom: 15px;
      background-color: rgb(221 221 221 / 50%);
    }
    .x_content table.jambo_table tr td,
    .x_content table.jambo_table tr th,
    .emails-admin-wrapper table.jambo_table tr td,
    .emails-admin-wrapper table.jambo_table tr th,
    body.istoric_agent .x_panel .x_content table.datatable tr td,
    body.istoric_agent .x_panel .x_content table.datatable tr th,
    body.quizzes .quizzes table.jambo_table tr td,
    body.quizzes .quizzes table.jambo_table tr th,
    .milestone-awards-data table.jambo_table tr td,
    .milestone-awards-data table.jambo_table tr th,
    body.istoric_bugete table.jambo_table tr td,
    body.istoric_bugete table.jambo_table tr th,
    .istoric-table tr td,
    .istoric-table tr th{
        border-bottom: 1px solid #ddd;
        text-align: right;
        width: 100% !important;
        padding-left: 75px;
        position: relative;
        min-height: 30px;
        word-break: break-word;
        white-space: break-spaces;
        max-width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    .x_content table.jambo_table tr td:before,
    .x_content table.jambo_table tr th:before,
    .emails-admin-wrapper table.jambo_table tr td:before,
    .emails-admin-wrapper table.jambo_table tr th:before,
    body.istoric_agent .x_panel .x_content table.datatable tr td:before,
    body.istoric_agent .x_panel .x_content table.datatable tr th:before,
    body.quizzes .quizzes table.jambo_table tr td:before,
    body.quizzes .quizzes table.jambo_table tr th:before,
    .milestone-awards-data table.jambo_table tr td:before,
    .milestone-awards-data table.jambo_table tr th:before,
    body.istoric_bugete table.jambo_table tr td:before,
    body.istoric_bugete table.jambo_table tr th:before,
    .istoric-table tr td:before,
    .istoric-table tr th:before{
        content: attr(data-label);
        font-weight: bold;
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    table.jambo_table tbody tr:hover th,
    .emails-admin-wrapper table.jambo_table tr:hover th,
    body.istoric_agent .x_panel .x_content table.datatable tr:hover th,
    body.quizzes .quizzes table.jambo_table tr:hover th,
    .milestone-awards-data table.jambo_table tr:hover th,
    .istoric-table tr:hover th{
        background: rgba(38,185,154,.07);
        border-top: 1px solid rgba(38,185,154,.11);
    }
    .x_panel .x_title .form-group{
        width: 70%;
    }
    .x_panel .x_title .form-group .col-sm-12{
        padding: 0;
        width: 100%;
    }
    body.users .x_title a{
        margin: 15px 15px 0 auto;
    }
    body.users .x_title form{
        margin: 15px 0 0;
    }
    .email-form-wrapper{
        width: 100%;
        margin: 25px 0;
    }
    body.banners .x_panel .x_content table.jambo_table .actions a{
        position: relative;
        top: -5px;
        right: -5px;
        margin: 0;
    }
    body.procese-verbale-semnate .x_title h2,
    body.gdpr .x_title h2{
        width: 100%;
    }
    body.consum_buget .x_title h2{
        width: 100%;
        margin: 0 0 25px 0;
    }
    body.procese-verbale-semnate .x_panel .x_title .form-group{
        width: 100% !important;
        margin: 15px 0 0;
    }
    body.procese-verbale-semnate #raport_order_vouchers_length,
    body.orders #raport_order_vouchers_length{
        width: 100%;
    }
    body.consum_buget .x_panel .x_title .form-group{
        width: 70% !important;
    }
    .milestone-awards-wrapper,
    .edit-milestone-wrapper{
        width: calc(100% - 15px);
    }
    body.gdpr .x_panel .x_title .form-group,
    body.rdf .x_panel .x_title .form-group{
        width: 100% !important;
    }
    .navbar-nav .open .dropdown-menu{
        left: 0;
    }
    .nav_menu > nav ul.navbar-nav > li > ul > li{
        width: 100%;
    }
    .login-wrapper{
        align-items: center;
        justify-content: center;
    }
    .login_content{
        margin: 0;
    }
    body.banners .x_panel .x_content table.jambo_table .actions a{
        top: 0;
    }
    body.nr_accesari_pe_zile .x_panel .x_title .form-group,
    body.nr_clienti_filiale .x_panel .x_title .form-group,
    body.nr_accesari_pe_ore .x_panel .x_title .form-group{
        width: 270px !important;
    }
    .main-footer{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .main-footer .branding{
        width: 100%;
        text-align: center;
        margin: 15px 0 0;
    }
    .main-footer .branding img{
        margin: 0 auto;
    }
}
@media only screen and (max-width: 900px){
    .admin-email-actions-wrapper .checkbox{
        margin: 0 0 0 40px;
        top: -10px;
        display: inline-block;
    }
    .emails-list-filters{
        flex-wrap: wrap;        
    }
    .emails-list-filters form{
        flex-wrap: wrap;
        width: 100%;
    }
    .emails-list-filters form .form-group{
        width: calc(50% - 15px);
        margin: 0 30px 15px 0;
    }
    .emails-list-filters form .form-group.email{
        width: calc(50% - 15px);
        margin: 0 0 15px 0;
    }
    .emails-list-filters button.delete-emails{
        position: relative;
        top: -34px;
    }
    .hamburger{
        position: relative;
        border: 2px solid #fff;
        border-radius: 4px;
        width: 44px;
        height: 40px;
    }
    .hamburger:before{
        content: '';
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        width: 28px;
        height: 20px;
        position: absolute;
        left: 6px;
        top: 8px;
    }
    .hamburger:after{
        content: '';
        background-color: #fff;
        width: 28px;
        height: 2px;
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
    }
    .menu .branding1{
        width: 250px;
        margin: 0 0 0 auto;
    }
    .menu .branding1 img{
        width: 200px;
    }
    .menu .branding{
        margin: 0 auto 0 15px;
    }
    .menu .branding img{
        margin: 0 auto !important;
    }
    .main-nav{
        width: 76px !important;
    }
    .main-nav .menu-mobile{
        background-color: #343a40;
        z-index: 9999;
        justify-content: flex-start;
        flex-direction: row;
        align-items: flex-start;
    }
    .main-nav .menu-mobile .menu-mobile-close{
        content: 'x';
        font-size: 20px;
        color: #fff;
        position: absolute;
        top: 6px;
        right: 6px;
        border-radius: 50%;
        border: 1px solid #fff;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 20px;
    }
    .menu .budget{
        zoom: unset !important;
    }
    .main-nav .menu-mobile > .menu-extra{
        width: calc(100% - 320px);
        margin: 10px 20px 0 10px;
    }
    .main-nav .menu-mobile > .menu-extra .budget{
        position: initial;
    }
    .main-nav .menu-mobile > a:not(.basket){
        order: 3;
    }
    .main-nav .menu-mobile > a:first-child{
        margin: 0;
    }
    .main-nav .dropdown{
        width: 160px;
        margin: 0;
        text-align: center;
    }
    .main-nav a.basket{
        width: 35px;
        margin: 35px 0 0 40px;
    }
    .main-nav a.basket svg{
        fill: #fff;
        width: 35px;
    }
    .main-nav .menu-mobile > .menu-extra .budget{
        margin: 0;
    }
    .main-nav .menu-mobile .dropdown .dropdown-menu{
        display: none !important;
    }
    .main-nav .menu-mobile .dropdown .dropdown-menu.show{
        display: block !important;
    }
    .main-nav .menu-mobile .dropdown a.dropdown-toggle{
        color: #fff;
        border: none;
        margin: 30px 0 0 15px;
        position: relative;
        width: 100%;
    }
    .main-nav .menu-mobile .dropdown a.dropdown-toggle:before{
        content: '';
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        position: absolute;
        right: 30px;
        top: 15px;
    }
    .main-nav .menu-mobile > a:not(.basket){
        position: absolute;
        color: #fff;
    }
    .main-nav .menu-mobile > a:first-child{
        right: 35px;
        top: 115px;
    }
    .main-nav .menu-mobile > a:nth-child(2){
        right: 35px;
        top: 145px;
    }
    .main-nav .menu-mobile > a:nth-child(3){
        right: 35px;
        top: 175px;
    }
    .main-nav .menu-mobile > a:nth-child(4){
        right: 35px;
        top: 205px;
    }
}
@media only screen and (max-width: 767px){
    .mobile-menu-btn{
        display: block;
        position: absolute;
        border: 2px solid #333;
        background-color: #fff;
        width: 40px;
        height: 36px;
        right: 15px;
        top: 25px;
        margin: 0;
        padding: 0;
    }
    .mobile-menu-btn:before{
        content: '';
        width: 25px;
        height: 2px;
        background-color: #333;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .mobile-menu-btn:after{
        content: '';
        width: 25px;
        height: 18px;
        border-top: 2px solid #333;
        border-bottom: 2px solid #333;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .mobile-menu-btn:hover{
        background-color: #d9534f;
    }
    .mobile-menu-btn:hover:before{
        background-color: #fff;
    }
    .mobile-menu-btn:hover:after{
        border-color: #fff;
    }
    .nav_menu > nav ul.navbar-nav{
        background-color: #2A3F54;
        height: 100%;
        position: fixed;
        z-index: 9999;
        width: 75%;
        left: -77%;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 65px 0 0;
    }
    .nav_menu > nav ul.navbar-nav.opened{
        left: 0;
    }
    .nav_menu > nav ul.navbar-nav li{
        width: 100%;
        display: inline-block;
        float: none !important;
    }
    .nav_menu > nav ul.navbar-nav > li.pull-right{
        width: 150px;
        position: absolute;
        top: 0;
    }
    .nav_menu > nav ul.navbar-nav > li.pull-right + .pull-right{
        width: 70px;
        position: absolute;
        top: 0;
        left: 150px;
    }
    .nav_menu > nav ul.navbar-nav > li > a{
        color: #fff;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .dropdown-menu > li > a{
        display: flex;
        align-items: center;
    }
    .navbar-nav .open .dropdown-menu > li > a i,
    .navbar-nav .dropdown-menu > li > a i{
        margin: 0 15px 0 0;
    }
    .navbar-nav li.pull-right .open .dropdown-menu li a,
    .navbar-nav li.pull-right .dropdown-menu li a{
        padding: 10px 0 10px 45px !important;
    }
    .navbar-nav li.pull-right .open .dropdown-menu li a i,
    .navbar-nav li.pull-right .dropdown-menu li a i{
        margin: 0 15px 0 -30px;
    }
    .navbar-nav .dropdown-menu,
    .navbar-nav .open .dropdown-menu{
        position: absolute;
        width: calc(100% - 15px);
        left: 15px !important;
        right: initial;
        top: 100%;
        z-index: 9998;
        border: 1px solid #D9DEE4;
        box-shadow: none;
        text-shadow: none;
        float: left;
        font-size: 12px;
        list-style: none;
        padding: 0;
        max-height: 265px;
        overflow-y: auto;
        display: none;
    }
    .navbar-nav li.pull-right .dropdown-menu,
    .navbar-nav li.pull-right .open .dropdown-menu{
        left: 0 !important;
    }
    .navbar-nav li:not(:first-child) .dropdown-menu.dropdown-usermenu,
    .navbar-nav li:not(:first-child) .open .dropdown-menu.dropdown-usermenu{
        overflow: initial;
        top: 100%;
        left: 15px !important;
        margin: 0;
    }
    .navbar-nav li.pull-right .dropdown-menu.dropdown-usermenu,
    .navbar-nav li.pull-right .open .dropdown-menu.dropdown-usermenu{
        overflow: initial;
        left: 0 !important;
    }
    .navbar-nav .open .dropdown-menu > li > a{
        padding: 12px 20px !important;
    }
    .navbar-nav li:nth-child(7){
        order: 1;
    }
    .navbar-nav li:nth-child(3){
        order: 2;
    }
    .navbar-nav li:nth-child(1){
        order: 3;
    }
    .navbar-nav li:nth-child(2){
        order: 7;
    }
    .navbar-nav li:nth-child(4){
        order: 6;
    }
    .navbar-nav li:nth-child(5){
        order: 5;
    }
    .navbar-nav li:nth-child(6){
        order: 8;
    }
    body.nav-opened{
        overflow: hidden;
        position: relative;
    }
    body.nav-opened:before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9998;
        background-color: rgba(0, 0, 0, 0.75);
    }
    body.procese-verbale-semnate #raport_order_vouchers_wrapper .row .col-sm-6,
    body.orders #raport_order_vouchers_wrapper .row .col-sm-6,
    body.users_audit #raport_audit_wrapper .row .col-sm-6,
    body.rdf #raport_audit_wrapper .row .col-sm-6,
    body.conf_campaign #raport_audit_wrapper .row .col-sm-6{
        width: 50%;
    }
    body.procese-verbale-semnate #raport_order_vouchers_wrapper .row .col-sm-12,
    body.orders #raport_order_vouchers_wrapper .row .col-sm-12,
    body.users_audit #raport_audit_wrapper .row .col-sm-12,
    body.rdf #raport_audit_wrapper .row .col-sm-12,
    body.conf_campaign #raport_audit_wrapper .row .col-sm-12{
        width: 100%;
    }
    body.procese-verbale-semnate #raport_order_vouchers_length > label,
    body.orders #raport_order_vouchers_length > label,
    body.rdf #raport_audit_length > label{
        display: flex;
        align-items: center;
        width: 145px;
    }
    body.procese-verbale-semnate #raport_order_vouchers_filter > label,
    body.orders #raport_order_vouchers_filter > label,
    body.users_audit #raport_audit_length > label,
    body.users_audit #raport_audit_filter > label,
    body.rdf #raport_audit_filter > label,
    body.conf_campaign #raport_audit_filter > label,
    body.conf_campaign #raport_audit_length > label{
        width: 100%;
        display: flex;
        align-items: center;
    }
    body.users_audit #raport_audit_length > label select,
    body.conf_campaign #raport_audit_length > label select{
        width: 65px;
        margin: 0 5px 0 0;
    }
    body.procese-verbale-semnate #raport_order_vouchers_filter > label > input,
    body.orders #raport_order_vouchers_filter > label > input,
    body.users_audit #raport_audit_filter > label > input,
    body.rdf #raport_audit_filter > label > input,
    body.conf_campaign #raport_audit_filter > label > input{
       margin: 0 0 0 5px;
    }
    body.procese-verbale-semnate #raport_order_vouchers_length > label > select,
    body.orders #raport_order_vouchers_length > label > select,
    body.rdf #raport_audit_length > label > select,
    body.conf_campaign #raport_audit_length > label > select{
        margin: 0 5px;
    }
    .nav_menu > nav ul.navbar-nav > li > a span.fa-angle-down{
        position: absolute;
        left: 130px;
        top: 11px;
    }
    .nav_menu > nav ul.navbar-nav > li > a span.fa-angle-down:before{
        font-size: 22px;
        font-weight: 700;
    }
    .nav_menu > nav ul.navbar-nav > li.pull-right > a span.fa-angle-down{
        position: absolute;
        left: 100px;
        top: 12px;
    }
    .nav_menu > nav ul.navbar-nav > li.pull-right + .pull-right > a span.fa-angle-down{
        position: absolute;
        left: 40px;
        top: 12px;
    }
    .close-mobile-menu{
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 16px;
        font-weight: 700;
        color: #fff;
        background-color: #515356;
        width: 20px;
        height: 20px;
        line-height: 18px;
        text-align: center;
        border-radius: 50%;
    }
    .x_content .row .col-sm-5 .dataTables_info{
        width: 100%;
        margin: 0 0 10px 0;
    }
    .edit-email{
        width: calc(100% - 30px);
    }
    .add-quizzes-content-wrapper form fieldset{
        flex-direction: column;
    }
    .add-quizzes-content-wrapper form fieldset .add-quizz-form-left,
    .add-quizzes-content-wrapper form fieldset .add-quizz-form-right{
        width: 100%;
    }
    body.consum-buget .x_title h2{
        width: 100%;
    }
    body.consum-buget .x_title form .form-group{
        width: 70% !important;
    }
}
@media only screen and (max-width: 700px){
    .main-nav .menu-mobile > .menu-extra{
        width: 90%;
        margin: 15px auto;
    }
    .main-nav .menu-mobile > a:first-child{
        left: initial;
        right: 250px;
        top: 120px;
    }
    .main-nav .menu-mobile > a:nth-child(2){
        left: initial;
        right: 250px;
        top: 150px;
    }
    .main-nav .menu-mobile > a:nth-child(3){
        left: initial;
        right: 250px;
        top: 180px;
    }
    .main-nav .menu-mobile > a:nth-child(4){
        left: initial;
        right: 250px;
        top: 210px;
    }
    .main-nav a.basket{
        position: absolute;
        top: 100px;
        right: 45px;
    }
    .main-nav .dropdown{
        position: absolute;
        top: 100px;
        right: 100px;
    }
    .main-nav .menu-mobile .menu-mobile-close{
        left: 6px;
        right: initial;
    }
    .nav-tabs .nav-item a{
        color: #fff;
    }
    .nav-tabs .nav-item .nav-link.active{
        color: #0f0f0f;
    }
}
@media only screen and (max-width: 680px){
    body.orders .x_title form .form-group{
        margin: 15px 0 0;
    }
    body.orders .x_title form .form-group .input-group input[name="interval"],
    body.orders .x_title form .form-group .input-group select[name="filiala"],
    body.orders .x_title form .form-group .input-group select[name="virtuale"]{
        width: 100% !important;
    }
}
@media only screen and (max-width: 650px){
    .emails-admin-wrapper .emails-admin-top-actions{
        flex-wrap: wrap;
    }
    .emails-admin-top-actions h2{
        width: 100%;
        margin: 15px 0;
    }
    body.products .x_title h2,
    body.campaigns .x_title h2{
        width: 100%;
    }
    body.products .add-new-product{
        margin: 0;
    }
    body.campaigns .x_panel .x_title .form-group{
        width: 50% !important;
    }
    .add-quizzes-content-wrapper.edit-helper .quizz-questions-list > li .quizz-add-question .quizz-answers-list li:last-child{
        width: 100%;
    }
    .add-quizzes-content-wrapper.edit-helper .quizz-questions-list > li .quizz-add-question .quizz-answers-list li:last-child .remove-answer{
        position: initial;
    }
    .quizz-questions-list > li:last-child .quizz-add-question > span .form-group{
        width: 100%;
        margin: 0 0 5px 0;
    }
}
@media only screen and (max-width: 550px){
    body.orders .x_panel .x_title .form-group .input-group{
        display: flex;
        flex-wrap: wrap;
    }
    body.orders .x_panel .x_title .form-group .input-group input[type="text"]{
        width: 100% !important;
    }
    body.orders .x_panel .x_title .form-group .input-group select{
        width: calc(50% - 17px) !important;
    }
    body.orders .x_panel .x_title .form-group .input-group > a{
        order: 4;
        margin: 10px 0 0 auto;
    }
    body.nr_clienti_activi_filiale .x_panel .x_title .form-group{
        width: 150px !important;
    }
    .main-footer #custom_logos img{
        image-rendering: crisp-edges;
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-crisp-edges;
        image-rendering: -webkit-optimize-contrast;
        -ms-interpolation-mode: nearest-neighbor;
    }
    .main-footer #custom_logos:nth-child(2) img{
        width: 60px !important;
    }
    .main-footer #custom_logos:nth-child(3) img{
        width: 35px !important;
    }
    .main-footer #custom_logos:nth-child(4) img{
        width: 75px !important;
    }
    .main-footer #custom_logos:nth-child(5) img{
        width: 70px !important;
    }
    .main-footer #custom_logos:last-child img{
        width: 100px !important;
    }
}
@media only screen and (max-width: 500px){
    .login_content{
        width: 90%;
        margin: -540px auto;
        right: 0;
    }
    .emails-list-filters form button{
        margin: 0 0 0 auto;
    }
    .emails-list-filters button.delete-emails{
        top: 0;
        margin: 15px 0 0 auto;
    }
    .emails-list-filters form a{
        margin: 0 -4px 0 15px;
    }
    body.products .x_title form.search-by-name{
        width: 100%;
        justify-content: flex-end;
        margin: 80px -12px 0px auto;
    }
    body.campaigns .x_panel .x_title .form-group{
        width: 100% !important;
    }
    body.consum_buget .x_panel .x_title .form-group{
        width: 100% !important;
        margin: 15px 0 0;
    }
    body.users_audit #raport_audit_wrapper .row .col-sm-6,
    body.rdf #raport_audit_wrapper .row .col-sm-6,
    body.conf_campaign #raport_audit_wrapper .row .col-sm-6{
        width: 100%;
    }
    body.users_audit #raport_audit_filter > label > input{
        margin: 0 0 0 10px;
    }
    body.conf_campaign #raport_audit_filter > label > input{
        margin: 0 0 0 15px;
    }
    body.users_audit .x_title div.pull-right,
    body.rdf .x_title div.pull-right{
        width: 100%;
        margin: 0 0 10px 0;
    }
    .paginator > .pagination{
        display: flex;
        flex-wrap: wrap;
    }
    .paginator > .pagination > .pagination{
        width: 100%;
        order: -1;
        margin: 0 0 10px 0 !important;
    }
    .paginator > .pagination + p{
        margin: 10px 0 0;
    }
    .emails-list-filters{
        margin: 0px 0 15px 0;
    }
    .emails-list-filters form .form-group.email,
    .emails-list-filters form .form-group{
        width: 100%;
        margin: 0 0 5px 0;
    }
    body.consum-buget .x_title form .form-group{
        width: 100% !important;
    }
    .main-footer .branding{
        overflow: hidden;
    }
}
@media only screen and (max-width: 450px){
    .x_panel .x_title h2{
        width: 100%;
        margin: 0 0 15px 0;
    }
    .x_panel .x_title .form-group{
        width: 100%;
    }
    footer .pull-right{
        font-size: 12px;
    }
    body.admin-banner-edit .x_content form .col-md-6{
        padding: 0;
    }
    body.admin-banner-edit .x_content form .multicheckbox{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    body.admin-banner-edit .x_content form .multicheckbox > label{
        width: 100%;
    }
    body.admin-banner-edit .x_content form .multicheckbox .checkbox{
        margin: 0;
    }
    body.admin-banner-edit .x_content form .multicheckbox .checkbox > label{
        display: flex;
        align-items: center;
    }
    body.procese-verbale-semnate #raport_order_vouchers_wrapper .row .col-sm-6{
        width: 100%;
    }
    body.procese-verbale-semnate .x_title form .form-group select[name="filiala"],
    body.procese-verbale-semnate .x_title form .form-group select[name="virtuale"]{
        width: 100% !important;
    }
    body.consum_buget .x_title form .form-group select[name="filiala"],
    body.consum_buget .x_title form .form-group input[name="search_term"]{
        width: 100% !important;
    }
    body.orders #raport_order_vouchers_wrapper .row .col-sm-6{
        width: 100%;
    }
    .menu .branding1{
        width: 200px;
        margin: 0 5px 0 5px;
    }
    .menu .branding1 img{
        width: 175px;
    }
    .menu .branding{
        margin: 0 auto 0 10px; 
    }
    .menu .branding img{
        width: 70px !important;
    }
}
@media only screen and (max-width: 400px){
    body.gdpr .x_title form .form-group .input-group select[name="filiala"],
    body.gdpr .x_title form .form-group .input-group input[name="search_term"]{
        width: 100% !important;
    }
    #quiz_btn{
        background: none;
        border-color: transparent;
        position: absolute;
        top: 135px;
        left: 25px;
    }
    .main-nav .menu-mobile > .menu-extra{
        width: 90%;
        margin: 15px auto;
    }
    .main-nav .menu-mobile > a{
        font-size: 11px !important;
        left: initial;
    }
    .main-nav .menu-mobile > a:first-child{
        right: 15px;
        top: 220px;
    }
    .main-nav .menu-mobile > a:nth-child(2){
        right: 15px;
        top: 240px;
    }
    .main-nav .menu-mobile > a:nth-child(3){
        right: 15px;
        top: 260px;
    }
    .main-nav .menu-mobile > a:nth-child(4){
        right: 15px;
        top: 280px;
    }
    #quiz_btn img{
        width: 65px;
    }
    .main-nav .menu-mobile .menu-mobile-close{
        left: 25px;
        right: initial;
        top: 200px;
    }
    .details{
        padding: 0 5px;
    }
    .details .details-wrapper,
    .content.istoric > .col-md-12{
        padding: 0;
    }
}
@media only screen and (max-width: 380px){
    body.consum-buget .x_title form .form-group select[name="filiala"],
    body.consum-buget .x_title form .form-group input[name="search_term"]{
        width: 100% !important;
    }
}
@media only screen and (max-width: 360px){
    .x_panel{
        padding: 10px;
    }
    .x_panel .x_title{
        padding: 1px 0 6px 0;
    }
    body.users .x_title a{
        font-size: 12px;
    }
    body.users .x_title form button{
        font-size: 12px;
    }
    .x_content > .paginator > p{
        margin: 10px 0;
        font-size: 11px;
    }
    .right_col > .row > .col-xs-12{
        padding: 0;
    }
    body.users-view .x_content .col-md-6{
        padding: 0;
    }
    body.users-view .x_content .col-md-6 dl{
        font-size: 12px;
    }
    body.users-view .x_content .col-md-6 dl dt{
        width: 100px;
        text-align: left;
    }
    body.users-view .x_content .col-md-6 dl dd{
        margin: 0 0 0 90px;
    }
    body.users-view .x_content .col-md-6:nth-child(2) dl dt{
        width: 130px;
        text-align: left;
    }
    body.users-view .x_content .col-md-6:nth-child(2) dl dd{
        margin: 0 0 0 120px;
    }
    .email-form-wrapper{
        margin: 0;
    }
    .emails-list-filters form .form-group,
    .emails-list-filters form .form-group.email{
        width: 100%;
        margin: 0 0 15px 0;
    }
}
@media only screen and (max-width: 350px){
    .nav_menu > nav .nav_title a img{
        max-width: 200px;
    }
    .mobile-menu-btn{
        top: 20px;
    }
    body.nr_accesari_pe_zile .x_panel .x_title .form-group,
    body.nr_clienti_filiale .x_panel .x_title .form-group,
    body.nr_accesari_pe_ore .x_panel .x_title .form-group{
        width: 235px !important;
    }
    .main-footer #custom_logos:nth-child(2) img{
        width: 45px !important;
    }
    .main-footer #custom_logos:nth-child(3) img{
        width: 30px !important;
    }
    .main-footer #custom_logos:nth-child(4) img{
        width: 60px !important;
    }
    .main-footer #custom_logos:nth-child(5) img{
        width: 55px !important;
    }
    .main-footer #custom_logos:last-child img{
        width: 80px !important;
    }
    .menu .branding1,
    .menu .branding1 img {
        width: 135px;
    }
    .menu .branding img{
        width: 50px !important;
    }
    .main-nav .dropdown{
        width: 110px;
        text-align: left;
    }
}
@media only screen and (max-width: 340px){
    .main-nav .menu-mobile > .menu-extra .budget{
        padding: 0 5px;
    }
}
@media only screen and (max-width: 320px){
    body.users .x_title a{
        margin: 15px 0 0 auto;
    }
    .istoric-table{
        font-size: 12px;
    }
    body.users .x_title .form-group .input-group select[name="filiala"],
    body.users .x_title .form-group .input-group input[name="search_term"]{
        width: 100% !important;
    }
}