html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

@font-face {
    font-family: "NeoSansPro-Light";
    src: url("../fonts/NeoSansPro-light-webfont.eot");
    src: url("../fonts/NeoSansPro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/NeoSansPro-light-webfont.woff") format("woff"), url("../fonts/NeoSansPro-light-webfont.ttf") format("truetype"), url("../fonts/NeoSansPro-light-webfont.svg#dosisMedium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "NeoSansPro-Regular";
    src: url("../fonts/NeoSansPro-Regular.ttf");
    src: local("../fonts/NeoSansPro-Regular.ttf");
    src: url("../fonts/NeoSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NeoSansPro-Regular.woff") format("woff"), url("../fonts/NeoSansPro-Regular.ttf") format("truetype"), url("../fonts/NeoSansPro-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "NeoSansPro-Medium";
    src: url("../fonts/NeoSansPro-Medium.ttf");
    src: local("../fonts/NeoSansPro-Medium.ttf");
    src: url("../fonts/NeoSansPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/NeoSansPro-Medium.woff") format("woff"), url("../fonts/NeoSansPro-Medium.ttf") format("truetype"), url("../fonts/NeoSansPro-Medium.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Dosis-Regular";
    src: url("../fonts/Dosis-Light.ttf");
    src: local("Dosis-Light") format("truetype");
    src: url("../fonts/Dosis-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Dosis-Light.woff") format("woff"), url("../fonts/Dosis-Light.ttf") format("truetype"), url("../fonts/Dosis-Light.svg") format("svg");
}

@font-face {
    font-family: "Dosis-Bold";
    src: url("../fonts/Dosis-Bold.ttf");
    src: local("Dosis-Bold") format("truetype");
    src: url("../fonts/Dosis-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Dosis-Bold.woff") format("woff"), url("../fonts/Dosis-Bold.ttf") format("truetype"), url("../fonts/Dosis-Bold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Dosis-Medium";
    src: url("../fonts/Dosis-Medium.ttf");
    src: local("Dosis-Medium") format("truetype");
    src: url("../fonts/Dosis-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Dosis-Medium.woff") format("woff"), url("../fonts/Dosis-Medium.ttf") format("truetype"), url("../fonts/Dosis-Medium.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

html, body {
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: "NeoSansPro-Regular", sans-serif;
}

body {
    /*padding-top: 50px;*/
    /*padding-bottom: 20px;*/
    background-color: #f1f3f6;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* close commented backslash hack */

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    height: 100%;
}

.flex-side {
    max-width: 50px;
    width: 50px;
    flex-shrink: 0;
    background-color: #5b2e90;
    align-items: stretch;
    color: #fff;
}

    .flex-side > div.center > i {
        color: white;
    }

.flex-menu {
    background-color: #FFB200;
}

.flex-content {
    flex-grow: 1;
    /*align-self: flex-start;*/
    align-items: stretch;
    height: 100%;
}

.mt-md {
    margin-top: 10px;
}

.mt-lg {
    margin-top: 20px;
}

.opaque {
    height: calc(100vh - 115px);
    background-color: #fff;
    padding: 20px;
}

.material-button {
    display: inline-block;
    border: none !important;
    padding: 5px 20px;
    text-transform: uppercase;
    font-family: "Dosis-Regular", sans-serif;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    text-align: center;
    box-shadow: rgba(0,0,0,0.16) 0px 2px 3px;
}

    .material-button i {
        padding-right: 10px;
    }

.material-primary {
    background: #5b2e90;
    color: #fff;
}

.material-secondary {
    background: #fff;
    color: #5b2e90;
}

.material-cancel {
    background: #8690a4;
    color: #fff;
}

.material-confirm {
    background: #5b2e90;
    color: #fff;
}

.material-success {
    background: #029b24;
    color: #fff;
}

.unfloat {
    float: none;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0;
}

.form-material {
    border-radius: 0;
    border: none;
}

.form-control.form-material {
    color: #585858;
}

.input-group-addon.form-material {
    color: #fff;
    background-color: #5b2e90;
}

#search-box {
    width: 300px;
    font-size: 12px;
}

.search-box {
    font-size: 12px;
}

#side-menu {
    position: absolute;
    top: 0;
    left: 50px;
    height: 100%;
    background-color: #FFB200;
    z-index: 9999;
    width: 1px;
    color: #fff;
    opacity: 0;
    transition: all .5s ease;
    font-family: "Dosis-Medium", sans-serif;
}

    #side-menu.show {
        opacity: 1;
        width: 300px;
    }

    #side-menu .menu-item {
        padding: 10px 15px;
        cursor: pointer;
    }

.icon-btn {
    cursor: pointer;
}

.pr-md {
    padding-right: 10px;
}

.pl-md {
    padding-left: 10px;
}

#side-menu .menu-item i {
    padding-right: 10px;
}

.separator {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    /* background-color: #464646; */
    box-shadow: 0px 2px 5px #000;
}

.hide {
    display: none;
}

.navbar-default .navbar-text {
    color: #000;
    font-size: 18px;
}

#current-user {
    color: #5b2e90;
    font-family: "Dosis-Medium", sans-serif;
    font-size: 14px;
}

