#page-topbar{
    
    top:0;
    right:0;
    left:0;
    z-index:1002;
    background-color:#fff;
    -webkit-box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);
    box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02)
}
.navbar-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    -webkit-box-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 auto;
    height:70px;
    padding:0 calc(24px / 2) 0 0
}
.navbar-brand-box{
    padding:0 1.5rem;
    text-align:center;
    width:240px
}
.logo{
    line-height:70px
}
.logo .logo-sm{
    display:none
}
.logo-light{
    display:none
}
.dropdown-topbar .btn-light{
    background-color:#f8f9fa!important;
    border:#f8f9fa!important
}
.dropdown-topbar .btn-light:focus{
    -webkit-box-shadow:0 0 0 .15rem rgba(216,217,219,.5)!important;
    box-shadow:0 0 0 .15rem rgba(216,217,219,.5)!important
}
.fullscreen-enable [data-toggle=fullscreen] .mdi-fullscreen::before{
    content:"\F0294"
}
.app-search{
    padding:calc(32px / 2) 0
}
.app-search .form-control{
    border:none;
    height:38px;
    padding-left:20px;
    padding-right:20px;
    background-color:#f8f9fa;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:30px
}
.app-search span{
    position:absolute;
    z-index:10;
    font-size:13px;
    line-height:38px;
    right:16px;
    top:0;
    color:#5b626b
}
.megamenu-list li{
    position:relative;
    padding:5px 0
}
.megamenu-list li a{
    color:#5b626b
}
@media (max-width:992px){
    .navbar-brand-box{
        width:auto
    }
    .logo span.logo-lg{
        display:none
    }
    .logo span.logo-sm{
        display:inline-block
    }
}
.page-content{
    padding:calc(70px + 24px) calc(24px / 2) 60px calc(24px / 2)
}
.header-item{
    height:70px;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    color:#555b6d;
    border:0;
    border-radius:0
}
.header-item:hover{
    color:#555b6d
}
.header-profile-user{
    height:36px;
    width:36px;
    background-color:#dee2e6
}
.noti-icon i{
    font-size:22px;
    color:#555b6d
}
.noti-icon .badge{
    position:absolute;
    top:12px;
    right:4px
}
.notification-item .d-flex{
    padding:.75rem 1rem
}
.notification-item .d-flex:hover{
    background-color:#f8f9fa
}
.dropdown-icon-item{
    display:block;
    border-radius:3px;
    line-height:34px;
    text-align:center;
    padding:15px 0 9px;
    display:block;
    border:1px solid transparent;
    color:#6c757d
}
.dropdown-icon-item img{
    height:24px
}
.dropdown-icon-item span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.dropdown-icon-item:hover{
    border-color:#e9ecef
}
body[data-topbar=dark] #page-topbar{
    background-color:#2b3a4a
}
body[data-topbar=dark] .navbar-header .dropdown.show .header-item{
    background-color:rgba(255,255,255,.05)
}
body[data-topbar=dark] .navbar-header .waves-effect .waves-ripple{
    background:rgba(255,255,255,.4)
}
body[data-topbar=dark] .header-item{
    color:#e9ecef
}
body[data-topbar=dark] .header-item:hover{
    color:#e9ecef
}
body[data-topbar=dark] .header-profile-user{
    background-color:rgba(255,255,255,.25)
}
body[data-topbar=dark] .noti-icon i{
    color:#e9ecef
}
body[data-topbar=dark] .logo-dark{
    display:none
}
body[data-topbar=dark] .logo-light{
    display:block
}
body[data-topbar=dark] .app-search .form-control{
    background-color:rgba(248,249,250,.07);
    color:#fff
}
body[data-topbar=dark] .app-search input.form-control::-webkit-input-placeholder,body[data-topbar=dark] .app-search span{
    color:rgba(255,255,255,.5)
}
body[data-sidebar=dark] .navbar-brand-box{
    background:#2b3a4a
}
body[data-sidebar=dark] .logo-dark{
    display:none
}
body[data-sidebar=dark] .logo-light{
    display:block
}
@media (max-width:575.98px){
    .navbar-header .dropdown{
        position:static
    }
    .navbar-header .dropdown .dropdown-menu{
        left:10px!important;
        right:10px!important
    }
    .top-navigation{
        
        left:0;
        right:0;
        background-color:##0e163b;
    }
}
@media (max-width:380px){
    .navbar-brand-box{
        display:none!important
    }
}
 .navbar-header{
    padding-top:20px;
}
 .navbar-brand-box{
    width:auto;
    display:inline-block
}
 .page-content{
    margin-top:70px;
    padding:calc(180px + 24px) calc(24px / 2) 60px calc(24px / 2)
}
@media (max-width:992px){
    body[data-layout=horizontal] .page-content{
        padding:calc(98px + 24px) calc(24px / 2) 60px calc(24px / 2)
    }
}
@media (min-width:992px){
    body[data-layout=horizontal] .navbar-header{
        padding:0 calc(24px / 2)
    }
    body[data-layout=horizontal] .navbar-brand-box{
        padding-left:0
    }
	
}
.breadcrumb-item+.breadcrumb-item::before {
    color: rgba(52,58,64,.5);
    content: "/" !important; 
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
}
.page-title-box{
    padding-bottom:24px
}
.page-title-box .breadcrumb{
    background-color:transparent;
    padding:0
}
.page-title-box h4{
    font-family: 'Poppins', sans-serif;
    font-size:26px!important;
    padding-top:55px;
}
.state-information .state-graph{
    float:right;
    margin-left:40px;
    text-align:center
}
.state-information .state-graph .info{
    font-size:12px;
    margin-top:3px
}
.toppy{
    position: relative;
    top: 28px;
}
body[data-layout=horizontal] .top-navigation{
    padding:0 calc(24px / 2) 0 calc(24px / 2)
}
body[data-layout=horizontal] .state-information .state-graph .info{
    color:#adb5bd
}
body[data-layout=horizontal] .page-title-content{
    padding:0px 0
}
body[data-layout=horizontal] .page-title-content .page-title-box{
    padding-bottom:0
}
body[data-layout=horizontal] .page-title-content .page-title-box .breadcrumb-item>a{
    color:#ced4da
}
body[data-layout=horizontal] .page-title-content .page-title-box .breadcrumb-item+.breadcrumb-item::before{
    color:rgba(255,255,255,.5)
}
body[data-layout=horizontal] .page-title-content .page-title-box .breadcrumb-item.active{
    color:#adb5bd
}
body[data-layout=horizontal] .page-title-content h4{
    color:#fff
}
.footer{
    background-color:#fafafa;
    bottom:0;
    padding:20px calc(24px / 2);
    position:absolute;
    text-align:center;
    right:0;
    color:#5b626b;
    left:240px;
    height:60px;
    -webkit-box-shadow:0 -1px 2px 0 rgba(0,0,0,.05);
    box-shadow:0 -1px 2px 0 rgba(0,0,0,.05)
}
@media (max-width:992px){
    .footer{
        left:0
    }
}
.vertical-collpsed .footer{
    left:70px
}
body[data-layout=horizontal] .footer{
    left:0!important
}
.right-bar{
    background-color:#fff;
    -webkit-box-shadow:0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);
    box-shadow:0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);
    display:block;
    position:fixed;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out;
    width:280px;
    z-index:9999;
    float:right!important;
    right:-290px;
    top:0;
    bottom:0
}
.right-bar .right-bar-toggle{
    background-color:#444c54;
    height:24px;
    width:24px;
    line-height:24px;
    color:#e9ecef;
    text-align:center;
    border-radius:50%
}
.right-bar .right-bar-toggle:hover{
    background-color:#4b545c
}
.rightbar-overlay{
    background-color:rgba(52,58,64,.55);
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:none;
    z-index:9998;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.right-bar-enabled .right-bar{
    right:0
}
.right-bar-enabled .rightbar-overlay{
    display:block
}
@media (max-width:700.98px){

    .logo {
    display:none;
    margin-top: 70px;
}
.noti-icon .badge {
    position: absolute;
    top: 25px;
    right: 104px;
}
    .right-bar{
        overflow:auto
    }
    .right-bar .slimscroll-menu{
        height:auto!important
    }
}
.metismenu{
    margin:0
}
.metismenu li{
    display:block;
    width:100%
}
.metismenu .mm-collapse{
    display:none
}
.metismenu .mm-collapse:not(.mm-show){
    display:none
}
.metismenu .mm-collapse.mm-show{
    display:block
}
.metismenu .mm-collapsing{
    position:relative;
    height:0;
    overflow:hidden;
    -webkit-transition-timing-function:ease;
    transition-timing-function:ease;
    -webkit-transition-duration:.35s;
    transition-duration:.35s;
    -webkit-transition-property:height,visibility;
    transition-property:height,visibility
}
.vertical-menu{
    width:240px;
    z-index:1001;
    background:#fff;
    bottom:0;
    margin-top:0;
    position:fixed;
    top:70px;
    -webkit-box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);
    box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02)
}
.main-content{
    margin-left:240px;
    overflow:hidden
}
.main-content .content{
    padding:0 15px 10px 15px;
    margin-top:70px
}
#sidebar-menu{
    padding:10px 0 30px 0
}
#sidebar-menu .mm-active>.has-arrow:after{
    content:"\F0140"
}
#sidebar-menu .has-arrow:after{
    content:"\F0142";
    font-family:'Material Design Icons';
    display:block;
    float:right;
    -webkit-transition:-webkit-transform .2s;
    transition:-webkit-transform .2s;
    transition:transform .2s;
    transition:transform .2s,-webkit-transform .2s;
    font-size:1rem
}
#sidebar-menu ul li a{
    display:block;
    padding:11PX 20PX;
    color:#545a6d;
    position:relative;
    font-size:13.3px;
    -webkit-transition:all .4s;
    transition:all .4s
}
#sidebar-menu ul li a i{
    display:inline-block;
    min-width:1.6rem;
    padding-bottom:.125em;
    font-size:1rem;
    line-height:1.40625rem;
    vertical-align:middle;
    color:#7f8387;
    -webkit-transition:all .4s;
    transition:all .4s
}
#sidebar-menu ul li a:hover{
    color:#383c40
}
#sidebar-menu ul li a:hover i{
    color:#383c40
}
#sidebar-menu ul li .badge{
    margin-top:5px
}
#sidebar-menu ul li ul.sub-menu{
    padding:0
}
#sidebar-menu ul li ul.sub-menu li a{
    padding:.4rem 1.5rem .4rem 3.1rem;
    font-size:13px;
    color:#545a6d;
    background-color:transparent
}
#sidebar-menu ul li ul.sub-menu li ul.sub-menu{
    padding:0
}
#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a{
    padding:.4rem 1.5rem .4rem 4.5rem;
    font-size:13.5px
}
.menu-title{
    padding:12px 20px!important;
    letter-spacing:.05em;
    pointer-events:none;
    cursor:default;
    font-size:10px;
    text-transform:uppercase;
    color:#7f8387;
    font-weight:600
}
.mm-active{
    color:#7a6fbe!important
}
.mm-active>a{
    color:#7a6fbe!important;
    background-color:#f9f8fb
}
.mm-active>a i{
    color:#7a6fbe!important
}
.mm-active .active{
    color:#7a6fbe!important
}
.mm-active .active i{
    color:#7a6fbe!important
}
.mm-active>i{
    color:#7a6fbe!important
}
@media (max-width:992px){
    .vertical-menu{
        display:none
    }
    .main-content{
        margin-left:0!important
    }
    body.sidebar-enable .vertical-menu{
        display:block
    }
}
.vertical-collpsed .main-content{
    margin-left:70px
}
.vertical-collpsed .navbar-brand-box{
    width:70px!important
}
.vertical-collpsed .logo span.logo-lg{
    display:none
}
.vertical-collpsed .logo span.logo-sm{
    display:block
}
.vertical-collpsed .vertical-menu{
    position:absolute;
    width:70px!important;
    z-index:5
}
.vertical-collpsed .vertical-menu .simplebar-content-wrapper,.vertical-collpsed .vertical-menu .simplebar-mask{
    overflow:visible!important
}
.vertical-collpsed .vertical-menu .simplebar-scrollbar{
    display:none!important
}
.vertical-collpsed .vertical-menu .simplebar-offset{
    bottom:0!important
}
.vertical-collpsed .vertical-menu #sidebar-menu .badge,.vertical-collpsed .vertical-menu #sidebar-menu .collapse.in,.vertical-collpsed .vertical-menu #sidebar-menu .menu-title{
    display:none!important
}
.vertical-collpsed .vertical-menu #sidebar-menu .nav.collapse{
    height:inherit!important
}
.vertical-collpsed .vertical-menu #sidebar-menu .has-arrow:after{
    display:none
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li{
    position:relative;
    white-space:nowrap
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a{
    padding:15px 20px;
    min-height:55px;
    -webkit-transition:none;
    transition:none
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a:active,.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a:focus,.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a:hover{
    color:#383c40
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a i{
    font-size:1.45rem;
    margin-left:4px
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a span{
    display:none;
    padding-left:25px
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a{
    position:relative;
    width:calc(190px + 70px);
    color:#7a6fbe;
    background-color:#f5f5f5;
    -webkit-transition:none;
    transition:none
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a i{
    color:#7a6fbe
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a span{
    display:inline
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul{
    display:block;
    left:70px;
    position:absolute;
    width:190px;
    height:auto!important;
    -webkit-box-shadow:3px 5px 10px 0 rgba(54,61,71,.1);
    box-shadow:3px 5px 10px 0 rgba(54,61,71,.1)
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul ul{
    -webkit-box-shadow:3px 5px 10px 0 rgba(54,61,71,.1);
    box-shadow:3px 5px 10px 0 rgba(54,61,71,.1)
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a{
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:8px 20px;
    position:relative;
    width:190px;
    z-index:6;
    color:#545a6d
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a:hover{
    color:#383c40
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul ul{
    padding:5px 0;
    z-index:9999;
    display:none;
    background-color:#fff
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul ul li:hover>ul{
    display:block;
    left:190px;
    height:auto!important;
    margin-top:-36px;
    position:absolute;
    width:190px
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul ul li>a span.pull-right{
    position:absolute;
    right:20px;
    top:12px;
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg)
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul ul li.active a{
    color:#f8f9fa
}
 .vertical-menu{
    background:#2b3a4a
}
 #sidebar-menu ul li a{
    color:#8699ad
}
 #sidebar-menu ul li a i{
    color:#8699ad
}
#sidebar-menu ul li a:hover{
    color:#fff
}
 #sidebar-menu ul li a:hover i{
    color:#fff
}
#sidebar-menu ul li ul.sub-menu li a{
    color:#8699ad;
    background:0 0;
    -webkit-box-shadow:none;
    box-shadow:none
}
#sidebar-menu ul li ul.sub-menu li a:hover{
    color:#fff
}
#sidebar-menu ul>li>a.mm-active{
    background-color:#263442
}
.vertical-collpsed{
    min-height:1200px
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a{
    background:#2f3f50;
    color:#fff
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a i{
    color:#fff
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a{
    color:#8699ad
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a:hover{
    color:#fff
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul ul{
    background-color:#2b3a4a
}
.vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active{
    color:#fff!important
}
.vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i{
    color:#fff!important
}
.mm-active{
    color:#fff!important
}
 .mm-active>a{
    color:#fff!important;
    background-color:#263442
}
 .mm-active>a i{
    color:#fff!important
}
 .mm-active>i{
    color:#fff!important
}
 .mm-active .active{
    color:#fff!important;
    background-color:#263442
}
.mm-active .active i{
    color:#fff!important
}
.menu-title{
    color:#8699ad
}
.main-content{
    margin-left:0!important
}
.navbar-brand-box{
    width:160px
}
vertical-menu{
    width:160px;
    text-align:center
}
.vertical-menu .badge, .vertical-menu .has-arrow:after{
    display:none!important
}
.main-content{
    margin-left:160px
}
.footer{
    left:160px
}
#sidebar-menu ul li.menu-title{
    background-color:#2f3f50
}
 #sidebar-menu ul li a i{
    display:block
}
 #sidebar-menu ul li ul.sub-menu li a{
    padding-left:1.5rem
}
 #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a{
    padding-left:1.5rem
}
.vertical-collpsed .main-content{
    margin-left:70px
}
.vertical-collpsed .vertical-menu #sidebar-menu{
    text-align:left
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a i{
    display:inline-block
}
.vertical-collpsed .footer{
    left:70px
}
body[data-sidebar=colored] .vertical-menu{
    background-color:#7a6fbe
}
body[data-sidebar=colored] .navbar-brand-box{
    background-color:#7a6fbe
}
body[data-sidebar=colored] .navbar-brand-box .logo-dark{
    display:none
}
body[data-sidebar=colored] .navbar-brand-box .logo-light{
    display:block
}
body[data-sidebar=colored] .mm-active{
    color:#fff!important
}
body[data-sidebar=colored] .mm-active>a{
    color:#fff!important;
    background-color:#8076c1
}
body[data-sidebar=colored] .mm-active>a i{
    color:#fff!important
}
body[data-sidebar=colored] .mm-active .active,body[data-sidebar=colored] .mm-active>i{
    color:#fff!important
}
body[data-sidebar=colored] #sidebar-menu ul li.menu-title{
    color:rgba(255,255,255,.6)
}
body[data-sidebar=colored] #sidebar-menu ul li a{
    color:rgba(255,255,255,.6)
}
body[data-sidebar=colored] #sidebar-menu ul li a i{
    color:rgba(255,255,255,.6)
}
body[data-sidebar=colored] #sidebar-menu ul li a.waves-effect .waves-ripple{
    background:rgba(255,255,255,.1)
}
body[data-sidebar=colored] #sidebar-menu ul li a:hover{
    color:#fff
}
body[data-sidebar=colored] #sidebar-menu ul li a:hover i{
    color:#fff
}
body[data-sidebar=colored] #sidebar-menu ul li ul.sub-menu li a{
    color:rgba(255,255,255,.5)
}
body[data-sidebar=colored] #sidebar-menu ul li ul.sub-menu li a:hover{
    color:#fff
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a{
    background-color:#8076c1;
    color:#fff
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a i{
    color:#fff
}
.vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active{
    color:#7a6fbe!important
}
d].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover{
    color:#7a6fbe
}
.vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active{
    color:#7a6fbe!important
}
.vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active>a{
    color:#7a6fbe!important
}
.vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active>a i{
    color:#7a6fbe!important
}
 #sidebar-menu .has-arrow:after{
    content:"\F0141"
}
 #sidebar-menu .mm-active>.has-arrow:after{
    content:"\F0140"
}
.topnav{
    background:#ffffff;
    -webkit-box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);
    box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);
    z-index:100;
    margin-bottom:-10px;
    border-radius:3px;
    position:relative;
    top: 40px;
}
.topnav .topnav-menu{
    margin:0;
    padding:0
}
.topnav .navbar-nav .nav-link{
    font-size:14px;
    position:relative;
    padding:1.2rem 1.5rem;
    color:#545a6d
}
.topnav .navbar-nav .nav-link i{
    display:block;
    font-size:16px;
    margin-bottom:8px;
    text-align:center
}
.topnav .navbar-nav .nav-link:focus,.topnav .navbar-nav .nav-link:hover{
    color:#7a6fbe;
    background-color:transparent
}
.topnav .navbar-nav .dropdown-item{
    color:#545a6d
}
.topnav .navbar-nav .dropdown-item.active,.topnav .navbar-nav .dropdown-item:hover{
    color:#7a6fbe;
    background:0 0
}
.topnav .navbar-nav .nav-item .nav-link.active{
    color:#7a6fbe
}
.topnav .navbar-nav .dropdown.active>a{
    color:#7a6fbe;
    background-color:transparent
}
#page-topbar{
    background: rgb(14,22,59);
    background: ;
    background: linear-gradient(-45deg, rgba(75, 85, 193, .9), rgba(16, 9, 54, .9)) fixed, url(../images/patterns.jpg) fixed;
    
    
}

