/* public page  */
/* BASE-ADMIN OVERRIDES */
/*powerup css styles for seach org*/
/*.modeldiv {
position:fixed;
width:100%;
height:100%;
background-color:rgba(0,0,0, 0.5);
z-index:9;
top:0%;
left:0%;
}*/

#desctext p {
    margin-top: 6px;
}

#chartdiv {
    width: 100%;
    height: 500px;
}

/*       #legenddiv {
width: 250px;
height: 100px!important;
overflow: auto;
float: lef
border: 1px dotted #ccc;
margin-left: 15px;
}*/
:root {
--orangetheme: '';
--orangesecond: '';
--orangehover: '';
--yellowtheme: #ffb236;
--yellowsecond: #f96332;
--yellowhover: #ffbe55;
--white: #ffffff;
--black: black;
--btn-d: #979797;
--btn-danger: #ff3636;
--green: #85c525;
}

body.maintheme .subnavbar .subnavbar-inner {
    background-image: linear-gradient(to bottom, var(--orangetheme) 0, var(--orangetheme) 100%) !important;
    border-bottom: none;
}

body.maintheme .subnavbar .mainnav li.active>a {
    /* background: hsla(0,0%,100%,.2) !important; */
    color: var(--white) !important;
    /* background-color: hsla(0,0%,100%,.2) !important; */
    background: var(--orangehover) !important;
}

body.maintheme .subnavbar .mainnav {
    border: none !important;
}

body.maintheme .subnavbar .mainnav>li {
    border: none !important;
}

body.maintheme .subnavbar .mainnav>li>a {
    color: var(--white) !important;
}

body.maintheme .subnavbar .mainnav>li>a:hover {
    background-color: hsla(0, 0%, 100%, .2) !important;
}

body.maintheme a {
    color: var(--orangetheme) !important;
}

body.maintheme a.denyrecurrence {
    color: var(--white) !important;
}

body.maintheme a:hover {
    color: var(--orangetheme) !important;
}

body.maintheme .public_pending a {
    background-color: var(--orangesecond) !important;
    color: var(--orangetheme) !important;
}

body.maintheme .footer {
    background: var(--orangetheme) !important;
    color: var(--white) !important;
}

body.maintheme .footer a {
    color: var(--white) !important;
}

body.maintheme .btn-primary:hover {
    background-color: var(--orangehover) !important;
    color: var(--white) !important;
}

body.maintheme .btn-primary {
    background: var(--orangetheme) !important;
    color: var(--white) !important;
}

body.maintheme .modal-footer .btn-primary:hover {
    background: var(--orangetheme) !important;
    color: var(--white) !important;
}

/* body.maintheme .btn-inverse:hover{
color: var(--orangehover);
} */

body.maintheme .btn_green {
    background-color: var(--orangetheme) !important;
    border-color: var(--orangetheme) !important;
    color: var(--white) !important;
    background-image: linear-gradient(to bottom, var(--orangetheme), var(--orangetheme)) !important;
}

body.maintheme .btn_white {
    background-color: var(--white) !important;
    color: #333333 !important;
    background-image: linear-gradient(to bottom, var(--white), var(--white)) !important;
}

body.maintheme .btn_green:hover {
    background: var(--orangehover) !important;
    color: var(--white) !important;
}

body.maintheme .btn_white:focus,
body.maintheme .btn_white:hover {
    background: var(--orangehover) !important;
    color: var(--white) !important;
}

body.maintheme .dropdown-menu>li>a:focus,
body.maintheme .dropdown-menu>li>a:hover {
    color: var(--black) !important;
    background-color: none !important;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
}

body.maintheme .cal-day-today {
    background-color: var(--orangehover) !important;
}

body.maintheme .cal-day-today span {
    /* background-color:  var(--orangehover) !important; */
    color: var(--white) !important;
}

body.maintheme .btn-default {
    /* background-color: var(--btn-d) !important; */
    box-shadow: none !important;
}

body.maintheme .btn-default:hover,
body.maintheme .btn-default:active {
    background-color: var(--btn-d) !important;
    box-shadow: none !important;
}

body.maintheme .modal-header {
    background-image: linear-gradient(to bottom, var(--orangetheme) 0, var(--orangetheme) 100%) !important;
    border: none !important;
}

body.maintheme .btn:hover {
    /*color: var(--orangehover) !important;*/
    color: var(--white) !important;
}

body.maintheme .btn-green {
    background-color: var(--orangetheme) !important;
    color: var(--white) !important;
    border-color: var(--orangetheme) !important;
    box-shadow: none !important;
}

body.maintheme #hideeventdatefirst #addvolunteer.btn:hover {
    /*color: var(--orangehover) !important;*/
    color: var(--white) !important;
}

body.maintheme #hideeventdatefirst .modal-footer .btn:hover {
    /*color: var(--orangehover) !important;*/
    color: var(--white) !important;
}

body.maintheme #hideeventdatefirst .btn:hover {
    color: var(--orangehover) !important;
    /*color: var(--white)!important;*/
}

body.maintheme .btn-success:hover {
    /*color: var(--orangehover) !important;*/
    color: var(--white) !important;
}

body.maintheme .btn-success {
    /*color: var(--orangehover) !important;*/
    color: var(--white) !important;
}

body.maintheme .complete {
    color: var(--orangetheme) !important;
}

body.maintheme .complete .badge-success {
    background-color: var(--orangetheme) !important;
}

body.maintheme #myorganizationhournotifications .btn:hover {
    /* color: var(--orangehover) !important; */
    color: var(--white) !important;
}

body.maintheme #myorganizationhournotifications .btn {
    /* color: var(--orangehover) !important; */
    color: var(--white) !important;
}

body.maintheme #posdetailstbl .btn:hover {
    color: var(--orangehover) !important;
}

body.maintheme #searchwidgetcontent .btn:hover {
    color: var(--white) !important;
}

body.maintheme #searchwidgetcontent .btn-mini:hover {
    color: var(--black) !important;
}

.body.maintheme .tags .btn-info {
    background-color: var(--orangetheme) !important;
    background-image: linear-gradient(to bottom, var(--orangetheme) 0%, var(--orangetheme) 100%) !important;
}

.body.maintheme .btn-info {
    background-color: var(--orangetheme) !important;
    background-image: linear-gradient(to bottom, var(--orangetheme) 0%, var(--orangetheme) 100%) !important;
}

body.maintheme #positionForm .btn-default:hover {
    background-color: var(--orangehover) !important;
    color: var(--white) !important;
}

body.maintheme .modal-footer .btn-default {
    background-color: #e6e6e6 !important;
    color: var(--black) !important;
}

body.maintheme .widget-content .btn:hover {
    /* color: var(--orangehover) !important; */
}

body.maintheme #communications .widget-content .btn:hover {
    color: var(--white) !important;
}

body.maintheme #communications .widget-content .btn.btn-outline-primary:hover {
    color: var(--orangehover) !important;
}

body.maintheme .widget-content #groupnamesearchposs.btn.btn-inverse:hover {
    color: var(--orangehover) !important;
}

body.maintheme #volunteers .widget-content .btn:hover {
    color: var(--white) !important;
}

body.maintheme #volunteers .widget-content .btn.btn-inverse:hover {
    color: var(--orangetheme) !important;
}

body.maintheme .widget-content #organization .btn_green:hover {
    color: var(--white) !important;
}

body.maintheme .widget-content #orglevel_custom .btn_green:hover {
    color: var(--white) !important;
}

body.maintheme .widget-content #volunteer .btn_green:hover {
    color: var(--white) !important;
}

body.maintheme .widget-content #multipleLocations .btn_green:hover {
    color: var(--white) !important;
}

body.maintheme .widget-content #sponsers-tab .btn_green:hover {
    color: var(--white) !important;
}

body.maintheme .widget-content #preferences .btn_green:hover {
    color: var(--white) !important;
}

body.maintheme #myorganization .widget-content .btn_green:hover {
    color: var(--white) !important;
}

body.maintheme .widget-content #orgcauses .btn-success:hover {
    color: var(--white) !important;
}

body.maintheme #myorganization .widget-content .btn-success:hover {
    color: var(--white) !important;
}

body.maintheme .fileupload#upload_file_div .qq-uploader .qq-upload-button {
    background: var(--orangetheme) !important;
}

body.maintheme .widget-content #composetemplate .btn_green:hover {
    color: var(--white) !important;
}

body.maintheme .widget-content #account .btn_green:hover {
    color: var(--white) !important;
}

body.maintheme .widget-content #manageusers .btn_green:hover {
    color: var(--white) !important;
}

body.maintheme a:hover.btn-danger {
    color: var(--white) !important;
}

body.maintheme .btn-danger:active {
    background-color: var(--btn-danger) !important;
    border-color: var(--btn-danger) !important;
}

body.maintheme .btn-danger:hover {
    background-color: var(--btn-danger) !important;
    border-color: var(--btn-danger) !important;
    background-position: -55px -55px !important;
}

body .btn-danger {
    background-color: #c32232 !important;
}

body.maintheme .btn-success {
    background-color: var(--orangetheme) !important;
    background-image: linear-gradient(to bottom, var(--orangetheme), var(--orangetheme)) !important;
    color: var(--white);
}

body.maintheme #myorganizationnotifications .widget-content .btn:hover {
    color: var(--white) !important;
}

body.maintheme .btn-success:hover {
    background-color: var(--orangetheme) !important;
    background-image: linear-gradient(to bottom, var(--orangetheme), var(--orangetheme)) !important;
    color: var(--white);
}

/* body .ui-datepicker-next-hover .ui-icon, body .ui-datepicker-prev-hover .ui-icon{
background-image: blue !important;
} */

body.maintheme .nav-tabs>li.active>a,
body.maintheme .nav-tabs>li.active>a:focus,
body.maintheme .nav-tabs>li.active>a:hover {
    border-top: 3px solid var(--orangesecond) !important;
}

body.maintheme .nav-tabs>li>a {
    color: var(--black) !important;
}

body.maintheme .nav-pills>li.active>a {
    background-color: var(--orangesecond) !important;
    color: var(--white) !important;
}

body.maintheme .table-bordered thead tr, 
body.maintheme #gridContainer .ui-jqgrid.ui-corner-all.ui-widget-content .ui-widget-header, 
body.maintheme #gridContainer .ui-jqgrid.ui-corner-all.ui-widget-content .ui-state-default,
body.maintheme #gridContainer .ui-jqgrid.ui-corner-all.ui-widget-content .ui-jqgrid-htable, 
body.maintheme #gridContainer .ui-jqgrid.ui-corner-all.ui-widget-content .ui-state-default, 
body.maintheme #gridContainer .ui-jqgrid.ui-corner-all.ui-widget-content .ui-widget-header .ui-state-default,
body.maintheme #searchhdfbox_reportgrid  {
background-image: linear-gradient(to bottom, var(--orangetheme) 0, var(--orangetheme) 100%) !important;
}

body.maintheme .table-bordered thead tr th, 
body.maintheme #gridContainer .ui-jqgrid .ui-jqgrid-htable th {
color: var(--white) !important;
}
body.maintheme .table-bordered thead tr {
    background-image: linear-gradient(to bottom, var(--orangetheme) 0, var(--orangetheme) 100%) !important;
}

body.maintheme .table-bordered thead tr th {
    color: var(--white) !important;
}

body.maintheme .debamt h2 {
    color: var(--orangetheme) !important;
    font-weight: 500;
}

body.maintheme .deb-a h2 {
    color: var(--orangesecond) !important;
}

body.maintheme .dropdown-menu>li>a:hover {
    background-color: var(--orangesecond) !important;
}

body.maintheme .btn-warning:hover {
    background-color: var(--orangesecond) !important;
    color: var(--white) !important;
}

body.maintheme .masked-relative .btn-warning:hover {
    background-color: var(--orangesecond) !important;
    color: var(--white) !important;
}

body.maintheme .btn-default:hover {
    background-color: var(--white) !important;
    color: var(--black) !important;
    background-position: inherit !important;
}

body.maintheme .widget-content .approveposition:hover {
    color: var(--white) !important;
}

body.maintheme .widget-content .denyposition,
body.maintheme .widget-content .denyposition:hover {
    color: var(--white) !important;
    background-position: inherit !important;
}

body.maintheme .widget-content .sendEmailToUsers,
body.maintheme .widget-content .sendEmailToUsers:hover {
    color: var(--white) !important;
}

body.maintheme .label-warning {
    background-color: var(--orangesecond) !important;
}

body.maintheme .label-warning.fixed-shift {
    background-color: #f0ad4e !important;
}

body.maintheme .spon-tab>li.active>a:after {
    background-color: transparent !important;
}

body.maintheme .btn-warning {
    background-color: var(--orangesecond) !important;
    border-color: var(--orangesecond) !important;
    background-image: linear-gradient(to bottm, var(--orangesecond) 0, var(--orangesecond) 100%) !important;
}

body.maintheme a.btn-warning {
    color: var(--white) !important;
}

body.maintheme .btn-warning:active {
    background-color: var(--orangesecond) !important;
    border-color: var(--orangesecond) !important;
}

body.maintheme .onoffswitch-checkbox:checked+.onoffswitch-label {
    background-color: var(--orangetheme) !important;
}

body.maintheme .onoffswitch-checkbox:checked+.onoffswitch-label::before {
    background-color: var(--orangesecond) !important;
}

body.maintheme .onoffswitch-label {
    background-color: var(--orangehover) !important;
}

body.maintheme .td-actions a i:hover {
    color: var(--orangesecond) !important;
}

body.maintheme .fileupload-button .qq-uploader .qq-upload-button {
    background-color: var(--orangesecond) !important;
}

body.maintheme .amcharts-export-menu li:hover>a {
    background-color: var(--orangesecond) !important;
    /* background: var(--orangesecond) !important; */
}

body.maintheme .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: var(--white) !important;
    background: var(--orangetheme) !important;
    border: 1px solid var(--orangetheme) !important;
    border-radius: 50% !important;
}

body.maintheme .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: var(--white) !important;
    border: 1px solid var(--orangehover) !important;
    background-color: var(--orangehover) !important;
    border-radius: 50% !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--orangehover)), color-stop(100%, var(--orangehover))) !important;
}

body.maintheme .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    color: var(--white) !important;
    border: 1px solid var(--orangehover) !important;
    background-color: var(--orangehover) !important;
    border-radius: 50% !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--orangehover)), color-stop(100%, var(--orangehover))) !important;
}

body.maintheme .ui-datepicker .ui-widget-header {
    box-shadow: none !important;
    background: var(--orangesecond) !important;
    border: 1px solid var(--orangesecond);
}

body.maintheme .ui-datepicker .ui-state-hover {
    background-color: var(--orangesecond) !important;
}

body.maintheme #back-to-top {
    background: var(--orangetheme) !important;
    border: var(--orangetheme) !important;
}

body.maintheme #back-to-top i {
    color: var(--white) !important;
}

body.maintheme .widget .widget-content .btn_white:hover {
    background: var(--orangehover) !important;
    color: var(--white) !important;
}

body .ui-datepicker-next-hover .ui-icon,
body .ui-datepicker-prev-hover .ui-icon {
    background-image: url('https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/humanity/images/ui-icons_ffffff_256x240.png') !important;
}

.ui-datepicker-next-hover .ui-icon,
.ui-datepicker-prev-hover .ui-icon {
    background-color: inherit !important;
    opacity: .5 !important;
}

body.maintheme .widget .widget-content .btn-round :hover {
    background: var(--orangehover) !important;
    color: var(--white) !important;
}

body.maintheme .oppurtunitydetails .btn-default {
    background-color: var(--orangetheme) !important;
    box-shadow: none !important;
    color: var(--white) !important;
}

body.maintheme #voljoinreqforms .btn-primary:hover {
    background-color: var(--orangetheme) !important;
    background: var(--orangetheme) !important;
    color: var(--white) !important;
}

body.maintheme #voljoinreqforms .btn-danger {
    color: var(--white) !important;
}

body.maintheme #voljoinreqforms .btn-danger:hover {
    color: var(--white) !important;
    background-position: unset !important;
}

/* ****************************************************************************************************************************************************************** */
/* ****************************************************************************************************************************************************************** */
/* ************************************************************THEME-2*********************************************************************************************** */
/* ****************************************************************************************************************************************************************** */
/* ****************************************************************************************************************************************************************** */
/* organization page  */

body.maintheme.opportun-main .navbar-inverse {
    background: var(--white) !important;
}

body.maintheme.opportun-main #clear-form {
    background-color: var(--orangetheme) !important;
    color: var(--white) !important;
}

body.maintheme.opportun-main #showorglist .module-card-title a {
    background: var(--orangetheme) !important;
    background-color: var(--orangetheme) !important;
    color: var(--white) !important;
}

body.maintheme.opportun-main #oppnamebasesearch .cal-day-today {
    background-color: var(--orangehover) !important;
    color: var(--white) !important;
}

body.maintheme.opportun-main #oppnamebasesearch .cal-day-today span {
    color: var(--white) !important;
}

body.maintheme.opportun-main #sponsorplaninfo .nav-tabs>li.active>a,
body.maintheme.opportun-main #sponsorplaninfo .nav-tabs>li.active>a:focus,
body.maintheme.opportun-main #sponsorplaninfo .nav-tabs>li.active>a:hover {
    border-top: 3px solid var(--orangesecond) !important;
}

body.maintheme.opportun-main .fuelux .wizard>.steps li.active {
    background: #f1f6fc !important;
    color: var(--orangetheme) !important;
    cursor: default;
}

body.maintheme.opportun-main .fuelux .wizard>.steps li.active .badge {
    background-color: var(--orangetheme) !important;
}

body.maintheme.opportun-main .btn-primary {
    background-color: var(--orangetheme) !important;
    /* background-image: linear-gradient(to bottom, var(--orangehover) 0, var(--orangehover) 100%) !important; */
}

body.maintheme.opportun-main .prgname {
    color: var(--orangetheme) !important;
}

body.maintheme.opportun-main .btn-success {
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) !important;
    /* background-color: var(--orangetheme)!important; */
    background-image: linear-gradient(to bottom, var(--orangetheme), var(--orangetheme)) !important;
}

body.maintheme.opportun-main .btn-success:hover {
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) !important;
    background-color: var(--orangetheme) !important;
    background-image: linear-gradient(to bottom, var(--orangetheme), var(--orangetheme)) !important;
}

body.maintheme.opportun-main a:hover {
    color: var(--orangetheme) !important;
}

body.maintheme.opportun-main .btn.fs-18.btn-default:hover {
    background-color: var(--orangehover) !important;
    color: var(--white) !important;
    border-color: var(--orangetheme) !important;
}

body.maintheme.opportun-main .js-donate.btn:hover {
    color: white !important;
}

.opportun-main .sponsor.btn:hover {
    color: white !important;
}

.opportun-main .v_logo {
    width: 170px !important;
    max-width: 170px !important;
}

body.maintheme.opportun-main .opportunity-tab-main .nav-tabs li:hover a {
    background-color: var(--orangetheme) !important;
    color: var(--white) !important;
}

body.maintheme.opportun-main .opportunity-tab-main .nav-tabs li:active a {
    background-color: var(--orangetheme) !important;
}

body.maintheme.opportun-main .footer {
    background: var(--orangetheme) !important;
    color: var(--white) !important
}

body.maintheme.opportun-main .footer a {
    color: var(--white) !important;
}

/* second screen  */
/* https://qa.volunteermark.com/vmark-test-org/test-flexible-position */

body.maintheme.opportun-main .op-anchor,
body .op-anchor:hover {
    color: var(--orangetheme) !important;
}

.opportun-main.maintheme .btn-green {
    background-color: var(--orangetheme) !important;
    color: var(--white) !important;
    border-color: var(--orangetheme) !important;
}

.opportun-main .btn-green {
    background-color: #85c525 !important;
    color: var(--white) !important;
    border-color: #85c525ba !important;
}

.opportun-main .oppertunitysignup:hover {
    background-color: inherit !important;
    /* color: var(--white) !important; */
}

.opportun-main .btn-green:hover {
    background-color: #85c525 !important;
    color: var(--white) !important;
    border-color: #85c525ba !important;
}

.opportun-main.maintheme .btn-green:hover {
    background-color: var(--orangehover) !important;
    color: var(--white) !important;
    border-color: var(--orangetheme) !important;
}

body.maintheme.opportun-main .opportunity-tab-main .nav-tabs li.active a,
body.maintheme.opportun-main .opportunity-tab-main .nav-tabs li:hover a {
    /* background-color: var(--orangetheme) !important; */
    color: var(--white) !important;
}

body.maintheme .opportunity-tab-main .nav-tabs li.active a {
    background-color: var(--orangetheme) !important;
}

#legenddiv {
    width: 280px;
    height: 130px !important;
    overflow: auto;
    float: left;
    /* border: 1px dotted #ccc;*/
    margin-left: 15px;
}

#legenddiv svg {
    position: relative !important;
}

#legenddivs {
    width: 280px;
    height: 130px !important;
    overflow: auto;
    float: left;
    /* border: 1px dotted #ccc;*/
    margin-left: 15px;
}

#legenddivs svg {
    position: relative !important;
}

.slice1 .amcharts-pie-slice {
    fill: #f00;
}

#departmentReport .amcharts-export-menu-top-right,
#programReport .amcharts-export-menu-top-right {
    right: -55px;
}

@media (max-width: 768px) {

    #departmentReport .amcharts-export-menu-top-right,
    #programReport .amcharts-export-menu-top-right {
        right: 0;
    }
}

.home-optionsdrop .form-control {
    width: 80%;
}

.home-optionsdrop .reset {
    width: 20%;
}

.home-optionsdrop .bottom-rowbtn {
    margin: 20px 0 0 0px;
}

.modal {
    overflow: auto !important;
}

.sortable-shift .ui-icon {
    float: left;
}

.sortable-shift tr:hover {
    cursor: hand;
    cursor: pointer;
}

#picker {
    margin: 0;
    padding: 0;
    width: 70px;
    height: 30px;
    line-height: 20px;
}

.divselect {
    background-color: #dff0d8;
}

.documentsFromSignPad:hover {
    background-color: #fffdeb;
}

.layer2 {
    position: absolute;
    top: 0px;
    left: 0px;
}

.profilePicStyle {
    border-radius: 5px;
    margin-right: 10px;
}

.layar {
    position: absolute;
    top: 0px;
    left: 0px;
}

.orgprogramhead {
    float: left;
    margin: 0 10px 0 10px;
    width: 140px;
    height: 120px;
}

.orgprogramhead h6 {
    margin-top: 8px;
    text-align: center;
}

#selectrecurringshifts strong {
    display: block;
}

#selectrecurringshifts {
    padding-bottom: 20px;
}

#selectrecurringshifts button {
    margin: 5px;
}

.dropdown-menu-extra {
    z-index: 9999 !important;
}

.progstyle {
    display: block;
    height: 65px;
    width: 65px;
    border: 1px solid #787A7A;
    border-radius: 100%;
    margin: 0 auto 0 auto;
}

.noimgprog {
    background: url('/img/default-program-image.png') center no-repeat;
}

.divselect:hover {
    background-color: #d0e9c6;
}

.inner-modeldiv {
    position: fixed;
    z-index: 10;
    width: auto;
    padding: 20px;
    top: 20%;
    left: 40%;
    background: #FFFFFF;
    border-radius: 4px;
    border: 5px solid #DDDDDD;
}

.table-responsive {
    overflow-x: auto;
}

.headline {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px dotted #e4e9f0;
}

.headline h2 {
    font-size: 22px;
}

.volnotify li {
    margin: 0;
    border: none;
}

.volnotify li>a {
    overflow: hidden;
    padding: 20px;
    display: block;
    color: #404040;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.volnotify h5 {
    color: #999;
}

.volnotify h5 strong {
    color: #404040;
}

.widget-content-notify button {
    margin: -12px 12px 0 0;
    padding: 10px;
    position: absolute;
    right: 0;
    z-index: 9999;
}

ul.opportunitylist,
ul.volnotify {
    font-family: arial, sans-serif;
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

.opportunitylist li {
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}

.orglisting-page .opportunitylist li {
    border-bottom: none;
}

.dottedgroup {
    border: 3px dotted #000 !important;
}

.opportunitylist li>a {
    overflow: hidden;
    padding: 10px 0 10px 0;
    margin: 8px 0 8px 0;
    display: block;
    color: #404040;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.orglisting-page .opportunitylist li>a {
    padding: 10px 10px 0 10px;
    margin: 0;
}

.opportunitylist li>a:hover,
.opportunitylist li>a:focus,
.volnotify li>a:hover,
.volnotify li>a:focus {
    background-color: #efefef;
    cursor: pointer;
    cursor: hand;
    text-decoration: none;
}

.opportunitylist .location {
    color: #999;
    font-size: 90%;
    margin: 5px 0 5px 0;
}

.opportunitylist .calendar {
    float: left;
    margin-left: 15px;
}

.opportunitylist h2 {
    color: #428bca;
    text-decoration: underline;
    font-size: 18px;
    line-height: 1.2em;
    margin: 0;
}

.opportunitylist cite {
    color: #000000;
    font-size: 14px;
    margin: 0;
}

.opportunitylist p {
    margin: 0;
}

.distance-away {
    display: block;
}

/*.moreresults {margin: 0 0 0 17px;}*/

span.freetrial {
    font-size: 70%;
}

.org-page {
    border-bottom: solid 1px #eee;
    padding-bottom: 10px;
}

.org-page ul {
    margin-bottom: 10px;
}

.org-page li {
    margin: 0 5px 3px 0;
}

.org-page h3 {
    margin-top: 0;
    font-size: 22px;
}

.org-page img {
    padding: 4px;
    margin: 5px 0;
    border: solid 1px #eee;
    background: #fafafa;
}

.org-page:hover img {
    border-color: #bbb;
}

/*end of powerup css code*/

.pager li.active a {
    background-color: #4999b4;
}

#addSkills {
    margin-top: 5px;
}

.unsortable {
    cursor: default;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.s_facebook {
    background: #3c5a99;
    color: white;
}

.s_twitter {
    background: #27aae1;
    color: white;
}

.s_google {
    background: #dd4b38;
    color: white;
}

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

/*Calendar styles*/

.ui-pnotify-icon,
.ui-pnotify-icon span {
    margin-top: 1%;
}

#recurencesid {
    width: 35%;
}

#enddateid,
#startdateid,
#style-id {
    width: 55%;
}

#eventDate {
    margin-left: -10%;
}

#event_start_time,
#event_end_time,
#startshifthour,
#endshifthour {
    text-transform: lowercase;
}

#enterVolCheck {
    margin-right: 20px;
}

/*
#skills {
width: 80%;
}*/

#eventStartTime {
    padding-top: 1.5%;
}

#numvolId {
    margin-left: 3%;
    padding-bottom: 1%;
    margin-top: -2%;
}

.typeahead {
    z-index: 1051;
}

.group-signup-volunteers {
    margin-top: -17%;
    margin-left: 3%;
}

.group-signup {
    margin-top: -8%;
    margin-left: -7%;
}

.dropdown-style {
    height: 32%
}

.underline-style {
    text-decoration: line-through;
}

.donate-btn {
    width: 80px;
}

#amount8 {
    width: 14.8%;
    height: 35px;
    margin-left: 0.7%;
}

#report-form,
#dreport-form {
    margin-left: -20%;
}

#pto-style,
#dto-style,
#oto-style,
#oHto-style {
    margin-left: 3%;
}

#otheramount {
    margin-left: 2%;
}

#pReportFromId,
#pReportToId,
#dReportFromId,
#oReportFromId,
#dReportToId,
#oReportToId,
#oReportHoursToId,
#oReportHoursFromId {
    /*width: 25%;*/
}

#causes {
    margin-right: 4%;
    margin-bottom: 2%;
}

.plan-style {
    margin-bottom: 6%;
}

