@import 'header.css';
@import 'footer.css';


.flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.flex-middle {
    justify-content: center;
}
.flex-left {
    justify-content: flex-start;
}
.flex-right {
    justify-content: flex-end;
}

.flex-center-middle {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-space-between {
    display: flex;
    justify-content: space-between;
}
.gap-10 {
    gap: 10px;
}
.gap-8 {
    gap: 8px;
}
.gap-16 {
    gap: 16px;
}
.primary-color {
    color: #00ADEE;
}


.title1 {
    font-size: 16px;
    color: #30343A;
    font-weight: 700;
}
.text1 {
    font-size: 14px;
    color: #30343A;
    font-weight: 400;
}

.center{
    text-align:center;
}

.title-send {
	margin-bottom:10px !important;
}
.islink {
	text-decoration:underline !important;
}

.disabled {
	background-color:#cccccc !important;
	cursor:not-allowed
}

.tall-button {
	height:90px
}

.max-record-notice, .transaction-notice,
.max-record-notice a, .transaction-notice a {
	color:#ff0000 !important
}

.max-record-notice a, .transaction-notice a {
	text-decoration:underline !important
}

/* FONTS */
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,300italic,400italic,700,900);

/* Data modal table clickeable */

td[data-toggle="modal"] {
    cursor: pointer;
}
.max-height{
    max-height: 300px !important;
}
.max-record-notice {
	text-align:left;
}
.rotate{
    webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.new-window{
    background: url('images/new-window.png') no-repeat;
    background-size: contain;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    position: relative;
    top: 3px;
}
.box-make-donation-lkns .new-window{
    margin: 0 6px;
    margin-left: -8px;
}
.box-make-donation-lkns a{
    color: #00ADEE;
}
.charity-comission{
    margin-top: 6px;
}
.charity-comission a{
    color: #00ADEE;
}

.currency-amount {
	color:#727272;
	font-size:8pt;
}
div.currency-amount {
	text-align:center;
	margin-right:25px;
}


/* TABLE ORDER BOOKS PREV */
.table-order-books.table-condensed {
    margin-top: 25px;
}
.table-order-books.table-condensed > tbody > tr > td {
    background: #FFF;  
    color: #6E6E6E;
    padding:5px;
    vertical-align: middle;
}
.table-order-books.table-condensed > tbody > tr > td:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}
.table-order-books.table-condensed > thead > tr {
    border-bottom: 2px solid #e6e6e6;
}
.table-order-books.table-condensed > thead > th {
    padding: 10px 0;
}
.table-order-books.table-condensed > tbody > tr {
    border-top: 1px solid #6e6e6e;
}
.table-order-books.table-condensed > tbody > tr > td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}
.table-order-books.table-condensed a {
    color: #6E6E6E;
    font-weight: 400;
}
.table-order-books.table-condensed > thead > tr > th {
    border-bottom: 1px solid #fff !important;
    border-top: 1px solid #fff !important;
}
.table-order-books.table-condensed > thead > tr > th:first-child,
.table-order-books.table-condensed > tbody > tr > td:first-child{

    padding-left: 15px;
}

.table-order-books.table-condensed > thead > tr > th{
    font-weight: 400;
    color: #6E6E6E;
    font-size: 12px;
}
.table-order-books.table-condensed > tbody > tr > td {
    font-size: 14px
}
.table-order-books.table-condensed > tbody > tr > td:nth-child(3) {
    font-size: 12px !important;
}
.table-order-books.table-condensed > tbody > tr > td:nth-child(4) {
    font-weight: 600;
}

.table-order-books th,
.table-order-books td{
    text-align: center;
}
.table-order-books.table-condensed > thead > tr > th:first-child,
.table-order-books.table-condensed > tbody > tr > td:first-child{

    padding-left: 15px;
}
.table-order-books.table-condensed > tbody > tr > td {
    font-weight: 300;
}
.table-order-books.table-condensed > thead > tr > th{
    font-weight: 400;
    color: #6E6E6E;
    font-size: 12px;
}

.table-order-books th:nth-child(1),
.table-order-books td:nth-child(1),
.table-order-books th:nth-child(3),
.table-order-books td:nth-child(3){
    text-align: left;
}
.table-order-books .being-processed {
    color: #FC2E2E;
    font-size: 10px
}
.aac-loader{
    width: 100%;
    padding-top: 30%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 30%;
}
.aac-loader p{
    color: #a8a8a8;
    text-transform: uppercase;
    font-size: 14px;
}

/* EMPTY STATE ORDER BOOKS */

.box-empty-state {
    margin: 15px auto;
    width: 310px;
}
.title-empty-state {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #6E6E6E;
    letter-spacing: 0.75px;
    line-height: 17px;
}
.table-order-books.table-condensed .lkn-oreder-voucher {    
    border: 1px solid #00ADEE;
    border-radius: 4px;
    color: #00ADEE;
    height: 36px;
    line-height: 36px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.44px;
    margin: 7px auto 0 auto;
    text-align: center;
    display: block;
    width: 214px;
    font-family: 500;
    letter-spacing: 0.44px;
    transition: all 0.2s ease-in-out;
}
.table-order-books.table-condensed .lkn-oreder-voucher:hover {
    background: #00ADEE;
    color: #fff;
}
/* Search make a dontation */
.search {
    position: relative;
    margin: 20px auto;
    font-family: 'Lato', sans-serif;
    width: 100%;
}
.search i {
    color: #333;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -9px;
    font-size: 19px;
}
.search .caret {
    position: absolute;
    right: 15px;
    top: 20px;
}
.search input::-webkit-input-placeholder {
    color: #333!important;
    opacity:0.6;
}

.search input:-moz-placeholder { /* Firefox 18- */
    color: #333!important; 
   opacity:0.6;
}

.search input::-moz-placeholder {  /* Firefox 19+ */
    color: #333!important;  
    opacity:0.6;
}

.search input:-ms-input-placeholder {  
    color: #333!important;  
    opacity:0.6;
}

.search input {
    height: 44px;
    width: 100%;
    color: #333;
    padding: 0 12px 0 15px;
    border-width: 1px;
    border-style: solid;
    border-color: #BBB;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 0;
    -moz-box-shadow: inset 0 0;
    -ms-box-shadow: inset 0 0;
    -o-box-shadow: inset 0 0;
    box-shadow: inset 0 0;
}
.search input:focus {
    outline: none;
    border-color: #66b1ee;
    -webkit-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -moz-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -ms-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -o-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
}
.search input:focus + .results { 
    /*display: block ;*/
    /*visibility: visible;*/
}
.search .results {
    /*display: none;*/
    visibility: hidden;
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #bbb;
    border-radius: 4px;
    background-color: #fff;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); max-height:300px; overflow-x:hidden; overflow-y:auto;
}
.search .results li { 
    display: block 
}
.search .results li:first-child { 
    margin-top: -1px 
}
.search .results li:first-child:before,
.search .results li:first-child:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    border: 5px outset transparent;
}
.search .results li:first-child:before {
    border-bottom: 5px solid #c4c7d7;
    top: -11px;
}
.search .results li:first-child:after {
    border-bottom: 5px solid #fdfdfd;
    top: -10px;
}
.search .results li:first-child:hover:before, 
.search .results li:first-child:hover:after { display: none }
.search .results li:last-child { margin-bottom: -1px }
.search .results a {
    display: block;
    position: relative;
    margin: 0 -1px;
    padding: 6px 40px 6px 10px;
    color: #808394;
    font-weight: 500;
    text-shadow: 0 1px #fff;
    border: 1px solid transparent;
    border-radius: 3px;
}
.search .results a span { 
    font-weight: 600;
    color: #333; 
}
.search .results a:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -9px;

}
.search .results a:hover {
    text-decoration: none;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    background-color: #00ADEE;

}
.filter-selected{
    text-transform: uppercase;
}

/* RE STYLE SELECT */
ul.ui-autocomplete{
    border: 1px solid #bbbbbb !important;
    background: #fff !important;  
    max-height: 350px !important;
    overflow-y: scroll;
    z-index: 8;
}
.autocomplete-append{
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 6px;
    border: none !important;
    background: none !important;
    color: #000 !important;
    font-weight: normal !important;
    border-radius: 5px;
}
.ui-widget li.ui-menu-item{
    cursor: pointer;
}
.ui-widget li.ui-menu-item:hover{
    background: #00adee;
    cursor: pointer;
}
.ui-widget-content a{
    font-size: 12px;
    display: block;
    color: #535151 !important;
    padding: 10px;
    letter-spacing: 0.5px;
    font-weight: 400 !important;
    font-family: 'Lato', sans-serif;
}
.ui-widget-content a:hover{
    color: #fff !important;
}
.autocomplete-append ul:last-child{
  /**  display: none !important;**/
}

/* VIEW STANDING ORDERS */
.nav-standing-orders li .badge, .mobile-header-tabs__item .badge {
    font-size: 10px !important;
    margin-right: 10px;
    background: #fff;
}
.nav-standing-orders li .badge i, .mobile-header-tabs__item .badge i {
    color: #2562a3;
}
.nav-standing-orders li .active .badge, .mobile-header-tabs__item .active .badge {
    background: #2562a3;
}
.nav-standing-orders li .active .badge i, .mobile-header-tabs__item .active .badge i {
    color: #fff;
}

.badge{
    width: 18px;
    height: 18px;
    display: inline-block;
    padding-top: 3px;
    position: relative;
    top:3px;
}
.badge i{
    position: absolute;
    top: 3px;
    left: 5px;
    font-style: normal;
}

/* DASHBOARD */
/**
.latest-update-desktop p {
	overflow:auto;
	height:100px;
	max-height:100px;
}
**/

.update-title-color{
    color: #00ADEE;
}
.mobile-update-button{
    background: #C7EEFD;
    border: none;
    border-radius: 5px;
    width: 100%;
    height: 52px;
    text-align: left;
    padding: 5px 16px;
}

.margin-bell{
    margin-right: 8px;
    max-width: 16px
}
.mobile-arrow-style {
    color: #00ADEE !important;
    padding-right: 4px;
    top: 23px !important;
    display: inline-block !important;
}

/* Start DASHBOARD Quick Aid */
#quick-give-form i {
    position: absolute;
    top: calc(50% - 13px);
    z-index: 1;
    font-size: 26px;
    opacity: 0.4;
    cursor: pointer;
}

#quick-give-form i:hover {
    transition: 200ms;
    opacity: 1;
}

#quick-give-form .fa-facebook-square {
    right: calc(25% + 8px);
    color: #53A0FE;
}
#quick-give-form .fa-linkedin-square {
    right: calc(25% + 36px);
    color: #04689B;
}
#quick-give-form .fa-envelope-square {
    right: calc(25% + 64px);
    color: #E43529;
}

.popover {
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25) !important;
    border: none;
    font-family: 'Lato', sans-serif;
}

.quick-give-help .popover {
    max-width: 333px;
}

#quick-give-qr .popover-title {
    padding: 16px 16px 0 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;

    color: #4A4A4A;
    background-color: white;
    border-bottom: none;
}

#quick-give-qr .popover-content {
    padding: 8px 16px 16px 16px;
    font-weight: 400;
}
.quick-give-help .popover-content {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    text-align: left;
}

.popover.bottom > .arrow {
    display: none;
}

.qr-input-container {
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.qrcode-container {
    border-radius: 5px;
    padding: 5px 5px 0 5px;
    border: 1px solid #DADADA;
    cursor: pointer;
}

#qrcode {
    width: 60px;
    height: 60px;
    display: inline-block;
}

#quick-give-form {
    width: 100% !important;
    display: inline-block;
    position: relative;
}

.quick-give-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 10;
    opacity: 0.75;
}

.quick-give-help {
    color: #4A4A4A;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 400;
    padding-top: 5px;
}

.quick-give-help span {
    color: #00adee;
    font-size: 9px;
}

.quick-give-input {
    padding-right: 92px;
    background: white !important;
    cursor: default !important;
    color: #9B9B9B !important;
}

#save-qr-button {
    padding: 8px;
    border: 1px solid #428bca;
    border-radius: 5px;
}

/* End DASHBOARD Quick Aid */


.lkn-pendings, .lkn-being-processed {
    position: relative;
    font-weight: 500;
    font-size: 10px;
    color: #878787;
    letter-spacing: 0.89px;
    margin-left: 55px;
    margin: 16px 50px 24px 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
    text-transform: uppercase;
}

.lkn-pendings:hover,
.lkn-being-processed:hover{
    color: #5d5c5c;
    border-bottom: 1px solid #5d5c5c;
}
.balance-td:hover {
    cursor: pointer;
}
.balance-td .balance-transition {
    color: #787878 !important;
    text-align: center;
    width: 100%;
}

.number-notification {
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F76980;
    height: 23px;
    width: 23px;
    background: #F76980;
    /*height: 17px;*/
    /*width: 17px;*/
    padding: 4px 0px 4px 0;
    font-size: 10px;
    position: absolute;
    text-align: center;
    left: -27px;
    
    border-radius: 125px;
    line-height: 8px;
    color: #fff;
    text-align: center;
}
.number-notification.success {
    background-color: #54B125 !important;
}

.error-text {
    display: none;
    color: #FC2E2E;

}
.box-notes { 
    display: none;
    width: 100%;
}
/* DATERANGEPICKER */
.daterangepicker {
    padding: 0px;
    width: 92%;
    opacity: 0;
    -webkit-transition: all .15s linear 0.1s;
    -o-transition: all .15s linear 0.1s;
    transition: all .15s linear 0.1s;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}
.daterangepicker.calendar-visible {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.daterangepicker.dropdown-menu {
    left: 0!important;
    top: 80px!important;
    margin: 15px;
    border: none;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background: #00ADEE;
}
.daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
    float: none;
}
.daterangepicker .calendar {
    max-width: 100%;
    margin: 0px;
}
.daterangepicker .calendar-table {
    margin: 0px;
}
.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 33px;
    top: 49px;
    color: #00adee;
}
.alert-message{
    color: #00adee;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    padding: 5px;
}
tr.message-append{
    position: relative;
    height: 30px;
    color: #00adee;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
tr.message-append span{
    position: absolute;
    top: 56px;
    width: 100%;
    left: 0;
    text-align: center;
}
.calendar.left .daterangepicker_input input {
    text-align: right;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    border-color: #E2E2E5 ;
    position: relative;
    z-index: 10;
    height: 30px;
    background-image: url(images/arrow-select.png);
    background-color: #F7F7F7;
    background-repeat: no-repeat;
    background-position: 92% center;
    background-size: 11px 5px;
    -webkit-appearance:none;
    text-indent: 2px;
    padding-left: 3px;
}

.daterangepicker .input-mini {
    padding: 0px 10px;
    text-align: center;
    margin: 0 auto 0;
    text-align: center!important;
    border: 2px solid #00adee!important;
    width: 72%;
    text-indent: 5px;
}
.calendar.right thead tr:nth-child(2), .calendar.right thead .month, .calendar.right thead th:first-child {
    visibility: hidden;
    opacity: 0;
}
.calendar.right tbody {
    display: none!important;
}
.calendar.left thead tr:nth-child(1) th {
    border-top: 1px solid #E2E2E5;
    border-bottom: 1px solid #E2E2E5;
    padding: 10px 0;
}
.calendar.left thead tr:nth-child(1), .calendar.right thead tr:nth-child(1) {
    color: #00ADEE;
}
.calendar.right thead tr:nth-child(1) th {
    padding: 10px 0;
}
.calendar.right thead tr:nth-child(2) {
    display: none!important;
}
.calendar.right .calendar-table {
    background: rgba(0, 0, 0, 0);
    border: none;
}
.calendar.right {
    top: 0px;
}
.calendar.left .daterangepicker_input:before {
    content: '';
    width: 6px;
    height: 1px;
    background: #CCC;
    display: block;
    right: -3px;
    position: absolute;
    top: 56px;
    z-index: 10;
}
.daterangepicker_input {
    padding-top: 42px;
    font-weight: 300;
}
.daterangepicker th.prev:hover, .daterangepicker th.next:hover {
    background: transparent;
}
.daterangepicker td.in-range, .daterangepicker td.off.in-range {
    background:#F0F0F0;
}
.daterangepicker td.in-range.end-date {
    background: #00ADEE!important;
}
.daterangepicker:before, .daterangepicker:after {
    display: none;
}
.daterangepicker .ranges {
    margin: 0px;
}
.daterangepicker .btn-success {
    background: #00ADEE;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    width: 100%;
    border: none;
    padding: 22px 0;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.43px;
    transition: all 0.2s ease-in-out;
}
.daterangepicker .btn-success:hover { 
    background: #0187B9;
}
.daterangepicker .cancelBtn {
    position: absolute;
    top: 0;
    right: 5px;
    background: none;
    border: none;
    color: #000;
    font-size: 30px;
    font-weight: 500;
    opacity: .2;
    padding: 0 10px;
}
.daterangepicker.opens:after {
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
}
#dashboard label[for="amount"]{
    margin-top: 10px;
}
#dashboard a.add-notes.more-note{
    color: #00adee;
}

/*  table transactoion */
.history-back,
.go-back-transactions {

    font-weight: 400;
    font-size: 14px;
    color: #00ADEE;
    letter-spacing: 0.83px;
    display: inline-block;
    margin-bottom: 5px;
    transition: all 0.2s ease-in-out;
}
.history-back:hover,
.go-back-transactions:hover {
    color: #000;
}
.container-lkns-transactions {
    display: block;
    width: 100%;
}
.container-lkns-transactions a {
    border-radius: 4px;
    display: inline-block;
    line-height: 36px;
    height: 36px;
    text-align: center;
    margin-top: 20px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.44px;
    width: 239px;
    transition: all 0.2s ease-in-out;
}
.container-lkns-transactions .lkn-amend {
    border: 1px solid #00ADEE ;
    color: #00ADEE;
    margin-right: 25px;
}
.container-lkns-transactions .lkn-cancel-order {
    background: #F1F1F1;
    border-radius: 4px;
    color: #878787;

}
.container-lkns-transactions a:hover{    
    background: #00ADEE;
    color: #fff;
}
.btn-pendings,
.btn-being-processed {
    display: inline-block;
    font-weight: 500;
    font-size: 12px;
    color: #878787;
    letter-spacing: 0.89px;
    margin-left: 10px;
    padding-bottom: 3px;
    padding: 7px 7px 7px 30px;
    text-transform: uppercase;
    margin-bottom: 5px;
    top: -2px;
    position: relative;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}
.btn-pendings .noti-string,
.btn-being-processed .noti-string{
    border-bottom: 1px solid;
    padding-bottom: 3px;
}
.btn-pendings:hover .noti-string,
.btn-being-processed:hover .noti-string, 
.btn-pendings.active .noti-string,
.btn-being-processed.active .noti-string {
    color: #5d5c5c;
    border-bottom: 1px solid #5d5c5c;
}

.btn-being-processed.green .number-notification,
.lkn-being-processed.green .number-notification {
	background:#54B125 !important;
}
.btn-being-processed.green:hover .noti-string, .btn-being-processed.green .noti-string:hover,
.lkn-being-processed.green:hover .noti-string, .lkn-being-processed.green .noti-string:hover {
	color:#54B125 !important;
	border-bottom: 0px solid #5d5c5c !important;
}


