@charset "utf-8";

/* CSS Document */
@font-face {
    font-family: 'MyriadProRegular_21';
    src: url('../fonts/MyriadProRegular_21.eot');
    src: url('../fonts/MyriadProRegular_21.eot') format('embedded-opentype'),
        url('../fonts/MyriadProRegular_21.woff2') format('woff2'),
        url('../fonts/MyriadProRegular_21.woff') format('woff'),
        url('../fonts/MyriadProRegular_21.ttf') format('truetype'),
        url('../fonts/MyriadProRegular_21.svg#MyriadProRegular_21') format('svg');
}

@font-face {
    font-family: 'MyriadProBold_8';
    src: url('../fonts/MyriadProBold_8.eot');
    src: url('../fonts/MyriadProBold_8.eot') format('embedded-opentype'),
        url('../fonts/MyriadProBold_8.woff2') format('woff2'),
        url('../fonts/MyriadProBold_8.woff') format('woff'),
        url('../fonts/MyriadProBold_8.ttf') format('truetype'),
        url('../fonts/MyriadProBold_8.svg#MyriadProBold_8') format('svg');
}

@font-face {
    font-family: 'MyriadProLight_0';
    src: url('../fonts/MyriadProLight_0.eot');
    src: url('../fonts/MyriadProLight_0.eot') format('embedded-opentype'),
        url('../fonts/MyriadProLight_0.woff2') format('woff2'),
        url('../fonts/MyriadProLight_0.woff') format('woff'),
        url('../fonts/MyriadProLight_0.ttf') format('truetype'),
        url('../fonts/MyriadProLight_0.svg#MyriadProLight_0') format('svg');
}

.header-bg {
    background: #f47521;
    background-image: -webkit-linear-gradient(top, #f47521, #ed5b13);
    background-image: -moz-linear-gradient(top, #f47521, #ed5b13);
    background-image: -ms-linear-gradient(top, #f47521, #ed5b13);
    background-image: -o-linear-gradient(top, #f47521, #ed5b13);
    background-image: linear-gradient(to bottom, #f47521, #ed5b13);
    font-size: 16px;
    border: solid #e34e04 2px;
    text-decoration: none;
    color: #ffffff;
    padding: 0px 25px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
}

.header-bg .navbar-toggle {
    border-color: #f47521;
}

.heading-org {
    font-family: 'Avenir-Medium';
    text-transform: uppercase;
    color: #fff;
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: -7px;
    padding: 9px 10px;
    position: relative;
}

.header-bg.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    text-transform: uppercase;
}

.lady-lake {
    padding-top: 10px;
    padding-bottom: 15px;
}

.content-color {
    color: #fff;
}

.navbar {
    margin-bottom: 0px;
}

.our-lady a {
    color: #ff9d6c;
    font-size: 24px;
    font-family: 'Avenir-Medium';
}

.endrosd-month {
    /*max-width: 244px;*/
    height: auto;
    background-color: #1e245a;
    text-align: center;
    padding: 10px 0;
    border: solid 1px #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-top: 5px;
}

.endrosd-month h3 {
    padding: 0;
    margin: 0;
}

.pending-invites {
    color: #fff;
    text-decoration: underline;
    margin-top: 10px;
}

.pending-invites:hover {
    color: #f16b1c;
}

a.addFacility {
    text-decoration: none;
}

.row-end {
    border-bottom: solid 1px #ffffff;
}

.smiley {
    left: 20px;
    position: absolute;
    top: 5px;
    z-index: 2;
}

.menu-toggle {
    position: relative;
    z-index: 2;
}

.inactive {
    background-color: rgba(247, 110, 17, 0.1);
    padding-bottom: 15px
}

.dots-inactive {
    bottom: 0%;
    position: absolute;
    right: 0;
    width: 283px;
    height: 153px;
    background-color: rgba(255, 255, 255, 0.9);
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: 0;
    bottom: 0%;
    margin-bottom: 0px;
}

@media (max-width:500px) {
    .title-org {
        font-size: 20px;
    }
}

/*up arrrow code*/

.arrow_box {
    width: 250px;
    height: auto;
    padding: 11px 10px 10px 0;
    border-radius: 20px;
    text-align: left;
    position: abolute;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #000;
    font-family: 'Avenir-Medium';
    font-size: 18px;
    color: #000;
    display: none;
    line-height: 30px;
    position: absolute;
    right: -5px;
    margin-top: 15px;
    z-index: 2;
}

.arrow_box ul li {
    list-style: none;
    color: #000;
}

.arrow_box.one a {
    color: #000;
}

.arrow_box:after,
.arrow_box:before {
    bottom: 70%;
    left: 90%;
    border: 1px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: rgba(136, 183, 213, 0);
    margin-left: 0;
}

.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: rgba(255, 255, 255, 0.9);
    margin-left: 0;
}

.btn-blue {
    background-color: #222659;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    text-align: center;
}

.btn-blue.focus,
.btn-blue:focus {
    background-color: #1e245a;
    color: #fff;
}

.btn-blue:hover {
    background-color: #222659;
    color: #fff;
}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    /*to hide custom checkbox and radio button
left: -9999px;
*/
}

.checkbox input[type="checkbox"] {
    left: 0px;
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

/* checkbox aspect */
/*
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid #aaa;
    border-radius: 0;
}
*/
/* checked mark aspect */
/*
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 3px;
    left: 4px;
    font-size: 18px;
    line-height: 0.8;
    color: #fff;
    transition: all .2s;
    background-color: #001e52;
}
*/
/* checked mark aspect changes */
[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked)+label:before,
[type="checkbox"]:disabled:checked+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #fff;
}

[type="checkbox"]:disabled:checked+label:after {
    color: #999;
}

[type="checkbox"]:disabled+label {
    color: #aaa;
}

/* accessibility */
[type="checkbox"]:checked:focus+label:before,
[type="checkbox"]:not(:checked):focus+label:before {
    border: 0px dotted blue;
}

/* hover style just for information */
/* to hide custom checkbox and radio button hover label:hover:before {
        border: 1px solid #4778d9!important;
}
*/
label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
}

/*to hide custom checkbox and radio button
input[type=checkbox] {
        display: none;
}
*/
label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    /*background-color: #aaa; to hide custom checkbox and radio button*/
}

.radio label:before {
    border-radius: 8px;
}

.checkbox label {
    margin-bottom: 10px;
}

.checkbox label:before {
    border-radius: 3px;
}

/*--------------*/
.announcementstatus-cb {
    height: 250px;
    overflow-y: auto;
    margin-bottom: 20px;
    border: 1px solid;
    border-color: rgba(240, 240, 240, 0.3)
}

.mail-to-org-checkbox .col-md-3:first-child {
    margin: 0 0;
    position: relative;
    top: -5px;
}

.announcementstatus-cb .col-md-3:first-child {
    margin: 0 0;
    position: relative;
    top: -5px;
}

.mail-to-user-checkbox .col-md-3:first-child {
    margin: 0 0;
    position: relative;
    top: -5px;
}

.mail-to-dept-checkbox .col-md-3:first-child {
    margin: 0 0;
    position: relative;
    top: -5px;
}

.mail-to-suborg-checkbox .col-md-3:first-child {
    margin: 0 0;
    position: relative;
    top: -5px;
}

.mail-to-org-checkbox [type="checkbox"]+label.css-label::before {
    top: 2px;
}

.mail-to-user-checkbox [type="checkbox"]+label.css-label::before {
    top: 2px;
}

.mail-to-dept-checkbox [type="checkbox"]+label.css-label::before {
    top: 2px;
}

.mail-to-suborg-checkbox [type="checkbox"]+label.css-label::before {
    top: 2px;
}

/*--------------*/

.confirm-cancel {
    margin-left: 200px;
}

.core-values {
    color: #fff;
}

.table-white {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 5px 0;
    border: 0;
}

.table-border {
    border: 0;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 0px solid #ddd
}

.row.ClientList .table>tbody>tr>th {
    padding-bottom: 10px;
}

.row.ClientList .table>tbody>tr>td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

h3.core {
    color: #999;
    font-size: 24px;
    font-family: 'Avenir-Light';
    margin-left: 20px;
}

section {
    margin: 20px auto;
}

.bor {
    border: 1px solid #F00;
}

