/* 
    version 
    12.10.2015
*/
/* MAIN STYLE */
/* LAYOUT START */ 

@font-face {
    font-family:'Gotham Thin';
    src: url('../fonts/Gotham-Thin.eot');
    src: url('../fonts/Gotham-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Thin.woff2') format('woff2'),
        url('../fonts/Gotham-Thin.woff') format('woff'),
        url('../fonts/Gotham-Thin.ttf') format('truetype'),
        url('../fonts/Gotham-Thin.svg#Gotham-Thin') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Gotham Light';
    src: url('../fonts/Gotham-Light.eot');
    src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Light.woff2') format('woff2'),
        url('../fonts/Gotham-Light.woff') format('woff'),
        url('../fonts/Gotham-Light.ttf') format('truetype'),
        url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Gotham';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham-Medium.woff') format('woff'),
        url('../fonts/Gotham-Medium.ttf') format('truetype'),
        url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-02DC;
}

@font-face {
    font-family:'Gotham';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff'),
        url('../fonts/Gotham-Bold.ttf') format('truetype'),
        url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Gotham Black';
    src: url('../fonts/Gotham-Black.eot');
    src: url('../fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Black.woff2') format('woff2'),
        url('../fonts/Gotham-Black.woff') format('woff'),
        url('../fonts/Gotham-Black.ttf') format('truetype'),
        url('../fonts/Gotham-Black.svg#Gotham-Black') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

html {
width: 100%;
height: 100%;
}

body {
width: 100%;
min-height: 100%;
padding: 0;
margin: 0 auto;
position: relative;
font-size: 14px;
line-height: 20px;
font-family:'Gotham Light';
color: #000;
}

.container {
max-width: 1280px;
width: 100%;
margin: auto;   
}

p {
margin: 25px 0;
line-height: 1.5em;
}

a {
color: #2B295C;
text-decoration: underline;
transition: 0.5s;
display: inline-block;
cursor: pointer;
font-weight: bold;
}

a:hover, a:focus { 
color: #2B295C;
transition: 0.5s;
text-decoration: none;
}

ul.ul_list li, ol.ol_list li {
padding: 3px 0; 
}

img {border: none; }

form {margin: 0; }

article {
clear: both;
padding-bottom: 80px;   
}

th { font-weight: normal; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
font-family: "cora",sans-serif; 
font-weight: 400;
color: #59718C;
}

h1, .h1 {
font-size: 60px;    
}

h2, .h2 {
font-size: 40px;    
}

h3, .h3 {
font-size: 40px;    
}

h4, .h4 {
font-size: 30px;    
}

h5, .h5 {
font-size: 20px;    
}

#title {
font-size: 60px;
margin-bottom: 50px;    
}

header, section, footer, #content { 
max-width: 1920px; 
margin: auto;
position: relative;
}

#header {
margin-bottom: 50px;
padding-bottom: 30px;
border-bottom: 1px solid rgb(89 113 140 / 20%);
}

#header:before {
content: "";
display: block;
width: 100%;
height: 46px;
position: relative;
left:  0;
top:  0;
background: #59718C;
margin-bottom: 25px;
}


/* Button scroll top */

.scrollup {
text-align: center;
text-decoration: none;
position: fixed;
bottom: 0;
right: 0;
z-index: 1100;
padding: 0;
margin: 0;
}

.scrollup a {
width: 40px;
height: 40px;
text-align: center;
transition: 1s;
color: #464646;
font-size: 50px;
}

.scrollup:hover, .scrollup:focus {
color: #2B295C;
opacity: 1 !important;
}

.scrollup a:hover, .scrollup a:focus {
color: #2B295C;
opacity: 1 !important;
}

/* Button scroll top end */

/* alerts */

#popup_container {
min-width: 300px; /* Dialog will be no smaller than this */
max-width: 600px; /* Dialog will wrap after this width */
background: #FFF;
border: solid 5px #999;
color: #000;
border-radius: 5px;
}

