/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body{background: #fff; color: #444; font-family: "Open Sans", sans-serif; font-size:13px;}

#main{margin:100px 0 0; position:relative;}

a{color: #007bff; transition: 0.5s; text-decoration:none;}
a:hover,
a:active,
a:focus{color: #0b6bd3; outline: none; text-decoration: none;}

p{padding: 0; margin: 0 0 15px 0;}

h1,
h2,
h3,
h4,
h5,
h6 {font-family: "Montserrat", sans-serif; font-weight: 400; margin: 0 0 20px 0; padding: 0;}

/* Back to top button */
.back-to-top{position: fixed; display: none; background: #007bff; color: #fff; width: 44px; height: 44px; text-align: center; line-height: 1; font-size: 16px; border-radius: 50%; right: 15px; bottom: 15px; transition: background 0.5s; z-index: 11;}
.back-to-top i{padding-top: 12px; color: #fff;}

/* Prelaoder */
#preloader{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff;}
#preloader:before{content: ""; position: fixed; top: calc(50% - 30px); left: calc(50% - 30px); border: 6px solid #f2f2f2; border-top: 6px solid #007bff; border-radius: 50%; width: 60px; height: 60px; -webkit-animation: animate-preloader 1s linear infinite; animation: animate-preloader 1s linear infinite;}

@-webkit-keyframes animate-preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
}

	100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header{height:auto; transition: all 0.5s; z-index: 997; transition: all 0.5s; padding:10px 0 0; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);}

#header.header-scrolled,
#header.header-pages{height:auto; padding: 10px 0 0;}
#header .logo h1 {font-size: 36px; margin: 0; padding: 0; line-height: 1; font-weight: 400; letter-spacing: 3px; text-transform: uppercase;}
#header .logo h1 a,
#header .logo h1 a:hover {color: #00366f; text-decoration: none;}
#header .logo img {padding: 0; margin: 0px 0; max-height: 45px;}

.main-pages {margin-top: 60px;}

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/

#intro {width: 100%; position: relative; background: url("../Images/intro-bg.png") center bottom no-repeat; background-size: cover; padding: 200px 0 120px 0;}
#intro .intro-img {width: 50%;float: left;}
#intro .intro-info {width: 50%;float: left;}
#intro .intro-info h2 {color: #fff;margin-bottom: 40px;font-size: 48px;font-weight: 700;}
#intro .intro-info h2 span {color: #74b5fc;text-decoration: underline;}
#intro .intro-info .btn-get-started,
#intro .intro-info .btn-services {font-family: "Montserrat", sans-serif;font-size: 14px;font-weight: 600;letter-spacing: 1px;display: inline-block;padding: 10px 32px;border-radius: 50px;transition: 0.5s;margin: 0 20px 20px 0;color: #fff;}
#intro .intro-info .btn-get-started {background: #007bff;border: 2px solid #007bff;color: #fff;}
#intro .intro-info .btn-get-started:hover {background: none;border-color: #fff;color: #fff;}
#intro .intro-info .btn-services {border: 2px solid #fff;}
#intro .intro-info .btn-services:hover {background: #007bff;border-color: #007bff;color: #fff;}
#services .box {padding: 30px;position: relative;overflow: hidden;border-radius: 10px;margin: 0 10px 40px 10px;background: #fff;box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);transition: all 0.3s ease-in-out;}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Desktop Navigation */

/*.main-nav {Drop Down Deep Drop Down }*/
.main-nav,
.main-nav * {margin:0;padding: 0;list-style: none;}
.main-nav > ul > li {position: relative;white-space: nowrap;float: left;margin: 0 1px;}
.main-nav a {display: block;position: relative;color: #004289;padding:8px 7px;transition: 0.3s;font-size: 13px;font-family: "Montserrat", sans-serif;font-weight: 500;}
.main-nav a:hover{color: #007bff;text-decoration: none;border-radius:5px;}
.main-nav .active > a{color: #fff;text-decoration: none;background:#007bff;border-radius:5px;}
.main-nav .drop-down ul {display: block;position: absolute;left: 0;top: calc(100% + 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 10px 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.main-nav .drop-down li {min-width: 180px;position: relative;}
.main-nav .drop-down ul a {padding: 10px 20px;font-size: 13px;color: #004289;}
.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {color: #007bff;}
.main-nav .drop-down > a:after {content: "\f107";font-family: FontAwesome;padding-left: 5px;}
.main-nav .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
.main-nav .drop-down .drop-down > a {padding-right: 35px;}
.main-nav .drop-down .drop-down > a:after {content: "\f105";position: absolute;right: 15px;}


.tooltip-wrap {
    position: relative;
  }
  .tooltip-wrap .tooltip-content {
    display: none;
    position: absolute;
    bottom: 5%;
    left: 5%;
    right: 5%;
    background-color: #fff;
    padding: .5em;
    min-width: 10rem;
  }
  .tooltip-wrap:hover .tooltip-content {
    display: block;
  }

/* Mobile Navigation */
.mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 9999;overflow-y: auto;left: -260px;width: 260px;padding-top: 18px;background: rgba(19, 39, 57, 0.8);transition: 0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display: block;position: relative;color: #fff;padding: 10px 20px;font-weight: 500;font-size:13px;}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color: #74b5fc;text-decoration: none;}
.mobile-nav .drop-down > a:after {content: "\f078";font-family: FontAwesome;padding-left: 10px;position: absolute;right: 15px;}
.mobile-nav .active.drop-down > a:after {content: "\f077";}
.mobile-nav .drop-down > a {padding-right: 35px;}
.mobile-nav .drop-down ul {display: none;overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-toggle {position: absolute;right: 0;top: 0;z-index: 9998;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}
.mobile-nav-toggle i {margin: 18px 18px 0 0;color: #004289;}
.mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(19, 39, 57, 0.8);overflow: hidden;display: none;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {left:0;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}

.mandatory{color: #FF0000;}
/* Sections Header
--------------------------------*/
.section-header h3 {font-size: 36px;color: #283d50;text-align: center;font-weight: 500;position: relative;}
.section-header p {text-align: center;margin: auto;font-size: 15px;padding-bottom: 60px;color: #556877;width: 50%;}

/* Section with background
--------------------------------*/
.section-bg {background: #ecf5ff;}
.MainContainer{margin:120px 0 0;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {background: #00428a;padding:10px 0;color: #eee;font-size: 14px;margin-top:0;bottom: 0; text-align:center;}
#footer .footer-top {background: #004a99;padding: 60px 0 30px 0;}
#footer .footer-top .footer-info {margin-bottom: 30px;}
#footer .footer-top .footer-info h3 {font-size: 34px;margin: 0 0 20px 0;padding: 2px 0 2px 0;line-height: 1;font-family: "Montserrat", sans-serif;color: #fff;font-weight: 400;letter-spacing: 3px;text-transform: uppercase;}
#footer .footer-top .footer-info p {font-size: 13px;line-height: 24px;margin-bottom: 0;font-family: "Montserrat", sans-serif;color: #ecf5ff;}
#footer .footer-top .social-links a {font-size: 18px;display: inline-block;background: #007bff;color: #fff;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 50%;
text-align: center;width: 36px;height: 36px;transition: 0.3s;}
#footer .footer-top .social-links a:hover {background: #0067d5;color: #fff;}
#footer .footer-top h4 {font-size: 14px;font-weight: bold;color: #fff;text-transform: uppercase;position: relative;padding-bottom: 10px;}
#footer .footer-top .footer-links {margin-bottom: 30px;}
#footer .footer-top .footer-links ul {list-style: none;padding: 0;margin: 0;}
#footer .footer-top .footer-links ul li {padding: 8px 0;}
#footer .footer-top .footer-links ul li:first-child {padding-top: 0;}
#footer .footer-top .footer-links ul a {color: #ecf5ff;}
#footer .footer-top .footer-links ul a:hover {color: #74b5fc;}
#footer .footer-top .footer-contact {margin-bottom: 30px;}
#footer .footer-top .footer-contact p {line-height: 26px;}
#footer .footer-top .footer-newsletter {margin-bottom: 30px;}
#footer .footer-top .footer-newsletter input[type="email"] {border: 0;padding: 6px 8px;width: 65%;}
#footer .footer-top .footer-newsletter input[type="submit"] {background: #007bff;border: 0;width: 35%;padding: 6px 0;text-align: center;color: #fff;transition: 0.3s;cursor: pointer;}
#footer .footer-top .footer-newsletter input[type="submit"]:hover {background: #0062cc;}
#footer .credits {text-align: center;font-size: 13px;color: #f1f7ff;}
#footer .credits a {color: #bfddfe;}
#footer .credits a:hover {color: #f1f7ff;}

/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/

@media (min-width: 992px) {
    #testimonials .testimonial-item p {
        width: 80%;
    }
}

@media (max-width: 991px) {
    #header {
        height: 60px;
        padding: 10px 0;
    }

        #header .logo h1 {
            font-size: 28px;
            padding: 8px 0;
        }

    #intro {
        padding: 140px 0 60px 0;
    }

        #intro .intro-img {
            width: 80%;
            float: none;
            margin: 0 auto 25px auto;
        }

        #intro .intro-info {
            width: 80%;
            float: none;
            margin: auto;
            text-align: center;
        }

    #why-us .card {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .back-to-top {
        bottom: 15px;
    }
#main{margin:55px 0 0;}
.mobile-nav .drop-down ul {width: 100%;}
.top_notifi_icon_mob{margin:20px 0 0;}
}

@media (max-width: 767px) {
    #intro .intro-info {
        width: 100%;
    }

        #intro .intro-info h2 {
            font-size: 34px;
            margin-bottom: 30px;
        }

    .section-header p {
        width: 100%;
    }

    #testimonials .testimonial-item {
        text-align: center;
    }

        #testimonials .testimonial-item .testimonial-img {
            float: none;
            margin: auto;
        }

        #testimonials .testimonial-item h3,
        #testimonials .testimonial-item h4,
        #testimonials .testimonial-item p {
            margin-left: 0;
        }
}




@media (max-width: 574px) {
    #intro {
        padding: 100px 0 20px 0;
    }
}

#introdash {
    background-color: #1946ac;
    padding: 20px 0px 20px 0px;
    margin-top: 160px;
}

.breadcrumb {
    background-color:transparent;
    text-align:left;
    border-radius: 0;
	font-size: 13px;
    font-weight: normal;
    padding:5px 0 0 20px;
    margin: 0;
}

.card {
    border: none;
    border-radius: 0;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);
    margin-bottom: 20px;
}

    .card.Bodycontent {
        border: none;
        border-radius: 0;
        box-shadow: none; /* 0px 0px 30px rgba(127, 137, 161, 0.3);*/
        margin-bottom: 0;
		min-height:475px;
    }

.card-header {
    font-weight: bold;
    background-color: #f3f3f3;
	font-size:18px;
    padding: .2rem 1rem;
}

.TopTitle{margin:0 15px 0 0;}

.card-body {
   /* min-height:70vh;*/
    padding: 1.25em 0.25em;
}

.table td {
    padding: 0.25em;
}

.table th {
    padding: 0.50em;
}

thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
    background-color: #00458f;
    color: #fff;
}

.leftmenu {
    border-right: solid 1px rgba(0, 0, 0, 0.1);
}

    .leftmenu .disabled {
        background-color: #6c757d;
        color: #fff;
        text-align: center;
    }

.list-group {
    border: none;
    font-size: 13px;
    /*box-shadow:  0px 0px 30px rgba(127, 137, 161, 0.3);*/
}

.list-group-item {
    padding: 0.50em 0.75em;
    border: none;
    /*border-bottom:solid 1px rgba(0, 0, 0, 0.1);*/
}

.location{
    width:100%;
}



.sidebar {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-family: "Roboto", sans-serif;
    background: #fdfdfd;
    width: 300px;
    overflow: hidden;
    display: inline-block;
    height: calc(100vh - 70px);
    position: fixed;
    top: 70px;
    left: 0;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 11 !important;
}

    .sidebar .legal {
        position: absolute;
        bottom: 0;
        width: 100%;
        border-top: 1px solid #eee;
        padding: 15px;
        overflow: hidden;
    }

        .sidebar .legal .copyright {
            font-size: 13px;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .sidebar .legal .copyright a {
                font-weight: bold;
                text-decoration: none;
            }

        .sidebar .legal .version {
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            margin-top: 5px;
            font-size: 13px;
        }

    .sidebar .user-info {
        padding: 13px 15px 12px 15px;
        white-space: nowrap;
        position: relative;
        border-bottom: 1px solid #e9e9e9;
        background: url("../images/user-img-background.jpg") no-repeat no-repeat;
        /*height: 135px;*/
    }

        .sidebar .user-info .image {
            margin-right: 12px;
            display: inline-block;
        }

            .sidebar .user-info .image img {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                vertical-align: bottom !important;
            }

        .sidebar .user-info .info-container {
            cursor: default;
            display: block;
            position: relative;
            /*top: 25px;*/
        }

            .sidebar .user-info .info-container .name {
                white-space: nowrap;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                overflow: hidden;
                font-size: 14px;
                max-width: 200px;
                color: #fff;
            }

            .sidebar .user-info .info-container .email {
                white-space: nowrap;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                overflow: hidden;
                font-size: 12px;
                max-width: 200px;
                color: #fff;
            }

            .sidebar .user-info .info-container .user-helper-dropdown {
                position: absolute;
                right: -3px;
                bottom: -12px;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                -ms-box-shadow: none;
                box-shadow: none;
                cursor: pointer;
                color: #fff;
            }

    .sidebar .menu {
        position: relative;
        overflow-y: auto;
        height: 90vh;
    }

        .sidebar .menu .list {
            list-style: none;
            padding-left: 0;
        }

            .sidebar .menu .list li.active > :first-child span {
                font-weight: bold;
            }

            .sidebar .menu .list .header {
                background: #eee;
                font-size: 12px;
                font-weight: 600;
                padding: 8px 16px;
            }

            .sidebar .menu .list i.material-icons {
                margin-top: 4px;
            }

            .sidebar .menu .list .menu-toggle:after, .sidebar .menu .list .menu-toggle:before {
                position: absolute;
                top: calc(50% - 14px);
                right: 17px;
                font-size: 19px;
                -moz-transform: scale(0);
                -ms-transform: scale(0);
                -o-transform: scale(0);
                -webkit-transform: scale(0);
                transform: scale(0);
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
            }

            .sidebar .menu .list .menu-toggle:before {
                content: '+';
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-transform: scale(1);
                transform: scale(1);
            }

            .sidebar .menu .list .menu-toggle:after {
                content: '\2013';
                -moz-transform: scale(0);
                -ms-transform: scale(0);
                -o-transform: scale(0);
                -webkit-transform: scale(0);
                transform: scale(0);
            }

            .sidebar .menu .list .menu-toggle.toggled:before {
                -moz-transform: scale(0);
                -ms-transform: scale(0);
                -o-transform: scale(0);
                -webkit-transform: scale(0);
                transform: scale(0);
            }

            .sidebar .menu .list .menu-toggle.toggled:after {
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-transform: scale(1);
                transform: scale(1);
            }

            .sidebar .menu .list a {
                color: #747474;
                position: relative;
                display: inline-flex;
                vertical-align: middle;
                width: 100%;
                padding: 10px 13px;
            }

                .sidebar .menu .list a:hover, .sidebar .menu .list a:active, .sidebar .menu .list a:focus {
                    text-decoration: none !important;
                }

                .sidebar .menu .list a small {
                    position: absolute;
                    top: calc(50% - 7.5px);
                    right: 15px;
                }

                .sidebar .menu .list a span {
                    margin: 7px 0 7px 12px;
                    color: #333;
                    font-weight: bold;
                    font-size: 14px;
                    overflow: hidden;
                }

            .sidebar .menu .list .ml-menu {
                list-style: none;
                display: none;
                padding-left: 0;
            }

                .sidebar .menu .list .ml-menu span {
                    font-weight: normal;
                    font-size: 14px;
                    margin: 3px 0 1px 6px;
                }

                .sidebar .menu .list .ml-menu li a {
                    padding-left: 55px;
                    padding-top: 7px;
                    padding-bottom: 7px;
                }

                .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {
                    font-weight: 600;
                    margin-left: 5px;
                }

                    .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before {
                        content: '\E315';
                        font-family: 'Material Icons';
                        position: relative;
                        font-size: 21px;
                        height: 20px;
                        top: -5px;
                        right: 0px;
                    }

                .sidebar .menu .list .ml-menu li .ml-menu li a {
                    padding-left: 80px;
                }

                .sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a {
                    padding-left: 95px;
                }

.dt-buttons {
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    margin-right: 10px;
	display:none;
}

    .dt-buttons a {
        display: inline-block;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: .150rem .50rem;
        font-size: 0.7em;
        line-height: 1.5;
        border-radius: 0;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        color: #fff;
        background-color: #2b90fc;
        border-color: #007bff;
        margin-right: 1px;
        box-shadow: 0px 0px 2px rgba(127, 137, 161, 0.3);
        border-radius: 0px 0px 5px 5px;
    }

.dataTables_wrapper input {
    border: none;
    border-radius:5px;
    border: solid 1px #007bff;
    font-size: 0.9em;
    /*height:30px;*/
    margin-left: 5px;
}

.dataTables_wrapper {
}

    /*.dataTables_wrapper table {
        margin-top: 10px;
    }*/

.dataTables_filter {
    font-size: .9em;
	display:none;
}
.bullet-point {
    margin-left: 20px;
}
.pager li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
    background-color: transparent;
    color: #222;
    font-weight: bold;
}

.pager li a:focus,
.pager li a:active {
    background-color: transparent;
}

.pagination .disabled a,
.pagination .disabled a:hover,
.pagination .disabled a:focus,
.pagination .disabled a:active {
    color: #bbb;
}

.pagination li.active a {
    background-color: #2196F3;
    padding: .25em .50em;
    color: #fff;
}

.pagination li {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding: .25em .25em;
    font-size: 14px;
    font-weight: normal;
}

    .pagination li a:focus,
    .pagination li a:active {
        background-color: transparent;
        color: #555;
    }

.pagination > li > a {
    border: none;
    font-weight: bold;
    color: #555;
}

.pagination > li:first-child > a,
.pagination > li:last-child > a {
    width: auto;
    height: 32px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

    .pagination > li:first-child > a .material-icons,
    .pagination > li:last-child > a .material-icons {
        position: relative;
        bottom: 2px;
    }

.pagination-sm > li:first-child > a,
.pagination-sm > li:last-child > a {
    width: 28px;
    height: 28px;
}

    .pagination-sm > li:first-child > a .material-icons,
    .pagination-sm > li:last-child > a .material-icons {
        position: relative;
        top: -1px;
        left: -6px;
        font-size: 20px;
    }

.pagination-lg > li:first-child > a,
.pagination-lg > li:last-child > a {
    width: 44px;
    height: 44px;
}

    .pagination-lg > li:first-child > a .material-icons,
    .pagination-lg > li:last-child > a .material-icons {
        font-size: 30px;
        position: relative;
        top: -3px;
        left: -10px;
    }

.dataTables_info {
    font-size: 13px;
}

.dropdown-item {
    font-size: 13px;
}

    .dropdown-item a {
        color: #283d50;
    }

.list-group-item.active a {
    color: #fff;
}

.form-control {
    font-size: 14px;
	/*border:none;
    border-bottom: solid 1px #ccc;*/ outline:none;
}
.form-control:focus {
    box-shadow: none;
}

.form-select {
    font-size: 14px;
	/*border:none;
    border-bottom: solid 1px #ccc;*/ outline:none;
}
.form-select:focus {
    box-shadow: none;
}
.readonly-white{background:#fff !important;}

.custom-file-input {
    font-size: 14px;
    border-bottom: solid 1px #007bff !important;
}

.Timeinput {
    background: #fff url(../Images/time.png) right center no-repeat;
}

.profile-photo{
    width: 100%;
    
    background: #cfe2ff;
    position: relative;
    overflow: hidden;
}
.profile-photo img{width: 100%;/*height:min-content;*/}

.toggler{
    padding-top: 20px;
}

/*.form-control-sm {
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size: 14px;
    border-bottom: solid 1px #007bff;
}*/

option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}

h6.formtitle {
    margin-bottom:10px;
	padding:5px;
    background-color: #00458f;
    /* border-bottom: solid; */
    /* text-decoration: underline; */
	border-bottom:1px solid #ccc;
    color: #fff;
    font-weight: 500;
}

.statistic_card {
    border: none;
    border-radius: 0;
    box-shadow: 0px 0px 20px rgba(127, 137, 161, 0.3);
    margin-bottom: 20px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 10px 10px;
    background-image: url(../Images/logo_white.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 50px;
}

    .statistic_card .card-body {
        min-height: 80px !important;
        padding: 10px 10px;
    }

    .statistic_card p {
        margin: auto auto;
    }

    .statistic_card .Figure {
        font-size: 28px;
        font-weight: 700;
        text-align: center;
    }

.box {
    border: none;
    border-right: solid 1px rgba(0, 0, 0, 0.1);
    font-size: 14px;
}

    .box.last {
        border-right: none;
    }

    .box .card-body {
        min-height: 80px !important;
        padding: 10px 10px;
    }

    .box p {
        margin: auto auto;
    }

    .box h4 {
        color: #007bff;
        font-size: 18px;
    }

.accordionheader {
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 18px;
    padding: 0px 15px;
}

.cardbox-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.cardbox {
    border: solid 1px rgba(141, 144, 150, 0.30);
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);
    min-height: 250px;
/*    height: 275px;*/    
    font-size: 14px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}


    .cardbox .icon {
        position: absolute;
        right: -15px;
        top: calc(90% - 90px);
        z-index: 100;
        color: rgba(0, 0, 0, 0.1);
    }

        .cardbox .icon i {
            font-size: 128px;
            line-height: 1;
            transition: 0.5s;
            z-index: 100;
            color: rgba(0, 0, 0, 0.1);
        }

    .cardbox .cardbox-title {
        border-bottom: solid 1px rgba(127, 137, 161, 0.3);
        font-size: 16px;
        padding: 10px 10px;
        background-color: rgba(0, 0, 0, 0.1);
    }

        .cardbox .cardbox-title i {
            font-size: 14px;
            padding: 5px 3px;
        }

    .cardbox .cardbox-body {
        padding: 10px 10px;
        min-height:160px;
    }

    .cardbox .cardbox-title-sm {
        border-bottom: solid 1px rgba(127, 137, 161, 0.3);
        font-size: 16px;
        padding: 2px 10px;
        background-color: rgba(0, 0, 0, 0.1);
    }

        .cardbox .cardbox-title-sm i {
            font-size: 14px;
            padding: 5px 3px;
        }

    .cardbox p {
        margin: auto auto;
        line-height: 25px;
        z-index: 200;
    }

        .cardbox p.filetypeicon {
            margin-bottom: -11px;
            position: relative;
            left: -10px;
            top: -11px;
            bottom: -10px;
            width: 25%;
            height: 75px;
            text-align: center;
            float: left;
            padding-top: 25px;
            color: gray;
        }

    .cardbox .cardbox-footer {
        padding: 10px 10px;
        z-index: 200;
        /*border-top:solid 1px rgba(0, 0, 0, 0.1);*/
    }

.custom-file-input ~ .custom-file-label::after {
    content: "Upload";
    background-color: #0094ff;
    color: #fff;
    cursor: default;
}

.hasDatepicker {
    background: #fff url(../Images/CalIcon.png) right center no-repeat;
    /*background-image: url(/Images/calender.png);*/
    background-position: right;
    background-repeat: no-repeat;
}

.clearfix {
    width: 100%;
}
.avatar{
    width:100%;
    /*margin-left:10px;*/
}

/*--------------------- Sarada -------------------------*/

.DS_img{width:50px; height:50px; border:2px solid #ccc; overflow:hidden;}
.DS_img img{width:100%;}
.custom-file-label{font-size:14px;}

.MemberCardBg{width:500px; height:315px; background:url(../Images/MemberCard_Bg.png); border-radius:20px; margin:25% auto; padding:0; color:#000; text-shadow:0 1px 0 #fff; color:#00366f; font-weight:bold;}
.MemberName{font-size:18px;}
.MemberId{font-size:25px;}
.MemberDateTime{font-size:15px;}


.DiscussionBoard_Section {
    width:100%;
    margin: 10px auto;
}

.DiscussionBoard_LeftSection {
    width: 30%;
    height: auto;
    background: #fff;
    float: left;
    margin: 0 10px 0 0;
    padding: 3px;
}

.MessageHead {
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
}

.DiscussionBoard_ScrollSection {
    width: 100%;
    height: 380px;
    background: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
}
.DiscussionBoard_ScrollSection .MessageSection {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #eee;
    margin: 0;
    float: left;
    cursor: pointer;
    line-height: 17px;
	font-size:13px;
}
.DiscussionBoard_ScrollSection .MessageSection .User_img{
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    float: left;
    margin: 0 10px 0 0;
	border-radius:50%;
	overflow:hidden;
}

.DiscussionBoard_ScrollSection .MessageSection .User_img img {
    width: 100%;
}
.DiscussionBoard_ScrollSection .MessageSection .Subject {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 3px;
}
.DiscussionBoard_ScrollSection .MessageSection .Desc{width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block;}
.DiscussionBoard_ScrollSection .MessageSection.active {
    background: #e3eef3;
}

.DiscussionBoard_RightSection {
    width: 68%;
    height: auto;
    background: #fff;
    float: left;
    padding: 10px 3px 10px 10px;
}
.DiscussionBoard_RightSection .User_img {
    width: 52px;
    height: 52px;
    border: 1px solid #ccc;
    float: left;
    margin: 0 10px 0 0;
	border-radius:50%;
	overflow:hidden;
}
.DiscussionBoard_RightSection .User_img img {
    width: 100%;
}
.DiscussionBoard_RightSection .Subject {
    font-weight: bold;
    font-size: 16px;
    margin: 0;
}
.DiscussionBoard_RightScrollSection {
    width: 100%;
    height: 345px;
    background: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
    border-top: 1px solid #eee;
    margin: 5px 0;
}
.MessageSection {
    width: 100%;
    float: left;
    margin: 5px 0 15px;
	font-size:14px;
}
.MessageFooterSection {
    width: 100%;
    height: auto;
    padding: 0 0 0 10px;
    background: #e3e3e3;
    margin: 10px 0 0;
    color: #666;
    font-size: 14px;
	height: 38px;
	line-height:35px;
}
.MessageFooterSection .ViewBtn {
    float: right;
    margin: 1px 0 0;
}
.MessageFooterSection .ViewBtn a {
    background: #007bff;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 15px;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    text-decoration: none;
}

.InboxMessageDiv {
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
	font-size:14px;
}

.InboxMessageDiv .InboxMessageDiscussion {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: top;
}

.InboxMessageDiv .InboxMessageDiscussion .BoardName {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px;
}

.InboxMessageDiv .InboxMessageDiscussion .BoardFooterSection {
    width: 100%;
    height: auto;
    padding: 3px;
    background: #e3e3e3;
    margin: 10px 0 0;
    color: #666;
    font-size: 14px;
}

.InboxReplyMessage {
    width: 94%;
    margin: 10px 0 10px 6%;
	font-size:14px;
}

.InboxReplyMessage .InboxReplyFooterSection {
    width: 100%;
    height: auto;
    padding: 3px;
    background: #e3e3e3;
    margin: 10px 0 0;
    color: #666;
    font-size: 14px;
}

.MessageTextarea {
    width: 100%;
    height: 100px;
    outline: none;
    resize: none;
    border: 1px solid #ccc;
    padding: 10px;
    font-family: Calibri, Arial;
    color: #555;
}

.PostBtn {
    background: #37a1c7;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 15px;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    text-decoration: none;
    border: none;
    float: right;
    margin: 5px 0 10px;
}

.InboxReplyMessage .BoardName {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px;
}
.notification_bell{font-size:15px;}
.notification{position:absolute; width:14px; height:14px; background:#f00; color:#fff; font-size:10px; text-align:center; border-radius:20px; font-weight:bold; margin:-5px 0 0 -7px;}

.nav-tabs{display:block; border:none; margin:0 0 15px; width:100%;}
.nav-tabs li{display:inline-block; padding: 5px 0;}
.nav-tabs li a{padding:5px 15px; color:#333; border-radius:5px; border-bottom:2px solid #fff;}
.nav-tabs li a:hover{background:#efefef;}
.nav-tabs li a.active{border-bottom:3px solid #37a1c7; background:#efefef;}
.tab-content{width:100%;}

.feed-options li{position: relative; margin-bottom: 5px; padding:0;}
.feed-options li .form-control{width: 80%; display: inline-block;}

.Conv_Top{width:100%; height:auto;}
.Conv_img{width:50px; height:50px; overflow:hidden; display:inline-block; border-radius:50%; border:2px solid #ccc; margin:0 15px 0 0; vertical-align:top;}
.Conv_img img{width:100%;}
.Conv_Name{width:60%; display:inline-block; color:#555; font-weight:bold; font-size:14px; vertical-align:top;}
.FlatNo{font-size:13px; font-weight:normal; color:#999;}
.Conv_time{float:right; width:auto; font-size:12px; color:#999;}

.Conv_Details{width:100%; height:auto; margin:10px 0 15px;}
.Conv_title{font-size:18px; font-weight:bold; color:#333;}

.Conv_Btm{width:100%; height:auto;}
.Conv_Btm a{padding:5px 15px; border-radius:5px; cursor:pointer;}

.Conv_Replay{margin:0; padding:10px 15px; border-top:1px solid #ccc; background:#f1f1f1;}

.Poll_Btn{background:#f1f1f1; padding:10px; font-size:11px; text-shadow:0 1px 1px #fff; border:1px solid #ccc; margin:0 0 -15px;}
.Poll_Btn span{margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #ccc;}
.Poll_Btn span:last-child{border-right:none;}


.SMS_Table{width:100%;}
.SMS_Table thead th{padding:5px;background-color: #00458f;}
.SMS_Table tr:nth-child(even) {background: #f9f9f9}
.SMS_Table tr:nth-child(odd) {background: #fff}
.SMS_Table td{padding:5px; vertical-align:top;}
.custom-control-label{line-height:23px; margin:0 0 0 25px;}
.sms-form{width:auto; display:inline-block; height:30px; padding: 5px; margin:0 0 5px;}

.SearchIcon{float: right; font-size: 15px; line-height: 16px; cursor: pointer; padding:10px 5px 0 0;}
.SearchPannel{width: 100%; height: auto; padding: 10px; background: #f7f7f7; display: block; border-radius: 5px;}

.Dashboard_UnitFigure{font-size:18px; color:#007bff; font-weight:bold;}
.LodgeNewTicket{width:100%;  margin:0 0 -17px 2px;}
.LodgeNewTicket a{background:#007bff; text-align:center; color:#fff; padding:5px; width:100%; display:block;}

.DashboardBig_Icon{width:40px; height:40px; border-radius:50%; font-size:18px; padding:6px; margin:0 10px 0 0; display:inline-block; color:#fff; text-align:center;}
.Dashboard_Discussion_Board{text-align:center;}

.Committee_Members_Section{border:1px solid #ccc; padding:5px; margin:0 0 15px;}

.Overview_Btn{color:#333; background-color:transparent; padding:3px 10px;}
.Overview_Btn:hover{color:#333; background-color:transparent;}
.Overview_Btn{color:#333; background-color:transparent;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{color:#333; background-color: transparent;}


.Inner_SubMenu{width:100%; height:auto; margin:5px 0 0;}
.Inner_SubMenu ul{margin:0; padding:0; display:block;}
.Inner_SubMenu ul li{margin:0; padding:0; list-style-type:none; display:inline-block; width:170px;}
.Inner_SubMenu ul li a{margin:0; padding:3px 7px; display:block; font-size:13px; font-weight:normal;}
.Inner_SubMenu ul li a:hover{color:#333;}

.BallotTable{width:100%;}
.BallotTable table{width:100%;}
.BallotTable thead{font-weight:bold; color:#333; background:#fff;}
.BallotTable td{padding:4px;}

.BookHead{font-weight:bold; color:#007bff; font-size:14px;}

.BookActive{background:#6fc76f; width:13px; height:13px; border-radius:50%; display:inline-block;}
.BookPending{background:#f36565; width:13px; height:13px; border-radius:50%; display:inline-block;}
.BookCancel{background:#bfbfbf; width:13px; height:13px; border-radius:50%; display:inline-block;}

.TopSearch_Section {
    background: #00458f;
    padding: 5px;
    margin: 5px 0 0;
    width: 100%;
    float: left;
    height: 40px;
}

.TopSearch_Form{width:auto; float:left; background:#fff; border:1px solid #ccc; border-radius:5px; overflow:hidden;}
.TopSearch_Form .form-select-sm{border:none; border-left:1px solid #ccc; border-radius:0; outline:none; float:left; margin:0 0 0 -2px;}
.TopSearch_Form .form-control-sm{border:none; border-left:1px solid #ccc; border-radius:0; outline:none; float:left; margin:0 0 0 -2px;}
.TopSearch_Form .input-search-field{width:150px; transition:all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;}
.TopSearch_Form .input-search-field:focus{width:300px;}

.CameraIcon{position:absolute; border-radius: 50%; width: 20px; height: 20px; text-align: center; background-color: #fff; bottom:7px; right:20px; cursor:pointer; }
.CameraIcon input[type=file]{position:absolute; left:0; top:0; opacity:0; width:15px;}

.AutoComplete_popup{min-width:450px; position:absolute; z-index:9; background:#fff; display:none; border-bottom:1px solid #ccc; white-space: nowrap;}
.AutoComplete_popup table{width:100%; margin:0;}
.AutoComplete_TableScrl{max-height:250px; overflow: auto;}
.AutoComplete_TableScrl::-webkit-scrollbar {width: 4px;height: 4px;}
.AutoComplete_TableScrl::-webkit-scrollbar-track {border-radius: 10px;background: transparent;}
.AutoComplete_TableScrl::-webkit-scrollbar-thumb{border-radius: 10px; background: #ccc;}
.AutoComplete_TableScrl::-webkit-scrollbar-thumb:hover {background: #bbb;}
.AutoComplete_popup table tr td, th{border:1px solid #ccc; padding:3px;}


.ContactAuto_popup{min-width:450px; position:absolute; z-index:991; background:#fff; display:none; border:1px solid #ccc; white-space: nowrap;}
.ContactAuto_popup table{width:100%; margin:0;}
.ContactAuto_popup_TableScrl{max-height:250px; overflow: auto;}
.ContactAuto_popup_TableScrl::-webkit-scrollbar {width: 4px;height: 4px;}
.ContactAuto_popup_TableScrl::-webkit-scrollbar-track {border-radius: 10px;background: transparent;}
.ContactAuto_popup_TableScrl::-webkit-scrollbar-thumb{border-radius: 10px; background: #ccc;}
.ContactAuto_popup_TableScrl::-webkit-scrollbar-thumb:hover {background: #bbb;}
.ContactAuto_popup_TableScrl table tr td, th{border:1px solid #ccc; padding:3px;}
.ContactAuto_popup_TableScrl table tbody tr td{cursor:pointer;}
.ContactAuto_popup_TableScrl table tbody tr:hover{background:#007bff; color:#fff;}
.ContactAuto_popup a{background:#fff; color:#007bff; padding:5px 10px; width:100%; display:block;}

/*.ContactAuto_popup{width:98%; position:absolute; z-index:999; background:#fff; display:none; border:1px solid #ccc;}
.ContactAuto_popup .ContactAuto_Scrl{max-height:250px; overflow:auto;}
.ContactAuto_popup .ContactAuto_Scrl ul{margin:0; padding:0;}
.ContactAuto_popup .ContactAuto_Scrl ul li{margin:0; padding:5px; list-style-type:none; display:block; cursor:pointer;}
.ContactAuto_popup .ContactAuto_Scrl ul li:hover{color:#007bff;}
.ContactAuto_popup a{background:#fff; color:#007bff; padding:5px 10px; border-top:1px solid #ccc; width:100%; display:block;}*/


.Search_Form{width:100%; float:left; background:#fff; border:1px solid #ccc; border-radius:5px; overflow:hidden; padding: 0;height: 33px;}
.Search_Form .form-control{border:none; border-radius:0; outline:none; width:90%; display:inline-block; box-shadow:none; padding: 4px 7px;}
.Search_Form .SearchIcon{float:right; padding:7px; color:#999;}

.FormSection{padding:10px; border:1px solid #ddd; border-radius:5px;  margin:0 0 20px;}

.Notification{left:auto !important; right:0 !important; padding:0 0 20px !important;}
.Notification li{border-bottom:1px solid #eee;}

.form-group{margin-bottom:.6rem;}
.form-group label{margin-bottom: .3rem;}
.validation{color:#f00; font-size:13px; position:absolute; margin:0; top:inherit !important; left:inherit !important;}
.validation1{color:#f00; font-size:13px; position:absolute; margin:0; bottom:0px;}


/*--------------- Start Money Recipt CSS  ------------*/
.MoneyReceiptSection{width:100%; height:auto; margin:10px auto;}
.MoneyReceiptBg{width:100%; height:auto; margin:0; padding:15px; border:2px solid #4d5574; border-radius:10px;}
.MoneyReceiptPadding{padding:10px 0; width:100%; float:left; line-height:40px;}
.ReceiptHead{font-size:25px; font-weight:bold; text-transform:uppercase; color:#4d5574; margin:0 5px; text-align:center; text-decoration:underline; padding:0 0 5px;}
.ReceiptSubHead{font-size:25px; font-weight:bold; text-transform:uppercase; color:#333; text-align:center; margin:5px 0 10px;}
.Rupees{border:2px solid #4d5574; border-radius:5px; overflow:hidden; width:200px; height:45px; font-size:20px; color:#333; font-weight:bold; line-height:45px;}
.Rupees .fa{background:#4d5574; color:#fff; font-size:30px; line-height:30px; padding:6px 15px; width:auto; float:left; margin:0 15px 0 0;}
.Signature{font-size:20px; color:#333; padding:17px 0 0; font-weight:bold; font-style:italic;}
#doPrint{cursor:pointer;}
/*--------------- End Money Recipt CSS  --------------*/

.close{background:none; color:#333; border:none; font-size:20px;}

.TransparentInput {background: transparent !important;border: none !important;outline: none;width: 100%;height: auto;padding: 2px;}
.warningIcon{font-size: 50px; color: #F8BB86; border: 4px solid #F8BB86; padding: 5px; border-radius: 50%; width: 100px; height: 100px; margin:0 auto;}

.Excel{border-color:#4CAF50; color:green;}
.Excel:hover{background-color:#4CAF50; color:white;}

.CSV{border-color:#2196F3; color:dodgerblue;}
.CSV:hover{background:#2196F3; color:white;}

.Generate{border-color:#f44336; color:red}
.Generate:hover{background:#f44336; color:white;}

@media (max-width:1024px) {
.main-nav a{padding:10px 4px; font-size:12px;}
}

@media (max-width:800px) {
.BallotTable{width:100%; overflow-y:hidden; overflow-x:scroll; padding:0 0 15px;}
.BallotTable table{width:800px;}
}
@media (max-width:480px) {
.modal.show .modal-dialog{overflow:scroll;}
.Dashboard_Discussion_Board{text-align:left;}
}
.PassNo {
    font-size: 10px;
    transform: rotate(90deg);
    float: right;
    letter-spacing: 2px;
    line-height: 8px;
    position: absolute;
    right: -10px;
    top:125px;
}

/*.input-group{width:70%; transition:all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;}
.input-group:hover {width:100%;}*/

.Loding{background:rgba(0,0,0,0.9); position:fixed; top:0; bottom:0; left:0; right:0; margin:auto; height:100%; width:100%; z-index: 9999;}
.loader{border:5px solid #636363;border-radius: 50%;border-top:5px solid #636363;border-bottom:5px solid #00428a;width:80px;height:80px;margin:auto;left:0; top:0; right:0; bottom:0; position:absolute;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}

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

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

.disabled_Card{pointer-events:none; opacity:0.3;}
.disabled a{color:#ccc !important; pointer-events:none;}

.btn-light {color: #212529;background-color: #e6e6e6;border-color: #cacaca;}
/*.main-nav .drop-down > a:last-child:after{display:none;}*/

.table-responsive .fa{width:13px;}

.dataTables_empty{text-align:center;}

.custom-checkbox ul{margin:0; padding:0;}
.custom-checkbox ul li{margin:0 5px 5px 0; padding:0; display:inline-block; list-style-type:none; width:110px;}
.multiselect{border-bottom:1px solid #007bff; padding:.14rem .5rem;}

.custom-radio .nav-tabs{margin:0;}
.custom-radio .nav-tabs li{}
.custom-radio .nav-tabs li a{padding:5px; color:#333; border-radius:0; border-bottom:none;}
.custom-radio .nav-tabs li a:hover{background:transparent; color:#007bff;}
.custom-radio .nav-tabs li a.active{border-bottom:none; background:transparent;}

.toast {
    position: fixed;
    top: 60px;
    right: 100px;
    background-color: #5cb85c;
    color: #fff;
    padding: 10px 50px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    animation: fadeInOut 5s ease-in-out;
    z-index: 9999;
}

@keyframes fadeInOut {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}


.disabled-link {
    pointer-events: none; /* Disable pointer events */
    color: gray; /* Change the text color to gray to indicate it's disabled */
}
/* Style the anchor text inside the list item */
li a.disabled {
    color: gray !important; /* Set the text color to gray */
    pointer-events: none; /* Disable the link */
    cursor: not-allowed; /* Change the cursor to indicate it's disabled */
}

    /* Style the icon inside the anchor */
    li a.disabled i {
        color: gray !important; /* Set the icon color to gray */
    }

.inside-img {
    width: 100%;
    background: #cfe2ff;
    /*border: 2px solid #cfe2ff;*/
    position: relative;
    overflow: hidden;
}

    .inside-img img {
        width: 100%;
        object-fit: cover;
        margin: auto;
        min-height: fit-content;
    }