@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

@font-face {
    font-family: 'FontAwesome';
    src: url('font/fontawesome-webfont.eot?v=3.0.1');
    src: url('font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Helvetica";
    src: url(../fonts/Helvetica.ttf) format("truetype");
}

@font-face {
    font-family: "Myriad-Pro";
    src: url(../fonts/Myriad Pro Regular.ttf) format("truetype");
}





@media (min-width: 768px) {
    body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
        transition: margin-left .3s ease-in-out;
        margin-left: 220px !important;
    }
}

body:not(.sidebar-mini-md) .content-wrapper {
    background-color: #fff;
}

body {
    font-family: 'Open Sans', sans-serif !important;
}

h1, h2, h3, h4, h5 {
    font-family: "Arial" !important;
}

p, button {
    font-family: "Helvetica" !important;
}

img {
    width: 100%;
}


/* width */
scrollbar {
    width: 5px;
    height: 5px;
}

-moz-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar {
    width: 16px;
    height: 5px;
}

/* Handle */
scrollbar-thumb {
    background: #a7a9ac;
    border-radius: 10px;
}

-moz-scrollbar-thumb {
    background: #a7a9ac;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #a7a9ac;
    border-radius: 0px;
    border-right: 1px solid white;
}


.user-panel img {
    height: auto;
    width: 2.8rem;
}

.navbar .dropdown-menu a {
    text-transform: capitalize;
}


#responsive-admin-menu:hover {
    width: auto;
}

#responsive-admin-menu nav li p {
    font-family: 'Open Sans', sans-serif !important;
}

#responsive-admin-menu .nav-treeview li p {
    font-size: 12px;
    letter-spacing: -0.5px;
}

#responsive-admin-menu .nav-treeview li i {
    font-size: 12px;
    width: 6px;
    margin-left: 5px;
    margin-right: 4px;
}

.menu-is-opening ul li.menu-is-opening ul {
    visibility: visible !important;
    height: max-content !important;
}

.nav-sidebar .nav-link > .right, .nav-sidebar .nav-link > p > .right {
    right: 4px !important;
    top: 15px !important;
}

#responsive-admin-menu nav li i img {
    width: 20px;
}

[class*=sidebar-dark] .brand-link {
    border-bottom: 1px solid #ffffff;
}

nav nav {
    width: 100%;
}

nav .material-icons {
    font-size: 25px;
    padding: 10px 0px
}

.nav-sidebar .menu-is-opening > .nav-link p, .nav-sidebar .menu-open > .nav-link p {
    color: #db4219;
}

.nav-sidebar .menu-is-opening > .nav-link i, .nav-sidebar .menu-open > .nav-link i {
    color: #db4219;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

.breadcrumb {
    background-color: #e9ecef00;
    margin-bottom: 0rem;
}

    .breadcrumb .active a {
        color: #000;
    }

.layout-fixed .brand-link {
    width: 220px;
    height: 73px;
}

.nav-link {
    padding: .5rem .5rem;
}

.fa-dot-circle {
    margin-left: .1px !important;
}

.nav-sidebar > .nav-item .nav-icon {
    margin-left: 0rem;
    margin-right: .4rem;
}

[class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-link.active {
    color: #fff;
    box-shadow: none;
}

.btn-orange {
    background: #e28432 !important;
}

.user-img {
    width: 45px;
    height: 45px;
    margin-right: 3px;
}

.brand-link .brand-image {
    max-height: 40px;
    margin-left: 0;
}

@media screen and (min-width:1700px) {
    .view-lg {
        height: 70px !important;
    }

    .footer-div {
        width: 88% !important;
        position: fixed;
    }
}

.main-sidebar, .main-sidebar::before {
    transition: margin-left .3s ease-in-out,width .3s ease-in-out;
    width: 220px;
}

.nav-pills .nav-link {
    color: #ffffff;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #007bff00;
}

.nav-link.active p {
    color: #db4219;
}

.nav-link.active i {
    color: #db4219;
}

@media screen and (max-width:1370px) {
    .card h4 {
        font-size: 10pt;
    }

    .card-two h4 {
        font-size: 10pt;
    }
}

/* Menu Styles */

@media screen and (max-width: 960px) {
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 480px) {
}

#announcement_Message p:first-child {
    margin-left: 20px;
}

    #announcement_Message p:first-child i {
        margin-top: 5px;
        position: absolute;
        margin-left: -18px;
    }

#announcement_Message ul {
    list-style: none;
    padding-left: 0px;
}

button {
    text-transform: none !important;
}

