body {
    font-family: 'Muli', sans-serif;
}

.navbar {
    min-height: 80px;
    background: #fff;
    font-family: 'Muli', sans-serif;
    margin-bottom: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #235997;
    font-size: 18px;
    line-height: 45px;
    font-weight: 600;
    cursor: pointer;
}

p {
    margin: 0 0 10px;
    font-size: 18px;
}

.navbar-default .navbar-nav > li > a i {
    font-size: 30px;
    vertical-align: middle;
}

.bordernav {
    border: 2px solid #235997;
    padding: 0 80px 0 30px !important;
    border-radius: 3px;
    margin-top: 13px;
    margin-left: 20px;
}

ul {
    -webkit-padding-start: 0;
}

.messages li {
    list-style: none;
}

.online_message {
    width: 25px;
    height: 25px;
    background: #4CAF50;
    float: left;
    position: relative;
    z-index: 2;
    margin-top: 43px;
    border-radius: 15px;
    border: 5px solid #fff;
    margin-left: -25px;
}

.message_cont .active {
    background: #235997;
    color: #fff;
    margin-left: -2px;
    width: 490px;
}

.message_cont .active .loc {
    color: #fff;
}

.message_cont .active .name {
    color: #fff;
}

.message_name {
    width: 370px !important;
}

.messages ul {
    padding: 0;
}

ul.links {
    -webkit-padding-start: 0;
}

.relative {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.heroalign {
    position: relative;
    width: 2000px;
    left: 50%;
    margin-left: -1000px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

.herocontent {
    position: absolute;
    z-index: 2;
    top: 60px;
    font-family: 'Montserrat', sans-serif;
}

.listitem .primg {
    width: 70px !important;
    height: 70px !important;
}

.herocontent h2 {
    font-weight: bold;
    color: #113a68;
    font-size: 60px;
    margin-top: 60px;
}

.deedfeed_list .profileimg img, .deedreview_list .profileimg img {
    width: 70px;
    height: 70px;
    border: none;
}

.herocontent p {
    font-family: "Muli", sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #3a3a3a;
    margin-top: 20px;
}

.no-padding {
    padding: 0;
}

.herocontent input {
    border: none;
    height: 50px;
    border: 1px solid #d9d9d9;
    font-size: 17px;
    border-right: none;
}

.herocontent button {
    border: none;
    background: #f9ee6b;
    height: 60px;
    padding-left: 50px;
    text-align: center;
    font-size: 18px;
    padding-right: 50px;
    font-weight: 600;
    color: #113a68;
}

.herocontent .input-group {
    margin-top: 45px;
}

.heading {
    text-align: center;
    padding-top: 50px;
    letter-spacing: 1px;
    padding-bottom: 60px;
}

.blue {
    color: #113a68;
}

.heading h4 {
    font-weight: 100;
    font-size: 30px;
}

.border {
    height: 1px;
    background: #113a68;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 50px;
}

.heading h2 {
    color: #113a68;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 60px;
    background: #fff;
    margin-top: -35px;
    letter-spacing: -1px;
    display: -webkit-inline-box;
    padding-left: 10px;
    padding-right: 10px;
}

.grey {
    background: #f4f4f4;
}

.howsection h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 30px;
}

.howsection {
    font-size: 20px;
    padding-bottom: 80px;
}

.howsection li {
    padding-top: 17px;
    font-weight: 100;
}

.boxblue {
    border: 8px solid #113a68;
    width: 360px;
    font-weight: bold;
    color: #113a68;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 54px;
    margin: 0 auto;
}

.boxblue span {
    display: block;
    font-size: 28px;
    background: #f4f4f4;
    margin-bottom: -10px;
    position: absolute;
    left: 228px;
    bottom: -4px;
    padding-left: 10px;
    padding-right: 10px;
}

.sectionhead h4 {
    text-align: center;
    margin-bottom: 40px;
    font-family: "Muli", sans-serif;
    font-size: 48px;
    font-weight: 600;
    color: #113a68;
}

#userstories {
    padding-top: 80px;
    padding-bottom: 80px;
}