.borBot {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

img.ui-datepicker-trigger {
    position: absolute;
    top: 6px;
    right: 15px;
}

.signup button,
.createEditOrg button {
    margin-top: 50px;
}

form div.labelCus {
    color: #fff;
    padding-top: 10px;
    font-family: 'Avenir-Medium';
    font-size: 13px;
}

form label {
    color: #fff;
    /*padding-top: 10px;*/
    font-family: 'Avenir-Medium';
    font-size: 12px;
}

form .col-lg-1,
form .col-lg-10,
.col-lg-11,
form .col-lg-12,
form .col-lg-2,
form .col-lg-3,
form .col-lg-4,
form .col-lg-5,
form .col-lg-6,
form .col-lg-7,
form .col-lg-8,
form .col-lg-9,
form .col-md-1,
form .col-md-10,
form .col-md-11,
form .col-md-12,
form .col-md-2,
form .col-md-3,
form .col-md-4,
form .col-md-5,
form .col-md-6,
form .col-md-7,
form .col-md-8,
form .col-md-9,
form .col-sm-1,
form .col-sm-10,
form .col-sm-11,
form .col-sm-12,
form .col-sm-2,
form .col-sm-3,
form .col-sm-4,
form .col-sm-5,
form .col-sm-6,
form .col-sm-7,
form .col-sm-8,
form .col-sm-9,
form .col-xs-1,
form .col-xs-10,
form .col-xs-11,
form .col-xs-12,
form .col-xs-2,
form .col-xs-3,
form .col-xs-4,
form .col-xs-5,
form .col-xs-6,
form .col-xs-7,
form .col-xs-8,
form .col-xs-9 {
    padding-left: 10px;
    padding-right: 10px;
}

form textarea {
    max-width: 464px;
    max-height: 100px;
    min-height: 100px;
}

.footer-bg {
    background: #f47521;
    background-image: -webkit-linear-gradient(top, #f47521, #ed5b13);
    background-image: -moz-linear-gradient(top, #f47521, #ed5b13);
    background-image: -ms-linear-gradient(top, #f47521, #ed5b13);
    background-image: -o-linear-gradient(top, #f47521, #ed5b13);
    background-image: linear-gradient(to bottom, #f47521, #ed5b13);
    padding: 0px 0 0px 20px;
    height: 101px;
    margin: 0 0;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 82.1%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}

.footer-bg .addClient {
    margin-left: 5px;
}

.TopHeight {
    line-height: 100px;
}

/*ClientList*/
.ClientList table tr th,
.ClientList table tr td {
    color: #ffffff;
}

.ClientList table tr th {
    background: rgba(255, 255, 255, 0.2);
    text-align: center;
}

.ClientList table tr td {
    background: none;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.ClientList table tr td.text-active {
    color: #f89c6e;
}

.ClientList table tr td:nth-child(2) {
    text-align: left;
}

.ThreeDotsImg {
    position: relative;
}

.popupArrow {
    margin-top: -35px;
    margin-right: 5px;
}

.addClient {
    color: #fff;
    font-size: 14px;
    font-family: 'Avenir-Medium';
}

.addClient a {
    color: #fff;
}

/*ClientList*/
/*Create & Edit New Organization*/
.AddCoreValue {
    margin-bottom: 10px;
}

.AddCoreValue h4 {
    color: #989898;
    font-family: 'Avenir-Light';
    font-size: 22px;
    margin: 0 0;
}

.AddCoreValue span {
    color: #ec5d24;
    font-family: 'Avenir-Light';
    font-size: 16px;
    margin: 0 10px 0 0
}

.CreateEditOrg table tr th {
    background: rgba(255, 255, 255, 0.2);
    font-family: 'Avenir-Medium';
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    text-align: center;
}

.CreateEditOrg table tr td {
    background: #bab6c4;
    text-align: center;
    color: #010101;
    font-size: 16px;
    border-bottom: 1px solid rgba(236, 93, 36, 0.3);
    vertical-align: middle;
}

.CreateEditOrg table tr th:nth-child(2),
.CreateEditOrg table tr td:nth-child(2) {
    text-align: left;
}

/*Create & Edit New Organization*/
/*Organization Info*/
.OrgInfo table tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.4);
}

.OrgInfo table tr td {
    color: #fff;
    padding: 10px 16px;
    font-size: 16px
}

.UserList table tr th,
.UserList table tr td {
    color: #ffffff;
}

.UserList table tr th {
    background: rgba(255, 255, 255, 0.2);
    text-align: center;
}

.UserList table tr td {
    background: none;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    /*border-bottom: 1px solid rgba(0,0,0,0.4);*/
}

.UserList table tr td.text-active {
    color: #f89c6e;
}

.UserList table tr td:nth-child(2),
.UserList table tr td:nth-child(3),
.UserList table tr th:nth-child(3) {
    text-align: left;
}

.UserList span {
    color: #ccc;
}

.BulkImport {
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid #fff;
}

.BulkImport .DownloadLink {
    border-right: 2px solid #000;
    width: 134px;
}

.DownloadLink img {
    margin-top: 7px;
}

.DownloadLink h5 a {
    text-decoration: underline;
    color: #001e52;
    font-size: 10px;
    font-family: 'Avenir-Medium';
    margin-left: 10px;
}

.BulkImport label {
    margin: 0 0;
    height: 34px;
    width: 170px;
}

.BulkImport button {
    margin: 0 0 0 20px;
}

.BrowseButton img {
    margin-top: -25px;
}

.BrowseButton label {
    background: #ccc;
    padding: 0 0px 0 10px;
    color: #000;
    border-radius: 4px;
}

.BrowseButton label h6 {
    float: left;
}

.Popover {
    right: 60px;
    position: absolute;
    top: -130px;
    width: 400px;
}

.Popover .well {
    margin-bottom: 0;
}

.popOverArrow {
    position: relative;
    bottom: -3px;
    margin-right: -33px;
    z-index: 90;
}

.RightTabs {
    float: right;
}

.RightTabs span {
    /*float: right;*/
    margin-right: 30px;
    position: relative;
}

/*Organization Info*/
.error-createclient {
    color: #de4848;
    font-family: 'Avenir-Light';
    font-weight: lighter;
    font-size: 16px;
    text-align: center;
}

.error>.error-message {
    color: #de4848;
    font-family: 'Avenir-Light';
    font-weight: lighter;
    font-size: 16px;
    padding-left: 25px;
}

/*08-04-2016*/
h3.global-settings {
    color: #fff;
    font-family: 'Avenir-Medium';
    line-height: 36px;
    font-size: 24px;
    margin-top: 50px;
    text-align: center;
}

.range-controler {
    margin-top: 72px;
}

/*12/04/2016*/
.MT30 {
    margin-top: 30px;
}

h2.org {
    color: #fff;
    font-family: 'Avenir-Light';
    font-weight: lighter;
    font-size: 24px;
    text-transform: uppercase;
    margin: 20px 0 20px 15px;
}

.red-line {
    border-bottom: solid 1px #ff5206;
    border-color: rgba(255, 82, 6, 0.2);
    margin: 10px 0;
}

h3.info {
    color: #989898;
    margin: 0 0 15px 0px;
    font-family: "Avenir-Light";
    font-size: 22px;
}

.user-subcribed {
    color: #fff;
    font-family: 'Avenir-light';
    font-size: 14px;
    text-align: center;
    line-height: 20px;
}

.user-subcribed table tr td:first-child {
    text-align: left
}

.user-subcribed table tr td,
.user-subcribed table tr th {
    padding: 2px 0 0 0
}

.user-subcribed table {
    margin-bottom: 0
}

.btn-block2 {
    background: #f47521;
    background-image: -webkit-linear-gradient(top, #f47521, #ed5b13);
    background-image: -moz-linear-gradient(top, #f47521, #ed5b13);
    background-image: -ms-linear-gradient(top, #f47521, #ed5b13);
    background-image: -o-linear-gradient(top, #f47521, #ed5b13);
    background-image: linear-gradient(to bottom, #f47521, #ed5b13);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #ffffff;
    font-family: 'Avenir-Medium';
    border: solid #e34e04 2px;
    text-decoration: none;
    padding: 9px 16px;
    width: 100%;
    margin: 15px 0 0 0;
}

.btn-block2:hover {
    background: #ed5b13;
    background-image: -webkit-linear-gradient(top, #ed5b13, #f47521);
    background-image: -moz-linear-gradient(top, #ed5b13, #f47521);
    background-image: -ms-linear-gradient(top, #ed5b13, #f47521);
    background-image: -o-linear-gradient(top, #ed5b13, #f47521);
    background-image: linear-gradient(to bottom, #ed5b13, #f47521);
    border-radius: 4px;
    color: #ffffff;
    font-family: 'Avenir-Medium';
    border: solid #e34e04 2px;
    text-decoration: none;
    text-decoration: none;
}

/*radio button white css start here*/

.radio {
    padding: 0px 20px;
    width: 100%;
    box-sizing: border-box;
}

label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 20px;
}

input[type=radio] {
    display: none;
}

span.radio label:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    position: absolute;
    left: -20px;
    bottom: 1px;
    background-color: #fff;
}

.radio label:before {
    border-radius: 50%;
}

/*
input[type=radio]:checked + label:before {
    content: "\2022";
    color: #f47521;
    font-size: 38px;
    text-align: center;
    line-height: 26px;
    box-sizing: border-box;
}
*/
/*radio button white css end here*/
.require:after {
    content: " *";
    color: red;
}

.editorgimage {
    margin: -10px 0 0 20px;
    cursor: pointer;
}

input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].css-checkbox+label.css-label {
    padding-left: 29px;
    height: 23px;
    display: inline-block;
    line-height: 23px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 15px;
    /*vertical-align: middle;*/
    cursor: pointer;
    color: #333;
}

input[type=checkbox].css-checkbox:checked+label.css-label {
    background-position: 0 -23px;
}

label.css-label {
    //background-image:url(check.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label {
    margin-right: 20px;
}

.content-color h3 {
    margin-top: 0;
}

#colorpick {
    text-align: center;
    /*width: 75px;*/
    width: 120px;
}

.entitytextbox {
    /*width: 490px;*/
    padding-left: 10px;
    width: 100%;
    min-width: 200px;
}

.nominationtextbox {
    /*width: 490px;*/
    padding-left: 10px;
    width: 100%;
    min-width: 100%;
}
.nominationtextarea {
    /*width: 490px;*/
    padding-left: 10px;
    width: 100%;
    min-width: 100%;
}
.nominationtextboxurl {
    /*width: 490px;*/
    padding-left: 10px;
    width: 100%;
    min-width: 100%;
}


.nomination-desc{
    padding:0 0 15px;
    border-bottom: 2px solid rgba(255,255,255,0.3);
}

.nomination-desc h2, .nomination-desc h2 a{
    color: #ff9d6c;
    font-family: "Avenir-Medium";
    font-size: 20px; 
    line-height: 24px;
    margin: 0 0 5px;
}

.nomination-desc h3{
    color: #ffffff;
    font-family: 'Avenir-Book', Arial, Helvetica, sans-serif;
    font-size: 18px; 
    line-height: 24px;
    margin: 0;
}

.truncate {
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: 25px;
}

/*04/05/2016 dropdown css code start*/
.select-style {
    position: relative; /*modified on 26aug2021*/
    padding: 0;
    margin: 0;
    //border: 1px solid #ccc;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url(../img/dropdown.png) no-repeat 98% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 100%;
    min-width: 200px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-style select:focus {
    outline: none;
}

/*new css added for search functionality in dropdown on 16aug2021*/
.select-style .select2-container{margin: 0; max-width: 100%;}

.select-style .select2-container span{background: none; margin: 0}

.select-style .select2-container span.select2-selection__arrow{display: none;}

.select-style .select2-container .select2-selection--single{height: auto; padding: 5px;}

td.entityvaluestextbox input.entitytextbox{padding: 8px 10px; border-radius: 3px; border:none;}

td.nominationvaluestextbox input.nominationtextbox{padding: 8px 10px; border-radius: 3px; border:none;}

.table>thead>tr>th {
    border-bottom: 0px solid #ddd;
}

/*radio button grey css start here*/

.radio.greybg {
    margin: 10px 20px;
    width: 100%;
    color: #000;
}

label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 20px;
}

input[type=radio] {
    display: none;
}

span.radio.greybg label:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    position: absolute;
    left: -20px;
    bottom: 1px;
    background-color: #ccc;
}

.radio.greybg label:before {
    border-radius: 50%;
}

input[type=radio]:checked+label:before {
    content: "\2022";
    color: #f47521;
    font-size: 38px;
    text-align: center;
    line-height: 25px;
    box-sizing: border-box;
}

/*radio button white css end here*/
.p30 {
    padding: 30px 0;
}

/*09-05-20106*/
.pull-left.menu-toggle {
    margin: 1% 0 0;
}

/*
.client-nav .title-org {
        margin: 0 0 0;
}
*/
.BrowseButton .choosefile {
    height: 34px;
    margin: 0;
    width: 200px;
    float: left;
}

.BrowseButton .choosefile h6 {
    background: #ccc none repeat scroll 0 0;
    border-radius: 4px 0 0 4px;
    color: #000;
    float: left;
    height: 34px;
    margin: 0;
    padding: 10px;
    width: 65%;
    cursor: pointer;
}

.BrowseButton .choosefile span {
    background-color: #818180;
    color: #ffffff;
    width: 25%;
    margin: 0;
    float: left;
    height: 34px;
    border-radius: 0px 4px 4px 0px;
}

.BrowseButton .choosefile a {
    width: 10%;
    margin: 18px 0 0 0;
    float: right;
    padding: 0 0 0 -5px;
}

/*checkbox code start here 13/05/2016*/
[type="checkbox"]:not(:checked)+label::after,
[type="checkbox"]:checked+label::after {
    content: '';
    background-color: transparent;
}

[type="checkbox"]+label.css-label::before {
    background-image: url(../img/check.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    content: '';
    width: 24px;
    height: 23px;
    outline: none;
    border: none;
}

[type="checkbox"]:checked+label.css-label::before {
    background-position: 0 23px;
    content: '';
}

[type="checkbox"]:not(:checked)+label::before {
    background-position: 0 0;
    content: '';
}

/*checkbox code end here*/

.row.OrgInfo.fs18 {
    font-size: 18px;
}

.checkbox>img {
    float: right;
    margin: 0 30px 0 0;
}

.info-scroll {
    overflow: scroll;
    overflow-x: hidden;
    //height:500px;
    max-height: 500px;
}

/*live endorsment css start here*/
.btn.btn-default.serch-icon {
    background-color: #fff;
}

.form-control.border-zero {
    border: 0 solid #ccc;
    height: 48px;
    font-size: 18px;
    font-family: 'Avenir-Light';
    color: rgba(9, 12, 38, 0.7);
}

.farhan {
    border: solid 1px #464967;
    background-color: #111e47;
    padding: 15px 15px 0;
    color: #fff;
    font-size: 20px;
}

.orange-bg {
    background-color: #f47521;
    height: auto;
    color: #fff;
    padding: 10px;
    vertical-align: middle;
    font-size: 18px;
    font-family: 'Avenir-Book';
}

.col-md-12.orange-bg img {
    margin: 0 15px 0 0;
}

.farhan .far-user {
    padding: 7px 11px 11px;
    font-size: 15px;
}

.min-ago {
    /*color: #ffbd77;*/
    color: #fff;
    font-size: 18px;
}

.treated-col {
    color: #ffb7b7;
}

.showed-col {
    color: #fff5af;
}

.made-col {
    color: #a6ff70;
}

.shows-col {
    color: #bdb4ff;
}

.led-col {
    color: #9bffe2;
}

.hard-col {
    color: #89aafd;
}

.calm-col {
    color: #ecff94;
}

.awesome-col {
    color: #97bfff;
}

.nodorsedby {
    color: #cccccc;
    font-size: 15px;
}

.rohan-col {
    color: #f47420;
    font-size: 15px;
}

.media.mb15 {
    margin-bottom: 15px;
}

.btn.btn-default.serch-icon {
    height: 48px;
}

.dl-horizontal dt {
    text-overflow: inherit;
    overflow: inherit;
    white-space: normal;
}

.label-one {
    font-size: 18px !important;
    top: 0;
}

.label-two {
    width: 100px;
}

.label-three {
    width: 200px;
    border: 0px solid #f00;
    padding-left: 0px !important;
    top: 0;
}

.label-email {
    font-size: 14px;
}

.label-top {
    top: 5px;
}

#myModal_pendingrequest .modal-body {
    max-height: 400px;
    overflow-y: auto;
}

.row.content-color.squareblock .dl-horizontal dt {
    text-align: left;
}

/*faq page css start*/
.faqHeader {
    margin: 0px 0 10px;
    color: #ff9d6c;
    font-family: "Avenir-Medium";
    font-size: 24px;
}

.panel-heading [data-toggle="collapse"]:after,
.faq-accordion-mobile .panel-heading [data-toggle="collapse"]:after {
    font-family: 'Glyphicons Halflings';
    /*content: "\e072"; */
    /* "play" icon */
    content: url(../img/up.png);
    float: right;
    color: #F58723;
    font-size: 18px;
    /*line-height: 22px;*/
    line-height: 10px;
    /* rotate "play" icon from > (right arrow) to down arrow */
    /*
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
*/
}

.panel-heading [data-toggle="collapse"].collapsed:after,
.faq-accordion-mobile .panel-heading [data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    /*
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #454444;
        */
    content: url(../img/down.png);
}

.btn-send {
    font-weight: 300;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    font-size: 18px;
    background: #f47521 linear-gradient(to bottom, #f47521, #ed5b13) repeat scroll 0 0;
    border: 2px solid #e34e04;
    border-radius: 4px;
    color: #ffffff;
    font-family: "Avenir-Medium";
    padding: 10px 30px;
    text-decoration: none;
}

.contact-detial {
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px;
}

.google-play {
    margin: 10px 0 0 40px;
    cursor: pointer;
}

.app-store {
    margin: 10px 0 0 40px;
    cursor: pointer;
}

.ml15 {
    margin-left: 15px;
}

/*faq page css end*/
.disabletouches {
    pointer-events: none;
    opacity: 0.4;
}

/* reportsandcharts.ctp page start*/

.address {
    color: #fff;
}

.leaderborad {
    font-size: 18px;
    color: #333;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 5px;
}

.full-view {
    width: 22px height:22px;
    margin: 10px;
    cursor: pointer;
    float: right;
}

.bs-example {
    background-color: #fff;
    border-color: #ddd;
    border-radius: 4px 4px 0 0;
    border-width: 1px;
    box-shadow: none;
    margin-left: 0;
    margin-right: 0;
}

.btn-info,
.btn-info:hover {
    background-color: #1e245a;
    border-color: #fff;
    color: #fff;
}

.date-range {
    font-size: 20px;
    color: #fff;
    font-family: "Avenir-Medium";
}

/* reportsandcharts.ctp page end*/


#userresetInfoForm label {
    color: #000;
    font-family: 'Avenir-Medium';
    font-size: 12px;
    margin-left: -23px;
}

.input.password {
    margin-top: 15px;
}

.headerinfo {
    /*display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;*/
}

.title-org {
    color: #fff;
    font-family: 'Avenir-Medium';
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.title-org p {
    margin: 0 auto;
}

.bulk-users {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 82%;
}

@media (max-width:990px) {
    .bulk-users {
        width: 73%;
    }
}

@media (max-width:767px) {
    .bulk-users {
        width: 66%;
    }
}

#tableleaderboard .scroll-body {
    /*height: 286px;*/
    max-height: 600px;
    overflow-y: auto;
}

#tableleaderboardzoom .scroll-body {
    max-height: 500px;
    overflow-y: auto;
}

.scroll-header .table {
    margin-bottom: 0px;
}

#tableleaderboard table#leaderboardtable thead#scrollheader tr th.headerSortDown,
#tableleaderboard table#leaderboardtable thead#scrollheader tr th.headerSortUp {
    background-position: 96% center;
}

#tableleaderboard table#leaderboardtable thead#scrollheader tr th {
    border-right: 1px solid #ddd;
    cursor: pointer;
}

/*
.chart-container {
        margin-top: 7px;
}
*/

.search-icn input,
.search-icn input:focus {
    background: url(../img/search.svg) no-repeat #EFEFEF 4px 6px;
    border-radius: 2px;
    height: 40px;
    border: 2px solid #EF6116;
    padding-left: 33px;
    background-size: 23px;
}

/*.btn-controll{position:absolute; z-index:99; right:15px; background-color:#000;}*/
.comp-name h2 a {
    color: #ff9d6c;
    font-family: "Avenir-Medium";
    font-size: 24px;
}

.comp-name h2,
.comp-name h3 {
    margin: 0 0 5px;
}

.comp-name {
    color: #fff;
}

.comp-name .discription {
    max-width: 80%;
}

.org-status h3 {
    color: #fff;
}

.org-status table tr td {
    color: #fff;
}

.org-status table tr td:first-child {
    width: 250px;
    font-weight: bold
}

.nDorse-of-month {
    /*max-width: 244px;*/
    height: auto;
    background-color: #1e245a;
    text-align: center;
    padding: 10px 6px 5px;
    border: solid 1px #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    margin-top: 30px;
}

.nDorse-of-month h4 {
    font-size: 14px;
    margin: 0 0;
}

.nDorse-of-month h3 {
    margin: 5px 0;
}

.org-status .btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.org-status .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.comp-name .owner-name {
    max-width: 80%;
}

.row-padding {
    border-bottom: 1px solid #fff;
    padding: 10px 0;
}

.table-responsive {
    overflow: hidden;
    font-size: 20px;
}

.active-inactive-label {
    margin-left: 6px;
}

.active-menu-option {
    padding-left: 10px;
}

.endorse-org-headings {
    height: 40px;
}

div.endrosd-month h1 {
    font-style: italic;
    color: #AEB6BF;
}

.active-org-icon {
    margin-left: 5px;
    color: #229954;
}

.inactive-org-icon {
    margin-left: 5px;
    color: #C0392B;
}

#tableleaderboard {
    /* height: 338px*/
    font-size: 16px;
}

#tableleaderboard .table-responsive {
    overflow: hidden;
    font-size: 14px;
}

.charts-height {
    height: 340px;
}

.no-data {
    color: #60606a;
    fill: #60606a;
    font-size: 12px;
    font-weight: bold;
    display: table-cell;
    height: 200px;
    vertical-align: middle;
    border: 0px solid #f00;
    width: 120vh;
    text-align: center;
}

.general-settings {
    margin: 30px 0 20px;
}

.reminder-notification {
    margin: 20px;
}

.general-settings h3,
.tnc h3 {
    color: #fff;
}

h5.notif {
    color: #fff;
    margin: 15px 0 10px;
}

#generalSettingForm .radio {
    padding-left: 5px;
}

.settings .tab-content {
    border: 2px solid #fff;
    border-radius: 4px;
    margin-top: -1px;
    min-height: 450px;
    padding-bottom: 10px
}

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

#myModal3_activestatus .modal-dialog {
    width: 610px;
}

input[name=searchleaderboard] {
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 11px;
    background-color: white;
    background-image: url('../img/search_map.png');
    background-position: 3px 3px;
    background-repeat: no-repeat;
    padding: 5px 0px 5px 30px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

input[name=searchleaderboard]:focus {
    width: 35%;
}

.date-range h4 {
    font-size: 16px
}

p#corevalue {
    font-size: 20px;
    margin: 0 0
}

p.corevalue {
    margin: 0 0;
}

p.departmentv {
    margin: 0 0;
}

p.jobtitlev {
    margin: 0 0;
}

div.mce-edit-area {
    height: 300px
}

iframe#UserTandc_ifr,
#UserMailingbox_ifr {
    height: 100% !important;
}

#tableleaderboard .zooom {
    z-index: 999;
    position: relative;
    top: 5px;
}

#tableleaderboardzoom .zooom {
    z-index: 999;
    position: relative;
    top: 5px;
    float: left;
}

.search-icn.row.col-md-12 {
    padding-left: 0;
}

.user {
    color: #ffffff;
    font-size: 18px;
    margin: 2px 0;
    color: #337ab7;
}

.user-mail {
    color: #c2c1c1;
    font-size: 14px;
}

.ellipsis {
    border: 0px solid #fff;
    margin-top: 3px;
    display: block;
    font-size: 15px;
    //text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#OrgCreateorgForm .checkbox {
    margin-bottom: 0;
}

#OrgCreateorgForm label.css-label {
    margin-bottom: 5px;
}

#menu3 .panel-group {
    margin-bottom: 20px;
}

.qa textarea {
    width: 100%;
    resize: none;
    padding: 2px 5px;
    border: 1px solid #ccc;
    min-height: 100px;
}

.qa form textarea {
    max-width: 100%;
}

.settings .nav-tabs>li>a {
    background: #e2e2e2;
    border: 1px solid #fff;
    margin: 0;
    border-radius: 0;
}

.settings .nav-tabs>li.active>a {
    background: #fff
}

.qa-btn {
    margin-top: 10px;
}

.wd20 {
    width: 20px;
}

.wd100 {
    width: 100px;
}

.iffyTip {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
}

.css-label .tooltip-inner {
    background: #EF6217;
    text-transform: capitalize
}

.css-label .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #EF6217;
}

.css-label .tooltip.in {
    opacity: 1;
}

#filter-nDorsements select[multiple],
select[size] {
    height: 130px;
    padding: 0;
}

