/*this css file designed/changed by Jayeesha team*/
 /* drop down select option changes in some pages  */
 
 option.select-color:nth-child(1) {
     color: #4a3a1f
 }
 /* distance between display date and expire date in create club news form */
 
 .mrgn-l-170 {
     margin-left: 170px;
 }
 
 .color-red {
     color: red;
     font-size: 12px;
 }
 
 .mrgn-l-115 {
     margin-left: 110px;
 }
 /* drop down select option changes in some pages fv */
 
 option.select-color:nth-child(1) {
     color: #4a3a1f
 }
 /* distance between display date and expire date in create club news form */
 
 .mrgn-l-170 {
     margin-left: 170px;
 }
 
 .color-red {
     color: red;
 }
 
 .mrgn-l-110 {
     margin-left: 110px;
 }
 
 .form-gap {
     padding-top: 40px;
 }
 
 .form-gap-otp {
     padding-top: 40px;
 }
 
 .fp-request-panel {
     padding-top: 40px !important;
     padding-bottom: 80px !important
 }
 
 .fp-request-panel1 {
     padding-bottom: 40px !important
 }
 
 .fp-otp-panel {
     padding-top: 40px !important;
     /*padding-bottom: 20px !important*/
 }

 .loginwrap .fp-request-input input {
     border-bottom: solid 1px #fff !important;
 }
 
 .fp-request-label {
     color: black !important;
     margin-bottom: 13px !important;
     margin-top: -50px !important;
 }
 
 .fp-verify-otp-label {
     color: black !important;
 }
 
 .fp-button,
 .fp-otp-button {
     padding: 0px 50px 0px 50px !important;
     margin-top: 15px !important;
     margin-left: 0px !important;
     margin-right: 0px !important;
     border-radius: 25px !important;
 }
 
 .fp-otp-msg {
     padding: 30px 0px 20px 0px !important;
 }
 
 .fp-otp-secure-div {
     padding-bottom: 30px !important;
 }
 
 .fp-otp-resp-msg {
     margin-bottom: -10px !important;
     margin-top: -50px !important
 }
 
 .fp-update-pw-button {
     padding: 0px 50px 0px 50px !important;
     margin-top: 20px !important;
 }
 
 #openForgot {
     cursor: pointer !important;
 }
 
 .confirm-pwd-div {
     padding-top: 20px !important;
     margin-top: 5px !important;
 }
 
 .confirm-pwd-div input {
     margin-top: 5px !important;
 }
 
 .pwd-contain-data {
     padding-top: 200px !important;
     margin-left: 50px !important;
     margin-right: 50px !important;
 }
 
 .fp-modal-padding {
     padding-left: 130px !important
 }
 
 .fp-input {
     margin-left: 85px !important;
 }
 
 span.help-block.form-error {
     position: static !important;
 }
 
 .fp-modal-header {
     background-color: #f5f1f117 !important;
 }
 
 .fp-modalWrap {
     padding: 0px !important;
 }
 /* optional */
 
 input.maske {
     text-transform: uppercase;
 }
 
 span.glanceScreen_colors {
     width: 18px;
     height: 18px;
     display: inline-block !important;
     cursor: pointer;
 }
 
 .redarea {
     background: red;
 }
 
 .yellowarea {
     background: yellow;
 }
 
 .greenarea {
     background: green;
 }
 
 .blue {
     background: blue;
 }
 
 .mrg-left {
     margin-left: 15px;
 }
 
 .mrgn-right-4 {
     margin-right: 4px;
 }
 
 .hiddenElement {
     margin-left: 0px !important;
 }
 
 .report-filter {
     margin: 20px 0px 0px 50px;
     text-align: center;
 }
 
 .color-blue {
     color: blue !important;
 }
 
 .table .session_detils {
     background-color: #f4f4f4 !important;
 }
 
 input:-webkit-autofill,
 .editform .otherAddress_interest .otheraddress .inline .custom-select {
     -webkit-box-shadow: 0 0 0 1000px white inset !important;
     /* Change the color to your own background color */
     -webkit-text-fill-color: #685A5C !important;
     border: 1px solid #ddd !important;
 }
 
 #registration-form input:-webkit-autofill {
     -webkit-text-fill-color: #fff !important;
 }
 
 .pdng-top-30 {
     padding-top: 30px !important;
 }
 
 .input-daterange .session-report-date {
     background: url(../images/calender.png) no-repeat;
     background-position: center right;
     text-align: left;
     border-radius: 5px;
 }
 
 .font-12 {
     font-size: 12px;
 }
 
 .newvolume-text {
     color: #47a3ea
 }
 
 .eventCheckBoxWrap {
     margin-bottom: -14px !important;
 }
 
 .gmemberList {
     margin-top: -33px !important;
 }
 
 .color-blue u {
     padding-left: 8px;
     top: 4px;
     position: relative;
 }
 
 .login-footer {
     font-size: 18px !important;
 }
 
 .table-curved {
     border-collapse: separate;
     /* border: solid #ccc 1px; */
     border-radius: 25px;
 }
 
 .width-auto {
     width: auto !important;
 }
 
 .table-responsive tbody tr:last-child td:first-child {
     border-radius: 0 0 0 20px;
 }
 
 .table-responsive tbody tr:last-child td:last-child {
     border-radius: 0 0 20px 0;
 }
 
 .table-responsive tbody td {
     border: none;
     border-top: solid 1px #957030;
     background-color: #fff;
 }
 /* .table-responsive thead th:first-child {
    border-radius: 20px 0 0 0;
}
.table-responsive thead th:last-child {
    border-radius: 0 20px 0 0;
} */
 
 .table-responsive thead tr:first-child th:first-child {
     border-radius: 0px 0 0 20px;
     border-top: 1px solid #F4F4F4 !important;
 }
 
 .table-responsive tbody tr:first-child td:first-child {
     border-radius: 20px 0 0 0;
     border-top: 1px solid #F4F4F4 !important;
 }
 
 .table-responsive tbody tr:first-child td:last-child {
     border-radius: 0 20px 0 0;
     border-top: 1px solid #F4F4F4 !important;
 }
 
 .glance-green {
     background: url(../images/Rectangle1730.png);
 }
 
 .glance-red {
     background: url(../images/Rectangle1734.png);
 }
 
 .glance-yellow {
     background: url(../images/Rectangle1736.png);
 }
 
 .glance-orange {
     background: url(../images/Rectangle1737.png);
 }
 
 .glance-green-select {
     background: url(../images/Rectangle1735.png);
 }
 
 .glance-red-select {
     background: url(../images/Rectangle1731.png);
 }
 
 .glance-yellow-select {
     background: url(../images/Rectangle1732.png);
 }
 
 .glance-orange-select {
     background: url(../images/Rectangle1733.png);
 }
 
 .glance-red-color {
     margin: 0px 4px 0 4px;
 }
 
 .glance-yellow-color {
     margin: 0px 4px 0px 0px;
 }
 
 .admin-announcement-popup .modal-body button {
     position: absolute;
     right: -14px;
     top: 2px;
     clear: both;
     border: none;
     font-size: 20px !important;
 }
 
 .admin-announcement-popup .modal-body button:hover {
     background: none !important;
     color: #c4a46b
 }
 
 /* .form-control:focus {
     border-color: #202020;
     outline: 0;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
 } */
 
 .control input[type="checkbox"]:focus~.control__indicator {
     background: #C4A46B;
     border: 2px solid #C4A46B;
 }
 
 .admin .announcements>a {
     display: inline-block;
     width: 30px;
     height: 30px;
     margin-left: 25px;
     position: relative;
     top: 4px;
     cursor: pointer;
 }
 
 .fileinput:focus {
     border-color: #66afe9;
     outline: 0;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
 }
 
 .open-admin-announcement-popup {
     cursor: pointer;
 }
 
 .width-15 {
     width: 15%;
 }
 
 .btn.primary:focus {
     background: #5773A2;
 }
 
 .fileinput-name,
 #postImageURL_edit,
 #newsImageURL_edit {
     cursor: pointer;
     text-decoration: underline;
 }
 
 .admin-announcement-popup .modal-body button,
 .admin-image-preview-popup .modal-body button {
     position: absolute;
     right: -14px;
     top: 2px;
     clear: both;
     border: none;
     font-size: 20px !important;
 }
 
 #simple-pagination {
     float: left;
 }
 
 .display-page-numbers {
     float: right;
 }
 
 .mar-top-30 {
     margin-top: 30px;
 }
 
 .confirmed a {
     display: block;
 }
 
 .waiting a {
     display: block;
 }
 
 .Cancelations a {
     display: block;
 }
 
 .export:hover {
     background-color: #685A5C !important;
     cursor: pointer;
 }
 
 .app-loader {
     position: fixed;
     background: no-repeat !important;
 }
 
 .app-loader .loading,
 .table-loader .loading {
     border: solid 5px #5773A2 !important;
     border-top-color: #fff !important;
 }
 
 .importantNumbers .impNum {
     float: none !important;
 }
 /*date fields alignment (309 Incident)*/
 
 .admin .eventWrap .inputClubed .date input {
     width: 100% !important;
 }
 
 .eventFromDate {
     margin-right: 5px !important;
 }
 /*date fields alignment (309 Incident) end*/
 
 .admin-myclubnews .add-club-news {
     margin-top: -8px !important;
     position: unset !important;
 }
 
 .btn-group .btn {
     border-radius: 25px !important;
 }
 
 .logoWrap .logo {
     width: 90px;
     position: absolute;
     top: -7px;
     color: #f47d4c;
 }
 
 .member-clubnews-popup .modal-body button {
     position: absolute;
     right: -14px;
     top: 2px;
     clear: both;
     border: none;
     font-size: 20px !important;
 }
 
 .member-clubnews-popup .modal-body button:hover {
     background: none !important;
     color: #c4a46b
 }
 
 .open-member-clubnews-popup {
     cursor: pointer;
 }
 
 .member-clubnews-popup .modal-body button,
 .admin-image-preview-popup .modal-body button {
     position: absolute;
     right: -14px;
     top: 2px;
     clear: both;
     border: none;
     font-size: 20px !important;
 }
 
 .member-clubnews-popup .content img {
     width: 500px;
     height: auto;
     margin: 30px 0px 0px 3px;
 }
 
 .member-clubnews-popup .modal-content {
     width: 600px;
     position: relative;
     box-sizing: border-box;
     box-shadow: 2px 3px 15px 7px rgba(1, 1, 1, 0.12);
 }
 
 .member-clubnews-popup .modal-content {
     width: 564px;
     max-height: 770px;
     position: relative;
     box-sizing: border-box;
     box-shadow: 2px 3px 15px 7px rgba(1, 1, 1, 0.12);
     /* background-color: rgba(243, 243, 243, 0.61); */
 }
 /**.calender_header select {
  border: 1px solid !important;
}**/
/*  
 .ImageLarge-close,
 .ImageThumbData-close {
     margin-left: -22px !important;
 } */
 
 .clubnews-close .close {
    float: none;
    /* margin-left: 5px; */
    vertical-align: middle;
    /* color: #C4A46B; */
     /* margin-left: -13px !important; */
 }
 
