.helpPanel { background:#8CB7EC; width:100%; position:fixed; top:0; z-index:9999; box-shadow: 0px 0px 25px #000; display:none}
.helpPanel .hidebtn { margin:15px; float:right; cursor:pointer; }
.helpPanel .message { margin:15px; text-align:justify; }


@media screen and (max-width: 1000px) 
{
    
    #page { width: 100%; }
    #page > #center { width: 100%; }
    #page > #header { height:auto; }
    .paticka { width:auto; padding: 5px; margin-bottom: 50px;} 
    
    #logo { }
    #right {width: auto; }
    #right .center { max-width: 70%; margin: 43px 0px 0px 0px;}
    #right .center .login { position: absolute; margin-top: 3px; width:auto; right: 10px; left: 10px;} 
    
    .divMaxNazev { width: auto !important; }
}

@media screen and (max-width: 900px) 
{
    .opmControl_default { width:96%; padding: 2%; margin-left: 0px;}
    
}

@media screen and (max-width: 790px) 
{
    body { background:none;}
    h2 {padding-left: 0px;}
    #page { width: 100%; }
    #page > #center { width: 100%; }
    #page > #header { height:auto; }
    .paticka { width:auto; padding: 5px; margin-bottom: 50px;}
    #page > #center > #upper { height: 40px;  } 
    #page > #center > #upper > #info { width:auto; float:none; margin:auto; position:relative; padding: 10px; background-image:none; }
    
    #logo { display:none;}
    #right { width: 100%; padding:0%; margin: 0px; height:50px; background-color:#278ECC; background-image:none; }
    #right .center { width: 100%; max-width: 100%; margin: 10px 0px;}
    #right .center .login { width: 94%; position: relative; }
    .divMaxNazev { width: auto; }
    #right .spaceRight { margin-right: 0px; display: block; }

    #tabStripRegistration { width: auto; }
    #tabStripRegistration > .tab { padding-left: 0;}
    #content .multiPageRegistration { border:none; margin:0px; }
    
    

    
    .opmControl_default { width:96%; padding: 2%; margin-left: 0px;}
    .opmControl_default .blok { width: 100%; text-align: center;}
    .opmControl_default .blokGroup { width: 100%; }
    .opmControl_default .blokSmall { width: 33%; }
    .opmControl_default .divInformace { text-align: justify; }
    .opmControl_default .d3TextBox .divInput .RadInputMgr,
    .opmControl_default .d3TextBox .divInput2 .RadInputMgr { width: 98% !important; }
    .opmControl_default .d3Wrapper { position: relative; height:auto; }
    .opmControl_default .d3Wrapper .innerInput { width: 100%; }
    .opmControl_default .d3Wrapper .innerTitle,    
    .opmControl_default .blokSmall .d3Wrapper .innerTitle { width: auto; margin-right:2px; text-align: left; padding:3px; }
    .opmControl_default .d3Wrapper.rblAdresa .innerTitle  { width: auto; }
    .opmControl_default .d3TextBox .divInput1 .RadInputMgr { width: 100% !important; }
    
    /*.d3Wrapper .innerInput,
    .opmControl_default .blokSmall .d3Wrapper .innerInput { width: 95%; }*/

    .d3Wrapper .innerInput { margin-bottom: 15px; }
    .d3Wrapper .innerRequired {height:auto;}

    .multiPageRegistration .divZajem { margin-left: 10px; }
    .bottomButtonsRight, .bottomButtonsLeft { padding: 20px 10px 10px; }


    .d3Wrapper .innerInput, .opmControl_default .blokSmall .d3Wrapper .innerInput { width: 100%;}
    .d3Wrapper .divInput, .d3Wrapper .divInput1 { width: 100%; }
    .d3Wrapper .divInput2 { float: left;  width: 47%; margin-left: 0%; }
    .d3Wrapper .divInput2:nth-child(2) { margin-left: 5%; }
    .d3Wrapper .divInputMin { float: left;  width: 47% !important; margin-left: 0%; }

    .d3Wrapper .divOtherContent, .identifHelp { float: right; position: absolute; right: 0px; top: 0px; } .identifHelp { top: -4px; }


    .opmControl_default .blok.blokInformaceOdber .pnlPripojeniZmena .divVypoved { width: auto; }
    .opmControl_default .blok.blokInformaceOdber .pnlPripojeniZmena > .RadAjaxPanel, .opmControl_default .blok.blokInformaceOdber .pnlPripojeniZmena > .d3ComboBox { float:none; clear:left;}

    .opmControl_default .blok.blokInformaceOdber .pnlPripojeniZmena .divVypoved {
        width: 100%;
        float: left;
        clear: both;
    }

    .opmControl_default .d3Wrapper.d3TextArea .innerInput,
    .opmControl_default .d3TextArea .divInput .RadInput,
    .opmControl_default .d3ComboBox .divInput .RadComboBox
    {
        width: 100% !important;
    }
    
    
    
    .tabUnselected { background-image: none !important; background-color: #999 !important; color:Black !important; width: 100%; border: solid 1px #FFF;}
    .tabSelected { background-image: none !important; background-color: #278ECC !important; color:White !important; width: 100%; border: solid 1px #FFF;}
    .tabSelected .tabTextNumber, .tabSelected .tabTextUpper, .tabSelected .tabTextBottom { color: White !important; }
    
    .tabTextNumber {  margin: 12px 0px 0px 7px !important; text-align:center; }
    .tabTextUpper { margin: 8px 0 0 30px !important; }
    .tabTextBottom { margin: 25px 0 0 30px !important; }
    
    .RadTabStrip .rtsUL, .RadTabStripVertical .rtsUL { width: 100%; margin:0px auto; }
    .RadTabStrip .rtsLI, .RadTabStripVertical .rtsLI { width: 33.3%; }
    
    .infoIdentification { white-space: normal; }
    .cbAgreeIdentification { margin: 0px; }
    .innerInputcenter {text-align:center;}
    .loginandpassinfo { margin-top:3px; } 
    
    .divRegistraceHelp { margin: 0px;}
    .divRegistraceHelp .divBlok {
        text-align: center;
        margin: 0px;
        padding: 5%;
        min-height: 210px;
        height: auto;
        width: 90%;
        background:#F3F2F2;
        background-image:none;
        -webkit-box-shadow: inset 0px 0px 23px 0px rgba(163,163,163,1);
        -moz-box-shadow: inset 0px 0px 23px 0px rgba(163,163,163,1);
        box-shadow: inset 0px 0px 23px 0px rgba(163,163,163,1);
        border-radius:15px;
    }
    .divRegistraceHelp .divTelefon {margin: 0px; padding: 10px; text-align: center;}
    .divRegistraceHelp .lblRegistraceHelpTelefon {position:relative;}
    .divRegistraceHelp .divTextbox { text-align: center; margin-left: auto !important; }
    
    .RadCaptcha, #content .tableNewPass .chaptchaLabel, #content .chaptchaIdentification { width:100% !important; text-align:center; }
    .RadCaptcha img {margin: 0 auto;}
    
    
    .ItemList_itemList .itemListLeft { width: 94%; padding-left: 6%; font-weight:bold; }
    .ItemList_itemList .itemListRight { margin-left: 0px; width: 94%; padding-left: 6%; margin-bottom:15px; }
    
    .multiPageRegistration {padding: 0px !important;}
    .pageOfftakeCheckC #content .ItemList_itemList .title {padding: 15px 0px 10px 0px;}
    .creedo50right { width: auto; }
    
    .creedo {margin: 2%;}
    .creedoTable .creedoRight  { float:right; margin-right:10px; margin-top:7px; }
    
    .offtakeEndText { margin-left:0px; margin-right:0px; margin-top:20px; width:94%; padding:3%; text-align:justify; }
}