/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* <Scroll only main> */
body {
    overflow: hidden !important;
}

    body header ~ main {
        display: block;
        overflow-y: scroll;
        height: 100%;
        max-height: calc(100% - 67.5px);
    }

        body header ~ main::-webkit-scrollbar {
            -webkit-appearance: none;
            -moz-appearance: none;
            width: 10px;
        }

        body header ~ main::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background-color: rgb(109 109 109 / 60%);
            -webkit-box-shadow: rgb(0 0 0 / 50%);
            -moz-box-shadow: rgb(0 0 0 / 50%);
            -ms-box-shadow: rgb(0 0 0 / 50%);
            box-shadow: rgb(0 0 0 / 50%);
        }

            body header ~ main::-webkit-scrollbar-thumb:hover {
                background: rgb(0 0 0 / 70%);
            }

    body header {
        position: relative;
        height: 40px;
    }

        body header div.navbar {
            position: relative;
            height: 100%;
        }

            body header div.navbar nav.navbar-main {
                position: relative;
                height: 100%;
            }

    body main .section {
        height: auto;
    }
/* <Scroll only main> */

/* <Scroll menu> */
aside.sidenav-main ul.sidenav {
    height: calc(100vh - 170px);
    padding-bottom: 45px;
}

@media (max-width: 992.98px) {
    aside.sidenav-main ul.sidenav {
        height: 100%;
    }
}
/* </Scroll menu> */

/* <Alert M.toast> */
#toast-container,
.toast-action-alert {
    width: max-content !important;
    max-width: max-content !important;
    top: 1%;
    left: 0;
    right: 0;
    margin: auto;
    font-size: .9rem;
    font-weight: bold;
    color: white;
}
/* </Alert M.toast> */

/* <Sweet Alert> */
div.swal2-container div.swal2-popup.swal2-modal div.swal2-content .select-wrapper {
    visibility: hidden;
    display: none;
}
/* </Sweet Alert> */

/* <Datepicker> */
.datepicker-modal {
    width: 340px;
    max-width: 340px;
    height: auto;
}

    .datepicker-modal .datepicker-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        width: 100%;
        height: 100%;
    }

        .datepicker-modal .datepicker-container .datepicker-date-display {
            max-height: 55px;
            padding: 2px 30px;
        }

            .datepicker-modal .datepicker-container .datepicker-date-display span {
                padding: 0px;
                margin: 0px;
            }

                .datepicker-modal .datepicker-container .datepicker-date-display span.year-text {
                    padding: 0px;
                    font-size: 12px;
                    line-height: 20px;
                }

                .datepicker-modal .datepicker-container .datepicker-date-display span.date-text {
                    padding: 0px;
                    font-size: 25px;
                    line-height: 25px;
                    height: 30px;
                }

.modal.datepicker-modal .datepicker-container.modal-content .datepicker-calendar-container .datepicker-calendar .datepicker-controls {
    width: 100%;
    height: 35px;
}

    .modal.datepicker-modal .datepicker-container.modal-content .datepicker-calendar-container .datepicker-calendar .datepicker-controls .orig-select-month {
        padding: 0px;
        margin: 0px;
        height: 35px;
    }

    .modal.datepicker-modal .datepicker-container.modal-content .datepicker-calendar-container .datepicker-calendar .datepicker-controls .orig-select-year {
        padding: 0px;
        margin: 0px;
        height: 35px;
        width: 70px;
    }

.modal.datepicker-modal .datepicker-container.modal-content .datepicker-calendar-container .datepicker-calendar .datepicker-table-wrapper table tr th {
    padding: 6px 0px 0px 0px;
}

@media (max-height: 411.98px) {
    .modal.datepicker-modal .datepicker-container.modal-content .datepicker-calendar-container .datepicker-calendar .datepicker-table-wrapper table tbody td .datepicker-day-button {
        line-height: 38px;
    }
}
/* </Datepicker> */

/* <Events mouse> */
.pointer-none {
    pointer-events: none !important;
}

.pointer-auto {
    pointer-events: auto !important;
}

.select-text-none {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    /*-khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
/* </Events mouse> */

/* <Placeholder> */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #505050b8;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #8e8e8eb8;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #8e8e8eb8;
}
/* </Placeholder> */

.page-topbar {
    max-height: 40px;
}

