@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap);

@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

html {
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    background: #f9f9f9;
	color: #747d8c;
}
img{
    max-width: 100%;
}
/*------------------------------------------*/
/*   LINK SETTINGS
/*------------------------------------------*/
a, button[type="submit"], input[type=text] {
    color: #333;
    text-decoration: none;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
a:hover {
    color: #666;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
header{
    /*position: absolute;
    top: 0;*/
    background: #FFF;
    width: 100%;
    left: 0;
    padding: 0;
    position: relative;
}
header .navbar{
    padding: 0;
}
.navbar-brand{
    margin-right: 2rem;
}
.navbar .nav-link{
    color: #727272;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: 600;
    padding: 1.6rem 1rem;
}
.nav-link:hover,
.dropdown:hover .nav-link{
    color: #f47b20;
}
/*.logo-wrap{
    text-align: center;
    width: 100%;
}
.logo-wrap .navbar-brand{
    margin: 0 auto;
}*/
/* ANIMATED X */
.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 4px;
}
.navbar-toggler .icon-bar {
    width: 22px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.navbar-toggler .icon-bar {
    background-color: #006cb7;
}
.navbar-toggler.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
}

.navbar-toggler.x .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggler.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    transform-origin: 10% 90%;
}

/* ANIMATED X COLLAPSED */
.navbar-toggler.x.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggler.x.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}
.navbar-toggler.x.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
/* END ANIMATED X */
.dropdown-menu {
    padding: 0;
    min-width: 160px;
    background: #FFF;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1) !important;
}

.dropdown-menu a, .dropdown-menu li > a {
    font-size: 0.85rem;
    padding: .7rem 1rem;
    text-transform: capitalize;
    color: #565656;
    border-bottom: 1px solid #efefef;
    text-decoration: none;
    font-weight: 600;
}
.navbar-toggler {
    padding: 20px 0;
    outline: none !important;
    margin-left: auto !important;
}
.top-transparent .navbar-toggler .icon-bar {
    background-color: #006cb7;
}