.navbar-header{
   
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 999;
}

@media (min-width:992px){
    .topnav .dropdown-item{
        padding:.5rem 1.5rem;
        min-width:180px
    }
    .topnav .dropdown.mega-dropdown .mega-dropdown-menu{
        left:0;
        right:auto
    }
    .topnav .dropdown .dropdown-menu{
        margin-top:0;
        border-radius:0 0 .25rem .25rem
    }
    .topnav .dropdown .dropdown-menu .arrow-down::after{
        right:15px;
        -webkit-transform:rotate(-135deg) translateY(-50%);
        transform:rotate(-135deg) translateY(-50%);
        position:absolute
    }
    .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu{
        position:absolute;
        top:0!important;
        left:100%;
        display:none
    }
    .topnav .dropdown:hover>.dropdown-menu{
        display:block
    }
    .topnav .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu{
        display:block
    }
    .navbar-toggle{
        display:none
    }
}
.arrow-down{
    display:inline-block
}
.arrow-down:after{
    border-color:initial;
    border-style:solid;
    border-width:0 0 1px 1px;
    content:"";
    height:.4em;
    display:inline-block;
    right:5px;
    top:50%;
    margin-left:10px;
    -webkit-transform:rotate(-45deg) translateY(-50%);
    transform:rotate(-45deg) translateY(-50%);
    -webkit-transform-origin:top;
    transform-origin:top;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
    width:.4em
}
@media (max-width:1199.98px){
    .topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu{
        right:100%;
        left:auto
    }
}
@media (max-width:991.98px){
    .topnav{
        max-height:360px;
        overflow-y:auto;
        padding:0;
        margin-bottom:0;
        position:fixed;
        left:0;
        right:0;
        top:70px
    }
    .topnav .navbar-nav .nav-link{
        padding:.75rem 1.1rem
    }
    .topnav .navbar-nav .nav-link i{
        display:inline-block;
        margin-right:10px;
        margin-bottom:0;
        vertical-align:inherit
    }
    .topnav .dropdown .dropdown-menu{
        background-color:transparent;
        border:none;
        -webkit-box-shadow:none;
        box-shadow:none;
        padding-left:15px
    }
    .topnav .dropdown .dropdown-menu.dropdown-mega-menu-lg,.topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl{
        width:auto
    }
    .topnav .dropdown .dropdown-menu.dropdown-mega-menu-lg .row,.topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl .row{
        margin:0
    }
    .topnav .dropdown .dropdown-item{
        position:relative;
        background-color:transparent
    }
    .topnav .dropdown .dropdown-item.active,.topnav .dropdown .dropdown-item:active{
        color:#7a6fbe
    }
    .topnav .arrow-down::after{
        right:15px;
        position:absolute
    }
}
body[data-layout=horizontal][data-topbar=colored] #page-topbar{
    background-color:#7a6fbe;
    -webkit-box-shadow:none;
    box-shadow:none
}
body[data-layout=horizontal][data-topbar=colored] .logo-dark{
    display:none
}
body[data-layout=horizontal][data-topbar=colored] .logo-light{
    display:block
}
body[data-layout=horizontal][data-topbar=colored] .app-search .form-control{
    background-color:rgba(248,249,250,.07);
    color:#fff
}
body[data-layout=horizontal][data-topbar=colored] .app-search input.form-control::-webkit-input-placeholder,body[data-layout=horizontal][data-topbar=colored] .app-search span{
    color:rgba(255,255,255,.5)
}
body[data-layout=horizontal][data-topbar=colored] .header-item{
    color:#e9ecef
}
body[data-layout=horizontal][data-topbar=colored] .header-item:hover{
    color:#e9ecef
}
body[data-layout=horizontal][data-topbar=colored] .navbar-header .dropdown.show .header-item{
    background-color:rgba(255,255,255,.1)
}
body[data-layout=horizontal][data-topbar=colored] .navbar-header .waves-effect .waves-ripple{
    background:rgba(255,255,255,.4)
}
body[data-layout=horizontal][data-topbar=colored] .noti-icon i{
    color:#e9ecef
}
@media (min-width:992px){
    body[data-layout=horizontal][data-topbar=colored] .topnav{
        background-color:#7a6fbe;
    }
    body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link{
        color:rgba(255,255,255,.5)
    }
    body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link:focus,body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav .nav-link:hover{
        color:rgba(255,255,255,.9)
    }
    body[data-layout=horizontal][data-topbar=colored] .topnav .navbar-nav>.dropdown.active>a{
        color:rgba(255,255,255,.9)!important
    }
}
body[data-layout=horizontal][data-topbar=light] .logo-light{
    display:none
}
body[data-layout=horizontal][data-topbar=light] .logo-dark{
    display:block
}
body[data-layout=horizontal][data-topbar=dark] .navbar-header{
    background-color:#2f3f50
}
body[data-layout-size=boxed]{
    background-color:#e8e8e8
}
body[data-layout-size=boxed] #layout-wrapper{
    background-color:#f5f5f5;
    max-width:1300px;
    margin:0 auto;
    -webkit-box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);
    box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02)
}
body[data-layout-size=boxed] #page-topbar{
    max-width:1300px;
    margin:0 auto
}
body[data-layout-size=boxed] .footer{
    margin:0 auto;
    max-width:calc(1300px - 240px)
}
body[data-layout-size=boxed].vertical-collpsed .footer{
    max-width:calc(1300px - 70px)
}
body[data-layout=horizontal][data-layout-size=boxed] #layout-wrapper,body[data-layout=horizontal][data-layout-size=boxed] #page-topbar,body[data-layout=horizontal][data-layout-size=boxed] .footer{
    max-width:100%
}
body[data-layout=horizontal][data-layout-size=boxed] .container-fluid{
    max-width:1300px
}