.textcutoff {
    word-break: break-word;
}

#oReportForm {
    margin-top: 5%;
}

/*
#availableHours {
width: 7%;
}*/

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active,
a.thumbnail,
.thumbnail>img {
    color: white;
}

#programlist-js {
    margin-top: 30px;
}

.navbar.navbar-inverse .navbar-toggle {
    color: white;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    color: #7ACCC6;
}

#back-to-top i {
    color: var(--black) !important;
}

#back-to-top {
    bottom: 40px !important;
    background-color: #FAFAFA !important;
    background-image: -moz-linear-gradient(top, #FAFAFA, #E9E9E9) !important;
    background-image: -ms-linear-gradient(top, #FAFAFA, #E9E9E9) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAFAFA), to(#E9E9E9)) !important;
    background-image: -webkit-linear-gradient(top, #FAFAFA, #E9E9E9) !important;
    background-image: -o-linear-gradient(top, #FAFAFA, #E9E9E9) !important;
    background-image: linear-gradient(top, #FAFAFA, #E9E9E9) !important;
    background-repeat: repeat-x !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9', GradientType=0) !important;
    filter: progid: dximagetransform.microsoft.gradient(enabled=false) !important;
    border: 1px solid #7ACCC6;
}

.avatar img {
    width: 200px;
}

.margin10 {
    margin-bottom: 10px;
}

.affix {
    position: fixed;
    top: 0px;
    overflow: scroll;
    height: 100%;
}

.affix-top {
    position: static;
}

.affix-bottom {
    position: absolute;
}

.modal-header p {
    color: white;
}

.plan-color-style {
    margin-left: 15%;
}

.plan-color {
    background-color: #D9EDF7;
}

label,
input,
button,
select,
textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px
}

.checkliststyle {
    margin-left: 2%;
    margin-top: -2%;
}

.login-btn-style {
    margin-top: 7%;
}

#changeLocation {
    margin-bottom: 0.5%
}

.editChecklist {
    margin-left: 20%;
    margin-top: -5%;
}

/*
#dateofbirth {
margin-left: 73.5%;
/*margin-top: -12%;


}*/

.start-time {
    margin-left: 50%;
    width: 25%;
    margin-top: 4%;
}

.form-top {
    margin-top: -1%;
}

.form-top4 {
    margin-top: 4%;
}

.form-left {
    margin-left: 1%;
}

.form-right {
    margin-right: 4%;
}

.form-control-style {
    height: 32px;
    font-size: 14px !important;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-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
}

#email-style,
#password-style,
#select-style {
    width: 206px;
}

#fromdate,
#todate {
    width: 100%;
    margin-top: 5%;
    padding: 3%;
}

.checkboxalign {
    margin-left: 31%;
}

.addedCauses {
    margin-left: 9%;
}

.addedSkills {
    margin-left: 9%;
}

.contenteditable {
    /*margin-left: 30%;*/
    /*margin-top:-3%; */
    position: relative;
}

.form-horizontal .form-group {
    margin-bottom: 2px;
}

.btn-warning:hover,
.btn-warning:focus {
    background-color: none;
}

.skillserror {
    color: red;
    font-size: 12px;
    margin-left: 26%;
    margin-top: -10%;
}

#savedonate {
    margin-bottom: 30px;
    margin-top: 0px;
}

.navbar-brand {
    padding: 10px !important;
}

/*
.modal-body{
padding: 2%;
}*/

ul.form-steps li.active {
    color: #DF6020;
}

ul.form-steps li.active span.badge {
    background-color: #DF6020;
}

ul.form-steps {
    height: 50px;
    margin: 0;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display: inline-block;
    border: 1px solid #ccc;
    /*height: 30px;*/
    /*padding: 4px 6px;*/
    /*margin-bottom: 10px;*/
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

/*
input[type="text"], textarea, .uneditable-input, select {
width: 206px;
}*/

.form-control1 {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-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
}

.button-style {
    margin-left: 25.6%;
}

.decor:hover {
    text-decoration: none !important;
}

/*
.form-control {
display: block;
height: 34px;
padding: 6px 12px;
font-size: 14px;
width: 100%;
line-height: 1.428571429;
color: #555;
vertical-align: middle;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-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
}*/

.formcontrolleft {
    margin-left: 180px;
}

.modal-open {
    overflow: auto;
}

.forscroll.modal-open {
    overflow: hidden;
}

.navbar.navbar-inverse {
    background: #FFFFFF;
    /*Branding*/
    /*background-color: rgba(0, 0, 0, .8);*/
}

.navbar.navbar-inverse.navbar-white-public {
    background: #FFFFFF !important;
    border: 0 !important;
    z-index: 9;
}

.meta::first-letter {
    text-transform: capitalize !important;
}

.calendaractive {
    right: 3px;
    padding-right: 3px;
    bottom: 42px;
    height: initial;
    overflow-y: auto;
    overflow-x: hidden;
}

.calendarlist {
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 0;
    top: 34px;
}

.calendarscroll {
    height: 9px;
    width: 9px;
    background: #d0d0d0;
}

.inline {
    display: inline;
}

.next {
    margin-left: -20px;
}

#bcolor {
    background-color: #C2C2A3;
}

#today {
    margin-top: 20px;
    font-weight: bold;
    font-size: 25px;
}

#todays {
    margin-top: 20px;
    font-weight: bold;
    font-size: 25px;
}

#week {
    float: left;
    margin: 2px;
    width: 13%;
    text-align: center;
}

#weekdays {
    margin-top: 30px;
    color: var(--black);
    font-weight: bold;
    font-size: 20px;
}

#month {
    margin-top: 30px;
}

.days {
    background-color: #2AABD2;
    height: 90px;
    float: left;
    margin: 2px;
    width: 13%;
    border-radius: 6px;
    font-weight: bold;
    font-size: 20px;
}

.days1 {
    background-color: #2AABD2;
    height: 450px;
    float: left;
    margin: 2px;
    width: 13%;
    border-radius: 10px;
    font-weight: bold;
    font-size: 20px;
}

.forcheck {
    background-color: #6abdc2;
    height: 90px;
    float: left;
    margin: 2px;
    width: 13%;
    border-radius: 6px;
    font-weight: bold;
    font-size: 20px;
}

.forcheck1 {
    background-color: #2AABD2;
    height: 450px;
    float: left;
    margin: 2px;
    width: 13%;
    border-radius: 10px;
    font-weight: bold;
    font-size: 20px;
}

/**/
/* new styles indira*/
/**/

#vCheckList {
    margin-top: 20px;
}

.offerbutton {
    width: 80px;
}

.offerhead {
    margin-left: 60px;
    font-family: Arial, Helvetica, sans-serif;
}

#modalbutton {
    height: 30px;
    margin-bottom: 4%;
}

#modalbutton.marfix {
    height: auto;
    margin-bottom: 0;
    padding: 20px;
}

.phoneaudjust {
    margin-left: 30%;
}

.zipaudjust {
    margin-left: 79px;
}

/*
#dstate {
width: 230%;
margin-top: -5px;
}*/

.lastnameaudjust {
    margin-left: 30%;
}

/*
#dzip {
width: 92%;
margin-top: -5%;
}
.daddress {
width: 283%;
}
#demail {
width: 206px;
}*/

.placeholderdonate {
    /*margin-top: 40%;*/
}

/*
#dcity {
width: 200%;
}*/

#donaterdetails {
    margin-left: 10px;
}

.secureimage {
    /*margin-left: 450px;*/
    margin-right: 15px;
    font-size: 16px;
}

.formmiddle {
    margin-left: 150px;
}

.textalignment {
    text-align: center;
    font-size: 22px;
}

.new-widget-header {
    background-color: #E9E9E9;
}

.donate-dialog .new-widget-header {
    margin-bottom: 15px;
}

.linestyle {
    border-bottom: 1px solid rgba(85, 84, 84, 0.5);
}

ul.step-form div.active .badge {
    background-color: #d47500;
}

body.maintheme ul.step-form div.active .badge {
    background-color: var(--orangetheme) !important;
}

.firstone {
    color: #d47500;
}

body.maintheme .firstone {
    color: var(--orangetheme) !important;
}

.newmodal-body {
    position: relative;
    max-height: 450px;
    padding: 15px;
}

.donatebutton:active {
    font-size: 20px;
    background: #0e749a;
    box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.donatebutton:hover {
    background: #85c525;
}

.switch {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.onoffswitch {
    position: relative;
    width: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 15px;
    padding: 0;
    line-height: 15px;
    border: 0px solid #FFFFFF;
    border-radius: 22px;
    background-color: #D1C4E9;
}

.onoffswitch-label:before {
    content: "";
    display: block;
    width: 22px;
    margin: -3.5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 21px;
    border-radius: 22px;
    box-shadow: 0 6px 12px 0px #757575;
}

.onoffswitch-checkbox:checked+.onoffswitch-label {
    background-color: #D1C4E9;
}

.onoffswitch-checkbox:checked+.onoffswitch-label,
.onoffswitch-checkbox:checked+.onoffswitch-label:before {
    border-color: #D1C4E9;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label:before {
    right: 0px;
    background-color: #85c525;
    box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2);
}

.donate-dialog .modal-footer .donatebutton,
.donate-dialog .donatebutton {
    color: #FDFDFD;
    background: #85c525;
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.1)));
    cursor: pointer;
    outline: none;
    border: 1px solid #85c525;
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px 1px #85c525;
    -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    transition: background-color 0.15s linear, box-shadow 0.15s linear;
    padding: 2px 10px;
    width: 142px;
    position: static;
    margin: 0px;
    -webkit-transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
    border-radius: 4px 25px 25px 2px;
}

.donate-dialog .modal-footer .backbutton,
.donate-dialog .backbutton {
    color: #4a4a4a;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    border-radius: 4px;
    border: 1px solid #efefef;
    padding: 2px 10px;
    width: 142px;
    border-radius: 25px 4px 4px 25px;
}

.donatebutton {
    color: #FDFDFD;
    background: #85c525;
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(255, 255, 255, 0.1)));
    cursor: pointer;
    outline: none;
    border: 1px solid #85c525;
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px 1px #85c525;
    -webkit-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s linear, box-shadow 0.15s linear;
    transition: background-color 0.15s linear, box-shadow 0.15s linear;
    position: absolute;
    bottom: 20px;
    left: 50%;
    display: block;
    margin: 10px 0 0 -84px;
    padding: 2px 10px;
    width: 142px;
    -webkit-transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
    -moz-transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s linear;
    border-radius: 4px 25px 25px 2px;
}

.secure {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 999;
    background: transparent url('https://secure.assets.bostatic.com/hydepark/images/secure-seal.png') no-repeat 50% 50%;
    height: 15px;
    width: 57px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}

#creditcardlogo {
    text-indent: -900em;
    background: url(https://secure.assets.bostatic.com/hydepark/images/donate/donate-cards-transparent.png) no-repeat;
    height: 26px;
    width: 188px;
    margin: 0 auto 20px auto;
}

/*TODO: temporary fix for navbar-inner*/

.navbar-inner {
    height: 50px;
    background: #101010 !important;
    border-bottom: 1px solid #121212 !important;
    padding: 0 !important;
}

.subnavbar .btn-subnavbar {
    color: #ffffff !important;
}

.navbar .nav>li>.publicview {
    color: #393939 !important;
}

.navbar .nav>li>.publicview:focus,
.navbar .nav>li>.publicview:hover {
    color: #393939 !important;
}

.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #000000 !important;
    border-bottom-color: #000000 !important;
}

.navbar .nav li.dropdown>a:hover .caret,
.navbar .nav li.dropdown>a:focus .caret {
    border-top-color: #000000 !important;
    border-bottom-color: #000000 !important;
}

.subnavbar .mainnav>li.active>a {
    background: #85c525 !important;
    color: #FFF !important;
    /*Branding*/
    /*background: #7ed321 !important;*/
}

.subnavbar .mainnav>li>a {
    color: #9fafb8 !important;
}

.subnavbar .mainnav>li>a:hover {
    color: #dcecf4 !important;
}

.widget a [class^="icon-"] {
    color: #CCC !important;
}

.searchBar .widget-header [class^="icon-"] {
    color: white !important;
}

.widget a [class^="icon-1"] {
    color: #424040 !important;
}

.widget a:hover [class^="icon-"] {
    color: #333;
    text-decoration: none;
}

.subnavbar .subnavbar-inner {
    margin-bottom: 30px;
}

.navbar .buynownavover>li>a:hover {
    color: #85c525 !important;
    border-bottom: 1px solid #85c525 !important;
}

.navbar .buynownavover>li>a {
    color: #ffffff !important;
    font-size: 14px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.margin-adjest {
    padding-top: 10px !important;
    margin-left: -10px !important;
}

/* BOOTSTRAP OVERRIDES */

.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success.disabled {
    color: #fff !important;
    background-color: #73bfb8 !important;
    background-image: -moz-linear-gradient(top, #7accc6, #73bfb8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7accc6), to(#73bfb8));
    background-image: -webkit-linear-gradient(top, , #73bfb8);
    background-image: -o-linear-gradient(top, #7accc6, #73bfb8);
    background-image: linear-gradient(to bottom, #7accc6, #73bfb8);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff7accc6', endColorstr='#ff73bfb8', GradientType=0);
    border-color: #73bfb8 #73bfb8 #7accc6;
}

.form-group.error {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/*
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
height: auto !important;
}*/
/*  ---------------------------------------
BASE ADMIN NEW STYLES
-------------------------------------  */

.modal-header,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header i {
    color: white;
}

.td-actions a i:hover {
    color: #0099dd !important;
}

/* For registration successful message */

div.message {
    display: block;
    padding: 100px 20px 0 20px;
}

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

.navbar-bottom-links a {
    color: white;
    padding-left: 20px;
}

.widget-content {
    padding: 20px 15px 15px;
    background: #FFF;
    border: 1px solid #D5D5D5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.widget-content-notify {
    padding: 0;
    background: #FFF;
    border: 1px solid #D5D5D5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/*  ---------------------------------------
AUTOCOMPLETE SUGGEST DROP DOWN
-------------------------------------  */

.autocomplete-container {
    position: relative;
    float: left;
}

.search-outer {
    float: left;
}

.search-outer .result {
    float: left;
    display: inline-block;
    margin: 2px;
}

.search-outer input {
    clear: both;
    display: block;
}

.search-outer .result div {
    display: inline;
}

.remove {
    margin: 0 2px 0 5px;
    color: #ccc;
    display: inline;
}

.remove:hover {
    color: #666;
}

.search-outer .result span {
    display: inline-block;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 2px 0 4px;
    background-color: #e6e6e6;
    background: #e6e6e6;
}

.autocomplete-outer {
    left: 0;
    position: relative;
    clear: both;
}

.autocomplete-suggest {
    width: 99%;
    position: absolute;
    top: -1px;
    left: 0;
    border: 1px solid #ccc;
    background: #fff;
    -webkit-backface-visibility: hidden;
}

.autocomplete-suggest ul {
    margin: 5px 0 5px 0;
}

.autocomplete-suggest ul li {
    list-style: none;
    list-style-type: none;
    padding: 1px 0 1px 5px;
}

.autocomplete-suggest ul li:hover {
    background-color: #eee;
    color: #333;
    cursor: default;
}

/* ORG DASHBOARD TABLE VIEWS */

.volunteerprivateprofile {
    padding: 6px 0 6px 6px;
}

#volunteerPositionList span.btn-mini {
    padding: 0;
}

/* Organization Listings */

.wrapper {
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px 4px;
    -moz-border-radius: 4px /4px;
    border-radius: 4px /4px;
    background: #f7f7f7;
    overflow: hidden;
    margin-left: 0;
}

.main-left {
    border-right: 1px solid #cdcdcd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
    margin-left: 0;
    position: relative;
    z-index: 100;
    -webkit-border-radius: 4px 4px;
    -moz-border-radius: 4px 0 0 4px /4px 0 0 4px;
    border-radius: 4px 0 0 4px /4px 0 0 4px;
    padding-bottom: 20px;
}

.sidebar-right {
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
}

.listings li.orgListing>a {
    padding: 10px;
}

.listings li.orgListing .location {
    padding: 0;
}

.listings li.orgListing .role {
    top: auto;
}

.listings li.orgListing>a.active {
    background: #f7f7f7;
    margin-right: -4px;
}

/*  FORM WIZARD DESIGN (GoCardLess) */

.steps--bg {
    height: auto !important;
}

.steps--bg ol {
    list-style-type: none;
    overflow: hidden;
    margin: 0;
    padding: 10px 20px 10px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
}

.is-valid .nav-bullet {
    background-color: #C5E1C4;
}

.is-active .nav-bullet {
    background-color: #499ab4;
}

.nav-bullet {
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    display: inline-block;
    height: 26px;
    width: 26px;
    margin-right: 8px;
    line-height: 30px;
    background-color: #DADBDA;
    color: white;
    text-align: center;
}

.is-valid .nav-steps--label {
    color: #A0A0A0;
}

.nav-steps--label {
    color: #CCCCCC;
}

.nav-steps--item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: block;
    margin-right: 20px;
    padding: 8px 0;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}

.nav--horizontal-item {
    float: left;
    margin-bottom: -1px;
}

.nav--horizontal-item a:hover {
    text-decoration: none;
}

/* FORM WIZARD DESIGN (Lumonsity) */

.form-wizard {
    margin: 0 0 10px 0;
    font-size: 2.5em;
    line-height: 1.35em;
    color: #fff;
}

#breadcrumb-wrapper {
    height: auto;
    padding: 20px 0;
    color: #fff;
}

.breadcrumbs {
    display: inline-table;
    table-layout: fixed;
    position: relative;
    width: 100%;
    margin: 0px;
    background: url(/images/breadcrumb-icons-sprite.png) 0 -88px;
    background-repeat: repeat-x;
}

.breadcrumb-trail {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 560px;
    padding: 30px 11px 0px;
}

.breadcrumb-trail .breadcrumbs {
    display: inline-table;
    table-layout: fixed;
    position: relative;
    width: 100%;
    margin: 0px;
    background: url(/images/breadcrumb-icons-sprite.png) 0 -88px;
    background-repeat: repeat-x;
}

.breadcrumb-trail .breadcrumbs .breadcrumb-cell {
    display: table-cell;
    position: relative;
    width: 25%;
    height: 22px;
    padding: 0px;
    margin: 0px;
}

.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 24px;
    list-style: none;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.breadcrumb-trail .breadcrumbs .breadcrumb .breadcrumb-icon {
    width: 22px;
    height: 22px;
    background: url(/images/breadcrumb-icons-sprite.png) 0 -44px;
}

.breadcrumb-trail .breadcrumbs .breadcrumb .breadcrumb-label {
    display: block;
    position: absolute;
    top: -30px;
    left: -59px;
    width: 140px;
    text-align: center;
    white-space: nowrap;
}

.breadcrumb-trail .breadcrumbs .breadcrumb {
    list-style-type: none;
}

.breadcrumb {
    list-style: none;
}

.breadcrumb-trail .breadcrumbs .breadcrumb-cell.first .active.breadcrumb .badge {
    background-color: #EE8505;
}

.breadcrumb-trail .breadcrumbs .breadcrumb.active .breadcrumb-icon {
    background: url(/images/breadcrumb-icons-sprite.png) 0 0;
}

.breadcrumb-trail .breadcrumbs .arrow {
    width: 22px;
    height: 22px;
    background: url(/images/breadcrumb-icons-sprite.png) 0 -66px;
}

.breadcrumb-trail .breadcrumbs .arrow-stem .arrow {
    position: absolute;
    top: 0px;
    right: -11px;
}

.breadcrumb-trail .breadcrumbs .breadcrumb {
    list-style-type: none;
    position: relative;
    left: -11px;
    width: 22px;
    padding: 0px;
    margin: 0px;
    background: none;
    overflow: visible;
}

.end {
    display: inline-block;
    padding-top: 30px;
    vertical-align: top;
}

/* PAYMENT FORM */

#security_code_note {
    padding-top: 0.3em;
    display: block;
    font-size: 0.8em;
    clear: left;
}

#security_code_image {
    vertical-align: bottom;
    margin-left: 0.5em;
}

#credit_card_verification_value {
    width: 3em;
    font-size: 1.4em;
}

form #number {
    float: left;
    padding-bottom: 0;
    width: 240px;
}

form #code {
    float: left;
    padding: 0 0 0 0;
    margin-left: 30px;
    width: 160px;
}

div.stacked-form {
    clear: both;
}

div.paragraph {
    margin: 0 0 0.8em 0;
    padding: 0;
    clear: left;
}

form #nameOnCard {
    float: left;
    padding-bottom: 0.5em;
    width: 240px;
}

form #cardType {
    float: left;
    padding-bottom: 0.5em;
    margin-left: 30px;
}

/*  ---------------------------------------
PRICING
-------------------------------------  */

.jumbotron {
    padding: 50px 100px !important;
}

.trail {
    border: 2px solid #c8c8c7;
    display: inline-block;
    padding: 30px;
    margin: 50px auto 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 80px;
}

.trail .price {
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 10px 20px 0;
    font-size: 26px;
}

.trail .price em {
    color: #7e7e7e;
    font-size: 16px;
    font-style: normal;
}

.features h3 {
    margin-bottom: 20px;
    margin-left: 0;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;
    border-bottom: 3px solid #eee;
    display: inline-block;
    color: #a6a7a9;
    position: relative;
    line-height: 23px;
}

.features p {
    margin: 0;
    line-height: 32px;
    margin-bottom: 50px;
}

/*  ---------------------------------------
EVENTS
-------------------------------------  */

.shift-time {
    width: 100px !important;
    text-align: center;
}

.date-time h3 {
    font-size: 18px;
    line-height: 27px;
    margin: 0;
}

.date-time h1 {
    font-size: 30px;
    line-height: 36px;
    margin: 0;
}

.date-time h3.date {
    color: #777;
    font-size: .9em;
    margin-bottom: .5em;
    font-weight: bold;
}

.navbar .form-inline {
    margin: 10px 0 0 0;
}

.navbar form p a {
    color: white;
}

.event-shift {
    overflow: auto;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #CCC;
    padding: 0 0 10px 0;
}

.event-shift .meta_info {
    margin-left: 10px;
}

.vm_volpublic .navbar-inner {
    padding: 0;
}

/*  ---------------------------------------
ADD HOURS MANUALLY
-------------------------------------  */

.disclaimer {
    font-size: 10px;
    text-align: left;
}

/*  ---------------------------------------
ORGANIZATION PAGE
-------------------------------------  */

.no-padding {
    padding: 0;
}

/*  ---------------------------------------
SEARCH VOLUNTEER OPPORTUNITIES
-------------------------------------  */

.searchBar .input-append,
.input-prepend {
    margin: 0 !important;
    position: relative;
    top: 5px;
    right: 5px;
}

.searchBar [class^="icon-"],
.searchBar .widget-header [class^="icon-"] {
    margin: 0 !important;
}

.searchBar .table-bordered thead tr th {
    padding: 0 !important;
}

.searchBar .widget-header h4 {
    margin: 15px;
    top: 3px;
    position: relative;
}

.vm_volpublic {
    margin-top: 20px;
}

#searchwidgetcontent ul.dropdown-menu hr {
    margin: 3px 0;
}

#searchwidgetcontent .popover-content {
    padding: 0;
}

.popover-inner .popover-content .popover-inner {
    padding: 9px 14px;
}

.popover-content .form-actions {
    margin: 0;
}

.popover-title {
    display: block !important;
    margin: 0 !important;
    padding: 8px 14px 0 14px;
    position: inherit !important;
    background-color: white !important;
    border-bottom: none !important;
    margin-top: 10px !important;
}

.inline {
    display: inline;
}

/* FILTERS */

.types {
    float: left;
}

.types li:first-child {
    border-left-width: 0;
}

.types li {
    float: left;
    line-height: 34px;
    text-align: center;
    padding: 0 15px;
}

.type li {
    float: left;
    line-height: 34px;
    text-align: center;
    padding: 0 15px;
}

ul.types {
    list-style: none;
    margin: 0;
}

#psearchresultId,
#dsearchresultId,
#osearchresultId {
    margin-left: -20%;
}

ul.type {
    list-style: none;
    margin: 0;
}

.types li label {
    display: inline-block;
    margin-top: 10px;
}

.type li label {
    display: inline-block;
    margin-top: 10px;
}

#fullname {
    margin-top: 2px;
}

/* #profileimageuplaod {
margin-left: 187px;
}*/

.types li input[type='checkbox'] {
    cursor: pointer;
    margin: 0px 4px 0 0;
}

/* TYPES */

.listings li.recurring .type,
.recurring label {
    color: #7accc6;
}

.listings li.ongoing .type,
.ongoing label {
    color: #499ab4;
}

.listings li.events .type,
.events label {
    color: #de601f;
}

/* RESULTS */

.listings {
    border-top: 1px solid #e5e5e5;
    margin: 28px 0 0 0;
    list-style: none;
}

.listings li {
    border-bottom: 1px solid #e5e5e5;
}

.listings .oddRow {
    background: #FFF;
}

.listings .evenRow {
    background-color: #f5f5f5;
}

.listings li>a {
    display: block;
    overflow: hidden;
    padding: 17px 11px;
    color: #222;
    padding: 16px 13px 12px 13px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.listings li>a:hover,
#listings li>a:focus {
    background-color: #fffdeb;
    cursor: pointer;
    cursor: hand;
}

.listings li>a>span {
    min-height: 37px;
    display: block;
    position: relative;
}

.listings li .role {
    float: left;
    width: 55%;
    margin-right: 12px;
    position: relative;
    top: -3px;
}

.listings li .role>span {
    display: inline;
}

.listings li .location {
    float: left;
    /* width: 155px; */
    /* padding: 7px 0 7px 13px; */
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 15px;
    position: relative;
    top: auto;
    left: auto;
    /* text-align: left; */
    text-align: right;
    max-width: none;
    white-space: normal;
    overflow: visible;
    color: #8e8d8d;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.listings li .location i {
    margin-bottom: 0 !important;
}

.listings li .meta {
    position: relative;
    top: -1px;
    float: right;
    text-align: right;
}

.listings li.events .meta span {
    float: left;
    line-height: 51px;
    margin-right: 20px;
}

.listings li .meta .type {
    display: block;
    margin-bottom: 2px;
}

.listings li>a>span {
    min-height: 37px;
    display: block;
    position: relative;
}

.listings li .role h3 {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    margin: 0 0 4px 0;
    padding: 0;
}

.listings li .role h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 4px;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: static;
    top: auto;
    left: auto;
    width: auto;
    margin: 0 0 4px 0;
    padding: 0;
}

.listings li .role h4 {
    font-weight: 600;
    color: #222;
    position: static;
    top: auto;
    left: auto;
    max-width: none;
    white-space: normal;
    overflow: visible;
    font-size: 12px;
    display: inline;
}

.listings li .role>span {
    display: inline;
}

.listings li img {
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 13px;
    position: static;
    top: auto;
    left: auto;
}

.listings li .meta .new,
.listings li .meta .posted {
    display: inline;
}

span.new {
    color: #fff;
    background-color: #ff8f00;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    padding: 1px 5px;
    text-transform: uppercase;
    font-size: 9px;
}

/* DATE FORMATTING */

.calendar {
    float: right;
}

