#main-content {
 
}
a, a:hover {
    text-shadow: none !important;
    color: #999;
}
ul.faq-list li a:hover, ul.faq-list li a.active{
    background: #19488e;
}
#header.navbar-inverse .navbar-inner {
    background: #36246514;
    backdrop-filter: blur(6px);
}
a.dropdown-toggle {
    background: none !important;
}
.nav>li>a>img {
    max-width: 100%;
}
.navbar .nav.pull-right {
    display: flex;
    align-items: center;
    padding: 0px;
    margin: 0px;
    height: 60px;
}
.montogroSlot {
    padding: 10px 4px;
    margin-left: 15px;
}
.montogroSlot:hover {
    background: none;
}
ul.dropdown-menu li a {
    padding: 8px 15px;
    font-size: 14px;
}
ul.dropdown-menu li a:hover {
    background: #04b7e9;
    color: white;
}
ul.dropdown-menu li a i {
    padding-right: 10px;
}
.adminProfile {
    position: relative;
    text-align: center;
    margin: 20px 0px;
}
.adminProfile h6 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.user-icon {
    background: #04b7e9;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 2px;
    position: absolute;
    top: 40px;
    right: 70px;
    /* border: 1px solid #fff; */
    box-shadow: 1px 2px 0px #fff;
}

.user-icon i.icon-plus {
    font-size: 14px;
    color: #fff;
}
/*.userimgs {
    text-align: center;
    margin: 30px 0px;
}*/
.userimgs img {
    width: 100%;
    height: 75px;
    max-width: 75px;
    border-radius: 50%;
    background: #ffffff;
    padding: 2px;
    box-shadow:0px 2px 2px 0px #04b7e9;
}
form#aspnetForm {
   /*background: #ffffff; margin:0px;*/
}
.infoSlot ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0px;
    margin: 0px;
    flex-wrap:wrap;
}
    .infoSlot ul li {
        height: 100px;
        background: #fff;
        width: 96%;
        max-width: 23%;
        box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
        border-bottom: 4px solid #01bfec;
        padding-left: 17px;
        border-radius: 2px;
        margin-bottom: 30px;
        transition-duration: 0.6s;
    }
.infoSlot ul li:hover {
    transform: translate(0, -10px);
    transition-duration: 0.6s;
    cursor: pointer;
}
.info-icon {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background: #2dc0ef;
    float: left;
    margin-top: 22px;
    margin-right: 20px;
    text-align: center;
}
    .info-icon i {
        font-size: 28px;
        color: #ffffff;
        /* padding: 10px 0px; */
        line-height: 65px;
        width: 64px;
    }
.info-txt {
    padding-top: 27px;
    float: right;
    padding-right: 20px;
}
.info-txt p {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding: 0px;
    margin: 0px;
}
.info-txt h4 {
    padding: 10px 0px 0px;
    margin: 0px;
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
.span12 .widgett span.linkdetaikl {
    font-size: 18px;
    color: #333;
    font-weight: 500;
}
.span12 .widgett span.linkdetaikl i {
    padding-right: 15px;
}
.span12 .widgett{
    background: #b1b1b1 !important;
    float: left;
    border-radius: 5px;
    padding: 10px 15px 2px 15px;
}
.span12 .span4 a.copy-btn {
    background: none !important;
    padding: 6px 16px;
    font-size: 15px;
    color: #333 !important;
    border-radius: 50px;
    box-shadow: 0px 2px 1px #04b7e9;
    font-weight: 600;
    float: right;
    margin: -9px 0px;
}
#header.navbar-inverse .divider-vertical {
    border-left-color: #000F27;
    border-right-color: #002864;
}

#sidebar > ul > li > a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    transition-duration: 0.6s;
}
    #sidebar > ul > li > a:hover {
        background: #f23227 !important;
        color: white !important;
        /*border-left: 5px solid #f17f49;*/
        /*border-top-right-radius: 50px !important;*/
        /*border-bottom-right-radius: 50px !important;*/
        transition-duration: 0.6s;
    }
/*#sidebar > ul > li > a.active {
    background: #dd4b39 !important;
    color: white !important;
    border-left: 5px solid #921000;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
   
}*/
#sidebar > ul > li a i {
    color: #000924  !important;
    /* background: #000; */
    background: rgb(230 230 230) !important;
    padding: 8px 6px;
    border-radius: 50%;
    font-size: 16px;
}
section.breadcrumbSlot h5 {
        font-size: 1.45rem;
    font-weight: 600;    
    padding: 10px 15px;
    border-radius: 5px;
    margin: 25px 0px 30px;
   color: white !important;
background: #25164F !important;
    border-radius: 0.625rem;
}
div#sidebar {
    position: fixed;
    background: #358dd6;
    box-shadow: 0 1px 10px rgba(0,0,0,0.1);
}

@media only screen and (min-width: 200px) and (max-width: 767px) {
    div#sidebar {
        width:97%;
    }
}

#sidebar > ul > li.active > a{
    background: url("../img/side-bar-list-bg.png");
}

#sidebar > ul > li > ul.sub > li > a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
#sidebar > ul > li > ul.sub > li {
    position:relative;
}
#sidebar > ul > li > ul.sub > li:before {
    content: "\f101";
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: middle;
    color: #000924;
    position: absolute;
    top: 12px;
    font-size: 16px;
    left: 30px;
    z-index: 99;
}
#sidebar > ul > li > ul.sub > li > a:hover , #sidebar > ul > li > ul.sub > li.active a{
    color: #fff;
}

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    background-color: #EEEEEE;
    background-image: none;
    color: #333333;
    filter: none;
    text-decoration: none;
}