.slide-wrp{
   
    margin-top: 50px;
  }      
 #news-slider{
    margin-top: 20px;
}
.post-slide{
     background: rgb(75,85,193);
     background: linear-gradient(90deg, rgba(75,85,193,1) 39%, rgba(103,113,222,1) 97%);
    margin: 20px 15px 20px;
    border-radius: 6px;
    padding-top: 1px;
    box-shadow: 0px 14px 22px -9px #bbcbd8;
   
}

.post-slide .post-img{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: -12px 15px 8px 15px;
    margin-left: -10px;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1,1);
    transition:transform 0.2s linear;
}
.post-slide:hover .post-img img{
    transform: scale(1.1,1.1);
}
.post-slide .over-layer{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    opacity:0;
    background: linear-gradient(-45deg, rgba(6,190,244,0.75) 0%, rgba(45,112,253,0.6) 100%);
    transition:all 0.50s linear;
}
.post-slide:hover .over-layer{
    opacity:1;
    text-decoration:none;
}
.post-slide .over-layer i{
    position: relative;
    top:45%;
    text-align:center;
    display: block;
    color:#fff;
    font-size:25px;
}
.post-slide .post-content{
    background:#4b55c1li;
    padding: 2px 20px 40px;
    border-radius: 15px;
}
.post-slide .post-title a{
	font-family: 'Poppins', sans-serif;
    font-size:14px;
    color:#ffffff;
    background-color:#f4731a; 
    display: inline-block;
    text-transform:uppercase;
    transition: all 0.3s ease 0s;
    padding: 5px 20px 5px 20px;
    border-radius: 20px;
}
.post-slide .post-title a:hover{
    text-decoration: none;
    color:#000000;
}
.post-slide .post-description{
    line-height:24px;
    color:#dfdfdf;
    margin-bottom:18px;
}
.post-slide .post-date{
    color:#a9a9a9;
    font-size: 14px;
}
.post-slide .post-date i{
    font-size:20px;
    margin-right:8px;
    color: #CFDACE;
}
.post-slide .read-more{
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    background: #2196F3;
    color: #ffffff;
    box-shadow: 0px 10px 20px -10px #1376c5;
    border-radius: 25px;
    text-transform: uppercase;
}
.post-slide .read-more:hover{
    background: #3498db;
    text-decoration:none;
    color:#fff;
}
.owl-controls .owl-buttons{
    text-align:center;
    margin-top:20px;
}
.owl-controls .owl-buttons .owl-prev{
    background: #fff;
    position: absolute;
    top:-13%;
    left:15px;
    padding: 0 18px 0 15px;
    border-radius: 50px;
    box-shadow: 3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next{
    background: #fff;
    position: absolute;
    top:-13%;
    right: 15px;
    padding: 0 15px 0 18px;
    border-radius: 50px;
    box-shadow: -3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after{
    content:"\f104";
    font-family: FontAwesome;
    color: #333;
    font-size:30px;
	display:none;
}
.owl-controls .owl-buttons .owl-next:after{
    content:"\f105";
}
@media only screen and (max-width:1280px) {
    .post-slide .post-content{
        padding: 0px 15px 25px 15px;
    }
}
.ftr{
	background-color:#eeeeee;
	padding:20px;
	border-top:1px solid #cccccc;
	margin-top:50px;
}
@media only screen and (min-width: 700px) {
     .navbar-header {
    padding-top: 18px;
    }

}
@media only screen and (max-width: 800px) {
     .navbar-header {
    padding-top: 18px;
    }
#page-topbar .logo {
        display: none;
    }
body[data-layout=horizontal] .page-title-content {
    padding: 30px 0;
}
.toppy {
    position: relative;
    top: 15px;
}
.slide-wrp {
    margin-top: 0px;
}
}
.banner-sec{
	width:100%;
	min-height:auto;
}
.card {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
}
.form input{
	width:100%;
	border: 1px solid #eeeeee;
    height: 38px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    -webkit-box-shadow: none;
   box-shadow: -13px 20px 31px -32px rgba(0,0,0,0.67);
-webkit-box-shadow: -13px 20px 31px -32px rgba(0,0,0,0.67);
-moz-box-shadow: -13px 20px 31px -32px rgba(0,0,0,0.67);
   
}


.form .input-group{
	margin-top:25px;
}
.id-style {
    width: 100%;
    height: 37px;
    border: none;
}
.photo-frame{
 border:2px solid #2d2958;
 background-color:#ffffff;
 width:100%;
 min-height:240px;
 margin-top:50px;
 position:relative;
}
.photo-frame .title{
	font-family: 'Poppins', sans-serif;
    font-size: 26px!important;
    color:#f4731a;
	font-weight:bold;
	text-align:center;
}
.photo-frame .btn-wrp{
	position:absolute;
	bottom:4px;
    left:17%;
}
.btn-wrp a{
    padding-left:10px;
}
a.red-btn{
	background-color:#ff0c00;
	padding:10px 20px 10px 20px;
	color:#ffffff;
    border-radius: 5px;
    text-decoration: none;
	
}
button.red-btn {
    background-color: #ff0c00;
    padding: 10px 20px 10px 20px;
    color: #ffffff;
    border-radius: 5px;
    text-decoration: none;
    border:none;
}
button:hover.red-btn {
    background-color: #e31106;
}
a:hover.red-btn{
    background-color:#e31106;
}
a.grn-btn{
	background-color:#1ec302;
	padding:10px 20px 10px 20px;
	color:#ffffff;
    border-radius: 5px;
    text-decoration: none;
	
}
a:hover.grn-btn {
    background-color: #1aad01;
}
button.grn-btn {
    background-color: #1ec302;
    padding: 10px 20px 10px 20px;
    color: #ffffff;
    border-radius: 5px;
    text-decoration: none;
    border: none;
}
button:hover.grn-btn {
    background-color: #1aad01;
}
a.blue-btn{
	background-color:#2d2a5b;
	padding:10px 20px 10px 20px;
	color:#ffffff;
    border-radius: 5px;
    text-decoration: none;

	
}
.form .fa-sort-desc{
    font-size: 18px;
    margin-top: 0px;
    float: right;
}
.from-bg{
    background: #e5e5e5;
    padding: 30px;
    box-shadow: 0 -3px 31px 0 rgb(0 0 0 / 5%), 0 6px 20px 0 rgb(0 0 0 / 2%);

}
.form .card{  background: #e5e5e5;}

a.red-btn-sml{
    background-color:#ff0c00;
    padding:5px 10px 5px 10px;
    color:#ffffff;
    border-radius: 5px;
    font-size: 12px;
    
}
a.grn-btn-sml{
    background-color:#1ec302;
    padding:5px 10px 5px 10px;
    color:#ffffff;
    border-radius: 5px;
    font-size: 12px;
    
}
a.blue-btn-sml{
    background-color:#2d2a5b;
    padding:5px 10px 5px 10px;
    color:#ffffff;
    border-radius: 5px;
    font-size: 12px;

    
}
.dropdown-menu{
    min-width: 20rem !important;
    text-decoration: none !important;
}
.dropdown-menu a{
  
    text-decoration: none !important;
}
.adrs-home b{
    color: #f4731a;
}
.recruitment h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 26px!important;
    color: #4b55c1;
    position: relative;
    font-weight: bold;
}
.recruitment h4:before {
    content: "";
    position:absolute;
    width: 100%;
    height:2px;
    background-color:#2196f3;
    bottom: -5px;
}

.card {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 20px 0 rgb(69 90 100 / 8%);
    box-shadow: 0 1px 20px 0 rgb(69 90 100 / 8%);
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.hd {
    background-color: #b2bbcc;
}

    .hd h4 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        font-size: 22px;
        color: #040a35;
        padding: 15px 0px 10px 10px;
        text-transform: uppercase;
    }

.religion-sec .table {
    background-color: #ffffff;
}

.religion-sec .thead-dark {
    background-color: #eff2f7 !important;
    position: sticky;
    top: 0px;
    z-index: 99;
}

.religion-sec .table .thead-dark th {
    color: #000000;
    background-color: #eff2f7;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
}

.religion-sec .table td, .table th {
    border-top: 1px solid #eff2f7;
}

.religion-sec .table td, .table th {
    padding: 0.30rem 0.75rem;
}





.login-wrapper {
    width: 300px;
    position: relative;
    right: 310px;
    top: 70px;
    z-index: 1000;
}

.log-wrp button {
    padding: 8px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #f4731b;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #d15e10;
}

    .log-wrp button:active {
        margin-top: 2px;
        box-shadow: 0 2px 0 #18a689;
    }

.login-container {
    position: relative;
}

.login-form {
    display: none;
    position: absolute;
    padding: 20px;
    margin-top: 10px;
    background: #ddd;
    border-radius: 4px;
    box-shadow: 0 4px 0 #d0d0d0;
}

    .login-form input {
        width: 100%;
        padding: 8px;
        margin-bottom: 10px;
        border: 0;
        outline: 0;
        background: #f1f1f1;
        font-weight: 300;
        font-style: italic;
        border-radius: 2px;
    }

    .login-form textarea {
        width: 100%;
        padding: 8px;
        margin-bottom: 10px;
        border: 0;
        outline: 0;
        background: #f1f1f1;
        font-weight: 300;
        font-style: italic;
        border-radius: 2px;
    }

    .login-form select {
        width: 100%;
        padding: 8px;
        margin-bottom: 10px;
        border: 0;
        outline: 0;
        background: #f1f1f1;
        font-weight: 300;
        font-style: italic;
        border-radius: 2px;
    }

        .login-form select:last-child {
            margin-bottom: 0;
        }

    .login-form textarea:last-child {
        margin-bottom: 0;
    }

    .login-form input:last-child {
        margin-bottom: 0;
    }

    .login-form input[type="submit"] {
        color: #ffF;
        background: #2fc433;
        font-style: normal;
        box-shadow: 0 4px 0 #10ae14;
        width: 100%;
        padding: 6px;
        float: left;
        text-align: center;
    }



.login-form-two {
    display: none;
    position: absolute;
    padding: 20px;
    margin-top: 10px;
    background: #ddd;
    border-radius: 4px;
    box-shadow: 0 4px 0 #d0d0d0;
}

    .login-form-two input {
        width: 100%;
        padding: 8px;
        margin-bottom: 10px;
        border: 0;
        outline: 0;
        background: #f1f1f1;
        font-weight: 300;
        font-style: italic;
        border-radius: 2px;
    }

        .login-form-two input:last-child {
            margin-bottom: 0;
        }

    .login-form-two a {
        color: #ffF;
        background: #2fc433;
        font-style: normal;
        box-shadow: 0 4px 0 #10ae14;
        width: 100%;
        padding: 6px;
        float: left;
        text-align: center;
    }



.log-wrp {
    right: -25px;
    top: 11px;
    position: relative;
}

@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slide {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

.open {
    -webkit-animation: slide 1s;
    -moz-animation: slide 1s;
    animation: slide 1s;
    display: block;
}

.close {
    display: none;
}
@media only screen and (max-width: 812px) {
    .srch-wrapper .input.active {
        width: 250px !important;
        right: 10px !important;
    }

    .srch-wrapper .btn.animate {
        transform: rotate( -360deg ) !important;
        right: 10px !important;
    }

    .srch-wrapper {
        top: -35px !important;
    }

    .log-wrp {
        top: -11px !important;
    }
}
.srch-wrapper {
    position: relative;
    top: -10px;
    z-index: 999;
}

    .srch-wrapper .search-box {
    }

    .srch-wrapper .input {
        position: absolute;
        top: 20px;
        right: 42px;
        box-sizing: border-box;
        width: 0px;
        height: 40px;
        padding: 0 20px;
        outline: none;
        font-size: 18px;
        border-radius: 50px;
        color: #29313a;
        border: 1px solid #62d474;
        transition: all 0.8s ease;
    }

    .srch-wrapper ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #62d474;
    }

    .srch-wrapper ::-moz-placeholder {
        /* Firefox 19+ */
        color: #62d474;
    }

    .srch-wrapper :-ms-input-placeholder {
        /* IE 10+ */
        color: #62d474;
    }

    .srch-wrapper :-moz-placeholder {
        /* Firefox 18- */
        color: #62d474;
    }

    .srch-wrapper .btn {
        position: absolute;
        width: 40px;
        height: 40px;
        background: #2fc433;
        border-radius: 50%;
        right: 43px;
        top: 20px;
        cursor: pointer;
        text-align: center;
        line-height: 80px;
        font-size: 20px;
        color: #fff;
        transition: all 0.8s ease;
    }

    .srch-wrapper .input.active {
        width: 350px;
        right: 100px;
    }

    .srch-wrapper .btn.animate {
        transform: rotate(-360deg);
        right: 100px;
    }


    .srch-wrapper .btn i {
        right: 2px;
        position: relative;
        top: -28px;
    }

.religion-sec .fa-pencil-square-o {
    color: #2fc433;
    font-size: 18px;
}

.religion-sec a .fa-trash {
    color: #ff0000;
    font-size: 18px;
}

.w3-button {
    float: right;
    position: relative;
    top: -14px;
    cursor: pointer;
}

.invalid {
    color: #ff0000;
    position: relative;
    display: block;
    top: -6px;
    font-size: 12px;
    line-height: 3px;
}

.religion-sec .display-msg h5 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #f4731b;
    line-height: 50px;
    left: 22px;
    position: relative;
}