#popup_title {
font-size: 17px;
font-weight: bold;
text-align: center;
line-height: 2.75em;
color: #666;
background: #CCC url(../images/title.gif) top repeat-x;
border: solid 1px #FFF;
border-bottom: solid 1px #999;
cursor: default;
padding: 0em;
margin: 0em;
}

#popup_content {
background: 16px 16px no-repeat url(../images/info.gif);
padding: 3em 3em;
margin: 0em;
}

#popup_content.alert {
background-image: url(../images/info.gif);
}

#popup_content.confirm {
background-image: url(../images/important.gif);
}

#popup_content.prompt {
background-image: url(../images/help.gif);
}

#popup_panel {
text-align: center;
margin: 1em 0em 0em 1em;
}

#popup_prompt {
margin: .5em 0em;
}

.state-highlight  {border: 1px solid #ff0000;} 

.process_success p {
text-align: center;
font-size: 18px;
margin: 15px 0;
font-weight: 600;    
}

/* alerts end */

.btn-login {
position: absolute;    
right: 40px;
top: -67px;
}

.btn, #btn_show_all, .button, .access_deny_button {
font-family:'Gotham';
color: #59718C; 
text-align: center; 
border: transparent;    
padding: 7px 25px;  
border-radius: 40px;    
transition: 0.5s;
font-weight: 500;
background: #f8debe;        
}

.btn:hover, .btn:focus, .btn:active, #btn_show_all:hover, #btn_show_all:focus, #btn_show_all:active, .button:hover, .button:focus, .button:active,
.access_deny_button:hover, .access_deny_button:focus, .access_deny_button:active {
color: #fff;    
text-decoration: none;
background: rgba(238, 172, 92, 1);      
}

#btn_show_all {
font-family:'Gotham';
color: #59718C; 
text-align: center; 
border: transparent;    
padding: 7px 25px;  
transition: 0.5s;
font-weight: 500;
text-decoration: underline;
background: transparent;        
}

#btn_show_all:hover, #btn_show_all:focus, #btn_show_all:active {
color: #59718C; 
text-decoration: none;
background: transparent;        
}

.submit, input[type="button"] {
font-family:'Gotham';
color: #fff;    
text-align: center; 
border: transparent;    
padding: 7px 25px;  
border-radius: 40px;    
transition: 0.5s;
font-weight: 500;
background: #59718C;    
}

.submit:hover, .submit:focus, .submit:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active {
color: #fff;    
text-decoration: none;
background: rgba(238, 172, 92, 1);      
}

.pagination {
justify-content: center;    
}

.page-link {
font-family: 'Gotham';
font-weight: 500;
color: #59718C;
border: 1px solid rgba(238, 172, 92, 0.4);
}

.page-link:hover, .page-link:focus, .page-link:active {
color: #fff;
text-decoration: none;
background-color: rgba(238, 172, 92, 1);        
border-color: rgba(238, 172, 92, 1);        
}

.page-link:focus, .page-link:active {
box-shadow: 0 0 0 .25rem rgba(238, 172, 92,.25);    
}

/* Donors table */

#donor_list {
margin-top: 25px;   
}

.donors {
font-size: 11px;
border: 1px solid #ccc;
border-collapse: collapse;
background: #dddddd;
}

.donors th {
color: #fff;
font-weight: bold;
border: 1px solid #8d9cac;
border-collapse: collapse;
text-align: center;
padding: 5px 10px;
background: #59718C;
line-height: 14px;
}

.donors tr:first-child th {
text-align: left;
}

.donors td {
color: #000000;
text-align: center;
padding: 5px;
vertical-align: middle;
background: #ffffff;
border: 1px solid #8d9cac;
border-collapse: collapse;
}

.btn_flt {
height: 31px;
width: 33px;
border-radius: 5px;
border: 1px solid #fff;
background: #fff;
}

.btn_flt:hover, .btn_flt:active {
opacity: 0.8;
cursor: pointer;
}

.btn_flt img {
height: 13px;
width: 16px;
}

/* Donors table end */

/* responsive table */

.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

.table-stacktable {
width:  100%;   
border-collapse: collapse;
}

.table-stacktable th {
text-align: center;
color: #fff;
padding: 10px 5px;
border: 1px solid #a3a9af;
background: #59718c;
font-weight: bold;
}