.btn-being-processed .number-notification ,
.btn-pendings .number-notification {
    background: #F76980;
    /*height: 17px;*/
    /*width: 17px;*/
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 1px 4px 0;
    font-size: 10px;
    position: absolute;
    text-align: center;
    left: 5px;
    letter-spacing: -1px;
    border-radius: 125px;
    line-height: 8px;
    color: #fff;
    text-align: center;
    top: 6px;
}
.btn-being-processed {
    margin-left: 37px;
}
.btn-pendings {
    margin-right: 15px;
}
.table-transactions .desc-table .title, 
.table-reports-history .desc-table .title,
.table-reports .desc-table .title {
    color: #333333;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin: 2px 0 2px 0;
}
.table-reports .desc-table p {
    font-weight: 400;
    font-size: 11px;
    color: #878787;
    letter-spacing: 0.94px;
    text-transform: uppercase;
    margin: 0;
}
/**
.table-transactions .desc-td {
    position: relative;
}
.table-transactions .desc-table {
    float: left;
}
**/
.anonymous-transaction-indicator,
.sharedemail-transaction-indicator {
    font-size: 11px;
    color: #b6adae;
    position: absolute;
    right: -25px;
    top: 50%;
    margin-top: -7.5px;
}
.anonymous-transaction-indicator span,
.sharedemail-transaction-indicator span {
    display: none;
}
.anonymous-transaction-indicator i,
.sharedemail-transaction-indicator i {
    margin-right: 8px;
}
.main-transactions-history .anonymous-transaction-indicator,
.main-transactions-history .sharedemail-transaction-indicator {
    position: static;
    margin-top: 10px;
}
.table-reports-history .desc-table .title {
    font-size: 12px;
}
 .table-reports-history .type-table .title {
    color: #000000;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 0.5px;
    margin: 2px 0 2px 0;
}
.table-reports-history .voucher-table .title, 
.table-reports-history .comments-table .title{
    color: #878787;
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 1px;
    margin: 2px 0 2px 0;
}
.table-transactions .date{
    background: #F7F7F7;
    border-radius: 3px;
    color: #727272;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.18px;
    margin-left: 0px;
}
 .table-reports-history .date {
    color: #b7b7b7;
    font-size: 12px;
    letter-spacing: 0.18px;
    margin-left: 0px;
}
.table-report-payments th:first-child, 
.table-report-gift th:first-child {
    width: 120px;
}
.table-reports .balance-transition {
    color: #878787;
}
.table-reports .date {
    color: #727272;
    height: 37px;
    line-height: 37px;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.18px;
}
.table-reports-history .usd-amount {
    display: block;
    font-size: 10px;
    color: #8a8787;
    padding-right: 4px;
    margin-top: -5px;
}
.table-transactions .desc-table .subtitle, 
.table-reports-history .desc-table .subtitle  {
    margin: 0;
    font-weight: 400;
    font-size: 10px;
    color: #333333;
    letter-spacing: 0.27px;
}
.table-transactions .desc-table .subtitle span.red, 
.table-reports-history .desc-table .subtitle span.red  {
    color: #F76980;
}
.table-transactions .desc-table .subtitle span.green , 
.table-reports-history .desc-table .subtitle span.green {
    color: #F76980;
}
.balance-transition {
    text-align: right;
    display: block;
    font-weight: 600;
    margin-right: 10px;
}
.report-account-history .balance-transition {
    font-size: 12px;
}
.table-transactions th .fa, 
.table-reports-history th .fa {
    font-size: 17px;
    position: relative;
    top: 1px;
    margin-left: 4px;
    color: #838383!important;
}
.table-transactions.table > tbody > tr > td {
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}
.table-reports-history > thead > tr > th, 
.table-reports > thead > tr > th  {
    border-top:1px solid #E2E2E5!important;
    border-bottom:1px solid #E2E2E5; 
    font-size: 12px;
    color: #838383;
    font-weight: 300;
    color: #b7b7b7;
    vertical-align: middle;
    padding: 10px 5px;
}
/**
.table-reports-history > thead > tr > th:first-child, 
.table-reports > thead > tr > th:first-child  {
    text-align: left !important;
}
    **/
 .table-reports-history.table > tbody > tr.bg-gray{
    background-color: #f7f7f7;
 }
 .table-reports-history.table > tbody > tr > td,
 .table-reports.table > tbody > tr > td  {
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
    border: none;
}
.table-transactions.table > tbody > tr > td:first-child{
    min-width: 65px;
}
.table-reports-history.table > tbody > tr > td:first-child{
    min-width: 70px;
}
.table-reports.table > tbody > tr > td:first-child{
    min-width: 50px;
}
.table-transactions.table > tbody > tr, 
.table-reports-history.table > tbody > tr  {
    padding: 0 15px ;

    transition: all 0.2s ease-in-out;
}
.table-transactions.table > tbody > tr > td, 
.table-reports.table > tbody > tr > td {
    border-top: 0;
    border-bottom: 1px solid #E2E2E5;
}
.table-reports.table > tbody > tr.total-amount-row > td {
    border-bottom: none;
    padding: 5px;
    color: #838383;
}
.table-reports.table > tbody > tr.total-amount-row > td .balance-transition {
    color: #00ADEE;
    padding-left: 5px;
    display: inline-block;
}
.table-transactions.table > tbody > tr > td.amount-td, 
.table-reports-history.table > tbody > tr > td.amount-td, 
.table-reports.table > tbody > tr > td.amount-td {
    text-align: center;
    width: 160px;
}
.table-transactions.table > tbody > tr > td.amount-td > span, 
.table-reports-history.table > tbody > tr > td.amount-td > span{
    margin-left: -20px;
}
.type-transactions {
    color: #fff;
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 11px;
    text-align: center;
    margin-bottom: 0;
    letter-spacing: 0.56px;
}
.balance-transition i,.balance-pending i {
    margin-left: 8px;
    font-size: 17px;
}
.balance-down .balance-transition  {
    color: #00ADEE; 
}
.balance-up .balance-transition, .balance-green{
    color: #54B125;
}
.balance-pending .balance-transition, .balance-red  {
    color: #F76980;
}
.balance-down .type-transactions {
    background: #00ADEE;
}
.balance-up .type-transactions {
    background: #97D361;
}
.balance-pending .type-transactions {
    background: #F76980;
}
.balance-pending .fa-caret-up, .balance-pending .fa-caret-down {
    display: none;
}
.balance-down .fa-caret-up {
    display: none;
}
.balance-up .fa-caret-down {
    display: none;
}
.edit-transactions {
    background: url('images/icon-edit.png') no-repeat center;
}
.delete-transactions {
    background: url('images/icon-delete.png') no-repeat center;
}
.refresh-transactions {
    background: url('images/icon-refresh.png') no-repeat center;
}
.action-edit  {
    text-align: center;
}
.btn-trannsaction-accion {
    display: inline-block;
    height: 22px;
    width: 22px;
    border: 1px solid #00ADEE;
    border-radius: 3px;
    background-size: 12px;
    transition: all 0.3s ease-in-out;
    margin-top: 4px;
    position: relative;
}
.btn-trannsaction-accion:hover {
    background-color: #f4f4f4;
}
.btn-trannsaction-accion span.custom-tooltip{
    display: none;
}
.btn-trannsaction-accion:hover > span.custom-tooltip{
    /**display: block;**/
}
span.custom-tooltip{
    width: 170px;
    position: absolute;
    background: #00adee;
    top: 0;
    left: 0;
    margin-left: -174px;
    border-radius: 3px;
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    padding: 2px;
}
.navigation-transactions, .navigation-reports {
    text-align: center; 
}
.navigation-transactions .pagination > li, .navigation-reports .pagination > li{
    display: inline-block;
}
.navigation-transactions .pagination > li > a,
.navigation-transactions .pagination > li > span,
.navigation-reports .pagination > li > a,
.navigation-reports .pagination > li > span  {
    border: 0px;
}
.navigation-transactions .pagination > li > a,.navigation-transactions .pagination > li > span, .navigation-reports .pagination > li > a,.navigation-reports .pagination > li > span {
    background: #C8C8C8;
    color: #fff;
    margin: 0 3px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
.navigation-transactions .pagination > li > .pag-active,.navigation-transactions .pagination > li > span, .navigation-reports .pagination > li > .pag-active,.navigation-reports .pagination > li > span {
    background: #00ADEE;
    color: #fff;
}
.navigation-transactions .pagination > li > a:hover, .navigation-reports .pagination > li > a:hover {
    background: #00ADEE;
    color: #fff;
}
.navigation-transactions .pagination > li:first-child > a ,
.navigation-transactions .pagination > li:last-child > a,
.navigation-transactions .pagination > li > a.previous-page,
.navigation-transactions .pagination > li > a.next-page,
.navigation-reports .pagination > li:first-child > a ,
.navigation-reports .pagination > li:last-child > a,
.navigation-reports .pagination > li > a.previous-page,
.navigation-reports .pagination > li > a.next-page{
    background: #fff !important;
    color: #C8C8C8 !important;
    padding: 5px 3px !important;
}
.navigation-transactions .pagination > li:first-child > a:hover ,
.navigation-transactions .pagination > li:last-child > a:hover,
.navigation-transactions .pagination > li > a.previous-page:hover,
.navigation-transactions .pagination > li > a.next-page:hover,
.navigation-reports .pagination > li:first-child > a:hover ,
.navigation-reports .pagination > li:last-child > a:hover,
.navigation-reports .pagination > li > a.previous-page:hover,
.navigation-reports .pagination > li > a.next-page:hover {
    color: #00ADEE !important;
}
.navigation-transactions .pagination > li:first-child > a > span,
.navigation-transactions .pagination > li:first-child > a.previous-page ,
.navigation-transactions .pagination > li:last-child > a.next-page ,
.navigation-reports .pagination > li:first-child > a > span,
.navigation-reports .pagination > li:first-child > a.previous-page ,
.navigation-reports .pagination > li:last-child > a.next-page {
    left: 0;
}
.navigation-transactions .pagination > li:first-child > a > span ,
.navigation-transactions .pagination > li:last-child > a > span,
.navigation-transactions .pagination > li:first-child > a.previous-page ,
.navigation-transactions .pagination > li:last-child > a.next-page,
.navigation-reports .pagination > li:first-child > a > span ,
.navigation-reports .pagination > li:last-child > a > span,
.navigation-reports .pagination > li:first-child > a.previous-page ,
.navigation-reports .pagination > li:last-child > a.next-page {
    font-size: 32px;
    /**
    top: -10px;
    position: absolute;
    **/
    top: -17px;
}

/* MODAL SEARCH */

.modal-search .input.background-arrow{
    background-image: url(images/arrow-select-black.png);
    background-repeat: no-repeat;
    background-position: 96% 50%;
    padding-right: 5px;
    background-size: 10px;
}


.modal-search .modal-header{
    border: 0;
}
.modal-search .modal-body {
    padding: 15px;
    padding-bottom: 0;
}
.modal-search .modal-header .close {
    margin-top: -7px;
    font-size: 30px;
}
.modal-search .label{
    color: #767676;
    display: block;
    font-weight: 600;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0.5px;
    padding: 0;
    width: 100%;
}
.autocomplete-search-append, .autocomplete-search-append-mobile{
    position: absolute;
    top: 0;
    left: 0;
    max-width: 10%;
}
.modal-search .row-input {
    width: 100%;
    vertical-align: top;
    position: relative;
}
.modal-search .reset-input {
    color: #00ADEE;

    display: none;
    position: absolute;
    right: 14px;
    top: 8px;
}
#modal-search .container-to-amount{
    width: 41% !important;
}
.container-to-amount {
    width: 38%!important;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-left: 13px;
}
.container-input-search {
    width: 80%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    
}
.container-input-search-min {
    width: 35%;
}
.modal-search .form-group .container-input-search  .input{
    width: 100%;
}

.modal-search .form-group  .input.input-to-amount {
    width: 100% ;
}
.modal-search .input.mid-size {
    width: 38%!important;
}
.modal-search .input.mid-size:nth-of-type(2) {
    margin-left: 13px;
}
.modal-search .input.mid-size:nth-of-type(2):before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
}
.modal-search .checkbox-input {
    border-radius: 4px;
    border: 1px solid #BBBBBB;
    display: inline-block;
    height: 36px;
    margin-right: 10px;
    text-align: center;
    width: 36px;
    transition: all .2s ease-out;
    margin-bottom: 5px;
}
.modal-search .checkbox-input i {
    font-size: 20px;
    line-height: 36px;
    color: #00ADEE;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-out;
}

.modal-search .input {
    background: #fff;
    border: 1px solid #BBBBBB;
    border-radius: 3px;
    color: #B0B0B0;
    padding: 7px 12px;
    vertical-align: top;
    display: inline-block;
    width: 80%;
    -webkit-appearance: none; 
    transition: all .2s ease-out;
}
/* 
.modal-search .btn-group.bootstrap-select{
    border: none;
    padding: 0;
    margin: 0;
    width: 80% !important;
}
.modal-search button.btn{
    border-radius: 4px;
    padding: 7px;
}
.bootstrap-select .filter-option{
    font-weight: 500 !important;
    color: #b5b0b0;
    font-size: 14px;
    padding-left: 6px;
}*/
.modal-search .error .checkbox-input i ,
.modal-search .active .checkbox-input i {
    opacity: 1;
    visibility: visible;
}
.modal-search .active .checkbox-input ,
.modal-search .active .input {
    border: 1px solid #00ADEE;
    color: #00ADEE;
}
.modal-search .empty-state-input {
    border: 1px solid #BBBBBB !important;
    color: #B0B0B0 !important;
    opacity: .5;
    background: #f0f0f0;
}
.modal-search .empty-state-input:focus{
    background: #fff !important;
    opacity: 1;
}
.modal-search .error .checkbox-input ,
.modal-search .error .input {
    border: 1px solid #FC2E2E;
    color: #FC2E2E;
}
.modal-search .error .checkbox-input i {
    color: #FC2E2E;
}
.btn-search {
    background: #00ADEE;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #fff;
    text-align: center;
    display: block;
    padding: 20px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.43px;
    margin: 25px -15px 0 -15px;
}
.modal-payment-confirmation .modal-body, .modal-logout .modal-body {
    font-size: 0;
}
.row-confirmation-content {
    padding: 40px 50px;
    color: #5D5C5D;
    text-align: center;
}
.row-confirmation-content h2 {
    color: #00ADEE;
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 30px;
}
.row-confirmation-content p {
    font-size: 18px;
}
.modal-logout .row-confirmation-content {
    padding: 110px 50px 75px;
}

/* drop-down-sort */
.sort-back {
    z-index: -1;
    opacity: 0;
}
.sort-back.in {
    z-index: 1000;
    opacity: .2!important;
}
.drop-down-sort {
    position: absolute;
    width: 238px;
    right: 7px;
    top: 59px;
    visibility: hidden;
    z-index: 1010;
    opacity: 0;
    transition: all .18s ease-out;
}
.drop-down-sort.dropdown-dates {
    width: 230px;
    right: 0;
}
.drop-down-sort .navigator-transactions-lkn.lkn-sortby {
    width: 64px;
    background: #FFF;
    position: absolute;
    color: #00ADEE;
    top: -59px;
    right: -7px!important;
}

.drop-down-sort.active {
    top: 59px;
    opacity: 1;
    visibility: visible;
}
.container-sortby {
    background: #FFFFFF;
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.31);
    border-radius: 5px;
	z-index:1999;
}
.list-sortby {
    background-color:#ffffff;
    display: block;
    width: 100%;
}
.sortby-li {
    display: block;
    position: relative;
}

.title-sortby {
    font-weight: 700;
    font-size: 10px;
    color: #00ADEE;
    letter-spacing: 0.36px;
    line-height: 1;
    padding: 15px 15px;
    margin: 0;
}
.sortby-lkn, .date-lkn, .search-link, .record-lkn {
    display: block;
    padding: 17px 15px;
    font-weight: 400;
    font-size: 12px;
    color: #5D5C5D;
    letter-spacing: 0.5px;
    line-height: 1;
    /* opacity: 0.69; */
    border-top: 1px solid #E2E2E5;
    transition: all 0.3s ease-in-out;
}
.date-lkn, .record-lkn {
    padding-left: 25px;
    background-position: 8px center;
    background-repeat:no-repeat; 
}
.date-lkn.selected, .record-lkn.selected {
    background-image: url('images/tick.png');
    color: #00ADEE;
}
.first-date-lkn {
    border-top: none;
}
.custom-range-container {
    position: absolute;
    top: 1px;
    width: 100%;
    padding:12px 25px;
    height: 100%;
    background: #FFF;
    opacity: 0;
    visibility: hidden;
    background-image: url('images/tick.png');
    background-position: 8px center;
    background-repeat: no-repeat;
}
.custom-range-container.active {
    visibility: visible;
    opacity: 1;
}
.custom-range-container input:focus {
    outline: none;
}
.custom-range-container:before, .custom-range-container:after {
    display: block;
    /*content: '';*/
    width: 65px;
    height: 25px;
    background: #EEE;
    position: absolute;
}
.custom-range-container:before {
    left: 49px;
}
.custom-range-container:after {
    right: 49px;
}
.custom-range-container .col-xs-5 {
    font-size: 12px;
    padding: 4px 0;
    text-align: center;
    border:1px solid #E2E2E5;
    box-shadow: none;
    background: #F7F7F7;
}
.custom-range-container .col-xs-2 {
    text-align: center;
    width: 10%!important;
    padding: 0;
}
.custom-date-go,.custom-date-report-go {
    float: right;
    margin: 0px -18px 0 0;
    padding: 6px 4px;
    background: #00adee;
    color: #FFF;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 3px;
}
.sortby-li .sortby-lkn:hover, .sortby-li .date-lkn:hover, .record-lkn:hover {
    color: #00ADEE;
}
.inst-msg{
    font-size: 18px;
    color: #5D5C5D;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: 30px;
}

.box-slide-text {
    background: #F2F2F2;
    position: relative;
    overflow: hidden;
   /** height: 80px;**/
}
.order-voucher .box-slide-text{
    margin-top: 125px;
}
.box-slide-text .lkn-daily-donate {
    line-height: 29px;
    padding: 12px 45px 5px 0;
}
.box-slide-text.open .fa-angle-up {
    display: block;
}
.box-slide-text.open .fa-angle-down{
    display: none;
}   
/**
.box-slide-text i {
    position: absolute;
    top: 15px;
    right: 9px;
    font-size: 26px;
    color: #d2d2d2;

}
**/
.box-slide-text .fa-angle-up {
    display: none;
}
.lkn-daily strong {
    font-weight: 700;
    font-size: 12px;
    color: #00ADEE;
    letter-spacing: 0.91px;
    line-height: 22px;
}
.lkn-daily {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #7F7F7F;/**#333333;**/
    letter-spacing: 1.07px;
    position: relative;
    line-height: 22px;      
    padding: 15px 45px 5px 0;
}
.bg-daily-dashboard {
    
}
.bg-daily-dashboard .text.grey-update-box{
    background-color: #fff;
}
.box-make-donation-lkns {
    margin-top: 20px;
}
.box-make-donation-lkns .make-donation-lkns {
    color: #00ADEE;
    display: block;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.56px;
    line-height: 19px;
    padding-left: 15px;
    margin-top: 5px;
    position: relative;
}
.box-make-donation-lkns .make-donation-lkns:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    border-left: 5px solid #00ADEE;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; 
}
.amount-input {
    position: relative;
    width: 61%;
    display: inline-block;
    vertical-align: top;
}
.donations-are-subject-error ,
.amount-input-error {
    display: none;
}
.coin-amount {
    display: inline-block;
    width: 31%;
    margin-left: 5%;
    vertical-align: top;
    z-index: 1;
}
.numb-aprox {
    background: url('images/arrow-min.svg') no-repeat center left;
    font-weight: 400;
    top: 13px;
    padding-left: 23px;
    right: 10px;
    font-size: 11px;
    color: #727272;
    letter-spacing: 0.48px;
    line-height: 19px;
    position: absolute;
}
.beneficiary-select .btn-info {
    padding: 4px 0 4px 12px!important;
    height: 46px;
}
.beneficiary-select .dropdown-menu {
    margin-top: 9px;
}
.text-danger.beneficiary-select-error {
    margin-top: 20px;
    display: none;
}
.anonymous-error {
    display: none;
}
.anonymous-error.active {
    display: block;
}
.textarea-make-dontation {
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    padding: 12px 15px;
    height: 69px;
    resize: none;
    -webkit-appearance: none;
    width: 100%;
}
#ClientComments {
    border-color: #00adee;
    background-color:#f5f5f5;
}
.half-make-donation {
    vertical-align: top;
    display: inline-block;
    width: 49%;
}
.half-make-donation:nth-child(2){
    padding-left: 10px;
}
.half-make-donation:nth-child(1)  ,
.half-make-donation:nth-child(3)  {
    padding-right: 10px;
}
.half-make-donation:nth-child(5){
    padding-right: 10px;
}
.amount-donation, 
.anonymous-donation{
    padding: 0;
    height: 90px;
}
.anonymous-donation{
    padding-left: 10px;
}
.standing-order-switch-container .ckeckbox {
    top: 8px;
}
.standing-order-switch-container .half-make-donation {
    opacity: .5;
}
.standing-order-switch-container .half-make-donation:nth-child(1), .standing-order-switch-container.active .half-make-donation {
    opacity: 1;
}
.standing-order-switch-container .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on {
    text-indent: 3000px;
}
.title-make-donation {
    color: #333333;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.5px;
}
.title-make-donation.title-so {
    margin-left: 40px;
}
.title-make-donation .fa-exclamation-circle {
    font-size: 15px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.anonymous-donation .title-make-donation {
    margin-top: -14px;
}
.anonymous-donation .ckeckbox {
    margin-top: 34px;
    margin-left: 25px;
}
.make-dontation, .report-button {
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.22);
    background: #00ADEE;
    text-align: center;
    display: block;
    padding: 20px 0;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.43px;
    border-radius: 5px;
    color: #fff;
}
.make-dontation:hover {
    background: #0187B9;
}
.make-donation .input-text {
    border-color: #BBB;
    height: 42px;
    padding: 10px 12px;

}
.make-donation .large-amount {
    display: none;
    color: #FC2E2E;
    margin: 8px 0 0;

    font-size: 13px;
}
.confirmation-amount-error, .confirmation-amount-succes {
    display: none;
}

.make-donation .input-text.confirmation-amount,.make-donation .input-text.confirmation-amount-purpose {
    margin-top: 10px;
    display: none;
}
.make-donation .confirmation-amount.success-amount {
    background: url(images/success-icon.png) 96% no-repeat ;
    border: 1px solid #97D361;
}
.make-donation .confirmation-amount.incorrect-amount {
    background: url(images/incorrect-icon.png) 96% no-repeat ;
    border: 1px solid #FC2E2E;
    color: #FC2E2E;
}
.make-donation  .confirm-box {
    border-top: 1px solid #E2E2E5;
    font-weight: 400;
    font-size: 13px;
    color: #333333;
    letter-spacing: 0.56px;
    line-height: 19px;      
    margin: 30px 0;
    padding: 30px 0 10px 0;
}
.make-donation .ckeckbox {
    position: relative;
    margin-bottom: 20px;
    display: block;
}
.checkbox-box .ckeckbox:before, 
.container-checkbox .ckeckbox:before {
    width: 19px;
    height: 19px;
    position: absolute;
    content: '';
    background: #00ADEE;
    border-radius: 125px;
    z-index: 8;
    top: 20px;
    left: 4px;
    opacity: 0;
    visibility: hidden;
}
.checkbox-box .ckeckbox.active:before,
.container-checkbox .ckeckbox.active:before {
    opacity: 1;
    visibility: visible;
}
.make-donation .ckeckbox .text {
    margin-left: 40px;
    display: block;
    font-weight: 400;
    color: #333;
    font-size: 13px;
    letter-spacing: 0.56px;
    line-height: 19px;
}
.make-donation .ckeckbox .text-danger {
    display: none;
}
.checkbox-box.has-error .ckeckbox .text-danger {
    display: block;
}
.make-donation .ckeckbox .text p {
    padding-left: 18px!important;
    background-position: 0 3px;

}
.ckeckbox .circle {
    background: #F4F4F4;
    border-radius: 125px;
    border: 1px solid #00ADEE;
    height: 27px;
    top: inherit;
    position: absolute;
    width: 27px;
}
/* VOCHERS */