/* <navbar> */
.navbar .navbar-main.sideNav-lock {
    max-height: 40px;
    padding: 0 0 0 270px;
}

.navbar .navbar-main:not(.sideNav-lock) {
    max-height: 40px;
    padding: 0 0 0 64px;
}

@media (max-width: 992.98px) {
    .navbar .navbar-main.sideNav-lock {
        padding: 0 0 0 45px;
    }
}

.navbar .header-search-wrapper {
    display: none !important;
}

.navbar div.location-path {
    line-height: 8px;
    padding: 1rem 0 0 1rem;
    background: linear-gradient(to left, #ffffff 20%, #e6e6e6 80%, #d2d2d2 100%);
}

    .navbar div.location-path label.location-path {
        font-size: 1.2rem;
        color: black;
        font-weight: bold;
        box-shadow: beige;
    }

.navbar .navbar-main .nav-wrapper .navbar-list {
    position: relative;
    width: 300px;
    height: 100%;
}

    .navbar .navbar-main .nav-wrapper .navbar-list .search-input-wrapper {
        position: relative !important;
        height: 100% !important;
    }

.navbar .navbar-main .nav-wrapper .profile-li {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0px;
    line-height: 0px;
}

    .navbar .navbar-main .nav-wrapper .profile-li a.profile-button {
        padding: 0px;
        width: 100%;
        height: 100%;
    }

    .navbar .navbar-main .nav-wrapper .profile-li div.profile-email {
        position: relative;
        float: left;
        width: calc(100% - 37px);
        height: 100%;
        padding: 10px 8px;
        text-align: end;
        line-height: 15px;
        font-size: .9rem;
        font-weight: bold;
    }

    .navbar .navbar-main .nav-wrapper .profile-li div.avatar-status {
        position: relative;
        float: right;
        width: 36px;
        height: 100%;
        font-weight: bolder;
    }

.sidenav-main .btn-sidenav-toggle {
    top: 0px;
    left: 2px;
}
/* </navbar> */

/* <Texts custom> */
.text-right,
.number-right {
    text-align: right !important;
}

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

.text-break-400 {
    white-space: nowrap;
    width: 400px;
    overflow-wrap: break-word;
    overflow: hidden;
    hyphens: auto;
    word-wrap: break-word;
    text-overflow: ellipsis; /* Funciona em textos somente com uma linha */
}

.text-break-350 {
    white-space: nowrap;
    width: 350px;
    overflow-wrap: break-word;
    overflow: hidden;
    hyphens: auto;
    word-wrap: break-word;
    text-overflow: ellipsis; /* Funciona em textos somente com uma linha */
}

.text-break-300 {
    white-space: nowrap;
    width: 300px;
    overflow-wrap: break-word;
    overflow: hidden;
    hyphens: auto;
    word-wrap: break-word;
    text-overflow: ellipsis; /* Funciona em textos somente com uma linha */
}

.text-break-250 {
    white-space: nowrap;
    width: 250px;
    overflow-wrap: break-word;
    overflow: hidden;
    hyphens: auto;
    word-wrap: break-word;
    text-overflow: ellipsis; /* Funciona em textos somente com uma linha */
}

.text-break-200 {
    white-space: nowrap;
    width: 200px;
    overflow-wrap: break-word;
    overflow: hidden;
    hyphens: auto;
    word-wrap: break-word;
    text-overflow: ellipsis; /* Funciona em textos somente com uma linha */
}

.text-break-150 {
    white-space: nowrap;
    width: 150px;
    overflow-wrap: break-word;
    overflow: hidden;
    hyphens: auto;
    word-wrap: break-word;
    text-overflow: ellipsis; /* Funciona em textos somente com uma linha */
}

.text-break-100 {
    white-space: nowrap;
    width: 100px;
    overflow-wrap: break-word;
    overflow: hidden;
    hyphens: auto;
    word-wrap: break-word;
    text-overflow: ellipsis; /* Funciona em textos somente com uma linha */
}
/* <Text custom> */

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

.search-button {
    margin: 0px;
    height: 90%;
}

/* <Criacao do logo> */
.brand-sidebar .logo-wrapper {
    background: linear-gradient(to top, #172738 5%, #1d364e 30%, #0B151E 100%);
}

    .brand-sidebar .logo-wrapper .brand-logo .first-logo {
        position: relative;
        width: 35px;
        height: 35px;
        margin: 10px auto;
        display: none;
    }

        .brand-sidebar .logo-wrapper .brand-logo .first-logo img {
            width: 35px;
            height: 35px;
        }

    .brand-sidebar .logo-wrapper .brand-logo .second-logo {
        position: relative;
        width: 170px;
        height: 40px;
        margin: 10px auto;
        display: block;
    }

        .brand-sidebar .logo-wrapper .brand-logo .second-logo img {
            width: 170px;
            height: 40px;
        }

    .brand-sidebar .logo-wrapper .brand-logo .brand-user {
        position: relative;
        width: 100%;
        margin: 0 auto;
        height: 110px;
        left: 0px;
        padding: 0px;
        display: block;
    }

        .brand-sidebar .logo-wrapper .brand-logo .brand-user .user-login-1 {
            position: relative;
            width: 100%;
            height: 50%;
            color: gray;
            padding: 0px;
            transition: opacity 2s ease-out;
            opacity: 1;
        }

            .brand-sidebar .logo-wrapper .brand-logo .brand-user .user-login-1 p {
                height: 100%;
                margin: 0 auto;
                padding-top: 30px;
                text-align: center;
                font-size: .9rem;
                font-size-adjust: 0.50;
                font-weight: bold;
                white-space: normal;
                line-height: .8;
            }

        .brand-sidebar .logo-wrapper .brand-logo .brand-user .user-login-2 {
            position: relative;
            width: 100%;
            color: white;
            padding: 0px;
            transition: opacity 2s ease-out;
            opacity: 1;
        }

            .brand-sidebar .logo-wrapper .brand-logo .brand-user .user-login-2 p {
                height: 100%;
                margin: 0px;
                text-align: center;
                font-size: .78rem;
                font-size-adjust: 0.50;
                font-weight: 400;
                white-space: normal;
                line-height: 1.1;
            }

                .brand-sidebar .logo-wrapper .brand-logo .brand-user .user-login-2 p a {
                    color: white;
                }
/* </Criacao do logo> */

/* <Funcao css toggle> */
.nav-collapsed .brand-sidebar .logo-wrapper .brand-logo .first-logo {
    display: block !important;
}

.nav-collapsed .brand-sidebar .logo-wrapper .brand-logo .second-logo {
    display: none !important;
}

.nav-collapsed .brand-sidebar .logo-wrapper .brand-logo .brand-user,
.nav-collapsed .brand-sidebar .logo-wrapper .brand-logo .brand-user .user-login-1,
.nav-collapsed .brand-sidebar .logo-wrapper .brand-logo .brand-user .user-login-2 {
    display: none !important;
    opacity: 0;
}

.sidenav-main.nav-expanded .brand-sidebar .logo-wrapper .brand-logo .second-logo.animate {
    -webkit-animation: fadeLeft;
    animation: fadeLeft;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

div.brand-sidebar a.navbar-toggler {
    position: absolute;
    width: auto;
    height: auto;
    top: 17px !important;
    right: 15px !important;
}

    div.brand-sidebar a.navbar-toggler svg.svg-inline--fa.fa-thumbtack {
        font-size: 20px;
        color: white !important;
    }

        div.brand-sidebar a.navbar-toggler svg.svg-inline--fa.fa-thumbtack.rotate-90 {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }
/* </Funcao css para toggle> */

/* <Navbar material-icons fas> */
ul li.bold a i.material-icons {
    width: 24px;
    height: 100%;
    margin-right: 14px;
}

ul li.bold a svg.svg-inline--fa.material-icons {
    width: 21px;
    height: 22px;
    margin-right: 14px;
    margin-left: 3px;
}

    ul li.bold a svg.svg-inline--fa.material-icons ~ span.menu-title {
        margin-left: 3px;
    }
/* </Navbar material-icons fas> */

/* <Active color> */
.active-color {
    background-color: rgb(29 66 106);
    /*border-radius: 0 25px 25px 0;*/
    width: 100%;
}

.nav-collapsed .active-color {
    /*border-radius: 30px;*/
}

.sidenav li > a {
    font-size: 13px;
}

.bold ul li.child {
    margin-left: 0rem;
}

    .bold ul li.child a span {
        margin-left: 3rem;
    }

.bold ul li.bold.child {
    margin-left: 0rem;
    padding: 0px;
}

    .bold ul li.bold.child a i.material-icons {
        font-size: 24px;
        margin-left: 42px;
    }

    .bold ul li.bold.child a span.menu-title {
        margin-left: 0px;
    }

    .bold ul li.bold.child div.collapsible-body {
        margin-left: 0px;
    }

        .bold ul li.bold.child div.collapsible-body ul li a span {
            margin-left: 5.59rem;
        }

ul.sidenav li.bold a:hover::after {
    margin-right: 17px;
    height: 100%;
}

ul.sidenav li.bold a:not(.active-color):hover,
ul.sidenav li.bold div ul li a:not(.active-color):hover {
    background-color: rgb(0 0 0 / 30%) !important;
    width: 100%;
}

ul.sidenav li.bold a.active-color:hover,
ul.sidenav li.bold div ul li a.active-color:hover {
    background-color: rgb(34 80 130) !important;
    width: 100%;
}
/* </Active color> */

.dt-body-dropDownList input {
    border: none !important;
}

.dt-body-dropDownList2 input {
    border: none !important;
}

/* <Prefix-Custom> */
.input-field-custom {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

    /* <prefix-right> */
    .input-field-custom .prefix-right {
        position: absolute;
        right: 15px;
        font-size: 2rem;
        top: .5rem;
        width: 2.12rem;
        -webkit-transition: color .2s;
        transition: color .2s;
        z-index: 2;
    }

        .input-field-custom .prefix-right ~ input {
            width: 100%;
            padding-right: 40px !important;
            box-sizing: border-box;
        }

        .input-field-custom .prefix-right ~ label {
            left: .98rem;
            right: 0px;
            width: auto !important;
        }
    /* </prefix-right> */

    /* </prefix-left> */
    .input-field-custom .prefix-left {
        position: absolute;
        left: 15px;
        font-size: 2rem;
        top: .5rem;
        width: 2.12rem;
        -webkit-transition: color .2s;
        transition: color .2s;
        z-index: 2;
    }

        .input-field-custom .prefix-left ~ input {
            width: 100%;
            padding-left: 40px !important;
            box-sizing: border-box;
        }

        .input-field-custom .prefix-left ~ label {
            left: 3.65rem;
            right: 0px;
            width: auto !important;
        }
    /* </prefix-left> */

    .input-field-custom > label {
        position: absolute;
        width: auto;
        font-size: .9rem;
        top: 0;
        left: 0;
        cursor: text;
        -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
        transition: color .2s ease-out, -webkit-transform .2s ease-out;
        transition: transform .2s ease-out, color .2s ease-out;
        transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
        -webkit-transform: translateY(7px);
        -ms-transform: translateY(7px);
        transform: translateY(7px);
        -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        transform-origin: 0 100%;
        text-align: initial;
        color: #9e9e9e;
    }

        .input-field-custom > label:not(.label-icon).active {
            top: 8px;
            font-size: 12px;
            -webkit-transform: translateY(-8px) scale(.8);
            -ms-transform: translateY(-8px) scale(.8);
            transform: translateY(-8px) scale(.8);
            -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
        }

/* <custom input default> */
.input-field > label {
    margin-left: 0px;
    font-size: .9rem;
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px);
}

    .input-field > label:not(.label-icon).active {
        top: 8px;
        font-size: 12px;
        color: #505050 !important;
        -webkit-transform: translateY(-8px) scale(.8);
        -ms-transform: translateY(-8px) scale(.8);
        transform: translateY(-8px) scale(.8);
    }
/* </custom input default> */

.input-field-custom .span-alert,
.input-field .span-alert {
    position: relative;
    top: -8px;
    width: 100%;
    display: block;
    height: 32px !important;
    line-height: 15px;
    font-size: 11.5px;
    margin-left: 2px !important;
    color: red;
}

.label-required::after {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    display: unset !important;
    content: " *" !important;
    font-weight: bold !important;
    color: red !important;
    opacity: 1 !important;
}
/* </Prefix-Custom> */

/* <footer-custom> */
footer {
    z-index: 998 !important;
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 28px;
}

.footer-text {
    height: 100%;
    line-height: 28px;
    font-size: 0.9rem;
    text-align: center;
}
/* </footer-custom> */

/* <@medias> */
/* <@medias for SM> */
@media (max-width: 992.98px) {
    .navbar .navbar-main {
        padding: 0;
    }

    .brand-sidebar .logo-wrapper .brand-logo .brand-user .user-login-1,
    .brand-sidebar .logo-wrapper .brand-logo .brand-user .user-login-1 p,
    .brand-sidebar .logo-wrapper .brand-logo .brand-user .user-login-2,
    .brand-sidebar .logo-wrapper .brand-logo .brand-user .user-login-2 p {
        display: none !important;
        transition: opacity 2s ease-out;
        opacity: 0;
    }
}
/* </@medias for SM> */

/* <@medias for custom range> */
@media (min-width: 993px) and (max-width: 1500px) {
    .brand-sidebar .logo-wrapper .brand-logo .brand-user .user-login-1 p {
        font-size: .9rem;
    }

    .brand-sidebar .logo-wrapper .brand-logo .brand-user .user-login-2 p {
        font-size: .78rem;
    }
}
/* </@medias for custom range> */
/* </@medias> */

/* <Modal Custom> */
@media only screen and (max-width: 992px) {
    .modal-sm {
        top: 2% !important;
        width: 98% !important;
        max-height: 95%;
    }
}

@media only screen and (min-width: 993px) {
    .modal-md {
        top: 2% !important;
        width: 90% !important;
        max-height: 95%;
    }
}

@media only screen and (min-width: 1259.98px) {
    .modal-xl {
        width: 1000px !important;
    }
}
/* </Modal Custom> */

/* <overflow Custom> */
.overflow-x-auto {
    overflow-x: auto !important;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.overflow-y-auto {
    overflow-y: auto !important;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}
/* </overflow Custom> */

/* COVER SPIN para fazer o loading das paginas */
#cover-spin {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.7);
    z-index: 9998;
    display: none;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#cover-spin::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
/* FIM DO COVER SPIN para fazer o loading das paginas */

/* <Icon Receita Federal> */
#btn-receita {
    z-index: 3;
    width: 33px;
    height: 33px;
    padding: 0px;
    border: 0px;
    background-color: transparent;
}

.receita-federal-img {
    position: relative;
    width: 30px;
    height: 28px;
    margin: 0px;
    color: #00356E;
}
/* </Modal Custom> */

/* <Tooltip Custom> */
.tooltip-custom {
    position: relative;
    display: inline-block;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

    .tooltip-custom .tooltiptext {
        visibility: hidden;
        width: fit-content;
        background-color: black;
        color: #fff;
        text-align: center;
        /*border-radius: 6px;*/
        padding: 5px 5px;
        font-size: .85rem;
        font-weight: 500;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        position: absolute;
        z-index: 1;
        left: 50%;
    }

        .tooltip-custom .tooltiptext::after {
            content: " ";
            position: absolute;
            left: 50%;
            margin-left: -6px;
            border-width: 6px;
            border-style: solid;
            border-color: black transparent transparent transparent;
        }

    .tooltip-custom:hover .tooltiptext {
        visibility: visible;
    }


    .tooltip-custom[data-tooltip-custom-position="bottom"] .tooltiptext {
        top: calc(100% + 5px);
        -webkit-transform: translate(-50%, 1px);
        transform: translate(-50%, 1px);
    }

        .tooltip-custom[data-tooltip-custom-position="bottom"] .tooltiptext::after {
            top: -12px;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    .tooltip-custom[data-tooltip-custom-position="top"] .tooltiptext {
        bottom: 100%;
        -webkit-transform: translate(-50%, -4px);
        transform: translate(-50%, -4px);
    }

        .tooltip-custom[data-tooltip-custom-position="top"] .tooltiptext::after {
            top: 100%;
        }

@media (min-width: 351.98px) and (max-width: 600.98px) {
    .tooltip-custom[data-tooltip-custom-position="top"] .tooltiptext {
        top: 100%;
        font-size: .7rem;
        padding: 5px 5px 15px 5px;
        left: -440%;
        top: calc(100% + 5px);
        -webkit-transform: translate(-50%, 1px);
        transform: translate(-50%, 1px);
    }

        .tooltip-custom[data-tooltip-custom-position="top"] .tooltiptext::after {
            top: -10px;
            left: 94.44%;
            transform: rotate(180deg);
        }
}
/* </Tooltip Custom> */

/* <Color row> */
div.row.color-divider {
    background-color: rgb(232 232 232 / 50%);
}

@media only screen and (max-width: 600px) {
    div.row.color-divider {
        background-color: transparent;
    }
}
/* </Color row> */

/* <Color default button > i> */
.button-color-blue,
.button-color-blue:active,
.button-color-blue:focus {
    background-color: transparent;
    border: 0px;
    padding: 0px;
    margin: 0px;
    line-height: 0px;
}

    .button-color-blue i {
        color: #03a9f4;
    }
/* </Color default button > i> */

/* <Custom offset-right materialize> */
.row .col.offset-r-s1 {
    margin-right: 8.33333%;
}

.row .col.offset-r-s2 {
    margin-right: 16.66667%;
}

.row .col.offset-r-s3 {
    margin-right: 25%;
}

.row .col.offset-r-s4 {
    margin-right: 33.33333%;
}

.row .col.offset-r-s5 {
    margin-right: 41.66667%;
}

.row .col.offset-r-s6 {
    margin-right: 50%;
}

.row .col.offset-r-s7 {
    margin-right: 58.33333%;
}

.row .col.offset-r-s8 {
    margin-right: 66.66667%;
}

.row .col.offset-r-s9 {
    margin-right: 75%;
}

.row .col.offset-r-s10 {
    margin-right: 83.33333%;
}

.row .col.offset-r-s11 {
    margin-right: 91.66667%;
}

.row .col.offset-r-s12 {
    margin-right: 100%;
}

@media only screen and (min-width: 601px) {
    .row .col.offset-r-m1 {
        margin-right: 8.33333%;
    }

    .row .col.offset-r-m2 {
        margin-right: 16.66667%;
    }

    .row .col.offset-r-m3 {
        margin-right: 25%;
    }

    .row .col.offset-r-m4 {
        margin-right: 33.33333%;
    }

    .row .col.offset-r-m5 {
        margin-right: 41.66667%;
    }

    .row .col.offset-r-m6 {
        margin-right: 50%;
    }

    .row .col.offset-r-m7 {
        margin-right: 58.33333%;
    }

    .row .col.offset-r-m8 {
        margin-right: 66.66667%;
    }

    .row .col.offset-r-m9 {
        margin-right: 75%;
    }

    .row .col.offset-r-m10 {
        margin-right: 83.33333%;
    }

    .row .col.offset-r-m11 {
        margin-right: 91.66667%;
    }

    .row .col.offset-r-m12 {
        margin-right: 100%;
    }
}

@media only screen and (min-width: 993px) {
    .row .col.offset-r-l1 {
        margin-right: 8.33333%;
    }

    .row .col.offset-r-l2 {
        margin-right: 16.66667%;
    }

    .row .col.offset-r-l3 {
        margin-right: 25%;
    }

    .row .col.offset-r-l4 {
        margin-right: 33.33333%;
    }

    .row .col.offset-r-l5 {
        margin-right: 41.66667%;
    }

    .row .col.offset-r-l6 {
        margin-right: 50%;
    }

    .row .col.offset-r-l7 {
        margin-right: 58.33333%;
    }

    .row .col.offset-r-l8 {
        margin-right: 66.66667%;
    }

    .row .col.offset-r-l9 {
        margin-right: 75%;
    }

    .row .col.offset-r-l10 {
        margin-right: 83.33333%;
    }

    .row .col.offset-r-l11 {
        margin-right: 91.66667%;
    }

    .row .col.offset-r-l12 {
        margin-right: 100%;
    }
}

@media only screen and (min-width: 1201px) {
    .row .col.offset-r-xl1 {
        margin-right: 8.33333%;
    }

    .row .col.offset-r-xl2 {
        margin-right: 16.66667%;
    }

    .row .col.offset-r-xl3 {
        margin-right: 25%;
    }

    .row .col.offset-r-xl4 {
        margin-right: 33.33333%;
    }

    .row .col.offset-r-xl5 {
        margin-right: 41.66667%;
    }

    .row .col.offset-r-xl6 {
        margin-right: 50%;
    }

    .row .col.offset-r-xl7 {
        margin-right: 58.33333%;
    }

    .row .col.offset-r-xl8 {
        margin-right: 66.66667%;
    }

    .row .col.offset-r-xl9 {
        margin-right: 75%;
    }

    .row .col.offset-r-xl10 {
        margin-right: 83.33333%;
    }

    .row .col.offset-r-xl11 {
        margin-right: 91.66667%;
    }

    .row .col.offset-r-xl12 {
        margin-right: 100%;
    }
}
/* </Custom offset-right materialize> */