.table-stacktable td {
padding: 5px;
border: 1px solid #a3a9af;
text-align: center;
}

.table-stacktable td:first-child {
text-align: left;   
}

/* responsive table end */

/* login_container */

.login_container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.login_block {
border: 2px solid #DEE3E7;
padding: 7%;
width: 49%;
margin: auto;
}

.login_block p {
font-size: 18px;
}

.login_block input[type="text"] {
margin-top: 10px;
margin-bottom: 20px;    
}

.error {
font-family: Arial, Verdana, Sans-Serif;
font-size: 12px;
font-weight: normal;
color: #ed7527;
}

.notify {
font-family: Arial, Verdana, Sans-Serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
background: green;
}

.notify_message {
font-family: Arial, Verdana, Sans-Serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
background: green;
padding: 5px;
}

.alert_message {
font-family: Arial, Verdana, Sans-Serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
background: red;
padding: 5px;
}

.alert_message a {
font-family: Arial, Verdana, Sans-Serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-decoration: underline;
background: red;
padding: 5px;
}

.block_flex {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 590px;
margin: auto;
}

/* login_container end */

/* Footer */

#footer {
margin-top: 60px;   
padding: 50px 0 30px;   
background: #59718C;
}

#footer p {
color: #fff;
font-size: 16px;    
font-weight: 500;
}

.bottom_menu {
padding-top: 25px;  
float: right;   
}

.bottom_menu a {
color: #fff;
font-size: 14px;    
font-weight: 500;
}

.copyright {
float: left;
color: #fff;
font-size: 14px;
padding: 25px 0;
}

/* Footer end */

/*------ default style ------*/

.form-label {
font-weight: bold;  
color: #59718C;
margin-bottom: 0;
}

.form-label > span {
font-weight: normal;    
}

.form-flex { 
display: flex;
}

.form-checkbox {
margin-top: 10px;   
}

.form-checkbox label {
margin-right: 20px;
}

.form-checkbox .error_js, .icheckbox_minimal-purple .error_js { 
position: relative;
min-width: 200px;
margin-top: 15px;
text-align: left; 
}

input[type="text"], input[type="password"], .input_select, select, textarea {
border: 2px solid #59718C;
border-radius: 6px;
padding: 8px 15px;  
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
} 

input[type="text"].hasDatepicker {
width: 140px;    
margin-right: 10px;
}

input.state-highlight-error, .input_select.state-highlight-error, select.state-highlight-error, textarea.state-highlight-error {
border-color: #D67F16;  
background: #FDF6EE;
}

#per_page {
width: 80px;    
}

.error_js {
color: #D67F16;
font-weight: bold;
text-align: right;
}

label{
display: inline !important;
margin-bottom: 0;
margin-left: 5px;
}
label + input[type="radio"] {
margin-left: 30px;    
}
/* Ickeck */


/* iCheck plugin Minimal skin, purple
----------------------------------- */
.icheckbox_minimal-purple,
.iradio_minimal-purple {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 18px;
height: 18px;
background: url(../images/icheck/minimal/purple.png) no-repeat;
border: none;
cursor: pointer;
}

.icheckbox_minimal-purple {
background-position: 0 0;
}
.icheckbox_minimal-purple.hover {
background-position: -20px 0;
}
.icheckbox_minimal-purple.checked {
background-position: -40px 0;
}
.icheckbox_minimal-purple.disabled {
background-position: -60px 0;
cursor: default;
}
.icheckbox_minimal-purple.checked.disabled {
background-position: -80px 0;
}

.iradio_minimal-purple {
background-position: -100px 0;
}

.iradio_minimal-purple.hover {
background-position: -120px 0;
}

.iradio_minimal-purple.checked {
background-position: -140px 0;
}

.iradio_minimal-purple.disabled {
background-position: -160px 0;
cursor: default;
}

