/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 4.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
/* The device with borders */

body.overflowhidden
{
    overflow:hidden !important;
}
a.detail {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
}
.carddetail
{
    cursor:pointer;
}

.carddetail .card:hover {
    background:#f9f9f9 !important;
}

.carddetail .card .theme.action-col.pdetail {
    color: #767676 !important;
}

.carddetail .card:hover .theme.action-col.pdetail {
    color: #3b82ec !important;
}

.pdetail {
    font-size: 11px !important;
}

body {
    font-family: "Roboto", sans-serif !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    width: 100vw !important;
    background: #f7f9fc !important;
}
.gradient-45deg-light-blue-cyan {
    background: -webkit-linear-gradient(15deg, #0b0757 0%, #26c6da 100%) !important;
}
.brand-logo img {
    height: 40px !important;
    margin-top: -10px !important;
}
.swal-wide
{
 width:60% !important;
}
.modal-content iframe::-webkit-scrollbar,
iframe::-webkit-scrollbar,
.modal-content.no-scroll::-webkit-scrollbar {
    display: none !important;
}
::-webkit-scrollbar {
    width: 6px; /* width of the entire scrollbar */
}

    ::-webkit-scrollbar-track {
        background: transparent; /* color of the tracking area */
    }

    ::-webkit-scrollbar-thumb {
        background-color: #8c8c8c; /* color of the scroll thumb */
        border-radius: 20px; /* roundness of the scroll thumb */
        /*border: 3px solid #fff;*/ /* creates padding around scroll thumb */
    }
li.checklist .material-icons {
    color: #767676;
}
li.checklist.selected .material-icons {
    color: #4CAF50;
}
.no-shadow {
    box-shadow:none !important;
}
.INR:before {
    content: "₹";
}
.USD:before {
    content: "$";
}
 a,button
 {
     cursor:pointer;
 }

.no-bold
{
    font-weight:400!important;
}
.progress.big {
    height: 8px;
    border-radius: 5px;
}
.progress.med {
    height: 5px;
    border-radius: 5px;
}
 nav .input-field {
    margin-top: 10px !important;
}
.hidden {
    display: none !important;
}
.disable-click {
    pointer-events: none;
}
.no-border,
.no-border  input{
    border: none !important;
}
.no-margin{
    margin:0 !important;
}
.no-padding {
    padding: 0 !important;
}
.no-margin-top {
    margin-bottom: 0 !important;
}
.no-margin-bot {
    margin-bottom: 0 !important;
}
.no-padding-top {
    padding-top: 0 !important;
}
.no-padding-bot {
    padding-bottom: 0 !important;
}
.sep,
.msep {
    display: block;
    content: '';
    height: 10px;
}
.header-search-wrapper input
{
    height:40px !important;
    margin:0 !important;

}
.white-border {
    border: 1px white solid !important;
}
.white-border-bottom {
    border-bottom: 1px white solid !important;
}
.double-border{
    border-width:2px !important;
}
.msep{
    height:5px;
}
input[type="color"] {
    width: 60px;
    height: 30px;
    margin: 10px auto;
    outline: 1px solid #ccc;
    border: none;
    padding: 0;
    box-shadow: none;
   -webkit-appearance:none;
    background-color: #fff;
}
.smartphone {
    position: relative;
    /*display: block;*/
    width: 360px;
    max-width: 360px;
    height: 640px; /*704px;*/
    margin: 0 auto;
    border: 12px black solid;
    border-top-width: 30px;
    border-bottom-width: 30px;
    border-radius: 18px;
    /*transform: scale(0.70);*/
    transform: translate(-7.5%,-15%) scale(0.7);
    top: 15%;
    transform-origin: center; 
    position:fixed;
    top:90px;
    /*
    margin: -30% -10%;*/
}
#smartphonenew.smartphone
{
    top:110px;
}
/* The horizontal line on the top of the device */
.smartphone:before {
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #333;
    border-radius: 5px;
}

    /* The circle on the bottom of the device */
    .smartphone:after {
        content: '';
        display: block;
        width: 17.5px;
        height: 17.5px;
        position: absolute;
        left: 50%;
        bottom: -32.5px;
        transform: translate(-50%, -50%);
        background: #333;
        border-radius: 50%;
    }

    /* The screen (or content) of the device */
.smartphone .phone {
    width: 100%;
    height: 100%;
    background: white;
    font-size-adjust: none;
}
#document ::-webkit-scrollbar{
    width: 0px !important; /* width of the entire scrollbar */
}


.collapsible-header .switch {
    margin:0;
    margin-left:auto;
}



.input-field.small .dropdown-content li > a, .input-field.small .dropdown-content li > span {
    font-size: 12px !important;
}