.voucher-books-header {
    border-bottom: 1px solid #E2E2E5;
    padding-bottom: 15px;
}
.voucher-books-header .title-section-desktop {
    border-bottom: 0;
    padding-bottom: 0;
}

.navigator-voucher-books a {
    
    background: #F3F3F3;
    color: #878787;
    border-radius: 4px;
    font-family: 500;
    font-size: 12px;
    letter-spacing: 0.44px;
    padding: 10px;
    width: 180px;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.navigator-voucher-books a:last-child {
    margin-left: 25px;
}
.navigator-voucher-books a:hover,
.navigator-voucher-books a.selected {
    background: #00ADEE;
    color: #FFFFFF;
}
.main-transactions.order-voucher .top-center-content {
    padding-top: 60px;
}
.container-vochers .lkn-input {
    background: #00ADEE;
    height: 40px;
    display: inline-block;
    position: relative;
    width: 40px;
}
.input-default .lkn-input{
    background: #EEE;
}
.container-vochers .lkn-input:before {
    content: '';
    border-top: 5px solid transparent;
    border-left: 5px solid #fff;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 16px;
    left: 16px;
}

.container-vochers .more-input:before{
    margin-right: -3px;
}
.container-vochers .less-input:before{
    border-left: 5px solid transparent;
    border-right: 5px solid #fff;
    margin-left: -3px;
}
.container-vochers .input-default .less-input:before{
    border-right: 5px solid #727272;
}
.container-vochers .input-default .more-input:before {
    border-left: 5px solid #727272;
}
.container-vochers .less-input {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.container-vochers .more-input {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.container-vochers .input-number {

    border-radius: 0;
    background: #F5F5F5;
    border: 1px solid #EEE;
    display: inline-block;
    text-align: center;
    height: 40px;
    padding: 5px 0;
    vertical-align: top;

    font-weight: 400;
    font-size: 14px;
    color: #00ADEE;
    letter-spacing: 0.61px;
    line-height: 19px;
    width: 60px;
}

.container-vochers .form-group {
    margin: 10px 0;
    height: 40px;
    clear: both;
}
.container-vochers .input-group {
    float: left;
    margin-right: 10px;
}
.info-input {
    display: inline-block;
    margin-right: 20px;
}
.container-vochers .info-input{
    display: block;
    float: left;
    min-width: 150px;
}
.title-label {
    font-weight: 700;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0.5px;
    margin-top: 4px;
}
.subtitle-label {
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0.5px;
}
.container-vochers .input-default .input-number{
    background: #fff;
}
.container-vochers .input-default .input-number,
.input-default .title-label ,
.input-default .subtitle-label {
    color: #727272;
}
.container-vochers {
    display: block;
    border-bottom: 1px solid #E2E2E5;
    margin-bottom: 20px;
    margin-top: 15px;
    padding-bottom: 10px;
}
.title-delivery {
    color: #B0B0B0;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.3px;  
    margin: -10px 0 20px 0;
}
.container-delivery {
    border-bottom: 1px solid #E2E2E5;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.form-delivery .row-input {
    margin-bottom: 15px;
}
.form-delivery .label-delivery {
    display: inline-block;
    vertical-align: top;
    margin-top: -3px;
    width: 75%;
}
.form-delivery .label-delivery .title-label {
    margin-top: 0;
}
.form-delivery .label-delivery .subtitle-label ,
.form-delivery .label-delivery .title-label {
    color: #727272;
}
.form-delivery .label-delivery .subtitle-label {
    font-size: 11px;
}
.form-delivery .checkbox-input {
    border-radius: 4px;
    border: 1px solid #BBBBBB;
    display: inline-block;
    vertical-align: top;
    height: 36px;
    margin-right: 10px;
    text-align: center;
    width: 36px;
    transition: all .2s ease-out;
}
.form-delivery .checkbox-input i {
    font-size: 20px;
    line-height: 36px;
    color: #00ADEE;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-out;
}
.form-delivery .active .checkbox-input i {
    opacity: 1;
    visibility: visible;
}
.form-delivery .active .checkbox-input {
    border: 1px solid #00ADEE;
}
.container-urgent {
    border-bottom: 1px solid #E2E2E5;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}
.container-urgent .label-urgent {
    font-weight: 600;
    display: inline-block;
    font-size: 12px;
    color: #727272;
    letter-spacing: 0.3px;
    margin: 0 0 0 15px;
}
.container-urgent .ckeckbox {
    display: inline-block;
    width: 27px;
    height: 27px;
}
.checkbox-box .container-urgent .ckeckbox:before {
    top: 4px;
}
.container-urgent .ckeckbox .circle {
    top: 0px;
}
.container-urgent.urgent-text {
    margin-top: 23px;
}
.container-urgent.urgent-text .label-delivery {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    width: 75%;
}
.container-notes .textarea-notes {
    resize: none;
    width: 100%;
}
.container-notes .title-notes {
    font-weight: 600;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0.5px;
}
.container-notes .textarea-notes {
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    padding: 12px 15px;
    height: 69px;
    resize: none;
    -webkit-appearance: none;
    width: 100%;        
    margin-bottom: 20px;
}
.lkn-order-vouchers {
    background: #F7F7F7;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #00ADEE;
    letter-spacing: 0.43px;
    margin: 20px 0;
    padding: 23px 0;
}
.lkn-order-vouchers.disabled:hover ,
.lkn-order-vouchers.disabled {
    color: #DFDDDD  !important;
    background: #F7F7F7 !important;
    cursor: default ;
    pointer-events: none;
}
.container-urgent .bootstrap-switch {
    width: 40px;
}
.container-urgent .bootstrap-switch {
    width: 70px !important;
}
.container-urgent .bootstrap-switch-container span {
    font-size: 20px !important;
    width: 34px !important;
}
#order-voucher-confirm-modal .row-modal{
    border:none;
    text-align: center;
    color: #727272;
}
#order-voucher-confirm-modal .modal-dialog{
    width: 340px;
}
#order-voucher-confirm-modal .row-modal h2{
    font-size: 20px;
}
/* My Givings */
.second-nav-givings {
    border-bottom: 1px solid #cecece;
    padding-bottom: 2px;
}
.second-nav-givings-li {
    display: inline-block;
    margin-right: 10px;
}
.second-nav-givings-lkn {
    color: #878787;
    font-size: 12px;
    letter-spacing: 0.5px;
}
.second-nav-givings-lkn:hover{
    color: #00adee;
}
.second-nav-givings-lkn.active{
    color: #00adee;
    padding: 3px;
    border-bottom: 2px solid #00adee;
}
.givings-info{
    background: #faf8f8;
    padding: 25px;
    border-radius: 5px;
    color: #00adee;
    margin: 30px 15px 57px;
    min-height: 115px;
}
.givings-info-title{
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 300;
}
.givings-info-amount{
    width: auto;
    font-size: 45px;
    font-weight: 100;
    float: left;
    margin-right: 30px;
    height: 135px;
}
.givings-info-percentage{
    width: auto;
    line-height: 25px;
    padding: 5px 0;
    font-weight: 300;
}
.givings-info-percentage .fa{
    margin-right: 7px;
    font-size: 16px;
}
.givings-info-total {
    width: auto;
    line-height: 25px;
    padding: 5px 0;
    font-weight: 300;
	color:#000000;
    font-size: 12px;
}

.givings-graphic{
    margin: 0 15px;
}
.givings-graphic img{
    width: 100%;
}
#chart_div{
    width:100%; 
    height:350px;
}
.givings-charities{
    margin-top: 28px;
}
.givings-charities-title{
    color: #878787;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 600;
}
.givings-charities-help{
    color: #878787;
    font-size: 12px;
    letter-spacing: 0.5px;
    padding-top: 15px;
    font-weight: 200;
}
.givings-charities-help span{
    color: #00adee;
    font-size: 9px;
}
.givings-charities-table > tbody > tr > td{
    padding: 15px 0;
}
.givings-charities-table > tbody > tr:first-of-type > td{
    border: none;
}
.givings-charities-table > tbody > tr{
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.givings-charities-table > tbody > tr:hover {
    background: #F3F3F3;
}
.givings-charities-table .charities-numbers{
    min-width: 35px;
    text-align: center;
    color: #878992;
}
.givings-charities-table .charities-names{
    font-size: 15px;
    min-width: 150px;
}
.givings-charities-table .charities-amounts{
    color: #00adee;
    font-weight: bold;
    text-align:right;
}

.givings-charities-table .charities-close{
    display: none;
    min-width: 35px;
    text-align: center;
    color: #00adee;
    font-size: 15px;
    cursor: pointer;
    padding-top: 18px;
}

.givings-charities-table .selected{
    background-color: #e7f4ff;
}
.givings-charities-table .selected .charities-names{
    font-weight: bold;
}

.givings-charities-table .selected .charities-numbers{
    display: none;
}

.givings-charities-table .selected .charities-close{
    display: block;
}

.givings-charities-btn{
    background: transparent;
    display: block;
    border: 1px solid #00ADEE;
    border-radius: 5px;
    font-weight: 600;
    font-size: 12px;
    color: #00ADEE;
    letter-spacing: 0.37px;
    padding: 19px 0;
}
.givings-charities-btn:hover{
    border-color: #0187B9;
    background: #0187B9;
}
.givings-months-table-title {
    display: inline;
    margin-right: 25px;
    float: left;
    line-height: 30px;
    font-size: 15px;
    font-weight: 400;
    color: #878787;
    letter-spacing: 0.54px;
    margin-bottom: 21px;
    margin-top: 60px;
}
.givings-months-table > thead > tr > th {
    border-top: 1px solid #E2E2E5!important;
    border-bottom: 1px solid #E2E2E5;
    font-size: 12px;
    font-weight: 300;
    /**text-align: center !important;**/
    color: #b7b7b7;
    vertical-align: middle;
    padding: 10px 5px;
    letter-spacing: 0.8px;
}
.givings-months-table .modal-show{
    vertical-align: middle;
}
.givings-months-table .text-right{
    text-align: right !important;
   /* padding-right: 15px;*/
}
/*.givings-months-table .date-td{
    padding-left: 0;
}*/
.givings-months-table span{
    padding-top: 8px;
    display: block;
}
.givings-months-table .date{
    color: #b7b7b7;
    background: #F7F7F7;
    border-radius: 3px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    width: 70px;
    margin: 0 auto;
}
.givings-months-table .balance-transition{
    display: block;
}
.givings-months-table .amount-block{
    font-weight: 600;
    color: #000000;
    display: block;
}
.givings-months-table .givings-quantity, .givings-months-table .supported-charity{
    color: #000000;
    font-size: 12px;
    letter-spacing: 1.04px;
    padding-top: 10px;
    text-align: center;
}
.givings-months-table .balance-down .date-td:nth-of-type(3) .givings-quantity{
    font-weight: 600;
}
.givings-months-table .supported-charity{
    font-weight: 700;
    padding-top: 10px;
}
.modal-givings-sub-content {
    max-height: 400px;
    overflow-y: scroll; 
    padding: 0 15px 0;
    margin: 0 15px 15px;
}
.modal-givings-content .givings-charities-title {
    padding: 30px 30px 15px;
}
.modal-givings-content .givings-charities-table {
    margin-bottom: 0px;
}
.modal-gral .lkn-bottom-modal.lnk-cancel{
    width: 50%;
    display: inline-block;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #00adee;
    background-color: #ececec;
    float: left;
}
.modal-gral .lkn-bottom-modal.lnk-cancel:hover{
    background: #d6d4d4;
}
.modal-gral .lkn-bottom-modal.lnk-accept{
    width: 50%;
    display: inline-block;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.modal-gral .lkn-bottom-modal.lnk-accept:hover{
    background-color: #0899d0;
}
/* settings */
.donations-display {
    display: flex !important;
    margin-top: 20px;
}
.donations-display {
    display: flex !important;
    margin-top: 20px;
}


.donations-input{
    width: 16%;
    min-width: 62px;
    height: fit-content;
    min-height: 42px;
    margin-left: 12px;
}
.donations-input2{
    min-height: 42px;
    min-width: 62px;
}

.container-settings {
    border-bottom: 1px solid #E2E2E5;
    margin: 0 -15px;
    padding: 0 15px ;
}
.container-settings:last-child {
    margin-bottom: 35px;
}
.box-settings {
    clear: both;
    display: block;
    padding: 20px 0;
}

.pw-policy-item {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 16px;
    padding-top: 10px;
    margin-left: 10px;
}

.tick {
    list-style-image: url(../images/tick-icon.png);
    color: #27AE60;
}

.cross {
    list-style-image: url(../images/cross-icon.png);
    color: #FC2E2E;
}

.title-settings {
    font-weight: 600;
    font-size: 12px;
    color: #00ADEE;
    letter-spacing: 0.5px;
    margin: 0 0 5px 0;
}
.info-settings {
    font-weight: 400;
    font-size: 12px;
    color: #727272;
    letter-spacing: 0.52px;
    line-height: 16px;
    margin: 0;
}
.box-settings-info {
    width: 70%;
    display: inline-block;
}

.price-settings {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #727272;
    letter-spacing: 0.61px;
}
.price-settings .fa-pencil {
    margin-left: 5px;
}
.container-settings .bootstrap-switch {
    float: right;
}
.phone-number{
    margin-top: 15px;
}
.form-phone-number {
    margin-top: 10px;
}
.form-phone-number .input-group-addon {
    font-weight: 700;
    font-size: 10px;
    color: #727272;
    letter-spacing: 0.73px;
    padding: 15px;
}
.form-phone-number .phone-number-input {
    height: 42px;

}
.title-password-settings {
    font-weight: 600;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0.5px;
}
.forgot-password {
    font-weight: 600;
    font-size: 13px;
    color: #00ADEE;
    letter-spacing: 0.56px;
    line-height: 19px;
    margin-top: 5px;
    display: block;
}
.container-lkns {
    margin: 0px -15px 0 -15px;
}
.make-donation .container-lkns {
    margin: 0;
}
.modal-secondary-text{
    color: #c5c5c5;
    display: block;
}
.lkn-cancel ,
.lkn-save {
    text-align: center;
    padding: 20px 0;
    float: left;
    width: 50%;
}
.lkn-save {
    background: #00ADEE;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.48px;
}
.lkn-cancel {
    background: #E7E7E7;
    color: #00ADEE;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.48px;
}
.box-settings.box-settings-msj {
    padding-bottom: 0;
}
.box-phone-numb-settings {
    /*margin-bottom: 25px;*/
    margin-top: 15px;
}
.lkn-change-password, .lkn-enable-sms {
    display: block;
    position: relative;
    /**margin-bottom: -15px;**/
}
.lkn-change-password:before {
    content: '';
    position: absolute;
    right: 15px;
    top: 33px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #00ADEE; 
}
.lkn-enable-sms:before {
    content: '';
    position: absolute;
    right: 15px;
    top: 33px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid #00ADEE;
    margin-top: -7px;
}
.active.lkn-enable-sms:before  {
    content: '';
    position: absolute;
    right: 15px;
    top: 33px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #00ADEE;
    border-bottom: 5px solid transparent;
    margin-top: -3px;
}
.email-notification {
    position: relative;
    min-width: 123px;
    margin-top: 9px;
}
.email-notification:before {
    content: '';
    position: absolute;
    right: 15px;
    top: 15px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
    margin-top: 15px;

}

.active.lkn-change-password:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid #00ADEE;
    margin-top: -3px;
}

.container-settings-msj {
    display: none;
}
.container-settings-msj .box-settings-info {
    opacity: 0.6;
}
.container-settings-msj .active .box-settings-info{
    opacity: 1;
}
.container-settings-msj .active .box-settings-info .fa-pencil {
    color: #00ADEE;
}
.container-settings-msj .title-send {
    color: #727272;
    font-weight: 400;
}
.container-settings-msj .new-value {
    display: none;
}
.container-settings-msj .edit-value {
    color: #00ADEE;
}
.container-password-settings {
    display: none;
    padding-bottom: 15px;
}

.container-settings .bootstrap-switch {
    width: 70px !important;
}
.container-settings .bootstrap-switch-container span {
    font-size: 20px !important;
    width: 34px !important;
}
.standing-order-switch-container .bootstrap-switch, .anonymous-donation .bootstrap-switch{
    width: 70px !important;
}
.standing-order-switch-container .bootstrap-switch-container span, .anonymous-donation .bootstrap-switch-container span{
    font-size: 20px !important;
    width: 34px !important;
}
.default-login {
    display: none;
}
.default-login .box-settings-info {
    margin-top: -20px;
    margin-bottom: 10px;
    width: 100%;
}
.default-login .title-settings {
    margin-bottom: 10px;
    color: #333;
}
.default-login .bootstrap-select.btn-group .dropdown-toggle .caret {
    color:#00ADEE;
    right: 15px;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.bottom-clear{
    clear: both;
}
/*  SUCCESS MODAL */
.modal-success .tick-animation-ctn{
    text-align:center;
}
.modal-success .check-gif-container{
    margin-bottom: 13px;
}

.check-gif-container{
    text-align:center;
}

.modal-success .row-confirmation-content.success-m{
    padding: 30px 50px !important;
}
.modal-success .line2{
    line-height: 20px;
}
.modal-success .line2 a{
    color: #969696 !important;
    text-decoration: none !important;
     transition: all 0.5s;
}
.modal-success .line2 a:hover{
    color: #4c4c4c !important;
    transition: all 0.5s;
}



/* CONTACTUS */
.main-transactions.main-contact-us .top-center-content {
    padding-top: 60px;
}
.send-message-container, .messages-container{
    padding:15px;
}
.main-contact-us .messages-box{
    overflow-y: scroll;
    height: 245px;
    margin-top: 10px;
}
.main-contact-us .title{
    font-size: 16px;
    color: #727272;
}
.contact-us-textarea {
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    padding: 12px 15px;
    height: 125px;
    margin-top: 20px;
    margin-bottom: 5px;
    resize: none;
    -webkit-appearance: none;
    width: 100%;    
}
.main-contact-us .send-msj {
    border: 1px solid #00ADEE;
    background: #00ADEE;
    border-radius: 3px;
    display: block;
    text-align: center;
    font-weight: 600;
    padding: 17px 0;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0.48px;
    box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.13);
	max-width:500px;
}
#contact-us-confirm-modal .modal-dialog{
    width: 300px;
}
#contact-us-confirm-modal .row-modal{
    text-align: center;
    letter-spacing: 0.6px;
    line-height: 21px;
    color: #87878E;
    border:none;
}
#contact-us-confirm-modal .row-modal h2{
    color: #686868;
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 25px;
    font-weight: 600;
}
#contact-us-confirm-modal .row-modal p{
    font-size: 16px;
    margin: 0;
}
#contact-us-confirm-modal  .lkn-bottom-modal{
    margin-top: 20px;
}
.box-details-bank {
    text-align: center;
    margin: 40px 0 0 0;
}
.box-details-bank .title-bank-details{
    font-weight: 600;
    font-size: 12px;
    color: #00ADEE;
    margin: 0;
    letter-spacing: 0.5px;
}
.box-details-bank .text {
    font-weight: 400;
    font-size: 12px;
    color: #727272;
    letter-spacing: 0.52px;
    line-height: 16px;
    margin: 0;
}
.main-contact-us .messages-box{
    color: #87878E;
}
.no-message-sent{
    overflow: auto !important;
}
.main-contact-us .messages-box .no-message{
    background: #f3f3f3;
    padding: 40px 0;
    text-align: center;
    border-radius: 3px;
    margin-top: 10px;
}
.main-contact-us .messages-box .no-message > span{
    text-transform: uppercase;
    font-size: 12px;
}
.main-contact-us .messages-box .message{
    background-color: #f4f4f4;
    border-radius: 3px;
    padding: 10px;
    margin: 10px 0;
}
.main-contact-us .messages-box .message .date{
    text-transform: uppercase;
    font-weight: 600;
    padding-right: 5px;
    color: #727272;
}
.main-contact-us .messages-box .message a{
    color: #727272;
    text-transform: uppercase;
    text-decoration: underline !important;
}
.main-contact-us .messages-box .message .read-more{
    text-transform: uppercase;
    text-decoration: underline;
}
.modal-message.modal-gral{
    letter-spacing: 0.6px;
    line-height: 21px;
    color: #87878E;
}
.modal-message.modal-gral .title-modal{
    color: #727272;
}
.modal-message.modal-gral .title-modal .date{
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 20px;
    color: #727272;
}
.anonymous-transaction-modal-indicator,
.sharedemail-transaction-modal-indicator {
    font-size: 11px;
    color: #b6adae;
}
.anonymous-transaction-modal-indicator i,
.sharedemail-transaction-modal-indicator i { 
    margin-right: 5px;
}
/* INVITE A FRIEND */

.box-invite-header {
    border-bottom: 1px solid #E2E2E5;
    padding: 0 0 20px;
    position: relative;
}


.box-invite-header .title-box {
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}
.box-invite-header .desc-box {
    font-weight: 400;
    font-size: 13px;
    color: #727272;
    letter-spacing: 0.56px;
    line-height: 18px;
    margin: 0 0 20px 0 ;
}
.box-invite-header .desc-box strong {
    font-weight: 600;
    color: #00ADEE;
}
.invite-friend {
    margin: 32px 0 0;
}

.invite-friend .form-group {
  margin-bottom: 24px;
}

.invite-friend .form-group:last-child {
  margin-bottom: 19px;
}

.invite-friend .label {
    font-weight: 600;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0.5px;
    margin: 0 0 8px 0;
    text-align: left;
    display: block;
    padding-left: 0;
}
.invite-friend .input-text {
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    height: 41px;
    padding: 12px 15px;
}