#userstories img {
    float: right;
    width: 100%;
}

#userstories .story {
    font-family: "Muli", sans-serif;
    font-size: 24px;
    color: #525252;
    padding: 70px 60px 0;
    line-height: 45px;
}

#userstories .story:before {
    content: "“";
    display: -webkit-box;
    font-family: "Muli", sans-serif;
    font-size: 200px;
    color: #dcdcdc;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
}

#userstories .story:after {
    content: "”";
    display: -webkit-box;
    font-family: "Muli", sans-serif;
    font-size: 200px;
    color: #dcdcdc;
    line-height: 1;
    position: absolute;
    right: 0;
    bottom: -150px;
}

footer {
    background: #113a68;
    margin-top: 50px;
    padding-bottom: 30px;
}

.deed_details_button {
    float: right;
    width: 140px;
    text-align: center;
}

.details_button {
    font-size: 16px;
    font-weight: 500;
    color: #808080;
}

.details_button::after {
    content: '';
    background: url('../img/arrowdown.png');
    width: 15px;
    height: 10px;
    line-height: 10px;
    margin-top: 6px;
    margin-left: 5px;
    display: inline-block;
}

.padding-bot-top-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-bot-top-55 {
    padding-top: 55px;
    padding-bottom: 55px;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-60 {
    padding-top: 60px;
}

.num {
    color: #fff;
    float: left;
    font-size: 25px;
    font-weight: 600;
    width: 50%;
}

.num span {
    display: block;
    font-weight: 300;
    color: #d9d9d9;
    font-size: 20px;
}

.borderbottom {
    border-bottom: 1px solid #5d5d5d;
}

footer p {
    font-family: "Montserrat", sans-serif;
    font-style: italic;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    color: #fff;
}

footer .apps img {
    width: 100%;
    padding-top: 2px;
}

.social {
    text-align: center;
}

.social a {
    color: #9ea0a4;
    font-size: 40px;
    padding: 0 15px;
    text-align: center;
}

.verifvolunteers {
    text-align: center;
    padding-top: 30px;
}

footer .links li {
    float: left;
    list-style: none;
    padding: 0 15px;
    margin-top: 20px;
    border-right: 1px solid #fff;
}

footer .links li:first-of-type {
    padding-left: 0;
}

footer .links li:last-of-type {
    border-right: 0;
}

footer .links a {
    color: #fff;
    font-family: "Muli", sans-serif;
    font-weight: 300;
    letter-spacing: 0.5px;
}

.registerimg {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 15px;
}

.modal-body h3 {
    text-align: center;
    margin-bottom: 30px;
    font-family: "Muli", sans-serif;
    font-size: 32px;
    font-weight: 100;
    color: #113a68;
}

.msg_textarea textarea.form-control {
    font-family: "Gotham Book", sans-serif;
    font-size: 14px;
    font-weight: 100;
}

.modal-body {
    text-align: center;
}

.registerform, .messageform {
    display: inline-block;
}

.modal-body button {
    width: 245px;
    display: block;
    height: 50px;
    font-size: 20px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.btn-deedli {
    color: #fff;
    background: #235997;
}

.btn-deedli:hover {
    color: #fff;
    background: #113A68;
}

.bigicon {
    text-align: center;
    padding-top: 30px;
}

.light h4 {
    font-weight: 100;
}

.width900 {
    width: 700px;
    text-align: center;
    font-size: 16px;
}

input.form-control {
    min-height: 50px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    font-size: 18px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

#register-page .signup {
    width: 245px;
    display: block;
    height: 47px;
    font-size: 20px;
    background: #235997;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

.herocontent input {
    border-right: 0;
}

input[type="checkbox"] {
    border: 2px solid #113a68;
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 3px;
    cursor: pointer;
}

#profile-page input[type="checkbox"] {
    border: 2px solid #113a68;
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    padding: 0;
    margin-top: 5px;
    margin-left: -20px;
    cursor: pointer;
}

#profile-page .checkbox, #profile-page .radio {
    margin-top: 5px;
    font-family: "Muli", sans-serif;
    font-size: 16px;
}

#profile-page .label-info {
    background: #f2f2f2;
    color: #235997;
}

