body{color:#000;overflow-y:scroll;}
/* Login-css */
.withoutlogin-page{background:url(../images/bg1.jpg) no-repeat 100% 100%;
background-size:cover;}
.fs-xs{
	font-size: 0.75rem;
}
.w-20{
    width: 20% ;
}

.w-60{
    width: 60% ;
}
.outer-login-page {
    min-height: inherit !important;
    background: #fff;
    margin: 90px 0 30px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);
}
.hover-pointer {
    cursor: pointer;
}
.to-txt {
    text-align: center;
}
.export-voter-th{
    width: 65px !important;
}
.text-nowrap {
    white-space: nowrap !important;
}
.wireless-table-admin th:nth-child(1) {
    width: 100px;
}
.outer-login-page .auth-logo .logo-txt {
    color: #000;
    font-size: 28px;
    background: -webkit-linear-gradient(#00afee, #254290);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
i.fa-info-circle {
    color: #00afee;
    margin-left: 6px;
    font-size: 12px;
}
.tooltip-container {
    position: relative;
    display: inline-block;
	cursor: pointer;
}
#missingCredential{
	display:none;
}
.custom-tooltip {
    visibility: hidden;
    background-color: #f4f4f4;
    color: #000;
   padding: 15px 15px 15px;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    bottom: -240%; / Adjust this to move the tooltip up/down /
    right: 50%;
    transform: translateX(15%);
    opacity: 0;
    transition: opacity 0.3s;
	text-align: left;
    width: 300px;
}
.custom-tooltip:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 12px solid #f4f4f4;
    border-bottom: 12px solid transparent;
    left: -9px;
    top: 6px;
}
.custom-tooltip ul {
    padding-left: 20px;
    margin-bottom: 0;
}
.tooltip-container:hover .custom-tooltip {
    visibility: visible;
    opacity: 1;
}
.attention-txt {
    display: flex;
    background: #eaeaea;
    padding: 8px 15px;
    margin-bottom: 10px;
    border-radius: .25em;
}
.attention-msg {
    background: transparent;
    padding: 10px 15px;
    margin-bottom: 10px;
    border: 1px solid #fd9292;
    border-radius: 5px;
}
table.manage-cuts th {
    position: sticky;
    top: -1px;
}

.outer-login-page .login-btn, .outer-login-page .login-btn:hover {
    background: #254290;
    font-size: 19px;
    line-height: 1;
    padding-bottom: 8px;
    text-transform: uppercase;
    border: 2px solid #254290;
    text-align: center;
}