.calendar time {
    display: block;
    position: relative;
    z-index: 10;
    background: #fff;
    text-align: center;
    font-family: sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 2em;
    line-height: 1.3;
    height: 2.9em;
    width: 1.9em;
    border: 1px solid #dcd3b1;
    background: #ddd;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #fff)) !important;
    background: -webkit-linear-gradient(top, #ddd 0, #fff 100%) !important;
    background: -moz-linear-gradient(top, #ddd 0, #fff 100%) !important;
    background: -o-linear-gradient(top, #ddd 0, #fff 100%) !important;
    background: linear-gradient(top, #ddd 0, #fff 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#ffffff);
}

@media only screen and (max-width: 767px) {
    .mob-calendar time {
        margin: 10px auto;
    }
}

.calendar time::after {
    display: block;
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    margin: 0 4% 0 0;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.calendar time abbr {
    display: block;
    padding: .25em 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .1em;
    border-bottom: 0;
    font-size: .4em;
    color: #fff;
    background: #97331c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #97331c), color-stop(1, #7a2527)) !important;
    background: -webkit-linear-gradient(top, #97331c 0, #7a2527 100%) !important;
    background: -moz-linear-gradient(top, #97331c 0, #7a2527 100%) !important;
    background: -o-linear-gradient(top, #97331c 0, #7a2527 100%) !important;
    background: linear-gradient(top, #97331c 0, #7a2527 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#97331c, endColorstr=#7a2527);
}

.calendar time span {
    font-size: 0.5em;
    display: block;
    font-weight: 500;
    color: #666;
}

/* APP DESIGN */

.ondemand {
    width: 250px;
    border-bottom: 3px solid #fff !important;
    position: fixed;
    top: 0;
    right: -250px;
    z-index: 1000;
    background: #CC0000;
    background: -moz-linear-gradient(top, #CC0000 0%, #CC0000 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#CC0000')";
    -pie-background: linear-gradient(#CC0000, #CC0000 100%);
    behavior: url(PIE.htc);
    -moz-box-shadow: 1px 1px 7px #676767;
    -webkit-box-shadow: 1px 1px 7px #676767;
    box-shadow: 1px 1px 7px #676767;
    height: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #CC0000), color-stop(1, #CC0000));
}

.ondemand-button {
    z-index: 999;
    position: fixed;
    top: 90px;
    float: right;
    right: 0;
    margin-right: 0;
}

.ondemand-button a {
    color: white;
    text-decoration: none;
}

.hide {
    display: none;
}

.visible {
    display: block;
}

.notification .close {
    left: -40px;
    position: absolute;
    top: 90px;
    width: 40px;
    height: 35px;
    filter: none;
    opacity: 1;
    background-color: #ee8505;
    background-image: -moz-linear-gradient(top, #ff9008, #d47500);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9008), to(#d47500));
    background-image: -webkit-linear-gradient(top, #ff9008, #d47500);
    background-image: -o-linear-gradient(top, #ff9008, #d47500);
    background-image: linear-gradient(to bottom, #ff9008, #d47500);
    cursor: pointer;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    behavior: url(PIE.htc);
}

.show {}

.openNotification {
    overflow: hidden;
    background-color: #ee8505;
    background-image: -moz-linear-gradient(top, #ff9008, #d47500);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9008), to(#d47500));
    background-image: -webkit-linear-gradient(top, #ff9008, #d47500);
    background-image: -o-linear-gradient(top, #ff9008, #d47500);
    background-image: linear-gradient(to bottom, #ff9008, #d47500);
    cursor: pointer;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    behavior: url(PIE.htc);
    height: 50px;
    width: 100px;
    padding: 2px;
    display: block;
    text-align: center;
}

body[data-gr-c-s-loaded="true"] .col-md-4 .well .avatar img {
    width: 100%;
}

#my-skills-list input.form-control.tags-input.input-md {
    padding-bottom: 5px;
}

/* aloha css */

.aloha-sidebar-inner {
    background-color: #E9E9E9;
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.3) 100%);
    background-image: -moz-radial-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.3) 100%);
    padding: 10px;
    overflow: auto;
    height: 100%;
    border-left: 2px solid orange;
    z-index: 10000;
}

.aloha-sidebar-handle {}

.aloha-sidebar-right .aloha-sidebar-handle {
    left: -30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px
}

.aloha-sidebar-handle-icon {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url('/images/arrow.png') no-repeat center center;
    width: 20px;
    height: 20px;
    opacity: .5
}

/* user information */

#profimage {
    width: 350px;
    height: 180px;
    display: block;
}

#bannerimg {
    width: 350px;
    height: 180px;
    display: block;
}

.orgProfimage {
    width: 150px;
}

/* multi-step form */

@media (max-width: 767px) {
    #popupModel .form-group input {
        margin-left: 0px !important;
    }
}

.form-horizontal .form-group {
    margin-bottom: 14px;
}

.section h3 {
    display: inline-block;
}

.add-sec {
    text-decoration: underline;
}

.add-sec:hover {
    text-decoration: underline;
    color: #428bca;
}

.newsectionbt {
    padding: 6px 25px;
}

.secname {
    margin-bottom: 15px;
}

.newsectionbt {
    padding-right: 0;
    text-align: right;
}

.badge {
    padding: 1px 9px 2px;
    font-size: 12.025px;
    font-weight: bold;
    white-space: nowrap;
    color: white;
    background-color: #999;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

ul.step-form {
    height: 50px;
    margin: 0;
}

ul.step-form li {
    float: left;
    color: #A0B0B9;
    width: 170px;
    font-size: 11px;
    list-style: none;
}

ul.step-form li span {
    position: relative;
    top: 10px;
    right: 5px;
}

ul.step-form li strong {
    margin-left: 30px;
    font-size: 15px;
}

ul.step-form li.active {
    color: #DF6020;
}

ul.step-form li.active .badge {
    background-color: #DF6020;
}

ul.step-form li.active .badge:hover {
    background-color: #DF6020;
}

ul.step-form li.step-completed {
    color: #425A6C;
}

ul.step-form li.step-completed .badge {
    background-color: #425A6C;
}

#addEvent .form-group {
    margin-bottom: 10px;
}

/* date and time blocks
-------------------------------------------------- */

.date-time {
    background: #EEE;
    background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#DDD));
    padding: 8px 10px 0;
    width: 60px;
    margin-left: 0;
    border: 1px solid #DDD;
}

.date {
    color: #777;
    font-size: .9em;
    margin-bottom: .5em;
}

.date-time .time {
    font-size: .75em;
    font-weight: normal;
    display: block;
    margin-bottom: 5px;
}

.orgname {
    color: white;
}

.notification-box {
    padding: 10px;
}

.notification-box:hover {
    background-color: #E9E9E9;
    border: 1px solid #6abdc2;
    padding: 9px;
}

.aloha-sidebar-inner .label {
    margin: 0 10px 0 0;
}

a.big-icon i {
    line-height: 10px !important;
    font-size: 25px;
    margin: 0 10px 0 0;
}

input.input-hours {
    width: 20px;
}

input.input-hour-notes {
    width: 180px;
}

.large-icon i,
i.large-icon {
    font-size: 20px !important;
}

.icon-white {
    color: white !important;
    margin: 2px !important;
}

.btn-round {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.action-item {
    width: 15px;
}

#volunteercalendar .sortable tr td:nth-child(3) {
    width: 25%;
}

#volunteercalendar .sortable tr td:last-child {
    width: 10%;
}

.table tbody tr.warning td {
    background: none !important;
    background-color: #fcf8e3 !important;
}

.cal-google {
    background: url('/images/google-calendar-bw.png') no-repeat;
    height: 30px;
    width: 30px;
    display: inline-block;
}

a:hover .cal-google {
    background: url('/images/google-calendar-color.png') no-repeat;
}

.cal-ical {
    background: url('/images/ical-bw.png') no-repeat;
    height: 30px;
    width: 30px;
    display: inline-block;
}

a:hover .cal-ical {
    background: url('/images/ical-color.png') no-repeat;
}

table.sortable th {
    white-space: nowrap;
}

table.nowrap th {
    white-space: normal;
}

table.nowrap thead tr th:nth-child(1),
table.nowrap tbody tr td:nth-child(1) {
    width: 10%
}

table.nowrap thead tr th:nth-child(2),
table.nowrap tbody tr td:nth-child(2) {
    width: 20%
}

table.nowrap thead tr th:nth-child(3),
table.nowrap tbody tr td:nth-child(3) {
    width: 20%
}

table.nowrap thead tr th:nth-child(4),
table.nowrap tbody tr td:nth-child(4) {
    width: 20%
}

table.nowrap thead tr th:nth-child(4),
table.nowrap tbody tr td:nth-child(5) {
    width: 8%
}

table.nowrap thead tr th:nth-child(6),
table.nowrap tbody tr td:nth-child(6) {
    width: 8%
}

table.nowrap thead tr th:nth-child(7),
table.nowrap tbody tr td:nth-child(7) {
    width: 14%
}

table.nowrap tr td a {
    padding: 0 3px;
}

#userPositionsList .table tr td:first-child,
#userEventList .table tr td:first-child,
#userEventList .table tr th:first-child {
    width: 35px;
    min-width: 30px !important;
}

#userPositionsList .table tr td:first-child .checkbox,
#userEventList .checkbox {
    padding-left: 30px;
}

.btn-primary {
    background-color: #85c525 !important;
    background-image: -moz-linear-gradient(top, #85c525, #85c525) !important;
    background-image: -ms-linear-gradient(top, #85c525, #85c525) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6abdc2), to(#499ab4)) !important;
    background-image: -webkit-linear-gradient(top, #85c525, #85c525) !important;
    background-image: -o-linear-gradient(top, #85c525, #85c525) !important;
    background-image: linear-gradient(top, #85c525, #85c525) !important;
    background-repeat: repeat-x !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6abdc2', endColorstr='#499ab4', GradientType=0) !important;
    border-color: #0055cc #499ab4 #003580 !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    filter: progid: dximagetransform.microsoft.gradient(enabled=false) !important;
}

/**************** sortable Tables *********************************/

table.sortable {
    border-spacing: 0;
    border-collapse: collapse;
}

table.sortable th,
table.sortable td {
    text-align: left;
}

table.sortable tr.sortbottom td {
    border-top: 1px solid #444;
    background-color: #ccc;
    font-weight: bold;
}

th.sorting_asc,
th.sorting_desc {
    background-color: #fcf8e3 !important;
}

/* TAG MANAGER */

.myTag {
    background-color: #eeeeee;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    display: block;
    float: left;
    font-family: helvetica;
    font-size: 13px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 4px 5px 4px 5px;
    text-decoration: none;
    vertical-align: middle;
    line-height: 22px;
    height: 22px;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

#myTag_0,
span.myTag {
    padding: 4px 5px 4px 5px;
    height: auto;
}

.table.table-bordered tbody tr td {
    padding-top: 9px;
    padding-bottom: 9px;
}

.myTagError {
    background-color: #F2DEDE;
}

.myTagRemover {
    color: silver;
}

.tagManager {
    border-radius: 3px 3px 3px 3px;
    margin-top: 0;
}

.myFramedTag {
    background-color: #eeeeee;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    display: block;
    float: left;
    font-family: helvetica;
    font-size: 11px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 5px 4px 4px 4px;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 18px;
    height: 18px;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.myMinTag {
    background-color: #eeeeee;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    display: block;
    float: left;
    font-family: helvetica;
    font-size: 11px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 2px 4px 2px 4px;
    text-decoration: none;
    vertical-align: middle;
    line-height: 18px;
    height: 18px;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.myMinNonTag {
    font-family: helvetica;
    font-size: 11px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 2px 4px 2px 4px;
    text-decoration: none;
    vertical-align: middle;
    line-height: 18px;
    height: 18px;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

/* file upload */

.btn-file {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}

.btn-file>input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 23px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    direction: ltr;
}

.fileupload {
    margin-bottom: 9px;
}

.choose-value {
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(0, 0, 0, 0.6);
    align-items: center;
    justify-content: center;
}

.fileupload .uneditable-input {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text;
}

.fileupload .thumbnail {
    display: inline-block;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.fileupload .thumbnail>img {
    display: inline-block;
    max-height: 100%;
    vertical-align: middle;
}

.fileupload .btn {
    vertical-align: middle;
}

.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
    display: none;
}

.fileupload-inline .fileupload-controls {
    display: inline;
}

.fileupload-new .input-append .btn-file {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.fileupload {
    z-index: 999;
    position: absolute;
    top: 0;
    width: 101%;
    height: 100%;
    cursor: pointer;
}

.dc-zindex .fileupload {
    z-index: 0;
}

.custom-fields-fileupload {
    z-index: initial;
}

.qq-upload-button {
    width: 100% !important;
    background-color: transparent !important;
    border-bottom: none !important;
    top: 0;
    height: 100%;
    color: white;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
}

.qq-upload-button .fa {
    display: block;
}

.qq-upload-button input {
    height: 100%;
}

.qq-upload-button-focus {
    outline: 0px dotted #fff !important;
}

.qq-uploader {
    height: 100%;
    display: table;
}

img {
    max-width: 100%;
}

.qq-upload-list {
    z-index: 9999;
    background: white;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0;
}

.qq-upload-file,
.qq-upload-size,
.qq-upload-list li.qq-upload-success {
    display: none !important;
}

.qq-upload-drop-area,
.qq-upload-extra-drop-area {
    z-index: 9999;
    background: white !important;
    border: 4px dashed #fff !important;
    font-weight: bold;
}

.qq-upload-drop-area-active {
    border: 4px dashed #fff !important;
    color: #000;
}

.qq-drop-processing {
    display: none;
}

.thumbnail-borderless .thumbnail {
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fileupload-new.thumbnail-borderless .thumbnail {
    border: 1px solid #ddd;
}

.form-group.warning .fileupload .uneditable-input {
    color: #a47e3c;
    border-color: #a47e3c;
}

.form-group.warning .fileupload .fileupload-preview {
    color: #a47e3c;
}

.form-group.warning .fileupload .thumbnail {
    border-color: #a47e3c;
}

.form-group.error .fileupload .uneditable-input {
    color: #b94a48;
    border-color: #b94a48;
}

#error {
    color: #b94a48;
    border-color: #b94a48;
}

.form-group.error .fileupload .fileupload-preview {
    color: #b94a48;
}

.form-group.error .fileupload .thumbnail {
    border-color: #b94a48;
}

.form-group.success .fileupload .uneditable-input {
    color: #468847;
    border-color: #468847;
}

.form-group.success .fileupload .fileupload-preview {
    color: #468847;
}

.form-group.success .fileupload .thumbnail {
    border-color: #468847;
}

.popupoverlay {
    position: absolute;
    -webkit-box-shadow: 0px 0px 5px black;
    -moz-box-shadow: 0px 0px 5px black;
    -o-box-shadow: 0px 0px 5px black;
    box-shadow: 0px 0px 5px black;
    box-shadow: 0px 0px 5px black;
    z-index: 99999;
    color: black;
    background-color: rgba(248, 248, 255, 0.7);
    padding: 4px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
}

/*------------------------------------------------------------------
[Dashboard Stylesheet]
Project:       Base Admin
Version:       1.0
Last change:   05/21/2012
Assigned to:   Rod Howard (rh)
[Table of contents]
1. Shortcuts
2. Stats
3. Task List
4. News Item
-------------------------------------------------------------------*/

.extra h4 {
    color: #CCC;
}

/*------------------------------------------------------------------
[2. Stats / .stats]
*/

.stats {
    width: 100%;
    display: table;
    padding: 0 0 0 10px;
    margin-top: .5em;
    margin-bottom: 1.9em;
}

.stats .stat {
    display: table-cell;
    width: 40%;
    vertical-align: top;
    font-size: 11px;
    font-weight: bold;
    color: #999;
}

.stat-value {
    display: block;
    margin-bottom: .55em;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -2px;
    color: #444;
}

.stat-time {
    text-align: center;
    padding-top: 1.5em;
}

.stat-time .stat-value {
    color: #F90;
    font-size: 40px;
}

.stats #donut-chart {
    height: 100px;
    margin-left: -20px;
}

/*------------------------------------------------------------------
[3. News Item / .news-items]
*/

.news-items {
    margin: 1em 0 0;
}

.news-items li {
    display: table;
    padding: 0 2em 0 1.5em;
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px dotted #CCC;
}

.news-items li:last-child {
    padding-bottom: 0;
    border: none;
}

.news-item-date {
    display: table-cell;
}

.news-item-detail {
    display: table-cell;
}

.news-item-title {
    font-size: 13px;
    font-weight: 600;
}

.news-item-date {
    width: 75px;
    vertical-align: middle;
    text-align: right;
}

.news-item-day {
    display: block;
    margin-bottom: .25em;
    font-size: 24px;
    color: #888;
}

.news-item-preview {
    margin-bottom: 0;
    color: #777;
}

.news-item-month {
    display: block;
    padding-right: 1px;
    font-size: 12px;
    font-weight: 600;
    color: #888;
}

/*------------------------------------------------------------------
[4. Action Table / .action-table]
*/

.action-table .btn-small {
    padding: 4px 5px 5px;
    font-size: 10px;
}

.action-table .td-actions {
    width: 100px;
    text-align: center;
}

.action-table .td-actions .btn {
    margin-right: .5em;
}

.action-table .td-actions .btn:last-child {
    margin-right: 0;
}

@media (max-width: 979px) {}

@media (max-width: 480px) {
    .stats .stat {
        margin-bottom: 3em;
    }

    .stats .stat .stat-value {
        margin-bottom: .15em;
        font-size: 20px;
    }

    .stats {
        float: left;
        display: block;
        margin-bottom: 0;
    }

    #chart-stats {
        margin: 2em 0 1em;
    }
}

/******************* reports *************************************/

#big_stats {
    width: 100%;
    display: table;
    margin-top: .5em;
    margin-bottom: 1em;
}

.big-stats-container .widget-content {
    background: #E9E9E9;
    background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #E9E9E9));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
    /* IE10+ */
    background: linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
}

#big_stats .stat {
    width: 25%;
    height: 90px;
    text-align: center;
    display: table-cell;
    padding: 0;
    position: relative;
    border-right: 1px solid #CCC;
    border-left: 1px solid #FFF;
}

#big_stats .stat:first-child {
    border-left: none;
}

#big_stats .stat:last-child {
    border-right: none;
}

#big_stats .stat h4 {
    font-size: 12px;
    font-weight: bold;
    color: #777;
    margin-bottom: 1.5em;
}

@media all and (max-width: 767px) and (min-width: 1px) {
    /* height: 80px;
background: blue; */
}

#big_stats .stat .value {
    font-size: 56px;
    font-weight: bold;
    color: #333;
    line-height: 1em;
}

@media all and (max-width: 950px) and (min-width: 1px) {
    #big_stats {
        display: block;
        margin-bottom: -40px;
    }

    #big_stats .stat {
        width: 33%;
        display: block;
        margin-bottom: 3em;
        float: left;
        border-left: 1px solid #ccc;
    }

    #big_stats .stat:nth-child(2) {
        border-right: none;
    }
}

@media (max-width: 767px) {
    #big_stats .stat .value {
        font-size: 40px;
    }

    .sm-center {
        text-align: center;
    }
}

/*  ---------------------------------------
ORIGINAL DESIGN
-------------------------------------  */

body.textured,
body {
    background: #E9E9E9 url('/images/body-bg.png') repeat 0 0;
    font: 13px/1.7em 'Open Sans';
}

body.marketingSite,
.marketingSite .container {
    min-width: 940px;
}

@media (max-width: 979px) {
    .marketingSite .navbar .brand {
        padding-right: 20px;
    }
}

.box-rounded-sidebar {
    border: 1px solid #e5e5e5;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 15px 20px;
    margin: 0 20px 20px 0;
}

.section-header {
    margin: 50px 0 0 0;
    padding: 50px 0 0 0;
}

.sidebar-header {
    margin: 20px 0 0 0;
}

.sidebar-spacing {
    margin: 40px 0 40px 0;
}

ul.checklist li {
    background: url('/images/check.png') no-repeat 0 4px;
    font-size: 15px;
    padding: 0 10px 0 22px;
    margin: 0 0 0 10px;
    list-style: none;
}

/* video player */

.vidContainer {
    max-width: 540px !important;
    -webkit-box-shadow: 0 0 50px #ccc;
    -moz-box-shadow: 0 0 50px #ccc;
    box-shadow: 0 0 50px #ccc;
    margin-top: 20px;
}

#posterImage {
    position: absolute;
    display: block;
    height: 304px;
    width: 540px;
    background: url('/images/video-home-poster.jpg');
}

#posterImage:before {
    color: #000000;
    content: "\25B6";
    opacity: 0.7;
    border-radius: 70px;
    padding: 20px 10px 40px 20px;
    border: 10px solid black;
    position: absolute;
    text-shadow: 0 3px black;
    z-index: 100;
    font-size: 70px;
    position: absolute;
    left: 220px;
    top: 100px;
}

#posterImage:hover:before {
    color: #CCC;
    border: 10px solid #CCC;
}

/* freshbooks / HEADER */

#header {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    text-align: center;
}

.logo {
    width: 300px;
    height: 88px;
    float: left;
}

.logo a {
    background: url('/images/logo-white.png') no-repeat left bottom;
    display: block;
    height: 75px;
}

.logo a:hover:before {
    content: url('/images/hover-home.png') no-repeat left bottom;
    float: left;
}

.header-tagline {
    display: inline-block;
    margin: 50px auto 0 auto;
    font-size: 27px;
}

.header-top-right {
    float: right;
    margin: 5px 0;
    text-align: right;
    font-size: 13px;
    color: #999;
}

.buttons-top,
.buttons-top-first {
    margin: 10px 0 0 0;
    float: right;
    overflow: hidden;
}

.buttons-top .btn {
    font-size: 12px;
}

.buttons-top .btn span {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    padding: 0 10px 5px 10px;
}

.btn-fullheight {
    padding: 25px 20px 25px 20px;
    margin: 0 0 0 5px;
}

.right-padding {
    padding: 0 10px 0 0;
}

.buttons-top-first {
    margin: 10px 10px 0 0;
}

#menu {
    background: #499ab4;
    background-color: #499ab4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    height: 47px;
    overflow: hidden;
    text-align: left;
    clear: both;
    margin: 0 0 10px 0;
}

#menu ul.menu-main {
    font-size: 16px;
    float: left;
    height: 47px;
    margin: 0px;
}

#menu ul {
    color: #fff;
    font-weight: 500;
}

#menu ul.menu-main li {
    height: 47px;
    padding: 0px;
}

#menu li {
    float: left;
    list-style: none;
}

#menu ul.menu-main li a {
    background: url('/images/menu-sep.png') repeat-y left top;
    padding: 15px 18px 14px 18px;
    display: block;
    font-weight: 600;
}

#menu a {
    color: #fff;
    text-decoration: none;
}

.menu-main2 {
    border: none;
    border: 0px;
    margin: 1px 10px 0px;
    padding: 0px;
    float: right;
}

.menu-main2 ul {
    background: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-main2 li {
    float: right !important;
    padding: 6px;
    margin: 5px;
    font-size: 13px;
}

.menu-main2 li a {
    padding: 6px;
}

.menu-main2 li a:hover,
.menu-main2 ul li:hover a,
.menu-main2 li.active a {
    background: #7accc6;
    color: #FFFFFF;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 6px;
}

#menu ul.menu-main li a:hover,
#menu ul.menu-main li.active a {
    background: #7accc6;
}

.feature {
    padding: 35px 0 15px 0;
    border-bottom: 1px solid #e7e7e7;
}

.tos span {
    text-decoration: underline;
}

.fine-print {
    display: block;
    padding: 20px;
}

.widget-signin h3,
.widget-signin i {
    font-size: 22px !important;
}

.widget-signin i {
    margin-top: -5px !important;
}

/*------------------------------------------------------------------
[FAQ Page]
Project:       Base Admin
Version:       1.0
Last change:   05/21/2012
Assigned to:   Rod Howard (rh)
-------------------------------------------------------------------*/

.faq-search {
    margin-bottom: 2em;
    text-align: right;
}

.faq-search input {
    width: 96%;
    display: block;
    padding: 2%;
}

.faq-empty {
    display: none;
}

.faq-toc {
    padding: 1.5em 0;
    margin: 2em 0 0;
    border: 1px dotted #CCC;
    border-right: none;
    border-left: none;
}

.faq-toc ol {
    padding: 0;
    margin: 0;
}

.faq-toc li {
    margin-bottom: .75em;
    list-style: none;
}

.faq-toc a {
    margin-left: .5em;
}

.faq-list {
    padding: 0;
    margin: 3em 0 0;
    list-style: none;
}

.faq-list li {
    display: table;
    margin-bottom: 2em;
}

.faq-icon {
    display: table-cell;
    padding-right: 1.25em;
    vertical-align: top;
}

.faq-text {
    display: table-cell;
    vertical-align: top;
}

.faq-number {
    width: 32px;
    height: 32px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 32px;
    color: #FFF;
    background: #F90;
    border: 3px solid #FFF;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    border-radius: 100px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
}

.btn-support-ask {
    display: block;
    font-size: 22px;
    padding: 14px 0;
    font-weight: 600;
    margin-bottom: .75em;
}

.btn-support-contact {
    display: block;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 600;
}

/*------------------------------------------------------------------
Footer inspired by recyclebank
*/

#global-footer {
    border-top: 1px solid #e8e8e8;
    padding: 20px 0 0;
}

#footer-social {
    background: url('/images/logo-footer.png') left top no-repeat;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 200px;
    text-align: center;
}

ul.footer-icons {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.footer-icons li.follow-us {
    font-size: 13px;
    line-height: 26px;
    margin-right: 10px;
    vertical-align: middle;
}

ul.footer-icons li {
    float: left;
    height: 50px;
}

ul.footer-icons li a {
    background: url('/images/Black_White_3D_Social_Icons.jpg') no-repeat;
    display: block;
    float: left;
    height: 25px;
    margin-right: 6px;
    width: 25px;
}

ul.footer-icons li.facebook a {
    background-position: -63px -9px;
}

ul.footer-icons li.facebook a:hover {
    background-position: -63px -109px;
}

ul.footer-icons li.twitter a {
    background-position: -133px -9px;
}

ul.footer-icons li.twitter a:hover {
    background-position: -133px -109px;
}

ul.footer-icons li.googleplus a {
    background-position: -168px -9px;
}

ul.footer-icons li.googleplus a:hover {
    background-position: -168px -109px;
}

ul.footer-icons li.linkedin a {
    background-position: -168px -44px;
}

ul.footer-icons li.linkedin a:hover {
    background-position: -168px -144px;
}

#footer-sitemap {
    margin-bottom: 15px;
    overflow: hidden;
    text-align: left;
}

#footer-sitemap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer-meta-info {
    border-top: 1px solid #dbdbdb;
    line-height: 2em;
    padding-top: 20px;
    text-align: center;
    font-size: 12px;
    color: #777;
}

/* vertical tabs */

.vertical-tabs-header {
    margin: 20px 10px 20px 30px;
    font-weight: 600;
}

.vertical-tabs a.active,
.vertical-tabs a.active:hover {
    background: #555;
    color: #fff;
}

.vertical-tabs a {
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    color: #555;
    text-decoration: none;
}

.vertical-tabs a,
.vertical-tabs span {
    display: block;
    margin-bottom: 2px;
    padding: 8px;
    text-transform: capitalize;
}

.vertical-tabs a:hover {
    background: #ccc;
}

.vertical-tabs {
    list-style-type: none;
}

/* Jumbotrons
-------------------------------------------------- */

.shadowbanner {
    border-bottom: 3px solid #d5d5d5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.loggedInBlock {
    margin-top: 50px;
}

.btn-huge {
    font-size: 25px;
    font-weight: normal;
    padding: 10px 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 100%;
}

.btn-huge h2 {
    color: white;
}

.btn-huge span {
    font-size: 14px;
    margin: 5px 0 0 0;
    display: inline-block;
}

.white-well {
    padding: 10px;
    overflow: auto;
    margin: 0 auto 30px;
    background: white;
    box-shadow: 0 1px 6px #bbb;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 2px;
}

.white-well-inner {
    padding: 15px;
}

/* VolunteerMark Colors Buttons */

