@CHARSET "UTF-8";

body{
	background-color : #FFFFFA; 
	margin : 0px;
	background-image: url("../img/bg.jpg");
	background-repeat: no-repeat;
	background-size: 100% 600px;
	background-color: #FFFFFF;
        -webkit-text-size-adjust: 100%;
}

.logopad{
    display: block; 
    line-height: 2; 
    margin: 0;
    text-align: center;
    font-size: 1.5em;
    padding: 10px;
    background-color: #333;
    background-color: var(--themecolor);
    color: #FFF;
}
.logosp{
    display: none;
}
.logopad a {
    text-decoration: none;
    color: #FFF;
}

#h_work img{
    width: 100%;
}

#wrapper{
     margin-left: auto;
     margin-right: auto;
     text-align:left;
     width:1000px;
	 background : #FFFFFF;
}

#wrapper_program{
     margin-left: auto;
     margin-right: auto;
     text-align:left;
     width:100%;
	 background : #FFFFFF;
}

#box{
    padding: 0 10px;
    font-size: 20px;
}

#footer{
	color: #FFFAFA;
        background-color: gray;
        background-color: var(--themecolor);
	padding: 5px;
	margin-top: 5px;
	text-align: center;
	font-size : 0.9em;
}

.inline-block{
    display: inline-block;
}

input,textarea, select {
    font-size:18px;
}

table.invoice {
	width: 90%;
	margin: 20px 10px 20px 10px;
}

table.notation {
	margin: 20px 10px 20px 0;
}

.notation th{
	color: #00CC00;
	vertical-align:top;
}

.notation td{
	vertical-align:top;
	padding: 0 0 3px 3px;
}

.pr {
    margin: 20px auto;
    border-collapse: collapse;
}
.pr th, .pr td {
    border: 1px solid #000;
    padding: 10px;
    text-align: center;
    font-size: 1.1em;
}
.pr tr:nth-child(even) {
    background: var(--themecolor-weaker);
}

.so {
    margin: 20px 0;
    border-collapse: collapse;
}
.so th, .so td {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 3px 10px;
    text-align: left;
    vertical-align: top;
}

.so th{
    border-right: 1px solid #000;
    width: 100px;
}

.so tr:nth-child(even) {
    background: var(--themecolor-weaker);
}

.soboder{
    border-left: 1px solid #000;
}

.table_center{
    text-align: center;
    padding: 5px;
}

td {
	
}

.price, .price:before, .price:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
table.price {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  width: 100%;
}

table.price td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 10px;
  text-align: center;
}

table.price th {
  /*background-color: var(--themecolor-weaker);*/
  background-color:#fff;
}
/*
.price th:nth-child(even) {
    background: var(--themecolor-weaker);
}
*/

td.m {
	width: 15%;
}

.red {
	color: #ff0000;
}

.right {
	text-align: right;
}

.w100 {
	padding-left: 10px;
        padding-right: 10px;
        vertical-align: top;
        text-align: right;
}

.green{
	color: #003300;
	background-color: #CCFFCC;
}

.green td{
	padding: 5px 5px 5px 10px;
	margin: 5px 0 0 0;
	font-size: 120%;
}

#submit_button {
    -webkit-appearance: none;
    padding: 20px 30px;
    margin: 10px 5px 20px 5px;
    font-size: 1.2em;
    background-color: #ccc;
    display: inline-block;
}

.submit_btns {
    -webkit-appearance: none;
    padding: 20px 30px;
    margin: 10px 5px 20px 5px;
    font-size: 1.2em;
    background-color: #ccc;
    border: 2px solid;
    border-color:#ddd #777 #777 #ddd;
    display: inline-block;
}

a.submit_btns{
    text-decoration: none;
    color: #000;
}

.red{
	color: #ff0000;
}

.input_table{
	border: 0;
}

table.input_table{
	width: 100%;
        max-width: 800px;
}

.input_table td{
	margin-right: 5px;
	padding-right: 5px;
	vertical-align: middle;
}

.column_label{
	font-weight: bold;
	font-size: 13pt;
	margin: 13px 0 2px;
	padding: 13px 0 2px;
}

.column_label_top{
	font-weight: bold;
	font-size: 13pt;
	margin: 3px 0 2px;
	padding: 3px 0 2px;
}

.comment td{
	vertical-align: top;
}

.input_text{
	padding: 5px;
	height: 30px;
}

.attendee{
	margin: 5px 0;
	padding: 5px 0;
}

#confirm {
	font-size: 10pt;
}

#rendered {
	border-color: #080808;
	border-width: 2px;
	height: 100px;
	width: 90%;
	overflow-y: scroll;
	background: #f0f0f0;
}

.item{
	width: 200px;
	text-align: right;
}

table.comment{
	margin-top: 5px;
	padding-top: 5px;
	vertical-align: top;
}

td.comment{
	font-size: 18pt;
	vertical-align: top;
}

hr{
	page-break-after: always;
}

.comment{
    font-size: 12pt;
    margin-left:1em;
    text-indent:-1.5em;
    margin-bottom: 15px;
}

.comment ul{
    text-indent: 0;
}

.entry{
    margin-left:1.5em;
    text-indent:-1.5em;
    margin-bottom: 10px;
}

#supervisor{
    display: none;
}

table.auth{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border: 0;
    font-size: 20px;
}

.auth th{
    text-align: right;
}

ul{
	padding: 0px;
	margin: 0 0 1em 1em;
	list-style-position: outside;
}

li{
	padding: 3px;
        line-height: 1.3em;
}

textarea{
    width: 100%;
    height: 90px;
}

.text_1{
    width: 100%;
}

.text_name{
    width: 100%;
}

#field_submit_btns{
    display: hidden;
    text-align: center;
}

.check_u_red {
    display: inline;
    color : #FF0000;
    font-weight: normal;
    text-decoration: underline;
}

.upmargin10{
    margin-top: 10px;
}

select{
    height: 30px;
}

.fs_attendees{
    margin: 10px 10px 25px 10px;
}

.timetable:before, .price:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
table.timetable {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
table.timetable th,
table.timetable td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 10px;
}

table.timetable td:empty { 
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJ3aWR0aDoxMDAlO2hlaWdodDoxMDAlOyI+PGxpbmUgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSIgc3R5bGU9InN0cm9rZTogIzMzMzMzMztzdHJva2Utd2lkdGg6IDE7Ij48L2xpbmU+PC9zdmc+');
}

table.timetable th {
    background-color: #ddd;
  background-color: var(--themecolor-weaker);
}

.author{
    text-align: right;
    border-bottom: dotted 1px;
    margin-bottom: 5px;
}

.program_list{
    padding: 5px;
    margin: 5px;
}


#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #FFF;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #000;
  z-index: 2;
}