input[type="checkbox"]:checked {
    background: #235997;
}

#register-page .bootstrap-select {
    width: 100% !important;
    margin-bottom: 20px;
}

#register-page .bootstrap-select button {
    height: 50px !important;
    border: 2px solid #d9d9d9;
    border-radius: 3px;
    font-size: 18px;
}

.profileimg {
    float: left;
}

.profileimg img {
    width: 169px;
    border: 2px solid #d9d9d9;
    margin-right: 20px;
}

.rprofileimg {
    float: left;
    width: 85px;
}

.profiledetails {
    float: left;
    padding-left: 20px;
}

.profiledetails .details {
    width: 50%;
    float: left;
    min-width: 300px;
    margin-top: 10px;
}

.profiledetails .name {
    font-family: "Muli", sans-serif;
    font-weight: 700;
    color: #113a68;
    font-size: 20px;
    margin-bottom: 5px;
}

.profiledetails .comp {
    font-family: "Muli", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #235997;
}

.profiledetails .details li {
    font-family: "Muli", sans-serif;
    font-size: 18px;
    list-style: none;
    color: #113a68;
    padding-top: 6px;
}

.profiledetails .details li span {
    color: #000;
    float: right;
    padding-right: 30px;
}

.badges h4 {
    font-family: "Muli", sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #113a68;
}

.badges .list li {
    list-style: none;
    float: left;
    padding-left: 0;
    padding-top: 5px;
}

.profiletab {
    border: 2px solid #d9d9d9;
    display: inline-block;
    padding-top: 20px;
    width: 100%;
    padding-right: 10px;
}

.nav-pills > li.active > a {
    color: #235997;
    background-color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    border-left: 2px solid #235997;
    margin-left: -2px;
    border-radius: 0;
}

.nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #113a68;
    background-color: #fff;
    font-weight: bold;
}

.profiletab h3 {
    font-size: 16px;
    color: #235997;
    font-weight: bold;
    margin-top: 12px;
    border-bottom: 1px solid #235997;
    padding-bottom: 5px;
    margin-bottom: 30px;
}

.profiletab h3.subhead {
    border-bottom: 0;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.profiletab .active .row {
    margin-bottom: 30px;
}

.profiletab label {
    font-family: "Gotham Book", sans-serif;
    width: 125px;
    float: left;
    line-height: 40px;
    font-weight: 400;
    color: #113a68;
    font-size: 16px;
}

.profiletab input.form-control {
    min-height: 32px;
    max-width: 170px;
    font-family: "Gotham Book", sans-serif;
    font-size: 16px;
    color: #525252;
    border: 1px solid #d9d9d9;
    border-radius: 0;
}

.padding-left-0 {
    padding-left: 0;
}

.longinput {
    max-width: 482px !important;
    margin-bottom: 0 !important;
}

.form-group {
    margin-bottom: 5px;
}

.smallinput {
    max-width: 113px !important;
}

.submitbutton {
    padding-top: 10px;
    padding-bottom: 20px;
}

.update {
    background: #113a68;
    border: none;
}

.reset {
    background: #d9d9d9;
    border: none;
}

.verifymembers h4 {
    font-family: "Muli", sans-serif;
    color: #235997;
    font-size: 16px;
    margin-top: 0;
    font-weight: bold;
}

.verifymembers p {
    font-family: "Gotham Book", sans-serif;
    font-size: 16px;
    letter-spacing: -0.2px;
}

.verifybox {
    border: 2px solid #d9d9d9;
    padding: 10px;
    display: inline-block;
    width: 100%;
    overflow-y: auto;
    height: 500px;
}

/* Let's get this party started */
.verifybox::-webkit-scrollbar {
    width: 12px;
}

/* Track */
.verifybox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
.verifybox::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #113a68;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.verifybox::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(17, 58, 104, 0.4);
}

