/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 08/04/2017, 12:07:43
    Author     : Rafael
*/

@media (max-width: 600px) {
    .btn-sleep-send-unlock,
    .btn-sleep-lock {
        margin-top: 79px !important;
        height: 25px !important;
        right: 5px !important;
        padding: 0 !important;
        font-size: 8px !important;
        line-height: 1 !important;
    }
}

.pointer {
    cursor: pointer !important;
}


.base-footer {
    min-height: 200px;
    border-left: solid 1px #c1c1c1;
    margin-left: 249px;
    width: calc(100%-249px);
    margin-top: -20px;
}

.option-footer {
    display: none;
    position: fixed;
    bottom: 5px;
    width: calc(100% - 252px);
    min-height: 20px;
    background-color: #EEEEEE;
    z-index: 99;
    border-top: solid 1px #B8B48A;
}

.option-form {
    position: absolute;
    bottom: 0px;
    min-width: 100%;
    min-height: 100px;
    background: #E8E8E8;
    padding-top: 20px;
}


.option-form .item {
    /*    position: absolute;
        right: 0;
        bottom: 0;*/
}

.option-form .item select {}

.export-container {
    margin-left: 16px;
    margin-bottom: 20px;
}

@media (max-width: 992px) {
    .option-footer {
        width: calc(100%);
    }

    .base-footer {
        min-height: 90px;
        border-left: none;
        margin-left: 0;
        width: calc(100%);
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .option-footer {
        width: calc(100%);
    }
}

.all-check {
    position: absolute;
    margin-left: 10px;
}

.div-li {
    color: #000;

}

.div-li span {
    display: inline-block;
    padding-left: 10px;

}

.shippingItens.active {
    background-color: #efefef;
    padding: 10px;
    color: #000;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 10px #ccc;
    transition: all 0.2s ease;
}

.shippingItens:hover {
    background-color: #efefef;
    padding: 10px;
    color: #000;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 10px #ccc;
    transition: all 0.2s ease;
}

.shippingItens {
    background-color: #fafafa;
    padding: 10px;
    color: #333;
    border: 1px solid #fafafa;
    transition: all 0.2s ease;
}

.shipping-value {
    max-width: 150px;
    border: 1px solid #ccc;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    margin-right: 10px;
    font-weight: bold;
}

@media (max-width: 1300px) {
    .all-check {
        position: relative;
        margin-left: auto;
    }

}

@media (max-width: 560px) {



    .div-li {
        color: #000;
        text-transform: uppercase;

    }

    .div-li span {
        display: block;
        padding-top: 5px;
        padding-left: 0;

    }

}

.dynamicOrder {
    max-height: 300px;
    overflow-y: auto;
}

.dynamicOrder ul {
    cursor: pointer;
    background-color: #efefef;
    color: #000000;
}

.dynamicOrder ul.odd {
    background-color: #fafafa;
    color: #000000;
}

.dynamicOrder .load-more {
    text-align: right;
    font-weight: bold;
}

.dynamicOrder .load-more:hover {
    background-color: #efefef;
    color: #000;
}

.dynamicOrder .load-more li:hover {
    color: #000;
}

ul.order-header {
    background-color: #e5e5e5;
    color: #000;
    font-weight: bold;
}

#dynamicSell,
#dynamicBuy {
    padding-top: 10px;
}

#dynamicSell ul,
#dynamicBuy ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: flex;
}

.dynamicOrder ul:hover {
    background-color: #007A74;
    color: #ffffff;
}

#dynamicSell ul li,
#dynamicBuy ul li {
    margin: 0;
    padding: 0;
    width: 33.333333%;
    border: 1px solid #e5e5e5;
    padding: 3px 5px;
}


.bg-supremcash {
    color: #fff !important;
    background-color: #007A74 !important;
    background: #007A74 !important;
}

.th-bg-supremcash {
    border: 1px solid #1A9183;
    text-align: left;
    color: #aef2e9;
    font-weight: bold;
    padding: 10px;
    background: #006A71;
}

.td-bg-supremcash {
    background: #007A74;
    border: 1px solid #1A9183;
    text-align: left;
    color: #cff7f2 !important;
}

.td-bg-supremcash.odd {
    background: #05827b;
    border: 1px solid #1A9183;
    text-align: left;
    color: #cff7f2 !important;
}

.no-form-control {
    padding: 5px;
    background: #fafafa;
    border: 1px solid #fff;
}

.title-table {
    padding: 15px 0 0 15px;
}

.title-table {
    padding: 20px 0 0 15px;
}

/* Sign form */
.sign-form {
    padding-top: 100px;
}

.sign-form .box {
    background-color: rgba(47, 47, 47, 0.8);
    background: rgba(47, 47, 47, 0.8);
    transition: all 0.5s ease;
    padding: 20px;
}

.sign-form .box:hover {
    background-color: rgba(47, 47, 47, 1);
    background: rgba(47, 47, 47, 1);
}

.sign-form .form-material .form-control {
    padding: 0.75rem 1.5rem;
}


/* Date Range Picker */
.daterangepicker .input-mini {
    border-radius: 0 !important;
}

.daterangepicker td,
.daterangepicker th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 0 !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #3e70c9;
}

.ranges li {
    background: #f5f5f5;
    border-radius: 0 !important;
    color: #333;
}

.ranges li:hover {
    background: #eee;
    border: 1px solid #eee;
    color: #333;
}

.ranges li.active {
    background: #3e70c9;
    border: 1px solid #3e70c9;
}


/* Buttons */
.btn {
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-lg,
.btn-group-lg>.btn {
    border-radius: 0;
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 5px 10px !important;
    font-size: 12px !important;
    ;
    line-height: 1.5 !important;
    ;
    border-radius: 3px !important;
    ;
}

btn-group-sm>.btn {
    border-radius: 0;
}

.btn-rounded {
    border-radius: 25rem;
}

.btn.label-left,
.btn.label-right {
    position: relative;
}

.btn.label-left {
    padding-left: 49px;
}

.btn.label-right {
    padding-right: 49px;
}

.btn-sm.label-left {
    padding-left: 32px;
}

.btn-sm.label-right {
    padding-right: 32px;
}

.btn-lg.label-left {
    padding-left: 62px;
}

.btn-lg.label-right {
    padding-right: 62px;
}

.btn-label {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0.5rem 0;
    width: 33px;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
}

.btn-sm .btn-label {
    padding: 0.25rem 0;
    width: 24px;
}

.btn-lg .btn-label {
    padding: 0.75rem 0;
    width: 44px;
}

.btn-outline-primary .btn-label,
.btn-outline-secondary .btn-label,
.btn-outline-info .btn-label,
.btn-outline-success .btn-label,
.btn-outline-warning .btn-label,
.btn-outline-danger .btn-label,
.btn-outline-purple .btn-label,
.btn-outline-black .btn-label,
.btn-outline-white .btn-label {
    background-color: transparent;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: inherit;
}

.btn.label-left .btn-label {
    left: 0;
}

.btn.label-right .btn-label {
    right: 0;
}

.btn-rounded.label-left .btn-label {
    border-radius: 25rem 0 0 25rem;
}

.btn-rounded.label-right .btn-label {
    border-radius: 0 25rem 25rem 0;
}

.btn-circle {
    border-radius: 50%;
    padding: 0;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
}

.btn-xs.btn-circle {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
}

.btn-sm.btn-circle {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
}

.btn-lg.btn-circle {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
}

.btn-square {
    position: relative;
    padding: 0;
    width: 5rem;
    height: 5rem;
}

.btn-square i {
    display: block;
    margin-bottom: 0.25rem;
}

.btn-link:focus,
.btn-link:hover {
    text-decoration: none;
}


.btn-green-soft,
.btn-green-soft:focus,
.btn-green-soft:active {
    color: #fff;
    background-color: #718901;
    border-color: #4caf50;
}

.btn-green-soft:hover {
    color: #fff;
    background-color: #526307;
    border-color: #429845;
}

.btn-primary {
    background-color: #3e70c9;
    border-color: #3e70c9;
    background: #00586e;
}

.btn-primary:hover {
    background-color: #467ee1;
    border-color: #467ee1;
    background: #898559;
}

.btn-primary:focus,
.btn-primary.focus {
    background-color: #467ee1;
    border-color: #467ee1;
    background: #898559;
}

.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
    background-color: #467ee1;
    border-color: #467ee1;
    background: #898559;
}

