html, body {width:100%; padding:0; margin:0; height: 100%;}

body 
{   
    font: 14px/18px "Times New Roman", Times, serif;
    color:#00000a;
    min-width:700px;
    background-color:#a0a0a0;
    background:url(../images/background.jpg);
    background-attachment:fixed;
    
}
.slide
{
    min-height:700px; 
   /* position:relative; */
    width: 100%;
    margin: auto;
    bottom: 50px;
}
.slide::after
{
    content:"";
    clear:both;
    display:table;
}

.tabs 
{
    clear: both;
}


.tabs > .active {
  display: block;
}


.tabs::after
{
    content:"";
    clear:both;
    display:table;
}


.header
{
    background-color:#e5e5e5;
	height:100px;
	
}

.header_image
{
	float: left;
    margin-left: 5px;
    margin-right: 20px;
}

.header_main .label_text
{
    font-size:32px; 
    line-height:36px; 
    color:#131313; 
    font-weight:bold; 
    font-style:italic;  
    text-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); 
    display:block; 
}

.header_main .text
{
    font-size:22px; 
    line-height:24px; 
    color:#131313; 
    display:block; 
}


.transformer-tabs 
{
	float: left;
    width: 20%;
    max-width:300px;
    min-width:200px;
    margin-left: 5px;
}


.transformer-tabs table
{
  width:100%;
  border-spacing: 0px;
}

.transformer-tabs table, .transformer-tabs td , .transformer-tabs tbody, .transformer-tabs tr
{
  border: 0px solid #111;
}


.transformer-tabs td 
{
  border: 0px solid #111;
  padding: 0px 0px 0px 10px ;
}

.transformer-tabs .menu_h1_first_td
{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}


.transformer-tabs .menu_h1_last_td
{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.transformer-tabs .menu_h1
{
    background-color:#f58f02/*#1cdbb4*/;
    font-size: 28px;
    line-height:40px; 
}


.transformer-tabs .menu_h1_b
{
    background-color:#1dcdf1;
    font-size: 28px;
    line-height:40px; 
}

.transformer-tabs .menu_h2
{
    background-color:#e8e8e8;
    font-size: 20px;
    line-height:32px; 
}
.transformer-tabs .menu_h1_col1
{
	
	
}
.transformer-tabs .menu_h2_col1
{
    width:10%;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}

.transformer-tabs .menu_h2_col2
{
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}



@media (max-width: 900px) 
{
	.transformer-tabs 
	{
		float: left;
	    width: 75%;
	    max-width:none;
	    min-width:200px;
	    margin-left: 5px;
	}
	
}



.page-wrap 
{
    float: left;
    transition: width 0.3s ease;
    background: rgba(33, 33, 33, 0.03);
    min-width: 650px;
    width: 75%;
    min-height:700px;
}

#myModal
{
	margin-left:10px;
}

.main_block .label_text
{
    font-size:28px; 
    line-height:30px; 
    color:#131313; 
    font-weight:bold; 
    font-style:italic;  
    text-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); 
}

.main_block .text
{
    font-size:26px; 
    line-height:26px; 
    color:#131313; 
}




.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #93ffcf;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}






  table.t2 {
    width: 100%;
    border-collapse: collapse;
    font-family: Georgia;
  }
  .t2 caption {
    padding-bottom: 0.5em;
    font-weight: bold;
    font-size: 20px;
  }
  .t2 th, .t2 td {
    padding: 4px 8px;
    border: 2px solid #fff;
    background: #e9b312/*#b4f0fb*/;
    font-size: 22px;
  }
  .t2 thead th {
    padding: 6px 10px;
    background: #f58f02/*#0daf63*/;
    text-align: left;
    font-weight: normal;
    font-size: 24px;
    color: #fff;
  }
  .t2 tbody tr:nth-child(odd) *:nth-child(even), .t2 tbody tr:nth-child(even) *:nth-child(odd) {
    background: #fbd324/*#ddf2f3*/;
  }
  .t2 tfoot th {
    padding: 2px 8px;
    background: #f58f02/*#0daf63*/;
    text-align: left;
    font-weight: normal;
    font-size: 20px;
    color: #fff;
  }
  .t2 tr *:nth-child(3), .t2 tr *:nth-child(4) {
    text-align: left;
  }




  table.t3 {
    width: 100%;
    border-collapse: collapse;
    font-family: Georgia;
  }
  .t3 caption {
    padding-bottom: 0.5em;
    font-weight: bold;
    font-size: 16px;
  }
  .t3 th, .t3 td {
    padding: 4px 8px;
    border: 2px solid #fff;
    background: #b4f0fb;
  }
  .t3 thead th {
    padding: 2px 8px;
    background: #38b0c9;
    text-align: left;
    font-weight: normal;
    font-size: 13px;
    color: #fff;
  }
  .t3 tbody tr:nth-child(odd) *:nth-child(even), .t3 tbody tr:nth-child(even) *:nth-child(odd) {
    background: #ddf2f3;
  }
  .t3 tfoot th {
    padding: 2px 8px;
    background: #38b0c9;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
  }
  .t3 tr *:nth-child(3), .t3 tr *:nth-child(4) {
    text-align: left;
  }