.verifybox li {
    list-style: none;
    margin-bottom: 30px;
}

.verifybox .primg {
    border-radius: 35px;
    overflow: hidden;
    float: left;
    position: relative;
    width: 70px;
    height: 70px;
}

.verifybox .primg img {
    width: 100%;
}

.verifybox .primg img.verify {
    display: none;
}

.verifybox .active .primg img.verify {
    display: block;
}

.verified .verify {
    display: none !important;
}

.online {
    width: 30px;
    height: 30px;
    background: #235997;
    float: left;
    position: relative;
    z-index: 2;
    margin-top: 40px;
    border-radius: 15px;
    border: 5px solid #fff;
    margin-left: -25px;
}

.verifybox label.name {
    line-height: 75px;
    padding-left: 10px;
    font-size: 14px;
    color: #235997;
    position: relative;
    z-index: 1;
}

.checkbox label {
    line-height: 24px;
    width: 100%;
}

.bootstrap-tagsinput {
    width: 100%;
    height: 32px;
    border-radius: 0 !important;
}

.listform {
    margin-top: 10px;
    float: left;
    width: 100%;
}

.leftinput {
    display: flex;
}

.text-align-right {
    text-align: right;
}

.hero-content {
    padding-top: 60px;
    padding-bottom: 25px;
}

.hero-content h4 {
    color: #113a68;
    font-weight: bold;
    font-size: 20px;
    margin-top: 0;
}

#deedfeed .deedfeed_list, #deedfeed .filter {
    float: left;
    width: 100%;
}

#deedfeed .deedfeed_list {
    margin-top: 60px;
}

#deedreview .deedreview_list, #deedreview .filter {
    float: left;
    width: 100%;
}

#deedreview .deedreview_list {
    margin-top: 60px;
}

#deedlist .deedlist_list, #deedlist .filter {
    float: left;
    width: 100%;
}

#deedlist .deedlist_list {
    margin-top: 60px;
}

#needahandmes .needahandmes_list, #needahandmes .filter {
    float: left;
    width: 100%;
}

#needahandmes .needahandmes_list {
    margin-top: 60px;
}

#giveahandmes .giveahandmes_list, #giveahandmes .filter {
    float: left;
    width: 100%;
}

#giveahandmes .giveahandmes_list {
    margin-top: 60px;
}

.deedfeedp {
    margin-bottom: 20px;
}

.deedfeedp span {
    color: #113a68;
    font-weight: bold;
}

.deedfeed_tabs li a {
    background: #f2f2f2;
    color: #235997;
    font-size: 16px;
    font-family: "Muli", sans-serif;
    font-weight: bold;
    padding: 18px 44px;
    border-radius: 0;
    border: 2px solid #d9d9d9 !important;
}

.deedfeed_tabs li:first-child {
    margin-left: 0 !important;
}

.deedfeed_tabs li {
    margin-left: 20px !important;
}

.deedfeed_tabs .active a {
    background: #235997 !important;
    color: #fff !important;
    border: 2px solid #d9d9d9 !important;
}

.deedfeed_tabs .nav-tabs {
    border-bottom: 0;
}

.deedfeed_tabs {
    padding-top: 30px;
}

button.filter_button {
    background: #fff;
    border: 2px solid #d9d9d9;
    padding: 5px 35px;
    font-size: 16px;
    font-family: "Muli", sans-serif;
    font-weight: bold;
    color: #113a68;
    float: right;
}

.content_box {
    border: 2px solid #d9d9d9;
    padding: 30px;

}