.card-two {
    margin: 15px 0;
    padding: 20px 15px;
    background: #f6f7fb;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

    .card-two .col-12 p {
        margin-bottom: 0px;
    }

    .card-two h3 {
        padding: 8px 40px;
        font-weight: bold !important;
    }

    .card-two h4 {
        font-size: 11pt;
        font-weight: bold !important;
    }

.card {
    margin: 15px 0;
    padding: 15px;
    background: #f6f7fb;
}

    .card h4 {
        text-align: center;
        font-size: 11pt;
        font-weight: bold !important;
    }

    .card button, .card a.btn {
        padding: 11px 15px !important;
        height: 45px;
        margin: 0px;
        font-size: 15px !important;
        color: #fff;
        font-family: "Helvetica" !important;
        text-transform: none;
    }

.btn-grey-head {
    background-color: #a7a9ac !important;
    color: black !important;
    text-transform: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-weight: bold;
    padding: .85rem 0 !important;
}

.btn-grey {
    background-color: #a7a9ac !important;
    /*color: black!important;*/
    text-transform: none;
    padding: .85rem 15px !important;
}

.btn-green {
    background-color: #3fa044 !important;
    /*color: black!important;*/
    text-transform: none;
    padding: .85rem 15px !important;
}

button.btn-orange {
    background-color: #a7a9ac !important;
}

    button.btn-orange:hover, button.btn-orange.active, button.btn-orange:active, button.btn-orange:focus {
        background-color: #3fa044 !important;
    }

button.btn-grey {
    background-color: #a7a9ac !important;
}

    button.btn-grey:hover, button.btn-grey.active, button.btn-grey:active, button.btn-grey:focus {
        background-color: #3fa044 !important;
    }

button.btn-green, a.btn-green {
    background-color: #a7a9ac !important;
}

    button.btn-green:hover, button.btn-green.active, button.btn-green:active, button.btn-green:focus {
        background-color: #3fa044 !important;
    }

    a.btn-green:hover, a.btn-green.active, a.btn-green:active, a.btn-green:focus {
        background-color: #3fa044 !important;
    }

a.btn-orange {
    background-color: #a7a9ac !important;
}

label.btn-orange {
    background-color: #a7a9ac !important;
}

a.btn-orange:hover, a.btn-orange.active, a.btn-orange:active, a.btn-orange:focus {
    background-color: #3fa044 !important;
}

label.btn-orange:hover, label.btn-orange.active, label.btn-orange:active, label.btn-orange:focus {
    background-color: #3fa044 !important;
}

label.btn-grey {
    background-color: #a7a9ac !important;
}

    label.btn-grey:hover, label.btn-grey.active, label.btn-grey:active, label.btn-grey:focus {
        background-color: #3fa044 !important;
    }

label.btn-green {
    background-color: #a7a9ac !important;
}

label.btn-green-light {
    background-color: #3fa044 !important;
}

label.btn-green:hover {
    background-color: #3fa044 !important;
}

.btn-orange {
    text-transform: none;
    padding: .85rem 15px !important;
}

.btn-grey h5 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 0px;
}


@font-face {
    font-family: 'FontAwesome';
    src: url('font/fontawesome-webfont.eot?v=3.0.1');
    src: url('font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"], [class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    margin-top: 0
}

.icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] {
    background-image: none
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none
}

a [class^="icon-"], a [class*=" icon-"] {
    display: inline-block
}

.icon-large:before {
    vertical-align: -10%;
    font-size: 1.3333333333333333em
}

.btn [class^="icon-"], .nav [class^="icon-"], .btn [class*=" icon-"], .nav [class*=" icon-"] {
    display: inline
}

    .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large {
        line-height: .9em
    }

    .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin {
        display: inline-block
    }

.nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large {
    line-height: .9em
}

li [class^="icon-"], .nav li [class^="icon-"], li [class*=" icon-"], .nav li [class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center
}

    li [class^="icon-"].icon-large, .nav li [class^="icon-"].icon-large, li [class*=" icon-"].icon-large, .nav li [class*=" icon-"].icon-large {
        width: 1.5625em
    }

ul.icons {
    list-style-type: none;
    text-indent: -0.75em
}

    ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] {
        width: .75em
    }

.icon-muted {
    color: #eee
}

.icon-border {
    border: solid 1px #eee;
    padding: .2em .25em .15em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.icon-2x {
    font-size: 2em
}

    .icon-2x.icon-border {
        border-width: 2px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

.icon-3x {
    font-size: 3em
}

    .icon-3x.icon-border {
        border-width: 3px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

.icon-4x {
    font-size: 4em
}

    .icon-4x.icon-border {
        border-width: 4px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px
    }

.pull-right {
    float: right
}

.pull-left {
    float: left
}

[class^="icon-"].pull-left, [class*=" icon-"].pull-left {
    margin-right: .3em
}

[class^="icon-"].pull-right, [class*=" icon-"].pull-right {
    margin-left: .3em
}

.btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x {
    margin-top: .18em
}

.btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large {
    line-height: .8em
}

.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x {
    margin-top: .25em
}

.btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] {
    margin-top: 0
}

    .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
        margin-top: .05em
    }

    .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x {
        margin-right: .2em
    }

    .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
        margin-left: .2em
    }

.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg)
    }
}

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

    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }

    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(359deg)
    }
}

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

    100% {
        transform: rotate(359deg)
    }
}

@-moz-document url-prefix() {
    .icon-spin {
        height: .9em
    }

    .btn .icon-spin {
        height: auto
    }

    .icon-spin.icon-large {
        height: 1.25em
    }

    .btn .icon-spin.icon-large {
        height: .75em
    }
}

.icon-glass:before {
    content: "\f000"
}

.icon-music:before {
    content: "\f001"
}

.icon-search:before {
    content: "\f002"
}

.icon-envelope:before {
    content: "\f003"
}

.icon-heart:before {
    content: "\f004"
}

.icon-star:before {
    content: "\f005"
}

.icon-star-empty:before {
    content: "\f006"
}

.icon-user:before {
    content: "\f007"
}

.icon-film:before {
    content: "\f008"
}

.icon-th-large:before {
    content: "\f009"
}