.btn-success {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #85c525 !important;
    background-image: -moz-linear-gradient(top, #7accc6, #73bfb8) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7accc6), to(#73bfb8)) !important;
    background-image: -webkit-linear-gradient(top, #7accc6, #73bfb8) !important;
    background-image: -o-linear-gradient(top, #7accc6, #73bfb8) !important;
    background-image: linear-gradient(to bottom, #85c525, #85c525) !important;
    background-repeat: repeat-x !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff7accc6', endColorstr='#ff73bfb8', GradientType=0) !important;
    border-color: #73bfb8 #73bfb8 #7accc6 !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false) !important;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    color: #ffffff !important;
    background-color: #85c525 !important;
}

.buttoncenter {
    text-align: center !important;
}

/* Signing up for volunteer opportunities */

.signup-modal {
    margin-top: 1.5em;
    overflow: hidden;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.tab-content {
    padding: 1.5em 1em 1em 1em;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.introduction {
    margin-bottom: 5px;
    padding-bottom: 7px;
    background: transparent url('/images/bg_arrow_foursided.png') no-repeat bottom left;
    margin-left: 108px;
}

.introduction h1 {
    font-size: 13px;
    overflow: hidden;
    line-height: 23px;
    font-weight: normal;
    background: #aaa url('/images/bg_gray.png') repeat-x bottom left;
    padding: 16px 18px;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: -108px;
}

/*  signin.css */

.account-container {
    width: 380px;
    display: block;
    margin: 12px auto 20px auto;
    background: #f9f9f9;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 2px #dadada, inset 0px -3px 0px #e6e6e6;
}

.content {
    padding: 10px 28px 15px;
}

.login-fields .field {
    margin-bottom: 1.25em;
}

.login-fields label {
    display: none;
}

.login-fields input {
    font-family: 'Open Sans';
    font-size: 13px;
    color: #8e8d8d;
    padding: 11px 15px 6px 50px;
    background-color: #fdfdfd;
    height: 5%;
    /*width: 206px;*/
    display: block;
    margin: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    box-shadow: inset 2px 2px 4px #f1f1f1;
}

.username-field {
    background: url('/images/user.png') no-repeat;
}

.password-field {
    background: url('/images/password.png') no-repeat;
}

.login-actions {
    float: left;
    width: 100%;
    margin-top: -1.75em;
}

.login-social {
    float: left;
    padding: 10px 0 15px;
    border: 1px dotted #CCC;
    border-right: none;
    border-left: none;
}

span.login-checkbox {
    float: left;
    margin-top: 31px;
}

span.login-checkbox>input[type='checkbox'] {
    opacity: 0;
    float: left;
    width: 15px;
}

span.login-checkbox>input[type='checkbox']+label {
    clear: none;
    height: 15px;
    display: block;
    padding: 0 0 0 22px;
    margin: 0;
    font-size: 12px;
    line-height: 1.2em;
    background: url('/images/check.png') no-repeat 0 0;
    cursor: pointer;
}

span.login-checkbox>input[type='checkbox']:checked+label {
    background-position: 0 -15px;
}

/** Text Under Box**/

.login-extra {
    display: block;
    width: 300px;
    margin: 1.5em auto;
    text-align: center;
    line-height: 19px;
    text-shadow: 1px 1px 0px #fff;
}

.account-container h1 {
    margin-bottom: .4em;
    color: #f90;
}

.button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    float: right;
    margin-top: 18px;
}

.register .login-social {
    margin-bottom: 1em;
}

.register .login-actions {
    margin-bottom: 0;
}

.register .login-fields input {
    width: 299px;
    padding-left: 6px;
}

.register h1 {
    color: #444;
}

.register span.login-checkbox {
    position: relative;
    top: -6px;
    width: 200px;
}

.register span.login-checkbox>input[type="checkbox"]+label {
    position: relative;
    line-height: 1.3em;
}

/*calendar styling...*/

.cal-custom-day {
    margin-bottom: 30px;
}

#slide-content {
    padding: 20px;
    color: #ffffff;
    /*
background-image: url("../img/dark_wood.png");
-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
*/
    box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}

/*------------------------------------------------------------------
[7. Error / .error-container]
*/

label.error {
    color: red;
    font-size: 12px;
}

.error-container {
    margin-top: 4em;
    margin-bottom: 4em;
    text-align: center;
}

.error-container h1 {
    margin-bottom: .5em;
    font-size: 120px;
    line-height: 1em;
}

.error-container h2 {
    margin-bottom: .75em;
    font-size: 28px;
}

.error-container .error-details {
    margin-bottom: 1.5em;
    font-size: 16px;
}

.error-container .error-actions a {
    margin: 0 .5em;
}

.center {
    text-align: center;
}

.almost-full {
    width: 90%;
}

.contenteditable {
    border: 1px solid #002E72;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 1px #EEEEEE;
    -moz-box-shadow: 1px 1px 1px #eee;
    -webkit-box-shadow: 1px 1px 1px #eee;
    color: #000000;
    display: block;
    padding: 5px;
    min-height: 60px;
    text-decoration: none;
}

#signedinblock {
    margin: 0;
}

/* HELPER classes */

.padding10 {
    padding: 10px;
}

a {
    cursor: hand;
    cursor: pointer;
}

.meta_info {
    font-size: 90%;
}

/* RESPONSIVE STYLES */

@media (max-width: 767px) {
    .orgshare {
        text-align: left;
        margin: 30px 0 30px 0;
    }
}

@media (min-width: 768px) {
    .orgshare {
        text-align: right;
    }

    .volnotify h4.pull-right {
        margin-right: 20px;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .hideMobile {
        display: none !important;
    }

    .loggedInBlock,
    #signinblock {
        margin-right: 200px;
    }
}

@media (max-width: 979px) {
    .listings li {
        font-size: 80%;
    }

    .listings li .role {
        width: 40%;
    }
}

tr.volunteerhover:hover {
    background-color: #fffddb;
}

tr.communcationhover:hover {
    background-color: #fffddb;
}

.grouphover:hover {
    background-color: #fffddb;
}

/* interests (stumble upon) */

ul,
ol {
    /* list-style: none; */
    margin: 0;
    /* padding: 0; */
}

.wrapper-interests {
    overflow: auto;
    background-color: #ffffff;
}

.topics-list {
    margin: 0 2px 10px;
    float: left;
}

.topics-list li {
    padding: 1px 0;
    display: inline-block;
    width: 170px;
}

.interest-checkbox {
    position: absolute;
    left: -9999px;
    overflow: hidden;
}

.interest-label {
    padding: 0;
    display: block;
    line-height: 24px;
    text-align: left;
    text-indent: 9px;
    font-size: 12px;
    color: #888888;
    border-radius: 3px;
    border: 1px solid #ffffff;
    background: transparent url('/images/plus-check-close.png') no-repeat 95% 7px;
}

.interest-taglabel {
    padding: 0;
    display: block;
    line-height: 24px;
    text-align: left;
    text-indent: 9px;
    font-size: 12px;
    color: #888888;
    border-radius: 3px;
    border: 1px solid #ffffff;
    border-color: #d1efff;
    background-position: 94% -24px;
    background-color: #e5f6ff;
}

.interest-taglabel.checked,
.interest-taglabel.checked.active:hover {
    color: #64645a;
    font-weight: bold;
    border-color: #d1efff;
    background: transparent url('/images/plus-check-close.png') no-repeat 95% 7px;
    background-position: 94% -24px;
    background-color: #e5f6ff;
}

.interest-taglabel:hover {
    font-weight: bold;
    color: #64645a;
    border-color: #efefef;
}

.interest-label:hover {
    font-weight: bold;
    color: #64645a;
    border-color: #efefef;
}

.interest-label.checked,
.interest-label.checked.active:hover {
    color: #64645a;
    font-weight: bold;
    border-color: #d1efff;
    background-position: 94% -24px;
    background-color: #e5f6ff;
}

.interest-label.checked:hover {
    background-position: 95% -54px;
    background-color: #ffffff;
    border-color: #e5adad;
}

.interest-label.checked.active.span3 {
    width: 200px;
    margin-bottom: 5px;
}

.interest-label.checked.active.span2 {
    width: 150px;
    margin-bottom: 5px;
}

.modal-header:hover {
    cursor: move;
}

@media (min-width: 1200px) {
    .inline {
        disply: inline;
    }

    #changeLocation {
        margin-right: 5%;
    }

    #zipCode {
        margin-right: 5%;
    }

    .moreresults {
        data-more: 5;
    }

    #noresults {
        display: none;
    }
}

/* calendar event sub class*/

.event1 {
    display: block;
    /*
margin-right: 2px;
margin-bottom: 2px;
border-radius: 8px;
border: 1px solid #ffffff;*/
}

.cal-day-outmonth div {
    opacity: 0.1;
    cursor: default;
}

.cal-day-outmonth span {
    opacity: 0.1;
    cursor: default;
    display: none;
}

.cal-day-outmonth span {
    opacity: 0.1;
    cursor: default;
    display: none;
}

.cal-day-outmonth {
    visibility: hidden;
}

.navbar .navbar-inner .dropdown-toggle .caret {
    border-top-color: #FFF !important;
    border-bottom-color: #fff !important;
}

.form-horizontal .form-group .control-label {
    margin-bottom: 12px;
}

/*
.widget-content #volunteerForm #firstname {
width:270px;
}
.widget-content #volunteerForm #lastname {
width:270px;
}*/

.publicpositions .container #volCalendar .col-sm-8 {
    margin-left: 80px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-image: none;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: transparent;
}

#invoice {
    font-family: Arial;
}

#fullname {
    margin-top: 2px;
}

#affiliationRadios {
    margin-left: -9%;
}

.align-class {
    text-align: left
}

.thumbnail:hover {
    background: #ffbb1c;
}

.pager li>a,
.pager li>span {
    padding-right: 8px;
    padding-left: 9px;
}

#emailerror {
    color: red;
}

/* NOTIFICATIONS */

.vm_volunteernotifications h3 {
    font-size: 18px;
}

.vm_volunteernotifications #hours {
    margin-bottom: 10px;
}

.vm_volunteernotifications h4.inline {
    margin-left: 15px;
}

.vm_volunteernotifications .widget-content {
    margin-bottom: 10px;
}

.vm_volunteernotifications .calendar {
    float: none;
    display: inline-block;
    margin: 0 10px 15px 0;
}

.vm_volunteernotifications .tab-content {
    padding: 0;
    background: transparent;
}

.recurringposition .widget-content,
.recurringpositionind .widget-content {
    margin: 10px;
}

.recurringposition .col-sm-2 h4 {
    height: 40px;
    overflow-y: visible;
}

.recurringposition h5,
.recurringpositionind h5 {
    color: #999;
    font-size: 12px;
    margin: 10px 0 0 0;
}

.inline-block {
    display: inline-block;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1200;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    z-index: 999999;
}

.dropscrollbar {
    height: auto;
    max-height: 275px;
    overflow-x: hidden;
}

.settings-inactive-user a.switchUser {
    color: inherit;
    padding: 10px 40px;
    text-decoration: none
}

.settings-inactive-user a.switchUser {
    display: block;
    overflow: auto;
    border-bottom: 1px solid #d2d2d2;
}

.settings-active-user {
    clear: both;
    overflow: hidden;
    padding: 20px 10px 20px 20px;
    border-bottom: 1px solid #d2d2d2;
}

.settings-active-user:hover {
    background: none !important;
    color: #000 !important;
    font-size: normal !important;
}

.settings-inactive-user:hover {
    background: #eee;
}

.settings-inactive-user {
    background: #f5f5f5;
    overflow: auto;
}

.settings-active-avatar,
.settings-inactive-avatar {
    float: left;
    padding: 0px 10px 0px 0px;
}

.settings-footer .sign-out {
    float: right;
    margin: 0;
}

.opportun-main .settings-footer .sign-out {
    color: #000;
}

.img-circle {
    border-radius: 50%;
}

.settings-inactive-avatar img {
    margin-right: 5px;
}

.settings-inactive-user a.switchUser {
    display: block;
    overflow: auto;
    border-bottom: 1px solid #d2d2d2;
}

.navbar .donor-dropdown {
    width: 350px;
    padding: 0;
}

.settings-footer {
    background: #f5f5f5;
    padding: 10px 20px;
    overflow: hidden;
    clear: both;
}

.login-input-field {
    padding-left: 10px !important;
}

.noti-responsive {
    display: block;
    height: auto;
    margin: 0 auto;
    text-align: center;
    color: #aaaaaa;
    font-size: 150px;
}

.noti-text {
    margin-left: 325px !important;
}

.settings-details small {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.opportun-main .settings-details small {
    font-size: 85%;
    line-height: 1.7em;
}

.nounderline:hover,
.nounderline:active {
    text-decoration: none !important;
}

.datezindex {
    z-index: 1000 !important;
}

@media (max-width: 640px) {
    .widget-content .btn-lg {
        font-size: 14px;
        padding: 8px 8px
    }
}

.v-submit-btn {
    margin: 10px 28px;
}

@media (min-width: 480px) {
    .v-submit-btn {
        margin: 5px 10px;
    }
}

.calender-control-go {
    margin-left: 10%
}

@media (max-width: 1200px) {
    .calender-control-go {
        margin-left: 15px;
    }
}

.calender-control-btn {
    float: right
}

@media (max-width: 766px) {
    .calender-control-go {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .calender-div {
        width: 100%;
        display: block;
    }

    .mob-margin15 {
        margin: 15px 0px
    }

    .calender-control-btn {
        float: left;
        margin-left: 15px;
    }

    .calender-div {
        margin-left: 15px
    }

    .btn-round {
        padding: 3px 8px !important
    }
}

/*.mob-width150{ max-width: 91px; display: block; float: left;} */

@media (max-width: 480px) {
    #big_stats .stat h4 {
        min-height: 48px;
        padding: 3px;
    }
}

.backout:hover {
    text-decoration: none;
}

.grpmarging {
    margin-left: 57px;
}

.widgetmargin {
    margin-bottom: -4px !important;
}

@media (max-width: 768px) {
    .m-center {
        text-align: center;
    }

    .float-lr {
        float: left !important;
    }

    .float-lr-cri {
        float: none !important;
    }

    .float-rc {
        float: none !important;
        text-align: center;
    }

    .dropscrollbar {
        max-width: none;
    }

    #big_stats .stat {
        word-break: break-word;
        margin-bottom: 1em;
    }

    #big_stats .stat .value {
        font-size: 20px;
    }

    .text-alignment {
        text-align: left !important;
        margin-top: 5px;
    }

    .m-view-select .form-group {
        margin-bottom: 5px !important;
    }

    .m-view-select .form-group select {
        display: inline-block;
        width: 35%;
        margin-right: 5px;
    }

    .m-view-select .form-group select.floatleft {
        float: left;
    }

    .float-lr .btn-group {
        margin-bottom: 5px;
    }
}

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

.widget .widget-header h3 {
    margin-right: 1em;
}

.customheight {
    height: 12% !important;
}

.float-lr,
.float-lr-cri {
    float: right;
}

.float-rc {
    float: right;
}

.nav-green {
    background-color: #85c525 !important;
}

.nav-green:hover,
.nav-green:focus {
    background-color: #85c525 !important;
    color: #e5e5e5 !important;
}

.m-t {
    margin-top: 5%;
}

.box {
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 170px;
    position: relative;
}

.box a.b-close {
    margin-top: -5px;
    float: right;
}

.characterlimit {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pad-mar {
    padding: 10px;
    margin-bottom: 0;
}

/*.btn-close:after {*/

.cause-delete {
    color: #777;
    font-size: 16px;
    text-decoration: none;
    text-shadow: 0 2px 0 #fff;
    top: 5px;
}

.pad15 {
    padding: 10px;
}

.border-round {
    border: 1px solid;
    border-radius: 50%;
    padding: 10px 12px;
}

.bg-l-gray {
    background: #e5e5e5;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.box-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.text-plus {
    color: #bbb;
    /* display: flex;
// justify-content: center;
// align-items: center;
//text-align: center; */
}

.text-plus:hover {
    text-decoration: none;
}

.form-calendar {
    margin-left: 0 !important;
    margin-bottom: 30px;
}

.form-calendar .form-group {
    margin-right: 20px;
}

#dto-style,
#pto-style,
#psearchresultId,
#dsearchresultId,
#osearchresultId {
    margin-left: 0 !important;
}

@media (max-width:768px) {
    .form-calendar .form-group {
        margin-bottom: 15px;
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .form-inline .inline-block-width {
        vertical-align: middle;
        width: auto !important;
    }
}

input[placeholder].input-limit {
    text-overflow: ellipsis;
}

::-moz-placeholder.input-limit {
    text-overflow: ellipsis;
}

/* firefox 19+ */

input:-moz-placeholder.input-limit {
    text-overflow: ellipsis;
}

/*-----------------------------------  Volunteer Dashboard  -----------------------------------*/

.pad-15 {
    padding: 15px !important;
}

.pad-15 .col-sm-6 {
    padding-bottom: 10px;
}

.martopzero {
    margin-top: 0px;
    margin-bottom: 0px;
}

.red-color {
    color: red;
    margin-left: 5px;
}

@media (max-width: 768px) {
    .font-xs .col-xs-1 {
        font-size: xx-small;
    }

    .m-l-0 {
        margin-left: 0 !important;
    }
}

@media (max-width: 991px) {
    .m-table-responsive {
        overflow-x: auto;
    }
}

.m-t-r-w {
    width: 120px;
}

.wid100 input {
    width: 100%;
}

.wid100 .col-sm-4 {
    height: 40px !important;
}

/*@media (max-width: 480px) {
.tag-list .tags-input {
width: 225px !important;
}
}*/
/*-----------------------------------  ***Start***Custom Buttons  -----------------------------------*/
/*''''Sizes''''*/

.btn_xl {
    padding: 15px 70px;
    font-size: 22px;
    line-height: 1.33;
    border-radius: 6px;
}

/*''''Colors''''*/

.btn_green {
    color: #ffffff;
    background-color: #85c525;
}

.btn_green:hover,
.btn_green:focus {
    background: #7cb722;
    color: #ffffff !important;
}

.btn_orange {
    color: #ffffff;
    background-color: #de601f;
}

.btn_orange:hover,
.btn_orange:focus {
    background: #ce581c;
    color: #ffffff;
}

.btn_white {
    color: #333333;
    background-color: #ffffff;
    border-color: #dddddd;
}

.btn_white:hover,
.btn_white:focus {
    background: #ebebeb;
    color: #333333;
}

.btn_outline {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
}

.btn_outline:hover,
.btn_outline:focus {
    background: transparent;
    color: #85c525;
    border: 1px solid #85c525;
}

.btn_outline_g {
    background-color: transparent;
    color: #85c525;
    border-color: #85c525;
}

.btn_outline_g:hover,
.btn_outline_g:focus {
    background: #85c525;
    color: #ffffff;
    border: 1px solid #85c525;
}

.btn_danger {
    background-color: #d9534f;
    color: #ffffff;
    border-color: #d9534f;
}

.btn_danger:hover,
.btn_danger:focus {
    background: #ca4642;
    color: #ffffff;
}

/*-----------------------------------  Custom Buttons***End***  -----------------------------------*/

.profileimg {
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 50%;
    font-size: 16px;
    background: #85c525;
    color: #fff;
    text-align: center;
    line-height: 32px;
    text-decoration: none;
}

#progprofimage {
    width: 350px;
    height: 180px;
    display: block;
}

/* -----------limit in calender ----------------*/

.caloverlap {
    word-break: break-word;
}

/* ----  add notes ------- */

.saved-notes {
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    padding: 10px;
    color: #777777;
}

.saved-notes h3 {
    font-size: 18px;
}

.saved-notes h3 small {
    margin-right: 10px;
}

#canvas {
    width: 400px;
    height: 200px;
}

/*-------------Surya styles ----------------*/

.m-b-24 {
    margin-bottom: 24px;
}

.p-r-0 {
    padding-right: 0px;
}

.overflow {
    overflow: hidden;
}

.m-neg {
    margin-top: -50px;
}

.p-lr-0 {
    padding-right: 0px;
    padding-left: 0px;
}

.m-l-16 {
    margin-left: 16px;
}

.p-lr-47 {
    padding-left: 47px !important;
    padding-right: 47px !important;
}

.f-normal {
    font-weight: normal;
}

.fw-bold {
    font-weight: bold !important;
}

.p-lr-64 {
    padding-right: 64px !important;
    padding-left: 64px !important;
}

.text-lb-gray {
    color: #4a4a4a !important;
}

.p-50 {
    padding: 50px 0px;
}

.p-32 {
    padding: 32px 0px;
}