.outer-login-page .form-control{color:#000;height:40px;}
a.forgot-btn {
    color: #254290 !important;
}
.donor-history{
	background-color: #fff8dc;
}
img.logo-img {
    max-width: 150px;
    display: block;
    margin: 0 auto;
}
.navbar-header{padding:0 0 0 0 !important;}

/* login css */
.dashboard-outer.main-content{margin-left:0px !important;}
.dashboard-outer .footer {
    left: 0;
}
i.mdi-cog-outline {
    font-size: 22px;
}
/* dashboard css */

/* vertical-menu css start */
#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {
    padding: .4rem 1.5rem .4rem 3.5rem;
    font-size: 13px;
}
.mm-active .active{color:#254290 !important;}

/* vertical-menu css end */

/* header-css */
 .top-listing .dropdown-item{display:inline;}
 .logo-img{max-width:150px;}
 /* header-css */
 
 /*input{height:37px;}*/
i.fas.fa-external-link-alt{
    position: absolute;
    right: 0px;
    top: 5px;
}
.listing-sec h4 {
    color: #fff !important;
    background: #00afee;
    padding: 10px;
    margin: -20px -20px 0;
    border-radius: .25em .25em 0 0;
	font-size:16px;
}

.listing-admin-sec h4 {
    color: #000 !important;
    background: #eaeaea;
    padding: 10px;
    margin: -20px -20px 0;
	font-size:16px;
}

.listing-sec a p {
    
    font-size: 15px;
    font-weight: 600;
}
.listing-sec {padding-bottom:0px;}
.listing-sec a p em{
    font-size: 12px;
    font-weight: 400;
}
.listing-sec a {
    color: #000;
    /* text-decoration: underline !important;
    text-underline-offset: 7px; */
}
.card-title {
    font-size: 14px;
    margin: 0 0 7px 0;
}
.listing-sec a:hover {
    color: #254290;
}
.voter-update-sec{background:#00afee !important;}
.voter-update {
    background: #00afee;
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 20px;
}
.voter-update p {
    margin-bottom: 0px;
}
/* dashboard css */

/* voter selection css */
.clerk-sec .col-md-1, .clerk-sec .col-1 {
    width: 5%;
}
.clerk-sec.clerk-new .col-md-1{text-align:center;}
.clerk-sec .col-md-3, .clerk-sec .col-3 {
    width: 13%;
}
.lookup-voter table th:nth-child(1){width:170px;}
.lookup-voter table th:nth-child(2){width:230px;}
/* .voter-selection .form-control{padding:5px 5px;} */

.likely-list.card-body{display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;}

.voter-selection .card-header, .donor-selection .card-header {
    padding: 15px 15px 10px;
    background: #00afee;
}

.voter-selection .card-header h4, .donor-selection .card-header h4 {
    color: #fff;
}
.btn.remove-bulk-data{
	margin-left: 7px;
}

button.btn.reset-btn, button.btn.query-btn, .btn.add-btn, .btn.upload-btn, .btn.remove-bulk-data {
    background: #254290;
    color: #fff !important;
    padding: 5px 20px;
	font-weight:600;
    border: 2px solid #254290;
}
button.btn.reset-btn:hover, button.btn.query-btn:hover, .btn.add-btn:hover, .btn.upload-btn:hover {
    background: #00afee !important;
    border: 2px solid #00afee;
}
 
 table thead{position:sticky;
top:-1px;}
.donorlist-table thead{top:0px;}
.wireless-table th:nth-child(3) {
    width: 300px;
}
.wireless-table th:nth-child(1), .wireless-table th:nth-child(2), .wireless-table th:last-child {
    width: 220px;
}
.act-inact-list{list-style:none;}
.act-inact-list li{display:inline-block;
padding:0 15px;}
.act-inact-list li a.act-list, .act-inact-list li a:hover{font-weight:700;}

/* voter selection css */

/* single user css */
.choices__inner {
    max-height: 100px;
    overflow-y: auto;
}
.user-rights-div{display: flex;
    width: 100%;
    align-items: flex-end;}
.user-rights-div label{margin-bottom:0px;}

.user-rights-div .row{width: 50%;
    display: flex;
    align-items: center;
    margin-left: 20px;}
	.choices__list--multiple .choices__item {
    margin-bottom: 5px !important;
}
a.user-login {
    color: #ff0000;
}
.dark-blue{color:#254290;}
.light-blue{color:#00afee;}
.red-txt{color: #ff0000;}
a.red-txt{color: #ff0000 !important;}
/* single user css */

/* manage user css */
 
.manage-user .table-bordered td,  .manage-committee .table-bordered td{font-size: 14px;}

.manage-user .table-bordered td a{color:#495057;}
.manage-user .table-bordered td a:hover{color:#254290;}
img.pagination-img {
    max-width: 420px;
}
a.underline-space {
    text-decoration: underline !important;
    text-underline-offset: 3px;
}
/* manage user css */

/* manage committee css */
.manage-committee .table-bordered th,.manage-standard-cuts .table-bordered th, .lookup-voter .table-bordered th, .manage-user .table-bordered th, .current-list .table-bordered th, .usewireless .table-bordered th, .donor-selection .table-bordered th, .show-job .table-bordered th, .order-prices .table-bordered th, .process-data .table-bordered th, .saved-list .table-bordered th, .manage-tags .table-bordered th, .manage-wireless-list .table-bordered th, .data-import .table-bordered th, .voters-count .table-bordered th {
    background: #00afee;
    color: #fff;
    text-align: center;
    vertical-align: bottom;
    padding-bottom: 10px;
}
.lookup-voter .table-bordered td:nth-child(1), .lookup-voter .table-bordered td:nth-child(2) {
    text-align: left !important;
}
 .lookup-voter .table-bordered td{text-align:center;font-size:14px;}
.manage-committee .table-bordered td a, .lookup-voter .table-bordered td a{color:#000;font-size:14px;}
.manage-committee .table-bordered td a:hover, .lookup-voter .table-bordered td a:hover{color:#254290;}

button.filter-btn, .save-btn, .search-btn, .select-btn, button.add-new-btn , button.save-new-btn {
    background: #254290;
    color: #fff !important;font-weight:600;
    padding: 7px 20px;border:1px solid #254290 !important;
}
button.filter-btn:hover, .save-btn:hover, .search-btn:hover, .select-btn:hover, button.add-new-btn:hover, button.save-new-btn:hover {color:#fff !important;background:#00afee !important;border:1px solid #00afee !important;}

.current-list .save-btn{border:0px;
margin:0 auto;
max-width:80px;
width:100%;}

.inner-search .add-new-btn {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.table-responsive.donor-history-table {
    height: inherit;
    min-height: inherit;
}
span.mindonation-dollar {
    position: absolute;
    left: 25px;
    top: 20px;
}
input.mindonation-dollar-input {
    padding-left: 25px;
}
.modal {
    background: rgb(0 0 0 / 60%);
}
.modal-dialog {
    display: block;
    margin: 150px auto 150px;
}
a.del-btn {box-shadow:none;
    background: #a60505 !important;
    border: 0px;
    height: 32px;
    line-height: 19px;
    font-weight: 700;
}
a.del-btn:hover {
    background: #ca0808 !important;
}
button.close-confirmation-box span {
    line-height: 20px;
}
button.close-confirmation-box {
    background: transparent;
    border: 0px;
    font-size: 24px;
    line-height: 24px;
}
/* manage committee css */

/* single committee css */
#editphonenumber .modal-dialog {
    max-width: 900px;
}
span.geo-access-value, span.indiviual-id, span.household-value {
    font-weight: 400;
}
a.change-btn, .change-btn {background:transparent !important;
    color: #254290;padding:0;
    font-weight: 600;
	text-decoration:underline !important;
}
label.expire-date{width:130px;}
.infomative-txt{background: #fcdee1;
    padding: 10px 20px;}
	.btn:focus{box-shadow:none !important;}
	span#phone-validation-message {
    display: block;
    margin: 0 auto 0px 95px;
}
select.phone-type {height:40px;
    width: 50%;
    margin-left: 23px;
}
.new-num {height:40px;
    width: 50%;
    margin-left: 12px;
}
.modal-dialog.address-edit-popup {
    max-width: 650px;pointer-events: auto;
}
.address-edit-popup .modal-content{border-bottom-left-radius:0px;
border-bottom-right-radius:0px;}
.address-edit-popup .modal-footer{background:#fff;}
/* single committee css */

/* manage faq css */
.ques-sec p a {
    color: #000;
}
.ques-sec p a:hover {
    text-decoration: underline !important;
    text-decoration-thickness: 0.1px !important;
}
.ques-detail {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.ques-detail:last-child {
    border-bottom: 0px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.manage-faq .table-bordered th {
    background: #00afee;
    color: #fff;
    text-align: center;
    vertical-align: bottom;
    padding-bottom: 5px;
}
.manage-faq .table-bordered td{color:#000;}
.manual-user {
    border: 1px solid #e9e9ef;
    padding: 20px;
}
.fas.fa-edit{color:#000 !important;}
.fas.fa-edit:hover{color:#254290 !important;}
.fas.fa-trash{color:#ff0000;}

/* manage faq css */

/* load voters css start */

.lookup-voter .output-div .manage-cuts{margin-top:0px;}
.button-listing {
	list-style: none;
	padding-left: 0;
	margin-top: 30px;margin-bottom:0px;
}
.button-listing li {
    display: inline-block;
    width: 14%;
	padding:4px 0;
    text-align: center;
    border: 1px solid #254290;
    margin: 0 10px 10px;
    border-radius: 4px;
}


.button-listing li a.active {
    background: #254290;
    color: #fff;
}

.donor-lists .button-listing li {
    display: inline-block;
    padding: 4px 0 4px 0;
    width: 14%;
}



/* load voters css end */



/* user agrement css start */

.agrement-topbar img.logo-img{display:block;margin:0 auto;}
.main-content.agrement-page {
    margin: 0 auto;
    max-width: 1170px;
}
button.save-btn {
    border: 0px;
}
.form-check-input:focus{box-shadow:none;}
.agrement-page .footer {
    position: inherit;
}
.user-agrement p, .about-votecast p{font-size:16px;}
/* user agrement css end */
button#vertical-menu-btn {
    display: none;
}

/* show-voter css start */

ul.being-listing {
    margin-bottom: 6px;
    padding-left: 0px;
    list-style: none;
    
}
ul.probability-listing {
    padding-left: 0px;
    list-style: none;
    width: 100%;
    float: left;
		margin-bottom:0px;
    padding-bottom: 0px;
}
ul.probability-listing li, ul.being-listing li {
    width: 100%;
    display: inline-block;
    float: left;
    padding-bottom: 6px;
    font-size: 14px;
    font-weight: 400;
}
.canvass-question select{width:83%;
margin-left:20px;}

.error-msg{
	background-color: #e77383;
}

.success-msg{
	background-color: #00afee;
}
.question-div {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
.canvass-div {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
.related-voters a{width:100%;display:block;}
.suppression-div .form-group {
    width: 33%;
    float: left;
}
/* show-voter css end */

/* edit about css start */

.edit-about-txt {
    width: 100%;
}

/* edit about css end */
.card-header {
    background: #eaeaea;
    padding: 10px 20px 10px;
}
.card-title{margin:0 0 0 0;}

/* contact-us css start */
img.icon-img {
    max-width: 100%;
    width: 23px;
    margin-right: 10px;
    margin-top: 0px;
}
img.email-icon {
    margin-top: 0px;
}
img.fax-icon {
    width: 30px;
    margin-left: -5px;
}
img.location-icon {
    margin-top: 0;
}

/* contact-us css end */

/* do-committee-count css start */
.output-div {
    background: #fdf6f7;
    margin: 20px 0 0 0;
    padding: 10px 20px;
}
ul.output-listing {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
ul.output-listing li {
    font-weight: 700;
    display: inline-block;
    margin: 0 20px 0 0;
    padding-bottom: 5px;
}
ul.knocked-list {margin-top:7px;
    float: right;
    list-style: none;
}
ul.knocked-list li {
    display: inline-block;
    padding: 0 15px;
}
.wireless-table{min-width:100vw;}
.card .card-header.blue-backgroud {
    background: #00afee;
    padding: 15px 15px 10px;
}
.card .card-header.blue-backgroud .card-title {
    color: #ffff;
}
/* do-committee-count css end */

/* view-saved-list css start */
input.del-btn {border-radius:5px;
    background: #a60505;
    color: #fff;
    border: 0px;
    padding: 6px 20px;
    margin-top: 10px;
    max-width: 80px;
    width: 100%;
}
input.open-btn {border-radius:5px;
    background: #254290;
    color: #fff;
    border: 0px;
    padding: 5px 20px;
    max-width: 80px;
    width: 100%;
    margin-right: 10px;
}
.folder-div {
    border: 1px solid #eaeaea;
    padding: 15px 20px;
    margin-bottom: 15px;
}

/* view-saved-list css end */


/* new-job css start */
span.dollar-ico {
    position: absolute;
    bottom: 23px;
    left: 23px;
}
/* new-job css end */

/* show job css start */

.order-date label.form-label {
    width: 110px;
}


/* show job css end */
/* order-price css start */
span.dollor-ico {
    position: absolute;
    top: 20px;
    left: 25px;
}
/* order-price css end */

/* Data-import css start */
input.based-field {
    margin-right: 8px;
}

table#import_av_voters, table.faq_tbl {
    border-collapse: collapse;
    border-color: #666666;
    border-width: 1px;
    color: #333333;
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
}
table#import_av_voters th, table.faq_tbl th {
    background-color: #BDC3CF;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    padding: 8px;
}
table#import_av_voters td, table.faq_tbl td {
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    padding: 8px;
}

/* Data-import css end */

/* loader css start */
/* Overlay */
.loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(242, 241, 241); /* rgb(2, 175, 239,0.2) Light grey background with some transparency */
  display: none; /* Initially hidden */
  z-index: 9998; /* Ensure it covers everything */
}

/* Loader */
.loader {
  position: absolute;
  left: 59%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

.sk-chase {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #254290;/* 
  background-color: #00afee; */
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%,
  0% {
    transform: scale(1.0); 
  }
}
/* loader css end */

.admin-mail-select select{width:79%;}
.lookup-voter.voter-lists table th:nth-child(2) {
    width: 220px;
}
.wireless-show-list, .wireless-status {
    width: 100%;
    display: flex;
    align-items: center;
}
.wireless-show-list label, .wireless-status label {
    width: 15%;margin-bottom:0px;
}
.wireless-show-list select, .wireless-status select {
    width: 15%;
}
.note-textarea textarea {
    width: 30%;
    margin-bottom: 20px;
    border: 1px solid #ced4da;
}
.lookup-voter.donor-lists table th:nth-child(2) {
    width: 150px;
}
.lookup-voter.donor-lists table th:nth-child(1) {
    width: 100px;
}
table.notes-area td:nth-child(1) {
    width: 100%;
}
table.notes-area td:nth-child(2) {
    width: 10%;
    display: flex;
    align-items: center;
}
.delete-icon, .edit-icon, .check-icon {
    background: transparent;
}
.delete-icon i.fa-trash-alt {
    color: #ff0000 !important;
    font-size: 15px;
}
.check-icon i.fa-check-square{color:#39ad08}
.edit-icon .fa-pencil-alt {
    color: #254290;
    font-size: 15px;
}
table.notes-table {
    width: 100%;
}
table.notes-table textarea {
    width: 100%;
}
table.notes-table td:nth-child(2) {
    float: right;
}
.edit-about-txt {
    width: 78%;
}
table.canvass-result td, table.canvass-result th, .canvass-date td, .canvass-date th, .tag-result td, .tag-result th{padding-bottom:10px;}
.qresp-select label {
    width: 80%;
    text-align: left;
    padding-left: 10px;
}
.qresp-select {
    width: 100%;
    max-width: 350px;
}
tfoot {
    position: sticky;
    bottom: 0px;
}
tfoot td {
    padding: 0 !important;
}
.donor-lists .button-listing {
    margin-left: 0 !important;
}

.voters-count div.table-responsive.voters-counts-div {
	height: max-content !important;
    min-height: max-content !important;
}
.table-responsive{height:500px;}

.voters-count .get-count-table {
	width: max-content !important;
}
.show-voter .add-voter-update{float:left;margin-left:30px;}

/* Show Query CSS for Voter Listing Page */
.voter-lists .card-body.detailed-query-table {
    display: table;
	width: fit-content;
}
.voter-lists .card-body.detailed-query-table .queries {
    display: table-row;
}
.voter-lists .card-body.detailed-query-table .queries label {
    display: table-cell;
    text-wrap: nowrap;
	padding: 0px 10px 5px 0px;
	
}
.voter-lists .card-body.detailed-query-table .queries div {
    display: table-cell;
}
.voter-lists .card-body.detailed-query-table .queries label.prev {
    text-wrap: nowrap;
    text-decoration: underline;
    font-size: 15px;
	padding: 5px 10px 5px 0px;
}
/* End Show Query CSS for Voter Listing Page */

@media only screen and (min-width:1920px) and (max-width:2600px){
	.table-responsive{min-height:100vh;}
}
@media only screen and (max-width:1390px){
	
	.lookup-voter table th:nth-child(2) {
    width: 199px;
}
.lookup-voter.voter-lists table th:nth-child(1) {
    width: 110px;
}
.lookup-voter.voter-lists table th:nth-child(2) {
    width: 120px;
}

.lookup-voter.donor-lists table tr:nth-child(2) th {
    width: 70px;
}

.lookup-voter.donor-lists table th:nth-child(2) {
    width: 160px;
}

.lookup-voter.voter-lists table th:nth-child(11) {
    width: 124px;
}
.clerk-sec .col-md-1, .clerk-sec .col-1 {
    width: 7%;
}
}

@media only screen and (max-width:1369px){
	 
	#action-menu .arrow-cls:after {
    left: 210px;
} 
	.lookup-voter table th:nth-child(2) {
    width: 150px;
}
.lookup-voter table th:nth-child(1) {
    width: 140px;
} 
}

@media only screen and (max-width:1350px){
	
	.button-listing li {
    width: 13%;
}
	
}
@media only screen and (max-width:1280px){
	.table-responsive{padding:0px;}
.table-bordered{width:1000px;}
.manage-tags .table-bordered{width:100%;}	
	#action-menu .arrow-cls:after {
    left: 190px;
}
	 .lookup-voter table th:nth-child(2) {
    width: 140px;
}
}
@media only screen and (max-width:1260px){
	
	.button-listing li {
    width: 14%;
}
	
}
@media only screen and (max-width:1200px){
	
	#action-menu .arrow-cls:after {
    left: 170px;
}
 .lookup-voter table th:nth-child(2) {
    width: 110px;
} 

}
@media only screen and (max-width:1190px){
	
	.button-listing li {
    width: 15%;
}
	
}
@media only screen and (max-width:1024px){
	
	#action-menu .arrow-cls:after {
    left: 120px;
}
	.button-listing li {
    width: 18%;
}
}
@media only screen and (max-width:991px){
	.manage-committee .add-new-btn, .manage-user .add-new-btn, .manage-petitioncodes .add-btn, .manage-standard-cuts .save-new-btn {
    float: right;
}

	.navbar-brand-box .logo-dark span.logo-sm, .welcome-txt {
    display: none;
}
	.logo {
    line-height: inherit;
    color: inherit!important;
}
	.admin-mail-select select {
    width: 68%;
}
.clerk-sec .col-md-1, .clerk-sec .col-1 {
    width: 9%;
}
.clerk-sec .col-md-3, .clerk-sec .col-3 {
    width: 19%;
}
.donor-lists .button-listing li {
    width: 16%;
}
.w-20{
    width: 100% ;
}
.w-60{
    width: 100% ;
}
}

@media only screen and (max-width:767px){
	.manage-adminmailpro .add-btn {
    float: right;
}
.to-txt {
    text-align: left;
}
.button-listing li {
    width: 19%;
}
.user-rights-div {
    display: block;
}
.user-rights-div .row {
    margin-left: -10px;
}
.donor-lists .button-listing li {
    width: 20%;
}
	ul.probability-listing li, ul.being-listing li{width: 100%;}
	.navbar-brand-box {
    padding: 0 0.75rem;
}
.top-listing #mobile-top-menu{
	display:none;
}
button#vertical-menu-btn {
    display: block;
}
.top-listing #mobile-top-menu.active {
    display: block;
    position: absolute;
    left: 0;
    background: #fff;
    width: 98%;
    border: 1px solid #ddd;
    margin: 0 auto;
    right: 0;
    border-radius: 5px;
}
body:not([data-sidebar-size=sm]) #vertical-menu-btn {
    margin-right: 0;
}
.top-listing #mobile-top-menu.active a {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 10px 10px;
}
.clerk-sec .col-md-1, .clerk-sec .col-1 {
    width: 12%;
}
.clerk-sec .col-md-3, .clerk-sec .col-3 {
    width: 28%;
}	
}
@media only screen and (max-width:700px){
	
	.button-listing li {
    width: 20%;
}
	
}
@media only screen and (max-width:670px){
	
	.button-listing li {
    width: 24%;
}
	
}
@media only screen and (max-width:570px){
	
	.button-listing li {
    width: 30%;
}
	
}
@media only screen and (max-width:480px){
	
	.donor-lists .button-listing li {
    width: 25%;
}
	
}
@media only screen and (max-width:450px){
	.button-listing li {
    width: 44%;
}
.donor-lists .button-listing li {
    width: 30%;
}
.voter-selection h1 {
    margin-right: 5px;
}
.clerk-sec .col-md-1, .clerk-sec .col-1 {
    width: 100%;
}
.age-field .col-1{display:none;}
.clerk-sec.clerk-new .col-md-1{text-align:left;}
.clerk-sec .col-md-3, .clerk-sec .col-3 {
    width: 100%;
}
	.listing-sec a p {
    padding-right: 25px;
}
.admin-mail-select select {
    width: 71%;
}	
.donor-selection .query-btn, .donor-selection .reset-btn{padding:5px 8px !important;}
}

@media only screen and (max-width:420px){
		.donor-lists .button-listing li {
    width: 35%;
}
	.index-sec .col-4 {
    width: 100%;
}
	.index-sec .col-1 {
    display:none;
}
.index-sec .col-4:nth-child(1) {
    margin-bottom: 10px;
}
}
@media only screen and (max-width:400px){
	
	.button-listing li {
    width: 43%;
}
.act-inact-list li {
    padding: 0 10px;
}	
}

@media only screen and (max-width:380px){
	.voter-selection h1, .donor-selection h1{margin-right:20px;}
	.admin-mail-select select {
    width: 70%;
}

}
@media only screen and (max-width:360px){
	
	.admin-mail-select select {
    width: 68%;
}
.donor-lists .button-listing li {
    display: block;
    width: 90%;
    margin: 0 auto 10px;
}	
}
/* Alert msg design */
.alert.alert-danger:not(.notification) {
    background-color: unset;
    border: unset;
    font-weight: 700;
    padding: 5px 0px 10px;
}
.alert.alert-danger.error-user-rights {
    background: #fedcdc;
    padding: 8px 15px;
}


/* Report Page CSS */

/*Loader*/
.spinner-loader {
  width: 15px;
  height: 15px;
  border: 4px solid #ccc;
  border-top: 4px solid #3498db; /* Blue top */
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 20px auto; /* center it */
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
body.reports div#load-more-btn {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}
body.reports div#load-more-btn span{
	margin-left:5px;
}

@media screen
{
	body.reports p.npage{
		font-size: 15px;
		font-weight: 600;
		font-family: sans-serif;
	}
}
@media all
{
	body.reports table{border-collapse:collapse;}
	body.reports h1{
		font-size: 16px;
		font-weight: 700;
		font-family: sans-serif;
	}
	body.reports th{
		font-size: 14px;
		font-weight: 700;
		font-family: sans-serif;
	}
	body.reports th.row2{
		border-bottom-style: solid;
		border-width: 3px;
		font-size: 14px;
		font-weight: 600;
		font-family: sans-serif;
	}	
    body.reports td{
		text-wrap: none;
		font-family: sans-serif;
		font-size: 14px;
	}
    body.reports td.row2{
		/*font: 12px courier new,sans-serif;*/
		text-wrap:none;
		border-bottom-style:solid;
		border-width: 1px;
		font-family: sans-serif;
		font-size: 14px;
		padding: 5px 1px;
	}
	
    body.reports td.row3{
		text-wrap: none;
		border-bottom-style: solid;
		border-width: 3px;
		font-family: sans-serif;
		font-size: 14px;
		padding: 5px 1px;
	}
    body.reports td.prior3{font: 12px courier new,sans-serif;
		text-wrap:none;
		border: 1px solid black;
		border-bottom-style:solid;
		border-width: 3px;}
		td.blank{font: 12px courier new,sans-serif;
		height:75;
		text-wrap:none;}
}
@media print
{
	body.reports p.npage {
		font-size: 15px;
		font-weight: 600;
		font-family: sans-serif;
		page-break-after:always}
}

body.reports .report-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 1px;
	width: 930px;
}

body.reports .text-left {
	text-align: left;
	flex: 1;
}

body.reports .text-center {
	text-align: center;
	flex: 1;
}

body.reports .text-right {
	text-align: right;
	flex: 1;
}


/* End Report Page CSS */