.text_08h {font-family: Helvetica, Arial; font-size: 8px;}
.text_09h {font-family: Helvetica, Arial; font-size: 9px;}
.text_10h {font-family: Helvetica, Arial; font-size: 10px;}
.text_11h {font-family: Helvetica, Arial; font-size: 11px;}
.text_12h {font-family: Helvetica, Arial; font-size: 12px;}
.text_13h {font-family: Helvetica, Arial; font-size: 13px;}
.text_14h {font-family: Helvetica, Arial; font-size: 14px;}
.text_15h {font-family: Helvetica, Arial; font-size: 15px;}
.text_17h {font-family: Helvetica, Arial; font-size: 17px;}
.text_19h {font-family: Helvetica, Arial; font-size: 19px;}
.text_21h {font-family: Helvetica, Arial; font-size: 21px;}
.text_27h {font-family: Helvetica, Arial; font-size: 27px;}

.text_08v {font-family: Verdana; font-size: 8px;}
.text_09v {font-family: Verdana; font-size: 9px;}
.text_10v {font-family: Verdana; font-size: 10px;}
.text_11v {font-family: Verdana; font-size: 11px;}
.text_12v {font-family: Verdana; font-size: 12px;}
.text_13v {font-family: Verdana; font-size: 13px;}
.text_14v {font-family: Verdana; font-size: 14px;}
.text_15v {font-family: Verdana; font-size: 15px;}
.text_16v {font-family: Verdana; font-size: 16px;}
.text_17v {font-family: Verdana; font-size: 17px;}
.text_21v {font-family: Verdana; font-size: 21px;}
.text_23v {font-family: Verdana; font-size: 23px;}
.text_27v {font-family: Verdana; font-size: 27px;}

.text_08t {font-family: Times New Roman; font-size: 8px;}
.text_09t {font-family: Times New Roman; font-size: 9px;}
.text_10t {font-family: Times New Roman; font-size: 10px;}
.text_11t {font-family: Times New Roman; font-size: 11px;}
.text_12t {font-family: Times New Roman; font-size: 12px;}
.text_13t {font-family: Times New Roman; font-size: 13px;}
.text_14t {font-family: Times New Roman; font-size: 14px;}
.text_15t {font-family: Times New Roman; font-size: 15px;}
.text_16t {font-family: Times New Roman; font-size: 16px;}
.text_17t {font-family: Times New Roman; font-size: 17px;}
.text_18t {font-family: Times New Roman; font-size: 18px;}
.text_19t {font-family: Times New Roman; font-size: 19px;}
.text_27t {font-family: Times New Roman; font-size: 27px;}
.text_37t {font-family: Times New Roman; font-size: 37px;}
.text_47t {font-family: Times New Roman; font-size: 47px;}
.text_57t {font-family: Times New Roman; font-size: 57px;}


.text_08f {font-size: 8px;}
.text_09f {font-size: 9px;}
.text_10f {font-size: 10px;}
.text_11f {font-size: 11px;}
.text_12f {font-size: 12px;}
.text_13f {font-size: 13px;}
.text_14f {font-size: 14px;}
.text_15f {font-size: 15px;}
.text_16f {font-size: 16px;}
.text_17f {font-size: 17px;}
.text_18f {font-size: 18px;}
.text_19f {font-size: 19px;}
.text_27f {font-size: 27px;}
.text_37f {font-size: 37px;}
.text_47f {font-size: 47px;}
.text_57f {font-size: 57px;}

@font-face {
    font-family: "FuturaCEBold";
    src: url("fonts/futu__b_-webfont.eot");
    src: url("fonts/futu__b_-webfont.eot?#iefix") format("embedded-opentype"),
         url("fonts/futu__b_-webfont.woff") format("woff"),
         url("fonts/futu__b_-webfont.ttf") format("truetype"),
         url("fonts/futu__b_-webfont.svg#FuturaCEBold") format("svg");
    font-weight: normal;
    font-style: normal;

}