.animate-zoom {
    animation: animatezoom 0.6s
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.animate-zoom-in {
    animation: animatezoom 0.6s
}

@keyframes animatezoomint {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

.animate-left {
    position: relative;
    animation: animateleft 0.4s
}

@keyframes animateleft {
    from {
        width: 100%;
        opacity: 1
    }

    to {
        width: 50px;
        opacity: 0;
        display: none
    }
}

.animate-right {
    position: relative;
    animation: animateright 0.4s
}

@keyframes animateright {
    0% {
        width: 50px;
        opacity: 0
    }

    100% {
        width: 100%;
        opacity: 1
    }
}
/*  details page  */
.side-profile-bar {
    background: #0b2f7f;
    border-bottom: 1px solid #0e47a2;
    padding: 30px 0px 0px 0px;
    position: sticky;
    top: 10px;
    margin-bottom: 10px;
}

    .side-profile-bar h5 {
        font-size: 18px;
        color: #ffffff;
    }

.line {
    border-top: 1.5px solid #fff;
    width: 70px;
    text-align: center;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 20px;
}

.lines {
    border-top: 3px solid #2fc433;
    height: 5px;
    width: 70px;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 20px;
    border-radius: 20%;
}

.brd-btm {
    border-bottom: 0.7px solid #dddddd;
}

.detail-sec .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
    font-weight: 550;
    font-size: .9em;
}

.religion-sec .detail-sec .table > thead > tr > th {
    border-bottom: none;
    font-weight: 700;
}

.table-scroll .input--style-4 {
    line-height: 30px;
    background: #fafafa;
    -webkit-box-shadow: inset 0 1px 3px 0 rgb(0 0 0 / 8%);
    -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08);
    box-shadow: inset 0 1px 3px 0 rgb(0 0 0 / 8%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 5px;
    font-size: 14px;
    color: #666;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    border: none;
}

.table-scroll .input-group {
    margin-top: 5px;
    margin-bottom: 0px;
}

.table-scroll .checkmark {
    height: 15px;
    width: 15px;
}

.table-scroll .radio-container .checkmark:after {
    width: 9px;
    height: 9px;
    top: 7.2px;
    left: 8px;
}

.table-scroll .id-style {
    height: 30px;
}

.m-r-20 {
    margin-right: 20px;
}

.table-scroll .table > thead {
    position: sticky;
    top: 0px;
    z-index: 99;
    background: #eeeeee;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.new-select {
    position: relative;
    top: 20px;
}

    .new-select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
        box-shadow: none;
        border: 0 !important;
        background: #ffffff;
        background-image: none;
    }
