.toast-middle-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
}

 /* Loader styles */
.loader {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes spin {
    0%   { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

.hidden { display: none; }
.loader-content {
    display: none; /* hidden by default */
}

.swal2-text {
    font-size: 14px !important;  /* your custom size */
}
.alert-danger{
    color: #a94442 !important;
    border-color: #dca7a7 !important;
}

@media (min-width:992px){
    .modal-lg{
        width:100% !important
    }
}   
.onoffswitch {
position: relative; 
width: 70px;
-webkit-user-select:none; 
-moz-user-select:none; 
-ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block; 
overflow: hidden; 
cursor: pointer;
border: 2px solid #999999; 
border-radius: 20px;
}
.onoffswitch-inner {
display: block; 
width: 200%; 
margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block; 
float: left; width: 50%; 
height: 20px; padding: 0; 
line-height: 23px;
font-size: 12px; 
color: white; 
font-family: Trebuchet, Arial, sans-serif; 
font-weight: bold;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "Active";
padding-left: 10px;
background-color: #34A7C1; color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "Block";
padding-right: 10px;
background-color: #EEEEEE; color: #999999;
text-align: right;
}
.onoffswitch-switch {
display: block; width: 18px; margin: 6px;
background: #FFFFFF;
position: absolute; top: 0; bottom: 0;
right: 40px;
border: 2px solid #999999; border-radius: 20px;
transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px; 
}
.my_image_class
{ 
    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
}
ul.tsc_pagination li a 
{ 
    border:solid 1px; 
    border-radius:3px; 
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    padding:6px 9px 6px 9px;
}
ul.tsc_pagination li 
{
    padding-bottom:1px;
}
ul.tsc_pagination li a:hover,
ul.tsc_pagination li a.current
{ 
    color:#FFFFFF; 
    box-shadow:0px 1px #EDEDED;
    -moz-box-shadow:0px 1px #EDEDED;
    -webkit-box-shadow:0px 1px #EDEDED; 
}
ul.tsc_pagination 
{ 
    margin:4px 0;
    padding:0px; 
    height:100%;
    overflow:hidden; 
    font:12px 'Tahoma';
    list-style-type:none; 
}
ul.tsc_pagination li 
{ 
    float:left;
    margin:0px;
    padding:0px; 
    margin-left:5px;
}
ul.tsc_pagination li a 
{ 
    color:black; 
    display:block; 
    text-decoration:none;
    padding:7px 10px 7px 10px; 
}
ul.tsc_pagination li a img 
{
    border:none;
}
ul.tsc_pagination li a
{ 
    color:#0A7EC5;
    border-color:#8DC5E6; 
    background:#F8FCFF; 
}
ul.tsc_pagination li a:hover,
ul.tsc_pagination li a.current
{ 
    text-shadow:0px 1px #388DBE;
    border-color:#3390CA; 
    background:#58B0E7; 
    background:-moz-linear-gradient(top, #B4F6FF 1px, #63D0FE 1px, #58B0E7);
    background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #B4F6FF), color-stop(0.02, #63D0FE), color-stop(1, #58B0E7));
}
ul.pagination li a:hover,
ul.pagination li a.current
{ 
    text-shadow:0px 1px #388DBE;
    border-color:#3390CA; 
    background:#58B0E7; 
    background:-moz-linear-gradient(top, #B4F6FF 1px, #63D0FE 1px, #58B0E7);
    background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #B4F6FF), color-stop(0.02, #63D0FE), color-stop(1, #58B0E7));
}


.pichart {
    width: 450px;
    height: 450px;
    margin: 0 auto;
}
@media (max-width: 767px) {
    .pichart {
        width: 350px !important;
        height: 350px !important;
        margin: 0 auto;
    }
} 
#worldMap {
    width: 900px;
    height: 600px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .div-responsive-center {
        display: flex;
        justify-content: center;
        overflow-x: auto;
    }

    .div-responsive-center div {
        flex-shrink: 0;
    }
}

@media (max-width: 767px) {
    .main-header .navbar.fixed-navbar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1050;
        box-shadow: 0 2px 5px rgba(0,0,0,.2);
    }

    /* Space for fixed navbar */
    .content-wrapper,
    .right-side {
        transition: margin-top .3s ease;
    }

    .navbar-fixed-active .content-wrapper,
    .navbar-fixed-active .right-side {
        margin-top: 50px; /* navbar height */
    }
}