#filter-nDorsements select[multiple] option {
    background-color: transparent;
    padding: 4px 0 0 10px;
    border-bottom: 1px solid #e6e6e6;
    //text-transform: capitalize;
}

#filter-nDorsements select[multiple] option:focus {
    background: #f00;
}

.search-loader input,
.search-loader input:focus {
    background: #efefef url("../img/loading.gif") no-repeat scroll 4px 6px / 23px auto;
    border: 2px solid #ef6116;
    border-radius: 2px;
    height: 40px;
    padding-left: 33px;
}

#myModal2_bulkactiveuser .modal-header,
#myModal2_bulkinactiveuser .modal-header {
    padding: 10px 15px 5px;
}

#myModal2_bulkactiveuser .modal-header h4,
#myModal2_bulkinactiveuser .modal-header h4 {
    color: #ff9d6c
}

#myModal2_bulkactiveuser .modal-body,
#myModal2_bulkinactiveuser .modal-BODY {
    padding-top: 0;
}

#myModal2_bulkactiveuser .modal-dialog,
#myModal2_bulkinactiveuser .modal-dialog {
    margin-top: 5%;
}

.bor-bot {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 10px;
}

.msg {
    border: 1px solid;
    border-radius: 2px;
    color: #F26F1E;
    padding: 2px 5px;
    display: inline-block;
    border-color: rgba(255, 255, 255, 0.1);
    font-size: 14px;
}

.GuestTag {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    margin-bottom: 10px;

    border-radius: 4px;
    padding: 2px 5px;
    display: inline-block;
    font-size: 14px;
}

.msg a {
    color: #F26F1E;
    text-decoration: underline;
}

label.error {
    position: relative;
    left: 0;
    padding-left: 0;
    padding-top: 3px;
    color: #de4848 !important;
}

h4.subcription {
    text-transform: capitalize
}

form#adminsubscriptionIndexForm label {
    margin: 0;
    padding: 10px 0 0;
    color: #333;
    font-weight: lighter
}

#myModal2_purchasesubscription .modal-header {
    padding-bottom: 0
}

#myModal2_purchasesubscription .modal-body {
    padding-top: 0;
    padding-bottom: 0;
}

#suadmin_subscription_paid h4 {
    margin-bottom: 0
}

#myModal2_upgradesubscription .modal-header {
    padding-bottom: 0
}

#myModal2_upgradesubscription .modal-body {
    padding-top: 0
}

#myModal2_upgradesubscription .modal-footer {
    padding-top: 0
}

form#upgradeadminsubscriptionIndexForm label {
    margin: 0;
    padding: 10px 0 0;
    color: #333;
    font-weight: lighter
}

#myModal2_downgradesubscription .modal-header {
    padding-bottom: 0
}

#myModal2_downgradesubscription .modal-footer {
    padding-top: 0
}

#myModal2_downgradesubscription label {
    margin: 0;
    padding: 10px 0 0;
    color: #333;
    font-weight: lighter
}

#myModal2_terminatesubscription .modal-header {
    padding-bottom: 0
}

#myModal2_terminatesubscription .modal-footer {
    padding-top: 0
}

#myModal2_terminatesubscription label {
    color: #333;
    font-weight: lighter
}

#myModal2_terminatesubscription input[type=radio]:checked+label:before {
    color: #fff;
    background: #1D2357;
}

#myModal2_terminatesubscription span.radio label::before {
    background: #1D2357;
}

#myModal2_terminatesubscription .radio label {
    margin-right: 30px;
    padding-left: 10px;
}

#myModal2_terminatesubscription .radio {
    padding-left: 10px
}

.faq-accordion span.editfaq {
    padding: 0 10px;
    cursor: pointer;
}

.faq-accordion span.deletefaq {
    cursor: pointer;
}

.faq-accordion .panel-heading [data-toggle="collapse"]::after {
    content: ""
}

.faq-accordion .panel-heading h4.panel-title a {
    width: 85%;
    display: inline-block;
}

.faq-accordion-mobile .panel-heading h4.panel-title a {
    width: 100%;
    display: inline-block;
}

#myModal2_overwritesubscription .modal-header {
    padding-bottom: 0;
}

#myModal2_overwritesubscription .modal-body {
    padding-bottom: 0;
    padding-top: 0;
}

#myModal2_overwritesubscription label {
    color: #333;
    font-weight: lighter;
    margin: 0;
    padding: 10px 0 0
}

.thanks-subscription {
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    margin-top: 10%
}

.thanks-subscription h3 {
    color: #fff;
    text-align: center;
    line-height: 35px;
    margin: 30px 0;
}

.thanks-subscription h4 {
    color: #fff;
    font-size: 16px;
    text-align: center;
}

#searchendorsement .orange-bg {
    padding: 5px;
}

.likes {
    position: relative;
    top: 3px;
}

.search-icn {
    position: relative;
}

.search-icn #livesearch {
    position: absolute;
    width: 100%;
    z-index: 90;
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
}

/*
.search-icn #livesearch {
    background: rgba(255, 255, 255, 0.99) none repeat scroll 0 0;
    border-radius: 2px;
    color: #333;
    height: 292px;
    margin-top: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    z-index: 90;
}
*/
.join-org #livesearch {
    z-index: 90;
    max-height: 300px;
    max-width: 450px;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    border: 1px solid #333;
    background: rgba(255, 255, 255, 0.93);
}

.join-org #livesearch .livesearchdata {
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, 0.1);
    border-top: 1px solid;
    border-top-color: rgba(0, 0, 0, 0.0);
    padding: 10px;
    color: #333;
    text-align: left;
}


.search-icn #livesearch .livesearchdata:hover,
.join-org #livesearch .livesearchdata:hover {
    background: rgba(0, 0, 0, 0.1);
    border-top: 1px solid;
    border-color: rgba(0, 0, 0, 0.1);
    cursor: pointer
}

.search-icn #livesearch .livesearchdata,
.search-icn #livesearch .livesearchdata:hover {
    padding: 10px;
    background: rgba(255, 255, 255, 0.93);
    border: 1px solid rgb(16, 46, 244);
}

.faq-accordion {
    overflow-y: auto;
    overflow-x: hidden;
    height: 550px;
}

.qa .panel-body {
    min-height: 580px;
}

#faqSettingForm .panel-body iframe {
    height: 100% !important;
}

#faqSettingForm .panel-body div.mce-edit-area {
    height: 225px;
}

.bootboxalertclass .modal-dialog {
    margin: 14% auto;
    width: 400px;
}

#UserLoginForm label {
    color: #fff;
}

.login #UserLoginForm label {
    color: #111226;
    font-family: "Avenir-Book";
}

#UserLoginForm label.error {
    color: #de4848;
}

.sep {
    background: #fff;
    height: 1px;
    width: 90%;
    margin: 3px auto 10px;
    opacity: 0.2;
}

h4.no-subcrip {
    margin: 0px 0 30px 0px;
    font-size: 14px;
    color: #989898;
}

/*End*/

/*Login/Register*/
.login .panel-default {
    border: 2px solid #fff;
}

.login .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd
}

.login .panel-heading h2 {
    margin: 0 0;
    text-align: center;
    color: #111226;
    font-family: 'Avenir-Medium';
    font-size: 28px;
    text-transform: uppercase;
}

.login .panel-default .panel-body {
    background: #c8c7c7;
}

.login {
    margin: 30px auto;
    max-width: 1075px;
}

.login input {
    padding: 20px 10px;
    color: #111226;
}

.login input[type="text"] {
    font-family: 'Avenir-Book';
    text-transform: capitalize
}

.login .form-control {
    height: 57px;
    padding: 0 10px;
}

.login .btn-block {
    height: 57px;
    padding: 0px;
}

.login .col-md-5 {
    margin-top: 50px;
}


#modalLoginForm .login label {
    padding: 0;
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 100;
    color: #454545;
}

#modalLoginForm .login input {
    font-size: 16px;
}

#modalLoginForm .login .md-form {
    margin: 0 10px 20px;
}

#modalLoginForm .login .md-form input.btn-block {
    font-size: 20px;
    color: #ffffff;
    font-weight: 100;
}

#modalLoginForm h4 img {
    margin-top: 40px;
    margin-bottom: 10px;
}

#modalLoginForm h4.modal-title {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
}

#modalLoginForm button.close {
    background: none;
    position: absolute;
    right: 12px;
    top: 10px;
    font-size: 42px;
    padding: 0;
    margin: 0;
    line-height: 42px;
}

/*
.login ::-moz-placeholder, .join-org ::-moz-placeholder {
 color:#111226;
 text-transform:capitalize;
}
.login :-ms-input-placeholder, .join-org :-ms-input-placeholder {
 color:#111226;
 text-transform:capitalize;
}
.login ::-webkit-input-placeholder, .join-org ::-webkit-input-placeholder {
 color:#111226;
 text-transform:capitalize;
}
*/
#addentitydiv ::-moz-placeholder {
    font-family: "Avenir-Book";
    color: #555;
    font-size: 14px;
    opacity: 1;
}

#addentitydiv :-ms-input-placeholder {
    font-family: "Avenir-Book";
    color: #555;
    font-size: 14px;
    opacity: 1;
}

#addentitydiv ::-webkit-input-placeholder {
    font-family: "Avenir-Book";
    color: #555;
    opacity: 1;
    font-size: 14px;
}

.btn-orange {
    background: #f47521 linear-gradient(to bottom, #f47521, #ed5b13) repeat scroll 0 0;
    background-image: -webkit-linear-gradient(top, #f47521, #ed5b13);
    background-image: -moz-linear-gradient(top, #f47521, #ed5b13);
    background-image: -ms-linear-gradient(top, #f47521, #ed5b13);
    background-image: -o-linear-gradient(top, #f47521, #ed5b13);
    background-image: linear-gradient(to bottom, #f47521, #ed5b13);
    border: 2px solid #e34e04;
    border-radius: 4px;
    color: #ffffff !important;
    font-family: "Avenir-Medium";
    font-size: 18px;
    padding: 10px;
    text-decoration: none;
}

.btn-orange:hover {
    background: #ed5b13 linear-gradient(to bottom, #ed5b13, #f47521) repeat scroll 0 0;
    color: #ffffff;
}

.button-orange {
    background: #f47521 linear-gradient(to bottom, #f47521, #ed5b13) repeat scroll 0 0;
    border-radius: 4px;
    color: #ffffff !important;
    text-decoration: none;
}

.max {
    color: #999;
}

.button-orange:hover {
    background: #ed5b13 linear-gradient(to bottom, #ed5b13, #f47521) repeat scroll 0 0;
    color: #ffffff;
}

.login a {
    color: #111226;
}

.login a img:hover {
    opacity: 0.85
}

.login .faq a {
    font-size: 16px;
    color: #666667;
    text-decoration: none;
    font-family: "Avenir-Medium";
}

.login .faq {
    padding: 15px 0 0;
}

.login .dont-have {
    margin-top: 20px;
}

/*Login/Register*/

/*congratulation*/
.congratulation {
    margin: 30px auto;
    max-width: 1075px;
    color: #fff;
}

.congratulation h2 {
    font-family: 'Avenir-Light';
    font-size: 30px;
}

.congratulation button {
    margin: 0px auto 10px;
}

/*congratulation*/

/*nDorsement's Profile*/
.nDorsement-profile .nDorse-of-month,
.whats-new {
    margin: 0 0;
}

.nDorsement-profile,
.whats-new {
    border: 1px solid #fff;
    border-radius: 4px;
    margin: 0px 0 30px;
    color: #fff;
}

.whats-new .select-date {
    margin: 30px 0 10px 0;
    border-bottom: 0px solid;
    padding-bottom: 0px;
}

.top-nDorser {
    color: #fff;
    float: left;
    margin: 10px 30px 10px 20px;
    width: 45%;
}

#commonModal label {
    color: #333;
}

#commonModal form {
    padding: 0 15px;
}

.no-nDorsements {
    padding: 10px;
}

tr.table-head {
    background: #fff !important;
}

tr.table-head td {
    color: #333 !important;
}

.material-media__object {
    border-radius: 20%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.298);
    height: 64px;
    margin: 0 10px;
    width: 64px;
}

.media-object {
    display: block;
}

.material-media {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}

.material-media__title {
    margin-top: 20px;
    font-size: 24px;
}

.bor-white {
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    /*  height: 97px;
    overflow: auto;*/
}

.bor-white:hover {
    background-color: rgba(0, 0, 0, 0.2)
}

.u-name {
    font-family: 'Avenir-Medium';
    font-size: 20px;
    color: #fff;
    margin-top: 45px;
}

.u-profile {
    font-family: 'Avenir-Book';
    font-size: 16px;
    color: #fcbc77;
    margin: 0 0
}

.my-badges {
    padding: 20px 0;
}

.my-badges h2 {
    color: #fff;
    font-family: 'Avenir-Light';
    font-size: 26px;
}

.my-badges .col-md-3 {
    padding: 0 0
}

.badge-count {
    float: left;
    color: #fff;
    margin: 0 10px;
}

.time-range {}

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

.nDorsed-by {
    color: #F26E1D;
}

.select-date {
    margin: 0px 0 10px 0;
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.1);
    padding-bottom: 10px;
}

.select-date.setIcon .input {
    position: relative;
}

.select-date.setIcon .input img {
    position: absolute;
    right: 5px;
    top: 3px;
}

.select-date.setIcon .btn.btn-default {
    margin-top: 62px;
}

.bottom-bor {
    border-bottom: 1px solid #fff;
}

.select-date img.ui-datepicker-trigger {
    position: absolute;
    right: 24px;
    top: 37px;
}

.select-date input.date {
    background: #999999;
    border: 0;
    color: #fff;
}

.select-date label {
    color: #fff;
    font-size: 16px;
    margin: 5px 0;
    padding: 0 0;
    font-family: 'Avenir-Light';
    font-weight: lighter
}

.select-date .btn.btn-default {
    margin: 33px 10px 0 0;
}

.ndorse-states {
    padding: 0 20px;
}

.table-states tr th {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 30px !important;
    border-bottom: 1px solid;
    border-color: rgba(42, 42, 42, 0.20);
    font-family: 'Avenir-Medium';
    font-size: 22px;
    color: #231f20;
    font-weight: lighter;
}

.core-values-div {
    padding: 0 20px;
}

.core-values-div .table-core-value tr td,
.core-values-div .table-core-value tr th {
    padding: 10px 30px !important;
    border-bottom: 1px solid;
    border-color: rgba(42, 42, 42, 0.20);
    font-family: 'Avenir-Light';
    font-size: 22px;
    color: #fff;
    font-weight: lighter;
}

.core-values-div .table-hover>tbody>tr:hover {
    background: rgba(0, 0, 0, 0.1)
}

.no-data-nDorse,
.nodataavailable {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    width: 98%;
    margin: 0 auto;
    font-family: 'Avenir-Light';
    text-align: center;
}

.nodata {
    color: #333;
    padding: 10px;
}

.select-date .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.select-date .form-control:-ms-input-placeholder {
    color: #fff;
}

.select-date .form-control::-webkit-input-placeholder {
    color: #fff;
}

/*nDorsement's Profile*/


/*My Profile*/
.my-profile .my-pro-label {
    color: #fff;
    padding-top: 5px;
    font-size: 18px;
}

.my-profile .my-pro-textarea {
    height: 90px;
    width: 100%;
    max-width: 100%;
    resize: none;
    border-radius: 4px;
    border: none;
    padding: 6px 12px;
}

.my-profile .btn-blue {
    /*margin-top: 50px;*/
}

/*My Profile*/


/*Join Org*/
.marg-top {
    height: 65px
}

.my-msg {
    width: 100%;
    position: absolute;
    top: 150px;
}

.forgot-password {
    margin: 30px;
    max-width: 1075px;
    color: #333;
}

.forgot-password h2 {
    font-family: 'Avenir-Light';
    font-size: 22px;
    margin: 20px 20px 10px;
}

.forgot-password input[type="text"] {
    color: #111226;
    font-size: 16px;
}

.forgot-password .form-control {
    font-size: 16px;
    height: 40px;
}

.forgot-password .btn-orange {
    font-family: "Avenir-Light";
    font-size: 18px;
    height: 40px;
    padding: 5px;
}

.forgot-password span {
    font-family: "Avenir-Light";
    font-size: 14px;
    font-weight: lighter;
}

.join-org {
    margin: 30px auto;
    max-width: 1075px;
    color: #fff;
}

.join-org h2 {
    font-family: 'Avenir-Light';
    font-size: 30px;
    margin: 20px;
}

.join-org h2.recommend {
    margin: 40px 0;
}

.join-org .form-control {
    height: 58px;
    font-size: 16px;
}

.join-org .btn-orange {
    font-family: 'Avenir-Light';
    font-size: 18px;
    height: 58px;
}

.join-org input[type="text"] {
    font-size: 16px;
    color: #111226;
}

.join-org .or {
    margin: 15px 0;
}

.recommend-img {
    border-radius: 50%;
    border: 1px solid #333;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.comp-discrptn {
    font-family: 'Avenir-Light';
    color: #333;
    height: 70px;
    padding: 10px;
    font-size: 14px;
    overflow: hidden;
    margin-bottom: 10px;
}

.comp-discrptn:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
}