.listitem .primg {
    border-radius: 40px;
    overflow: hidden;
    float: left;
    position: relative;
    width: 75px;
    height: 75px;
}

.deedfeed_list li, .deedreview_list li, .deedlist_list li, .needahandmes_list li, .giveahandmes_list li {
    list-style: none;
    border-top: 1px solid #235997;
    border-bottom: 1px solid #235997;
    margin-top: -1px;
    float: left;
    width: 100%;
    padding: 40px 0;
}

.detail .name_loc {
    float: left;
    margin-left: 10px;
    width: 750px;
}

.detail .deed-req-title {
    float: left;
    width: 600px;
}

.detail .button {
    float: right;
}

.detail .button .respond, .detail .button .view, .detail .button .delete {
    float: left;
}

.detail .button .view, .detail .button .delete {
    margin-right: 15px;
}

.desc {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-top: 10px;
}

.details_button:hover {
    cursor: pointer;
}

.details_content p {
    font-family: "Gotham Book", sans-serif;
    font-size: 16px;
}

.details_content {
    float: left;
}

.details_content h3 {
    font-size: 16px;
    color: #235997;
    font-weight: bold;
}

.detail .name {
    width: 200px;
    font-family: "Muli", sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #113a68;
    float: left;
    line-height: 1;
    padding-bottom: 3px;
}

.detail .deed_attrs {
    display: block;
    width: 100%;
    float: left;
}

.detail .loc {
    width: 250px;
    font-family: "Muli", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #235997;
    float: left;
}

.detail .deedcategory {
    float: left;
    width: 180px;
}

.detail .categoryfeed {
    background: #8BC34A;
    padding: 0 20px;
    border-radius: 2px;
    color: #fff;
    font-weight: 600;
}

.detail .deedlocation {
    float: left;
    width: 180px;
}

.detail .location {
    font-weight: 600;
    color: #113a68;
}

.detail .deedcount {
    float: left;
    width: 180px;
}

.detail .dcount {
    font-weight: 600;
    color: #113a68;
}

.detail .deedtime {
    float: left;
    width: 140px;
}

.detail .time {
    font-weight: 600;
    color: #113a68;
}

.detail .deedtrustscore {
    float: left;
    width: 140px;
}

.detail .tscore {
    font-weight: 600;
    color: #113a68;
}

.respond button {
    background: #235997;
    font-family: "Muli", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border: none;
    padding: 7px 40px;
    border-radius: 2px;
}

.respond button.responded {
    background: #113A68 !important;
}

.detail .button .view button {
    background: #f2f2f2;
    border: 2px solid #d9d9d9;
    padding: 5px 8px;
    border-radius: 2px;
    font-size: 14px;
    color: #235997;
}

.detail .button .view button.following {
    background: #113a68;
    border: 2px solid #d9d9d9;
    padding: 5px 8px;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
}

.detail .button .delete button {
    background: #f2f2f2;
    border: 2px solid #d9d9d9;
    padding: 5px 10px;
    border-radius: 2px;
    font-size: 14px;
    color: #235997;
}

.detail .button .closetab button {
    background: #f2f2f2;
    border: 3px solid #d9d9d9;
    padding: 1px 10px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
}

.detail .button .dl-edit button {
    background: #235997;
    font-family: "Muli", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border: none;
    padding: 7px 40px;
    border-radius: 2px;
}

.detail .button .dl-reset button {
    background: #f2f2f2;
    border: 2px solid #d9d9d9;
    padding: 5px 8px;
    border-radius: 2px;
    font-weight: 600;
    font-size: 14px;
    color: #235997;
}

.detail .button .dl-delete button {
    background: #f2f2f2;
    border: 2px solid #d9d9d9;
    padding: 5px 8px;
    border-radius: 2px;
    font-weight: 600;
    font-size: 14px;
    color: #a90000;
}

