body, html {
overflow-x: hidden;
/*height: 100%;*/
--login-bg-connection:#087045;
--login-bg-box:#aaa;
--login-box-border:transparent;
--login-btn-bg:#087045;
--sublink-color:#087045;
--pagination-bg:#F5700A;
--pagination-color:#fff;
--top-btn-color:#333;
/* --top-btn-hover-bg:rgba(246,137,51,.8); */
--top-btn-hover-bg:#087045;
--top-btn-hover-color:#fff;
--action-btn-bg:#E03865;
--action-btn-color:#fff;
--action-btn-hover:#B71D47;
--action-btn-hover-color:#fff;
--action-btn-bg-delete:#E03865;
--action-btn-color-delete:#fff;
--adsearch-active-bg:#087045;
--adsearch-active-color:#fff;
--button-bg:#087045;
--button-color:#fff;
--button-hover:#199e66;
--button-icon-color:#fff;
--count-bg:#B71D47;
--count-color:#fff;
--tabs-bg:#FAB785;
--tabs-bg-hover:#F5700A;
--checkmark-bg:transparent;
--checkmark-border:#aaa;
--checkmark-active-bg:transparent;
--checkmark-active-color:#087045;
--select-option-bg:#E03865;
--select-option-color:#fff;
--contactGroupRow-bg:#eae8e8;
--email-hylight-color:#0009c6;
--filter-year-calendar-icon-bg:gray;
}
.container-fluid {
margin-bottom: 1% !important;
}
.container {
background: #ffffff;
}
#login {
min-height: 680px;
}
.spacer-15 {
margin-top: 15px;
}
.settings {
margin-left: 500px;
color:var(--bg-Orange);
}
#connexion{
background: var(--login-btn-bg) !important;
}
.navbar-brand {
height: 80px;
padding: 10px 15px;
}
.navbar-brand img {
max-width: 230px;
margin-top: 15px;
}
.navbar {
min-height: 60px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.navbar-nav li {
border-radius: 24px;
margin-left: 10px;
}
.navbar-nav li a {
color: #000000;
text-align: center;
}
.head-username, .head-username:hover{
color: #333;
padding: 0.2em;
}
span.contacts {
background: url('../img/nav-icons.png') 0px 0px no-repeat;
display: block;
width: 48px;
height: 48px;
margin: 0 auto;
}
span.dons {
background: url('../img/nav-icons.png') -60px 0 no-repeat;
display: block;
width: 48px;
height: 48px;
margin: 0 auto;
}
span.mailing {
background: url('../img/nav-icons.png') -120px 0 no-repeat;
display: block;
width: 48px;
height: 48px;
margin: 0 auto;
}
span.colloborators {
background: url('../img/nav-icons.png') -180px 0 no-repeat;
display: block;
width: 48px;
height: 48px;
margin: 0 auto;
}
span.logout {
background: url('../img/nav-icons.png') -240px 0 no-repeat;
display: block;
width: 48px;
height: 48px;
margin: 0 auto;
}
span:hover.contacts, span.contacts.active {
background-position: 0px -60px;
}
span:hover.dons, span.dons.active {
background-position: -60px -60px;
}
span:hover.mailing, span.mailing.active {
background-position: -120px -60px;
}
span:hover.colloborators, span.colloborators.active {
background-position: -180px -60px;
}
span:hover.logout {
background-position: -240px -60px;
}
#loginform, #passwordresetemail {
padding: 20px;
padding-top: 0px;
background-color:var(--login-bg-box);
border: 1px solid var(--login-box-border);
border-radius: 8px;
max-width: 360px;
margin:150px auto;
display: block;
}
#loginform h1 , #passwordresetemail h1{
font-size: 24px;
color: #ffffff;
background: var(--login-bg-connection);
padding: 10px 20px;
margin: 10px -20px;
}
#loginform>img, #passwordresetemail>img {
margin: 10px auto 10px auto;
display: block;
max-width: 100%;
}
.form-group label {
font-weight: normal;
}
#loginform button, #passwordresetemail button {
background: var(--bg-Red);
color: #ffffff;
padding: 8px 15px;
font-size: 16px;
border: none;
margin: 10px 0;
}
.h1title {
background: #fff;
padding: 10px 10px;
color: #333;
font-size: 21px;
margin: 0 0px;
text-align: center;
width: 100%;
display: block;
height: 45px;
border-bottom: 1px solid #ccc;
}
h2{
color: #b71d47;
font-size: 13px;
font-weight: bold;
border-bottom: 1px solid var(--bg-Orange);
padding-bottom: 3px;
padding-top: 5px;
line-height: 1.5;
}
.mlr0{
margin-left: 0 !important;
margin-right: 0 !important;
}
.ck-editor__editable h2{
font-size: 30px;
margin-bottom: 10px;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
/* .table> thead {
background:var(--table-head-bg);
color: var(--table-head-color);
font-weight: bold;
} */
.table thead th.ctr {
text-align: center;
}
a.cntdtl {
width: 19px;
height: 19px;
background: url('../images/dtl.png') 0 0 no-repeat;
display: block;
margin: 0 auto;
}
a:hover.cntdtl {
background-position: 0px -30px;
}
.modal-dialog {
overflow-y: initial !important;
}
.modal-body {
/*height: 600px;*/
overflow-y: auto;
}
/*
.modal-body .col-md-12 {
padding: 0;
}
.modal-body .col-md-3 {
padding: 0 5px;
} */
.form-group {
margin-bottom: 5px;
}
.form-group label {
margin-bottom: 0px;
font-size: 12px;
}
.form-group input{
padding: 0 5px;
}
/* .form-group input, */
.form-group textarea,
.form-group select,
.form-group img {
padding: 0 5px;
max-width: 361px;
}
.form-control {
border-radius: 0;
}
#login .form-control {
height: 32px;
}
.modal-body h4 {
color: #b71d47;
border-bottom: 1px solid var(--bg-Orange);
padding-bottom: 5px;
}
.table-condensed {
margin: 0;
}
.table-condensed td,
.table-condensed th {
padding: 0;
font-size: 11px;
line-height: 15px;
padding: 0;
margin: 0;
}
input[type="checkbox"] {
width: auto;
width: 22px;
height: 22px;
outline: none;
/* margin-left: 15px; */
}
label.col-sm-4 {
padding: 0;
}
.col-sm-8 input {
padding: 0;
border-top: 0;
}
.col-sm-8 input.bdrtop {
border-top: 1px solid #cccccc;
}
.col-md-4.form-group {
margin-bottom: 0;
}
.form-horizontal .control-label {
padding-top: 4px;
}
.form-group {
margin-bottom: 0px;
}
#login .form-group {
margin-bottom: 10px;
}
.wb{
word-break: break-word;
white-space: normal;
}
.nav-tabs > li> a:focus{
background: #c5486a;
color: #ffffff;
border-color: #c5486a;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.btn-cancel {
background: var(--tabs-bg-hover);
color: #ffffff;
border-color: var(--tabs-bg-hover);
}
.nav-tabs {
border-bottom: 1px solid var(--tabs-bg-hover);
}
.dons-td td:nth-child(3) {
text-align: right;
padding-right: 4%;
}
.table-don td:nth-child(3) {
text-align: right;
}
/* .dons-td td:last-child {
text-align: center;
margin: 0 auto;
}
.dons-td td:nth-child(4) {
text-align: center;
} */
#contactsDonations td input{
height: 28px !important;
}
#contactsDonations td:last-child{
text-align: right !important;
}
#contactsDonations th{
white-space: pre-wrap;
word-break: break-all;
}
.mtb20 {
margin: 90px 0;
}
.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
padding: 2px 4px;
}
.glyphicon {
float: right;
margin-left: 2px;
color: var(--action-btn-color);
background: var(--action-btn-bg);
padding: 4px;
font-size: 14px;
/* margin: 1px; */
}
.con_rmcas{
float: right;
margin-left: 2px;
color: #ffffff;
background: var(--bg-Orange);
padding: 4px;
font-size: 14px;
top: -19px !important;
}
.glyphicon-trash:before{
color: var(--action-btn-color-delete) !important;
}
.glyphicon-trash{
background: var(--action-btn-bg-delete) !important;
}
.adsearch-active{
background: var(--adsearch-active-bg) !important;
}
.adsearch-active::before{
color:var(--adsearch-active-color) !important;
}
.table-condensed .glyphicon {
font-size: 10px;
}
.glyphicon:hover {
color: var(--action-btn-hover-color);
background: var(--action-btn-hover) !important;
}
a:focus .glyphicon{
background: var(--action-btn-hover) !important;
color: #ffffff !important;
border-color: var(--action-btn-hover) !important;
}
.glyphdiv:hover, .glyphdiv:focus{
text-decoration: none;
}
/* .glyphdiv {}.glyphdiv .glyphicon {
float: none;
} */
.glyphdiv .glyphicon {
float: none;
}
.glyphdivLeft .glyphicon {
float: left;
}
.nav-tabs > li > a {
border-bottom: none;
background:var(--tabs-bg);
color: #333333;
border: none;
}
.nav-tabs > li > a:hover {
border-bottom: none;
background: var(--tabs-bg-hover);
color: #ffffff !important;
}
.tblctr td:last-child,
.tblctr th:last-child {
text-align: center;
}
#categoriesList td:last-child,
#categoriesList th:last-child {
text-align: left !important;
}
.tab-pane {
margin-top: 20px;
}
.form-group input.wdt100,
.form-group textarea.wdt100,
.form-group select.wdt100 {
max-width: 100%;
}
.form-group textarea.wdt45 {
max-width: 100%;
}
.btn-primary {
background: var(--button-bg) !important;
border: none !important;
}
.btn-primary:hover {
background: var(--button-hover) !important;
border: none !important;
}
/* .btn-primary a:hover{
background: var(--button-hover) !important;
border: none !important;
} */
.temp_add_btn, .finish_btn, .send_mail_btn, .show_page{
background: var(--action-btn-bg);
border: none;
padding: 2px 7px;
color: white;
}
.submit_btn {
background: var(--button-bg);
border: none;
color: white;
}
.coll_new_btn:hover, .temp_add_btn:hover, .show_page:hover, .ommitedRecords:hover, .head-username:hover, .btn-head:hover{
background: var(--top-btn-hover-bg) !important;
color: var(--top-btn-hover-color) !important;
border: none;
}
.btn-head:hover{
text-decoration: none;
}
.codepostalL{
width:45%;float:left;max-width: 173px;
}
.codepostalC{
width:5%;float:left;max-width: 14px;
}
.codepostalR{
width:50%;float:left;max-width: 174px;
}
@media only screen and (max-width: 640px) {
.form-horizontal .control-label {
/* padding-left: 20px; */
}
.col-sm-8 input {
border-top: 1px solid #CCC;
}
.col-sm-2 {
float: left;
}
.codepostalL{
width:45.7%;float:left;max-width: 173px;
}
.codepostalC{
width:5%;float:left;max-width: 14px;
}
.codepostalR{
width:50.6%;float:left;max-width: 174px;
}
@-moz-document url-prefix() {
.codepostalL{
width:46%;float:left;max-width: 173px;
}
.codepostalC{
width:5%;float:left;max-width: 14px;
}
.codepostalR{
width:50.5%;float:left;max-width: 174px;
}
}
}
@media only screen and (max-width: 420px) {
.codepostalL{
width:45.7%;float:left;max-width: 173px;
}
.codepostalC{
width:5%;float:left;max-width: 14px;
}
.codepostalR{
width:50.5%;float:left;max-width: 174px;
}
@-moz-document url-prefix() {
.codepostalL{
width:45.5%;float:left;max-width: 173px;
}
.codepostalC{
width:5%;float:left;max-width: 14px;
}
.codepostalR{
width:50.6%;float:left;max-width: 174px;
}
}
}
@media only screen and (max-width: 380px) {
.codepostalL{
width:45.7%;float:left;max-width: 173px;
}
.codepostalC{
width:5%;float:left;max-width: 14px;
}
.codepostalR{
width:50%;float:left;max-width: 174px;
}
@-moz-document url-prefix() {
.codepostalL{
width:45.6%;float:left;max-width: 173px;
}
.codepostalC{
width:5%;float:left;max-width: 14px;
}
.codepostalR{
width:50%;float:left;max-width: 174px;
}
}
}
@media only screen and (max-width: 330px) {
.codepostalL{
width:45%;float:left;max-width: 173px;
}
.codepostalC{
width:5%;float:left;max-width: 14px;
}
.codepostalR{
width:50%;float:left;max-width: 174px;
}
}
.mandatory {
color: red;
}
#subject, #annexes {
max-width: 100% !important;
}
.spacer-10, .temp_add_btn {
margin-top: 10px;
}
.mb20{
margin-bottom: 20px;
}
.mail_subject, .mail_body, .mail_destination{
height: 28px;
max-width: 100% !important;
}
.align_right{
padding-left: 56%;
}
.subCatTr, .catTr {
cursor: pointer;
cursor: hand;
/*line-height : 20.429px !important;*/
line-height : 21.429px !important;
}
.image-sizing {
padding-left: 16px !important;
padding-top: 11px !important;
}
.table-size{
table-layout: fixed;
}
.td-sizing{
word-wrap: break-word
}
.a:focus{
outline: medium none transparent !important;
}g
.config{
margin: -28px 77px 5px -33px;
}
.error_msg_styles{
margin: 9px 224px -11px 68px;
}
input[type="text"],input[type="email"],input[type="password"] {
padding:9px;
outline: none;
/* padding-top:10px;
padding-bottom:13px; */
}
.tab-content-input-for input{
padding: 4px;
font-size: 13px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.coll_new_btn, .btn-head {
background: transparent;
border: none;
padding: 2px 6px;
color: var(--top-btn-color) !important;
font-size: 17px;
font-weight: bold;
}
/*#statusMessageDiv .alert{
border-radius: 4px !important;
padding-left: 16px !important;
line-height: 0.5 !important;
padding-bottom: 10px !important;
}*/
#mySubcategoryDiv {
width: 100%;
background: url('http://crdons.tigeen.ch/public/images/ajax-loader.gif') repeat;
position: relative;
}
#mySubcategoryDiv img#loading-image {
position: absolute;
top: 50%;
left: 75%;
}
#groupName, #groupCode, #subCategoryCode, #subCategoryName, #langName, #template_name {
border: 0px;
}
#subCategoryName, #subCategoryCode
{
height: 23px !important;
}
#template_body {
margin-bottom: 3%;
height : 600px;
}
.backgroundWhite{
background-color: white;
}
.w15{
width: 15% !important;
}
.w20{
width: 20% !important;
}
.w25{
width: 25% !important;
}
.w50{
width: 50% !important;
}
.w10{
width: 10% !important;
}
.w5{
width: 5% !important;
}
.w40{
width: 40% !important;
}
.w45{
width: 45% !important;
}
.w30{
width: 30% !important;
}
.w0{
width: 0.1% !important;
}
.table .required{
border : 1px solid red;
}
.categorySeletedBackground {
background-color :rgb(255, 215, 178)
}
.forgotpassword {
cursor: pointer;
text-decoration: none !important;
color:var(--sublink-color);
}
.redirection_btn{
color:white;
text-decoration:none !important;
background:#b71d47;
padding: 8px 15px;
font-size: 16px;
border: none;
margin: 10px 0;
}
.redirection_btn:hover {
color:white;
background-color: #b71d47;
border-color: #b71d47;
}
.error{
display:none;
}
#footer footer{
background: #fff;
}
.navbar-nav{
margin: 7.5px -15px;
}
#templates table thead tr th{
padding:9px !important;
}
#tableTemplates thead tr th:nth-child(1), #tableTemplates tbody tr td:nth-child(1){
width: 85%;
}
#tableTemplates thead tr th:nth-child(2), #tableTemplates tbody tr td:nth-child(2){
width: 70px;
min-width: 80px;
max-width: 70px;
text-align: center;
}
#languageTable thead tr th:nth-child(1), #languageTable tbody tr td:nth-child(1){
width: 90%;
}
#languageTable thead tr th:nth-child(2), #languageTable tbody tr td:nth-child(2){
width: 50px;
min-width: 60px;
max-width: 50px;
text-align: center;
}
/*#categoriesList thead tr th:nth-child(1), #categoriesList tbody tr td:nth-child(1){
width: 0%;
}
#categoriesList thead tr th:nth-child(2), #categoriesList tbody tr td:nth-child(2){
width: 45%;
}
#categoriesList thead tr th:nth-child(3), #categoriesList tbody tr td:nth-child(3){
width: 45%;
}
#categoriesList thead tr th:nth-child(4), #categoriesList tbody tr td:nth-child(4){
width: 60px;
min-width: 75px;
max-width: 60px;
text-align: center;
}*/
#subcategoriesTable thead tr th:nth-child(1), #subcategoriesTable tbody tr td:nth-child(1){
width: 45%;
}
#subcategoriesTable thead tr th:nth-child(2), #subcategoriesTable tbody tr td:nth-child(2){
width: 45%;
}
#subcategoriesTable thead tr th:nth-child(3), #subcategoriesTable tbody tr td:nth-child(3){
width: 60px;
min-width: 75px;
max-width: 60px;
text-align: center;
}
#titleForm table thead tr th:nth-child(1), #titleForm table tbody tr td:nth-child(1){
/*width: 90%;*/
}
#titleForm table thead tr th:nth-child(2), #titleForm table tbody tr td:nth-child(2){
width: 50px;
min-width: 60px;
max-width: 50px;
text-align: left;
}
#privilegeTable thead tr th:nth-child(1), #privilegeTable tbody tr td:nth-child(1){
width: 90%;
}
#privilegeTable thead tr th:nth-child(2), #privilegeTable tbody tr td:nth-child(2){
width: 50px;
min-width: 60px;
max-width: 50px;
text-align: center;
}
#hostTypeTable thead tr th:nth-child(1), #hostTypeTable tbody tr td:nth-child(1){
width: 90%;
}
#hostTypeTable thead tr th:nth-child(2), #hostTypeTable tbody tr td:nth-child(2){
width: 50px;
min-width: 60px;
max-width: 50px;
text-align: center;
}
/*#categoriesList thead tr th, #languageTable thead tr th{
padding:2px !important;
padding-top:3px !important;
padding-bottom:3px !important;
}*/
/* #templates table tbody tr td{
padding:0px !important;
} */
#templates table tbody tr td input{
margin:0px !important;
}
/* #categoriesList tbody tr td, #languageTable tbody tr td{
padding:0px !important;
} */
.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
padding: 4px;
vertical-align: inherit !important;
}
.tab-content-input-for .table-condensed>tbody>tr>td,
.tab-content-input-for .table-condensed>tbody>tr>th,
.tab-content-input-for .table-condensed>tfoot>tr>td,
.tab-content-input-for .table-condensed>tfoot>tr>th,
.tab-content-input-for .table-condensed>thead>tr>td,
.tab-content-input-for .table-condensed>thead>tr>th {
/* padding: 0px; */
vertical-align: inherit !important;
}
#corrospondancesTable>tbody>tr>td,
#corrospondancesTable>tbody>tr>th,
#corrospondancesTable>tfoot>tr>td,
#corrospondancesTable>tfoot>tr>th,
#corrospondancesTable>thead>tr>td,
#corrospondancesTable>thead>tr>th{
padding: 4px !important;
vertical-align: inherit !important;
}
#logs>tbody>tr>td,
#logs>tbody>tr>th,
#logs>tfoot>tr>td,
#logs>tfoot>tr>th,
#logs>thead>tr>td,
#logs>thead>tr>th{
padding: 4px !important;
vertical-align: inherit !important;
}
#contents .table-condensed>tbody>tr>td
#contents .table-condensed>tbody>tr>th,
#contents .table-condensed>tfoot>tr>td,
#contents .table-condensed>tfoot>tr>th,
#contents .table-condensed>thead>tr>td,
#contents .table-condensed>thead>tr>th{
padding: 4px !important;
vertical-align: inherit !important;
}
#donationform .table-condensed>tbody>tr>td
#donationform .table-condensed>tbody>tr>th,
#donationform .table-condensed>tfoot>tr>td,
#donationform .table-condensed>tfoot>tr>th,
#donationform .table-condensed>thead>tr>td,
#donationform .table-condensed>thead>tr>th{
padding: 4px !important;
vertical-align: inherit !important;
}
/*#categoriesList>tbody>tr>td,
#categoriesList>tbody>tr>th,
#categoriesList>tfoot>tr>td,
#categoriesList>tfoot>tr>th,
#categoriesList>thead>tr>td,
#categoriesList>thead>tr>th{
vertical-align: inherit !important;
}*/
.mT10{
margin-top:10px;
}
.h34{
height: 34px !important;
}
.catdesctable thead tr th{
text-align: center;
}
.pB50{
padding-bottom: 50px;
}
.tblcollapse thead tr th:last-child, .tblcollapse tbody tr td:last-child{
/* text-align:center; */
}
.collsubhead th{
background: var(--table-head-sub-bg);
/*color:var(--table-head-sub-color); */
font-size: 11px;
text-align : center;
padding:2px;
}
.collsubhead td{
text-align : left;
padding:2px;
}
.tblcollapse thead tr th, .tblcollapse tbody tr td{
font-size: 11px;
}
.tblcollapse tbody tr td:first-child{
width: 60%;
}
.tblcollapse tbody tr td:nth-child(2){
width: 20%;
}
.tblcollapse tbody tr td:nth-child(3){
width: 20%;
}
.tblcollapse {
border-collapse: collapse;
}
.tblcollapse tbody {
/* border: 3px solid #333333; */
border-collapse: separate;
border-spacing: 4px;
text-align: left;
}
.tal{
text-align: center !important;
margin: 0 !important;
}
.tblcollapse tbody tr td:first-child{
width: 50%;
}
.tblcollapse tbody tr td:nth-child(2){
width: 20%;
}
.tblcollapse tbody tr td:nth-child(3){
width: 25%;
}
.tblcollapse .glyphicon{
font-size: 10px;
}
.catdesctable thead tr th:nth-child(1), .catdesctable tbody tr td:nth-child(1)
{
width: 50% !important;
}
.catdesctable thead tr th:nth-child(2), .catdesctable tbody tr td:nth-child(2)
{
width: 32% !important;
}
.catdesctable thead tr th:nth-child(3), .catdesctable tbody tr td:nth-child(3)
{
width: 9% !important;
text-align: center;
}
.catdesctable thead tr th:nth-child(4), .catdesctable tbody tr td:nth-child(4)
{
width: 9% !important;
}
#telephoneTable thead tr th:nth-child(2), #telephoneTable tbody tr td:nth-child(2)
{
width: 20% !important;
}
#telephoneTable thead tr th:nth-child(3), #telephoneTable tbody tr td:nth-child(3)
{
width: 42% !important;
}
#telephoneTable thead tr th:nth-child(4), #telephoneTable tbody tr td:nth-child(4)
{
width: 20% !important;
}
#telephoneTable thead tr th:nth-child(5), #telephoneTable tbody tr td:nth-child(5)
{
width: 9% !important;
text-align: center;
}
#telephoneTable thead tr th:nth-child(6), #telephoneTable tbody tr td:nth-child(6)
{
width: 9% !important;
}
#internetTable thead tr th:nth-child(2), #internetTable tbody tr td:nth-child(2)
{
width: 20% !important;
}
#internetTable thead tr th:nth-child(3), #internetTable tbody tr td:nth-child(3)
{
width: 42% !important;
}
#internetTable thead tr th:nth-child(4), #internetTable tbody tr td:nth-child(4)
{
width: 20% !important;
}
#internetTable thead tr th:nth-child(5), #internetTable tbody tr td:nth-child(5)
{
width: 9% !important;
text-align: center;
}
#internetTable thead tr th:nth-child(6), #internetTable tbody tr td:nth-child(6)
{
width: 9% !important;
}
#telephoneTable thead tr th:nth-child(5), #internetTable thead tr th:nth-child(5){
width: 18% !important;
text-align: left;
}
#telephoneTable input[type="checkbox"] , #internetTable input[type="checkbox"] {
/* width: auto;
width: 22px;
height: 22px;
margin-left: auto; */
}
input[type="checkbox"].checkboxClass, input[type="checkbox"]#select-all{
width: auto;
width: 18px;
height: 18px;
margin-left: auto;
}
#logs {
width:100%
}
#logs tbody {
display:block;
height: 150px;
overflow:auto;
}
#logs thead, #logs tbody tr {
display:table;
width:100%;
table-layout:fixed;
}
#logs thead {
width: calc( 100% - 1.8em );
}
#logs thead th{
text-align: center;
}
#logs>thead>tr>th, #logs>tbody>tr>td{
padding: 2px !important;
}
#logs>thead>tr>th{
border: 0px !important;
}
#logs>thead>tr>th:nth-child(1), #logs>tbody>tr>td:nth-child(1)
{
width: 20% !important;
}
#logs>thead>tr>th:nth-child(2), #logs>tbody>tr>td:nth-child(2)
{
width: 20% !important;
}
#logs>thead>tr>th:nth-child(3), #logs>tbody>tr>td:nth-child(3)
{
width: 20% !important;
}
#logs>thead>tr>th:nth-child(4), #logs>tbody>tr>td:nth-child(4)
{
width: 15% !important;
}
#logs>thead>tr>th:nth-child(5), #logs>tbody>tr>td:nth-child(5)
{
width: 15% !important;
}
@media (min-width: 1024px) {
.f-start-p{
justify-content: flex-start;
}
.w-100{
width: 100%;
}
.w-75{
width: 72%;
}
.w-25{
width: 25%;
}
.advancedSearchModal {
height:70vh !important;
}
#showContactsTable>thead>tr>th:nth-child(1), #showContactsTable>tbody>tr>td:nth-child(1),#showContactsTable>tfoot>tr>th:nth-child(1)
{
width: 10% !important;
}
#showContactsTable>thead>tr>th:nth-child(2), #showContactsTable>tbody>tr>td:nth-child(2),#showContactsTable>tfoot>tr>th:nth-child(2)
{
width: 15% !important;
}
#showContactsTable>thead>tr>th:nth-child(3), #showContactsTable>tbody>tr>td:nth-child(3),#showContactsTable>tfoot>tr>th:nth-child(3)
{
width: 20% !important;
}
#showContactsTable>thead>tr>th:nth-child(4), #showContactsTable>tbody>tr>td:nth-child(4),#showContactsTable>tfoot>tr>th:nth-child(4)
{
width: 20% !important;
}
#showContactsTable>thead>tr>th:nth-child(5), #showContactsTable>tbody>tr>td:nth-child(5),#showContactsTable>tfoot>tr>th:nth-child(5)
{
width: 18% !important;
}
#showContactsTable>thead>tr>th:nth-child(6), #showContactsTable>tbody>tr>td:nth-child(6),#showContactsTable>tfoot>tr>th:nth-child(6)
{
width: 17% !important;
}
.headtitleMob{
display:none;
}
.listPerDon>tfoot>tr>th:nth-child(2)>div
{
float: left;
width: 50%;
}
.listPerDon>tfoot>tr>th:nth-child(3)>div
{
float: left;
width: 50%;
}
.listPerDon>tfoot>tr>th:nth-child(4)>div
{
float: left;
width: 50%;
}
.listPerDon>tfoot>tr>th:nth-child(5)>div
{
float: left;
width: 50% !important;
}
.listPerDon>tfoot>tr>th:nth-child(6)>div
{
float: left;
width: 33% !important;
}
.listPerDon tbody tr td:nth-child(1){
width: 0;
}
.listPerDon thead tr th:nth-child(1), .listPerDon tbody tr td:nth-child(1), .listPerDon tfoot tr th:nth-child(1)
{
width: 20px;
text-align: left;
padding: 5px 4px;
min-width: 2%;
max-width: 2%;
}
.listPerDon thead tr th:nth-child(2), .listPerDon tbody tr td:nth-child(2), .listPerDon tfoot tr th:nth-child(2)
{
width: 16%;
}
.listPerDon thead tr th:nth-child(3), .listPerDon tbody tr td:nth-child(3), .listPerDon tfoot tr th:nth-child(3)
{
width: 10%;
}
.listPerDon thead tr th:nth-child(4), .listPerDon tbody tr td:nth-child(4), .listPerDon tfoot tr th:nth-child(4)
{
width: 12%;
text-align: right;
}
.listPerDon thead tr th:nth-child(5), .listPerDon tbody tr td:nth-child(5), .listPerDon tfoot tr th:nth-child(5)
{
width: 15%;
}
.listPerDon thead tr th:nth-child(6), .listPerDon tbody tr td:nth-child(6), .listPerDon tfoot tr th:nth-child(6)
{
width: 40%;
}
.listPerDon thead tr th:nth-child(7), .listPerDon tbody tr td:nth-child(7), .listPerDon tfoot tr th:nth-child(7)
{
width: 50px;
}
.listPerDon tbody tr td:nth-child(7){
text-align: right;
padding-right: 0px;
padding-top: 0px;
}
.listPerDon tbody tr td{
padding:3px 8px;
}
.listPerDon tbody tr.contactGroupRow td:first-child{
padding:8px 3px;
}
.listPerDon tbody tr.contactGroupRow td:not(:first-child){
padding:8px 8px;
}
.tdContactBtn{
text-align:right !important;
padding-right:0px !important;
}
.filter-calendar{
top:0px;
}
}
.pl-0{
padding-left: 0;
}
.pr-0{
padding-right: 0;
}
@media (max-width: 1024px) {
.f-center-m
{
justify-content: center;
}
.w-100{
width: 100%;
}
.w-75{
width: 100%;
}
.w-25{
width: 100%;
}
.modal-title{
color:#333;
}
.headtitleMob {
display:block;
justify-content: center;
display: flex;
font-size: 19px;
/* margin-top: 10px; */
margin-top: -44px;
padding: 8px;
}
.headtitleNor{
display:none;
}
.filter-calendar{
top:0px;
}
.height-34{
height: 34px !important;
}
.t8m
{
top:-8px !important;
}
}
.mt-4{
margin-top: 4px;
}
.mB50{
margin-bottom:50px;
}
.mB20{
margin-bottom:20px;
}
#showContactsTable_length{
/* padding-bottom: 10px; */
width: 100%;
text-align: center;
}
#showContactsTable_wrapper .topRecordInfo{
width: 100%;
text-align: center;
}
#showContactsTable_info{
width: 100%;
text-align: center;
}
#showContactsTable_paginate{
width: 100%;
text-align: center;
padding-bottom: 10px
}
.innertbl{
width: 100%;
background-color: #ece5d1;
}
/*.innertbl td{
background-color: #ece5d1;
}*/
/*.collsubhead th{
padding:2px;
}*/
.innertbl tr th:nth-child(3){
text-align: center;
padding:2px;
}
.innertbl tr td:nth-child(3){
padding:2px;
}
.innertbl tr td:nth-child(1), .innertbl tr td:nth-child(2){
text-align: left;
padding:2px;
font-size: 9px;
}
.table > tbody + tbody {
border-top: 0px !important;
}
#subcategoriesTable tbody tr td {
/* padding: 0px !important; */
}
#subcategoriesTable tbody tr td > input{
/* margin: 0px !important; */
}
.nopadding {
padding: 0 !important;
}
@media (max-width: 990px) {
.tc990{
text-align: center !important;
}
}
@media (min-width: 765px) and (max-width: 990px) {
.contactRight{
right: 15px !important;
}
}
@media (min-width: 768px) {
#mailingcontactsModel .modal-dialog{
width: 760px;
}
/* .headtitleMob {
display:none;
} */
#select_contacts .modal-dialog{
width: 760px;
}
#addHebergementsModal .modal-dialog{
width: 760px;
}
}
@media (max-width: 767px) {
label.col-sm-4 {
padding-right: 15px;
padding-left: 15px;
}
.mT20Mob{
margin-top: 20px !important;
}
.nav-tabs>li>a{
font-size: 12px;
padding: 10px 11px;
}
.form-group input,
.form-group textarea,
.form-group select,
.form-group img {
padding: 0 5px;
max-width: 100%;
}
.h1title{
font-size: 14px !important;
}
.h1title a{
font-size: 14px;
}
.head-username{
font-size: 13px !important;
}
.fa-chevron-circle-down::before{
font-size: 18px !important;
}
.fa-save:before, .fa-floppy-o:before{
font-size: 15px !important;
}
.switch-profile-mail{
left: 0;
top: 7px;
}
}
.fa-eye{
cursor: pointer;
}
.donTotAmtC{
font-size: 15px;
text-align: right;
}
@media (max-width: 450px) {
.navbar-brand img{
max-width: 160px;
}
.nav-tabs>li{
padding: 10px 0 0 4px;
}
.pL2R0Mob{
padding-left: 2px !important;
padding-right: 4px !important;
}
.pB70mob{
padding-bottom: 70px;
}
.pB30mob{
padding-bottom: 30px;
}
.catMobIn{
margin-left: -8px;
margin-right: -27px;
overflow: hidden;
}
.nav-tabs>li{
display: block !important;
float: none !important;
}
.pL8Mob{
padding-left: 8px !important;
}
.centM{
text-align: center;
}
.pR0L5Mob{
padding-right: 0 !important;
padding-left: 5px !important;
}
.pTB5{
padding:5px 0 5px 0 !important;
}
.pL6Mob{
padding-left: 6px !important;
}
.nav-tabs{
border-bottom: none;
}
.donTotAmtC{
font-size: 15px;
text-align: center;
}
.nav-tabs{
margin-left: -4px;
}
.mL5M .nav-tabs{
margin-left: 5px !important;
}
.mL8mM{
margin-left: -8px;
}
}
@media (max-width: 340px) {
.navbar-brand img{
max-width: 120px;
}
.headtitleMob{
font-size: 15px;
/* margin-top: 0px; */
}
.sidebar-content{
padding-top: 40px !important;
}
#templates table tbody tr td:first-child
{
padding: 4px !important;
}
#templates table tbody tr td:last-child
{
padding: 2px !important;
}
#languageTable tbody tr td{
padding: 4px !important;
}
#categoriesList tbody tr td{
padding: 4px !important;
}
.tblcollapse tbody tr td{
padding: 4px !important;
}
}
.ui-autocomplete {
max-height: 150px;
max-width: 100%;
overflow-y: auto;
overflow-x: hidden;
padding-right: 20px;
position: relative !important;
/* position: absolute !important; */
z-index: 9999999999 !important;
}
.catSelected {
background-color : var(--tr-row-hylight);
}
.subcatSelected {
background-color : var(--tr-row-hylight);
}
/*.catthead {
padding-left : 30px !important;
}*/
.remove-gap {
bottom: 5px !important;
}
.category {
cursor : pointer ;
}
.deleteallButton {
float: right;
margin-right: 0px;
}
.ck-content {
height: 300px !important;
}
.selectitem {
height:28px;
width:100%;
}
.topbottomborderremove {
border-top : none !important;
border-bottom : none !important;
}
.bottomborderremove {
border-bottom : none !important;
}
.ck-editor{
padding-left: 15px !important;
padding-right: 15px !important;
}
.pR0{
padding-right: 0 !important;
}
.p15{
padding:15px !important;
}
.datepicker-days {
width : 174px !important;
}
.bgyellow{
background:#ece5d1;
}
.bgred{
background:#edc6d1;
}
table{
border-collapse: separate;
border-spacing: 0px;
}
.catdesctable select, #langtable select{
border:none;
height: 28px;
}
.mail_contacts_div{
padding-bottom:20px;
}
.faContacts{
color: var(--action-btn-color);
background: var(--action-btn-bg);
padding: 6px 5px 3px 5px;
font-size: 12px;
margin-left: 3px;
}
.faContacts:hover {
color: var(--action-btn-hover-color);
background: var(--action-btn-hover);
}
.contactRight{
position: absolute;
right: 15px;
}
.pdfIcon{
width: 21px;
position: absolute;
right: 40px;
}
.tabbadge{
position: absolute;
top: -6px;
right: 0;
color: var(--count-color);
background-color: var(--count-bg);
}
.mailingContactCountSpan{
top: -8px;
right: 14px
}
@media (max-width: 450px) {
.tabbadge{
top:19px !important;
right: 8px;
}
}
.checkbox {
position: absolute;
right: 10px;
top: 6px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 1;
}
@media (min-width: 1024px){
.headtitleNor{
display: inline-block;
/* margin-left: -6%; */
}
tfoot tr:nth-child(2) .adsearch{
top:93px !important;
}
tfoot tr:nth-child(3) .adsearch{
top:143px !important;
}
tfoot tr:nth-child(4) .adsearch{
top:193px !important;
}
tfoot tr:nth-child(5) .adsearch{
top:243px !important;
}
tfoot tr:nth-child(6) .adsearch{
top:293px !important;
}
tfoot tr:nth-child(7) .adsearch{
top:343px !important;
}
tfoot tr:nth-child(8) .adsearch{
top:393px !important;
}
tfoot tr:nth-child(9) .adsearch{
top:443px !important;
}
tfoot tr:nth-child(10) .adsearch{
top:493px !important;
}
tfoot tr:nth-child(11) .adsearch{
top:543px !important;
}
tfoot tr:nth-child(12) .adsearch{
top:593px !important;
}
tfoot tr:nth-child(13) .adsearch{
top:643px !important;
}
tfoot tr:nth-child(14) .adsearch{
top:693px !important;
}
tfoot tr:nth-child(15) .adsearch{
top:743px !important;
}
tfoot tr:nth-child(2) .checkbox-omit {
top: 83px !important;
}
tfoot tr:nth-child(3) .checkbox-omit {
top: 133px !important;
}
tfoot tr:nth-child(4) .checkbox-omit {
top: 183px !important;
}
tfoot tr:nth-child(5) .checkbox-omit {
top: 233px !important;
}
tfoot tr:nth-child(6) .checkbox-omit {
top: 283px !important;
}
tfoot tr:nth-child(7) .checkbox-omit {
top: 333px !important;
}
tfoot tr:nth-child(8) .checkbox-omit {
top: 383px !important;
}
tfoot tr:nth-child(9) .checkbox-omit {
top: 433px !important;
}
tfoot tr:nth-child(10) .checkbox-omit {
top: 483px !important;
}
tfoot tr:nth-child(11) .checkbox-omit {
top: 533px !important;
}
tfoot tr:nth-child(12) .checkbox-omit {
top: 583px !important;
}
tfoot tr:nth-child(13) .checkbox-omit {
top: 633px !important;
}
tfoot tr:nth-child(14) .checkbox-omit {
top: 683px !important;
}
tfoot tr:nth-child(15) .checkbox-omit {
top: 733px !important;
}
}
@media (min-width: 768px) and (max-width: 990px) {
.checkbox {
right: 8%;
top: 6px;
}
.tacM{
text-align: center !important;
}
}
@media (max-width: 767px) {
.checkbox {
right: 40px;
top: 6px;
}
.tacM{
text-align: center !important;
}
}
@media (min-width: 990px) {
.pr15n{
padding-right: 15px;
}
}
.checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 22px;
width: 21px;
background-color: var(--checkmark-bg);
border:1px solid var(--checkmark-border);
outline: none;
}
.checkmark-select{
top: -2px;
}
.checkbox:hover input ~ .checkmark {
background-color: var(--checkmark-bg);
border:1px solid var(--checkmark-border);
}
.checkbox input:checked ~ .checkmark {
background-color: var(--checkmark-active-bg);
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.checkbox input:checked ~ .checkmark:after {
display: block;
}
.checkbox .checkmark:after {
left: 5px;
top: 0px;
width: 10px;
height: 16px;
border: solid var(--checkmark-active-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.tar{
text-align: right;
}
.tac{
text-align: center;
}
.red{
background-color: #b71d47;
width: 100%;
height: 20px;
}
.grey{
background-color: #11020645;
width: 100%;
height: 20px;
}
.green{
background-color: green;
width: 100%;
height: 20px;
}
.orange{
background-color: #FF7F50;
width: 100%;
height: 20px;
}
.w100per{
width: 100% !important;
max-width: 100% !important;
}
.mt30{
margin-top: 30px;
}
.height-28{
height: 28px;
}
.totPay{
text-align: center;
display: inline-block;
width: 95%;
}
#scrollButton {
display: none;
position: fixed;
bottom: 3px;
right: 15px;
z-index: 99;
/* font-size: 15px; */
border: none;
outline: none;
background-color: var(--button-bg);
color: var(--button-color);
cursor: pointer;
padding: 3px 8px;
border-radius: 5px;
}
#scrollButton:hover {
background-color: var(--button-hover);
}
#exceldropdown{
min-width: 0 !important;
margin: 0px 10px 0px 0px !important;
}
.mailSpan {
font-size: 10px;
padding: 5px;
margin-top: 3px;
margin-right: 1px;
}
textarea {
resize: none !important;
}
.highlightCheckbox{
outline-color : red;
outline-style : solid;
outline-width : thin;
}
.editmailcontactsList{
overflow-y: auto;
height: auto;
cursor : pointer;
}
.editmailcontactsList tbody{
/* display:block;
max-height:85.5vh;
overflow-y:auto;
margin-right: -5px !important; */
}
.editmailcontactsList thead, .editmailcontactsList tbody tr {
display:table;
width:100%;
table-layout:fixed;
}
/* .editmailcontactsList>tbody>tr>td,
.editmailcontactsList>tbody>tr>th,
.editmailcontactsList>tfoot>tr>td,
.editmailcontactsList>tfoot>tr>th,
.editmailcontactsList>thead>tr>td,
.editmailcontactsList>thead>tr>th
{
border: 1px solid #eee !important;
} */
.langtabledonation tr { height: 22px; }
.faIcon{
margin-left: 10px;
}
.addDropzone {
width:88px;
}
.contactsModel, .savedSearchModel, .dynamicColumnModel {
height:70vh;
cursor: pointer;
}
.saveSearchModel {
height:auto;
}
.progress-bar-grey {
background-color : #D3D3D3;
}
.progress-bar {
cursor:pointer;
}
.progress{
margin-bottom: 0px;
border-radius: 5px;
}
.df{
display: flex;
}
.dfLeft{
width:100px;
align-self: center;
border-radius: 50px;
border: 3px solid #c6b276;
width: 40px;
height: 40px;
}
.dfLeftIn{
/* border-radius: 50px;
border: 1px solid; */
}
.tal-ws{
text-align:left;
color:#aaa;
white-space: normal;
}
.w85{
width: 85%;
}
.attachLeft{
padding: 12px;
width: 50px;
align-self: center;
text-align: center;
}
.w100px{
width:100px;
}
.codepostal-over{
overflow: hidden;
text-overflow: ellipsis;
/* white-space: nowrap; */
padding-left: 25px !important;
}
.calendarHeadIn{
display: inline-block !important;
padding:2px;
}
.savesearchTxt{
color: #333;
font-size: 14px;
}
#fullcalendar .calendarHead div{
display: block;
}
#fullcalendar .close{
line-height: 0.5 !important;
}
#fullcalendar .modal-header{
border-bottom:0 !important;
}
@media (min-width: 768px) {
.donTotAmtLInL{
width: 65% !important;
float: left;
text-align: center;
}
/* #contactsDonations, #hostTable{
height: 150px !important;
min-height: 150px !important;
max-height: 150px !important;
} */
}
@media (max-width: 767px)
{
.topbottomborderremove {
border-top : none !important;
border-bottom : 1px solid #ccc !important;
}
.bottomborderremove {
border-bottom : 1px solid #ccc !important;
}
.codepostal-over{
padding-left: 15px !important;
padding-top: 4px;
/* padding: 0; */
}
.icon-mob-14{
font-size: 14px;
}
.calendarHead{
text-align: center;
}
/* .calendarHead div{
display: block;
padding:4px;
} */
.calendarHeadIn{
display: block !important;
}
.calendarHead div:nth-child(1), .calendarHead div:nth-child(2){
display: inline-block;
}
.calendarHead div:nth-child(3){
display: block;
}
.calendarHead div:nth-child(4){
display: inline-block;
}
}
.donTotAmt{
width:100%;
margin-left: 0px;
}
.donTotAmtL{
/* width:60%; */
width:100%;
/* float: left; */
text-align: center;
}
.donTotAmtC{
/* width:25%; */
float: left;
}
.donTotAmtR{
/* width:15%; */
float: right;
text-align: right;
}
.donTotAmtR>div{
padding-right:5px;
}
.donTotAmtR>a:first-child>i, .donTotAmtR>a:nth-child(2)>i{
padding:5px 2px 0px 1px;
}
.donTotAmtR>a:nth-child(2)>i{
padding-right:5px;
}
.donTotAmtR>a:nth-child(3){
padding-right:5px;
}
.donTotAmtLIn{
width:100%;
}
.donTotAmtLInL{
/* width:65%; */
/* float: left; */
width: 100%;
text-align: center;
border-bottom: 1px solid #ccc;
}
.donTotAmtLInR{
width:35%;
float: left;
text-align:left;
}
#messageDiv {
/* float : right;
text-align: right;
margin-top:3px;
margin-bottom: -15px; */
text-align: right;
margin-top: -15px;
margin-bottom: -5px;
padding-right: 0;
}
.h25p{
height: 25px !important;
border:none !important;
}
.errortextfont {
font-size: 16px !important;
}
@media (max-width: 400px)
{
.contactsDonations .ui-datepicker
{
left: 155.4px !important;
}
#hostTable .ui-datepicker
{
left: 155.4px !important;
}
}
@media (max-width: 380px)
{
.contactsDonations .ui-datepicker
{
left: 150.4px !important;
}
#hostTable .ui-datepicker
{
left: 150.4px !important;
}
}
@media (max-width: 360px) {
.contactsDonations .ui-datepicker
{
left: 120.4px !important;
}
#hostTable .ui-datepicker
{
left: 120.4px !important;
}
}
.ui-datepicker .ui-datepicker-header{
background: var(--table-head-bg)
}
.ui-datepicker .ui-datepicker-buttonpane button, .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{
background-color: var(--table-head-bg) !important;
opacity: 1;
color:var(--table-head-color);
}
.ui-datepicker-prev .ui-corner-all .ui-state-disabled{
background-color: var(--button-color) !important;
}
.ui-datepicker .ui-datepicker-buttonpane button:hover{
background-color: #b71d47;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current
{
background: var(--pagination-bg) !important;
opacity: 1;
color:var(--pagination-color) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: #fff !important;
border: 1px solid #cacaca;
background-color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
cursor: default;
color: var(--pagination-color) !important;
border: 1px solid transparent;
background: transparent;
box-shadow: none;
background-color: var(--pagination-bg) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color:var(--bg-Orange-color) !important;
border: 1px solid var(--pagination-bg);
background-color: var(--pagination-bg);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--pagination-bg)), color-stop(100%, var(--pagination-bg)));
background: -webkit-linear-gradient(top, var(--pagination-bg) 0%, var(--pagination-bg) 100%);
background: -moz-linear-gradient(top, var(--pagination-bg) 0%, var(--pagination-bg) 100%);
background: -ms-linear-gradient(top, var(--pagination-bg) 0%, var(--pagination-bg) 100%);
background: -o-linear-gradient(top, var(--pagination-bg) 0%, var(--pagination-bg) 100%);
background: linear-gradient(to bottom, var(--pagination-bg) 0%, var(--pagination-bg) 100%);
}
.dataTables_length select option:hover{
background-color: var(--pagination-bg) !important;
color:var(--pagination-color) !important;
}
@media (max-width: 787px) {
@-moz-document url-prefix() {
.checkmark-select{
/* top: -6px;
left: 0px;
height: 28px;
width: 23px; */
}
}
.mb40m
{
margin-bottom: 40px;
}
/*
.donTotAmtLInL{
text-align: left;
} */
}
@media (min-width: 787px) {
#mailcontactslist_length{
width: 18% !important;
}
#mailcontactslist_info{
width: 81%;
text-align: right !important;
margin-top: -30px;
float: right;
}
#mailcontactslist_paginate{
margin-top: -33px;
width: 53%;
margin-right: 26%;
}
#showContactsTable_length{
width: 18% !important;
}
#showContactsTable_info{
width: 81%;
text-align: right !important;
margin-top: -28px;
float: right;
}
#showContactsTable_paginate
{
margin-top: -27px;
width: 53%;
margin-right: 26%;
}
#select_contacts_hebergements #showContactsTable_paginate
{
margin-top: -25px;
width: 53%;
margin-right: 26%;
}
#showContactsTable_length
{
text-align: left;
font-size: 12px;
padding-bottom: 0;
}
}
#showContactsTable_length{
font-size: 12px;
}
/* #errorMessage{
text-align: left;
}
#successMessage{
text-align: right;
} */
@media (min-width: 1000px)
{
.success-custom{
margin-right:-9%;
padding: 9px 0 0 0px;
text-align: right;
}
.err-custom{
margin-left: -9%;
padding: 9px 0 0 0px;
text-align: left;
}
#showContactsTable_length{
padding-top: 3px;
}
#showContactsTable_length .topRecordInfo{
float: right;
width: 80%;
margin-top: -19px !important;
}
.settings-success,.settings-error
{
padding: 10px;
/* text-align: left; */
}
}
@media (max-width: 750px) {
.dataTables_wrapper .dataTables_length{
width: 100%;
text-align: center;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
padding: 0.5em .8em;
margin-left: 0px;
}
.settings-success, .settings-error{
padding: 10px;
padding-bottom: 0;
text-align: center;
}
}
@media (max-width: 999px) {
.success-custom{
text-align: center;
margin-right: 0;
margin-top: 3px;
}
.err-custom
{
text-align: center;
margin-left: 0;
margin-top: 3px;
}
#messageDiv{
margin-bottom: 1px !important;
margin-top: 5px;
}
}
@media (max-width: 450px) {
.dataTables_wrapper .dataTables_paginate .paginate_button{
padding: 0.5em .8em;
}
#showContactsTable_paginate{
margin-left: -5px;
}
#successMessage{
font-size: 15px !important;
}
}
/* .btn-primary a:hover, */
.btn-primary:focus{
background: var(--button-hover) !important;
outline: none;
border:none;
}
.btn-primary:active:focus, .btn-primary:active:hover{
background: var(--bg-Orange);
outline: none;
border:none;
}
td select:focus, textarea:focus{
outline: none;
border: none;
border: 1px solid #ccc;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1);
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type="checkbox"]{
cursor: pointer;
}
a:focus, .faIcon:focus, .btn:focus, .navbar-brand:focus, .h1title a:focus, select:focus, input[type="checkbox"]:focus, .gly:focus, .teleandint:focus, .glyphdiv:focus, ul li a:focus, .dataTables_paginate a:focus, table thead tr th:focus {
outline: none;
}
.checkbox input[type=checkbox]:focus+.checkmark{
background-color: #b71d47!important;
}
#scrollButton {
float:right;
width:39px;
margin-top:-35px;
}
#scrollButton {
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
display:none;
cursor: pointer;
}
#scrollButton:hover {
opacity: 1;
}
.categoriesList2-popup{
height: 85px !important;
}
.swal2-shown{
padding-right: 0 !important;
}
.swal2-popup{
width: 26em !important;
min-width: 26em !important;
max-width: 36em !important;
padding: 0.25em !important;
}
.swal2-icon{
margin: 0.45em auto .125em !important;
}
.swal2-icon.swal2-info{
display: none !important;
}
.swal2-title{
border-bottom: none !important;
font-weight: 200 !important;
margin: 7px 0 .4em !important;
font-size: 1.675em !important;
}
.swal2-header{
/* flex-direction: row !important; */
}
.swal2-icon.swal2-success .swal2-success-ring{
border: .25em solid rgba(58,145,0,1) !important;
}
.swal2-icon.swal2-success [class^=swal2-success-line]{
background-color:rgba(58,145,0,1) !important;
}
.setpadding {
padding:4px !important;
}
option:hover {
background-color: var(--select-option-bg) !important;
}
select option[selected="selected"] {
font-style: italic;
font-weight: bold;
background-color: var(--select-option-bg) !important;
color: var(--select-option-color) !important;
}
select:focus > option:checked {
background-color: red !important;
color:var(--select-option-color) !important;
}
select option:checked,
select option:hover {
box-shadow: 0 0 10px 100px var(--select-option-bg) inset !important;
background: var(--select-option-bg) !important;
color: var(--select-option-color) !important;
cursor: pointer;
}
/*#categoriesList>tbody>tr>td{
padding:2px;
}*/
.mailAttachRight{
display: flex;
justify-content: center;
align-self: center;
}
td .pdfTD{
text-align: center;
}
.container-fluid-ieerror{
height:100%;
display:table;
width: 100%;
padding: 0;
}
.row-fluid-ieerror
{
height: 100%;
display:table-cell;
vertical-align: middle;
}
.centering-ieerror
{
float:none;
margin:0 auto;
}
.notsupport{
font-size: 20px;
color:#636b6f;
}
#ui-datepicker-div {
z-index: 999999999 !important;
}
/* multirow */
#contactsTable tfoot tr th:last-child{
/* display: block !important;
width: 30px !important;
text-align: left;
display: flex;
height: 32px;
justify-content: center;
flex-direction: column; */
}
@media
only screen
and (max-width: 760px), (min-device-width: 768px)
and (max-device-width: 1024px) {
#contactsTable tfoot tr th:last-child{
width: 106% !important;
}
}
#fullcalendar .calendar .calendar-header table{
width: auto;
}
@media (max-width: 768px)
{
.advancedSearchModal {
height:80vh;
}
.submitDatefilter
{
padding-top: 10px;
}
.fullcalendarModel
{
padding-top: 0px;
}
.fullcalendarModel .calendar{
overflow-y: hidden;
}
}
@media (min-width: 768px)
{
.advancedSearchModal {
height:85vh;
}
#advancedSearch .modal-dialog
{
width: 768px !important;
margin: 15px auto;
}
#fullcalendar .fullcalendar-dialog{
width: 768px !important;
}
#fullcalendar .calendar table{
width: auto;
}
.fullcalendarModel{
padding-top: 2px;
}
}
@media (min-width: 991px)
{
#advancedSearch .modal-dialog
{
width: 990px !important;
margin: 15px auto;
}
#fullcalendar .fullcalendar-dialog{
width: 990px !important;
}
#fullcalendar .calendar table{
width: auto;
}
.calendar{
overflow: hidden;
}
}
.sidebar-submenu ul{
list-style: none;
padding: 0;
padding-left: 10px;
}
.sidebar-submenu ul li a{
font-size: 13px;
}
#addHebergementsModal textarea{
max-width: 100% !important;
}
.ckeditorRow p{
margin: 0 0 0px;
font-size: 12px;
}
.oldMailDiv{
border: 1px solid #ccc;
padding: 3px;
border-radius: 2px;
}
.dataTables_empty
{
text-align: center !important;
padding:30px !important;
}
.moveleft {
float : left;
}
.select2, .select2-container, .select2-container--default, .select2-container--above{
width: 100% !important;
}
.select2-container .select2-selection--single{
height: 34px !important;
border-radius:0px !important;
width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder
{
color: #aaa !important;
}
.select2-container{
height: 23px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 30px !important;
color: #555 !important;
font-size: 12px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
padding-top: 1px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
height: 32px !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
height: 33px !important;
}
.ads-delete-blk{
padding-top: 5px;
}
.switch {
position: relative;
display: inline-block;
width: 32px;
height: 28px;
margin-top: 0px;
margin-left: 1px;
margin-right: 1px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.switch .slider {
position: absolute;
cursor: pointer;
top: 5px;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.switch .slider:before {
position: absolute;
content: "";
height: 19px;
width: 15px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
.switch input:checked + .slider {
background-color: var(--action-btn-bg);
}
.switch input:focus + .slider {
box-shadow: 0 0 1px var(--action-btn-bg);
}
.switch input:checked + .slider:before {
-webkit-transform: translateX(13px);
-ms-transform: translateX(13px);
transform: translateX(13px);
}
.switch .slider.round {
border-radius: 34px;
}
.switch .slider.round:before {
border-radius: 50%;
}
.switch-profile-mail{
position: absolute;
display: inline-block;
width: 32px;
height: 28px;
margin-left: -11px;
}
.switch-profile-mail .slider {
position: absolute;
cursor: pointer;
top: 5px;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.switch-profile-mail .slider:before {
position: absolute;
content: "";
height: 19px;
width: 15px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
.switch-profile-mail input:checked + .slider {
background-color: var(--action-btn-bg);
}
.switch-profile-mail input:focus + .slider {
box-shadow: 0 0 1px var(--action-btn-bg);
}
.switch-profile-mail input:checked + .slider:before {
-webkit-transform: translateX(13px);
-ms-transform: translateX(13px);
transform: translateX(13px);
}
.switch-profile-mail .slider.round {
border-radius: 34px;
}
.switch-profile-mail .slider.round:before {
border-radius: 50%;
}
.flex-end{
justify-content: flex-end;
}
.switch .txt{
position: absolute;
font-size: 13px;
color: #333;
font-weight: normal;
left:1px;
top:-11px;
}
.ommitedRecords{
color: #337ab7;
background: transparent !important;
border: none;
padding: 2px 6px;
color: var(--top-btn-color) !important;
}
.ml-10{
margin-left: 10px;
}
.checkbox-custom{
position: inherit;
border: 1px solid #aaa;
height: 20px;
padding: 0;
border: 1px solid #888;
width: 21px;
cursor: pointer;
}
.checkbox-custom input {
position: relative;
opacity: 0;
height: 0;
width: 0;
}
.checkmark-custom {
position: absolute;
top: 0;
left: 0;
height: 22px;
width: 21px;
background-color: var(--checkmark-bg);
outline: none;
}
.checkmark-select{
top: -2px;
}
.checkbox-custom:hover input ~ .checkmark-custom {
background-color: var(--checkmark-bg);
}
.checkbox-custom input:checked ~ .checkmark-custom {
background-color: var(--checkmark-active-bg);
}
.checkmark-custom:after {
content: "";
position: absolute;
display: none;
}
.checkbox-custom input:checked ~ .checkmark-custom:after {
display: block;
}
.checkbox-custom .checkmark-custom:after {
/* left: 5px;
top: -2px; */
left: 5px;
top: -1px;
width: 10px;
height: 16px;
border: solid var(--checkmark-active-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkbox-td{
position: inherit;
height: 20px;
padding: 0;
width: 20px;
cursor: pointer;
margin:1px;
}
.checkbox-td input {
position: absolute;
opacity: 0;
height: 0;
width: 0;
}
.checkmark-td {
position: absolute;
/* top: 0;
left: 0; */
height: 22px;
width: 21px;
background-color: var(--checkmark-bg);
outline: none;
border: 1px solid var(--checkmark-border);
}
.checkmark-select{
top: -2px;
}
.checkbox-td:hover input ~ .checkmark-td {
background-color: var(--checkmark-bg);
}
.checkbox-td input:checked ~ .checkmark-td {
background-color: var(--checkmark-active-bg);
}
.checkmark-td:after {
content: "";
position: absolute;
display: none;
}
.checkbox-td input:checked ~ .checkmark-td:after {
display: block;
}
.checkbox-td .checkmark-td:after {
/* left: -5px;
top: -2px; */
left: 4px;
top: -1px;
width: 10px;
height: 16px;
border: solid var(--checkmark-active-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkbox-td-selectAll{
position: inherit;
height: 20px;
padding: 0;
width: 20px;
cursor: pointer;
margin:1px;
}
.checkbox-td-selectAll input {
position: absolute;
opacity: 0;
height: 0;
width: 0;
}
.checkmark-td-selectAll {
position: absolute;
/* top: 0;
left: 0; */
height: 22px;
width: 21px;
background-color: var(--checkmark-bg);
outline: none;
border: 1px solid var(--checkmark-border);
}
.checkbox-td-selectAll:hover input ~ .checkmark-td-selectAll {
background-color: var(--checkmark-bg);
}
.checkbox-td-selectAll input:checked ~ .checkmark-td-selectAll {
background-color: var(--checkmark-active-bg);
}
.checkmark-td-selectAll:after {
content: "";
position: absolute;
display: none;
}
.checkbox-td-selectAll input:checked ~ .checkmark-td-selectAll:after {
display: block;
}
.checkbox-td-selectAll .checkmark-td-selectAll:after {
left: 5px;
top: -1px;
width: 10px;
height: 16px;
border: solid var(--checkmark-active-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkmark-td-selectAll-in {
/* top: 0;
left: 0; */
position: absolute;
height: 22px;
width: 21px;
background-color: var(--checkmark-bg);
outline: none;
border: 1px solid var(--checkmark-border);
}
.checkbox-td-selectAll:hover input ~ .checkmark-td-selectAll-in {
background-color: var(--checkmark-bg);
}
.checkbox-td-selectAll input:checked ~ .checkmark-td-selectAll-in {
background-color: var(--checkmark-active-bg);
}
.checkmark-td-selectAll-in:after {
content: "";
position: absolute;
display: none;
}
.checkbox-td-selectAll input:checked ~ .checkmark-td-selectAll-in:after {
display: block;
}
.checkbox-td-selectAll .checkmark-td-selectAll-in:after {
left:5px;
top:-1px;
width: 10px;
height: 16px;
border: solid var(--checkmark-active-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkmark-custom-pub {
position: absolute;
top: 0;
left: 0;
height: 22px;
width: 21px;
background-color: var(--checkmark-bg);
outline: none;
}
.checkbox-custom:hover input ~ .checkmark-custom-pub {
background-color: var(--checkmark-bg);
}
.checkbox-custom input:checked ~ .checkmark-custom-pub {
background-color: var(--checkmark-active-bg);
}
.checkmark-custom-pub:after {
content: "";
position: absolute;
display: none;
}
.checkbox-custom input:checked ~ .checkmark-custom-pub:after {
display: block;
}
.checkbox-custom .checkmark-custom-pub:after {
left: 5px;
top: -2px;
width: 10px;
height: 16px;
border: solid var(--checkmark-active-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkmark-custom-actif {
position: absolute;
top: 0;
left: 0;
height: 22px;
width: 21px;
background-color: var(--checkmark-bg);
outline: none;
}
.checkbox-custom:hover input ~ .checkmark-custom-actif {
background-color: var(--checkmark-bg);
}
.checkbox-custom input:checked ~ .checkmark-custom-actif {
background-color: var(--checkmark-active-bg);
}
.checkmark-custom-actif:after {
content: "";
position: absolute;
display: none;
}
.checkbox-custom input:checked ~ .checkmark-custom-actif:after {
display: block;
}
.checkbox-custom .checkmark-custom-actif:after {
left: 5px;
top: -1px;
width: 10px;
height: 16px;
border: solid var(--checkmark-active-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkbox-td-ads{
position: inherit;
/* border: 1px solid #aaa; */
height: 20px;
padding: 0;
/* border: 1px solid #888; */
width: 20px;
cursor: pointer;
margin:3px;
}
.checkbox-td-ads input {
position: absolute;
opacity: 0;
height: 0;
width: 0;
}
.checkmark-td-ads {
position: absolute;
/* top: 0;
left: 0; */
height: 22px;
width: 21px;
background-color: var(--checkmark-bg);
outline: none;
border: 1px solid var(--checkmark-border);
}
.checkbox-td-ads:hover input ~ .checkmark-td-ads {
background-color: var(--checkmark-bg);
}
.checkbox-td-ads input:checked ~ .checkmark-td-ads {
background-color: var(--checkmark-active-bg);
}
.checkmark-td-ads:after {
content: "";
position: absolute;
display: none;
}
.checkbox-td-ads input:checked ~ .checkmark-td-ads:after {
display: block;
}
.checkbox-td-ads .checkmark-td-ads:after {
left: 4px;
top: -1px;
width: 10px;
height: 16px;
border: solid var(--checkmark-active-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkmark-td-ads-pub {
position: absolute;
/* top: 0;
left: 0; */
height: 22px;
width: 21px;
background-color: var(--checkmark-bg);
outline: none;
border: 1px solid var(--checkmark-border);
}
.checkbox-td-ads:hover input ~ .checkmark-td-ads-pub {
background-color: var(--checkmark-bg);
}
.checkbox-td-ads input:checked ~ .checkmark-td-ads-pub {
background-color: var(--checkmark-active-bg);
}
.checkmark-td-ads-pub:after {
content: "";
position: absolute;
display: none;
}
.checkbox-td-ads input:checked ~ .checkmark-td-ads-pub:after {
display: block;
}
.checkbox-td-ads .checkmark-td-ads-pub:after {
left: 5px;
top: -1px;
width: 10px;
height: 16px;
border: solid var(--checkmark-active-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
@-moz-document url-prefix() {
.checkbox-custom .checkmark-custom:after {
left: 5px;
top: -1px;
width: 10px;
height: 16px;
border: solid var(--checkmark-active-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkbox-td .checkmark-td:after {
left: 4px;
top: -1px;
width: 10px;
height: 16px;
border: solid var(--checkmark-active-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkbox-custom .checkmark-custom-pub::after{
left: 5px;
top: -1px;
width: 10px;
height: 16px;
border: solid var(--checkmark-active-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.checkbox-custom .checkmark-custom-actif::after{
left: 5px;
top: -1px;
width: 10px;
height: 16px;
border: solid var(--checkmark-active-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.checkbox-td-ads .checkmark-td-ads::after{
left: 4px;
top: -1px;
width: 10px;
height: 16px;
border: solid var(--checkmark-active-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.checkbox-td-ads .checkmark-td-ads-pub:after {
left: 5px;
top: -1px;
width: 10px;
height: 16px;
border: solid var(--checkmark-active-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.mailingPDF {
float:right !important;
}
.vertical-middel {
vertical-align : middle !important;
}
.padding2 {
padding : 2px !important;
}
.search_mailingcontacts {
color: #555 !important;
float: right !important;
width: 50%;
height: 24px;
font-size:12px !important
}
.donationstbody .ui-datepicker-title select.ui-datepicker-month{
float: left;
}
/* .fa-save:before, .fa-floppy-o:before{
color: var(--button-icon-color);
font-weight: bold;
} */
.fa-plus-square:before{
color: var(--button-icon-color);
font-weight: bold;
}
.fa-file-pdf-o:before{
color: var(--button-icon-color);
font-weight: bold;
}
.fa-file-excel-o:before{
color: green;
}
.fa-file-pdf-o-reverse:before
{
color: red;
}
.filter-content {
position: absolute;
background-color: #ffffff;
min-width: 100px;
overflow: auto;
border: 1px solid #ddd;
z-index: 5 !important;
}
.filter-content span {
padding: 5px 10px;
text-decoration: none;
display: block;
}
.filter-content span:hover {background-color: #ddd;}
.btn-cancel:hover {
color: #ffffff;
}
.deleteLink {
margin-left: 4px !important;
}
.contactGroupRow{
background: var(--contactGroupRow-bg) !important;
}
.contListGrHead{
padding-left: 1px;
display: flex;
justify-content: center;
flex-direction: column;
min-height: 24px;
}
.email-hylight{
color: var(--email-hylight-color);
}
.groupRowMain{
display: flex;
justify-content: left;
}
.groupRowin{
display: flex;
justify-content: center;
flex-direction: column;
}
.addNewRowFilter{
position: absolute;
right: 17px;
top: 6px;
}
/* .sSearch-save:before{
color: var(--top-btn-color);
font-weight: bold;
}
*/
.fa-chevron-circle-down::before{
font-size: 20px;
}
/* .ml-10{
margin-left: 10px;
} */
.mb-10{
margin-bottom: 10px;
}
.w-185{
width: 185px !important;
}
.filter-calendar{
float: none;
border-top-width: 0 !important;
background-color: var(--filter-year-calendar-icon-bg);
}
.filter-calendar:hover{
cursor: pointer;
}
.flex-center{
justify-content: center;
}
#hebergementsTable tfoot tr th:nth-child(9) select
{
color:#999;
font-size: 13px;
}
.ml-0{
margin-left: 0;
}
.year-title{
cursor: pointer;
}
.calendar table.month td.week-number{
cursor: pointer !important;
}
.month-title{
cursor: pointer;
}
.justify-content-center{
justify-content: center;
}
.glyphicon-calendar-20:before{
font-size: 10px !important;
}
.glyphicon-calendar-20{
height: 27px;
}
.fl-80{
width:80%;float:left;
}
.fl-20{
width:20%;float:left;
}
#advancedSearch .filter-content{
min-width: auto;
}
#fullcalendar .calendar{
padding: 10px;
}
#advancedSearch div.yearCalendarShow span.input-group fieldset,
#hebergementsTable span.yearCalendarShow.input-group fieldset
{
top:34px;
}
.contactsDonations-as span.input-group fieldset
{
top:30px;
}
.hebergements-as span.input-group fieldset
{
top:30px;
}
#panel-0004 span.yearCalendarShow.input-group fieldset{
top:30px;
}
.listPerDon tfoot th span.input-group fieldset,
#donationTable tfoot th span.input-group fieldset,
#mailingTable tfoot th span.input-group fieldset,
#contactsTable tfoot th span.input-group fieldset
{
top:34px;
}
@media (min-width: 769px)
{
.contactsDonations-as.tbodyscroll tbody
{
display: inherit;
}
}
.text-left{
text-align: left !important;
}
.mb-3{
margin-bottom: 3px;
}
.publication {
padding-bottom: 3px !important;
padding-top: 5px !important;
line-height: 1.5 !important;
margin-top: 5px !important;
}
.sitefont{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding-left: 2px;
margin-right: 1px;
/* margin-top: -1px; */
}
.ssIconTxt
{
display: inline-flex;
justify-content: center;
flex-direction: row;
cursor: pointer;
}
.ssIconTxt:before
{
/* font-size: 8px; */
/* margin-top: -1px;
margin-left: 0; */
}
.cp{
cursor: pointer;
}
.cf{
clear: both;
}
@media (min-width:1024px)
{
#advancedSearch #contactsDonations td .filter-content,
#advancedSearch .hebergements-as td .filter-content
{
bottom: 28px;
}
#advancedSearch #panel-0005 fieldset{
top: auto !important;
bottom: 83px;
}
#advancedSearch #panel-0004 .col-md-6 div:not(:first-child) fieldset{
top:auto !important;
bottom: 33px;
}
#advancedSearch .contactsDonations-as span.input-group fieldset,
#advancedSearch .hebergements-as span.input-group fieldset,
#advancedSearch #panel-0004 span.yearCalendarShow.input-group fieldset,
#advancedSearch #panel-0004 .col-md-6 div:nth-child(1) fieldset,
#advancedSearch .corrospondances-as fieldset
{
top:auto !important;
bottom: 28px;
}
}
@media (max-width:1024px)
{
.form-group textarea, .form-group select
{
max-width: 100%;
}
.advancedSearchModal .col-sm-8, .advancedSearchModal .col-sm-4{
padding-right: 0px;
padding-left: 0px !important;
}
.advancedSearchModal .codepostalLocality
{
display: flex;
}
.advancedSearchModal .codepostalL{
width: 50%;
max-width: 50%;
}
.advancedSearchModal .codepostalR {
width: 50%;
max-width: 50%;
}
}
@media (max-width:1024px) and (min-width:769px)
{
.codepostal-over{
padding-left: 0 !important;
}
.advancedSearchModal .dons-td{
display: none;
}
.advancedSearchModal .codepostalL{
width: 50%;
min-width: 50%;
}
.advancedSearchModal .codepostalR {
width: 50%;
max-width: 50%;
}
}
@media (max-width:767px)
{
.advancedSearchModal .codepostal-over{
padding-top: 5px !important;
padding-bottom: 0px !important;
margin-bottom: -4px !important;
}
}
@media (max-width:370px)
{
.h1title div{
padding-right: 0;
}
}
.custom-block-indent-a {
text-indent: 4em;
}
.custom-block-indent-b {
text-indent: 8em;
}
.custom-block-indent-c {
text-indent: 12em;
}
.custom-block-indent-d {
text-indent: 16em;
}
.custom-block-indent-e {
text-indent: 20em;
}
.ck.ck-editor__editable_inline{
border: 1px solid #ccc !important;
border-top: transparent !important;
border-top-width: 0 !important;
}
.ck.ck-editor__editable_inline:focus
{
border-color: #66afe9 !important;
outline: 0 !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
}
.subcatcontact {
width:100%;
padding-left: 22px !important;
padding-right: 22px !important;
}
/*.subcategory {
padding: 2px !important;
}*/
.edit-hebergement {
text-align: center !important;
}
.popover.left {
/* margin-top: 10px; */
}
.popover.left>.arrow
{
/* margin-top: -21px; */
}
.popover{
/*min-width: 320px !important;*/
position: absolute !important;
/* left: -130px !important; */
}
.popover.top{
/* margin-top: 130px; */
}
.closepopover{
font-size: 24px;
float: right !important;
margin-top: -6px;
position: absolute;
right: 8px;
top: 10px;
}
.popover-title {
text-align: center !important;
}
.editmailcontactsList{
overflow-y: auto;
height: auto;
cursor : pointer;
}
.editmailcontactsList thead, .editmailcontactsList tbody tr {
display:table;
width:100%;
table-layout:fixed;
}
.editmailcontactsList>tbody>tr>td,
.editmailcontactsList>tbody>tr>th,
.editmailcontactsList>tfoot>tr>td,
.editmailcontactsList>tfoot>tr>th,
.editmailcontactsList>thead>tr>td,
.editmailcontactsList>thead>tr>th
{
border: 1px solid #eee !important;
}
.popover-content {
text-align: center !important;
padding: 0px !important;
}
/*#subCatTable{
width: 100%;
padding: 1%;
}*/
#categoriesList tbody tr, #titleTable tbody tr{
vertical-align: top !important;
}
.highlightCategory {
/*font-weight: bold;*/
/* font-style: italic;*/
/* font-style: italic;*/
background-color: #fffaf0;
}
.closecat {
margin-left:5px !important;
}
.listsSortableClass, .listsSortableClass ul {
font-size: 11px !important;
line-height: 1.67;
padding: 0 !important;
}
.listsSortableClass li, ul#s-l-base li {
padding-left: 10px !important;
padding-right: 0 !important;
font-size: 11px !important;
}
ul#s-l-base li{
border : 0 !important;
}
/*.moveCatHead {
background-color: var(--table-head-bg);
color: var(--table-head-color);
font-weight: bold;
font-size: 11px !important;
padding-right: 0 !important;
padding: 5px !important;
padding-left: 50px !important;
}*/
.mergeCategoriesDiv{
background-color: var(--table-head-sub-bg);
}
.bold {
font-weight: bold;
}
.mailLogsTable{
width:230px;
overflow:auto;
}
.mailLogsBodyLarge{
width:100%;
display:block !important;
height:150px !important;
overflow-y:auto !important;
}
.mailLogsBodySmall{
width:100%;
display:block;
overflow:auto;
}
.noLogs{
width: 150px;
text-align: center !important;
padding:10px;
}
.popover.bottom{
margin-bottom: 20px;
}
/*.slideIconSubCategory {
float:right !important;
}*/
.groupSpan, .groupcontactcount {
font-weight: bold;
}
.groupSpan , .groupcontactcount,.inputgroupName {
font-weight: bold;
}
.expandall,.collapseall {
cursor:pointer;
}
@media (min-width: 1025px)
{
.contactsModel #showContactsTable_wrapper .top.font-style-4{
display: flex;
}
.contactsModel .right.font-style-4{
display: block;
}
.contactsModel #showContactsTable_length {
position: relative !important;
padding-top: 3px;
height: 40px;
display: flex;
width: 22% !important;
justify-content: center;
align-items: center;
}
.contactsModel #showContactsTable_wrapper .topRecordInfo {
text-align: center;
height: 51px;
display: flex;
justify-content: space-around;
}
.contactsModel .topRecordInfo {
float: right;
width: 80%;
margin-top: 0;
}
.contactsModel .topRecordInfo {
padding-bottom: 3px;
}
.contactsModel #showContactsTable_info {
height: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
align-self: center;
margin-top: 0;
width: 100%;
}
.contactsModel #showContactsTable_paginate
{
margin-top:0px !important;
width: 55% !important;
margin-right: 26%;
position: absolute;
display: flex;
justify-content: flex-start;
align-items: center;
align-self: center;
align-items: center;
}
.contactsModel #showContactsTable_paginate{
padding-bottom: 0;
}
#mergeCategoryBtn {
float:right;margin-top: -5px !important;
}
.salutation{
height: 0px !important;
}
}
.don-dest-checkbox {
margin-left: 15% !important
}
.listsDynamicClass {
list-style-type: none !important;
list-style-type:hidden;
padding: 0px 0px 0px 12px !important;
font-size: 14px !important;
line-height: 1.67;
}
.checkbox-dynamiccolumn {
position: relative;
right: 30px;
top: -4px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: -1;
}
.remove-padding {
padding : 4px 0px 0px 0px !important;
cursor: pointer;
}
.dynamic-list-checkbox {
vertical-align: middle !important;
}
.column-label {
vertical-align: middle !important;
font-size: 14px !important;
font-weight: normal !important;
}
#DynamicColumns {
padding: 0;
margin: 10px auto;
}
.dynamic-column-li {
list-style-type: none;
}
.ui-state-highlight{
height: 3.2em;
line-height: 1.2em;
}
.user-table .filter-content {
margin-top: -106px;
}
.user-table span.yearCalendarShow.input-group fieldset {
bottom: 28px;
}
.user-table td input {
height: 28px !important;
}
#advancedSearch .user-table .filter-content {
min-width: auto;
}
.ck-content .image-style-side {
max-width: 50%;
float: right;
margin-left: var(--ck-image-style-spacing);
}
.ck-content .image.image_resized {
max-width: 100%;
}
/**
* file modified time to check - DS HG
*/