.main-invite-a-friend .comment-textarea {
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    padding: 12px 15px;
    height: 85px;
    margin-top: 0px;
    margin-bottom: 0px;
    resize: none;
    -webkit-appearance: none;
    width: 100%;    
}
.main-invite-a-friend .comment-textarea.error,
.invite-friend .input-text.error {
    color: #FC2E2E;
    border-color: #FC2E2E;
}
.send-invite {
    background: #00ADEE;
    border: 1px solid #00ADEE;
    border-radius: 3px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.48px;
    padding: 20px 0;
    margin-bottom: 60px;
    margin-top: -10px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-msj-ok {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.msj-ok {
    display: none;
    background: #fff;
    text-align: center;
}
.title-msj-ok {
    font-weight: 700;
    font-size: 18px;
    color: #00ADEE;
    letter-spacing: 0.65px;
    margin: 43px 0 20px 0;
    line-height: 24px;
}
.desc-msj-ok {
    font-weight: 400;
    font-size: 18px;
    color: #5D5C5D;
    margin: 0 0 20px 0;
    letter-spacing: 0.65px;
    line-height: 24px;
}
/* HELP */

.box-faqs-header {
    border-bottom: 1px solid #E2E2E5;
    padding: 20px 0;
}
.title-box-faqs {
    font-weight: 600;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0.5px;
    margin-top: 0;
}
.desc-box-faqs {
    font-weight: 400;
    font-size: 13px;
    color: #727272;
    letter-spacing: 0.56px;
    line-height: 18px;
    margin-bottom: 0;
}
.container-faqs {
    padding-top: 20px;
    margin-bottom: 30px;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group,
.container-faqs .panel-default {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.container-faqs .panel-default > .panel-heading {
    padding: 0;
    background: transparent;
    border: 0;
}
.panel-title a {
    background: #00ADEE;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 12px;
    padding: 13px 15px;
    position: relative;
}
.panel-title a:before {
    content: '';
    position: absolute;
    right: 15px;
    top: 15px;
    margin-top: -2px;

    border-bottom: 5px solid #fff;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    width: 10px;
    height: 10px;
}
.panel-title a.collapsed:before {
    margin-top: 3px;
    border-top: 5px solid #00ADEE;
    border-bottom: 5px solid transparent;
}
.panel-title a.collapsed {
    background: #F2F2F2;
    color: #333333;
}
.container-faqs .panel-body {
    font-weight: 400;
    font-size: 13px;
    color: #727272;
    letter-spacing: 0.56px;
    line-height: 19px;
    padding: 15px 0;
}
.main-contact-us .sticky-to-footer ,
.main-help .sticky-to-footer {
    background: #F7F7F7;
    box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.12);
    padding: 20px 0;
    bottom: 90px;
    text-align: center;
    position: fixed;
    width: 100%;
    z-index: 99;
}
.contact-btn .title-footer {
    margin: 0 0 0px 0;
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0.5px;      
}
.contact-btn .subtitle-footer {
    font-weight: 700;
    font-size: 14px;
    color: #00ADEE;
    letter-spacing: 0.58px;
    display: block;
    margin: 0;
}
.contact-btn{
    background: #F7F7F7;
    box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.12);
    padding: 20px 0;
    text-align: center;
    width: 100%;
}
/* swich */

.bootstrap-switch {
    background: #eee ;
    border-radius: 125px ;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, 
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    color: #eee ;
    height: 49px;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, 
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #eee ;
    background: #eee ;
    height: 49px;
}
.bootstrap-switch .bootstrap-switch-label {

    border-radius: 125px ;
    height: 48px ;
    background: #fff ;
    background: #FFFFFF;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.19);
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, 
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch.bootstrap-switch-on {
    background: #00ADEE ;
    color: #00ADEE ;
    /* border-radius: 125px; */
}
/*  tamaño de switch varia en settings */
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-label {
    height: 35px;
}

/* SUPER EMPTY STATE */
h2.empty-title {
	font-weight: 500;
    font-size: 20px;
    color: #9B9B9B;
    letter-spacing: 0.54px;
    margin: 20px 0 20px 0;
    text-transform: initial;
}
.bank-account {
	font-style: italic;
	padding: 10px 0 25px;
}
.super-empty-state p {
	font-weight: 400;
    font-size: 13px;
    color: #727272;
    letter-spacing: 0.56px;
    line-height: 18px;
    margin: 0 0 20px 0;
}
.super-empty-state strong {
	padding-bottom: 15px;
	display: block;
	text-transform: uppercase;
}
.empty-number {
	display: inline-block;
	background: #00ADEE;
	color: #FFF!important;
	padding: 5px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-weight: 600;
	border-radius: 50%;
	margin-right: 5px;
}
.super-empty-state p span {
	color: #00ADEE;
}

/* Report Voucher Book */
.report-voucher-book .empty-state{
    max-width: inherit;
    border-top: 1px solid #e8e8e8;
    margin-top: 40px;
    padding-top: 20px;
}

 /* REPORTS / SINGLE REPORT */
.main-reports .report-options p{
    color: #9B9B9B;
    font-size: 14px;
    font-weight: 200;
    padding-top: 8px;
}
.main-reports .report-options p a { 
    color: #01baff;
    padding-left: 5px;
    text-decoration: underline!important;
    font-weight: 600;
}
.main-reports .report-options span{
    font-weight: 400;
}
.main-reports .report-container {
    margin-left: 80px;
}
.report-options li {
    border-bottom: 1px solid #BBBBBB;
    padding: 30px 0;
}
.report-options .icon-report {
    text-align: center;
    width: 65px;
}
.report-options .gift-aid-icon {
    margin-top: 13px;
}
.report-options .voucher-book-icon {
    margin-top: 4px;
}
.report-title{
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #01baff;
    letter-spacing: 0.3px;
}
.table-report-voucher-books th, 
.table-report-voucher-books .balance-transition, 
.table-report-voucher-books .type-td {
    text-align: center;
}
.table-report-voucher-books .type-td .desc-table {
    color: #00ADEE;
    font-weight: 600;
}

/* News */

.notif{
    position: relative;
}
.notif:before{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: red;
    bottom: -2px;
    left: 21px;
    border: 1px solid #ffffff;
}
.new{
    border: 1px solid #01baff;
    padding: 20px 0;
    border-radius: 6px;
    margin-bottom: 20px;
}
.new-image{
    text-align: center;
}
.new-image img{
    max-width: 100%;
    min-width: 45px;
}
.new-title{
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #01baff;
    letter-spacing: 0.3px;
}
.new p{
    font-size: 12px;
    color: #9b9b9b;
    letter-spacing: 0.3px;
    margin: 4px 0;
}
.new p .date{
    color: #676767;
    font-weight: bold;
}
.news-read-more{
    color: #01baff;
}

/* AAC DESIGN YTG start */
.main-yom-tov{
    padding-top: 50px;
}

.main-yom-tov .title-section-desktop{
    margin-bottom: 15px;
}

.main-yom-tov  .search-campaigns p{
    float: left;
    margin-bottom: 13px;
    font-weight: bold;
    letter-spacing: 0.4px;
    color: #878787;
    max-width: 547px;
}

.main-yom-tov  #quick-charity-search{
    float: right;
}

.yom-tov-table th{
    padding: 10px 8px !important;
    letter-spacing: 1px;
    text-align: left !important;
    color: #a2a2a2 !important;
}

.yom-tov-table th.text-center{
     text-align: center !important;
}

.yom-tov-table th:first-of-type{
    width: 200px;
}

.yom-tov-table th:last-of-type{
    width: 100px;
}

.yom-tov-table .date{
    font-size: 12px;
    letter-spacing: 1px;
    color: #4a4a4a;
}

.yom-tov-table .campaign{
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #00adee;
}

.yom-tov-table .campaign span.fa-stack{
    font-size: 10px;
    top: -2px;
    margin-right: 5px;
}

.yom-tov-table .campaign span.new-campaign{
    color: #87C5A4;
}

.yom-tov-table .currency-symbol:before{
    position: absolute;
    top: 15px;
    content: "£";
    left: 21px;
    color: #87C5A4;
    font-weight: bold;
}

.yom-tov-table .currency-symbol.disabled:before{
    color: #B6B0B0;
}

.yom-tov-table .amount-form{
    color: #87C5A4;
    font-weight: bold;
    padding-left: 21px;
}

.yom-tov-table td{
    position: relative;
    vertical-align: middle !important;
}

.yom-tov-table .ckeckbox .circle{
    left: calc(50% - 14px);
    top: 11px;
}

.yom-tov-table .checkbox-box .ckeckbox:before{
    left: calc(50% - 10px);
    top: 15px;
    z-index: 1;
}

.main-yom-tov .bottom-fixed{
    position: fixed;
    bottom: 0;
    background-color: #ffffff;
    padding: 30px 0 15px;
    border-top: 1px solid #dddddd;
    z-index: 20;
}

.main-yom-tov .bottom-fixed.bottom-page{
    bottom: 90px;
}

.main-yom-tov .border-right{
    border-right: 1px solid #dddddd;
    padding-bottom: 10px;
}

.main-yom-tov .warning {
    padding-bottom: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 25px;
}

.main-yom-tov .warning span{
    font-size: 10px;
    line-height: 1.25;
    letter-spacing: 0.5px;
    color: #fc2e2e;
    float: left;
}

.main-yom-tov .warning span .fa-exclamation{
    padding-top: 4px;
}

.main-yom-tov .warning p{
    margin-left: 30px;
    font-size: 12px;
    line-height: 1.25;
    letter-spacing: 0.5px;
    color: #fc2e2e;
    display: flex;
}

.main-yom-tov .summary p{
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.4px;
    text-align: left;
    color: #878787;
}

.main-yom-tov .summary.selected p{
    color: #00adee;
}

.main-yom-tov .summary p:first-of-type{
    float: left;
    margin-right: 70px;
}

.main-yom-tov .summary span{
    color: #232323;
}

.main-yom-tov .make-donation{
     margin-left: 10px;
    padding-top: 0;
}

.main-yom-tov .make-donation .form-group {
    margin-bottom: 28px;
}

	.btn-make-a-charity-giving-donation {
		background: #00adee;
		box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.12);
		border-radius: 5px;
		font-size: 16px;
		color: #FFFFFF;
		width: 100%;
		height: 55px;
	}
	.btn-make-a-charity-giving-donation:hover {
		background: #0187B9;
		color: #FFF;
	}

.main-yom-tov .btn-make-a-charity-giving-donation{
    padding: 20px 12px;
    height: auto;    
}

.modal-campaign.modal-gral .title-modal{
    color: #4a4a4a !important;
}

.modal-campaign .info-modal{
    font-size: 12px !important;
    line-height: 1.42 !important;
    letter-spacing: 0.6px !important;
    text-align: center !important;
    color: #4a4a4a !important;
    padding: 0 10px !important;
}

.modal-campaign .lkn-bottom-modal {
    padding: 12px 0 !important;
}

.modal-campaign-confirm.modal-gral .row-modal, .modal-minimum.modal-gral .row-modal{
    border: none;
}

.modal-campaign-confirm.modal-gral .info-modal{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: center;
    color: #4a4a4a;
    padding: 20px;
}
/* AAC DESIGN YTG end */

.table-reports .desc-table .title {
    font-size: 12px;
}
 .table-reports .type-table .title {
    color: #000000;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 0.5px;
    margin: 2px 0 2px 0;
}
.table-reports .voucher-table .title, .table-reports .comments-table .title{
    color: #878787;
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 1px;
    margin: 2px 0 2px 0;
}
.table-transactions .date{
    background: #F7F7F7;
    border-radius: 3px;
    color: #727272;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.18px;
    margin-left: 0px;
}
 .table-reports .date {
    color: #b7b7b7;
    font-size: 12px;
    letter-spacing: 0.18px;
    margin-left: 0px;
}
.table-reports .usd-amount {
    display: block;
    font-size: 10px;
    color: #8a8787;
    padding-right: 4px;
    margin-top: -5px;
}
.table-transactions .desc-table .subtitle, .table-reports .desc-table .subtitle  {
    margin: 0;
    font-weight: 400;
    font-size: 10px;
    color: #333333;
    letter-spacing: 0.27px;
}
.table-transactions .desc-table .subtitle span.red, .table-reports .desc-table .subtitle span.red  {
    color: #F76980;
}
.table-transactions .desc-table .subtitle span.green , .table-reports .desc-table .subtitle span.green {
    color: #F76980;
}
.balance-transition {
    text-align: right;
    display: block;
    font-weight: 600;
    margin-right: 10px;
}
.report-account-history .balance-transition {
    font-size: 12px;
}
.table-transactions th .fa, .table-reports th .fa {
    font-size: 17px;
    position: relative;
    top: 1px;
    margin-left: 4px;
    color: #838383!important;
}
.table-transactions.table > tbody > tr > td {
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}
.table-reports > thead > tr > th {
    border-top:1px solid #E2E2E5!important;
    border-bottom:1px solid #E2E2E5; 
    font-size: 12px;
    color: #838383;
    font-weight: 300;
    /**text-align: left !important;**/
    color: #b7b7b7;
    vertical-align: middle;
    padding: 10px 5px;
}
 .table-reports.table > tbody > tr.bg-gray{
    background-color: #f7f7f7;
 }
 .table-reports.table > tbody > tr > td {
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
    border: none;
}
.table-transactions.table > tbody > tr > td:first-child{
    min-width: 65px;
}
.table-reports.table > tbody > tr > td:first-child{
    min-width: 70px;
}
.table-transactions.table > tbody > tr, .table-reports.table > tbody > tr  {
    padding: 0 15px ;

    transition: all 0.2s ease-in-out;
}
.table-transactions.table > tbody > tr > td{
    border-top: 0;
    border-bottom: 1px solid #E2E2E5;
}
.table-transactions.table > tbody > tr > td.amount-td, .table-reports.table > tbody > tr > td.amount-td{
    text-align: center;
    width: 160px;
}
.table-transactions.table > tbody > tr > td.amount-td > span, .table-reports.table > tbody > tr > td.amount-td > span{
    margin-left: -20px;
}
.type-transactions {
    color: #fff;
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 11px;
    text-align: center;
    margin-bottom: 0;
    letter-spacing: 0.56px;
}
.balance-transition i,.balance-pending i {
    margin-left: 8px;
    font-size: 17px;
}
.balance-down .balance-transition  {
    color: #00ADEE; 
}
.balance-up .balance-transition, .balance-green{
    color: #54B125;
}
.balance-pending .balance-transition, .balance-red  {
    color: #F76980;
}
.balance-down .type-transactions {
    background: #00ADEE;
}
.balance-up .type-transactions {
    background: #97D361;
}
.balance-pending .type-transactions {
    background: #F76980;
}
.balance-pending .fa-caret-up, .balance-pending .fa-caret-down {
    display: none;
}
.balance-down .fa-caret-up {
    display: none;
}
.balance-up .fa-caret-down {
    display: none;
}
.edit-transactions {
    background: url('images/icon-donor.png') no-repeat center;
    background-position-x: 2px;
    background-size: 18px !important;
}
.delete-transactions {
    background: url('images/icon-delete.png') no-repeat center;
}
.refresh-transactions {
    background: url('images/icon-refresh.png') no-repeat center;
}
.action-edit  {
    text-align: center;
}
.btn-trannsaction-accion {
    display: inline-block;
    height: 22px;
    width: 22px;
    border: 1px solid #00ADEE;
    border-radius: 3px;
    background-size: 12px;
    transition: all 0.3s ease-in-out;
    margin-top: 4px;
    position: relative;
}
.btn-trannsaction-accion:hover {
    background-color: #f4f4f4;
}
.btn-trannsaction-accion span.custom-tooltip{
    display: none;
}
.btn-trannsaction-accion:hover > span.custom-tooltip{
    /**display: block;**/
}
span.custom-tooltip{
    width: 170px;
    position: absolute;
    background: #00adee;
    top: 0;
    left: 0;
    margin-left: -174px;
    border-radius: 3px;
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    padding: 2px;
}
.navigation-transactions, .navigation-reports {
    text-align: center; 
}
.navigation-transactions .pagination > li, .navigation-reports .pagination > li{
    display: inline-block;
}
.navigation-transactions .pagination > li > a,
.navigation-transactions .pagination > li > span,
.navigation-reports .pagination > li > a,
.navigation-reports .pagination > li > span  {
    border: 0px;
}
.navigation-transactions .pagination > li > a,.navigation-transactions .pagination > li > span, .navigation-reports .pagination > li > a,.navigation-reports .pagination > li > span {
    background: #C8C8C8;
    color: #fff;
    margin: 0 3px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
.navigation-transactions .pagination > li > .pag-active,.navigation-transactions .pagination > li > span, .navigation-reports .pagination > li > .pag-active,.navigation-reports .pagination > li > span {
    background: #00ADEE;
    color: #fff;
}
/**reports**/
.table-reports .desc-table .title {
    font-size: 12px;
}
 .table-reports .type-table .title {
    color: #000000;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 0.5px;
    margin: 2px 0 2px 0;
}
.table-reports .voucher-table .title, .table-reports .comments-table .title{
    color: #878787;
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 1px;
    margin: 2px 0 2px 0;
}
.table-transactions .date{
    background: #F7F7F7;
    border-radius: 3px;
    color: #727272;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.18px;
    margin-left: 0px;
}
 .table-reports .date {
    color: #b7b7b7;
    font-size: 12px;
    letter-spacing: 0.18px;
    margin-left: 0px;
}
.table-reports .usd-amount {
    display: block;
    font-size: 10px;
    color: #8a8787;
    padding-right: 4px;
    margin-top: -5px;
}
.table-transactions .desc-table .subtitle, .table-reports .desc-table .subtitle  {
    margin: 0;
    font-weight: 400;
    font-size: 10px;
    color: #333333;
    letter-spacing: 0.27px;
}
.table-transactions .desc-table .subtitle span.red, .table-reports .desc-table .subtitle span.red  {
    color: #F76980;
}
.table-transactions .desc-table .subtitle span.green , .table-reports .desc-table .subtitle span.green {
    color: #F76980;
}
.balance-transition {
    text-align: right;
    display: block;
    font-weight: 600;
    margin-right: 10px;
}
.report-account-history .balance-transition {
    font-size: 12px;
}
.table-transactions th .fa, .table-reports th .fa {
    font-size: 17px;
    position: relative;
    top: 1px;
    margin-left: 4px;
    color: #838383!important;
}
.table-transactions.table > tbody > tr > td {
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}
.table-reports > thead > tr > th {
    border-top:1px solid #E2E2E5!important;
    border-bottom:1px solid #E2E2E5; 
    font-size: 12px;
    color: #838383;
    font-weight: 300;
    /**text-align: left !important;**/
    color: #b7b7b7;
    vertical-align: middle;
    padding: 10px 5px;
}
 .table-reports.table > tbody > tr.bg-gray{
    background-color: #f7f7f7;
 }
 .table-reports.table > tbody > tr > td {
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
    border: none;
}
.table-transactions.table > tbody > tr > td:first-child{
    min-width: 65px;
}
.table-reports.table > tbody > tr > td:first-child{
    min-width: 70px;
}
.table-transactions.table > tbody > tr, .table-reports.table > tbody > tr  {
    padding: 0 15px ;

    transition: all 0.2s ease-in-out;
}
.table-transactions.table > tbody > tr > td{
    border-top: 0;
    border-bottom: 1px solid #E2E2E5;
}
.table-transactions.table > tbody > tr > td.amount-td, .table-reports.table > tbody > tr > td.amount-td{
    text-align: center;
    width: 160px;
}
.table-transactions.table > tbody > tr > td.amount-td > span, .table-reports.table > tbody > tr > td.amount-td > span{
    margin-left: -20px;
}
.type-transactions {
    color: #fff;
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 11px;
    text-align: center;
    margin-bottom: 0;
    letter-spacing: 0.56px;
}
.balance-transition i,.balance-pending i {
    margin-left: 8px;
    font-size: 17px;
}
.balance-down .balance-transition  {
    color: #00ADEE; 
}
.balance-up .balance-transition, .balance-green{
    color: #54B125;
}
.balance-pending .balance-transition, .balance-red  {
    color: #F76980;
}
.balance-down .type-transactions {
    background: #00ADEE;
}
.balance-up .type-transactions {
    background: #97D361;
}
.balance-pending .type-transactions {
    background: #F76980;
}
.balance-pending .fa-caret-up, .balance-pending .fa-caret-down {
    display: none;
}
.balance-down .fa-caret-up {
    display: none;
}
.balance-up .fa-caret-down {
    display: none;
}
.edit-transactions {
    background: url('images/icon-donor.png') no-repeat center;
    background-position-x: 2px;
    background-size: 18px !important;
}
.delete-transactions {
    background: url('images/icon-delete.png') no-repeat center;
}
.refresh-transactions {
    background: url('images/icon-refresh.png') no-repeat center;
}
.action-edit  {
    text-align: center;
}
.btn-trannsaction-accion {
    display: inline-block;
    height: 22px;
    width: 22px;
    border: 1px solid #00ADEE;
    border-radius: 3px;
    background-size: 12px;
    transition: all 0.3s ease-in-out;
    margin-top: 4px;
    position: relative;
}
.btn-trannsaction-accion:hover {
    background-color: #f4f4f4;
}
.btn-trannsaction-accion span.custom-tooltip{
    display: none;
}
.btn-trannsaction-accion:hover > span.custom-tooltip{
    /**display: block;**/
}
span.custom-tooltip{
    width: 170px;
    position: absolute;
    background: #00adee;
    top: 0;
    left: 0;
    margin-left: -174px;
    border-radius: 3px;
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    padding: 2px;
}
.navigation-transactions, .navigation-reports {
    text-align: center; 
}
.navigation-transactions .pagination > li, .navigation-reports .pagination > li{
    display: inline-block;
}
.navigation-transactions .pagination > li > a,
.navigation-transactions .pagination > li > span,
.navigation-reports .pagination > li > a,
.navigation-reports .pagination > li > span  {
    border: 0px;
}
.navigation-transactions .pagination > li > a,.navigation-transactions .pagination > li > span, .navigation-reports .pagination > li > a,.navigation-reports .pagination > li > span {
    background: #C8C8C8;
    color: #fff;
    margin: 0 3px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
.navigation-transactions .pagination > li > .pag-active,.navigation-transactions .pagination > li > span, .navigation-reports .pagination > li > .pag-active,.navigation-reports .pagination > li > span {
    background: #00ADEE;
    color: #fff;
}

/**end reports**/
/*SETTINGS*/
.charity-sector {
    position: relative;
    min-width: 123px;
    margin-top: 20px;
}
.charity-sector:before {
    content: '';
    position: absolute;
    right: 15px;
    top: 28px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
    margin-top: 15px;
}
@media(max-width:340px){ 
    /*Transaction */
    .main-transactions .box-account {
        margin-right: 20px!important;
        padding: 4px 20px 4px 20px!important;
    }
    .table-transactions .date {
        margin-left: 5px!important;
    }
    
    .header-mobile-transactions .title,
    .mobile-header__row .title {
        font-size: 17px!important;
    }
    .dropdown-mobile-search {
        width: 320px !important;
        right: -40px !important;
    }

    /* SETTINGS */


    .donations-display{
        flex-wrap: wrap;
    }

    .box-settings-info {
        width: 212px!important;
    }

    /* VOUCHERS */
    .info-input {
        margin-left: 10px!important;
    }
    .container-vochers .input-number {
        width: 45px!important;
    }
    .header-mobile-vouchers{
        font-weight: 900;
        font-size: 20px;
        color: #fff;
        letter-spacing: 0.54px;
    }
    
    .mobile-no-padding{
        padding: 0;
    }
    
    .yom-tov-table thead th{
        font-size: 9px !important;
    }
    .yom-tov-table thead th span{
        font-size: 8px;
    }
    .yom-tov-table thead th:first-of-type{
        width: 20%;
    }
    .yom-tov-table .date{
        font-size: 9px !important;
    }
    .yom-tov-table .amount-form{
        padding-left: 17px;
        font-size: 11px;
    }
    .yom-tov-table .currency-symbol:before{
        font-size: 11px;
        top: 18px;
        left: 16px;
        
    }

}


@media(max-width:767px){
    .total-donations-title-mobile {
        margin-top: 10px;
    }
    .quick-give-input {
        padding: 6px 12px;
        background: white !important;
        cursor: default !important;
        color: #9B9B9B !important;
    }

	.mobile-top-space {
		padding-top:65px !important;
	}
	.mobile-top-space .header-mobile-transactions {
		margin-bottom:20px !important;
	}

    .section {
        position: relative;
        overflow: hidden;
        width: 100%;

    }
    .navigator-transactions-lkn.lkn-sortby i{
        margin-top: 1px;
    }

    /* 
            FOR DISABLE SCROLL WHEN NAVIGATOR OPEN 
    */
    .menu-mobile-open .section {
        height: 100%;
    }

    /* transactions */
    .main-transactions .header-fixed {
        /*height: 126px;*/
    }
    .header-fixed {
        top: 0;
        position: relative;
        margin-top: -1px;
    }
    /* .main-contact-us .header-fixed {
        margin-top: 60px;
    } */
    .main-transactions .header, .order-voucher .header, .main-reports .header, .main-givings .header, .main-news .header, .main-yom-tov .header{
        height: 126px;
        width: 100%;
        position: fixed;
        z-index: 1000;
        top: 0px;
        /*background-image: linear-gradient(-180deg, #155199 12%, #2867a7 83%);*/
        /*background: url(images/bg-header.jpg) repeat-x top;*/
        background: linear-gradient(107deg, #00ADEE -11.85%, #0187B9 40.17%, #184A5D 114.33%);
    ;
    }
    
    .main-yom-tov .header{
        background: linear-gradient(-180deg, #155199 12%, #2867a7 40%);
    }
     .report-account-history .header, .header-fundraisers {
        width: 100%;
        z-index: 1000;
        top: 0px;
        /*background-image: linear-gradient(-180deg, #155199 12%, #2867a7 83%);*/
        /*background: url(images/bg-header.jpg) repeat-x top;*/
         background: linear-gradient(107deg, #00ADEE -11.85%, #0187B9 40.17%, #184A5D 114.33%);
     }

     .report-account-history .title-account-desktop, 
     .report-navigation-desktop .title-account-desktop {
        font-weight: 500;
        margin: 0;
        font-size: 20px;
        color: #878787;
        letter-spacing: 0.54px;
        display: inline-block;
        margin: 20px 15px;
    }
    .report-navigation-desktop {
        margin-top: 57px;
    }
    .main-reports .header, .report-account-history .header, .main-news .header, .main-transactions .header{
        height: auto;
    }
    
    /* .main-news{
        margin-top: 85px;
    } */
    
    .main-transactions .top-center-content {
        /*background-image: linear-gradient(-180deg, #2c6caa 12%, #488DBF 60%);*/
        /*background: url(images/bg-header.jpg) repeat-x top;*/
        padding-top: 0;
        background: linear-gradient(80deg, #00ADEE -11.85%, #0187B9 40.17%, #184A5D 114.33%);
    }
    .header-mobile-transactions .go-back {
        height: 50px;
        color: #fff;
        position: absolute;
        width: 50px;
        text-align: left;
        font-size: 40px;
        margin-top: 0px;
    }
    .go-back.go-to-dashboard {
        color: #fff !important;
    }
    .header-fixed.visible-xs .header .container, .header-fixed.visible-xs .header .container .row, .header-fixed.visible-xs .header .container .row .header-mobile-transactions, .header-fixed.visible-xs .header .container .row .header-mobile-transactions .col-xs-6{
        height: 100%;
        min-height: 58px;
    }

    .header-mobile-transactions .col-title {
      padding: 0 0;
    }

    .header-mobile-transactions .title,
    .mobile-header__row .title  {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 1;
        font-weight: 700;
        font-size: 16px;
        color: #FFFFFF;
        letter-spacing: 0.54px;
        margin: 0;
        width: 100%;
    }
    .header-mobile-transactions,
    .mobile-header__row {
        font-weight: 900;
        font-size: 20px;
        color: #fff;
        letter-spacing: 0.54px;
        height:auto;
    }
    .mobile-header__row-space {
        padding-top: 1rem;
    }
    .nav-transactions, .nav-vouchers {
        border: 1px solid #FFFFFF;
        border-radius: 4px;
        clear: both;
        float: left;
        margin-top: 10px;
        width: 100%;
    }
    .nav-transactions-li, .nav-vouchers-li {
        display: inline-block;
        font-weight: 900;
        float: left;
        letter-spacing: 0.44px;
        text-transform: uppercase;
        position: relative;
        border-right: 1px solid #fff;
        width: 33.3%;
    }

    .main-givings .nav-transactions-li{
        width: 50%;
    }
    .nav-vouchers-li{
        width: 50%;
    }
    .nav-transactions-li:last-child, .nav-vouchers-li:last-child{
        border-right: 0;
    }
    .nav-transactions-lkn, .nav-vouchers-lkn {
        font-size: 12px;
        color: #FFFFFF;
        display: block;
        padding: 10px 0;
        text-align: center;
    }
    .nav-transactions-lkn.active, .nav-vouchers-lkn.active {
        background: #FFF;
        color: #155199;
    }


    .main-transactions .box-account-header {
        background: #FFFFFF;
        box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.30);
        border-radius: 5px;
        float: left;
        padding: 5px 20px 3px 20px;
        margin-top: 12px;
        margin-bottom: 14px;
        width: 100%;
    }
    .main-transactions .box-account {
        float: left;
        border-right: 1px solid #E5E5E5;
        margin-right: 30px;
        margin-left: 20px;
        padding: 4px 25px 4px 20px;
    }
    .main-transactions .box-account .title  {
        float: left;
        font-weight: 400;
        font-size: 12px;
        color: #333;
        letter-spacing: 0.32px;
        line-height: 20px;
        margin: 0;
    }
    .main-transactions .box-account .account-number {
        font-weight: 900;
        font-size: 12px;
        color: #333333;
        letter-spacing: 0.32px;
        line-height: 20px;
        margin: 0;
    }
    .main-transactions .box-balance {
        padding: 4px 0;
        float: left;
    }
    .main-transactions .box-balance .title {
        font-weight: 400;
        font-size: 12px;
        color: #333333;
        letter-spacing: 0.57px;
        line-height: 18px;
        margin: 0;
    }
    .main-transactions .box-balance .balance-number {
        font-weight: 900;
        font-size: 20px;
        color: #333333;
        letter-spacing: 0.69px;
        line-height: 25px;
        margin: 0; 
    }
    .main-transactions .time-update {
        font-weight: 400;
        text-align: center;
        font-size: 10px;
        color: #FFFFFF;
        margin: 0 0 14px 0;
        letter-spacing: 0.29px;
    }
    .navigator-transactions {
        margin: 0 -15px;
        background: #F7F7F7;
        box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12);
        height: 51px;
        clear: both;
        position: relative;
        z-index: 1;
    }
    .navigator-transactions-li {
        /**float: left;        
        //width: 18%;**/
        position: relative;
        
    }
    .navigator-transactions-li.all-time-li {
        width: 27%;
    }
    .navigator-transactions-li.records-li {
        width: 45%;
    }
    .navigator-transactions-li:before {
        background: #DEE1E6;
        content: '';
        height: 100%;
        position: absolute;
        right: 0;
        width: 1px;
        top: 0;
    }
    .main-transactions .navigator-transactions-li:last-child:before {
        display: none;  
    }
    .main-transactions .navigator-transactions-li:last-child {
        width: 12%;
        position: relative;
    }
    .main-transactions .navigator-transactions-li:last-child .navigator-transactions-lkn {
        font-size: 12px;
        font-weight: 900;
    }
    ul.navigator-transactions{
        display: table;
        width: 100vw;
    }
    li.navigator-transactions-li{
        height: 100%;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .navigator-transactions-lkn {
        display: inline-block;
        line-height: 12px;
        /**position: relative;
        //padding: 18px 0;**/
        text-align: center;
        font-weight: 700;
        font-size: 10px;
        color: #333333;
        letter-spacing: 0.44px;
    }
    .navigator-transactions-li.all-time-li .lkn-dates {
        padding-right: 10px;
    }
    .navigator-transactions-lkn .fa.fa-caret-down {
        position: relative;
        /**right: -7px;**/
        color: #155199;
    }
    .navigator-transactions-li.all-time-li .fa.fa-caret-down {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -5px;
    }
    .navigator-transactions-lkn.active {
        color: #00ADEE;
        background: #fff;
    } 
    .container-table {
        /**
        margin-left: -15px;
        margin-right: -15px;
        **/
        min-height: 450px;
    }
    .container-table-margin {
        margin: 15px;
    }
    .report-account-history .container-table {
        padding: 0 10px;
    }
    .table-transactions {
        float: left;
        margin: 0 0 40px 0;
    }
    .drop-down-sort.dropdown-dates {
        right: auto;
    }
    .filters-selected {
        background: #F7F7F7;
        margin: 0 -15px;
        white-space: nowrap;
        overflow-x: auto;
        clear: both;
    }
    .filter-selected a {
        font-size: 15px;
        padding-right: 4px;
    }
    .filters-selected span {
        padding: 10px;
        display: inline-block;
        font-size: 11px;
    }
    .filter-selected  {
        color: #00ADEE;
    }

    .modal-backdrop.date-back {
        z-index: 1000;
        opacity: 0;
        -webkit-transition: all .15s linear 0.1s;
        -o-transition: all .15s linear 0.1s;
        transition: all .15s linear 0.1s;
    }
    .modal-backdrop.date-back.in {
        opacity: .2;
    }
    /* transactions */

    .export-voucher {
        color: #FFF;
        font-weight: 500;
        font-size: 9px;
        letter-spacing: 0.89px;
        margin-top: -37px;
        text-align: right;
        position: relative;
        padding: 10px;
    }
    .export-voucher a {
        color: #FFF;
    }
    .export-voucher .caret {
        position: relative;
        top: -2px;
    }
    .export-voucher ul {
        display: none;
        border: 1px solid rgba(155, 155, 155, 0.2);
        border-radius: 4px;
        padding: 0;
        position: absolute;
        z-index: 100;
        width: 175px;
        right: 0;
        text-align: center;
        top: 33px;
        background: #FFFFFF;
        box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.31);
        border-radius: 5px;
        z-index: 1999;
    }
    .export-transactions-mobile.export-voucher ul {
        width: 220px;
    }
    .export-transactions-mobile.export-voucher ul a {
        min-height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .export-voucher ul li {
        border-bottom: 1px solid #E2E2E5;
    }
    .export-voucher ul li:last-child {
        border: none;
    }
    .export-voucher ul a {
        font-weight: 400;
        font-size: 12px;
        color: #5D5C5D;
        display: block;
        min-height: 35px;
        padding: 9px 3px;
    }

    .dropdown-mobile-search {
        width: 365px;
        right: -41px;
    }
    #quick-transaction-search,#quick-transaction-search-mobile,#quick-transaction-search-mobile-popup,#quick-dashboard-search, #quick-charity-search {
        padding: 10px 15px;
    }
    .dropdown-mobile-search .container-input-quick-search {
        width: 75%;
        display: inline-block;
        position: relative;
    }
    .dropdown-mobile-search #transactionsQuickSearch,#reportQuickSearch,.dropdown-mobile-search #transactionsQuickSearchMobile,.dropdown-mobile-search #transactionsQuickSearchMobilePopup,.dropdown-mobile-search #dashboardQuickSearch {
        background: #00ADEE;
        text-align: center;
        display: block;
        padding: 0;
        font-weight: 500;
        float: right;
        font-size: 12px;
        letter-spacing: 0.44px;
        width: 22%;
        border-radius: 5px;
        color: #fff;
        height: 39px;
        line-height: 39px;
		z-index:1999;
    }
    .container-input-quick-search a{
        position: absolute;
        top: 9px;
        right: 10px;
    }
    .container-input-quick-search .quick-search-form-control {
        height: 39px;
        color: #00ADEE !important;
        font-weight: bold;
    }
    .report-account-history .table-reports-history > thead > tr > th:nth-of-type(5), 
    .report-account-history .table-reports-history > thead > tr > th:nth-of-type(6){
        text-align: right !important;
        padding-right: 15px;
    }
    .table-reports-history .date {
        height: 33px;
        line-height: 33px;
    }
    .table-reports-history .usd-amount {
        padding-left: 22px;
    }
    .table-reports-history.table > tbody > tr > td.amount-td {
        text-align: center;
        width: 110px;
    }
    .main-transactions.main-transactions-result .header
    {
        height: 117px;
    }
    .main-transactions.main-transactions-result .top-center-content {
        padding-top: 118px;
    }
    .main-transactions.main-transactions-pending .header-fixed ,
    .main-transactions.main-transactions-pending .header
    {
       /** height: 117px;**/
       height:59px;
    }
    .main-transactions-pending .export-file,
    .main-transactions-pending .history-back {display:none}

    .title-transactions-result, .title-transactions-history {
        float: left;
        color: #fff;
        text-align: center;
        height: 57px;
        background: #0084B7;
        width: 100%;
    }
    .title-transactions-result .title-transactions, .title-standing-orders-transactions .title-transactions, .title-transactions-history .title-transactions {
        font-weight: 600;
        font-size: 13px;
        color: #FFFFFF;
        letter-spacing: 0.35px;
        margin: 22px 0;
    }
    .main-transactions.main-transactions-history .header, 
    .main-transactions.main-transactions-history .header-fixed {
        height: 118px;
    }

    /* STAINDING ORDERS */
    .main-transactions.main-standing-orders-transactions .header-fixed, .main-transactions.main-standing-orders-transactions .header {
        height: 137px;
    }
    .title-standing-orders-transactions {
        float: left;
        color: #fff;
        text-align: center;
        background: #0084B7;
        width: 100%;
    }
    .title-standing-orders-transactions .title-transactions span {
        display: block;
        font-weight: 400;
        padding-top: 5px;
    }
    .standing-orders .header-fixed {
        height: 130px;
    }
    .standing-orders .header {
        height: 130px;
        width: 100%;
        position: fixed;
        z-index: 20;
        /*background-image: linear-gradient(-180deg, #155199 12%, #488DBF 83%);*/
        background: url(images/bg-header.jpg) repeat-x top;
    }
    .nav-standing-orders {
        border: 1px solid #FFFFFF;
        border-radius: 4px;
        clear: both;
        float: left;
        margin-top: 10px;
        width: 100%;
    }
    .nav-standing-orders-li {
        display: inline-block;
        font-weight: 700;
        float: left;
        letter-spacing: 0.44px;
        text-transform: uppercase;
        position: relative;
        border-right: 1px solid #fff;
        width: 50%;
    }
    .nav-standing-orders-li:last-child {
        border-right: 0;
    }
    .nav-standing-orders-lkn {
        font-size: 12px;
        color: #FFFFFF;
        display: block;
        padding: 10px 0;
        text-align: center;
    }
    .nav-standing-orders-lkn.active {
        background: #FFF;
        color: #00ADEE;
        font-weight: 900;
    }
    .table-standing-orders.table .desc-table {
        margin-left: 10px;
    }
    .table-standing-orders.table .balance-transition {
        color: #727272;
    }


    /* MAKE A PAYMENT */

    .box-slide-text p {
        color:#B0B0B0;
        padding-top:10px;
        padding-bottom:10px;
    }

    .make-donation .header {
        height: 60px;
    }
    .main-transactions.make-donation .top-center-content {
        padding-top: 60px;
    }
    .standing-order-switch-container.hide-mobile {
        display: none;
    }
    .standing-order-switch-container .ckeckbox {
        top: -3px;
    }


    /*  INPUT PLACE HOLDER MAKE-DONATION  */
    .make-donation ::-webkit-input-placeholder {
        color: #727272 !important;
    }
    .make-donation :-moz-placeholder { /* Firefox 18- */
        color: #727272 !important;
    }
    .make-donation ::-moz-placeholder {  /* Firefox 19+ */
        color: #727272 !important;
    }
    .make-donation :-ms-input-placeholder {  
        color: #727272 !important;
    }

    /* SETTINGS - Commented, don't needed anymore since CP header module was added
    .main-transactions.main-settings .header-fixed, 
    .main-transactions.main-settings .header {
        height: 60px;       
    } */



    /* HELP - Commented, don't needed anymore since CP header module was added
    .main-transactions.main-help .header-fixed,
    .main-transactions.main-help .header {
        height: 60px;       
    }

    /* CONTACTUS - Commented, don't needed anymore since CP header module was added
    .main-contact-us .header{
        height: 60px;
    }

    /* INVITE A FRIEND - Commented, don't needed anymore since CP header module was added
    .main-invite-a-friend .header,
    .main-invite-a-friend .header-fixed {
        height: 60px;
    } */

        /* PENDING: */
    .btn-pendings-mobile,
    .btn-being-processed-mobile {
        font-weight: 500;
        font-size: 9px;
        color: #FFFFFF;
        letter-spacing: 0.89px;
        text-transform: uppercase;
        padding-left: 15px;
        width: 50%;
        float: left;
        position: relative;
        padding: 7px 0px 7px 30px;
        top: -4px;
        margin-bottom: 4px;
    }
    .btn-being-processed-mobile {
        width: 100%;
    }
    .btn-pendings-mobile {
        width: 34%;
    }
    .number-notification {
        top: 2px;
        left: 0;
        line-height: 10px;

    }
    
    .voucher-books-header {
        margin-top: 10px;
        text-align: center;
    }
    .navigator-voucher-books a {
        width: 44%;
        font-size: 11px;
    }
    .navigator-voucher-books a:last-child {
        margin-left: 5px;
    }
    .table-order-books.table-condensed > tbody > tr > td:nth-child(3) {
        width: 57%;
    } 
    iframe{
        min-height: 960px;
    }
    /* Report Voucher Books
    .main-transactions.report-voucher-book header{
        height: 60px !important;
    } */
    .report-voucher-book{
        margin-top: 80px;
    }
    #reports-voucher-book input[type="tel"]{
        margin-bottom: 15px;
        height: 40px;
    }

    /* AUTOMATED TRANSACTIONS */
    .automated-transaction .balance-transition{
        text-align: center !important;
    }
    .automated-transaction th{
        text-align: center;
        vertical-align: middle !important;
    }
    .box-slide-text{
        max-height: 52px;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
    }
    .container-reports-options {
        margin-top: 70px;
    }

    /* My givings */
    .main-givings{
        padding-top: 0;
    }
    .second-nav-givings {
        box-shadow: -1px 1px 8px 0px #cecece;
        padding: 0 5px 0 5px;
    }
    .second-nav-givings-li {
        width: 32%;
        text-align: center;
        line-height: 33px;
        height: 50px;
        vertical-align: middle;
        padding-top: 10px;
        margin-right: 2px;
    }
    .second-nav-givings-li:last-of-type{
        line-height: 15px;
        margin-right: 0;
    }
    .second-nav-givings-lkn{
        font-size: 10px;
    }
    .second-nav-givings-lkn.active {
        color: #00adee;
        padding: 3px;
        border-bottom: 2px solid #00adee;
        padding-bottom: 16px;
    }
    .second-nav-givings-li:last-of-type .second-nav-givings-lkn.active{
        padding-bottom: 26px;
    }
    .givings-info {
        margin: 0;
        padding: 20px 25px 15px 25px;
    }
    .givings-info-title {
        text-align: center;
    }
    .givings-info-amount{
        float: none;
        height: auto;
        text-align: center;
        margin: 0;
    }
    #chart_div{
        /*height:150px;*/
        margin: 10px 0 30px 0;
    }
    
    .givings-charities{
        padding: 0 30px;
    }
    
    .givings-months-table-title {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .table-container-xs{
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    
    /* News */
    .new{
        margin-left: 16px;
        width: auto;
        margin-right: 16px;
    }
    .new-image{
        padding: 0 7px;
    }

    /* SINGLE REPORT */
    
    .main-reports th:nth-child(1), 
    .main-reports th:nth-child(4) {
        width: 20%;
    }
    .main-reports th:nth-child(2) {
        width: 25%;
    }
    .main-reports th:nth-child(3) {
        width: 35%;
    }
    .main-reports li.navigator-transactions-li {
        display: inline-block;
        width: 170px;
    }
    .main-reports .dates_text_selected {
        position: relative;
        top: 15px;
    }
    .main-reports .container-table {
        padding: 0 10px;
    }
    .table-reports.table > tbody > tr.total-amount-row > td {
        text-align: right;
    }
    .table-reports > thead > tr > th.amount-right {
        text-align: right!important;
    }
    
    .header-mobile-yom-tov{
        background-color: #1a5f9c;
        width: 100%;
        padding: 20px 0;
    }
    
    .header-mobile-yom-tov p{
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.6px;
        text-align: center;
        color: #ffffff;
        text-transform: uppercase;
        margin: 0;
    }
    
    .header-mobile-yom-tov p span{
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 0.7px;
    }
    
    .header-mobile-yom-tov .summary-mobile{
        width: 60%;
        float: left;
        border-right: 1px solid #ffffff;   
    }
    
    .main-yom-tov {
        padding-top: 150px;
    }
    
    .main-yom-tov #quick-charity-search{
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 15px;
    }
    
    .yom-tov-table > thead{
        border-top: 1px solid #ddd;
    }
    
    .yom-tov-table > thead > tr > th{
        border: 0;
        vertical-align: middle;
        font-size: 11px;
        color: #4a4a4a !important;
    }
    
    .yom-tov-table .date{
        font-size: 10px;
    }
    
    .yom-tov-table .campaign {
        font-size: 11px;
    }

    .yom-tov-table .ckeckbox .circle{
        width: 20px;
        height: 20px;
    }
    
    .yom-tov-table .checkbox-box .ckeckbox:before{
        width: 12px;
        height: 12px;
    }
    
    .yom-tov-table th:nth-of-type(2){
        width: 30%;
    }
    
    .main-yom-tov .bottom-fixed{
        position: relative;
        bottom: 0 !important;
        padding-bottom: 25px;
    }
    
    .main-yom-tov .border-right{
        padding-bottom: 0;
    }
    
    .main-yom-tov .btn-make-a-charity-giving-donation{
        border-radius: 4px;
        background-color: #00adee;
        width: 100%;
        color: #ffffff;
        letter-spacing: 0.6px;
    }
}   

@media(min-width:768px){
    .table > thead > tr > th.desktop-align-left {
        text-align: left;
    }
    .desktop-align-center {
        text-align: center;
    }
    .no-padding-desktop {
        padding: 0;
    }
    .table > thead > tr > th {
        border-top:1px solid #E2E2E5!important;
        border-bottom:1px solid #E2E2E5; 
        font-size: 12px;
        color: #838383;
        font-weight: 300;
    }
    .table .amount-td a {
        display: inline-block !important;
    } 
    
    .table .type-td {
        text-align: center !important;
    }
    .table .comments-td {
        width: 250px;
    }
    .table .comments-td p {
        color: #9B9B9B;
    }
    .table .amount-td a {
        display: inline-block;
        width: 100%;
    }
    .title-section-desktop {
        font-weight: 500;
        margin: 0 0 20px;
        font-size: 16px;
        color: #878787;
        letter-spacing: 0.54px;
        display: inline-block;
        border-bottom: 1px solid #E2E2E5;
        padding-bottom: 20px;
        width: 100%;
    }
    .main-transactions .col-xs-12 {
        padding: 0;
        margin-left:0px;
    }
    .main-transactions.main-invite-a-friend .col-xs-12 ,
    .main-transactions.make-donation .col-xs-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .transactions-navigation-desktop {
        margin-bottom: 20px;
    }
    .standing-orders,
    .order-voucher,
    .make-donation,
    .main-transactions,
    .main-givings,
    .main-news, 
    .main-reports{
        padding-top: 30px;
    }
    .table-transactions, 
    .table-reports-history{
        margin-top: 15px;
    }
    .title-transactions-desktop {
        font-weight: 500;
        margin: 0;
        font-size: 20px;
        color: #878787;
        letter-spacing: 0.54px;
        display: inline-block;
        margin-top: 3px;
    }
    .title-transactions-desktop2 {
        font-weight: 500;
        margin: 0;
        font-size: 20px;
        color: #878787;
        letter-spacing: 0.54px;
        display: block;
        margin-top: 3px;
		float:left;
		margin-bottom:20px;
		margin-right:20px;
    }
    .nav-transactions, .nav-reports{
        display: inline-block;
        vertical-align: top;
    }
    .nav-transactions {
        margin-left: 20px;
    }
    .nav-transactions-li, .nav-reports-li {
        display: inline-block;
    }
    .nav-transactions-li .nav-transactions-lkn , .nav-reports-li .nav-reports-lkn {
        background: #F3F3F3;
        border: 1px solid #F3F3F3;
        border-radius: 98px;
        display: block;
        font-weight: 500;
        font-size: 12px;
        color: #838383;
        letter-spacing: 0.44px;
        text-align: center;
        padding: 7px 0 6px 0;
        text-transform: uppercase;
        width: 80px;
        transition: all 0.3s ease-in-out;
    }
    .nav-transactions-li .nav-transactions-lkn:hover, .nav-reports-li .nav-reports-lkn:hover {
        background: #00ADEE;
        border-color: #00ADEE;
        color: #fff;
    }
    .nav-transactions-li .nav-transactions-lkn.active, .nav-reports-li .nav-reports-lkn.active{
        background: #00ADEE;
        border: 1px solid #00ADEE;
        color: #fff;
    }
    /**
    .table-transactions.table > tbody > tr > .amount-td{
        width: 200px;
        text-align: right !important;
        padding-right: 50px;
    }
    **/
    .table-transactions.table > tbody > tr > td.date-td{
        min-width: 80px;
    }
    .table-transactions.table > tbody > tr:hover {
        background: #f7f7f7;
    }
    .header-desktop-orders .text-right{
        text-align: left;
    }

    .expert-csv-file {
        font-weight: 500;
        font-size: 11px;
        color: #9B9B9B;
        letter-spacing: 0.29px;
        position: relative;
        padding-right: 15px;
        margin-top: 8px;
        display: inline-block;
        transition: all 0.3s ease-in-out;
    }
    .expert-csv-file:before {
        background: #9B9B9B;
        position: absolute;
        content: '';
        height: 10px;
        right: 0;
        top: 2px;
        width: 1px;
    }
    .expert-xls-file {
        font-weight: 500;
        font-size: 11px;
        color: #9B9B9B;
        letter-spacing: 0.29px;
        padding-left: 15px;
        margin-top: 8px;
        display: inline-block;
        transition: all 0.3s ease-in-out;
    }
    .expert-csv-file:hover ,
    .expert-xls-file:hover {
        color: #000;
    }
    .export-file {
        font-weight: 500;
        font-size: 11px;
        color: #9B9B9B;
        letter-spacing: 0.29px;
        position: relative;
        margin-top: 20px;
        margin-left: 20px;
        display: inline-block;
        transition: all 0.3s ease-in-out;
        padding-bottom: 5px;
    }
    .export-file .caret {
        margin: 0 10px;
    }
    .export-file ul {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        width: 103px;
        text-align: left;
        border-radius: 6px;
        border:1px solid rgba(155, 155, 155, 0.2);
        background: #F3F3F3;
        z-index: 1;
        margin-top: 5px;
    }
    .export-file.export-voucher ul {
        width: 115px;
        right: 0px;
    }
    .export-file ul li a{
        padding: 10px;
        display:inline-block;
        color: #9B9B9B;
        width: 100%;
        margin-top: 0;
    }
    .export-file a:hover {
        background: #00ADEE;
        color: #FFF;
    }
    .export-file ul li:first-child{
        border-bottom: 1px solid rgba(155, 155, 155, 0.2);
    }
    .export-file:hover {
        cursor: pointer;
    }
    .export-file:hover ul {
        opacity: 1;
        visibility: visible;
    }
    #account-health .export-file:hover ul {
        opacity: 0;
        visibility: hidden;
    }
    .navigator-transactions {
        display: block;
        width: 100%;
    }
    .container-fluid .row ul .navigator-transactions-li{
        float:left;
        margin: 0 2px;
    }
    .main-transactions .navigator-transactions .navigator-transactions-li.all-time-li {
        position: absolute;
        right: 190px;
    }
    .navigator-transactions .navigator-transactions-li.records-li {
        position: absolute;
        right: 0px;
    }
    .navigator-transactions .navigator-transactions-li {
        /*float:left;*/
        display: inline-block;
        position: relative;
    }
    .navigator-transactions .fa-calendar {
        position: absolute;
        top: 12px;
        left: 10px;
        color: #00ADEE;
    }
    .navigator-transactions #config-date {
        padding: 10px 10px;
        height: 39px;
        width: 210px;
        text-indent: 25px;
        color: #00ADEE;
        border-color: #00ADEE;
        position: relative;
        top: 2px;
    }
    .navigator-transactions #config-date:hover {
        cursor: pointer;
    }
    .navigator-transactions .lkn-recent {
        background: #F3F3F3;
        border: 1px solid #F3F3F3;
        border-radius: 3px;
        font-weight: 500;
        text-align: center;
        font-size: 12px;
        color: #9B9B9B;
        letter-spacing: 0.44px;
        display: block;
        margin-right: 15px;
        padding: 10px 0; 
        width: 136px;
        transition: all 0.3s ease-in-out;
    }
    .navigation-transactions .pagination > li > a,.navigation-transactions .pagination > li > span, .navigation-reports .pagination > li > a,.navigation-reports .pagination > li > span{
        margin: 0 5px;
    }
    .daterangepicker {
        opacity: 1;
        -webkit-transition: all .15s linear 0.1s;
        -o-transition: all .15s linear 0.1s;
        transition: all .15s linear 0.1s;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .daterangepicker.dropdown-menu {
        width: 247px;
    }
    .daterangepicker.dropdown-menu.calendar-transactions {
        left: auto !important;
        top: 217px!important;
        right: 0!important;
        opacity: 1;
        -webkit-transition: opacity .15s linear 0.2s;
        -o-transition: opacity .15s linear 0.2s;
        transition: opacity .15s linear 0.2s;
    }
    .daterangepicker.dropdown-menu.calendar-report {
        left: 590px !important;
        top: 231px!important;
        right: auto!important;
        opacity: 1;
        -webkit-transition: opacity .15s linear 0.2s;
        -o-transition: opacity .15s linear 0.2s;
        transition: opacity .15s linear 0.2s;
    }
    .daterangepicker .calendar-table {
        padding-left: 10px;
        background: rgba(0, 0, 0, 0);
    }
    .daterangepicker_input {
        padding-top: 4px;
        display: none;
    }
    .calendar.left .daterangepicker_input:before { 
        display: none;
    }
    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        height: auto;
    }
    .filters-selected {
        clear: both;
        color: #00ADEE;
        font-size: 11px;
        margin-top: 10px;
        float: left;
    }
    .filter-selected {
        display: inline-block;
        margin-right: 15px;
    }
    .filter-selected a {
        color: #00ADEE;
        font-size: 14px;
        padding-right: 4px;
        position: relative;
        top: 1px;
    }
    span.clear-all-filters {
        color: #878787;
    }
    span.clear-all-filters a {
        color: #878787;
        font-size: 12px;
        padding-right: 4px;
    }
    .navigator-transactions .lkn-search,.navigator-transactions .btn-dropdown-search {
        background: #F3F3F3;
        border-radius: 3px;
        border: 1px solid #F3F3F3;
        font-weight: 500;
        text-align: left;
        font-size: 11px;
        color: #9B9B9B;
        letter-spacing: 0.44px;
        display: block;
        padding: 10px 15px; 
        margin-left: 15px;
        width: 168px;
        transition: all 0.3s ease-in-out;
    }
    .navigator-transactions .btn-dropdown-search i{
        margin-top: 2px;
    }
    .navigator-transactions .lkn-search:hover,
    .navigator-transactions .lkn-recent:hover,
    .navigator-transactions .btn-dropdown-search:hover
    {
        background: #00ADEE;
        border: 1px solid #00ADEE;
        color: #fff;
    }
    .navigator-transactions-sortby {
        float: right;
    }
    #quick-transaction-search,#quick-transaction-search-mobile,#quick-transaction-search-mobile-popup, #quick-dashboard-search, #quick-give-form, #reports-voucher-book {
        width: 230px;
        margin-left: auto;
        margin-right: auto;
    }
    #quick-fundraisers-search {
        width: 320px;
    }
    .cancel-fundraiser-search {
        position: absolute;
        font-size: 23px;
        color: #858B97;
        right: 14px;
        top: 9px;
        cursor: pointer;
    }
    #quick-transaction-search .form-control,#quick-transaction-search-mobile .form-control,#quick-transaction-search-mobile-popup .form-control, #quick-dashboard-search .form-control, #quick-fundraisers-search .form-control, #quick-give-form .form-control, #reports-voucher-book .form-control, #quick-charity-search .form-control {
        width: 75%;
        float: left;
        height: 39px;
        letter-spacing: 0.44px;
    }
    #quick-transaction-search .form-control,#quick-transaction-search-mobile .form-control,#quick-transaction-search-mobile-popup .form-control, #quick-dashboard-search .form-control, #quick-fundraisers-search .form-control, #quick-give-form .form-control, #quick-charity-search .form-control {
        border-radius: 4px 0 0 4px;
        border-right: none;
    }
    #transactionsQuickSearch,#reportQuickSearch,#transactionsQuickSearchMobile,#transactionsQuickSearchMobilePopup, #dashboardQuickSearch, #dashboardQuickGive, .quick-button {
        background: #00ADEE;
        text-align: center;
        display: block;
        padding: 0;
        font-weight: 500;
        float: right;
        font-size: 11px;
        letter-spacing: 0.44px;
        color: #fff;
        height: 39px;
        line-height: 39px;
    }
    #transactionsQuickSearch,#reportQuickSearch,#dashboardQuickSearch, #dashboardQuickGive, #transactionsQuickSearchMobile,#transactionsQuickSearchMobilePopup, .quick-button.voucher-search-btn {
        width: 25%;
        border-radius: 0px 5px 5px 0;
    }
    .quick-button {
        width: 22%;
        border-radius: 5px;
    }
    #transactionsQuickSearch:hover,#reportQuickSearch:hover,#dashboardQuickSearch:hover, #dashboardQuickGive:hover, #transactionsQuickSearchMobile:hover,#transactionsQuickSearchMobilePopup:hover {
        background: #0187B9;
    }
    .container-input-quick-search{
        position: relative;
    }
    .container-input-quick-search a{
        position: absolute;
        top: 9px;
        right: 85px;
    }
    .container-input-quick-search{
        color: #00ADEE;
    }
    .lkn-sortby {
        border: 1px solid #00ADEE;
        color: #878787;
        border-radius: 3px;
        display: block;
        padding: 7px 0;
        text-align: left;
        padding-left: 25px;
        color: #00ADEE;
        width: 186px;
        
    }
    .lkn-sortby.lkn-dates {
        font-size: 11px;
        padding: 10px 15px 10px 35px;
    }

    .fundraisers .lkn-sortby.lkn-dates {
        padding: 10px 15px 10px 10px;
    }

    .fundraisers .navigator-transactions-lkn.lkn-sortby.lkn-dates {
        width: 231px;
    }

    .records-li .lkn-sortby.lkn-dates {
        padding-left: 10px!important;    
        width: 175px;
    }
    .records-li .lkn-sortby.lkn-dates .fa-list{
        margin-right: 5px;
    }
    .main-report-payments .lkn-sortby {
        width: 230px;
    }
    .lkn-dates .fa-long-arrow-up, .lkn-search .fa-long-arrow-up {
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
        transform: rotate(180deg);
    }
    .lkn-dates .fa, .lkn-search .fa {
        font-size: 14px;
    }
    .lkn-dates .fa-long-arrow-up, .lkn-search .fa-long-arrow-up {
        margin-top: 2px;
    }
    .reset-sort {
        color: #878787;
        position: absolute;
        left: 8px;
        top: 8px;
        display: none;
    }
    .navigator-transactions-sortby.active .reset-sort {
        display: block;
    }
    .navigator-transactions-sortby .fa-sort-amount-desc {
        position: absolute;
        right: 16px;
        top: 12px;
        color: #00ADEE;
    }
    .table-transactions .date {
        margin-left: -5px;
    }
    .header-table-transactions {
        margin-top: 20px;
    }
    .report-account-history .amount-right{
        text-align: right !important;
        padding-right: 50px;
    }
    .drop-down-sort .navigator-transactions-lkn.lkn-sortby {
        width: 230px;
    }
    .make-donation {
        overflow: hidden;
    }
    .main-transactions.make-donation.content-desktop .checkbox-box {
        /* max-width: 50%; */
        border-top: 0;
        margin: 20px 0;
        padding-top: 0;
    }
    .make-dontation {
        margin-top: 25px;    
    }
    .make-dontation:hover {
        background: #0187B9;
    }
    .box-slide-text {
        margin: -35px -35px 0px;
        top: -31px;
        padding-left: 20px;
        padding-right: 20px;
        /**height: 70px;**/
    }
    .make-donation #ClientComments {
        height: 155px;
    }
    .container-checkbox .ckeckbox:before {
        top: 8px;
    }
    

    /* standing orders */
    .title-orders, .title-givings {
        font-weight: 400;
        font-size: 20px;
        color: #878787;
        letter-spacing: 0.54px;
        margin-top: 0;
        margin-bottom: 21px;
    }
    .title-givings{
        display: inline;
        margin-right: 25px;
        float: left;
        line-height: 30px;
    }
    .nav-standing-orders{
        display: block;
    }
    .nav-givings {
        display: block;
        margin-bottom: 25px;
    }
    .nav-standing-orders-li, .nav-givings-li {
        display: inline-block;
        width: 49%;
        padding-right: 5px;
    }
     .nav-givings-li {
        width: auto;
    }
    .nav-standing-orders-li .nav-standing-orders-lkn, .nav-givings-li .nav-givings-lkn {
        background: #F3F3F3;
        border: 1px solid #F3F3F3;
        border-radius: 4px;
        display: block;
        text-align: center;
        font-weight: 500;
        font-size: 12px;
        color: #9B9B9B;
        letter-spacing: 0.44px;
        padding: 8px 0;
        width: 100%;
        transition: all 0.3s ease-in-out;
    }
     .nav-givings-li .nav-givings-lkn {
        width: 120px;
     }
    .nav-standing-orders-li .nav-standing-orders-lkn:hover, .nav-givings-li .nav-givings-lkn:hover {
        background: #00ADEE;
        color: #FFF;
        border-color: #00ADEE;
    }
    .nav-standing-orders-li .nav-standing-orders-lkn.active, .nav-givings-li .nav-givings-lkn.active {
        background: #00ADEE;
        border: 1px solid #00ADEE;
        color: #fff;
    }
    .header-desktop-orders.text-right{
        text-align: right;
    }
    .text-end-date,
    .date-interval {
        font-weight: 400;
        font-size: 11px;
        color: #878787;
        letter-spacing: 0.94px;
    }
    .to-be-paid {
        color: #878787;
        font-weight: 600;
    }
    .lkn-view-transaction {
        font-weight: 400;
        font-size: 11px;
        color: #ADADAD;
        letter-spacing: 0.94px;

        transition: all 0.3s ease-in-out;
    }
    .lkn-view-transaction:hover {
        color: #000;
    }
    .td-center,
    .td-interval,
    .td-end-date,
    .td-view-transaction {
        text-align: center;     
    }

    /* vouchers */
    .container-vochers{
        margin-top: 10px;
    }
    .order-voucher  {
        overflow: hidden;
    }
    .order-voucher .box-slide-text{
        margin-top: 0;
    }
    .container-urgent,
    .container-vochers,
    .container-delivery {
        border: 0;
    }
    .border-bottom {
        background: #E2E2E5;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .container-border-desktop {
        margin-top: 20px;
        margin-bottom: 5px;
    }
    .container-delivery .container-fluid {
        padding: 0;
    }

    .container-notes .textarea-notes {
        margin-bottom: 0;
    }
    .lkn-order-vouchers {
        width: 375px;
        margin: 0 auto;
        border-radius: 4px;
    }
    .lkn-order-vouchers:hover {
        background: #00ADEE;
        color: #fff;
    }
    .main-settings .col-xs-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .container-settings {
        padding: 0;
        margin: 0;
    }
    .report-navigation-desktop {
        margin-bottom: 20px;
        padding: 30px 20px 0 20px;
        margin-top: 0px;
    }

    /* settings */
    .container-settings {
        border-bottom: 0;
    }
    .header-desktop {
        border-bottom: 1px solid #BBBBBB;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .title-desktop {
        margin: 0;
        font-weight: 400;
        font-size: 20px;
        color: #878787;
        letter-spacing: 0.54px;
    }
    .line-bottom-settings {
        width: 100%;
        background: #BBB;
        height: 1px;    
    }
    .box-settings {

        padding: 20px 0 10px 0;
    }
    .container-lkns {
        text-align: center;
        margin-top: 20px;
    }
    .container-lkns a {

        border-radius: 4px;
        display: inline-block;
        float: none;
        margin: 0 7px;
        width: 225px;


        box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.07);
        border-radius: 5px;
    }
    .lkn-save {
        border: 1px solid #00ADEE;
    }
    .lkn-cancel {
        border: 1px solid #E7E7E7;
    }
    .container-lkns .lkn-cancel:hover {
        background: #F7F7F7;
        border-color: #F7F7F7;
        color: #bbb;
    }
    .container-lkns .lkn-save:hover {
        background: #fff;
        color: #00ADEE;
    }

    /* CONTACT US */
    .contact-us-textarea {
        height: 150px;
    }
    .box-details-bank .title-bank-details {
        font-weight: 500;
        font-size: 14px;
        color: #333333;
        letter-spacing: 0.58px;
        margin-bottom: 5px;
    }
    .main-contact-us .send-msj {
        margin-top: 15px;
    }
    .box-details-bank .text {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        color: #727272;
        letter-spacing: 0.61px;
        line-height: 18px;
    }
    .box-details-bank {
        margin: 40px 0 15px 0;
    }
    .box-find-answers,
    .box-for-answers {
        border-top: 1px solid #bbb;
        margin-top: 10px;
    }
    .box-find-answers .title-footer ,
    .box-for-answers .title-footer {
        font-weight: 400;
        font-size: 12px;
        color: #333333;
        text-align: center;
        letter-spacing: 0.5px;
        margin: 40px 0 20px 0;

    }
    .box-find-answers .subtitle-footer ,
    .box-for-answers .subtitle-footer {
        border: 1px solid #00ADEE;  
        text-align: center;
        border-radius: 4px;
        font-weight: 600;
        font-size: 12px;
        color: #00ADEE;
        letter-spacing: 0.5px;      
        width: 228px;
        display: block;
        padding: 23px 0;
        margin: 0 auto;
    }
    .box-find-answers .subtitle-footer:hover ,
    .box-for-answers .subtitle-footer:hover {
        background: #00ADEE;
        color: #FFF;
    }
    .main-contact-us .send-msj:hover {
        background: #0187B9;
        color: #FFF;
        border-color: #0187B9;
    }
    .box-faqs-header {
        border-bottom: 0;
    }
    .box-invite-header {
        border-bottom: 0;
    }
    .send-invite {
        width: 385px;
        margin: 15px auto;
    }
    .send-invite:hover {
        background: #0187B9;
        color: #FFF;
        border-color: #0187B9;
    }
    .main-invite-a-friend .comment-textarea {
        height: 119px;
    }
    .main-invite-a-friend .container-fluid {
        padding: 0;
    }
    .main-invite-a-friend .container-border-desktop {
      margin-top: 0;
      margin-bottom: 30px;
    }
    .title-msj-ok {
        margin-top: 73px;
    }
    /* MODAL SEARCH  DESKTOP */ 

    .dropdown-search {
        background: #FFFFFF;
        border: 1px solid #EDEDED;
        box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.08);
        border-radius: 6px;
        float: left;
        margin: 25px 0; 
        padding-bottom: 10px;
        position: relative;
        display: none;
    }
    .arrow-dropdown-search {
        font-size: 20px;
        position: absolute;
        right: 30px;
        top: 13px;

        color: #979797;
    }
    .dropdown-search .form-group {
        float: left;
        width: 50%;
    }
    .btn-search {
        border: 1px solid #00ADEE;  
        float: right;
        margin: 0;
        width: 32.3%;
        margin-right: 1%;
        border-radius: 4px;
        padding: 16px 20px;
        box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.12);
        margin-bottom: 20px;
    }
    .adv-btn-search-container {
        margin-left:52px;
    }
    .adv-btn-search-container .btn-search {
        width:auto;
    }
    .btn-search:hover {
        background: #fff;
        color: #00ADEE;
    }
    .modal-search .form-group  .input {
        width: 80%;
    }
    .modal-search .title-search {
        color: #878787;
        font-weight: 500;
        font-size: 20px;
        letter-spacing: 0.54px;
        margin: 25px 0 30px 0;
    }
    .drop-down-sort,
    .drop-down-sort.active {
        top: 41px;
    }

    .drop-down-sort .navigator-transactions-lkn.lkn-sortby,
    .navigator-transactions-lkn.lkn-sortby.lkn-sortby .fa {
        margin-left: 2px;
    }
    .drop-down-sort .navigator-transactions-lkn.lkn-sortby {
        top: -59px;
    }
    .drop-down-sort.active .navigator-transactions-lkn.lkn-sortby {
        top: -41px;
    }
    .export-data{
        text-align: left;
    }
    #mobile-content-make-dontation .no-padding-desktop .padding-right {
        padding-right: 40px;
        margin-bottom: 20px;
        position: relative;
    }
    #mobile-content-make-dontation .padding-left {
        padding-left: 40px; 
        margin-bottom: 20px;
    }
    .textarea-make-dontation {
        height: 86px;
    }
    .container-lkns a {
        width: 45%;
        max-width: 225px;
    }
    .empty-action {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
    .empty-state {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
    .title-standing-orders-transactions {
        color: #878787;
        letter-spacing: 0.54px;
        line-height: 24px;
    }
    .title-standing-orders-transactions .title-transactions {
        font-weight: 500;
        font-size: 20px;
        margin: 0;
    }
    .title-standing-orders-transactions span {
        font-weight: 300;
        display: block;
    }
    .margintop-standing-orders {
        margin-top: 22px;
    }
    iframe{
        min-height: 500px;
    }
    .report-voucher-book .empty-state {
        width: 480px;
    }
    
    /* Account history*/
    .account-history-navigation-desktop{
        margin-bottom: 20px;
        padding: 30px 0 0 20px;
    }
    /**
    .account-history-navigation-desktop a{
        color: #00ADEE;
    }
        **/
    .title-account-desktop{
        font-weight: 500;
        margin: 0;
        font-size: 20px;
        color: #878787;
        letter-spacing: 0.54px;
        display: inline-block;
        margin-top: 3px;
    }
    .account-history-navigation-desktop .export-file{
        margin-left: 0px;
        padding: 0px 10px;
        padding-bottom: 0;
        margin-top: 10px;
    }
    .anonymous-donation{
        padding-left: 15px;
    }
    .anonymous-donation .ckeckbox{
        margin-top: 45px;
        margin-left: 0px;
    }
    .anonymous-donation .title-make-donation {
        display: inline-block;
        margin-left: 40px;
        margin-top: 5px;
    }

    /* SINGLE REPORT */

    .main-reports .filters-selected {
        margin-bottom: 15px;
    }
    /**
    .table-reports th:last-child {
        text-align: center !important;
    }
        **/
    .table-report-voucher-books th {
        width: 20%;
    }

    /*SETTINGS*/
    .line-bottom-settings {
        width: 100%;
        background: #BBB;
        height: 1px;
    }
}
@media(min-width:992px){
    .header-desktop-orders .text-right{
        text-align: right;
    }
    .export-data{
        text-align: right;
    }
    .lkn-sortby{
        width: 200px;
    }
    .modal-search .checkbox-input{
        display: inline-block;
    }
    .export-file{
        float: right;
    }
    .navigator-transactions-li.navigator-transactions-sortby{
        float:right !important;
    }
    .reports-btn {
        margin-top: 35px;
    }
    .account-history-navigation-desktop .border{
        border-right: 1px solid #9b9b9b;
    }
    .account-history-navigation-desktop .export-file{
        padding: 0px 30px;
    }
    .nav-givings-lkn {
        margin-right: 15px;
    }
    .nav-givings-li .nav-givings-lkn {
        width: 205px;
     }
     .second-nav-givings-li {
        margin-right: 25px;
    }
    .main-transactions-pending .desc-table {
        width: 250px;
    }
    .main-transactions-pending .anonymous-transaction-indicator,
    .main-transactions-history .sharedemail-transaction-indicator {
        float: left;
        position: static;
        margin-top: 10px;
    }
    .th-anonymous {
        width: 105px;
    }
    .new-image{
        width: 120px;
    }

    /* MAKE A DONATION PAGE */

    #mobile-content-make-dontation .no-padding-desktop .border-right:before {
        content: '';
        position: absolute;
        height: 100%;
        width: 1px;
        background: #DADADA;
        right: 0;
        top: 15px;
    }
    .anonymous-donation .title-make-donation {
        margin-top: 11px;
    }

}
@media(max-width:1200px){
    .terminals-entry-box {
        display: block !important;
    }
    .onboarding-entry-img {
        margin-bottom: 25px !important;
    }
}
@media(min-width:1200px){

    .nav-standing-orders-li .nav-standing-orders-lkn, .nav-givings-li .nav-givings-lkn {
        width: 205px;
    }
    .nav-standing-orders-li, .nav-givings-li{
        width: auto;
    }
    .box-slide-text {
        margin: 0 -35px;
    }
    .lkn-sortby{
        width: 200px;
    }
    .dropdown-search .form-group{
        padding-bottom: 15px;
        padding-right: 15px;
    }
    .dropdown-search .form-group:nth-child(3n) {
        padding-right: 0;
    }
    .dropdown-search .form-group {
        width: 33.33%;
    }
    .navigator-voucher-books a
    {
        width: 210px;
    }
    .anonymous-transaction-indicator,
    .sharedemail-transaction-indicator {
        position: static;
        top: auto;
        right: auto;
        margin-top: 10px;
        /**float: right;**/
    }
    .anonymous-transaction-indicator span,
    .sharedemail-transaction-indicator span {
        display: inline-block;
    }

}

