*{ margin:0; padding: 0; font-family: Arial, sans-serif;}
.clear{clear: both; width: 100%; line-height: 1px; border:0 !important; margin:0 !important;}
.clear-10 {clear: both; width: 100%; margin:0; padding:0; display: block; height: 10px;}
.clear-20 {clear: both; width: 100%; margin:0; padding:0; display: block; height: 20px;}
.clear-30 {clear: both; width: 100%; margin:0; padding:0; display: block; height: 30px;}
.clear-40 {clear: both; width: 100%; margin:0; padding:0; display: block; height: 40px;}

/** LAYOUT */
body{color:#3c3c3b; background: #F1F1F1; font-size: 12px;}
#container{padding: 0 0 20px 190px;  margin: 0 30px; width: auto; min-height: 800px; }


@media(max-width: 992px){
    #container{
        display: inline-block;
    }
}

#head{ height: 130px;}
#foot{ height: 60px; color: #999; font-size: 11px; width: 156px; padding-left: 6px; float: right; right: 19px; position: absolute; bottom: 5px;}
#foot hr {margin: 10px 0; border-color: #ebebeb;}
#foot a {color: #999 !important; text-decoration: underline;}
#foot a:hover {text-decoration: none;}

/** LOGIN PAGE*/
#login{ color: #999;  background: #f1f1f1 url('../images/bg-login.png') top center no-repeat;}
#login-content{text-align: center; /*background: url('../images/bg-login-top.png') top left repeat-x;*/ width: 100%; height: 250px;}
#login-content h1{ width: 100%; text-align: center; padding-top: 197px;}
#login-form {width: 596px; margin: auto; position: relative; }
#login-form label.required:after {content: ""; }
#frm-adminLoginForm { background-color: transparent; width: 596px; margin-top: 151px;}

#frm-adminLoginForm label {float: left; width: 261px; color: #3c3c3b; font-weight: bold; font-size: 13px;}

#login-form input.text {width: 211px; height: 30px; float: left; position: absolute; bottom: -63px; padding-left: 20px; color: #3c3c3b; box-shadow: none;}
#login-form input.text:hover {box-shadow: none; border-color: #bcbcbc;}
#login-form input.text:focus {border-color: #ea5c1a;   -webkit-transition: border-color .3s linear;  
                                                    -moz-transition:    border-color .3s linear;
                                                    -ms-transition:     border-color .3s linear; 
                                                    -o-transition:      border-color .3s linear;}
#login-form #frm-adminLoginForm-login.text {left: 0px; }
#login-form #frm-adminLoginForm-pass.text  {left: 276px;}


#login #browser-alarm { position: absolute; width: 100%; height: 15px; padding: 20px 0; background: #333; text-align: center;}
#login form tr:hover { background: transparent;}
#login #frm-adminLoginForm-send.button {background: url(../images/login-btn.png) no-repeat; width: 48px; height: 49px; display: block; box-shadow: none; border: none;
                                       padding: 0px; margin: 0px; position: absolute; right: 0; bottom: -67px;}
#login #frm-adminLoginForm-send.button:hover {opacity: 0.85;}
#login-foot {margin: auto; clear: both; margin-top: 118px; display: block; width: 100%; text-align: center; font-size: 11px; float: left;}
#login-foot a {color: #999; text-decoration: underline;}
#login-foot a:hover {text-decoration: none;}

/* nadpisy*/
h1, h2, h3, h4, h5, h6 {
    color: #3c3c3b;
    font-weight: bold;
}
h2 { font-size: 13px; font-weight: normal; /* background: url(../images/h2_back.gif) repeat-x; */
     /*border: 1px solid #ccc; */margin: 42px 0 0 0; width: 100%; min-height: 40px; position:relative; }
