﻿

/*TEXTBOX*/


input[type="text"], select, textarea,.riTextBox[type="text"]  {
	/*border:1px solid white;*/
    /*box-sizing: border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    
    vertical-align: baseline;
    outline: 0;
    white-space: normal;
    border: 1px solid silver;
    padding: 5px;
    margin:2px;height:2.5em;
    color:#616161;*/ 
    /*box-shadow: #666666 0 0 1px;
-webkit-box-shadow: #666666 0 0 1px;
-moz-box-shadow:#666666 0 0 1px;*/
    /*-webkit-border-radius: 2px 2px 2px 2px; 
    -moz-border-radius: 2px 2px 2px 2px; 
    border-radius: 2px 2px 2px 2px;*/ font-weight:300; font-style:normal;
                                      width:98%; font-size:100%; 
}

#MainPage .riTextBox[type="text"], #MainPage .RadInput_Default { font-size:inherit; font-size:100%; }

#MainPage .riTextBox[type="text"], #MainPage input[type="text"], #MainPage textarea.riTextBox {
    border:none;
    line-height:48px; padding-left:1em; padding-right:1em; height:48px; background-image:none; background-color:white; 
    font-weight:400;
    font-family:var(--font-body);
     font-style:normal;
     font-size:1em;
     color:black;
     /*border:1px solid #DFDFDF;*/
     /*box-shadow:0 1px 1px rgba(204, 204, 204, 0.95) inset;*/
     box-sizing:border-box;
     border:1px solid var(--color5);
}
#MainPage .riTextBox[type="text"].riEmpty, #MainPage input[type="text"].riEmpty, #MainPage textarea.riTextBox.riEmpty,#MainPage .RadDropDownList .rddlDefaultMessage {

     font-style:italic;
     color:#5C5653;
     opacity:1;

}

#MainPage textarea.riTextBox { padding-top:10px; min-height:10em; line-height:1.4em; }


/*END TEXTBOX*/



/*BUTTON*/


.button,a.button,
input[type="submit"].button,
input[type="button"].button,
input[type="submit"].btnFrom { font-size:1em; text-transform:uppercase; line-height:46px; margin:0; height:48px;
                         color:var(--color10); /*font-family: 'Oswald', sans-serif;*/ font-weight:normal; cursor:pointer; text-decoration:none;
                         display:block; text-align:center; padding:0; 
                         width:100%; /*border:1px solid #700E00;*/
                         background-color:var(--color1);

box-sizing:border-box;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/
                         /*background-image:url(/Images/sipkaright.png); background-position:1em center; background-repeat:no-repeat;*/
                        /*box-shadow: #666666 0 0 1px;
                    -webkit-box-shadow: #666666 0 0 1px;
                    -moz-box-shadow:#666666 0 0 1px;*/
        
                        
    
                            
}
    .button:visited, a.button:visited,
    input[type="submit"].button:visited,
    input[type="button"].button:visited,
    input[type="submit"].btnFrom:visited {
        color:var(--color10);
    }


/* Safari 4.0 - 8.0 */
@-webkit-keyframes buttonback {
  from {background-color: var(--color1);
        color:var(--color10);
  }
  to {background-color: var(--color10);
        color:var(--color1);}
}