/* Remove IE arrow */
select::-ms-expand {
    display: none;
}
/* Custom Select */
.new-select .select {
    position: relative;
    display: flex;
    width: 20em;
    height: 3em;
    line-height: 3;
    background: #2c3e50;
    overflow: hidden;
    border-radius: .25em;
}

.new-select select {
    flex: 1;
    padding: 0 .5em;
    color: #000000;
    cursor: pointer;
}
/* Arrow */
.new-select .select::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    background: #2fc433;
    cursor: pointer;
    pointer-events: none;
    transition: .25s all ease;
}
/* Transition */
.new-select .select:hover::after {
    color: #f39c12;
}

.edit-icn {
    background-image: url(../images/edit-icn.svg);
}

.details-icn {
    background-image: url(../images/details-icn.svg);
}

button.src-button {
    padding: 10px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #f4731b;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #d15e10;
    float: left;
}

button:hover.src-button {
    padding: 10px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #0b2f7f;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #071a53;
    float: left;
}

button.save-btn {
    padding: 10px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #f4731b;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #d15e10;
    float: left;
    margin-left: 10px;
}

button:hover.save-btn {
    padding: 10px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #0b2f7f;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #071a53;
    float: left;
}

a.back-btn {
    padding: 10px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #0b2f7f;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #071a53;
    float: left;
    margin-left: 10px;
}