/*h2 span.first { background: url(../images/h2_back_up.png) top right no-repeat;}*/
h2 span, h2 a { padding: 0 15px 0 12px; display: block; float: left; background: url(../images/breadcrumb_arrow.gif) right center no-repeat; color: #222;}
h2 a { text-decoration: underline;}
h2 span.last, h2 a.last { background: none; /*border-right: 1px solid #ccc;*/ color: #f2652a;}
h2 span.first, h2 a.first { padding-left: 0px;} 
h2 a:hover    { text-shadow: 0 0 1px #ccc; text-decoration: none;}

h2 .shortcut-buttons-set {border: none;  float: left;}
h2 .shortcut-buttons-set li {border: 1px solid #ccc; margin-top: -5px; width: 30px; height: 29px; margin-left: 5px;  float: left; display: block; background: url(../images/edit-del-bg.png) repeat-y;}
h2 .shortcut-buttons-set li a { border: 0; text-decoration: none; width: 30px; height: 29px; background: none; padding: 0px; line-height: 29px;}
h2 .shortcut-buttons-set li a:hover {opacity: 0.60;}
h2 .shortcut-buttons-set li a.edit {background: url(../images/edit-ico.png) 8px 6px no-repeat;  }
h2 .shortcut-buttons-set li a.delete {background: url(../images/delete-ico.png) 9px 9px no-repeat; }
h3            { font-size: 16px; padding: 25px 0 7px 0; font-weight: normal; }
h4            { font-size: 16px; padding: 20px 0 0 0; font-weight: normal; }
h5            { font-size: 16px; padding: 10px 0 5px 0; }
h6            { font-size: 12px; padding: 0 0 5px 0; }


/* tagy */
a              { color: #f2652a; text-decoration: none; }
a:hover     { color: #000; }
a:active     { color: #777; }
a:focus     { outline: 1px; }

strong, .strong       { font-weight: bold; color: #000; }


small   		{ font-size: 0.85em; }

pre           { font-family: monospace; }

p {
    padding: 5px 0 10px 0;
    line-height: 1.6em;
}
hr { border: 0; border-bottom: 1px solid #ccc; margin: 35px 0 2px 0; clear: both;}

/*************** Content Box ***************/
.column-left {
                width: 48%;
                float: left;
                }
                
.column-right {
                width: 48%;
                float: right;
                }
                
.content-box {
    border: 1px solid #ccc;
    margin: 0 0 20px 0;
    background: #fff;
    position: relative;
    box-shadow: 0 2px 4px #ddd;
}

.content-box h3 {
    background: #e6e6e6;
    display: block;
    padding: 10px 15px 10px 15px;
    position: relative;
}
.content-box h3 img {width: 24px; height: 24px; float: left; margin-right: 10px;}

.content-box h3 span#close { position: absolute; display: block; top: 10px; right: 10px; background: url(../images/icons/cross_grey_small.png); 
                             width: 7px; height: 7px; cursor: pointer;}
.shortcut-buttons-set{
    position: absolute; display: block; right: 0; top: 0; list-style: none;
}
.shortcut-buttons-set li {float: left;;}
.shortcut-buttons-set li a { font-weight: bold; display: block; border-left: 1px solid #c3c3c3; 
padding: 7px 18px; 
line-height: 19px;}
/*.shortcut-buttons-set li a:hover {background: #fafafa; height: 18px;} */
.shortcut-buttons-set li a:hover {background: #fafafa; }

.shortcut-buttons-set li a img {float: left; margin-right: 8px;}

.base-tabs {
  display: block !important;
}

.base-tabs,
.tabs {padding: 0 !important; clear: both; display: none; border-radius: 0 !important; border: 0 !important;
    }


.base-tabs .ui-tabs-nav,
.tabs .ui-tabs-nav { padding: 0 !important; border: 0 !important; border-bottom: 1px solid #c3c3c3 !important;
                    margin: 0; background: #f1f1f1; border-collapse: collapse; border-top: 0;}

.base-tabs > div.ui-tabs-panel,
.tabs > div.ui-tabs-panel { border: 1px solid #c3c3c3; border-top: 0; box-shadow: 0 0 5px #ccc;}

.base-tabs li.ui-state-default,
.tabs li.ui-state-default { background: #e6e6e6; border-radius: 2px !important; border-bottom: 1px solid #c3c3c3 !important; font-size: 13px; padding: 4px 10px 4px 10px !important; margin-right: 6px !important;}

.base-tabs li.ui-state-active,
.tabs li.ui-state-active { background: #fff;color: #f2652a; border: 1px solid #c3c3c3; border-bottom: 1px solid #fff !important; padding-bottom: 5px !important}

.base-tabs li img,
.tabs li img {margin-right: 5px; margin-top: 3px;}

.base-tabs .content-box-content,
.tabs .content-box-content {border: 0;}


ul.content-box-tabs {
    float: right;
    padding: 12px 15px 0 0 !important;
    margin: 0 !important;
}

ul.content-box-tabs li {
    float: left;
    margin: 0;
    padding: 0 !important;
    background-image: none !important;
}

ul.content-box-tabs li a {
    color: #333;
    padding: 8px 10px;
    display: block;
    margin: 1px;
    border-bottom: 0;
}

ul.content-box-tabs li a:hover {
    color: #57a000;
}              

ul.content-box-tabs li a.current {
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 0;
    margin: 0;
}

.content-box-content {
    padding: 40px;
    font-size: 13px;
    border-top: 1px solid #ccc;
    position: relative;
}


/* formulare */
form table {background-color: #fff;  width: 100%;}
form table tr:hover{ /*background: #f7f7f7;*/}
form table th{ text-align:left; padding: 8px 15px 5px 0; font-weight: normal; vertical-align: top; width: 200px;}
form table td{ padding: 5px 0;}

.form-error-message {padding-left: 20px; background: url(../images/icons/cross_circle.png) no-repeat; margin-left: 10px;}
.form-valid-message {padding-left: 20px; background: url(../images/icons/tick_circle.png) no-repeat; margin-left: 10px;}

fieldset {border: 0;margin: 30px 0 0 0;}
fieldset legend {padding: 0 2px; font-size: 14px; font-weight: bold; margin-top: 5px; }

/* FORM INPUTS AND BUTTONS */
label{ margin-right: 15px;}
label.required { font-weight: bold; }
label.required:after {content: " *"; color: #ea5c1a; }

.text, input[type=text], select, textarea, .datepicker, select{border: 1px solid #d8d8d8; padding: 4px 8px;}
.text:hover, textarea:hover, select:hover {border-color: #bcbcbc;}
.text:focus, textarea:focus, select:focus {border-color: #949494;   -webkit-transition: border-color .3s linear;  
                                                    -moz-transition:    border-color .3s linear;
                                                    -ms-transition:     border-color .3s linear; 
                                                    -o-transition:      border-color .3s linear;}



select{padding: 3px 1px 3px 5px; height: 28px;}   
select.multiselect {height: 100px;}
textarea {font-size: 12px !important; width: 100% !important;}

input.datepicker, input.datetimepicker {
    /*background: url('../images/calendar.gif') no-repeat right !important;*/
    background: url('../images/calendar-new.png') no-repeat right !important;
}
.dialog input.datepicker {z-index: 1000 !import;}
input.autocomplete-form, input.relation-selector {background: url('../images/icon_autocomplete.gif') no-repeat right;}

span.editable { overflow: hidden; display: block; padding: 3px 5px; margin: 0; min-height: 15px;}
span.editable:hover { background: #fafafa; } 
span.editable input {width: 100% !important;}
.editable input, .editable select {/*border: 0;*/ padding: 0; margin: 0;}

.editable .autocomplete { background: #fafafa url('../images/icon_autocomplete.gif') no-repeat right;}
.editable { cursor: text;}

.button{ /*background-image: linear-gradient(bottom, rgb(245,245,245) 35%, rgb(235,235,235) 50%, rgb(245,245,245) 84%); border: 1px solid #ccc; */
         background: #f1f1f1; border: 1px solid #e1e1e1;
         padding: 8px 30px; font-weight: normal; margin: 12px 20px 12px 0;
         cursor:pointer; font-size: 13px; /* box-shadow: 0 0 5px #aaa; */ color: #575756;}
.button:hover{/*box-shadow: 0 0 10px #888; background-image: linear-gradient(bottom, rgb(205,205,205) 35%, rgb(215,215,215) 50%, rgb(205,205,205) 84%);*/
         border: 1px solid #d8d5d5; color: #2e2d2c;    
         -webkit-box-shadow:	0 1px 3px 0 rgba(0, 0, 0, 0.15);
         -moz-box-shadow:	0 1px 3px 0 rgba(0, 0, 0, 0.15);
         box-shadow:		0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.button[disabled] {background: #ccc;}

.hidden {visibility: hidden;}
.none {display: none !important;}
.clickable td, .dialog-open td{cursor: pointer;}

.clickable td.checker{cursor: default;}
.sortable tr td:last-child{cursor: move;}
.sortable-disabled tr td:last-child{cursor: default !important;}

/************ Sidebar Accordion Menu ************/
#sidebar {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 190px;
    height: auto !important;
    min-height: 810px;
    display: block;
    padding: 25px 0 130px; 0;
    color: #000;
    border-right: 1px solid #e5e5e5;
}

#sidebar a {
    color: #000;    
}

#sidebar #logo {
    width: 131px; height: 44px; display: block;
    margin-left: 34px;
}

#sidebar #profile-links {
    text-align: left;
    padding: 0 5px;
    line-height: 49px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin: 30px 18px 0 38px;
    color: #8e8e8e;
    font-size: 13px;
}

#profile-links {
  height: 49px;
  overflow: hidden;
}

#profile-links span {
  display: inline-block;
  max-height: 50px;
}

#sidebar #login-setting {
    background: url(../images/setting-ico.png) center center #f1f1f1 no-repeat;
    width: 29px; height: 29px; display: block;
    border: 1px solid #f1f1f1;
    float: right; margin-top: -41px; margin-right: 18px;
    cursor: pointer;
    opacity: 0.9; 
}
#sidebar #login-setting:hover {
    opacity: 1; 
    border-color: #d8d5d5;
    background-color: #f3f3f3;
    -webkit-box-shadow:	0 1px 3px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow:	0 1px 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow:		0 1px 3px 0 rgba(0, 0, 0, 0.15);
}

#sidebar #logout-box {
    width: 138px; display: block;
    border: 1px solid #cfcece;
    box-shadow: 0px 2px 3px #ddd;
    padding: 15px 0 15px 22px;
    position: absolute; right: 19px; top: 139px;
    background: #fff;
    display: none;
}
#sidebar #logout-box a{
    line-height: 30px;
}
#sidebar #logout-box a:hover{
    text-decoration: underline;
}

#mutations {
    padding-left: 20px;
    margin-right: 19px;
}

#mutations #actual-mutation {
    padding: 9px 7px;
}

#mutations img {
    margin-right: 8px;
    vertical-align: middle;
}

#mutations ul {
    list-style: none;
    display: none;
    position: absolute;
    white-space: nowrap;
    border: 1px solid #cfcece;
    box-shadow: 0px 2px 3px #ddd;
}

#mutations ul li a {
    padding: 9px;
    display: block;
}

#mutations ul li a:hover {
    text-decoration: underline;
}

#mutations:hover ul {
    display: block;
    background-color: #fff;
    z-index: 999;
}

#mutations:hover {
    background-color: #f0f0f0;
}

#a-show-web {
    /*border-top: 1px solid #ebebeb;*/
    width: 156px; height: 30px; line-height: 30px;
    float: right; margin-right: 19px;
    padding-left: 6px;
    background: url(../images/new-tab-ico.png) 82px 8px no-repeat;
}
#a-show-web:hover {text-decoration: underline;}


#sidebar #main-nav {
    margin-bottom: 14px;
}

#sidebar #main-nav li {
    list-style: none;
    padding-bottom: 0px;
    margin-right: 19px;
}