/*  LOGIN    */

h2 { font-size:40px; line-height:48px; color:#a70101; font-weight:normal; font-style:italic;  text-shadow:#cc7b7b 0px 0px 3px;}
h2 strong { font-size:22px; line-height:27px; color:#131313; font-weight:bold; font-style:italic;  text-shadow:transparent 0px 0px 3px; display:block; margin-top:-5px;}
.h2-line { border-bottom:#d6d6d6 1px solid; padding-bottom:5px;}

h3 { font-size:30px; line-height:40px; color:#444444; font-weight:normal;  text-shadow:#b1b1b10px 0px 3px;}
h3 strong { font-size:20px; line-height:25px; color:#131313; font-weight:bold; font-style:italic;  text-shadow:transparent 0px 0px 3px; display:block; margin-top:-5px;}

#slide-login 
{ 
    position:relative;
    min-width:700px;      
    width:90%; 
    margin:0 auto; 
    z-index:auto; 
    overflow:hidden;
    border:#c7c7c7 0px solid; 
    border-top:none !important; 
    clear:both;
}



.label-login 
{
    font-size:20px; 
    line-height:26px;
    color:#0101a7;
    text-shadow:#7b7bcc 0px 0px 3px;
}
.label-important 
{
    font-size:20px; 
    line-height:24px;
    color:#cc0000;
    text-shadow:#a701010px 0px 3px;
}

.input-login 
{
    font-size:20px; 
    line-height:22px;
    text-shadow:#7b7bcc 0px 0px 3px;
    max-width: 90%;
}


.buttonlogin
{
    border : solid 2px #656fd4;
    border-radius : 20px 3px 20px 4px ;
    moz-border-radius : 20px 3px 20px 4px ;
    -webkit-box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
    -moz-box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
    box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
    font-size : 24px;
    color : #ffffff;
    padding : 1px 17px;
    background : #31fa1e;
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616efa), color-stop(100%,#6060ab));
    background : -moz-linear-gradient(top, #616efa 0%, #6060ab 100%);
    background : -webkit-linear-gradient(top, #616efa 0%, #6060ab 100%);
    background : -o-linear-gradient(top, #616efa 0%, #6060ab 100%);
    background : -ms-linear-gradient(top, #616efa 0%, #6060ab 100%);
    background : linear-gradient(top, #616efa 0%, #6060ab 100%);
    filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#616efa', endColorstr='#6060ab',GradientType=0 );
   
}


.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding: 30px 0px 30px 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(250,250,250,0.8); /* Black w/ opacity */
}
.modal-content 
{
    background-color: #fff;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    position: relative;
    font-size : 24px;
    overflow: scroll;
}

.modal-content-without-material
{
    width:90%;
	max-width:588px;
    height:540px;
} 


.close {
    color: #5e5e5e;
    float: right;
    font-size: 32px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal_content_text
{
	
	height: 98%;
}

.modal_img
{
    background: rgba(0,0,0,0) !important;	
}



.container_footer 
{
    width: 100%;
    height: 100px;
    background: #363636/*#6E6E6E*/;
    min-width: 700px;
    text-align: center;
    bottom: 0px;
    position: static;/*fixed*/
}

.footer_headline 
{
	font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    color: #ffffff;
    margin: 10;
    z-index: 1;
}


    

.buttonfeedback
{
    border : solid 2px #45d42f;
    border-radius : 20px 3px 20px 4px ;
    moz-border-radius : 20px 3px 20px 4px ;
    -webkit-box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
    -moz-box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
    box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
    font-size : 24px;
    color : #ffffff;
    padding : 1px 17px;
    background : #31fa1e;
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#31ca1e), color-stop(100%,#309b00));
    background : -moz-linear-gradient(top, #31ca1e 0%, #309b00 100%);
    background : -webkit-linear-gradient(top, #31ca1e 0%, #309b00 100%);
    background : -o-linear-gradient(top, #31ca1e 0%, #309b00 100%);
    background : -ms-linear-gradient(top, #31ca1e 0%, #309b00 100%);
    background : linear-gradient(top, #31ca1e 0%, #309b00 100%);
    filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#31ca1e', endColorstr='#309b00',GradientType=0 );

}
  
  

.buttonbacktoprofile
{
    border : solid 2px #d4452f;
    border-radius : 20px 3px 20px 4px ;
    moz-border-radius : 20px 3px 20px 4px ;
    -webkit-box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
    -moz-box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
    box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
    font-size : 24px;
    color : #ffffff;
    padding : 1px 17px;
    background : #31fa1e;
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa311e), color-stop(100%,#ab3000));
    background : -moz-linear-gradient(top, #fa311e 0%, #ab3000 100%);
    background : -webkit-linear-gradient(top, #fa311e 0%, #ab3000 100%);
    background : -o-linear-gradient(top, #fa311e 0%, #ab3000 100%);
    background : -ms-linear-gradient(top, #fa311e 0%, #ab3000 100%);
    background : linear-gradient(top, #fa311e 0%, #ab3000 100%);
    filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa311e', endColorstr='#ab3000',GradientType=0 );

    /*position: absolute;*/ 
    bottom: 0px;
    left: 10px;
    margin-left: 40px;
}