.fs-12 {
    font-size: 12px;
    font-weight: normal;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-20 {
    font-size: 20px;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

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

.m-b-16 {
    margin-bottom: 16px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-b-0 {
    margin-bottom: 0px;
}

.m-t-0 {
    margin-top: 0px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-70 {
    margin-top: 70px;
}

.lb-btn {
    color: #ffffff !important;
    text-decoration: none !important;
}

.m-tb-50 {
    margin: 50px 0px;
}

.fw-500 {
    font-weight: 500 !important;
}

.ob-heading {
    margin-top: 60px;
    margin-bottom: 40px;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.33;
    color: #000000;
}

.ob-nv--height {
    height: 77px;
    line-height: 77px;
}

.ob-nv--height .ob-nv--margin {
    margin-top: 13px;
}

.ob-nv--height .ob-nv--margin .navbar-header {
    width: 100%;
}

.ob-nv--height .navbar-brand>img {
    margin-top: -10px;
}

.ob-card--wrapper {
    width: 300px;
    min-height: 270px;
    margin: 0px auto;
}

.ob-card--wrapper .ob-card {
    width: 300px;
    height: 120px;
    background-color: #ffffff;
    background-color: var(--white);
    box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.09);
    margin-bottom: 30px;
    position: relative;
    padding: 30px 18px;
    box-sizing: border-box;
    clear: both;
}

.ob-card--wrapper .ob-card .ob-card--img {
    width: 60px;
    height: 60px;
    background-color: #ebebeb;
    border: none;
    border-radius: 50%;
    float: left;
}

.ob-card--wrapper .ob-card .ob-card--content {
    float: left;
    padding-left: 15px;
    padding-top: 3px;
}

.ob-card--wrapper .ob-card .ob-card--content .ob-card--name {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #000000;
    line-height: 29px;
}

.ob-card--wrapper .ob-card .ob-card--content .ob-card--title {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #4a4a4a;
}

.ob-card--wrapper .ob-card .ob-circle {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: #41a7ec;
    border: 2px solid #0791cd;
    box-shadow: 0 2px 4px 0 rgba(161, 161, 161, 0.5);
}

.ob-card--wrapper .ob-card .ob-circle.right {
    position: absolute;
    right: -8px;
    top: -8px;
}

.ob-card--wrapper .ob-card .ob-circle.left {
    position: absolute;
    left: -8px;
    bottom: -8px;
}

.ob-card--wrapper .ob-card .ob-howitworks {
    clear: both;
}

.ob-card--wrapper .ob-card .ob-howitworks.left {
    position: absolute;
    text-align: right;
    left: -310px;
    bottom: -88px;
    width: 100%;
}

.ob-card--wrapper .ob-card .ob-howitworks.right {
    position: absolute;
    right: -316px;
    text-align: left;
    width: 100%;
    top: 8px;
}

.ob-card--wrapper .ob-card .ob-howitworks p {
    margin: 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.43;
}

.ob-card--wrapper .ob-card .ob-howitworks p.ob-text-blue {
    font-weight: 500;
    color: #0791cd;
}

.ob-card--wrapper .ob-card .ob-howitworks p.ob-text-gray {
    color: #4a4a4a;
}

.ob-profileimage {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #ebebeb;
}

.modal .obflow-card {
    width: 781px;
    min-height: 454px;
    background-color: #ffffff;
    box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.09);
    padding: 40px;
    margin: 77px auto;
}

.modal .obflow-card .obflow-steps--container {
    margin: 40px auto;
    width: 275px;
}

.modal .obflow-card .obflow-steps--container .obflow-steps {
    z-index: 100;
    display: inline-block;
    line-height: 28px;
    width: 28px;
    height: 28px;
    background-color: #dadada;
    color: #ffffff;
    text-align: center;
    border-radius: 50%;
    position: relative;
    margin-left: 46px;
}

.modal .obflow-card .obflow-steps--container .obflow-steps.step-active {
    background-color: #0791cd;
}

.modal .obflow-card .obflow-steps--container .obflow-steps.step-active:before {
    background-color: #0791cd;
}

.modal .obflow-card .obflow-steps--container .obflow-steps:before {
    z-index: 99;
    content: "";
    height: 4px;
    width: 50px;
    background-color: #dadada;
    position: absolute;
    left: -50px;
    margin-top: 12px;
}

.modal .obflow-card .obflow-steps--container .obflow-steps:first-child {
    margin-left: 0px;
}

.modal .obflow-card .obflow-steps--container .obflow-steps:first-child:before {
    display: none;
}

.modal .obflow-card .obflow-stepcontent--wrapper {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content1 {
    min-height: 300px;
    display: none;
    width: 100%;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content1.active {
    display: block;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content1 .step-heading {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.33;
    text-align: center;
    color: #000000;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content1 .step-text {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
    color: #4a4a4a;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content1 .step-content {
    width: 500px;
    margin: 0px auto;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content1 .step-content .br-none {
    border-radius: none;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content1 .step-content .ob-text-gray {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    color: #4a4a4a;
    font-weight: normal;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content2 {
    min-height: 300px;
    display: none;
    width: 100%;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content2.active {
    display: block;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content2 .step-heading {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.33;
    text-align: center;
    color: #000000;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content2 .step-text {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
    color: #4a4a4a;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content2 .step-content {
    width: 500px;
    margin: 0px auto;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content2 .step-content .br-none {
    border-radius: none;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content2 .step-content .ob-text-gray {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    color: #4a4a4a;
    font-weight: normal;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content3 {
    min-height: 300px;
    display: none;
    width: 100%;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content3.active {
    display: block;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content3 .step-heading {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.33;
    text-align: center;
    color: #000000;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content3 .step-text {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
    color: #4a4a4a;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content3 .step-content {
    width: 500px;
    margin: 0px auto;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content3 .step-content .br-none {
    border-radius: none;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content3 .step-content .ob-text-gray {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    color: #4a4a4a;
    font-weight: normal;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content4 {
    min-height: 300px;
    display: none;
    width: 100%;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content4.active {
    display: block;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content4 .step-heading {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.33;
    text-align: center;
    color: #000000;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content4 .step-text {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
    color: #4a4a4a;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content4 .step-content {
    width: 500px;
    margin: 0px auto;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content4 .step-content .br-none {
    border-radius: none;
}

.modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content4 .step-content .ob-text-gray {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    color: #4a4a4a;
    font-weight: normal;
}

.br-none {
    border-radius: 0px !important;
    box-shadow: none;
}

.ob-org-logo {
    width: 80px;
    height: 80px;
    border-radius: 5px;
    background-color: #ebebeb;
    position: relative;
}

.ob-org-logo .ob-orgicon {
    font-size: 24px;
    color: #9b9b9b;
    position: absolute;
    left: 27px;
    top: 43%;
    margin-top: -12px;
}

@media screen and (max-width: 745px) {

    .ob-card--wrapper .ob-card .ob-circle,
    .ob-card--wrapper .ob-card .ob-howitworks {
        display: none;
    }

    .modal .obflow-card {
        width: 96% !important;
        padding: 40px 20px;
    }

    .modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content1 .step-content {
        width: 100%;
    }

    .modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content2 .step-content {
        width: 100%;
    }

    .modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content3 .step-content {
        width: 100%;
    }

    .modal .obflow-card .obflow-stepcontent--wrapper .obflow-steps--content4 .step-content {
        width: 100%;
    }
}

.input-helptext {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.67;
    text-align: left;
    color: #9b9b9b;
}

.m-b-40 {
    margin-bottom: 40px;
}

.ob-table {
    width: 100%;
}

.ob-table thead>tr>th {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #4a4a4a;
    font-weight: normal;
}

.ob-table tbody tr td {
    border: none !important;
}

.ob-checkbox {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 0px;
}

.ob-field {
    min-height: 34px;
    border-radius: 5px;
    background-color: #ebebeb;
    width: 100%;
    padding: 0px 10px;
    line-height: 34px;
    position: relative;
}

.ob-field span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    color: #4a4a4a;
}

.ob-field input[type="checkbox"] {
    position: absolute;
    top: 7px;
    left: 180px;
}

.ob-field input[type="checkbox"]:checked {
    background-color: #85c525;
}

.ob-select {
    -webkit-appearance: none;
    border-radius: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAATVJREFUOBFjYBgFhEKAGaTAwcGBR1VVVeTevXufCWmAybu5ucmKiYn9fvLkyR+QGBOIYGdnt2dlZT3u6upqAOITAkBD7JiZmY/x8/PD1YMNevPmza5///4tBRq23cvLywSfQe7u7o5AQ9b///9/0o4dO07B1IK99vz583937tzZC/QeL1DBBCUlpUN37959ClMEo4GWuDIxMa0BqmkAGtIPFP8PkwMbBOPcvn37ANAwVqCNkxUVFY8CDXsMkwO6xANoyEqgy6uBhkyBicNoFINAgkCXHVZRUWEEGaasrHwcyH/k4eHhBeQvA7qkDGjITJhmZBrDIKhhR4GG/GFkZJwAdCEH0CWdQJcUAw2Zh6wZmY3VIKhhJ4Au+w40rA6Ic7dv374YWSPJbCcnJ3mSNY1qoG0IAADojXEbdiSzUAAAAABJRU5ErkJggg==") no-repeat right 10px top 8px;
}

.p-0 {
    padding: 0px;
}

.p-l-0 {
    padding-left: 0px;
}

.p-r-0 {
    padding-right: 0px;
}

.p-t-0 {
    padding-top: 0px;
}

.p-b-0 {
    padding-bottom: 0px;
}

.p-5 {
    padding: 5px;
}

.p-l-5 {
    padding-left: 5px;
}

.p-r-5 {
    padding-right: 5px;
}

.p-t-5 {
    padding-top: 5px;
}

.p-b-5 {
    padding-bottom: 5px;
}

.p-10 {
    padding: 10px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-15 {
    padding: 15px;
}

.p-l-15 {
    padding-left: 15px;
}

.p-r-15 {
    padding-right: 15px;
}

.p-t-15 {
    padding-top: 15px;
}

.p-b-15 {
    padding-bottom: 15px;
}

.u-card {
    background: #ffffff;
    padding: 20px;
    border-bottom: 1px solid #eaeaea;
    margin: 0 10px;
}

.p5 {
    border: 5px solid #c3deb7;
}

.pl5 {
    border-left: 5px solid #c3deb7;
}

.pr5 {
    border-right: 5px solid #c3deb7;
}

.pb5 {
    border-bottom: 5px solid #c3deb7;
}

.pt5 {
    border-top: 5px solid #c3deb7;
}

.p10 {
    border: 10px solid #c3deb7;
}

.pl10 {
    border-left: 10px solid #c3deb7;
}

.pr10 {
    border-right: 10px solid #c3deb7;
}

.pb10 {
    border-bottom: 10px solid #c3deb7;
}

.pt10 {
    border-top: 10px solid #c3deb7;
}

.p15 {
    border: 15px solid #c3deb7;
}

.pl15 {
    border-left: 15px solid #c3deb7;
}

.pr15 {
    border-right: 15px solid #c3deb7;
}

.pb15 {
    border-bottom: 15px solid #c3deb7;
}

.pt15 {
    border-top: 15px solid #c3deb7;
}

.ob-btn {
    color: #ffffff !important;
}

.btn-green {
    background-color: #85c525;
}

.btn-green:hover {
    background-color: #77b021;
    color: #ffffff;
}

.btn-green:focus {
    color: #ffffff;
}

.widget.widget-table .table {
    margin-bottom: 0px !important;
}

.text-green {
    color: #85c525;
}

.link-size {
    font-size: 15px;
}

.fileupload-button .qq-uploader .qq-upload-button {
    display: block;
    width: 92px !important;
    padding: 4px 0;
    text-align: center;
    background-color: #85c525 !important;
    border-bottom: 1px solid #DDD;
    color: #ffffff;
    margin-top: 0;
    border-radius: 5px;
    margin-right: 114px;
    margin-bottom: 0;
    float: right;
}

.fileupload-button ul.qq-upload-list {
    width: auto;
    left: auto;
    right: 265px;
}

.fileupload-button .qq-drop-processing {
    display: none !important;
}

.fileupload-button ul.qq-upload-list .qq-upload-file,
.fileupload-button ul.qq-upload-list li.qq-upload-success {
    display: block !important;
}

.fileupload-button .qq-upload-list li.qq-upload-success {
    background-color: #ffffff;
    color: #555555;
}

.custombuttonarrange span {
    position: relative;
    top: -2px;
}

#eventSecondSection .error[style="color: rgb(255, 0, 0);"] {
    position: absolute;
    left: 0;
    bottom: -26px;
    width: 227%;
}

#eventSecondSection .form-horizontal .form-group {
    margin-bottom: 19px;
}

.marketing-bar>p>i {
    float: right;
    cursor: pointer;
    line-height: 40px;
    opacity: 0.7;
    color: #fff;
}

.marketing-bar>p>i:hover {
    opacity: 1;
    color: #fff;
}

.ob-addfield {
    min-height: 34px;
    border-radius: 5px;
    background-color: #ebebeb;
    width: 100%;
    padding: 0px 10px;
    line-height: 34px;
    position: relative;
}

.ob-addfield span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    color: #4a4a4a;
}

.ob-addfield input[type="checkbox"] {
    position: absolute;
    top: 7px;
    left: 180px;
}

.ob-addfield input[type="checkbox"]:checked {
    background-color: #85c525;
}

.onboardclose {
    position: absolute;
    top: 36px;
    right: 20px;
    color: #4a4a4a;
}

.modal .obflow-card {
    position: relative;
}

.textured .navbar {
    border-radius: 0;
    border-bottom: 0;
    border: 0;
}

.jumbotron-org.donate_today {
    height: 250px !important;
    width: 100% !important;
}

.org-profile-card img {
    max-width: 180px;
    max-height: 100px;
}

.textured .navbar-brand img {
    max-height: 40px;
    display: inline-block;
}

.orgmargin {
    margin-top: -110px !important;
}

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

.widgetrmvbor .person {
    width: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
}

.widgetrmvbor .person-photo {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.widgetrmvbor .person-photo :nth-last-child() {
    border-bottom: 0;
    padding-bottom: 10px;
}

.newcaldisplay .btn_white {
    background-color: #fff;
    color: #555;
}

.border-left-ctrl {
    border-left: 1px solid #ebebeb;
}

.b-right.min-height--700 {
    border: 0;
}

.opportunity-tab-main .tab-content {
    padding: 0;
    margin: 0;
}

.oppurtunitydetails {
    padding-bottom: 25px;
}

#switchCharity .switchaccount:hover .card-header {
    background: #efefef;
}

.opportun-main .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.opportun-main .ladda-button,
.opportun-main .ladda-button .ladda-label {
    font-size: 14px;
    padding: 8px 14px;
    color: #fff !important;
    line-height: 1.45;
    font-weight: 500;
    text-shadow: initial;
}

.module-card-title a {
    background-image: none;
    color: white;
}

.op-orglogo {
    border: 1px solid #ebebeb;
    box-shadow: none;
    width: 100%;
    height: 100px;
}

.opportun-main .op-orglogo,
.textured .op-orglogo {
    padding: 5px 0;
    height: auto;
}

.opportun-main .op-orglogo img,
.textured .op-orglogo img {
    max-width: 180px;
    max-height: 101px;
    display: block;
    margin: 0 auto;
    text-align: center;
    border: 0 !important;
    width: 100% !important;
    height: 101px !important;
}

.tab-pane .qq-upload-success .qq-upload-cancel {
    position: absolute;
    top: 7px;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 14px !important;
}

.login-new-color-ctrl .btn.btn-login {
    color: #000;
}

#communications #email_files_div .qq-uploader .qq-upload-button {
    position: relative;
    z-index: 999;
}

#communications #email_files_div .qq-uploader .qq-upload-list {
    position: relative;
    margin-top: 1px;
    text-align: left;
    right: auto;
    padding-left: 0;
    display: block;
    float: left;
    width: 100%;
    left: 0;
}

#communications #email_files_div .qq-uploader .qq-upload-list li {
    padding-left: 0;
}

.module-card-title label {
    font-weight: bold;
    float: left;
}

.opportunitylist .prgname {
    min-height: 1px;
}

#emailForm .qq-upload-success {
    position: relative;
}

#emailForm .fileupload-button .qq-uploader .qq-upload-button {
    float: left;
    margin-right: 0;
}

#emailForm .form-group>.input-icon.block.col-xs-12.no-padding {
    padding-left: 18%;
    margin-top: -27px;
}

#emailForm .fileupload-button ul.qq-upload-list .qq-upload-file {
    display: inline-block !important;
}

#emailForm .fileupload-button ul.qq-upload-list .qq-upload-success .qq-upload-delete {
    font-size: 0;
    width: 12px;
    height: 12px;
    position: relative;
    top: -5px;
    display: inline-block !important;
}

#emailForm .fileupload-button ul.qq-upload-list .qq-upload-success .qq-upload-delete:after,
#emailForm .fileupload-button ul.qq-upload-list .qq-upload-success .qq-upload-delete:before {
    content: "";
    width: 12px;
    height: 2px;
    background: red;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 6px;
}

#emailForm .fileupload-button ul.qq-upload-list .qq-upload-success .qq-upload-delete:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#emailForm .fileupload-button ul.qq-upload-list .qq-upload-success .qq-upload-delete:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

@media (min-width: 768px) {
    .calendar.col-sm-1 {
        width: 6.333333333333332%;
    }
}

@media (max-width: 767px) {
    .module-card-title label {
        float: none;
        display: block;
    }

    .module-card-title .pull-right {
        margin: 0 auto 5px;
    }

    .module-card .tab-content {
        padding-top: 0;
    }

    .bx-wrapper {
        margin-bottom: 20px !important;
    }

    .opportunitylist .prgname {
        font-size: 14px;
        line-height: 18px;
    }

    #placeHolderModel .table>thead>tr>th,
    .table>tbody>tr>th,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>tbody>tr>td,
    .table>tfoot>tr>td {
        padding: 4px 2px;
    }

    #back-to-top {
        bottom: 71px !important;
    }

    #placeHolderModel .modal-footer {
        /* padding-right: 66px; */
        clear: both;
    }

    #placeHolderModel .btn-sm,
    #placeHolderModel span.btn {
        padding-left: 2px;
        padding-right: 2px;
    }

    #popupModel .modal-footer {
        padding-left: 12px;
        padding-right: 12px;
    }

    .form-horizontal#programForm .col-sm-3,
    .form-horizontal#programForm .col-sm-5,
    .form-horizontal#programForm {
        width: 100%;
        float: none;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #placeHolderModel .modal-body {
        float: none;
        clear: both;
        width: 100%;
    }

    #js-pro-edituser-details {
        display: none;
    }

    p.col-md-7.col-sm-8.col-xs-9 {
        margin-left: 0 !important;
        width: 100%;
    }

    .obflow-steps--content4.active .step-content .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .obflow-steps--content4.active .step-content .col-sm-12 {
        padding-left: 5px;
        padding-right: 5px;
    }

    #placeHolderModel>.obflow-card {
        padding-left: 5px;
        padding-right: 5px;
    }

    #placeHolderModel .checkbox input[type="checkbox"] {
        margin-left: 1px;
    }

    #placeHolderModel .checkbox label span {
        float: left;
    }

    .form-horizontal#editVProfileForm fieldset {
        width: 100% !important;
        min-width: inherit !important;
    }

    .form-horizontal#editVProfileForm fieldsetinput {
        width: 100% !important;
        padding-left: 0 !important;
    }

    .form-horizontal#editVProfileForm fieldset textarea {
        width: 100% !important;
    }

    .form-horizontal#editVProfileForm fieldset label[for="fileImg"] {
        width: 100% !important;
    }

    #location1[placeholder="City or ZIP"] {
        margin: 10px 0;
    }

    .orglisting-page .opportunitylist .org-page .col-sm-2 img {
        width: 100%;
    }
}

@media (max-width: 419px) {
    .form-horizontal#programForm fieldset .form-group {
        width: 98%;
    }

    /* .form-horizontal#editVProfileForm fieldset .form-group {

} */
}

@media (max-width: 412px) {
    input[value="I've changed my mind!"] {
        margin-top: 10px;
    }
}

@media (max-width: 374px) {
    .form-horizontal#programForm fieldset .form-group {
        width: 82%;
    }

    #popupModel .modal-body {
        padding-left: 3px;
        padding-right: 3px;
    }

    #popupModel .modal-footer {
        padding-left: 2px;
        padding-right: 80px !important;
    }
}

@media (max-width: 767px) {
    #placeHolderModel2 .modal-footer {
        padding-right: 80px;
    }

    #popupModel .modal-footer {
        padding-left: 2px;
        padding-right: 80px !important;
    }
}

@media(min-width: 992px) and (max-width: 1024px) {
    .nav>li>a {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .nav>li>a {
        padding: 15px 5px;
    }
}

.org-profile-info * {
    word-break: break-all;
}

.org-profile-info .orgnamefor {
    word-break: normal !important;
}

.p-l-35 {
    padding-left: 35px;
}

.box-ctrl.doc,
.document-actions {
    z-index: 999;
}

.opportunity-tab-main span.box-ctrl,
#positionForm span.box-ctrl,
span.box-ctrl {
    display: block;
    border: 1px solid #ebebeb;
    position: relative;
    height: 200px;
}

.opportunity-tab-main span.box-ctrl.doc,
#positionForm span.box-ctrl.doc {
    height: 200px;
}

.opportunity-tab-main span.box-ctrl .document-actions,
#positionForm span.box-ctrl .document-actions,
span.box-ctrl .document-actions {
    display: block;
    position: absolute;
    top: 12px;
    right: 53px;
    margin: auto;
    padding: 8px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.75);
    border: 0;
}

.link-white,
.link-white:hover,
.link-white:visited,
.link-white:active {
    color: #ffffff;
}

label.upload-f-lable .material-icons {
    position: relative;
    top: 5px;
}

.document-actions>div {
    height: 24px;
}

.box-ctrl-close {
    position: absolute;
    right: -2px;
    top: -8px;
    background: rgba(0, 0, 0, 0.8);
    padding: 3px;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.newstyle-close .box-ctrl-close,
.newstyle-close .box-ctrl small {
    background-color: #000;
    right: -3px;
    top: 0px;
    border-radius: 100%;
    width: 19px;
    height: 19px;
}

.newstyle-close .box-ctrl-close .fa,
.newstyle-close .box-ctrl small .fa {
    left: -0.5px;
    top: -3px;
}

.box-ctrl-close .fa {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    top: -3px;
    position: relative;
    padding: 0;
    left: 1px;
}

.checkbox-ctrl {
    float: left;
    width: 100%;
    padding: 3px 0;
    position: relative;
}

.checkbox-ctrl .checkbox-one-ctrl,
.checkbox-ctrl .clearfix,
.checkbox-ctrl .pull-left {
    display: inline-block !important;
    vertical-align: middle !important;
    float: left !important;
    width: auto !important;
}

.checkbox-ctrl .js-common-file {
    display: inline-block;
    float: left;
}

.checkbox-ctrl .bootstrap-datetimepicker-widget {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
}

#stepone2 .stepOne-form-ctrl>div {
    float: left;
}

.checkbox-ctrl .bootstrap-datetimepicker-widget .form-control {
    height: 32px;
    padding: 3px 12px;
}

.checkbox-ctrl>.pull-left {
    width: 33% !important;
}

.checkbox-ctrl .clearfix.m-t-10 {
    margin-top: 0;
}

.checkbox-ctrl .pull-left div {
    width: 100% !important;
}

.checkbox-ctrl div .qq-upload-drop-area {
    display: none !important;
}

.checkbox-ctrl .js-images-upload {
    width: 202px !important;
}

.rotate-cls img {
    transform: rotate(41deg);
    -webkit-transform: rotate(41deg);
    margin-right: 10px;
}

.checkbox-ctrl .js-images-upload #docupload {
    height: 0px;
    line-height: 0px;
}

.checkbox-ctrl .qq-uploader {
    width: 100% !important;
    display: table !important;
}

.checkbox-ctrl .fileupload {
    width: 100% !important;
}

.checkbox-ctrl label.upload-f-lable .material-icons {
    font-size: 19px;
}

.checkbox-ctrl label.upload-f-lable {
    padding-top: 1px;
}

.checkbox-ctrl .js-docbox {
    margin-top: 14px;
    margin-bottom: 5px;
}

.lb-anchor:hover,
.lb-anchor:focus,
.lb-anchor:active {
    color: #23527c !important;
}

.relative {
    position: relative;
}

.vm-notifier--label {
    /* position: absolute; */
    padding: 10px 20px;
    /*background-color: #c8f08f;*/
    color: #ff9900;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 18px;
    border-radius: 3px;
    margin: 7px 0px;
    top: 0px;
    right: 200px;
    display: none;
}

@media(max-width:1550px) {
    .vm-notifier--label {
        position: absolute;
        padding: 10px 20px;
        /*background-color: #c8f08f;*/
        color: #ff9900;
        font-size: 14px;
        text-transform: capitalize;
        line-height: 18px;
        border-radius: 3px;
        margin: 7px 0px;
        top: 0px;
        right: 230px;
        display: none;
    }
}

body.maintheme .btn.needhelp:hover {
    color: var(--orangetheme) !important;
}

#volCalendar #stepone1 .form-horizontal .stepOne-form-ctrl>* {
    float: left;
}

.stepOne-form-ctrl .bootstrap-datetimepicker-widget {
    margin: 0 !important;
    padding-top: 2px !important;
}

.stepOne-form-ctrl span.box-ctrl {
    margin-top: 7px;
    margin-bottom: 7px;
}

.stepOne-form-ctrl label.upload-f-lable .material-icons {
    top: 0;
}

.rotate-cls.negative-margin-top {
    margin-top: -6px;
}

.vm-notifier--label.active {
    display: block;
}

.vm-notifier--label a {
    color: #ff9900;
    text-decoration: underline;
}

.vm-notifier--label span {
    font-weight: 500;
}
/* 
@media screen and (max-width: 530px) {
    .vm-notifier--label {
        display: none !important;
    }
} */

.subnavbar .mainnav li {
    position: relative;
}

.subnavbar .mainnav li .highliter {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #ffffff;
    height: 15px;
    width: 15px;
    font-size: 16px;
    border-radius: 50%;
    line-height: 15px;
    text-align: center;
    display: none;
}

.subnavbar .mainnav li .highliter.active {
    display: block;
}

.min-height--188 {
    min-height: 188px !important;
}

.upgrade-wrapper {
    box-sizing: border-box;
    height: 500px;
    width: 100%;
    display: none;
    background-color: rgba(255, 255, 255, 1);
    background-image: url('../images/volunteer-background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.upgrade-wrapper.fromsettings {
    height: 350px !important;
}

.upgrade {
    display: flex;
    justify-content: center;
    align-self: center;
    align-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.89);
}

.upgrade-wrapper.active {
    display: flex;
}

.table-bordered th.sorting_desc,
.table-bordered th.sorting_asc,
.table-bordered th {
    background-color: inherit !important;
    border-bottom: 0 !important;
}

.upload-input-ctrl {
    float: left;
}

.checkbox-ctrl>.clearfix {
    width: 100% !important;
}

#stepone2 .bootstrap-tags .tags-input,
#stepone1 .bootstrap-tags .tags-input {
    padding: 4px 12px;
}

.stepOne-form-ctrl .qq-upload-button input {
    font-size: 14px !important;
}

#stepone1 .box-ctrl small,
#stepone2 .box-ctrl small {
    right: -5px;
    top: -5px;
    width: 22px;
    height: 22px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
}

#stepone1 .box-ctrl-close .fa,
#stepone2 .box-ctrl-close .fa {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    top: 0px;
    position: relative;
    padding: 0;
    left: 0px;
}

.stepOne-form-ctrl label.upload-f-lable {
    margin-top: -19px;
}

.stepOne-form-ctrl .js-images-upload {
    width: 187px !important;
}

.stepOne-form-ctrl .bootstrap-datetimepicker-widget {
    width: 168px !important;
}

.box-ctrl-close {
    z-index: 999;
}

#my-skills-list {
    position: relative;
    z-index: 9999;
}

.upload-cust-inputs .stepOne-form-ctrl>div {
    float: left;
}

.clearfix {
    clear: both;
}

.clearfix:after,
.clearfix:before {
    content: "";
    clear: both;
    display: table;
}

.upload-image-input label.upload-f-lable {
    margin-top: -16px;
}

.custom-width-upload {
    width: 169px !important;
}

.p-t-15 {
    padding-top: 15px;
}

label[for="docupload"] {
    position: relative;
}

label[for="docupload"]:after {
    content: "(Allows only .doc, .docx, .pdf)";
    position: absolute;
    bottom: -17px;
    left: 0;
    font-size: 12px;
    opacity: 0.7;
}

.volCheckList .checkbox-ctrl {
    padding: 10px 0;
}

.upload-cust-inputs .bootstrap-tags .tags-input {
    min-height: 1.7em;
    height: auto;
}

span.box-ctrl {
    margin-top: 14px;
}

.custom-width-upload .qq-upload-button input[name="file"] {
    font-size: 15px !important;
    z-index: 999;
}

#commitment-tab-customfielddocs td {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

#commitment-tab-customfielddocs td span {
    display: block;
}

#commitment-tab-customfielddocs span a {
    text-align: center;
    padding: 7px 10px;
    border-radius: 7px;
    border: 1px solid rgba(0, 0, 0, 0.7);
    display: inline-block;
    margin: 0 7px;
}

#commitment-tab-customfielddocs span a:first-child {
    margin-left: 0;
}

#commitment-tab-customfielddocs span a:second-child {
    margin-right: 0;
}

#commitment-tab-customfielddocs td input {
    width: 70%;
}

@media (max-width: 767px) {
    #commitment-tab-customfielddocs td {
        width: 100% !important;
        display: block !important;
        float: left;
    }
}

.jqibutton {
    font-size: 16px !important;
}

.jqimessage {
    font-size: 14px;
}

#ui-datepicker-div {
    z-index: 99999 !important;
}

.ob-checkbox label {
    display: inline-block;
    vertical-align: middle;
}

.pos-rel {
    position: relative;
}

.mar-left-neg-53 {
    margin-left: -48px;
}

.pos-absol {
    position: absolute;
    right: -17px;
    top: 6px;
    font-weight: bold;
}

.cusr-none {
    cursor: inherit !important;
}

.p-l-20 {
    padding-left: 27px !important;
}

.fileupload.trans-background .qq-uploader .qq-upload-button {
    background-color: transparent !important;
}

.col-md-4 .well .avatar img {
    width: 100%;
}

#volunteerCustomfields .ladda-button {
    margin-top: 25px;
}

.forget-wrap {
    display: table;
    height: 540px;
    width: 100%;
    max-width: 585px;
    margin: 5% auto 0;
}

.forget-wrap .form_forgot {
    vertical-align: middle;
    padding: 40px 80px;
    height: 540px;
    background: #fff;
    display: table-cell;
    width: 100%;
}

@media (max-width: 620px) {
    .forget-wrap {
        width: 100%;
        max-width: inherit;
        height: auto;
    }

    .forget-wrap .form_forgot {
        padding: 40px 15px;
    }
}

.p-b-40 {
    padding-bottom: 40px;
}

.forget-wrap h3 {
    margin: 0;
    line-height: 23px;
    font-size: 20px;
    color: #000;
}

.forget-wrap h4 {
    font-size: 16px;
    line-height: 1.25;
    color: #4a4a4a;
}

.forget-wrap .login-fields {
    padding-top: 15px;
}

.forget-wrap .login-fields .field {
    margin-bottom: 10px;
}

.forget-wrap .btn.btn-primary {
    width: 100%;
    border-color: #85c525 !important;
}

.body.maintheme .forget-wrap .btn.btn-primary {
    width: 100%;
    border-color: var(--orangetheme) !important;
}

.back_to_login {
    text-align: center;
    line-height: 18px;
    font-size: 16px;
    color: #4a4a4a;
    padding-top: 26px;
}

.back_to_login a {
    display: inline-block;
    color: #4a90e2;
}

.shift_name_ctrl h4 {
    width: 85%;
    float: left;
}

.shift_name_ctrl span {
    display: inline-block;
    float: right;
    width: 15%;
    text-align: center;
}

.saved-opportunity {
    background-color: #ffffff;
    border-radius: 5px;
    display: block;
    border: 1px solid #efefef;
    padding: 10px;
    color: #4a4a4a;
    text-decoration: none;
    margin-bottom: 10px;
}

.saved-opportunity h4 {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    height: 24px;
    text-overflow: ellipsis;
}

.shift-label {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
    border-radius: 5px;
    background-color: #de601f;
    padding: 5px 10px;
}

.shift-label.flexible {
    background-color: #f0ad4e;
}

.shift-label.fixed {
    background-color: #5cb85c;
}

#volunteertab4 ul.tags-suggestion-list {
    z-index: 99999;
}

.bootstrap-tags .tag {
    margin: 0 .03em;
}

#editOrgDetailsForm .tags-input {
    width: 100% !important;
    box-sizing: border-box;
}

#customFieldsForm.upload-cust-inputs .form-group .multiselected {
    margin-top: 5px;
}

.ui-pnotify {
    z-index: 999999;
}

@media (min-width: 768px) {
    .donate-dialog .form-inline .form-control {
        width: 100%;
    }
}

.donate-dialog .form-control-style .w-100 {
    width: 100%;
}

.donate-dialog .margins {
    border-top: 1px solid #efefef;
    margin-top: 30px;
    padding-top: 20px;
}

.disabled {
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
}

.opportun-main select.form-control.no-style {
    background-color: #efefef;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    margin-bottom: -10px;
}

.lb-popup--wrapper,
.lb-tourpopup--wrapper {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    z-index: 99999;
    display: none;
    top: -100%;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all 600ms ease-in-out;
    opacity: 0;
}

.lb-popup--wrapper .lb-popup--banner,
.lb-tourpopup--wrapper .lb-popup--banner {
    width: 621px;
    height: 250px;
    position: absolute;
    top: 50%;
    margin: -182px auto 0px auto;
    left: 0;
    right: 0;
    padding: 20px 40px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    border-radius: 6px;
}

.lb-popup--wrapper .lb-popup--banner .lb-popup--text,
.lb-tourpopup--wrapper .lb-popup--banner .lb-popup--text {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.33;
    text-align: center;
    color: #4a4a4a;
}

.popup-contact {
    width: 100%;
    color: #6b6b6b;
    text-align: left;
}

.popup-text--wrapper {
    padding: 8px 20px;
    background-color: #f2f2f2;
    width: 100%;
    box-shadow: none;
    border: 1px solid #efefef;
    border-left: 3px solid #F7921E;
    border-radius: 3px;
}

.lb-popup--wrapper .lb-popup--banner .data span i {
    font-size: 30px;
}

.lb-popup--wrapper .lb-popup--banner .lb-popup--close,
.lb-tourpopup--wrapper .lb-popup--banner .lb-popup--close {
    font-size: 22px;
    top: 10px;
    right: 17px;
    position: absolute;
    color: #4a4a4a;
    cursor: pointer;
}