#sidebar #main-nav li a i{
    float: left; margin-top: 0px; margin-right: 8px; 
}

#sidebar #main-nav li:hover {
    background: #f0f0f0;
}

#sidebar #main-nav li a.nav-top-item {
    padding: 15px 0 6px 28px;
    font-size: 13px;
    cursor: pointer;
    display: block;
    text-decoration: none;
}

#sidebar #main-nav li a i[class^="icon-"] {
    font-size: 15px;
    width: 17px;
}

#sidebar #main-nav li a.current {
    color: #ea5c1a;
    border-left: 6px solid #ea5c1a;
    padding-left: 22px;
    background: #fff;
}


#sidebar #main-nav li a.current:hover {
    background: #fff;
}

#sidebar #main-nav ul {
    padding: 0;
    margin: 0;
    background: #fff;
}

#sidebar #main-nav ul:hover {
    background: #fff;
}

#sidebar #main-nav ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sidebar #main-nav ul li:hover a{
    background: #fff;
    text-decoration: underline;
}

#sidebar #main-nav ul li a {
    padding: 6px 0 6px 27px;
    display: block;
    color: #000;
    line-height: 1.3em;
    text-decoration: none;
    background: none;
    font-size: 11px; 
}

#sidebar #main-nav ul li a.current {
    border: none;
    padding-left: 27px;
}

#sidebar #main-nav ul li:hover a.current {
    text-decoration: none !important;
}


#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover {
    
}
#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current:hover {
    
}

#sidebar #main-nav ul li a.current {
   
} 