#deedlist-page .feed_content {
    width: 100%;
}

#deedlist-page .dl-delete, #deedlist-page .dl-reset {
    display: none;
}

#deedlist-page .dl-delete, #deedlist-page .dl-reset, #deedlist-page .dl-edit {
    float: left;
    margin-left: 15px;
}

.deed_request {
    font-family: "Muli", sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #113a68;
}

.deed_request_attrs {
    float: left;
    margin-top: 30px;
}

.deed_request_attrs .loc {
    width: 200px;
}

.deed_request_attrs .deedlocation {
    width: 300px;
}

#deedreview-page .deed_desc {
    cursor: pointer;
}

.desc .deed_desc {
    float: left;
    max-width: 600px;
    font-family: "Gotham Book", sans-serif;
    font-size: 16px;
    line-height: 26px;
    max-height: 80px;
    overflow: hidden;
}

.feed_content {
    float: left;
    width: 995px;
}

.float-right {
    float: right;
}

.deedsno {
    float: left;
    min-width: 180px;
    margin-top: 10px;
}

.list_review {
    text-align: left;
}

.list_review li {
    list-style: none;
    margin-top: 5px;
}

.list_review li span {
    font-weight: bold;
    color: #235997;
    float: left;
    width: 85px;
}

.listpersonal {
    font-family: "Gotham Book", sans-serif;
    font-size: 16px;
    color: #525252;
}

.listpersonal span {
    color: #235997;
    min-width: 110px;
    float: left;
}

.det45 {
    width: 45%;
    float: left;
}

.det55 {
    width: 55%;
    float: left;
}

.det50 {
    width: 50%;
    float: left;
}

.det45 p, .det50 p, .det55p {
    margin: 0;
}

.deed_request_notifs {
    float: right;
    margin-top: 10px;
    text-align: right;
    font-size: 14px;
    font-family: "Muli", sans-serif;
    font-weight: 600;
}

.ui-autocomplete-input {
    height: 60px !important;
}

.ui-menu {
    background: #fff;
    width: 475px !important;
    box-shadow: 0 0 5px #151515;
    padding: 10px;
}

.ui-menu li {
    list-style: none;
    font-family: "Muli", sans-serif;
    font-weight: 700;
    color: #494949;
    padding: 10px 20px;
    cursor: pointer;
}

.ui-menu li:hover {
    color: #235997;
}

.ui-autocomplete-input {
    padding-left: 30px;
    font-size: 16px !important;
    min-width: 400px;
}

#register-page .subhead {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    font-size: 22px;
    font-weight: 100;
}

#register-page input.form-control {
    height: 50px;
    border: 2px solid #d9d9d9;
    margin-bottom: 20px;
    border-radius: 3px;
    font-size: 16px;
}

#register-page input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-left: -30px;
}

.width900 .bootstrap-select button {
    height: 50px !important;
    border: 3px solid #d9d9d9;
    border-radius: 3px;
    font-size: 16px;
}

#register-page h4 {
    margin-top: 30px;
    font-size: 32px;
}

.ui-helper-hidden-accessible {
    display: none;
}

textarea.form-control {
    font-family: "Gotham Book", sans-serif;
    font-size: 16px;
}

.btn-default:hover {
    color: #fff;
    background-color: #235997;
    border-color: #113a68;
}

.editable-input input.form-control {
    min-height: 0;
}

.editable-input span {
    min-width: 0;
}

#filter .form-control {
    width: 60px;
    text-align: center;
    min-height: 0;
    height: 34px;
    font-size: 16px;
    border-radius: 0;
    margin-right: 15px;
}

#profile-page .profileimg {
    width: 170px;
}

.profiledetails {
    width: 675px;
    padding-left: 40px;
}

.profiledetails .details, .badges ul {
    -webkit-padding-start: 0;
}

.profiledetails .details li span {
    padding-right: 0;
}

.details.trustscrore {
    padding-left: 100px;
}