.transaction-type-label{
    text-transform:uppercase;
}

.btn-active{
    background-color:#00ADEE !important;
    color:#ffffff !important;
}

.disable{
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}

/* Media Querie for Transactions page filters */
@media(min-width:1355px){
    #quick-transaction-search,#quick-transaction-search-mobile,#quick-transaction-search-mobile-popup,#quick-dashboard-search,#quick-give-form, #reports-voucher-book, #quick-charity-search {
        width: 300px;
    }
    .main-transactions .navigator-transactions .navigator-transactions-li.all-time-li {
        right: 245px;
    }
    .lkn-sortby, .records-li .lkn-sortby.lkn-dates {
        width: 230px;
    }
}
/*.navigator-transactions-lkn.lkn-recent.active {
    background: #00adee none repeat scroll 0 0;
    border: 1px solid #00adee;
    color: #fff;
}*/

@media(min-width:1160px){
   iframe{
        min-height: 450px;
    }
}

@media (min-width:992px) and (max-width:1230px) {


}​

     /* REFER SUPPORTERS */

.ckeckbox {
     position: relative;
 }
#tandc_agreed:before {
     width: 19px;
     height: 19px;
     position: absolute;
     content: '';
     background: #b0b0b0;
     border-radius: 125px;
     z-index: 9;
     top: 8px;
     left: 19px;
     opacity: 0;
     visibility: hidden;
 }