.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open>.btn-primary.dropdown-toggle:hover,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle.focus {
    background-color: #3662b1;
    border-color: #3662b1;
}

.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled.focus {
    background-color: #467ee1;
    border-color: #467ee1;
}

.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
    background-color: #467ee1;
    border-color: #467ee1;
}


.btn-multicash-primary {
    background: #153A4F !important;
    border: #153A4F !important;
    color: #E4D1A4 !important;
    /*min-width: 123px;*/
    border-radius: 4px;
    font-family: Roboto;
    font-size: 14px;
    text-align: center;
}

.billet .sm-multicash-primary {
    border-bottom: 1px solid #2C2E5C;
    text-align: left;
    color: #2C2E5C !important;
}

.billet .sm-multicash-primary .value-number {}

.btn-multicash-primary:hover {
    border-color: #DB495B !important;
    color: #F9EAEC !important;
    background: #DB495B !important;
}


.btn-multicash-primary:focus,
.btn-multicash-primary.focus {

    border-color: #DB495B !important;
    color: #F9EAEC !important;
    background: #DB495B !important;
}

.btn-multicash-primary:active,
.btn-multicash-primary.active,
.open>.btn-multicash-primary.dropdown-toggle {

    border-color: #DB495B !important;
    color: #F9EAEC !important;
    background: #DB495B !important;
}



.btn-multicash-warning {
    background-color: #f59345;
    border-color: #f59345;
    min-width: 123px;
    border-radius: 4px;
    font-family: Roboto;
    font-size: 14px;
    text-align: center;
    color: #ffffff !important;
}

.btn-multicash-warning:hover {
    background-color: #fea45c;
    border-color: #fea45c;
}

.btn-multicash-warning:focus,
.btn-multicash-warning.focus {
    background-color: #fea45c;
    border-color: #fea45c;
}

.btn-multicash-warning:active,
.btn-multicash-warning.active,
.open>.btn-multicash-warning.dropdown-toggle {
    background-color: #fea45c;
    border-color: #fea45c;
}

.btn-multicash-warning:active:hover,
.btn-multicash-warning:active:focus,
.btn-multicash-warning:active.focus,
.btn-multicash-warning.active:hover,
.btn-multicash-warning.active:focus,
.btn-multicash-warning.active.focus,
.open>.btn-multicash-warning.dropdown-toggle:hover,
.open>.btn-multicash-warning.dropdown-toggle:focus,
.open>.btn-multicash-warning.dropdown-toggle.focus {
    background-color: #de853e;
    border-color: #de853e;
}

.btn-multicash-warning.disabled:focus,
.btn-multicash-warning.disabled.focus,
.btn-multicash-warning:disabled:focus,
.btn-multicash-warning:disabled.focus {
    background-color: #fea45c;
    border-color: #fea45c;
}

.btn-multicash-warning.disabled:hover,
.btn-multicash-warning:disabled:hover {
    background-color: #fea45c;
    border-color: #fea45c;
}


.btn-multicash-black {
    background-color: #000;
    border-color: #333;
    min-width: 123px;
    border-radius: 4px;
    font-family: Roboto;
    font-size: 14px;
    text-align: center;
    color: #ffffff !important;
}

.btn-multicash-black:hover {
    background-color: #333;
    border-color: #000;
}

.btn-multicash-black:focus,
.btn-multicash-black.focus {
    background-color: #000;
    border-color: #333;
}

.btn-multicash-black:active,
.btn-multicash-black.active,
.open>.btn-multicash-black.dropdown-toggle {
    background-color: #000;
    border-color: #333;
}


.btn-multicash-danger {
    background-color: #f44236;
    border-color: #f44236;
    min-width: 123px;
    border-radius: 4px;
    font-family: Roboto;
    font-size: 14px;
    text-align: center;
    color: #ffffff !important;
}



.billet .sm-multicash-danger {
    border-bottom: 1px solid #f44236;
    text-align: left;
    color: #f44236 !important;
}

.billet .sm-multicash-danager .value-number {}



.btn-multicash-danger:hover {
    background-color: #ff574c;
    border-color: #ff574c;
}

.btn-multicash-danger:focus,
.btn-multicash-danger.focus {
    background-color: #ff574c;
    border-color: #ff574c;
}

.btn-multicash-danger:active,
.btn-multicash-danger.active,
.open>.btn-multicash-danger.dropdown-toggle {
    background-color: #ff574c;
    border-color: #ff574c;
}