.icon-th:before {
    content: "\f00a"
}

.icon-th-list:before {
    content: "\f00b"
}

.icon-ok:before {
    content: "\f00c"
}

.icon-remove:before {
    content: "\f00d"
}

.icon-zoom-in:before {
    content: "\f00e"
}

.icon-zoom-out:before {
    content: "\f010"
}

.icon-off:before {
    content: "\f011"
}

.icon-signal:before {
    content: "\f012"
}

.icon-cog:before {
    content: "\f013"
}

.icon-trash:before {
    content: "\f014"
}

.icon-home:before {
    content: "\f015"
}

.icon-file:before {
    content: "\f016"
}

.icon-time:before {
    content: "\f017"
}

.icon-road:before {
    content: "\f018"
}

.icon-download-alt:before {
    content: "\f019"
}

.icon-download:before {
    content: "\f01a"
}

.icon-upload:before {
    content: "\f01b"
}

.icon-inbox:before {
    content: "\f01c"
}

.icon-play-circle:before {
    content: "\f01d"
}

.icon-repeat:before {
    content: "\f01e"
}

.icon-refresh:before {
    content: "\f021"
}

.icon-list-alt:before {
    content: "\f022"
}

.icon-lock:before {
    content: "\f023"
}

.icon-flag:before {
    content: "\f024"
}

.icon-headphones:before {
    content: "\f025"
}

.icon-volume-off:before {
    content: "\f026"
}

.icon-volume-down:before {
    content: "\f027"
}

.icon-volume-up:before {
    content: "\f028"
}

.icon-qrcode:before {
    content: "\f029"
}

.icon-barcode:before {
    content: "\f02a"
}

.icon-tag:before {
    content: "\f02b"
}

.icon-tags:before {
    content: "\f02c"
}

.icon-book:before {
    content: "\f02d"
}

.icon-bookmark:before {
    content: "\f02e"
}

.icon-print:before {
    content: "\f02f"
}

.icon-camera:before {
    content: "\f030"
}

.icon-font:before {
    content: "\f031"
}

.icon-bold:before {
    content: "\f032"
}

.icon-italic:before {
    content: "\f033"
}

.icon-text-height:before {
    content: "\f034"
}

.icon-text-width:before {
    content: "\f035"
}

.icon-align-left:before {
    content: "\f036"
}

.icon-align-center:before {
    content: "\f037"
}

.icon-align-right:before {
    content: "\f038"
}

.icon-align-justify:before {
    content: "\f039"
}

.icon-list:before {
    content: "\f03a"
}

.icon-indent-left:before {
    content: "\f03b"
}

.icon-indent-right:before {
    content: "\f03c"
}

.icon-facetime-video:before {
    content: "\f03d"
}

.icon-picture:before {
    content: "\f03e"
}

.icon-pencil:before {
    content: "\f040"
}

.icon-map-marker:before {
    content: "\f041"
}

.icon-adjust:before {
    content: "\f042"
}

.icon-tint:before {
    content: "\f043"
}

.icon-edit:before {
    content: "\f044"
}

.icon-share:before {
    content: "\f045"
}

.icon-check:before {
    content: "\f046"
}

.icon-move:before {
    content: "\f047"
}

.icon-step-backward:before {
    content: "\f048"
}

.icon-fast-backward:before {
    content: "\f049"
}

.icon-backward:before {
    content: "\f04a"
}

.icon-play:before {
    content: "\f04b"
}

.icon-pause:before {
    content: "\f04c"
}

.icon-stop:before {
    content: "\f04d"
}

.icon-forward:before {
    content: "\f04e"
}

.icon-fast-forward:before {
    content: "\f050"
}

.icon-step-forward:before {
    content: "\f051"
}

.icon-eject:before {
    content: "\f052"
}

.icon-chevron-left:before {
    content: "\f053"
}

.icon-chevron-right:before {
    content: "\f054"
}

.icon-plus-sign:before {
    content: "\f055"
}

.icon-minus-sign:before {
    content: "\f056"
}

.icon-remove-sign:before {
    content: "\f057"
}

.icon-ok-sign:before {
    content: "\f058"
}

.icon-question-sign:before {
    content: "\f059"
}

.icon-info-sign:before {
    content: "\f05a"
}

.icon-screenshot:before {
    content: "\f05b"
}

.icon-remove-circle:before {
    content: "\f05c"
}

.icon-ok-circle:before {
    content: "\f05d"
}

.icon-ban-circle:before {
    content: "\f05e"
}

.icon-arrow-left:before {
    content: "\f060"
}

.icon-arrow-right:before {
    content: "\f061"
}

.icon-arrow-up:before {
    content: "\f062"
}

.icon-arrow-down:before {
    content: "\f063"
}

.icon-share-alt:before {
    content: "\f064"
}

.icon-resize-full:before {
    content: "\f065"
}

.icon-resize-small:before {
    content: "\f066"
}

.icon-plus:before {
    content: "\f067"
}

.icon-minus:before {
    content: "\f068"
}

.icon-asterisk:before {
    content: "\f069"
}

.icon-exclamation-sign:before {
    content: "\f06a"
}

.icon-gift:before {
    content: "\f06b"
}

.icon-leaf:before {
    content: "\f06c"
}

.icon-fire:before {
    content: "\f06d"
}

.icon-eye-open:before {
    content: "\f06e"
}