.rec-comp {
    background: #fff;
    border-radius: 3px;
    padding: 10px 0;
    height: 370px;
    margin-bottom: 10px;
}

.rec-org .btn-orange {
    height: auto;
    padding: 0 5px;
}

h3.rec-org-name {
    color: #090c26;
    font-family: "Avenir-Medium";
    font-size: 20px;
    margin: 15px 10px 10px;
    max-height: 60px;
    border-top: 1px solid #ddd;
    padding-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.switchbutton img {
    position: absolute;
    right: 26px;
    top: 10px;
    background: #f26c1c;
    padding: 5px;
    border-radius: 100%;
}

.new {
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.75);
    margin: 0 auto;
    width: 78%;
    padding: 10px 0;
    position: relative;
}

.swtichorg {
    margin: 2px 0 0 0;
}

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

.div-center {
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
}

.join-org .header-bg-nav {
    /*    background: #f47521;
    background-image: -webkit-linear-gradient(top, #f47521, #ed5b13);
    background-image: -moz-linear-gradient(top, #f47521, #ed5b13);
    background-image: -ms-linear-gradient(top, #f47521, #ed5b13);
    background-image: -o-linear-gradient(top, #f47521, #ed5b13);
    background-image: linear-gradient(to bottom, #f47521, #ed5b13);*/
    font-size: 16px;
    /*border: solid #e34e04 2px;*/
    text-decoration: none;
    color: #ffffff;
    padding: 5px 20px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
}

.header-bg-nav {
    background: #f47521;
    background-image: -webkit-linear-gradient(top, #f47521, #ed5b13);
    background-image: -moz-linear-gradient(top, #f47521, #ed5b13);
    background-image: -ms-linear-gradient(top, #f47521, #ed5b13);
    background-image: -o-linear-gradient(top, #f47521, #ed5b13);
    background-image: linear-gradient(to bottom, #f47521, #ed5b13);
    /*border: solid #e34e04 2px;*/
}

.join-org .menu,
.menu {
    /*margin-top: 20px;*/
    margin-top: 14px;
}

.closeflashmsg {
    cursor: pointer;
}

/*Join Org*/

/* Live Endorsements*/
.live-nDorsements .header-bg-nav {
    /*    background: #f47521;
    background-image: -webkit-linear-gradient(top, #f47521, #ed5b13);
    background-image: -moz-linear-gradient(top, #f47521, #ed5b13);
    background-image: -ms-linear-gradient(top, #f47521, #ed5b13);
    background-image: -o-linear-gradient(top, #f47521, #ed5b13);
    background-image: linear-gradient(to bottom, #f47521, #ed5b13);*/
    font-size: 16px;
    /*border: solid #e34e04 2px;*/
    text-decoration: none;
    color: #ffffff;
    padding: 5px 20px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
}

.live-feeds {
    /*background-color: #111e47;*/
    border: 1px solid #464967;
    color: #fff;
    font-size: 20px;
    padding: 15px 15px 0;
    margin: 20px 0;
}

.orange-bg.no-hand img.marg-right {
    margin-right: 5px;
}

.nDorse-process .modal-header {
    padding-bottom: 0;
    color: #333;
}

.nDorse-process .sticker-container {
    margin-bottom: 10px;
    width: 20%;
    float: left;
}

.nDorse-process .sticker-img {
    height: 100px;
    text-align: center;
    width: 100px;
    margin: 5px;
    border: 1px solid #333;
    border-radius: 5px;
    display: table-cell;
    vertical-align: middle;
}

.js_thumbDiv {
    margin-bottom: 10px;
    margin-top: 10px;
}

.nDorse-process .modal-footer {
    padding-top: 0
}

.search-icn #nDorse-search {
    background: rgba(255, 255, 255, 0.99) none repeat scroll 0 0;
    height: 292px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    z-index: 90;
    color: #333;
    margin-top: 5px;
    border-radius: 2px;
}

.search-icn #nDorse-search .searched-values {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    cursor: pointer;
}

.count {
    background: #DE2229;
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0.6);
    box-shadow: 1px 1px 4px #000000;
    border-radius: 100%;
    color: #fff;
    font-size: 10px;
    line-height: 11px;
    margin: 0;
    padding: 5px 7px;
    /*position: relative;
    right: 8px;*/
    min-width: 24px;
    min-height: 20px;
    margin: 0 0 !important;
    position: absolute !important;
    top: -18px;
    right: 0;
}

.nDorse-process.select-type .modal-body {
    padding: 0 0 10px;
}

.selected-values {
    margin: 4px 0;
    background: #fff;
    padding: 7px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.selected-values span {
    background: #fff;
    color: #333;
    border: 1px solid #333;
    border-radius: 10px;
    padding: 5px;
    margin-right: 1px;
}

.selected-values .btn-clear-all {
    background: #79c47c;
    padding: 0 5px;
}

.search-icn #nDorse-search .searched-values:hover {
    background: rgba(0, 0, 0, 0.1);
}

.search-icn #nDorse-search .searched-values a {
    color: #757676;
    font-size: 20px;
    font-family: 'Avenir-Light';
}

.nDorse-process label {
    color: #333;
    font-weight: lighter
}

/*
.nDorse-process input[type=radio]:checked + label:before {
        color: #fff;
        background: #1D2357;
}

*/

.nDorse-process input[type=radio]:checked+label:before {
    background: #fff;
    color: #1D2357;
}

.nDorse-process span.radio label::before {
    /*background: #1D2357;*/
    border: 1px solid #1d2357;
    /*
    left: 0;
    position: relative;
    top: 7px;
    */
}

.nDorse-process input[type="radio"]:checked+label::before {
    line-height: 23px;
}

.nDorse-process .radio label {
    margin: 0 0 10px;
    /*
            margin-right: 30px;
            padding-left: 10px;
            */
}

.nDorse-process .radio {
    padding-left: 25px
}

.nDorse-process h4.select-type {
    margin-left: 50px;
}

.nDorse-process .btn-blue {
    border: 1px solid #222659;
}

.nDorse-process {
    color: #fff;
}

.like-img {
    margin-right: 5px;
}

.live-feeds .orange-bg {
    padding: 10px 0;
}

.nDorse-process .col-md-6 .core-value {
    margin: 15px 30px;
}

.nDorse-process .col-md-6 .core-value input.css-checkbox[type="checkbox"]+label.css-label {
    font-size: 20px;
}

textarea.add-msg {
    resize: none;
    width: 100%;
    max-width: 100%;
    border: none;
    padding: 5px;
    margin: 10px;
    color: #929191;
    font-size: 20px;
}

label.i-accept {
    color: #fff !important;
    font-size: 20px !important;
    text-decoration: underline;
}

h3.attach-img {
    margin: 5px 0px 15px;
    color: #F26E1D;
}

.attached-item {
    border: 0px solid #333;
    border-radius: 4px;
}

.onefive {
    width: 120px;
    height: 120px;
    border: 1px solid #333;
    border-radius: 8px;
    background: #EFEFEF;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    margin-right: 20px;
}

.img-close {
    position: absolute;
    right: 5px;
    top: 5px
}

/* Live Endorsements*/


/* nDorsement detail page css-Neeraj */

.grey-bg {
    background-color: #d3d3d3;
    border: solid 1px rgba(255, 255, 255, 0.3);
    width: 100%;
    padding: 20px 20px 0 20px;
    margin-top: 15px;
    height: auto;
    color: #000;
}

.rohan-space {
    margin: 0 10px;
    font-size: 20px;
    font-weight: 600;
}

.date-detail {
    font-size: 20px;
    text-align: center;
}

.ndorser-detail {
    margin-top: 5px;
    margin-left: 15px;
}

.ndorsed-detail {
    margin-top: 5px;
    margin-right: 15px;
}

.hi-cehck {
    font-size: 20px;
    padding: 20px;
    color: #fff;
}

.nDorse-Details {
    border: 0px solid #f00;
    color: #fff;
}

.core-values-shown {
    background: #fff;
    border-radius: 4px;
    padding: 10px;
}

.core-values-shown1 {
    background: #1B2154;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #fff;
}

.core-values-shown .table-hover tr:hover {
    background: rgba(0, 0, 0, 0.1)
}

.nDorse-Details-msg {
    padding: 20px 0;
}

.table-core-value-shown {
    margin: 0 0
}

.table-core-value-shown tbody tr td {
    color: #333;
    padding: 8px;
    font-size: 20px;
}

.nDorse-Details-msg h3 {
    color: #D3D3D3;
    font-family: 'Avenir-Medium';
    font-size: 24px;
}

.nDorse-Details-msg .mesg {
    color: #fff;
    font-size: 20px;
}

/* nDorsement detail page css-Neeraj */


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

#myModalbulkusersimports .modal-body #bulkuserstable {
    height: 350px;
    overflow: auto;
    overflow-x: hidden;
}

#myModalViewProfile .modal-content {
    color: #000;
}

#myModalViewProfile .modal-content label {
    color: #000;
    margin: 0 0;
    padding: 0 0;
    text-align: left;
    width: 100px;
    font-family: 'Avenir-Light';
    font-size: 14px;
}

#myModalViewProfile .modal-content .user-detail-label {
    color: #000;
    margin: 0 0;
    padding: 0 0;
    text-align: left;
    width: 100px;
    font-family: 'Avenir-Light';
    font-size: 14px;
    font-weight: 700;
}

#myModalViewProfile .modal-content .form-control {
    width: auto;
    min-width: 250px;
    display: inline;
    border: none;
    background: transparent;
    box-shadow: none;
    height: auto;
    padding: 0 0
}

/*#myModalViewProfile .modal-content .modal-body {height:450px;overflow:auto; overflow-x:hidden}*/
#myModalViewProfile .modal-dialog {
    margin: 10% auto;
    width: 800px;
}

#myModalViewProfile textarea {
    resize: none;
    width: 100% !important;
}

form#adminsubscriptionIndexForm label.error {
    color: #de4848;
    text-transform: capitalize;
}

#faqform textarea {
    resize: none;
    max-width: 100%;
}

#allendorsementsdata .scroll-header,
#listingreportser .scroll-header,
#listingreportseg .scroll-header {
    width: 100%;
    max-height: 500px;
    overflow: auto;
}

#allendorsementsdata .scroll-header .table-hover>tbody>tr:hover,
#listingreportser .table-hover>tbody>tr:hover,
#listingreportseg .table-hover>tbody>tr:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

#allendorsementsdata thead>tr th.iffyTip1,
#listingreportser thead>tr th.iffyTip1,
#listingreportseg thead>tr th.iffyTip1 {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comment-div {
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px;
    text-align: left;
    padding-left: 12px;
    white-space: nowrap;
}

#resetpassworduser label.error {
    margin-left: 0
}

/*
.comment{word-break:break-all; width:250px;word-wrap:break-word;}
*/
.sub-type {
    color: #fff;
    background-color: transparent;
    padding: 10px
}

.user-list {
    color: #fff;
}

#upgradeadminsubscriptionIndexForm label.error,
#downgradeadminsubscriptionIndexForm label.error {
    color: #de4848;
}

span.act-inact {
    color: #fff;
    font-size: 13px;
    margin-left: 10px;
    padding: 3px;
    border-radius: 3px;
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0.2);
    position: relative;
    top: -4px;
}

.col-endor {
    width: 130px;
}

.endor-date {
    width: 140px;
    text-align: center;
}

#UserLoginForm [type="checkbox"]+label.css-label::before {
    top: 5px;
}

.responseusers {
    width: 50%;
    margin-left: 20px;
}

#bulkuserstable .table-hover {
    background: rgba(0, 0, 0, 0.2);
}

#myModalbulkusersimports .modal-dialog {
    width: 850px;
}

.successfulupload {
    background-image: url(../img/test-pass-icon.png);
    width: 16px;
    height: 16px;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    margin-left: 5px;
}

.unsuccessfulupload {
    background-image: url(../img/test-fail-icon.png);
    width: 16px;
    height: 16px;
    background-position: center center;
    background-size: contain;
    float: left;
    //background: #fff url(../img/test-fail-icon.png) no-repeat 98% 50%;
}

.switch-left-right .switch-label {
    overflow: hidden;
}

.switch-left-right .switch-label:before,
.switch-left-right .switch-label:after {
    width: 20px;
    height: 20px;
    top: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 11px 0 0 0;
    text-indent: -12px;
    border-radius: 20px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}

.switch-left-right .switch-label:before {
    background: #eceeef;
    text-align: left;
    padding-left: 80px;
}

.switch-left-right .switch-label:after {
    text-align: left;
    text-indent: 9px;
    background: #FF7F50;
    left: -100px;
    opacity: 1;
    width: 100%;
}

.switch-left-right .switch-input:checked~.switch-label:before {
    opacity: 1;
    left: 100px;
}

.switch-left-right .switch-input:checked~.switch-label:after {
    left: 0;
}

.switch-left-right .switch-input:checked~.switch-label {
    background: inherit;
}

.general-settings #generalValue {
    width: 35%;
}

#bulk_active_users {
    padding-top: 10px;
}

.nDorse-support {
    color: #fff;
    margin-top: 200px;
}

th.headerSortUp {
    background-image: url(../img/du.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right;
}

th.headerSortDown {
    background-image: url(../img/dd.png);
    background-size: 10px;
    background-position: center right;
    background-repeat: no-repeat;
}

/**/

.js_emojis .sticker-img {
    border: 1px solid #333;
    border-radius: 5px;
    display: table-cell;
    height: 100px;
    margin: 5px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}

textarea#reply {
    resize: none;
    width: 100%;
    height: 100px;
}

#myModalreply .modal-header {
    padding-bottom: 0;
}

#myModalreply .error,
.error {
    color: #de4848;
}

.endorsed-reply {
    color: #fff;
    margin: 10px 0;
}

.endorser-reply {
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.2);
    margin: 10px 0;
    padding: 10px 0;
}

.nDorse-process .error {
    color: #de4848;
    font-size: 16px;
    font-weight: bold;
}

.no-data-search {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    width: 100%;
    font-family: 'Avenir-Light';
    text-align: center;
    margin-top: 120px;
}

ul.with-arrows {
    padding: 0 0 0 0px;
}

ul.with-arrows li {
    background-image: url(../img/popOverArrow.png);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: 96% center;
    padding: 5px 20px 5px 20px;
    list-style: none;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

ul.with-arrows li.disabled {
    background-image: url(../img/popOverArrow-disable.png);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: 96% center;
    padding: 5px 20px 5px 20px;
    list-style: none;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.client-nav .sidebar-nav {
    padding: 0 10px 0 0
}

.client-nav.sidebar {
    border: 0px solid #fff;
}

.client-nav.sidebar .sidebar-nav>.sidebar-brand {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 18px;
    height: auto;
    padding: 10px 0px;
}

.client-nav.sidebar .sidebar-nav>.sidebar-brand a {
    padding-left: 10px;
}

.client-nav.sidebar .sidebar-nav {
    height: 100vh;
}

/* (1366x768) WXGA Display */
/*
@media  screen and (max-width: 1366px) {
 .client-nav.sidebar  .sidebar-nav {height:90vh;overflow:auto;}
}
*/
#formusers .select-style select {
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.2);
}

.hand {
    cursor: pointer;
}

.no-hand {
    cursor: default;
}

.active-link {
    color: #EF6116 !important;
}

img#org_image {
    /*commented for resolving image stretching issues on 12aug2021*/
    /*max-height: 142px;*/
}

#addcoretable img,
#addentitytable img,
#adddepartmenttable img,
#addjobtitletable img {
    cursor: pointer;
}

/*User Profile*/
.user-profile {
    padding: 20px
}

.user-profile table tbody tr td,
.user-profile table tbody tr th {
    padding: 10px 20px !important;
    border-bottom: 1px solid;
    border-color: rgba(42, 42, 42, 0.20);
    font-family: 'Avenir-Light';
    font-size: 22px;
    color: #fff;
    font-weight: lighter;
}

.user-profile .ndorse-states table tbody tr td,
.user-profile .ndorse-states table tbody tr th {
    color: black !important;
}

.user-profile table tbody tr td:first-child {
    width: 200px;
}

.user-profile.leader-board table tbody tr td:last-child {
    width: 15%;
    text-align: center
}

.user-profile .table-striped>tbody>tr:nth-of-type(2n+1) {
    background: #9699a8;
}

.leader-board .tab-content h4 {
    color: #d5d5d5;
    font-size: 16px
}

img {
    cursor: pointer
}