/* submenu */
ul.submenu {float: left; clear: both; width: 100%; display: block; min-height: 53px; background: #fff; border-radius: 0; margin-bottom: 20px;}
ul.submenu li {display: block; float: left; display: inline-block; margin-right: 6px; margin-bottom: 8px; border: 1px solid #c3c3c3; border-radius: 2px; background: #e6e6e6;}
ul.submenu li:hover {border: 1px solid #999999;}
ul.submenu li.head {border: 0; border-right: 1px solid #cfcece; border-radius: 0;
                    margin: 0; margin-right: 15px; padding-right: 18px; height: 53px; line-height: 53px;
                    /*text-transform: uppercase;*/ font-size: 16px;
                    float: left; display: block;  background: /*url('../images/h2_back.gif') top left repeat-x*/ #e6e6e6; }
ul.submenu li.head a {background: url(../images/icons/add_24-a.png) 12px 18px no-repeat; width: 42px; height: 54px; display: block; float: left; padding: 0px;
                      margin-right: 14px; border: none; border-right: 1px solid #ccc;}
ul.submenu li.add {background: #F2652B; border: 1px solid #F2652B; opacity: 0.9;}
ul.submenu li.add a {color: #fff; cursor: pointer; font-size: 13px;}
ul.submenu li.add a:hover {color: #fff;}
ul.submenu li.add:hover {opacity: 1;}
ul.submenu li a {display: block; padding: 10px 20px; font-size: 13px; color: #555555;}
ul.submenu li a:hover {color: #2e2d2c;}
ul.submenu li a.active {color: #2e2d2c; display: block; background-color: #fff;}
ul.submenu li.head a:hover {background: url(../images/icons/add_24.png) 12px 18px #fff no-repeat; border: none; border-right: 1px solid #cfcece;  border-bottom: 1px solid #cfcece;
                            box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; height: 53px;}

/* jazykove menu */
.lang_menu {position: absolute; right: 0;}
.lang_menu li {display: block; float: left; margin: 5px 10px 0 0; color: #666; cursor: pointer; border: 1px solid #ddd; background: #f9f9f9; padding: 1px 5px;}
.lang_menu li:hover {text-decoration: underline;}
.lang_menu li.active {font-weight: bold; color: #333;}

/* flash zpravy */
.flash, .stableflash {
                position: relative;
                margin: 30px 0 15px 0;
                border: 1px solid;
                background-position: 10px 9px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                display:block;
                font-style:normal;
                padding: 10px 40px;
                line-height: 1.1em;
                z-index: 1000 !important
                }
.stableflash h3 {padding: 2px 0 15px 0; }
.stableflash table { border-collapse: collapse;}
.stableflash td {padding: 8px 15px; border: 1px solid #ccc; background: #fff;}
.stableflash h3 {background: none;}
#snippet--flashMessages { display: flex; flex-flow: column; position: absolute;}
.flash {margin: 0; z-index: 999;}

#login .flash {position: relative; width: 500px !important; margin: 20px auto; width: auto;}              

.attention {
                background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #f1f1f1 url('../images/icons/information.png') 10px 11px no-repeat;
                border-color: #cfcece;
                color: #585b66;
                padding: 10px 30px 30px 30px;
                }

.success {
                background: #d5ffce url('../images/icons/tick_circle.png') 10px 11px no-repeat;
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../images/icons/cross_circle.png') 10px 11px no-repeat;
                border-color: #df8f8f;
                color: #665252;
                }

/* seznamy */
ul.list{ padding: 5px 0 0px 33px; background-color: #fff;}
ul.list li { list-style: square; line-height: 20px; margin-bottom: 8px; padding-left: 7px;}
ul.list .level1 { margin-left: 0;}
ul.list .level2 { margin-left: 20px;}
ul.list .level3 { margin-left: 40px;}
ul.list .level4 { margin-left: 60px;}
ul.list .level5 { margin-left: 80px;}
ul.list .level6 { margin-left: 100px;}
ul.list .active { font-weight: bold;}

.help { cursor: help; background: url('../images/help.png') 0 2px no-repeat; padding-left: 14px;}
.tooltip {background: #d5ffce; border-color: #9adf8f; color: #222; padding: 20px; line-height: 19px; width: 250px; border-radius: 5px; box-shadow: 3px 3px 3px #ccc;}
#help-icon {background: url('../images/help.png') 0 2px no-repeat; position: absolute; right: 6px; top: 8px; width: 15px; height: 15px; display: block; cursor: pointer;}


/** TREEVIEW (categories) */
#categorylist {margin: 30px 10px; background: #fff;}
#categorylist .nonactive a{ color: #666 !important;}
#categorylist li {padding: 0 0 10px 0;}
#categorylist li li {padding: 4px 0 4px 0;}

.datagrid thead .button { box-shadow: none;}


span.assistly-widget { position: absolute; top: 0; right: 30px; background: #F2652B; box-shadow: 0 2px 5px #666; opacity: .8;}
span.assistly-widget:hover {opacity: 1;}
span.assistly-widget a {padding: 10px 17px 6px 17px; background: none !important; color: #fff !important; text-transform: uppercase; font-family: Arial, sans-serif !important;}
span.assistly-widget a:after { content: 'podpora';  }


.modifications { color: #999; margin: 35px 0 5px 0; }

#gallery-editor-container {}
#gallery-editor-container #gallery-editor-left-menu { width: 20%; float: left; padding-right: 4%;}
#gallery-editor-container #gallery-editor-left-menu ul { }
#gallery-editor-container #gallery-editor-left-menu ul li {width: 100%; list-style: none; background: #f1f1f1; display: block; margin: 7px 0 0 0; border: 1px solid #ddd;}
#gallery-editor-container #gallery-editor-left-menu ul li.new-gallery { background: #f8f8f8; border: 1px solid #eee; } 
#gallery-editor-container #gallery-editor-left-menu ul li.new-gallery a { color: #555}
#gallery-editor-container #gallery-editor-left-menu ul li.edit-gallery { background: #f9f9f9; margin-top: 0; border-top: 0;}
#gallery-editor-container #gallery-editor-left-menu ul li.edit-gallery a {float: left; width: 30%; padding: 15px 15px 10px 35px;}
#gallery-editor-container #gallery-editor-left-menu ul li.edit-gallery a:hover {color: #F2652B;}
#gallery-editor-container #gallery-editor-left-menu ul li a {display: block; padding: 15px; opacity: .8;}
#gallery-editor-container #gallery-editor-left-menu ul li a:hover { opacity: 1;}            
#gallery-editor-container #gallery-editor-left-menu ul li.actual a{color: #F2652B; opacity:1; font-weight: bold;}
#gallery-editor-container #gallery-editor-left-menu ul li.upload-more-files { margin-top: 100px; border: 1px solid #ddd; background: #F2652B;}
#gallery-editor-container #gallery-editor-left-menu ul li.upload-more-files a {color: #fff; padding: 20px 15px; font-size: 16px;}  
#gallery-editor-container #gallery-editor-left-menu ul li:hover {border-color: #bbb;}
#gallery-editor-container #gallery-editor-left-menu ul li.edit-gallery:hover {border-color: #ddd;}
#gallery-editor-container #gallery-editor-content { width: 72%; padding-right: 4%; float: right; }
#gallery-editor-container #gallery-editor-content .no-files-gallery { font-size: 16px; color: #777; }
a#frm-multipleFileForm-upload_browse {z-index: 10000;}


/* Gallery V2 styles */

.rowDropzone {
  height:142px;
}

table.datagrid tr.rowDropzone.selected {
  background: white !important;
}

table.datagrid tr.rowDropzone.selected:hover {
  background: #f0f0f0 !important;
}

.rowDropzone td {
  height:142px;
  line-height:142px;
  vertical-align:middle;

  padding:0px !important;

  border:1px solid #e0e0e0;

  text-align:center;
}

.rowDropzone td.area {
  cursor:pointer !important;
}

.rowDropzone .message {
  color:green;
}

.rowDropzone .message.ko {
  color:red;
}

.cellDropzone {
  border:1px solid #e0e0e0;
  padding:0px !important;
}

.cellDropzone a.fancybox {
  height:60px !important;
  padding-top:5px !important;
  padding-bottom:5px !important;

  text-align:center !important;
}

.cellDropzone a.fancybox img {
  max-height: 100%;
  line-height: 100%;
  max-width: 100%;
}

input[type="file"].hidden {
  width:0px; height:0px; visibility:hidden;
}

.rowDropzone.droppable .area,
.cellDropzone.droppable {
  background:#f0f0f0 !important;
}

.rowDropzone .droppableActive,
.cellDropzone .droppableActive {
  background:orange !important;
}

.preparedToUpload {
  background:gray;
}

#gallery-editor-content .datagrid  th.checker {
  visibility:hidden;
}

.datagrid a.halfButton {
  height:70px;
  line-height:70px;
  vertical-align:middle;
  width:50%;
  display:inline-block;

  margin:0px;
  padding:0px;

  background:transparent;
}

.datagrid a.halfButton span {
  display:inline-block;
  width:100%;
  height:100%;

  -webkit-opacity: 	0.7;
	-moz-opacity: 		0.7;
	opacity: 		      0.7;
}

.datagrid a.halfButton span:hover {
  -webkit-opacity: 	1;
	-moz-opacity: 		1;
	opacity: 		      1;
}

.datagrid .waitForConfirm {
  padding:0px;
}

.datagrid .confirmation a.cellOk span {
  background:transparent url('../images/ok-gallery-icon.png') center center no-repeat;
}

.datagrid .confirmation a.cellCancel span {
  background:transparent url('../images/cancel-gallery-icon.png') center center no-repeat;
}

.datagrid a.reupload span {
  background:transparent url('../images/upload-gallery-icon.png') center center no-repeat;
}

table.datagrid th p {
  color: #333;
  font-weight: bold;
  text-decoration: none;
  text-transform: none !important;
  cursor:default;
}

.datagrid tr.archived {
  background: #C7BFBF !important;
}

.datagrid tr.archived:hover {
  background: #A9A2A2 !important;
}

a.orangify,
a.orangify:visited {
  color: #f2652a;
  text-decoration: underline;
}

a.orangify:hover {
  text-decoration: none;
}

.autocompleteInput {
  display:block;
  min-width:500px;
  width:500px;

  margin-bottom:5px;
}

.datagrid tbody tr:first-child.warning-highlight,
.datagrid tbody tr:first-child.warning-highlight td {
  border-top:1px solid #b45a5a;
}

.datagrid tbody tr.warning-highlight,
.datagrid tbody tr:last-child.warning-highlight td {
  border-bottom:1px solid #b45a5a;
}

.datagrid tbody tr.warning-highlight td:first-child {
  border-left:1px solid #b45a5a;
}

.datagrid tbody tr.warning-highlight td:last-child {
  border-right:1px solid #b45a5a;
}

.datagrid tbody tr.warning-highlight {
  border-right:1px solid #b45a5a;
}


.datagrid td.warning-highlight {
  background:rgba(242,114,80,0.7);
}

.datagrid tr.archived-product-row td:first-child {
  background: url('../images/briefcase-icon-bg.png') 7px center no-repeat;
}

.datagrid tr.foreign-page {
  background:yellow !important;
}

.dialog-page {
  display: none;
}

.dialog-page.active {
  display: block;
}

.dialog-buttons {
  text-align: right;
}

.dialog-buttons a {
  display: inline-block;
  width: 90px !important;
  text-align: center;
}

.dialog-buttons a::selection {
  background: rgba(0,0,0,0);
}

.dialog-buttons a::-moz-selection {
  background: rgba(0,0,0,0);
}

.button-hidden {
  cursor: default;
  -moz-opacity: 0.50;
  opacity: 0.50;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
}

.dialog-page img {
  width: 600px;
  max-width: 600px;

  height: 400px;
  max-height: 400px;
}

.dialog-page h2 {
  font-size: 18px;
  color: #f2652a;
  font-weight: bold;
  height: auto !important;
  line-height: 1.5 !important;
  margin-top: 12px !important;
}

.dialog-page p {
  width: 600px;
  max-width: 600px;

  height: 110px;
  max-height: 110px;
}

.pages-numbers {
  display: inline-block;
  margin-right: 20px;
}

.ui-dialog .ui-dialog-content {
  overflow: visible !important;
}

.dialog-page a,
.dialog-page a:visited {
  color:#f2652a;
  text-decoration: underline;
}

.dialog-page a:hover {
  text-decoration: none;
}

#frm-AMerchantLabels-editForm {
  display: none;
}

#frm-AMerchantLabels-editForm label {
  margin-right: 0px;
}

#frm-AMerchantLabels-editForm .operators-select {
  width: 50px !important;
}

#frm-AMerchantLabels-editForm input.expected-value {
  width: 150px !important;
}

#frm-AMerchantLabels-editForm select.expected-value {
  width: 168px !important;
}

#frm-AMerchantLabels-editForm .restriction-select {
  display: inline-block;
  margin-top: 7px;
  margin-right: 8px;
}

#frm-editForm-name,
#frm-datagrid-AMerchantLabels-typesGrid-editForm-name {
  margin-bottom: 25px;
}


a.row-icon {
  margin-left:15px; display:inline-block;
}

iframe.disabled-textarea {
  border: 1px solid #bcbcbc;
  background: rgb(235, 235, 228);
}



#s2id_frm-editForm-category {
  min-width:400px;
}

#freshdesk-link {
  width: 170px;
  margin:12px auto;

  cursor: pointer;
}

#frm-deliveryForm-package_link,
#frm-formEdit-name,
#frm-formEdit-title,
#frm-formEdit-implementation_name {
  width: 450px;
}

#frm-formEdit-id_upper {
  width: 468px;
}

#s2id_frm-formEdit-heureka_id,
#s2id_frm-formEdit-merchant_category,
#s2id_frm-formEdit-zbozi_category {
  width: 75%;
}

.sort-standard,
.sort-alphabetically {
  cursor: pointer;
  text-decoration: underline;
}

.sort-standard:hover,
.sort-alphabetically:hover {
  text-decoration: none;
}

.sort-standard.active,
.sort-alphabetically.active {
  text-decoration: none;
  font-weight: bold;
}

.info {
  font-style: italic;
  display: none;
  margin-left: 20px;
}

.ui-tooltip {
  max-width: 600px;
}



ul.youtubeFeed {
		margin: 0;
		padding: 0;
}
 
ul.youtubeFeed li {
	float: left;
	width: 118px;
	list-style-type: none;
	font-size: 11px;
	height: 170px;
  margin-right: 30px;
}

ul.youtubeFeed li:nth-child(5n){
  margin-right: 0px;
}
  
 
ul.youtubeFeed li div { width: 118px; }

.transfers-stock-item-table th {
  text-align: left;
  padding-right: 10px;
}

.autocomplete-highlight {
  background: rgb(247, 145, 103);
}

[data-column-name="referer"] {
  max-width: 150px;
  overflow: hidden;
}

.price-cell {
  display: block;
  text-align: right;
}

.base-link {
  cursor: pointer;
  text-decoration: underline !important;
}

.base-link:hover {
  text-decoration: none !important;
}

.datagrid .filters .datepicker {
    width: 50px !important;
}

.datagrid .filters .datepicker-wrapper {
    width: 160px !important;
}

.datagrid .filters .datepicker-from {
  margin-right: 10px;
}

.blackLink {
  color: black;

  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

.blackLink:hover {
  text-decoration: none;
}

#cacheStatus {
  text-decoration: underline;
}

#cacheStatus:hover {
  text-decoration: none;
}
/*
span.add-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/icons/add_16.png) no-repeat;
  margin-right: 10px;
}
*/

.generates_variants {
    font-weight: bold !important;
}

.allow-edit {
    position: relative;
    top: 2px;
}


.warehouse-status-table th {
    padding: 3px 5px;

    font-size: 11px;
}

.warehouse-status-table th.left {
    text-align: left;
}

/* BETA FLAGS */

.beta-flag {
      position:relative;
      background:#F2652B;
      color:#fff;              
      font-family: 'Arial';
      font-weight: bold;
      }

.beta-flag-mini{
  width:38px;
  height:16px;
  float:right;
  }

.beta-flag-mini:before{
  content:"";
  float:left;
  position:absolute;
  top:0;
  left:-8px;
  width:0;
  height:0;
  border-color:transparent #F2652B transparent transparent;
  border-style:solid;
  border-width:8px 8px 8px 0;   
  }

.beta-flag-mini span {
  position:relative;
  top: 0px;
  margin-left: 8px;
  line-height: 16px;
  font-size: 9px;
}

.beta-flag-mini span:after {
  content:'';
  position:absolute;
  left:-7px;
  top:2px;
  width:4px;
  height:4px;
  border-radius: 2px;
  background:#fff;
}

#main-nav li {
    position: relative;
}

#main-nav .beta-flag {
    position: absolute;
    top: 15px;
    right: 0px;
}






.options-tabs {
    margin-top: 50px;
}

.options-tabs-nav {
    padding-top: 8px;
    margin-bottom: 20px;

    /*border: 1px solid #f6f6f6;*/

    /*background: #f6f6f6;*/
    list-style-type: none;
}

.options-tabs-link {
    display: inline-block;

    margin-right: 6px;
    margin-bottom: 8px;

    border: 1px solid #c3c3c3;
    border-radius: 2px;

    background: #e6e6e6;
}

.options-tabs-link.active:not(.options-tabs-link-new-sampler) {
    background: white;
}

.options-tabs-link a {
    display: inline-block;

    padding: 10px 20px;

    font-size: 13px;
    color: #555555;
    cursor: pointer;
}

.options-tabs-link:not(.active):not(.options-tabs-link-new-sampler):hover {
    border: 1px solid #999999;
}

.options-tabs-link:not(.active):not(.options-tabs-link-new-sampler):hover a {
    color: #212121;
}

.options-tabs-link-new-sampler {
    background: #F2652B;
    border: 1px solid #F2652B;

    opacity: 0.9;
}

.options-tabs-link-new-sampler a {
    color: white;
}

.options-tabs-link-new-sampler:hover {
    opacity: 1;
}

.options-tabs-contents-wrapper {
    min-height: 97px;

    padding: 40px 20px;

    border: 1px solid #c3c3c3;
}

.options-tabs-content {
    display: none;

    position: relative;
}

.options-tabs-content.active {
    display: block;
}



#frm-editSamplerForm .form-valid-message {
    display: none;
}

#frm-editSamplerForm {
    margin-top: 40px;
}

#frm-editSamplerForm .form-error-message {
    position: absolute;
    top: 55px;
    left: 65px;
}

