/* body */
body { position:relative; background:#212121 url('../images/background.jpg') no-repeat; background-position: right 65px; width:100%; background-size:100% auto; height:100%; padding:0; margin:0;  }
@media only screen and ( max-width: 1920px) { body { background-size: auto auto; } }
/**/

/* text */
body, div, p, span { font-family:'Quicksand', sans-serif; font-weight: 500; color:rgba(255,255,255,0.8); }
body { font-size: 16px;  }

h1 { font-size:26px; color:#fcaa2f; margin-bottom:50px; }
h1, h2, h3, h4, h5 { font-family:'Quicksand', sans-serif; font-weight: 500; }

a, a:visited { color:#fcaa2f; transition: all 0.6s ease; }
a:hover { color:#fcaa2f; transition: all 0.2s ease; text-decoration:underline; }

.text-xs { font-size:12px; }
.text-s { font-size:14px; }

.text-right { text-align: right;  }
.text-center { text-align: center;  }
.text-justify { text-align: justify;  }
.text-nowrap { white-space: nowrap; }

.text-yellow { color:#fcaa2f; }
.text-green { color:#ebf8a4; }
.text-white-fade { color:rgba(255,255,255,0.6);  }
/**/


/* header */
.section-header { position:fixed; z-index:1; background:#222; padding:20px 20px 20px 20px; width:100%; box-sizing:border-box; box-shadow:0 0 15px 5px rgba(0,0,0,0.5); transition:all 0.8s ease; }
.section-header { padding-top:calc(20px + env(safe-area-inset-top)); } /* fix stupid bus pocket on iphone x */
.header-container { position:relative; border:none; }
.logo { float:left; width:200px; margin-top:2px; transition:all 0.8s ease; }
.header-menu-bm .bm-menubutton { background:#444; position:relative; padding:5px; float:right; margin-top:2px; border-radius:2px; font-size:18px; color:#fcaa2f; cursor:pointer; transition:all 0.8s ease; }
.header-menu-bm .bm-menubutton:hover { background:#FCaa2F; color:#000; transition:all 0.2s ease;}
.header-menu-bm .bm-sidebar-content { padding-top:env(safe-area-inset-top); background:#111; overflow-y: scroll; }
.header-menu-bm ul { list-style-type:none; margin:0; } 
.header-menu-bm li.menu-heading { display:block; box-sizing:border-box; padding:10px 10px 10px 15px; background:rgba(255,255,255,0.1); color:#fcaa2f; }
.header-menu-bm li a { position:relative; display:block; box-sizing:border-box; padding:10px 10px 10px 25px; color:rgba(255,255,255,0.6); border-bottom:1px solid rgba(255,255,255,0.1); font-weight:700; transition:all 0.6s ease; }
.header-menu-bm li a:hover { color:rgba(255,255,255,1); background:rgba(255,255,255,0.08); text-decoration:none; transition:all 0.2s ease; }
.header-menu-bm li.current-menu-item a { background:#fcaa2f; color:#000; }
.header-menu-bm li.current-menu-item a:before { position:absolute; display:block; content:''; border:8px solid transparent; border-left-color:#0c0c0c; width:0; height:0; top:15px; left:0px; }

.header-menu-bm li.menu-spacer { height:20px; border-bottom:1px solid rgba(255,255,255,0.1); }
@media only screen and ( min-width: 640px) { 
    .logo { width:230px; margin-top:10px; } 
    .section-header { height:90px; }
    .header-menu-bm .bm-menubutton { margin-top:10px; }
}
/**/

/* content */
#main-content { min-height:300px; padding:120px 20px 40px 20px; }
#main-content { padding-top:calc(120px + env(safe-area-inset-top)); }
#sub-content { padding:40px 0 0 0; }
/**/


/* forms */
input[type=text], input[type=password], input[type=email], input[type=number], select, textarea  { background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.4); border-radius:5px; color:#fff; transition:all 0.8s ease; }
textarea { resize:none; }
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,  input[type=number]:focus, select:focus, textarea:focus  { background:rgba(255,255,255,0.2); border:1px solid #fff; box-shadow:none; transition:all 0.3s ease; outline: none; }
select > option { color:#222; }
input::placeholder, textarea::placeholder { color:rgba(255,255,255,0.4);  }
input:disabled {  color:rgba(255,255,255,0.4); }

[type=checkbox] { margin:0; }
[type=checkbox]+label, label { display:inline-block; color:#fff; font-size:1em; margin:0; padding-left:15px; box-sizing:border-box; width:calc(100% - 20px);  }

.input_error, .input_error:focus { border:1px solid #af0303 !important; }
.input_label { padding-top:7px;  }


.switch { display:inline-block; margin-bottom:0; }
input:checked~.switch-paddle { background:linear-gradient(254deg, #1dc4e9, #049df5);  }
.switch-label { position:relative; top:-9px; display:inline-block; line-height:28px; padding-left:10px; }


.button, .button[disabled], .button[disabled]:hover, .button[disabled]:hover, a.button { position:relative; background:#555; color:#fcaa2f; border-radius:5px; border:1px solid #FCaa2F; transition:all 0.6s ease; }
.button:hover, .button:focus { background: #fcaa2f; color:#000; transition:all 0.2s ease; outline:none; }
.button-shadow { box-shadow:0 0 5px 5px rgba(0,0,0,0.2); }

.button-on, a.button-on { background:#fcaa2f; color:#000; }
.button-arrow-down::after { content:''; display:inline-block; position:absolute; bottom:-10px; left:calc(50% - 10px); width:20px; height:20px; border:solid #fcaa2f; border-width:0 3px 3px 0; transform: rotate(45deg); }
/**/

/* notifications */
.note { background-color:transparent !important; border:none; color:#ebf8a4 !important; text-align:center;   }
.error{ background:transparent !important;  border:none;  color:#d00 !important; text-align:center; }
.error a, .error a:visited { color:#a00; }
.error a:hover { color:#800; }
.note i, .error i { margin-right:15px;  }
/**/


/******* table list ***********/
.tcontainer { display:block; position:relative; overflow:hidden;}
@media only screen and ( max-width: 640px) { .tcontainer { margin-left:-20px; margin-right:-20px; } } /* remove body padding on table lists on small screens */
.trow, .throw { display:flex; flex-flow: row wrap; position:relative; transition:0.6s all ease; }

/* table cell */
.tcell { flex:1 1 0px; padding:10px; color:rgba(255,255,255,0.6); }
.throw .tcell { font-weight:normal; background:rgba(255,255,255,0.2); color:#fcaa2f; }
.trow > .tcell:first-child, .throw > .tcell:first-child { padding-left:20px; }
.trow > .tcell:last-child, .throw > .tcell:last-child { padding-right:20px; }
/* */

/* alternate row background color */
.tbackground-alternate > .trow:nth-of-type(even) { background:rgba(255,255,255,0.07);  }
.tbackground-alternate > .trow:nth-of-type(odd) { background:rgba(255,255,255,0.05);  }
/**/

/* borders */
.tborder-outer { border:1px solid rgba(255, 255, 255, 0.2); border-radius:5px; }
@media only screen and ( max-width: 640px) { .tborder-outer { border-radius:0px; } } /* remove body padding on table lists on small screens */

.tborder-row > .throw > .tcell, .tborder-row > .trow > .tcell { border-top:1px solid rgba(55, 80, 144, 0.1);  }
.tborder-row > .trow:first-child > .tcell, .tborder-row > .throw:first-child > .tcell { border-top:none;  }

.tborder-cell .tcell { border-top:3px solid #f9f9f9; border-right:3px solid #f9f9f9;  }
.tborder-cell .tcell:last-child { border-right:none;  }
.tborder-cell > .trow:first-child > .tcell:last-child { border-top:none;  }
/**/

/* hover effect */
.thover > .trow:hover { background-color:rgba(255,255,255, 0.10); cursor:pointer; transition:0.2s all ease; }
/**/

/*************************/



/* contentbox */
.contentbox { background:rgba(0,0,0, 0.10); padding:20px; color:#5d5d5d; position:relative;  }
@media only screen and ( max-width: 640px) { .contentbox { margin-left:-20px; margin-right:-20px; } } /* remove body padding on small screens */
.contentbox-arrow-up:before { position:absolute; display:block; content:''; border:10px solid transparent; border-bottom-color:#3f3f3f; width:0; height:0; top:-20px; left:40px;  }
.contentbox-border { border:1px solid rgba(255,255,255,.1); border-radius:5px;  }
/**/

/* contentbox in list */
.t-contentbox { background:rgba(0,0,0, 0.10); padding:20px; color:#5d5d5d; position:relative;  }
.t-contentbox-arrow-up:before { position:absolute; display:block; content:''; border:10px solid transparent; border-bottom-color:#252525; width:0; height:0; top:-20px; left:40px;  }
.t-contentbox-border { border:1px solid rgba(255,255,255,.1); border-radius:5px;  }
/**/

/* toggle content */
.toggle-content { display:none; flex:none; width:100%; box-sizing:border-box; }
/**/

/* misc content elements */
.divider { border-top:1px solid rgba(255,255,255,0.15); margin-top:30px; height:30px; }
/**/

/* image thumbnails and viewer */
.imagethumb-container { text-align:center; }
.imagethumb { display:inline-block; width:180px; height:150px; background-size:cover; background-repeat:no-repeat; border:1px solid #888; margin:0 10px 10px 0; cursor:pointer; }
@media only screen and ( max-width: 640px) { .imagethumb { width:135px; height:135px; } }

.ow-imageview-container { position:relative; z-index:2; width: calc(100vw - 92px); max-width:1110px; }
/**/

/* ax loader */
.axloader { text-align:center; margin-top:40px;  }
.axloader img { width:50px; }
.axloader-tmp { display:none; width:50px; margin-top:-15px; }
/**/

/* open window */
.ow-window { display:none; background:#222; border:1px solid #333; padding:35px; box-sizing:border-box; box-shadow:0px 0px 10px 7px rgba(0,0,0,0.3); color:#000; max-width:1200px;  }
.ow-content::-webkit-scrollbar { display:none; } 
.ow-closebutton { position:absolute; top:2px; right:3px; font-size:16px; color:#666; cursor:pointer; transition: all 0.2s ease; }
.ow-closebutton:hover { color:#fcaa2f; transition: all 0.2s ease; }
/**/


/* footer*/
.footer-credits { text-align:center; font-size:0.8em;  margin-top:80px; padding-bottom:60px; }
.footer-credits  img { float:left; width:30px; margin-right: 10px; }
.footer-content { width:210px; margin:0 auto; }
.footer-content div { color:rgba(255,255,255,0.4);}
.footer-content div a, .footer-content div a:visited { color:rgba(255,255,255,0.6); transition:all 0.6s ease; }
.footer-content div a:hover { color:rgba(255,255,255,1);  transition:all 0.2s ease; }
/**/