.icon-eye-close:before {
    content: "\f070"
}

.icon-warning-sign:before {
    content: "\f071"
}

.icon-plane:before {
    content: "\f072"
}

.icon-calendar:before {
    content: "\f073"
}

.icon-random:before {
    content: "\f074"
}

.icon-comment:before {
    content: "\f075"
}

.icon-magnet:before {
    content: "\f076"
}

.icon-chevron-up:before {
    content: "\f077"
}

.icon-chevron-down:before {
    content: "\f078"
}

.icon-retweet:before {
    content: "\f079"
}

.icon-shopping-cart:before {
    content: "\f07a"
}

.icon-folder-close:before {
    content: "\f07b"
}

.icon-folder-open:before {
    content: "\f07c"
}

.icon-resize-vertical:before {
    content: "\f07d"
}

.icon-resize-horizontal:before {
    content: "\f07e"
}

.icon-bar-chart:before {
    content: "\f080"
}

.icon-twitter-sign:before {
    content: "\f081"
}

.icon-facebook-sign:before {
    content: "\f082"
}

.icon-camera-retro:before {
    content: "\f083"
}

.icon-key:before {
    content: "\f084"
}

.icon-cogs:before {
    content: "\f085"
}

.icon-comments:before {
    content: "\f086"
}

.icon-thumbs-up:before {
    content: "\f087"
}

.icon-thumbs-down:before {
    content: "\f088"
}

.icon-star-half:before {
    content: "\f089"
}

.icon-heart-empty:before {
    content: "\f08a"
}

.icon-signout:before {
    content: "\f08b"
}

.icon-linkedin-sign:before {
    content: "\f08c"
}

.icon-pushpin:before {
    content: "\f08d"
}

.icon-external-link:before {
    content: "\f08e"
}

.icon-signin:before {
    content: "\f090"
}

.icon-trophy:before {
    content: "\f091"
}

.icon-github-sign:before {
    content: "\f092"
}

.icon-upload-alt:before {
    content: "\f093"
}

.icon-lemon:before {
    content: "\f094"
}

.icon-phone:before {
    content: "\f095"
}

.icon-check-empty:before {
    content: "\f096"
}

.icon-bookmark-empty:before {
    content: "\f097"
}

.icon-phone-sign:before {
    content: "\f098"
}

.icon-twitter:before {
    content: "\f099"
}

.icon-facebook:before {
    content: "\f09a"
}

.icon-github:before {
    content: "\f09b"
}

.icon-unlock:before {
    content: "\f09c"
}

.icon-credit-card:before {
    content: "\f09d"
}

.icon-rss:before {
    content: "\f09e"
}

.icon-hdd:before {
    content: "\f0a0"
}

.icon-bullhorn:before {
    content: "\f0a1"
}

.icon-bell:before {
    content: "\f0a2"
}

.icon-certificate:before {
    content: "\f0a3"
}

.icon-hand-right:before {
    content: "\f0a4"
}

.icon-hand-left:before {
    content: "\f0a5"
}

.icon-hand-up:before {
    content: "\f0a6"
}

.icon-hand-down:before {
    content: "\f0a7"
}

.icon-circle-arrow-left:before {
    content: "\f0a8"
}

.icon-circle-arrow-right:before {
    content: "\f0a9"
}

.icon-circle-arrow-up:before {
    content: "\f0aa"
}

.icon-circle-arrow-down:before {
    content: "\f0ab"
}

.icon-globe:before {
    content: "\f0ac"
}

.icon-wrench:before {
    content: "\f0ad"
}

.icon-tasks:before {
    content: "\f0ae"
}

.icon-filter:before {
    content: "\f0b0"
}

.icon-briefcase:before {
    content: "\f0b1"
}

.icon-fullscreen:before {
    content: "\f0b2"
}

.icon-group:before {
    content: "\f0c0"
}

.icon-link:before {
    content: "\f0c1"
}

.icon-cloud:before {
    content: "\f0c2"
}

.icon-beaker:before {
    content: "\f0c3"
}

.icon-cut:before {
    content: "\f0c4"
}

.icon-copy:before {
    content: "\f0c5"
}

.icon-paper-clip:before {
    content: "\f0c6"
}

.icon-save:before {
    content: "\f0c7"
}

.icon-sign-blank:before {
    content: "\f0c8"
}

.icon-reorder:before {
    content: "\f0c9"
}

.icon-list-ul:before {
    content: "\f0ca"
}

.icon-list-ol:before {
    content: "\f0cb"
}

.icon-strikethrough:before {
    content: "\f0cc"
}

.icon-underline:before {
    content: "\f0cd"
}

.icon-table:before {
    content: "\f0ce"
}

.icon-magic:before {
    content: "\f0d0"
}

.icon-truck:before {
    content: "\f0d1"
}

.icon-pinterest:before {
    content: "\f0d2"
}

.icon-pinterest-sign:before {
    content: "\f0d3"
}

.icon-google-plus-sign:before {
    content: "\f0d4"
}

.icon-google-plus:before {
    content: "\f0d5"
}

.icon-money:before {
    content: "\f0d6"
}

.icon-caret-down:before {
    content: "\f0d7"
}

.icon-caret-up:before {
    content: "\f0d8"
}

.icon-caret-left:before {
    content: "\f0d9"
}

