@font-face {
    font-family: Roboto;
    src: local(Roboto Thin),url(../font/roboto/Roboto-Thin.eot);
    src: url(../font/roboto/Roboto-Thin.eot?#iefix) format("embedded-opentype"),url(../font/roboto/Roboto-Thin.woff2) format("woff2"),url(../font/roboto/Roboto-Thin.woff) format("woff"),url(../font/roboto/Roboto-Thin.ttf) format("truetype");
    font-weight: 200
}

@font-face {
    font-family: Roboto;
    src: local(Roboto Light),url(../font/roboto/Roboto-Light.eot);
    src: url(../font/roboto/Roboto-Light.eot?#iefix) format("embedded-opentype"),url(../font/roboto/Roboto-Light.woff2) format("woff2"),url(../font/roboto/Roboto-Light.woff) format("woff"),url(../font/roboto/Roboto-Light.ttf) format("truetype");
    font-weight: 300
}

@font-face {
    font-family: Roboto;
    src: local(Roboto Regular),url(../font/roboto/Roboto-Regular.eot);
    src: url(../font/roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype"),url(../font/roboto/Roboto-Regular.woff2) format("woff2"),url(../font/roboto/Roboto-Regular.woff) format("woff"),url(../font/roboto/Roboto-Regular.ttf) format("truetype");
    font-weight: 400
}

@font-face {
    font-family: Roboto;
    src: url(../font/roboto/Roboto-Medium.eot);
    src: url(../font/roboto/Roboto-Medium.eot?#iefix) format("embedded-opentype"),url(../font/roboto/Roboto-Medium.woff2) format("woff2"),url(../font/roboto/Roboto-Medium.woff) format("woff"),url(../font/roboto/Roboto-Medium.ttf) format("truetype");
    font-weight: 500
}

@font-face {
    font-family: Roboto;
    src: url(../font/roboto/Roboto-Bold.eot);
    src: url(../font/roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype"),url(../font/roboto/Roboto-Bold.woff2) format("woff2"),url(../font/roboto/Roboto-Bold.woff) format("woff"),url(../font/roboto/Roboto-Bold.ttf) format("truetype");
    font-weight: 700
}

html {
    position: relative;
    min-height: 100%;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px;
    padding-top: 4.5rem;
}

.btn, .form-control, .input-group-text {
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
}

    .form-control:focus {
        box-shadow: none;
    }

.w-45 {
    width: 45px;
}

.align-middle td {
    vertical-align: middle;
}

.table-fixed,
.table-fixed-bordered {
    overflow-y: auto;
    max-height: 70vh;
}

[class*='table-fixed']:not(.table-fixed-bordered) thead th {
    border-top: none;
    border-bottom: none;
    vertical-align: middle;
}

.table .active {
    background-color: #fff59d;
}

.table-cursor tbody tr {
    cursor: pointer;
}
/*Colors*/
.blue.darken-1 {
    background-color: #1e88e5;
}

    .blue.darken-1 th {
        background-color: #1e88e5;
        color: #fff;
    }

.blue.darken-2 {
    background-color: #1976d2;
}

    .blue.darken-2 th {
        background-color: #1976d2;
        color: #fff;
    }

.grey.lighten-3 {
    background-color: #eeeeee;
}

.iframe-container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

    .iframe-container .embed-container {
        height: 100vh;
        width: 100%;
        padding-bottom: 50%;
        position: relative;
    }

        .iframe-container .embed-container object,
        .iframe-container .embed-container embed,
        .iframe-container .embed-container iframe {
            min-width: 100%;
            width: 10px;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

/*Content placeholder*/
.content-placeholder-3 {
    animation: shimmer 1s linear infinite forwards;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 56px;
    position: relative;
}

    .content-placeholder-3 div {
        background: #fff;
        height: 8px;
        left: 0;
        position: absolute;
        right: 0;
    }

        .content-placeholder-3 div:nth-child(1) {
            left: 300px;
            top: 0;
        }

        .content-placeholder-3 div:nth-child(2) {
            height: 16px;
            top: 8px;
        }

        .content-placeholder-3 div:nth-child(3) {
            left: 400px;
            top: 24px;
        }

        .content-placeholder-3 div:nth-child(4) {
            height: 16px;
            top: 32px;
        }

        .content-placeholder-3 div:nth-child(5) {
            left: 178px;
            top: 48px;
        }

@keyframes shimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.view-document a {
    cursor: pointer;
}

.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 10px;
}
.list-note {
    list-style: none;
    padding: 0;
}
    .list-note li {
        margin-bottom: .5rem;
    }
.name-note {
    font-size: 12px;
    text-transform: uppercase;
}

.hungnd {
    position: absolute;
    top:0;
    left:0;
    display:none;
}
.hungnd:before {
    content: "Nguyen Duc Hung"
}
.hungnd::after {
    content: "21051992"
}
.loading {
    position: relative;
    cursor: not-allowed !important;
    text-shadow: none !important;
    color: transparent !important;
    opacity: 1 !important;
    pointer-events: auto;
    -webkit-transition: all 0s linear,opacity .1s ease;
    transition: all 0s linear,opacity .1s ease;
}

.btn:disabled {
    cursor: not-allowed !important;
}

.loading:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: .2em solid rgba(0,0,0,.15);
}

.loading::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: buttonSpin .5s linear;
    animation: buttonSpin .5s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: .2em;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
}

@keyframes buttonSpin {
    100% {
        transform: rotate(360deg);
    }
}

.btn-default {
    color: #000;
    background-color: #e0e1e2;
    border-color: #e0e1e2;
}

    .btn-default:hover {
        color: #000;
        background-color: #cacbcd;
        border-color: #cacbcd;
    }

    .btn-default:active,
    .btn-default:focus {
        color: #000;
        background-color: #c0c1c2;
        border-color: #c0c1c2;
        box-shadow: none;
    }

.th-filter th {
    background-color: #eee !important;
    padding: 0.5rem .75rem;
}

.table-filter thead tr:nth-child(2) th {
    background-color: #F5F77E;
    padding: 0.5rem .75rem;
    color: #000;
}

.table-filter-tr-3 thead tr:nth-child(3) th {
    background-color: #F5F77E;
    padding: 0.5rem .75rem;
    color: #000;
}

tfoot tr td input:not([type='checkbox']),
.table-filter tbody td input:not([type='checkbox']),
.table-filter thead tr:nth-child(2) input:not([type='checkbox']),
.table-filter-tr-3 thead tr:nth-child(3) input:not([type='checkbox']) {
    padding: 0 0.5rem;
    height: 32px;
    width: 100%;
    border: 1px solid #ced4da;
    line-height: 30px;
    border-radius: .125rem;
    min-width: 100px;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%;
    padding-right: 1.5rem;
}

tfoot tr td select,
tbody tr td select,
.table-filter thead tr:nth-child(2) select {
    width: 100%;
    border: 1px solid #ced4da;
    height: 32px;
    min-width: 100px;
    padding: 0 5px;
    border-radius: .125rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 1px;
    padding-right: 1.5rem;
}

    tfoot tr td input:focus,
    .table-filter tbody td input:focus,
    .table-filter thead tr:nth-child(2) select:focus,
    .table-filter thead tr:nth-child(2) input:focus,
    .table-filter-tr-3 thead tr:nth-child(3) input:focus,
    tfoot tr td select:focus,
    tbody tr td select:focus {
        border-color: #80bdff;
        outline: 0;
    }

.clear-input {
    position: absolute;
    color: rgba(0,0,0,.5);
    top: 7px;
    right: 12px;
    cursor: pointer;
    padding: 10px;
}

.input-control .clear-input {
    top: 0;
    right: 0;
    padding: 11px;
}

.pr-25 {
    padding-right: 25px !important;
}

.text-danger {
    color: #ff3547 !important;
}

select.is-invalid,
select.input-validation-error,
input.is-invalid,
input.input-validation-error {
    border-color: #dc3545 !important
}

.is-invalid ~ .invalid-feedback {
    display: block;
}

.icon-grip,
.icon-expand {
    cursor: pointer;
}

.emec-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    background-color: #F5F5F5;
}

.emec-scrollbar::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #F5F5F5;
}

.emec-scrollbar::-webkit-scrollbar-thumb {
    background-color: #F90;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}

.vh-120 {
    height: 120vh;
}

.vh-150 {
    height: 150vh;
}

.vh-80 {
    height: 80vh;
}

.dropdown:hover > .dropdown-menu {
    display: block;
    background: linear-gradient(to right, rgba(32,124,229,1) 0%, rgba(72,154,234,1) 70%, rgba(73,155,234,1) 72%, rgba(73,155,234,1) 81%);
}

.dropdown > .dropdown-menu1 {
    display: none;
}
.dropdown:hover > .dropdown-menu1 {
    display: block;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

.input-dropdown .dropdown:hover > .dropdown-menu {
    display: none;
}

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

.input-dropdown .dropdown-menu {
    width: 100%;
    transform: translate3d(0px, 38px, 0px) !important;
}

.input-group .input-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.input-control .form-control {
    padding-left: 0px;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown-menu {
    margin: 0;
    border-radius: .125rem;
}

.dropdown-menu1 {
    margin: 0;
    border-radius: .125rem;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    background-color: #164E99;
}

.navbar-dark .navbar-nav .active > .nav-link {
    border-bottom:4px solid;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link {
    color: white;
}

.navbar-dark .nav-item:hover .nav-link {
    border-bottom: 4px solid;
}

@media (min-width: 576px) {
    .navbar {
        padding-top: 10px;
        padding-bottom: 0;
    }

    .nav-item {
        padding-left: 10px;
        padding-right: 10px;
    }

    .navbar-menu .nav-link {
        padding: 1px 1rem .25rem 1rem;
        min-width: 100px;
    }

    .navbar-menu .nav-link div {
        text-align: center;
        text-transform: uppercase;
        font-size: 13px;
    }

    .navbar-menu .nav-link div i {
        display: block;
        padding-bottom: .25rem;
        font-size: 20px;
    }

    .navbar-user .nav-item:hover .nav-link {
        background-color: transparent !important;
    }

}

.logo {
    width: 40px;
    height: auto;
    margin-right: 5px;
}

.form-control.is-invalid {
    background-image: none;
}

.dropdown-item {
    padding: .5rem 1rem;
}

.td-group {
    padding: .45rem .75rem !important;
    background-color: #455a64;
    color: #fff;
}

.badge-boder {
    font-size: inherit;
    border-radius: 1.125rem !important;
}

.deep-purple {
    background-color: #673ab7;
}

.form-group label {
    margin: 0 0 .28571429rem 0;
    font-size: .92857143em;
    font-weight: 700;
}

.avatar {
    width: 40px;
    height: auto;
    margin-right: .25em;
}

.modal-content {
    border-radius: .125rem;
}

.modal-header {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
}

.modal-footer {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
}

.modal-danger .modal-header {
    background-color: #ff3547;
    color: #fff;
}

    .modal-danger .modal-header .close {
        color: #fff;
        opacity: 1;
    }


.modal-warning .modal-header {
    background-color: #fb3;
    color: #fff;
}

    .modal-warning .modal-header .close {
        color: #fff;
        opacity: 1;
    }


.modal-success .modal-header {
    background-color: #00c851;
    color: #fff;
}

    .modal-success .modal-header .close {
        color: #fff;
        opacity: 1;
    }

.modal-info .modal-header {
    background-color: #33b5e5;
    color: #fff;
}

    .modal-info .modal-header .close {
        color: #fff;
        opacity: 1;
    }

.vh-90 {
    height: 90vh !important;
}

.input-group > .form-control:not(:first-child) {
    padding-left: 0px;
    border-left: none;
}

.form-login .input-group > .form-control:not(:first-child) {
    padding-top: 1.07143rem;
    padding-bottom: 1.07143rem;
    height: auto;
}

.form-login .btn {
    padding-top: 0.92857rem;
    padding-bottom: 0.92857rem;
    text-transform: uppercase;
}

.input-group-text {
    background-color: transparent;
}

    .input-group-text .input-group-text {
        border-right: none;
    }

.input-group .form-control:focus {
    border-color: #ced4da;
}

.input-group.input-state-focus .input-control *, .input-group.input-state-focus .input-control *:focus,
.input-group.input-state-focus *, .input-group.input-state-focus *:focus {
    border-color: #80bdff;
}

.input-group.input-state-focus.input-validation-error *, .input-group.input-state-focus.input-validation-error *:focus,
.input-group.input-state-focus.is-invalid *, .input-group.input-state-focus.is-invalid *:focus {
    border-color: #dc3545 !important;
}

.input-group.input-state-focus.is-invalid .input-group-text {
    box-shadow: none;
}

.input-group .form-control.is-invalid:focus {
    box-shadow: none;
}

.input-group.input-state-focus .form-control.is-invalid:focus {
    box-shadow: none;
}

.input-group > .form-control:not(:last-child) {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
}


.input-group.input-state-focus .input-group-text {
    color: #007bff !important;
}

.input-group.input-state-focus.input-validation-error .input-group-text,
.input-group.input-state-focus.is-invalid .input-group-text {
    color: #dc3545 !important;
}

.form-control.input-validation-error,
.input-group.input-state-focus.input-validation-error,
.input-group.input-state-focus.input-validation-error .input-group-text,
.input-group.input-validation-error .input-group-text,
.input-group.input-state-focus.is-invalid,
.input-group.input-state-focus.is-invalid .input-group-text,
.input-group.is-invalid .input-group-text {
    border-color: #dc3545;
}

    .form-control.input-validation-error ~ .invalid-feedback {
        display: block;
    }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.checkbox-success {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

    .checkbox-success:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #28a745;
        background-color: #28a745;
    }

.custom-checkbox .checkbox-success:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-label::before {
    border-radius: .125rem;
}

th .custom-control-label::before,
td .custom-control-label::before {
    width: 20px;
    height: 20px;
}

th .custom-control-label::after,
td .custom-control-label::after {
    width: 20px;
    height: 20px;
}

.checkbox-success:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745;
}

.checkbox-success:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40,167,69,.5);
}

.custom-control-label {
    cursor: pointer;
}

section .card {
    border: none;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

    section .card .header {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

section .card-body {
    padding: 1.75rem;
}

section .card .header span {
    font-size: 3rem;
    font-weight: 600;
}

.footer {
    border-top:3px solid #eee;
    background: #003366;
    padding: 15px 0 !important;
    color:white;
    bottom:0;
}

.asterisk:after {
    content: " *" !important;
    opacity: 1 !important;
    position: relative !important;
    top: 0 !important;
    display: inline !important;
    color: #dc3545;
    font-weight: 700;
}

.badge {
    font-weight: inherit;
}

.text-green.accent-4 {
    color: #00c853 !important;
}

.text-grey.lighten-1 {
    color: #bdbdbd !important;
}

.w-50px {
    width: 50px !important;
}

.w-100px {
    width: 100px !important;
}


.w-135px {
    width: 135px !important;
}

.table {
    margin-bottom: 0px;
}

#paging {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.nav-tabs .nav-link {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
    text-transform: uppercase;
    font-size: 14px;
}

.tab-content {
    padding: 1rem;
}

.table thead th {
    font-size: 14px;
    text-transform: uppercase;
}

.modal-content {
    border: none;
}

@media (min-width: 576px) {
    .modal .modal-lg-3x {
        width: 95%;
        max-width: 100%;
    }
}

.custom-file-label {
    border-radius: .125rem;
}

.custom-file-input:focus ~ .custom-file-label {
    box-shadow: none;
}

.fa-layers {
    display: inline-block;
    height: 1em;
    position: relative;
    text-align: center;
    vertical-align: -.125em;
    width: 1em;
}

.fa-layers-counter {
    background-color: #ff253a;
    border-radius: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 1.5em;
    line-height: 1;
    max-width: 5em;
    min-width: 1.5em;
    overflow: hidden;
    padding: .25em;
    right: -10px;
    text-overflow: ellipsis;
    top: -10px;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: top right;
    transform-origin: top right;
}

.fa-layers-counter {
    display: inline-block;
    position: absolute;
    text-align: center;
}

.dropdown-caret:before {
    position: absolute;
    top: -7px;
    left: 85%;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-caret:after {
    position: absolute;
    top: -6px;
    left: 85%;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    border-left: 6px solid transparent;
    content: '';
}

.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
    border: none !important;
}

.bootstrap-datetimepicker-widget tr:hover {
    background-color: transparent !important;
}

.green.darken-1 {
    background-color: #43a047;
    color: #fff;
}

.normal-input {
    padding: 0 0.5rem;
    height: 30px;
    width: 100%;
    border: 1px solid #ced4da;
    line-height: 30px;
    border-radius: .125rem;
}

.normal-input:focus {
    border-color: #80bdff;
    outline: 0;
}

.table-fixed-50vh {
    overflow-y: auto;
    max-height: 50vh;
}

.table-fixed-60vh {
    overflow-y: auto;
    max-height: 60vh;
}

.custom-control-label::after {
    background: no-repeat 50%/60% 60%;
}

ul.pagination {
    margin-bottom: 0px;
}

.btn-danger.form-control:focus {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(225,83,97,.5);
    outline: 0;
}

.btn-primary.form-control:focus {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
    outline: 0;
}

.table-fixed-bordered thead th {
    border-bottom: none;
    vertical-align: middle;
}

.td-group-none {
    padding: .45rem .75rem !important;
}

.font-small {
    font-size: small;
}

.purple.darken-1 {
    background-color: #8e24aa;
    color: #fff;
}

.red.darken-2 {
    background-color: #d32f2f !important;
    color: #fff;
}

.red.lighten-1 {
    background-color: #ef5350 !important;
    color: #fff;
}

.green.darken-1 {
    background-color: #43a047 !important;
    color: #fff;
}
.grey.darken-2 {
    background-color: #455a64 !important;
    color: #fff;
}

.table-bordered-none th {
    border: 0px !important;
}
.custom-control.form-control {
    border: 0px !important;
}

.accordion .card-header {
    padding: .5rem 1rem;
}

.green.darken-1 th {
    background-color: #43a047;
    color: #fff;
}

.sticky {
    background-color: #fff;
}

.sticky-th {
    position: relative;
    z-index: 1;
}

tr.active .sticky {
    background-color: #fff59d;
}

.z-index-1 {
    position: relative;
    z-index: 1;
}

.row-click, .cursor-pointer {
    cursor: pointer;
}

.table-bordered-scroll {
    border-collapse: separate !important;
    border-spacing: 0;
}

.table-bordered-scroll td,
.table-bordered-scroll th {
    border-right: 1px solid #dee2e6;
}

.table-bordered-scroll td:first-child {
    border-left: 1px solid #dee2e6;
}
* {
    box-sizing: border-box
}

/* Slideshow container */
.slideshow-container {
    max-width: 100vw;
    position: relative;
    margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 15%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
    }

/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .activeslide, .dot:hover {
        background-color: #717171;
    }

/* Fading animation */
.fadeSlide {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}


.breadcrumbs {
    overflow: hidden;
    padding: 10px 0 6px;
    width: 100%;
    display: inline-block;
}

    .breadcrumbs h1 {
        color: #fe6102;
        font-size: 22px;
        margin-top: 8px;
        font-weight: bold;
    }

.headline {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 2px solid #3498db;
}


.heading-sm span {
    padding-top: 5px !important;
    font-size: 15px;
    font-weight: 800;
    color: #fe6102;
    display: block;
    margin-top: 5px;
}

.new-gif-banner {
    width: 60px;
    height: 0px;
    position: relative;
    top: -10px;
    left: 90px;
}
.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
}

.img-border {
    border: none !important;
}
.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

    .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
        -webkit-animation-name: hvr-pulse-shrink;
        animation-name: hvr-pulse-shrink;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }

.border-circle {
    border-radius: 50%;
    width: 120px;
    height: 120px;
}

.img-new {
    width: 110px;
    height: 110px;
    display: initial;
    background: #006bb3;
    padding: 3px !important;
}

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

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

.rev {
    left: auto !important;
    right: 100% !important;
    top: 8px !important;
    margin-right: -12px !important;
}