#frm-editSamplerForm-name {
    margin-right: 20px;
}


.delete-sampler-button {
    display: inline-block;

    margin: 0px;
    padding: 10px 20px;

    position: absolute;
    bottom: 11px;
    right: 0px;

    border: 1px solid #F25C5C;
    border-radius: 2px;

    color: #fff;
    background: #F25C5C;
    font-size: 13px;
    cursor: pointer;
    opacity: 0.9;
}

.delete-sampler-button:hover {
    color: #fff;
    opacity: 1;
}

.options-tabs hr {
    margin-top: 20px;
}

.options-tabs .info {
    display: block;

    margin-top: 20px;
    margin-left: 0px;

    padding: 20px;

    background: rgba(242, 92, 92, 0.14);

}

.options-tabs .info .icon-info {
    display: inline-block;

    margin-right: 20px;

    font-size: 18px;
}






#frm-samplersOptionsGrid-form {
    margin-bottom: 60px;
}

#frm-datagrid-samplersOptionsGrid-editSamplerForm-name {
    margin-right: 20px;
}

.add-from-samplers {
    display: inline-block; 

    margin: 0px 0px 0px 10px; 

    padding: 6px 10px;

    border: 1px solid #c3c3c3;
    border-radius: 2px;

    background: #e6e6e6;
    color: #555555;
    font-size: 13px;
    cursor: pointer;
}