.icon-caret-right:before {
    content: "\f0da"
}

.icon-columns:before {
    content: "\f0db"
}

.icon-sort:before {
    content: "\f0dc"
}

.icon-sort-down:before {
    content: "\f0dd"
}

.icon-sort-up:before {
    content: "\f0de"
}

.icon-envelope-alt:before {
    content: "\f0e0"
}

.icon-linkedin:before {
    content: "\f0e1"
}

.icon-undo:before {
    content: "\f0e2"
}

.icon-legal:before {
    content: "\f0e3"
}

.icon-dashboard:before {
    content: "\f0e4"
}

.icon-comment-alt:before {
    content: "\f0e5"
}

.icon-comments-alt:before {
    content: "\f0e6"
}

.icon-bolt:before {
    content: "\f0e7"
}

.icon-sitemap:before {
    content: "\f0e8"
}

.icon-umbrella:before {
    content: "\f0e9"
}

.icon-paste:before {
    content: "\f0ea"
}

.icon-lightbulb:before {
    content: "\f0eb"
}

.icon-exchange:before {
    content: "\f0ec"
}

.icon-cloud-download:before {
    content: "\f0ed"
}

.icon-cloud-upload:before {
    content: "\f0ee"
}

.icon-user-md:before {
    content: "\f0f0"
}

.icon-stethoscope:before {
    content: "\f0f1"
}

.icon-suitcase:before {
    content: "\f0f2"
}

.icon-bell-alt:before {
    content: "\f0f3"
}

.icon-coffee:before {
    content: "\f0f4"
}

.icon-food:before {
    content: "\f0f5"
}

.icon-file-alt:before {
    content: "\f0f6"
}

.icon-building:before {
    content: "\f0f7"
}

.icon-hospital:before {
    content: "\f0f8"
}

.icon-ambulance:before {
    content: "\f0f9"
}

.icon-medkit:before {
    content: "\f0fa"
}

.icon-fighter-jet:before {
    content: "\f0fb"
}

.icon-beer:before {
    content: "\f0fc"
}

.icon-h-sign:before {
    content: "\f0fd"
}

.icon-plus-sign-alt:before {
    content: "\f0fe"
}

.icon-double-angle-left:before {
    content: "\f100"
}

.icon-double-angle-right:before {
    content: "\f101"
}

.icon-double-angle-up:before {
    content: "\f102"
}

.icon-double-angle-down:before {
    content: "\f103"
}

.icon-angle-left:before {
    content: "\f104"
}

.icon-angle-right:before {
    content: "\f105"
}

.icon-angle-up:before {
    content: "\f106"
}

.icon-angle-down:before {
    content: "\f107"
}

.icon-desktop:before {
    content: "\f108"
}

.icon-laptop:before {
    content: "\f109"
}

.icon-tablet:before {
    content: "\f10a"
}

.icon-mobile-phone:before {
    content: "\f10b"
}

.icon-circle-blank:before {
    content: "\f10c"
}

.icon-quote-left:before {
    content: "\f10d"
}

.icon-quote-right:before {
    content: "\f10e"
}

.icon-spinner:before {
    content: "\f110"
}

.icon-circle:before {
    content: "\f111"
}

.icon-reply:before {
    content: "\f112"
}

.icon-github-alt:before {
    content: "\f113"
}

.icon-folder-close-alt:before {
    content: "\f114"
}

.icon-folder-open-alt:before {
    content: "\f115"
}







.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

.breadcrumb li {
    color: #000 !important;
    font-weight: bold;
}

    .breadcrumb li a {
        color: #a7a9ac;
    }

.main-head {
    padding-top: 15px;
    font-weight: bold;
}




.diagram {
    width: 100px;
    height: 100px;
    position: relative;
}