.header-bg-nav .RightTabs img:hover {
    opacity: 0.8
}

.user-profile .table-striped>tbody>tr:nth-of-type(2n+2) {
    background: #585c78;
}

.user-profile .table-hover>tbody>tr:hover {
    background-color: rgba(255, 255, 255, 0.20);
}

.send-multi {
    position: fixed;
    bottom: 250px;
    z-index: 6;
    right: 10px;
}

.send-multi .btn-orange {
    padding: 1px 5px;
    font-size: 13px;
    height: 40px;
    width: 125px
}

/*User Profile*/
.createEditOrg button {
    margin: 10px 10px;
}

#endorse-stats .panel {
    margin: 20px;
}

.range {
    color: #F26E1D;
}

.orange-bg img {
    /*
    border: 1px solid #fff !important;
    */
}

.leader-board .bor-bot,
.nDorsement-profile .bor-bot {
    padding: 0 0;
}

.nDorsement-profile {
    padding: 0 10px;
}

.leader-board .tab-content .bor-bot h3,
.nDorsement-profile .bottom-bor h3 {
    margin: 10px 0;
}

/*
thead#scrollheader tr th{font-size:10px;}
*/

.user-profile .nav-tabs li>a {
    border-color: #eee #eee #ddd;
}

.i-accept a {
    position: relative;
    top: -6px;
    color: #fff;
    margin-left: 10px;
}

.feed-vertical {
    height: 100px;
    /*display: table-cell;*/
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

.admin-icon {
    position: absolute;
    bottom: 20px;
    right: 25px;
    background: #ee2324;
    padding: 5px;
    border-radius: 100%;
}

.nDorsement-profile .btn.btn-orange {
    padding: 5px;
    font-size: 14px;
}

#UserSkills option:first-child,
#UserHobbies option:first-child,
#UserCountry option:first-child,
#UserState option:first-child,
option:first-child {
    font-weight: bold;
}

.bg-or {
    background: #F47521;
    color: #fff;
}

.bg-or .close {
    background: transparent;
    border: 1px solid #333;
    color: #fff;
    font-size: 16px;
}

.popup-for-admin {
    color: #4a4a4a !important;
}

.bootbox.bootbox-confirm .btn-danger {
    margin: 0 10px
}

.btn-orange-small {
    background: #f47521 linear-gradient(to bottom, #f47521, #ed5b13) repeat scroll 0 0;
    background-image: -webkit-linear-gradient(top, #f47521, #ed5b13);
    background-image: -moz-linear-gradient(top, #f47521, #ed5b13);
    background-image: -ms-linear-gradient(top, #f47521, #ed5b13);
    background-image: -o-linear-gradient(top, #f47521, #ed5b13);
    background-image: linear-gradient(to bottom, #f47521, #ed5b13);
    border: 2px solid #e34e04;
    border-radius: 4px;
    color: #ffffff !important;
    font-family: "Avenir-Medium";
    font-size: 14px;
    padding: 5px;
    text-decoration: none;
}

.checkedimage-allendorsement {
    position: absolute;
    top: 10%;
    right: 10%
}

.total-nDorsementes {
    float: left;
    margin: 0 5px 5px;
}

#myPhotoModal .modal-body img {
    margin: 0 auto;
}

.controls {
    width: 100px;
    display: inline-block;
    font-size: 16px;
    padding-top: 8px;
    font-weight: bold;
    cursor: pointer;
}

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

.imagesattached {
    border: 1px solid #333;
    display: table-cell;
    height: 100px;
    width: 100px;
    max-width: 100px;
    vertical-align: middle;
    position: relative;
    border-radius: 10px;
}

.imagesattached img {
    max-height: 90px;
    max-width: 90px;
}

.not-assigned {
    color: #333;
    padding: 0 20px;
}

.attach-img-name {
    margin: 5px;
    color: #fff;
    padding: 2px;
}

.knob {
    color: #FFFFFF !important;
}

#img_msg {
    color: #fff;
}

.not-found {
    color: #fff;
    height: 100vh;
    vertical-align: middle;
    display: table-cell;
    border-radius: 20px;
    width: 1170px;
}

.not-found h1 {
    color: #fff;
    font-size: 150px;
    padding-top: 20px;
    margin: 0 auto;
    width: 100%;
    font-family: 'Avenir-Book';
    font-weight: bolder;
}

.not-found h2 {
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
    font-size: 40px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
}

.inact-ribbon {
    position: absolute;
    left: -5px;
    top: -5px;
}

.nDorse-user-icon {
    position: relative;
    top: -2px;
}

.locked {
    margin: 0px 0px 0px 10px;
    padding: 3px;
}

#resetPasswordForm label.error,
#recoverUsernameForm label.error {
    color: #de4848;
}

#UserResetpasswordForm .input.password {
    margin-top: 0;
}

textarea#reply ::-moz-placeholder {
    color: #333 !important;
}

textarea#reply :-ms-input-placeholder {
    color: #333 !important;
}

textarea#reply ::-webkit-input-placeholder {
    color: #333 !important;
}

.u-email {
    font-size: 13px;
}

#forgotPasswordForm label.error {
    color: #de4848;
}

.fileSupported {
    color: #FFF;
}

/*stats*/
.stats {
    color: #fff;
}

.stats h2 {
    color: #ff9d6c;
    font-family: 'Avenir-Medium';
}

.stats h1 {
    color: #ffffff;
    font-family: 'Avenir-Medium';
    font-size: 28px;
    margin: 0 10px 10px;
}

.stats .endrosd-month h2 {
    color: #ffffff;
    font-family: 'Avenir-Medium';
    font-size: 28px;
}

.stats .endrosd-month {
    margin: 0 auto;
    width: 80%;
}

.stats .bor-bot {
    border-color: rgba(255, 255, 255, 0.2);
    padding: 20px 0;
}

.active-videos {
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.2);
    padding: 10px 0;
    color: #ffffff;
    display: flex;
    align-items: center;
}

.active-videos h3 {
    margin: 0 0;
}

.total-nDorse-org-user h2 {
    color: #999;
    font-family: 'Avenir-Light';
}

.total-nDorse-org-user table th {
    line-height: 30px;
}

.total-nDorse-org-user div {
    background-color: rgba(255, 255, 255, 0.2);
    line-height: 20px;
    padding: 10px 5px;
}

.total-nDorse-org-user .table>tbody>tr>th,
.total-nDorse-org-user .table>thead>tr>th {
    padding: 10px 0;
}

.total-nDorse-org-user .table>tbody>tr>td:first-child,
.total-nDorse-org-user .table>thead>tr>td:first-child {
    padding-left: 50px;
}

.total-nDorse-org-user table th:first-child {
    width: 90%;
}

.total-nDorse-org-user table th:nth-child(2) {
    width: 10%;
}

.total-nDorse-org-user table td:first-child {
    padding-left: 50px;
}

.total-nDorse-org-user {
    width: 90%;
    margin: 0 auto;
    font-family: 'Avenir-Book';
}

/*stats*/

#UserLoginForm .error>.error-message {
    padding-left: 0;
}

#myModal2_inviteToOtherOrg .modal-header {
    padding-bottom: 0;
}

#myModal2_inviteToOtherOrg .modal-body {
    padding-top: 0;
}

#upgradeTrialSubscriptionForm label,
#convertSubscriptionForm label {
    padding-left: 0px;
    color: #333;
}

.join-code {
    margin-top: 10px;
}

.join-code button {}

#userresetInfoForm label.css-label.show-pw {
    margin-left: 0;
}

.loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    margin: 10px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.inactive-label {
    font-size: 15px;
    opacity: 0.4;
}

/**/
/***ADDED BY BABULAL PRASAD @ 12212016***/
.orgfilterradio.active {
    background-color: rgba(237, 91, 19, 1);
    border-color: rgba(237, 91, 19, 1);
}

/*javed 26-Nov*/
.PopDown {
    width: 130px;
    position: absolute;
    right: -24px;
    top: 40px;
}

.PopDown .nD-menu-well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
}

.popDownArrow {
    position: relative;
    z-index: 90;
}

.PopDown .nD-menu-well ul li {
    font-size: 16px;
    line-height: 30px;
    padding: 0 5px;
}

.PopDown .nD-menu-well ul li:hover {
    background: #111E47;
    color: #fff !important
}

.PopDown .nD-menu-well ul li a {
    display: block
}

.PopDown .nD-menu-well ul li a:hover {
    color: #fff;
    display: block;
    text-decoration: none;
}

.PopDown .nD-menu-well ul {
    margin: 0 0 0 0;
    padding: 0 0;
}

input.add-msg {
    border: medium none;
    color: #929191;
    font-size: 20px;
    max-width: 100%;
    padding: 5px;
    resize: none;
    width: 100%;
}

/*Post_In_Feed*/
.Dear-Details {
    border: 1px solid #464967;
    color: #fff;
    margin-top: 20px;
}

.Name-Post {
    padding: 20px;
    width: 95%;
    margin: 0 auto;
}

.Name-Post h4,
.Name-Post h5 {
    margin: 2px 0;
}

.data-url {
    margin: 10px 0
}

.data-url p {
    margin: 0 0 0 0;
}

.detail-img .img-cont {
    width: 20%;
    float: left;
    padding: 0 20px 0 0;
    box-sizing: border-box;
    position: relative
}

.detail-img {
    margin-top: 10px;
}

.new-one {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 91%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    box-sizing: border-box;
    text-align: center
}

.Post-Details .Dear-Details {
    border: none;
    color: #000;
}

.Post-Details {
    border-radius: 5px;
    background: #D3D3D3;
    padding: 20px;
}

.Dear-Details h4,
.Dear-Details h5,
.Dear-Details h6,
.comment-section h4,
.comment-section h5,
.comment-section h6 {
    margin: 2px 0;
}

/*Slick Slider*/
/*
.slick-slide{
        width:130px !important;
        }
.slick-track{
        border:1px solid #f00;
        }
        */
.img-contnr .js_thumbDiv {
    margin-right: 10px;
}

.comment-section {
    padding: 10px;
    color: #000;
}

.likers {
    color: #F47521;
    position: relative;
    top: 2px;
}

.comment-detail h6.hours {
    color: #999;
}

.comment-detail textarea {
    resize: none;
    width: 100%;
    height: 100px;
    padding: 5px 90px 5px 5px;
    margin-top: 5px;
    border: 1px solid #d3d3d3;
    position: relative;
    overflow: hidden
}

.comment-detail input {
    position: absolute;
    right: 20px;
    top: 12px;
}

.like-nDorse .btn-block {
    padding: 8px;
    font-size: 18px;
}

.badge-count .popover {
    color: #191f4e;
    background: #f47521;
    border: 2px solid #fff;
    font-size: 18px;
}

.Name-Post .namenimg {
    position: relative;
}

.Name-Post .namenimg .img-circle {
    margin-right: 10px;
}

.menu-down {
    position: absolute;
    top: -5px;
    /*right: -5px*/
    right: -25px;
}

.menu-cont {
    background: #fff;
    position: absolute;
    z-index: 999;
    right: 0;
    width: 165px;
    color: #0b0e2b;
    display: none;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}

.menu-cont ul {
    margin: 0 0;
    padding: 0px;
}

.menu-cont ul li {
    font-family: 'Avenir-Medium';
    font-size: 16px;
    line-height: 30px;
    list-style: none;
    padding: 5px 0 5px 40px;
}

.menu-cont ul a {
    color: #0b0e2b
}

.menu-cont ul a:hover {
    color: #0b0e2b;
    text-decoration: none;
}

.menu-cont ul li:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.nDorse-now {
    background: url(../img/nDorse-now.png) no-repeat;
    background-position: 5px center;
}

.delete-post {
    background: url(../img/delete-post.png) no-repeat;
    background-position: 5px center;
}

.comnt-count {
    font-family: 'Avenir-Medium';
    font-size: 12px;
    color: #fff;
}

.profile .tab-content {
    border: 2px solid #fff;
    border-radius: 4px;
    margin-top: -1px;
    min-height: 450px;
    padding-bottom: 10px;
    color: #fff;
}

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

.profile .nav-tabs>li>a {
    background: #e2e2e2;
    border: 1px solid #fff;
    margin: 0;
    border-radius: 0;
}

.profile .nav-tabs>li.active>a {
    background: #fff
}

.profile .user-profile {
    padding: 0 0;
}

.profile .col-md-12 {
    padding: 0 0
}

.profile #personal-data .btn-orange {
    margin-left: 20px;
}

.profile #nDorsements-data .nDorsement-profile {
    border-bottom: 1px solid #fff;
    border-width: 0 0 1px 0;
    border-radius: 0;
    padding: 20px
}

.badge-count .popover.top>.arrow:after {
    /*border-top-color: #f47521;*/
    bottom: -9px;
    background: url(../img/orange-down.png) no-repeat;
    width: 20px;
    height: 20px;
    margin-left: -2px;
}

.badge-count .popover>.arrow:after {
    border-width: 0px;
}

.badge-count .popover.top>.arrow {
    border-width: 0px;
}

.attach-files {
    margin-bottom: 5px;
    margin-top: 5px;
}

.attach-files-inner {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    background: #20265e;
    padding: 0 5px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.attach-files-close {
    position: absolute;
    right: 15px;
}

.download-file {
    position: absolute;
    right: 20px;
    opacity: 0.5;
}

.download-file:hover {
    opacity: 1;
}

.file-name {
    color: #fff;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    padding-left: 2px;
}

@-moz-document url-prefix() {
    .download-file {
        top: 8px;
    }

    .attach-files-close {
        top: 8px;
    }
}

.allowed-files {
    font-size: 14px;
    color: #fff;
}

/*
.onee{
        display:block;
        transition:all 10s linear 10s;
        }
        */
.ndorse-cvalue {
    overflow-y: auto;
    max-height: 300px;
}

.user-profile #nDorsements-data table tbody tr td:first-child {
    width: auto;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.guest-main {
    color: #fff;
    padding: 30px;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    background: #4472c4;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.guest-main .panel-default {
    padding: 10px;
}

.guest-main label {
    padding: 0 0;
}

.guest-main textarea.add-msg {
    resize: vertical;
    width: 100%;
    max-width: 100%;
    border: none;
    margin: 0 0px;
    padding: 0 0;
    color: #929191;
    font-size: 20px;
    outline: none;
    min-height: 60px;
    transition: all 0.5s;
}

.guest-main .search-icn .guest-search {
    background: rgba(255, 255, 255, 0.99) none repeat scroll 0 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    max-width: 450px;
    z-index: 90;
    color: #333;
    margin-top: 5px;
    border-radius: 2px;
    position: relative;
}

.guest-main .searched-values {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.guest-main .searched-values span.txt-ellips {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-left: 5px;
}

.guest-main .searched-values:hover {
    background: rgba(0, 0, 0, 0.1);
}

.org-img {
    width: 40px;
}

.org-img img {
    /*height: 30px;
    width: 30px;*/
    width: 100%;
    border-radius: 50%;
    border: 1px solid #10143A;
}

.btn-bs-file {
    position: relative;
}

.btn-bs-file input[type="file"] {
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 0;
    height: 0;
    outline: none;
    cursor: inherit;
}

.browse-icn {
    background: url(../img/addClient.png) no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
    margin: 0 0;
}

.guest-main h3.attach-img {
    margin: 0 0;
}

.guest-main .fileUpload {
    display: flex;
    align-items: center;
}

.live-feeds .menu-down {
    z-index: 1
}

.add-info textarea {
    resize: vertical;
    min-height: 60px;
}

.pending-req .table-hover>tbody>tr:hover {
    background-color: rgba(14, 18, 50, 0.3);
}

.pending-req input[type=checkbox].css-checkbox+label.css-label {
    padding: 10px;
    margin: 0 10px;
}

.report-by h4 {
    font-size: 16px;
}

.report-by {
    font-size: 20px;
    color: #fff;
    font-family: "Avenir-Medium";
}

.like-dis img {
    margin: 20px 10px;
    width: 15vw;
    max-width: 80px;
}

.like-dis img:hover {
    opacity: 0.9;
}

.add-info input {
    -webkit-appearance: none;
}

::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.postreport .col-endor {
    width: 85%
}

#daterangerandcAllpostsForm .btn-primary.active {
    background-color: #F0661A;
    border-color: #F0661A;
}

#daterangerandcAllpostsForm .btn-primary {
    background: #909090;
    border-color: #909090;
}

.Post-Data label {
    font-size: 16px;
    color: #000;
    border-radius: 0 5px 5px 0;
    line-height: 35px;
    padding: 0px 30px;
    background: #ccc;
}

.Post-Data input[type=radio]:checked+label {
    background: #49B865;
}

.Post-Data input[type=radio]:checked+label:before {
    content: "\2714";
    color: #49B865;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    bottom: 0;
    padding: 5px;
    height: 35px;
    width: 35px;
}