.header-btn, .home-tabbing .view-more{
    padding: 0.5rem 1rem;
    color: #FFF;
    background: #2a479e;
    border-radius: 4px;
    margin-left: 15px;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.header-btn:hover, .home-tabbing .view-more:hover{
    background: #ff6633;
    color: #FFF;
}
.sky-blue{
    background: #fa8231;
}
.sky-blue img{
    margin-right: 0.5rem;
}
.banner-home{
    padding-top: 20px;
    background: #FFF url(../img/banner_img.png) no-repeat bottom right;
}
.header-form{
    max-width: 500px;
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 400px;
}
.header-form h1{
    font-size: 2rem;
    margin: 0 0 1rem 0;
    color: #2a479e;
    font-weight: 700;
}
.header-form h6{
    color: #f47820;
    font-size: 1rem;
    margin: 4rem 0 0.5rem 0 ;
}
.form-bg{
    padding: 17px 5px;
    background: rgb(243 117 32 / 0.8);
    border-radius: 4px;
}
.form-bg .form-control,
.form-bg .custom-select {
    background-color: #FFF;
    border: none;
    box-shadow: none;
    margin: 0 0 0.9rem 0;
    font-size: 14px;
}
.form-bg .search-btn {
    height: auto;
    justify-content: center;
    align-self: center;
    display: flex;
    background: #cc6633;
    border-radius: 50%;
    padding: 0.7rem;
    box-shadow: none;
    box-shadow: 0 0 3px #fff;
}
.form-bg .search-btn path{
    fill: #FFF;
}
.locality{
    max-width: 150px;
}
.trending-skills h6{
    color: #ff6633;
    font-weight: 700;
	text-shadow: 0 0 3px #fff;
}
.trending-skills{
    padding-bottom: 1.5rem;
}
.trending-skills a{
    text-decoration: underline;
    color: #423535;
	text-shadow: 0 0 3px #fff;
}
.trending-skills a:hover{
    text-decoration: none;
    color: #000;
}

#body-content{
    padding: 1.5rem 0;
}
.right-side{
    padding-left: 2rem;
    top: -70px;
    position: relative;
}
.top-logo-scroll{
    background: #FFF;
    padding: 1rem;
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

.main-head{
    color: #1289A7;
    font-size: 1.2rem;
    font-weight: 700;
}
.view-all{
    color: #333399;
    margin-left: 3rem;
    font-weight: 600;
    padding: 0;
    position: relative;
}
.view-all:before{
    position: absolute;
    content: "";
    left: -1.5rem;
    pointer-events: none;
    top: 50%;
    width: 1px;
    height: 70%;
    background: #c3c3c3;
    transform: translateY(-50%);
}
.section-spacing{
    margin-bottom: 2rem;
}
.walk-in-jobs a{
    background: #FFF;
    padding: 1rem;
    border-radius: 4px;
    display: block;
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
.home-tabbing {
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
.walk-in-jobs .city-name{
    background: rgb(51 51 153 / 0.2);
    border-radius: 40px;
    color: #161616;
    font-weight: 0.75rem;
    display: inline-block;
    padding: 0.3rem 1rem;
    margin-bottom: 0.85rem;
}
.walk-in-jobs h3{
    font-weight: 600;
    font-size: 1rem;
    color: #ff6633;
}
.walk-in-jobs .footer-section{
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 0.5rem 1rem 0 1rem;
    border-top: 1px solid #f4f4f4;
    color: #ff6633;
}
.walk-in-jobs .footer-section small{
    display: block;
    color: #060606;
}

.home-tabbing .nav-pills{
    border-bottom: 1px solid #f4f4f4;
}
.home-tabbing .nav-pills .nav-link{
    border-radius: 0;
    border-bottom: 2px solid transparent;
    padding: 0.8rem 0;
	font-weight: 600;
}
.home-tabbing .nav-pills .nav-link.active, 
.home-tabbing .nav-pills .show>.nav-link{
    background: transparent;
    border-bottom: 2px solid #f47b20;
    color: #f47b20;
}
.heading-left-border strong {
    font-weight: 700;
}
.home-tabbing .tab-pane{
    padding: 1rem;
}
.home-tabbing .view-more{
    display: inline-flex;
    margin: 1rem 0 0.5rem;
}
.job-listing-links h5 {
    font-size: 1rem;
    color: #ff7e33;
    position: relative;
    padding: 0;
    margin-bottom: 20px;
	font-weight: 600;
}
.job-listing-links h5:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -10px;
    width: 25%;
    height: 2px;
    background: #ccc;
}
.job-listing-links .card {
    border: none;
}
.job-listing-links ul{
    list-style-type: none;
    border-bottom: 1px solid #efefef;
    margin: 0 0 20px 0;
    border-radius: 0;
    padding: 0 0 20px 0;
}
.job-listing-links ul li {
    width: 100%;
    display: inline-flex;
    flex-direction: row;
    flex-grow: 1;
    margin-bottom: .3rem;
}
.job-listing-links ul li a{
    color: #3c6382;
    font-weight: 600;
}
.job-listing-links ul li a:hover{
    color: #fa983a;
}
.sorting-footer .job-listing-links ul {
    border: none;
    padding: 0;
    margin: 0;
}

.sorting-footer .job-listing-links ul li {
    width: 25%;
    display: inline-block;
    padding: 4px 15px;
    vertical-align: text-top;
}
.sorting-footer .job-listing-links ul li a {
    word-break: break-word;
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
}
.add-for-space{
    font-size: 1.75rem;
    font-weight: 600;
    color: #181818;
    background: #cdcdcd;
    text-align: center;
    padding: 2rem 0;
}

aside .add-for-space{
    padding: 7rem 0;
}

footer{
    background: #0a3d62;
    padding: 5rem 0 0 0;
}

footer .footers-two-h5{
    color: #ffffff;
    font-size: 1.125rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    text-transform: capitalize;
    position: relative;
}
footer .footers-two-h5:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 10px;
    width: 50px;
    height: 2px;
    background: #ffad33;
}
footer .footer-links li{
    margin-bottom: 10px;
}
footer .footer-links li:last-child{
    margin-bottom: 0;
}
footer .footer-links a{
    color: #cbcbcb;
    font-size: 0.875rem;
}
footer .footer-links a:hover,
footer .footer-links a:focus{
    color: #f6b93b;
	padding-left: 5px;
}
footer .social-icons a {
    color: 
    #FFF;
    opacity: 0.4;
    margin-right: 7px;
}
footer .social-icons a:hover{
	opacity: 1;
	color:#f6b93b;
}
.copyright{
    background: #013052;
    color: #cbcbcb;
    padding: 1.5rem 0;
    margin-top: 2.7rem;
}
.copyright a{
    color: #cbcbcb;
}
.copyright a i {
    margin-right: 3px;
}
.copyright a:hover{
    color: #f6b93b;
}
.dashboard-icon .box i {
    font-size: 24px;
    margin-right: 15px;
    color: #006cb7;
    padding-top: 5px;
}
.member_contact .media-icon{
	font-size: 20px;
	color: #ae0816;
	margin-right: 20px;
}
/* Sidebar CSS */
.sidebar-wrap{
    margin-bottom: 25px;
}
.create-job-alert {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.16);
    text-align: center;
    padding: 1.5rem;    
}
.right-listing{
    background: #FFF;
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
.right-listing .head {
    text-align: center;
}
.right-listing .head span {
    display: inline-block;
    background: #3c6382;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 0.7rem 1.5rem;
    color: #FFF;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
}
.right-listing ul li a{
    padding: 0.5rem 1.5rem;
    display: block;
    font-weight: 600;
    color: #3c6382;
    border-bottom: 1px solid #f4f4f4;
}

.right-listing ul li a:hover{
    color: #fa983a;
    border-bottom: 1px solid #d8d8d8;
}
.right-listing ul li:last-child a{
    border: none;
}
.create-job-alert strong{
    display: block;
    font-size: 1rem;
}

.create-job-alert a{
    padding: 0.5rem 1rem;
    color: #FFF;
    background: #fa8231;
    border-radius: 4px;
    margin-left: 0;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    margin-top: 00.87rem;
}
.create-job-alert a:hover{
    background: #ff6633;
    color: #FFF;
}

/* Sidebar CSS */

/* Login/Singup Styles */
.login-wrap-outer{
    padding: 7rem 0;
}
.login-wrap{
    padding: 3rem;
    background: #FFF;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.static-pages h4 {
    color: #ff7e33;
    font-weight: 600;
}
.inner-pages.login-wrap{
    padding: 0;
    box-shadow: none;
}
.login-wrap h3{
	color: #ff6633;
    margin-bottom: 1rem;
    font-weight: 700;
    font-size: 1.25rem;

}
.login-wrap .form-control,
.login-wrap .custom-select,
.login-wrap .custom-file-label{
    padding: .5rem .85rem;
    margin-bottom: 0;
    border: 1px solid #ddd;
    box-sizing: border-box;
    height: 42px;
    border-radius: 0;
    font-size: 0.875rem;
}
.login-wrap textarea.form-control{
    height: auto;
    resize: vertical;
}
.login-wrap .custom-file-label::after {
    height: 100%;
    border-radius: 0;
    line-height: 2.1;
}
.forgot-pwd{
    padding: 0 0 1rem 0;
}
.forgot-pwd a{
    color: #006cb7;
    font-weight: 600;
}
.forgot-pwd a:hover{
    color: #333;
}
.signup-bg{
    padding: 3rem;
    color: #FFF;

    background: #1e3c72;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #2a5298, #1e3c72);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #2a5298, #1e3c72); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.signup-bg.bg-transparent{
    background: transparent;
    background: transparent;
    background: transparent;
    color: #333;
    text-align: right;
}
.signup-bg h3{
    margin-bottom: 0.5rem;
    font-weight: 700;
    font-size: 1.25rem;
}
.signup-bg .login100-form-btn,
.login-wrap .login100-form-btn {
    font-size: 1rem;
    background: #fa8231;
    text-transform: uppercase;
    font-weight: 700;
    color: #FFF;
    display: block;
    width: 100%;
    padding: 0.6rem 0.7rem;
    border: none;
    border-radius: 3px;

    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.signup-bg .login100-form-btn:hover{
    background: #ff6633;
    color:#fff;

}
.signup-bg .login100-form-btn:focus {
    outline: none;
    box-shadow: 0 0 6px rgb(255 102 51 / 0.7);
}
.login-wrap .login100-form-btn {
    background: #fa8231;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
}

.login-wrap .login100-form-btn:hover{
    background: #ff6633;
    color: #FFF;
}
.login-wrap .login100-form-btn:focus {
    outline: none;
    box-shadow: 0 0 6px rgb(255 102 51 / 0.7);
}
.signup-bg ul li{
    padding: 0.7rem 0;
}
.signup-bg ul{
    margin-bottom: 1rem
}
.registration-label label.control-label {
    width: 100%;
    text-align: right;
    padding-top: 10px;
}
.registration-label.login-wrap-outer{
    padding: 4rem 0;
}
.registration-label .login-wrap {
    padding: 3rem 4rem;
}

.registration-label .btn-primary,
.login-wrap .btn-primary {
    padding: 0.5rem 1rem;
    color: #FFF;
    background: #fa8231;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 600;
    align-items: center;
    min-width: 150px;
    margin-right: 15px;
    border-color: #fa8231;
    box-shadow: none !important;
}
.registration-label .btn-primary:hover,
.login-wrap .btn-primary:hover{
    background: #ff6633;
    color: #FFF;
    border-color: #ff6633;
}
.registration-label .btn-default {
    padding: 0.5rem 1rem;
    box-shadow: none !important;
    color: #333;
    background: #efefef;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 600;
    align-items: center;
}
label.error, span.error{
    color: #f00;
    font-size: 0.775rem;
    margin-top: 7px;
    margin-bottom: 0;
    display: block;
}
.iti__flag-container {
    height: 42px;
}

/* Login/Singup Styles */

/*------------------------------------------*/
/*    Top Bottom Spacing
/*------------------------------------------*/
.wide-tb-100{ padding-top: 100px; padding-bottom: 100px; }
.wide-tb-90{ padding-top: 90px; padding-bottom: 90px; }
.wide-tb-80{ padding-top: 80px; padding-bottom: 80px; }
.wide-tb-70{ padding-top: 70px; padding-bottom: 70px; }
.wide-tb-70{ padding-top: 70px; padding-bottom: 70px; }
.wide-tb-60{ padding-top: 60px; padding-bottom: 60px; }
.wide-tb-50{ padding-top: 50px; padding-bottom: 50px; }
.wide-tb-40{ padding-top: 40px; padding-bottom: 40px; }
.wide-tb-30{ padding-top: 30px; padding-bottom: 30px; }

/* Font Weight = fw */
.fw-3{ font-weight: 300; }
.fw-4{ font-weight: 400; }
.fw-5{ font-weight: 500; }
.fw-6{ font-weight: 600; }
.fw-7{ font-weight: 700; }

/*------------------------------------------*/
/*    Heading Style
/*------------------------------------------*/
.heading-main{
    color:#1289A7;
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 20px;
}
.heading-main span{
    color: #F79F1F;
    text-transform: uppercase;
    padding-bottom: 5px;
    display: block;
    font-size: 0.775rem;
    font-weight: 700;
}
.heading-left-border {
    color: #ff6633;
    padding: 0.2rem 20px;
    /*border-left: 2px solid #ff6633;*/
    margin-bottom: 25px;
    font-weight: 600;
	position:relative;
}
h5.heading-left-border:after {
    content: "";
    height: 2px;
    position: absolute;
    background: #1289A7;
    width: 60px;
    left: 0;
    bottom: -8px;
}
/* About Page Styles */
.about-wrap {
    background: url(../img/blog-digital-transformation.jpg) no-repeat top right #FFF;
    background-size: contain;
}
.pricing-box{
    margin: 3rem 0;
    border-radius: 4px;
    background-color: #FFF;
    text-align: center;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1));
    padding: 0;
    position: relative;
}
.popular {
    position: absolute;
    background: #8a8a8a;
    padding: 0.5rem 1.5rem;
    left: 50%;
    top: -40px;
    transform: translateX(-50%);
    display: block;
    width: 60%;
    border-radius: 20px;
    color: #FFF;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1;
}
.popular:before {
    position: absolute;
    content: "";
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #8a8a8a;
}
.pricing-box h4 {
    font-size: 0.875rem;
    color: #FFF;
    margin-bottom: 15px;
    font-weight: 600;
    display: inline-block;
    background: #3c6382;
    line-height: 1;
    padding: 0.5rem 1rem;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pricing-box h2 {
    font-size: 2.8rem;
    font-weight: 700;
    color: #ff9133;
    line-height: 1;
    margin: 3rem 0;
}
.pricing-box h2 sup {
    font-size: 0.80rem;
    position: relative;
    top: -20px;
    left: -4px;
    color: #333;
}
.pricing-box h2 small {
    display: block;
    font-size: 0.775rem;
    display: inline-block;
    padding: 0.5rem 2rem;
    background: #ffc543;
    border-radius: 20px;
    margin-top: 0;
    color: #fff;
    line-height: 1;
}
.bottom-wrap{
    color: #FFF;
    background: #11619a;
    padding: 2rem 1rem;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.bottom-wrap a {
    border-radius: 3px;
    background: #FFF;
    color: #006cb7;
    font-weight: 600;
    margin-bottom: 0.8rem;
}
.bottom-wrap a:hover{
    background: #00adef;
    color: #FFF;
}
.bottom-wrap span{
    font-size: 0.775rem;
}

.marketing-table {
    width: 100%;
    margin: 30px 0;
    border-spacing: 0;
    border-collapse: collapse;
    -webkit-text-size-adjust: 100%;
}
.pricing-table caption {
    position: static;
}
.marketing-table thead th {
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px;
}
.marketing-table th {
    background-color: #f4f6f8;
    font-weight: 400;
}
.pricing-table tbody th {
    width: 33.3333333333%;
}
.marketing-table tbody th, .marketing-table tbody td {
    text-align: left;
}
.marketing-table th {
    background-color: #f4f6f8;
    font-weight: 400;
}
.marketing-table th, .marketing-table td {
    padding: 10px 15px;
    border: 1px solid #dfe3e8;
}
.marketing-table th[scope='row'] {
    background-color: transparent;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}
/* About Page Styles */

.theme-collapse{
    padding: 0 0 0 30px;
}
.theme-collapse .toggle {
    color: #1c1c1c;
    font-size: 0.9rem;
    padding-bottom: 15px;
    text-transform: capitalize;
    position: relative;
    padding-left: 0;
    cursor: pointer;
    font-weight: 700;
}
.theme-collapse .toggle svg{
    position: absolute;
    top: 3px;
    left: -34px;
    font-size: 1rem;
    color: #000;
    transform: rotate(0deg);
    transition: all 0.15s linear;
}
.theme-collapse .toggle.arrow-down{
    color: #ff7e33;
}
.theme-collapse .toggle.arrow-down svg{
    transform: rotate(180deg);
    color: #ff7e33;
}
.theme-collapse .content{
    padding: 0 0 15px 0;
}
.theme-collapse a {
    display: block;
    font-size: 14px;
    color: #7b7b7b;
    text-transform: capitalize;
    margin-bottom: 7px;
}
.theme-collapse a:hover{
    color: #24547f;
}
.theme-collapse a:last-child{
    margin: 0;
}
/* Right Icon With Border */
.arrow-right-border.theme-collapse {
    padding: 0;
}
.arrow-right-border.theme-collapse .toggle svg {
    left: auto;
    right: 0;
}
.arrow-right-border.theme-collapse .toggle {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
    padding-right: 20px;
}
/* Right Icon With Border */

/* Pagination Style */
.pagination {
    margin-bottom: 0;
    font-weight: 500
}

.pagination-sm {
    font-size: .9375rem
}

.pagination {
    display: -webkit-box;
    display: flex;
    padding-left: 0;
    list-style: none
}
.page-link {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-left: -1px;
    line-height: 1.25;
    color: inherit;
    background-color: transparent;
    border: 1px solid #e5e5e5;
}
.pagination .page-link {
    border-width: 0 0 1px 0;
}
.page-link {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-left: -1px;
    line-height: 1.25;
    color: inherit;
    background-color: transparent;
    border: 1px solid #e5e5e5
}

.page-link:hover {
    z-index: 2;
    color: #ae0816;
    text-decoration: none;
    background-color: transparent;
    border-color: #ae0816
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none
}

.page-item:first-child .page-link {
    margin-left: 0
}

.page-item.active .page-link {
    z-index: 3;
    color: #006cb7;
    background-color: transparent;
    border-color: #006cb7
}

.page-item.disabled .page-link {
    color: #3e3e3e;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #bababa
}

.pagination-lg .page-link {
    padding: 1rem 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5
}

.pagination-sm .page-link {
    padding: .3rem 0.7rem;
    font-size: .9375rem;
    line-height: 1.5
}
.pagination .page-link-arrow {
    border-width: 0;
}
/* Pagination Style */


.job-srch-wrap .bottom-wrap-search{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F3F3F3;
    padding: 15px;
}
.bottom-wrap img{
    margin-right: 10px;
}
.job-description{
    margin: 0 7px;
    display: flex;
}
.job-details{
    margin: 0 8px;
    display: flex;
}
.job-details p{
    margin-left: 15px;
}
.job-description p{
    margin-left: 15px;
    white-space: normal;
}
.job-srch-wrap{
    border: 1px solid #e2e2e2;
    margin-bottom: 25px;
	margin-top: 35px !important;
}
.header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px 5px;
    position: relative;
}
.featured-job-icon {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #f3f3f3;
    justify-content: center;
    align-items: center;
    display: flex;
    /* border: 1px solid #e2e2e2; */
    left: -18px;
    top: 20px;
}
.thumb img {
    border: 1px solid #e2e2e2;
    margin-right: 15px;
    width: 80px;
}
.title-head{
    font-size: 20px;
    color: #0D0D0D;
    font-weight: bold;
}
.title-head small{
    display: block;
    color: #7A7A7A;
    font-size: 12px;
}
.job-srch-wrap .head{
    display: flex;
    align-items: center;
}
.job-amenities {
	padding: 11px 8px 11px 0;
	margin: 0;
    background: #F3F3F3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.job-amenities a{
    display: flex;
    align-items: center;
    color: #000;
}
.job-amenities a img{
    margin: 0 7px;
}

.title-lines {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
}
.top-pagination{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.top-pagination .pagination {
    margin: 0;
    margin-left: auto;
}
.avatar-img {
    width: 100px;
    max-height: 100px;
    margin: -50px auto 15px;
    border: 5px solid #FFF;
    border-radius: 50%;
    height: 100px;
    background: #FFFF;
}
.avatar-img img{
    width: 100%;
}
.iti {
    display: block !important;
}

/* Email Reply */

.main-img-user {
    display: block;
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 100%;
}
.main-mail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-content-title {
    color: #14112d;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    margin-bottom: 0px;
    text-transform: uppercase;
    padding-right: 13px;
}
.main-mail-header>div:last-child>span {
    font-size: 12px;
    margin-right: 10px;
}
.main-mail-header>div:last-child {
    display: flex;
    align-items: center;
}
.main-mail{
    margin-top: 0.5rem;
}
.main-mail h6{
    color: #000;
    font-weight: 600;
}
.mail-footer i{
    margin-right: 4px;
}
.mail-footer .reply-button{
    color: #FFF;
    background: #006cb7;
}
.mail-footer .frwd-btn{
    color: #333;
    border: 1px solid #333;
}
.range-slider{
    margin-left: 15px;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}
.slider .tooltip.top {
    margin-top: -36px;
}
.slider.slider-horizontal .tooltip {
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}
.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9;
}
.tooltip {
    position: absolute;
    z-index: 999;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
}
.account-user {
    width: 24px;
    margin-right: 7px;
}
.quick-links-wrap ul li{
    padding-bottom: 7px;
}
.quick-links-wrap ul li a{
    color: #333;
    font-weight: 600;
}
.quick-links-wrap ul li a:hover{
    color: #ae0816;
}

.smart-jobs-post{
    font-size: 0.78rem;
    text-align: center;
}
.smart-jobs-post span{
    display: block;
    font-size: 1.1rem;
    color: #006cb7;
}
.sidebare-toggle a.plus{
    display: block;
    position: relative;
}
.sidebare-toggle a.plus:after {
    font-family: 'FontAwesome';
    content: "\f068";
    position: absolute;
    right: 25px;
    top: 12px;
    transform: translateY(-50%);
    font-weight: normal;
    text-shadow: none;
    color: #ae0816;
    box-shadow: none;
}
.sidebare-toggle a.plus.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}