.diagram-data {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

.circle {
    fill: transparent;
    stroke: #dfdcd5;
    stroke-width: 1.1;
    /*       stroke-dasharray: 101 100; */
}

.circle-diagrams1 {
    fill: transparent;
    stroke: #33a532;
    stroke-width: 1.1;
}

.circle-diagrams2 {
    fill: transparent;
    stroke: #f50000;
    stroke-width: 1.1;
}


.card-two svg {
    transform: rotate(-90deg);
    background: transperent;
    border-radius: 50%;
}


.morris-hover {
    position: absolute;
    z-index: 1000;
}

    .morris-hover.morris-default-style {
        border-radius: 10px;
        padding: 6px;
        color: #666;
        background: rgba(255, 255, 255, 0.8);
        border: solid 2px rgba(230, 230, 230, 0.8);
        font-family: sans-serif;
        font-size: 12px;
        text-align: center;
    }

        .morris-hover.morris-default-style .morris-hover-row-label {
            font-weight: bold;
            margin: 0.25em 0;
        }

        .morris-hover.morris-default-style .morris-hover-point {
            white-space: nowrap;
            margin: 0.1em 0;
        }

svg {
    max-height: 270px
}

    svg path:nth-child(odd) {
        stroke: #356FE0 !important;
    }

    svg path:nth-child(even) {
        stroke: #f6f7fb !important
    }

    svg text:nth-child(odd) {
        font-weight: 600;
        font-family: 'Open Sans', sans-serif !important;
    }

    svg text:nth-child(even) {
        font-weight: bold !important;
        font-family: 'Open Sans', sans-serif !important;
    }

    svg text {
        font-weight: bold !important;
        font-family: 'Open Sans', sans-serif !important;
        font-size: 14px
    }

.section-btn button {
    width: 100%;
    background: #fff;
    padding: 10px;
    border: none;
    color: #000 !important;
    border-radius: 5px;
}

    .section-btn button.active {
        background: #db4219;
        border: none !important;
        color: #fff !important;
    }

    .section-btn button span {
        vertical-align: super;
        font-size: 18px;
        /* padding-left: 5px; */
        word-break: break-word;
        width: 80%;
        display: inline-block;
    }

.navbar-search input[type=radio] {
    display: inline;
    width: 15px;
    height: 15px !important;
}

.navbar .dropdown-menu a:hover {
    color: #000 !important;
}


[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active, [class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: #fff0;
    color: #c2c7d0;
}


.form-element button, .form-element input[type=textbox], .form-element input[type=password], .form-element input[type=number], .form-element input[type=file], .form-element input[type=color], .form-element input[type=email], .form-element input[type=date] {
    height: 45px !important;
    line-height: 1;
    border: 1px solid #ced4da;
    box-sizing: border-box;
}

.form-element textarea {
    height: auto;
    border: 1px solid #ced4da;
    background: #fff;
    padding: 10px;
}

.next-prv-btn button {
    padding: 10px !important;
    margin: 6px !important;
}

input:focus {
    border-bottom: 1px solid #ffffff;
}

.form-control {
    margin-bottom: 2px !important;
    background-color: #fff !important;
}

.form-element input {
    padding: 10px;
    background-color: #fff !important;
}

.form-element label {
    font-size: 18px;
}

.form-element button {
    font-size: 15px;
    margin: 6px 0px;
}


.form-element label {
    font-weight: 300 !important;
    font-size: 15px !important;
}

no-bg {
    background: none;
}

.breadcrumb {
    background-color: none !important;
}

.view-lg {
    height: 0px;
}

.footer-div {
    margin-top: 20px;
    bottom: 0px;
    z-index: 9;
    background: #fff;
    border-top: 1px solid #cccccc85;
    padding-top: 15px;
}

footer p {
    color: #a7a9ac;
}




.well1 .list-group, .well2 .list-group {
    background: #ffffff;
    height: 250px;
    overflow: scroll;
    border: 1px solid rgba(0,0,0,.125);
}

.list-group-item {
    padding: 5px 10px;
    border: 1px solid rgba(0,0,0,.125);
}

    .list-group-item.active {
        z-index: 2;
        color: #000;
        background-color: #cfcfcf;
        border-color: #ececec;
    }



.btn-green-light {
    background-color: #a7a9ac !important;
}

.btn-green:hover {
    background-color: #a7a9ac !important;
}

.btn-green-light:hover {
    background-color: #3fa044 !important;
}

.btn-green-light .badge {
    color: #5cb85c;
    background-color: #fff;
    box-shadow: none;
    font-size: 15px;
}

.badge {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e);
}


.card {
    margin-top: 0px;
}

.card-primary btn.collapsed {
}

ul.pagination li label {
    margin-top: 7px;
    margin-bottom: 0px;
    padding-left: 10px
}



.badgebox {
    opacity: 0;
}

    .badgebox + .badge {
        /* Move the check mark away when unchecked */
        text-indent: -999999px;
        /* Makes the badge's width stay the same checked and unchecked */
        width: 27px;
    }

    .badgebox:checked + .badge {
        /* Move the check mark back when checked */
        text-indent: 0;
    }

.btn-green .badge {
    color: #5cb85c;
    background-color: #fff;
    box-shadow: none;
    font-size: 15px;
}

label {
    text-transform: none !important;
}


table {
    overflow: scroll !important;
}

.notice-management-data {
    padding: 15px;
}

.data-table tbody tr td ul.table-link {
    list-style: none;
    padding: 0;
    margin: 0;
    width: max-content;
}

    .data-table tbody tr td ul.table-link li {
        display: inline-block;
        position: relative;
        padding-right: 11px;
        font-size: 13px;
    }

        .data-table tbody tr td ul.table-link li a {
            color: #6e6e6e;
            font-weight: 600;
        }

        .data-table tbody tr td ul.table-link li::after {
            content: " ";
            display: inline-block;
            background-color: #000;
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            height: 13px;
        }

        .data-table tbody tr td ul.table-link li:last-child::after {
            content: none !important
        }

    .data-table tbody tr td ul.table-link li {
        display: inline-block;
        position: relative;
        margin-right: 6px;
    }

        .data-table tbody tr td ul.table-link li:last-child {
            margin-right: 0 !important;
        }
        /* .notice-management-data-table ul.table-link li:last-child::after {
            content: none !important
        }
        .notice-management-data-table ul.table-link li::after {
            content: " ";
            display: inline-block;
            background-color: #000;
            position: absolute;
            right: -5px;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            height: 12px;
        } */
        .data-table tbody tr td ul.table-link li a {
            color: #fff;
            padding: 2px 10px;
            border-radius: 4px;
            font-size: 13px;
            font-weight: 500;
        }

            .data-table tbody tr td ul.table-link li a.view-link {
                background-color: #388E3C;
            }

            .data-table tbody tr td ul.table-link li a.edit-link {
                background-color: #e28432;
            }

            .data-table tbody tr td ul.table-link li a.delete-link {
                background-color: red;
            }

            .data-table tbody tr td ul.table-link li a.enable-link {
                background-color: #a7a9ac;
            }

            .data-table tbody tr td ul.table-link li a.unlock-link {
                background-color: orchid;
            }

.notice-management-data-table .table thead {
    background-color: #6e6e6e;
    border-bottom: 0;
}

    .notice-management-data-table .table thead th {
        color: #fff;
        border-bottom: 0 !important;
        padding: 14px;
        position: relative;
        white-space: nowrap;
    }

.notice-management-data-table .table tbody td {
    padding: 12px;
}

    .notice-management-data-table .table tbody td:last-child {
        text-align: center;
    }

.dataTables_scrollBody {
    height: auto !important;
}

.table {
    margin-bottom: 0px !important;
}

/*select.form-control{
    height:45px;
}*/
.form-element {
    min-height: 80px;
}

    .form-element select {
        background: #ffffff;
        height: 45px;
        /* background-image:url(../images/60995.png);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:12px 12px;
  background-repeat: no-repeat;

 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;*/
        padding: 9px 9px 9px 9px;
    }

        .form-element select:focus {
            background: #ffffff;
            /*position:absolute;*/
            border-radius: 4px;
            /*background-image:url(../images/60995.png);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:12px 12px;
  background-repeat: no-repeat;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;*/
            padding: 9px 9px 9px 9px;
        }

.select2-container.form-control {
    margin-top: 3px;
    padding: 0px;
    height: 45px;
}

    .select2-container.form-control a {
        padding: 10px;
        height: 100%;
        border: none;
        background: #fff;
    }

        .select2-container.form-control a .select2-arrow {
            top: 7px;
            border-left: 0px !important;
            background: #fff !important;
        }

            .select2-container.form-control a .select2-arrow:before {
                top: 7px;
                border-left: 0px !important;
                background: #fff !important;
            }

.dataTables_info {
    font-weight: 600;
    padding-top: 11px;
}
    .dataTables_paginate a {
        padding: 5px;
    }

.datatable-footer {
    font-size: 13px !important;
}

    .datatable-footer select {
        padding: 0px !important;
        height: 30px !important;
    }

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #80bdff !important;
    background-image: none;
}