.lb-popup--wrapper.lb-popup--active,
.lb-tourpopup--wrapper.lb-popup--active {
    top: 0;
    opacity: 1;
    display: block;
    transition: all 600ms ease-in-out;
}

.popup-message {
    width: 100%;
    clear: both;
}

.popup-message div {
    float: left;
}

.popup-message div:first-child {
    width: 20%;
    text-align: center;
}

.popup-message div:first-child i {
    margin-top: 20px;
}

.popup-message div:last-child {
    width: 70%;
    text-align: left !important;
}

.success-wrapper {
    width: 100%;
    background-color: #f2f2f2;
    color: #000000;
    text-align: center;
    padding: 50px;
}

.success-wrapper p,
.success-wrapper span {
    font-size: 24px;
    margin: 15px 0px;
    color: #000000;
}

.success-wrapper span {
    font-size: 18px;
}

.success-heading {
    font-size: 20px;
    display: block;
    color: #ffffff;
    margin: 5px 0px;
}

.success-wrapper h4 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.3;
    color: #4a4a4a;
}

.dropdown-menu-extra {
    position: absolute !important;
}

.btn-orange:hover {
    color: #ffffff !important;
}

.saved-opportunity p:nth-child(3) {
    height: 70px;
    overflow: hidden;
}

.saved-opportunity p {
    position: relative;
}

.saved-opportunity p a.read-more-view {
    position: relative;
    right: 0;
    left: -9px;
    top: -2px;
}

#mynotifications {
    min-height: 62.29vh;
    padding-top: 5%;
}

#mynotifications .widget-content .calendar {
    float: none;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#mynotifications.top-p {
    padding-top: 0px;
}

.pop-hover-css {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('/images/help-svg.svg') no-repeat center center;
    background-size: 100% 100%;
    border-radius: 100%;
    vertical-align: middle;
    margin-left: 3px;
    line-height: 1.2;
}

.pop-hover-css[aria-describedby],
.pop-hover-css:hover {
    background: url('/images/help-blue-svg.svg') no-repeat center center;
    background-size: 100% 100%;
}

.pop-over-besides {
    width: 90% !important;
    vertical-align: middle;
    display: inline-block;
}

#placeHolderModel2 #my-skills-list {
    z-index: 999;
}

.input-group.date .input-group-addon {
    border-radius: 4px;
    border-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pop-over-besides .form-control.tags-input.input-md {
    width: 100% !important;
    box-sizing: border-box;
    height: auto !important;
    padding-bottom: 3px;
}

/*#my-skills-list.pop-over-besides {
padding-bottom: 0 !important;
}*/

#volunteercapacitydata .col-sm-2 {
    width: 20%;
}

#volunteercapacitydata .col-sm-2 .pop-over-besides {
    width: 77% !important;
}

.model-upload-pic .fileupload {
    width: 91%;
}

.model-upload-pic .qq-upload-button input {
    font-size: 11px !important;
}

.model-upload-pic label[for="fileImg"] .pop-hover-css {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -25px;
    margin-top: auto;
    margin-bottom: auto;
}

.websiteurl-text {
    position: relative;
}

.websiteurl-text .pop-over-besides {
    width: 100% !important;
}

.websiteurl-text .pop-hover-css {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    margin-top: auto;
    margin-bottom: auto;
}

#orgvolunteerlist1_wrapper .table-striped .checkbox,
#orggroupvolunteerlist td .checkbox {
    margin-top: 0;
    margin-bottom: 0;
    display: none;
}

#orgvolunteerlist1_wrapper .table-striped tr th {
    position: relative;
}

#orgvolunteerlist1_wrapper .table-striped tr th:first-child {
    width: 20px !important;
}

#orgvolunteerlist1_wrapper .table-striped tr td:first-child,
#orgvolunteerlist1_wrapper .table-striped tr th:first-child {
    border-right: 0;
    padding-right: 0;
}

#orgvolunteerlist1_wrapper .table-striped tr th.sorting_asc {
    background-image: none;
}

#orgvolunteerlist1_wrapper .table-striped tr th:nth-child(2) {
    width: 58% !important;
}

#orgvolunteerlist1_wrapper .table-striped tr th:nth-child(2),
#orgvolunteerlist1_wrapper .table-striped tr td:nth-child(2) {
    border-left: 0;
}

#orgvolunteerlist1_wrapper .table-striped tr th:nth-child(3) {
    width: 38% !important;
}

#orgvolunteerlist1_wrapper .table-striped tr th:first-child:after {
    content: "Select all";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    padding: 2px;
    font-size: 9px;
    background: #ccc;
    line-height: 1;
    width: auto;
    font-weight: 400;
    display: none;
    z-index: 3;
}

#orgvolunteerlist1_wrapper .table-striped tr th:first-child:hover:after {
    display: inline-block;
    width: 46px;
}

#orgvolunteerlist1_wrapper .table-striped tr th,
#orgvolunteerlist1_wrapper .table-striped tr td {
    vertical-align: middle;
}

#orgvolunteerlist1_wrapper .table-striped span.myTag {
    margin-bottom: 2px;
}

#orgvolunteerlist1_wrapper table.dataTable thead th {
    padding-left: 10px;
    padding-right: 10px;
}

#orgvolunteerlist1_wrapper .table-bordered tbody tr td {
    border-bottom: 0;
}

#orgvolunteerlist1_wrapper table.dataTable.no-footer {
    border-bottom-color: #DDD;
}

#orgvolunteerlist1_wrapper tr.even:hover {
    background-color: #fffddb;
}

#orgvolunteerlist1_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 5px;
    line-height: 1;
}

.pos-relative {
    position: relative;
}

#js-saveall-reminders.pos-btn {
    position: absolute;
    right: 0;
    top: 1px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.form-group .popover {
    position: fixed;
    z-index: 99999;
}

.pop-hover-css {
    z-index: 999999999;
}

.hidden-xs.cal-context.masked-relative.masked {
    overflow: inherit;
}

.recurringpositionind .widget-content {
    margin-left: 0;
    margin-right: 0;
}

#myorganizationnotifications .widget-content {
    margin-left: 5px;
    margin-right: 5px;
}

.widget-content .calendar {
    float: left;
}

.widget-content .grp-cal {
    float: none;
}

.grp-head h4 {
    word-break: normal !important;
}

.widget-content .r-content {
    float: right;
}

.m-checkbox {
    float: left;
    padding-left: 25px;
    text-align: left;
}

.m-checkbox .checkbox:first-child {
    margin-top: 0;
}

@media (max-width: 767px) {
    .m-checkbox {
        padding-left: 10px;
    }

    .widget-content .r-content {
        float: none;
        width: 100%;
        clear: both;
    }

    .widget-content .r-content:after,
    .widget-content .r-content:before {
        content: "";
        display: table;
        clear: both;
    }
}

#departmentAnchor,
#programAnchor,
#kidstype,
#adultstype,
#typeboth {
    color: #333;
}

#kidstype strong,
#adultstype strong,
#typeboth strong {
    font-weight: normal;
}

.tab-pane #linkedinlink img {
    margin: 5px;
    min-width: 150px;
    min-height: 33px;
}

#facebooklink img {
    margin-left: 0px !important;
}

#recurringShifts .checkbox {
    padding-left: 0;
}

#recurringShifts .checkbox label {
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
}

#recurringShifts .checkbox label input {
    margin-right: 0 !important;
    margin: 0 !important;
    position: absolute;
    left: 0;
    top: 4px;
    float: none;
}

#recurringShifts .checkbox {
    clear: both;
}

#recurringShifts .checkbox:after,
#recurringShifts .checkbox:before {
    content: "";
    clear: both;
    display: table;
}

.control-label.p-t-0 {
    padding-top: 0px !important;
}

.p-b-10 {
    padding-bottom: 10px;
}

.opportun-main .modal input[type="radio"].t-0 {
    top: 0px;
}

.org-pill {
    width: 100%;
    border: 1px solid #efefef;
    padding: 2px;
    box-sizing: border-box;
    height: 90px;
    background-color: #ffffff;
    color: #000000 !important;
    overflow: hidden;
}

.org-pill a {
    display: block;
    float: left;
}

.org-pill a img {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 15px;
}

.org-pill a h5 {
    color: #000000;
    float: left;
}

#tabularid1 .dataTables_wrapper.no-footer table {
    width: 100% !important;
}

#orgid li {
    display: table;
    margin-bottom: 10px;
}

#orgid li a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

#orgid li a>img {
    display: inline-block;
    vertical-align: middle;
}

#orgid li a h5 {
    margin: 0;
    padding: 3px;
    display: inline-block;
    vertical-align: middle;
    width: 70%;
}

.js-avatar .dropdown-toggle {
    display: none;
}

.js-avatar .header-am.publicview.dropdown-toggle {
    display: block;
}

.module-card {
    position: relative;
}

.module-card-title a {
    position: absolute;
    top: 27px;
    right: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #0791cd;
    line-height: 19px;
    border-bottom: 2px solid #0791cd;
    background: transparent;
    border-radius: 0;
    padding: 0;
    min-height: 1px;
    height: auto;
}

@media (max-width: 767px) {
    .module-card-title a {
        position: initial;
        top: auto;
        right: auto;
        background: #85c525;
        color: #fff;
        border-radius: 4px;
        border-bottom: inherit;
        padding: 6px 12px;
    }
}

#showorglist .m_b_10 {
    margin-bottom: 10px !important;
}

.module-card .input-append {
    position: relative;
}

.module-card .input-append::before {
    content: "\f133";
    font-family: 'FontAwesome';
    position: absolute;
    left: 85%;
    top: 7px;
    font-size: 21px;
    color: rgba(85, 85, 85, 0.6);
    border: 0;
    display: inline-block;
    z-index: 0;
    cursor: pointer;
}

.module-card .input-append {
    width: 33.33%;
    margin: 0;
    padding: 0 15px;
}

.module-card .input-append.input-time-icon {
    width: 50%;
}

@media (max-width: 767px) {
    .module-card .input-append {
        width: 100%;
    }
}

.module-card .input-time-icon::before {
    content: "\f017";
    left: 71%;
}

.opportun-main .new-org-p {
    color: #6d6d6d;
}

.new-org-textarea {
    border: solid 1px #cccccc;
    padding: 8px 10px;
    border-radius: 4px;
}

.new-org-textarea span {
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    background-color: #f5f5f5;
    font-size: 12px;
    color: #4a4a4a;
    line-height: 14px;
    padding: 5px 10px;
    margin: 1px 0;
}

.new-org-textarea span a,
.new-org-textarea span a i {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    margin-bottom: 0 !important;
    color: #4a4a4a;
}

.new-org-textarea span a {
    margin-left: 20px;
}

.new-org-check {
    vertical-align: middle;
}

.new-org-check .checkbox {
    display: inline-block;
    margin: 0 5px;
    color: #4a4a4a;
}

.new-org-btn-bloc {
    padding-top: 5px;
    padding-bottom: 20px;
}

.new-org-btn-bloc span {
    padding: 0 20px;
    position: relative;
    display: inline-block;
    margin-left: 20px;
}

.new-org-btn-bloc span:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 28px;
    background-color: #dadada;
}

.new-org-btn-bloc .new-btn {
    font-size: 14px;
    font-weight: 500;
    color: #3498db;
    padding: 0;
    border: 0;
    text-transform: capitalize;
    box-shadow: none;
    outline: none;
    width: auto;
    min-width: 1px;
}

.new-org-btn-bloc span>.new-btn {
    width: 84px;
}

.new-org-btn-bloc #oppnamesearch {
    width: 127px;
}

@media (max-width: 767px) {
    .new-org-btn-bloc>.pull-right {}

    .new-org-btn-bloc #oppnamesearch {
        width: auto;
    }

    .new-org-p .checkbox.pull-right {
        float: none !important;
    }
}

.opportun-main .datesearchfields .form-control {
    background-color: transparent;
    position: relative;
    z-index: 1;
}

.m_b_10 .form-control {
    font-size: 11px;
}

#js-skills {
    background: white;
}

#js-skills li:not(.tagit-new) {
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    background-color: #f5f5f5;
    font-size: 12px;
    color: #4a4a4a;
    line-height: 14px;
    padding: 8px 18px 9px 10px;
    border: none;
    background: #f5f5f5;
    margin: 5px;
}

#js-skills .tagit-new {
    margin-top: 10px;
}

#js-skills .tagit-new input,
#clear-form {
    background: white
}

.new-org-btn-bloc>*>* {
    margin-left: 35px;
}

.ui-autocomplete {
    background: white
}

.openExcusedAbsent {
    cursor: pointer;
    margin-left: 10px;
    color: #2a6496;
}

#facebooklink img[src='/images/facebook.png'] {
    margin-left: 0;
}

.md-p-l-0 {
    padding-left: 0;
}

@media (max-width: 767px) {
    .md-p-l-0 {
        padding-left: 15px;
    }
}

.table-no-bod-r,
.table-no-bor-one {
    border: 0;
}

.table-no-bod-r tr td:last-child {
    border-right: 1px solid #ccc !important;
}

.table-no-bor-one tr td {
    border-top: 0;
}

@media (max-width: 482px) {
    .footer .links .links-block h3 a {
        padding: 2.5px 0;
    }
}

@media (min-width: 483px) and (max-width: 519px) {
    .footer .links .links-block {
        padding: 10px 0px;
    }

    .links .col-sm-3:nth-child(4) {
        margin-top: -4%;
    }
}

@media (min-width: 460px) and (max-width: 482px) {
    .links .col-sm-3:nth-child(4) {
        margin-top: -9%;
    }
}

@media (max-width: 459px) {
    .footer .links .links-block h3 a {
        padding: 4px 0;
    }
}

#showorglist .module-card-title a {
    border: none;
    background: #85c525;
    background-color: #85c525;
    padding: 6px 12px;
    border-radius: 4px;
    color: #fff;
    top: 22px;
}

@media (max-width: 991px) {
    .sm-p-top {
        padding-top: 15px;
    }
}

#placeHolderModel .table-responsive .sortable td {
    background-color: rgb(249, 249, 249) !important;
}

.b-right.min-height--700>.row {
    position: relative;
    clear: both;
}

.b-right.min-height--700>.row:after {
    content: "";
    position: absolute;
    width: 94%;
    height: 1px;
    left: 15px;
    bottom: 3px;
    background-color: #ebebeb;
    display: block;
}

@media (max-width: 767px) {
    .b-right.min-height--700>.row:after {
        /* display: none; */
    }

    .b-right.min-height--700>.row>.col-sm-12.m-b-25>div {
        padding-bottom: 10px;
    }

    .b-right.min-height--700>.row:first-child:after {
        display: none;
    }
}

/*
.b-right.min-height--700 > .row.js-occurencehide:after {
display: none;
}*/

.b-right.min-height--700>.row .op-hr {
    display: none;
}

#preferenceslistId table a:hover {
    text-decoration: none;
}

.opportun-main #volRegModal.modal .modal-header {
    padding-bottom: 15px;
}

.opportun-main #volRegModal.modal .modal-footer {
    padding-top: 15px !important;
}

.stepOne-form-ctrl {
    clear: both;
}

.stepOne-form-ctrl:after,
.stepOne-form-ctrl:before {
    content: "";
    clear: both;
    display: table;
}

.stepOne-form-ctrl+div {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.my-org-acc .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border: 0;
}

.my-org-acc .panel-default>.panel-heading {
    background-color: #f9f9f9;
    background-image: none;
    padding: 15px 25px;
    font-size: 22px;
    line-height: 1.1;
    color: #444444;
    font-weight: 600;
    position: relative;
}

.my-org-acc .panel-default>.panel-heading .panel-title-one {
    font-size: 22px;
    line-height: 1.1;
    color: #444444;
    font-weight: 600;
}

.my-org-acc .panel-default>.panel-heading a {
    color: #444444;
    text-decoration: none !important;
}

.my-org-acc .my-org-heading {
    padding: 15px 15px;
    background-color: #eaeaea;
}

.my-org-acc .panel-collapse {
    position: relative;
}

.my-org-acc .panel-collapse:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: #060606;
    display: inline-block;
}

.my-org-acc .my-org-heading p {
    color: #444444;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.my-org-acc .my-org-heading .col-md-6 {
    padding-bottom: 0;
}

.my-org-acc .panel-body p {
    color: #4a4a4a;
}

.my-org-acc .panel-body {
    border: 0 !important;
    background-color: #f9f9f9;
}

.my-org-acc .panel-body .my-org-logo,
.my-org-acc .panel-body .my-org-title,
.my-org-acc .panel-body .my-org-date {
    display: inline-block;
    vertical-align: middle;
}

.my-org-acc .panel-body .my-org-logo {
    width: 60px;
    padding: 0 5px;
}

.my-org-acc .panel-body .my-org-logo span {
    width: 100%;
    height: 100%;
    background-color: #eaeaea;
    display: block;
}

.my-org-acc .panel-body .my-org-logo span img {
    width: 100%;
    height: 100%;
}

.my-org-acc .panel-body .my-org-title {
    width: 68%;
}

.my-org-acc .panel-body .my-org-date {
    width: 25%;
}

.my-org-acc .panel-body .my-org-date p {
    color: #6d6d6d;
}

.my-org-acc .panel-title-one a i {
    color: #85c525;
    margin-right: 20px;
}

.my-org-acc .panel-title-one a .fa-plus-circle {
    display: inline-block;
}

.my-org-acc .panel-title-one a .fa-minus-circle {
    display: none;
}

.my-org-acc.active .panel-title-one a .fa-minus-circle {
    display: inline-block;
}

.my-org-acc.active .panel-title-one a .fa-plus-circle {
    display: none;
}

.my-org-acc .panel-body p {
    font-size: 15px;
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .my-org-acc .panel-body .my-org-title {
        width: 67%;
    }
}

@media (max-width: 991px) {
    .my-org-acc .panel-body .my-org-title {
        width: 64%;
    }

    .vm_volunteernotifications h3 {
        font-size: 17px;
    }
}

@media (max-width: 767px) {
    .hidden-mobile {
        display: none !important;
    }

    .my-org-acc .panel-body {
        border-bottom: 1px solid #ccc !important;
    }

    .my-org-acc #collapseOne .panel-body:last-child {
        border: 0 !important;
    }

    .my-org-acc .panel-body .my-org-title {
        width: 70%;
    }
}

#commitment-tab-customfielddocs .table tr th:nth-child(1) {
    width: 35%;
}

#commitment-tab-customfielddocs .table tr th:nth-child(2) {
    width: 35%;
}

#commitment-tab-customfielddocs .table tr th:nth-child(3) {
    width: 30%;
}

.opportunity-tab-main .tab-content table td {
    padding-left: 5px;
    padding-right: 5px;
}

.opportunity-tab-main .tab-content table {
    width: 100% !important;
}

.opportunity-tab-main .tab-content table tr td:nth-child(1) {
    width: 35% !important;
}

.opportunity-tab-main .tab-content table tr td:nth-child(2) {
    width: 65% !important;
}

.my-org-acc .panel-collapse {
    display: none;
}

.my-org-acc .panel-body {
    border-top: 1px solid #ddd !important;
}

.fs-30 {
    font-size: 30px;
}

.rel {
    position: relative;
    z-index: 23;
}

.rel small {
    position: absolute;
    top: 15px;
    left: 4px;
    width: 19px;
    height: 18px;
    text-align: center;
    font-size: 12px;
    line-height: 19px;
    background: #fff;
    border-radius: 100%;
    font-weight: bold;
    z-index: 1;
}

.rel sup {
    position: absolute;
    top: 105%;
    background: #fff;
    border-radius: 7px;
    border: 1px solid #ccc;
    color: #4a4a4a;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    padding: 5px;
    width: 200px;
    display: none;
    right: 0;
}

.rel:hover sup {
    display: inline-block;
}

.rel sup:after {
    content: "";
    position: absolute;
    top: -9px;
    right: 9px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 9px solid #ccc;
}

@media (max-width: 767px) {
    .responsive-cls {
        clear: both;
        width: 133px;
        padding-bottom: 15px;
        padding-left: 0;
    }

    .responsive-cls:after,
    .responsive-cls:before {
        content: "";
        display: table;
        clear: both;
    }

    .responsive-cls .col-sm-2 {
        width: 56px;
    }

    .widget-content .eventcal {
        margin: 0 auto 10px;
        float: none;
    }

    .widget-content h4.inline-block {
        float: none !important;
        display: block;
    }
}

.groupassignmembers td,
.table-overflow-reset th {
    white-space: nowrap;
}

.table-overflow-reset tr td,
.table-overflow-reset tr th {
    word-break: break-all !important;
}

.form-search-ctrl {
    position: relative;
}

.search-form {
    padding-right: 34px;
}

.form-search-icon {
    width: 34px;
    height: 36px;
    background: url("/img/search_icon.png") no-repeat center center;
    cursor: pointer;
    position: absolute;
    right: 18px;
    top: 20px;
    background-size: 23px 23px;
    z-index: 999;
    border: 0;
    border-left: 1px solid #ccc;
    opacity: 0.7;
}

#eventmodalbody {
    position: relative;
}

#eventmodalbody .bootstrap-tags .tag.md {
    height: 34px;
}

#eventmodalbody .bootstrap-tags .tag.md>span {
    line-height: 24px;
}

#eventForm .input-group {
    position: relative;
}

#eventForm #starterror,
#eventForm #enderror,
#eventEndTime label.error,
#eventStartTime label.error {
    position: absolute;
    bottom: -16px;
    left: 0;
    margin: 0;
}

#eventEndTime label.error,
#eventStartTime label.error {
    bottom: -17px;
}

#eventForm #starterror label,
#eventForm #enderror label {
    margin: 0;
}

#eventDate+label {
    margin-left: -10%;
}

.out-br {
    padding: 15px;
    border-radius: 7px;
    margin: 30px 0 15px;
}

.out-br h4 {
    display: inline-block;
    font-size: 32px;
    font-weight: 600;
    background-color: #fff;
    padding: 0 6px;
    position: relative;
    top: -27px;
    margin-bottom: 0;
}

.decptn {
    color: #4a4a4a;
    font-size: 16px;
}

.opportun-main .volunteer-search #program_search.form-control,
.opportun-main .volunteer-search .select2-input,
.opportun-main .volunteer-search .select2-container,
.opportun-main .form-control.select2-container .select2-choices {
    box-shadow: none !important;
    border-radius: 0 !important;
    background-image: none !important;
}

.opportun-main .volunteer-search.input-limit {
    padding-right: 0;
    height: auto !important;
}

.opportun-main .volunteer-search.input-limit#oppertunityname {
    height: 40px !important;
}

.opportun-main .select2-container-multi .select2-choices .select2-search-field input {
    padding: 9px 14px 8px 5px;
    line-height: 21px;
}

.opportun-main .form-control.select2-container.select2-dropdown-open,
.opportun-main .select2-drop-active {
    border-color: #ccc;
}

.opportun-main .select2-results .select2-highlighted {
    background: rgba(0, 0, 0, 0.3);
    color: #000;
}

.opportun-main .select2-container-multi .select2-choices .select2-search-choice {
    margin-top: 8px;
    padding: 3px 18px 3px 5px;
    line-height: 14px;
}

.opportun-main .select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 1px;
    top: 2px;
}

.opportun-main .select2-container-multi .select2-choices .select2-search-choice,
.opportun-main .select2-container-multi .select2-choices .select2-search-choice * {
    font-family: 'Open Sans';
    color: #555;
}

.new-btn-align-cal .btn>i {
    margin-bottom: 0 !important;
}

.new-btn-align-cal .btn,
.new-btn-align-cal .btn>i {
    line-height: 1;
}

.new-btn-align-cal .btn {
    padding: 7px 13px;
}

.new-btn-align-cal .btn i {
    font-size: 16px !important;
    line-height: 17px !important;
}

#showorglist .module-card-title {
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    .new-btn-align-cal .org-opportunity-calendar-view {
        display: none;
    }

    .mobile-m-b {
        float: none !important;
        margin-bottom: 35px !important;
    }
}

.widget-content .m-table-responsive>h5 {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Lato', sans-serif !important;
    color: rgb(51, 51, 51);
}

#searchwidgetcontent #results {
    display: none;
}

#searchwidgetcontent .col-md-12.js-intialize-calendar {
    margin-top: -20px;
}

/*#slide-content .js-addnotes, #searchwidgetcontent .js-addnotes {
display: none;
}*/

.shift-new-des .btn-green {
    color: #fff;
}

.shift-new-des span.ele-block {
    display: block;
}

#posdetailstbl .btn-mini {
    padding-left: 9px;
    padding-right: 9px;
}

#showorglist .module-card-title label {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

#oppnamebasesearch .widget-content {
    margin-top: 6px;
}

span.p-t-10 {
    display: block;
}

td.td-actions .btn.pageopportunitysignup.ladda-button {
    padding: 6px 0px !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
}

td.td-actions .btn.pageopportunitysignup.ladda-button span {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

td.td-actions .btn.pageopportunitysignup.ladda-button.btn-warning,
td.td-actions .btn.pageopportunitysignup.ladda-button[disabled] {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.opportun-main #eventDetailsPopup .modal-header p {
    color: #fff;
}

.opportun-main #eventDetailsPopup .modal-content {
    border-radius: 6px !important;
    font-family: 'Open Sans' !important;
}

.opportun-main #eventDetailsPopup .modal-content * {
    font-family: 'Open Sans' !important;
}

.opportun-main #eventDetailsPopup th {
    text-align: left;
}

.pub-cal-pt {
    margin-bottom: 0;
    padding-top: 14px;
}

.mt-0 {
    margin-top: 0;
}

.mt-6 {
    margin-top: 6px;
}

/* .public-cal-table-ctrl tr th:nth-child(1),
.public-cal-table-ctrl tr td:nth-child(1) {
width: 25%;
}
.public-cal-table-ctrl tr th:nth-child(2),
.public-cal-table-ctrl tr td:nth-child(2) {
width: 30%;
}
.public-cal-table-ctrl tr th:nth-child(3),
.public-cal-table-ctrl tr td:nth-child(3) {
width: 25%;
}
.public-cal-table-ctrl tr th:nth-child(4),
.public-cal-table-ctrl tr td:nth-child(4) {
width: 20%;
} */

.js-intialize-calendar>#js-cal-nav {
    margin-top: -20px;
}

.bx-viewport {
    height: auto !important;
}

.bx-viewport .slider1 .slide .sm-avatar {
    max-width: 158% !important;
}

.opportun-main .select2-container-multi .select2-choices .select2-search-choice,
.opportun-main .select2-container-multi .select2-choices .select2-search-choice * {
    font-family: 'Open Sans' !important;
    color: #555 !important;
    opacity: 1;
    padding-left: 8px !important;
}

.opportun-main .select2-container-multi .select2-choices .select2-search-field input {
    padding: 9px 14px 8px 5px;
    line-height: 21px;
    font-family: 'Open Sans' !important;
    color: #555 !important;
    font-size: 14px !important;
    opacity: 0.8;
}

.custom-fields-drg .panel-default>.panel-heading {
    background: transparent;
    background-image: none;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    position: relative;
}

.custom-fields-drg .panel-default>.panel-heading::before {
    content: "\f047";
    font-family: FontAwesome;
    line-height: 1;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.3);
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 17px;
}

.custom-fields-drg .panel-title>a {
    display: block;
    padding: 15px 163px 15px 45px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    color: #4a4a4a;
    position: relative;
    text-decoration: none !important;
}

.custom-fields-drg .panel-group {
    margin-bottom: 5px;
}

