/*
CTC Separate Stylesheet
Updated: 2017-03-24 17:37:00
Version: 12.0
*/
#page,.site 
{width: 100% !important;
max-width: 100% !important;
margin: 0px !important;
padding: 0px !important;
}
.site-content
{
margin-top: 0px;
}
.sledovani_objednavek_header{
min-height: 215px;
height: 215px;
}

#load
{
width: 100%;
height: 300px; 
background: url('./img/ajax-loader.gif') no-repeat center center;
display: none;
}

#login_form {
width: 100%;
height: 200px; 
border: 0px solid #F74E04;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
.radek_form
{
width: 300px;
font-weight: bold;
color: #000000;
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.radek_form input {
border: 1px solid #F74E04;
color: #000000 !important;
height: 30px;
line-height: 30px;
}
.radek_form div {
width: 70px;
float: left;
margin-left: 35px;
height: 40px;
line-height: 40px;
}

#ts_login_submit
{
width: 277px;
height: 50px;
background: #F74E04;
color: #ffffff;
text-align: center;
line-height: 50px;
font-weight: bold;
margin-left: auto;
margin-right: auto;
border: 1px solid #ffffff;
cursor: pointer;
}

#ts_login_submit:hover
{
background: #ffffff;
color: #000000;
border: 1px solid #F74E04;
}

/* bloky objednavky*/
.bloky_objednavky
{
width: 100%; 
margin-left: auto;
margin-right: auto;
border: 0px solid #cecece;
max-width: 900px;
margin-top: 20px;
}

#taby {
padding: 0px;
}

#taby ul{
background: #cecece;
}
#taby .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #cecece !important;
 -webkit-border-top-left-radius: 10px!important;
-webkit-border-top-right-radius: 10px!important;
-moz-border-radius-topleft: 10px!important;
-moz-border-radius-topright: 10px!important;
border-top-left-radius: 10px!important;
border-top-right-radius: 10px!important;
}
#taby .ui-state-default a, .ui-widget-content a .ui-state-default a, .ui-widget-header a .ui-state-default a {
color: #000000;

}

#taby .ui-state-active {
background: #B72A2A!important;
cursor: pointer !important;
}
#taby .ui-state-active a{color: #ffffff;}

#taby li:hover
{
background: #B72A2A;
cursor: pointer;
color: #ffffff;
}
#taby li a:hover {
color: #ffffff;

}
.tab_objednavky
{
overflow: hidden;
padding-left: 5px !important; padding-right: 5px !important;
background: #f6f6f6!important; 
}

.ui-tabs
{
padding: 0px !important;
}

/* kroky objednavky a info*/

.kroky_objednavky
{
width: 480px; 
margin: 9px;
padding:10px;
float: left;
border: 0px solid #cecece;
min-height: 400px;
margin-right:0px;
}
.info_ke_kroku
{
width: 330px; 
height: 470px;
margin: 9px;
padding:10px;
float: left;
border: 1px solid #cecece;
overflow-y: scroll;
background: #ffffff;
margin-left:0px;

}
.aktivni_krok{border: 1px solid #cecece!important; background-color: #ffffff!important;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-right: 1px solid #ffffff!important;
position: relative;
z-index: 999999;
margin-left: 1px;
}
.korok_objednavky
{
width: 90%;
margin-left: auto;
margin-right: auto;
border: 1px solid transparent;
height: 30px;
line-height: 30px;
padding: 4px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 50px;
margin-right: 0px;
border-right: 0px;
padding-right: 7px;
}

.korok_objednavky:hover
{
/*background: rgba(247,78,4,0.8);*/
cursor: pointer;
/*border: 1px solid #cecece;*/
}
.krok_splneny
{
background: url('./img/Complete.svg') no-repeat 5px center / auto 70%;
color: #000000;
}

.krok_splneny:hover
{
cursor: pointer;
border: 1px solid #cecece;
}
.procenta_vpravo {float: right; line-height: 30px;}
#ts_ajax_result
{
width: 100%;
min-height: 500px;
padding: 0px;
background: #cecece;
padding-bottom: 100px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-left: -3px;}

.tab_2_nadpis
{
width: 100%;
height: 30px;
line-height: 30px;
font-weight: bold;
font-size: 16px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}

.dokument_radek
{
width: 90%;
float: left;
height: 40px;
padding: 5px;
line-height: 40px;
color: #000000;
font-weight: normal;
border: 1px solid #cecece;
margin-right: 10px;
margin-bottom: 10px;
border-radius: 10px;
background-color: #ffffff;
}

.radek_nazev_souboru
{
position: relative;
float: left;
margin-left: 10px;
margin-right: 10px;
}
.radek_odkazy
{
position: relative;
float: right;
}
.radek_odkazy a {color: #000000 !important;}


.iconka_dokumenty
{
width: 40px;
height: 40px;
float: right;
background: url("./img/doc1.png") no-repeat center center / auto 100%;

}
.iconka_dokumenty_2
{
width: 40px;
height: 40px;
float: right;
background: url("./img/doc2.png") no-repeat center center / auto 100%;

}
/*progress bar*/
#progressbar
{
width: 80%;
border: 1px solid #cecece;
padding: 1px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.progress_title
{
font-weight: bold;
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center; padding-top: 16px; padding-bottom: 16px;
background: #f6f6f6;
}
.pozadi_progress {background: #f6f6f6;padding-bottom: 46px; width: 100%; overflow: hidden;

-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;

}
.nz {float: right; width: 49%; }
.aus {float: left; width: 49%; }
/* horni lista */

.objednavky_horni_lista
{
height: 350px;
width: 100%;
background: url('./img/austral.jpg') no-repeat center center / 100% auto;
color: #000000;
line-height: 30px;
padding: 0px;
overflow: hidden;
position:relative;
}
.horni_lista_informace
{
position: absolute;
background: rgba(0,0,0,0.3);
left: 30px;
top: 20px;
width: 300px;
height: 200px;
overflow: hidden;
color: #ffffff;
padding: 20px;
padding-top: 10px;
border-radius: 20px;
}
.obj_hor_rad
{
padding-right: 10px;
width: 100%;
font-size: 16px;
float: left;
}


/*konzultant*/

.vas_konzultant
{
position: absolute;
width: 400px;
height: 230px; 
right: 30px;
top: 20px;
background: rgba(0,0,0,0.3);
border-radius: 20px;
}
.konzultant_title
{
height: 30px;
font-size: 25px;
width: 100%;
color: #ffffff;
text-align: center;
padding-top: 5px;
}
.foto_konzultanta
{
position: absolute;
border-radius: 50%;
	width: 140px;
	height: 140px; 
	background: #ffffff;
right: 20px;
margin-top: 25px;
border: 2px solid #ffffff;
	}
.jmeno_konzultanta
{
margin-top: 35px;
padding-left: 20px;
font-size: 20px;
color: #ffffff;
}
.pole_konzultant
{
color: #ffffff;
font-size: 16px;
padding-left: 20px;
}

#tabs-3 { height:450px; overflow-y: scroll; padding-left: 25px!important;}
#tabs-2 { height:450px; overflow-y: scroll; padding-left: 25px!important;}
/* cervena #B72A2A */

.nz {float: right; width: 49%; }
.aus {float: left; width: 49%; }