.btn-secondary {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-secondary:hover {
    color: #333;
    background-color: #eee;
    border-color: #aaa;
}

.btn-secondary:focus,
.btn-secondary.focus {
    color: #333;
    background-color: #eee;
    border-color: #aaa;
}

.btn-secondary:active,
.btn-secondary.active,
.open>.btn-secondary.dropdown-toggle {
    color: #333;
    background-color: #eee;
    border-color: #bbb;
}

.btn-secondary:active:hover,
.btn-secondary:active:focus,
.btn-secondary:active.focus,
.btn-secondary.active:hover,
.btn-secondary.active:focus,
.btn-secondary.active.focus,
.open>.btn-secondary.dropdown-toggle:hover,
.open>.btn-secondary.dropdown-toggle:focus,
.open>.btn-secondary.dropdown-toggle.focus {
    color: #333;
    background-color: #ddd;
    border-color: #888;
}

.btn-secondary.disabled:focus,
.btn-secondary.disabled.focus,
.btn-secondary:disabled:focus,
.btn-secondary:disabled.focus {
    background-color: #fff;
    border-color: #bbb;
}

.btn-secondary.disabled:hover,
.btn-secondary:disabled:hover {
    background-color: #fff;
    border-color: #bbb;
}


.btn-multicash-success {
    background-color: #43b968;
    border-color: #43b968;
    color: #fff !important;
    text-align: center;
}


.billet .sm-multicash-success {
    border-bottom: 1px solid #43b968;
    text-align: left;
    color: #43b968 !important;
}

.billet .sm-multicash-success .value-number {}


.btn-multicash-success:hover {
    background-color: #4bcb73;
    border-color: #4bcb73;
}

.btn-multicash-success:focus,
.btn-multicash-success.focus {
    background-color: #4bcb73;
    border-color: #4bcb73;
}

.btn-multicash-success:active,
.btn-multicash-success.active,
.open>.btn-multicash-success.dropdown-toggle {
    background-color: #4bcb73;
    border-color: #4bcb73;
}

.btn-multicash-info {
    background-color: #20b9ae;
    border-color: #20b9ae;
    color: #fafafa !important;
    text-align: center;
}

.billet .sm-multicash-info {
    border-bottom: 1px solid #20b9ae;
    text-align: left;
    color: #20b9ae !important;
}

.billet .sm-multicash-info .value-number {}

.btn-multicash-info:hover {
    background-color: #33cbc0;
    border-color: #33cbc0;
}

.btn-multicash-info:focus,
.btn-multicash-info.focus {
    background-color: #33cbc0;
    border-color: #33cbc0;
}

.btn-multicash-info:active,
.btn-multicash-info.active,
.open>.btn-multicash-info.dropdown-toggle {
    background-color: #33cbc0;
    border-color: #33cbc0;
}


.btn-success {
    background-color: #43b968;
    border-color: #43b968;
}

.btn-success:hover {
    background-color: #4bcb73;
    border-color: #4bcb73;
}

.btn-success:focus,
.btn-success.focus {
    background-color: #4bcb73;
    border-color: #4bcb73;
}

.btn-success:active,
.btn-success.active,
.open>.btn-success.dropdown-toggle {
    background-color: #4bcb73;
    border-color: #4bcb73;
}

.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open>.btn-success.dropdown-toggle:hover,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle.focus {
    background-color: #3aa25a;
    border-color: #3aa25a;
}

.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success:disabled:focus,
.btn-success:disabled.focus {
    background-color: #4bcb73;
    border-color: #4bcb73;
}

.btn-success.disabled:hover,
.btn-success:disabled:hover {
    background-color: #4bcb73;
    border-color: #4bcb73;
}

.btn-info {
    background-color: #20b9ae;
    border-color: #20b9ae;
}

.btn-info:hover {
    background-color: #33cbc0;
    border-color: #33cbc0;
}

.btn-info:focus,
.btn-info.focus {
    background-color: #33cbc0;
    border-color: #33cbc0;
}

.btn-info:active,
.btn-info.active,
.open>.btn-info.dropdown-toggle {
    background-color: #33cbc0;
    border-color: #33cbc0;
}

.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open>.btn-info.dropdown-toggle:hover,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle.focus {
    background-color: #11a59a;
    border-color: #11a59a;
}

.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info:disabled:focus,
.btn-info:disabled.focus {
    background-color: #33cbc0;
    border-color: #33cbc0;
}

.btn-info.disabled:hover,
.btn-info:disabled:hover {
    background-color: #33cbc0;
    border-color: #33cbc0;
}


.btn-multicash-default {
    border-color: #fafafa;
    background: #f1f1f1;
    min-width: 123px;
    border-radius: 4px;
    font-family: Roboto;
    font-size: 14px;
    text-align: center;
    color: #333 !important;
}

.btn-multicash-default:hover {
    border-color: #fafafa;
    background: #ccc;
}

.btn-multicash-default:focus,
.btn-multicash-default.focus {
    background-color: #fafafa;
    border-color: #ccc;
}

.btn-multicash-warning {
    background-color: #f59345;
    border-color: #f59345;
}

.btn-multicash-warning:hover {
    background-color: #fea45c;
    border-color: #fea45c;
}

.btn-multicash-warning:focus,
.btn-multicash-warning.focus {
    background-color: #fea45c;
    border-color: #fea45c;
}

.btn-multicash-warning:active,
.btn-multicash-warning.active,
.open>.btn-multicash-warning.dropdown-toggle {
    background-color: #fea45c;
    border-color: #fea45c;
}

.btn-multicash-warning:active:hover,
.btn-multicash-warning:active:focus,
.btn-multicash-warning:active.focus,
.btn-multicash-warning.active:hover,
.btn-multicash-warning.active:focus,
.btn-multicash-warning.active.focus,
.open>.btn-multicash-warning.dropdown-toggle:hover,
.open>.btn-multicash-warning.dropdown-toggle:focus,
.open>.btn-multicash-warning.dropdown-toggle.focus {
    background-color: #de853e;
    border-color: #de853e;
}

.btn-multicash-warning.disabled:focus,
.btn-multicash-warning.disabled.focus,
.btn-multicash-warning:disabled:focus,
.btn-multicash-warning:disabled.focus {
    background-color: #fea45c;
    border-color: #fea45c;
}

.btn-multicash-warning.disabled:hover,
.btn-multicash-warning:disabled:hover {
    background-color: #fea45c;
    border-color: #fea45c;
}

.btn-danger {
    background-color: #f44236;
    border-color: #f44236;
}

.btn-danger:hover {
    background-color: #ff574c;
    border-color: #ff574c;
}

.btn-danger:focus,
.btn-danger.focus {
    background-color: #ff574c;
    border-color: #ff574c;
}

.btn-danger:active,
.btn-danger.active,
.open>.btn-danger.dropdown-toggle {
    background-color: #ff574c;
    border-color: #ff574c;
}

.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open>.btn-danger.dropdown-toggle:hover,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle.focus {
    background-color: #de3c31;
    border-color: #de3c31;
}

.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger:disabled:focus,
.btn-danger:disabled.focus {
    background-color: #ff574c;
    border-color: #ff574c;
}

.btn-danger.disabled:hover,
.btn-danger:disabled:hover {
    background-color: #ff574c;
    border-color: #ff574c;
}


.btn-green {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50;
}

.btn-green:hover {
    color: #fff;
    background-color: #429845;
    border-color: #429845;
}


.btn-purple {
    color: #fff;
    background-color: #a567e2;
    border-color: #a567e2;
}

.btn-purple:hover {
    color: #fff;
    background-color: #b773f9;
    border-color: #b773f9;
}

.btn-purple:focus,
.btn-purple.focus {
    color: #fff;
    background-color: #b773f9;
    border-color: #b773f9;
}

.btn-purple:active,
.btn-purple.active,
.open>.btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #b773f9;
    border-color: #b773f9;
}

.btn-purple:active:hover,
.btn-purple:active:focus,
.btn-purple:active.focus,
.btn-purple.active:hover,
.btn-purple.active:focus,
.btn-purple.active.focus,
.open>.btn-purple.dropdown-toggle:hover,
.open>.btn-purple.dropdown-toggle:focus,
.open>.btn-purple.dropdown-toggle.focus {
    color: #fff;
    background-color: #915bc7;
    border-color: #915bc7;
}

.btn-purple.disabled:focus,
.btn-purple.disabled.focus,
.btn-purple:disabled:focus,
.btn-purple:disabled.focus {
    background-color: #b773f9;
    border-color: #b773f9;
}

.btn-purple.disabled:hover,
.btn-purple:disabled:hover {
    background-color: #b773f9;
    border-color: #b773f9;
}