/* Standard syntax */
@keyframes buttonback {
  from {background-color: var(--color1);
        color:var(--color10);}
  to {background-color: var(--color10);
        color:var(--color1);}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes buttonbackaniwhite {
  from {background-color: var(--color10);
        color:var(--color11);
  }
  to {background-color: #142d41;
        color:var(--color10);}
}

/* Standard syntax */
@keyframes buttonbackaniwhite {
  from {background-color: var(--color10);
        color:var(--color11);
  }
  to {background-color: #142d41;
        color:var(--color10);}
}

.button:hover,
input[type="submit"].button:hover,
input[type="button"].button:hover,
input[type="submit"].btnFrom:hover { 
    background-color:var(--color1);
    color:var(--color10);
}

.button.anistandard:hover,
input[type="submit"].button.anistandard:hover,
input[type="button"].button.anistandard:hover,
input[type="submit"].btnFrom.anistandard:hover { 
    -webkit-animation-name: buttonback; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
  animation-name: buttonback;
  animation-duration: 0.5s;
  background-color: var(--color11);
        color:var(--color10);
}

.button.aniwhite,
input[type="submit"].button.aniwhite,
input[type="button"].button.aniwhite,
input[type="submit"].btnFrom.aniwhite { background-color:var(--color10); color:var(--color11); }

.button.aniwhite:hover,
input[type="submit"].button.aniwhite:hover,
input[type="button"].button.aniwhite:hover,
input[type="submit"].btnFrom.aniwhite:hover { 
    -webkit-animation-name: buttonbackaniwhite; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
  animation-name: buttonbackaniwhite;
  animation-duration: 0.5s;
  background-color: #142d41;
        color:var(--color10);
}



/*END BUTTON*/


/*DROPDOWNLIST*/

body .RadDropDownList{ width:100%; }
body .RadDropDownList .rddlInner{  
    border:0;
                       /*-webkit-border-radius: 6px; 
                                                -moz-border-radius: 6px; 
                                                border-radius: 6px;*/

    padding:0; padding-left:1em;
    font-size: 100%;
    font-weight: 400;
    line-height: 46px;
    height:46px;
    background-color: white;
    background-image: url("/Images/bottomArrowDropDownEnable.png");
    background-position: right 4px center;
    background-repeat: no-repeat; cursor:pointer;
    color:black;
    /*box-shadow:0 1px 1px rgba(204, 204, 204, 0.95) inset;*/
    border:1px solid var(--color5);
}
body .RadDropDownList .rddlInner.rddlFocused{ 
    background-color: #FAF9F8;
    color:black;
    background-image: url("/Images/bottomArrowDropDownEnable.png");
    background-position: right 4px center;
    background-repeat: no-repeat;
    -webkit-box-shadow:none;
box-shadow:none;
/*-webkit-border-radius: 6px; 
                                                -moz-border-radius: 6px; 
                                                border-radius: 6px;*/
}
body .RadDropDownList .rddlSelect { display:none; }
body .RadDropDownList .rddlFakeInput { line-height:48px; color:black; height:auto; }
body .RadDropDownList .rddlFakeInput:first-letter { text-transform:uppercase; }
body .rddlPopup { background-color: #FAF9F8;
                    color:black; border: 1px solid #DFDFDF;
                       /*-webkit-border-radius: 6px; 
                       -moz-border-radius: 6px; 
                       border-radius: 6px;*/

}
body .rddlPopup .rddlItem { cursor:pointer; background-image:none; padding-left:0.5em; }
body .rddlPopup .rddlItem:hover { background-color:gray; color:white; }
body .rddlPopup .nulova span { visibility:hidden; width:1px; height:1px; display:block; overflow:hidden; float:left; }
body .rddlPopup .nulova:after{ content:"------"; }


/*DROPDOWNLISTTREE*/
.RadDropDownTree .rddtIcon { display:none;  }
body .ListTree { border:none; background-color:#aa7351; color:white; width:250px; }
body .ListTree li{ background:none; }
body .ListTree .RadTreeView .rtLines .rtLI:before { border-left: 1px dotted white;}
body .ListTree .RadTreeView .rtLines .rtTop:before, body .ListTree .RadTreeView .rtLines .rtMid:before, body .ListTree .RadTreeView .rtLines .rtBot:before { border-bottom: 1px dotted white; }


#MainPage .RadDropDownTree .rddtExtraPadding { border:none; height:50px; /*width:100%;*/
                                               background-color: #FAF9F8;
                                               border: 1px solid #DFDFDF;
                                line-height: 48px;
                                text-align: left !important;
                                white-space: nowrap; /*background-image:url(/Images/arrowleft.png); background-repeat:no-repeat; background-position:right center;*/
                                /*-webkit-box-shadow:inset 0 0 6px 1px silver;
                                 box-shadow:inset 0 0 6px 1px silver;*/
                                padding-left:1em;
                                 cursor:pointer;
                                 overflow:hidden; max-width:100%; display:block;
                                 
}
#MainPage .RadDropDownTree {  color:#5C5653; font-size:1em; max-width:100%; }
#MainPage .RadDropDownTree .rddtFakeInput { font-style:normal; color:black; opacity:1; font-weight:300; line-height:2.5; height:2.5em; }
#MainPage .RadDropDownTree .rddtFakeInput.rddtEmptyMessage { font-style:italic; color:#5C5653; opacity:1; font-weight:300; line-height:2;  }
#MainPage .RadDropDownTree .rddtEmptyMessage ~ .rddtClearButton,
#MainPage .RadDropDownTree .rddtClearButton { opacity:1; color:white; right:0.5em; margin-top:-0.75em;
                                              border-radius:0; width:1.5em; height:1.5em; text-align:center;
                                              background: #cb4a00; /* Old browsers */
background: -moz-linear-gradient(top, #cb4a00 0%, #ab3500 9%, #7b1700 50%, #6e0e00 75%, #700f00 75%, #6b0c00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cb4a00 0%,#ab3500 9%,#7b1700 50%,#6e0e00 75%,#700f00 75%,#6b0c00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cb4a00 0%,#ab3500 9%,#7b1700 50%,#6e0e00 75%,#700f00 75%,#6b0c00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb4a00', endColorstr='#6b0c00',GradientType=0 ); /* IE6-9 */
}
#MainPage .RadDropDownTree .rddtClearIcon { font-size:1em; }
body .rddtPopup { border:none; background-color:#F8F6EE; }
body .rddtPopup li{ background:none; }
body .RadTreeView .rtLI { font-size:0.9em; }
body .RadTreeView .rtUnchecked { border:1px solid silver; }
body .RadTreeView .rtChecked { background-color:#700E00; border:1px solid silver; }
body .RadTreeView .rtUnchecked:before { content:""; }
body .RadTreeView .rtChecked:before { content:""; }





/*Sedy podklad*/

#MainPage .GrayBox .riTextBox[type="text"], #MainPage .GrayBox input[type="text"], #MainPage .GrayBox textarea.riTextBox{ background-color:white; }
#MainPage .GrayBox input[type=checkbox]:not(old) + label{
  background   : url('/images/checksWhite.png') no-repeat 0 0;
  line-height  : 24px;
  margin-left:-12px;
}
#MainPage .GrayBox input[type=radio ]:not(old) + label {
  background   : url('/images/checksWhite.png') no-repeat 0 bottom;
  margin-left:-12px;
}
#MainPage .GrayBox input[type=checkbox]:not(old):checked + label{
  background-position : 0 -24px;
  margin-left:-12px;
}

