@charset "utf-8";

/* CSS */

body {font-family: 'Source Sans Pro', sans-serif;}
.wrapper_main {width: 100%;float: left;background:#f0f3f4;}

/* HOME */

.banner_bnr {width: 100%;position: relative;}
.logo{margin: 15px 0 0px 5px;}
.nav_main{width: 100%;padding: 0 0 10px 0;position: fixed;background: rgba(0, 123, 162, 0.7);z-index: 999;}
.navbg{background-image: url("../images/nav_top.png");background-size: 100% 100%;height: 59px;padding: 0 70px;width: 65%;float: right;}
.nav1 {width: 100%;margin: 0 auto;padding: 10px 0px 0 0px;float: left;}
.nav1 ul{width: 100%;list-style: none;padding: 0;margin: 0 auto;}
.nav1 ul li {height: 30px;float: left;padding: 0 10px 0 10px;text-align: center;border-right: solid #FFF 1px;}
.nav1 ul li a {color: #fff;}
.nav_clm2 {margin: 0 58px 0 70px;float: right;}
.emailpart {float: left;}
.usrname {background: #16a8d6 none repeat scroll 0 0;border-radius: 6px;margin: 0 8px 5px 0;padding: 6px;width: 208px;}
.headerpara {color: #fff;font-size: 13px;font-weight: 500;margin-left: 7px;}
.loginfiled-forgot {color: #787878;font-size: 13px;font-weight: 500;margin-left: 0px;}
.profilepic a {color: #fff;}
.profilepic a:hover {color: #fff;}
.login-checkbox {vertical-align: top;}
.field1{background: #fff none repeat scroll 0 0;border: medium none;font-size: 14px;padding: 4px 0 4px 10px;width: 196px;}
.login_btn {background: #e92777;padding: 8px 15px;text-align: center;float: left;-webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;}
.nav_clm2 a {color: #fff;}
.hm_registation {width: 100%;right: 154px;background: rgba(255, 255, 255, 0.5);position: absolute;z-index: 8;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;bottom: 10px;}
.indexheader {margin-top: 20px;}
.hm_registation_inr {margin: 10px;background: #f3f6f7;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;padding: 15px;}
.hm_highlitd_profile {width: 100%;float: left;background: #f3f6f7;padding-bottom: 20px;}
.hm_clm3 {width: 100%;float: left;background: #fefefe;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmUwZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #fefefe 0%, #f1f1f3 50%, #dfe0e4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(50%, #f1f1f3), color-stop(100%, #dfe0e4));background: -webkit-linear-gradient(top, #fefefe 0%, #f1f1f3 50%, #dfe0e4 100%);background: -o-linear-gradient(top, #fefefe 0%, #f1f1f3 50%, #dfe0e4 100%);background: -ms-linear-gradient(top, #fefefe 0%, #f1f1f3 50%, #dfe0e4 100%);background: linear-gradient(to bottom, #fefefe 0%, #f1f1f3 50%, #dfe0e4 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dfe0e4', GradientType=0);}
.download-part {width: 100%;float: left;padding-top:20px;}
.download-part ul {padding: 5px 0 10px 0;list-style: none;margin: 0px;}
.download-part ul li {line-height: 25px;color: #5a5a5a;font-size: 16px;}
.footer {width: 100%;float: left;background: #101010;color: #b2b2b2;padding: 20px 0px; margin: 0;}
.footer_link {width: 100%;padding: 0 0 0 0;}
.copyright {width: 100%;margin-top: 3px;}
.form-head {font-size: 22px;text-transform: uppercase;text-align: left;margin-top: 10px;margin-bottom: 10px;color: #303030;}
.search-para {color: #5a5a5a;text-align: left;margin: 0;}
.gender-img {margin-left: 35% !important;}
.horrizontal-form {padding: 5px 0;margin: 10px 0 !important;border-bottom: 1px solid #fff;border-top: 1px solid #fff;}
.horrizontal-form li {color: #5a5a5a;font-size: 14px;padding: 0px;margin: 0px;list-style: none;display: inline-block;}
.field {width: 100%;margin-bottom: 20px;padding: 10px;border: 1px solid #d8dee0;border-radius: 5px;}
.a1{overflow: hidden; background-color:#fff !important;background:url(../images/select-arrow.png) no-repeat right transparent;-moz-appearance: none;-webkit-appearance: none;}
.search-button {background: #2cbceb;color: #fff;border: #f40e63;border-radius: 5px;font-size: 13px;padding: 10px 24px;font-family: 'Slabo 27px', serif;}
.footer-link2 {padding: 0 18px 0 0;margin: 0px;float: right;}
.footer-link2 li {list-style: none;display: inline-block;margin: 0 0 0 15px;}
.footer_link a {color: #b2b2b2;}
.app-google img {margin-bottom: 10px;}
.app-google {float: left;width: 100%;padding-top:60px;}
.head-app {float: left;width: 100%;margin-top: 45px;}
.section2 {background: #f2f6f7;margin-top: 105px;padding-top: 50px;padding-bottom: 50px;min-height: 610px;}
.left-part {background: #fefdfd;padding: 15px;box-shadow: 0 0 1px 1px #e8eced;border: 1px solid #e2e6e7;border-radius: 10px;min-height: 835px;}
.collapsed {color: #494a4a !important;font-size: 16px;}
.panel-default > .panel-heading {background: #ffffff !important;}
.panel-heading {}
.panel {border: 1px solid #dedfdf !important;}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {border-top: none !important;}
.panel-group .panel {border-radius: 0px !important;}
.colum2 {background: #fefdfd;padding: 5px 5px 5px 5px;box-shadow: 0 0 1px 1px #e8eced;border: 1px solid #e2e6e7;margin-bottom: 30px;width: 100%;}
.prfl-img {margin: 0px;text-align:center;}
.prfl-details {color: #615f5f;font-size: 13px;margin: 3px 5px;}
.personal-details {margin-bottom: 15px;margin-top: 15px;width: 100%;padding-left: 10px;padding-right: 10px;}
.first-row {margin-bottom: 20px;}
.butn-interest-male {color: #fff;background: #0296c0;border: #0296c0 1px solid;font-size: 15px;padding: 10px 80px;border-radius: 5px;text-align: center;margin-left: 4px;}
.butn-interest-female {color: #fff;background: #ff0461;border: #ff0461 1px solid;font-size: 15px;padding: 10px 70px;border-radius: 5px;text-align: center;}
.butn-interest-female:hover {background: #d80553;}
.butn-interest-male:hover {background: #037d9f;}
.collapsed .plus:before {float: right;content: "+" !important;}
.plus::before {float: right;content: "-" !important;}
.plus {font-size: 16px;float: right;}
.label-checkbox {font-weight: 500;}
.backgrnd-gradt {background: #0e768f;background: -moz-linear-gradient(left, #0e768f 0%, #50b6bf 37%, #50b6bf 60%, #0e768f 100%, #207cca 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0e768f), color-stop(37%, #50b6bf), color-stop(60%, #50b6bf), color-stop(100%, #0e768f), color-stop(100%, #207cca));background: -webkit-linear-gradient(left, #0e768f 0%, #50b6bf 37%, #50b6bf 60%, #0e768f 100%, #207cca 100%);background: -o-linear-gradient(left, #0e768f 0%, #50b6bf 37%, #50b6bf 60%, #0e768f 100%, #207cca 100%);background: -ms-linear-gradient(left, #0e768f 0%, #50b6bf 37%, #50b6bf 60%, #0e768f 100%, #207cca 100%);background: linear-gradient(to right, #0e768f 0%, #50b6bf 37%, #50b6bf 60%, #0e768f 100%, #207cca 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0e768f', endColorstr='#207cca', GradientType=1);}
.profile-head {padding: 0px;margin: 0px;float: right;color: #fff;}
.profile-head li {padding: 0px;margin: 0px;list-style: none;display: inline-block;color: #fff;font-size: 14px;margin-left: 20px;}
.profile {margin: 0 58px 0 74px;}
.profilepic img {width: 45px;height: 45px;border-radius: 23px;}
.part-main {width: 100%;padding: 10px;}
.part1 {width: 25%;padding: 10px;float: left;}
.part2 {width: 75%;padding: 10px;float: right;}
.prfl-img img {width: 230px;}
.part1 .col-lg-12 {padding: 0px;}
.scrollpart {height: 165px;overflow-y: scroll;overflow-x: hidden;}
.searchbox {background: #17aad7;background: -moz-linear-gradient(top, #17aad7 0%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 64%, #17aad7 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #17aad7), color-stop(34%, #2ebeec), color-stop(34%, #2ebeec), color-stop(34%, #2ebeec), color-stop(34%, #2ebeec), color-stop(34%, #2ebeec), color-stop(34%, #2ebeec), color-stop(64%, #2ebeec), color-stop(100%, #17aad7));background: -webkit-linear-gradient(top, #17aad7 0%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 64%, #17aad7 100%);background: -o-linear-gradient(top, #17aad7 0%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 64%, #17aad7 100%);background: -ms-linear-gradient(top, #17aad7 0%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 64%, #17aad7 100%);background: linear-gradient(to bottom, #17aad7 0%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 34%, #2ebeec 64%, #17aad7 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#17aad7', endColorstr='#17aad7', GradientType=0);border-radius: 4px;box-sizing: border-box;margin: 18px auto 0;padding: 5px;width: 290px;float: right;float: left;}
.searchbox input {background-color: #e3f4fa;border: medium none;color: #6c6d6d;font-weight: 500;height: 30px;padding-left: 10px;width: 220px;}
.searchbtn {background-color: transparent;background-image: url(../images/icon4.png);background-position: 10px 5px;background-repeat: no-repeat;background-size: 20px 20px;border: medium none;cursor: pointer;height: 30px;width: 35px;}

/*SLIDER*/

#carousel {text-align: left;float: none;position: absolute;top: 0px;right: auto;bottom: auto;left: -109.5px;margin: 0px;width: 100%;z-index: auto;}
#carousel div {text-align: center;width: 200px;float: left;position: relative;margin-left: 10px;}
#carousel div img {border: none;width: 100px;height: 100px;border: 5px solid #fff;border-radius: 50px;}
#carousel div span {display: none;}
#carousel div:hover span {background-color: #333;color: #fff;font-family: Arial, Geneva, SunSans-Regular, sans-serif;font-size: 14px;line-height: 22px;display: inline-block;width: 100px;padding: 2px 0;margin: 0 0 0 -50px;position: absolute;bottom: 30px;left: 50%;border-radius: 3px;}
#donate-spacer {height: 100%;}
.caroufredsel_wrapper {display: block;text-align: start;float: none;position: relative;top: auto;right: auto;bottom: auto;left: auto;z-index: auto;width: 100%;height: 155px;margin: 0px 0px;overflow: hidden;}

/* -- */

.qualification {color: #5a5a5a;font-size: 13px;text-align: center;margin: 0px;}
.pink-name {color: #f40e63;font-size: 16px;margin: 0px;font-weight: 600;}
.sec-rib {display: block;margin: 0 auto;margin-bottom: 20px;}
.nav1 ul li a {font-size: 14px;}
@media (min-width:320px)and (max-width:480px) {.profile {margin: 0px;float: left;width: 97%;}.profile-head li {font-size: 12px;}.part1 { width: 100%;}.part2 {width: 100%;}.navbg {padding: 0 15px;}.nav1 ul li {padding: 0 5px;}.nav1 ul li a {font-size: 9px;}.hm_registation {position: unset;}.navbg {width: 100% !important;}.indexmenu {padding: 0 22px !important;}#myTabs > li {width: 100%;}}
@media (min-width:481px)and (max-width:570px) {.profile {margin: 0px;float: left;width: 90%;}}
@media (min-width:481px)and (max-width:1199px) {.part1 {width: 100%;}.part2 {width: 100%;}}

/* PROGRESS-CHART */

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
.progressDiv {width: 100%;background: #fefdfd;position: relative;display: inline-block;border: 1px solid #e2e6e7;box-shadow: 0 0 1px 1px #e8eced;min-height: 317px;}
.statChartHolder {width: 100%;position: relative;display: inline-block;}
.progress-pie-chart {width: 200px;height: 200px;border-radius: 50%;background-color: #E5E5E5;position: relative;}
.progress-pie-chart.gt-50 {background-color: #75d2e4;}
.ppc-progress {content: "";position: absolute;border-radius: 50%;left: calc(50% - 100px);top: calc(50% - 100px);width: 200px;height: 200px;clip: rect(0, 200px, 200px, 100px);}
.ppc-progress .ppc-progress-fill {content: "";position: absolute;border-radius: 50%;left: calc(50% - 100px);top: calc(50% - 100px);width: 200px;height: 200px;clip: rect(0, 100px, 200px, 0);background: #81CE97;transform: rotate(60deg);}
.gt-50 .ppc-progress {clip: rect(0, 100px, 200px, 0);}
.gt-50 .ppc-progress .ppc-progress-fill {clip: rect(0, 200px, 200px, 100px);background: #E5E5E5;}
.ppc-percents {content: "";position: absolute;border-radius: 50%;left: calc(50% - 150px/2);top: calc(50% - 150px/2);width: 150px;height: 150px;background: #fff;text-align: center;display: table;}
.ppc-percents span {display: block;font-size: 35px;font-weight: bold;color: #53595e;}
.pcc-percents-wrapper {display: table-cell;vertical-align: middle;}
.progress-pie-chart {margin: 0 auto;}

/* MY PROFILE START */

.myprfl-section2 {height: 365px;background: #0e768f;background: -moz-linear-gradient(left, #0e768f 0%, #50b6bf 37%, #50b6bf 60%, #0e768f 100%, #207cca 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0e768f), color-stop(37%, #50b6bf), color-stop(60%, #50b6bf), color-stop(100%, #0e768f), color-stop(100%, #207cca));background: -webkit-linear-gradient(left, #0e768f 0%, #50b6bf 37%, #50b6bf 60%, #0e768f 100%, #207cca 100%);background: -o-linear-gradient(left, #0e768f 0%, #50b6bf 37%, #50b6bf 60%, #0e768f 100%, #207cca 100%);background: -ms-linear-gradient(left, #0e768f 0%, #50b6bf 37%, #50b6bf 60%, #0e768f 100%, #207cca 100%);background: linear-gradient(to right, #0e768f 0%, #50b6bf 37%, #50b6bf 60%, #0e768f 100%, #207cca 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0e768f', endColorstr='#207cca', GradientType=1);}
.bgimage {background-image: url(../images/bg-dot.png);width: 100%;min-height: 650px;}
.profile-details {background: #fefdfd;padding-top: 25px;padding-bottom: 25px;float: left;width: 100%;border: 1px solid #e2e6e7;box-shadow: 0 0 1px 1px #e8eced;padding-left: 15px;padding-right:15px;padding-bottom: 25px;min-height: 317px;}
.profile-details .col-sm-4 {padding: 0px;}
.head-name {font-size: 23px;font-weight: 400;margin-bottom: 10px;margin-top: 15px;}
.head-name2 {font-size: 19px;font-weight: 400;margin-bottom: 10px;margin-top: 25px;color: #282828;text-align: center;}
.blue-name {color: #1daedc;}
.black-code {color: #494747;}
.btn-intrst {background: #16a8d6;background: -moz-linear-gradient(top, #16a8d6 0%, #2cbdeb 49%, #24b5e3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #16a8d6), color-stop(49%, #2cbdeb), color-stop(100%, #24b5e3));background: -webkit-linear-gradient(top, #16a8d6 0%, #2cbdeb 49%, #24b5e3 100%);background: -o-linear-gradient(top, #16a8d6 0%, #2cbdeb 49%, #24b5e3 100%);background: -ms-linear-gradient(top, #16a8d6 0%, #2cbdeb 49%, #24b5e3 100%);background: linear-gradient(to bottom, #16a8d6 0%, #2cbdeb 49%, #24b5e3 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#16a8d6', endColorstr='#24b5e3', GradientType=0);border: 1px solid #16a8d6;padding: 10px 0px;border-radius: 5px;color: #fff;font-size: 14px;margin-right: 5px;margin-bottom: 10px;width: 125px;}
.btn-msg {border: 1px solid #eb2a79;background: #ed2d7c;background: -moz-linear-gradient(top, #ed2d7c 0%, #ff4f97 49%, #eb2a7a 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed2d7c), color-stop(49%, #ff4f97), color-stop(100%, #eb2a7a));background: -webkit-linear-gradient(top, #ed2d7c 0%, #ff4f97 49%, #eb2a7a 100%);background: -o-linear-gradient(top, #ed2d7c 0%, #ff4f97 49%, #eb2a7a 100%);background: linear-gradient(to bottom, #ed2d7c 0%, #ff4f97 49%, #eb2a7a 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ed2d7c', endColorstr='#eb2a7a', GradientType=0);padding: 10px 0px;border-radius: 5px;color: #fff;font-size: 14px;margin-bottom: 10px;width: 125px;}
.btn-msg:hover {background: #ec2c7b;}
.btn-intrst:hover {background: #16a8d6;}
.myprfl-section3 {background: #f3f6f7;}
.profiledetl {width: 100%;float: left;margin-top: -193px;}
.details {margin-left: 10px;width:100%;}
.para2 {margin-bottom: 5px;margin-top: 5px;color: #494747;font-size: 15px;}
.para3 {color: #383d3f;font-size: 13px;margin-top: 15px;float: right;width: 100%;text-align: right;}
.socialmedia2 {padding: 0px;margin: 0px;float: right;width: 100%;margin-top: 150px;}
.socialmedia2 li {padding: 0px;margin: 0 0 0 10px;list-style: none;float: right;display: inline-block;}
@media (min-width:768px)and (max-width:991px) {.profile-image {width: 100%;}.btn-msg {width: 105px;}.btn-intrst {width: 105px;}}
.prfl-details2 {margin-top: 30px;float: left;width: 100%;margin-bottom: 30px;}
.details2 {padding: 15px;background: #fefdfd;float: left;width: 100%;}
.sub-details1 {background: #fff;border: 1px solid #dfdfdf;float: left;width: 100%;padding: 25px 0 0;}
.inner-content {margin: 0px;float: left;width: 100%;}
.inner-content li {padding: 0px;margin: 0px;list-style: none;display: inline-block;width: 76%;float: left;}
.bluebg {background: #0296c0;width: 50px !important;height: 50px !important;border-radius: 33px;margin-right: 13px !important;}
.bluebg img {display: block;margin: 10px auto 0;}
.left-part2 {padding-top: 15px;float: left;width: 100%;background: #fefdfd;border: 1px solid #e2e6e7;box-shadow: 0 0 1px 1px #e8eced;padding-left: 15px;padding-right: 15px;padding-bottom: 60px;}
.para4 {margin: 0px;padding: 0px;}
.para4 li {margin: 0px;padding: 0px;list-style: none;}
.blue-para {font-size: 19px;color: #0296c0;margin: 0 0 5px;}
.grey-para {color: #494747;font-size: 15px;margin: 0px;padding-bottom: 10px;}
.add-btn {background: #eeeeee;height: 40px;width: 100%;float: left;text-align: center;}
.add-btn a {color: #565656;text-align: center;font-size: 14px;}
.abb {margin-top: 10px;margin-bottom: 0;}
.down-part {float: left;width: 100%;}
.para5 {color: #737373;font-size: 14px;margin-top: 0px;margin-bottom: 10px;}
.textarea1 {font-size: 13px;width: 100%;padding: 10px;border: 2px solid #d8dee0;border-radius: 5px;}
.field2 {font-size: 13px;width: 100%;padding: 10px;border: 2px solid #d8dee0;border-radius: 5px;margin-top: 20px;}
.head-form {color: #0296c0;font-size: 19px;margin-top: 30px;margin-bottom: 5px;padding-bottom: 15px;}
.right-part {background: #fefdfd;border: 1px solid #e2e6e7;box-shadow: 0 0 1px 1px #e8eced;float: right;width: 100%;}
.right-content {padding: 15px;min-height: 229px;color: #1daedc;font-size:18px;padding-top: 75px !important;}
.prfldetails {padding: 0px;margin: 10px 0;}
.prfldetails li {padding: 0px;margin: 0px;list-style: none;display: inline-block;}
.imagerd img {width: 85px;height: 85px;border-radius: 50px;border: 4px solid #e92777;}
.pink-name2 {color: #f40e63;font-size: 13px;margin-top: 0px;margin-bottom: 5px;text-align: left;}
.qulif {color: #5a5a5a;font-size: 13px; margin: 0px;text-align: left;}
.imagerd {margin-right: 15px !important;}

/*MY PROFILE PAGE END*/

.indexmenu {width: 73%;padding: 0 105px;}
.searchbox {width: 280px;}
.short_menu .navbg {display: none}
.short_menu .profile-head {margin-top: 15px}
.short_menu .searchbox {display: block}
.short_menu .nav_clm2 {margin-top: 0}
.short_menu .logo img {width: 140px;transition: all .5s ease-in-out 0}
.short_menu {height: 75px}
.short_menu .indexheader {margin-top: 6px}

/*MY PROFILE VIEW PAGE STARTS*/

.head1 {color: #282828;font-size: 22px;font-weight: 400;margin-bottom: 10px;margin-top: 15px;text-align: left;}
.top-part {padding: 0px 30px 30px 30px;}
.blueword { margin-top: 18px !important;}
.details3 {padding-top: 10px;border-bottom: 1px solid #e0e0e0;float: left;width: 100%;}
.paddingbtm0 {padding-left: 0;}
.content {float: left;width: 100%;padding-left: 8.5%;}
.details4 {padding: 0px;margin: 0px;}
.subdetails {padding: 0px;margin: 0px;}
.details4 li {list-style: none;}
.subdetails li {display: inline-block;list-style: none;color: #494747;font-size: 15px;margin-bottom: 5px;margin-top: 5px;}
.firstli {width: 33%;}
.lastli {width: 65%;}
.content .col-md-6 {padding-right: 0px;}
.bordernone {border: none;}

/*DROPDOWN STYLE STARTS*/

.settingsdropdwn {width: 235px;background: #16a8d7;padding: 10px;margin-top: 0px;border-radius: 0 0 10px 10px;border: none;box-shadow: none;}
.settingsdropdwn li {margin: 1px 0px;display: block;border-bottom: 1px solid #96d8ed;}
.settingsdropdwn > li > a:focus,
.dropdown-menu > li > a:hover {background: #16a8d7;color: #fff;}
.settingsdropdwn > li > a {color: #fff;padding: 10px 5px 10px 3px;}
.lastlistdpdw {border-bottom: none !important;}

/*UPGRADE PAGE STARTS*/

.upgradepart {background: #fefdfd;border: 1px solid #e2e6e7;box-shadow: 0 0 1px 1px #e8eced;padding: 0 30px 35px;border-radius: 10px;float: left;width: 100%;min-height: 505px;}
.upgradetab > li.active > a,
.upgradetab > li.active > a:focus,
.upgradetab > li.active > a:hover {border: 1px solid #e5e5e5;background: #16a8d6;color: #fefdfd;text-transform: uppercase;font-size: 16px;font-family: 'Source Sans Pro', sans-serif;padding: 13.5px 20px;border-top: none;}
.upgradetab > li > a {border-radius: 0 0 5px 5px;border: 1px solid #e5e5e5;color: #3f3f3f;font-size: 14px;text-transform: uppercase;padding: 15px 20px;margin-right: 10px;border-top: none;}
.upgradetab {margin-top: 0px;border-bottom: none;}
.upgradedetaildpart {float: left;width: 100%;margin-top: 40px;}
.upgradeactive {border: 1px solid #dcdcdc;border-radius: 5px;float: left;width: 100%;}
.radiobtnlabel {color: #ffffff;font-size: 20px;text-transform: uppercase;font-family: 'Source Sans Pro', sans-serif;text-align: center;margin: 0 auto;display: block;}
.up1 {background: #48b7d2;padding: 15px 0px;border-radius: 5px 5px 0px 0px;}
.upgradeactive input[type=radio] {visibility: hidden;position: absolute;}
.upgradeactive input[type=radio] + label:before {height: 12px;width: 12px;margin-right: 2px;content: " ";display: inline-block;vertical-align: baseline;border: 1px solid #307982;background: #fff;}
.upgradeactive input[type=radio]:checked + label:before {background: #ffffff;background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #307982 49%, #307982 99%);background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(49%, #307982), color-stop(99%, #307982));background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #307982 49%, #307982 99%);background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #307982 49%, #307982 99%);background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #307982 49%, #307982 99%);background: radial-gradient(ellipse at center, #ffffff 0%, #307982 49%, #307982 99%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#307982', GradientType=1);border: 3px solid #d2f6f3;}

/* CUSTOM RADIO AND CHECKBOX STYLES */

.upgradeactive input[type=radio] + label:before {border-radius: 50%;}
.arrowbtmimg {display: block;margin: 0 auto;}
.up2 {background: #c5f1ff;float: left;width: 100%;padding-bottom: 30px;}
.selectboxmnths {width: 150px;font-size: 15px;height: 35px;border: 1px solid #d4dadd;margin: 25px auto 20px;display: block;}
.bottomshadowimg {width: 100%;vertical-align: top;}
.para6 {color: #2d2d2d;text-align: center;margin: 0px;}
.rspan {font-size: 15px;text-transform: uppercase;}
.mspan {font-size: 34px;}
.para7 {font-size: 12px;text-transform: uppercase;text-align: center;margin: 0px;}
.up11 {background: #11a3d4;padding: 13px 0px;border-radius: 5px 5px 0px 0px;}
.up22 {background: #f6f6f6;float: left;width: 100%;padding-bottom: 28px;}
.up111 {background: #0a8ed2;padding: 13px 0px;border-radius: 5px 5px 0px 0px;}
.conetntupgd {border: 1px solid #b3e1f0;background: #daf6ff;float: left;width: 100%;margin-bottom: 20px;margin-top: 20px;padding: 40px;border-radius: 10px;}
.para8 {color: #cc0363;text-align: center;margin: 0px;}
.marginbtn {margin-bottom: 10px;}
.dropdown {padding: 10px;}
.dropdown.open {background: #16a8d7 none repeat scroll 0 0;padding: 10px;}

#count-notification {position: absolute;width: 25px;height: 25px;color: #ffffff;font-size: 11px;font-weight: bold;margin-left: 15px;margin-top: -11px;background: #cc0000 none repeat scroll 0 0;border-radius: 13px;border: 1px solid #cc0000;text-align: center;padding-bottom: 5px;padding-top: 4px;}
.countspan {text-align: center;margin: 0 auto;}

/*SCROLL CSS STARTS*/

pre.prettyprint {padding: 15px;border: 1px solid #eee;border-radius: 5px;background: #eee;border-bottom: 3px solid;}
.examples {border-radius: 20px;background: #fff;padding: 15px;margin: 0 150px 0 0;border-collapse: collapse;border: 1px solid #000;}
.slimScrollDiv {}
#nav {top: 0;left: 0;background: #fff;padding: 15px;border-radius: 20px;width: 200px;}
#nav ul {list-style-type: square;list-style-position: inside;margin: 20px 0 0 0;padding: 0;}
#nav a {text-decoration: none;color: #000;}
#nav a:hover {text-decoration: underline}
#git-fork img {position: fixed;top: 0;right: 0;border: 0;z-index: 999;}

/*scroll css ends*/

.red {border: 1px solid #c00!important}
.error {color: #c00}
.intrstd_clr {color: #fff;background: red;}
.edit_btn {width: 25px;height: 25px;background: url(../images/editt.png);border: none;cursor: pointer;border-radius: 0!important; margin-left: 10px}


/*new settings page css starts 3*/

.save-button {
    background: rgb(44, 188, 235);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(44, 188, 235, 1) 0%, rgba(40, 186, 231, 1) 49%, rgba(26, 172, 218, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(44, 188, 235, 1) 0%, rgba(40, 186, 231, 1) 49%, rgba(26, 172, 218, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(44, 188, 235, 1) 0%, rgba(40, 186, 231, 1) 49%, rgba(26, 172, 218, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2cbceb', endColorstr='#1aacda', GradientType=0);
    /* IE6-9 */
    border: 1px solid #16a8d6;
    padding: 10px 30px;
    border-radius:2px;
    color: #fff;
    font-size: 15px;
    margin-top: 15px;
}

.save-button:hover {
    background: rgb(26, 172, 218);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(26, 172, 218, 1) 0%, rgba(40, 186, 231, 1) 49%, rgba(44, 188, 235, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(26, 172, 218, 1) 0%, rgba(40, 186, 231, 1) 49%, rgba(44, 188, 235, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(26, 172, 218, 1) 0%, rgba(40, 186, 231, 1) 49%, rgba(44, 188, 235, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1aacda', endColorstr='#2cbceb', GradientType=0);
    /* IE6-9 */
}

.setting_main {
    width: 100%;
    float: left;
    background: #fff;
    margin-bottom: 50px;
    box-shadow: 0px 2px 10px #bbbbbb;
}

.setting_hd {
    width: 100%;
    color: #fff;
    padding: 14px;
    font-size: 18px;
    background: rgba(41, 185, 233, 1);
    background: -moz-linear-gradient(top, rgba(41, 185, 233, 1) 0%, rgba(43, 189, 233, 1) 47%, rgba(23, 169, 214, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(41, 185, 233, 1)), color-stop(47%, rgba(43, 189, 233, 1)), color-stop(100%, rgba(23, 169, 214, 1)));
    background: -webkit-linear-gradient(top, rgba(41, 185, 233, 1) 0%, rgba(43, 189, 233, 1) 47%, rgba(23, 169, 214, 1) 100%);
    background: -o-linear-gradient(top, rgba(41, 185, 233, 1) 0%, rgba(43, 189, 233, 1) 47%, rgba(23, 169, 214, 1) 100%);
    background: -ms-linear-gradient(top, rgba(41, 185, 233, 1) 0%, rgba(43, 189, 233, 1) 47%, rgba(23, 169, 214, 1) 100%);
    background: linear-gradient(to bottom, rgba(41, 185, 233, 1) 0%, rgba(43, 189, 233, 1) 47%, rgba(23, 169, 214, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#29b9e9', endColorstr='#17a9d6', GradientType=0)
}

.setting_mtr_main {
    float: left;
    padding: 10px;
    width: 100%;
}

.setting_mtr_main .nav > li > a {
    display: block;
    padding: 15px;
    position: relative;
    width: 250px;
}

.setting_mtr_main .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background: #2dbeec;
}

.setting_mtr_main .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #fff;
    font-size: 16px;
}

.setting_mtr_main .nav-tabs > li > a {
    border-radius: 0 0 0 0;
}

.settingfield {
    border: 1px solid #d8dee0;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 10px;
    width: 50%;
    margin-right: 10px;
}

.stngbtn_rst {
    background: silver;
    background-image: linear-gradient(to bottom, silver, #b8b8b8);
    background-image: -moz-linear-gradient(top, silver, #b8b8b8);
    background-image: -ms-linear-gradient(top, silver, #b8b8b8);
    background-image: -o-linear-gradient(top, silver, #b8b8b8);
    background-image: -webkit-linear-gradient(top, silver, #b8b8b8);
    border: 1px solid #b8b8b8;
    margin-left: 10px;
    padding: 10px 30px;
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    margin-top: 15px;
}

.stngbtn_rst:hover {
    background: #b8b8b8;
    background-image: linear-gradient(to bottom, #b8b8b8, silver);
    background-image: -moz-linear-gradient(top, #b8b8b8, silver);
    background-image: -ms-linear-gradient(top, #b8b8b8, silver);
    background-image: -o-linear-gradient(top, #b8b8b8, silver);
    background-image: -webkit-linear-gradient(top, #b8b8b8, silver);
    text-decoration: none;
}

.stng_mailart {
    border: solid #e4e4e4 1px;
    float: left;
    height: 400px;
    margin-bottom: 1%;
    padding: 15px;
    width: 100%;
}

.stng_mailart_dv {
    /*border-bottom: dotted #9e9d9d 1px;*/
    float: left;
    margin: 0 auto;
    padding: 5px 0;
    width: 100%;
    margin-bottom: 2%;
}

.stng_mailart_dv p {
    margin: 0;
    padding: 0;
}

.stng_mailart_dv1 {
    float: left;
    width: 70%;
}

.stng_mailart_dv2 {
    float: left;
    width: 30%;
}

.settings-tab .nav-tabs {
    border-bottom: 0;
    float: left;
    margin: 0 15px 0 0;
}

.settings-tab .nav-tabs li {
    float: none;
    margin: 2px 0;
}

.settings-tab .nav-tabs li a {
    background-color: #d4e4ea;
    border: 0;
    color: #000;
    font-size: 15px;
    margin-right: 0;
}

.settings-tab .nav-tabs li a:hover {
    background-color: #2dbeec;
    color: #fff;
}

.settings-tab .nav-tabs .glyphicon {
    color: #fff;
}

.settings-tab .nav-tabs .active .glyphicon {
    color: #333;
}

.settings-tab .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border: 0;
}

.settings-tab .tab-content {
    margin-left: 45px;
}

.settings-tab .tab-content .tab-pane {
    background-color: #fff;
    border: solid #dfdfdf 1px;
    display: none;
    overflow-y: auto;
    padding: 1.6rem;
    min-height:600px;
}

.settings-tab .tab-content .active {
    display: block;
}

.settings-tab .tab-content .tab-pane h2 {
    border-bottom: solid #cdcdcd 1px;
    padding: 0 0 8px;
    width: 40%;
}

.profiledet2 {
    width: 100%;
    float: left;
    margin-top: -193px;
}

.liststyle-none li {
    list-style: none;
}


/*new settings page css ends 3*/


/*new contact-feedback css starts*/

.para9 {
    color: #4e4e4e;
    font-size: 13px;
}

.tab-inner-part {
    margin-top: 40px;
}

.horrizontalline1 {
    border-bottom: 1px solid #cdcdcd;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.field3 {
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    border: 2px solid #d8dee0;
    border-radius: 5px;
}

.para10 {
    margin-bottom: 8px;
    color: #4e4e4e;
    font-size: 15px;
}

.submit-button {
    background: rgb(44, 188, 235);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(44, 188, 235, 1) 0%, rgba(40, 186, 231, 1) 49%, rgba(26, 172, 218, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(44, 188, 235, 1) 0%, rgba(40, 186, 231, 1) 49%, rgba(26, 172, 218, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(44, 188, 235, 1) 0%, rgba(40, 186, 231, 1) 49%, rgba(26, 172, 218, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2cbceb', endColorstr='#1aacda', GradientType=0);
    /* IE6-9 */
    border: 1px solid #16a8d6;
    padding: 10px 30px;
    border-radius: 2px;
    color: #fff;
    font-size: 15px;
    margin-top: 15px;
    float: right;
}

.submit-button:hover {
    background: rgb(26, 172, 218);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(26, 172, 218, 1) 0%, rgba(40, 186, 231, 1) 49%, rgba(44, 188, 235, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(26, 172, 218, 1) 0%, rgba(40, 186, 231, 1) 49%, rgba(44, 188, 235, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(26, 172, 218, 1) 0%, rgba(40, 186, 231, 1) 49%, rgba(44, 188, 235, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1aacda', endColorstr='#2cbceb', GradientType=0);
    /* IE6-9 */
}


/*new contact-feedback css ends*/


/*new deactivation page css ends 7*/

.button-yn {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.head4 {
    text-align: center;
}

.deactivation-part {
    padding-bottom: 70px;
    padding-top: 40px;
}


/*new deactivation page css ends 7*/


/*new success-stories page css ends 4*/

.para11 {
    font-size: 15px;
    color: #4e4e4e;
    margin-bottom: 10px;
}

.conetntupgd_successstories {
    border: 1px solid #b3e1f0;
    background: #c5f1ff;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 10px;
}

.conetntupgd_successstories .col-lg-2 {
    padding: 0px;
}

.img_successstory img {
    border: 4px solid #fefdfd;
}

.succ_stories_id {
    color: #3f4b4e;
    font-size: 12px;
}

.succ_stories_name {
    color: #343b3c;
    font-size: 17px;
}

.succ_stories_senten {
    color: #282828;
    font-size: 13px;
}

.head3 {
    font-size: 20px;
    color: #303030;
    margin-bottom: 5px;
}

.post-para {
    color: #4e4e4e;
    font-size: 13px;
    margin-top: 10px;
}


/*new success-stories page css ends 4*/

.error-border {
    border: 1px solid red!important
}

.upgrade-selectbtn {
    background: #48b7d2;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    display: block;
    margin-top: 10px
}

.active1 {
    background: #c5f1ff none repeat!important
}


/*popup in profile view*/

.namefield {
    width: 100%
}

.edit_usernameform,
.edit_usernameform1 {
    display: none
}

.update_username {
    width: 25px;
    height: 25px;
    background: url(../images/editt.png);
    border: none;
    cursor: pointer
}

.edit_usernamesubmit {
    border: 1px solid #16a8d6;
    border-radius: 5px;
    font-size: 14px;
    padding: 8px 24px;
    transition: all .5s ease-in-out 0;
    background: transparent;
    color: #16a8d6;
    margin-top: 30px;
    float: left
}

.edit_usernamesubmit:hover {
    background: #16a8d6;
    color: #fff
}

.cncelbuton {
padding: 10px 15px !important;
border-radius: 8px !important;
border: 1px solid transparent !important;
color: #FFF !important;
background: transparent linear-gradient(to bottom, #2CBCEB 0%, #28BAE7 49%, #1AACDA 100%) repeat scroll 0% 0% !important;
margin-bottom: 10px;
margin-top: 10px;
float:right;
}

.cncelbuton:hover {
    background: #16a8d6;
    color: #fff
}


/*popup in profile view*/


/* image upload */

.img_uploadadminapproval {
    color: #FF3333;
position: absolute;
}


.paraloginlink {
    top: 189px;
    position: absolute;
    text-align: center;
    width: 73%;
    background: rgba(0, 0, 0, 0.3) url(../images/prfl_upload_icon.png) no-repeat 10px;
    height: 40px;
    text-transform: uppercase;
    line-height: 38px;
    margin-top: 36px;
    width: 244px
}

.paraloginlink a {
    color: #fff
}

.img-upload {
    background: #16a8d6 none repeat scroll 0 0!important;
    border: 1px solid #16a8d6!important;
    border-radius: 5px!important;
    color: #fff!important;
    font-size: 13px!important;
    margin-top: 30px;
    padding: 10px 24px!important
}

#image_file {
    border: none!important;
    padding: 6px 10px!important
}

#preview {
    max-height: 100%!important;
    width: 100%!important
}


/* image upload */


/*new login page css ends 8*/

.login-innerpart {
    background: #fefdfd;
    border: 1px solid #e2e6e7;
    box-shadow: 0 0 1px 1px #e8eced;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 50px;
    padding: 60px 60px;
    margin-top: 30px;
}

.login-head {
    color: #101010;
    font-size: 25px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
}

.login-checkbox {
    vertical-align: sub;
    margin-right: 10px !important;
}

.login-label {
    color: #787878;
    font-size: 13px;
}


/*new login page css ends 8*/


/*c all notification*/

.notifition_img {
    width: 50px;
    border: none !important;
}

.notification_idmsg {
    margin-top: 4px;
    margin-bottom: 2px
}

.notifi_details {
    background: #6CF none repeat scroll 0 0;
    padding: 11px
}

.notifi_details h3 {
    color: #fff;
    font-size: 22px;
    margin: 0;
}

.natification_alert {
    background: #daf6ff none repeat scroll 0 0;
    border-bottom: 1px solid #b3e1f0;
    border-radius: 3px;
    float: left;
    width: 100%;
    padding: 10px;
}

.natification_alert .col-lg-1 {
    padding: 0px !important;
}

.delete-option {
    float: right;
   margin-top: 20px;
margin-left: 5px;
}

.spacingpart {
    padding-top: 30px;
    float: left;
    width: 100%;
}


/*c all notification end*/

.loader_cls {
    background: rgba(255, 255, 255, 0.7) url("../images/ajax-loader.gif") no-repeat scroll 50% 50%;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999 !important;
}
.new-msg{padding-right: 20px;}
.multiple-name span{width: 100%;}
.loader1 {
    display: none;
    text-align: center;
}
.mesgtextarea{width: 100%; margin-top: 30px; margin-bottom: 30px;padding: 15px;border: 1px solid #9ec8d5;}
.select2-container--default .select2-selection--multiple{border: 1px solid #9ec8d5 !important;}
/*new message page css starts 5*/
.msg_notify {background: #d4e4ea;border:2px solid #f1f1f1;padding:10px; float:left;width:100%;min-height: 80px;margin-bottom:10px;}
.msg-notify-wrapper{}
.msg_notify .col-lg-3{padding: 0;}
.radio_msg{margin-left: 8px;margin-right: 8px;}
.heading_messages{color:#484646;font-size:15px;margin-top: 0;}
.para12{color:#575757;font-size:13px;padding-right: 10px;text-align:justify;}
.offline-msg{color:#0f97c1;font-size:13px;}
.msg_addphoto {background: #6cdcfe none repeat scroll 0 0;border: 2px solid #6cdcfe;border-radius: 5px;color: #fff;float: left; font-size: 14px;margin-top: 10px;padding: 10px 10px;width: 125px;}
.msg_addphoto:hover{background:#62c7e6;border: 2px solid #62c7e6;}
.msg_sendmail{text-align: center;float: left;font-size: 14px;margin-top: 10px;padding: 10px 10px;margin-left:10px;background:#f1f1f1;border-radius: 5px;border: 2px solid transparent;color:#868080;width: 125px;}
.msg_sendmail:hover{background:#c9c8c8;border: 2px solid #c9c8c8;}
.left-tab-message{background:none;padding:10px 10px;margin-top: 15px;min-height:125px;}
.left-tab-message ul li{width:100%;display:block; margin-bottom:7px;}
.left-tab-message ul{margin-top:32px;border:2px solid #f3f6f7;padding:6px;border-radius:5px;background:#fff;list-style-image:url("../images/arw.png") }
.left-tab-message .nav-tabs > li.active > a > .arrowmsg, .nav-tabs > li.active > a > .arrowmsg:hover, .nav-tabs > li.active > a > .arrowmsg:focus{color:#fff;border-radius:5px;}
.left-tab-message .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;background:#2dbeec;color:#fff;font-size:15px;border:none;border-radius:5px;}
.left-tab-message .nav-tabs > li > a{border-radius:5px;font-size:15px;border:none;background:#d4e4ea;color:#576063;padding:15px 10px;}
.lasttab-msg{margin-bottom:0px !important;}
.arrowmsg{background-position:center;height:20px;width:20px;}
.upgradeparts-inner{background:#fefdfd;border-bottom: 2px solid #f1f1f1;float:left;width:100%;padding:10px;  }
.message-section-main{ padding-top: 10px;background: #0d6e87; /* Old browsers */
background: -moz-linear-gradient(left, #0d6e87 0%, #0d6e87 0%, #0d6e87 0%, #e5eeba 50%, #187587 100%, #207cca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0d6e87), color-stop(0%,#0d6e87), color-stop(0%,#0d6e87), color-stop(50%,#e5eeba), color-stop(100%,#187587), color-stop(100%,#207cca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #0d6e87 0%,#0d6e87 0%,#0d6e87 0%,#e5eeba 50%,#187587 100%,#207cca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #0d6e87 0%,#0d6e87 0%,#0d6e87 0%,#e5eeba 50%,#187587 100%,#207cca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #0d6e87 0%,#0d6e87 0%,#0d6e87 0%,#e5eeba 50%,#187587 100%,#207cca 100%); /* IE10+ */
background: linear-gradient(to right, #0d6e87 0%,#0d6e87 0%,#0d6e87 0%,#e5eeba 50%,#187587 100%,#207cca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d6e87', endColorstr='#207cca',GradientType=1 )}
.upgradeparts_messagebody{float: left;
    margin-bottom: 35px;
    margin-top: 30px;
    width: 100%;}

    
.message-section{ 
background: #0d6e87; /* Old browsers */
background: -moz-linear-gradient(left, #0d6e87 0%, #0d6e87 0%, #0d6e87 0%, #e5eeba 50%, #187587 100%, #207cca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0d6e87), color-stop(0%,#0d6e87), color-stop(0%,#0d6e87), color-stop(50%,#e5eeba), color-stop(100%,#187587), color-stop(100%,#207cca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #0d6e87 0%,#0d6e87 0%,#0d6e87 0%,#e5eeba 50%,#187587 100%,#207cca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #0d6e87 0%,#0d6e87 0%,#0d6e87 0%,#e5eeba 50%,#187587 100%,#207cca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #0d6e87 0%,#0d6e87 0%,#0d6e87 0%,#e5eeba 50%,#187587 100%,#207cca 100%); /* IE10+ */
background: linear-gradient(to right, #0d6e87 0%,#0d6e87 0%,#0d6e87 0%,#e5eeba 50%,#187587 100%,#207cca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d6e87', endColorstr='#207cca',GradientType=1 ); /* IE6-9 */
    margin-top: 107px;
    }
.message-tob-tab  .nav-tabs > li.active > a, .message-tob-tab .nav-tabs > li.active > a:focus{
background: #27b8e6; /* Old browsers */
background: -moz-linear-gradient(top, #27b8e6 0%, #2bbcea 50%, #16a8d6 99%, #16a8d6 100%, #207cca 100%, #16a8d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27b8e6), color-stop(50%,#2bbcea), color-stop(99%,#16a8d6), color-stop(100%,#16a8d6), color-stop(100%,#207cca), color-stop(100%,#16a8d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #27b8e6 0%,#2bbcea 50%,#16a8d6 99%,#16a8d6 100%,#207cca 100%,#16a8d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #27b8e6 0%,#2bbcea 50%,#16a8d6 99%,#16a8d6 100%,#207cca 100%,#16a8d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #27b8e6 0%,#2bbcea 50%,#16a8d6 99%,#16a8d6 100%,#207cca 100%,#16a8d6 100%); /* IE10+ */
background: linear-gradient(to bottom, #27b8e6 0%,#2bbcea 50%,#16a8d6 99%,#16a8d6 100%,#207cca 100%,#16a8d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27b8e6', endColorstr='#16a8d6',GradientType=0 ); /* IE6-9 */border:1px solid #27b8e6;
font-size:15px;color:#ffffff;}
.message-tob-tab .nav-tabs > li > a{border-radius: 5px 5px 0 0;margin-right: 5px;
background: #e7e7e7; /* Old browsers */
background: -moz-linear-gradient(top, #e7e7e7 0%, #dddcdd 50%, #d6d6d6 100%, #16a8d6 100%, #16a8d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(50%,#dddcdd), color-stop(100%,#d6d6d6), color-stop(100%,#16a8d6), color-stop(100%,#16a8d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e7e7e7 0%,#dddcdd 50%,#d6d6d6 100%,#16a8d6 100%,#16a8d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e7e7e7 0%,#dddcdd 50%,#d6d6d6 100%,#16a8d6 100%,#16a8d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e7e7e7 0%,#dddcdd 50%,#d6d6d6 100%,#16a8d6 100%,#16a8d6 100%); /* IE10+ */
background: linear-gradient(to bottom, #e7e7e7 0%,#dddcdd 50%,#d6d6d6 100%,#16a8d6 100%,#16a8d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#16a8d6',GradientType=0 ); /* IE6-9 */color:#575757;
font-size:15px;padding: 10px 80px;}
.message-tob-tab .nav-tabs > li {margin-bottom:0px;}
.message-tob-tab .nav-tabs{border-bottom:none !important;}
.messg_imags{float:right;}
.msgg_images{width:160px;border:3px solid #a8a8a8;}
/*new message page css ends 5*/



/*print page css starts*/
.logo{margin-bottom:15px;}
.print-page{ background: #fefdfd;
    border: 1px solid #e2e6e7;
    box-shadow: 0 0 1px 1px #e8eced;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 50px;
    padding: 15px 15px;
    margin-top: 30px; float: left;}
.head-print{background:#16a8d6;padding:20px;border-radius: 5px 5px 0 0;}

.content-print{ background:#f8f8f8; padding:10px;margin-top:10px;float: left;width:100%;border-radius:5px;}

.content-print-inner{ background:#ffffff;padding:10px;float: left;width:100%;border-radius:5px;}

.print-list-details{ padding:0px;margin:0 0 5px;border-bottom:2px solid #f8f8f8;}
.print-list-details li{list-style:none;display:inline-block;}
.paddingzero{padding:0px !important;}
.detailed-lists{background:#f8f8f8;width:215px;padding:15px 20px 15px 15px;text-align:right;}
.detailed-lists-an{padding: 15px 15px 15px 20px;width: 71%;}

.printbtn{
background: rgb(44,188,235); /* Old browsers */
background: -moz-linear-gradient(top, rgba(44,188,235,1) 0%, rgba(40,186,231,1) 49%, rgba(26,172,218,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(44,188,235,1) 0%,rgba(40,186,231,1) 49%,rgba(26,172,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(44,188,235,1) 0%,rgba(40,186,231,1) 49%,rgba(26,172,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cbceb', endColorstr='#1aacda',GradientType=0 ); /* IE6-9 */
border:1px solid #16a8d6;
padding:10px 35px;border-radius:10px;color:#fff;font-size:15px; margin: 30px auto 0; display: block;text-transform:uppercase;}

.printbtn:hover{
background: rgb(26,172,218); /* Old browsers */
background: -moz-linear-gradient(top, rgba(26,172,218,1) 0%, rgba(40,186,231,1) 49%, rgba(44,188,235,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(26,172,218,1) 0%,rgba(40,186,231,1) 49%,rgba(44,188,235,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(26,172,218,1) 0%,rgba(40,186,231,1) 49%,rgba(44,188,235,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aacda', endColorstr='#2cbceb',GradientType=0 ); /* IE6-9 */}

.head5{ color:#3f3f3f;font-size:18px;font-weight:700;}
.important-details{margin-top:20px;float:left;width:100%;margin-left:15px;margin-bottom: 15px;}

.lowerrules{ float: left;
    margin: 0 0 20px;
    padding: 0;}
.lowerrules li{color: #6a6a6a;
    font-size: 13px;
    list-style: outside none none;
    margin-bottom: 5px;}
/*print page css ends*/

/* MY CSS */
.or{border:2px solid #F40E63;border-radius:50%;height:30px;width:30px;color:#F40E63;padding-left: 4px;padding-top: 3px;font-size: 11px;line-height: 19px;}
.sublist{padding-left:15px;}





.details_aboutmyfamily{padding:0px !important;list-style:none;}
.interest{width:100%;}
.profile-interested-button{padding:10px;}
.search_filter{outline:0 !important;}
.gender-img a{outline:0 !important;}
.paddng0{padding:0 !important;}
.submt-btn{width:100;text-align:right;padding-top: 87px;}
.row10{padding-top:5px;padding-bottom:5px;}
.display_box{height:70px;margin-top:2px;}
.display_box a{color:#fff;}
.display_box li{padding-bottom:20px !important;padding-top:20px !important;}
.pink-name a{color:#E92777;}
.pink-name link{color:#E92777;}
.align-right{text-align:right !important;}
.input-a1 {width: 100%;padding: 10px;border-radius: 4px;border: 1px solid #a8a8a8;margin-bottom: 7px;}
.pdngbtm10{padding-bottom:30px !important;}
.error404{text-align:center;min-height:200px;padding-top:100px;}
.error404 h2{text-align:center;color:#0000;font-size:25px;padding:50px;}
.reg_frnt_btn {background: #f40e63;color: #fff;border: #f40e63;border-radius: 5px;font-size: 13px;padding: 10px 20px;font-family: 'Slabo 27px', serif;}
.brdr-grey{border:1px solid #a8a8a8;}
.drop-down-arw{overflow: hidden !important; background: #fff url("../images/arch-drpdwn.png") no-repeat scroll right center !important;-moz-appearance: none !important;}
.chat-btn{position: absolute;right: 50px;top: 45px;z-index: 999;border: 1px solid transparent;background: transparent;}
.chat-btn-close{position: absolute;right: 7px;top: 4px;z-index: 999;border: 1px solid transparent;background: transparent;color:#fff;}
.padng0{padding:0px !important;}
.drpdwn-img img{margin-right:10px;vertical-align: -5px;}
.setting-view-select{border:2px solid #e7e7e7;color:#a8a8a8;height:40px;border-radius:5px;width:50%;}
.setting-view-textarea{border:2px solid #e7e7e7;color:#a8a8a8;}
.tab-pane p{font-size:15px;}
.tab-pane h4{font-size:13px;line-height:20px;}
.m-b0{margin-top:4px !important;margin-bottom:0px !important}
.m-t{margin-top:10px !important;}
.mt-5{margin-top: 5px !important; margin-bottom:0px !important;}
.pdng25{padding: 25px !important;}
.out-pckage{border:1px solid #e7e7e7;padding: 40px;font-size: 16px;padding-left: 20px;color:#eb2a79;}
.right-part1{text-align:center;border:1px solid #e7e7e7;border-radius:3px;}
.right-part{padding:5px;margin-bottom: 10px;}
.right-part1 hr{margin:0px !important;}
.input-msg{border: 1px solid #9ec8d5 !important;width:100%;padding:10px;border-radius:5px;}
.deact-days{border: 1px solid rgb(231, 231, 231);width: 130px;padding: 5px;color: rgb(186, 186, 186);}
@media (min-width:1800px)and (max-width:1930px){.hm_registation {bottom: 150px;right: 45px;}}
@media (min-width:320px)and (max-width:600px){.hm_highlitd_profile {display:none;}}
/*shifa-start*/
.Social_Media{margin-top: 10px; width: 237px;height: 33px;border: 1px solid #9ec8d5;padding-left: 10px;}
.cncel_buton{background: red none repeat scroll 0% 0%;border-radius: 5px;font-size: 14px;padding: 9px 24px;color:#fff;float: right;position: relative;top: 13px;}
.socialmedia_user{margin-top:15px;border: 1px solid #16a8d6;border-radius: 5px;font-size: 14px;padding: 8px 24px;background: #16a8d6;color: #fff;}
.update_username1{ width:25px; height:25px; background:url("../images/editt.png");border:none;}
/*shifa-end*/


/* MY CSS */
.border0{border:none !important;}
.profile-details1{width:100%;background:#fefdfd;width:100%; border: 1px solid #e2e6e7; box-shadow: 0 0 1px 1px #e8eced;padding:25px;padding-bottom:40px;}
.profile-details1 h1{font-size:23px;color:#494747;margin:0px;padding-bottom:30px;}
.profile-inner1{width:100%;}
.prof-sec{width:100%;}
.head-edit{width:100%;display:inline-flex;}
.head-icon{width:52px;height:52px;background:#0296c0;border-radius:50%;text-align: center;padding-top: 12px;}
.head-txt{}
.head-txt h2{color:#0296c0;padding:10px;margin:0px;padding-top: 13px;}
.head-edit-icon{width:30px;height:30px;background: url(../images/editt.png);background-position:center;background-repeat:no-repeat;margin-top: 7px;border: none;}
.parent-list{width:100%;list-style:none;padding-left: 62px;}
.child-list{width:100%;display:inline-flex;list-style:none;padding:0px;}
.child-list li{width:100%;text-transform: capitalize;}
.first{width:50% !important;}
.second{}
.padng0{padding:0px !important;}
.padngl0{padding-left:0px !important;}
.pdng25{padding: 25px !important;padding-bottom: 10px !important;padding-top: 10px !important;}
.hbar{border-bottom:1px solid #e0e0e0;border-top:none;}
.eselect{width:100%;height:35px;border:1px solid #e7e7e7;border-radius:5px;padding-left:10px;}
.edrop{width:100%;height:35px;border:1px solid #e7e7e7;margin-top: 20px;border-radius:5px;padding-left:10px;}
.einput{width:100%;height:35px;border:1px solid #e7e7e7;border-radius:5px;padding-left:10px;}
.dda {overflow: hidden !important;background: #fff url("../images/arch-drpdwn.png") no-repeat scroll right center !important;-moz-appearance: none !important;}
.sbt-btn{float:right;padding-left: 15px !important;padding-right: 15px !important;padding-top:10px !important;padding-bottom:10px !important;border-radius:8px !important;color:#fff !important;border:1px solid transparent !important;color:#fff !important;background: transparent linear-gradient(to bottom, #2CBCEB 0%, #28BAE7 49%, #1AACDA 100%) repeat scroll 0% 0% !important;}
.search-gap{height:150px;}
.search-wrap{width: 100%;min-height: 700px;}
.search-div{width:100%;}
.search-left{background:#fff;box-shadow: 0 0 1px 1px #e8eced;border: 1px solid #e2e6e7;border-radius:5px;margin-bottom: 60px;}
.search-left-wrap{width:100%;padding:10px;}
.religion-box{width:100%;border:1px solid #dedfdf;padding:15px;overflow: hidden;margin-bottom:20px;}
.religion-box h1{font-size:16px;margin-top:0px;}
.search-check{margin-right: 12px !important;margin-top: 5px !important;font-weight: 400 !important;}
.main-op{list-style:none;padding-left: 0px;margin: 0px;overflow-y: scroll;overflow-x: hidden !important;height:200px;}
.sub-op{list-style:none;margin-top:0px;padding-left: 20px;}
.expnd-box{border:1px solid #ddd;width:20px;height:20px;text-align:center;color:#2cbceb;font-size:15px;border-radius: 5px;}
.expnd-text{width:100%;font-size: 16px;}
.panel-title {display:inline-flex;width:100%;}
.panel{margin:5px;}
.panel-default > .panel-heading {border-bottom:none;}
.scrl{height:140px !important;}
.prof-wrap{width:100%;background:#fefdfd;box-shadow: 0 0 1px 1px #e8eced;border-radius:5px;padding:10px;font-family: "Source Sans Pro",sans-serif;margin-bottom:20px;}
.prof-img1{height:240px;width:100%;text-align:center;}
.prof-cv{width:100%;margin-bottom: 15px;margin-top: 10px;color:#494747;font-family: "Source Sans Pro",sans-serif;}
.child{padding: 0px;list-style: none;display: inline-flex;width:100%;margin:0px;}
.child li{width:100%;padding: 1px;}
.interested{width:100%;background:#ff0461;color:#fff;padding:10px;border:none;border-radius:5px;margin-bottom:5px;font-size:16px;font-family: "Source Sans Pro",sans-serif;}
.abt-wrapper{width:100%;background:#fff;height:500px;margin-bottom:50px;border-radius:10px;box-shadow: 0 0 1px 1px #e8eced;border: 1px solid #e2e6e7;padding:40px;}
.abt-wrapper h1{font-family: "Source Sans Pro",sans-serif;font-size:18px;}
.abt-logo{width:100%;padding-top:30px;}
.abt-wrapper p{font-family: "Source Sans Pro",sans-serif;font-size:15px;color:#565454;text-align:justify;padding: 10px;}
.settings-wrap{width:100%;min-height:600px;background:#fff;position:relative;bottom: 190px;}
.settings-head{width:100%;background: rgba(41, 185, 233, 1);
background: -moz-linear-gradient(top, rgba(41, 185, 233, 1) 0%, rgba(43, 189, 233, 1) 47%, rgba(23, 169, 214, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(41, 185, 233, 1)), color-stop(47%, rgba(43, 189, 233, 1)), color-stop(100%, rgba(23, 169, 214, 1)));
background: -webkit-linear-gradient(top, rgba(41, 185, 233, 1) 0%, rgba(43, 189, 233, 1) 47%, rgba(23, 169, 214, 1) 100%);
background: -o-linear-gradient(top, rgba(41, 185, 233, 1) 0%, rgba(43, 189, 233, 1) 47%, rgba(23, 169, 214, 1) 100%);
background: -ms-linear-gradient(top, rgba(41, 185, 233, 1) 0%, rgba(43, 189, 233, 1) 47%, rgba(23, 169, 214, 1) 100%);
background: linear-gradient(to bottom, rgba(41, 185, 233, 1) 0%, rgba(43, 189, 233, 1) 47%, rgba(23, 169, 214, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#29b9e9', endColorstr='#17a9d6', GradientType=0);}
.settings-head h1{font-size:19px;font-family: "Source Sans Pro",sans-serif;color:#fff;margin:0px;padding-left:30px;padding-top:12px;padding-bottom:12px;}
.settings-tab-wrap{width:100%;display: inline-flex;font-family: "Source Sans Pro",sans-serif;padding: 10px;}
.settings-tab1{min-height:513px;font-family: "Source Sans Pro",sans-serif;}
.settings-tab1 a{border:none !important; border-radius:0px !important;padding:20px !important;font-size:15px !important;color:#576063;}
.settings-tab1 .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background: #2dbeec;color:#fff !important;}
.settings-tab1 li a:hover{background: #2dbeec;color:#fff;}
.settings-tab2{border: solid #dfdfdf 1px;min-height: 513px;padding: 15px;width: 100% !important;font-family: "Source Sans Pro",sans-serif;}
.settings-tab2 h3{font-family: "Source Sans Pro",sans-serif;font-size:18px;width: 40%;border-bottom: 1px solid #e7e7e7;padding-bottom: 10px;}
.settings-tab2 p{width:100%;font-family: "Source Sans Pro",sans-serif;font-size:15px;color:#494747;}
.profile-tabs{margin: 0px !important;}
.profile-tab-li{float:none !important;background: #d4e4ea;border: 2px solid #f3f6f7;}
.settings-inputtext{width:40%; border:1px solid #e7e7e7;padding:10px;margin-bottom: 1em;}
.settings-inputselect{width:40%; border:1px solid #e7e7e7;padding:10px;margin-bottom: 1em;}
.settings-btn{background:#2dbeec;border:none;color:#fff;padding:10px;font-family: "Source Sans Pro",sans-serif;font-size:15px;border-radius: 2px;width:100px;}
.settings-btn-bay{width:100%;padding-top:10px;padding-bottom:10px;}
.settings-package-div{border:1px solid #e7e7e7;padding:10px;}
.sol-msg-wrapper{width:100%;min-height:600px;position:relative;bottom:190px;}
.sol-msg-tab{width:100%;background:#fff;min-height:600px;}
.sol-msg-content{width:100%;background:#fff;min-height:600px;}
.inboxtabs{width:100%;background: #fff !important;border: none !important;padding: 0px !important;}
.inbox-tab-pane{width:100%;min-height:513px;border:1px solid #e7e7e7 !important;padding: 0px !important;padding:10px !important;}
.msg-wrap{width:100%;border:1px solid #e7e7e7;padding:10px;display:inline-flex;border-radius: 8px;margin-bottom: 10px;}
.msg-list{list-style:none;margin-top: 10px;}
.msg-list1{list-style:none;margin-top: 10px;padding:5px;}
.msg-prof-pic-holder{display: inline-flex;}
.msg-prof-details-holder{width:100%;height:100px;padding:10px;margin-left: 10px;border-radius: 2px;}
.msg-prof-pic{width:100%;border:1px solid #e7e7e7;height:100px;width:100px;border-radius: 8px;}
.msg-prof-details{width:100%;}
.msg-prof-details h1{margin:0px;font-family: "Source Sans Pro",sans-serif;color:#484646;font-size:18px;}
.msg-prof-details p{color:#8f8f8f;margin:0px;}
.data{font-size:13px !important;margin-top:5px !important;}
.msg-check{margin-right: 12px !important;margin-top: 5px !important;font-weight: 400 !important;}
.msg-checkng{padding-top: 15px;}
.msg-btn-bay{display:inline-flex;padding-top: 10px;width:100%;}
.msg-btns{background:#6cdcfe;color:#fff;border-radius:2px;border:none;padding:8px;margin-right:10px;font-size:13px !important;width: 150px;text-align: center;}
.msg-btns1{background:#e7e7e7;color:#a8a8a8;border-radius:2px;border:none;padding:8px;margin-right:10px;font-size:13px !important;}
.contact-wrap{color:#8a8a8a;border-top:none !important;width:100%;background:#fff;position:relative;bottom:190px;border: 1px solid #e2e6e7;box-shadow: 0 0 1px 1px #e8eced;border-radius:6px;padding-left:30px;padding-right:30px;padding-bottom:30px}
.cntct-tab{margin:0px !important;border:none;}
.tabs_1{width: 20%;text-align: center;background:#fff;margin-right: 15px}
.tabs_1 a{font-family: "Source Sans Pro",sans-serif;font-size:16px;color: #898989 !important;border: 1px solid #e7e7e7 !important;border-top: none !important;border-radius: 0px !important;border-bottom-left-radius: 6px !important;border-bottom-right-radius: 6px !important;}
.tabs_1 a:hover{background:#16a8d6 !important;color:#fff !important;border:none !important;}
.contact-wrap p{font-size:13px;font-family: "Source Sans Pro",sans-serif;color:#6e6e6e;margin-top: 43px;}
.contact-wrap hr{border:1px solid #e7e7e7;border-top:none;}
.input-cntact{width:100%;border:2px solid #e7e7e7;height:40px;margin-bottom:15px;padding-left: 10px;border-radius:5px;}
.input-cntact1{width:100%;border:2px solid #e7e7e7;margin-bottom:15px;padding-left:10px;border-radius:5px;}
.cntct-inner{width:100%;padding: 20px;}
.cntct-inner1{width:100%;padding: 15px;padding-left:0px;padding-right:0px;list-style:none;}
.success-stories{width:100%;background:#ebebeb;border-radius:6px;display:inline-flex;padding:10px;margin-bottom:10px;}
.success-pic{width:20%;}
.success-details{width:100%;}
.success-details  p{margin:0px;font-size:14px;}
.success-details h1{color:#343b3c;font-size:16px;}
.suc-prof{width:150px;height:150px;border:2px solid #fff;}
.cntct-inner1 h2{width:100%;font-size:20px;color:#5a5a5a;}
.add-photo{margin-bottom:10px;}
.inbox-tab{}
.inbox-ul{margin:0px;border-bottom: none;}
.inbox-li{width: 15%;text-align:center;}
.inbox-li a{color: #8A8A8A;}
.inbox-li a:hover{border:none;}
.sent-tab{}
.sent-ul{margin:0px;border-bottom: none;}
.sent-li{width: 15%;text-align:center;}
.sent-li a{color: #8A8A8A;}
.sent-li a:hover{border:none;}
.draft-tab{}
.draft-ul{margin:0px;}
.draft-li{width: 15%;text-align:center;}
.draft-li a{color: #8A8A8A;}
.draft-li a:hover{border:none;}
.arc-tab{}
.arc-ul{margin:0px;border-bottom: none;}
.arc-li{width: 15%;text-align:center;}
.arc-li a{color: #8A8A8A;}
.arc-li a:hover{border:none;}
.trash-tab{}
.trash-ul{margin:0px;border-bottom: none;}
.trash-li{width: 15%;text-align:center;}
.trash-li a{color: #8A8A8A;}
.trash-li a:hover{border:none;}
.msgfrm{color:#8f8f8f !important;margin:0px;font-family: "Source Sans Pro",sans-serif;width:100%;}
.msgcontent{width:100%;border:1px solid #e7e7e7;padding:10px;border-radius: 7px;}
.msg{width:100%;display: inline-flex;}
.msgtime{width:100%;color:#8f8f8f !important;font-family: "Source Sans Pro",sans-serif;margin:0px;font-size: 12px !important;padding-top:5px;}
.msg-whole{width:100%;}
.msg-container{width:100%;overflow-y:scroll;padding:10px;}
.msg-container hr{margin:8px;}
.msg-sent1{width:100%;border: 1px solid #9ec8d5 !important;padding:15px;}
#home1{border:1px solid #e7e7e7;}
#home2{border:1px solid #e7e7e7;}
#menu12{border:1px solid #e7e7e7;}
#home5{border:1px solid #e7e7e7;}
.bgrose{background: linear-gradient(to bottom, #ed2d7c 0%, #ff4f97 49%, #eb2a7a 100%);}
.bgblue{background: linear-gradient(to bottom, #16a8d6 0%, #2cbdeb 49%, #24b5e3 100%);}
.no-msg{width:100%;border:1px solid #e7e7e7;min-height:300px;padding-left:20px;font-size:20px;padding-top:20px;}
.alert-success {color: #3C763D;background-color: #DFF0D8;border-color: #D6E9C6;width: 100% !important;}
.email_show{margin-top:70px;}