@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    /*src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');*/
    src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'kalpurushregular';
    src: url('../font/kalpurush.eot');
    src: url('../font/kalpurush.woff') format('woff'), url('../font/kalpurush.ttf') format('truetype'), url('../font/kalpurush.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
html,body{ font-family: kalpurushregular !important; font-size: 18px; margin: 0; padding: 0; background: #f9f9f9}
html,body input{ font-family: kalpurushregular !important}
a{ text-decoration: none; color: #683091; border: none !important;}

a:hover{ text-decoration: none; border: none !important;}
img{ border: 0}
span.required{ color: #cd0000; margin: 0 2px}

.en-font{ font-family: 'Proxima Nova' !important;}
.bn-font{ font-family: kalpurushregular !important; font-size: 1rem !important; font-weight: normal}

/*Header*/
header.site-header{ background: #FFF; height: 100px; border-bottom: 1px solid #00000050; padding: 0; box-shadow: 0px 1px 1px #00000030}

.national-poratal,.old-site,.top-notice{ color: #0082c6; _text-shadow: 0px 1px 5px lightyellow; font-size: 0.85rem; padding: 0px}
.national-poratal{ padding-right: 10px}
.old-site{ padding: 0px 10px}
.national-poratal a,.old-site a{ color: #fff}
.top-notice{ color: blue; padding-left: 10px}
.top-header-divider{ background: #fff; width: 1px; height: 10px; display: inline-block}

.header-a2i img,.header-gov img{ padding: 5px 10px; height: 60px}
.header-a2i img{ padding-right: 0px}

header{ background: #FFF}
header .top-header-bar{ /*background: #8bc64390; */ background: #20ce6a; height: 25px; border-bottom: 1px solid #72b02760; _overflow: hidden}
header .header{ padding: 7px 0px;}
header .home-icon{ display: inline-block; float: left; margin-top: 4px;  border-right: 1px solid #e8eef4; padding-right: 15px; margin-right: 10px}
header .home-icon .fa-home{ font-size: 2rem; color: #2875b3}
header img.header-logo{ _padding: 0.5rem; height: 60px;}
header .site-title{ margin: 0}
header .site-title h1{ color: #663390; font-size: 1.4rem; font-weight: bold; margin-bottom: 0.3rem !important}
header .site-title h3{ color: #666; font-size: 0.8rem; margin-bottom: 0px !important; text-align: left}
.header-after-text {font-size: 20px;font-weight: bold; color: #006699; margin-left: 10px;}

.site-header .user-menu.dropdown .dropdown-toggle img{ height: 27px; width: 27px; border-radius: 5px}

header .lang-btn{ margin: 2px 0 0 10px}

.lang-overlay{ position: fixed; top:0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.8); z-index: 9999; display: none}
.lang-message{ margin: auto; margin-top: 15%}
.lang-message h4{ color: #FFF}
.lang-message h4 i{ margin-right: 20px}

header nav.top-menu{ display: inline-block; margin: 0; float: right}
header nav.top-menu ul{ display: inline-block; list-style: none; margin: 0px}
header nav.top-menu li{ float: left}
header nav.top-menu li a{ font-size: 0.85rem; padding: 0px 10px; display: inline-block; color: #fff !important}
header nav.top-menu li a.en-font{ font-size: 0.9rem; padding: 0.3rem 0.5rem; display: inline-block}
header nav.top-menu li a.menu{ padding: 0px; margin-left: 0.5rem}
header nav.top-menu li a.menu i{ background: #fbfdfc; padding: 0.3rem 0.4rem; display: inline-block; font-size: 1rem; color: #663390; border: 1px solid #d9d9d9; display: inline-block; border-radius: 3px; cursor: pointer}

header nav.top-menu li.user{}
header nav.top-menu li.user{}
header nav.top-menu a.header-alarm{ width: 32px; height: 32px; position: relative; display: inline-block; margin: 0 0 0 15px}
header nav.top-menu i.font-icon-mail{ color: #adb7be; position: absolute; left:0; top:2px; font-size: 1.125rem}
header nav.top-menu span.user-name{ float: left; padding: 3px 0; color: #666; font-size: 0.95rem}

header #top-header-search{ text-align: center}
header .top-header-search{ margin-top: 10px; position: relative; height: 35px; max-width: 500px; width: 100%; display: inline-block}
header .top-header-search .search{ position: absolute; top:0; left:0; width: 100%; padding: 3px 40px 3px 7px; height: 35px; border: 1px solid #ccc; border-radius: 3px; color: #333}
header .top-header-search .search-button{ position: absolute; top:0; right:0; background: #ccc; color: #555; width: 40px; height: 35px; padding: 5px; border-radius: 0 5px 5px 0; cursor: pointer}
header .top-header-search:hover .search{ border-color: #aaaaaa}
header .top-header-search:hover .search-button{ background: #aaaaaa}

.sticky-header{ height: 80px !important; border-bottom: 1px solid #999 !important; box-shadow: 0px 1px 5px #00000080 !important; background: linear-gradient(to top,#fdfdfd,#FFF)}
.sticky-header .header{ padding: 5px 0px !important}
.sticky-header img.header-logo{ _padding: 0.3rem; _width: 185px; height:45px}
.sticky-header .header-a2i img,.sticky-header .header-gov img{ height: 45px}
.sticky-header .header-a2i img{ padding-right: 0px}
.sticky-header .site-title{ margin-top:3px}
.sticky-header .site-title h1{ font-size: 1.05rem; margin: 0px 0 2px 0}
.sticky-header .site-title h3{ font-size:0.6rem}
.sticky-header nav.top-menu{ margin:0}
.sticky-header .lang-btn{ margin: 2px 0 0 10px}
.sticky-header .top-header-search{ margin-top: 5px}

.dropdown-menu{ padding: 0px}
.dropdown-item .font-icon{ margin: 0 0.5rem 0 0}
.site-header .dropdown .dropdown-item{ font-size: .95rem; color: #0082c6 !important; border-bottom: 1px solid #d8e2e7; padding: 5px 15px !important;}
.site-header .dropdown .dropdown-item:last-child{ border-bottom: 0}
.mobile-menu>a.menu>i{ background: #fbfdfc; padding: 0.3rem 0.4rem; display: inline-block; font-size: 1rem; color: #663390; border: 1px solid #d9d9d9; display: inline-block; border-radius: 3px; cursor: pointer}
.mobile-menu .user-name{ padding: 0 5px !important;}
/*Header*/

/*Main Body*/
main{ margin-top: 100px}
/*Main Body*/

/*Main Slider*/
.slider{ padding-right: 0px; background: red}
.feature{ padding-left: 0px; background: green}
/*Main Slider*/

/*Search Section*/
section.search-panel{ background: #d6d7e7; background-size: cover; padding: 1rem; padding-top:0px; margin-top: 1rem}
.search-box{ position: relative}
.search-box input{ width: 100%; border-radius: 3px; border: 0px; border: 1px solid #777; padding: 0.4rem 0.9rem; font-size: 1rem; box-shadow: 0px 1px 3px #999}
.search-box .search-but{ position: absolute; background: #182d7c40; top:0px; bottom: 0px; right: 0px; display: inline-block; border-radius: 0 5px 5px 0; padding: 0.7rem 0.5rem; width: 100px; font-size: 1rem; color: #FFF; _border: 1px solid #683091; border-left: 0px; cursor: pointer}
.search-box .search-but i{ margin-right: 0.5rem; font-size: 1.2rem}
.search-box .search-but:hover{ background: #182d7c80}
/*Search Section*/

/*Footer*/
footer{ background: #dddddd url(../img/footer-bg.png) repeat}
footer .top-footer-bar{ background: #20ce6a; /*border-bottom: 1px solid #72b027;*/ text-align: center; padding: 0.1rem 0}
footer nav.footer-menu{}
footer nav.footer-menu ul{ list-style: none; padding: 0px; margin: 0px}
footer nav.footer-menu ul li{ display: inline-block}
footer nav.footer-menu ul li a{ color: #fff !important; padding: .2rem .5rem; display: inline-block; font-size: 0.875rem}
footer nav.footer-menu ul li.divider{ width: 1px; height: 10px; background: #fff}

footer .footer{ padding: 0.6rem 1rem 0.5rem 0px; color: #333}
footer .footer-logo{ padding: 0.5rem 1rem 0.5rem 0; border-right: 1px solid #f8f8f8; display: inline-block; float: left}
footer .footer-logo img{ _width: 100px}

footer .footer-line{ display: inline-block; float: left; padding: 0.3rem 0 0.3rem 0rem}

footer .credit{ display: block}
footer .credit-title{ font-size: 0.85rem; display: inline-block; margin-right: 5px}
footer .credit img{ padding: 0 0.2rem .5rem 0.2rem}

footer .social{ list-style: none; margin: 7px 0 0 0; padding: 0px; width: auto; height: 45px; display: block}
footer .social li{ display: inline-block; text-align: center; margin: 10px 3px; float: right; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out}
footer .social li:hover{ margin-top: 5px}
footer .social li i{ color: #fff; width: 35px; height: 35px; border-radius: 50%; padding-top: 9px; font-size: 1rem}
footer .social li i.fa-facebook{ background: #3b5998}
footer .social li i.fa-twitter{ background: #55acee}
footer .social li i.fa-google-plus{ background: #dc4e41}
footer .social li i.fa-linkedin{ background: #0077b5}

footer .developer-corner{ margin-top: 0px; display: block}
footer .developer-title{ font-size: 0.85rem; display: inline-block}
footer .developer{ display: block; margin-left: 10px}
footer .developer img{ height: 17px}

.logo-link{ position: absolute; top:0px; bottom: 0px}
.a2i-link{ left: 0px; width: 58px}
.cabinet-link{ left: 58px; width: 98px}
.ictd-link{ left: 155px; width: 73px}
.undp-link{ left: 226px; width: 37px}


footer .copy-right{ font-size: 0.8rem; font-size: 0.7rem; background: none; padding-left: 0px}

.back-to-top{ position: fixed; bottom: 30px; right: 30px; width: 40px; height: 40px; padding: 0px 5px; background: #9d84c1; border-radius: 5px; border: 2px solid #2b1847; cursor: pointer; display: none}
.back-to-top i{ font-size: 2.2rem; color: #FFF; margin-top: -3px;}
/*Footer*/

main>div.container .main-panel{ border-bottom: 2px solid #683091}

/*Main Slider*/
.home-slider{ position: relative; width: 100%; display: inline-block}
#carouselExampleIndicators{ _border-bottom: 1px solid #ccc}
.carousel-inner{ position: relative}
.carousel-item{ background-position: center; background-repeat: no-repeat; background-size: cover; _min-height: 250px}

.carousel-image{ max-width: 1110px; margin: auto; text-align: left; display: block; padding-bottom: 40px /*_position: absolute; bottom: 80px; left: 0; right: 0*/}
.carousel-caption{ top: 40px; max-width: 600px; right: 15%; left: auto; text-align: left; color: #000; background: #FFFFFF75; padding: 20px; height: 190px; border-radius: 5px; text-align: justify; overflow: hidden}
.carousel-caption h5{ margin-bottom: 10px; color: #000}
.carousel-caption p{ color: #000; font-size: 1rem; line-height: 30px}
.carousel-caption .more{ color: #cd0000; cursor: pointer}
.carousel-caption ul{ list-style: circle; margin-left: 20px}
.carousel-caption ul li{ list-style: circle; font-size: 0.9rem; color: #cd0000}
.carousel-caption ul li span{ color: #000}

.carousel-item:nth-child(1){ background: url('../img/slider/1_bg-demo.png'); background-size: cover;}
.carousel-item:nth-child(2){ background: url('../img/slider/2_bg-demo.jpg'); background-size: cover;}
.carousel-item:nth-child(3){ background: url('../img/slider/3_bg-demo.jpg'); background-size: cover;}
.carousel-item:nth-child(4){ background: url('../img/slider/4_bg.jpg'); background-size: cover;}

.carousel-indicators{ _top:10px; _left: auto; bottom: 0px; margin: 0px; background: #00000030}
.carousel-indicators li{ text-indent: inherit; height: 38px; width: 140px; text-align: center; display: inline-block; padding: 10px; font-size: 0.95rem; overflow: hidden; cursor: pointer; background: transparent}
.carousel-indicators .active{ background: #FFFFFF95}
.carousel-indicators .active::after{content: ''; font-size: 1.15rem; position: absolute; left: 43%; bottom: -10px;  width: 15px; height: 12px; background: #CD0000; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg)}
/*Main Slider*/

/*Service statics info*/
.service-statics-info{ margin-left: 20px; margin-right: 20px; margin-top: 20px; overflow: hidden; background: #fff; border: 1px solid #a0a0a0; /*border-top: 2px solid #9d84c1; border-bottom: 2px solid #58c41d; _background: linear-gradient(#ffffff10, #58c41d30)*/}
.service-statics-info>div.row>div{ _padding: 0px}
.service-statics-info>div.row>div:first-child{ _padding-left: 15px}
.service-statics-info>div.row>div:last-child{ border-right: 0px; _padding-right: 15px}
.service-statics-info .service-statics{ padding: 20px 3px}
.service-statics-info .service-statics img{ width: 35px; float: left; margin-right: 7px}
.service-statics-info .service-statics .service-statics-name{ white-space: nowrap; display: inline-block; text-align: left; line-height: 21px; _margin-top: 3px}
.service-statics-info .service-statics .service-statics-name .statics{ display: block; color: #182d7c; font-weight: bold; font-size: 1rem}
/*Service statics info*/

/*Other Service*/
.other-service-info{ margin: 20px; overflow: hidden; background: #e2efd9; border: 1px solid #a0a0a0; /*border-top: 2px solid #9d84c1; border-bottom: 2px solid #58c41d;*/ _background: linear-gradient(#ffffff10, #58c41d30)}
.other-service-info>div.row>div{ border-right: 1px dotted #666; padding: 0px}
.other-service-info>div.row>div:first-child{ padding-left: 15px}
.other-service-info>div.row>div:last-child{ border-right: 0px; padding-right: 15px}
.other-service-info .other-service{ padding: 20px 10px; text-align: center}
.other-service-info .other-service a{ display: inline-block}
.other-service-info .other-service img{ width:55px; height: 55px; margin-bottom: 7px; border: 1px solid #58c41d50; border-radius: 50%; padding: 7px}
.other-service-info .other-service a:hover img{ background: #FFFFFF}
.other-service-info .other-service .other-service-name{ display: block; color: #000; text-align: center; height: 60px; margin-top: 10px; overflow: hidden}
.other-service-info .other-service .other-service-note{ display: block; color: #555; font-size: 0.85rem}
/*Other Service*/

/*Service loading*/
.service-loading{ display: none}
.service-loading img{ margin: 3rem auto; display: block}
.service-loading-by-office{ display: none}
.service-loading-by-office img{ margin: 2.5rem auto; display: block}
/*Service loading*/

/*Service Finder*/
.service-finder{ background: linear-gradient(#b3d5ec80,#b3d5ec00); padding: 0 20px 20px; margin-top: 10px; border-top: 2px solid #20ce6a}
.service-finder .category-shadow{ box-shadow: 0px 0px 7px #00000090; border-radius: 3px}
.service-finder .service-finder-title{ _margin-top: 5px; text-align: center; padding: 10px 10px 40px 10px; font-size: 1.4rem; color: #2b1847; _background: #b3d5ec70;}
.service-finder .service-finder-title:before{ content: "\f107"; font-family: FontAwesome; position:absolute; left:0; right: 0; bottom:0px; color: #cd0000; font-size: 2rem}
.service-finder .service-category{ background: #cccccc90; margin-top: 7px; text-align: center; padding: 7px; border-bottom: 2px solid; /*border-radius: 3px 3px 0 0*/}
.service-finder .service-category i{ padding: 5px; margin: 0; font-size: 1.4rem; _color: #fff; float: left; display: inline-block}
.service-finder .service-category .category-name{ padding: 5px 7px 0px 7px; margin: 0; font-size: 1.2rem; display: inline-block; float: left; display: inline-block}
.service-finder .blue-category{ color: #fff}
.service-finder .brown-category{ color: #fff}
.service-finder .green-category{ color: #fff}
.service-finder .white-bg{ background-color: #FFF}

.service-finder .blue-bg-category{ background:#20ce6a;}
.service-finder .brown-bg-category{ background: #a7196c;}
.service-finder .green-bg-category{ background: #ff5454;}

.service-finder .service-sub-category{ _background: #cccccc40; background: #FFF; border-bottom: 2px solid; height: 267px; width: 100%; overflow: hidden; border-radius: 0 0 3px 3px}
.service-finder .service-sub-category ul{ list-style: none}
.service-finder .service-sub-category ul li{ border-bottom: 1px solid #eee}
.service-finder .service-sub-category ul li:last-child{ border-bottom: 0px}
.service-finder .service-sub-category ul li a{ width: 100%; padding: 7px 15px; color: #333; display: block; font-size: 0.95rem}
.service-finder .service-sub-category ul li a i{ margin-right: 7px}
.service-finder .service-sub-category ul li a:hover i::before{ color: #cd0000; content: "\f0da";}
.service-finder .service-sub-category ul li a:hover{ background: #cee4f2; color: #000}
/*Service Finder*/

/*Service by Office*/
.service-by-office{ height: 100%}
.service-by-office-border-first{  border: 1px solid #20ce6a; border-top: 0px;}
.service-by-office-border-second{  border: 1px solid #a7196c; border-top: 0px;}
.service-by-office-border-third{  border: 1px solid #ff5454; border-top: 0px;}
.service-by-office .office-list{ padding-right: 0; height: 100%}
.service-by-office .service-list-by-office-panel{ padding-left: 0}

.service-by-office .service-office-list{ background: #fbfafc; height: 100%}
.service-by-office .office-search-bar{ padding: 0.5rem; background: #edecf0; border-right: 1px solid #e0e0e0}
.service-by-office .office-search-bar .office-type{ padding: 0px 5px; height: 35px !important; border: 1px solid #aeaeae; margin-bottom: 10px; font-size: 0.95rem !important;}
.service-by-office .office-search-bar .search{ border-radius: 5px; border: 1px solid #aeaeae; padding: .2rem .5rem; margin: 0; width: 100%; font-size: 0.95rem}
.service-by-office .service-office-list .office-lists{ _width: 200px; _height: 250px; _display: block; overflow: hidden}
.service-by-office .service-office-list .hide-office-type{ display: none !important}
.service-by-office .list{ __height: 250px; padding: 0 0 0 0.5rem; margin: 0; display: block; width: 100%; overflow: hidden}
.service-by-office .list li.service-of-office{ display: block; border-right: 1px solid #e0e0e0; padding: 0.3rem 0 0.3rem 0.5rem}
.service-by-office .list li.service-of-office:hover i{ color: red; font-weight: bold}
.service-by-office .list li.service-of-office i{ font-size: 0.8rem; margin: 0 .3rem 0 0; color: #683091}
.service-by-office .list li.service-of-office a{ padding: 0.3rem; font-size: 0.95rem; color: #2b1847; cursor: pointer}
.service-by-office .list li.active{ background: #FFF; border: 1px solid #e0e0e0; border-right: 0px solid #FFF}
.service-by-office .list li.active:first-child{ border-top: 0px}
.service-by-office .list li.active a{ padding: 0.3rem; font-size: 0.95rem; cursor: pointer}
.service-by-office .list li.active i{ font-weight: bold; color: red}
.service-by-office .list li.service-of-office:hover{ background: #cee4f2}

.service-list-by-office{ padding: 0.5rem 1rem 1rem 1rem}
.service-list-by-office .search{ border-radius: 5px; border: 1px solid #aeaeae; padding: .4rem .5rem 0.3rem; margin: 0 0 0.5rem 0; font-size: 0.85rem; width: 100%}
.service-list-by-office ul.list{ _height: 250px; list-style: none; padding:0; margin: 0}
.service-list-by-office ul.list li{ _padding: 0.15rem 0.1rem; width: 100%; display: block}
.service-list-by-office ul.list li i{ font-size: 0.8rem; margin: 0 .3rem 0 0; color: #683091}
.service-list-by-office ul.list li a{ padding: 0.3rem; font-size: 0.95rem; color: #2b1847; display: block}
.service-list-by-office ul.list li a:hover{ background: #cee4f2}
.service-list-by-office ul.list li a .service-num{ margin-right: 10px}
/*Service by Office*/

/*Pagination for service list*/
.obd-pagination{ width: 100%; margin: 0.5rem 0 0 0}
.obd-pagination{ display: inline-block; width: auto; border-right: 1px solid #8263b0; border-left: 1px solid #8263b0; border-radius: 3px}
.obd-pagination li{ border: 1px solid #8263b0; border-left:0; text-align: center; display: inline-block}
.obd-pagination li:first-child{ }
.obd-pagination li:last-child{ border-right: 0}
.obd-pagination li:first-child a{ border-radius: 2px 0 0 2px}
.obd-pagination li:last-child a{ border-radius: 0 2px 2px 0}
.obd-pagination li a{ padding: 0.2rem 0.3rem; width: 30px; height: 30px; display: inline-block; cursor: pointer; background: #edecf0}
.obd-pagination li a:hover{ background: #83b12a; color: #FFF !important;}
.obd-pagination li.active a{ background: #2b1847; color: #FFF}
.obd-pagination li.disabled a{ cursor: not-allowed}

/*Round Pagination*/
/*.pagination{ width: 100%; margin: 1rem 0 0 0}
.pagination li{ color: #2b1847; cursor: pointer; margin: 0 0.1rem}
.pagination li a.page{ _background: #d4c4ea; padding: 3px; display: inline-block; width:25px; height: 25px; padding: 0px; text-align: center; border-radius: 50%}
.pagination li a.page:hover{ background: #9d84c1; color: #FFF}
.pagination li.active a.page{ background: #9ecd42; color: #FFF}*/
/*Pagination for service list*/
/*Home Page*/

/*Service Page*/
.service-agree-information,.service-form,.application-status{ display: none}
.service-form{ display: block}

.application-status{ text-align: center}
.application-status .success-message{ }
.application-status .success-message>div:first-child{ margin-bottom: 1.5rem}
.application-status .success-message>div:first-child>span{ display: inline-block; border: 3px solid #8bc643; border-radius: 50%; padding: .5rem; width: 90px; height: 90px}
.application-status .success-message>div:first-child>span>i{ font-size: 3rem; color: #8bc643}
.application-status .success-message .appid{ color: #0082c6}
.application-status .success-message h4{ margin-bottom: 0.5rem}

.application-status .confirmation-message{ margin: 60px 0 100px 0}
.application-status .confirmation-message span{ box-shadow: 0px 1px 5px #999; display: inline-block; padding: 1.5rem; border-radius: 5px; border: 1px solid #e1e4e9; background: #f8f8f8}
.application-status .confirmation-message{}
.application-status .confirmation-message form{ display: inline-block}
.application-status .confirmation-message button{ padding: 3px 20px; border: 0; border-radius: 5px; font-size: 1.3rem}
.application-status .confirmation-message .yes{ background: #ac6bec; color: #FFF}
.application-status .confirmation-message .no{ background: #adb7be; color: #FFF}

.application-status .confirmation-message .yes:hover{ background: #8640cb; box-shadow: 0px 1px 5px #999}
.application-status .confirmation-message .no:hover{ background: #909ba3; box-shadow: 0px 1px 5px #999}

.application-status .application-current-status{ margin: 60px 0 100px 0}
.application-status .application-current-status .app-print{ font-size: 1.05rem !important; font-weight: normal; padding: 0.2rem 1rem}
.application-status .application-current-status .app-all{ font-size: 1.05rem !important; font-weight: normal; padding: 0.2rem 1rem}

.application-status h4{ font-size: 1.2rem}

/*Common Service Rules*/
.common-service-rules{ font-size: 0.95rem; padding: 0 40px}
.common-service-rules p{ text-align: justify; margin-bottom: 20px}
.common-service-rules ul{ list-style: none}
.common-service-rules ul li{ margin: 10px 5px 10px 20px}

/*section#service .service-agree{ padding: 1rem 0; margin: 2rem 0 0 0; text-align: right; border-top: 1px solid #e0e0e0}
section#service .service-agree-but{ cursor: pointer; font-size: 1.05rem !important; color: #FFF; background: #8bc643; border: 1px solid #72b027; border-radius: 5px; padding: 0.2rem 1rem; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out}
section#service .service-agree-but:hover{ background: #72b027}*/
/*Common Service Rules*/

section#service{ background: #FFF; position: relative; margin: 1rem 0; padding: 1rem}
section#service .service-title{ font-size: 1.4rem; text-align: center; margin: 0 0 1rem 0; padding: 0.5rem; border-bottom: 2px solid #695487}
section#service .application{ margin: 1.5rem 0}

section#service form{ padding: 1rem}

section#service .office-selection{ border: 1px solid #f1f1f1; background: #f8f8f8; border-radius: 3px; padding: 1rem 0 1rem 0 !important; margin-bottom: 1.7rem !important;}

section#service form *:not(h1,h2,h3,h4,h5,h6){ font-size: 0.875rem}
section#service form *:not(.on,.off){ font-size: 0.95rem !important}

section#service form input{ font-family: kalpurushregular !important}
section#service form select{ font-family: kalpurushregular !important}
section#service form textarea{ font-family: kalpurushregular !important; resize: none}

section#service .form-group{ margin-bottom: 0.5rem; padding-bottom: 0}
section#service label.fb-label{ text-align: left; margin: 0; padding-bottom: 0px}
section#service table{ border: 1px solid #d8e2e7}
section#service table tr th{ background: #f6f8fa; padding: 5px 10px; position: sticky; top: -1px; z-index: 9999}
section#service table tr td{ padding: 5px 10px}
section#service table tr td:last-child{ min-width: 320px}
section#service form .fb-table-add-row, section#service form .fb-table-count-row, section#service form .fb-table-remove-row{ display: none}

section#service form table.table-III tr th, section#service form table.table-III tr td{ min-width: 33.3%}
section#service form table.table-IV tr th, section#service form table.table-IV tr td{ min-width: 25%}
section#service form table.table-V tr th, section#service form table.table-V tr td{ min-width: 20%}
section#service form table.table-VI tr th, section#service form table.table-VI tr td{ min-width: 16.5%}
section#service form table.table-VII tr th, section#service form table.table-VII tr td{ min-width: 14.1%}

.attachment-row .fa-eye{ cursor: pointer}
.attachment-row .fa-download{ cursor: pointer}
.color-primary{ color: #00a8ff}
.color-gray{ color: #777}
.modal-upload .table-responsive{ height: 300px; overflow: hidden; overflow-y: scroll}
/*section#service .application-label{ padding-top: calc(.25rem + 1px); line-height: 1.5; margin: 0px; font-size: 1.1rem}*/

section#service .apply-service{ padding: 1rem 0; margin: 2rem 0 0 0; text-align: right; border-top: 1px solid #e0e0e0}
section#service .apply-service-but{ cursor: pointer; font-family: kalpurushregular; font-size: 1.05rem !important; color: #FFF; background: #8bc643; border: 1px solid #72b027; border-radius: 5px; padding: 0.2rem 1rem; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out}
section#service .apply-service-but:hover{ background: #72b027}

section#service .send-service-but{ cursor: pointer; font-size: 1.2rem; color: #FFF; background: #5b4a9a; border: 1px solid #4a3a85; border-radius: 5px; padding: 0.2rem 1rem; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out}
section#service .send-service-but:hover{ background: #4a3a85}

    .steps-icon-progress{ margin: 1rem -1rem 2rem -1rem; border-bottom: 1px solid #f1f1f1}
    .steps-icon-progress li{ width: 33.3%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out}
    .steps-icon-progress .icon .font-icon{ display: none}
    .steps-icon-progress .active .caption{ font-size: 1.15rem}
    .steps-icon-progress ul{ margin-bottom: 20px}

    /*Service Guide*/
    section.service-guide{ border:0px}
    section.service-guide .guide-panel{ border: 1px solid #9d84c1; border-radius: 5px 5px 0 0; margin-bottom: 1rem}
    section.service-guide .guide-panel h5{ color: #FFF; background: #695487; font-size: .875rem; border-radius: 4px 4px 0 0; margin-bottom: 0}
    section.service-guide .guide-panel h5 span{ border-radius: 4px 0 0 0; background: #2b1847; height: 35px; display: inline-block; text-align: center; border-right: 2px solid #83b12a; margin-right: 0.5rem; padding: 7px 3px}
    section.service-guide .guide-panel h5 i{ font-size: 1.1rem; width: 30px;}
    section.service-guide .guide-panel>div{ padding: 0.5rem; background: #f8f8f8; font-size: 0.95rem}
    section.service-guide .guide-panel>div>div{ padding: 2px 0}
    section.service-guide .guide-panel>div>div>i{ margin-right: 0.5rem; color: #83b12a}
    section.service-guide .guide-panel .extra-note{ border-top: 1px solid #83b12a; padding-top: 3px; margin-top: 3px}

    /*Service Guid*/
.office_designation{ max-width: 350px}

#application-form-preview .select2-selection__arrow{ display: none}
#application-form-preview .select2-selection__rendered{ border-top: 0; border-left: 0; border-right: 0}
/*Service Page*/

/*Single Attachment*/
#single-attachment{ margin-bottom: 20px; background: #FFF; height: 400px}
#single-attachment .single-upload{ margin: 50px auto 20px auto; width: 400px; padding: 40px; display: inline-block; border: 2px dashed #ccc}
#single-attachment .single-upload i{ font-size: 4rem; cursor: pointer}
.single-upload-file-info{ width: 400px; margin: auto}
/*Single Attachment*/

/*Application Edit*/
section#application-editable{ background: #FFF; position: relative; margin: 1rem 0; padding: 1rem}
section#application-editable .service-title{ font-size: 1.5rem; text-align: center; margin: 0 0 1rem 0; padding: 0.5rem 0.5rem 1rem 0.5rem; border-bottom: 1px solid #f1f1f1}

section#application-editable form{ padding: 1rem}

section#application-editable .office-selection{ border: 1px solid #f1f1f1; background: #f8f8f8; border-radius: 3px; padding: 1rem 0 1rem 0 !important; margin-bottom: 1.7rem !important;}

section#application-editable form *:not(.on,.off){ font-size: .95rem}
section#application-editable .form-group{ margin-bottom: 0; padding-bottom: 0}
section#application-editable .office-selection .form-group{ margin-bottom: 0.5rem; padding-bottom: 0}
section#application-editable label.fb-label{ font-size: .95rem; _text-align: right; margin: 0; padding-bottom: 0px}

section#application-editable table{ border: 1px solid #d8e2e7}
section#application-editable table tr th{ background: #f6f8fa; padding: 5px 10px}
section#application-editable table tr td{ padding: 5px 10px}
section#application-editable table tr td:last-child{ min-width: 320px}

section#application-editable .apply-service{ padding: 1rem 0; margin: 2rem 0 0 0; text-align: right; border-top: 1px solid #e0e0e0}
section#application-editable .apply-service-but{ cursor: pointer; font-size: 1.05rem !important; color: #FFF; background: #8bc643; border: 1px solid #72b027; border-radius: 5px; padding: 0.2rem 1rem; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; line-height: 1.4}
section#application-editable .apply-service-but:hover{ background: #72b027}
section#application-editable .application{ margin: 1.5rem 0}
.not-editable-message{ margin-bottom: 3rem}
.not-editable-message h4{ text-align: center; line-height: 25px; font-size: 1.2rem; margin-bottom: 0.5rem}
/*Application Edit*/

/*Application Attachment*/
section#service ul.application-attachment{}
section#service ul.application-attachment li{ list-style: none}
table.application-attachment td{ height: 60px}
.change-attachment,.select-attachment{ display: none !important;}
.change-attachment,.select-attachment,.ajax-upload{ cursor: pointer; font-size: 0.93rem !important; font-weight: normal}
.all-attachment, .selected-attachment i.new-att,.select-attachment{ display: none}
/*Application Attachment*/

/*Application View*/
.tabs-section-nav .nav-link-in{ font-size: 1.05rem}
section#application{ background: #FFF; position: relative; margin: 0 0 1rem 0; width: 100%; display: block}
section#application .tab-pane>section{ background: #FFF; position: relative; margin: 0; padding: 1rem; width: 100%; display: block; border: 1px solid #d8e2e7; border-top: 0px}
section#application-view{}
section#application-view *{ font-size: 0.95rem}
section#application-view .action{ overflow: hidden}
section#application-view .action-but{ float: left; display: inline-block; font-size: .95rem; line-height: 1.4; font-weight: normal; padding: 0.2rem 0.5rem; margin-right: 5px}
section#application-view .action-but i{ margin-right: 5px}

section#application-view .form-check-inline i{ margin-right: 10px}
section#application-view .form-check-inline label{ margin-top: 0px}

section#application-view table{ border: 1px solid #d8e2e7}
section#application-view table tr th{ background: #f6f8fa; padding: 5px 10px}
section#application-view table tr td{ padding: 5px 10px}

section#application-view .attachment-list{ width: 100%}
section#application-view .attachment-list li{ width: 100%; padding: 10px; height: 50px; display: inline-block; border-bottom: 1px solid #d8e2e7;}
section#application-view .attachment-list li .extension{ cursor: pointer; margin-right: 1rem}
section#application-view .attachment-list li .extension i{ font-size: 1rem}
section#application-view .attachment-list li .download{ color: #333; font-size: 0.95rem; cursor: pointer}
section#application-view .attachment-list li .download i{ color: #f29824;font-size: 1rem}
section#application-view .attachment-list li:last-child{ border-bottom: 0px}

section#application-view #print{}
section#application-view #print i{}
section#application-view #print-view{ max-width: 750px; margin: auto}
section#application-view .service-title{ font-size: 1.6rem; text-align: center; margin: 0 0 1rem 0; padding: 0.5rem; border-bottom: 2px solid #695487}

section#application-view form{ padding: 1rem}

section#application-view .office-selection{ border: 1px solid #f1f1f1; background: #f8f8f8; border-radius: 3px; padding: 1rem 0 1rem 0 !important; margin-bottom: 1.7rem !important;}

section#application-view .form-group{ margin-bottom: 7px; padding-bottom: 0}
section#application-view .form-group>div{ text-align: left}

section#application-view .application-label{ padding-top: calc(.25rem + 1px); line-height: 1.5; margin: 0px}
section#application-view .application-checkbox{ margin: 5px 5px 0px 0px}
section#application-view .application-radiobox{ margin: 5px 5px 0px 0px}

section#application-view label.fb-label{ text-align: left; margin: 0; padding-bottom: 0px}
/*Application View*/

.office_attention_desk{}
.office_attention_desk label{ display: inline-block; width: auto; margin-right: 15px !important}
.office_attention_desk select, .office_attention_desk .select2-selection{ display: inline-block; min-width: 250px; width: auto}
.office_attention_desk inline{ min-width: 250px}

/*Profile*/
.profile-page{ padding: 0; background: #fff; margin-bottom: 1rem}
.profile-header-photo{ background: url(../img/background/4.jpg) no-repeat; background-size: cover; height: 150px; margin: 0; margin-top: 20px; _margin-bottom: 30px; box-shadow: 0px 2px 5px #999; z-index: 1; _overflow: hidden}
.profile-side{ z-index: 2; margin-top: -150px}/*-21*/
.profile-name{ overflow: hidden}
.profile-side header{ border-radius: 5px 5px 0 0}
.profile-other-info{ font-size: 1.1rem}
.profile-tab-name{ font-size: 1.1rem; font-weight: normal}

form.profile-update label{ font-size: .95rem}
.profile_but{ font-size: 1.05rem !important; padding: 0.2rem 1rem; line-height: 1.4; font-weight: normal}

.box-typical .box-typical-section{ border-top: 0; padding: 15px 15px 15px 0}

.country-outside{ display: none}
.country-select{ width: 100%}
.country-name{ width: 100%}
.citycorporation-show{ display: none}
.address{ _background: #F9f9f9; margin-bottom: 20px; _padding: 10px; _border-radius: 3px}
.address-type{ font-size: 1.1rem; padding: 0.5rem 0; border-bottom: 1px solid #ccc; margin-bottom: 0.5rem}

table.attachment{ border: 1px solid #d8e2e7}
table.attachment tr th{ font-size: 1.05rem; font-weight: normal}
table.attachment tr td{ font-size: 1rem}
table.attachment tr td:nth-child(1),table.attachment tr td:nth-child(2){ vertical-align: top}
table.attachment i{ font-size: 1.2rem}
table.attachment i.fa-cloud-upload{ color: #f29824; cursor: pointer}
table.attachment i.fa-eye{ cursor: pointer; font-size: 1.15rem}
table.attachment i.fa-download{ cursor: pointer; font-size: 1.15rem}
table.attachment input{ font-size: 0.95rem}
table.attachment button i{ padding-top: 2px}

.attachment-files{ font-size: 0.9rem}
.attachment-files li{ text-align: left; margin-bottom: 5px; padding-bottom: 5px; position: relative}
.attachment-files li img{ width: 35px; height: 35px; margin-right: 10px; float: left}
.attachment-files li a{ text-decoration: none; color: #000; font-size: 0.85rem; border: 0; line-height: 20px}
.attachment-files li a .upload-time{ color: #676767; font-size: 0.8rem; display: block}
.rename-attachment{ display: none}
.btn-rename-attachment{ color: #8a8a8a; position: absolute; top: 0px; right: 0px; font-size: 0.95rem !important; padding: 5px; cursor: pointer}
.btn-rename-attachment:hover{ color: #555}
.close-rename-attachment{ cursor: pointer}

.upload-info, .upload-but, .upload-cancel{ display: none; font-size: 0.85rem}
.upload-info{ margin: 5px 0}
.upload-but{ margin-right: 3px}
.upload-cancel{ margin-left: 3px}
.upload-file-pre-info{ font-size: 0.85rem}
.upload-picture{ position: absolute; bottom: 12px; right: 12px}
.upload-picture i{ width: 26px; height: 26px; color: #58c41d; font-size: 1.3rem; border: 2px solid #FFF; background: #FFF; border-radius: 50%}
.upload-picture:hover{ }

.avatar-preview.avatar-preview-128{ width: 145px; height: 145px}
.avatar-preview img{ border: 2px solid #FFF; width: 90%; height: 90%; margin: 5%; box-shadow: 0px 0px 7px #000}
.profile-side-user{ padding: 20px 15px 15px; background-image: linear-gradient(#ffffff10, #c1dfed50)}
.profile-side-user .bottom-txt{ font-size: 0.85rem}
/*Profile*/


/*Form Builder Common*/
.block{ display: block}
.inline{ display: inline-block; width: auto}
/*Form Builder Common*/

/*Application List*/
section#application-list header{ border-radius: 5px}
section#application-list{ background: #FFF; margin: 0 0 1rem 0; min-height: 420px}
section#application-list table tr th{ font-size: 1.05rem; font-weight: normal !important;}
section#application-list table tr:hover{ background: #f6f8fa}
section#application-list table tr td{ font-size: 0.95rem; font-weight: normal; line-height: 23px; cursor: pointer; padding: 10px}
section#application-list .application-no{ font-size: 0.8rem; color: #3174c7}
section#application-list .application-name{ overflow: hidden}
section#application-list .application-data{ white-space: nowrap}
section#application-list .application-status-info{ _white-space: nowrap}
section#application-list .service-review{ white-space: nowrap}
section#application-list .service-review i{ margin: 0px 5px}
section#application-list .service-review i.good{ color: green}
section#application-list .service-review i.bad{ color: red}
section#application-list .service-review i.in-active{ color: #ccc}
section#application-list .service-review i.active{ opacity: 0.5}
section#application-list .service-review i.active:hover{ opacity: 1}
section#application-list .log-date{ font-size: 0.9rem; color: #0a0a0a}
section#application-list .app-step-submit{ float: left; height: 30px; width: 30px; padding: 5px; display: inline-block; margin: 0px 0px 5px 5px}
section#application-list .app-step-submit i{ font-size: 1.2rem}
section#application-list .app-step-payment{ float: left; font-size: 2rem; line-height: 20px; height: 30px; width: 30px; padding: 5px; display: inline-block; margin: 0px 0px 5px 5px}
section#application-list .app-step-edit{ float: left; height: 30px; width: 30px; padding: 5px; display: inline-block; margin: 0px 0px 5px 5px}
section#application-list .app-step-edit i{ font-size: 1.2rem}
section#application-list .app-step-view{ float: left; height: 30px; width: 30px; padding: 5px; display: inline-block; margin: 0px 0px 5px 5px}
section#application-list .app-step-view i{ font-size: 1.2rem}
section#application-list .app-step-status{ float: left; height: 30px; width: 30px; padding: 5px; display: inline-block; margin: 0px 0px 5px 5px}
section#application-list .app-step-status i{ font-size: 1.2rem}
/*Application List*/

/*Message*/
.chat-area-header{ height: 61px !important}
.chat-dialog-area, .chat-list-in{ height: 400px !important;}
.chat-list-item{ padding: 11px 15px 11px 15px !important; cursor: pointer !important;}
.chat-list-item .chat-list-item-cont{ padding: 0 35px 0 0}
.chat-list-item .chat-list-item-count{ margin: 5px 10px 0 0 !important; height: 10px !important; width: 10px !important; min-width: 10px !important}
.obd-message{ display: none}
.obd-subject{ padding: 0 1rem !important;}
.chat-dialog-clean{ text-align: left !important;}
/*Message*/


/**/
.submitted_to{ padding-bottom: 0px}
.submitted_to label{ display: block}

.submitted_date,.submitted_by{ padding-top: 30px}
.submitted_by div{ text-align: center}
.submitted_by input[name="applicant_name"]{ text-align: center}
/**/

/*Payment Panel*/
section#payment-view{ background: #FFF; margin: 1rem 0; padding: 1rem}
section#payment-view .service-title{ font-size: 1.5rem; text-align: center; margin: 0 0 1rem 0; padding: 0.5rem 0.5rem 1rem 0.5rem; border-bottom: 1px solid #f1f1f1}
/*Payment Panel*/

div.news-content{ position:relative}
div.inner_content{ position:absolute; z-index:999999; top:55px; width:280px; left:80px}
div.inner_content h3{ color:#fff; font-size:23px !important; font-weight:bold; padding-bottom:5px}
div.inner_content h5{ font-size:14px; color:#ccc; line-height:21px}
div.slidebtn{ padding:3px 15px; border-radius:5px; display:inline-block; background:#A5479B; color:#fff; margin-top:12px}

/*div.search_box{background:url(../img/search_background.jpg) no-repeat; background-size:cover; padding:15px 15px; width:100%; overflow:hidden; margin-top:20px}
div.form-row{ display:block; }
span.open_srch_btn{ color:#683091; font-size:21px; _font-weight:900;}
span.open_srch_btn i{ margin-right: .5rem}
span.open_srch_btn:hover{ background: #683091; color: #FFF !important;}*/

.district-show,.citycorporation-show{ width: 100%}
.error{ border:1px solid #cd0000 !important; background: rgba(205,0,0,0.1) !important;}

h2.page-title{ color: #683091; border-bottom: 2px solid #683091}
div.sub-panel{ margin-bottom: 15px}
div.sub-panel h5{ margin-bottom: 10px; border-left: 3px solid #72b027; padding: 5px; background: #f4e9fb}
div.sub-panel ul{ margin-left: 30px}
div.sub-panel ul li{ list-style: square; color: #72b027}
div.sub-panel ul li:nth-child(2n + 1){ color: #683091}
div.sub-panel ul li span{ color: #000}
div.sub-panel-contact div.sub-content{ margin-left: 20px}
div.sub-panel div.sub-content{ font-size: 18px}
div.sub-panel div.sub-content p{ font-size: 18px; text-align: justify}

#application-search{ padding-top: 40px; background: #FFF; margin-bottom: 1rem}
.application-search{ max-width: 550px; text-align: left; margin: 35px auto}
.application-search .bn-font{ font-size: 1.05rem !important}
.application-search .btn{ font-size: 1.05rem !important; font-weight: normal; padding: 0.2rem 1rem; line-height: 1.4}
.application-search .btn .btn-home{ color: #FFF}

.application-search-result{ max-width: 750px; margin: auto; text-align: left}
.application-search-result-history{ width: 100%; border: 1px solid #707f91; border-left: 0px; cursor: pointer; border-collapse: separate; margin-top: 1rem}
.application-search-result-history tr th{ background: #707f91; color: #FFF; padding: 5px 7px; font-weight: bold !important;}
.application-search-result-history tr td{ background: #FFF; padding: 10px}
.application-search-result-history tr:nth-child(2n+1) td{ background: #e9fbe9}
.application-search-result-history tr:hover td{ background: #00a8ff; color: #FFF}

.application-search-result h4{ font-size: 1.2rem; margin-bottom: 0.75rem}
.application-search-result h5{ font-size: 0.975rem; margin-bottom: 0.5rem}

.service-search-result{ max-width: 750px; min-height: 200px; margin: auto; text-align: left; padding-bottom: 30px}
.service-search-result>h5{ border-bottom: 1px solid #898989; padding-bottom: 10px; font-size: 1.15rem}
.service-search-result ul{ width: 100%}
.service-search-result ul li{ width: 100%; display: inline-block; margin-bottom: 10px}
.service-search-result ul li h5{ display: block; font-size: 1.1rem; margin-bottom: 7px; color: #333; color: #00a8ff}
.service-search-result ul li h5:hover{ color: #036ea6}
.service-search-result ul li h5 i{ color: #2ab934; margin-right: 10px}
.service-search-result .service-search-note{ font-size: 0.85rem; margin-bottom: 10px}
.service-search-result .service-search-note span{ color: #333}
.service-search-result .service-search-note span:nth-child(1){ margin-right: 10px}
.service-search-result .service-search-note span:nth-child(1)>span{ color:#58585875; _color: #00a8ff; margin-right: 5px}
.service-search-result .service-search-note span:nth-child(2){ margin-right: 10px}
.service-search-result .service-search-note span:nth-child(2)>span{ color:#58585875; _color: #f4a641; margin-right: 5px}
.service-search-result .service-search-note span:nth-child(3)>span{ color:#58585875; _color: #cd0000; margin-right: 5px}


.right-sub-panel{ border: 1px solid #9d84c1; border-radius: 5px 5px 0 0; margin-bottom: 1rem}
.right-sub-panel h5{ color: #FFF; background: #695487; font-size: 1.2rem; border-radius: 4px 4px 0 0; padding: 7px; margin-bottom: 0}
.right-sub-panel>div{ padding: 0.5rem; background: #f8f8f8}
.right-sub-panel ul{ margin-left: 20px}
.right-sub-panel ul li{ list-style: square}
.right-sub-panel ul li a{ font-size: 18px}

.form-control{ padding: 5px}

.resend-pincode{ background: #fff; border: 1px solid #d8e2e7; border-radius: 5px; margin: 10px; padding: 80px 10px; box-shadow: 0px 1px 5px #999;}
.resend-pincode h4{ margin: 10px}


/*Form Wizard*/
.bs-wizard {margin-bottom: 40px;}
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px; height: 20px}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #333; font-size: 1.1rem;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; }

.bs-wizard > .bs-wizard-step > .bs-wizard-red-dot {position: absolute; width: 30px; height: 30px; display: block; background: #ff7277; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-red-dot:after {content: ' '; width: 14px; height: 14px; background: #fe000a; border-radius: 50px; position: absolute; top: 8px; left: 8px; }

.bs-wizard-red-dot:nth-of-type(1){ opacity: 1}
/*.bs-wizard-red-dot:nth-of-type(2){
    z-index: 0.7;
}*/

.bs-wizard-red-dot { -webkit-animation-name: flash; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: linear}
.bs-wizard-red-dot:nth-of-type(2) { -webkit-animation-delay: 1s}
@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.7;
    }
}

.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

.progress-red-bar{ background: #efbbbf}

/*END Form Wizard*/

.steps-dot{ width: 10px; height: 10px; margin-top: 7px; border-radius: 50%; display: inline-block}
ul.steps-indicate{ list-style: none; overflow: hidden; margin: 20px 0}
ul.steps-indicate li{ float: left; margin-right: 25px; font-size: 1.05rem}
ul.steps-indicate li>span{ margin-right: 7px; float: left}

.feedback-needed td{ position: relative; background: #ef5561 !important; color: #fff}
.feedback-needed td:first-child{ padding: 0px}
.feedback-needed td:first-child span{ border-left: 1px solid #fff; padding: 10px; position: absolute; top:0px; left: 0px; right: 0px; bottom: 0px}

.payment-page{ width: 800px; margin: auto}
.payment-print-page{}

.company-info h5{ font-size: 1rem !important}
.company-info p{ font-size: 1rem}
.invoice-info div{ font-size: 1rem}
.invoice-block div{ font-size: 1rem; margin-bottom: 5px !important}
.invoice-table{ font-size: 1rem}
.total-amount{ font-size: 1.1rem}
.payment-print-page .total-amount{ width: auto !important;}


.warning-page{ min-height: 280px}
.warning-icon{ text-align: center; margin: 2rem}
.warning-icon>div{ margin-bottom: 1.5rem}
.warning-icon>div>span{ display: inline-block; border: 3px solid #ffc107; border-radius: 50%; padding: .6rem; width: 90px; height: 90px}
.warning-icon>div>span>i{ font-size: 3rem; color: #ffc107}


.ok-page{ min-height: 280px}
.ok-icon{ text-align: center; margin: 2rem}
.ok-icon>div{ margin-bottom: 1.5rem}
.ok-icon>div>span{ display: inline-block; border: 3px solid #28a745; border-radius: 50%; padding: .7rem .6rem; width: 90px; height: 90px}
.ok-icon>div>span>i{ font-size: 3rem; color: #28a745}

.close-icon{ text-align: center}
.close-icon i{ color: red; font-size: 6rem; border-radius: 50%; padding: 1px; width: 95px; height: 95px; border: 3px solid #ffb5a7; margin: 40px 0px}

section#invoice-view #print{ float: right; font-size: 1.2rem; line-height: 20px; font-weight: normal}
section#invoice-view #print i{ margin-right: 10px}
section#invoice-view #print-view{ max-width: 750px; margin: auto}

.bootstrap-table .fixed-table-pagination ul.pagination li.page-next .font-icon, .bootstrap-table .fixed-table-pagination ul.pagination li.page-pre .font-icon{ color: #3174c7}
.bootstrap-table .fixed-table-pagination ul.pagination li.active a{ color: #fff; background: #3174c7; border: 0}

.tooltip{ font-family: kalpurushregular; font-size: 0.95rem; font-weight: normal}
.btn{ font-weight: normal; cursor: pointer}
.modal-upload .modal-upload-cont-in, .modal-upload-body{ height: auto}
.modal-dialog{ position: relative}
.file_size_error,.file_type_error{ display: none; color: #fa0000; margin-top: 5px}
.upload-failed{ display: none}
.on-process{ position: absolute; top:0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,0.7); z-index: 10; border-radius: 5px; color: #FFF; display: none}
.on-process .loading{ margin: auto; margin-top: 100px; text-align: center}
.on-process .loading i{}
.on-process .loading p{ margin-top: 1rem}
#no-office-found{ display: none}

#add_more_files{ cursor: pointer}

.new-application{ font-size: 1.05rem !important; padding: 0.2rem 1rem}

/*Search in Select*/
.select2-container--default .select2-selection--single{ position: relative; height: 38px !important; min-height: 38px !important; border: 0px !important}
.select2-container--default .select2-selection--single .select2-selection__rendered{ height: 39px !important; min-height: 39px !important; padding: .3rem 25px 0rem 1rem}
.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 100% !important; width: 25px !important; bottom: 0px !important}
.select2-container--default .select2-results__option select2-results__option--highlighted{ color: #3174c7 !important}
.select2-container--default .select2-results__option--highlighted[aria-selected]{ color: #3174c7 !important}
/*Search in Select*/

/*My Storage*/
#my-storage{ margin-bottom: 20px; background: #FFF; padding: 1rem}
/*My Storage*/

/*Input Config*/
#setting-config{ position: fixed; top:35%; left: -250px; z-index: 99999}
#setting-config>div{ position: relative; width:250px; background: rgba(256,256,256,1); border-radius: 0 0 3px 0; display: inline-block; border: 1px solid #00b777}
#setting-config .setting-title{ font-size: 1.2rem; font-weight: 700; padding: .6rem .4rem .2rem .4rem}
#setting-config .setting-label{ font-size: 0.95rem; padding-right: 0.7rem}
#setting-config .toggle-handle{ background: #FFF}
#setting-config #setting-list{padding: 0.5rem}
#setting-config #setting-list li{ border-bottom: 1px solid #787878; height: 55px; padding: 10px 0}
#setting-config #setting-list li:last-child{ border-bottom: 0px}
#setting-config .setting{ background: rgba(256,256,256,1); position: absolute; left:247px; top:-1px; border-radius: 0 50% 50% 0; color: green; font-size: 1.5rem; padding: 5px 10px 2px 5px; border: 1px solid #00b777; border-left: 0px; cursor: pointer; opacity: 0.5}
#setting-config .setting:hover{ opacity: 1}
#setting-config .font-size{ cursor: pointer}
/*Input Config*/


/*Search service in profile*/
#search-service-in-profile{ margin-top: 45px; text-align: center; opacity: 0.95}
#search-service-in-profile>#search-service{ width: 100%; max-width: 550px; display: inline-block}
/*Search service in profile*/

/*Switch Toogle*/
.switch { position: relative; display: inline-block; width: 45px; height: 20px}
.switch input {display:none;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ca2222; -webkit-transition: .4s; transition: .4s}
.slider:before { position: absolute; content: ""; height: 15px; width: 15px; left: 3px; bottom: 3px; background-color: red; -webkit-transition: .4s; transition: .4s}
input:checked + .slider {background-color: #fff}
input:focus + .slider { box-shadow: 0 0 1px #2196F3}
input:checked + .slider:before { -webkit-transform: translateX(24px); -ms-transform: translateX(24px); transform: translateX(24px)}
/*------ ADDED CSS ---------*/
.slider .on{ display: none}
.slider .on, .slider .off{ color: #000; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; font-size: 10px; font-family: Verdana, sans-serif}
input:checked+ .slider .on{ display: block}
input:checked + .slider .off{display: none}
.slider .on{ left: 16px}
.slider .off{ left: 30px}
/*--------- END --------*/
/* Rounded sliders */
.slider.round { border-radius: 34px}
.slider.round:before { border-radius: 50%}
.switch-parent{ position: relative}
.switch-parent:hover .lang-switch{ opacity: 1}
.lang-switch{ position: absolute; top:0px; right: 0px; z-index: 1; opacity: 0.3}

/*Profile Menu*/
.profile-title{ margin-bottom: 15px; font-size: 1.25rem; text-align: center; color: #089ae5}
#profile_menu{}
#profile_menu ul{ width: 100%; list-style: none; border-radius: 4px; border: 1px solid #d8e2e7}
#profile_menu ul li{ border-bottom: 1px solid #d8e2e7; padding: 10px; font-size: 0.95rem; cursor: pointer; position: relative}
#profile_menu ul li:last-child{ border-bottom: 0px}
#profile_menu ul li a{ color: #0082c6}
#profile_menu ul li i{ font-size: 1rem; margin-right: 10px; color: #bcb3aa}
#profile_menu ul li:hover i{ color: #cd0000}
#profile_menu ul li:hover{ background: #cddee7}

#profile_menu ul li.active{ background: #d7e8f1}
#profile_menu ul li.active i{ color: #cd0000}
#profile_menu ul li.active a:before{ content: "\f105"; font-family: FontAwesome; position:absolute; right:10px; top:9px; color: #cd0000}

div.profile-side{ margin: auto}
/*Profile Menu*/

.display-none{ display: none}

div.applicants_name{ margin-top: 5px; padding-top: 5px; border-top: 1px dotted #555}
.app-yellow{ background: #faf6af !important}
.app-red{ background: #ffbebe !important}
.app-green{ background: #cdf9d3 !important}

.app-status{ font-size:0.95rem; list-style: none; margin: 10px}
.app-status .app-yellow-bu{ border-left: 5px solid #faf6af; padding-left:10px}
.app-status .app-red-bu{ border-left: 5px solid #ff7c7c; padding-left:10px}
.app-status .app-green-bu{ border-left: 5px solid #227e2f; padding-left:10px}
.app-status span{ color: #333}

.submitted_by{ position: relative}
.upload-signature{ position: absolute; bottom:0px; right: 15px; opacity: 0.2; color: #f29824; cursor: pointer}
.upload-signature i{ font-size: 1.5rem !important;}
.submitted_by:hover .upload-signature{ opacity: 1}
#question-slider{}
#question-slider li{ text-align: left}
.ques{ cursor: pointer; font-size: 0.875rem}
.ques:hover{ color: #18b4b1}
.ques-num{ float:left; background: #1ab4b2; color: #FFF; width: 28px; height: 28px; display: inline-block; border-radius: 50%; padding: 2px 9px; margin-right: 10px}

.count-down { color: #FFF; font-size: 19px; border: 1px solid #0082c6; display: inline-block; border-radius: 50%; padding: 2px; background: #0082c6; width: 40px; height: 40px}

.profile-side-user .btn{ max-width: 100%; white-space: pre-line}

header nav.top-menu span.user-name{ max-width:230px; height:27px; overflow:hidden}

.eksheba-button{ background: linear-gradient(to top ,#182d7c40,#182d7c30); border: 1px solid #182d7c !important; padding: 10px 15px; margin: 10px; display: inline-block; border-radius: 5px; color: #182d7c; font-size: 22px}
.eksheba-button:hover{ background: linear-gradient(to top ,#182d7c,#182d7c80); border: 1px solid #182d7c !important; color: #FFF}

.input-group input[name="dob"]{ border-radius: .25rem !important;}

.ui-datepicker-month{ margin-right: 5px !important}
.ui-datepicker-trigger{ width: 25px; height: 25px; margin-left: 5px; position: absolute; right: 15px; top: 3px; cursor: pointer; cursor: pointer}
.form-group .ui-datepicker-trigger{ right: 20px; top: 3px}
.input-group .ui-datepicker-trigger{ right: 7px; top: 5px}

.group .add-more-group{ position: absolute; bottom:5px; right: 10px; background: #2ab934; color: #FFF; padding: 2px 5px; border-radius: 4px; font-size: .85rem !important; cursor: pointer}
.group .delete-more-group{ position: absolute; bottom:5px; right: 100px; background: #cd0000; color: #FFF; padding: 2px 5px; border-radius: 4px; font-size: .85rem !important; cursor: pointer}
.group .add-more-group i,.group .delete-more-group i{ margin-right: 5px; font-size: 0.65rem !important}
.group .add-more-group,.group .delete-more-group{ opacity: 0.3; z-index: 999999}
.group:hover .add-more-group,.group:hover .delete-more-group{ opacity: 1}

#nid-verification .modal-dialog{ max-width: 500px}

#assistant-list{}
#assistant-list .bootstrap-table-header{}
.create-assistant{ max-width: 750px}

.toggle-pincode{ position: absolute; top: 5px; right: 20px; opacity: 0.3; cursor: pointer}
.toggle-pincode:hover{ opacity: 1}

.ui-tooltip{ background: #000; opacity: 1; color: #fff; font-family: Kalpurush; font-size: 1rem}

.profile-header-photo .profile-header-photo-in{ width: auto}

@media (min-width:1140px) {
    body {
        background: url('../img/bg_main.jpg') repeat-y center;
    }
}
@media (max-width:992px) {
    header .header-logo{ _width:65px}
    header .site-title{ margin-top: 0.35rem; margin-left: 0.5rem}
    header .site-title h1{ font-size: 1rem}
    header .site-title h3{ font-size: 0.6rem}
    #top_nav li a{ font-size: 0.95rem}
    .other-link>li{ width: 100%}
    .service-finder .service-category .category-name{ font-size: 1.1rem}
}

@media (max-width:768px) {
    /*header .site-title h1{ font-size: 1.0rem}*/
    /*header .site-title h3{ font-size: 0.7rem}*/
    #top_nav{ display: none}
    .service-view{ display: none}
    #service-finder{ display: none}
    #service-finder2{ display: none}
    #service-finder-all{ display: block !important}
    .service-list-all ul.list li{ width: 100%}
    footer .social li{ float: none}
    footer .social{ margin-bottom: 20px}

    /* .top-header-bar .container{ display: none} */
    .site-header .user-menu.dropdown{ margin-top: 7px; width: 45px}
    .service-finder .category-shadow{ margin-bottom: 15px}
    .carousel-indicators li:last-child{ display: none}
    .other-service-info>div.row div.col-sm-6{ border-bottom: 1px dotted #666; border-right: 0}
    .other-service-info>div.row div.col-sm-6:last-child{ border-bottom: 0}

    footer .footer-line{ width: 100%; text-align: center}
    footer .developer-corner{ text-align: center}

    .content_overlay .cur_content_block[data-v-12772fd0] img{ height: auto !important;}
    .content_overlay .close_block[data-v-12772fd0]{ right: 0px !important; padding: 0 5px !important;}

    main>.container{ padding-left: 0px; padding-right: 0px}
    section#service{ padding: 10px}

    header nav.top-menu span.user-name{ display: none}
    section#service table td{ min-width: 150px}
    section#service table.application-attachment td{ display: contents; padding-bottom: 5px}
    section#service .apply-service-but{ font-size: 0.86rem !important; padding: 0.2rem 0.5rem}
    section#service table.application-attachment{ border: 0px}
    section#service table.application-attachment tr{ border-bottom: 1px dotted #999}
    section#service table.application-attachment .ajax-upload{ margin-bottom: 10px}
    .all-service .service-navigation i{ margin: 0px 10px}

    .profile-address>.w500{ width: auto}
}

@media (max-width:576px) {
    header .header-logo{ _width:60px; margin-top: 0; padding-left: 0px}
    header .site-title{ margin-top: 0.65rem; margin-left: 0rem}
    header .site-title h1{ font-size: 0.85rem}
    header .site-title h3{ font-size: 0.5rem}
    .sticky-header .site-title h3{ font-size: 0.55rem}
    span.mobile-user-name{ opacity: 0}
    .header-d-sm-none {display: none !important;}
    .top-header-bar .pull-left{ display: none}
    #carouselExampleIndicators .carousel-indicators {display: none;}
    .service-stats-padding { padding-left: 3rem!important;}
}


.container{ width: 1140px !important; max-width: 100% !important}
.easy-autocomplete-container{ cursor: pointer}
.select2-dropdown{ z-index:9}
section#service form table tr th,div[data-add-group="true"]{ z-index:0}

.pagination{float:right!important;}
.dataTables_info{padding-top:20px}

.dataTables_filter{float: right; _margin-top:20px}
.dataTables_filter label{margin:0 0 20px 0; display: inline-flex; line-height: 30px;}
.dataTables_filter input{width:200px; margin-left:10px}

.dataTables_length select{_margin:20px 0; width: 86px}
.dataTables_length label{_margin-top: 20px}

.dataTables_length input{width:200px}
.dataTables_length .select2{ width:100px !important;}
#table a{ color: #000 !important;}


input[type="checkbox"].error{ outline: 2px solid #cd0000 !important}
input[type="radio"].error{ outline: 2px solid #cd0000 !important}
/*
@keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -300px 0; }
}
@-moz-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -300px 0; }
}
@-webkit-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -300px 0; }
}
@-ms-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -300px 0; }
}
@-o-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -300px 0; }
}

#animate-area {
    width: 100%;
    height: 150px;
    background-position: 0px 0px;

    animation: animatedBackground 10s linear infinite;
    -moz-animation: animatedBackground 10s linear infinite;
    -webkit-animation: animatedBackground 10s linear infinite;
    -ms-animation: animatedBackground 10s linear infinite;
    -o-animation: animatedBackground 10s linear infinite;
}*/