.list-group-item::before {
    color: cornflowerblue;
    font-family: FontAwesome;
    font-family: FontAwesome;
    content: "\f10c";
    padding-right: 5px;
}

.list-group-item.active::before {
    content: "\f192";
}

.select2-default {
    color: #615f5f !important;
}


input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.md-textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.error-summary-ul, .preparer-error-summary-ul, #Two_preparer_error_summary_ul {
    margin-bottom: 0px !important
}

#preparerSection #form_preparerSection [class^="col-"], #form_preparerSectionDiv [class^="col-"] {
    border: 1px solid #d4d4d4;
    padding-bottom: 7px;
}

.form-control.is-valid, .was-validated .form-control:valid {
    background-image: none !important;
}

#div_AlienAuthorized p {
    margin-bottom: 3px;
}


/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* The actual popup */
    .popup .popuptext {
        visibility: hidden;
        width: 160px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 8px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -80px;
    }

        /* Popup arrow */
        .popup .popuptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    /* Toggle this class - hide and show the popup */
    .popup .show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.loader svg {
    width: 50px;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    right: 0;
    left: 0px;
    top: 0;
    margin: auto;
    transform: scale(1.2);
}

    .loader svg g path {
        fill: none;
        stroke: #db4219;
        stroke-width: 6;
        stroke-dasharray: 172;
        stroke-dashoffset: 172;
        -webkit-animation: outer-stroke 2s 0.2s infinite ease-out;
        animation: outer-stroke 2s 0.2s infinite ease-out;
    }

    .loader svg path {
        fill: none;
        stroke: #fff !important;
        stroke-width: 6;
        stroke-dasharray: 89;
        stroke-dashoffset: 89;
        animation: inner-stroke 1.5s infinite ease-out reverse;
    }

@-webkit-keyframes outer-stroke {
    50% {
        stroke-dashoffset: 0;
        stroke: #db4219 !important;
    }

    100% {
        stroke-dashoffset: -172;
        stroke: #fff !important;
    }
}

@keyframes outer-stroke {
    50% {
        stroke-dashoffset: 0;
        stroke: #db4219 !important;
    }

    100% {
        stroke-dashoffset: -172;
        stroke: #fff !important;
    }
}

@-webkit-keyframes inner-stroke {
    50% {
        stroke-dashoffset: 0;
        stroke: #fff !important;
    }

    100% {
        stroke-dashoffset: -89;
        stroke: #db4219 !important;
    }
}

@keyframes inner-stroke {
    50% {
        stroke-dashoffset: 0;
        stroke: #fff !important;
    }

    100% {
        stroke-dashoffset: -89;
        stroke: #db4219 !important;
    }
}



#form_section1 .dobnotvalid {
    border: 1px solid red !important;
}

#section1 input[type=checkbox]:checked, #preparerSection input[type=checkbox]:checked, #section2 input[type=checkbox]:checked, #section3 input[type=checkbox]:checked {
    pointer-events: none !important;
}

/*#accordion .card-primary .card button,*/
#accordion .card-primary .card a.btn {
    /*height: 45px !important;*/
}

#collapseOne .btn {
    /*height: 45px !important;*/
}