.navbar-default {
    background-color: #fff;
}

.center .far, .center .fas, .center .fa {
    color: #5b2e90;
}

.opaque table th {
    font-family: "Dosis-Medium", sans-serif;
    font-size: 20px;
}

.opaque table tbody.no-results td {
    background-color: #F6B801;
    color: #fff;
    padding: 27px;
    text-align: center;
}

.table tbody.no-results td {
    background-color: #F6B801;
    color: #fff;
    padding: 27px;
    text-align: center;
}

.opaque .page-header {
    font-family: "Dosis-Medium", sans-serif;
    text-transform: uppercase;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

    .opaque .page-header h1 {
        margin: 0;
        font-size: 20px;
    }

div.modal {
    font-family: "Dosis-Medium", sans-serif;
    font-size: 20px;
    color: #666666;
}

    div.modal .modal-body {
        padding: 10px 50px 35px;
    }

        div.modal .modal-body label {
            font-family: "Dosis-Medium", sans-serif;
            color: #000000;
            font-size: 18px;
        }

    div.modal input[type="radio"],
    div.modal input[type="checkbox"] {
        margin: 9px 0 0 -20px;
    }

    div.modal .modal-footer button {
        width: 200px;
        margin-left: 15px;
    }

div.col-md-6.col-md-offset-6.right.no-padding button {
    width: 150px;
    margin-left: 15px;
}

.no-padding .material-button {
    margin-left: 15px;
}

.loader {
    width: 100%;
    height: 100%;
    z-index: 9000;
    background-color: transparent;
    position: absolute;
}

    .loader .sk-circle {
        margin: 192px auto;
        width: 180px;
        height: 180px;
        position: relative;
    }

        .loader .sk-circle .sk-child {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }

            .loader .sk-circle .sk-child:before {
                content: '';
                display: block;
                margin: 0 auto;
                width: 10%;
                height: 10%;
                background-color: #F6B801;
                border-radius: 100%;
                box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .2);
                -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
                animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
            }

        .loader .sk-circle .sk-circle2 {
            -webkit-transform: rotate(20deg);
            -ms-transform: rotate(20deg);
            transform: rotate(20deg);
        }

        .loader .sk-circle .sk-circle3 {
            -webkit-transform: rotate(40deg);
            -ms-transform: rotate(40deg);
            transform: rotate(40deg);
        }

        .loader .sk-circle .sk-circle4 {
            -webkit-transform: rotate(60deg);
            -ms-transform: rotate(60deg);
            transform: rotate(60deg);
        }

        .loader .sk-circle .sk-circle5 {
            -webkit-transform: rotate(80deg);
            -ms-transform: rotate(80deg);
            transform: rotate(80deg);
        }

        .loader .sk-circle .sk-circle6 {
            -webkit-transform: rotate(100deg);
            -ms-transform: rotate(100deg);
            transform: rotate(100deg);
        }

        .loader .sk-circle .sk-circle7 {
            -webkit-transform: rotate(120deg);
            -ms-transform: rotate(120deg);
            transform: rotate(120deg);
        }

        .loader .sk-circle .sk-circle8 {
            -webkit-transform: rotate(140deg);
            -ms-transform: rotate(140deg);
            transform: rotate(140deg);
        }

        .loader .sk-circle .sk-circle9 {
            -webkit-transform: rotate(160deg);
            -ms-transform: rotate(160deg);
            transform: rotate(160deg);
        }

        .loader .sk-circle .sk-circle10 {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .loader .sk-circle .sk-circle11 {
            -webkit-transform: rotate(200deg);
            -ms-transform: rotate(200deg);
            transform: rotate(200deg);
        }

        .loader .sk-circle .sk-circle12 {
            -webkit-transform: rotate(220deg);
            -ms-transform: rotate(220deg);
            transform: rotate(220deg);
        }

        .loader .sk-circle .sk-circle13 {
            -webkit-transform: rotate(240deg);
            -ms-transform: rotate(240deg);
            transform: rotate(240deg);
        }

        .loader .sk-circle .sk-circle14 {
            -webkit-transform: rotate(260deg);
            -ms-transform: rotate(260deg);
            transform: rotate(260deg);
        }

        .loader .sk-circle .sk-circle15 {
            -webkit-transform: rotate(280deg);
            -ms-transform: rotate(280deg);
            transform: rotate(280deg);
        }

        .loader .sk-circle .sk-circle16 {
            -webkit-transform: rotate(300deg);
            -ms-transform: rotate(300deg);
            transform: rotate(300deg);
        }

        .loader .sk-circle .sk-circle17 {
            -webkit-transform: rotate(320deg);
            -ms-transform: rotate(320deg);
            transform: rotate(320deg);
        }

        .loader .sk-circle .sk-circle18 {
            -webkit-transform: rotate(340deg);
            -ms-transform: rotate(340deg);
            transform: rotate(340deg);
        }

        .loader .sk-circle .sk-circle2:before {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s;
        }

        .loader .sk-circle .sk-circle3:before {
            -webkit-animation-delay: -1.038s;
            animation-delay: -1.038s;
        }

        .loader .sk-circle .sk-circle4:before {
            -webkit-animation-delay: -0.976s;
            animation-delay: -0.976s;
        }

        .loader .sk-circle .sk-circle5:before {
            -webkit-animation-delay: -0.914s;
            animation-delay: -0.914s;
        }

        .loader .sk-circle .sk-circle6:before {
            -webkit-animation-delay: -0.852s;
            animation-delay: -0.852s;
        }

        .loader .sk-circle .sk-circle7:before {
            -webkit-animation-delay: -0.79s;
            animation-delay: -0.79s;
        }

        .loader .sk-circle .sk-circle8:before {
            -webkit-animation-delay: -0.728s;
            animation-delay: -0.728s;
        }

        .loader .sk-circle .sk-circle9:before {
            -webkit-animation-delay: -0.666s;
            animation-delay: -0.666s;
        }

        .loader .sk-circle .sk-circle10:before {
            -webkit-animation-delay: -0.604s;
            animation-delay: -0.604s;
        }

        .loader .sk-circle .sk-circle11:before {
            -webkit-animation-delay: -0.542s;
            animation-delay: -0.542s;
        }

        .loader .sk-circle .sk-circle12:before {
            -webkit-animation-delay: -0.48s;
            animation-delay: -0.48s;
        }

        .loader .sk-circle .sk-circle13:before {
            -webkit-animation-delay: -0.418s;
            animation-delay: -0.418s;
        }

        .loader .sk-circle .sk-circle14:before {
            -webkit-animation-delay: -0.356s;
            animation-delay: -0.356s;
        }

        .loader .sk-circle .sk-circle15:before {
            -webkit-animation-delay: -0.294s;
            animation-delay: -0.294s;
        }

        .loader .sk-circle .sk-circle16:before {
            -webkit-animation-delay: -0.232s;
            animation-delay: -0.232s;
        }

        .loader .sk-circle .sk-circle17:before {
            -webkit-animation-delay: -0.17s;
            animation-delay: -0.17s;
        }

        .loader .sk-circle .sk-circle18:before {
            -webkit-animation-delay: -0.108s;
            animation-delay: -0.108s;
        }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.loader .shadow {
    background-color: #4E5E7C;
    opacity: 0.55;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.borderless td, .borderless th, .borderless tr {
    border: none !important;
}

.error-input {
    outline-color: red !important;
}

.grid-monitor-erro {
    table-layout: fixed;
    word-wrap: break-word
}

.grid-monitor th {
    font-weight: bold;
    font-size: 15px !important;
    position: sticky;
    top: 0;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    background-color: #5b2e90;
}

.grid-fixed-th th {
    position: sticky;
    top: 0;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    background-color: white;
}

.grid-monitor-tr {
    font-weight: 600;
    font-size: 14px !important;
}

.grid-monitor-trTitle {
    background-color: #5b2e90;
    color: #FFF;
}

.ChildGrid {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
    background-color: #fff;
}

    .ChildGrid th {
        background-color: #f1f3f6;
        color: #333;
        font-weight: bold;
        padding: 10px 15px;
        position: sticky;
        top: 0;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    }

    .ChildGrid tbody td {
        padding: 10px;
    }


.ChildGridTR + .ChildGridTR {
    border-top: 1px solid #5b2e9047
}

.modal-body-erros {
    max-height: 100%;
    position: relative;
    overflow-y: auto;
}

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