#tandc_agreed.active:before {
    opacity: 1;
    visibility: visible;
}
.header-split-commission{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* border-bottom: 1px solid #BBBBBB;
    padding-bottom: 15px; */
    margin-bottom: 0;
}
.title-split-commission {
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #9FA3A7;
}
.btn-split-c-hiw{
    background: transparent;
    display: block;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    font-weight: 500;
    font-size: 15px;
    color: #878787;
    letter-spacing: 0.37px;
    padding: 8px;
}
.btn-split-c-hiw:hover{
    background: #00ADEE;
    border: 1px solid #00ADEE;
    color: #fff;
}

.tandc-message-container{
    display: flex;
    justify-content: space-between;
    background: #F9F9F9;
    border-radius: 8px;
    padding: 16px;
}
#tandc-message{
    position: relative;
    display: flex;
    align-items: center;
}
#tandc-message:before {
    width: 19px;
    height: 19px;
    position: absolute;
    content: '';
    background: #00ADEE;
    border-radius: 125px;
    z-index: 8;
    top: 8px;
    left: 4px; 
    opacity: 0;
    visibility: hidden;
}
#tandc-message.active:before {
    opacity: 1;
    visibility: visible;
}
#tandc-message .ckeckbox .circle{
    position: unset;
    top: initial;
}
.tandc_message_agreed_label{
    margin-left: 35px; 
    /* margin-bottom: 30px; */
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #5B5B5F;
    text-transform: uppercase;
}
.tandc-message-start-button{
    background-color: #00ADEE!important;
    padding: 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 12px;
    /* line-height: 16px; */
    text-align: center;
    color: #FFFFFF;
}
.tandc-message-start-button.disabled{
    opacity: 0.4;
}
.special-offer-message-container{
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding: 20px 42px 20px 20px;
    background: #E3F7FF;
    border-radius: 8px;
}
.special-offer-icon{
    color: #00ADEE;
}
.special-offer-title-description-container{
    display: flex;
    flex-direction: column;
    gap: 8px
}
.special-offer-title{
    font-weight: 700;
    font-size: 14px;
    /*line-height: 20px;*/
    line-height: 1;
    color: #333333;
    margin-top: 0;
    margin-bottom: 0;
}
.special-offer-description{
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    /*line-height: 24px;*/
    line-height: 1;
    color: #5B5B5F;
}
.agree-tandc-message + .special-offer-message-container{
    margin-top: 30px;
}
.agree-tandc-message + .invite-donors-code-and-form, .special-offer-message-container + .invite-donors-code-and-form{
    margin-top: 32px;
}