.ajax-loader {
   /* top: 0px;*/
    /*left: 0px;*/
    width: 100%;
    height: 100%;
    position: fixed;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /*background: rgba(0,0,0,0.1);
    background-color: rgba(0,0,0,0.1);*/
    z-index:1111111;
}


.chart {
    width: 100%;
    min-height: 400px;
}

.chart.small {
    width: 100%;
    min-height: 250px;
}

    .chart.mini {
        width: 100%;
        min-height: 200px;
    }

.theme .main,
.theme.main {
    background: #262f3d !important;
}

.theme.login.action,
.theme .login.action {
    background: #2A5BD7 !important;
}

.theme.login.action-text,
.theme .login.action-text {
    color: #2A5BD7 !important;
    text-decoration-color: #2A5BD7 !important;
}

.theme .main-col,
.theme.main-col {
    color: #262f3d !important;
}
.theme .green,
.theme.green {
    background: #05c46b !important;
    border-color: #05c46b !important;
}

ul.side-nav.leftside-navigation li.bold.active,
ul.side-nav.leftside-navigation li.bold.active a,
ul.side-nav.leftside-navigation li.bold.active a .material-icons {
    background: #3f516e !important;
    color: #fff !important;
}

ul.side-nav.leftside-navigation li.no-bold.active,
ul.side-nav.leftside-navigation li.no-bold.active a,
ul.side-nav.leftside-navigation li.no-bold.active a .material-icons {
    background: #262f3d !important;
    color: #8c8c8c !important;
}


ul.side-nav.leftside-navigation .collapsible li.active .collapsible-header,
ul.side-nav.leftside-navigation .collapsible li.active a.collapsible-header,
ul.side-nav.leftside-navigation .collapsible li.active a.collapsible-header .material-icons {
    background: #262f3d !important;
    color: #8c8c8c !important;
}

#exportnav li.bold,
#exportnav li.bold a,
#exportnav li.bold a .material-icons,
#bexportnav li.bold,
#bexportnav li.bold a,
#bexportnav li.bold a .material-icons,
.navsublist li.bold,
.navsublist li.bold a,
.navsublist li.bold a .material-icons {
    /* background: #f7f9fc !important;
   */ /* color: #000 !important;*/
    padding-left: 15px !important;
    font-size: 13px;
}

ul.side-nav.leftside-navigation li,
ul.side-nav.leftside-navigation li a,
ul.side-nav.leftside-navigation li a .material-icons,
aside,
#slide-out {
    background: #262f3d !important;
    color: #8c8c8c !important;
}
.sidebar-collapse.btn-floating,
.sidebar-collapse.btn-floating i{
    color: #262f3d !important;
    background: #fff !important;
}
.waba .dropdown-content,
.waba .select-dropdown {
    color: #fff !important;
}

.waba .select-wrapper span.caret {
    color: white !important;
}

.waba .dropdown-content li,
.waba .select-dropdown li,
.waba .dropdown-content li a,
.waba .select-dropdown li a,
.waba .dropdown-content li a .material-icons,
.waba .select-dropdown li a .material-icons,
.waba .dropdown-content li > span {
   /* color: #fff !important;*/
}

ul.side-nav.leftside-navigation .waba li,
ul.side-nav.leftside-navigation .waba li a,
ul.side-nav.leftside-navigation .waba li a .material-icons {
    background: #fff !important;
}
    ul.side-nav.leftside-navigation .waba li.optgroup
    {
        color:#000 !important;
        font-weight:bold !important;
        background:#f1f1f1;
    }

    .theme.action-dis,
    .theme .action-dis {
        background: #acacac !important;
        border-color: #acacac !important;
    }
.theme.action,
.theme .action,
.btn,
.picker__date-display,
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected,
.switch label input[type=checkbox]:checked + .lever:after,
.mdl-button--raised.mdl-button--colored:active,
.mdl-button--raised.mdl-button--colored:hover,
.mdl-button--raised.mdl-button--colored
{    background: #3b82ec !important;
    border-color:#3b82ec !important;
    cursor:pointer !important;
}

.dataTables_wrapper .exportbtn {
    background: #1A4382 !important;
    border-color: #1A4382 !important;
}
    .theme.action.light,
    .theme .action.light,
    .switch label input[type=checkbox]:checked + .lever {
        background: #b3d1ff !important;
    }
.theme.action-col,
.theme .action-col,
.picker__close, .picker__today, .picker__clear,
.input-field .prefix.active {
        color: #3b82ec !important;
    }