.Post-Data span.radio label:before {
    border-radius: 5px 0 0 5px;
    bottom: 0;
    padding: 5px;
    height: 35px;
    width: 35px;
}

.Post-Data input[type="radio"]:hover:not(:checked)~label:before,
.Post-Data input[type="checkbox"]:hover:not(:checked)~label:before {
    content: '\2714';
    color: #C2C2C2;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    bottom: 0;
    padding: 0 5px;
    width: 35px;
}

.Post-Data .select-style {
    max-width: 430px;
}

.Post-Data .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.Post-Data .select2-container--default .select2-selection--single {
    background-color: transparent;
}

.Post-Data .select2-container .select2-selection--single {
    height: 35px;
    display: flex;
    align-items: center;
}

/**/
.Posting label {
    font-size: 16px;
    color: #000;
    border-radius: 0 5px 5px 0;
    line-height: 35px;
    padding: 0px 30px;
    background: #ccc;
}

.Posting input[type=radio]:checked+label {
    background: #49B865;
}

.Posting input[type=radio]:checked+label:before {
    content: "\2714";
    color: #49B865;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    bottom: 0;
    padding: 5px;
    height: 35px;
    width: 35px;
}

.Posting span.radio label:before {
    border-radius: 5px 0 0 5px;
    bottom: 0;
    padding: 5px;
    height: 35px;
    width: 35px;
    border: 0;
}

.Posting input[type="radio"]:hover:not(:checked)~label:before,
.Posting input[type="checkbox"]:hover:not(:checked)~label:before {
    content: '\2714';
    color: #C2C2C2;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    bottom: 0;
    padding: 0 5px;
    width: 35px;
}

.Posting {
    min-height: 72px;
}

.txt-white {
    color: #fff !important;
}

.Push-Notifications {
    margin-bottom: 10px;
}

.addFlexbox {
    display: flex;
    align-items: center;
}

.addFlexbox .centerSubForm label {
    color: #ffffff;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    color: #333;
}

#datetimepicker4 a.btn:hover {
    color: #333;
}

#datetimepicker4 .bootstrap-datetimepicker-widget table td span,
#datetimepicker4 .bootstrap-datetimepicker-widget table td {
    height: 20px;
    line-height: 20px;
}

#datetimepicker3 .new {
    box-shadow: none;
}

.Posting .radio {
    margin: 0 0 0 -4px;
    padding-left: 0;
}

.date-pickers.col-md-6 {
    margin-left: -150px;
}

.mail-to-org-checkbox,
.mail-to-user-checkbox,
.mail-to-dept-checkbox,
.mail-to-suborg-checkbox {
    max-height: 450px;
    overflow-y: auto;
    margin-bottom: 0;
    border: 1px solid;
    border-color: rgba(240, 240, 240, 0.3);
}

#MailingOrgSettingForm .Posting {
    min-height: auto;
}

#MailingOrgSettingForm #datetimepicker4 .bootstrap-datetimepicker-widget table td {
    text-align: center;
}

#menu2 .nav>li>a,
#announcements .nav>li>a {
    padding: 3px 10px;
}

.settings #menu2 .nav-tabs>li>a,
#announcements .nav-tabs>li>a {
    margin: 0 2px;
    border-radius: 5px 5px 0 0;
    background: #0F1232;
}

.settings #menu2 .nav-tabs>li.active>a,
#announcements .nav-tabs>li.active>a {
    background: #fff;
}

#MailingOrgSettingForm .table-condensed {
    width: 100%;
}

#MailingOrgSettingForm table td {
    cursor: pointer;
}

.guest-login input {
    padding: 10px;
    height: 46px;
}

.company-img {
    margin: 20px 10px;
}

.company-img img {
    width: 25vw;
    max-width: 200px;
}

.guest-main label {
    font-weight: bold;
    font-size: 14px;
}

.guest-main h2 {
    margin: 20px 0;
}

.switchbutton .btn-blue {
    background: #1b2271 linear-gradient(to bottom, #1b2271, #091263) repeat scroll 0 0;
    background-image: -webkit-linear-gradient(top, #1b2271, #091263);
    background-image: -moz-linear-gradient(top, #1b2271, #091263);
    background-image: -ms-linear-gradient(top, #1b2271, #091263);
    background-image: -o-linear-gradient(top, #1b2271, #091263);
    background-image: linear-gradient(to bottom, #1b2271, #091263);
    border: 2px solid #020c54;
    border-radius: 4px;
    color: #ffffff !important;
    font-family: "Avenir-Medium";
    font-size: 18px;
    padding: 0px 6px;
    text-decoration: none;
    margin: 2px 0 0 5px;
}

.switchbutton .btn-blue:hover {
    background: #29358a;
}

.last-seen {
    color: #a5a5a5;
    text-align: center;
}

.userlist {
    margin: 10px 0;
}

.online {
    background: #4dd965;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 10px;
    top: -5px;
    border-radius: 10px;
    border: 2px solid #fff;
}

.offline {
    background: #FF9A24;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 10px;
    top: -5px;
    border-radius: 10px;
    border: 2px solid #fff;
}

.away {
    background: #848484;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 10px;
    top: -5px;
    border-radius: 10px;
    border: 2px solid #fff;
}

.customerPortal {
    color: #fff;
}

.customerPortal .labelCus {
    margin-top: 10px;
}

.note {
    margin: 10px 0;
    color: #fa8072;
}

.customerPortal .createEditOrg button {
    margin: 8px 10px;
}

.customerPortalLabel {
    margin-top: 10px;
}

.customerPortalLabel span.radio label:before {
    left: -8px;
}

.customerPortalLabel .noname input[type=checkbox].css-checkbox+label.css-label {
    color: #fff;
}

/*15-Feb*/
@media all and (max-width: 767px) {

    /*.navbar-fixed-top{
      display: none;
    }
    .sidebar{
      display: none !important;
      }*/
    .sidebar {
        width: 0;
        transition: all 0.5s;
    }

    .sidebar.col-xs-12 {
        width: 100% !important;
    }

    .guest-login input {
        padding: 5px;
        height: 34px;
    }

    .row.guest-main h2 {
        font-size: 24px;
    }

    .guest-main .btn-orange {
        padding: 5px;
        font-size: 16px;
    }

    /*23-June Super Admin*/
    .super-admin .main {
        top: 95px !important;
        padding-left: 10px;
        padding-right: 10px;
    }

    .super-admin .sidebar {
        top: 85px;
    }

    #page-content-wrapper {
        padding: 0 0 !important;
    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .hrone {
        display: block !important;
    }

    /*.Posting .radio .col-md-4{
        width: 50%;
    }
    .date-pickers.col-md-6{
        margin: 0;
        }*/
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .Posting .radio .col-md-4 {
        width: 50%;
    }

    .date-pickers.col-md-6 {
        margin: 0;
    }
}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .rec-org img.img-circle {
        width: 100%;
        height: auto;
        max-width: 220px;
    }

    .rec-comp {
        height: auto;
    }

}

/* Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}

/* Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {}

/* ----------- iPad Pro ----------- */
/*15-Feb*/

.tooltip1 {
    position: relative;
    display: inline;
}

.tooltip1 .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
    word-break: break-all;
}

.tooltip1 .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip1:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/*After Responsive*/
.mt38 {
    margin-top: 38px;
}

.menu-btn {
    margin-top: 5px;
    height: 23px;
    width: 40px;
    background: url(../img/menu_blue.png) no-repeat;
    transition: all 1s;
}

.menu-on .menu-btn {
    background: url(../img/close.png) no-repeat;
}

/*.modal-dialog{
    width: 400px;
    }*/
.feed-vertical span {
    white-space: normal;
}

.EditSave {
    width: 150px;
}

/*.enter-org{
    width: 400px !important;
    }*/
.join-org .form-inline input.form-control {
    width: 450px;
}

.btn-close {
    position: absolute;
    right: 0;
    top: 0;
}

.pos-rel {
    position: relative;
}

.right-element {
    position: absolute;
    right: 0;
    top: 0;
}

.RightTabs span a:hover {
    color: transparent;
}

.org-status {
    margin-top: 10px;
}

/*.live-feeds .GuestTag{
        margin-right: 10px;
        }*/
.live-feeds .menu-down {
    top: -10px;
    right: -6px;
    margin-left: 10px;
}

img.show-options {
    width: 15px;
}

.settings .menu-down {
    right: 10px;
}

.date-time {
    top: 5px;
    margin-bottom: 10px;
    text-align: left;
}

.atch-img-tag {
    display: inline;
    position: relative;
    top: -8px;
}

.atch-stkr-tag {
    display: inline;
    position: relative;
    top: 4px;
    left: 4px;
}

.f-center {
    display: flex;
    align-items: center;
}

.endorse-now-popupmodel .modal-dialog {
    width: 400px;
}

.LikeListings {
    margin-left: 30%;
    margin-top: 8%;
    width: 40%;
    height: 80%;
    display: none;
    background: #161A44;
    padding-right: 0 !important;
}

.LikeListings .box-header h3 {
    padding: 10px;
    border-bottom: 1px solid #36395a;
    color: #ffffff;
    margin-bottom: 0;
}

.LikeListings .box-header .CloseList {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #ffffff;
    font-size: 30px;
}

.LikeListings .listings {
    border-bottom: 1px solid #36395a;
    padding: 10px 0;
    display: flex;
    align-items: center;
    color: #ffffff;
}

.LikeListings .listings:nth-child(even) {
    background: rgba(0, 0, 0, 0.1);
}

.LikeListings .listings:hover {
    background: rgba(0, 0, 0, 0.2);
}

.LikeListings .listings .listingsPic {
    margin: 10px;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    border: 2px solid #ffffff;
    background: #EFEFEF;
    display: inline-block;
    overflow: hidden;
}

.LikeListings .box-body {
    overflow-y: auto;
}

.custm-msg {}

.custm-msg .checkbox>img {
    margin: 0 0;
    float: none;
}

.custm-msg .checkbox {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    width: 230px;
    margin: 0 auto;
}

.custm-msg .checkbox label {
    margin: 2px 0;
}

.custm-msg textarea {
    resize: vertical;
    max-height: 150px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #555;
    width: 220px;
}

.new-post {
    display: flex;
    color: #ffffff;
    align-items: center;
    margin: 0 0;
    /*height: 93px;*/
}

.new-post.flexPostBox {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.new-post.flexPostBox .posiRel {
    position: relative;
    padding-right: 30px;
}

.new-post.flexPostBox .posiRel .tTip {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    z-index: 10;
}

.new-post .post-thumb img {
    border-radius: 100%;
    height: 70px;
    width: 70px;
    margin: 0 5px;
}

.new-post .post-thumb img.unseen {
    border: 3px solid #f45c1f;
    height: 70px;
    display: block;
}

.new-post .post-thumb img.seen {
    border: 3px solid #ddd;
    opacity: 0.65;
    height: 70px;
    display: block;
}

@media (max-width: 768px) {

    /*.panel-heading [data-toggle="collapse"].collapsed:after, .faq-accordion-mobile .panel-heading [data-toggle="collapse"].collapsed:after {
            content: url(../img/down.png);
            width: 8px;
            line-height: 0;
        }
        .panel-heading [data-toggle="collapse"]:after, .faq-accordion-mobile .panel-heading [data-toggle="collapse"]:after{
            line-height: 0;
            width: 8px;
            }*/
    .panel-title>a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .faq-accordion-mobile h4.panel-title {
        font-size: 12px;
    }

    select[multiple],
    select[size] {
        height: auto;
    }

    .f-center {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .f-center .col-md-5 {
        margin: 20px 0;
    }

    #endorsementAddForm section {
        margin: 10px 0;
    }

    #endorsementAddForm h3 {
        margin-top: 0;
    }

    .nDorse-process .MT30 {
        margin-top: 25px;
    }

    .nDorse-process .sticker-img {
        display: inline-block;
        margin: 2px;
    }

    .select-date .btn.btn-default {
        margin: 0 10px 0 0;
    }

    .nDorse-process .sticker-container {
        float: none;
        margin: 0 1px;
        width: auto;
    }

    .nDorse-process .modal-body {
        display: flex;
        flex-wrap: wrap;
    }

    .endorse-now-popupmodel .modal-body {
        display: initial;
    }

    /*.nDorse-process .radio label {
            margin: 0 0 10px;
        }
        */
    .date-pickers.col-md-6 {
        margin: 0 0;
    }

    .grey-bg .col-md-4 .text-left,
    .grey-bg .col-md-4 .text-right {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 7px 0 0 0;
    }

    .ndorsed-detail,
    .ndorser-detail {
        margin: 0 0;
    }

    .count {
        top: 0px;
        right: 0;
    }

    .date-detail {
        font-size: 12px;
        margin-top: 10px;
    }

    .rohan-space {
        font-size: 14px;
    }

    .grey-bg {
        padding: 10px;
    }

    img.img-circle {
        /* width: 100%;
            height: 100%;
            max-width: 40px;*/
    }

    .nDorsement-profile img.img-circle {
        /*max-width: 100px;*/
    }

    .rec-org img.img-circle {
        width: 100%;
        height: auto;
        max-width: 220px;
    }

    .rec-comp {
        height: auto;
    }

    /*.new{
            width: 92%;
            }*/
    .nDorsement-profile {
        padding: 0 0;
    }

    th,
    td {
        font-size: 15px !important;
    }

    .time-range h3 {
        font-size: 14px;
        font-weight: bold;
    }

    .orange-bg {
        font-size: 14px;
    }

    .h3,
    h3 {
        font-size: 18px;
    }

    .img-resp {
        margin: 0 auto;
        max-width: 100%;
    }

    .login {
        margin: 20px;
    }

    .form-signin {
        padding: 0 0;
    }

    .RightTabs {
        float: none;
        display: flex;
        justify-content: space-between;
    }

    .RightTabs span {
        margin: 0 0;
    }

    .RightTabs span img {
        height: 52px;
    }

    .menu {
        margin: 0 0;
    }

    .RightTabs span .PopDown .popDownArrow img {
        height: auto;
    }

    .PopDown {
        right: -30px;
        top: 50px;
    }

    .modal-dialog {
        width: auto !important;
        margin-top: 15%
    }

    .bootboxalertclass .modal-dialog {
        width: auto;
        margin: 20% 10px;
    }

    .orange-bg .col-xs-3,
    .orange-bg .col-xs-6 {
        padding: 0 0;
    }

    .client-nav.sidebar .sidebar-nav {
        margin-top: 20px;
    }

    .nano .content {
        background-color: #0d1130;
    }

    .top-nDorser {
        width: auto;
    }

    #endorse-stats .panel {
        margin: 0 0;
        max-width: 600px;
        overflow: auto;
    }

    .CreateEditOrg {
        overflow: auto;
    }

    .join-org .form-inline input.form-control {
        width: 100%;
    }

    .join-org #livesearch {
        margin-top: -15px;
    }

    .last-seen {
        float: right;
    }

    .Name-Post {
        padding: 10px;
        width: 100%;
    }

    .right-element {
        right: 10px;
    }

    .user-profile table tbody tr td:first-child {
        width: auto;
    }

    .user-profile {
        padding: 10px 0
    }

    .top-nDorser {
        float: none;
    }

    .forgot-password {
        padding: 0 20px;
    }

    .login .col-md-5 {
        margin-top: 20px;
    }

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

    /*.live-feeds .menu-down{
        top: -15px;
        right: 0;
        }*/
    .Dear-Details .menu-down {
        top: 0;
        right: 0;
    }

    .org-status {
        margin-top: 10px;
    }

    .org-status .btn-info {
        margin-bottom: 5px;
    }

    .live-feeds {
        font-size: 14px;
    }

    .new-post {
        justify-content: space-between;
    }

    .new-post .post-thumb img {
        height: 50px;
        width: 50px;
    }

    .new-post .post-thumb .imgcontainer {
        /*width: 99px;*/
        display: flex;
        height: 50px;
        overflow: hidden;
        overflow-x: auto;
    }

    .new-post .post-thumb {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }

    .new-post .mt-top {
        margin-top: 70px;
    }

    .new-post .btn {
        padding: 3px 5px;
    }

    .new-post label {
        margin-right: 2px;
    }

    .watch-status {
        height: 50px;
        width: 50px;
        background-size: 12px;
    }
}

@media (max-width:320px) {
    .RightTabs {
        justify-content: space-around;
    }
}

@media (max-width:767px) {
    .new {
        width: 60%;
        padding: 10px;
    }
}

.new-post .post-thumb .imgcontainer {
    display: flex;
}

.fancybox-nav {
    height: 84% !important;
}

.watch-status {
    width: 70px;
    height: 70px;
    top: 0px;
    border-radius: 60%;
    left: 4px;
    position: absolute;
    /*background-color: rgba(255,255,255,0.5);*/
    background-image: url(../img/watch.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

.watch-close {
    width: 15px;
    height: 15px;
    top: 0px;
    right: 10px;
    position: absolute;
    border-radius: 60%;
    background-color: red;
    background-image: url(../img/white-close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    z-index: 110;
}

.vid-url {
    word-break: break-all;
}

.post-thumb a {
    color: #ffffff;
}

.post-thumb h6 {
    margin: 5px 0;
    color: #f66323;
}

.post-thumb a:hover {
    text-decoration: none;
}

.tTip {
    padding: 3px 8px;
    display: flex;
    align-content: center;
    justify-content: center;
    background-color: #f66323;
    ;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    color: #ffffff;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
    top: -28px;
    left: -5px;
}

.new-post .tooltip-inner {
    /*max-width: 500px;*/
    background-color: #f66323;
    white-space: pre-wrap;
    text-align: left;
    top: 15px;
    position: relative;
}

.new-post .tooltip.right .tooltip-arrow {
    border-right-color: #f66323;
    border-width: 5px 5px 5px 0;
}

.new-post .post-thumb img.tempin {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 23px;
    top: 18px;
}

.new-post #validFileError {
    position: absolute;
    top: -23px;
}

.cvText .modal-dialog {
    width: 400px;
}

.cvText .close span {
    color: #000;
}

.cvText .btn-block {
    padding: 8px;
    font-size: 18px;
    margin-bottom: 15px;
}

.cvTable th:first-child,
.cvTable td:first-child {
    /*width: 8%;*/
    text-align: center !important;
}

.cvTable th:nth-child(2),
.cvTable td:nth-child(2) {
    width: 8%;
    text-align: center !important;
}

.cvTable th:nth-child(5),
.cvTable td:nth-child(5) {
    width: 25%;
    text-align: left !important;
}

.cvTable td:first-child .checkbox,
.cvTable td:nth-child(2) .checkbox,
.cvTable td:nth-child(3) .checkbox,
.cvTable td:nth-child(4) .checkbox {
    margin-top: 15px;
    margin-bottom: 0;
}

.dis-flex-top {
    display: flex;
    align-items: flex-start;
}

.dis-flex-top textarea {
    margin-top: 10px;
    border-radius: 5px;
    padding: 5px;
}

/*daisy_portal design*/
body.daisy_portal {
    background: url(../img/daisy_bg.png) top center fixed;
    background-size: contain;
}


body.daisy_portal.preview {
    background: url(../img/daisy_bg.png) top center fixed !important;
    background-size: contain !important;
}

/*Bee portal start here*/

body.bee_portal {
    background: url(../img/bee_bg.png) top center fixed;
    background-size: cover;
}

body.bee_portal.preview {
    background: url(../img/bee_bg.png) top center fixed !important;
    background-size: cover !important;
}
/*ends here*/

body.daisy_portal section {
    font-family: 'MyriadProBold_8';
}

body.daisy_portal section label {
    font-family: 'MyriadProRegular_21';
    font-size: 15px;
}

.daisy-logo {
    margin-bottom: 20px;
    background: #fff;
    width: auto;
    margin: 0 auto;
    display: inline-block;
    padding: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.6);
}

body.daisy_portal [type="checkbox"]+label.css-label::before {
    border: 1px solid #333;
    border-radius: 4px;
}

body.daisy_portal h3.attach-img {
    color: #333;
}

body.daisy_portal .allowed-files {
    color: #333;
}

.btn-daisy {
    background: #fce49d;
    border: 2px solid #503e07;
    border-radius: 4px;
    color: #000 !important;
    font-family: "Avenir-Medium";
    font-size: 18px;
    padding: 10px;
    text-decoration: none;
    transition: all 0.9s;
}

.btn-daisy:hover {
    background: #503e07;
    color: #fff !important;
}

body.daisy_portal .search-icn input {
    border: 2px solid #503e07;
}

body.daisy_portal label {
    color: #333;
}

body.daisy_portal .radio label {
    padding-left: 10px;
}

body.daisy_portal select {
    max-width: 250px;
    border: 1px solid #af9d68;
}

body.daisy_portal section {
    margin: 0 0 0 0;
}

body.daisy_portal h3 {
    font-size: 16px;
    margin: 15px 0 5px 0;
}

body.daisy_portal .panel {
    margin-bottom: 0;
}

.mt15 {
    margin-top: 15px;
}

.daisy-border {
    border: 1px solid #af9d68;
}

.d-flexEnd {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.d-flexCenter {
    display: flex;
    align-items: center;
}

.stats .d-flexCenter h2 {
    margin: 0 20px 0 0;
}

.d-flexCenterSpaceBetween {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mt0 {
    margin-top: 0;
}

.SelectDaisyAward select {
    margin-left: 40px;
    margin-top: 10px;
    height: 140px;
}

.selectAward {
    background: #fff;
    border-radius: 5px;
    padding: 1px 15px 0 10px;
    margin-left: 30px;
    height: 116px;
    overflow: auto;
}

.selectAward input[type=checkbox].css-checkbox+label.css-label {
    font-size: 12px;
}

/*daisy_portal design*/


/*Add new User Modal box*/

.adUserModal {}

.adUserModal .modal-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.adUserModal .modal-header h4 {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
}

.adUserModal .modal-header button.close,
.adUserModal .modal-header button.close:hover {
    background: none;
    position: absolute;
    right: 12px;
    top: 15px;
    font-size: 24px;
    padding: 0;
    margin: 0;
    line-height: 24px;
    color: #000000;
}

div.adUserModal label {
    padding: 0;
    font-size: 16px;
    font-weight: normal;
}

div.adUserModal .select2-selection {
    border: 1px solid #bcbcbc;
}

div.adUserModal .select2-selection li {
    line-height: 35px;
}

div.adUserModal .form-group input[type=radio]~label {
    padding-left: 25px;
    line-height: 16px;
}

div.adUserModal .form-group input[type=radio]~label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    border: 1px solid #bcbcbc;
    border-radius: 100%;
}

div.adUserModal .form-group input[type=radio]:checked+label:before {
    content: "\2022";
    color: #f47521;
    font-size: 42px;
    text-align: center;
    line-height: 18px;
    box-sizing: border-box;
}

div.adUserModal .form-group input[type=checkbox]~label {
    padding-left: 30px;
    line-height: 24px;
}


/*Add new User Modal box*/



/**/

.themeEdit {
    width: 180px;
    margin: 10px 0;
    padding: 0 5px;
    border-radius: 4px;
    color: #ffffff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    line-height: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: rgba(0, 0, 0, 0.3);
}

.themeEdit span {
    padding: 0 5px;
}

.themeEdit span img {
    width: 16px;
    position: relative;
    top: -2px;
    left: 10px;
}

/**/



/*Themes Style Css 29July2019 Start */

#themesEditor {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin: 0 -20px 20px;
}

#themesEditor h2 {
    color: #ffffff;
    font-size: 24px;
    text-transform: uppercase;
    margin: 10px 0 15px;
    padding: 0;
    font-weight: 400;
}

#themesEditor h2 a {
    font-weight: 700;
    color: #f5741d;
}