.add-from-samplers:hover {
    border: 1px solid #999999;

    color: #212121;
}

#paramSamplerPicker {
    width: 80%;

    margin-left: auto;
    margin-right: auto;
    
    position: relative;

    border: 1px solid #c3c3c3; 
    border-radius: 2px;

    background: white;
}

#paramSamplerPicker .header {
    padding: 20px 50px;

    border-bottom: 1px solid #CFCFCF;

    background: #F1F1F1;
}

#paramSamplerPicker .mfp-close {
    top: 16px;
    right: 16px;
}

#paramSamplerPicker .header h4 {
    display: inline-block;

    padding: 0px;

    font-size: 20px;
}

#paramSamplerPicker .header input {
    display: inline-block;
    width: 300px;
    height: 25px;

    margin-left: 50px;

    border: 1px solid #CFCFCF;
}

#paramSamplerPicker .content {
    min-height: 500px;
    height: 500px;
    max-height: 500px;

    overflow-y: auto;

    padding: 20px 50px;
}

#paramSamplerPicker .footer {
    padding: 20px 50px;

    border-top: 1px solid #CFCFCF;

    background: #F1F1F1;
}

#paramSamplerPicker .footer .left {
    width: 50%;
    float: left;
}

#paramSamplerPicker .footer .right {
    width: 50%;
    float: right;

    text-align: right;
}