.sidebare-toggle.large a.plus:after {
    font-size: 1rem;
    top: 25px;
}
.sidebar-tab .nav-pills .nav-link {
    border-radius: 0;
    background: #efefef;
}
.sidebar-tab .nav-pills .nav-link.active, 
.sidebar-tab .nav-pills .show>.nav-link{
    background: #006cb7;
}
.sidebar-tab a.text-truncate{
    width: 70%;
    position: relative;
}
.sidebar-tab a.text-truncate .badge{
    position: absolute;
    top: 0;
    right: 0;
}
.tags-search{
    display: flex;
}
.tags-search .alert {
    padding: 0.4rem 0.5rem;
    border-radius: 0;
    margin-right: 0.7rem;
    cursor: pointer;
    font-size: 0.75rem;
}
.tags-search .alert.alert-dismissible .close {
    height: 100%;
    width: 30px;
    padding: 0;
    background: #333;
    opacity: 1;
    color: #FFF;
    text-shadow: none;
    font-weight: normal;
    opacity: 0;
}
.tags-search .alert:hover .close{
    opacity: 1;
}

.advanced-search, .advanced-search-outline{
    font-size: 1rem;
    background-color: #006cb7;
    color: #FFF;
    min-width: 150px;
    padding: 0.6rem 0.7rem;
    border: none;
    border-radius: 3px;
    font-weight: 600;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;

}
.advanced-search-outline{
    background: transparent;
    border: 1px solid #333;
    color: #333;
    margin-left: 0.5rem;
}
.advanced-search:hover{
    color: #FFF;
    background: #333;
}
.advanced-search i{
    margin-right: 0.3rem;
}
.search-result-header h2 {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 1.5rem;
}
.search-result-header h2 small {
    font-size: 0.775rem;
    display: block;
    padding-top: 4px;
}
.search-count{
    padding-left: 20px;
}
.search-count span {
    display: block;
    font-size: 1.2rem;
    color: #ae0816;
    font-weight: 600;
}

