/** 
 * Definuje formulare, obvykle globalne pro cely web
 *
 * @since 1.3.0
 * 
 */

.d2a_formular{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
}

/* !!! dulezite pro roztazeni divu drziciho flex !!!*/
.d2a_formular:after{
	display: block;
	visibility: hidden;
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
	content: ".";
}

.d2a_formular input{
	width: 100%;
}

input[type="submit"]{
	max-width: 130px;	
}
.d2a_formular textarea{
	width: 100%;
	max-width: 100%;
}
	
.d2a_formular .gdpr{
	padding-top: 10px;
}

.d2a_formular .doprava{
	text-align: right;
}

.d2a_formular .stred{
	text-align: center;
}

.d2a_formular .doleva{
	text-align: left;
}

/** 
 * Rozložení po polovinách
 *
 * @since 1.3.0
 * 
 */

.d2a_formular .cell_1x2{
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	width: 50%;
	padding: 5px;
}
    
.d2a_formular .cell_2x2{
	flex-grow: 2;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	width: 100%;
	padding: 5px;
}

@media only screen and (max-width: 479px) {
	.d2a_formular .cell_1x2, .d2a_formular .cell_2x2 {
		flex-grow: 0;
		width: 100%;
		padding: 10px 0px 10px 0px;
		text-align: left;
	}
}

/** 
 * Rozložení po třetinách
 *
 * @since 1.3.0
 * 
 */

.d2a_formular .cell_1x3{
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	width: 33.3333%;
	padding: 5px;
}
    
.d2a_formular .cell_2x3{
	flex-grow: 2;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	width: 66.6666%;
	padding: 5px;
}

.d2a_formular .cell_3x3{
	flex-grow: 3;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	width: 100%;
	padding: 5px;
}

@media only screen and (max-width: 649px) {
	.d2a_formular .cell_1x3, .d2a_formular .cell_2x3, .d2a_formular .cell_3x3 {
		flex-grow: 0;
		width: 100%;
		padding: 10px 0px 10px 0px;
		text-align: left;
	}
}

/** 
 * Rozložení po čtvrtinách
 *
 * @since 1.3.0
 * 
 */

.d2a_formular .cell_1x4{
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	width: 25%;
	padding: 5px;
}

.d2a_formular .cell_2x4{
	flex-grow: 2;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	width: 50%;
	padding: 5px;
}

.d2a_formular .cell_3x4{
	flex-grow: 3;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	width: 75%;
	padding: 5px;
}

.d2a_formular .cell_4x4{
	flex-grow: 4;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	width: 100%;
	padding: 5px;
}

@media only screen and (max-width: 767px) {
	.d2a_formular .cell_1x4, .d2a_formular .cell_2x4, .d2a_formular .cell_3x4 {
		width: 50%;
	}
}

@media only screen and (max-width: 479px) {
	.d2a_formular .cell_1x4, .d2a_formular .cell_2x4, .d2a_formular .cell_3x4, .d2a_formular .cell_4x4{
		flex-grow: 0;
		width: 100%;
		padding: 10px 0px 10px 0px;
		text-align: left;
	}
}

/** 
 * Rozložení po pětinách
 *
 * @since 1.3.0
 * 
 */

.d2a_formular .cell_1x5{
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	width: 20%;
	padding: 5px;
}

.d2a_formular .cell_2x5{
	flex-grow: 2;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	width: 40%;
	padding: 5px;
}

.d2a_formular .cell_3x5{
	flex-grow: 3;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	width: 60%;
	padding: 5px;
}

.d2a_formular .cell_4x5{
	flex-grow: 4;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	width: 80%;
	padding: 5px;
}
.d2a_formular .cell_5x5{
	flex-grow: 5;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	width: 100%;
	padding: 5px;
}

@media only screen and (max-width: 786px) {
	.d2a_formular .cell_1x5, .d2a_formular .cell_2x5, .d2a_formular .cell_3x5, .d2a_formular .cell_4x5, .d2a_formular .cell_5x5 {
		flex-grow: 0;
		width: 100%;
		padding: 10px 0px 10px 0px;
		text-align: left;
	}
}

/** 
 * NASTAVENÍ VZHLEDU JEDNOTLIVÝCH PRVKŮ VE FORMULÁŘI
 *
 * DESIGN OLLERO 01, TMAVÉ POZADÍ
 * .tmave_pozadi .d2a_formular.design_ollero_01
 *
 * @since 1.4.0
 * 
 */
.tmave_pozadi .d2a_formular.design_ollero_01 input, .tmave_pozadi .d2a_formular.design_ollero_01 textarea, .tmave_pozadi .d2a_formular.design_ollero_01 .nahravani_souboru{
	background: #fff;
}

.tmave_pozadi .d2a_formular.design_ollero_01 input, .tmave_pozadi .d2a_formular.design_ollero_01 .nahravani_souboru{
	display: inline-block;
	width: 100%;
	height: 45px;
	border: 1px solid #E8E8E8;
	border-radius: 4px;	
}

.tmave_pozadi .d2a_formular.design_ollero_01 textarea{
	border: 1px solid #E8E8E8;
	border-radius: 4px;	
}

.tmave_pozadi .d2a_formular.design_ollero_01 input[type="submit"]{
	background: #00ADEE;
	border-radius: 4px;	
}

.tmave_pozadi .d2a_formular.design_ollero_01 input[type="submit"]:hover{
	background: #001A42;
}

.tmave_pozadi .d2a_formular.design_ollero_01 input[type="file"] {
    display: none;
}

.tmave_pozadi .d2a_formular.design_ollero_01 .nahravani_souboru {
    border: 1px dashed #3C506F;
    padding: 10px 12px;
    cursor: pointer;
	text-align: center;
	font-size: 12px;
}

/** 
 * NASTAVENÍ VZHLEDU JEDNOTLIVÝCH PRVKŮ VE FORMULÁŘI
 *
 * DESIGN OLLERO 01, SVĚTLÉ POZADÍ
 * .svetle_pozadi .d2a_formular.design_ollero_01
 *
 * @since 1.4.0
 * 
 */
.svetle_pozadi .d2a_formular.design_ollero_01 input, .svetle_pozadi .d2a_formular.design_ollero_01 textarea, .svetle_pozadi .d2a_formular.design_ollero_01 .nahravani_souboru{
	background: #F2F2F2;
}

.svetle_pozadi .d2a_formular.design_ollero_01 input, .svetle_pozadi .d2a_formular.design_ollero_01 .nahravani_souboru{
	display: inline-block;
	width: 100%;
	height: 45px;
	border: 1px solid #E8E8E8;
	border-radius: 4px;	
}

.svetle_pozadi .d2a_formular.design_ollero_01 textarea{
	border: 1px solid #E8E8E8;
	border-radius: 4px;	
}

.svetle_pozadi .d2a_formular.design_ollero_01 input[type="submit"]{
	background: #00ADEE;
	border-radius: 4px;	
}

.svetle_pozadi .d2a_formular.design_ollero_01 input[type="submit"]:hover{
	background: #001A42;
}

.svetle_pozadi .d2a_formular.design_ollero_01 input[type="file"] {
    display: none;
}

.svetle_pozadi .d2a_formular.design_ollero_01 .nahravani_souboru {
    border: 1px dashed #3C506F;
    padding: 10px 12px;
    cursor: pointer;
	text-align: center;
	font-size: 12px;
}