html {
  font-size: 14px;
}
          
@media (min-width: 768px) {
  html {
    font-size: 14px;
  }
}
 
.btn-defualt {background:white;}

.nav-item .nav-link{line-height:32px;}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

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

body {
    background: whitesmoke;
}

/* HTML: <div class="loader"></div> */

.overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #222;
}

.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: #fff;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}

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

.hidden {
    display: none !important;
    visibility: hidden !important;
}




table.ldable.loading thead,
table.ldable.loading tbody {
    display: table;
    width: 100%;
}

table.ldable.loading tbody {
    position: relative;
}

    table.ldable.loading tbody:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.1);
        background-image: url('/image/loader.gif');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50px 50px;
        content: "";
    }

/*
.dataTables_wrapper .btn.btn-secondary.export {
    display: none;
}
*/
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: right;
}
table.ldable thead {
    background-color: #e3e6f0;
}

.form-check-input + .form-check-label {
    padding-right: 5px;
}


.nopadtp {
    padding-top: 0;
    padding-bottom: 0;
}
.nopadtp img {
    height: 32px;
    width: auto;
}

.messagebox{color:red;display:block;}

.dropdown-menu{padding:10px 10px;min-width:250px;}
.btn{font-size:13px;line-height:24px;}
.dropdown-menu{font-size:13px;line-height:24px;}

.infobox {
    top: -20px ;
    margin-right: 11px;
}

    .infobox .btn {
        line-height: 16px;
    }


.form-control.search-menu {
    padding: 0;
}


.srchbar {
    padding: 20px;
    background-color: #f2f5ff;
    display: block;
    padding-top: 15px;
    margin-bottom: 5px;
border-top:1px solid #ddd;
    box-shadow: 2px 3px 6px rgba(0,0,0,0.16), 2px 3px 6px rgba(0,0,0,0.23);
}

.btn {
    border: 1px solid #ddd;
}

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

.navbar.topbar {
    flex-direction: row-reverse;
}
h1.position-relative {
    margin-top: 10px;
    margin-bottom: 15px;
}

.control-label{margin:5px 0px;}

.wfstate_1 {
    background: #ffdfdf  !important;
}
.wfstate_2 {
    background: #f4eaea  !important;
}
.wfstate_3 {
    background: #f7f8cc !important;
}
.wfstate_4 {
    background: #e6e9f4 !important;
}
.wfstate_5 {
    background: #d0e8d0 !important;
}
.isBold{font-weight:bold;}

.img-32{max-width:32px;max-height:32px;}

.telmeproblem {
    position: fixed;
    left: 0;
    top: 90%;
background:white;
}
.telmeproblem span {
    display: none;
}

.telmeproblem:hover span {
    display: inline-block;
}

.srchbar {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    z-index: 100;
    width:400px;
    max-width:400px;
}


    .srchbar .form-group {

width:100% !important;
    }
    .srchbar .control-label {
        background: #eee;
        margin: 0;
        border:1px solid #ddd;
    }

        .srchbar .toggled .control-label{
        border-bottom:none;
        }

        .srchbar .control-label, .srchbar .control-label + div {
            display: block;
            width: 100% !important;
        }
    .srchbar .control-label::after {
        content: '\f067';
        float: left;
        font-family: var(--fa-style-family, "Font Awesome 6 Free");
        font-weight: var(--fa-style, 900);
    }

    .srchbar .toggled .control-label::after {
        content: '\f068';
    }



    .srchbar .form-group {
        margin: 2px;
        padding: 4px 2px;
    }

    .srchbar .control-label + div {

        display: none;
    }
    .srchbar .control-label {
        display: block;
        padding: 10px;
    }

.pageoverlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

    .pageoverlay .loading {
        margin-top: -100px;
        margin-right: -100px;
        background: url('loading.gif') no-repeat;
        width: 200px;
        height: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        font-size: 14px;
        font-weight: bold;
        color: #777;
        padding-left: 20px;
        text-align: left;
        text-decoration: none;
        clear: both;
    }


.search_container{color:white;}
    .search_container li {
        padding: 7px;
        list-style: none;
        border-bottom: 1px solid #ddd4;
    }
        .search_container li:hover {
            background: #224b547a;
        }
.search_container li i
{
margin-left:12px;
}
    .search_container li a {
    color: white;
}

[aria-expanded="false"] > .expanded,
[aria-expanded="true"] > .collapsed {
    display: none;
}
.user-info .user-name {
    color: white;
}
.btn.user-role {
    padding: 0 3px;
margin-bottom:2px;
text-align:right;
border-bottom:1px solid #ddd;
    display: block;
}

.scroll-to-top {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-left:10px;
    padding: 4px 10px;
    background: #a9a9e8;
}

.clickable {
    cursor: pointer;
}

.card-header span {
    margin-top: -20px;
    font-size: 15px;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #000;
    animation: spinner .6s linear infinite;
}


.pvtUi, .pvtTable {
    width: 100%;
}

.btn-sidebar {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


.card-title {
    float: right;
    font-size: 1rem;
    margin-bottom: 0;
}

.card-tools {
    float: left !important;
    font-size: 1rem;
}

[aria-expanded="false"] > .expanded,
[aria-expanded="true"] > .collapsed {
    display: none;
}

div.dataTables_wrapper {
    position: relative;
    padding: 0 20px 20px 20px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
    margin-bottom: 1rem;
    background: white;
}

.card-title{
font-weight:bold;
}

.card.card-warning {
    position: relative;
    box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
    margin-bottom: 1rem;
    background: white;
}

.coritems .col-md-3 {
margin-bottom:5px;
}


.shinny {
    height: 100px;
    width: 100%;
    position: relative;
}
.shinny img {
    height: 100%;
    margin: 0 auto;
    display: block;
}

.shinny .glow-wrap {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin-top: -10px;
}

.shinny .glow {
    display: block;
    position: absolute;
    width: 40%;
    height: 200%;
    background: rgba(255,255,255,.2);
    top: 0;
    filter: blur(5px);
    transform: rotate(45deg) translate(-450%, 0);
    transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.shinny:hover .glow {
    transform: rotate(45deg) translate(450%, 0);
    transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.shinny:hover img,
.shinny:hover .glow-wrap {
    margin-top: 0;
}

.card-footer.bg-info.text-center {
    align-items: center;
    display: flex;
    height: 48px;
    padding: 2px 1px;
    text-align: center;
    vertical-align: middle;
}

    .card-footer.bg-info.text-center a {
        margin: 0 auto;
    }

.org .card.active {
border:2px solid green;
}

    .org .card.active .card-footer {
        background: #45d632 !important;
    }
    .org .card.active .card-footer a::before {
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        content: "\f00c";
        color: green;

    }

th.hide_me, td.hide_me {
    display: none;
}