#accordion .card-primary .card a.btn-grey:hover, #accordion .card-primary .card a.btn-grey.active, #accordion .card-primary .card a.btn-grey:active, #accordion .card-primary .card a.btn-grey:focus {
    background-color: #3fa044 !important;
}

.form-element input[type=radio] {
    height: auto !important;
    border: none !important;
}


#sectionOneAcc hr, #PreparerAcc hr, #sectionTwoAcc hr, #sectionThreeAcc hr {
    display: none !important;
}

#sectionOneAcc ul, #PreparerAcc ul, #sectionTwoAcc ul, #sectionThreeAcc ul {
    margin-bottom: 0px !important;
}

#PreparerSectionSuccess_Message {
    margin-bottom: 0px !important;
    padding-top: 10px !important;
}

#sectionThreeAcc button.btn.btn-green, #sectionThreeAcc button.btn.btn-grey {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.keepInMind-summary-preparer2 {
    border: 1px solid #faf05400 !important;
    padding: 0px !important;
    background: #fffedf00 !important;
}


#sectionOneAcc .error-summary, #sectionOneAcc .success-summary, #sectionOneAcc .keepInMind-summary,
#PreparerAcc .error-summary, #PreparerAcc .success-summary, #PreparerAcc .keepInMind-summary-preparer2,
#sectionTwoAcc .error-summary, #sectionTwoAcc .success-summary, #sectionTwoAcc .keepInMind-summary-preparer,
#sectionThreeAcc .error-summary, #sectionThreeAcc .success-summary, #sectionThreeAcc .keepInMind-summary-preparer {
    margin-top: 20px !important;
}

    #sectionOneAcc .error-summary:before, #sectionOneAcc .success-summary:before,
    #PreparerAcc .error-summary:before, #PreparerAcc .success-summary:before,
    #sectionTwoAcc .error-summary:before, #sectionTwoAcc .success-summary:before,
    #sectionThreeAcc .error-summary:before, #sectionThreeAcc .success-summary:before {
        content: "";
        display: block;
        background-color: rgba(0,0,0,.1) !important;
        height: 1px;
        position: relative;
        top: -15px;
    }

    #sectionOneAcc .keepInMind-summary:before,
    #sectionThreeAcc .keepInMind-summary-preparer:before {
        content: "";
        display: block;
        background-color: rgba(0,0,0,.1) !important;
        height: 1px;
        position: relative;
        top: -8px;
    }

    #PreparerAcc .keepInMind-summary-preparer2::before,
    #sectionTwoAcc .keepInMind-summary-preparer:before {
        content: "";
        display: block;
        background-color: rgba(0,0,0,.1) !important;
        height: 1px;
        position: relative;
        top: -13px;
    }

    #sectionOneAcc .error-summary p, #sectionOneAcc .success-summary p:first-child, #sectionOneAcc .keepInMind-summary p,
    #PreparerAcc .error-summary p, #PreparerAcc .success-summary p:first-child, #PreparerAcc .keepInMind-summary-preparer2 p,
    #sectionTwoAcc .error-summary p, #sectionTwoAcc .success-summary p:first-child, #sectionTwoAcc .keepInMind-summary-preparer p,
    #sectionThreeAcc .error-summary p, #sectionThreeAcc .success-summary p:first-child, #sectionThreeAcc .keepInMind-summary-preparer p {
        padding-bottom: 5px !important;
        border-bottom: 1px solid rgba(0,0,0,.1) !important;
        margin-bottom: 5px !important;
    }









@media (max-width: 576px) {
    .loader svg {
        left: 0 !important;
        transform: scale(1) !important;
    }

    .row {
        display: block !important;
    }

    .card .card {
        margin-bottom: 10px !important;
    }

    div.form-element {
        margin-bottom: 10px !important;
        margin-top: 15px !important;
        /*padding-left: 0px !important;
        padding-right: 0px !important;*/
        width: 100% !important;
    }

    ol.breadcrumb {
        display: none
    }



    #myTable_paginate1, #myTable_length, #myTable_paginate, #myTable_info {
        padding-top: 4px;
        width: 100% !important;
        position: relative !important;
        display: inline !important;
        clear: both;
        left: 0px !important;
    }

        #myTable_paginate1 select, #myTable_length select {
            width: 50px !important;
        }

    .datatable-header, .datatable-footer {
        width: 100% !important;
        display: inline !important;
        justify-content: space-between;
    }


    .datatable-scroll {
        overflow-x: auto !important;
    }

    #sticky-anchor {
        display: none !important;
    }
}


.datatable-scroll {
    margin-bottom: 15px;
}

a.btn, button.btn, label.btn {
    margin: 0px !important;
    margin-bottom: 10px !important;
    width: 100% !important;
}

a.btn-grey:hover {
    background-color: #3fa044 !important;
}

form .form-element button {
    margin: 0 !important;
}

.section-btn input[type=file] {
    width: 100%;
}

.section-btn button {
    margin-bottom: 0px !important;
}

span[class*=error], span.text-danger {
    color: #dc3545;
}

#nav-tabContent .form-control {
    font-size: 13px !important;
}

.valid-feedback {
    display: none !important;
    opacity: 0;
}

.navbar form input {
    margin: 0 !important;
}

#accordion .card .btn.w-100 {
    height: auto !important;
}


.datepicker-inline {
    display: none !important;
}