.custom-fields-drg .panel-title>a::after {
    content: "\f0d7";
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
    font-family: FontAwesome;
    line-height: 1;
    font-size: 27px;
    color: rgba(0, 0, 0, 0.7);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.custom-fields-drg .panel-title>a.collapsed::after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.drg-delete,
.drg-edit {
    border: 1px solid #dadada;
    border-radius: 7px;
    display: inline-block;
    padding: 6px 8px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #4a4a4a;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    top: 11px;
}

.drg-delete small,
.drg-edit small {
    font-size: 14px;
    color: #4a4a4a;
}

.drg-delete {
    right: 100px;
}

.drg-edit {
    right: 50px;
}

.drg-delete i,
.drg-edit i {
    display: none;
}

@media (max-width: 767px) {

    .drg-delete i,
    .drg-edit i {
        display: block;
    }

    .drg-delete small,
    .drg-edit small {
        display: none;
    }

    .custom-fields-drg .panel-title>a {
        padding-right: 112px;
    }

    .drg-delete {
        right: 70px;
    }

    .drg-edit {
        right: 36px;
    }
}

.custom-fields-drg table {
    border-collapse: separate;
    border-spacing: 0 1em;
    position: relative;
}

.custom-fields-drg table::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -2px;
    left: -1px;
    width: 100.3%;
    height: 15.3px;
    background-color: #fff;
}

.custom-fields-drg table thead tr th {
    border-top: 2px solid #ccc !important;
}

/* .custom-fields-drg table tbody tr {
position: relative;
}
.custom-fields-drg table tbody tr::after {
content: "\f047";
font-family: FontAwesome;
line-height: 1;
font-size: 16px;
color: rgba(0, 0, 0, 0.3);
display: inline-block;
position: absolute;
right: 4px;
top: 7px;

} */

.custom-fields-drg table tr th:first-child,
.custom-fields-drg table tr td:first-child {
    border-left: 0 !important;
}

.custom-fields-drg table tr td .pull-right {
    opacity: 0.6;
}

@media (max-width: 374px) {
    .navbar .navbar-header .navbar-brand {
        width: 163px;
    }
}

@media (max-width: 767px) {
    #big_stats .stat {
        width: 100%;
        border: 0 !important;
        border-bottom: 1px solid #CCC !important;
        padding-bottom: 12px;
        height: auto;
    }

    #big_stats .stat:last-child {
        border-bottom: 0 !important;
    }

    #big_stats .stat h4 {
        min-height: 1px;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .subscription-popup {
        width: 95%;
    }
}

.subscription-popup .modal-body {
    background-color: #edeff4;
}

.subscription-popup .modal-body .col-sm-6 .space-modal {
    background-color: #fff;
    padding: 30px;
}

.subscription-popup .modal-body .col-sm-6 .row {
    margin-left: -3px;
    margin-right: -3px;
}

.subscription-popup .modal-body .col-sm-6 .row .col-sm-4 {
    padding-left: 3px;
    padding-right: 3px;
}

.sponsor-subcrip-head {
    padding-bottom: 10px;
}

.sponsor-subcrip-content .form-group.p-t-5 {
    margin-bottom: 5px;
}

.form-group .stacked-form {
    overflow: hidden;
}

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

.sponsor-subcrip-head h3 {
    color: #333333;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 20px;
}

.sponsor-subcrip-head h3.text-left {
    font-size: 18px;
    line-height: 20px;
    color: inherit;
}

.sponsor-subcrip-head p {
    color: #9b9b9b;
    font-size: 16px;
    line-height: 20px;
}

.sponsor-sub-middle-content {
    padding-bottom: 5px;
}

.sponsor-sub-middle-content h4 {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    color: #000;
    margin-bottom: 15px;
}

.sponsor-sub-middle-content ul {
    list-style: none;
    padding: 0;
}

.sponsor-sub-middle-content li {
    padding: 5px 0 5px 30px;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    color: #4a4a4a;
    font-weight: 500;
}

.sponsor-sub-middle-content li:before {
    content: "\f058";
    font-family: 'FontAwesome';
    font-size: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 6px;
    color: #33bf61;
    height: 18px;
    width: 18px;
}

.border-subscri {
    border-bottom: 1px solid #ccc;
}

.sub-or {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    color: #000;
    font-size: 16px;
}

.sub-or:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    background-color: #ccc;
    height: 100%;
}

.sub-or strong {
    position: absolute;
    top: 40%;
    left: -11px;
    background-color: #edeff4;
    padding: 3px;
    z-index: 2;
}

.sponsor-subcrip-content .btn {
    width: 80%;
}

.subscription-popup .modal-header .close {
    position: absolute;
    top: 24px;
    right: 12px;
    z-index: 1;
}

.subscription-popup .modal-header {
    padding: 14px 20px 0;
}

.subscription-popup .b-body {
    padding: 20px;
}

.subscription-popup form #number,
.stacked-form .expiration_date {
    width: 200px;
}

.stacked-form .expiration_date {
    float: left;
}

.stacked-form .coupon_code {
    float: left;
    margin-left: 30px;
    width: 160px;
}

@media (max-width: 1039px) {

    .subscription-popup form #number,
    .stacked-form .expiration_date {
        float: none;
        clear: both;
        overflow: hidden;
    }

    .stacked-form .coupon_code,
    form #code {
        margin-left: 0;
        margin-top: 15px;
        float: none;
        clear: both;
        overflow: hidden;
    }
}

.p-t-30 {
    padding-top: 30px;
}

.p-b-30 {
    padding-bottom: 0px;
}

@media (max-width: 767px) {
    .subscription-popup .modal-body .row>.col-sm-6:first-child {
        padding-bottom: 30px;
    }

    .sub-or {
        position: relative;
        top: auto;
        left: auto;
        height: auto;
        width: 100%;
        text-align: center;
    }

    .sub-or:after {
        width: 100%;
        height: 1px;
        top: 0px;
        left: 0;
    }

    .sub-or strong {
        position: relative;
        top: -12px;
    }

    .space-modal .col-sm-4 {
        margin-bottom: 10px;
    }

    .space-modal>.form-group {
        margin-bottom: 10px;
    }

    .subscription-popup .modal-body .col-sm-6 .space-modal {
        padding: 10px;
    }
}

.sub-sponsors h3 {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
}

.sub-spon-acc-content {
    position: relative;
}

.sub-spon-acc-content:after {
    content: "\f078";
    position: absolute;
    right: 0;
    top: 6px;
    display: inline-block;
    font-size: 16px;
    color: #000;
    font-family: 'FontAwesome';
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.collapsed .sub-spon-acc-content:after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.sub-spon-acc-heading::after {
    display: none;
}

.sub-spon-acc-content>* {
    display: inline-block;
    width: 15%;
    text-align: center;
    padding: 5px 2px;
    margin: 0;
}

#s-subscription .panel-default>.panel-heading {
    background-color: #fff;
    padding: 10px;
    background-image: none;
}

#s-subscription .panel-default>.panel-heading a,
#s-subscription .panel-default>.panel-heading a:hover {
    text-decoration: none;
}

.sub-spon-acc-content p {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.sub-spon-acc-content label {
    text-align: center;
}

.sub-spon-acc-content label sup {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #2cac3e;
    padding: 3px 10px;
    border-radius: 15px;
    background-color: rgba(44, 172, 62, 0.2);
    top: 0;
    position: initial;
    vertical-align: initial;
    line-height: 12px;
}

.sub-spon-acc-content span {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    text-align: center;
}

.sub-spon-acc-content strong {
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    color: #2cac3e;
}

.sub-spon-acc-content strong small {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #4a4a4a;
}

.debtamount {
    text-align: center;
    margin-bottom: 25px;
}

.debamt h2 {
    color: #84c525;
    font-weight: 500;
}

.debamt {
    border-bottom: 1px solid #edeff4;
    padding-bottom: 15px;
}

.deb-a h5 {
    font-size: 18px;
    font-weight: 500;
    color: #4a4a4a;
}

.debamt h5 {
    font-size: 18px;
    font-weight: 500;
    color: #4a4a4a;
}

.debamt small {
    color: #9b9b9b;
}

.deb-a {
    margin-top: 25px;
}

.deb-a h2 {
    color: #f5a623;
    font-weight: 500;
}

.deb-a small {
    font-size: 12px;
    line-height: 14px;
    display: block;
    padding-bottom: 10px;
    color: #9e9e9e;
}

.debbtn {
    display: block !important;
    margin: 0 auto 20px !important;
}

.p-t-35 {
    padding-top: 35px;
}

.spon-tab {
    border: 0;
}

.spon-tab>li {
    border: 1px solid #e5e5e5;
}

.spon-tab>li>a {
    border: 0 !important;
    padding: 10px 30px;
    background: #fbfbfb;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 16px;
}

.spon-tab>li.active>a,
.spon-tab>li.active>a:hover,
.spon-tab>li.active>a:focus {
    border: 0;
    background: #fff;
    color: #84c525;
}

.spon-tab>li.active>a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: #84c525;
}

.spon-tab-ctrl {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.p-b-20 {
    padding-bottom: 20px;
}

.sub-spon-acc-content>h6 {
    font-weight: 600;
    text-align: center;
}

#sponsers-tab .sponsor-sub-middle-content li {
    padding-left: 20px;
    font-size: 12px;
    line-height: 16px;
}

#sponsers-tab .sponsor-sub-middle-content li:before {
    font-size: 16px;
    top: 5px;
}

#sponsers-tab .sponsor-sub-middle-content {
    padding-bottom: 0;
}

.sponser-table table {
    width: 100%;
    border: 1px solid #e5e5e5;
}

.sponser-table thead {
    background-color: #fbfbfb;
}

.sponser-table tr th,
.sponser-table tr td {
    padding: 20px 10px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    vertical-align: top;
    word-break: break-word;
}

.sponser-table tr td {
    color: #4a4a4a;
}

.sponser-table tr td small {
    display: block;
    color: #9b9b9b;
}

.sponser-table thead {
    border-bottom: solid 1px #e5e5e5;
}

.form-group .check-block-ctrl:last-child {
    padding-right: 0;
}

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

.sponser-table tr th:nth-child(4),
.sponser-table tr td:nth-child(4) {
    text-align: center;
}

.sponser-table tr th:nth-child(5),
.sponser-table tr td:nth-child(5) {
    text-align: right;
}

.sponser-table tr th:nth-child(6),
.sponser-table tr td:nth-child(6) {
    text-align: center;
}

.sponser-table tr th:nth-child(1),
.sponser-table tr td:nth-child(1) {
    width: 33%;
}

.sponser-table tr th:nth-child(2),
.sponser-table tr td:nth-child(2) {
    width: 10%;
}

.sponser-table tr th:nth-child(3),
.sponser-table tr td:nth-child(3) {
    width: 17%;
}

.sponser-table tr th:nth-child(4),
.sponser-table tr td:nth-child(4) {
    width: 13%;
}

.sponser-table tr th:nth-child(5),
.sponser-table tr td:nth-child(5) {
    width: 13%;
}

.sponser-table tr th:nth-child(6),
.sponser-table tr td:nth-child(6) {
    width: 14%;
}

.sponser-table #Js-sponsorInviteTableId tr th:nth-child(1),
.sponser-table #Js-sponsorInviteTableId tr td:nth-child(1) {
    width: 25%;
}

.sponser-table #Js-sponsorInviteTableId tr th:nth-child(2),
.sponser-table #Js-sponsorInviteTableId tr td:nth-child(2) {
    width: 40%;
}

.sponser-table #Js-sponsorInviteTableId tr th:nth-child(3),
.sponser-table #Js-sponsorInviteTableId tr td:nth-child(3) {
    width: 23%;
    text-align: center;
}

.sponser-table #Js-sponsorInviteTableId tr th:nth-child(3) {
    width: 25%;
}

.sponser-table #Js-sponsorInviteTableId tr th:nth-child(4),
.sponser-table #Js-sponsorInviteTableId tr td:nth-child(4) {
    width: 8%;
}

.sponser-table #Js-sponsorInviteTableId tr th:nth-child(4) {
    width: 12%;
    border-right: 1px solid #e5e5e5;
}

.sponser-table .btn-act {
    border-radius: 3px;
    border: solid 1px #84c525;
    background-color: rgba(132, 197, 37, 0.17);
    padding: 0px 10px;
    font-size: 12px;
    color: #84c525;
}

.sponser-table .btn-expire {
    background-color: #ffd4a0;
    color: #a53725;
    border-color: #e2ba8a;
}

.sponser-table .tick-check,
.sponser-table .delete-trash {
    width: 32px;
    height: 28px;
    border-radius: 3px;
    border: solid 1px #84c525;
    background-color: #84c525;
    text-align: center;
    padding: 4px 6px;
    color: #fff;
    display: inline-block;
}

.sponser-table .tick-check {
    margin-bottom: 2px;
}

.sponser-table .delete-trash {
    border: solid 1px #d0021b;
    background-color: #d0021b;
}



@media (max-width: 991px) {

    .sponser-table tr th:nth-child(1),
    .sponser-table tr td:nth-child(1) {
        word-break: break-all;
    }

    .check-block-ctrl {
        width: 49%;
    }

    .check-block-full-ctrl {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .sponser-table tr th,
    .sponser-table tr td {
        display: block;
    }

    .sponser-table thead {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .sponser-table tr td {
        border-bottom: 1px solid #ccc;
        position: relative;
        padding: 13px 10px;
        padding-left: 145px;
        text-align: left !important;
        width: 100% !important;
    }

    .sponser-table tr td:before {
        position: absolute;
        top: 12px;
        left: 3px;
        width: 135px;
        white-space: nowrap;
        font-weight: 500;
        color: #000;
    }

    .sponser-table table tr:nth-child(odd) {
        background-color: #e4e4e4;
    }

    .sponser-table tr td:nth-child(1)::before {
        content: "Name";
    }

    .sponser-table tr td:nth-child(2)::before {
        content: "Email";
    }

    .sponser-table tr td:nth-child(3)::before {
        content: "Slots";
    }

    .sponser-table tr td:nth-child(4)::before {
        content: "Subscription Details";
    }

    .sponser-table tr td:nth-child(5)::before {
        content: "Status";
    }

    .sponser-table tr td:nth-child(6)::before {
        content: "Action";
    }
}

.sponsers-tab-popup tr th:nth-child(3),
.sponsers-tab-popup tr td:nth-child(3) {
    text-align: left;
}

.sponsers-tab-popup tr th:nth-child(2),
.sponsers-tab-popup tr td:nth-child(2) {
    text-align: left;
}

.sponsers-tab-popup tr th .sponsers-tab-popup tr td {
    padding: 10px !important;
    ;
}

.sponsers-tab-popup table {
    padding-bottom: 10px;
    padding-top: 10px;
}

.sponsers-tab-popup tr td {
    padding-top: 5px;
    padding-bottom: 3px;
}

.sponsers-tab-popup table tbody tr:last-child {
    padding-bottom: 10px;
}

.sponsers-tab-popup tr th:nth-child(1),
.sponsers-tab-popup tr td:nth-child(1) {
    width: 30%;
}

.sponsers-tab-popup tr th:nth-child(2),
.sponsers-tab-popup tr td:nth-child(2) {
    width: 30%;
}

.sponsers-tab-popup tr th:nth-child(3),
.sponsers-tab-popup tr td:nth-child(3) {
    width: 27%;
}

.sponsers-tab-popup tr th:nth-child(4),
.sponsers-tab-popup tr td:nth-child(4) {
    width: 13%;
    text-align: right;
}

#benfitModal .form-group {
    margin-bottom: 15px;
}

.pop-benfits-block {
    padding: 0 0 0px;
    border-bottom: 1px solid #edeff4;
}

.pop-benfits-block h4 {
    color: #333333;
    margin-bottom: 25px;
}

#benfitModal .pop-benfits-block .form-group {
    margin-bottom: 10px;
}

.pop-benfit-add-block {
    border: 0;
    padding: 20px 0 10px;
}

#benfitModal .pop-benfit-add-block .form-group {
    margin-bottom: 15px;
    position: relative;
    padding-right: 90px;
    height: auto;
}

.pop-benfit-add-block label {
    font-size: 12px;
    font-weight: 500;
    color: #9b9b9b;
}

.pop-benfit-add-block input {
    font-size: 16px;
    font-weight: 600;
    display: block;
    border: 0;
    outline: none;
    color: #000;
    background: #fff;
    background-color: #fff;
    background-image: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pop-benfit-add-block .form-group span {
    position: absolute;
    top: 15px;
    right: 10px;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #3d3e40;
    border: 1px solid #adaeb4;
    cursor: pointer;
}

.pop-benfit-add-block a {
    display: inline-block;
    text-decoration: underline;
}

#sponsershipinfo .sponsor-subcrip-head p {
    line-height: 24px;
    color: #9b9b9b;
}

.sponsor-facts {
    padding-bottom: 50px;
}

.sponsor-facts li {
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.78;
    color: #4a4a4a;
    padding-bottom: 5px;
}

#sponsershipinfo .sponsor-sub-middle-content {
    padding-bottom: 40px;
}

#sponsershipinfo .sponsor-sub-middle-content h4 {
    text-align: left;
}

.sponsor-facts h4 {
    margin-bottom: 20px;
}

.sponsor-cards h3 {
    margin-top: 10px;
    margin-bottom: 20px;
}

.sponsor-cards h5 {
    text-align: center;
    font-size: 16px;
    color: #4a4a4a;
    line-height: 1.4;
    margin-bottom: 25px;
    font-weight: 400;
}

.sponsor-card-logo {
    text-align: center;
    /* border: 1px solid #ebebeb; */
    width: 100%;
    height: 120px;
    border-radius: 4px;
    margin-bottom: 7px;
}

.col-sm-2 .sponsor-card-logo {
    height: 70px;
}

.sponsor-full-view .sponsor-card-logo {
    height: auto;
}

.sponsor-card-logo img {
    display: inline-block;
    border-radius: 4px;
    height: 100%;
}

.sponsor-full-view .sponsor-card-logo img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.sponser-bor-royal .sponsor-full-view .sponsor-card-logo img {
    width: 100%;
}

.col-sm-2.sponsor-full-view {
    width: 20%;
}

@media (max-width: 767px) {
    .col-sm-2.sponsor-full-view {
        width: 33%;
    }
}

.scroll-modal.modal-open {
    overflow: hidden !important;
}

.thanking_sponsormail {
    padding: 1px 5px;
}

.sponsor-available {
    padding-left: 100px;
}

@media (max-width: 991px) {
    .sponsor-available {
        padding-left: 50px;
    }
}

@media (max-width: 767px) {
    .sponsor-available {
        padding-left: 10px;
    }
}

.sponsor-subcrip-content .btn-xl {
    width: auto;
}

#sponsershipinfo .sponsor-sub-middle-content {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 350px) {
    #sponsershipinfo .sponsor-sub-middle-content {
        max-width: inherit;
    }
}

#sponsorplanslist .panel-group {
    margin-bottom: 4px;
}

.pop-benfits-block .orgbenefit {
    margin-bottom: 10px;
}

#sponsershipinfo .sponsor-subcrip-head {
    margin: 0 auto;
}

@media (max-width: 767px) {
    #sponsershipinfo .sponsor-subcrip-head {
        max-width: inherit;
    }
}

.sponser-bor {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#sponsertab .sponser-bor:last-child {
    border: 0;
}

#sponsertab h2 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    text-transform: capitalize;
}

.custom_benefits input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(0, 0, 0, 0.1);
}

.custom_benefits input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.1);
}

.custom_benefits input:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(0, 0, 0, 0.1);
}

.custom_benefits input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(0, 0, 0, 0.1);
}

.p-t-25 {
    padding-top: 25px;
}

.sponsor-right-block {
    margin-bottom: 20px;
}

.sponsor-right-block .row {
    margin-left: -5px;
    margin-right: -5px;
}

.sponsor-right-block .row>div {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.sponsor-right-block i {
    font-size: 18px;
}

.opportun-main .border-left-ctrl .sponsor-right-block .col-sm-2.col-xs-4 {
    width: 33.3333333333%;
}

@media (min-width: 768px) {
    .opportun-main .border-left-ctrl .sponsor-right-block .col-sm-2.col-xs-4 {
        width: 16.6666666667%;
    }
}


.border-block-slider .sponsor-slider {
    max-height: 300px;
    overflow-y: auto;
    padding: 10px 0 10px 10px;
    margin: 15px 0;
}

.opportunity-social-icons .sponsor-slider .module-card-title,
.sponsor-slider .module-card-title,
.module-card .sponsor-slider .module-card-title {
    margin-top: 20px;
    padding: 20px 0 15px;
    margin-bottom: 0 !important;
    clear: both;
    display: block;
    overflow: hidden;
    border-top: 0.5px solid #ccc;
}

.opportunity-social-icons .sponsor-slider>div:first-child .module-card-title,
.sponsor-slider>div:first-child .module-card-title {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0 !important;
}

.sponsor-slider .row {
    margin-left: 0px;
    margin-right: 0px;
}

.sponsor-slider .row>figure {
    padding-left: 3px;
    padding-right: 3px;
    height: auto;
    overflow: hidden;
}

.sponsor-right-block .sponsor-slider .row>figure img {
    height: 100%;
    width: 100%;
}

.sponsor-stars {
    position: absolute;
    right: 19px;
    top: -1px;
}

.sponsor-stars-top {
    right: 21px;
    top: -4px;
}

.nav-tabs .active .sponsor-stars,
.nav-tabs li:hover .sponsor-stars {
    display: none;
}

.sponsor-stars i {
    top: 4px;
    font-size: 10px !important;
    /* color: #eb8902;
text-shadow: 0 2px 2px rgba(235,137,2,0.6); */
    color: #eb3802;
    text-shadow: 0 0px 7px rgba(235, 2, 2, 0.6);
    position: absolute;
    animation: twinkle .8s infinite, star-scale 4s infinite;
    -moz-animation: twinkle .8s infinite, star-scale 4s infinite;
    -webkit-animation: twinkle .8s infinite, star-scale 4s infinite;
}

.sponsor-stars i:nth-child(1) {
    left: 11px;
}

.sponsor-stars i:nth-child(2) {
    top: 4px;
    animation-delay: .5s;
    -moz-animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.sponsor-stars i:nth-child(3) {
    top: 14px;
    left: 11px;
    animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

@keyframes twinkle {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .6
    }
}

@-webkit-keyframes twinkle {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .6
    }
}

@-moz-keyframes twinkle {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .6
    }
}

@keyframes star-scale {
    0% {
        transform: scale(0.7)
    }

    50% {
        transform: scale(1, 1)
    }

    100% {
        transform: scale(0.7)
    }
}

@-webkit-keyframes star-scale {
    0% {
        -webkit-transform: scale(0.7)
    }

    50% {
        -webkit-transform: scale(1, 1)
    }

    100% {
        -webkit-transform: scale(0.7)
    }
}

@-moz-keyframes star-scale {
    0% {
        -moz-transform: scale(0.7)
    }

    50% {
        -moz-transform: scale(1, 1)
    }

    100% {
        -moz-transform: scale(0.7)
    }
}

.sponsor-stars i:before {
    content: "+";
    color: #eb8902;
    display: inline-block;
    font-size: 14px;
}

.pos-rel-inline {
    position: relative;
    display: inline-block;
    padding-right: 12px;
    padding-top: 2px;
}

.sponsor-right-block .pos-rel-inline {
    padding-top: 5px;
}

.m-b-6 {
    margin-bottom: 6px;
}

.sponsor-slider .slick-prev,
.sponsor-slider .slick-next {
    top: 30px;
    width: 20px;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 100%;
    text-align: center;
}

.sponsor-slider .slick-prev::before {
    content: "\f104";
    font-family: FontAwesome;
    position: relative;
    left: -1px;
    top: 0px;
}

.sponsor-slider .slick-next::before {
    content: "\f105";
    font-family: FontAwesome;
    position: relative;
    right: -1px;
    top: 0px;
}

#all-sponsors-images {
    z-index: 9999;
}

.p-lr-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.sponsor-right-block>h3 {
    font-size: 17px;
}

#sponsor-tab {
    padding-top: 30px;
}

.sponsor-right-block .org-profile-info h4 {
    font-size: 17px;
    font-weight: 600;
    word-break: initial;
    line-height: 21px !important;
}

.custom-nofield {
    padding-top: 10px;
    margin-bottom: 0px;
}

#eventForm #starterror,
#eventForm #enderror {
    width: 100%;
    bottom: -2px;
}

.cust-each-div {
    margin-bottom: 20px;
}

.cust-each-div>div {
    padding: 00px 15px 30px;
    border-bottom: 1px solid #ccc;
}

.cust-each-div h5 {
    font-size: 20px;
}

.step-content form fieldset {
    border-bottom: 1px solid #ccc;
}

.step-content form fieldset:last-child {
    border-bottom: 0;
}

#previewcustomFieldsForm fieldset {
    border-bottom: 1px solid #ccc;
}

#previewcustomFieldsForm fieldset:last-child {
    border-bottom: 0;
}

#editVProfileForm .cust-each-div>div>p {
    margin-bottom: 30px;
}

.left-org-Logo,
.right-org-Name {
    display: inline-block;
    vertical-align: middle;
}

.left-org-Logo {
    min-height: 60px;
    width: 90px;
    margin-right: 22px;
    text-align: center;
    border: 1px solid #dadada;
    padding: 3px;
}

.left-org-Logo img {
    width: 100%;
    min-height: 60px;
    display: block;
}

.out-br .right-org-Name h4 {
    position: initial;
    font-weight: 600;
}

.out-br .right-org-Name {
    width: 545px;
}

.out-br .right-org-Name p {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 8px;
}

.clearfix.p-b-20 {
    padding-bottom: 20px;
}

@media (max-width: 1199px) {
    .out-br .right-org-Name {
        width: 405px;
    }
}

@media (max-width: 991px) {
    .out-br .right-org-Name {
        width: 265px;
    }

    .out-br .right-org-Name h4 {
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .out-br .right-org-Name {
        width: 49%;
    }
}

#eventForm #starterror,
#eventForm #enderror {
    width: 100%;
    bottom: -2px;
}

.min-height--230 {
    min-height: 230px;
}

.sponsor-slider .module-card-title {
    margin-bottom: 5px;
}

.new-similar-opp.nosponsor {
    min-height: 1px;
    padding-top: 5px;
}

.nosponsor {
    min-height: 350px;
    padding-top: 80px;
}

#nosponsor p,
.nosponsor p {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #9b9b9b !important;
    padding-bottom: 20px;
}

.new-similar-opp.nosponsor p {
    padding-bottom: 5px;
}

.nosponsor span {
    display: block;
    text-align: center;
}

.nosponsor span>img {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
}

.new-similar-opp.nosponsor a {
    margin-bottom: 10px;
}

#nosponsor a,
.nosponsor a {
    margin-bottom: 50px;
}

.modal-body .shift_name_ctrl h4 {
    width: 100%;
}

.sponsor-right-block .btn-link {
    color: #337ab7;
    border-color: transparent;
}

.spon-logo-new-br #sponsertab .sponser-bor:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.spon-logo-new-br .col-sm-2 .sponsor-card-logo {
    height: 40px;
}

@media (max-width: 767px) {
    .spon-logo-new-br .col-sm-2 .sponsor-card-logo {
        height: auto;
    }
}