#themesEditor h4 {
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
    margin: 10px 0;
    padding: 0;
    font-weight: 400;
}

.themeChange {
    display: flex;
    justify-content: space-between;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.themeBox {
    width: 25%;
    width: auto;
    padding: 0 15px;
}

.themeBox .resetLink {
    background: url(../img/refresh.png) no-repeat -10px -10px;
    color: #ffffff;
    height: 32px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    padding: 0 0 0 32px;
    text-decoration: none;
}

.themeSet {
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 5px 5px 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    color: #ffffff;

}

.themeSet .labelCus {
    font-size: 15px;
    font-weight: 100;
    text-transform: capitalize;
    padding: 0;
    margin: 0 20px 0 0;
}

.themeSet input.jscolor {
    width: 60px;
    height: 35px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 100;
    text-transform: capitalize;
    padding: 0;
    margin: 0 4px;
    text-align: center;
    float: left;
}

.themeSet .colorpicker {
    height: 34px;
    width: 34px;
}

#themePreview {
    margin-bottom: -150px;
}

#themePreview h2 {
    color: #f5741d;
    font-size: 20px;
    margin: 10px 0 15px;
    padding: 0;
    font-weight: 400;
    text-align: center;
}

.deskPreview .preview {
    padding: 0;
    width: 100%;
    height: 560px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0 auto;
    overflow: hidden;
}

.mobPreview .preview {
    padding: 0;
    width: 100%;
    max-width: 375px;
    height: 610px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}


.mainView {
    position: relative;
    height: 512px;
}

.mainView .sidebar {
    position: absolute;
    left: 0;
    top: 0;
    color: #ffffff;
    z-index: 1;
    padding: 0;
}

.sidebar-nav {}

.nav-mob,
.search-mob,
.detail-mob {
    margin: 10px 10px 0;
}

.poweredBy {
    font-size: 16px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.mobPreview .preview .poweredBy {
    text-align: right;
    padding: 6px;
    font-size: 12px;
    font-weight: 700;
}

body.preview .poweredBy {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* width: 251px;*/
    width: 100%;
    /*position: fixed;*/
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10000;
    padding: 5px 10px;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

body.preview .poweredBy .client-logo {
    margin-bottom: 5px;
}

body.preview .client-nav.sidebar {
    /*bottom: 60px;*/
    bottom: 0;
    top: 60px;
}

body.preview .client-nav.sidebar .nano .content {
    padding-bottom: 100px;
}

body.preview .fileUpload label img {
    display: none;
}

body.preview .fileUpload label {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    margin: 0;
    padding: 0;
}

body.preview .videocontainer .fileUpload label {
    border-radius: 100%;
}

body.preview .fileUpload label:after {
    content: "+";
    color: #ffffff;
    font-size: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.preview .videocontainer .fileUpload label:after {
    font-size: 40px;
    font-weight: 100;
}

body.preview .CustomBtnColor,
body.preview .fileUpload label {
    border: none;
    box-shadow: 1px 1px 3px rgba(35, 53, 83, 0.3);
}

.poweredBy img {
    margin-left: 5px;
}

.mobPreview .preview .poweredBy img {
    margin-left: 5px;
}

.preview .poweredBy img {
    margin-left: 0;
    height: auto;
    width: auto;
    max-width: 75%;
    max-height: 90px;
    margin: 0 auto;
    display: table;
    /* max-width: 85px;
    width: 85px;
    max-height: 60px;
    object-fit: contain;*/
}

.detail-mob {
    border-radius: 4px;
    overflow: hidden;
}

.detail-mob .desc-mob,
.detail-mob .bar-mob {
    padding: 10px;
}

.footer-mob {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
}

.footer-mob ul {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.footer-mob ul li {
    width: 23%;
    height: 100px;
    border-right: 1px solid #ffffff;
}

.footer-mob ul li.active {
    opacity: 0.5;
}

/*Themes Style Css 29July2019 End */


/*web mobile Prevew Style Css 19August2019 Start */

body.preview {
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
    min-height: 96vh;
}

body.preview .live-feeds,
body.preview .Dear-Details,
body.preview .core-values-shown1 {
    background-color: rgba(0, 0, 0, 0.2);
}


body.preview .Post-Details .Dear-Details {
    background-color: transparent;
}


body.preview .nano .slider {
    background: rgba(255, 255, 255, 0.5) !important;
}

body.preview .sidebar-nav {
    background: none;
    height: auto !important;
    padding-bottom: 100px;
}

/*web mobile Prevew Style Css 19August2019 End */

#daisy-search {
    position: relative;
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #ccc;
    position: absolute;
    left: 10px;
    top: 72px;
    right: 10px;
    padding: 7px;
    z-index: 1000;
}

#daisy-search .autoSearchValue {
    padding: 7px;
    font-weight: 400;
    cursor: pointer;
}

#daisy-search .autoSearchValue:hover {
    background: rgba(0, 0, 0, 0.07);
    border-radius: 3px;
}

.infoFlexBox {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -15px;
    max-height: 120px;
    margin-bottom: 15px;
    overflow: auto;
}

.infoFlexBoxCol {
    padding: 10px 15px;
    width: 25%;
}

.centerSubForm {
    display: flex;
    justify-content: space-around;
    color: #ffffff;
    align-items: center;
}

.centerSubForm label {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0 10px;
}


.centerSubForm select {
    -webkit-appearance: none;
    background: #fff url(../img/down.png) no-repeat 98% 50%;
    border: 2px solid rgb(16, 46, 244);
    border-radius: 2px;
    height: 40px;
}



/*********/
.leaderBoardReports h3 {
    color: #ffffff;
    font-size: 20px;
    padding: 0;
    margin: 5px 0 10px;
}

/*****/

.leaderBoardReports table {
    width: 100%;
    border-collapse: collapse;
}

.leaderBoardReports table tr {
    display: table;
    /* display purpose; th's border */
    width: 100%;
}

.leaderBoardReports .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f2f2f2;
}

.leaderBoardReports table thead {
    vertical-align: middle;
    display: table;
    /* to take the same width as tr */
    width: calc(100% - 0px);
    /* - 17px because of the scrollbar width */
    position: relative;
    z-index: 1;
}

.leaderBoardReports table tbody {
    display: block;
    /* to enable vertical scrolling */
    min-height: 150px;
    max-height: calc(100vh - 300px);
    /* e.g. */
    overflow-y: auto;
    /* keeps the scrollbar even if it doesn't need it; display purpose */
}

.leaderBoardReports table tbody {
    max-height: 250px;
    min-height: 250px;
    padding: 2px 0;
}

.leaderBoardReports .flterLeaderBoard table tbody {
    max-height: 250px;
    min-height: 250px;
    padding: 5px 0;
}

.leaderBoardReports table tbody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: #a8a8a8;
    border-radius: 4px;
    opacity: 0.2;
}

.leaderBoardReports table tbody::-webkit-scrollbar {
    width: 8px;
    background-color: #fff;
    border-radius: 4px;
    opacity: 0.2;
}

.leaderBoardReports table tbody::-webkit-scrollbar-thumb {
    background-color: #24425e;
    border: 2px solid #24425e;
    border-radius: 4px;
    opacity: 0.2;
}

.leaderBoardReports table tbody:hover::-webkit-scrollbar-track,
.leaderBoardReports table tbody:hover::-webkit-scrollbar,
.leaderBoardReports table tbody:hover::-webkit-scrollbar-thumb {
    opacity: 0.8;
}

.leaderBoardReports table thead th {
    padding: 10px;
    font-size: 16px;
    border-right: 1px solid #dddddd;
}

.leaderBoardReports table thead th:last-child {
    border-right: none;
}

.leaderBoardReports table thead th.botBrdr {
    border-bottom: 1px solid #dddddd;
}

.leaderBoardReports table thead th.topBrdr {
    border-top: 1px solid #dddddd;
}

.leaderBoardReports table tbody td {
    padding: 5px 10px;
    font-size: 15px;
}

.leaderBoardReports table tbody td:hover {
    background: #999999;
}

.leaderBoardReports table tbody.tr-active tr {
    opacity: 0.3;
}

.leaderBoardReports table tbody.tr-active tr.td-active {
    opacity: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.leaderBoardReports table thead th.header {
    background-position: 95% center;
}

/*.leaderBoardReports table thead, .leaderBoardReports table thead tr, .leaderBoardReports table tbody tr{
    display: block;
}

.leaderBoardReports table thead th{
    display: inline-block;
    padding: 10px;
    font-size: 18px;
}

.leaderBoardReports table thead th.headerSortDown{
    background-position: 90% center;
}

.leaderBoardReports table tbody{
    height: 150px;
    overflow: auto;
    display: block;
}

.leaderBoardReports table tbody td{
    padding: 5px 10px;
    display: inline-block;
    font-size: 16px;
}*/

.reportFilterForm {
    float: right;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.reportFilterForm label {
    display: flex;
    font-size: 16px;
}

.reportFilterForm select {
    font-size: 16px;
    min-width: 200px;
    height: auto;
    padding-left: 5px;
}

.hashTagClass {}

.hashTagClass .panel-default {
    max-height: 200px;
    overflow: auto;
    padding: 10px;
    border-radius: 4px;
}

.hashTagClass button.btn,
.hashTagClass button.btn:focus,
.hashTagClass button.btn:hover {
    border-radius: 20px;
    padding: 7px 20px;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 600;
    margin: 0 10px 10px 0;
    outline: none;
}

/***********/

.clientReports {
    width: 90%;
    margin: 25px auto 0;
}

.clientReports .panel {
    background: rgba(250, 250, 250, 1);
    border-radius: 6px;
}

.clientReports .panel h4 {
    margin-top: 15px;
}

.clientReports .panel .select-date {
    margin-bottom: 0;
    padding-bottom: 0;
}

.clientReports .panel .select-date.setIcon .btn.btn-default {
    margin-top: 42px;
}

.clientReports .panel label {
    padding: 0;
    margin: 15px 0 5px;
    font-size: 16px;
    color: #333;
    letter-spacing: 1px;
}

.clientReports .panel .form-control~span.select2-container {
    display: block;
    width: 100%;
    height: 34px;
    padding: 4px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.clientReportsList table tbody td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px 5px;
}

.clientReportsList table thead th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 5px;
}

.flxBlist {
    display: flex;
    width: 70%;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.flxBlist p {
    min-width: 200px;
    margin: 0 0 5px 0;
    padding: 7px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    color: #ffffff;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.flxBlist p a {
    color: #ffffff;
    margin: 0 5px;
}

.flxBlist p span {
    display: flex;
    align-items: flex-start;
}

.flxBlist p a .fa {
    font-size: 18px;
}

.flxBlist a {
    text-decoration: none;
}

.flxBlist .vScoll {
    max-height: 150px;
    min-height: 150px;
    overflow: auto;
    margin-right: 10px;
}

.wdth50 {
    width: 50%;
}

#myModal_invitations label,
#myModal_nomination label {
    margin: 20px 0 15px;
    padding: 0;
    font-size: 16px;
}

#myModal_nomination .checkbox label {
    padding-left: 30px;
}