.verifybox .report {
    float: right;
    margin-top: -30px;
    display: none;
    cursor: pointer;
    z-index: 999;
    position: relative;
}

.border-blue {
    border: 2px solid #235997;
    margin: -2px 0;
    min-height: 800px;
    height: auto;
}

.msg_footer_btn {
    margin-top: 30px;
}

.warning p {
    font-size: 12px;
}

.messages_cont {
    min-height: 600px;
}

.messages .form-control {
    border-radius: 2px;
}

.accept {
    color: #235997;
    background: #fff;
    border: 2px solid #dcdcdc;
    padding: 5px 30px;
    font-weight: 600;
}

.decline {
    color: #F44336;
    background: #fff;
    border: 2px solid #dcdcdc;
    padding: 5px 30px;
    font-weight: 600;
}

.warning {
    margin-top: 10px;
}

.messages_footer {
    padding: 30px;
    margin-top: 30px;
    background: #f2f2f2;
    float: left;
    width: 100%;
}

.msg_desc {
    padding-top: 15px;
    float: left;
}

.messages_content {
    float: left;
    width: 355px;
    padding-left: 15px;
}

.messages li {
    list-style: none;
    float: left;
    padding: 20px 0;
    width: 100%;
}

.messages .col-md-5 {
    padding-left: 0;
    padding-right: 0;
}

.messages .col-md-7 {
    padding-left: 0;
    padding-right: 0;

}

.bold {
    font-weight: 600;
}

.messages .profileimg {
    padding-left: 30px;
}

.profile_msg .loc a {
    font-size: 14px;
    float: right;
}

.profile_detail {
    margin-top: 15px;
    float: left;
    color: #525252;
}

.messages .profileimg img {
    width: 70px;
    border: none;
}

.profile_msg {
    color: #235997;
    background: #f2f2f2;
    float: left;
    width: 100%;
    padding: 30px;
    border-bottom: 1px solid #d9d9d9;
}

.font16 {
    font-size: 16px;
}

.fr_msg, .you {
    margin: 30px 30px 0;

    float: left;
    width: 375px;
}

.you {
    float: right;
}

.fr_msg h6, .you h6 {
    font-size: 16px;
    color: #235997;
    font-weight: bold;
}

.fr_msg p, .you p {
    font-size: 16px;
    color: #525252;
}

.msg_desc span {
    right: 40px;
    position: absolute;
    top: 70px;
}

.messages {
    border: 2px solid #d9d9d9;
    margin: 15px;
    margin-top: 0;
    border-right: none;
}

.message_cont .loc {
    width: 100%;
}

.message_cont .loc span {
    float: right;
}

.message-filter {
    padding-bottom: 60px;
    border-bottom: 1px solid #113A68;
    margin: 30px;
}

span.new {
    float: right;
    margin-top: 15px;
    font-weight: bold;
    font-size: 12px;
}

.filtercontent .input-group {
    margin-top: 10px;
    display: block;
}

.listhead li {
    list-style: none;
    font-size: 18px;
}

.messages ul {
    padding: 0;
    margin: 0;
}

.btn-primary:hover {
    background: #113A68;
    border-color: #113A68;
}



.message_name {
    width: 100% !important;
    margin-left: 0 !important;
}

.messages li:hover {
    cursor: pointer;
}

.listhead li span {
    color: #235997;
    font-weight: 600;
    width: 100px;
    float: left;
}

.listhead {
    padding-left: 225px;
}

.filtercontent label {
    margin-right: 20px;
    padding-top: 7px;
}

.deedfeed_filt .active, .deedlist_filt .active {
    border-bottom: 2px solid #235997;
    text-align: center;
}

.deedfeed_filt a, .deedlist_filt a {
    font-weight: bold;
    margin-right: 20px;
    margin-top: 8px;
    float: left;
    padding: 0 20px 5px;
    color: #113a68
}

