.mascot-text-new {
	display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    min-height: 38px;
}

.invalid {
	border: 1px solid red !important;
}

.color-fill-icon-primary { display:inline-block; width:35px; height:35px; border:1px solid #000; background-color:#fff; margin: 2px; }
.color-fill-icon-secondary { display:inline-block; width:35px; height:35px; border:1px solid #000; background-color:#fff; margin: 2px; }
.dropdown-color-fill-icon{ position:relative; float:left; margin-left:0; margin-right: 0 }
.colorpickerplus-container .colorpickerplus-custom-colors { display: none; }
.colorpickerplus-container div.input-group { display: none; }
.colorpickerplus-container .colorcell, .colorpickerplus-container .nonecell { width: 35px; height: 35px; }
.colorpickerplus { max-width: 400px; }

.custom-color-btn {
	position: relative;
	margin-left: 0;
	margin-top: 0;
}

div.radio {
    float: left;
    margin-right: 20px;
}

.file-browse {
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    position: absolute;
    z-index: 9;
}

input[type='file'] {
    display: inline !important;
}

.roster-file {
    width: 111px;
    height: 37px;
    cursor: pointer;
}

.roster-file-mobile {
    width: 111px;
    height: 37px;
    cursor: pointer;
}

.incremental-counter .num {
    float: left;
    width: 35px !important;
    height: 53px !important;
    line-height: 52px !important;
    font-size: 50px !important;
    margin: 3px !important;
    color: #DC523E !important;
}

.know-locked {
	outline: none;
    cursor: default;
    text-decoration: none;
    box-shadow: none;
}

.incremental-counter .num::before {
	background: #DC523E !important;
}

.dropzone                       { background-color: #eeeeee; text-align: center; position: relative; border: 1px solid #dddddd; display: inline-block;  }
.dropzone:after                 { content: 'Drop your image here or click to add one!'; font-size: 30px; color: #bbbbbb; position: absolute; bottom: 60%; left: 0; width: 100%; text-align: center; z-index:0;}
.dropzone:before                { content: ''; font-family:"Glyphicons Halflings"; font-size: 60px; color: #dbdbdb; position: absolute; top: 40%; left: 0; width: 100%; text-align: center; z-index:0;}

.dropzone.loading:after         { content: 'Please wait, image is loading'; }
.dropzone.loading:before        { content: ''; }

.dropzone.done:after            { content: '';}
.dropzone.done:before           { content: '';}

/* not an image */
.dropzone.notAnImage            { background-color: #f2dede; border-color: #ebccd1; }
.dropzone.notAnImage:after      { content: 'The selected file is not an image!'; color: #a94442; }
.dropzone.notAnImage:before     { content: ''; color: #ebccd1; }

.dropzone.alert-danger          { background-color: #f2dede; }
.dropzone.alert-danger:after    { content: ''; }

.dropzone.smalltext:after       { font-size: 20px; }

.dropzone > span                { font-size: 30px; color: #bbbbbb; position: absolute; top: 35%; left: 0; width: 100%; text-align: center; z-index:0;}
.dropzone > span.loader         { display: none; }
.dropzone > input[type=file]    { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; opacity: 0; cursor: pointer; z-index:2; height: 100% /* IE HACK*/ }
.dropzone > input[type=text]    { display: none; }

.dropzone .progress             { bottom: 10px; left: 10px; right: 10px; display: none;  }

.dropzone .cropWrapper          { overflow: hidden; position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 10; background-color: #eeeeee; text-align: left;}
/*.dropzone canvas.final            { background-color: #eeeeee;}*/

.dropzone img                   { z-index: 5; position: relative; }
.dropzone img.ghost             { opacity: .2; z-index: auto; float:left /* HACK for not scrolling*/; }
.dropzone img.main              { cursor: move; }
.dropzone .final img.main       { cursor: auto; }
.dropzone img.preview           { width: 100%; }

.dropzone .tools                { position: absolute; top: 10px; right: 10px; z-index: 999; display: inline-block; }
.dropzone .tools > *            { margin: 0 0 0 5px; }

.dropzone.smalltools .tools .btn    { padding: 1px 4px; font-size: 12px; }

.dropzone .download             { position: absolute; bottom: 10px; left: 10px; z-index: 999; display: inline-block; }
.dropzone .download > *         { margin: 0 0 0 5px; }

.icon-flipped                   { transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); }

.rotate_90                      { /*General*/
transform: rotate(90deg);
/*Firefox*/
-moz-transform: rotate(90deg);
/*Microsoft Internet Explorer*/
-ms-transform: rotate(90deg);
/*Chrome, Safari*/
-webkit-transform: rotate(90deg);
/*Opera*/
-o-transform: rotate(90deg);}
.html5imageupload                       { background-color: #eeeeee; text-align: center; position: relative; border: 1px solid #dddddd; display: inline-block;  }
.html5imageupload:after                 { content: 'Drop your image here or click to add one!'; font-size: 30px; color: #bbbbbb; position: absolute; bottom: 60%; left: 0; width: 100%; text-align: center; z-index:0;}
.html5imageupload:before                { content: ''; font-family:"Glyphicons Halflings"; font-size: 60px; color: #dbdbdb; position: absolute; top: 40%; left: 0; width: 100%; text-align: center; z-index:0;}

.html5imageupload.loading:after         { content: 'Please wait, image is loading'; }
.html5imageupload.loading:before        { content: ''; }

.html5imageupload.done:after            { content: '';}
.html5imageupload.done:before           { content: '';}

/* not an image */
.html5imageupload.notAnImage            { background-color: #f2dede; border-color: #ebccd1; }
.html5imageupload.notAnImage:after      { content: 'The selected file is not an image!'; color: #a94442; }
.html5imageupload.notAnImage:before     { content: ''; color: #ebccd1; }

.html5imageupload.alert-danger          { background-color: #f2dede; }
.html5imageupload.alert-danger:after    { content: ''; }

.html5imageupload.smalltext:after       { font-size: 20px; }

.html5imageupload > span                { font-size: 30px; color: #bbbbbb; position: absolute; top: 35%; left: 0; width: 100%; text-align: center; z-index:0;}
.html5imageupload > span.loader         { display: none; }
.html5imageupload > input[type=file]    { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; opacity: 0; cursor: pointer; z-index:2; height: 100% /* IE HACK*/ }
.html5imageupload > input[type=text]    { display: none; }

.html5imageupload .progress             { bottom: 10px; left: 10px; right: 10px; display: none;  }

.html5imageupload .cropWrapper          { overflow: hidden; position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 10; background-color: #eeeeee}
/*.html5imageupload canvas.final            { background-color: #eeeeee;}*/

.html5imageupload img                   { z-index: 20; position: relative; }
.html5imageupload img.ghost             { opacity: .2; z-index: auto; float:left /* HACK for not scrolling*/; }
.html5imageupload img.main              { cursor: move; }
.html5imageupload .final img.main       { cursor: auto; }
.html5imageupload img.preview           { width: 100%; }

.html5imageupload .tools                { position: absolute; top: 10px; right: 10px; z-index: 999; display: inline-block; }
.html5imageupload .tools > *            { margin: 0 0 0 5px; }

.html5imageupload .download             { position: absolute; bottom: 10px; left: 10px; z-index: 999; display: inline-block; }
.html5imageupload .download > *         { margin: 0 0 0 5px; }

.html5imageupload.smalltools .tools .btn    { padding: 1px 4px; font-size: 12px; }

.item-member {
    width: 120px;
}

.icon-share {
    cursor: pointer;
}

.hide-class {
    display: none !important;
}

.ul-reorder-shots {
    list-style: none;
    padding-left: 0;
}

.sortable-box {
    width: 160px;
    float: left;
    margin: 5px;
    height: 160px;
    position: relative;
    border: 1px solid #FAFAFA;
    padding: 2px;
    margin-bottom: 8px;
    background-color: white;
}

.ul-reorder-shots li {
    float: left;
}

.ul-reorder-shots li img {
    max-width: 100%;
    max-height: 110px;
}

.center-trash-button {
    position: absolute;
    bottom: 0;
    margin-bottom: 10px;
    margin-left: 10px;
}

.gallery {
    width: 100%;
    float: left;
}

.ul-reorder-shots-xs {
    list-style: none;
    padding-left: 0;
}
.ul-reorder-shots-xs li {
    float: left;
}

.ul-reorder-shots-xs li img {
    max-width: 100%;
    max-height: 110px;
}
.gallery-xs {
    width: 100%;
    float: left;
}

.input-your-own {
    position: absolute;
    z-index: 9;
    margin-top: -38px;
    width: 90%;
}

.input-your-own input {
    width: 78% !important;
    float: left !important;
}

.btn-your-goal {
    width: 20%;
    height: 38px;
}

.select-your-own {
    position: relative;
}

.tooltip {
    z-index: 9999 !important;
}

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

.cropper_button_row {
    padding: 10px 10px;
}

.select_image_container {
    background-color: #eee;
    color: #bbb;
    padding: 50px 20px;
    text-align: center;
    font-size: 30px;
    width: 100%;
    height: 300px;
}

.action-shots-modal {
    /*height: 60vh!important;*/
    height: 70vh!important;
}

.action-shots-modal-headerspan{
    font-size: 12px;
    display: block;
    margin-top: 7px;
    padding-bottom: 30px;
}

#formSaveCampaignText4Lg .btn{
    margin-top: 10px;
    font-size: 15px;
}

#formSaveCampaignText4Xs .btn{
    margin-top: 10px;
    font-size: 15px;
}

.save_your_changes_btn{
    margin-top: 10px;
    font-size: 15px;
}

.register-header-ptag{
    position: absolute;
    left: 17%;
    top: 22%;
    color: #ffffff;
    font-size: 25px;
}


@media (max-width: 575.98px) { 
    .register-header-ptag{
        font-size: 17px !important;
        left: 20% !important;
    }
 }

@media (min-width: 576px) and (max-width: 767.98px) { 
    .register-header-ptag{
        font-size: 19px !important;
    } 
}


@media (min-width: 768px) and (max-width: 991.98px) {
    .register-header-ptag{
        left: 27% !important;
        font-size: 22px !important;
    } 
 }

@media (min-width: 992px) and (max-width: 1199.98px) { 
    .register-header-ptag{
        left: 22% !important;
    }  
}

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


.logo:hover{
    background-color: transparent!important;
}

.fundraisingcause-modal-body{
    overflow-x: auto;
    overflow-y: auto;
}

.fundraisingcause-modal-content{
    background:#fff;
    color: #b1abab;
}

.fundraisingcause-modal-dialog{
    height: 280px!important;
}

.scoreboard-teamname-ptag{
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 20px;
    font-weight: 100 !important;
    font-size: 12px !important;
    color: #333 !important;
    margin-bottom: .3em;
}

.pointer{
    cursor: pointer;
}

.indicate-click{
    color: #007bff;
}

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

.memberdonationdetailclickloader{
    color: #007bff;
    margin-left: 10px;
}

.alteast_one_fan_text{
    color: #212529;
    font-weight: 100;
    font-size: 20px;
    text-decoration: underline;
}

.type_of_fan_text{
    color: #212529;
    font-weight: 100;
    font-size: 23px;
    line-height: 52px;
    margin-top:52px;
}

.type_of_fan_text_any_adult{
    color: #212529;
    font-weight: 100;
    font-size: 23px;
    line-height: 30px;
    margin-top:20px;
}

.field-icon {
  float: right;
  margin-right: 10px;
  margin-top: -26px;
  position: relative;
  z-index: 2;
  color: gray;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-right-10 {
    margin-right: 10px;
}

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

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

.memberemailreportclickloader{
    color: #007bff;
    margin-left: 10px;
}

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

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

.border-bottom-2-solid-white {
    border-bottom: 2px solid #ffffff !important;
}

.p-message {
    color: black;
    word-break: break-word;
}

.facebook-post {

}

.facebook-top {

}

.facebook-top img {
    width: 50px;
    height: 50px;
    background-color: grey;
    float: left;
}

.facebook-user-top {
    width: 85%;
    margin-left: 15%;
}

.facebook-user {
    color: #385898;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 10px;
}

.fb-time {
    position: relative;
    top: -20px;
}

.fb-time span {
    font-size: 13px;
    color: grey;
    float: left;
    margin-right: 15px;
}

.relativepos {
    position: relative;
}

.facebook-content {
    background-color: #f2f3f5;
    position: absolute;
    left: -15px;
    width: 106.4%;
    color: #444;
    padding: 10px;
    min-height: 225px;
}

.facebook-content img {
    max-width: 150px;
    position: absolute;
    top: 0;
    left: 0;
    height: 225px;
}

.fb-site-url {
    font-size: 14px;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.fb-content-team {
    font-size: 18px;
    font-weight: bold;
    color: black;
    margin-bottom: 5px;
    margin-top: 5px;
}

.facebook-content-text {
    font-size: 14px;
    line-height: 23px;
}

.fb-content-image {
    min-height: 225px;
}

.fb-right-image {
    position: absolute;
    left: 165px;
}

.fb-actions {
    position: absolute;
    top: 295px;
    width: 106.4%;
    background-color: white;
    left: -15px;
}

.fb-actions .each-action {
    float: left;
    color: grey;
    width: 33%;
    text-align: center;
    padding: 14px;
    font-size: 16px;
}

.fb-actions i {
    margin-right: 6px;
}

.fb-icon {
    color: grey;
}

.fb-comment {
    width: 100%;
    border-top: 1px solid lightgrey;
    padding-top: 5px;
    padding: 10px;
    position: relative;
}

.fb-comment img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: grey;
    margin-right: 20px;
}

.fb-comment-input {
    width: 89%;
    height: 32px;
    border-radius: 10px;
    border: 1px solid lightgrey;
    outline: none;
    box-shadow: none;
    padding: 8px;
}

.fb-input-icons {
    position: absolute;
    right: 20px;
    top: 17px;
    color: grey;
}

.fb-input-icons i {
    margin-left: 5px;
    margin-right: 10px;
}

.iframe-campaign-page {
    width: 100%;
    border: 0;
	margin: 0;
	padding: -15px;
}

#customModalSample .modal-dialog {
    height: auto;
}

#customModalSample .modal-dialog .modal-body{
    height: auto;
}

.checkbox-edited {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    background-color: white;
    border-radius: 2px;
    text-align: center;
    padding-top: 2px;
    color: #478586;
    font-size: 16px;
    cursor: pointer;
}

.checkbox-edited i {
    display: none;
}

.checkbox-edited.checked i {
    display: block;
}

@media (min-width: 768px)
{
    .campaign-sample-pages .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 1000px)
{
    .scorecar-button-row .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (min-width: 1200px)
{
    .campaign-sample-pages .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.scorecard-header-table {
  margin-bottom: 0 !important;
}

.scrollable-table-section {
  width: 102%;
  height: 360px;
  overflow: auto;
}

.no-scroll-modal {
  overflow: hidden !important;
}

.top-table {
  position: fixed;
  z-index: 9;
}

.top-table tr th {
    display: inline-block;
    height: 60px;
    font-size: 13px !important;
    word-break: break-word;
    margin-top: 19px;
    flex: none !important;
}

.table-fixed {
    margin-bottom: -7px !important;
}

.table-fixed tbody {
    height: 61vh;
    overflow-y: auto;
    width: 100%;
}

.table-fixed tbody::-webkit-scrollbar { 
    display: none; 
    background: transparent !important;
    width: 5px !important;
}

.table-fixed tbody::-webkit-scrollbar-track {
    background: transparent;

}

.table-fixed tbody::-webkit-scrollbar-thumb {
    background-color: #0D6668 !important;
    border-radius: 5px !important;
}

/*.table-fixed thead {
    width: 98%;
}*/

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
}

.table-fixed tbody td,
.table-fixed tbody th,
.table-fixed thead > tr > th {
    float: left;
    position: relative;

    &::after {
        content: '';
        clear: both;
        display: block;
    }
}
/* ----------- added new css 10-10-2023 ----- */
#customModalLgSample .table-inner{
    background:none!important
}

#customModalLgSample .table-inner .flexibleImage{
    border:1px solid #fff!important;
}

@media screen and (max-width: 576px) {
    #customModalLgSample .table-inner{
        background:none!important
    }
    #customModalLgSample .table-inner .flexibleImage{
        border:1px solid #fff!important;
    }
}

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