html {
    scroll-behavior: smooth;
}
body {
    background: white !important;
}
a,
a:link,
a:focus {
    color: unset !important;
    text-decoration: none !important;
    outline: none;
}
input[type='text']:hover,
input[type='text']:active,
input[type='text']:focus,
input[type='password']:hover,
input[type='password']:active,
input[type='password']:focus,
input[type='username']:hover,
input[type='username']:active,
input[type='username']:focus,
input[type='tel']:hover,
input[type='tel']:active,
input[type='tel']:focus,
textarea:active,
textarea:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
    outline: none !important;
    -webkit-appearance: none !important;
    box-shadow: none !important;
}
/* Scroll Bar */

/* width */

::-webkit-scrollbar {
    width: 10px;
}
/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */

::-webkit-scrollbar-thumb {
    background: #888;
}
/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/* Responsive */
.image-responsive-container img {
    max-width: 100% !important;
    height: auto !important;
}
/* remove outline toggle button in navbar */

.newBtn {
    outline: none !important;
    padding: 0.575rem 1rem !important;
    border-radius: 3rem;
    border: none;
    font-size: 1rem;
    cursor: pointer;
}

.btn {
    outline: none !important;
    padding: 0.575rem 1rem !important;
    border-radius: .25rem;
}
.btn.icon-container{
    padding: 5px 5px 1px !important
}
.navbar-toggler:focus {
    outline: none
}
.btn-primary {
    border: none;
}
.btn.btnc-white,.btn.btnc-white:link,.btn.btnc-white:focus
{
    color:white !important;
}
.bg-primary, .badge-primary {
    background: #2c82c9 !important;
}
.close,
.close:active,
.close:focus {
    outline: none !important;
}
/* Border-Radius */

.br-left-3 {
    border-radius: 0 3rem 3rem 0 !important;
}
.br-right-3 {
    border-radius: 3rem 0 0 3rem !important;
}
.rounded-t {
    border-radius: .5rem .5rem 0 0 !important;
}
.rounded-b {
    border-radius: 0 0 .5rem .5rem !important;
}
.rounded-t-2-5 {
    border-radius: .25rem .25rem 0 0 !important;
}
/* Colors */

.bg-gold {
    background: linear-gradient(to bottom left, #ffdf00 0%, #b48811 100%) !important;
}
.bg-silver {
    background: linear-gradient(to bottom left, #ccc 0%, #5f5f5f 100%) !important;
}
.bg-bronze {
    background: linear-gradient(to bottom left, #ee987e 0%, #b85039 100%) !important;
}
.blue {
    background: #2980b9 !important;
}
.blue-text {
    color: #2980b9 !important;
}
.red {
    background: #ff4757 !important;
}
.red-text {
    color: #ff4757 !important;
}
.btn-success {
    background: #1dd1a1 !important;
}
.btn-info {
    background: #3498db !important;
}
.indigo {
    background: #42547c !important;
}
.grey.lighten-2 {
    background: #e9e9e9 !important;
    color: #5e5b5b;
}
.mdb-color.darken-4 {
    background: #29384b;
}
.mdb-color.darken-3 {
    background: #31405d;
}
.mdb-color {
    background: #42547c;
}
.mdb-color.lighten-2 {
    background: #7a9fd3;
}

.pt-px {
    padding-top: 3px!important;
}

/* Inputs */

input {
    outline: none !important;
    padding: 0.575rem 1rem !important;
    font-size: 1rem;
}
.custom-control-label,
.custom-control-label:active,
.custom-control-label:focus {
    outline: none;
    box-shadow: none;
}
/* .custom-control-label::before {
    background-color: #76bcfd !important;
} */
input:focus,
input:active,
input:active {
    outline: none !important;
}
/* Lists */

li {
    list-style-type: none !important;
}
#collectionPostContainer ul li{
    list-style-type: unset !important;
}
#collectionPostContainer ol li{
    list-style-type: decimal !important;
}
#collectionPostContainer ol, #collectionPostContainer ul {
    padding-right: 1.5rem;
}

/*Post Container*/

#collectionPostContainer {
    font-size: 1.125rem;
    line-height: 2.1875rem;
}

#collectionPostContainer blockquote{
    margin-right: 2rem;
    border-right: #888 5px solid;
    padding: .5rem 1rem .5rem;
}

#collectionPostContainer img {
    max-width: 100% !important;
}
/* Badge */

.badge {
    font-size: .75rem !important;
    position: absolute;
    top: -5px;
    right: -10px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
/* Alerts */

.alert {
    text-align: justify;
    border-radius: .75rem !important;
}
/* Hover Child Show */

.hover-child-show .hover-show {
    opacity: 0;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}
.hover-child-show:hover .hover-show {
    opacity: 1;
}
/* Bootstrap 3 Labels */

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}
.label[href]:hover, .label[href]:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}
.label:empty {
    display: none
}
.btn .label {
    position: relative;
    top: -1px
}
.label-default {
    background-color: #999
}
.label-default[href]:hover, .label-default[href]:focus {
    background-color: #808080
}
.label-primary {
    background-color: #428bca
}
.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #3071a9
}
.label-success {
    background-color: #5cb85c
}
.label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44
}
.label-info {
    background-color: #5bc0de
}
.label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5
}
.label-warning {
    background-color: #f0ad4e
}
.label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f
}
.label-danger {
    background-color: #d9534f
}
.label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c
}

.line-clamp {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;

}

/* Customize Tooltip */
.tooltip.fade{
    z-index: 9999;
}

/* Swal */
.swal2-container.swal2-shown
{
    z-index:9999999;
}
.navbar.navbar-expand-md.fixed-top
{
    z-index:999999999;
}

.hc-offcanvas-nav.hc-nav-1.nav-levels-overlap.nav-position-right.disable-body.nav-open{
    z-index: 999999999;
}

header, header nav {
    z-index: 999 !important;
}


/*Select*/
select {
    -webkit-appearance: menulist !important;
    -moz-appearance: none !important;
    text-indent: 1px !important;
    text-overflow: '' !important;
}

.alert.aler-danger {
    background: #fdd5ce !important;
}

/* overflow Classes */
.overflow-hidden{
    overflow: hidden !important;
}
.overflow-auto{
    overflow: auto !important;
}
.overflow-visible{
    overflow: visible !important;
}

.z-depth-1 {
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.15) !important;
}
.card {
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.15);
}

@media only screen and (max-width: 768px) {
    .flex-xs-row-reverse {
        flex-direction: row-reverse !important;
    }
}

.container-fluid {
    max-width: 1430px !important;
}

ul.gj-list-md li [data-role=display]{
    text-align:right !important;
}
span.gj-tree-material-icons-expander[data-mode="close"]{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.gj-tree-bootstrap-4>ul{
    padding-right:0 !important;
}
.gj-list [data-role="spacer"]{
    display:none !important;
}

table.tableCounter {
    counter-reset: tableCounter;
}
table.tableCounter tr:nth-child(n+2)>td:first-child::before {
    counter-increment: tableCounter;
    content: counter(tableCounter);
}