.t_bold    {font-weight: bold;}
.t_normal  {font-weight: normal;}
.t_trought {text-decoration: line-through}
.t_upper   {text-transform: uppercase}
.t_capital {text-transform: capitalize}
.t_lower   {text-transform: lowercase}
.t_shadow_b{text-shadow: 1px 1px 1px #000;}
.t_shadow_w{text-shadow: 1px 1px 1px #fff;}
.b_shadow_b{box-shadow: 3px 3px 3px #000;
            -webkit-box-shadow: 3px 3px 1px #000;
            -moz-box-shadow: 3px 3px 3px #000;}
.b_shadow_g{box-shadow: 3px 3px 3px #7c7c7c;
            -webkit-box-shadow: 3px 3px 3px #7c7c7c;
            -moz-box-shadow: 3px 3px 3px #7c7c7c;}            
.b_shadow_w{box-shadow: 3px 3px 3px #fff;
            -webkit-box-shadow: 3px 3px 3px #fff;
            -moz-box-shadow: 3px 3px 3px #fff;}
.r_box_5{
         border-radius: 5px;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;         
}
.r_box_15{
         border-radius: 15px;
         -moz-border-radius: 15px;
         -webkit-border-radius: 15px;         
}
.c_black   {color: black}
.c_gray    {color: gray}
.c_gray_a  {color: #6d6d6d}
.c_gray_b  {color: #231f20}
.c_gray_c  {color: #bcc0ce}
.c_white   {color: white}
.c_red     {color: #cc5148 !important}
.c_blue    {color: #0056af !important}
.c_blue02  {color: #006 !important}
.c_blue_text  {color: #005ca4 !important}
.c_blue03  {color: #00c !important}
.c_blue04  {color: #2e3e52 !important}
.c_orange  {color: orange !important}
.c_yellow  {color: yellow !important}
.c_yellow01{color: #ffff00 !important}
.c_green   {color: green !important}
.c_green_a {color: #306d80 !important}
.a_right   {text-align: right !important}
.a_left    {text-align: left !important}
.a_center  {text-align: center !important}
.a_justify {text-align: justify !important}
.v_top {vertical-align: top; !important}
.v_bottom {vertical-align: bottom; !important}
.border_0  {border: 0}
.border_01 {border: 1px solid}
.borderb_01{border-bottom: 1px solid #9f9f9f}
.borderb_wh1{border-bottom: 1px solid #fff}
.borderb_gr1{border-bottom: 1px solid #7c7c7c}
.borderb_bl1{border-bottom: 1px solid #000}
.borderb_wh2{border-bottom: 2px solid #fff}
.borderb_gr2{border-bottom: 2px solid #7c7c7c}
.borderb_bl2{border-bottom: 2px solid #000}
.b_white   {background-color: #fff !important}
.b_bluel   {background-color: #eeffff !important}
.b_grayl   {background-color: #efefef}
.b_red     {background-color: #ff0707 !important; background-image: url("../images/tlacitko_bg.gif");}
.b_gray    {background-color: #fdfdfd !important; background-image: url("../images/bg_button_gray.gif");}
.b_blue    {background-color: #fdfdfd !important; background-image: url("../images/bg_button_blue.gif");}
.b_redl    {background-color: #ffe6e3 !important}
.b_blue00  {background-color: #0056af !important}
.b_blue01  {background-color: #00bbec !important}
.b_blue02  {background-color: #068aac !important}
.b_blue03  {background-color: #51626f !important}
.b_blue04  {background-color: #006 !important}
.b_blue05  {background-color: #b2d4f4 !important}
.b_blue06  {background-color: #dfe0e2 !important}
.b_blue07  {background-color: #dfe0e2 !important}
.pm_0      {padding: 0; margin: 0 !important}
.p_0       {padding: 0 !important}
.p_1       {padding: 1px !important}
.p_2       {padding: 2px !important}
.p_3       {padding: 3px !important}
.p_5       {padding: 5px !important}
.p_7       {padding: 7px !important}
.p_11      {padding: 11px !important}
.p_17      {padding: 17px !important}
.p_19      {padding: 19px !important}
.p_27t     {padding-top: 27px !important}
.p_30t     {padding-top: 30px !important}
.p_1b      {padding-bottom: 1px !important}
.p_3b      {padding-bottom: 3px !important}
.p_7b      {padding-bottom: 7px !important}
.p_11b     {padding-bottom: 11px !important}
.p_17b     {padding-bottom: 17px !important}
.p_27b     {padding-bottom: 27px !important}
.p_47b     {padding-bottom: 47px !important}
.m_1       {margin: 1px !important}
.m_1b      {margin-bottom: 1px !important}
.m_3b      {margin-bottom: 3px !important}
.m_7b      {margin-bottom: 3px !important}
.m_1t      {margin-top: 1px !important}
.m_3t      {margin-top: 3px !important}
.m_7t      {margin-top: 3px !important}
.m_3       {margin: 3px !important}
.m_5       {margin: 5px !important}
.m_si      {margin: 0 7px 7px 0 !important}
.m_7l      {margin-left: 7px !important}
.m_7b      {margin-bottom: 7px !important}
.m_9b      {margin-bottom: 9px !important}
.m_7r      {margin-right: 7px !important}
.m_9r      {margin-right: 9px !important}
.m_10r     {margin-right: 10px !important}
.m_10b     {margin-bottom: 10px !important}
.m_17b     {margin-bottom: 17px !important}
.m_9t      {margin-top: 9px !important}
.p_5t      {padding-top: 5px !important}
.p_7t      {padding-top: 7px !important}
.p_3l      {padding-left: 3px !important}
.p_5l      {padding-left: 5px !important}
.p_7l      {padding-left: 7px !important}
.p_9l      {padding-left: 9px !important}
.p_11l     {padding-left: 11px !important}
.p_19l     {padding-left: 19px !important}
.p_27l     {padding-left: 27px !important}
.p_28l     {padding-left: 28px !important}
.p_29l     {padding-left: 29px !important}
.p_37l     {padding-left: 37px !important}
.p_3r      {padding-right: 3px !important}
.p_5r      {padding-right: 5px !important}
.p_7r      {padding-right: 7px !important}
.p_10r     {padding-right: 10px !important}
.p_11r     {padding-right: 11px !important}
.p_5h10v   {padding: 5px 10px !important}
.p_buttom  {padding: 0 7px !important}
.p_upttom  {padding: 7px 0 !important}
.p_supttom {padding: 3px 0 !important}
.m_buttom  {margin: 0 11px !important}
.m_upttom  {margin: 11px 0 !important}
.m_supttom {margin: 3px 0 !important}

.w_5p  {width: 3%}
.w_5p  {width: 5%}
.w_10p {width: 10%}
.w_15p {width: 15%}
.w_20p {width: 20%}
.w_25p {width: 25%}
.w_31p {width: 31%}
.w_33p {width: 33%}
.w_37p {width: 37%}
.w_40p {width: 40%}
.w_45p {width: 45%}
.w_47p {width: 47%}
.w_49p {width: 49%}
.w_50  {width: 50%}
.w_50p {width: 50%}
.w_55p {width: 55%}
.w_60p {width: 60%}
.w_70p {width: 70%}
.w_75p {width: 75%}
.w_90p {width: 90%}
.w_95p {width: 95%}
.w_100p{width: 100%}
.w_27px{width: 27px}
.w_47px{width: 47px}
.w_50px{width: 50px}
.w_87px{width: 87px}
.h_1px {height: 1px}
.h_10px{height: 10px}
.h_10Opx{height: 100px}
.h_100p{height: 100%}

.zi_0 {z-index: 0}
.zi_1 {z-index: 1}
.zi_2 {z-index: 2}
.zi_3 {z-index: 3}
.zi_7 {z-index: 7}

.pos_abs {position: absolute}
.pos_rel {position: relative}

.graf_bg {background-image: url("../images/graf_bg_gray.gif"); background-repeat: x}

.line_height_1_1 {line-height: 1.1}
.line_height_1_3 {line-height: 1.3}
.line_height_1_5 {line-height: 1.5}
.letter-spacing1 {letter-spacing: 1px}
.letter-spacing2 {letter-spacing: 2px}
.letter-spacing3 {letter-spacing: 3px}
.letter-spacing4 {letter-spacing: 4px}
.letter-spacing5 {letter-spacing: 5px}

.float_box {float: left; display: inline}
.clear_box {clear: left; display: block}
.clear_booth_box {clear: both; display: block}

.nowrap {white-space: nowrap}

.noshow, .infomess {display: none;}


hr { margin: 17px 0; border: 0; height: 1px; background: #999; background-image: -webkit-linear-gradient(left, #ccc, #999, #ccc); background-image: -moz-linear-gradient(left, #ccc, #999, #ccc); background-image: -ms-linear-gradient(left, #ccc, #999, #ccc); background-image: -o-linear-gradient(left, #ccc, #999, #ccc);}


.desaturate {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);filter: grayscale(100%);}
.desaturate50 {-webkit-filter: grayscale(50%);-moz-filter: grayscale(50%);filter: grayscale(100%);}
.desaturate75 {-webkit-filter: grayscale(75%);-moz-filter: grayscale(75%);filter: grayscale(75%);}
.desaturate90 {-webkit-filter: grayscale(90%);-moz-filter: grayscale(90%);filter: grayscale(90%);}

.opacity10{opacity: 0.1;} .opacity25{opacity: 0.25;} .opacity50{opacity: 0.5;} .opacity75{opacity: 0.75;} .opacity100{opacity: 1;}

.disabled{pointer-events:none;}

.2-sloupce {
          margin: 0 auto;
          -moz-column-count: 2;          
          -moz-column-gap: 17px;
          -webkit-column-count: 2;
          -webkit-column-gap: 17px;
          column-count: 2;
          column-gap: 17px;
          }


.natoceni_textu {
                 transform: rotate(-9deg);
                 -webkit-transform: rotate(-3deg);
                 -moz-transform: rotate(-9deg);
                 -o-transform: rotate(-9deg);
                 -ms-transform:rotate(-9deg);
                 }



.natoceni_textu_l {
                 transform: rotate(-90deg);
                 -webkit-transform: rotate(-90deg);
                 -moz-transform: rotate(-90deg);
                 -o-transform: rotate(-90deg);
                 -ms-transform:rotate(-90deg);
                 }


.natoceni_textu_r {
                 transform: rotate(-90deg);
                 -webkit-transform: rotate(-90deg);
                 -moz-transform: rotate(-90deg);
                 -o-transform: rotate(-90deg);
                 -ms-transform:rotate(-90deg);
                 }

.error         {font-family: Verdana; font-size: 11px; font-weight: bold; color: red}
.cena          {font-family: Verdana; font-size: 12px; font-weight: bold; color: red}
.cena_white    {font-family: Verdana; font-size: 12px; font-weight: bold; color: white}
.zbozi         {font-family: Verdana; font-size: 10px; color: #000000; text-align: justify}
.zbozi_black   {font-family: Verdana; font-size: 10px; color: #2e3e52; text-align: justify}
.produkt       {font-family: Verdana; font-size: 11px; color: #000000; text-align: justify}
.produkt_name  {font-family: Verdana; font-size: 13px; color: #000000; font-weight: bold; padding: 3px}
.titulek       {font-family: Verdana; font-size: 13px; font-weight: bold; color: #000000}

.border_green {border: 1px solid #306d80}
.border_black {border: 1px solid #000000}
.border_red {border: 1px solid #ff0707}
.border_blue {border: 1px solid #068aac}

.bg_blue    {background-color: #00549e}
.bg_red     {background-color: #bf1f2d}
.bg_orange  {background-color: #cf652b}
.bg_orange_d{background-color: #d0662c}
.bg_cyan    {background-color: #00aeef}
.bg_magenta {background-color: #ed008c}
.bg_green   {background-color: #2bb673}
.bg_brown   {background-color: #7d5d3a}
.bg_purple  {background-color: #922790}
.bg_black   {background-color: #231f20}
.bg_gray    {background-color: #f5f5f6}

.master_card{
         width: 286px;
         height: 81px;
         padding: 105px 5px 0 3px;
         background-image: url("../../images/icons/mastercard_01.png");         
         background-position: left top;
         background-repeat: no-repeat;           
         }


.pdf div{
    font-family: Helvetica, Arial; font-size: 12px;
}

.pdf table
        {
            border-left: 1px solid #000;
            border-top: 1px solid #000;
             
            border-spacing:0;
            border-collapse: collapse;
            width: 100%;
            font-family: Helvetica, Arial; font-size: 12px; 
             
        }
        
.pdf table td 
        {
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
            padding: 1mm 2mm;
        }




.notifi_red{
         position: absolute !important;
         z-index: 11;         
         width: 19px; height: 19px;
         margin: -5px 0 0 7px !important;
         border: 1px solid red; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: red; color: #fff; 
         font-family: verdana; font-size: 9px !important; font-weight: bold !important; text-align: center;
         padding: 4px 0 !important;
}

.notifi_green{
         position: absolute !important;
         z-index: 11;         
         width: 19px; height: 19px;
         margin: -5px 0 0 7px !important;
         border: 1px solid red; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: green; color: #fff; 
         font-family: verdana; font-size: 9px !important; font-weight: bold !important; text-align: center;
         padding: 4px 0 !important;
}

#slick .field_popisek_top{
            display: block;                        
            padding: 0 !important;
            margin: 0 0 3px 1px !important;
            font-family: verdana !important;
            font-size: 12px !important;
            color: #818181;
}


#slick .notify-iconbox{                    
            padding: 0 !important;
            margin: 1px 11px 1px 0 !important;
            font-family: verdana !important;
            font-size: 14px !important;
            color: navy;
}

#slick .notify-box a:link {color: #ff0000;text-decoration:underline;}
#slick .notify-box a:active {text-decoration:none;color:#0d297d;}
#slick .notify-box a:visited {color: #ff0000;text-decoration:underline;}
#slick .notify-box a:hover {text-decoration:none;color:#0d297d;}

#slick .notify-iconbox a:link {color: navy;text-decoration:none;}
#slick .notify-iconbox a:active {text-decoration:none;color:#0d297d;}
#slick .notify-iconbox a:visited {color: navy;text-decoration:none;}
#slick .notify-iconbox a:hover {text-decoration:none;color:#0d297d;}

#slick .notify-box strong {font-weight: bold;}
#slick .notify-box i {font-style: italic;}


#slick .souhrn_platno, .souhrn_platno{
                    position: fixed;
                    z-index: 9993;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background-color: #fff;
                    
}

/*
#slick .souhrn_platno, .souhrn_platno{
                    background: repeating-linear-gradient(
                                to right,
                                #efefef,
                                #efefef 1px,
                                #fff 1px,
                                #fff 11px
                              );
                    
}
*/

#slick .souhrn_platno_close, .souhrn_platno_close{
                    position: fixed;
                    z-index: 9994;
                    right: 5px;
                    top: 5px;
                    
}



.reserved {
	background-color: #ccffcc !important;
}

.website_reserved {
	background-color: #ffdbef !important;
}

.subdodavatel {
	background-color: #66ccff !important;
}

.storno {
	background-color: #ff9933 !important;
}

.start {
	background-color: #339966 !important;
}

.end {
	background-color: #ff7f61 !important;
}

.full_line{margin: 7px 0; background-color: #000; height: 1px; clear: left;}
.doble_full_line{margin: 7px 0; background-color: #000; height: 2px; clear: left;}
.dot_line{margin: 7px 0; border-bottom: 1px dotted #000; height: 1px; clear: left;}

.zalomeni_stranky {page-break-after: always;}

.no-break {page-break-inside: avoid} /* https://www.interval.cz/clanky/css2-pravidlo-stranky/ */

.pel_box{border: 1px solid #a8a9a9; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; margin: 2px; padding: 3px}
.pel_box_gray{border: 1px solid #a8a9a9; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; background-color: #d2d3d5; margin: 2px; padding: 3px}
.pel_gray_bg{border: 1px solid #d2d3d5; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; background-color: #d2d3d5;  margin: 2px; padding: 3px}

#loader-icon{
        display: none;
        position: fixed;
        z-index: 9997;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/loading.gif");
        background-position: center;
        background-repeat: no-repeat;
        background-color: #7f7f7f;
        opacity: 0.37;
        
}

.add-field{
        padding: 3px 17px 3px 37px !important;
        border: 1px solid #ab060c !important; border-radius: 3px !important; -moz-border-radius: 3px !important -webkit-border-radius: 1px 3important;
        background-color: #e40811;
        color: #fff;
        cursor: pointer !important;
        background-image: url("../images/button-plus-icon-24.png");
        background-position: 7px center;
        background-repeat: no-repeat;
}

.remove-field{
        width: 32px;
        height: 49px;
        cursor: pointer !important;
        border: 0;
        background-image: url("../images/Trash-empty-icon-32.png");
        background-position: center bottom;
        background-repeat: no-repeat;
}


.edit-field{
        width: 32px;
        height: 49px;
        cursor: pointer !important;
        border: 0;
        background-image: url("../images/App-edit-icon.png");
        background-position: center bottom;
        background-repeat: no-repeat;
}



.custom-file-input {
		display: inline-block;
		position: relative;
		color: #efefef;
	}
.custom-file-input input {
		visibility: hidden;
	}
.custom-file-input:before {
		content: 'Vyber Soubory';
		display: block;
		background: -webkit-linear-gradient( -180deg, #618da1, #618da1);
		background: -o-linear-gradient( -180deg, #618da1, #618da1);
		background: -moz-linear-gradient( -180deg, #618da1, #618da1);
		background: linear-gradient( -180deg, #618da1, #618da1);
		border: 3px solid #618da1;
                -webkit-border-radius:2px;
                -moz-border-radius:2px;
                border-radius:2px;
		padding: 2px 11px;
                margin: 0;
		outline: none;
		white-space: nowrap;
		cursor: pointer;
		text-align: center;
		font-size: 12pt;
	}
.custom-file-input:hover:before {
		border-color: #618da1;
	}
.custom-file-input:active:before {
		background: #618da1;
	}

.uploadFile{
		border: 1px solid #618da1;
                -webkit-border-radius:2px;
                -moz-border-radius:2px;
                border-radius:2px;
                position: relative;
		width: 78px !important;
                padding: 15px 11px;
                margin: 0 3px 0 0;
	}



.flag {
       background-color: red !important;
       color: #fff !important;
       font-size: 12px !important;
       text-align: center !important;
       padding: 12px 20px 10px 20px !important;
        
}

.pointer {
	cursor: pointer;
}

.zoom-it {
	cursor: pointer;
}

.ui-dialog .ui-dialog-titlebar-close{padding: 0 0 3px 0 !important}
.ui-dialog .ui-dialog-titlebar-close:after {content: "x";}














@decimal-format phone {
  grouping-separator: " ";
}
@decimal-format price {
  grouping-separator: ",";
  decimal-separator : "."
}
@decimal-format sweprice {
  grouping-separator: " ";
  decimal-separator : ","
}
@decimal-format creditcard {
  grouping-separator: " ";
}



@media all {
  .phone {
      number-format: "## ##", "phone";
  }
}

@media screen {
  .price {
      number-format: "###,##0.00", "price";
      /* price is actually redundant as this format would be the default */
  }
  .price::after {
      content: " USD";
  }
  .sweprice {
      number-format: "### ##0,00", "sweprice";
  }
  .creditcard {
      number-format: "#### ####", "creditcard";
  }
  .sweprice::after {
      content: " SEK";
  }
}

@media speech {
  /* 
      Grouping both unnecessary and unwanted, words like
     "billion", "million" and "thousand" should be spelled out
     Those words should only be spelled out by a screen reader when
     grouping is not specified.
  */ 
  .price {
      number-format: "0.00", "price";
  }
  .sweprice {
      number-format: "0,00", "sweprice";
  }
  .price::after {
      content: " US dollars";
  }
  .sweprice::after {
      content: " Swedish crowns";
  }
  .creditcard {
      /* Speak numbers in pairs, no nead to hear the word "thousand" */
      number-format: "## ## ## ##", "creditcard";
  }
}