#MainPage .GrayBox input[type=radio]:not(old):checked + label{
  background-position : 0 -48px;
  margin-left:-12px;
}
body .GrayBox .RadDropDownList .rddlInner { background-color:white; }

body .GrayBox .BigCheckbox .BigCheckboxContent { background-color:white; }
body #MainPage .GrayBox .RadDropDownTree .rddtExtraPadding { background-color:white; }

/*Konec sedy podklad*/



/*SLIDER*/
#MainPage .RadSlider .rslHorizontal .rslTrack { background:none; background-color:#A39592; }
#MainPage .RadSlider .rslHorizontal .rslSelectedregion { background:none; background-color:#ca4f4f; }
#MainPage .RadSlider .rslHorizontal a.rslDraghandle { background:none;
    background-color:var(--color2);
    /*background: -moz-linear-gradient(top, #cb4a00 0%, #ab3500 9%, #7b1700 50%, #6e0e00 75%, #700f00 75%, #6b0c00 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, #cb4a00 0%,#ab3500 9%,#7b1700 50%,#6e0e00 75%,#700f00 75%,#6b0c00 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, #cb4a00 0%,#ab3500 9%,#7b1700 50%,#6e0e00 75%,#700f00 75%,#6b0c00 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb4a00', endColorstr='#6b0c00',GradientType=0 );*/ /* IE6-9 */