.inner-toggle a.plus:after{
    right: 3px;
}
.sidebar-search-result .form-control,
.sidebar-search-result .custom-select {
    padding: .5rem .85rem;
    margin-bottom: 0;
    border: 1px solid #ddd;
    box-sizing: border-box;
    height: 36px;
    border-radius: 0;
    font-size: 0.775rem;
}
.sidebar-search-result .reset-link{
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
}
.sidebar-search-result:hover .reset-link{
    opacity: 1;
    visibility: visible;
}
.sidebar-checkboxes{
    margin: 0;
}
.sidebar-checkboxes li{
    padding-bottom: 10px;
    font-size: 0.75rem;
}
.sidebar-checkboxes li ul{
    padding-left: 12px;
    margin-top: 12px;
}
.sidebar-checkboxes li ul li:last-child{
    padding-bottom: 0;
}

.sidebar-search-result .heading-left-border {
    font-size: 0.875rem;
}

.employee-search-result {
    margin: 0.7rem 0;
    background: #FFF;
    font-size: 0.875rem;
    padding: 0.4rem;
    overflow: hidden;
}
.employee-search-result .title-name{
    padding-top: 3px;
}
.employee-search-result .title-name a{
    text-transform: capitalize;
    color: #006cb7;
    text-decoration: none !important;
}
.employee-search-result .top-icons{
    padding: 4px 0 10px 0;
}
.employee-search-result .top-icons span{
    padding-right: 20px;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.employee-search-result .top-icons span img{
    padding-right: 8px; 
}

.profil-bg-extended{
    position: relative;
}
.profil-bg-extended .content {
    position: relative;
    z-index: 2;
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
}
.profil-bg-extended .content a{
    color: #006cb7;
}
.profil-bg-extended .content .avatar{
    width: 40px;
    margin: 0 auto
}
.profil-bg-extended:before {
    position: absolute;
    content: "";
    width: calc(100% + 20px);
    height: calc(100% + 75%);
    left: -2px;
    right: 0;
    top: -10px;
    background: #efefef;
    z-index: 1;
    background-color: rgba(0, 108, 183, 0.1);
}
.result-left-label.col {
    width: 100px;
    max-width: 100px;
    color: #999;
    font-size: 0.80rem;
}
.result-right-content.col {
    font-size: 0.80rem;
}
.result-right-content.col a{
    color: #000;
}
.result-right-content.col a:hover{
    border-bottom: 1px dashed #dcdcdc; 
}
.profil-bg-extended .content .show-number a {
    border: 1px solid #999;
    display: block;
    color: #333;
    text-align: center;
    display: flex;
}
.profil-bg-extended .content .show-number a span {
    width: 100%;
    padding: 0.4rem;
    border-left: 1px solid #999;
}
.profil-bg-extended .content .show-number img{
    margin: 0 .6rem;
}
.profil-bg-extended .content .verified{
    margin: 0.87rem 0; 
}
.profil-bg-extended .content .verified span{
    color: #1fa67a;
    margin-right: 10px;
}

.btn-danger {
    color: #fff;
    background-color: #ae0816;
    border-color: #ae0816;
}

/*.static-pages{
    color: #666;
}*/

/*--------------------------New css------------------------*/
.static-pages h6{
    font-weight: 600;
    color: #1289A7;
}
.page-sidebar h5, .page-rightbar h5 {
    margin-left: 1em;
}
.page-sidebar h5:after, .page-rightbar h5:after  { display:none}
.contact-left-col address {
    position: relative;
    padding-left: 25px;
}
.contact-left-col address i {
    position: absolute;
    left: 0;
    font-size: 24px;
    line-height: 30px;
    color: #ff6633;
}
.contact-left-col p {
    position: relative;
    padding-left: 23px;
}
.contact-left-col p i {
    color: #ff6633;
    font-size: 18px;
    left: 0;
    position: absolute;
    line-height: 26px;
}
.contact-left-col a {
    position: relative;
    padding-left: 22px;
}
.contact-left-col a i {
    color: #ff6633;
    font-size: 16px;
    left: 0;
    position: absolute;
    line-height: 22px;
}
.post-full-header {
    background: #1289A7;
    padding: 35px 0;
}
.post-full-header .post-full-title {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 10px;
}
.post-full-header span.post-meta a, .post-full-header span.post-meta time {
    color: #ddd;
}
.kg-card-markdown h2 {
    color: #1289A7;
    font-size: 24px;
    font-weight: 700;
}
.home-tabbing .card-body .list-unstyled li {
    padding: 4px 15px;
    font-weight: 600;
}
.contact-left-col h4.heading-left-border {
    margin-bottom: 15px;
}
.contact-left-col strong {
    margin-bottom: 5px;
    display: block;
}
#f1 .form-group .btn-outline-dark {
    border-color: #ddd;
    border-radius: 0;
    border-left: 0;
}
.form-group span.fa-calendar {
    border: 1px solid #ddd;
    border-radius: 0;
    border-left: 0;
    line-height: 24px !important;
    width: 40px;
    text-align: center;
}
.g-recaptcha {
    margin-top: 15px;
}
.post-job h3 {
    font-weight: 700;
    color: #1289A7;
    margin-top: 10px;
}
span.post-meta {
    color: #ddd;
}
.job-details > div, .job-description > div {
    min-width: 13px;
}
.job-details .chip {
  margin-top: 10px;
  display: inline-block;
  margin-right: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #333;
  border: 1px solid #333;
  border-radius: 14px;
  padding: 4px 10px;
}

.table-responsive .row{
	width:100%;
}
.dialogotp {
  padding: 75px;
  text-align: center;
}
.textotp {
  height: 37px;
  vertical-align: top;
}
.editlink {
    position:absolute;
    top:0px;
    right:0px;
    transition: all 0.3s ease-in-out 0s;
    -mox-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    background:rgba(255,255,255,0.2);
}
.rounded-circle{
	position: relative; 
	min-width: 100px;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50%;
}
.rounded-circle img {
	width: 100%;
	height: auto;
}

/** Chat CSS **/

.chatbox-holder {
  position: fixed;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  height: 0;
}

.chatbox {
  width: 400px;
  height: 400px;
  margin: 0 20px 0 0;
  position: relative;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
  display: flex;
  flex-flow: column;
  border-radius: 10px 10px 0 0;
  background: white;
  bottom: 0;
  transition: .1s ease-out;
}

.chatbox-top {
  position: relative;
  display: flex;
  padding: 10px 0;
  border-radius: 10px 10px 0 0;
  background: rgba(0, 0, 0, .05);
}

.chatbox-icons {
  padding: 0 10px 0 0;
  display: flex;
  position: relative;
}

.chatbox-icons .fa {
  background: rgba(220, 0, 0, .6);
  padding: 3px 5px;
  margin: 0 0 0 3px;
  color: white;
  border-radius: 0 5px 0 5px;
  transition: 0.3s;
}

.chatbox-icons .fa:hover {
  border-radius: 5px 0 5px 0;
  background: rgba(220, 0, 0, 1);
}

.chatbox-icons a, .chatbox-icons a:link, .chatbox-icons a:visited {
  color: white;
}

.chat-partner-name, .chat-group-name {
  flex: 1;
  padding: 0 0 0 95px;
  font-size: 15px;
  font-weight: bold;
  color: #30649c;
  text-shadow: 1px 1px 0 white;
  transition: .1s ease-out;
}

.status {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #cacaca;
  margin: 0 3px 0 0;
}

.online {
  background: #b7fb00;
}

.away {
  background: #ffae00;
}

.donot-disturb {
  background: #ff4343;
}

.chatbox-avatar {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
  background: white;
  padding: 3px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
  position: absolute;
  transition: .1s ease-out;
  bottom: 0;
  left: 6px;
}

.chatbox-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.chat-messages {
  border-top: 1px solid rgba(0, 0, 0, .05);
  padding: 10px;
  overflow: auto;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  flex: 1;
}

.message-box-holder {
  width: 100%;
  margin: 0 0 15px;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
}

.message-sender {
  font-size: 12px;
  margin: 0 0 15px;
  color: #30649c;
  align-self: flex-start;
}

.message-sender a, .message-sender a:link, .message-sender a:visited, .chat-partner-name a, .chat-partner-name a:link, .chat-partner-name a:visited {
  color: #30649c;
  text-decoration: none;
}