.theme.border,
.theme .border {
    border-color: #3b82ec !important;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #3b82ec !important;
    box-shadow: 0 1px 0 0 #3b82ec !important;
}

    .character-counter,
    .dropdown-content li > a,
    input:not([type]):focus:not([readonly]) + label,
    input[type=text]:not(.browser-default):focus:not([readonly]) + label,
    input[type=password]:not(.browser-default):focus:not([readonly]) + label,
    input[type=email]:not(.browser-default):focus:not([readonly]) + label,
    input[type=url]:not(.browser-default):focus:not([readonly]) + label,
    input[type=time]:not(.browser-default):focus:not([readonly]) + label,
    input[type=date]:not(.browser-default):focus:not([readonly]) + label,
    input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
    input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
    input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
    input[type=number]:not(.browser-default):focus:not([readonly]) + label,
    input[type=search]:not(.browser-default):focus:not([readonly]) + label,
    textarea.materialize-textarea:focus:not([readonly]) + label {
        color: #3b82ec !important;
    }

.dropdown-content::-webkit-scrollbar {
    display: none !important;
}
.modal-content .dropdown-content::-webkit-scrollbar {
    display: unset !important;
}
.dropdown-content li {
    border-bottom: 1px solid #eee !important;
}
    .dropdown-content li > span {
    color: #424242 !important;
    font-size: 14px;
  /*  line-height: 20px;
    padding: 12px 14px;*/
   
}
.select-dropdown li.disabled, .select-dropdown li.disabled > span, .select-dropdown li.optgroup {
    color: rgba(0, 0, 0, 0.3) !important;
}
.theme.darkicon,
.theme .darkicon {
    background: #161616 !important;
}

.theme.midblack-col,
.theme .midblack-col {
    color: #545454 !important;
}
.theme.lightblack-col,
.theme .lightblack-col {
    color: #767676 !important;
}
.theme.bar,
.theme .bar
{
    background:#4bbf73 !important;
}
.theme.header,
.theme .header {
    background: #f5f5f5 !important;
}
.theme .footer,
.theme.footer {
    background: transparent !important;
}

.page-footer,
.page-footer .footer-copyright {
    background: transparent !important;
}
ul.side-nav.leftside-navigation
{
    overflow-y:scroll !important;
}

    ul.side-nav.leftside-navigation::-webkit-scrollbar {
        width: 6px; /* width of the entire scrollbar */
    }

    ul.side-nav.leftside-navigation::-webkit-scrollbar-track {
        background: #262f3d; /* color of the tracking area */
    }

    ul.side-nav.leftside-navigation::-webkit-scrollbar-thumb {
        background-color: #8c8c8c; /* color of the scroll thumb */
        border-radius: 10px; /* roundness of the scroll thumb */
        border: 3px solid #8c8c8c; /* creates padding around scroll thumb */
    }

#featureinfolist li {
    list-style-type: circle !important;
    color: #3b82ec;
    font-size:18px;
}
    #featureinfolist li span
    {
        color:#000;
        font-size:12px;
    }

.switch-field {
    display: flex;
    /*margin-bottom: 36px;*/
    overflow: hidden;
    justify-content:center;
    align-items:center;
}

    .switch-field input {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .switch-field label {
        background-color: #f0f0f0;
        color: rgba(0, 0, 0, 0.6);
        font-size: 12px !important;
        line-height: 1 !important;
        text-align: center;
        padding: 8px 12px !important;
        margin-right: -1px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
        transition: all 0.1s ease-in-out;
        height: unset !important;
    }

        .switch-field label:before,
        .switch-field label:after{
            display:none !important;
        }

        .switch-field label:hover {
            cursor: pointer;
        }

    .switch-field input:checked + label {
        background-color: #4bbf73;
        box-shadow: none;
        color:#fff;
    }

    .switch-field label:first-of-type {
        border-radius: 4px 0 0 4px;
    }

    .switch-field label:last-of-type {
        border-radius: 0 4px 4px 0;
    }


.select-wrapper.center input.select-dropdown
{
    text-align:center !important;
}
.modal.fullscreen
{
   max-height: 100% !important;
   height:100% !important;
   top:0 !important;
   width:100% !important;
   overflow-x:hidden;
}
    .modal.fullscreen.medium {
        max-width: 600px !important;
    }
    .modal.fullscreen.email {
        max-width: 400px !important;
        height:90% !important;
        top:5% !important;
        bottom:5% !important;
    }
    .modal.fullscreen.email2 {
        max-width: 600px !important;
        height: 90% !important;
        top: 5% !important;
        bottom: 5% !important;
    }
    .border-solid {
        border: 1px solid !important;
    }


.file-path-wrapper input {
    padding-right: 10px !important;
    direction: rtl;
    display: block;
    text-overflow: ellipsis;
    float: right;
}

@media only screen and (max-width: 992px) {
    .smartphone {
        margin: 0 auto !important;
        position: unset;
        top: unset;
    }

    .swal-wide {
        width: 100% !important;
    }
}