#paramSamplerPicker .btn,
#paramSamplerPicker .save-btn {
    display: inline-block;

    /* margin-right: 6px; */

    padding: 10px 20px;

    border: 1px solid #c3c3c3;
    border-radius: 2px;

    background: #e6e6e6;
    color: #555555;
    font-size: 13px;
    cursor: pointer;
}

#paramSamplerPicker .btn:hover {
    border: 1px solid #999999;

    color: #212121;
}

#paramSamplerPicker .save-btn {
    border: 1px solid #F2652B;

    color: white;
    background: #F2652B;
    opacity: 0.9;
}

#paramSamplerPicker .save-btn:hover {
    opacity: 1;
}




#paramSamplerPicker .sampler {
    margin-top: 30px;

    padding-bottom: 30px;

    border-bottom: 1px solid #c3c3c3;
}

#paramSamplerPicker .sampler.hidden {
    display: none;
}

#paramSamplerPicker .sampler:last-child {
    padding-bottom: 0px;

    border-bottom: none;
}

#paramSamplerPicker .sampler .sampler-name-wrapper {
    line-height: 16px;
}

#paramSamplerPicker .sampler .sampler-name {
    display: inline-block;

    font-size: 16px;
    vertical-align: middle;
}

#paramSamplerPicker .sampler .select-all {
    display: inline-block;

    margin-left: 15px;

    font-size: 11px;
    vertical-align: middle;
    cursor: pointer;
}


#paramSamplerPicker .options {
    margin-top: 20px;

    /*padding-left: 30px;*/
}

#paramSamplerPicker .option {
    display: inline-block;
    
    margin-right: 8px;
    margin-bottom: 8px;

    border: 1px solid #c3c3c3;
    border-radius: 2px;

    background: #e6e6e6;
    color: #555555;
}

#paramSamplerPicker .option.hidden {
    display: none;
}

#paramSamplerPicker .option:hover {
    border: 1px solid #999999;

    color: #212121;
}

#paramSamplerPicker .sampler .option label {
    display: inline-block;

    padding: 8px 10px;

    line-height: 16px;
    cursor: pointer;
}

#paramSamplerPicker .sampler .option label input {
    vertical-align: middle;
}

#paramSamplerPicker .sampler .option label span {
    margin-left: 5px;

    font-size: 14px;
    vertical-align: middle;
}











/* VARIANTS ROW VIEW */

.variant-row-view {
    padding: 10px 7px 0px 7px;
}

.variant-row-view-disabled {
    opacity: 0.6;
}

.variant-row-view.variant-row-view-animated {
    height: 54px;
    opacity: 1;
    overflow: hidden;

    -webkit-transition: height 0.3s linear, opacity 0.3s linear;
    -moz-transition: height 0.3s linear, opacity 0.3s linear;
    -ms-transition: height 0.3s linear, opacity 0.3s linear;
    -o-transition: height 0.3s linear, opacity 0.3s linear;
    transition: height 0.3s linear, opacity 0.3s linear;
}

.variant-row-view.variant-row-view-animated.variant-row-view-hidden {
    height: 0px; 
    opacity: 0;
}

.variant-row-view-photo-wrapper {
    float:left; 
    width:15%;
}

.variant-row-view-photo {
    max-width: 60px;
    height: 50px;
}

.ui-autocomplete .variant-row-view-photo {
    position: relative; 
    top: 5px;
    left: 5px;
}

