.align_center {
    text-align: center !important;
}

.hide-display {
    display: none;
}

.color_login {
    color: var(--loginColor) !important;
}

.color_first {
    color: var(--firstColor) !important;
}

.background_color_partial {
    background: var(--partialBackgroundColor);
}

.success_alert_colors {
    color: #000 !important;
    border-color: var(--successAlert) !important;
}

.color_white {
    color: white !important;
}

.shadow_box {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0) !important;
}

.word_break {
    word-wrap: break-word !important;
    display: inline-block !important;
}

/* START MARGIN PERCENTAGE */
.mp1 {
    margin: 1% !important;
}

.mp2 {
    margin: 2% !important;
}

.mp3 {
    margin: 3% !important;
}

.mp4 {
    margin: 4% !important;
}

.mp5 {
    margin: 5% !important;
}

.mp6 {
    margin: 6% !important;
}

.mp7 {
    margin: 7% !important;
}

.mp8 {
    margin: 8% !important;
}

.mp9 {
    margin: 9% !important;
}

.mp10 {
    margin: 10% !important;
}

.mp15 {
    margin: 15% !important;
}

.mp20 {
    margin: 20% !important;
}

.mp50 {
    margin: 50% !important;
}

/* END MARGIN PERCENTAGE */

/* START MARGIN BOTTOM PERCENTAGE */
.mbp1 {
    margin-bottom: 1% !important;
}

.mbp2 {
    margin-bottom: 2% !important;
}

.mbp3 {
    margin-bottom: 3% !important;
}

.mbp4 {
    margin-bottom: 4% !important;
}

.mbp5 {
    margin-bottom: 5% !important;
}

.mbp6 {
    margin-bottom: 6% !important;
}

.mbp7 {
    margin-bottom: 7% !important;
}

.mbp8 {
    margin-bottom: 8% !important;
}

.mbp9 {
    margin-bottom: 9% !important;
}

.mbp10 {
    margin-bottom: 10% !important;
}

.mbp15 {
    margin-bottom: 15% !important;
}

.mbp20 {
    margin-bottom: 20% !important;
}

.mbp50 {
    margin-bottom: 50% !important;
}

/* END MARGIN BOTTOM PERCENTAGE */

/* START MARGIN TOP PERCENTAGE */
.mtp1 {
    margin-top: 1% !important;
}

.mtp2 {
    margin-top: 2% !important;
}

.mtp3 {
    margin-top: 3% !important;
}

.mtp4 {
    margin-top: 4% !important;
}

.mtp5 {
    margin-top: 5% !important;
}

.mtp6 {
    margin-top: 6% !important;
}

.mtp7 {
    margin-top: 7% !important;
}

.mtp8 {
    margin-top: 8% !important;
}

.mtp9 {
    margin-top: 9% !important;
}

.mtp10 {
    margin-top: 10% !important;
}

.mtp15 {
    margin-top: 15% !important;
}

.mtp20 {
    margin-top: 20% !important;
}

.mtp50 {
    margin-top: 50% !important;
}

/* END MARGIN TOP PERCENTAGE */

/* START MARGIN LEFT PERCENTAGE */
.mlp1 {
    margin-left: 1% !important;
}

.mlp2 {
    margin-left: 2% !important;
}

.mlp3 {
    margin-left: 3% !important;
}

.mlp4 {
    margin-left: 4% !important;
}

.mlp5 {
    margin-left: 5% !important;
}

.mlp6 {
    margin-left: 6% !important;
}

.mlp7 {
    margin-left: 7% !important;
}

.mlp8 {
    margin-left: 8% !important;
}

.mlp9 {
    margin-left: 9% !important;
}

.mlp10 {
    margin-left: 10% !important;
}

.mlp15 {
    margin-left: 15% !important;
}

.mlp20 {
    margin-left: 20% !important;
}

.mlp50 {
    margin-left: 50% !important;
}

/* START MARGIN LEFT PERCENTAGE */

/* START MARGIN RIGHT PERCENTAGE */
.mrp1 {
    margin-right: 1% !important;
}

.mrp2 {
    margin-right: 2% !important;
}

.mrp3 {
    margin-right: 3% !important;
}

.mrp4 {
    margin-right: 4% !important;
}

.mrp5 {
    margin-right: 5% !important;
}

.mrp6 {
    margin-right: 6% !important;
}

.mrp7 {
    margin-right: 7% !important;
}

.mrp8 {
    margin-right: 8% !important;
}

.mrp9 {
    margin-right: 9% !important;
}

.mrp10 {
    margin-right: 10% !important;
}

.mrp15 {
    margin-right: 15% !important;
}

.mrp20 {
    margin-right: 20% !important;
}

.mrp50 {
    margin-right: 50% !important;
}

/* START MARGIN RIGHT PERCENTAGE */

.w92 {
    width: 92% !important;
}

.no_float {
    float: none !important;
}

.tableHeader {
    width: 40%;
    background-color: var(--tableHeaderColor);
}

.tableContent {
    width: 60%;
    border-color: var(--tableHeaderColor);
    border-style: solid;
    border-width: 1px;
}

.export {
    font-size: 13px;
    vertical-align: middle;
}

.statusElem {
    word-wrap: break-word;
    border-color: var(--tableHeaderColor);
    border-style: solid;
    border-width: thin;
}

.newsColor {
    color: var(--newsColor);
}

.code-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.qrcode {
    background-image: url(../img/apps/qrcode.png);
}

.barcode {
    background-image: url(../img/apps/barcode.jpg);
}

.textcode {
    background-image: url(../img/apps/textcode.png);
}

.code-selector input:active + .code-container, .code-selector input:active + .code-container {
    opacity: .9;
    border-color: var(--companyBackgroundColor);
}

input[name=code]:checked {
    -webkit-filter: none;
    filter: none;
    border-color: var(--companyBackgroundColor);
}

.code-container {
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 200px;
    height: 200px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.8) grayscale(1) opacity(.7);
}

.code-container:hover {
    -webkit-filter: brightness(1.2) opacity(.9);
    filter: brightness(1.2) opacity(.9);
    border-color: var(--companyBackgroundColor);
}

.border-thick {
    border-width: medium;
}

.navtab {
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
}

.disabled {
    cursor: not-allowed;
}

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

.btn_create {
    width: 150px !important;
    height: 40px !important;
}

.terms_tooltip {
    width: 300px !important;
    margin-left: -53px !important;
    left: 0 !important;
}