a:hover.back-btn {
    padding: 10px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #f4731b;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #d15e10;
    float: left;
}

a.grn-btn {
    padding: 10px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #33cc33;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #006600;
    float: left;
    margin-left: 10px;
}

a:hover.grn-btn {
    padding: 10px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #f4731b;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #d15e10;
    float: left;
}

button.grn-btn {
    padding: 10px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #33cc33;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #006600;
    float: left;
    margin-left: 10px;
}

button:hover.grn-btn {
    padding: 10px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #f4731b;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #d15e10;
    float: left;
}


a.red-btn {
    padding: 10px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #cc3333;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #990000;
    float: left;
    margin-left: 10px;
}

a:hover.red-btn {
    padding: 10px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #f4731b;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #d15e10;
    float: left;
}

button.red-btn {
    padding: 10px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #cc3333;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #990000;
    float: left;
    margin-left: 10px;
}

button:hover.red-btn {
    padding: 10px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #f4731b;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #d15e10;
    float: left;
}

a.save-btn {
    padding: 10px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #f4731b;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #d15e10;
    float: left;
    margin-left: 10px;
}

a:hover.save-btn {
    padding: 10px 15px;
    border: 0;
    outline: 0;
    color: #fff;
    background: #0b2f7f;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0 4px 0 #071a53;
    float: left;
}