.invite-donors-code-and-form .invite-donors-container .refferral-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #9FA7AF;
  margin-bottom: 0px;
}

.invite-donors-code-and-form .invite-donors-container .label {
  margin-top: 32px;
  padding: 0 0;
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
}

.main-transactions.main-invite-a-friend .invite-donors-code-and-form .col-xs-12#referral-link{
    padding-left: 16px;
    padding-right: 36px;
}
.main-transactions.main-invite-a-friend .invite-donors-code-and-form .col-xs-12#referral-form{
    padding-left: 36px;
    padding-right: 36px;
    border-left: 1px solid #C7CACF;
}
.invite-donors-title-container{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 26px;
}
.invite-donors-title-container i{
    color: #00ADEE;
    margin-bottom: -2px;
    /* width: 16px;
    height: 16px; */
}
.invite-donors-container .label{
    display: inline-block;
    margin-top: 36px;
    margin-bottom: 20px;
    color: #333333;
}

.referral-link-url-container{
    margin-top: 16px;
    margin-bottom: 24px;
    padding: 8px 12px;
    background: rgba(240, 243, 245, 0.5);
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #9FA7AF;
}

.school-program-contact {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 32px 22px;
    background: #F0F3F5;
    border-radius: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5C606A;
}

.school-program-contact img {
  margin-top: 3px;
}

.school-program-contact .first-line {
  margin-left: 12px;
}

.school-program-contact .first-line a {
  color: #00ADEE;
}

.school-program-contact .second-line {
  margin-left: 40px; margin-bottom: 0;
}

.referral-link-form-control{
    display: flex;
    flex: 1;
    height: 39px;
    border-radius: 4px 0 0 4px;
    border-right: none;
    color: #9FA3A7;
}
.copy-link-url{
    background: #00ADEE;
    text-align: center;
    padding: 10px 0;
    font-weight: 600;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    margin-bottom: 48px;
    display: flex;
    height: 48px;
    align-items: center;
    justify-content: center;

}
.copy-link-url:hover{
    background: #04689B;
}
#copyCode:hover{
    color: #04689B;
}

.copyCodeIcon{
    font-size: 18px;
    margin: 3px
}

.referral-code-and-warning-container{
    display: flex;
    gap: 18px;
    align-items: center;
}
.referral-code-container{
    display: flex;
    align-items: center;
    gap: 8px;
}
.invite-donors-container .referral-code-container p{
    font-weight: 700;
    font-size: 20px;
    margin: 0;
    color: #00ADEE;
}
.referral-code-container a{
    color: #00ADEE;
}
.referral-code-warning-container{
    background-color: #F9F9F9;
    display: flex;
    gap: 8px;
    padding: 8px;
    border-radius: 4px;
}
.referral-code-warning-container i, .referral-code-warning-container a{
    color: #00ADEE;
}
.invite-donors-container .rc-warning-text p.referral-text{
    font-size: 12px;
    line-height: 16px;
    color: #333333;
    margin: 0;
}

.invite-donors-container p.referral-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #9FA7AF;
  max-width: 829px;
  margin-bottom: 26px;
}

.invite-donors-container p.invite-donors-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0px;
}

.invite-donors-container p #referral-form{
    border-left: 1px solid #C7C7C7;
}

.referConditions{
    color: #9FA3A7 !important;
    font-size: 12px !important;
    padding: 0;
    margin-bottom: 0 !important;
}
.title-refer-supporters{
    color: #5B5B5F;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 0;
}
.referral-text{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #9FA3A7;
}
.invite-donors-container ol.steps{
    list-style: auto;
    padding-left: 15px;
    line-height: 24px;
}

.invite-donors-container ol.steps li .additional-info {
  margin-left: -13px;
}

.invite-donors-container{
    position: relative;
    margin-bottom:10px;
}
#txtComment{
    color: #9FA3A7;
}
#referral-form .send-invite {
    border: 0;
    width: auto;
}
/* DISABLED */

.title-refer-supporters.disabled-text, .referral-text.disabled-text, .invite-friend .label.disabled-label, ol.steps, .invite-donors-container .label.disabled-label{
    color: #9FA3A7;
}
.invite-donors-code-and-form .form-control[disabled], .referral-code-container p.disabled, .referral-code-container a.disabled, #txtComment.disabled{
    background-color: transparent!important;
    opacity: 0.4;
}

.invite-donors-code-and-form .tab-content > .tab-pane .invite-donors-title-container {
  margin-bottom: 12px;
}

.invite-donors-code-and-form #referral-form {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #9FA7AF;
}

/* .referral-code-container.disabled a,.referral-code-container.disabled p{
    opacity: 0.4;
} */
#txtComment.disabled{
    cursor: not-allowed;
}
#referral-form .send-invite.disabled, .copy-link-url.disabled {
    background-color: #00ADEE!important;
    opacity: 0.4;
}
.modal-split-commission-t-c.modal.fade .modal-dialog{
    width: 600px;
}
.split-commission-info-modal{
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #333333;
}
.split-commission-special-offer-modal{
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #9FA3A7;
}
#tandc_modal{
    position: relative;
    display: flex;
    height: 27px;
    align-items: center;
}
#tandc_modal:before {
    width: 19px;
    height: 19px;
    position: absolute;
    content: '';
    background: #00ADEE;
    border-radius: 125px;
    z-index: 9;
    top: 4px;
    left: 4px;
    opacity: 0;
    visibility: hidden;
}
#tandc_modal.active:before {
    opacity: 1;
    visibility: visible;
}
#tandc_modal.ckeckbox .circle {
    top: 0;
}
.tandc_modal_agreed_label{
    margin-left: 35px; 
    /* margin-bottom: 30px; */
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #5B5B5F;
    text-transform: uppercase;
}
/* .btns-options {
    height: auto;
} */
.modal-split-commission-t-c .btns-options .right-bt {
    border-bottom-left-radius: 6px;
    width: 100%;
}
.modal-split-commission-t-c .btns-options .right-bt.disabled {
    background-color: #00ADEE!important;
    opacity: 0.4;
}
.show-tandc{
    color: #5B5B5F;
    font-weight: 700;
}
.mobile-break {
    display: none;
}

@media (max-width: 321px){
    #tandc_modal:before {
        top: 21px!important;
    }
}
@media (max-width: 767px){
    .anonymous-transaction-indicator,
    .sharedemail-transaction-indicator {
        position: unset !important;
    }
    .anonymous-transaction-indicator i,
    .sharedemail-transaction-indicator i {
        margin-top: 10px;
    }
    .referConditions{
        font-size: 12px !important;
        line-height: 20px;
        padding-top: 20px;
    }

    .mobile-break {
        display: block;
    }

    .header{
        overflow: hidden;
    } 
    .title-split-commission {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #9FA3A7;
    }
    .btn-split-c-hiw{
        padding: 0;
        border-radius: 50%;
    }
    .btn-split-c-hiw:hover{
        background: transparent;
    }
    .btn-split-c-hiw .text-mobile{
        display: inline-block;
        width: 20px;
        height: 20px;
        color: #00ADEE;
    }
    .tandc-message-container{
        margin: 8px 16px 32px;
        flex-direction: column;
        gap: 16px;
    }
    #tandc-message .ckeckbox .circle, #tandc-message:before {
        top: inherit;
    }
    .tandc-message-start-button{
        display: flex;
        align-self: end;
    }
    .special-offer-message-container{
        margin-top: 24px;
        margin-left: 16px;
        margin-right: 16px;
        padding: 16px 24px 16px 16px;
        gap: 12px;
    }
    .agree-tandc-message + .invite-donors-code-and-form {
        margin-top: 0;
    }
    .main-transactions.main-invite-a-friend .invite-donors-code-and-form .col-xs-12#referral-link, .main-transactions.main-invite-a-friend .invite-donors-code-and-form .col-xs-12#referral-form {
        padding-left: 16px;
        padding-right: 16px;
    }
    #referral-form{
        border-left: 0;
    }
    .invite-donors-code-and-form .nav-tabs {
        border-bottom: 0;
    }
    .invite-donors-code-and-form .nav-tabs > li > a{
        font-weight: 700;
        font-size: 16px;
        border-bottom: 1px solid #E7E7E7;
        /* line-height: 20px; */
        color: #9FA3A7;
    }
    .invite-donors-code-and-form .nav-tabs > li.active > a{
        border: 0;
        border-bottom: 2px solid #00ADEE;
        color: #00ADEE;
    }
    .invite-donors-code-and-form .tab-pane{
        margin-top: 16px;
    }

    .invite-donors-code-and-form .contact-box {
      margin-top: 0;
    }

    .invite-donors-container .copy-link-url {
        margin-bottom: 0px;
    }

    .referral-link-url-container{
        margin-bottom: 16px;
    }

    .referral-link-url-container input{
        border-radius: 4px;
        border-right: 1px solid #ccc;
    }
    .copy-link-url{
        width: 100%;
        justify-content: center;
        margin-bottom: 32px;
    }
    .referral-code-and-warning-container{
        flex-direction: column-reverse;
        gap: 16px;
        align-self: flex-start;
        align-items: flex-start;
    }
    .referral-code-and-warning-container{
        align-content: flex-start;
    }
    .referral-code-warning-container{
        align-self: flex-start;
    }
    .referral-code-container{
        margin-bottom: 16px;
    }
    .modal-split-commission-t-c.modal.fade .modal-dialog{
        width: 90%;
    }
    #tandc_modal{
        height: auto;
    }
    #tandc_modal:before {
        top: 11px;
    }
    #tandc_modal.ckeckbox .circle {
        top: inherit;
    }

    .box-invite-header {
      padding: 22px 0 18px;
      border-bottom: 0;
    }

    #referral-link-desktop .title-refer-supporters {
      font-weight: 400;
      font-size: 20px;
      line-height: 28px;
      color: #5C606A;
    }

    #referral-link-desktop .invite-donors-title-container {
      margin-bottom: 24px;
    }

    #referral-link-desktop .invite-donors-container .referConditions {
      padding-top: 0;
      margin-bottom: 24px !important;
    }

    .invite-donors-code-and-form .invite-donors-container .label {
      margin-top: 26px;
      margin-bottom: 16px;
    }

    .invite-donors-container ol.steps li .additional-info {
      margin-left: 0;
      margin-top: 5px;
      display: block;
    }

    .invite-donors-code-and-form:not(.tabs-container) {
      border-bottom: 1px solid #E2E2E5;
      margin-bottom: 20px;
    }

    .tabs-container #referral-form .send-invite {
      margin-bottom: 0;
    }

    .referConditions {
      margin-bottom: 20px !important;
    }

    .referConditions .mobile-break {
      display: none;
    }

    .main-transactions.main-invite-a-friend .invite-donors-code-and-form .col-xs-12#referral-link,
    .main-transactions.main-invite-a-friend .invite-donors-code-and-form .col-xs-12#referral-form {
      padding-top: 20px;
    }

    .school-program-contact {
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: #5C606A;
    }

    .school-program-contact .first-line {
      margin-bottom: 22px;
    }

    .main-invite-a-friend .comment-textarea {
      height: 113px;
    }
}
@media only screen and (min-width : 768px) {
    .invite-donors-code-and-form .tab-content > .tab-pane {
        display: block;
        visibility: unset;
    }
}
@media(max-width:767px){
    #tandc_agreed:before {
        top: 20px;
    }
    #copiedToast {
        left: 35% !important;
        right: 35% !important;
    }
}
.line-bottom-settings {
    width: 100%;
    background: #BBB;
    height: 1px;
}
.settingsButtons{
    max-width: inherit !important;
    line-height: 1.5vh !important;
}
@media (min-width: 991px) and (max-width: 1100px) {
    .settingsButtons{
        margin-right: -9px !important;
    }
}
#sticky{
    position: fixed;
    bottom: 0;
    width: 2000px;
    max-width: calc(100% - 370px) !important;
    background-color: #ffffff;
    padding: 30px 0 20px;
    z-index: 20;
}
#sticky-mobile{
    position: fixed;
    bottom: 0;
    z-index: 20;
    width: 100%
}