.btn-black {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.btn-black:hover {
    color: #fff;
    background-color: #444;
    border-color: #444;
}

.btn-black:focus,
.btn-black.focus {
    color: #fff;
    background-color: #444;
    border-color: #444;
}

.btn-black:active,
.btn-black.active,
.open>.btn-black.dropdown-toggle {
    color: #fff;
    background-color: #444;
    border-color: #444;
}

.btn-black:active:hover,
.btn-black:active:focus,
.btn-black:active.focus,
.btn-black.active:hover,
.btn-black.active:focus,
.btn-black.active.focus,
.open>.btn-black.dropdown-toggle:hover,
.open>.btn-black.dropdown-toggle:focus,
.open>.btn-black.dropdown-toggle.focus {
    color: #fff;
    background-color: #222;
    border-color: #222;
}

.btn-black.disabled:focus,
.btn-black.disabled.focus,
.btn-black:disabled:focus,
.btn-black:disabled.focus {
    background-color: #444;
    border-color: #444;
}

.btn-black.disabled:hover,
.btn-black:disabled:hover {
    background-color: #444;
    border-color: #444;
}

.btn-white {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}

.btn-white:hover {
    color: #333;
    background-color: #eee;
    border-color: #eee;
}

.btn-white:focus,
.btn-white.focus {
    color: #333;
    background-color: #eee;
    border-color: #eee;
}

.btn-white:active,
.btn-white.active,
.open>.btn-white.dropdown-toggle {
    color: #333;
    background-color: #eee;
    border-color: #eee;
}

.btn-white:active:hover,
.btn-white:active:focus,
.btn-white:active.focus,
.btn-white.active:hover,
.btn-white.active:focus,
.btn-white.active.focus,
.open>.btn-white.dropdown-toggle:hover,
.open>.btn-white.dropdown-toggle:focus,
.open>.btn-white.dropdown-toggle.focus {
    color: #333;
    background-color: #eee;
    border-color: #eee;
}

.btn-white.disabled:focus,
.btn-white.disabled.focus,
.btn-white:disabled:focus,
.btn-white:disabled.focus {
    background-color: #eee;
    border-color: #eee;
}

.btn-white.disabled:hover,
.btn-white:disabled:hover {
    background-color: #eee;
    border-color: #eee;
}

.btn-outline-primary {
    color: #3e70c9;
    border-color: #3e70c9;
}

.btn-outline-primary:hover {
    background-color: #3e70c9;
    border-color: #3e70c9;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    background-color: #3e70c9;
    border-color: #3e70c9;
}

.btn-outline-primary:active,
.btn-outline-primary.active,
.open>.btn-outline-primary.dropdown-toggle {
    background-color: #3e70c9;
    border-color: #3e70c9;
}

.btn-outline-primary:active:hover,
.btn-outline-primary:active:focus,
.btn-outline-primary:active.focus,
.btn-outline-primary.active:hover,
.btn-outline-primary.active:focus,
.btn-outline-primary.active.focus,
.open>.btn-outline-primary.dropdown-toggle:hover,
.open>.btn-outline-primary.dropdown-toggle:focus,
.open>.btn-outline-primary.dropdown-toggle.focus {
    background-color: #3e70c9;
    border-color: #3e70c9;
}

.btn-outline-primary.disabled:focus,
.btn-outline-primary.disabled.focus,
.btn-outline-primary:disabled:focus,
.btn-outline-primary:disabled.focus {
    border-color: #3e70c9;
}

.btn-outline-primary.disabled:hover,
.btn-outline-primary:disabled:hover {
    border-color: #3e70c9;
}

.btn-outline-secondary {
    color: #ccc;
    border-color: #ccc;
}

.btn-outline-secondary:hover {
    background-color: #ccc;
    border-color: #ccc;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    background-color: #ccc;
    border-color: #ccc;
}

.btn-outline-secondary:active,
.btn-outline-secondary.active,
.open>.btn-outline-secondary.dropdown-toggle {
    background-color: #ccc;
    border-color: #ccc;
}

.btn-outline-secondary:active:hover,
.btn-outline-secondary:active:focus,
.btn-outline-secondary:active.focus,
.btn-outline-secondary.active:hover,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.active.focus,
.open>.btn-outline-secondary.dropdown-toggle:hover,
.open>.btn-outline-secondary.dropdown-toggle:focus,
.open>.btn-outline-secondary.dropdown-toggle.focus {
    background-color: #ccc;
    border-color: #ccc;
}

.btn-outline-secondary.disabled:focus,
.btn-outline-secondary.disabled.focus,
.btn-outline-secondary:disabled:focus,
.btn-outline-secondary:disabled.focus {
    border-color: #ccc;
}

.btn-outline-secondary.disabled:hover,
.btn-outline-secondary:disabled:hover {
    border-color: #ccc;
}

.btn-outline-info {
    color: #20b9ae;
    border-color: #20b9ae;
}

.btn-outline-info:hover {
    background-color: #20b9ae;
    border-color: #20b9ae;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    background-color: #20b9ae;
    border-color: #20b9ae;
}

.btn-outline-info:active,
.btn-outline-info.active,
.open>.btn-outline-info.dropdown-toggle {
    background-color: #20b9ae;
    border-color: #20b9ae;
}

.btn-outline-info:active:hover,
.btn-outline-info:active:focus,
.btn-outline-info:active.focus,
.btn-outline-info.active:hover,
.btn-outline-info.active:focus,
.btn-outline-info.active.focus,
.open>.btn-outline-info.dropdown-toggle:hover,
.open>.btn-outline-info.dropdown-toggle:focus,
.open>.btn-outline-info.dropdown-toggle.focus {
    background-color: #20b9ae;
    border-color: #20b9ae;
}

.btn-outline-info.disabled:focus,
.btn-outline-info.disabled.focus,
.btn-outline-info:disabled:focus,
.btn-outline-info:disabled.focus {
    border-color: #20b9ae;
}

.btn-outline-info.disabled:hover,
.btn-outline-info:disabled:hover {
    border-color: #20b9ae;
}

.btn-outline-success {
    color: #43b968;
    border-color: #43b968;
}

.btn-outline-success:hover {
    background-color: #43b968;
    border-color: #43b968;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    background-color: #43b968;
    border-color: #43b968;
}

.btn-outline-success:active,
.btn-outline-success.active,
.open>.btn-outline-success.dropdown-toggle {
    background-color: #43b968;
    border-color: #43b968;
}

.btn-outline-success:active:hover,
.btn-outline-success:active:focus,
.btn-outline-success:active.focus,
.btn-outline-success.active:hover,
.btn-outline-success.active:focus,
.btn-outline-success.active.focus,
.open>.btn-outline-success.dropdown-toggle:hover,
.open>.btn-outline-success.dropdown-toggle:focus,
.open>.btn-outline-success.dropdown-toggle.focus {
    background-color: #43b968;
    border-color: #43b968;
}

.btn-outline-success.disabled:focus,
.btn-outline-success.disabled.focus,
.btn-outline-success:disabled:focus,
.btn-outline-success:disabled.focus {
    border-color: #43b968;
}

.btn-outline-success.disabled:hover,
.btn-outline-success:disabled:hover {
    border-color: #43b968;
}

.btn-outline-warning {
    color: #f59345;
    border-color: #f59345;
}

.btn-outline-warning:hover {
    background-color: #f59345;
    border-color: #f59345;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    background-color: #f59345;
    border-color: #f59345;
}

.btn-outline-warning:active,
.btn-outline-warning.active,
.open>.btn-outline-warning.dropdown-toggle {
    background-color: #f59345;
    border-color: #f59345;
}

.btn-outline-warning:active:hover,
.btn-outline-warning:active:focus,
.btn-outline-warning:active.focus,
.btn-outline-warning.active:hover,
.btn-outline-warning.active:focus,
.btn-outline-warning.active.focus,
.open>.btn-outline-warning.dropdown-toggle:hover,
.open>.btn-outline-warning.dropdown-toggle:focus,
.open>.btn-outline-warning.dropdown-toggle.focus {
    background-color: #f59345;
    border-color: #f59345;
}

.btn-outline-warning.disabled:focus,
.btn-outline-warning.disabled.focus,
.btn-outline-warning:disabled:focus,
.btn-outline-warning:disabled.focus {
    border-color: #f59345;
}

.btn-outline-warning.disabled:hover,
.btn-outline-warning:disabled:hover {
    border-color: #f59345;
}

.btn-outline-danger {
    color: #f44236;
    border-color: #f44236;
}

.btn-outline-danger:hover {
    background-color: #f44236;
    border-color: #f44236;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    background-color: #f44236;
    border-color: #f44236;
}

.btn-outline-danger:active,
.btn-outline-danger.active,
.open>.btn-outline-danger.dropdown-toggle {
    background-color: #f44236;
    border-color: #f44236;
}

.btn-outline-danger:active:hover,
.btn-outline-danger:active:focus,
.btn-outline-danger:active.focus,
.btn-outline-danger.active:hover,
.btn-outline-danger.active:focus,
.btn-outline-danger.active.focus,
.open>.btn-outline-danger.dropdown-toggle:hover,
.open>.btn-outline-danger.dropdown-toggle:focus,
.open>.btn-outline-danger.dropdown-toggle.focus {
    background-color: #f44236;
    border-color: #f44236;
}

.btn-outline-danger.disabled:focus,
.btn-outline-danger.disabled.focus,
.btn-outline-danger:disabled:focus,
.btn-outline-danger:disabled.focus {
    border-color: #f44236;
}

.btn-outline-danger.disabled:hover,
.btn-outline-danger:disabled:hover {
    border-color: #f44236;
}

.btn-outline-purple {
    color: #a567e2;
    background-image: none;
    background-color: transparent;
    border-color: #a567e2;
}

.btn-outline-purple:hover {
    color: #fff;
    background-color: #a567e2;
    border-color: #a567e2;
}

.btn-outline-purple:focus,
.btn-outline-purple.focus {
    color: #fff;
    background-color: #a567e2;
    border-color: #a567e2;
}

.btn-outline-purple:active,
.btn-outline-purple.active,
.open>.btn-outline-purple.dropdown-toggle {
    color: #fff;
    background-color: #a567e2;
    border-color: #a567e2;
}

.btn-outline-purple:active:hover,
.btn-outline-purple:active:focus,
.btn-outline-purple:active.focus,
.btn-outline-purple.active:hover,
.btn-outline-purple.active:focus,
.btn-outline-purple.active.focus,
.open>.btn-outline-purple.dropdown-toggle:hover,
.open>.btn-outline-purple.dropdown-toggle:focus,
.open>.btn-outline-purple.dropdown-toggle.focus {
    color: #fff;
    background-color: #a567e2;
    border-color: #a567e2;
}

.btn-outline-purple.disabled:focus,
.btn-outline-purple.disabled.focus,
.btn-outline-purple:disabled:focus,
.btn-outline-purple:disabled.focus {
    border-color: #a567e2;
}

.btn-outline-purple.disabled:hover,
.btn-outline-purple:disabled:hover {
    border-color: #a567e2;
}

.btn-outline-black {
    color: #333;
    background-image: none;
    background-color: transparent;
    border-color: #333;
}

.btn-outline-black:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.btn-outline-black:focus,
.btn-outline-black.focus {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.btn-outline-black:active,
.btn-outline-black.active,
.open>.btn-outline-black.dropdown-toggle {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.btn-outline-black:active:hover,
.btn-outline-black:active:focus,
.btn-outline-black:active.focus,
.btn-outline-black.active:hover,
.btn-outline-black.active:focus,
.btn-outline-black.active.focus,
.open>.btn-outline-black.dropdown-toggle:hover,
.open>.btn-outline-black.dropdown-toggle:focus,
.open>.btn-outline-black.dropdown-toggle.focus {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.btn-outline-black.disabled:focus,
.btn-outline-black.disabled.focus,
.btn-outline-black:disabled:focus,
.btn-outline-black:disabled.focus {
    border-color: #333;
}

.btn-outline-black.disabled:hover,
.btn-outline-black:disabled:hover {
    border-color: #333;
}

.btn-outline-white {
    color: #fff;
    background-image: none;
    background-color: transparent;
    border-color: #fff;
}

.btn-outline-white:hover {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}

.btn-outline-white:focus,
.btn-outline-white.focus {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}

.btn-outline-white:active,
.btn-outline-white.active,
.open>.btn-outline-white.dropdown-toggle {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}

.btn-outline-white:active:hover,
.btn-outline-white:active:focus,
.btn-outline-white:active.focus,
.btn-outline-white.active:hover,
.btn-outline-white.active:focus,
.btn-outline-white.active.focus,
.open>.btn-outline-white.dropdown-toggle:hover,
.open>.btn-outline-white.dropdown-toggle:focus,
.open>.btn-outline-white.dropdown-toggle.focus {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}

.btn-outline-white.disabled:focus,
.btn-outline-white.disabled.focus,
.btn-outline-white:disabled:focus,
.btn-outline-white:disabled.focus {
    border-color: #fff;
}

.btn-outline-white.disabled:hover,
.btn-outline-white:disabled:hover {
    border-color: #fff;
}

@media (max-width: 544px) {
    .logo-login {
        width: calc(100%);
        max-width: 300px;
    }
}

.iflex-login-bg-cover {
    background: url('../img/login-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.breadcrumb {
    border-radius: 0;
    padding-bottom: 20px !important;
}

.breadcrumb a {
    color: #4f4f4f;
    font-size: 12px;
}

.breadcrumb.no-bg {
    background-color: transparent;
    padding: 0;
}

.site-content {
    padding-top: 20px;
    width: 100%;
    min-height: 92vh;
}

.bg-white {
    background-color: transparent !important;
}

.box-block {
    margin: 0 0 10px 0;
    width: 100%;
    min-height: 68px;
    border: solid 1px #e5e5e5;
    display: flex;
    flex-direction: column;
    padding: 6px;
    transition: 0.5s all;
}

.box-block:hover {
    border: solid 1px rgba(201, 201, 201, 0.8);
}

.box-block h5 {
    margin: 10px 0 20px 0;
    font-family: Roboto;
}

/* Margin */
.m-0-25 {
    margin: 0.25rem 0.25rem !important;
}

.mt-0-25 {
    margin-top: 0.25rem !important;
}

.mr-0-25 {
    margin-right: 0.25rem !important;
}

.mb-0-25 {
    margin-bottom: 0.25rem !important;
}

.ml-0-25 {
    margin-left: 0.25rem !important;
}

.mx-0-25 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.my-0-25 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.m-0-5 {
    margin: 0.5rem 0.5rem !important;
}

.mt-0-5 {
    margin-top: 0.5rem !important;
}

.mr-0-5 {
    margin-right: 0.5rem !important;
}

.mb-0-5 {
    margin-bottom: 0.5rem !important;
}

.ml-0-5 {
    margin-left: 0.5rem !important;
}

.mx-0-5 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.my-0-5 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.m-0-75 {
    margin: 0.75rem 0.75rem !important;
}

.mt-0-75 {
    margin-top: 0.75rem !important;
}

.mr-0-75 {
    margin-right: 0.75rem !important;
}

.mb-0-75 {
    margin-bottom: 0.75rem !important;
}

.ml-0-75 {
    margin-left: 0.75rem !important;
}

.mx-0-75 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
}

.my-0-75 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

@media (min-width: 544px) {
    .m-sm-0 {
        margin: 0 0 !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0 {
        margin-left: 0 !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-sm-1 {
        margin: 1rem 1rem !important;
    }

    .mt-sm-1 {
        margin-top: 1rem !important;
    }

    .mr-sm-1 {
        margin-right: 1rem !important;
    }

    .mb-sm-1 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-1 {
        margin-left: 1rem !important;
    }

    .mx-sm-1 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-sm-1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-sm-2 {
        margin: 1.5rem 1.5rem !important;
    }

    .mt-sm-2 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-2 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-2 {
        margin-left: 1.5rem !important;
    }

    .mx-sm-2 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-sm-2 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-sm-3 {
        margin: 3rem 3rem !important;
    }

    .mt-sm-3 {
        margin-top: 3rem !important;
    }

    .mr-sm-3 {
        margin-right: 3rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-3 {
        margin-left: 3rem !important;
    }

    .mx-sm-3 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-sm-3 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 0 !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0 {
        margin-left: 0 !important;
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-md-1 {
        margin: 1rem 1rem !important;
    }

    .mt-md-1 {
        margin-top: 1rem !important;
    }

    .mr-md-1 {
        margin-right: 1rem !important;
    }

    .mb-md-1 {
        margin-bottom: 1rem !important;
    }

    .ml-md-1 {
        margin-left: 1rem !important;
    }

    .mx-md-1 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-md-1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-md-2 {
        margin: 1.5rem 1.5rem !important;
    }

    .mt-md-2 {
        margin-top: 1.5rem !important;
    }

    .mr-md-2 {
        margin-right: 1.5rem !important;
    }

    .mb-md-2 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-2 {
        margin-left: 1.5rem !important;
    }

    .mx-md-2 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-md-2 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-md-3 {
        margin: 3rem 3rem !important;
    }

    .mt-md-3 {
        margin-top: 3rem !important;
    }

    .mr-md-3 {
        margin-right: 3rem !important;
    }

    .mb-md-3 {
        margin-bottom: 3rem !important;
    }

    .ml-md-3 {
        margin-left: 3rem !important;
    }

    .mx-md-3 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-md-3 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 0 !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0 {
        margin-left: 0 !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-lg-1 {
        margin: 1rem 1rem !important;
    }

    .mt-lg-1 {
        margin-top: 1rem !important;
    }

    .mr-lg-1 {
        margin-right: 1rem !important;
    }

    .mb-lg-1 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-1 {
        margin-left: 1rem !important;
    }

    .mx-lg-1 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-lg-1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-lg-2 {
        margin: 1.5rem 1.5rem !important;
    }

    .mt-lg-2 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-2 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-2 {
        margin-left: 1.5rem !important;
    }

    .mx-lg-2 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-lg-2 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-lg-3 {
        margin: 3rem 3rem !important;
    }

    .mt-lg-3 {
        margin-top: 3rem !important;
    }

    .mr-lg-3 {
        margin-right: 3rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-3 {
        margin-left: 3rem !important;
    }

    .mx-lg-3 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-lg-3 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 0 !important;
    }

    .mt-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0 {
        margin-left: 0 !important;
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-xl-1 {
        margin: 1rem 1rem !important;
    }

    .mt-xl-1 {
        margin-top: 1rem !important;
    }

    .mr-xl-1 {
        margin-right: 1rem !important;
    }

    .mb-xl-1 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-1 {
        margin-left: 1rem !important;
    }

    .mx-xl-1 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-xl-1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-xl-2 {
        margin: 1.5rem 1.5rem !important;
    }

    .mt-xl-2 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-2 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-2 {
        margin-left: 1.5rem !important;
    }

    .mx-xl-2 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-xl-2 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-xl-3 {
        margin: 3rem 3rem !important;
    }

    .mt-xl-3 {
        margin-top: 3rem !important;
    }

    .mr-xl-3 {
        margin-right: 3rem !important;
    }

    .mb-xl-3 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-3 {
        margin-left: 3rem !important;
    }

    .mx-xl-3 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-xl-3 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

/* Padding */
.pa-0-25 {
    padding: 0.25rem 0.25rem !important;
}

.pt-0-25 {
    padding-top: 0.25rem !important;
}

.pr-0-25 {
    padding-right: 0.25rem !important;
}

.pb-0-25 {
    padding-bottom: 0.25rem !important;
}

.pl-0-25 {
    padding-left: 0.25rem !important;
}

.px-0-25 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.py-0-25 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.pa-0-5 {
    padding: 0.5rem 0.5rem !important;
}

.pt-0-5 {
    padding-top: 0.5rem !important;
}

.pr-0-5 {
    padding-right: 0.5rem !important;
}

.pb-0-5 {
    padding-bottom: 0.5rem !important;
}

.pl-0-5 {
    padding-left: 0.5rem !important;
}

.px-0-5 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.py-0-5 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.pa-0-75 {
    padding: 0.75rem 0.75rem !important;
}

.pt-0-75 {
    padding-top: 0.75rem !important;
}

.pr-0-75 {
    padding-right: 0.75rem !important;
}

.pb-0-75 {
    padding-bottom: 0.75rem !important;
}

.pl-0-75 {
    padding-left: 0.75rem !important;
}

.px-0-75 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
}

.py-0-75 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

/* =================================================================
  Components
================================================================= */

/* Animate.css */
@media (max-width: 767px) {
    .animated {
        /* CSS transitions */
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /* CSS transforms */
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /* CSS animations */
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
}

/* Jscrollpane */
.jspPane {
    width: 100% !important;
}

.jspVerticalBar {
    right: 4px;
    width: 4px;
    height: 100%;
    background: transparent;
}

.jspTrack {
    background: transparent;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.jspContainer:hover .jspTrack {
    opacity: 1;
}

.jspDrag {
    border-radius: 0.25rem;
}

.custom-scroll-light .jspDrag {
    background: rgba(255, 255, 255, 0.1);
}

.custom-scroll-dark .jspDrag {
    background: rgba(0, 0, 0, 0.1);
}

/* jVectorMap */
.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
    border-radius: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px;
}

.jvectormap-zoomout {
    top: 35px;
}

.dataTables_wrapper .row {
    width: 100%;
}

.form-control-multicash {
    -moz-appearance: menulist !important;
    -webkit-appearance: menulist !important;
    display: block !important;
    width: 100% !important;
    padding: 5px !important;
    height: inherit !important;
    font-size: 1rem !important;
    color: #495057 !important;
    background-color: transparent !important;
    background-image: none !important;
    background-clip: padding-box !important;
    border: 1px solid rgba(0, 0, 0, 0.26) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
}



/* Tag */
.tag {
    padding: 0.2em 0.4em 0.3em;
    font-size: 80%;
    min-width: 20px;
    border-radius: 0;
    color: #fff;
}

.tag-pill {
    padding-right: .7em;
    padding-left: .7em;
    border-radius: 10rem;
}

.tag-default {
    background-color: #adb7be;
}

.tag-default[href]:focus,
.tag-default[href]:hover {
    background-color: #c6d1d8;
}

.tag-primary {
    background-color: #3e70c9;
}

.tag-primary[href]:focus,
.tag-primary[href]:hover {
    background-color: #467ee1;
}

.tag-success {
    background-color: #43b968;
}

.tag-success[href]:focus,
.tag-success[href]:hover {
    background-color: #4bcb73;
}

.tag-info {
    background-color: #20b9ae;
}

.tag-info[href]:focus,
.tag-info[href]:hover {
    background-color: #33cbc0;
}

.tag-warning {
    background-color: #f59345;
}

.tag-warning[href]:focus,
.tag-warning[href]:hover {
    background-color: #fea45c;
}

.tag-danger {
    background-color: #f44236;
}

.tag-danger[href]:focus,
.tag-danger[href]:hover {
    background-color: #ff574c;
}

.tag-purple {
    background-color: #a567e2;
}

.tag-purple[href]:focus,
.tag-purple[href]:hover {
    background-color: #a567e2;
}

.tag-black {
    background-color: #333;
}

.tag-black[href]:focus,
.tag-black[href]:hover {
    background-color: #333;
}

/* Tooltip */
.tooltip-inner {
    background-color: #333;
    border-radius: 0;
}

.tooltip.tooltip-top .tooltip-inner::before,
.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
    border-top-color: #333;
}

.tooltip.tooltip-right .tooltip-inner::before,
.tooltip.bs-tether-element-attached-left .tooltip-inner::before {
    border-right-color: #333;
}

.tooltip.tooltip-bottom .tooltip-inner::before,
.tooltip.bs-tether-element-attached-top .tooltip-inner::before {
    border-bottom-color: #333;
}

.tooltip.tooltip-left .tooltip-inner::before,
.tooltip.bs-tether-element-attached-right .tooltip-inner::before {
    border-left-color: #333;
}

.tooltip-primary .tooltip-inner {
    background-color: #3e70c9;
}

.tooltip-primary.tooltip.tooltip-top .tooltip-inner::before,
.tooltip-primary.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
    border-top-color: #3e70c9;
}

.tooltip-primary.tooltip.tooltip-right .tooltip-inner::before,
.tooltip-primary.tooltip.bs-tether-element-attached-left .tooltip-inner::before {
    border-right-color: #3e70c9;
}

.tooltip-primary.tooltip.tooltip-bottom .tooltip-inner::before,
.tooltip-primary.tooltip.bs-tether-element-attached-top .tooltip-inner::before {
    border-bottom-color: #3e70c9;
}

.tooltip-primary.tooltip.tooltip-left .tooltip-inner::before,
.tooltip-primary.tooltip.bs-tether-element-attached-right .tooltip-inner::before {
    border-left-color: #3e70c9;
}

.tooltip-success .tooltip-inner {
    background-color: #43b968;
}

.tooltip-success.tooltip.tooltip-top .tooltip-inner::before,
.tooltip-success.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
    border-top-color: #43b968;
}

.tooltip-success.tooltip.tooltip-right .tooltip-inner::before,
.tooltip-success.tooltip.bs-tether-element-attached-left .tooltip-inner::before {
    border-right-color: #43b968;
}

.tooltip-success.tooltip.tooltip-bottom .tooltip-inner::before,
.tooltip-success.tooltip.bs-tether-element-attached-top .tooltip-inner::before {
    border-bottom-color: #43b968;
}

.tooltip-success.tooltip.tooltip-left .tooltip-inner::before,
.tooltip-success.tooltip.bs-tether-element-attached-right .tooltip-inner::before {
    border-left-color: #43b968;
}

.tooltip-info .tooltip-inner {
    background-color: #20b9ae;
}

.tooltip-info.tooltip.tooltip-top .tooltip-inner::before,
.tooltip-info.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
    border-top-color: #20b9ae;
}

.tooltip-info.tooltip.tooltip-right .tooltip-inner::before,
.tooltip-info.tooltip.bs-tether-element-attached-left .tooltip-inner::before {
    border-right-color: #20b9ae;
}

.tooltip-info.tooltip.tooltip-bottom .tooltip-inner::before,
.tooltip-info.tooltip.bs-tether-element-attached-top .tooltip-inner::before {
    border-bottom-color: #20b9ae;
}

.tooltip-info.tooltip.tooltip-left .tooltip-inner::before,
.tooltip-info.tooltip.bs-tether-element-attached-right .tooltip-inner::before {
    border-left-color: #20b9ae;
}

.tooltip-warning .tooltip-inner {
    background-color: #f59345;
}

.tooltip-warning.tooltip.tooltip-top .tooltip-inner::before,
.tooltip-warning.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
    border-top-color: #f59345;
}

.tooltip-warning.tooltip.tooltip-right .tooltip-inner::before,
.tooltip-warning.tooltip.bs-tether-element-attached-left .tooltip-inner::before {
    border-right-color: #f59345;
}

.tooltip-warning.tooltip.tooltip-bottom .tooltip-inner::before,
.tooltip-warning.tooltip.bs-tether-element-attached-top .tooltip-inner::before {
    border-bottom-color: #f59345;
}

.tooltip-warning.tooltip.tooltip-left .tooltip-inner::before,
.tooltip-warning.tooltip.bs-tether-element-attached-right .tooltip-inner::before {
    border-left-color: #f59345;
}

.tooltip-danger .tooltip-inner {
    background-color: #f44236;
}

.tooltip-danger.tooltip.tooltip-top .tooltip-inner::before,
.tooltip-danger.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
    border-top-color: #f44236;
}

.tooltip-danger.tooltip.tooltip-right .tooltip-inner::before,
.tooltip-danger.tooltip.bs-tether-element-attached-left .tooltip-inner::before {
    border-right-color: #f44236;
}

.tooltip-danger.tooltip.tooltip-bottom .tooltip-inner::before,
.tooltip-danger.tooltip.bs-tether-element-attached-top .tooltip-inner::before {
    border-bottom-color: #f44236;
}

.tooltip-danger.tooltip.tooltip-left .tooltip-inner::before,
.tooltip-danger.tooltip.bs-tether-element-attached-right .tooltip-inner::before {
    border-left-color: #f44236;
}

.tooltip-purple .tooltip-inner {
    background-color: #a567e2;
}

.tooltip-purple.tooltip.tooltip-top .tooltip-inner::before,
.tooltip-purple.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
    border-top-color: #a567e2;
}

.tooltip-purple.tooltip.tooltip-right .tooltip-inner::before,
.tooltip-purple.tooltip.bs-tether-element-attached-left .tooltip-inner::before {
    border-right-color: #a567e2;
}

.tooltip-purple.tooltip.tooltip-bottom .tooltip-inner::before,
.tooltip-purple.tooltip.bs-tether-element-attached-top .tooltip-inner::before {
    border-bottom-color: #a567e2;
}

.tooltip-purple.tooltip.tooltip-left .tooltip-inner::before,
.tooltip-purple.tooltip.bs-tether-element-attached-right .tooltip-inner::before {
    border-left-color: #a567e2;
}


.dynamicBox a {
    color: #333;
    font-family: Roboto;
    font-weight: 100;
    font-size: 14px;
}

.dynamicBox td {
    color: #333;
    font-family: Roboto;
    font-weight: 100;
    font-size: 14px;
}



/* =================================================================
  Tables
================================================================= */

/* Data Tables */
table.dataTable {
    border-spacing: 0;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 1px solid #ddd;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    border-top: 1px solid #ddd;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    display: none;
}

table.dataTable thead th {
    position: relative;
    background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 12px;
    right: 8px;
    display: block;
    font-family: 'FontAwesome';
}

table.dataTable thead th.sorting:after {
    content: '\f0dc';
    color: #333;
    font-size: 1em;
    padding-top: 0.12em;
}

table.dataTable thead th.sorting_asc:after {
    content: '\f0de';
}

table.dataTable thead th.sorting_desc:after {
    content: '\f0dd';
}

/* Editable Tables */
.editable-table+input.error {
    border: 1px solid #f44236;
    outline: 0;
    outline-offset: 0;
}

.editable-table+input,
.editable-table+input:focus,
#editable-datatable_wrapper+input:focus {
    border: 1px solid #20b9ae !important;
    outline: 0 !important;
    outline-offset: 0 !important;
}

.editable-table td:focus {
    outline: 0;
}

/* Responsive Tables */
table.focus-on tbody tr.focused th,
table.focus-on tbody tr.focused td {
    background-color: #3e70c9;
    color: #fff;
}

.responsive {
    width: 100%;
    margin-top: 15px;
}

@media only screen and (max-width: 992px) {
    .responsive {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }
}

/* =================================================================
  Charts
================================================================= */

.chart-container {
    width: 100%;
    height: 350px;
}

.chart-placeholder {
    width: 100%;
    height: 100%;
}

.flotTip {
    z-index: 100;
    padding: 8px 12px;
    background-color: #333;
    font-size: 13px;
    color: #fff;
    opacity: 0.8;
}

.jqstooltip {
    background-color: #333 !important;
    padding: 5px !important;
    width: auto !important;
    height: auto !important;
    border: none !important;
}

.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut {
    stroke: #43b968;
}

.ct-series-a .ct-slice-pie,
.ct-series-a .ct-area {
    fill: #43b968;
}

.ct-series-b .ct-point,
.ct-series-b .ct-line,
.ct-series-b .ct-bar,
.ct-series-b .ct-slice-donut {
    stroke: #3e70c9;
}

.ct-series-b .ct-slice-pie,
.ct-series-b .ct-area {
    fill: #3e70c9;
}

.ct-series-c .ct-point,
.ct-series-c .ct-line,
.ct-series-c .ct-bar,
.ct-series-c .ct-slice-donut {
    stroke: #f59345;
}

.ct-series-c .ct-slice-pie,
.ct-series-c .ct-area {
    fill: #f59345;
}

.ct-series-d .ct-point,
.ct-series-d .ct-line,
.ct-series-d .ct-bar,
.ct-series-d .ct-slice-donut {
    stroke: #f44236;
}

.ct-series-d .ct-slice-pie,
.ct-series-d .ct-area {
    fill: #f44236;
}

.ct-series-e .ct-point,
.ct-series-e .ct-line,
.ct-series-e .ct-bar,
.ct-series-e .ct-slice-donut {
    stroke: #a567e2;
}

.ct-series-e .ct-slice-pie,
.ct-series-e .ct-area {
    fill: #a567e2;
}

.ct-series-f .ct-point,
.ct-series-f .ct-line,
.ct-series-f .ct-bar,
.ct-series-f .ct-slice-donut {
    stroke: #20b9ae;
}

.ct-series-f .ct-slice-pie,
.ct-series-f .ct-area {
    fill: #20b9ae;
}

.chartist-light .ct-grid {
    stroke: rgba(255, 255, 255, 0.2);
}

.chartist-light .ct-label {
    fill: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.2);
}

.chartist-animated .ct-series-a .ct-line {
    fill: none;
    stroke-width: 4px;
    stroke-dasharray: 5px;
    -webkit-animation: dashoffset 1s linear infinite;
    -o-animation: dashoffset 1s linear infinite;
    animation: dashoffset 1s linear infinite;
}

.chartist-animated .ct-series-b .ct-point {
    -webkit-animation: bouncing-stroke .5s ease infinite;
    -o-animation: bouncing-stroke .5s ease infinite;
    animation: bouncing-stroke .5s ease infinite;
}

.chartist-animated .ct-series-c .ct-point {
    -webkit-animation: exploding-stroke 1s ease-out infinite;
    -o-animation: exploding-stroke 1s ease-out infinite;
    animation: exploding-stroke 1s ease-out infinite;
}

.chart-easy {
    position: relative;
    width: 100px;
    height: 100px;
    text-align: center;
}

.chart-easy canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.chart-easy span {
    display: block;
    line-height: 100px;
    z-index: 2;
    font-size: 18px;
    color: #2b2b2b;
}


/* =================================================================
  Demo
================================================================= */

.demo-chart {
    position: relative;
    left: 0;
    right: -10px;
}

.demo-chart-2 {
    height: 245px !important;
}

.demo-progress {
    padding-top: 70px;
}


.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

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

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #F59345 !important;
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #e4b9b9;
}

.box-multicash {
    margin-bottom: 20px;
    border: solid 1px #e5e5e5;
}

.box-multicash:hover {
    -webkit-box-shadow: 7px 7px 18px -7px rgba(125, 96, 10, 0.15);
    -moz-box-shadow: 7px 7px 18px -7px rgba(125, 96, 10, 0.15);
    box-shadow: 7px 7px 18px -7px rgba(125, 96, 10, 0.15);
}


/* Tiles */
.tile {
    position: relative;
    overflow: hidden;
}

.tile .t-content {
    position: relative;
    z-index: 10;
}

.tile h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

.tile h6 {
    font-weight: normal;
    color: #999;
}

.tile-1 .t-icon {
    position: absolute;
    top: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.tile-1 .t-icon span {
    position: absolute;
    z-index: 8;
    top: -60px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    border-radius: 50%;
}

.tile-1 .t-icon i {
    position: relative;
    z-index: 9;
    font-size: 1.75rem;
    color: #fff;
}

.tile-1 .t-icon.left {
    left: 0;
}

.tile-1 .t-icon.left span {
    left: -60px;
}

.tile-1 .t-icon.left i {
    padding-right: 15px;
}

.tile-1 .t-icon.right {
    right: 0;
}

.tile-1 .t-icon.right span {
    right: -60px;
}

.tile-1 .t-icon.right i {
    padding-left: 15px;
    color: rgba(255, 255, 255, 0.9);
}

.tile-2 {
    border: none !important;
}

.tile-2 h6 {
    color: rgba(255, 255, 255, 0.7);
}

.tile-2 .t-icon i {
    position: absolute;
    z-index: 9;
    bottom: -15px;
    right: 10px;
    font-size: 6rem;
    color: rgba(0, 0, 0, 0.1);
}

.tile-2 .t-icon.left i {
    left: 10px;
}

.tile-2 .t-icon.right i {
    right: 10px;
}

.tile-3 .t-icon i {
    position: absolute;
    z-index: 9;
    top: 20px;
    line-height: 1;
    font-size: 4rem;
    color: #ddd;
}

.tile-3 .t-icon.left i {
    left: 15px;
}

.tile-3 .t-icon.right i {
    right: 15px;
}

.tile-4 .t-icon {
    position: absolute;
    z-index: 9;
    top: 20px;
    width: 60px;
    height: 60px;
    line-height: 65px;
    background-color: #e8ebf0;
    font-size: 2rem;
    color: #818a91;
    text-align: center;
    border-radius: 50%;
}

.tile-4 .t-icon.left {
    left: 15px;
}

.tile-4 .t-icon.right {
    right: 15px;
}


.wallet-info {
    font-style: italic;
    font-size: 14px;
}

.wallet-info span {
    font-style: normal;
    font-size: 14px;
}

.wallet-info a {
    width: 100%;
    height: 100%;
    display: block;
    color: #000;
}

.ui-datepicker {
    z-index: 99 !important;
}

span.red {
    color: red;
}

.dados-pessoais,
.dados-endereco,
.dados-documentos {
    margin: 0 0 10px 0;
    width: 100%;
    min-height: 68px;
    border: solid 1px #e5e5e5;
    padding: 6px;
}

#method {
    max-width: 86%;
}

#method ul {
    display: inline-table !important;
}