.iradio_minimal-purple.checked.disabled {
background-position: -180px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_minimal-purple,
    .iradio_minimal-purple {
        background-image: url(../images/icheck/minimal/purple@2x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}

/* Icheck end */

/* clear */
.clr{clear: both !important;}

/* display */
.db {display: block !important;}
.di {display: inline !important;}
.df {display: flex;}
.dib {display: inline-block !important;}
.dnone {display: none;}

/* float */
.fl {float: left !important;}
.fr {float: right !important;}
.fnone {float: none !important;}

/* border */
.brdnone {border: none}

/* width */
.w10p {width: 10% !important;} .w20p {width: 10% !important;} .w25p {width: 25% !important;} .w30p {width: 30% !important;} .w33p {width: 33% !important;}
.w40p {width: 40% !important;} .w50p {width: 50% !important;} .w60p {width: 60% !important;} .w70p {width: 70% !important;} .w80p {width: 80% !important;}
.w90p {width: 90% !important;} .w100p {width: 100% !important;}

.w70px {width: 70px !important;}
.w100px {width: 100px !important;}
.w150px {width: 100px !important;}
 
/* padding */
.p0 {padding: 0 !important;} .p5 {padding: 5px !important;} .p10 {padding: 10px !important;} .p15 {padding: 15px !important;} .p20 {padding: 20px !important;} .p25 {padding: 25px !important;}
/* padding-left */
.pl0 {padding-left: 0px !important;} .pl5 {padding-left: 5px !important;} .pl10 {padding-left: 10px !important;} .pl15 {padding-left: 15px !important;} .pl20 {padding-left: 20px !important;} .pl25 {padding-left: 25px !important;} 
/* padding-right */
.pr0 {padding-right: 0px !important;} .pr5 {padding-right: 5px !important;} .pr10 {padding-right: 10px !important;} .pr15 {padding-right: 15px !important;} .pr20 {padding-right: 20px !important;} .pr25 {padding-right: 25px !important;}
/* padding-top */
.pt0 {padding-top: 0px !important;} .pt5 {padding-top: 5px !important;} .pt10 {padding-top: 10px !important;} .pt15 {padding-top: 15px !important;} .pt20 {padding-top: 20px !important;} .pt25 {padding-top: 25px !important;}
/* padding-bottom */
.pb0 {padding-bottom: 0px !important;} .pb5 {padding-bottom: 5px !important;} .pb10 {padding-bottom: 10px !important;} .pb15 {padding-bottom: 15px !important;} .pb20 {padding-bottom: 20px !important;} .pb25 {padding-bottom: 25px !important;}

/* margin */
.m0 {margin: 0 !important;} .m5 {margin: 5px !important;} .m10 {margin: 10px !important;} .m15 {margin: 15px !important;} .m20 {margin: 20px !important;} .m25 {margin: 25px !important;}
/* margin-left */
.ml0 {margin-left: 0px !important;} .ml5 {margin-left: 5px !important;} .ml10 {margin-left: 10px !important;} .ml15 {margin-left: 15px !important;} .ml20 {margin-left: 20px !important;} .ml25 {margin-left: 25px !important;} .ml30 {margin-left: 30px !important;}
/* margin-right */
.mr0 {margin-right: 0px !important;} .mr5 {margin-right: 5px !important;} .mr10 {margin-right: 10px !important;} .mr15 {margin-right: 15px !important;} .mr20 {margin-right: 20px !important;} .mr25 {margin-right: 25px !important;} .mr30 {margin-right: 30px !important;} 
/* margin-top*/
.mt5 {margin-top: 5px !important;} .mt10 {margin-top: 10px !important;} .mt15 {margin-top: 15px !important;} .mt20 {margin-top: 20px !important;} .mt25 {margin-top: 25px !important;}
/* margin-bottom */
.mb5 {margin-bottom: 5px !important;} .mb10 {margin-bottom: 10px !important;} .mb15 {margin-bottom: 15px !important;} .mb20 {margin-bottom: 20px !important;} .mb25 {margin-bottom: 25px !important;}

.nowrap{white-space: nowrap;}

.line {
height: 1px;
margin: 15px 0;    
background: rgba(149, 149, 165, 0.2);    
}

/* outline */
a, a:hover, a:focus, a:active, input, button{outline: 0;}

input[type=number] {
    -moz-appearance:textfield;
}

.error_content{color: red;display: block !important;}

/*------ default style ------*/

@media screen and (max-width: 479px) {
    
}

@media screen and (max-width: 639px) {
    .btn, #btn_show_all, .button, .access_deny_button {
    padding: 7px 18px;
    font-size: 13px;
    }
}

@media screen and (min-width: 768px) {
    
    .container {
    padding-left: 40px;
    padding-right: 40px;    
    }
}

@media (max-width: 767px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
  .table-stacktable { margin-bottom: 3px; }
  .table-stacktable tr:first-child { background: #59718c; color: #fff; font-weight: bold;}
  .table-stacktable tr:nth-child(even) { background: #fff; }
  .table-stacktable td { text-align: left !important; }
  .table-stacktable td.st-key { font-weight: bold; } 
  .login_container { flex-flow: column; }
  .login_block { width: 100%; margin-bottom: 30px; }
  .btn, #btn_show_all, .button, .access_deny_button { padding: 7px 18px; }
  .goog-te-gadget-simple { font-size: 12px !important; }
    .container {
    padding-left: 15px;
    padding-right: 15px;    
    }
    
}

@media screen and (max-width: 991px) {
    
    .icon-bar {
    height: 1px;
    background: #bfbfce;   
    margin: 0;
    float: right;
    clear: both;
    } 

    .navbar-toggle-white .icon-bar {
    background: #fff;   
    }

    .header_blue .navbar-toggle-white .icon-bar {
    background: #2B295C;    
    }

    .navbar-toggle .icon-bar1 {
    width: 18px;
    }

    .navbar-toggle .icon-bar2 {
    width: 14px;    
    }

    .navbar-toggle {
    float: right;   
    display: block; 
    height: 32px;
    border-radius: 0;
    margin: 2px 0 0 0;
    overflow: hidden;
    padding: 10px 0 10px 10px;
    background: transparent;
    border: none;
    text-align: right;
    }

    .navbar-toggle .icon-bar {
    margin: 4px 0;   
    }
        
    #top_menu {   
    display: flex;  
    height: 100vh;
    width: 0;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    margin: 0;
    background-color: #2b295c;
    overflow-x: hidden;
    align-items: center;
    justify-content: center;
    }

    .closebtn {
    position: absolute;
    top: 26px;
    right: 25px;
    color: #fff;
    text-decoration: none;
    font-size: 40px;
    margin-left: 50px;
    font-weight: 300;
    transform: rotateZ(45deg);
    }

    .closebtn:hover {
    text-decoration: none;  
    } 

    .sf-menu > li {
    display: block;
    padding: 15px 0;    
    }
    .sf-menu > li > a, #top_menu.top_menu_white .sf-menu > li > a  {
    color: #fff;    
    }

    #top_menu.top_menu_white .sf-menu > li > a:hover, #top_menu.top_menu_white .sf-menu > li.current > a {
    color: #fff;    
    border-bottom: 2px solid #fff;
    }

    .sf-menu > li > a {     
    font-weight: bold;
    font-size: 24px;
    line-height: 48px;
    }


    h1, .h1 {
    font-size: 40px;    
    }

    h2, .h2 {
    font-size: 30px;    
    }

    h3, .h3 {
    font-size: 22px;    
    }

    h4, .h4 {
    font-size: 18px;    
    }

    h5, .h5 {
    font-size: 16px;    
    }

    #title {
    font-size: 40px;
    margin-bottom: 30px;    
    }

}

@media screen and (max-width: 1199px) {
    #donor_list { overflow-x: scroll; }
}

@media screen and (min-width: 992px) {
    #footer {
    padding: 80px 0 30px;   
    }
}

@media screen and (min-width: 992px) and (max-width: 1439px) {
    
}

.fa-ban { opacity: 0.8; margin-left: 7px; }

.user_obj .btn {
padding: 6px 22px;
}

.btn_red{
color: red;
}
.btn_green{
color: green;
}

table.change_fld{
font-size: 10px !important;
}

.tag_fake{
color:red;
}

.current_period{
color: #2B295C;
}