/*  
 .msgboard-close {
     margin-left: -20px !important;
     float: none !important;
 } */
 
 .WebIcon11-close .close,
 .webIconView .close {
     float: none;
     margin-left: 5px;
     vertical-align: middle;
     /* color: #C4A46B; */
 }
 
 .Icon11-close .close,
 .Icon1View .close {
     float: none;
     margin-left: 5px;
     vertical-align: middle;
     /* color: #C4A46B; */
 }
 
 .Icon22-close .close,
 .Icon2View .close {
     float: none;
     margin-left: 5px;
     vertical-align: middle;
     /* color: #C4A46B; */
 }
 
 .Icon33-close .close,
 .Icon3View .close {
     float: none;
     margin-left: 5px;
     vertical-align: middle;
     /* color: #C4A46B; */
 }
 
 .WebIcon11-hyper-link,
 .Icon33-hyper-link,
 .Icon22-hyper-link,
 .Icon11-hyper-link {
     cursor: pointer;
     text-decoration: underline;
     margin-left: 13px;
 }
 
 .postImageData-close .close {
     float: none;
     margin-left: 5px;
     vertical-align: middle;
     /* color: #C4A46B; */
 }

 .msgboard-close {
    float: none !important;
    margin-left: 5px !important;
    vertical-align: middle;
    /* color: #C4A46B !important; */
}

 .msgboard-close .close {
  float: none !important;
  margin-left: 5px !important;
  vertical-align: middle;
  /* color: #C4A46B !important; */
 } 
 
 .categoryFileData-close .close {
     float: none !important;
     margin-left: 5px !important;
     vertical-align: middle;
     /* color: #C4A46B !important; */
 }
 
 .TAG .close {
     float: none !important;
     margin-left: 5px !important;
     vertical-align: middle;
     /* color: #C4A46B !important; */
 }
 
 .DesktopImageData-close .close {
     float: none !important;
     /* margin-left: -32px !important; */
     vertical-align: middle;
     /* color: #C4A46B !important; */
 }
 .ImageThumbData-close .close {
    float: none !important;
    /* margin-left: -32px !important; */
    vertical-align: middle;
    /* color: #C4A46B !important; */
 }
 .ImageLarge-close .close {
    float: none !important;
    /* margin-left: -32px !important; */
    vertical-align: middle;
    /* color: #C4A46B !important; */
 }
 
 .image-sizes {
    margin: 0 2em;
 }
 
 .preview-image {
    width: 100% !important;
    height: 620px !important;
 }
 
 .calender_header select {
     border: 1px solid #ced4da;
 }
 /* Selcect with editabe input changes in today at glacce screen */
 
 .select-editable {
     position: relative;
 }
 
 .select-editable select {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     margin: 0;
     border-radius: 0 !important;
     padding: 2px 12px;
     font-size: 18px;
     background-size: 14px !important;
     height: 33px !important;
 }
 
 .select-editable input {
     position: absolute;
     top: 0px;
     left: 0px;
     width: calc( 100% - 22px);
     height: 33px;
     padding: 1px;
     border-bottom-right-radius: 0 !important;
     border-top-right-radius: 0 !important;
     background-color: #fff !important;
 }
 
 .select-editable select:focus,
 .select-editable input:focus {
     outline: none;
 }
 
 .select-editable span.help-block.form-error {
     padding-top: 35px;
 }
 
 .pointer {
     cursor: pointer;
 }
 
 .impersonateBack {
     margin-left: 160px;
     text-decoration: underline;
 }
 
 .edit-categoryFileData {
     cursor: pointer;
     text-decoration: underline;
 }
 
 .edit-categoryFileData-close{
    float: none !important;
    margin-left: 5px !important;
    vertical-align: middle;
    color: #C4A46B !important;
   }

 .edit-categoryFileData-close .close {
     float: none !important;
     margin-left: 5px !important;
     vertical-align: middle;
     color: #C4A46B !important;
 }
 
 .mrg-l-5 {
     margin-left: 5px;
 }
 
 .mrg-l-time {
     margin-left: 192px;
 }
 
 .announcementWrap {
     margin-top: 0px !important;
     margin-bottom: 0px !important;
 }
 
 @media print {
     .announcementPrintMedia {
         flex-direction: column;
     }
 }
 
 .mrgn-top-50 {
     margin-top: 50px;
 }
 
 .pdng-30 {
     padding: 30px 50px !important;
 }
 
 .templatesWrap .templates {
     margin-top: 30px;
     margin-bottom: 20px;
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.18);
 }
 
 .template-content {
     margin-top: -59px;
     margin-left: 158px;
 }
 
 .templatesWrap .search {
     border: 1px solid #ccc;
     border-radius: 4px;
 }
 
 .templatesWrap .dateSelect {
     margin-top: 20px;
 }
 
 .templatesWrap .dateSelect .custom-select {
     display: inline-block;
     width: auto;
     background: #fff url("../images/down_arrow.png") no-repeat;
     background-position: 90% 16px;
     background-size: 12px;
     margin-left: 15px;
     border-radius: 5px;
 }
 
 .search-div {
     padding-top: 25px !important;
 }
 
 .create_template_card {
     padding-bottom: 30px !important;
 }
 
 .layout_themes {
     padding-top: 30px !important;
 }
 
 .layout_themes .active {
     text-decoration: underline !important;
     text-decoration-color: #5773A2 !important;
 }
 
 .templates .backToLOE {
     left: 0px !important;
 }
 
 .top-right {
     position: absolute;
     top: 8px;
     right: 16px;
 }
 
 .display-inline-grid {
     display: inline-grid !important;
 }
 
 #saveEditForm .errortext {
     position: inherit;
 }
#saveEventForm .template-select, #editEventForm .template-select{
    width: 88%;
}
#saveEventForm .template-preview, #editEventForm .template-preview{
    width: 8%;
    margin-left: 5px;
    pointer-events: none;
}
#saveEventForm .template-preview.on, #editEventForm .template-preview.on{
    cursor: pointer;
    pointer-events: all;
    /*background-image: "icon-preview.svg";*/
}
.modalWrap table tr:first-child > td {
    font-size: 14px;
    font-weight: bold !important;
    min-width: 150px;
    padding: 15px 0 !important;
    margin: 0 auto;
    text-align: center !important;
}
#EventTemplatePreview .modal-dialog {
    width: 55%;
    max-width: 100%;
}
.modalWrap strong{
    font-weight:800 !important;
}
#EventTemplatePreview .modal-body img, #EmailTemplatePreview .emailTemplateContent img {
    max-width: 170px;
}
#EventTemplatePreview .modal-body p, #EventTemplatePreview .modal-body span{
    font-size: 16px !important;
}
#EventTemplatePreview button.cross, #EmailTemplatePreview  button.cross{
    padding: 2px 10px;
    font-weight: 800 !important;
}