#method ul li {
    display: table-row;
    float: left;
    border: 1px solid #ccc !important;
    margin-bottom: 10px;
    min-width: 90px;
    height: 120px;
}

#method_ted .ted-info {
    display: block;
    padding-top: 20px;
}

.logo {
    margin-top: 1px
}

.debit-credit {
    display: block;
    min-width: 50px !important;
}

h1,
h2,
h3,
h4,
h5 {
    color: #000 !important;
}


.sep {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
    background: rgba(246, 248, 249, 0.5);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246, 248, 249, 0.5) 0%, rgba(229, 235, 238, 0.5) 50%, rgba(215, 222, 227, 0.5) 51%, rgba(245, 247, 249, 0.5) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(246, 248, 249, 0.5) 0%, rgba(229, 235, 238, 0.5) 50%, rgba(215, 222, 227, 0.5) 51%, rgba(245, 247, 249, 0.5) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(246, 248, 249, 0.5) 0%, rgba(229, 235, 238, 0.5) 50%, rgba(215, 222, 227, 0.5) 51%, rgba(245, 247, 249, 0.5) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0);
    /* IE6-9 */
}

.payment-register {
    text-align: right;
    margin-top: 10px;
    margin-right: 25px;
}


.icon.supremcash.s32 {
    display: block;
    width: 100%;
    height: 32px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: url('../img/supremcash.png') no-repeat center center;
    background-size: 32px 32px;
}

.result-transfer .form-control-multicash {
    min-width: 100px ! important;
}

.dynamicBox .table td {
    white-space: nowrap
}

div.legend {
    font-size: 12px;
}

.form-control-no-width {
    width: auto !important;
}

.form-business .tax {
    color: red !important;
    font-style: italic;
    margin-bottom: 5px;
}

.form-business .subtotal {
    color: #000 !important;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 5px;
}

/* Image Crop */
.jcrop-holder #preview-pane {
    display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    right: -280px;
}

#preview-pane .preview-container {
    width: 250px;
    height: 170px;
    overflow: hidden;
}