@media (max-width: 767px) {
    .module-card .nav {
        margin-bottom: 10px;
    }

    .p-t-20 {
        padding-top: 20px;
    }

    .heading-map {
        margin-top: 40px;
        margin-bottom: 8px;
        font-size: 18px;
        line-height: 1.4;
        color: #444;
        padding-bottom: 15px;
        font-weight: 600;
        text-align: center;
    }

    .bootstrap-tags .tags {
        max-width: 97%;
    }

    .bootstrap-tags .tag {
        text-align: left !important;
        /*word-break: break-all;*/
        max-width: 100%;
    }

    .bootstrap-tags .tag.md span {
        white-space: initial;
        text-align: left;
    }

    .bootstrap-tags .tags-input {
        width: 100% !important;
        box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        height: auto !important;
        min-height: 2em;
        border: 0 !important;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .tag-list.bootstrap-tags,
    .tag-lists.bootstrap-tags {
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 0px;
    }

    .tag-lists.bootstrap-tags.pop-over-besides {
        width: 100% !important;
    }

    .modal-body .bootstrap-tags .tag .remove {
        top: 2px;
    }

    .modal-body .btn-info:hover,
    .modal-body .btn-info:focus {
        background-position: 0 0;
    }

    .col-sm-8 .tag-list.pop-over-besides.bootstrap-tags.bootstrap-3 {
        width: 100% !important;
    }

    @-moz-document url-prefix() {
        .opportunity-tab-main .qq-upload-button {
            top: 24px;
            height: 37px;
        }
    }

    @supports (-moz-appearance:none) {
        .opportunity-tab-main .qq-upload-button {
            top: 24px;
            height: 37px;
        }
    }

    @media (max-width: 767px) {
        .widget-content h4.inline-block.pull-right {
            float: none !important;
        }

        .widget-content .tabbable .tab-content {
            margin-top: 0;
            padding-left: 0;
            padding-right: 0;
        }

        #communications #email_files_div .qq-uploader .qq-upload-button {
            margin-left: 59px;
        }

        #emailForm .contenteditable {
            width: 100%;
        }

        .main-inner #placeHolderModel .modal-footer {
            padding-top: 10px;
            text-align: center;
        }

        .main-inner #placeHolderModel .modal-footer .btn {
            margin-top: 5px;
            float: none !important;
        }

        .m-table-responsive .dropdown-menu {
            position: relative;
        }

        .table-responsive>.table-bordered>tbody>tr:last-child>td {
            border-bottom-width: 1px !important;
        }

        #volCalendar #stepone1 .form-horizontal .stepOne-form-ctrl>* {
            float: none;
            display: block;
        }
    }

    .mb-0 {
        margin-bottom: 0 !important;
    }

    .my-7 {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }

    .fixed-header-tw0 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99;
    }

    .main {
        min-height: 600px !important;
    }

    .step-content .step-pane.active #positionForm {
        height: auto;
    }

    #position_description table {
        width: 100% !important;
    }

    .modal-dialog-lg-cus {
        width: 640px;
    }

    .profile_data_modal {
        border: 1px solid #ccc;
    }

    .profile_data_modal .profile_meta_info {
        border-right: 1px solid #ccc !important;
    }

    .center-cropped {
        object-fit: none;
        object-position: center;
        height: 100px;
        width: 100px;
    }
}

@media(min-width: 1600px) {
    .vm-notifier--label.active p {
        margin-right: 180px !important;
    }
}

@media(min-width: 1490px) {
    .vm-notifier--label.active p {
        margin-right: 60px;
    }
}

@media(min-width: 1300px) {
    .vm-notifier--label.active p {
        margin-right: 0px;
    }
}

@media(min-width: 1100px) {
    .vm-notifier--label.active p {
        margin-right: 0px;
    }
}

.sponsorpayment .paymentId:nth-child(1) {
    display: none;
}

.sponsorpayment br:nth-child(2) {
    display: none;
}

.recdownloadall {
    float: right;
    margin-bottom: 10px;
    margin-right: 7px;
}

.shiftwiserecdownloadall{
    float: right;
    margin-bottom: 10px;
    margin-right: 7px;
}
@media (max-width: 767px) {
    .modal-dialog {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .navbar-brand.vm-mainlogo-dynamic img {
        object-position: center !important;
        height: 55px !important;
        object-fit: inherit !important;
        width: 55px !important;
    }

    #myorganizationdetails .btn.btn_green.float-lr {
        margin-bottom: 4px;
    }

    .navbar.navbar-inverse {
        padding: 0 !important;
    }

    .navbar.navbar-inverse .navbar-header {
        margin: 0 !important;
    }

    .navbar.navbar-inverse .nav-hierarchial {
        width: 71%;
    }

    .nav-hierarchial .col-sm-2 {
        padding-right: 0 !important;
    }

    .navbar.navbar-inverse .isha-log {
        margin-right: 0 !important;
    }

    .subnavbar .btn-subnavbar,
    body.maintheme a.btn-subnavbar:hover {
        color: #fff !important;
    }

    #notification .col-sm-11.js-filternot .col-sm-4 {
        padding-bottom: 5px;
    }

    #notification .col-sm-11.js-filternot .col-sm-4 label {
        width: 33%;
    }

    #activenotifications .option-cards h5 {
        width: 100% !important;
    }

    #notification .btn-group>.btn {
        margin-bottom: 4px;
        margin-right: 3px;
    }

    .widget .widget-content {
        padding-left: 6px;
        padding-right: 6px;
    }

    #volunteers .col-sm-4 .btn.btn-inverse {
        padding-left: 3px;
        padding-right: 3px;
    }

    .col-sm-6 div a.pull-right.js-dwnldsamplefile {
        float: none !important;
        position: absolute;
        top: 0;
        left: 170px;
        line-height: 1;
    }

    #activepos-tab .table-condensed.table-bordered td {
        white-space: inherit;
        min-width: 80px !important;
    }
}

.popover {
    z-index: 9999;
}

/* issue no 4 */
.checkbox label {
    padding-left: 5px;
}

/* issue no 13 */
#preferencesForm.form-horizontal .form-group {
    margin: 0 !important;
}


.org_block {
    border-radius: 8px 8px 0 0;
    border: 1px solid #ccc;
    display: inline-block;
    width: 100%;
}

.org_hierarchy_block {
    background-color: rgba(85, 85, 85, 0.13);
    padding: 10px 25px;
    border-radius: 8px 8px 0 0;
}

.org_panel {
    padding: 15px;
}

.member_org {
    font-size: 12px;
}

.show_members_org {
    font-size: 14px;
    text-align: right;
}

.show_members_org span i {
    padding: 0 5px;
}

.show_members_org .dropdown-menu {
    z-index: 1 !important;
}

.hierarchy_line:before {
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}


.hierarchy_line:after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}

@media (max-width:767px) {
    .hierarchy_line:before {
        border-right: none;
        border-radius: 0 5px 0 0;
        -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
    }

    .treeview .hierarchy_line .items_line .item_line:before {
        background-color: transparent !important;
    }

    .hierarchy_line:after {
        border-radius: 5px 0 0 0;
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
    }

    .treeview .hierarchy_line .items_line {
        border: none !important;
        padding: 0px;
    }

    .treeview .hierarchy_line .items_line .item_line {
        padding-left: 0 !important;
        position: unset !important;
        bottom: 0 !important;
    }
}

.treeview {
    float: left;
    width: 100%;
    background-color: #F5F5F5;
    padding-bottom: 20px;
}

.treeview .hierarchy_line {
    float: left;
    width: 100%;
    position: relative;
}

.treeview .hierarchy_line .items_line {
    float: left;
    width: 100%;
    border-left: 1px dashed #ccc;
    padding: 5px 0;
}

.treeview .hierarchy_line .items_line .item_line {
    float: left;
    width: 100%;
    font-family: Arial;
    font-size: 15px;
    color: #444;
    line-height: 1.5;
    padding-left: 33px;
    position: relative;
    bottom: -20px;
    background: transparent;
    border: none;
    box-shadow: none;
}

.treeview .hierarchy_line .items_line::after {
    /* content: "\2295"; */
    width: 10px;
    height: 10px;
    border-radius: 50%;
    /* background-color: #444; */
    position: absolute;
    top: 100%;
    bottom: 50%;
    left: -5px;
}

.treeview .hierarchy_line .items_line .item_line:before {
    content: "";
    width: 30px;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top: 20px;
    bottom: 50%;
    left: 0;
}

.org_block .panel-group .panel {
    overflow: visible !important;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    /* essential for enabling glyphicon */
    content: "\e114";
    /* adjust as needed, taken from bootstrap.css */
    float: left;
    color: grey;
    padding: 0 10px 0 0;
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";
    /* adjust as needed, taken from bootstrap.css */
}
.nav-hierarchial{
    /* position: relative;
    width: 80%;
    top: 20px; */
    display: flex;
    align-items: center;
}
.isha-log{
    position: relative;
    top: -25px;
}
.navbar .navbar-header .navbar-brand.t-5{
    top: 5px !important;
  }
  body .opportunity-tab-main .qq-upload-button,body .opportunity-tab-main .width-restrict {
    width: 225px !important;
  }
  .fileupload-button .qq-uploader .qq-upload-button {
    width: auto !important;
    padding-left: 5px;
    padding-right: 5px;
  }
.d-inline {
    display: inline-block;
}

.video1 img {
    height: 161px;
    width: 100%;
}


.mh-60{
    min-height: 65px !important;
}
.align-items-end{
    display:flex;
    align-items: flex-end;
}

.p-b-30{
    padding-bottom:30px;
}
.reportsearch{
    margin-right:10px;
}

#reportreset{
    color:#84c525 !important;
    font-size:14px;
    margin-right :10px;
    display: inline-block;
    text-decoration: none !important;

}

.reportreset{
    margin-right :10px;
}

@media(max-width:767px){
    .align-items-end{
        display:block;
        align-items: inherit;
    }
}

.rerror{
    position: absolute;
    left: 0;
    bottom: -30px;
}
 #gridContainer .ui-jqgrid, #gridContainer  .ui-jqgrid-view, #gridContainer  .ui-jqgrid-hdiv, #gridContainer  .ui-jqgrid-bdiv, #gridContainer  .ui-jqgrid-btable, #gridContainer  .ui-jqgrid-htable {
    width: 100% !important;
}
 #gridContainer .ui-jqgrid .ui-jqgrid-hbox {
    padding-right: 0 !important;
}
body #gridContainer  .ui-widget-content {
    border: 0;
    background: #fff;
}
body #gridContainer  .ui-jqgrid tr.jqgrow td {
    padding: 8px;
    font-size: 13px;
    line-height: 1.7em;
    color: #333;
    border: 1px solid #ddd;
    height: auto;
}
body #gridContainer .ui-jqgrid .ui-jqgrid-title {
    color: #333;
}
body #gridContainer .ui-jqgrid tr.jqgrow td a {
    color: #333;
}
body #gridContainer .ui-state-highlight, 
body #gridContainer .ui-widget-content .ui-state-highlight, 
body #gridContainer .ui-widget-header .ui-state-highlight {
    background: transparent;
    border-color: #ddd;
}
body #gridContainer .ui-state-hover, 
body #gridContainer .ui-widget-content .ui-state-hover, 
body #gridContainer .ui-widget-header .ui-state-hover, 
body #gridContainer .ui-state-focus, body .ui-widget-content .ui-state-focus, 
body #gridContainer .ui-widget-header .ui-state-focus {
    color: #333;
    background: transparent;
    border-color: #ddd;
}

.tab-pane .container.tab-pane{
    width: 100%;
    padding: 0;
}

#gridContainer #reportPager { width: 100% !important; }
body #gridContainer .ui-state-default, 
body #gridContainer .ui-widget-content .ui-state-default {
    border-color: #ddd; background: #fff;
}

#gridContainer #reportPager_left{
    width:auto !important;
}

#gridContainer #gview_reportgrid > .ui-jqgrid-titlebar {
    display: none !important;
}
#gridContainer .ui-state-default .ui-icon,
#searchcntfbox_reportgrid table td .ui-icon,#searchhdfbox_reportgrid .ui-icon.ui-icon-closethick{ 
    background-image:none;
    text-indent: inherit;
}
#gridContainer .ui-state-default .ui-icon::after,
#searchcntfbox_reportgrid table td .ui-icon::after,#searchhdfbox_reportgrid .ui-icon.ui-icon-closethick::after{
    content: "";
    font-family: "FontAwesome";
    color: #333;
    display: inline-block;
    font-size: 10px;
    line-height: 12px;
    position: relative;
    top: -3px;
}
#gridContainer .ui-state-default .ui-icon.ui-icon-search::after { 
    content: "\f002";
}
#gridContainer .ui-state-default .ui-icon.ui-icon-refresh::after {
    content: "\f021";
}
#gridContainer .ui-state-default .ui-icon.ui-icon-seek-first::after {
    content: "\f048";
}
#gridContainer .ui-state-default .ui-icon.ui-icon-seek-prev::after {
    content: "\f049";
}
#gridContainer .ui-state-default .ui-icon.ui-icon-seek-next::after {
    content: "\f051";
}
#gridContainer .ui-state-default .ui-icon.ui-icon-seek-end::after {
    content: "\f050";
}
#searchcntfbox_reportgrid table td .ui-icon.ui-icon-arrowreturnthick-1-w::after {
    content: "\f112";
}
#searchcntfbox_reportgrid table td .ui-icon.ui-icon-search::after {
    content: "\f002";
}
#searchmodfbox_reportgrid {
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
}
#searchhdfbox_reportgrid, #searchhdfbox_reportgrid.ui-widget-header a {
    color: #333;
}
#searchcntfbox_reportgrid select,
#searchcntfbox_reportgrid input, 
body .select2-container .select2-choice {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-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;
}
body .select2-container .select2-choice > .select2-chosen {
    margin-right: 0;
}
body .select2-container .select2-choice .select2-arrow{
    background: none;
    border-left:0px;

}

#gridContainer .ui-state-default .ui-icon.ui-icon-triangle-1-n::after {
    content: "\f0d8";
}
#gridContainer .ui-state-default .ui-icon.ui-icon-triangle-1-s::after {
    content: "\f0d7";
}

#searchhdfbox_reportgrid .ui-icon.ui-icon-closethick::after {
    content: "\f00d";
}
#searchhdfbox_reportgrid .ui-icon.ui-icon-closethick:hover {
    color: #000;
}

#searchcntfbox_reportgrid .EditTable hr.ui-widget-content { 
    background: none;
    border-color: #ddd;}

#searchhdfbox_reportgrid.ui-widget-header { border-color: #ddd; }


#searchhdfbox_reportgrid .ui-widget-header .ui-icon {
    background: none;
}

#searchhdfbox_reportgrid .ui-icon.ui-icon-closethick {
    background:none !important;
}

body #gridContainer .ui-jqgrid .ui-jqgrid-htable th {
   border-top:1px solid #DDD;
}

#searchmodfbox_reportgrid.ui-widget-content  { background: #fff; border-color: #ccc;}
#searchmodfbox_reportgrid.ui-widget-content .ui-resizable-se { background: none;}

#searchcntfbox_reportgrid .EditTable a.ui-state-hover {
    color: #000 !important;
    border-color: #060606 !important;
}
#reportPager_left .ui-pg-div > span.ui-icon{
    display: none !important;
}

body #gridContainer .ui-jqgrid tr.jqgrow td a {
    color:#428bca;
}

body.maintheme .select2-container .select2-choice {
    color:#555 !important;
}

.jq-grid-no-records {
      text-align: center;
      padding: 30px;
      color: #444;
      font-size:14px;
      border: 1px solid #ddd;
    }
.ui-jqgrid .ui-pg-table td {
    font-size: 13px !important;
}

#orgvolbyattendance{
    min-height:50px;
}
.loadmask-msg{
    z-index:99;
}
.hierarchy-opps {
    padding-left: 30px;
}
.nav-hierarchial.hide ~ .dropdown.pull-right.isha-log {
    top: 0;
}
body .navbar {
    min-height: 70px;
}

.emailfilter{
    display: flex;
    justify-content:space-between;
}

.smsfilter{
    display: flex;
    justify-content:space-between;
    align-items:center;
    padding-top: 10px;
    padding-bottom:10px;
}

@media(max-width: 767px) {
    .emailfilter{
        display : block;
    }
    .btn-compose{
        margin-top :-35px;
    }

    .smsfilter{
        display : block;
    }
    
    }
    
#js-emaildaterangereset{
    font-size:14px;
    margin-left :10px;
    display: inline-block;
    text-decoration: none !important;
    position: relative;
    top: -5px
}

#js-smsdaterangereset{
    font-size:14px;
    margin-left :10px;
    display: inline-block;
    text-decoration: none !important;
    position: relative;
    top: -5px
}

#js-smsdaterangereset img{
    width:20px;
}

#js-emaildaterangereset img{
    width:20px;
}


.tab-visible{
    display:none;

}

.note{
    color: rgba(0, 0, 0, 0.4);
    font-size:14px;
    margin-top:-20px;
}

@media(min-width:768px) and  (max-width:991px){
    .tab-visible{
        display:block;
        padding-top:15px;
    }

    .smsfilter{
        display:block;
    }
    #js-smsdaterangeserach{
        margin-left:40px;
    }
    #js-emaildaterangesearch{
        margin-left:40px;
    }
    .margin-nt-30{
        margin-top:-30px;
    }
    .margin-40{
        margin-top:40px;
    }
}

.mat-reset{
    position: relative;
    top: 7px;
}

.btn-outline-primary{
    color:var(--green);

}

.btn-outline-primary:hover{
    color:var(--green);
    
}

.rightside-header{
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width:100%;
}
.rightside-header .vm-notifier--label.active p {
    margin-right: 15px !important;
    margin-bottom:0;
}

.rightside-header .vm-notifier--label{
    position:inherit;
    padding-bottom:0;
}

.rightside-header .isha-log{
    top:0;
    display:flex;
}
#js-headerhierarcghDiv label{
    padding-right: 30px;
}

.rightside-header #js-headerhierarchy-details{
    min-width:200px;
}
.navbar .navbar-header .navbar-brand.t-5 {
    top: 0px !important;
}

#js-headerhierarcghDiv > div{
padding-right:15px;
}

@media (min-width: 768px) and (max-width: 991px) { 

    .subnavbar .mainnav > li > a > span {
        font-size: 9px;
    }
    .rightside-header .vm-notifier--label{
        position: absolute;
        top: -10px;
        right: 0;
        width: 75%;
        font-size: 9px;
        padding: 0;
        text-align: left;
    }

    .navbar-header{
        position: relative;
    }

    .rightside-header .vm-notifier--label.active p{
    font-size: 9px;
    margin-right: 0 !important;
    }

    .rightside-header{
        padding-top: 5px;
    } 

}
@media (max-width:767px) {
    .navbar-brand.vm-mainlogo-default.t-5 {
        display: inline-block;
        min-width: 200px;
        width: 200px;
    }
    .center-cropped {
        width: 200px;
    }
    .navbar.navbar-inverse .rightside-header .nav-hierarchial {
        padding-top: 0px !important;
        width: 100%;
        position: absolute;
        bottom: 6px;
        left: 10px;
        display: flex;
    }
    .rightside-header .vm-notifier--label.active p{
        font-size: 9px;
        line-height: 11px;
        margin-right:0 !important;
    }
    .rightside-header .vm-notifier--label {
        position: absolute;
        padding-bottom: 0;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 5px;
        
    }
    #js-headerhierarcghDiv label {
        padding-right: 18px;
        padding-left: 12px;
        font-size: 12px;
        margin-bottom: 0;
    }

    .rightside-header #js-headerhierarchy-details {
        font-size:12px;
        padding:3px 5px;
        height:24px;
        min-width: 100px;
    }
    .minW200{
        min-width:200px;
    }

}
#dialog-network p {
    display: none;
}
.scroll-modal .ui-dialog.ui-widget #dialog-network p {
    display: block;
}
.scroll-modal .ui-dialog.ui-widget.ui-resizable {
    background-color: #F8ECAD;
    background: #F8ECAD;
    top: 88px !important;
    width: 405px !important;
    position: fixed !important;
    padding: 0 !important;
    border: 0 !important;
    left: auto !important;
    right: 24px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0 24px 0 rgba(0,0,0,0.35);
    display: block !important;
} 
.scroll-modal .ui-dialog.ui-widget .ui-dialog-titlebar,
.scroll-modal .ui-dialog.ui-widget .ui-resizable-handle {
    display: none !important;
}

.scroll-modal .ui-dialog.ui-widget #dialog-network {
    min-height: 1px !important;
    height: auto !important;
    padding: 1em !important;
}
.scroll-modal .ui-dialog.ui-widget #dialog-network p { 
    margin-bottom: 0;
}
.ui-dialog.ui-widget.ui-resizable {
    opacity: 0;
    right: -400px;
    transition: all 0.3s ease-in-out;
    transform: translate(400px, 0);
}
.network-below-15 .ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
    display: block !important;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    transform: translate(0, 0);
}

.eVentPage .col-sm-9 .col-sm-9.js-volpublicloginshow,.eVentPage .col-sm-9 .col-sm-9.newcaldisplay,.eVentPage .col-sm-9 .col-sm-9.js-unauthorized{
        width:100% !important;
      }
    
.flex-add-edit{
    padding: 19px 64px 9px;
    margin-top: 10px;
    text-align: right;
    width: 100%;
}

@media (max-width: 767px) {
    .flex-add-edit {
        text-align: center;
    }

    
}
.saveflexhours{
    margin-right:12px;
}

@media (max-width: 767px) {
    .col-sm-11.p-t-10 .col-sm-4 {
        padding-bottom: 10px;
    }
    .col-sm-11.p-t-10 label {
        width: 95px;
    }
    .rel sup {
        top: 7px;
        left: 38px;
    }
    .rel sup:after {
        top: 4px;
        left: -8px;
        transform: rotate(153deg);
    }
}

@media (max-width: 767px) {
    .btn.btn-block.btn-social.btn-apple {
      margin-top: 0 !important;
    }
  }

@media (max-width: 767px) {
    .col-sm-11.p-t-10 .col-sm-4 {
        padding-bottom: 10px;
    }
    .col-sm-11.p-t-10 label {
        width: 95px;
    }
    .rel sup {
        top: 7px;
        left: 38px;
    }
    .rel sup:after {
        top: 4px;
        left: -8px;
        transform: rotate(153deg);
    }
}

.loadmask-msg {
    left: 46% !important;
}
.loadmask-msg div {
    font-size: 17px !important;
    background-position: 5px 9px !important;
}
#eventSecondSection .required-field .error[style="color: rgb(255, 0, 0);"]{
    width:auto;
    left:15px;
}

#eventSecondSection .required-field.col-sm-2 .error[style="color: rgb(255, 0, 0);"]{
    width:200px;
}

.fuelux .wizard>.steps { 
 width: auto !important;
 margin-left: 0 !important;
}
@media (max-width: 767px) {
#titletext .form-inline.m-view-select .form-group {
    display: inline-block !important;
}
#titletext .form-inline.m-view-select .form-group select {
    width: 120px !important;
}
#titletext .form-inline.m-view-select .form-group:nth-child(3) {
    position: relative;
    top: -19px;
}
}

img {
    user-select: none;
    pointer-events: none;
}
#oppnamebasesearch .cal-cell1.cal-cell {
    overflow: hidden;
}   
#oppnamebasesearch .events-list {
    overflow: inherit;
}
#oppnamebasesearch .events-list.caloverlap::after {
    content: "";
    position: absolute;
    bottom: -4px;
    width: 149px;
    height: 100px;
    z-index: 2;
    background-color: transparent;
    display: block;
    left: 0;
    cursor: pointer;
}
#oppnamebasesearch .events-list > div {
    display: none;
}
#oppnamebasesearch .events-list > div:nth-child(1) {
    display: inline-block;
}
.d-block-feature {
    display: flex !important;
    justify-content: space-between;
    width: 100%;
}
.feature-nav-block {
    padding: 2px 10px;
    background: #e5efd5;
    color: #4a4a4a;
    display: block;
}
.feature-nav-block::after, .feature-nav-block::before {
    content: "";
    display: table;
    clear: both;
}
.feature-nav-block .feature-nav-block {
    padding-left: 0;
    padding-right: 0;
}
.feature-nav-block p {
    margin: 0;
    line-height: 1.3;
}
.feature-nav-block > div {
    display: flex;
}
.close-icon-pointer {
    cursor: pointer;
    padding: 0 3px !important;
}
.feature-nav-block .btn {
    padding: 0 3px !important;
    margin: 0 0 0 5px;
    outline: none;
    text-shadow: none;
    font-weight: 600;
    letter-spacing: 1px;
}
.d-block-feature {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    margin: 0 0 10px;
    overflow: hidden;
}
.d-block-feature.active {
    max-height: inherit;
}
.d-block-feature > div {
    padding-bottom: 5px;
}
/* .js-iteratefeature .feature-nav-block:last-child .d-block-feature {
    border-bottom: 0;
} */
.feature-nav-block h6 a .material-symbols-outlined {
    position: relative;
    top: 5px;
    display: inline-block;
    padding-right: 5px;
    font-size: 22px
}
.feature-nav-block .material-symbols-outlined {
    font-size: 16px;
}
.feature-nav-block .material-symbols-outlined:hover {
    color: #000;
}
.content-show-more p {
    /* max-width: 520px; */
    overflow: hidden;
    display: flex;
    padding: 0 0;
    height: auto;
    font-size: 13px;
}
.img-feature {
    width: 110px;
    overflow: hidden;
    padding: 0 5px;
}
.content-show-more img, .content-show-more video, .content-show-more iframe {
    width: 100px !important;
    height: auto !important;
}
.d-flex-fe {
    display: flex;
}
.d-block-feature h6 {
    margin: 0 0 4px;
    font-weight: 600;
    font-size: 13px;
}
.d-block-feature h6 a {
    color: var(--orangetheme);
}
.content-show-more.active p {
    /* max-width: 80%; */
    height: auto;
}
.content-show-more .text-less {
    display: none;
}
.content-show-more .text-more {
    display: inline-block;
}
.content-show-more.active .text-less {
    display: inline-block;
}
.content-show-more.active .text-more {
    display: none;
}
.d-block-feature p img, .d-block-feature iframe, .d-block-feature video {
    width: 100px !important;
    height: auto !important;
}
@media (min-width: 768px) {
    .navbar.navbar-inverse.relative {
        border: 0;
    }
}
@media (max-width: 767px) {
    body .cke {
        z-index: 99999 !important;
    }
    .cke_top {
        display: block !important;
    }

}
.clearfix {
    clear: both;
}
.clearfix::after, .clearfix::before {
    content: "";
    clear: both;
    display: table;
}
.top-0 {
    top: 0 !important;
}
.hover-Btn:hover {
    background-color: rgba(0, 0, 0, .15);
    border-radius: 4px;
} 
.feature-table-block p img {
    max-width: 250px !important;
    height: auto !important;
}

.social-likes__button_twitter { padding-left: 8px !important;}
 
.opportunity-social-icons .social-likes__icon_twitter {
 background-size: 23px 22px !important;

 width: 25px !important;
}
 
.mobile-show-c {
    display: none !important;
  }
  @media (max-width: 767px) {
    .mobile-none-c {
      display: none !important;
    }
    .mobile-show-c {
      display: block !important;
    }
    .col-sm-9.text-center[style="margin-top: 7px;margin-left: 44px;"] {
        margin-left: 0 !important;
        text-align: left !important;
    }
  }

.password-must-char {
    font-size: 75%;
    font-weight: 600;
    line-height: 1.2;
    list-style: none;
    text-align: left;
}
.password-must-char li {
    padding-bottom: 4px;
    position: relative;
}
.password-must-char li::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: -13px;
    top: 3px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.password-must-char li.text-success::before {
    background: green;
}
.password-must-char li.text-danger::before {
    background: red;
}
.password-must-char li.text-danger {
    font-weight: 700 !important;
    font-size: 10px;
}
.password-text-color {
    color: #737373;
}
.password-char-set ul {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .4);
    border-radius: 4px;
    padding: 15px 20px;
    width: auto;
    height: auto;
    transition: all 0.3s ease-in-out;
    transform: translateX(-30px);
}
.password-char-set ul::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-right: 25px solid #fff;
    border-bottom: 13px solid transparent;
}
.password-char-set a:hover ul {
    opacity: 1;
    transition: all 0.3s ease-in-out;
    transform: translateX(0px);
}
.step-pane img.ui-datepicker-trigger {
    user-select: inherit;
    pointer-events: inherit;
    cursor: pointer;
}
.out-br .right-org-Name p.js-fullcontent {
    text-overflow: inherit;
    white-space: inherit;
    overflow: inherit;
}