.deedfeed_filt a:hover, .deedlist_filt a:hover {
    text-decoration: none;
    border-bottom: 2px solid #235997;
}

a:focus {
    text-decoration: none;
}

#filter {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    float: right;
    margin-bottom: 0;
}

.active .report {
    display: block;
}

.rprofileimg {
    width: 75px;
}

.safetybox h3 {
    color: #525252;
    font-size: 16px;
    margin-bottom: 0;
    font-family: "Gotham Book", sans-serif;
    font-weight: 600;
}

.safetybox p {
    color: #525252;
    font-family: "Gotham Book", sans-serif;
    font-size: 16px;
}

.update {
    background: #235997;
    border: none;
    padding: 6px 50px;
}

.update:hover {
    background: #113a68;
}

.reset {
    background: #f2f2f2;
    margin-left: 20px;
    color: #235997;
    border: 1px solid #dcdcdc;
}

.listform.fixlist label {
    padding-top: 7px;
}

.register-section2 {
    display: none;
}

.register-section1 .img-check {
    opacity: 0.5;
}

.register-section1 .img-check:hover {
    opacity: 1 !important;
}

.register-section1 .category-select {
    margin-top: 60px;
}

.register-section1 .category-select .btn-cat {
    padding: 0;
    background: rgba(0, 0, 0, 0.85);
    border: 3px solid #d9d9d9;
    border-radius: 0;
}

.register-section1 .category-select .btn-cat.checked {
    border: 3px solid #235997;
}

.register-section1 .category-select .btn-cat.checked .img-check {
    opacity: 1 !important;
}

.register-section1 .category-select .btn-cat.checked span {
    display: none;
}

.register-section1 .category-select .col-md-3 {
    margin-bottom: 40px;
    text-align: center;
}

.register-section1 .category-select span {
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    text-shadow: 0 3px 0 rgba(17, 58, 104, 0.6);
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 60%;
    left: 20%;
    top: -webkit-calc(50% - 20px);
    top: calc(50% - 20px);
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-filter: brightness(1);
    opacity: 1;
}

.register-section1 .img-thumbnail {
    padding: 0;
    border: 0;
    border-radius: 0;
}

.register-section2 .btn-default:hover, .register-section2 .btn-default:focus, .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    background-color: transparent;
}

#register-page .continue button {
    background: #235997;
    font-family: "Muli", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border: none;
    padding: 7px 40px;
    border-radius: 2px;
}

.modal-dialog {
    margin: 65px auto;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #113a68;
}

.btn.focus, .btn:focus {
    color: #fff;
}

.top-menu .active {
    padding-bottom: 0;
    border-bottom: 2px solid #235997;
}

.toggle {
    position: absolute;
    top: 0;
    right: 0;
    height: 45px !important;
    width: 60px !important;
    border-radius: 0;
}

.toggle-on.btn, .toggle-off.btn {
    padding-top: 9px;
    font-family: "Muli", sans-serif;
    font-size: 18px;
    font-weight: 600;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

.toggle-off.btn {
    padding-left: 21px;
    color: #c50000;
}

#deedfeed-link, #gh-tab-link {
    display: none;
}

.input-group.clockpicker {
    width: 115px;
}

.input-group.clockpicker input, .input-group.clockpicker .input-group-addon {
    border-radius: 0;
}

#schedule input.form-control {
    min-height: 0;
    max-height: 50px;
}

.scheduledays {
    text-align: left;
    padding-left: 60px;
}

#deedfeed-page .online, #deedreview-page .online {
    background: #008000;
}

h4.modal-title {
    font-weight: 600;
    color: #113A68;
}

h4.modal-title span {
    color: #525252;
}

.deedreview_list .fa-close {
    color: #c50000;
}

#messages-page .feed_content {
    width: 100%;
}

#messages-page .deed_request_notifs {
    margin-top: 0;
    padding-right: 100px;
}