border:1px solid #a02615;

    -webkit-border-radius: 1em; 
    -moz-border-radius: 1em; 
    border-radius: 1em;

    width:1.6em; height:1.6em;

}



/*Jiný typ checkboxu*/

.BigCheckbox { width:100%; height:48px; border:none; background-color:white; position:relative; display:block; overflow:hidden; box-sizing:border-box;
               border:1px solid var(--color5);
                   /*-webkit-border-radius: 6px; 
    -moz-border-radius: 6px; 
    border-radius: 6px;*/ 
    
    /*-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.5);*/
}
.BigCheckbox .HiddenField{ position:absolute; left:0; top:0; z-index:-1; }
.BigCheckbox .BigCheckboxContent{ width:100%; height:48px; position:absolute; z-index:10; 
                                   }

.BigCheckbox .TextActive { width:calc(65% - 2px); float: right; display: block; height: 36px; padding-top: 8px; 
                           padding-left: 0; text-align:center; margin-right: 2px; margin-top: 2px; font-size: 1em; font-weight: normal; 
                           text-decoration: none; color: black; position: relative; 
                           /*background: #de4f00;  background: -moz-linear-gradient(top, #de4f00 0%, #c04f17 38%, #ac4011 50%, #972a00 62%, #6d0d00 100%);  background: -webkit-linear-gradient(top, #de4f00 0%,#c04f17 38%,#ac4011 50%,#972a00 62%,#6d0d00 100%);  background: linear-gradient(to bottom, #de4f00 0%,#c04f17 38%,#ac4011 50%,#972a00 62%,#6d0d00 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de4f00', endColorstr='#6d0d00',GradientType=0 );*/ 

    }
.BigCheckbox a{ font-weight:300; width:35%; float:left; display:block; height:48px; padding-top:0; margin-right:0; margin-left:0;
                position:relative;
                
                
}
.BigCheckbox a .txt{ font-size:0.8em; display:none; }



.BigCheckbox.IsChecked .BigCheckboxContent .TextActive{ float:left; margin-left:2px; margin-right:0; padding-right:0;
                                                        
}
.BigCheckbox.IsChecked .BigCheckboxContent a{ float:right; display:block;  }
.BigCheckbox a .ico{  /*background-image:url(/Images/ArrowLeft.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;*/
                     display:block; position:absolute; top:4px; left:4px; height:calc(100% - 10px); background-color:var(--color2);
                     width:80%; overflow:hidden;
                     /*-webkit-border-radius: 6px;
                    -moz-border-radius: 6px;
                    border-radius: 6px;*/

                    /*-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);*/
                    
}
.BigCheckbox a .ico .drzak{ width:2px; height:60%; border-right:2px solid #ff7373; border-left:2px solid #ff7373; 
                            display:block; left:0; right:0; top:0; bottom:0; margin:auto; position:absolute; }

.BigCheckbox.IsChecked a .ico { right:4px; left:auto; /*background-image:url(/Images/ArrowRight.svg);*/}
.BigCheckbox.IsChecked a { margin-left:0; margin-right:0; }
.BigCheckbox.NonEnabled { background-color:#F5F5F5; }
.BigCheckbox.NonEnabled .TextActive { color:#DFDFDF; }
.BigCheckbox.NonEnabled a { background:none; background-color:#DFDFDF; height:40px; }