@import url('//fonts.googleapis.com/css?family=Cinzel:400,700,900');
.clearer, .clear, .kill-float {clear:both; line-height:0; height:0; width:0; font-size:0; color:transparent; background-color:transparent;}
script {display:none !important;}
.footer-addendum {margin-top: 18px;}
.page.admin .row { width: 100%; margin-left:5px; margin-right:5px;}
.row { width: 100%;}
.page.admin .row > *  { display:inline-block; text-align:left; vertical-align:top; padding:0 5px; }
.fuel-site .row > *  { display:inline-block; text-align:left; vertical-align:top; }
.row > .col-md-4 {width:32.5%; }
.row > .col-md-3{ width:24.5%;}
.row > .col-50 { width:49.5%;}
.page.admin {padding:20px;}
.admin-home{padding:20px;}
.donate-now{float:right; font-weight:bold; font-size:24px; padding:10px; border:solid black 2px;;}


.fancy{
   font-family: 'Cinzel', serif;
   font-weight:bold;
      text-shadow:
    0px -1px 0 #000,
    1px 0px 0 #000,
    0px 1px 0 #000,
   -1px 0px 0 #000,
   -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

   .note {
      font-style:italic;
   }

button, input[type=submit]{
   border:1px solid #85a5df; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
   font-weight:bold !important;
   color: #FFFFFF !important;
   background-color: #7690BD !important;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#B2C6EB), to(#7690BD));
 background-image: -webkit-linear-gradient(top, #B2C6EB, #7690BD);
 background-image: -moz-linear-gradient(top, #B2C6EB, #7690BD);
 background-image: -ms-linear-gradient(top, #B2C6EB, #7690BD);
 background-image: -o-linear-gradient(top, #B2C6EB, #7690BD);
 background-image: linear-gradient(to bottom, #B2C6EB, #7690BD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#B2C6EB, endColorstr=#7690BD);
}
.dontate-button{font-size:24px;}

input[type=submit].make-current {border-radius:15px; margin-left:5px; padding:3px;}


.splash{
    background: no-repeat center;
    background-size: cover;
    height: 80%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.splashText{
    font-size: 36px;
    font-weight: bold;
    max-width: 600px;
    background: rgba(50,50,50,.5);
    color: white;
    padding: 10px;
}
.splashSpacer{
    width: 100%;
    visibility: hidden;
}
.section{
    padding-top: 50px;
    padding-bottom: 50px;
}
.pageTitle{
    font-size: 50px;
}
.pageDesc{
    font-size: 18px;
    line-height: 150%;
    max-width: 800px;
    margin: 0 auto;
}
.content{
    margin-top: 50px;
}
.titleDescription{
    max-width: 700px;
    margin: 0 auto;
    font-size: 18px;
}
h1, .header-1{
    font-size: 40px;
}
h2, .header-2{
   font-size: 35px; color: #6C6;
}
h3, .header-3{
    font-size: 30px;
}
.icon-1{
    font-size: 80px;
}
.subheader-1{
    display: block;
    font-size: 26px;
    margin-bottom: 5px;
}
.subheader-2{
    display: block;
    font-size: 26px;
    margin-bottom: 5px;
    text-decoration: underline;
}
.desc{
    font-size: 18px;
    line-height: 150%;
}
.parallax{
    background: no-repeat fixed center;
    background-size: cover;
}
@media (max-width:768px){
    .pageTitle{
        font-size: 30px;
    }
    .header-1{
        font-size: 25px;
    }
    .desc{
        font-size: 15px;
    }
    .splashText{
        font-size: 25px;
    }
    .header-2{
        font-size: 30px;
    }
}
.error-msg{font-size:1.3em; font-weight:bold; text-align:center; color:red;
 padding:15px; margin:5px; border: 2px solid red;}
.formError{font-size:11px; color:red; }
.formErrorz{font-size:16px; color:red; }


/*Input styling*/
.inputContainer{
    margin-left: 25px;
   margin-right: 25px;
   width:100%;
}
.inputContainer label{
    display: inline-block;
    font-size: 1.2em;
    margin-top: 15px;
}
.inputContainer label input{ font-size:.9em; font-weight:normal; }
.inputContainer input, .inputContainer select, .inputContainer textarea{
    display: block;
    max-width: 600px;
    width: 100%;
    border: 2px solid rgba(0,0,0,.15);
    border-radius: 5px;
    padding: 5px;
    outline: none;
    transition: border .25s;
}
.inputContainer input:hover, .inputContainer input:focus, .inputContainer select:hover, .inputContainer select:focus, .inputContainer textarea:hover, .inputContainer textarea:focus{
    border-color: rgba(0,0,0,.3);
}
.inputContainer select{
    width: auto;
}
.inputContainer input:disabled, .inputContainer input:read-only, .inputContainer select:disabled, .inputContainer textarea:disabled{
    background: rgba(0,0,0,.1);
}
.inputContainer textarea{
    width: 100%;
    max-width: 800px;
    resize: none;
}
.inputContainer input[type='submit'], .inputContainer button {
    display: inline-block;
    background: white;
    border-color: rgba(0,0,0,.35);
    color: rgba(0,0,0,.35);
    margin-right: 10px;
    margin-top: 50px;
    width: auto;
    padding: 3px 20px;
    font-weight: bold;
    font-size: 18px;
    transition: color .25s, border .25s;
}
.inputContainer input[type='submit']:hover, .inputContainer input[type='submit']:focus, .inputContainer button:hover, .inputContainer button:focus  {
    color: rgba(0,0,0,.55);
    border-color: rgba(0,0,0,.55);
}
.inputContainer input[type='number']{
    width: auto;
}
.inputContainer input[type='checkbox']{
    width: 15px;
    height: 15px;
    max-width: none;
    display: inline-block;
    vertical-align: middle
}
.inputContainer .checkboxLabel{
    display: inline-block;
    vertical-align: sub;
    margin: 0 0 10px 10px;
    font-size: 16px;
    font-weight: bold;
}
.inputContainer .checkboxLabel:hover{
    cursor: pointer;
}
.inputContainer .formError{
    color: red;
    margin-bottom: 10px;
    font-weight: bold;
}
.inputContainer .formImportant{
    font-size: 20px;
    font-weight: bold;
}
.inputContainer .formInfo{
    font-size: 26px;
    font-weight: bold;
    margin: 20px 0 10px;
}
.inputContainer .inputRow{
   text-align: left;
    margin: 15px 0;
}
.inputContainer .inputRow *{
   text-align: left;
}



.table thead td, .table thead th{ font-weight:bold; background-color: #EEEEFF; padding-bottom:20px; overflow: hidden; position:relative;}


.table div.filter {height:25px; line-height:25px; }
.table div.filter input { width:110%; font-size:.8em; line-height:16px; height:18px; }

.table tfoot td{ font-weight:bold; background-color: #EEEEFF;}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
   top: 8px !important;
   bottom: none;

}

.dataTable td input {width:95%;}

a.new {font-weight:bold; font-size:1.1em;}
.radio-holder label {font-size: .9em; line-height: 14px; }
.radio-holder{display:inline-block;}


.status-new { background:#fbffce; }

table th, .table td {background-color:white; max-width:120px; overflow:hidden;
   overflow-wrap: break-word; word-wrap: break-word;}
table th.field-date, .table td.field-date {min-width:45px;}
table th.field-address, .table td.field-address {white-space:pre-wrap; width:130px;}
table th.field-contact, .table td.field-contact {white-space:pre-wrap; width:130px;}
.table .prev {background:#BBBBEE; border:1px solid #AAAACC; padding:2px;margin:2px; font-size:.85em; bottom:0; postion:relative;}
.table .next {background:#EEEEBB; border:1px solid #CCCCAA; padding:2px;margin:2px; font-size:.85em;}


th.field-School, td.field-School, th.field-school, td.field-school {min-width:100px;}
td.field-comments .overflow { max-height: 60px; overflow:hidden; }
.table .buttons {display:inline-block; width:45px;}
   #tbl_users .buttons {display:inline-block; width:70px;}
   #tbl_tp1s .buttons {display:inline-block; width:85px;}
#tbl_tp1s .buttons form {display:inline-block;}

.tp1Container label {display:block;}



.table .edit {font-size:12px; border:2px solid #aaaacc; padding:2px; margin:2px; display:inline-block; background-color:#DFD;border-radius:10px; text-align:center; width:25px;}
.table .delete {font-size:12px; border:2px solid #aaaacc; padding:2px; margin:2px; display:inline-block; background-color:#FDD; color:#A00; border-radius:10px; margin-left:10px;  text-align:center; width:25px;}

.dt-buttons, .dataTables_length {margin: 0 5px;}
.table tr.pending td {background-color: #FED;}



.stretch {  }
.stretch:after{content:''; display:block; clear:both;  height:100%;}
.revc { height:100%; }
.revc:before { content:''; float:left;  height:100%;}
.revc, .revc>div {
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.donation-ok, .donation-ok td {background-color: #CFC;}
.donation-warn-1, .donation-warn-1 td {background-color: #FFA;}
.donation-warn-2, .donation-warn-2 td {background-color: #FDA;}
.donation-warn-3, .donation-warn-3 td {background-color: #FBA;}
.donation-error, .donation-error td  {background-color: #F99;}
.last-fy, .last-fy td { background:#EEF; }
.donor-last-fy, .donor-last-fy td { background:#FFE; color: #990 ; font-weight:bold; }
.cancelled, .cancelled td { color:#A00; font-weight:bold; }
.donation-legend > * {line-height:.9em; font-size:.8em; padding: 5px; display:inline-block; white-space:nowrap;  border:1px solid #DDF; margin:2px;}

.error {padding:10px; margin:10px; font-weight:bold;font-size: 1.4em;
   border:2px solid #A00; color:#A00; }

   .top > * {float:left; margin:0 10px; border-right: 1px solid #EEE; padding:0 10px;
   font-size:.9em;}
.bottom > * {float:left; margin:0 5px; border-right: 1px solid #EEE; padding:0 5px;   font-size:.9em;  }
   .dataTables_info {clear: both;}
   .filterContainer label {margin: 0 5px; padding: 0 5px;}
   .filterContainer .report-filter {display:inline-block; margin:0 10px;}
.filterContainer .report-filter label {display:block;}

.inputContainer input[type=submit].delete, .inputContainer button.delete
{float:right; margin-right:300px;}
.inputContainer input[type=submit].delete:after, .inputContainer button.delete:after
{clear:both;}

.check-type-filter {width: 700px;}
div.filterContainer .check-type-filter label
{float:left; width: 185px; margin:3px; border:1px solid #ccF;}
div.filterContainer .check-type-filter label input {margin:0 5px 0 0;}
.nav .user {float:right; padding: 0 10px; }

.donate-links .link-body{
   background-color: #FFFFDD88;
   max-width:300px;
   border-radius:25px;
   padding:5px;
   margin: 10px auto ;
   font-weight:bold;
   font-size: 1.1em;
   border:3px double #CFC;

}
table .field-fiscal_year {width: 75px;}
.approve_tp1s table .buttons { width: 105px !important;}
table tr.pending td {background-color: #CC9;}

.dataTables_filter .btn {color:black;}

[aria-hidden=true] {display:none;}

.tp1-pages-panel .sorters > *{ font-weight:normal; font-size:.8em; padding:3px;}
.tp1-pages-panel .check-controls > *{ font-weight:normal; font-size:.8em; padding:3px;}

.tp1-page { max-width: 740px; padding: 25px; margin:25px; border:1px solid #AAF; position:relative;}
.tp1-page label { display:block; }

.tp1-page label.will-print { width: 100px; float:right;border-radius:5px; background-color:#CCCCFF; border:2px solid #99A; padding:3px; text-align:center;}
.tp1-page label .text {display:inline-block; font-weight:normal; padding:0 5px; margin: 0 5px;}
.tp1-page label .value {display:inline-block; font-weight:bold;}
.page-break { page-break-after: always; }
.tp1-page  .page-cnt { position:absolute; right:5px; top:5px; }

.sso2s .sso2 .item .value { text-align: right;}

.sso2s {border:1px solid #333; padding:10px; background-color:white;}
.sso2s .sso2 {font-size:14px; margin:10px; display:inline-block; width:110px; vertical-align:top;}
.sso2s .sso2 .item {display:block; height: 24px;}
.sso2s .sso2 .item p {padding:0 15px;}
.sso2s .sso2 .item:nth-child(2n){background-color:#eef;}
.sso2s .sso2 h3 {font-weight:bold;display:block;}
.sso2s .sso2 h4 {font-size:14px; font-weight:bold;display:block;}
.sso2s .sso2.sso2-headers {width: 285px;  position:absolute; top:0px; left:10px;}
.old-home .sso2s .h-scroll-container { width: calc(100% - 310px); position: relative; top: 0px; left:308px;}
.sso2s .h-scroll-container { width: 1000px; position:absolute; top: 0px; left:308px;}
.sso2s { position:relative; height:390px; }

.sso2-range .item p:first-of-type {
   background-color: #eef;
   width:140px; height:45px;
}
.sso2-range .item p {padding:3px;}

.fiscal-year-data {
   vertical-align:top;
   background:#fff; padding:10px; border:solid 1px #999;
   position:relative; height:390px;
}

.fiscal-year-data  .fy-total-headers {position:absolute; top:0; left:0; width:250px;}
.fiscal-year-data  .h-scroll-container {position:absolute; top:0; left:260px;}

.new-home .fiscal-year-data  .fy-total-headers { width:135px;}
.new-home .fiscal-year-data{ height: 840px; width:1015px;}
.new-home .fiscal-year-data  .h-scroll-container {position:absolute; top:0; left:135px;}

.old-home .fy-total { border: 1px solid #eee;padding:3px; margin:0px; display:inline-block; vertical-align:top;}
.old-home .fy-total h4 {font-size:14px; font-weight:bold; display:block; margin:0;}
.old-home .fy-total .item {display:block; padding:5px; border: 0px none transparent;}
.old-home .fy-total .item:nth-child(2n){background-color:#eef;}
.old-home .fy-total .item-block {display:block; padding:5px; margin:5px; border-bottom:1px solid #eee;}
.old-home .fy-total label {font-size:12px; font-weight:bold; display:block; }
.old-home .fy-total label:after{content: "\A"; white-space: pre; }
.old-home .fy-total .value{font-size:12px; }


.fy-total { border: 1px solid #eee; padding:3px; margin:0px; display:inline-block; vertical-align:top; }



.h-scroll-container {display:inline-block; overflow-x:auto; width:800px;}
.h-scroll-body {display:inline-block;}
.fy-total h4 {font-size:14px; font-weight:bold;}
.fy-total .item-block {display:block; padding:3px; margin:0px;}
.fy-total .item {display:block; padding:2px; height:24px; }
.fy-total.literal .item {display:block; padding:2px; height:48px; }
.fy-total .item:nth-child(2n){background-color:#eef;}
.fy-total label {font-size:12px; font-weight:bold; display:block; }
.fy-total label:after{content: "\A"; white-space: pre; }
.fy-total .value{font-size:12px; }

.fy-total h5 { font-weight:bold; }
.fy-total p { padding:0 10px; }

@media print{
   .noprint { display:none !important;}
   .nav {display:none !important;}
}

.help-block { float:right; border-radius:15px; border:1px solid #7690BD; padding:5px; margin:5px; }
.scholarship-statuses {max-width:300px; }

.page.admin .row > .select-mode-active,
   .select-mode-active {display:none;}
.page.admin .row > .select-mode-inactive,
   .select-mode-inactive {display:block;}

.page.admin .row.select-mode .select-mode-active,
.select-mode .select-mode-active {display:block;}

.page.admin .row.select-mode .select-mode-inactive,
   .select-mode .select-mode-inactive {display:none;}

.selector {display:block; text-align:center;}
.dataTable td .selector input {height:25px; width:25px;}

.small-btn, .inputContainer .small-btn {font-size:.9em; margin:2px; padding:2px;}
.next-btn {font-size:2em; font-weight:bold; padding:15px; margin:5px; }
#flowInc {width:95%;}