/* filter*/
.filter-wrp {
    width: 440px;
    margin-top: 60px;
    box-shadow: -4px 0px 49px -28px rgba(0,0,0,0.75);
    -webkit-box-shadow: -4px 0px 49px -28px rgba(0,0,0,0.75);
    -moz-box-shadow: -4px 0px 49px -28px rgba(0,0,0,0.75);
}

.new-wrp label {
    color: #000000 !important;
    font-size: 14px !important;
    padding: 0px;
}

.photo-wrp {
    border: 1px solid #b2bbcc;
    border-radius: 10px
}

    .photo-wrp img {
        border-radius: 10px
    }

.br-btm {
    border-bottom: 1px solid #eeeeee;
}

.new-wrp {
    right: 0px;
    position: absolute;
    z-index: 99;
}

    .new-wrp b {
        font-weight: bold;
    }

.fast-search {
    right: 0px;
    position: absolute;
    z-index: 99;
    padding: 20px;
    color: DodgerBlue;
}

.fast-search-title {
    font-size: 24px;
    text-shadow: 0 1px 0 White;
    margin: 0 0 20px;
}

.fast-search-input {
    margin-bottom: 20px;
    border-radius: 0;
}

.fast-search-opposite .fast-search-input {
    margin-bottom: 0;
    border-radius: 0;
}

.fast-search-list {
    margin-bottom: 0;
}

.fast-search-list-item {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .fast-search-list-item:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 20px;
    }

    .fast-search-list-item:last-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }