/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    height: 100%;
}

body {
    height: auto;
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    margin-bottom: 50px;
    margin-top: 30px;
    /*background: linear-gradient(-45deg, #2b2c5f, #9c315f);*/
    background: linear-gradient(90deg,#2b2c5f 4%,#9b2c5e 20%);
    /* animation: gradient 15s ease infinite;*/
    /*background: #c5c5c5;*/
    /*background: #2b003d; */
    /* background-image: url(../Content/background.s.png); */

    background-size: 400% 400%;
    height: 100vh;
    top: 0 !important;
    color: black;
}


.Radar {
    font-family: Nova Mono,monospace;
    font-size: 2rem;
    margin-top: 20px;
}

@media (min-width: 1600px) {
    .modal-xxg {
        width: 1500px;
    }
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.table {
    background: white;
    padding: 150px;
    border-radius: 10px;
}


.footer {
    /* display: none;*/
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    /*  background-color: black;*/
    /*background-image: linear-gradient(to bottom, #993366, #333366 );*/
    font-size: 0.85em;
}

.btn-acao {
    color: white;
    border: none;
    background: black;
    /*background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); */
}

    .btn-acao:hover {
        color: aliceblue;
        background: #9E305E;
        transition: .8s;
    }

.btn-primary {
    background: #9e305e;
    border: none;
    box-shadow: 1px 1px 3px 1px black;
}

    .btn-primary:hover {
        background: black;
        border: none;
    }

.btn-warning {
    background: #996d33;
    border: none;
}

    .btn-warning:hover {
        background: #393A3A;
        border: none;
    }
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
a, a:hover, a:focus, a:active, a.active {
    text-decoration: none;
    outline: none;
}

a {
    color: #333;
}

    a:hover, a:focus, a:active, a.active {
        color: #17BACC;
    }

body > .container-fluid, body > .container {
    padding: 30px;
    margin-top: 5%;
    margin-bottom: 15px;
    /*background: rgba(255, 255, 255, 0.452);*/
}

.container .text-muted {
    margin: 20px 0;
}

.footer > .container-fluid {
    padding-right: 10px;
    padding-left: 0;
}


code {
    font-size: 80%;
}

.table tbody > tr > td {
    vertical-align: middle;
}

.navbar {
    padding: 15px 10px;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/*.navbar {*/
/*background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);*/
/*background: black; 
    border-bottom: 3px;*/
/*display:none;*/
/*}*/
/*.navbar-brand {
    */ /*padding: 6px 15px;
}*/

h4 {
    font-size: 25px;
    margin-bottom: 30px;
    color: white;
}



.todolist {
    width: 30%;
    margin-top: 20%;
    padding: 5px;
    border: outset;
}

    .todolist .form-check {
        display: block;
    }
/* set reference point */
.tab-animation > .tab-content {
    position: relative;
}
    /* set animate effect */
    .tab-animation > .tab-content > .tab-pane {
        transition: 0.1s linear opacity;
    }
        /* overwrite display: none and remove from document flow */
        .tab-animation > .tab-content > .tab-pane.active-remove {
            position: absolute;
            top: 0;
            width: 99%;
            display: block;
        }
        /* opacity=0 when removing "active" class */
        .tab-animation > .tab-content > .tab-pane.active-remove-active {
            opacity: 0;
        }
        /* opacity=0 when adding "active" class */
        .tab-animation > .tab-content > .tab-pane.active-add {
            opacity: 0;
        }

@media (min-width: 1200px) {
    .modal-xg {
        width: 1100px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .modal-xg {
        width: 910px;
    }
}

@media (min-width: 768px) {
    .modal-md2 {
        width: 700px;
    }

    .modal-boleto {
        width: 700px;
    }
}

.section-header {
    color: #9e305e;
    margin: 10px 0 20px;
    border-bottom: 1px solid #eee;
}

.text-bold {
    font-weight: bold !important;
}

.control-label-required:after {
    content: "*";
    color: #C00;
}


[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.modal-header {
    background-image: linear-gradient(to bottom left, #393A3A,#71706f, #393A3A);
    color: white;
    text-align: center;
}

.validation-summary-errors ul {
    list-style: none;
    padding-left: 0;
}

.form-group-grid {
    margin-bottom: 0;
}

    .form-group-grid p.input-group {
        margin-bottom: 0;
    }

.line-group, .line-subgroup {
    cursor: pointer;
}

    .line-group td {
        background-color: rgba(51,122,183,0.4);
        font-weight: bold;
    }

    .line-subgroup td {
        background-color: rgba(51,122,183,0.2);
        font-weight: bold;
    }

.line-subgroup2 td {
    background-color: rgba(204, 204, 204, 0.6);
    font-weight: bold;
}

.line-total td {
    background-color: rgba(51,122,183,0.9);
    color: #fff;
    font-weight: bold;
}

.switch {
    width: 47px !important;
    height: 25px !important;
}

    .switch small {
        width: 25px !important;
        height: 25px !important;
    }

.modal-loading .modal-content {
    background-color: #000;
    border: 0;
}

.modal-loading .modal-body {
    text-align: center;
    position: absolute;
    top: 100px;
    margin-left: 45%;
}

.glyphicon-refresh-animate {
    font-size: 5em;
    color: rgba(255, 255, 255, 1);
    animation-name: rotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}

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

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

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

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

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

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

.text-navy {
    color: #1ab394 !important;
}

.text-warning {
    color: #e74c3c !important;
}

.list-group-item {
    font-size: 11px;
    padding: 5px 5px;
    white-space: nowrap;
}

.list-group-item-success {
    color: #fff;
    background-color: #50cab1;
}

.list-group-item-danger {
    color: #fff;
    background-color: #ea8a81;
}

.tab-pane {
    /*color: #8f8f8f;*/
}

.tbl-header-vertical-center thead th {
    vertical-align: middle !important;
}

.tab-pane .table tbody tr td {
    /*text-align: center;*/
    /*white-space: nowrap;*/
    vertical-align: middle;
    cursor: pointer;
    color: #000;
}

.tab-pane .table tbody .line-group td {
    background-color: #eee;
    color: #444;
    font-weight: bold;
}

    .tab-pane .table tbody .line-group td i.fa {
        color: #9e305e;
    }

.label {
    padding: .0em .6em .2em !important;
}

.panel-accordion-table {
    margin-bottom: 5px;
}

    .panel-accordion-table .panel-body {
        padding: 0;
    }

    .panel-accordion-table .panel-title .label {
        font-size: 13.5px;
        margin-top: -1px;
    }

    .panel-accordion-table .table {
        margin-bottom: 0;
    }

        .panel-accordion-table .table thead th {
            font-size: .8em;
            text-align: center;
            padding: 5px 4px;
            vertical-align: middle;
            color: #000;
        }

        .panel-accordion-table .table tbody td {
            font-size: .85em;
            color: #000;
            font-weight: normal;
            text-transform: none;
        }

    .panel-accordion-table table tbody .line-group td {
        background-color: rgba(0, 0, 0, 0.65);
        color: #fff;
        font-weight: bold;
    }

.td-wrap {
    white-space: normal !important;
}

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

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

.col-label {
    width: auto;
    float: left;
}

    .col-label label {
        margin-top: 4px;
        margin-right: 5px;
    }

.table-header-border-top > thead > tr > th {
    border-top: 1px solid #ddd !important;
    vertical-align: middle;
}

.only-print {
    display: none;
}

@media print {
    @page {
        /*size: landscape;*/
    }

    nav, footer, .topbar, .nav-tabs, .caret, .no-print {
        display: none !important;
    }

    body > .container-fluid, body > .container {
        padding: 0 15px 0;
    }

    .fix-to-top-table thead .tr-fixed {
        display: none !important;
    }

    .only-print {
        display: block;
    }

    .btn {
        border: 0;
        font-weight: bold;
    }
}

.table-pagination {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

    .table-pagination .form-group {
        margin: 20px 0;
    }

    .table-pagination label {
        font-size: 0.95em;
    }

    .table-pagination .label-pagina {
        margin: 27px 10px;
    }

    .table-pagination .btn-group label {
        font-size: 12px;
        color: #9e305e;
    }

    .table-pagination .btn-group > .active,
    .table-pagination .btn-group > .active:focus,
    .table-pagination .btn-group > .active:hover {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #9e305e;
        border-color: #9e305e;
    }

.btn-group .btn-default.active,
.btn-group .btn-default.active:focus,
.btn-group .btn-default.active:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #9e305e;
    border-color: #9e305e;
}

.fix-to-top .nav-tabs {
    position: fixed;
    top: 50px;
    width: 100%;
    background-color: #fff;
    z-index: 10;
    padding-top: 5px;
}

.fix-to-top-subtitle .form-inline-group {
    position: fixed;
    top: 99px;
    width: 100%;
    background-color: #fff;
    z-index: 10;
    padding-top: 9px;
}

table thead .tr-fixed {
    display: none;
}

.fix-to-top-table thead .tr-fixed {
    position: fixed;
    top: 96px;
    width: calc(100% - 29px);
    background-color: #fff;
    z-index: 10;
    padding-top: 5px;
    display: table;
}

.tab-right-data {
    padding-top: 3px;
}

@media (min-width: 1080px) {
    .fix-to-top .tab-right-data {
        padding-right: 30px;
    }
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: rgba(238, 238, 238, 0.8);
}

.form-filter-th {
    padding: 0 !important;
    padding-bottom: 10px !important;
    font-size: 14px !important;
    font-weight: normal;
}

.col-filters {
    font-weight: bold;
    width: 30px;
    padding: 0 5px 3px 0;
}

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



.col-md-3-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 992px) {
    .col-md-3-5 {
        float: left;
        width: 29.16666666666667%;
    }
}

/*.navbar-default{
    border-radius:3px;
}
.navbar-default .navbar-nav > li > a {
    color: #f5f5f5 !important;
    text-transform: uppercase;
    font-size: 1.3rem;*/
/*margin-bottom: 3px;*/
/*}*/

.modal-movable .modal-header {
    cursor: move;
}

.tabheading-bg-primary a {
    color: #fff !important;
    background-color: #9E305E !important;
}

.tabheading-bg-primary.active a,
.tabheading-bg-primary.active a:hover,
.tabheading-bg-primary.active a:focus,
.tabheading-bg-success.active a,
.tabheading-bg-success.active a:hover,
.tabheading-bg-success.active a:focus,
.tabheading-bg-info.active a,
.tabheading-bg-info.active a:hover,
.tabheading-bg-info.active a:focus,
.tabheading-bg-warning.active a,
.tabheading-bg-warning.active a:hover,
.tabheading-bg-warning.active a:focus,
.tabheading-bg-danger.active a,
.tabheading-bg-danger.active a:hover,
.tabheading-bg-danger.active a:focus {
    color: black !important;
    background-color: #9E305E !important;
    border-radius: 3px;
}

.tabheading-bg-success a {
    background-color: #dff0d8 !important;
}

.tabheading-bg-info a {
    background-color: #d9edf7 !important;
}

.tabheading-bg-warning a {
    background-color: #fcf8e3 !important;
}

.tabheading-bg-danger a {
    background-color: #f2dede !important;
}

.cell-progress .progress {
    margin-bottom: 0;
    position: relative;
}

.cell-progress .progress-percent {
    position: absolute;
    padding-top: 4px;
    width: 100%;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
}

.button_groups {
    border-color: #d6d6d6 #d6d6d6 transparent;
    border-image: none;
    border-radius: 2px 2px 0 0;
    border-style: solid;
    border-width: 1px;
    padding-left: 5px;
}

.cover {
    display: none;
    transition: opacity 2s ease-out;
    opacity: 0;
}

button:hover .cover,
button:active .cover,
button:focus .cover {
    background: #9E305E;
    opacity: 1;
    display: inline-block;
}

.btn-clear {
    position: absolute;
    right: 19px;
    top: 28px;
    color: #ccc;
    background-color: #fff;
    padding-left: 2px;
    padding-right: 2px;
}

    .btn-clear:hover,
    .btn-clear:focus,
    .btn-clear-nolabel:hover,
    .btn-clear-nolabel:focus {
        color: #808080;
        text-decoration: none;
        cursor: pointer;
    }

    .btn-clear iii,
    .btn-clear-nolabel iii {
        background-color: #fff;
        padding-left: 2px;
        padding-right: 2px;
        font-size: 0.7em;
    }

.btn-clear-nolabel {
    position: absolute;
    right: 21px;
    top: 5px;
    color: #ccc;
    z-index: 1;
}

.btn-search {
    position: absolute;
    right: 19px;
    top: 28px;
    color: #ccc;
    background-color: #fff;
    padding-left: 2px;
    padding-right: 2px;
}

    .btn-search:hover,
    .btn-search:focus,
    .btn-search-nolabel:hover,
    .btn-search-nolabel:focus {
        color: #808080;
        text-decoration: none;
    }

    .btn-search iii,
    .btn-search-nolabel iii {
        background-color: #fff;
        padding-left: 2px;
        padding-right: 2px;
        font-size: 0.7em;
    }

.btn-search-nolabel {
    position: absolute;
    right: 19px;
    top: 5px;
    color: #ccc;
    z-index: 1;
}

.text-wrap {
    white-space: normal !important;
}

.navbar-item a {
    color: red;
}

    .navbar-item a.dropdown-toggle {
        background-color: #9E305E !important;
    }

.navbar-item-active a.dropdown-toggle,
.navbar-item-active:hover a.dropdown-toggle {
    color: white !important;
    background-color: #9E305E !important;
}

muda a cor da botão at
.navbar-item-active.open a.dropdown-toggle {
    color: white !important;
    background-color: #9E305E !important;
    height: 100px;
}

.navbar-item-active-root a,
.navbar-item-active-root:hover a {
    padding: 3px;
    color: #555 !important;
    /*background-color: black !important;*/
}

.navbar-item-active-root.open a {
    color: #555 !important;
    background-color: #e7e7e7 !important;
}

.dropdown-menu {
    background-color: white;
}

    .dropdown-menu:first-child {
        background-color: white;
    }

    .dropdown-menu .dropdown-subheader span {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

    .dropdown-menu li a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
        background: white;
    }
    /*
    .dropdown-menu li a:hover,
    .dropdown-menu li a:focus {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
    }*/

    .dropdown-menu .dropdown-subheader span {
        font-weight: bold !important;
    }

    .dropdown-menu .dropdown-menu-subitem a {
        padding-left: 40px !important;
    }

.sortable {
    cursor: pointer;
}

    .sortable .sort-indicator {
        padding-right: 18px;
        position: relative;
    }

        .sortable .sort-indicator:after,
        .sortable .sort-indicator:before {
            content: "";
            border-width: 0 4px 4px;
            border-style: solid;
            border-color: #000 transparent;
            visibility: visible;
            right: 5px;
            top: 45%;
            position: absolute;
            opacity: .3;
            margin-top: -4px;
        }

        .sortable .sort-indicator:before {
            margin-top: 2px;
            border-bottom: none;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 4px solid #000;
        }

        .sortable .sort-indicator:hover:after,
        .sortable .sort-indicator:hover:before {
            opacity: 1;
            visibility: visible;
        }

    .sortable.sort-desc,
    .sortable.sort-asc {
        /*background-color: rgba(141, 192, 219, 0.25);*/
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    }

        .sortable.sort-desc .sort-indicator:after,
        .sortable.sort-asc .sort-indicator:after {
            margin-top: -2px;
        }

        .sortable.sort-desc .sort-indicator:before,
        .sortable.sort-asc .sort-indicator:before {
            visibility: hidden;
        }

        .sortable.sort-asc .sort-indicator:after,
        .sortable.sort-asc .sort-indicator:hover:after {
            visibility: visible;
            filter: alpha(opacity=60);
            -khtml-opacity: 0.6;
            -moz-opacity: 0.6;
            opacity: 0.6;
        }

        .sortable.sort-desc .sort-indicator:after {
            border-bottom: none;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 4px solid #000;
            visibility: visible;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            filter: alpha(opacity=60);
            -khtml-opacity: 0.6;
            -moz-opacity: 0.6;
            opacity: 0.6;
        }

.tbl-perfilacessoview thead tr th {
    vertical-align: middle;
}

.txt-arquivo {
    width: 100%;
}


.Viewer-wrapper {
    position: relative;
    display: block;
}

.Viewer-frame {
    min-height: 900px;
    margin-top: 51px;
    border: 0;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    text-decoration: none;
    color: #ffffff;
    background-color: #9E305E;
    /*    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);*/
    background-repeat: repeat-x;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);*/
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a::before {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

input.ng-dirty.ng-invalid {
    border: 1px solid red !important;
}

.row.section-header .col-md-6 {
    padding-right: 0;
    padding-left: 0;
}

.table-hover > tbody > tr:hover {
    background-color: rgba(51, 122, 183, 0.2);
}

.table-overflow {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}

    .table-overflow > .table {
        margin-bottom: 0;
    }

        .table-overflow > .table > thead > tr > th,
        .table-overflow > .table > tbody > tr > th,
        .table-overflow > .table > tfoot > tr > th,
        .table-overflow > .table > thead > tr > td,
        .table-overflow > .table > tbody > tr > td,
        .table-overflow > .table > tfoot > tr > td {
            white-space: nowrap;
        }

    .table-overflow > .table-bordered {
        border: 0;
    }

        .table-overflow > .table-bordered > thead > tr > th:first-child,
        .table-overflow > .table-bordered > tbody > tr > th:first-child,
        .table-overflow > .table-bordered > tfoot > tr > th:first-child,
        .table-overflow > .table-bordered > thead > tr > td:first-child,
        .table-overflow > .table-bordered > tbody > tr > td:first-child,
        .table-overflow > .table-bordered > tfoot > tr > td:first-child {
            border-left: 0;
        }

        .table-overflow > .table-bordered > thead > tr > th:last-child,
        .table-overflow > .table-bordered > tbody > tr > th:last-child,
        .table-overflow > .table-bordered > tfoot > tr > th:last-child,
        .table-overflow > .table-bordered > thead > tr > td:last-child,
        .table-overflow > .table-bordered > tbody > tr > td:last-child,
        .table-overflow > .table-bordered > tfoot > tr > td:last-child {
            border-right: 0;
        }

        .table-overflow > .table-bordered > tbody > tr:last-child > th,
        .table-overflow > .table-bordered > tfoot > tr:last-child > th,
        .table-overflow > .table-bordered > tbody > tr:last-child > td,
        .table-overflow > .table-bordered > tfoot > tr:last-child > td {
            border-bottom: 0;
        }

    .table-responsive .table-pagination,
    .table-overflow .table-pagination {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapperr {
    display: flex;
    width: 100%;
}

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: white;
    color: #fff;
    transition: all 0.3s;
}

    #sidebar.active {
        margin-left: -250px;
    }

    #sidebar .sidebar-header {
        padding: 20px;
        background: white;
    }

    #sidebar ul.components {
        padding: 20px 0;
        border-bottom: 1px solid #47748b;
    }

    #sidebar ul p {
        color: #fff;
        padding: 10px;
    }

    #sidebar ul li a {
        padding: 10px;
        font-size: 1.1em;
        display: block;
    }

        #sidebar ul li a:hover {
            color: white;
            background: #9E305E;
        }

    #sidebar ul li.active > a,
    a[aria-expanded="true"] {
        color: white;
        background: #9E305E;
    }

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

ul.CTAs {
    padding: 20px;
}

html ::-webkit-scrollbar {
    width: 3px;
}

html ::-webkit-scrollbar-thumb {
    background: #2b2c5f;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

html ::-webkit-scrollbar-track {
    background: #ededed;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}


/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    width: calc(100% - 250px);
    padding: 40px;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -2%;
}

    #content.active {
        width: 100%;
    }

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }

        #sidebar.active {
            margin-left: 0;
        }

    #content {
        width: 100%;
    }

        #content.active {
            width: calc(100% - 250px);
        }

    #sidebarCollapse span {
        display: none;
    }
}


.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }