@import url('fonts.css');
@import url('reset.css');
@import url('fontawesome-all.min.css');
 @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
/*
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

/*#06a7a5; / #00b4c4;*/

body { background: #fff; margin: 0px; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333; overflow: hidden; overflow-y: auto }
a:link { color: #333; text-decoration: none; outline: none; }
a:visited { text-decoration: none; color: #333; outline: none; }
a:hover { text-decoration: none; color: #676767; outline: none; }
a:active { text-decoration: none; color: #333; outline: none; }
.nopadding { padding: 0 !important; margin: 0 !important; }
.nomargin { padding: 0 !important; margin: 0 !important; }
.container { margin: auto; max-width: 1200px; clear: both; padding: 0px; }
button.btn { background: #00a99d; border: 1px solid #10997d; color: #fff; font-size: 16px; padding: 10px 25px; border-radius: 0px; text-transform: uppercase; }
button.btn:hover { background: #fff; border: 1px solid #10997d; cursor: pointer; color: #10997d; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; }
textarea { font-family: 'Montserrat', sans-serif; }
p { font-family: 'Open Sans', sans-serif; }
::-webkit-input-placeholder {
opacity: 1;
}

:-ms-input-placeholder {
opacity: 1;
}

::-moz-placeholder {
opacity: 1;
}

:-moz-placeholder {
opacity: 1;
}
label { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none;/* Non-prefixed version, currently
                                  not supported by any browser */ }
label { font-weight: normal; }
/*==== HEADER HERE ======*/

.body-home .header_main { float: left; width: 100%; z-index: 99; padding: 25px 20px; position: absolute; left: 0px; top: 0px; background: none; box-shadow: none; z-index:999999}
.body-home .header_main .nav_main ul li a { display: block; padding: 8px 20px; color: #fff; font-size: 16px; float: left; list-style: none; font-weight: 500; }
.header_main { float: left; width: 100%; z-index: 99; padding: 18px 25px; position: relative; background: #FFF; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=26, Direction=0, Color=#B3B3B3)";/*IE 8*/ -moz-box-shadow: 0 0 26px 15px rgba(179,179,179,0.2);/*FF 3.5+*/ -webkit-box-shadow: 0 0 26px 15px rgba(179,179,179,0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 0 0 26px 15px rgba(179,179,179,0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=26, Direction=135, Color=#B3B3B3); /*IE 5.5-7*/
}
.header_main .logo { float: left; margin: 0px 0px 0px 0px; }
.header_main .nav_main { float: right; margin: 10px 0px 0px 0px; }
.header_main .nav_main ul li { float: left; list-style: none; position:relative;}
.header_main .nav_main ul li a { display: block; padding: 8px 20px; color: #12c5c3; font-size: 16px; float: left; list-style: none; font-weight: 500; }
.header_main .nav_main ul li.login { margin: 0px 15px 0px 20px; }
.header_main .nav_main ul li.login a { border: 2px solid #12c5c3; border-radius: 5px; }
.header_main .nav_main ul li.signup a { border: 2px solid #12c5c3; background: #12c5c3; border-radius: 5px; color: #fff; }
.header_main .nav_main ul li.story a { background-position: center 0px; }
.header_main .nav_main ul li.match a { background-position: center -71px; }
.header_main .nav_main ul li.message a { background-position: center -144px; }
.header_main .nav_main ul li.login a { background-position: center -229px; }
.header_main .nav_main ul li.profile { margin: 0px 0px 0px 20px; padding:0px 0px 20px 0px}
.header_main .nav_main ul li.notify a{ padding:0px;}
.header_main .nav_main ul li:hover .sub-menu{ display:block;}
.header_main .nav_main ul li .sub-menu{ position:absolute;  background:#12c5c3; padding:15px; width: 200px; top:50px; left: -127px; display:none;

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=26, Direction=0, Color=#B3B3B3)";/*IE 8*/
-moz-box-shadow: 0 0 26px 3px rgba(179,179,179,0.4);/*FF 3.5+*/
-webkit-box-shadow: 0 0 26px 3px rgba(179,179,179,0.4);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 26px 3px rgba(179,179,179,0.4);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=26, Direction=135, Color=#B3B3B3); /*IE 5.5-7*/
}

.header_main .nav_main ul li.profile .sub-menu{ top:50px; left: -150px; }


.header_main .nav_main ul li .sub-menu:before {content: ""; width: 0; height: 0; border-left: 15px solid transparent;
border-right: 15px solid transparent; border-bottom: 15px solid #12c5c3; position: absolute; top: -15px; right: 18px;}

.header_main .nav_main ul li .sub-menu ul li{ float:left; width:100%; margin:0px 0px 8px 0px }
.header_main .nav_main ul li .sub-menu ul li a{ float:left; width:100%; display:block; color:#fff; padding:5px; font-size:14px;}

.header_main .nav_main ul li.notify span.count {  background:#12c5c3; color:#fff; padding:3px 5px; position:absolute; right:-10px; top:-10px; font-size:12px; border-radius:100%; width:22px; text-align:center;}

.navbar-toggle{ display:none;}

/* =========== BANNER MAIN =========== */

.banner_main { float: left; width: 100%;  }
.banner_main .banner_slides { float: left; width: 100%; }
.banner_main .banner_slides .slide1 { background: url(../images/slide1.jpg) no-repeat 0px 0px; background-size: cover; min-height: 578px; float: left; width: 100%; }
.banner_main .banner_slides .slide2 { background: url(../images/slide2.jpg) no-repeat 0px 0px; background-size: cover; min-height: 578px; float: left; width: 100%; }
.banner_main .banner_slides .slide3 { background: url(../images/slide3.jpg) no-repeat 0px 0px; background-size: cover; min-height: 578px; float: left; width: 100%; }
.banner_main .banner_text { float: left; width: 100%; margin: 0px; position: absolute; top: 25%; text-align: center; z-index: 999; }
.banner_main .banner_text h1 { font-size: 55px; color: #fff; font-weight: 800; margin: 0px 0px 33px 0px; }
.banner_main .banner_text a { font-size: 30px; color: #fff; font-weight: 700; margin: 0px 10px; display: inline-block; background: #55b6e6; border-radius: 5px; padding: 15px 55px; text-shadow: 1px 1px 1px #333; }
.banner_main .banner_text a { background: #12c5c3; }

.post-job-buttons a { font-size: 30px; color: #fff; font-weight: 700; margin: 0px 10px; display: inline-block; background: #12c5c3; border-radius: 5px; padding: 15px 55px; text-shadow: 1px 1px 1px #333; }

/* =========== HOW IT WORKS =========== */

.how_it_works { float: left; width: 100%; padding: 55px 0px; }
.how_it_works h2 { text-align: center; position: relative; font-size: 42px; color: #333; font-weight: 700; margin: 0px 0px 60px 0px }
.how_it_works h2::after { content: ''; position: absolute; bottom: -20px; height: 3px; width: 113px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; background: #00b4c4; }
.how_it_works .icon { text-align: center; }
.how_it_works .icon .arrow { background: url(../images/how-arrows.jpg) no-repeat 0px 0px; width: 146px; height: 49px; position: absolute; text-align: center; z-index: 999; }
.how_it_works .icon .arrow.arrow1 { right: -80px; top: 20px; }
.how_it_works .icon .arrow.arrow2 { right: -80px; bottom: 50px; background-position: 0px -49px; }
.how_it_works .icon img { margin: 0px 0px 10px 0px; }
.how_it_works .icon h3 { text-align: center; color: #3c2c23; font-weight: 700; font-size: 22px; }
/* ============== HOW INNER =================== */

.inner_wrapper.how { padding: 0px; }
.inner_wrapper.how .container { padding: 0px 100px; }
.inner_wrapper.how .how_banner { text-align: center; background: url(../images/how_banner.jpg) no-repeat center 0px; background-size: cover; min-height: 481px; padding: 0px; padding: 150px 0px 0px 0px }
.inner_wrapper.how .how_banner h1 { font-size: 52px; color: #FFF; margin: 0px 0px 10px 0px; font-weight: 700; }
.inner_wrapper.how .how_banner p { font-size: 22px; color: #FFF; margin: 0px 0px 25px 0px; line-height: 34px; }
.inner_wrapper.how .content_main { padding: 0px; }
.inner_wrapper.how .row.how{ margin-bottom:35px;}
.inner_wrapper.how .content_main .text { margin: 0px 0px 0px 0px }
.inner_wrapper.how .content_main .text h2 { font-size: 42px; font-weight: 700; padding: 0px; color: #12c5c3; margin: 0px 0px 20px 0px; border: none; }
.inner_wrapper.how .content_main .text ul li { float: left; width: 100%; margin: 0px 0px 0px 0px; font-size: 22px; background: url(../images/how_arrow.jpg) no-repeat 0px 7px; padding: 0px 0px 15px 30px; list-style: none; }



.inner_wrapper .content_main.static_pages ul li { float: left; width: 100%; margin: 0px 0px 10px 15px;}
.inner_wrapper .content_main.static_pages ul li ul{ float: left; width: 100%; margin: 10px 0px 10px 15px;}



.inner_wrapper.how .tab { float: left; width: 100%; margin: 15px 0px 25px 0px; text-align: center; }
.inner_wrapper.how .tab ul li { display: inline-block; list-style: none; margin: 0px 0px 10px 0px; }
.inner_wrapper.how .tab ul li a { display: block; border: 2px solid #07a7a5; color: #12c5c3; background: #FFF; border-radius: 10px; padding: 13px 65px 13px 115px; float: left; list-style: none; margin: 0px 0px 0px 0px; font-size: 22px; font-weight: 700; }
.inner_wrapper.how .tab ul li a.senior { background: url(../images/elder.png) no-repeat 55px 7px; background-size: 40px 40px; margin: 0px 27px 0px 0px; }
.inner_wrapper.how .tab ul li a.senior.active { background: url(../images/elder.png) no-repeat 55px 7px #12c5c3; background-size: 40px 40px; }
.inner_wrapper.how .tab ul li a.seeker { background: url(../images/caregiver.png) no-repeat 55px 9px; background-size: 40px 40px; }
.inner_wrapper.how .tab ul li a.seeker.active { background: url(../images/caregiver.png) no-repeat 55px 9px #12c5c3; background-size: 40px 40px; }
.inner_wrapper.how .tab ul li a.active { border: 2px solid #12c5c3; color: #FFF; }
.inner_wrapper.how .why_main { margin-bottom: 35px; margin-top: 25px; }
.inner_wrapper.how .why_main h3 { text-align: center; font-size: 36px; font-weight: 700; padding: 0px; color: #12c5c3; margin: 0px 0px 20px 0px; border: none; }
.inner_wrapper.how .why_main h4 { text-align: center; font-size: 26px; font-weight: 600; padding: 0px; color: #fff; margin: 0px 0px 20px 0px; border: none; }
.inner_wrapper.how .why_main .why { float: left; padding: 25px; width: 100%; background: #07a7a5; border-radius: 15px; }
.inner_wrapper.how .why_main .why ul li { float: left; width: 100%; margin: 0px 20px; font-size: 22px; background: url(../images/how_arrow2.jpg) no-repeat 0px 7px; padding: 0px 0px 15px 30px; list-style: none; color: #FFF; }
/* =========== ROLES =========== */

.roles_main { float: left; width: 100%; padding: 55px 0px; background: url(../images/roles_bg.jpg) repeat-x center bottom #e6f7fe; }
.roles_main .container { max-width: 965px; }
.roles_main h2 { text-align: center; position: relative; font-size: 42px; color: #333; font-weight: 700; margin: 0px 0px 60px 0px }
.roles_main h2::after { content: ''; position: absolute; bottom: -20px; height: 3px; width: 113px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; background: #00b4c4; }
.roles_main .role { float: left; width: 100%; min-height: 342px; border-radius: 5px; position: relative }
.roles_main .role.role1 { background: url(../images/role1.png) no-repeat center 0px; background-size: cover; }
.roles_main .role.role2 { background: url(../images/role2.png) no-repeat center 0px; background-size: cover; }
.roles_main .role.role3 { background: url(../images/role3.png) no-repeat center 0px; background-size: cover; }
.roles_main .role .text { float: left; width: 100%; position: absolute; left: 0px; bottom: 20px; padding: 0px 20px; }
.roles_main .role .text h3 { font-size: 22px; color: #FFF; font-weight: 700; margin: 0px 0px 10px 0px }
.roles_main .role .text h3 a { color: #FFF; }
.roles_main .role .text ul li { list-style: none; font-size: 12px; color: #FFF; margin: 0px 0px 5px 0px }
/* =========== RECENT JOBS =========== */

.recent_jobs_main { float: left; width: 100%; padding: 55px 0px; }
.recent_jobs_main .row { float: left; width: 100%; }
.recent_jobs_main h2 { float: left; text-align: left; position: relative; font-size: 42px; color: #333; font-weight: 700; margin: 0px 0px 60px 0px }
.recent_jobs_main h2::after { content: ''; position: absolute; bottom: -20px; height: 3px; width: 113px; left: 0%; -webkit-transform: translateX(0%); transform: translateX(0%); z-index: 0; background: #00b4c4; }
.recent_jobs_main a.view_all { display: block; float: right; padding: 15px 25px; border: 2px solid #000; font-size: 16px; font-weight: 700; border-radius: 10px; }
.recent_jobs_main .col-lg-3 { padding: 0px 5px; }
.recent_jobs_main .job { float: left; width: 100%; border: 2px solid #12c5c3; border-radius: 10px; }
.recent_jobs_main .job .tag { float: right; font-weight: 600; padding: 10px 15px; margin: 0px 0px 10px 0px; border-radius: 0px 9px 0px 9px; color: #FFF; background: #12c5c3; }
.recent_jobs_main .job .text { float: left; width: 100%; padding: 0px 15px; }
.recent_jobs_main .job .text h3 { float: left; width: 100%; font-size: 22px; font-weight: 700; margin: 0px 0px 5px 0px; color: #333; }
.recent_jobs_main .job .text h3 a { color: #333; }
.recent_jobs_main .job .text .date { float: left; width: 100%; font-size: 12px; font-weight: 400; margin: 0px 0px 5px 0px; color: #b3b3b3; }
.recent_jobs_main .job .text .date img { margin: -2px 2px 0px 0px; }
.recent_jobs_main .job .text p { font-size: 12px; color: #333333; margin: 0px 0px 5px 0px; word-wrap:break-word; max-height:121px; float:left; width:100%; overflow:hidden;}
.recent_jobs_main .job .text a.more { float: right; font-size: 12px; color: #333333; margin: 0px 0px 10px 0px }
.recent_jobs_main .job .text a.more img { max-width: 6px; }
.recent_jobs_main .job .status { float: right; width: 100%; padding: 10px 10px; font-weight: 600; margin: 0px 0px 0px 0px; border-radius: 0px 0px 9px 9px; color: #FFF; background: #333; font-size: 12px; }
.recent_jobs_main .job .status img { margin: 0px 3px 0px 0px; }
.recent_jobs_main .job .status .time { float: left; display: block; }
.recent_jobs_main .job .status .bid { float: right; display: block; }
.recent_jobs_main .job.non-medical { border: 2px solid #00b4c4; }
.recent_jobs_main .job.non-medical .tag { background: #00b4c4; }
/* =========== FEATURE MEMBER =========== */

.featured_member { float: left; width: 100%; padding: 55px 0px; background: url(../images/member_bg.jpg) repeat center top; }
.featured_member h2 { text-align: center; position: relative; font-size: 42px; color: #fff; font-weight: 700; margin: 0px 0px 100px 0px }
.featured_member h2::after { content: ''; position: absolute; bottom: -20px; height: 3px; width: 113px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; background: #00b4c4; }
.featured_member .member { float: left; width: 100%; background: #fff; border-radius: 10px; margin: 0px 0px 0px 0px; padding: 0px; border: 3px solid #00b4c4 }
.featured_member .member .thumb { float: left; width: 100%; position: relative; ; }
.featured_member .member .thumb img { border-radius: 7px 7px 0px 0px; }
.featured_member .member .content { padding: 9px 9px 9px 18px; float: left; width: 100%; position: relative; }
.featured_member .member .content .pic { float: left; width: 100%; text-align: center; position: relative; margin: -60px 0px 10px 0px }
.featured_member .member .content .pic img { max-width:86px; border: 2px solid #fff; border-radius: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=0, Color=#000000)";/*IE 8*/ -moz-box-shadow: 0 0 18px rgba(0,0,0,0.2);/*FF 3.5+*/ -webkit-box-shadow: 0 0 18px rgba(0,0,0,0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 0 0 18px rgba(0,0,0,0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.featured_member .member .content .verified { position: absolute; right: 10px; font-weight: 600; color: #00b4c4; font-size: 12px; }
.featured_member .member .content .verified img { margin: -5px 0px 0px 0px; }
.featured_member .member .content .title { float: left; width: 100%; margin: 0px 0px 0px 0px; }
.featured_member .member .content .title h3 { text-align: center; float: left; width: 100%; font-size: 18px; font-weight: 700; color: #333333; margin: 0px 0px 0px 0px; }
.featured_member .member .content h4 { text-align: center; margin: 0px 0px 10px 0px; float: left; width: 100%; font-size: 16px; color: #00b4c4; font-weight: 700; }
.featured_member .member .content .rating { float: right; width: 100%; text-align: center; margin: 0px 0px 5px 0px }
.featured_member .member .content .rating .stars { margin: 0px 0px 0px 0px; display: inline-block; }
.featured_member .member .content .rating .stars a { display: inline-block; width: 11px; height: 10px; float: left; background: url(../images/stars.png) no-repeat; }
.featured_member .member .content .rating .stars a.full { background-position: 0px 0px; }
.featured_member .member .content .rating .stars a.half { background-position: -25px 0px; }
.featured_member .member .content .rating .stars a.null { background-position: -12px 0px; }
.featured_member .member .content ul.tags {
float:; width: 100%; text-align: center; }
.featured_member .member .content ul.tags li { display: inline-block; background: #cfcfcf; border: 1px solid #ccc; padding: 3px 8px; margin: 0px 10px 10px 0px; border-radius: 5px; font-size: 12px; list-style: none; text-align: center; color: #333 }
/* =========== LETS STARTED =========== */

.started { float: left; width: 100%; padding: 55px 0px; text-align: center; }
.started .container { max-width: 600px; }
.started h2 { text-align: center; position: relative; font-size: 42px; color: #16bfd2; font-weight: 700; margin: 0px 0px 35px 0px }
.started img { margin: 0px 0px 10px 0px }
.started h3 { text-align: center; position: relative; font-size: 22px; color: #333; font-weight: 700; margin: 0px 0px 10px 0px }
.started a { display: inline-block; padding: 10px 25px; background: #00b4c4; font-size: 22px; color: #FFF; font-weight: 700; border-radius: 12px; }
/*===============LOGIN HERE==============*/

.login_wrapper { float: left; width: 100%; padding: 80px 0px 0px; position: relative; min-height: 804px; }
.login_wrapper::before { background: url(../images/login_bg_l.jpg) no-repeat 0px 0px; height: 100%; width: 30%; content: ''; position: absolute; left: 0px; top: 0px; z-index: -99; }
.login_wrapper::after { background: url(../images/login_bg_r.jpg) no-repeat right 0px; height: 100%; width: 30%; content: ''; position: absolute; right: 0px; top: 0px; z-index: -99; }
.login_wrapper h2 { text-align: center; position: relative; font-size: 32px; color: #333; font-weight: 700; margin: 0px 0px 40px 0px }
.login_wrapper h2::after { content: ''; position: absolute; bottom: -15px; height: 3px; width: 53px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; background: #00b4c4; }
.login_wrapper .form ul li { float: left; width: 100%; list-style: none; margin: 0px 0px 8px 0px }
.login_wrapper .form ul li .field_box { width: 100%; border: 1px solid #616161; border-radius: 10px; background: #fafdff; width: 100%; float: left; padding: 14px 20px; font-weight: 500; color: #333 }
.login_wrapper .form ul li .field_area { width: 100%; border: 1px solid #616161; border-radius: 10px; background: #fafdff; width: 100%; float: left; padding: 15px 20px; font-weight: 500; color: #333; height: 80px; font-size: 14px; }
.login_wrapper .form ul li .select-style { width: 100%; overflow: hidden; background: url(../images/list-arrow.png) no-repeat 95% 22px #fafdff; display: block; border: 1px solid #616161; border-radius: 10px; }
.login_wrapper .form ul li .select-style select { padding: 16px 0px 14px 20px; font-weight: 500; width: 100%; border: none; box-shadow: none; background: none; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #757575; cursor: pointer; }
.login_wrapper .form ul li .select-style select:focus { outline: none; }
.login_wrapper .form ul li .button { float: left; width: 100%; border-radius: 10px; background: #00b4c4; padding: 15px 45px; font-size: 18px; font-weight: 700; border: none; color: #FFF; margin: 0px 0px 0px 0px; cursor: pointer }
.login_wrapper.login .container { max-width: 440px; z-index: 9999; }
.login_wrapper.login .login_main { float: left; width: 100%; }
.login_wrapper.login .login_main .form { float: left; width: 100%; }
.login_wrapper.login .login_main .social_login { float: right; width: 100%; margin: 0px 0px 0px 0px; }
.login_wrapper.login .login_main .social_login .or { float: left; width: 100%; padding: 20px 0px 25px; text-align: center }
.login_wrapper.login .login_main .social_login .or span { font-size: 16px; background: #12c5c3; color: #FFF; border-radius: 100%; padding: 5px 10px; display: inline-block; margin: 0px; text-align: center; width: 35px; height: 35px; }
.login_wrapper.login .login_main .social_login .buttons { float: left; width: 100%; margin: 0px 0px 0px 0px; text-align: center; }
.login_wrapper.login .login_main .social_login .buttons a.s_btn { display: inline-block; background: url(../images/social_login.jpg) no-repeat center 0px; width: 100%; height: 39px; margin: 0px 0px 5px 0px; clear: both }
.login_wrapper.login .login_main .social_login .buttons a.s_btn.google { background-position: center -39px; margin: 0px 0px 0px 0px; clear: both; }

.login_wrapper.user-setting{ min-height:500px; padding-bottom:50px;}
.login_wrapper.user-setting .container{max-width: 620px;}
.login_wrapper.user-setting::before { display:none;}
.login_wrapper.user-setting::after { display:none; }

.login_wrapper.user-setting table tr:nth-child(even) {background: #f5f5f5}
.login_wrapper.user-setting table tr:nth-child(odd) {background: #FFF}
.login_wrapper.user-setting table tr td{ padding:8px 10px;}


.milestone .form h2 { text-align: center; position: relative; font-size: 32px; color: #333; font-weight: 700; margin: 0px 0px 40px 0px }
.milestone .form h2::after { content: ''; position: absolute; bottom: -15px; height: 3px; width: 53px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; background: #00b4c4; }
.milestone .form{ margin:auto; max-width:700px;}
.milestone .form ul li { float: left; width: 100%; list-style: none; margin: 0px 0px 0px 0px }
.milestone .form ul li .field_box { width: 100%; border: 1px solid #616161; border-radius: 10px; background: #fafdff; width: 100%; float: left; padding: 14px 20px; font-weight: 500; color: #333 }
.milestone .form ul li .field_area { width: 100%; border: 1px solid #616161; border-radius: 10px; background: #fafdff; width: 100%; float: left; padding: 15px 20px; font-weight: 500; color: #333; height: 80px; font-size: 14px; }
.milestone .form ul li .select-style { width: 100%; overflow: hidden; background: url(../images/list-arrow.png) no-repeat 95% 22px #fafdff; display: block; border: 1px solid #616161; border-radius: 10px; }
.milestone .form ul li .select-style select { padding: 16px 0px 14px 20px; font-weight: 500; width: 100%; border: none; box-shadow: none; background: none; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #757575; cursor: pointer; }
.milestone .form ul li .select-style select:focus { outline: none; }
.milestone .form ul li .button { float: left; width: 100%; border-radius: 10px; background: #00b4c4; padding: 15px 45px; font-size: 18px; font-weight: 700; border: none; color: #FFF; margin: 0px 0px 0px 0px; cursor: pointer }


.milestone .dataTables_filter{ margin-bottom:15px;}
.milestone thead th{ background:#00b4c4; color:#FFF;}
.milestone tbody tr.even{ background:#f5f5f5;}
.milestone tbody tr td{ padding:10px 0px;}

.milestone .dataTables_wrapper .dataTables_paginate .paginate_button.current, .milestone .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{ background:#00b4c4 !important; color:#FFF !important;}


.my_payment .dataTables_filter{ margin-bottom:15px;}
.my_payment thead th{ background:#00b4c4; color:#FFF;}
.my_payment tbody tr.even{ background:#f5f5f5;}
.my_payment tbody tr td{ padding:10px 0px;}
.my_payment tbody tr td a.pdf{ float:left;}
.my_payment tbody tr td form{ float:left; margin:0px 0px 0px 5px;}
.my_payment tbody tr td form .btn{ font-size:14px; padding:3px 10px}

.my_payment .dataTables_wrapper .dataTables_paginate .paginate_button.current, .my_payment .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{ background:#00b4c4 !important; color:#FFF !important;}



/* ================ SIGNUP ================== */

.login_wrapper.signup { padding: 50px 0px 0px 0px; }
.login_wrapper.signup .container { max-width: 500px; z-index: 9999; }
.login_wrapper.signup .tab { float: left; width: 100%; margin: 0px 0px 10px 0px; }
.login_wrapper.signup .tab ul li { float: left; list-style: none; margin: 0px 0px 10px 0px; }
.login_wrapper.signup .tab ul li a { display: block; border: 2px solid #12c5c3; color: #12c5c3; background: #FFF; border-radius: 10px; padding: 13px 35px 13px 75px; float: left; list-style: none; margin: 0px 0px 0px 0px; font-size: 22px; font-weight: 700; }
.login_wrapper.signup .tab ul li a.senior { background: url(../images/elder.png) no-repeat 15px 7px; background-size: 40px 40px; margin: 0px 27px 0px 0px; }
.login_wrapper.signup .tab ul li a.senior.active { background: url(../images/elder.png) no-repeat 15px 7px #12c5c3; background-size: 40px 40px; }
.login_wrapper.signup .tab ul li a.seeker { background: url(../images/caregiver.png) no-repeat 15px 9px; background-size: 40px 40px; }
.login_wrapper.signup .tab ul li a.seeker.active { background: url(../images/caregiver.png) no-repeat 15px 9px #12c5c3; background-size: 40px 40px; }
.login_wrapper.signup .tab ul li a.active { border: 2px solid #12c5c3; color: #FFF; }
.login_wrapper.signup .or { float: left; width: 100%; text-align: center; padding: 10px 0px; }
.login_wrapper.signup .or span { font-size: 16px; background: #12c5c3; color: #FFF; border-radius: 100%; padding: 5px 10px; display: inline-block; margin: 0px; text-align: center; width: 35px; height: 35px; }
.login_wrapper.signup .social_login { float: left; width: 100%; margin: 0px 0px 0px 0px; }
.login_wrapper.signup .social_login .buttons { float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 31px; }
.login_wrapper.signup .social_login .buttons a.s_btn { display: block; background: url(../images/social_signup.jpg); width: 215px; height: 39px; float: left; margin: 0px 0px 5px 0px; }
.login_wrapper.signup .social_login .buttons a.s_btn.google { background-position: -215px 0px; width: 207px; float: right; }
.login_wrapper.signup .form ul li { float: left; width: 100%; list-style: none; margin: 0px 0px 8px 0px }
.login_wrapper.signup .form ul li.first { width: 48%; }
.login_wrapper.signup .form ul li.last { width: 48%; float: right; }
.login_wrapper.signup .form ul li.already { text-align: center; padding: 0px 0px; font-size: 16px; }
.login_wrapper.signup .form ul li.already a { font-weight: 700; color: #12c5c3; }
/* ================ COMPLETE PROFILE =================== */
.login_wrapper.complete-step1 .container { max-width: 520px; z-index: 9999; }
.login_wrapper.complete-step1 .form { padding: 0px 25px; }
.login_wrapper.complete-step1 .form.form ul li .field_box.date { background: url(../images/form_cal.png) no-repeat 96% 12px #fafdff; }
.login_wrapper.complete-step1 .form.form ul li.time { width: 48%; }
.login_wrapper.complete-step1 .form.form ul li.time .field_box { background: url(../images/form_clock.png) no-repeat 96% 16px #fafdff; }
.login_wrapper.complete-step1 .form.form ul li.rates { width: 48%; float: right; }
.login_wrapper.complete-step1 .form.form ul li.first { width: 48%; }
.login_wrapper.complete-step1 .form.form ul li.last { width: 48%; float: right; }

.login_wrapper.complete .container { max-width: 520px; z-index: 9999; }
.login_wrapper.complete .form { padding: 0px 25px; }
.login_wrapper.complete .form.form ul li .field_box.date { background: url(../images/form_cal.png) no-repeat 96% 12px #fafdff; }
.login_wrapper.complete .form.form ul li.time { width: 48%; }
.login_wrapper.complete .form.form ul li.time .field_box { background: url(../images/form_clock.png) no-repeat 96% 16px #fafdff; }
.login_wrapper.complete .form.form ul li.rates { width: 48%; float: right; }
.login_wrapper.complete .form.form ul li.first { width: 48%; }
.login_wrapper.complete .form.form ul li.last { width: 48%; float: right; }
.login_wrapper.complete .form.form ul li:nth-of-type(1){ width: 100%; }
.login_wrapper.complete .form.form ul li:nth-of-type(3){ width: 100%; }

.multiselect-container.dropdown-menu{ border:1px solid #616161}
.multiselect.btn{ padding:10px 25px 3px}
.multiselect.dropdown-toggle.btn.btn-default span{ display:inline-block; overflow:hidden; max-width:100%; font-size:14px;}
.multiselect.dropdown-toggle.btn.btn-default .caret {position: relative; top: -6px;}




.edit_profile { float: left; width: 100%; padding: 80px 0px 0px; position: relative; min-height: 804px; }
.edit_profile .container { max-width: 520px; z-index: 9999; }
.edit_profile h2 { text-align: center; position: relative; font-size: 32px; color: #333; font-weight: 700; margin: 0px 0px 40px 0px }
.edit_profile h2::after { content: ''; position: absolute; bottom: -15px; height: 3px; width: 53px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; background: #00b4c4; }
.edit_profile .form ul li { float: left; width: 100%; list-style: none; margin: 0px 0px 8px 0px }
.edit_profile .form ul li .field_box { width: 100%; border: 1px solid #616161; border-radius: 10px; background: #fafdff; width: 100%; float: left; padding: 14px 20px; font-weight: 500; color: #333 }
.edit_profile .form ul li .field_area { width: 100%; border: 1px solid #616161; border-radius: 10px; background: #fafdff; width: 100%; float: left; padding: 15px 20px; font-weight: 500; color: #333; height: 80px; font-size: 14px; }
.edit_profile .form ul li .select-style { width: 100%; overflow: hidden; background: url(../images/list-arrow.png) no-repeat 95% 22px #fafdff; display: block; border: 1px solid #616161; border-radius: 10px; }
.edit_profile .form ul li .select-style select { padding: 16px 0px 14px 20px; font-weight: 500; width: 100%; border: none; box-shadow: none; background: none; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #757575; cursor: pointer; }
.edit_profile .form ul li .select-style select:focus { outline: none; }
.edit_profile .form ul li .button { float: left; width: 100%; border-radius: 10px; background: #00b4c4; padding: 15px 45px; font-size: 18px; font-weight: 700; border: none; color: #FFF; margin: 0px 0px 0px 0px; cursor: pointer }

.edit_profile .form { padding: 0px 25px; }
.edit_profile .form.form ul li .field_box.date { background: url(../images/form_cal.png) no-repeat 96% 12px #fafdff; }
.edit_profile .form.form ul li.time { width: 48%; }
.edit_profile .form.form ul li.time .field_box { background: url(../images/form_clock.png) no-repeat 96% 16px #fafdff; }
.edit_profile .form.form ul li.rates { width: 48%; float: right; }
.edit_profile .form.form ul li.first { width: 48%; }
.edit_profile .form.form ul li.last { width: 48%; float: right; }
.edit_profile .form.form ul li:nth-of-type(1){ width: 100%; }
.edit_profile .form.form ul li:nth-of-type(3){ width: 100%; }
.edit_profile .form ul li .field_box.date1 { padding:13px 20px}


/* ==================== PROFILE =====================*/

.btn.btn-success.hire_but.reqstbgcheck{ font-size:12px!important;}

.inner_wrapper { float: left; width: 100%; padding: 40px 0px 30px; background: #e6f7fe; }
.inner_wrapper.min-height{ min-height:70vh}
.profile_main .profil_pic { float: left; width: 30%; margin: 0px 0px 30px 0px }
.profile_main .profil_pic .thumb { border: 2px solid #06a7a5; border-radius: 10px; float: left; width: 100%; text-align:center;}
.profile_main .profil_pic .thumb img { border-radius: 10px; }
.profile_main .profil_pic .verified { float: left; width: 100%; text-align: center; }
.profile_main .profil_pic .verified ul li { display: inline-block; list-style: none; margin: 15px 8px; position: relative; }
.profile_main .profil_pic .verified ul li span { display: block; background: url(../images/verify_icon.jpg) no-repeat 0px 0px; height: 29px; width: 31px; }
.profile_main .profil_pic .verified ul li.pay span { background-position: 0px 0px; width: 31px; }
.profile_main .profil_pic .verified ul li.mail span { background-position: -53px 0px; width: 31px; }
.profile_main .profil_pic .verified ul li.phone span { background-position: -109px 0px; width: 31px; }
.profile_main .profil_pic .verified ul li.user span { background-position: -161px 0px; width: 31px; }
.profile_main .profil_pic .verified ul li a{ color:green;}
.profile_main .profil_detail { float: right; width: 68%; }
.profile_main .profil_detail h2 { font-size: 28px; font-weight: 700; color: #333; margin: 0px 0px 8px 0px; }
.profile_main .profil_detail h2 .online_status { font-size: 12px; font-weight: 700; }
.profile_main .profil_detail h2 .online_status .dot { border-radius: 100%; width: 10px; height: 10px; display: inline-block; margin: 0px 5px 0px 0px; }
.profile_main .profil_detail h2 .online_status.online { color: #090; }
.profile_main .profil_detail h2 .online_status.online .dot { background: #090; }
.profile_main .profil_detail h2 .online_status.offline { color: #e10101; }
.profile_main .profil_detail h2 .online_status.offline .dot { background: #e10101; }
.profile_main .profil_detail h3 { font-size: 16px; font-weight: 500; color: #757474; border-bottom: 1px solid #ccc; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; }
.profile_main .profil_detail ul.profile { float: left; width: 100%; margin: 0px 0px 10px 0px }
.profile_main .profil_detail ul.profile li { float: left; padding: 0px 15px; list-style: none; border-left: 1px solid #e5e5e5; }
.profile_main .profil_detail ul.profile li:first-child { padding: 0px 15px 0px 0px; border-left: 0px; }
.profile_main .profil_detail ul.profile li h3 { font-size: 16px; border: none; padding: 0px; margin: 10px 0px 5px 0px; font-weight: 600; color: #333; }
.profile_main .profil_detail ul.profile li p { font-size: 14px; margin: 0px; }
.profile_main .profil_detail ul.profile li .rating { float: right; width: 100%; text-align: center; margin: 0px 0px 5px 0px }
.profile_main .profil_detail ul.profile li .stars { margin: 0px 0px 0px 0px; display: inline-block; }
.profile_main .profil_detail ul.profile li .stars a { display: inline-block; width: 11px; height: 10px; float: left; background: url(../images/stars.png) no-repeat; }
.profile_main .profil_detail ul.profile li .stars a.full { background-position: 0px 0px; }
.profile_main .profil_detail ul.profile li .stars a.half { background-position: -25px 0px; }
.profile_main .profil_detail ul.profile li .stars a.null { background-position: -12px 0px; }
.profile_main .profil_detail .bio { float: left; width: 100%; font-size: 12px; line-height: 20px; }
a.more { font-size: 12px; color: #00b4c4; font-weight: 600; }
.profile_main .profil_detail p { line-height: 22px; color: #333; }
.profile_main .status { float: left; width: 100%; padding: 15px; border: 2px solid #06a7a5; border-radius: 10px; }
.profile_main .status a.hire_but { float: left; width: 100%; text-align: center; color: #fff; background: #05bab8; font-weight: 700; padding: 15px 0px; border-radius: 10px; font-size: 26px; margin: 0px 0px 20px 0px; }
.profile_main .status p.price { font-size: 18px; color: #757474; }
.profile_main .status p.price span { font-size: 26px; color: #06aba9; font-weight: 700 }
.profile_main .status .rating { float: left; width: 100%; padding: 10px 0px; }
.profile_main .status .rating .stars { margin: 0px 0px 0px 0px; display: inline-block; float: left; margin: 5px 8px 0px; }
.profile_main .status .rating .stars a { display: inline-block; width: 11px; height: 10px; float: left; background: url(../images/stars.png) no-repeat; }
.profile_main .status .rating .stars a.full { background-position: 0px 0px; }
.profile_main .status .rating .stars a.half { background-position: -25px 0px; }
.profile_main .status .rating .stars a.null { background-position: -12px 0px; }
.profile_main .status .rating .points { display: block; float: left; padding: 2px; border-radius: 2px; background: #03a922; color: #FFF; font-size: 11px; }
.profile_main .status .rating .reviews_count { float: left; color: #03a922; font-weight: 700; }
.profile_main .status .repo { float: left; width: 100%; border-top: 1px solid #ccc; margin: 15px 0px 0px 0px; padding: 20px 0px 0px 0px }
.profile_main .status .repo p { font-size: 18px; color: #333333; margin: 0px 0px 25px 0px }
.profile_main .status .repo p span { font-size: 22px; padding: 0px 5px 0px 0px; color: #06a7a5; font-weight: 700; }
.profile_details { float: left; width: 100%; margin: 0px 0px 15px 0px }
.profile_details h2 { font-size: 22px; font-weight: 700; color: #06a7a5; margin: 0px 0px 15px 0px; }
.profile_details h3 { float: left; width: 100%; font-size: 16px; font-weight: 700; margin: 0px 0px 10px 0px; color: #333; }
.profile_details .job { float: left; width: 100%; margin: 0px 0px 15px 0px }
.profile_details .job .text { float: left; width: 100%; padding: 0px 0px; }
.profile_details .job .text h3 { float: left; width: 50%; font-size: 16px; font-weight: 700; margin: 0px 0px 5px 0px; color: #333; }
.profile_details .job .text h3 a { color: #333; }
.profile_details .job .text .date { float: rigjt; width:;
font-size: 12px; font-weight: 400; margin: 0px 0px 5px 0px; color: #666; font-weight: 600 }
.profile_details .job .text .date img { margin: -2px 2px 0px 0px; }
.profile_details .job .text .rating { float: left; width: 100%; padding: 0px 0px; }
.profile_details .job .text .rating .stars { margin: 0px 0px 0px 0px; display: inline-block; float: left; margin: 5px 8px 0px 0px; }
.profile_details .job .text .rating .stars a { display: inline-block; width: 11px; height: 10px; float: left; background: url(../images/stars.png) no-repeat; }
.profile_details .job .text .rating .stars a.full { background-position: 0px 0px; }
.profile_details .job .text .rating .stars a.half { background-position: -25px 0px; }
.profile_details .job .text .rating .stars a.null { background-position: -12px 0px; }
.profile_details .job .text .rating .points { display: block; float: left; padding: 2px; border-radius: 2px; background: #03a922; color: #FFF; font-size: 11px; }
.profile_details .job .text .rating .reviews_count { float: left; color: #03a922; font-weight: 700; }
.profile_details .job .text .rating .reviews_count a { color: #03a922; }
.profile_details.skill ul { margin: 0px 0px 10px 0px; float: left; width: 100%; }
.profile_details.skill ul li { width: 33%; list-style: none; float: left; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 20px; background: url(../images/verified.png) no-repeat 0px 3px; font-size: 14px; font-weight: 500; }
.profile_reviews { float: left; width: 100%; margin: 0px 0px 15px 0px }
.profile_reviews .reviews_main { float: left; width: 100%; padding: 25px; border-radius: 15px; border: 1px solid #666; margin: 0px 0px 20px 0px }
.profile_reviews .reviews_main .head { float: left; width: 100%; padding: 0px 0px 15px 0px; margin: 0px 0px 25px 0px; border-bottom: 1px solid #ccc; }
.profile_reviews .reviews_main h2 { float: left; text-align: left; float: left; position: relative; font-size: 22px; color: #333; font-weight: 700; margin: 0px; }
.profile_reviews .reviews_main a.view_all { display: block; float: right; padding: 8px 25px; background: #06a7a5; color: #fff; font-size: 14px; font-weight: 700; border-radius: 10px; }
.profile_reviews .reviews_main ul li { float: left; width: 100%; list-style: none; margin: 15px 0px 0px 0px; padding: 15px 0px 0px 0px; border-top: 1px dashed #666; }
.profile_reviews .reviews_main ul li:first-child { margin: 0px; padding: 0px; border-top: none; }
.profile_reviews .reviews_main ul li .thumb { float: left; width: 12%; }
.profile_reviews .reviews_main ul li .desc { float: right; width: 87%; }
.profile_reviews .reviews_main ul li .desc h3 { font-size: 22px; font-weight: 700; color: #333; }
.profile_reviews .reviews_main ul li .desc .rating { float: left; width: 100%; padding: 5px 0px; }
.profile_reviews .reviews_main ul li .desc .rating .stars { margin: 0px 0px 0px 0px; display: inline-block; float: left; margin: 5px 8px 0px; }
.profile_reviews .reviews_main ul li .desc .rating .stars a { display: inline-block; width: 11px; height: 10px; float: left; background: url(../images/stars.png) no-repeat; }
.profile_reviews .reviews_main ul li .desc .rating .stars a.full { background-position: 0px 0px; }
.profile_reviews .reviews_main ul li .desc .rating .stars a.half { background-position: -25px 0px; }
.profile_reviews .reviews_main ul li .desc .rating .stars a.null { background-position: -12px 0px; }
.profile_reviews .reviews_main ul li .desc .rating .points { display: block; float: left; padding: 2px; border-radius: 2px; background: #03a922; color: #FFF; font-size: 11px; }
.profile_reviews .reviews_main ul li .desc p { line-height: 22px; margin: 0px; }
.profile_reviews .reviews_main ul li .desc .reply_bar { float: left; width: 100%; margin: 8px 0px; background: #fff; border: 1px solid #06a7a5; padding: 8px 20px; border-radius: 15px; }
.profile_reviews .reviews_main ul li .desc .reply_bar a { display: block; float: left; padding: 0px 15px 2px 28px; border-right: 1px solid #999; font-size: 14px; margin: 0px 20px 0px 0px; color: #06a7a5; font-weight: 600; }
.profile_reviews .reviews_main ul li .desc .reply_bar a.reply { background: url(../images/reply.png) no-repeat 0px 0px }
.profile_reviews .reviews_main ul li .desc .reply_bar a.comments { background: url(../images/comment.png) no-repeat 0px 4px }
.profile_reviews .reviews_main ul li ul.reply_comments { float: right; background: #f3f3f3; padding: 15px; width: 87%; list-style: none; margin: 0px; }
.profile_reviews .reviews_main ul li ul.reply_comments li { float: left; width: 100%; list-style: none; margin: 15px 0px 0px 0px; padding: 15px 0px 0px 0px; border-top: 1px dashed #666; }
.profile_reviews .reviews_main ul li ul.reply_comments li:first-child { margin: 0px; padding: 0px; border-top: none; }
.profile_reviews .reviews_main ul li ul.reply_comments li .thumb { float: left; width: 5%; }
.profile_reviews .reviews_main ul li ul.reply_comments li .desc { float: right; width: 93%; }
.profile_reviews .reviews_main ul li ul.reply_comments li .desc h3 { font-size: 16px; margin: 0px 0px 5px 0px; font-weight: 700; color: #333; }
.profile_reviews .reviews_main ul li ul.reply_comments li .desc h3 span { font-size: 12px; color: #666; font-weight: 500 }
.profile_reviews .reviews_main ul li ul.reply_comments li .desc p { font-size: 13px; }
.profile_reviews .verification { float: left; width: 100%; padding: 25px; border-radius: 15px; background: #06a7a5; padding: 25px; }
.profile_reviews .verification h2 { font-size: 20px; border-bottom: 1px solid #fff; padding: 0px 0px 10px 0px; margin: 0px 0px 20px 0px; font-weight: 700; color: #fff; float: left; width: 100%; }
.profile_reviews .verification ul li { float: left; width: 100%; list-style: none; font-size: 18px; color: #ccc; margin: 0px 0px 20px 0px }
.profile_reviews .verification ul li a,.profile_reviews .verification ul li i{ color: #ccc !important; }

.profile_reviews .verification ul li.active { color: #fff; }
.profile_reviews .verification ul li.active a,.profile_reviews .verification ul li.active i{ color: #fff !important; }

.profile_reviews .verification ul li span.icon { background: url(../images/verification_icon.jpg) no-repeat 0px 0px; width: 26px; height: 26px; display: block; float: left; margin: 0px 5px 0px 0px; }
.profile_reviews .verification ul li.face span.icon { background-position: 0px 0px }
.profile_reviews .verification ul li.mail span.icon { background-position: 0px -50px }
.profile_reviews .verification ul li.phone span.icon { background-position: 0px -94px }
.profile_reviews .verification ul li.user span.icon { background-position: 0px -138px }

/* ================= BUSINESS DETAIL MAIN ================== */

.business_detail_main  h2 { font-weight: 700; color: #333; margin: 0px 0px 8px 0px; }
.business_detail_main .status .rating .stars a.null { background-position: -12px 0px;}
.business_detail_main .status .rating .stars a { display: inline-block; width: 11px; height: 10px; float: left; background: url('../images/stars.png') no-repeat;}
.business_detail_main .status .rating .reviews_count { float: left; color: #03a922; font-weight: 700;}
.business_detail_main .status .rating .stars { margin: 0px 0px 0px 0px; display: inline-block; float: left; margin: 5px 8px 0px;}
.business_detail_main .status h2 span.user-premium { background: #06a7a5;}
.business_detail_main .status h2 span { background: #00b4c4; border-radius: 5px; font-size: 14px; padding: 5px 20px; margin: -5px 0px 10px 10px; color: #fff;}

.business_detail_main .address {width: auto; padding: 15px; border: 2px solid #06a7a5; border-radius: 10px;}
.business_detail_main .tag {width: auto; display: inline-block; float: left; color:white; background-color:#06a7a5; border: 2px solid #06a7a5; border-radius: 10px;}

/* ==================== DASHBOARD =====================*/

.dash_jobs_main { float: left; width: 100%; padding: 25px; border-radius: 15px; border: 1px solid #666; margin: 0px 0px 35px 0px }
.dash_jobs_main .head { float: left; width: 100%; padding: 0px 0px 15px 0px; margin: 0px 0px 25px 0px; border-bottom: 1px solid #ccc; }
.dash_jobs_main h2 { float: left; text-align: left; float: left; position: relative; font-size: 22px; color: #333; font-weight: 700; margin: 5px 0px 0px 0px; }
.dash_jobs_main a.view_all { display: block; float: right; padding: 8px 25px; background: #06a7a5; color: #fff; font-size: 14px; font-weight: 700; border-radius: 10px; }
.dash_jobs_main .row { float: left; width: 100%; }
.dash_jobs_main .col-lg-3 { padding: 0px 5px; }
.dash_jobs_main .job { float: left; width: 100%; border: 2px solid #12c5c3; border-radius: 10px; }
.my_jobs .dash_jobs_main .job { float: left; width: 100%; border: 2px solid #12c5c3; border-radius: 10px; margin-bottom:20px;}

.dash_jobs_main .job .tag { float: right; font-weight: 600; padding: 10px 15px; margin: 0px 0px 10px 0px; border-radius: 0px 9px 0px 9px; color: #FFF; background: #12c5c3; }
.dash_jobs_main .job .text { float: left; width: 100%; padding: 0px 15px; }
.dash_jobs_main .job .text h3 { float: left; width: 100%; font-size: 22px; font-weight: 700; margin: 0px 0px 5px 0px; color: #333; }
.dash_jobs_main .job .text h3 a { color: #333; }
.dash_jobs_main .job .text .date { float: left; width: 100%; font-size: 12px; font-weight: 400; margin: 0px 0px 5px 0px; color: #b3b3b3; }
.dash_jobs_main .job .text .date img { margin: -2px 2px 0px 0px; }
.dash_jobs_main .job .text p { font-size: 12px; color: #333333; margin: 0px 0px 5px 0px }
.dash_jobs_main .job .text a.more { float: right; font-weight: 600; font-size: 12px; color: #333333; margin: 0px 0px 10px 0px }
.dash_jobs_main .job .text a.more img { max-width: 6px; }
.dash_jobs_main .job .status { float: right; width: 100%; padding: 10px 10px; font-weight: 600; margin: 0px 0px 0px 0px; border-radius: 0px 0px 9px 9px; color: #FFF; background: #333; font-size: 12px; }
.dash_jobs_main .job .status img { margin: 0px 3px 0px 0px; }
.dash_jobs_main .job .status .time { float: left; display: block; }
.dash_jobs_main .job .status .bid { float: right; display: block; }
.dash_jobs_main .job.non-medical { border: 2px solid #00b4c4; }
.dash_jobs_main .job.non-medical .tag { background: #00b4c4; }
.dashboard_main .dash_profile { float: left; width: 100%; margin: 0px 0px 10px 0px }
.dashboard_main .dash_profile .thumb { border: 2px solid #06a7a5; border-radius: 10px; float: left; width: 38%; text-align:center; padding:0px 0px;}
.dashboard_main .dash_profile .thumb img { border-radius: 10px; }
.dashboard_main .dash_profile .desc { float: right; width: 59%; text-align: center; }
.dashboard_main .dash_profile .desc h2 { font-size: 22px; color: #333; font-weight: 700; margin: 0px 0px 2px 0px; }
.dashboard_main .dash_profile .desc h3 { font-size: 28px; color: #333; font-weight: 700; margin: 0px 0px 5px 0px; }
.dashboard_main .dash_profile .desc h4 { font-size: 16px; color: #757474; font-weight: 500; }
.dashboard_main .dash_profile .desc .paid_status { float: left; width: 100%; text-align: center; color: #fff; background: #e4ac01; font-weight: 700; padding: 8px 0px; border-radius: 5px; font-size: 16px; margin: 10px 0px 20px 0px; }
.dashboard_main .profile_complete { float: left; width: 100%; margin: 10px 0px 0px 0px; }
.dashboard_main .profile_complete h2 { font-size: 18px; color: #06a7a5; font-weight: 700; margin: 0px 0px 10px 0px; }
.dashboard_main .profile_complete .bar { float: left; width: 100%; border: 2px solid #06a7a5; border-radius: 8px; color: #06a7a5; text-align: center; font-weight: 700; margin: 0px 0px 10px 0px; padding: 8px 0px; position: relative; font-size: 24px; }
.dashboard_main .featured_member{ background:none; padding:0px 0px}
.dashboard_main .featured_member .head{ }
.dashboard_main .featured_member h2::after{ display:none;}
.dashboard_main .featured_member .member{margin:60px 0px 0px 0px;}
.dashboard_main .featured_member .member .content .pic img { max-width:80px;}

.dashboard_main .profile_complete .bar .inner { position: absolute; width: 40%; background: #06a7a5; border-radius: 6px; left: 0px; top: 0px; height: 52px; }
.dashboard_main .profile_complete a.edit { display: block; float: right; font-size: 16px; color: #06a7a5; font-weight: 700; }
.dash_feed .news_feed_main { float: left; width: 100%; padding: 25px; border-radius: 15px; border: 1px solid #666; margin: 0px 0px 20px 0px }
.dash_feed .news_feed_main .head { float: left; width: 100%; padding: 0px 0px 15px 0px; margin: 0px 0px 25px 0px; border-bottom: 1px solid #ccc; }
.dash_feed .news_feed_main h2 { float: left; text-align: left; float: left; position: relative; font-size: 22px; color: #333; font-weight: 700; margin: 5px 0px 0px 0px; }
.dash_feed .news_feed_main a.view_all { display: block; float: right; padding: 8px 25px; background: #06a7a5; color: #fff; font-size: 14px; font-weight: 700; border-radius: 10px; }
.dash_feed .news_feed_main ul li { float: left; width: 100%; list-style: none; margin: 15px 0px 0px 0px; padding: 15px 0px 0px 0px; border-top: 1px dashed #666; }
.dash_feed .news_feed_main ul li:first-child { margin: 0px; padding: 0px; border-top: none; }
.dash_feed .news_feed_main ul li .thumb { float: left; width: 12%; }
.dash_feed .news_feed_main ul li .desc { float: right; width: 87%; }
.dash_feed .news_feed_main ul li .desc h3 { font-size: 22px; font-weight: 700; color: #333; }
.dash_feed .news_feed_main ul li .desc .rating { float: left; width: 100%; padding: 5px 0px; }
.dash_feed .news_feed_main ul li .desc .rating .stars { margin: 0px 0px 0px 0px; display: inline-block; float: left; margin: 5px 8px 0px; }
.dash_feed .news_feed_main ul li .desc .rating .stars a { display: inline-block; width: 11px; height: 10px; float: left; background: url(../images/stars.png) no-repeat; }
.dash_feed .news_feed_main ul li .desc .rating .stars a.full { background-position: 0px 0px; }
.dash_feed .news_feed_main ul li .desc .rating .stars a.half { background-position: -25px 0px; }
.dash_feed .news_feed_main ul li .desc .rating .stars a.null { background-position: -12px 0px; }
.dash_feed .news_feed_main ul li .desc .rating .points { display: block; float: left; padding: 2px; border-radius: 2px; background: #03a922; color: #FFF; font-size: 11px; }
.dash_feed .news_feed_main ul li .desc p { line-height: 22px; }
.dash_feed .notification { float: left; width: 100%; padding: 25px; border-radius: 15px 15px 0px 0px; background: #06a7a5; padding: 25px; }
.dash_feed .notification h2 { font-size: 20px; border-bottom: 1px solid #78b8b7; padding: 0px 0px 10px 0px; margin: 0px 0px 20px 0px; font-weight: 700; color: #fff; float: left; width: 100%; }
.dash_feed .notification ul li { float: left; width: 100%; list-style: none; font-size: 11px; color: #FFF; margin: 15px 0px 0px 0px; padding: 15px 0px 0px 0px; border-top: 1px dashed #fff; }
.dash_feed .notification ul li:first-child { margin: 0px; padding: 0px; border-top: 0px; }
.dash_feed .notification ul li .thumb { float: left; max-width: 15%; }
.dash_feed .notification ul li .desc { float: right; width: 82%; }
.dash_feed .notification ul li .desc p { margin: 0px; }
.dash_feed .notification ul li .desc p a{ color:#fff; margin: 0px; font-weight:bold;}

.dash_feed .notification ul li .desc span.time { display: block; float: left; width: 100%; margin: 0px; }
.dash_feed .all { float: left; width: 100%; }
.dash_feed .all a { display: block; background: #000; text-align: center; padding: 10px 0px; color: #fff; font-weight: 700; font-size: 12px; float: left; width: 100%; border-radius: 0px 0px 15px 15px; }
/* ================= SEARCH RESULTS ================== */


.search_box_main { margin-bottom: 35px; padding: 25px; background: #f5f5f5; border: 1px solid #b9b9b9; border-radius: 20px; }
.search_box_main .field_box { width: 100%; border: 1px solid #b9b9b9; border-radius: 10px; background: #fafdff; width: 100%; float: left; padding: 15px 20px; font-weight: 500; color: #333 }
.search_box_main .button { float: left; width: 100%; border-radius: 10px; background: #00b4c4; padding: 15px 0px; font-size: 18px; font-weight: 700; border: none; color: #FFF; margin: 0px 0px 0px 0px; cursor: pointer; width: 100%; text-align: center; }
.search_result_main .sidebar { float: left; width: 100%; padding: 25px; border-radius: 15px; background: #06a7a5; padding: 25px; }
.search_result_main .sidebar h2 { font-size: 20px; border-bottom: 1px solid #fff; padding: 0px 0px 10px 0px; margin: 0px 0px 20px 0px; font-weight: 700; color: #fff; float: left; width: 100%; }
.search_result_main .sidebar ul li { float: left; width: 100%; list-style: none; font-size: 18px; color: #FFF; margin: 0px 0px 20px 0px }
.search_result_main .field_box { width: 100%; border: 1px solid #616161; border-radius: 10px; background: #fafdff; width: 100%; float: left; padding: 15px 20px; font-weight: 500; color: #333 }
.search_result_main .field_area { width: 100%; border: 1px solid #616161; border-radius: 10px; background: #fafdff; width: 100%; float: left; padding: 15px 20px; font-weight: 500; color: #333; height: 80px; font-size: 14px; }
.search_result_main .select-style { width: 100%; overflow: hidden; background: url(../images/list-arrow.png) no-repeat 95% 22px #fafdff; display: block; border: 1px solid #616161; border-radius: 10px; }
.search_result_main .select-style select { padding: 16px 0px 14px 20px; font-weight: 500; width: 100%; border: none; box-shadow: none; background: none; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #757575; cursor: pointer; }
.search_result_main .select-style select:focus { outline: none; }
.search_result_main .button { float: left; width: 100%; border-radius: 10px; background: #00b4c4; padding: 15px 45px; font-size: 18px; font-weight: 700; border: none; color: #FFF; margin: 0px 0px 0px 0px; cursor: pointer }
.search_result_main .sidebar { float: left; width: 100%; font-size: 16px; font-weight: 600; }
.search_result_main .sidebar .filter_box { color:#fff; float: left; width: 100%; margin: 0px 0px 10px 0px; }
.search_result_main .sidebar h4 { float: left; width: 100%; font-size: 14px; font-weight: 600; color: #FFF; margin: 0px 0px 5px 0px }
.search_result_main .sidebar .select-style { background: url(../images/list-arrow.png) no-repeat 95% 13px #fafdff; display: block; border: 1px solid #616161; border-radius: 5px; }
.search_result_main .sidebar .select-style select { padding: 8px 0px 8px 20px; font-size: 12px; border-radius: 5px; }

.search_result_main .sidebar .select-style .btn-group button.btn{ background:none; font-size: 12px; text-align:left; padding:10px 20px 3px 20px;  color:#757575; border:none; text-transform:capitalize;}
.search_result_main .sidebar .select-style .btn-group button.btn .caret{ display:none;}
.search_result_main .sidebar .select-style .btn-group .multiselect.dropdown-toggle.btn.btn-default span{ font-size:12px;}
.search_result_main .sidebar .select-style .btn-group.open .multiselect-container>li>a>label{ font-size:12px;}
.search_result_main .sidebar .select-style .btn-group.open .multiselect-container>li.multiselect-group label{ font-size:16px;}

.search_result_main .search_result_count { float: left; width: 100%; background: #f5f5f5; padding: 15px 15px; margin-bottom: 15px; }

.search_result_main .search_result_list { float: left; width: 100%; }
.search_result_main .search_result_list .list_box { float: left; width: 100%; border: 1px solid #b9b9b9; margin: 0px 0px 15px 0px; border-radius: 10px; padding: 15px; }
.search_result_main .search_result_list .list_box .col-sm-2 { text-align:center;}

.search_result_main .search_result_list .list_box .online_status { font-size: 12px; font-weight: 700; width: 100%; text-align: center; display: block; margin: 5px 0px 0px 0px; float: left; }
.search_result_main .search_result_list .list_box .online_status .dot { border-radius: 100%; width: 10px; height: 10px; display: inline-block; margin: 0px 5px 0px 0px; }
.search_result_main .search_result_list .list_box .online_status.online { color: #090; }
.search_result_main .search_result_list .list_box .online_status.online .dot { background: #090; }
.search_result_main .search_result_list .list_box .online_status.offline { color: #e10101; }
.search_result_main .search_result_list .list_box .online_status.offline .dot { background: #e10101; }
.search_result_main .search_result_list .list_box a.msg { float: left; width: 100%; border-radius: 5px; background: #00b4c4; padding: 5px 0px; font-size: 14px; font-weight: 700; color: #FFF; margin: 0px; text-align: center; margin: 5px 0px 0px 0px; }
.search_result_main .search_result_list .list_box h2 { font-size: 18px; padding: 0px; margin: 0px 0px 20px 0px; font-weight: 700; color: #333; }
.search_result_main .search_result_list .list_box h2 span { background: #00b4c4; border-radius: 5px; font-size: 14px; padding: 5px 20px; margin: -5px 0px 10px 10px; color: #fff; }
.search_result_main .search_result_list .list_box h2 span.user-premium { background: #06a7a5; }
.search_result_main .search_result_list .list_box h2 span.user-free { background: #00b4c4; }
.search_result_main .search_result_list .list_box ul.profile { float: left; width: 100%; margin: 0px 0px 10px 0px }
.search_result_main .search_result_list .list_box ul.profile li { float: left; padding: 0px 15px; list-style: none; border-left: 1px solid #e5e5e5; }
.search_result_main .search_result_list .list_box ul.profile li:first-child { padding: 0px 15px 0px 0px; border-left: 0px; }
.search_result_main .search_result_list .list_box ul.profile li h3 { font-size: 14px; padding: 0px; margin: 0px 0px 5px 0px; font-weight: 600; color: #333; }
.search_result_main .search_result_list .list_box ul.profile li p { font-size: 12px; margin: 0px; }
.search_result_main .search_result_list .list_box ul.profile li .rating { float: right; width: 100%; text-align: center; margin: 0px 0px 5px 0px }
.search_result_main .search_result_list .list_box ul.profile li .stars { margin: 0px 0px 0px 0px; display: inline-block; }
.search_result_main .search_result_list .list_box ul.profile li .stars a { display: inline-block; width: 11px; height: 10px; float: left; background: url(../images/stars.png) no-repeat; }
.search_result_main .search_result_list .list_box ul.profile li .stars a.full { background-position: 0px 0px; }
.search_result_main .search_result_list .list_box ul.profile li .stars a.half { background-position: -25px 0px; }
.search_result_main .search_result_list .list_box ul.profile li .stars a.null { background-position: -12px 0px; }
.search_result_main .search_result_list .list_box .bio { float: left; width: 100%; font-size: 12px; line-height: 20px; }
a.more { font-size: 12px; color: #00b4c4; font-weight: 600; }
.pagination { border-radius: 4px; display: block; float: left; margin: 20px 0; padding-left: 0; width: 100%; }
.pagination  .page-box { float: left; width: 100%; text-align: center; }
.pagination  .page-box  .pg-next { margin: 0px 15px; border: 1px solid #f5f5f5; }
.pagination  .page-box .pg-next a { float: left; display: block; float: left; padding: 8px 12px; border: 0px solid #f5f5f5; background: #00b4c4; color: #FFF; }
.pagination ul { display: inline-block; }
.pagination ul li a.actv { background: #00b4c4; color: #FFF; }
.search_result_main .search_result_list .fade { opacity: 0.22; padding: 8px 12px; background: #999; }
.pagination ul li { display: inline-block; list-style: none; }
.pagination ul li.dotted { padding: 0px 15px; }
.pagination ul li a { float: left; display: inline-block; padding: 8px 12px; border: 1px solid #f5f5f5; }
 .pagination span.pg-next { display: inline-block; }
.search_result_main .search_result_list .job_list { float: left; width: 100%; border: 1px solid #b9b9b9; margin: 0px 0px 15px 0px; border-radius: 10px; padding: 15px; }
.search_result_main .search_result_list .job_list .thumb img { margin: 0px 0px 5px 0px; }
.search_result_main .search_result_list .job_list .thumb { font-size: 11px; text-align:center;}
.search_result_main .search_result_list .job_list h2 { font-size: 18px; padding: 0px 10px 0px 0px ; margin: 0px 0px 8px 0px; font-weight: 700; color: #333; }
.search_result_main .search_result_list .job_list h2 span { background: #00b4c4; border-radius: 5px; font-size: 14px; padding: 5px 20px; margin: -5px 0px 10px 10px; color: #fff; float:right}
.search_result_main .search_result_list .job_list h2 span a{  color: #fff; }

/*#06a7a5; / #00b4c4;*/


.search_result_main .search_result_list .job_list h2 span.user-premium { background: #06a7a5; }
.search_result_main .search_result_list .job_list h2 span.user-free { background: #00b4c4; }
.search_result_main .search_result_list .job_list ul.profile { padding: 10px; float: left; width: 100%; background: #00b4c4; margin: 10px 0px 0px 0px }
.search_result_main .search_result_list .job_list ul.profile li { float: left; padding: 0px 15px; list-style: none; border-left: 1px solid #fff; }
.search_result_main .search_result_list .job_list ul.profile li:first-child { padding: 0px 15px 0px 0px; border-left: 0px; }
.search_result_main .search_result_list .job_list ul.profile li h3 { font-size: 14px; padding: 0px; margin: 0px 0px 5px 0px; font-weight: 600; color: #fff; }
.search_result_main .search_result_list .job_list ul.profile li p { font-size: 12px; margin: 0px; color: #fff }
.search_result_main .search_result_list .job_list ul.profile li .rating { float: right; width: 100%; text-align: center; margin: 0px 0px 5px 0px }
.search_result_main .search_result_list .job_list ul.profile li .stars { margin: 0px 0px 0px 0px; display: inline-block; }
.search_result_main .search_result_list .job_list ul.profile li .stars a { display: inline-block; width: 11px; height: 10px; float: left; background: url(../images/stars.png) no-repeat; }
.search_result_main .search_result_list .job_list ul.profile li .stars a.full { background-position: 0px 0px; }
.search_result_main .search_result_list .job_list ul.profile li .stars a.half { background-position: -25px 0px; }
.search_result_main .search_result_list .job_list ul.profile li .stars a.null { background-position: -12px 0px; }
.search_result_main .search_result_list .job_list .bio {float:left; width:100%; font-size:12px; line-height:20px;}
a.more { font-size: 12px; color: #00b4c4; font-weight: 600; }
/* ================ JOB DETAIL ======================*/

.job_details .profil_pic { float: left; width: 100%; margin: 0px 0px 30px 0px; text-align: center; }
.job_details .profil_pic .thumb { border: 2px solid #06a7a5; border-radius: 10px; float: left; width: 100%; margin: 0px 0px 20px 0px; }
.job_details .profil_pic .thumb img { border-radius: 10px; }
.job_details .profil_pic .online_status { display: block; float: left; width: 100%; font-size: 12px; font-weight: 700; }
.job_details .profil_pic .online_status .dot { border-radius: 100%; width: 10px; height: 10px; display: inline-block; margin: 0px 5px 0px 0px; }
.job_details .profil_pic .online_status.online { color: #090; }
.job_details .profil_pic .online_status.online .dot { background: #090; }
.job_details .profil_pic .online_status.offline { color: #e10101; }
.job_details .profil_pic .online_status.offline .dot { background: #e10101; }
.job_details .profil_pic a.apply { float: left; width: 100%; text-align: center; color: #fff; background: #05bab8; font-weight: 700; padding: 15px 0px; border-radius: 10px; font-size: 22px; margin: 20px 0px 20px 0px; }
.job_details .job_detail { float: left; width: 100%; }
.job_details .job_detail h2 { font-size: 28px; font-weight: 700; color: #333; border-bottom: 1px solid #ccc; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; }
.job_details .job_detail h3 { font-size: 16px; font-weight: 500; color: #757474; }
.job_details .job_detail ul.profile { padding: 10px; float: left; width: 100%; background: #00b4c4; margin: 0px 0px 10px 0px }
.job_details .job_detail ul.profile li { float: left; padding: 0px 15px; list-style: none; border-left: 1px solid #fff; }
.job_details .job_detail ul.profile li:first-child { padding: 0px 15px 0px 0px; border-left: 0px; }
.job_details .job_detail ul.profile li h3 { font-size: 14px; padding: 0px; margin: 0px 0px 5px 0px; font-weight: 600; color: #fff; }
.job_details .job_detail ul.profile li p { font-size: 12px; margin: 0px; color: #fff }
.job_details .job_detail .bio { float: left; width: 100%; font-size: 12px; line-height: 20px; }
.job_details .job_detail p { line-height: 22px; color: #333; }
.job_details .job_detail .other_details { float: left; width: 100%; }
.job_details .job_detail .other_details .details { float: left; width: 100%; color: #000; background: #e1e1e1; min-height: 260px; border-radius: 15px; padding: 15px; }
.job_details .job_detail .other_details h4 { font-size: 18px; border: none; padding: 0px; margin: 0px 0px 5px 0px; font-weight: 600; color: #000; }
.job_details .job_detail .other_details ul { margin: 0px 0px 20px 0px; float: left; width: 100%; list-style: none; }
.job_details .job_detail .other_details ul li { float: left; width: 100%; list-style: none; font-family: 'Open Sans', sans-serif; margin: 0px 0px 5px 0px; }
.job_details .job_detail .other_details ul li span { color: #333; padding: 0px 0px 0px 5px; letter-spacing: 1px; }
.job_details .job_detail a.apply { float: left; width: 250px; text-align: center; color: #fff; background: #05bab8; font-weight: 700; padding: 15px 0px; border-radius: 10px; font-size: 22px; margin: 20px 0px 20px 0px; }
a.more { font-size: 12px; color: #00b4c4; font-weight: 600; }
/* ========================= POST A JOB ===================== */


.post_job_main h2 { font-size: 28px; font-weight: 700; color: #333; border-bottom: 1px solid #ccc; padding: 0px 0px 20px 0px; margin: 0px 0px 35px 0px; }
.post_job_main h3 { font-size: 16px; font-weight: 700; color: #333; margin: 0px 0px 15px 0px; }
.post_job_main h4 { font-size: 14px; font-weight: 500; color: #333; margin: -10px 0px 15px 0px; }
.post_job_main .form { float: left; width: 100%; padding: 20px; background: #fafafa; border: 1px solid #ccc; border-radius: 15px; }
.post_job_main .form .post_box { float: left; width: 100%; margin: 0px 0px 15px 0px; }
.post_job_main .form ul li { float: left; width: 100%; list-style: none; margin: 0px 0px 15px 0px }
.post_job_main .form .post_box ul li.first { float: left; width: auto; margin: 0px 20px 0px 0px; }
.post_job_main .form .post_box ul li.last { float: left; width: auto; }
.post_job_main .form .field_box { width: 100%; border: 1px solid #616161; border-radius: 5px; font-size: 12px; background: #fafdff; width: 95%; float: left; padding: 8px 10px; font-weight: 500; color: #333 }
.post_job_main .form .field_box.date { background: url(../images/form_cal.png) no-repeat 96% 6px #fafdff; }
.post_job_main .form .field_area { width: 100%; border: 1px solid #616161; border-radius: 10px; background: #fafdff; width: 100%; float: left; padding: 15px 20px; font-weight: 500; color: #333; height: 80px; font-size: 14px; }
.post_job_main .form .select-style { width: 100%; overflow: hidden; background: url(../images/list-arrow.png) no-repeat 97% 13px #fafdff; display: block; border: 1px solid #616161; border-radius: 5px; }
.post_job_main .form .select-style select { padding: 8px 0px 8px 20px; font-weight: 500; width: 100%; border: none; box-shadow: none; background: none; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #757575; cursor: pointer; }
.post_job_main .form .select-style select:focus { outline: none; }
.calendar_table { float: left; width: 100%; padding: 10px; border: 0px solid #ccc; }
.daterangepicker button.btn { padding: 5px 15px; font-size: 14px; font-weight: 600; }
.post_job_main .form .calendar_table .field_box { width: 100%; }
.post_job_main .form .calendar_table .field_box.date { background: url(../images/form_cal.png) no-repeat 96% 6px #fafdff; padding: 8px 30px 8px 10px; font-size: 12px; }
.post_job_main .form .calendar_table .select-style select { padding: 8px 25px 8px 10px; font-size: 12px; }
.calendar_table ul.schedule li { width: 38%; padding: 0px 10px 0px 0px; float: left; }
.calendar_table ul.schedule li.day { width: 24%; padding: 0px 10px 0px 0px; float: left; }
.calendar_table .time { float: left; width: 35%; margin: 40px 0px 0px 0px; }
.calendar_table .time ul li { float: left; width: 100%; font-size: 12px; font-weight: 600; margin: 0px; padding: 9px 0px 8px 8px; background: #c4c4c4; }
.calendar_table .time ul li:nth-child(odd) { background: #e1e1e1; }
.calendar_table .time ul li:nth-child(even) { background: #d4d4d4; }
.calendar_table .days { float: left; width: 65%; float: left; margin: 0px 0px 0px -2px }
.calendar_table .days ul { float: left; width: 13%; border-radius: 50px; text-align: center; margin: 0px 2px; padding: 15px 0px 10px; color: #FFF; font-size: 12px; font-weight: 600; }
.calendar_table .days ul li { float: left; width: 100%; text-align: center; margin: 0px 0px 14px 0px }
.calendar_table .days ul:nth-child(odd) { background: #05bab8; }
.calendar_table .days ul:nth-child(even) { background: #02d2d0; }
.post_job_main .form .post_box .calendar_table .days ul li .check input[type="checkbox"] + label span { margin: 0px; }
.post_job_main .form .post_box table.setAvail { margin-bottom: 0px; width: 100% }
table.setAvail td { border: 1px solid #CCC; text-align: center; padding: 10px; }
table.setAvail td.time { text-align: left; font-size: 12px; }
table.setAvail td.all { }
table.setAvail tr.header td { background-color: #E1F0D9; }
table.setAvail tr.header.header.odd.even td { background: #f5f5f5; }
.post_job_main .form .post_box.number ul li { width: 33%; text-align: center; padding: 10px 10px 10px 0px; margin: 0px; }
.post_job_main .form .post_box.number ul li p { font-size: 11px; padding: 5px 0px 0px; margin: 0px; }
.post_job_main .form .post_box.number ul li .select-style { background: url(../images/list-arrow.png) no-repeat 90% 13px #fafdff; text-align: center; }
.post_job_main .form .post_box .check.additional ul li { width: 50%; }
.post_job_main .form .post_box .radio { float: left; width: 100%; }
.post_job_main .form .post_box .radio ul li { float: left; width: auto; margin: 0px 15px 15px 0px; }
.post_job_main .form .post_box .radio input[type="radio"] { display: none; }
.post_job_main .form .post_box .radio input[type="radio"] + label { color: #868686; font-weight: 500; font-size: 14px; }
.post_job_main .form .post_box .radio input[type="radio"] + label i {
font-weight; font-style: normal; padding: 0px 0px 0px 35px; display: block; }
.post_job_main .form .post_box .radio input[type="radio"]:checked + label { color: #545454; }
.post_job_main .form .post_box .radio input[type="radio"] + label span { display: inline-block; width: 18px; height: 18px; margin: -1px 10px 0 0; vertical-align: middle; cursor: pointer; -moz-border-radius: 50%; border-radius: 50%; }
.post_job_main .form .post_box .radio input[type="radio"] + label span { background: url(../images/radio2.png) no-repeat 0px 0px; }
.post_job_main .form .post_box .radio input[type="radio"]:checked + label span { background: url(../images/radio2.png) no-repeat 0px -18px; }
.post_job_main .form .post_box .check input[type="checkbox"] { display: none; }
.post_job_main .form .post_box .check input[type="checkbox"] + label { color: #868686; font-size: 14px; cursor: pointer; font-weight: 500; }
.post_job_main .form .post_box .check input[type="checkbox"] + label i { font-weight: normal; font-style: normal; padding: 0px 0px 0px 35px; display: block; }
.post_job_main .form .post_box .check input[type="checkbox"]:checked + label { color: #545454; }
.post_job_main .form .post_box .check input[type="checkbox"] + label span { display: inline-block; width: 18px; height: 18px; margin: -1px 10px 0 0; vertical-align: middle; }
.post_job_main .form .post_box .check input[type="checkbox"] + label span { background: url(../images/check.png) no-repeat 0px 0px; }
.post_job_main .form .post_box .check input[type="checkbox"]:checked + label span { background: url(../images/check.png) no-repeat 0px -18px; }
.post_job_main .button { float: right; width: 100%; border-radius: 10px; background: #00b4c4; padding: 15px 45px; font-size: 18px; font-weight: 700; border: none; color: #FFF; margin: 15px 0px 0px 0px; cursor: pointer }
/* ============= CONTENT PAGES =============== */

.content_main { }
.content_main h2 { font-size: 28px; font-weight: 700; color: #333; border-bottom: 1px solid #ccc; padding: 0px 0px 20px 0px; margin: 0px 0px 20px 0px; }
.content_main h3 { font-size: 16px; font-weight: 700; color: #333; margin: 0px 0px 15px 0px; }
.content_main h4 { font-size: 14px; font-weight: 500; color: #333; margin: -10px 0px 15px 0px; }
.content_main p { line-height: 24px; }
.contact_form ul li { list-style: none; float: left; width: 100%; margin: 0px 0px 15px 0px }
.contact_form ul li .field_box { width: 100%; border: 1px solid #616161; border-radius: 10px; background: #fafdff; width: 100%; float: left; padding: 14px 20px; font-weight: 500; color: #333 }
.contact_form ul li .field_area { width: 100%; border: 1px solid #616161; border-radius: 10px; background: #fafdff; width: 100%; float: left; padding: 15px 20px; font-weight: 500; color: #333; height: 80px; font-size: 14px; }
.contact_form ul li .select-style { width: 100%; overflow: hidden; background: url(../images/list-arrow.png) no-repeat 95% 22px #fafdff; display: block; border: 1px solid #616161; border-radius: 10px; }
.contact_form ul li .select-style select { padding: 16px 0px 14px 20px; font-weight: 500; width: 100%; border: none; box-shadow: none; background: none; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #757575; cursor: pointer; }
.contact_form ul li .select-style select:focus { outline: none; }
.contact_form ul li .button { float: left; width: 100%; border-radius: 10px; background: #00b4c4; padding: 15px 45px; font-size: 18px; font-weight: 700; border: none; color: #FFF; margin: 0px 0px 0px 0px; cursor: pointer }
.contact .call ul li { float: left; width: 100%; list-style: none; padding: 0px 0px 0px 30px; margin: 0px 0px 15px 0px; font-size: 18px; }
.contact .call ul li.address { background: url(../images/pin.png) no-repeat 0px 5px; }
.contact .call ul li.phone { background: url(../images/call.png) no-repeat 0px 5px; }
.contact .call ul li.mail { background: url(../images/emal.png) no-repeat 0px 8px; }
/* Style the buttons that are used to open and close the accordion panel */
.accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; font-weight: 700; border-bottom: 1px solid #CCC; }
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion.active, .accordion:hover { background-color: #ccc; }
/* Style the accordion panel. Note: hidden by default */
.panel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.panel p { padding: 15px 0px; margin: 0px; }
.accordion:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #777; float: right; margin-left: 5px; }
.accordion.active:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ }
/* ============== CHAT WINDOW ==================*/


/*------------------------------------------------------------------
[16. Chat]
*/

.btn-white { background-color: #fff; border: 1px solid #ccc; color: #333; }
.rounded, .circle { border-radius: 500px; }
.bg-primary, .label-primary { background-color: #00bf6f; }
.bg-success, .label-success { background-color: #55ce63; }
.bg-info, .label-info { background-color: #009efb; }
.bg-warning, .label-warning { background-color: #ffbc34; }
.bg-danger, .label-danger { background-color: #f62d51; }
.bg-white { background-color: #fff; }
.text-primary, .dropdown-menu > li > a.text-primary { color: #00bf6f; }
.text-success, .dropdown-menu > li > a.text-success { color: #55ce63; }
.text-danger, .dropdown-menu > li > a.text-danger { color: #f62d51; }
.text-info, .dropdown-menu > li > a.text-info { color: #009efb; }
.text-warning, .dropdown-menu > li > a.text-warning { color: #ffbc34; }
.text-purple, .dropdown-menu > li > a.text-purple { color: #7460ee; }
a.btn{color:#fff;}
.btn-primary { background-color: #06a7a5; border: 1px solid #06a7a5; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { background-color: #06a7a5; border: 1px solid #06a7a5; }
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { background-color: #06a7a5; border: 1px solid #06a7a5; }
.btn-success { background-color: #06a7a5; border: 1px solid #06a7a5 }
.btn-success:hover, .btn-success:focus, .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { background: #06a7a5; border: 1px solid #06a7a5 }
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover { background: #06a7a5; border: 1px solid #06a7a5 }
.btn-info { background-color: #06a7a5; border: 1px solid #06a7a5 }
.btn-info:hover, .btn-info:focus, .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { background-color: #06a7a5; border: 1px solid #06a7a5 }
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover { background-color: #06a7a5; border: 1px solid #06a7a5 }
.btn-warning { background: #06a7a5; border: 1px solid #06a7a5 }
.btn-warning:hover, .btn-warning:focus, .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { background: #06a7a5; border: 1px solid #06a7a5 }
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover { background: #06a7a5; border: 1px solid #06a7a5 }
.btn-danger { background: #f62d51; border: 1px solid #06a7a5 }
.btn-danger:hover, .btn-danger:focus { background-color: #e6294b; border: 1px solid #e6294b }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #06a7a5; border-color: #06a7a5; }
.pagination > li > a, .pagination > li > span { color: #06a7a5; }

.form .stripe-button-el span{ background:#06a7a5; background-image:none; box-shadow:none;}
.dropdown-menu { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; transform-origin: left top 0; box-shadow: inherit; background-color: #fff; }
.navbar-nav .open .dropdown-menu { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); }
.modal-content { border-radius: 0; }
.btn-group-xs > .btn, .btn-xs { min-height: 22px; min-width: 22px; }
.dropdown-menu { font-size: 13px; }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { box-shadow: none; }
.btn-link { color: #333; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: rgba(0, 0, 0, 0.2); }
.p-0 { padding: 0 !important; }
.p-t-0 { padding-top: 0 !important; }
.m-r-5 { margin-right: 5px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-0 { margin-top: 0 !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-50 { margin-top: 50px !important; }
.m-b-0 { margin-bottom: 0 !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.w-md { min-width: 110px; }
.w-40 { width: 40px; }
.navbar-nav > li { float: left; }
.sidebar-menu ul { font-size: 14px; list-style-type: none; margin: 0; padding: 0; position: relative; }
.sidebar-menu > ul > li { position: relative; width: 100%; padding: 12px 0px 12px 0px; border-bottom: 1px solid #e5e5e5 }
.sidebar-menu > ul > li.menu-title {padding: 0px 0px 12px 0px; }
.sidebar-menu li a { color: #888; display: block; font-size: 18px; font-weight: 600; height: auto; line-height: 40px; min-height: 40px; padding: 0 0px; }
.sidebar-menu li a:hover { color: #00bf6f; }
.sidebar-menu li a > .badge { margin-top: 10px; color: #FFF; padding: 5px; }
.sidebar-menu li a i { font-size: 16px; margin-left: 10px; margin-right: 10px; }
.sidebar-menu li a i.back-icon { margin-left: 0; }
.sidebar-menu li.active { color: #00bf6f; background-color: #f3f3f3; }
.menu-title { color: #000; font-size: 13px; font-weight: 500; line-height: 40px; min-height: 40px; padding: 0 20px; text-transform: uppercase; }
.menu-title > i { float: right; line-height: 40px; }
.sidebar-menu li.menu-title a { color: #ff9b44; display: inline-block; float: right; padding: 0; }
.sidebar-menu li.menu-title a.add-user-icon { background-color: #eee; border-radius: 24px; color: #bbb; line-height: 24px; min-height: 24px; width: 24px; text-align: center; margin-top: 6px; }
.sidebar-menu li.menu-title a.add-user-icon:hover { background-color: #00bf6f; color: #fff; }
.sidebar-menu li.menu-title a.add-user-icon i { font-size: 14px; margin-left: 0; margin-right: 0; }
.sidebar-menu li.menu-title a.btn { color: #fff; display: block; float: none; font-size: 15px; line-height: inherit; margin-bottom: 15px; }
.sidebar-menu li.menu-title a.btn:hover { color: #fff; }
.sidebar-menu ul ul a.active { color: #00bf6f; text-decoration: underline; }
.mobile-user-menu { color: #fff; display: none; font-size: 24px; height: 60px; line-height: 60px; padding: 0 20px; position: absolute; right: 0; text-align: right; top: 0; width: 60px; z-index: 10; }
.mobile-user-menu a { color: #333; }
.mobile-user-menu a:hover { color: #333; }
.profile-rightbar { display: none !important; color: #00bf6f; font-size: 26px; margin-left: 15px; }
.mobile_btn { display: none; }
#sidebar-menu ul ul a { display: block; padding: 0 20px 0 60px; }
#sidebar-menu ul ul ul a { padding-left: 80px; }
#sidebar-menu ul ul ul ul a { padding-left: 100px; }
#sidebar-menu ul ul { background-color: #f3f3f3; }
.chat-main-row { bottom: 0; left: 0; overflow: auto; padding-bottom: inherit; padding-top: inherit; height: 500px; }
.chat-main-wrapper { display: table; height: 100%; table-layout: fixed; width: 100%; }
.message-view { display: table-cell; height: 100%; float: none; padding: 0; position: static; vertical-align: top; }
.chat-window { display: table; height: 100%; table-layout: fixed; width: 100%; background-color: #f5f5f5; }
.fixed-header { background-color: #fff; border-bottom: 1px solid #eaeaea; padding: 0px 0px; }
.fixed-header .navbar { border: 0 none; margin: 0; min-height: auto; padding:0px;}
.fixed-header .navbar .user-details { width: 50%; padding:0px 0px 13px 0px }
.fixed-header .navbar .user-details .user-img { width:auto; float:left;}
.fixed-header .navbar .user-details .user-info { width:auto; float:left; padding:10px 0px 0px 0px}
.fixed-header .navbar .icon_head { display: inline-block; width:%;}
.fixed-header .navbar .icon_head ul li { float: left; list-style: none; margin: 0px; padding: 0px; }
.custom-menu { margin-top: 6px; }
.fixed-header .navbar .icon_head li a { color: #00a99d; font-size: 26px; margin-left: 15px; padding: 0; }
.fixed-header .navbar .icon_head li a:hover, .fixed-header .navbar .icon_head li a:focus { background-color: transparent; }
.fixed-header .navbar .icon_head .dropdown-menu { left: auto; right: 0; }
.fixed-header .user-info a { color: #76838f; text-transform: uppercase; }
.typing-text { color: #00bf6f; font-size: 12px; text-transform: lowercase; }
.last-seen { color: #a3afb7; display: block; font-size: 12px; }
.custom-menu { margin-top: 6px; }
.custom-menu.navbar-nav > li > a { color: #00bf6f; font-size: 26px; margin-left: 15px; padding: 0; }
.custom-menu.navbar-nav > li > a:hover, .custom-menu.navbar-nav > li > a:focus { background-color: transparent; }
.custom-menu .dropdown-menu { left: auto; right: 0; }
.search-box { margin-top: 5px; }
.search-box .input-group { background-color: #e6e6e6; border: 1px solid #ddd; border-radius: 50px; }
.search-box .input-group .form-control { background: transparent; border: none; }
.search-box .btn { background-color: transparent; }
.chat-contents { display: table-row; height: 100%; }
.chat-content-wrap { height: 100%; position: relative; width: 100%; }
.chat-wrap-inner { bottom: 0; left: 0; overflow: auto; position: absolute; right: 0; top: 0; border:1px solid #959595;}
.chats { padding: 30px 15px; }
.chat-body { display: block; margin: 10px 0 0; overflow: hidden; }
.chat-body:first-child { margin-top: 0 }
.chat-right .chat-content { position: relative; display: block; float: right; padding: 8px 15px; margin: 0; clear: both; background-color: #e6e6e6; border-radius: 20px 2px 2px 20px; max-width: 60%; }
.chat-right .chat-body { padding-left: 48px; padding-right: 10px; }
.chat-bubble { display: block; width: 100%; float: left; margin-bottom: 10px; }
.chat.chat-right .chat-bubble:last-child .chat-content { border-bottom-right-radius: 20px; }
.chat.chat-right .chat-bubble:first-child .chat-content { border-top-right-radius: 20px; }
.chat-content > p { margin-bottom: 0; word-wrap: break-word; }
.chat-content > p a,.chat-content  a{ text-decoration:underline;}
.chat-time { color: rgba(0, 0, 0, 0.5); display: block; font-size: 12px; }
.chat-right .chat-time { text-align: right; }
.chat-line { border-bottom: 1px solid #eaeaea; height: 12px; margin: 7px 0 20px; position: relative; text-align: center; }
.chat-date { background-color: #f5f5f5; color: #000; font-size: 12px; padding: 0 11px; }
.chat-avatar { float: right; }
.chat-avatar .avatar { line-height: 30px; height: 30px; width: 30px; }
.chat-left .chat-avatar { float: left }
.chat-left .chat-body { margin-right: 0; margin-left: 30px; padding-right: 20px; }
.chat-left .chat-content { background-color: #fff; border: 1px solid #eaeaea; color: #888; float: left; position: relative; padding: 8px 15px; border-radius: 2px 20px 20px 2px; max-width: 60%; }
.chat.inactive.chat-left .chat-content { width: 100%; max-width: 100%; background: #fa4c4b; color: #fff; text-align: center; padding: 15px; }
.chat.inactive.chat-left .chat-content p { font-size: 16px; font-weight: 600; margin: 0px 0px 20px 0px }
.chat.inactive.chat-left .chat-content a.upgrade { font-size: 16px; color: #fa4c4b; background: #FFF; padding: 10px 45px; border-radius: 25px; font-weight: 600; }
.avatar { background-color: #aaa; border-radius: 50%; color: #fff; display: inline-block; font-weight: 500; height: 38px; line-height: 38px; margin: 0 10px 0 0; overflow: hidden; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; width: 38px; position: relative; white-space: nowrap; }
.avatar:hover { color: #fff; }
.avatar > img { width: 100%; display: block; }
.chat.chat-left .chat-bubble:first-child .chat-content { border-top-left-radius: 20px; margin-top: 0; }
.chat.chat-left .chat-bubble:last-child .chat-content { border-bottom-left-radius: 20px; }
.chat-left .chat-time { color: #a3afb7 }
.attach-list { color: #adb7be; padding: 5px 0 0; line-height: 24px; margin: 0; list-style: none; }
.attach-list i { margin-right: 3px; font-size: 16px; }
.attach-list a { word-wrap: break-word; }
.chat-footer { background-color: #fff; border-top: 1px solid #eaeaea; padding: 15px 0px; }
.message-bar { display: table; height: 44px; position: relative; width: 100%; }
.message-bar .message-inner { display: table-row; height: 100%; padding: 0 8px; width: 100%; }
.message-bar .link { color: #777; display: table-cell; font-size: 20px; padding: 0 10px; position: relative; vertical-align: middle; width: 30px; }
.message-bar .message-area { display: table-cell; }
.message-area .input-group .form-control { background-color: #fff; border: 1px solid #959595; box-shadow: none; color: #555; display: block; font-size: 14px; height: 44px; margin: 0; padding: 6px 12px; width: 90%; resize: none; }
.message-area .btn { height: 44px; border-radius: 0px 10px 10px 0px; outline: none; }
.profile-right { display: table-cell; height: 100%; float: none; padding: 0; position: static; vertical-align: top; }
.display-table { display: table; table-layout: fixed; border-spacing: 0; width: 100%; height: 100%; }
.table-row { display: table-row; height: 100%; }
.table-body { position: relative; height: 100%; width: 100%; }
.table-content { bottom: 0; left: 0; overflow: auto; position: absolute; right: 0; top: 0; }
.profile-right-inner { border-left: 1px solid #eaeaea; background-color: #fff; }
.chat-profile-img { padding: 30px; position: relative; text-align: center; }
.edit-profile-img { height: 120px; margin: 0 auto; position: relative; width: 120px; cursor: pointer; }
.change-img { background-color: rgba(0, 0, 0, 0.3); border-radius: 50%; color: #fff; display: none; height: 100%; left: 0; line-height: 120px; position: absolute; top: 0; width: 100%; }
.edit-profile-img:hover .change-img { display: block; }
.edit-profile-img img { height: auto; margin: 0; width: 120px; border-radius: 50%; }
.user-name { color: #333; }
.edit-btn { border-radius: 40px; height: 36px; position: absolute; right: 15px; top: 15px; width: 36px; }
.chat-profile-info { padding: 15px; }
.user-det-list { list-style: none; padding: 0; }
.user-det-list > li { padding: 6px 15px; }
.user-det-list .text-muted { color: #888; }
.transfer-files .tab-content { padding-top: 0; }
.files-list { list-style: none; padding-left: 0; }
.files-list > li { border-bottom: 1px solid #eaeaea; border-radius: inherit; margin: 2px 0 0; padding: 10px; }
.files-cont { position: relative; }
.file-type { height: 48px; position: absolute; width: 48px; }
.files-icon { background-color: #f3f7f9; border: 1px solid #e4eaec; border-radius: 4px; display: inline-block; height: 38px; line-height: 38px; text-align: center; width: 38px; }
.files-icon i { color: #76838f; font-size: 20px; }
.files-info { padding: 0 30px 0 50px; }
.file-name a { color: #333; }
.files-action { display: none; height: 30px; list-style: none; padding-left: 0; position: absolute; right: 0; text-align: right; top: 10px; width: 30px; }
.files-list > li:hover .files-action { display: block; }
.file-date { color: #888; font-size: 12px; }
.file-author a { color: #00bf6f; font-size: 12px; text-decoration: underline; }
.files-action .dropdown-menu { left: auto; right: 0; }
.chat-img-attach { border-radius: 4px; margin-bottom: 12px; margin-left: 12px; position: relative; float: right; }
.chat-img-attach img { border-radius: 4px; display: inline-block; height: auto; max-width: 100%; }
.chat-placeholder { background: rgba(69, 81, 97, 0.6); border-radius: 4px; color: #fff; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; left: 0; padding: 13px; position: absolute; top: 0; width: 100%; }
.chat-img-name { font-size: 12px; font-weight: 700; line-height: 16px; }
.chat-file-desc { font-size: 11px; }
.chat-right .chat-content.img-content { background-color: transparent; color: #76838f; padding: 0; text-align: right; }
.chat-right .img-content .chat-time { color: #a3afb7; }
.chat-left .chat-img-attach { float: left; }
.chat-left .chat-img-attach { float: left; margin-left: 0; margin-right: 12px; }
.chat-avatar-sm { width: 44px; margin-right: 10px; display: inline-block; position: relative; float: left; }
.chat-avatar-sm img { width: 100%; border-radius: 100%; max-height:44px; }
.chat-avatar-sm.user-img .status { bottom: 4px; right: -3px; }
.files-share-list { border: 1px solid #eaeaea; border-radius: 4px; margin-bottom: 20px; padding: 15px; }
.input-group .input-lg.form-control { border-radius: 4px 0 0 4px; height: 46px; }
.chat-user-list .media { border-bottom: 1px solid #eaeaea; border-radius: inherit; margin: 5px 0 0; padding: 10px; background-color: #fff; }
.chat-user-list .avatar { margin-right: 0; }
.designation { color: #9e9e9e; font-size: 12px; }
.online-date { color: #9e9e9e; font-size: 12px; }
.drop-zone { width: 100%; height: 205px; border: 2px dashed #adb7be; text-align: center; padding: 25px 0 0; margin-bottom: 20px; }
.drop-zone .drop-zone-caption { font-weight: 600; }
.upload-list { padding: 0; list-style: none; margin: 0; }
.upload-list .file-list { background-color: #fff; border-top: 1px solid #d8e2e7; padding: 10px; }
.upload-list .file-list:first-child { border-top: none }
.upload-list .upload-wrap { position: relative; padding: 0 20px 0 0; margin: 0 0 5px }
.upload-list .file-name, .upload-list .file-size { display: inline-block; vertical-align: top; white-space: nowrap; }
.upload-list .file-name { padding-right: 15px; overflow: hidden; max-width: 100%; text-overflow: ellipsis }
.upload-list .file-size { color: #888; }
.upload-list .file-close { border: none; background: none; color: #dbe4ea; position: absolute; right: 0; top: 2px; }
.upload-list .file-close:hover { color: #f62d51 }
.upload-list .upload-process { font-size: 10px; color: #888; }
.upload-list .progress { margin-bottom: 5px; background-color: #f6f8fa; height: 5px; }
.upload-list .file-name i { color: #fda75c; margin: 0 5px 0 0; vertical-align: middle; }
.upload-drop-zone { height: 200px; border-width: 2px; margin-bottom: 20px; color: #ccc; border-style: dashed; border-color: #adb7be; line-height: 200px; text-align: center; background-color: #fff; }
.upload-drop-zone.drop { color: #222; border-color: #222; }
.upload-text { font-size: 24px; margin-left: 10px; }
/* ================== BLOG ======================*/

.blog_main .sidebar { float: left; width: 100%; padding: 25px; border-radius: 15px; background: #06a7a5; padding: 25px; }
.mad_widget { display: block; padding-bottom:15px; margin-bottom: 15px; border-bottom:1px solid #FFF;}
.mad_widget.style { background: transparent; padding: 0; border: none; }
#sidebar .mad_widget:not(:last-child) { margin-bottom: 40px; }
.widget_title { display: inline-block; padding-bottom: 15px; color: #FFF; font-weight: 700; }
.widget_title.style2 { padding-bottom: 0; border-bottom: none; }
/* Widget Price Filter */

.widget_price_filter .widget_title.style2 { margin-bottom: 15px; }
.widget_price_filter .mad_button { min-width: 135px; }
/* Widget link */

.widget_link .icon_link { background: #efbb20; color: #fff; text-align: center; width: 40px; height: 40px; line-height: 40px; float: left; vertical-align: middle; margin-right: 20px; font-size: 20px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.widget_link:hover { border-color: #efbb20; background: transparent; }
.widget_link .icon_link:before { content: '\e80c'; }
.widget_link span { overflow: hidden; font-size: 16px; color: #272627; line-height: 18px; display: block; }
/* Widget categories */

.widget_categories > ul > li { font-size: 14px; text-transform: uppercase; list-style: none; }
.widget_categories > ul > li > a { padding: 7px 0px; width: 100%; display: block; color: #fff; }
.widget_categories > ul > li:hover a { color: #fff; }
.widget_categories > ul > li > a span { float: right; }
/* Widget posts */

.mad_post_section .mad_post_item { margin: 0px 0px 15px 0px; }
.mad_post_section .mad_post_item:after { clear: both; display: block; visibility: hidden; height: 0; content: "."; }
.mad_post_section .mad_post_item:not(:last-child) { margin-bottom: 10px; }
.mad_post_section .mad_post_item figure { float: left; position: relative; }
.mad_post_section .mad_post_item .post_text_block { overflow: hidden; padding: 0px 20px; position: relative; }
.mad_post_section .mad_post_item .post_text_block a { color: #fff; line-height: 18px; display: inline-block; }
.mad_post_section .mad_post_item .post_text_block a:hover { color: #fff; }
/* Widget posts */


.blog_list { float: left; width: 100%; }
/* Blog */

#blog { padding-top: 60px; }
.mad_blog_post{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-bottom:20px;}
#blog .pattern_section .mad_section_container h2 { margin-bottom: 80px;}
#blog .pattern_section .bg_pattern_dark { margin-top: -85px; z-index: 0; position: relative; }
#blog .pattern_section .bg_pattern_red { z-index: 1; position: relative; }
.mad_post_info h2 { font-size: 26px; font-weight:600; text-transform: none; }
#blog .owl_custom_buttons { bottom: 0; position: absolute; right: 0; z-index: 3; }
#blog .mad_section_container { padding-top: 5px; }
#blog .carousel_type_2 .owl-carousel { padding-top: 80px; }
.mad_post_info .mad_post_action { font-size: 14px;  text-transform: uppercase; margin-bottom: 10px; }
.mad_post_action a { display: inline-block; color: #fff; font-weight: 500; }
#blog .mad_post_action a:hover { text-decoration: underline; }
.mad_post_action .date:before,  .mad_post_action .comment:before,  .mad_post_date .date:before,  .mad_post_action .admin:before,  .mad_post_action .days:before {  display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 18px; line-height: 1em; }
.mad_post_date .date:before { margin-right: 0; margin-bottom: 10px; display: block; font-size: 30px; }
.mad_blog_post .mad_post_content .mad_post_date { float: left; margin-right: 30px; }
.mad_post_author { position: absolute; left: calc(50% - 50px); bottom: calc(0px - 50px); z-index: 1; }
.mad_blog_post .mad_post_content .mad_post_info { padding: 0px; background: #e6f7fe; }
#blog .mad_blog_post .mad_post_content .mad_post_info { padding: 30px 20px 35px; }
.mad_blog_post .mad_post_content .mad_post_info p,  .mad_blog_post .mad_post_text p { line-height: 30px; margin-bottom: 0; font-size: 16px; }
.mad_blog_post .mad_post_text p { margin-top: 30px; }
.mad_blog_post .mad_post_content .mad_post_info h2 { margin-bottom: 15px; }
.mad_blog_post .mad_post_content .mad_post_info a:hover { color: #efbb20; }
.mad_blog_post .mad_post_date {width: 140px; text-align: center;  font-size: 14px;  font-weight: 500; padding: 55px 10px; color: #212121; z-index: 8; }
.mad_blog_post figure { position: relative; float:left; width:35%;}
.mad_blog_post .mad_post_content{ float:right; width:63%;}

.mad_blog_post.detail figure { position: relative; float:left; width:100%; margin-bottom:25px;}
.mad_blog_post.detail .mad_post_content{ float:right; width:100%;}


.mad_post_content .mad_post_date .date:before { margin-right: 0; margin-bottom: 10px; display: block; font-size: 30px; }
#blog .mad_blog_post .mad_post_content .mad_post_info p { font-size: 16px; line-height: 25px; }
.mad_post_content .mad_post_action { margin-bottom: 10px; padding-left: 1px; background:#f5f5f5; padding:8px 15px;}
.mad_post_content .mad_post_action a { color: #272627; padding-right:25px;}
.mad_post_content .mad_post_action a:before { color: #efbb20; }
.mad_post_nav { margin-bottom: 40px; }
.mad_post_nav .mad_post_options { float: left; }
.mad_post_nav .mad_post_dir { float: right; }
.mad_post_nav [class*="mad_post_"] a { border: 2px solid #fafafa; padding: 10px 25px; display: inline-block; color: #272627;  text-transform: uppercase; font-size: 14px; font-weight: bold; }
.mad_post_nav [class*="mad_post_"] a:hover { background: #efbb20; border-color: #efbb20; color: #fff; }
.mad_post_nav [class*="mad_post_"] a:hover:before,  .mad_post_nav [class*="mad_post_"] a:hover:after { color: #fff; }
.mad_post_nav [class*="mad_post_"] a:not(:last-child) { margin-right: 15px; }
.mad_post_nav .mad_post_options a:before,  .mad_post_dir .prev_post:before,  .mad_post_dir .next_post:after { color: #afafaf; margin-right: 10px; display: inline-block; vertical-align: middle; font-size: 18px; -webkit-transition: all .5s ease; transition: all .5s ease; }
.mad_post_dir .prev_post:before,  .mad_post_dir .next_post:after {  content: ""; line-height: 1em; }
.mad_post_dir .next_post:after { margin-right: 0; margin-left: 10px; }
.mad_post_dir > .prev_post:before { content: '\ec02'; }
.mad_post_dir > .next_post:after { content: '\ec03'; }
.mad_blog_category { margin-top: 30px; border-top: 2px solid #fafafa; padding: 15px 0;  font-size: 14px; color: #272627; }
.mad_blog_category .mad_tags { float: left; }
.mad_blog_category .mad_category { float: right; }
.mad_blog_category span { text-transform: uppercase; }
.mad_blog_category a { color: #272627; }
.mad_blog_category a:hover { color: #efbb20; }
.mad_blog_author_section { border: 1px solid #eee; padding: 80px 20px 30px; position: relative; text-align: center; margin-top: 100px; }
.mad_blog_author_section .mad_post_author { top: calc(0px - 50px); bottom: auto; }
.mad_blog_author_section p { font-size: 25px; font-style: italic; color: #efbb20; }
.mad_blog_author_section .mad_admin { text-transform: uppercase;  color: #272627; font-size: 15px; margin-top: 25px; }
.mad_blog_author_section .mad_admin span { text-transform: none; padding-left: 10px; }
.mad_comment_section,  .mad_comment_form { margin-top: 55px; }
.mad_post_comment { padding: 30px 30px 30px 80px; position: relative; border: 1px solid #eee; margin-left: 50px; min-height: 170px; }
.mad_post_comment.style2 { background: #fff; border-color: #eee; }
.mad_post_comment:not(:last-child) { margin-bottom: 30px; }
.mad_post_comment.comment_level_2 { margin-left: 100px; }
.mad_post_comment .mad_post_author { left: calc(0px - 50px); top: calc(50% - 50px); bottom: auto; }
.mad_post_comment p { margin-bottom: 0; }
.mad_post_comment .post_author a,  .mad_post_comment .post_author .rating_list { float: right; }
.mad_post_comment .post_author a:hover { color: #efbb20; }
.mad_post_comment .post_author,  .mad_post_comment .post_author a {  color: #272627; text-transform: uppercase; margin-bottom: 10px; font-size: 14px; }
.mad_post_comment .post_author span { padding-left: 10px; color: #c1c1c1; }
/*===============FOOTER HERE==============*/

.footer_main { float: left; width: 100%; background: #363636; padding: 35px 0px; }
.footer_main h2 { float: left; width: 100%; text-align: left; position: relative; font-size: 22px; color: #fff; font-weight: 700; margin: 0px 0px 30px 0px }
.footer_main h2::after { content: ''; position: absolute; bottom: -10px; height: 3px; width: 63px; left: 0%; -webkit-transform: translateX(0%); transform: translateX(0%); z-index: 0; background: #00b4c4; }
.footer_main .info .ftr_logo { float: left; width: 100%; margin: 0px 0px 10px 0px; }
.footer_main .info p { color: #FFF; font-size: 12px; }
.footer_main .info ul.social li { float: left; margin: 0px 10px 0px 0px; }
.footer_main .info ul.social li a { display: block; width: 30px; height: 30px; font-size: 14px; text-align: center; background: #FFF; color: #333; border-radius: 100%; float: left; margin: 0px 10px 0px 0px; padding: 5px 0px 0px 0px; }
.footer_main .links ul { width: 100%; float: left; }
.footer_main .links ul li { float: left; width: 50%; margin: 0px; padding: 0px; list-style: none; margin: 0px 0px 12px 0px; }
.footer_main .links ul li a { color: #fff; font-weight: 500; font-size: 14px; }
.footer_main .mailer .mail_box { width: 100%; border: 3px solid #ffffff; border-radius: 15px; background: url(../images/mailer.png) no-repeat 15px 13px #4c4c4c; width: 100%; float: left; padding: 18px 20px 18px 65px; font-weight: 600; color: #fff }
.footer_main .mailer .button { float: right; border-radius: 15px; background: #00b4c4; padding: 15px 45px; font-size: 18px; font-weight: 700; border: none; color: #FFF; margin: 15px 0px 0px 0px; }
.copyright { float: left; width: 100%; padding: 15px 0px; text-align: center; font-size: 16px; }