#myModal_invitations input.form-control,
#myModal_nomination input.form-control {
    height: 50px;
    line-height: 50px;
}

#myModal_invitations .modal-footer,
#myModal_nomination .modal-footer {
    border-top-width: 1px;
    text-align: left;
}

#myModal_invitations .modal-footer button,
#myModal_nomination .modal-footer {
    font-weight: bold;
}

/***************/

.addSticker .sticBg {
    background: #bab6c4;
    border: 1px solid rgba(236, 93, 36, 0.3);
    padding: 15px 15px;
}

.addSticker .sticBg .sticker-content {
    height: 350px;
    overflow: hidden;
    overflow-y: auto;
}

.addSticker .sticBg .sticker-content h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
    padding: 0;
}

.addSticker .sticBg .sticker-content hr {
    border: none;
    background: rgba(0, 0, 0, 0.2);
    height: 1px;
    width: 100%;
    clear: both;
    display: block;
    margin: 15px 0;
    padding: 0;
}

.addSticker .sticBg .sticker-container,
.sticker-container-edit {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.addSticker .sticBg .sticker-container .sticker-img,
.sticker-container-edit .sticker-img {
    max-width: 115px;
    flex-basis: 115px;
    height: 130px;
    margin: 5px 5px 15px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 5px;
    position: relative;
    border: 1px solid #121227;
    border-radius: 5px;
    background: #ffffff;
    overflow: hidden;
    cursor: default;
}

.sticker-container-edit .sticker-img {
    overflow: visible;
}

.addSticker .sticBg .sticker-container .sticker-img .relPosi,
.sticker-container-edit .sticker-img .relPosi {
    position: relative;
    height: 100%;
    display: flex;
    width: 100%;
    flex-basis: 100%;
    justify-content: center;
}


.addSticker .sticBg .sticker-container .sticker-img .relPosi .sticker-title,
.sticker-container-edit .sticker-img .relPosi .sticker-title {
    position: absolute;
    left: -6px;
    bottom: -6px;
    right: -6px;
    padding: 3px;
    text-align: center;
    background: rgba(244, 117, 33, 0.5);
    background: -moz-linear-gradient(top, rgba(244, 117, 33, 0.5) 0%, rgba(237, 91, 19, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244, 117, 33, 1)), color-stop(100%, rgba(237, 91, 19, 1)));
    background: -webkit-linear-gradient(top, rgba(244, 117, 33, 0.5) 0%, rgba(237, 91, 19, 1) 100%);
    background: -o-linear-gradient(top, rgba(244, 117, 33, 0.5) 0%, rgba(237, 91, 19, 1) 100%);
    background: -ms-linear-gradient(top, rgba(244, 117, 33, 0.5) 0%, rgba(237, 91, 19, 1) 100%);
    background: linear-gradient(to bottom, rgba(244, 117, 33, 0.5) 0%, rgba(237, 91, 19, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47521', endColorstr='#ed5b13', GradientType=0);
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: capitalize;
}

.addSticker .sticBg .sticker-container .sticker-img img.attached-item,
.addSticker .sticBg .sticker-container-edit .sticker-img img.attached-item,
img.attached-item {
    width: 90px;
    height: 90px;
    object-fit: cover;
    cursor: default;
    border: none;
    border-radius: 0;
}

.addSticker .sticBg .sticker-container .sticker-img .switchbutton,
.addSticker .sticBg .sticker-container-edit .sticker-img .switchbutton {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8
}

.addSticker .sticBg .sticker-container .sticker-img .switchbutton img,
.addSticker .sticBg .sticker-container-edit .sticker-img .switchbutton img {
    position: relative;
    top: auto;
    right: auto;
    cursor: default;
}

.stikrDel {
    position: absolute;
    top: -5px;
    right: -10px;
    background: #ff0000 url(../img/white-close.png) no-repeat center;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    z-index: 1;
    background-size: 24px;
}

.stikrDel a {
    display: block;
    width: 100%;
    height: 100%;
}

#myModal_addstickers input.form-control {
    line-height: 45px;
    height: 45px;
}

#myModal_addstickers button.btn.btn-blue {
    padding: 10px 15px;
}

.upStikcer {
    position: relative;
    margin: 0;
    padding: 0 5px;
    line-height: 45px;
    height: 45px;
    overflow: hidden;
}

.upStikcer input,
.upStikcer input:focus {
    position: relative;
    left: -106px;
    display: flex;
    margin: 10px 0;
    font-size: 16px;
    outline: none;
    border: none;
    width: 100%
}

.upStikcer input~label {
    background: rgba(244, 117, 33, 0.8);
    background: -moz-linear-gradient(top, rgba(244, 117, 33, 0.8) 0%, rgba(237, 91, 19, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244, 117, 33, 1)), color-stop(100%, rgba(237, 91, 19, 1)));
    background: -webkit-linear-gradient(top, rgba(244, 117, 33, 0.8) 0%, rgba(237, 91, 19, 1) 100%);
    background: -o-linear-gradient(top, rgba(244, 117, 33, 0.8) 0%, rgba(237, 91, 19, 1) 100%);
    background: -ms-linear-gradient(top, rgba(244, 117, 33, 0.8) 0%, rgba(237, 91, 19, 1) 100%);
    background: linear-gradient(to bottom, rgba(244, 117, 33, 0.8) 0%, rgba(237, 91, 19, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47521', endColorstr='#ed5b13', GradientType=0);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 45px;
    height: 45px;
    padding: 0 15px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    outline: none;
    border: none;
}


.flexNotic {
    display: flex;
    align-items: flex-start;
}

.flexNotic label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 5px;
}

.flexNotic label.btn {
    height: 36px;
    padding: 0 10px;
    opacity: 0.80;
    font-size: 13px;
}

.flexNotic label i {
    margin-right: 5px;
    opacity: 0.50;
}

.flexNotic input[type=checkbox] {
    display: none;
}

.flexNotic input[type=checkbox]:checked+label.btn {
    opacity: 1;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.flexNotic input[type=checkbox]:checked+label i {
    margin-right: 5px;
    opacity: 1;
}


#notificationNominationDiv .radio {
    padding: 0 25px;
}

#notificationNominationDiv .radio label {
    padding-left: 10px;
}

#notificationNominationDiv .flxBlist {
    width: 100%;
}

#notificationNominationDiv .flxBlist .vScoll {
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 5px;
}

a.bkTndorse {
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    margin: 10px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

a.bkTndorse:hover {
    opacity: 0.7;
    color: #1e245a
}

a.bkTndorse span {
    background: url(../img/nDorser-act.png) no-repeat;
    width: 22px;
    height: 30px;
    transform: rotate(-90deg);
    background-size: 55px;
    overflow: hidden;
    background-position: 50% 0;
    margin: 0 5px;
}

.reportloader {
    background: url(../img/loader.gif) no-repeat left center;
    height: 42px;
    min-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #ffffff;
    padding-left: 46px;
    margin: 0 auto;
    background-size: 42px;
    width: 180px;
    text-transform: capitalize;
}

.bitmojiloader {
    background: url(../img/loading.gif) no-repeat left center;
    height: 42px;
    /*min-height: 200px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #ffffff;
    padding-left: 46px;
    margin: 0 auto;
    background-size: 42px;
    width: 180px;
    text-transform: capitalize;
}

.reportFilterForm {
    position: relative;
}

.reportFilterForm .reportloader {
    position: absolute;
    right: -26px;
    top: 7px;
    width: 20px;
    height: 20px;
    padding-left: 0;
    min-height: inherit;
    background-size: 20px;
}

.bitmojiFormGrp .reportloader {
    position: absolute;
    /*right: -26px;*/
    /*top: 7px;*/
    width: 20px;
    /*height: 20px;*/
    padding-left: 0;
    /*min-height: inherit;*/
    background-size: 20px;
}

.autoWidth {
    width: auto !important;
    margin: 0 auto;
}

/*********/


.modal-body .sticker-container-edit {
    padding: 0 0 10px;
    margin: 0 0 20px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    display: block;
}

.modal-body .sticker-container-edit .sticker-img {
    margin: 0 15px 0 0;
    display: inline-block;
    width: 115px;
    height: 115px;
}

.modal-body .sticker-container-edit .relPosi {
    align-items: center;
}

.modal-body .sticker-container-edit::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: #a8a8a8;
    border-radius: 4px;
    opacity: 0.2;
}

.modal-body .sticker-container-edit::-webkit-scrollbar {
    height: 8px;
    background-color: #fff;
    border-radius: 4px;
    opacity: 0.2;
}

.modal-body .sticker-container-edit::-webkit-scrollbar-thumb {
    background-color: #24425e;
    border: 2px solid #24425e;
    border-radius: 4px;
    opacity: 0.2;
}

.modal-body .sticker-container-edit:hover::-webkit-scrollbar-track,
.modal-body .sticker-container-edit:hover::-webkit-scrollbar,
.modal-body .sticker-container-edit:hover::-webkit-scrollbar-thumb {
    opacity: 0.8;
}

/**icnNewMenu 23-2-2021******************/
.icnNewMenu.sidebar-nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-left: 0px;
    padding-right: 5px;
}

.icnNewMenu.sidebar-nav li {
    padding: 5px;
    flex-basis: 50%;
    max-width: 50%;
    text-align: center;
}

.icnNewMenu.sidebar-nav li a {
    padding: 5px;
    line-height: normal;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
}

.icnNewMenu.sidebar-nav li a span {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 5px;
}

.icnNewMenu.sidebar-nav li a span:before {
    font-size: 30px;
    margin: 0;
}

/**icnNewMenu 23-2-2021******************/


.userFollow {
    position: absolute;
    top: 0;
    right: 60px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: url(../img/unfollow-icon.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6)
}


.userFollow.follow,
.text-left.nDorsed .userFollow.follow,
.text-right.nDorser .userFollow.follow,
.user-profile .nDorsed .userFollow.follow {
    background: url(../img/follow-icon.png) no-repeat;
    background-size: cover;
}

.text-left.nDorsed,
.text-right.nDorser,
.user-profile .nDorsed {
    position: relative;
}

.userFlexbox {
    display: flex;
    padding: 0 15px;
}

.user-profile .userFlexbox .nDorsed {
    display: table;
    margin: 0 30px 0 0;
}

.text-left.nDorsed .userFollow,
.user-profile .nDorsed .userFollow {
    position: absolute;
    top: -5px;
    left: 80px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: url(../img/unfollow-icon.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    box-shadow: none
}

.user-profile .nDorsed .userFollow {
    left: 90px;
}

.text-right.nDorser .userFollow {
    position: absolute;
    top: -5px;
    right: -16px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: url(../img/unfollow-icon.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    box-shadow: none
}

@media all and (max-width: 767px) {
    .userFollow {
        position: absolute;
        top: -25px;
        right: -19px;
        width: 32px;
        height: 32px;
        border-radius: 100%;
        background: url(../img/unfollow-icon.png) no-repeat;
        background-size: cover;
        cursor: pointer;
        box-shadow: 0 2px 3px rgb(0 0 0 / 60%);
    }

    .text-left.nDorsed .userFollow {
        position: absolute;
        top: 5px;
    }

    .text-right.nDorser .userFollow {
        top: 5px;
        left: 80px;
        right: auto;
    }
}

.navbar .dropdown .user-profile {
    width: 520px;
    border-radius: 4px;
    border: 2px solid #c3c3c3;
    background: #585c77;
    padding: 5px;
    margin-top: 25px;
    margin-left: 20px;
}

.navbar .dropdown .user-profile:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 12px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 16px solid #c3c3c3;
}

.navbar .dropdown .user-profile table {
    margin: 0;
    max-height: 350px;
    overflow: auto;
    display: block;
}

.navbar .dropdown .user-profile table tr:last-child td {
    border: none;
}

.navbar .dropdown .user-profile table tbody tr td,
.navbar .dropdown .user-profile table tbody tr th {
    padding: 8px !important;
    font-size: 16px;
    width: 600px;
}

.navbar .dropdown .user-profile table tbody tr td a,
.navbar .dropdown .user-profile table tbody tr th a {
    display: block;
}

.navbar .dropdown .user-profile table::-webkit-scrollbar-track,
.followListing::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: #a8a8a8;
    border-radius: 4px;
    opacity: 0.2;
}

.navbar .dropdown .user-profile table::-webkit-scrollbar,
.followListing::-webkit-scrollbar {
    width: 8px;
    background-color: #fff;
    border-radius: 4px;
    opacity: 0.2;
}

.navbar .dropdown .user-profile table::-webkit-scrollbar-thumb,
.followListing::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    opacity: 0.2;
}



.followListing {
    max-height: 450px;
    overflow: auto;
}

.followListing ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.followListing ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    position: relative;
}

.followListing ul li:nth-of-type(2n+1) {
    background: #9699a8;
}

.followListing ul li:nth-of-type(2n+2) {
    background: #585c78;
}

.followListing ul li img {
    width: 65px;
    height: 65px;
    border-radius: 100%;
    object-fit: cover;
}

.followListing ul li span {
    padding: 0 15px;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 400;
}

.followBtn {
    position: absolute;
    right: 0px;
}

.followBtn input {
    display: none;
}

/*[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
}*/

.followBtn label {
    background: #f47521 linear-gradient(to bottom, #f47521, #ed5b13) repeat scroll 0 0;
    border-radius: 4px;
    color: #ffffff !important;
    text-decoration: none;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    width: 100px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    padding: 0 !important;
    position: relative;
}

.followBtn label.userFollowerProfile.following:after {
    content: "Unfollow" !important;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    opacity: 1;
}

.followBtn label.userFollowerProfile:after {
    content: "Follow" !important;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    opacity: 1;
}

.followBtn label.userFollowingProfile.following:after {
    content: "Unfollow" !important;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    opacity: 1;
}

.followBtn label.userFollowingProfile:after {
    content: "Follow" !important;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    opacity: 1;
}

@media all and (max-width: 767px) {
    .navbar .dropdown .user-profile {
        width: auto;
        left: 15px;
        margin: 0;
        right: 15px;
        position: fixed;
        top: 85px;
    }

    .navbar .dropdown .user-profile:before {
        display: none;
    }

    .navbar .dropdown .user-profile table td img {
        width: 40px;
        height: 40px;
    }
}

.webCard {
    padding: 10px;
    margin: -20px 30px 20px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    max-width: 550px;
    background: rgba(255, 255, 255, 0.1)
}

.webCard .titleHead h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 0 10px;
    padding: 0;
}

.webCard .titleUrl p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 0 0 20px;
    padding: 0;
}

.webCard .titleUrl p a {
    color: #aaa;
    font-weight: 400;
}

.webCard .cardImg img {
    width: 100%;
    max-height: 350px;
    object-fit: cover;
}
.join-org-grp button.btn-orange#clearsearcheddata{
    height: 58px;
}

.imgrdsOrg {
    width: 240px;
    height: 240px;
    border-radius: 20%;
    background: #EFEFEF;
    padding: 7px;
    margin: 5px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.imgrdsOrg img {
    max-width: 220px;
    height: 220px;
    object-fit: contain;
    max-height: 220px;
    width: 220px;
}

.btn-org {
    background: #f47521 !important;

}

.shortBoxSection{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    border-radius: 8px;
    padding: 10px 10px;
    text-align: center;
    background:rgba(255,255,255,0.8);
    border:1px solid #ffffff;
   
}

.shortBoxSection .bgShortBorder{
     margin: 0 0 10px;
}

.shortBoxSection a{
    color: #EF6116 !important;
    font-size: 16px;
    font-weight: 600;
}

/*New code for showing mention links*/
.nDorse-Details-msg .mesg a {
    color: #ccc !important;
    opacity: 0.8;
}


.nDorse-Details-msg .mesg a:hover {
    color: #ffffff !important;
    opacity: 1;
}