.message-box {
  padding: 6px 10px;
  border-radius: 6px 0 6px 0;
  position: relative;
  background: rgba(100, 170, 0, .1);
  border: 2px solid rgba(100, 170, 0, .1);
  color: #6c6c6c;
  font-size: 12px;
}

.message-box:after {
  content: "";
  position: absolute;
  border: 10px solid transparent;
  border-top: 10px solid rgba(100, 170, 0, .2);
  border-right: none;
  bottom: -22px;
  right: 10px;
}

.message-partner {
  background: rgba(0, 114, 135, .1);
  border: 2px solid rgba(0, 114, 135, .1);
  align-self: flex-start;
}

.message-partner:after {
  right: auto;
  bottom: auto;
  top: -22px;
  left: 9px;
  border: 10px solid transparent;
  border-bottom: 10px solid rgba(0, 114, 135, .2);
  border-left: none;
}

.chat-input-holder {
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

.chat-input {
  resize: none;
  padding: 5px 10px;
  height: 40px;
  font-family: 'Lato', sans-serif;
	font-size: 14px;
  color: #999999;
  flex: 1;
  border: none;
  background: rgba(0, 0, 0, .05);
   border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.chat-input:focus, .message-send:focus {
  outline: none;
}

.message-send::-moz-focus-inner {
	border:0;
	padding:0;
}

.message-send {
  -webkit-appearance: none;
  background: #9cc900;
  background: -moz-linear-gradient(180deg, #00d8ff, #00b5d6);
  background: -webkit-linear-gradient(180deg, #00d8ff, #00b5d6);
  background: -o-linear-gradient(180deg, #00d8ff, #00b5d6);
  background: -ms-linear-gradient(180deg, #00d8ff, #00b5d6);
  background: linear-gradient(180deg, #00d8ff, #00b5d6);
  color: white;
  font-size: 12px;
  padding: 0 15px;
  border: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.attachment-panel {
  padding: 3px 10px;
  text-align: right;
}

.attachment-panel a, .attachment-panel a:link, .attachment-panel a:visited {
  margin: 0 0 0 7px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}

.chatbox-min {
  margin-bottom: -362px;
/*   height: 46px; */
}

.chatbox-min .chatbox-avatar {
  width: 60px;
  height: 60px;
}

.chatbox-min .chat-partner-name, .chatbox-min .chat-group-name {
  padding: 0 0 0 75px;
}

.settings-popup {
  background: white;
	border-radius: 20px/10px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
  font-size: 13px;
	opacity: 0;
	padding: 10px 0;
	position: absolute;
	right: 0;
	text-align: left;
	top: 33px;
	transition: .15s;
	transform: scale(1, 0);
	transform-origin: 50% 0;
	width: 120px;
  z-index: 2;
  border-top: 1px solid rgba(0, 0, 0, .2);
  border-bottom: 2px solid rgba(0, 0, 0, .3);
}

.settings-popup:after, .settings-popup:before {
  border: 7px solid transparent;
	border-bottom: 7px solid white;
	border-top: none;	
	content: "";
	position: absolute;
	left: 45px;
	top: -10px;
  border-top: 3px solid rgba(0, 0, 0, .2);
}

.settings-popup:before {
  border-bottom: 7px solid rgba(0, 0, 0, .25);
  top: -11px;
}

.settings-popup:after {
  border-top-color: transparent;
}

#chkSettings {
	display: none;
}

#chkSettings:checked + .settings-popup {
	opacity: 1;
	transform: scale(1, 1);
}

.settings-popup ul li a, .settings-popup ul li a:link, .settings-popup ul li a:visited {
  color: #999;
  text-decoration: none;
  display: block;
  padding: 5px 10px;
}

.settings-popup ul li a:hover {
  background: rgba(0, 0, 0, .05);
}
.msger {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 867px;
  margin: 25px 10px;
  height: calc(100% - 50px);
  border: var(--border);
  border-radius: 5px;
  background: var(--msger-bg);
  box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);
}

.msger-header {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: var(--border);
  background: #eee;
  color: #666;
}

.msger-chat {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
}
.msger-chat::-webkit-scrollbar {
  width: 6px;
}
.msger-chat::-webkit-scrollbar-track {
  background: #ddd;
}
.msger-chat::-webkit-scrollbar-thumb {
  background: #bdbdbd;
}
.msg {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
}
.msg:last-of-type {
  margin: 0;
}
.msg-img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: #ddd;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
.msg-bubble {
  max-width: 450px;
  padding: 15px;
  border-radius: 15px;
  background: var(--left-msg-bg);
}
.msg-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.msg-info-name {
  margin-right: 10px;
  font-weight: bold;
}
.msg-info-time {
  font-size: 0.85em;
}

.left-msg .msg-bubble {
  border-bottom-left-radius: 0;
}

.right-msg {
  flex-direction: row-reverse;
}
.right-msg .msg-bubble {
  background: var(--right-msg-bg);
  color: #ccc;
  border-bottom-right-radius: 0;
}
.right-msg .msg-img {
  margin: 0 0 0 10px;
}

.msger-inputarea {
  display: flex;
  padding: 10px;
  border-top: var(--border);
  background: #eee;
}
.msger-inputarea * {
  padding: 10px;
  border: none;
  border-radius: 3px;
  font-size: 1em;
}
.msger-input {
  flex: 1;
  background: #ddd;
}
.msger-send-btn {
  margin-left: 10px;
  background: rgb(0, 196, 65);
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.23s;
}
.msger-send-btn:hover {
  background: rgb(0, 180, 50);
}

.msger-chat {
  background-color: #fcfcfe;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23dddddd' fill-opacity='0.4'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2H21.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06A5 5 0 0 1-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1L.9 19.22a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0L2.26 23h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H-13.1z'/%3E%3Cpath id='path6_fill-copy' d='M284.37 16c.2.65.39 1.32.54 2H281.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06a5 5 0 0 1-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H246.9z'/%3E%3Cpath d='M159.5 21.02A9 9 0 0 0 151 15h-42a9 9 0 0 0-8.5 6.02 6 6 0 0 0 .02 11.96A8.99 8.99 0 0 0 109 45h42a9 9 0 0 0 8.48-12.02 6 6 0 0 0 .02-11.96zM151 17h-42a7 7 0 0 0-6.33 4h54.66a7 7 0 0 0-6.33-4zm-9.34 26a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-7a7 7 0 1 1 0-14h42a7 7 0 1 1 0 14h-9.34zM109 27a9 9 0 0 0-7.48 4H101a4 4 0 1 1 0-8h58a4 4 0 0 1 0 8h-.52a9 9 0 0 0-7.48-4h-42z'/%3E%3Cpath d='M39 115a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm6-8a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-3-29v-2h8v-6H40a4 4 0 0 0-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 0 0-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38z'/%3E%3Cpath d='M129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 0 0 4 0zm-6-.63V104h-4v16a10.04 10.04 0 0 0 4 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0 0 11.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 0 0 130 126z'/%3E%3Cpath d='M212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 0 0-.56 9.65l.06.25 1.12 4.48a2 2 0 0 0 1.94 1.52h.01l7.02 24.55a2 2 0 0 0 1.92 1.45h4.98a2 2 0 0 0 1.92-1.45l7.02-24.55a2 2 0 0 0 1.95-1.52L224.5 96l.06-.25a5 5 0 0 0-.56-9.65V86a14 14 0 0 0-28 0zm4 0h6v2h-9a3 3 0 1 0 0 6H223a3 3 0 1 0 0-6H220v-2h2a12 12 0 1 0-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 1 0 0-44 22 22 0 0 0 0 44zm24-22a24 24 0 1 1-48 0 24 24 0 0 1 48 0zm-28.38 17.73l2.04-.87a6 6 0 0 1 4.68 0l2.04.87a2 2 0 0 0 2.5-.82l1.14-1.9a6 6 0 0 1 3.79-2.75l2.15-.5a2 2 0 0 0 1.54-2.12l-.19-2.2a6 6 0 0 1 1.45-4.46l1.45-1.67a2 2 0 0 0 0-2.62l-1.45-1.67a6 6 0 0 1-1.45-4.46l.2-2.2a2 2 0 0 0-1.55-2.13l-2.15-.5a6 6 0 0 1-3.8-2.75l-1.13-1.9a2 2 0 0 0-2.5-.8l-2.04.86a6 6 0 0 1-4.68 0l-2.04-.87a2 2 0 0 0-2.5.82l-1.14 1.9a6 6 0 0 1-3.79 2.75l-2.15.5a2 2 0 0 0-1.54 2.12l.19 2.2a6 6 0 0 1-1.45 4.46l-1.45 1.67a2 2 0 0 0 0 2.62l1.45 1.67a6 6 0 0 1 1.45 4.46l-.2 2.2a2 2 0 0 0 1.55 2.13l2.15.5a6 6 0 0 1 3.8 2.75l1.13 1.9a2 2 0 0 0 2.5.8zm2.82.97a4 4 0 0 1 3.12 0l2.04.87a4 4 0 0 0 4.99-1.62l1.14-1.9a4 4 0 0 1 2.53-1.84l2.15-.5a4 4 0 0 0 3.09-4.24l-.2-2.2a4 4 0 0 1 .97-2.98l1.45-1.67a4 4 0 0 0 0-5.24l-1.45-1.67a4 4 0 0 1-.97-2.97l.2-2.2a4 4 0 0 0-3.09-4.25l-2.15-.5a4 4 0 0 1-2.53-1.84l-1.14-1.9a4 4 0 0 0-5-1.62l-2.03.87a4 4 0 0 1-3.12 0l-2.04-.87a4 4 0 0 0-4.99 1.62l-1.14 1.9a4 4 0 0 1-2.53 1.84l-2.15.5a4 4 0 0 0-3.09 4.24l.2 2.2a4 4 0 0 1-.97 2.98l-1.45 1.67a4 4 0 0 0 0 5.24l1.45 1.67a4 4 0 0 1 .97 2.97l-.2 2.2a4 4 0 0 0 3.09 4.25l2.15.5a4 4 0 0 1 2.53 1.84l1.14 1.9a4 4 0 0 0 5 1.62l2.03-.87zM152 207a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-11 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-6 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3-5a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-8 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm0 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5-2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-24 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm16 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm7-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0zm86-29a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1 246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM275 214a29 29 0 0 0-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 0 0 7.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 0 1-2 2 2 2 0 0 1-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 0 0 6.19 2.4A13.94 13.94 0 0 1 84 185v24a6 6 0 0 1-6 6h-3v9a5 5 0 1 1-10 0v-9h-3a6 6 0 0 1-6-6v-24a14 14 0 0 1 14-14 5 5 0 0 0 5 5zm-17 15v12a1.99 1.99 0 0 0 1.22 1.84 2 2 0 0 0 2.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 0 1-5.35 3.77 3.98 3.98 0 0 1-.65-.3V209a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 0 1-5.2-3 7 7 0 0 1-6.47-4.88A12 12 0 0 0 58 185v6zm9 24v9a3 3 0 1 0 6 0v-9h-6z'/%3E%3Cpath d='M-17 191a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2H4zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM15 214a29 29 0 0 0-57.97 0h57.96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}