.variant-row-view-texts-wrapper {
    float: left;
    width:80%;
}

.variant-row-view-name {
    font-weight: normal;
}

.variant-row-view-identifiers {
    margin: 3px 0px 0px 0px;
    padding: 0px;

    font-size: 10px; 
}

.variant-row-view-clearer {
    clear: both; 
    visibility: hidden; 
    height: 0px;
}

.user-row-view {
    padding: 5px 7px 0px 7px;
}

.user-row-view-texts-wrapper, .order-row-view-texts-wrapper {
    width: 55%;
    float: left;
}

.user-row-view-info-wrapper {
    float: right;
}

.order-row-view-info-wrapper {
    float: right;
    font-weight: bold;
}

.user-row-view-name, .order-row-view-number {
    font-weight: bold;
}

.user-row-view-identifiers, .order-row-view-identifiers {
    margin: 1px 0px 0px 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 14px;
}

.user-row-view-info-wrapper > .user-row-view-identifiers {
    float: right;
}

.order-row-view-info-wrapper > .order-row-view-identifiers {
   float: right;
}

.form-input-separator {
    padding-top: 0px; 
    padding-bottom: 0px; 
    
    text-align:center; 
    color: #939393;
}

.form-input-separator hr {
    margin: 10px 50px 0px 50px;
}

.form-input-separator span {
    display: inline-block; 

    padding-left: 10px; 
    padding-right: 10px;

    position: relative; 
    top: -10px; 
    height: 20px; 
    line-height: 20px; 

    background: white;
}

/* Confirmation popup */ 

    .confirmation-table {
        position: relative;
        width: 100%;
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
        margin-top: 10px;
        color: #717171;

    }

    .confirmation-table td
    {
        padding: 0;
        margin: 0;
        text-align: center;
        border: 1px solid #E0E0E0;
    }

    .confirmation-button {
        position:relative;
        width: 180px;
        height:50px;
        font-size: 20px;
        font-size: 14px;      
        vertical-align: middle;
        line-height: 32px;
        margin: 0;
        display: block;          
        text-align: center;
        opacity: .9;        
        border:none;
    }

    .confirmation-button:hover {
        opacity:1;
    }

    #del-confirm {
        float:right;
        background:#F2652B;
        color: #FFF !important;
        box-shadow: 0 1px 3px #BBB;
    }

    #del-cancel {
        float:left;
        background:#EEE;
        color:#404041;
        box-shadow: 0 1px 2px #BBB;
    }









.blog-articles li {
    display: block;
    float: left;
    width: 47%; 
    height: 155px;

    list-style: none; 
}

.blog-articles li:nth-child(2n){
    float: right;
}

.blog-articles li a {
    display: block;
}

.blog-articles li a div {
    max-height: 78px; 
    overflow: hidden;
}

.blog-articles li a div img {
    width: 100%; 

    margin-bottom: 5px;

    transition: transform 0.2s linear;

    transform: scale(1,1);
}

.blog-articles li a:hover div img {
    transform: scale(1.3, 1.3);
}

.blog-articles li a h3 {
    padding: 5px 0px; 

    background: transparent; 
    color: #3C3C3B;
    font-size: 13px; 
    line-height: 18px;

    transition: color 0.2s linear;
}

.blog-articles li a:hover h3 {
    color: #F2652A;
}






.invoice-transfer-editation {
    margin-top: 40px; 
    margin-bottom: 80px;
}

.invoice-transfer-editation h4 {
    margin-bottom: 15px;

    padding: 0px;

    font-weight: bold;
}

.invoice-transfer-editation table {
    width: 400px;

    border-collapse: collapse;
}

.invoice-transfer-editation table td:first-child {
    width: 100px;
}



.select2-container .select2-choice {
    min-width: 200px !important;
    border-radius: 0px !important;
}

.select2-container .select2-choice > div {
    border-radius: 0px !important;
}

.select2-input {
    min-width: 200px !important;
}

.category_extended {
    margin-left: 10px;
}

.padding {
    padding:25px;
}

.white-bg {
    background-color: #fff !important; 
}



.detail-actions {
        margin-bottom: 20px;
    }

    .detail-actions strong {
        display: inline-block;

        margin-right: 10px;

        color: #717171;
        font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;
    }


.detail-actions .dropbtn {
    margin-top: -4px;
    margin-bottom: 4px;
}
.detail-actions .dropdown {
    position: relative;
    display: inline-block;
}
.detail-actions .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
}
.detail-actions .dropdown-content a {
    color: black;
    padding: 9px 16px;
    text-decoration: none;
    display: block;
}
.detail-actions .dropdown-content a:hover { background-color: #f1f1f1}
.detail-actions .dropdown:hover .dropdown-content {
    display: block;
}

.infobanner {
    position: relative;
    margin-top: 10px;
    color: #3c3c3b;
    font-weight: bold;
    font-size: 13px;
    padding: 20px 50px;
}

.infobanner.infobanner__whistleblower {
    background: url(../images/icons/mail_add_48.png) 10px 10px #ffdd00 no-repeat;
    background-size: 30px;
}

.infobanner.infobanner__feed-import-producers {
    background: url(../images/icons/table_green_48.png) 10px 10px #ffdd00 no-repeat;
    background-size: 30px;
}

.product-tag__product_card {
    margin-top: 20px;

    font-size: 0.714rem;
    padding: 8px 7.5px 6px 7.5px;

    text-align: left;
    display: inline-block;
    width: auto;
    margin-bottom: 7.5px;

    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    user-select: none;
}

.product-tag__detail {
    margin-top: 20px;

    font-size: 1rem;
    padding: 8px 15px 6px 15px;

    text-align: left;
    display: inline-block;
    width: auto;
    margin-bottom: 7.5px;

    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    user-select: none;
}

.product-tag__filter {
    margin-top: 20px;

    font-size: 1rem;
    padding: 4px 15px 3px 15px;

    text-align: left;
    display: inline-block;
    width: auto;
    margin-bottom: 7.5px;

    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    user-select: none;
}