#sidebar > ul > li > ul.sub > li {
    border-bottom: 1px solid #0000002e;
}

#sidebar > ul > li > ul.sub > li:last-child {
    border-bottom:none;
}

.chats li.out .name {
    color: #b14c4c;
}

.chats li.in .message {
    border-left: 2px solid #19488e;
}

.chats li.in .message .arrow {
    border-right: 8px solid #19488e;
}

.chats li.out .message .arrow {
    border-left: 8px solid #b14c4c;
}

.chats li.out .message {
    border-right: 2px solid #b14c4c;
}

/* Landscape phone to portrait tablet */
@media (max-width:979px) {
    #sidebar {
        /*background-color: #fff !important;*/
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        border-radius: 4px !important;
    }

    #sidebar > ul > li > a {
        border-bottom: 1px solid #f9f9f9 !important;
    }

    #sidebar > ul > li.active > a, #sidebar > ul > li:hover > a, #sidebar > ul > li > a:hover {
        border-bottom:1px solid #fcfdff !important;
    }
}

/*----*/

/*lock*/

.lock-avatar-row, .lock-form-row .tarquoise  {
    background: #19488e;
}


.lock-identity span {
    color:#19488e;;
}

.lock-form-row .tarquoise {
    border:1px solid #19488e !important;
}

/*coming soon*/

.coming-soon .input-append .submit-btn {
    background: #19488e;
    color: #102D58;
}

.twt-color , .twt-color:hover, .blog .date .day{
    color: #19488e !important;
}

ul.social-link li a:hover, .blog .date .month {
    background: #19488e;
}


/*blog*/

.blog .date {
    border: 1px solid #19488e;
}

.blog ul li a:hover, .blog-side-bar ul li a:hover { color: #19488e; text-decoration: none;}

.blog .btn:hover {
    background: #19488e;
}

.blog-side-bar ul.tag li a, .inbox-compose-btn button:hover, .btn.colored, .inbox .inbox-header {
    background: #19488e;
}

/*invoice-list*/


.invoice-list h5 {
    color: #19488e;
}

/*about us*/

.about-us h4, .team-member h3, .team-member ul li a:hover, .contact-us h4, .news h1 {
    color: #19488e;
}

/*form */
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border:1px solid #19488e;
}





@media(max-width:767px){
    .infoSlot ul li {
    max-width: 48%;
}
    li.dropdown.mtop7.hidden-phone.montogroSlot {
    display: block !important;
}
    .navbar-inverse .navbar-search .search-query {
    padding: 9px 15px;
    width: 82%;
    border-radius: 5px !important;
}
    #sidebar > ul > li > a {
        /*color: #000;*/
    }

    .widgetleftright.barset {
        display: flex;
    }
    button#ctl00_Button4 {
    margin: 14px 0px 0px;
    width: 100%;
}
}
@media(max-width:425px){
#header.navbar-inverse .navbar-inner {
    background: #000924;
}
ul.nav.top-menu.bonus {
    background: none !important;
    padding: 5px 71px;
    display: none;
}
#header .navbar-inner li.dropdown .dropdown-toggle i {
    font-size: 20px;
    color: #2dc0ef;
}
li.dropdown.mtop7.hidden-phone.montogroSlot {
    display: none !important;
}
li.dropdown.montogroSlot {
    position: relative;
    top: 0px;
    left: -45px;
}
.montogroSlot {
    padding: 1px 0px;
    margin-left: 0px;
}
.montogroSlot:hover {
    background: transparent;
}
.infoSlot ul li {
    max-width: 95%;
    margin: 0px auto 20px;
}
.user-icon {
    top: 38px;
    right: 155px;
}   
}

@media(max-width:375px){
    #header .brand {
    width: 100px;
}
    #header .brand img {
    width: 100%;
    max-width: 71px;
    margin: 0px auto;
}

    .user-icon {
    top: 38px;
    right: 130px;
}
}


@media(max-width:320px){
    li.dropdown.montogroSlot {
    position: relative;
    top: -40px;
    left: -45px;
}
    li.dropdown.montogroSlot a {
    color: #000 !important;
}
}
@media(max-width: 820px) {
    .infoSlot ul li {
        height: 100px;
        background: #fff;
        width: 96%;
        max-width: 47% !important;
        box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
        border-bottom: 4px solid #01bfec;
        padding-left: 17px;
        border-radius: 2px;
        margin-bottom: 30px;
        transition-duration: 0.6s;
    }

    .panelpart .span6 {
        margin: 0px !important;
    }

    div#sidebar {
        background: #358dd6 !important;
        box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
    }

    input#ctl00_ContentPlaceHolder1_Button2 {
        margin: 10px !important;
    }

    #sidebar {
        background-color: #358dd6 !important;
    }

    @media(max-width: 767px) {
        .infoSlot ul li {
            height: 100px;
            background: #fff;
            width: 96%;
            max-width: 96% !important;
            box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
            border-bottom: 4px solid #01bfec;
            padding-left: 17px;
            border-radius: 2px;
            margin-bottom: 30px;
            transition-duration: 0.6s;
        }
    }