.modal-element-display-none{
    display: none !important;
}
.display-modal-buttons{
    display: flex !important;
}
#copiedToast {
    visibility: hidden;
    z-index: 100;
    background-color: white;
    color: #333333;
    text-align: center;
    border-radius: 8px;
    padding: 16px;
    position: absolute;
    top: 70px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 4px 16px 0 #00000014;
    margin-left: auto;
    margin-right: auto;
    left: 5%;
    right: unset;
}

                    /*FUNDRAISERS*/
.fundraisers-page .main cp_transaction {
    background-color: white;
}
.fundraisers-page .main cp_transaction .table-container {
    box-shadow: none;
}
.transactions-lkn-inactive.view-fundraisers-transactions-button {
    pointer-events: none;
    color: #9FA7AF;
}
.fundraisers .step-1 {
    padding: 23px;
    box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.18);
    border-radius: 4px;
    max-width: 720px
}
.fundraisers-main-box {
    display: flex;
    align-items: self-start;
    color: #30343A
}
.fundraisers-seconday-box {
    padding: 20px;
    display: flex;
    background:#00ADEE;
    color: white;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    border-radius: 4px;
}
.fundraisers-seconday-box .fa-circle-exclamation {
    font-size: 16px;
    margin-top: 5px;
}
.fundraisers-seconday-box .title {
    font-size: 18px;
    font-weight: 700;
}
.fundraisers-seconday-box .text {
    font-size: 16px;
    font-weight: 400;
}
.add-fundraiser-feature {
    display: flex;
    justify-content: center;
}
.button-add.button-add-1 {
    padding: 10px 20px;
    background: #00ADEE;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-top:20px;
    margin-bottom: 36px;
    border: none;
    font-size: 14px;
    font-weight: 700;
}
.fundraisers-main-box ul li {
    list-style: disc;
}
.fundraisers-main-box ul {
    margin-left: 16px;
    margin-bottom: 10px;
}
.fundraisers-breadcrumbs {
    display: flex;
}

.add-terminal-breadcrumb {
    display: flex;
    align-items: center;
    gap: 5px
}
.add-terminal-breadcrumb{
   color: #30343A;
    font-weight: 700;
}
.fundraisers-breadcrumbs-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.add-terminal-breadcrumb-box {
    display: flex;
    gap: 5px;
    margin-left: 5px;
    align-items: center;
}
.fundraisers-go-back {
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer
}
.new-fundraiser-input-title {
    font-size: 12px;
    font-weight: 700;
    color: #5C606A;
}
.new-terminal-checkbox {
    webkit-appearance: none !important;
    appearance: none !important;
    color: #00ADEE !important;
    width: 1.25em;
    height: 1.25em;
    border: 0.1em solid #00ADEE !important;
    background-color: #fff;
    margin: 0;
    font: inherit;
    border-radius: 50%;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    cursor: pointer;
}
.new-terminal-checkbox::before {
    content: "";
    width: 0.8em;
    height: 0.8em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #00ADEE ;
}
.new-terminal-checkbox:checked::before {
    transform: scale(1);
}
.new-terminal-checkbox:focus {
    outline: max(2px, 0.15em) solid #00ADEE !important;
    outline-offset: max(2px, 0.15em);
}
.new-feature {
    background-color: #00ADEE;
    border-radius: 3px;
    padding: 4px 5px;
    /* margin-left: 30px; */
    color: white !important;
    font-size: 10px;
    float: right;
}

#copiedToast.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
.required {
    color: red;
    margin-left: 5px;
}
#add-fundraiser-form {
    max-width: 416px;
}
.add-fundraiser-btn {
    display: flex;
    align-items: center;
    justify-content: center !important;
}
@-webkit-keyframes fadein {
    from { opacity: 0;}
    to { opacity: 1;}
}

@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {opacity: 1;}
    to {opacity: 0;}
}

@keyframes fadeout {
    from {opacity: 1;}
    to {opacity: 0;}
}

/*TOAST NOTIFICATION COMPONENT*/
.alert-notification {
    background-color: #FFF2D0;
}
.error-notification {
    background-color: #FFE2E1;
}
.success-notification {
    background-color: #DBF9D0;
}
.info-notification {
    background-color: #DBF0FF;
}
.toast-icon {
    margin-right: 10px
}
.close-toast {
    margin-left: 27px;
    margin-top: 2px;
    font-size: 16px;
    cursor: pointer;
}
.toast-text {
    font-size: 16px;
}
.success-notification .toast-link-text{
    color: #6ABF4B;
}
.error-notification .toast-link-text{
    color: #ED3833;
}
.info-notification .toast-link-text{
    color: #29A0F5;
}
.alert-notification .toast-link-text{
    color: #FFB71B;
}
.toast-link-text {
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px;
    cursor: pointer;
}
#main-container .toast-notification {
    /*height: 56px;*/
    padding: 16px;
    position: fixed;
    z-index: 999;
    right: 0;
    display: none;
    top: 102px;
    left: 243px;
    align-items: center;
}

.toast-notification i {
    font-size: 18px;
}
.toast-notification {
    display: flex !important;
    justify-content: space-between !important;
}
.generic-modal p.generic-modal-title {
    margin-top: -35px;
    font-size: 20px;
    color: #00ADEE;
    font-weight: 700;
    text-align: left;
    margin-left: -20px;
    margin-bottom: 30px;
}


.generic-modal .heading4  {
    max-width: 90%;
    overflow: hidden;
}

.row-confirmation-content p.generic-modal-text {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    margin-left: -20px;
}

.dashboard-panel-width {
    max-width: 1200px;
    margin: auto;
}

/*update box*/
.updates-box-button, .updates-box-button2 {

    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    /*color: #00ADEE;*/
    font-weight: 700;
}
.updates-box-title {
    display: flex;
    align-items: center;
    gap: 10px;
}
.updates-box-content, .updates-box-content2 {
    display: none;
    padding: 16px 0 0 0;
}
.terminals-entry-box-wrapper {
    background-color: #E3F7FF;
    font-size: 14px;
    border-radius: 4px;
    padding: 21px;
    color: #30343A;
    margin-bottom: 24px;
    margin-top: 24px;
}
.onboarding-entry-title {
    font-weight: 700;
    margin-bottom: 8px;
}
.onboarding-entry-text {
    font-weight: 400;
    display: flex;
    flex-direction: column;
}
.terminals-entry-box {
    display: flex;
    justify-content: space-around;
}
.terminals-entry-box .onboarding-entry-img {
    margin-right: 16px;
}
.onboarding-entry-img {
    margin-bottom: 30px;
}
.onboarding-entry-img img {
    width: 60px;
}
.terminals-entry-box-button {
    margin-top: 24px;
    cursor: pointer;
    background: #00ADEE;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 25px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    border: none;
}
.see-terminals-page-link {
    cursor: pointer;
    color: #00ADEE;
    font-weight: 700;
    margin-top: 6px;
}

.fundraisers-img1 img {
    width: 170px;
    margin-top: -18px;
    margin-right: 10px;
}

@media(max-width: 767px){
    #main-container .toast-notification {
        /*height: 70px;*/
        padding: 16px;
        position: absolute;
        z-index: 999;
        right: 0;
        top: 57px;
        left: unset;
        width: 100%;
        align-items: center;
    }
    /* #main-container .toast-notification .close-toast {
        display: none !important;
    } */
    .fundraisers-main-box {
        display: block;
        padding: 0 16px;
    }
    .fundraisers-img1 {
        text-align: center;
    }

}

@media(max-width: 767px){
    .t-standingorderreport .c-ClientNo,
    .t-standingorderreport .c-LastPaidDate,
    .t-standingorderreport .c-Frequency,
    .t-standingorderreport .c-StartDate,
    .t-standingorderreport .c-EndDate,
    .t-standingorderreport .c-NumberofPayments,
    .t-standingorderreport .c-AmountPaid
    {display:none;}  
    .t-standingorderreport td
    {overflow-wrap: break-word;word-break: break-all;}
    .t-standingorderreport tbody > tr > td
    {vertical-align: top !important;}
    .container-table {overflow:auto}
}


.display-flex {
    display: flex;
    align-items: center;
}
.flex-center {
    justify-content: center;
}
.flex-space-between{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
}
.flex-start {
    display: flex;
    justify-content: flex-start;
}
.table-transactions .desc-table {
    float: left;
}
.center{
    text-align:center;
}
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}

/********NEW UI STYLES 2024*******/

/**********Typography************/
.heading1 {
    font-size: 40px !important;
    line-height: 48 !important;
}
.heading2 {
    font-size: 32px !important;
    line-height: 40px !important;
}
.heading3 {
    font-size: 24px !important;
    line-height: 32px !important;
}
.heading4 {
    font-size: 20px !important;
    line-height: 28px !important;
}
.heading5 {
    font-size: 16px !important;
    line-height: 24px !important;
}
.default-text {
    font-size: 14px !important;
    line-height: 22px !important;
}
.small-text {
    font-size: 12px !important;
    line-height: 20px !important;
}
.bold {
    font-weight: 700;
}
.fw-400 {
    font-weight: 400;
}
/**********Colors************/

/****Blue****/

.color-primary {
    color: #00ADEE;
}
.aac-blue {
    color: #0187B9;
}
.color-primary-hover:hover {
    color: #0187B9;
}
.color-primary-light {
    color: #C7EEFD;
}
.color-primary-light-hover:hover {
    color: #E3F7FF;
}
.bg-primary {
    background-color: #00ADEE;
}
.bg-primary-hover:hover {
    background-color: #0187B9;
}
.bg-primary-light {
    background-color: #C7EEFD;
}
.hover-bg-primary-light:hover {
    background-color: #E3F7FF;
}
.bg-white {
    background-color: white !important;
}
.blue {
    color: #29A0F5;
}
.light-blue {
    color: #DBF0FF;
}

/* yellow */
.yellow {
    color: #FFB71B;
}
.light-yellow {
    color: #FFF2D0;
}


/****Gray****/
.white {
    color: white;
}
.gray-200 {
    color: #F0F3F5;
}

.gray-400 {
    color: #C7C7C7;
}
.gray-600 {
    color: #9FA7AF;
}
.gray-800 {
    color: #5C606A;
}
.bg-gray-200 {
    background-color: #F0F3F5 ;
}
.bg-gray-400 {
    background-color: #C7C7C7;
}
.bg-gray-600 {
    background-color: #9FA7AF;
}
.bg-gray-800 {
    background-color: #5C606A;
}
.almost-black {
    color: #30343A;
}
.bg-almost-black {
    background-color: #30343A;
}

/* red */

.red {
    color: #ED3833 !important;
}
.bg-white {
    background-color:#fff;
}
.light-red {
    color: #FFE2E1;
}
.bg-light-red {
    background-color: #FFE2E1;
}
/* green */
.green {
    color: #6ABF4B;
}
.light-green {
    color: #DBF9D0;
}
/**********Spacing************/
.padding-16 {
    padding: 16px;
}
.padding-12 {
    padding: 12px;
}
.padding-8 {
    padding: 8px;
}
.border-radius-4 {
    border-radius: 4px;
}
.margin-right-8 {
    margin-right: 8px;
}
.margin-left-8 {
    margin-left: 8px;
}
.margin-top-8 {
    margin-top: 8px;
}
.margin-bottom-8 {
    margin-bottom: 8px
}
.margin-right-16 {
    margin-right: 16px;
}
.margin-left-16 {
    margin-left: 16px;
}
.margin-top-16 {
    margin-top: 16px;
}
.margin-bottom-16 {
    margin-bottom: 16px;
}
.margin-bottom-24 {
    margin-bottom: 24px;
}
.w-100 {
    width: 100%;
}
.icons-box {
    width: 24px;
    height: 24px;
    padding: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icons-box img {
    width: 100%;
    height: 100%;
}


/**********Buttons************/
/* 1. General Default Buttons Styles */
.button-primary, .button-secondary, .button-tertiary {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: none;
    font-weight: 700;
    cursor: pointer;
}
/* 2. Specific defautl Buttons Styles */
.button-primary {
    background-color: #00ADEE;
    color: white;
}
.button-secondary {
    background-color: #E3F7FF;
    color: #0187B9;
}
.button-tertiary {
    background-color: #FFFFFF;
    color: #00ADEE;
}

/* 3. Hover and Disabled Styles */ */

.button-primary:hover {
    background-color: #0187B9;
}
.button-primary.disabled {
    background-color: #C7CACF;
    color: #9FA7AF;
    pointer-events: none;

}
.button-secondary:hover {
    background-color: #C7EEFD;
}
.button-secondary.disabled {
    background-color: #F0F3F5 !important;
    color: #9FA7AF;
    pointer-events: none;
}
.button-tertiary:hover {
    color: #0187B9;
}
.button-tertiary.disabled {
    color: #9FA7AF;
    background-color: #FFFFFF !important;
    pointer-events: none;
}

/* 4. Sizes */
.button-tiny {
    padding: 12px 20px;
    font-size: 10px;
}
.button-small {
    padding: 12px 20px;
    font-size: 12px;
}
.button-medium {
    padding: 12px 20px;
    font-size: 14px;
}
.button-big {
    padding: 16px 24px;
    font-size: 16px;
}

/* 5. Icon Buttons */
.button-primary.iconButton, .button-secondary.iconButton, .button-tertiary.iconButton {
    padding-right: 10px;
    padding-left: 10px;
    display: flex !important;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
}
.iconButton.button-big{
    padding: 12px;
}

/* 6. Old Button Css */
.primary-button {
    display: inline-flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    border-radius: 4px !important;
    border: none !important;
    background-color: #00ADEE !important;
    color: white !important;
}
.primary-button:hover {
    background-color: #0187B9 !important;
}
.primary-button.disabled {
    background-color: #C7CACF !important;
    color: #9FA7AF !important;
    pointer-events: none;

}
.secondary-button {
    display: inline-flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    border-radius: 4px !important;
    border: none !important;
    background-color: #E3F7FF !important;
    color: #0187B9 !important;
}
.secondary-button:hover {
    background-color: #C7EEFD !important;
}
.secondary-button.disabled {
    background-color: #F0F3F5 !important;
    color: #9FA7AF !important;
    pointer-events: none;
}
.tertiary-button {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: none;
    background-color: #FFFFFF;
    color: #00ADEE;
}
.tertiary-button:hover {
    color:#0187B9;
}
.tertiary-button.disabled {
    color: #9FA7AF;
}

/***This is from VScan merge - it was in master not pipeline - kept it but not sure what its for****/

.primary-button.big, .secondary-button.big, .tertiary-button.big  {
    padding: 14px;
    font-size: 16px;
    font-weight: 700;
}
.primary-button.medium, .secondary-button.medium, .tertiary-button.medium {
    padding: 12px;
    font-size: 14px;
    font-weight: 700;
}
.primary-button.small, .secondary-button.small, .tertiary-button.small{
    padding: 10px;
    font-size: 12px;
    font-weight: 700;
}
.primary-button.tiny, .secondary-button.tiny, .tertiary-button.tiny {
    padding: 8px;
    font-size: 10px;
    font-weight: 700;
}
/*******/

/* Pointer Events */
.cursor-pointer {
    cursor: pointer;
}
.disable-pointer-events {
    pointer-events: none;
}  


 
/* VOUCHER SCAN PAGE */
.vouchers-scan-menu-item img {
    max-width: none;
}
  .content-desktop.vouchers-scan-page .container-fluid {
    max-width: 1100px;
}

.dashboard-li-has-noti.vouchers-scan-menu-item .lkn-dashboard  .text {
    top: 0px;
}
.dashboard-li-has-noti.vouchers-scan-menu-item .lkn-dashboard  img {
    top: -1px;
    width: 30px;
    position: relative;
}
.multi-comment-btn.color-primary.disabled {
    color: #9FA7AF;
    background-color: white !important;
    pointer-events: none;
}
.add-voucher-mobile {
    width: 100%;
    display: flex;
    justify-content: center; 
    align-items: center; 
    padding: 50px 0px;
    
}
.add-voucher-mobile .add-vouchers-btn {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    display: flex !important;
    padding: 20px;
}
.add-voucher-mobile .add-vouchers-btn span {
    font-size: 16px;
    font-weight: 700;
    margin-right: 12px;
    font-size: 26px;
}

/* NEW STYLES - AAC-1885 - Unifying process of october 2025 */

/* ----------------- HEADER ----------------- */
.mobile-header .mobile-header__content {
    height: auto !important;
    padding: 21px 0 18px 0;
    background-image: linear-gradient(107deg, #00ADEE -11.85%, #0187B9 40.17%, #184A5D 114.33%);
}

.mobile-header .mobile-header__content .go-back {
    height: auto !important;
    position: static !important;
    width: auto !important;
    font-size: 28px !important;
    margin-top: 0 !important;
    line-height: 1 !important;
}

.mobile-header .mobile-header__menu-burger {
    position: static !important;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    height: 21px !important;
}
.mobile-header .mobile-header__menu-burger > span {
    position: static !important;
    display: block !important;
}

.mobile-header .mobile-header-tabs {
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    width: 100%;
    display: flex;
}

.mobile-header .mobile-header-tabs .mobile-header-tabs__item {
    display: inline-block;
    font-weight: 700;
    float: none !important;
    text-transform: uppercase;
    border: none;
    width: 50%;
}

.mobile-header .mobile-header-tabs .mobile-header-tabs__item.three-tabs {
    width: calc(100% / 3);
}

.mobile-header .mobile-header-tabs .mobile-header-tabs__item.three-tabs:nth-child(2) {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.mobile-header .mobile-header-tabs .mobile-header-tabs__item .nav-standing-orders-lkn {
    padding-top: 7.5px!important;
    padding-bottom: 7.5px!important;
}

.mobile-header .mobile-header__row {
    width: 100%;
    display: flex;
    align-items: center;
}

.mobile-header__col {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-header .content-title {
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.58px;
}

.mobile-header .box-account-header { /* Needs to be rewrite because is used in other views */
    float: none !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
}

.mobile-header .mobile-header__col-text {
    color: #FFF;
    text-align: center;
    font-weight: 700;
    margin: 0;
}

.mobile-header .mobile-header__col-title {
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
}

.mobile-header .mobile-header__col-content {
    font-size: 12px;
    line-height: 20px;
}

.mobile-header .mobile-header__additional-info-anchor {
    font-weight: 500;
    font-size: 9px;
    color: #FFFFFF;
    letter-spacing: 0.89px;
    text-transform: uppercase;
    padding: 0;
    width: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile-header .mobile-header__additional-info-anchor .number-notification {
    position: static !important;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile-header .btn-export {
    padding: 0;
    margin: 0;
    min-width: max-content;
}

.needs-review {
  font-weight: 700;
  color: #ED3833;
}

.table-amount, .amount-td, .total-amount-row td {text-align:right !important}

.right-col-space {padding-right:30px !important}
.table-reports .right-col-space {padding-right:15px !important}

.v2-disclaimer-text, .v2-disclaimer-text--mobile {
    color: #9B9B9B;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 400;
	margin-top:12px;
}
.v2-disclaimer-text--mobile {
    margin-top: 16px;
}