:focus {
  outline: none !important;
}

::-moz-focus-inner {
  border: 0 !important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}
.tc {
    text-align: center;
}
.tl {
    text-align: left;
}
.tr {
    text-align: right;
}
.p20 {
    padding: 20px;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.mt2 {
    margin-top: 2px;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mb2 {
    margin-bottom: 2px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.mr2 {
    margin-right: 2px;
}
.mr10 {
    margin-right: 10px;
}
.mr20 {
    margin-right: 20px;
}

.in-block{
    display: inline-block;
}

.flex {
    display: flex;
}
.nowrap {
    white-space: nowrap;
}
img.round {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    border: 4px solid #ddd;
    margin-right: 10px;
}

.clear {
    overflow: hidden;
    clear: both;
    height: 1px;
    line-height: 1px;
}
.hidden {
    display: none;
}

.italic {
    font-style: italic;
}
.bold {
    font-weight: bold;
}
.bold1 {
    font-weight: 500;
}

.btnIcon, .dxbButton_ThemeSKP div.dxb {
    width: 30px;
    padding-left: 3px;
    padding-right: 3px;
}
    .btnIcon.noButton {
        border-width: 0;
        background-image: none;
        padding: 0;
        width: 24px;
        box-shadow: none;
    }
.dlgFooter {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    border-top: 1px solid #d2d2d2;
    background-color: #fafafa;
    text-align: right;
    padding: 10px 20px 10px 10px;
}
.dlgPopupFooter {
    text-align: right;
    padding: 10px 10px 10px 10px;
}
.dlgPopupFooter .in-block {
    position: relative;
    top: 10px;
}

span.dxeHelpText_ThemeSKP {
    float: left;
    padding-left: 6px;
    padding-top: 2px;
    color: #9F9F9F;
}
.lbl-link {
    cursor: pointer;
}
.dxgvFocusedRow_ThemeSKP .lbl-link {
    color: white;
}

.pnlExtendedFilter {
    background-color: #EFF0F5;
}
.dxpnl-np {
    float: right !important;
}

.pnlExtendedFilter .dxflItem_ThemeSKP {
    padding: 0;
}

#divFilteredItems {
    margin-top: 10px;
}
#divFilteredItems .dxbButton_ThemeSKP {
    margin-right: 10px;
    margin-bottom: 10px;
}

.autoHeight .dxlbd  
{  
    height: auto !important;  
} 

.EditPopupVazby .dxeCheckBoxList_ThemeSKP td.dxe {
    padding-left: 5px;
}

.dxpc-contentWrapper .dxeCheckBoxList_ThemeSKP {
    border-width: 0 !important;
}

.dxpcLite_ThemeSKP .dxpc-headerText, .dxdpLite_ThemeSKP .dxpc-headerText {
    font-weight: 500;
}
.dxflGroupBoxCaption_ThemeSKP {
	background-color: #fafafa;
	color: #001E60;
	left: -1px;
	padding: 3px 5px;
	top: -10px;
    font-weight: 500;
    border: 1px solid #cbcbcb;
    border-radius: 3px 3px 0 0;
}

.dxucBrowseButton_ThemeSKP a img.dx-vam {
    margin-right: 5px;
}

.toolbarPanel h3 {
    color: #001E60;
    margin: 4px 0 11px 0;
    font-size: 20px;
    font-weight: 500;
}
#menuToolbar {
    margin-top: 12px;
    clear: both;
}

.dxsplPane_ThemeSKP {
    border-width: 0;
}

.leftPanel,
.logout.mainSplitter .dxsplPane_ThemeSKP {
    background-color: #EFF0F5;
}
.logoPanel {
    padding-left: 5px;
    padding-top: 5px;
}
.logoPanel img {
    margin-left: 10px;
}
.footerPanel {
    background-color: #EFF0F5;
}
.toolbarPanel {
    background: #f5f7fe url(../img/bg-header.png) 0px -3px repeat-x;
    border-left: 1px solid #fff;
}

.leftPanel.logoPanel h3 {
    font-weight: 500;
    font-size: 1.3em;
    padding-left: 10px;
}

.toolbarPanel .flex {
    align-items: center;
    height: 65px;
}
.toolbarPanel .flex #menuToolbar {
    margin-top: 0;
}
.toolbarPanel .flex .dxeBase_ThemeSKP .dxichCellSys, .toolbarPanel .flex .dxeBase_ThemeSKP.dxichCellSys{
    padding: 1px;
}
.toolbarPanel .flex .dxeRadioButtonList_ThemeSKP td.dxe, .toolbarPanel .flex .dxeCheckBoxList_ThemeSKP td.dxe {
    padding: 1px;
    background-color: #fff;
}
.toolbarPanel .flex .dxeRadioButtonList_ThemeSKP table td:first-child .dxEditors_edtRadioButtonChecked_ThemeSKP {
    background-color: red;
}
.toolbarPanel .flex .dxeRadioButtonList_ThemeSKP table td:last-child .dxEditors_edtRadioButtonChecked_ThemeSKP {
    background-color: green;
}

.dxnbLite_ThemeSKP {
    background-color: #fff;
}
.logout .dxflGroupBox_ThemeSKP {
    background-color: #fff;
}

table.separator {
    background: url(../img/form-separator.png) center left repeat-x;
}

table.menu-vert-middle td {
    vertical-align: middle;
    padding-right: 5px;
}
table.menu-vert-middle .dxucControl_ThemeSKP {
    margin-top: 12px;
}


.logoImageUploadDiv {
    vertical-align: top;
    border: 1px solid #eee;
    padding: 2px;
    cursor: pointer;
    width: 200px;
    height: 200px;
    max-width: 200px;
    max-height: 200px;
    margin-bottom: 5px;
    overflow: hidden;
}
.logoImageUploadDiv.banner {
    width: 700px;
    height: 100px;
    max-width: 700px;
    max-height: 100px;
}
 .logoImageUploadDiv.bgVeletrh {
    width: 680px;
    height: 90px;
    max-width: 680px;
    max-height: 90px;
}
.logoImageUploadDiv.darek {
    width: 150px;
    height: 150px;
    max-width: 150px;
    max-height: 150px;
}
.logoImageUpload {
    vertical-align: top;
    width: 200px;
    height: auto;
}
.logoImageUploadDiv.banner .logoImageUpload {
    width: 700px;
}
.logoImageUploadDiv.bgVeletrh .logoImageUpload {
    width: 680px;
}
.logoImageUploadDiv.darek .logoImageUpload {
    width: 150px;
}

.logoImageUploadDiv.pobocka {
    width: 50px;
    height: 50px;
    max-width: 50px;
    max-height: 50px;
}
.logoImageUploadDiv.pobocka .logoImageUpload {
    width: 50px;
}

.imgUpload {
    border: 1px solid #eee;
    padding: 2px;
    cursor: pointer;
}

.lblAktualneNastaveno {
    padding: 5px 0;
    font-size: 1.2em;
    color: #9F9F9F;
    display: inline-block;
}
.lblAktualneNastaveno strong {
    color: #001E60;
}

.ui-sortable .tableRow, .ui-sortable .dxgvDataRow_ThemeSKP {
    cursor: n-resize;
}
.ui-sortable .tableRow .trBtnEdit, .ui-sortable .dxgvDataRow_ThemeSKP .trBtnEdit {
    cursor: pointer;
    text-decoration: underline;
}
.ui-sortable .tableRow span, .ui-sortable .dxgvDataRow_ThemeSKP span {
    cursor: text;
}

.imgPopupThumb {
    display: inline-block;
    min-height: 40px;
    width: 40px;
}


.dxgvDataRowHover_ThemeSKP.selected {
    background-color: #F16722;
}
.ui-state-highlight {
    background-color: #001E60;
}
.ui-state-highlight td {
    padding: 30px 0;
}

.dxlpLoadingPanel_ThemeSKP .dxlp-loadingImage, 
.dxlpLoadingPanelWithContent_ThemeSKP .dxlp-loadingImage, 
.dxcaLoadingPanel_ThemeSKP .dxlp-loadingImage, 
.dxeImage_ThemeSKP.dxe-loadingImage,
.dxgvLoadingPanel_ThemeSKP .dxlp-loadingImage,
.dxtlLoadingPanel_ThemeSKP .dxlp-loadingImage,
.dxheLoadingPanel_ThemeSKP .dxlp-loadingImage
{
    background-image: url(../img/../img/loading.gif);
	height: 48px;
	width: 48px;
}

.dxe-loadingImage {
    background-image: url(../img/../img/loading.gif) !important;
	height: 48px !important;
	width: 48px !important;
}
.dxnbLite_ThemeSKP {
    width: 220px;
}

.dxgvControl_ThemeSKP,
.dxgvDisabled_ThemeSKP
{
	font: 13px 'Roboto', 'Segoe UI','Helvetica Neue','Droid Sans',Arial,Tahoma,Geneva,Sans-serif;
	color: #343434;
	background-color: #FFFFFF;
	cursor: default;
}

/*.LayoutProperty .dxflGroupCell_ThemeSKP {
    width: 33.3%;
}*/
.LayoutProperty.DynamicProperty .dxflGroupCell_ThemeSKP {
    width: 20%;
}

.LayoutProperty .dxeTextBoxSys,
.LayoutProperty .dxeButtonEditSys {
    width: 100%;
    margin-bottom: 2px;
}

.LayoutProperty .dxflTextEditItemSys table.dxeRoot_ThemeSKP {
    width: 98%;
}

.LayoutPodobne .dxeButtonEditSys {
    width: 100%;
    margin-bottom: 2px;
}

td.dxeHelpText_ThemeSKP.dxeHHelpTextSys {
    width: 40px;
    padding-left: 6px;
    white-space: nowrap;
}

/*dateedit*/
.LayoutProperty .dxDateEditSys  {
    margin-bottom: 2px;
}
/*checkbox*/
.LayoutProperty .dxichTextCellSys  {
    font-size: 0.91em;
    color: #9F9F9F;
}
/*spinedit*/
.LayoutProperty .dxeButtonEditSys {
    margin-bottom: 2px;
}

.lblHTML {
    width: 100%;
    height: 44px;
    display: block;
    cursor: pointer;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #CBCBCB;
    padding: 3px 3px 3px 7px;
    float: left;
    margin-bottom: 2px;
}
.lblHTML * {
    padding-top: 0;
    margin-top: 0;
}
.lblHelpText {
    float: left;
    margin: 4px 0 0 6px;
    font-size: 0.91em;
    color: #9F9F9F;
}
.LayoutProperty .lblHTML {
    width: 91%;
    height: 97px;
    border-color: #F16722;
}
.LayoutProperty.StaticProperty2 .dxflGroupCell_ThemeSKP {
    width: 33.3%;
}
.LayoutProperty.StaticProperty2 .lblHTML {
    width: 76%;
    height: 17px;
    border-color: #F16722;
}
.LayoutProperty .lblHTML[data-txt-id="stxtDescriptShort"],
.LayoutProperty .lblHTML[data-txt-id="stxtDescriptShortSK"] {
    height: 17px;
}

.LayoutProperty.DynamicProperty .dxeErrorCell_ThemeSKP {
    display: none;
}

.dxeReadOnly_ThemeSKP.dxeFocused_ThemeSKP {
    outline: none;
    border-color: #CBCBCB;
}

.dxgvHeader_ThemeSKP,
.dxgvHeader_ThemeSKP td {
    white-space: normal !important;
}

.layoutFilterTop .dxflGroup_ThemeSKP,
.layoutFilterTop .dxflGroupCell_ThemeSKP,
.layoutFilterTop .dxflCaptionCell_ThemeSKP {
    padding-left: 0;
    padding-top: 0 !important;
}

.LayoutProperty .dxeTextBox_ThemeSKP,
.LayoutProperty .dxeButtonEdit_ThemeSKP,
.LayoutProperty .dxICheckBox_ThemeSKP {
    border-color: #F16722;
}
.LayoutProperty .dxeTextBox_ThemeSKP.dxeReadOnly_ThemeSKP,
.LayoutProperty .dxeButtonEdit_ThemeSKP.dxeReadOnly_ThemeSKP,
.LayoutProperty .dxeButtonEdit_ThemeSKP.dxeDisabled_ThemeSKP {
    border-color: #CBCBCB;
}

.LayoutProperty .dxICheckBox_ThemeSKP {
    border-width: 1px;
    border-style: solid;
}
.LayoutProperty .dxeReadOnly_ThemeSKP .dxICheckBox_ThemeSKP {
    border-width: 0px;
}

.dxeCheckBoxList_ThemeSKP.dxeFocused_ThemeSKP,
.dxeRadioButtonList_ThemeSKP.dxeFocused_ThemeSKP {
    border-width: 0px !important;
    outline: none !important;
}

.toolbarPanel .dxsplLCC,
.mainContentPanel .dxsplLCC {
    padding-left: 15px;
}

.btnTranslate {
    position: relative;
    top: 4px;
    margin-left: 5px;
    cursor: pointer;
}

.blokaceInfo {
    font-size: 1.6em;
    font-weight: 500;
    padding: 20px 0 30px 0;
    display: block;
}
.blokaceInfo.true {
    color: red;
}
.blokaceInfo.false {
    color: green;
}

.timePicker .dxMonthGridWithWeekNumbers {
    display: none;
}

.login-menu {
    position: absolute;
    top: 8px;
    right: 10px;
}

.info-text {
    margin-left: 2px;
}
.info-text img {
    position: relative;
    top: 3px;
    margin-right: 1px;
}
.info-text span {
    color: #9F9F9F;
}

a.btn {
    border: 1px solid #CBCBCB;
    padding: 5px 10px;
    color: #000 !important;
    text-decoration: none;
    border-radius: 2px;
}
a.btn:hover {
    background-color: #F16722 !important;
    background-image: none !important;
    color: #fff !important;
    text-decoration: none;
}

.full {
    width: 100%;
}
.flex-center {
    align-items: center;
}

.Veletrh .logo {
    align-items: center;
    justify-content: space-between;
}
.Veletrh h3 {
    margin-left: 20px;
}

.dxflGroupBoxSys.dxflEmptyGroupBoxSys {
    border-width: 0px !important;
}

.dxmLite_ThemeSKP .dxmtb.dxm-horizontal .dxm-checked, .dxmLite_ThemeSKP .dxmtb.dxm-horizontal .dxm-selected {
    background: #d5d8e0 !important;
}

.dxm-item.razeni-eshop {
    margin-left: 70px !important;
}


.gridButtons .dxflNestedControlCell_ThemeSKP > a.dxbButtonSys,
.gridButtons .dxgvTable_ThemeSKP .dxgvHeader_ThemeSKP a.dxgvCommandColumnItem_ThemeSKP,
.Veletrh .dxflCustomItemSys a.dxbButtonSys,
.Veletrh .dxgvTable_ThemeSKP .dxgvHeader_ThemeSKP a.dxgvCommandColumnItem_ThemeSKP,
.editButtons .dxflCustomItemSys a.dxbButtonSys,
.editButtons .dxgvTable_ThemeSKP .dxgvHeader_ThemeSKP a.dxgvCommandColumnItem_ThemeSKP {
    border: 1px solid #CBCBCB;
    background-color: #eee;
    padding: 5px 10px;
    color: #000 !important;
    text-decoration: none;
    border-radius: 2px;
    text-decoration: none;
}
.gridButtons .dxflNestedControlCell_ThemeSKP > a.dxbButtonSys:hover,
.gridButtons .dxgvTable_ThemeSKP .dxgvHeader_ThemeSKP a.dxgvCommandColumnItem_ThemeSKP:hover,
.Veletrh .dxflCustomItemSys a.dxbButtonSys:hover,
.Veletrh .dxgvTable_ThemeSKP .dxgvHeader_ThemeSKP a.dxgvCommandColumnItem_ThemeSKP:hover,
.editButtons .dxflCustomItemSys a.dxbButtonSys:hover,
.editButtons .dxgvTable_ThemeSKP .dxgvHeader_ThemeSKP a.dxgvCommandColumnItem_ThemeSKP:hover,
.dxmLite_ThemeSKP .dxmtb.dxm-horizontal .dxm-hovered {
    background-color: #F16722 !important;
    background-image: none !important;
    color: #fff !important;
    text-decoration: none;
}
.gridButtons .dxgvEditFormDisplayRow_ThemeSKP {
    background-color: #F16722;
}

.Veletrh .upImage {
    border: 1px solid #cbcbcb;
    padding: 2px;
    margin: 0 2px 2px 0;
    cursor: pointer;
}
.Veletrh .dxgvEditForm_ThemeSKP > td {
    background-color: #EFF0F5;
}

.dxdvEmptyData_ThemeSKP {
    padding: 0 !important;
}


.big {
    font-size: 1.2em;
}

.divUpload, #upInterier, #upExterier {
    margin-top: 19px;
}

.divUpload {
    width: 120px;
    height: 50px;
    
    border: 2px dotted #9F9F9F;
    background: white url(../img/bg-div-upload.png) 35px 25px no-repeat;
    cursor: pointer;
    padding: 70px 0px 0px 0px;
    text-align: center;
}
.divUpload:hover, .divUpload:active {
    border-color: #001E60;
    text-decoration: underline;
    color: #001E60;
}

.relative {
    position: relative;
}

.btnGridTop {
    position:absolute;
    top: -30px;
    right: 0px;
}

.dvImages {
    max-width: 770px;
    min-width: 20px;
    min-height: 160px;
}

.divImages {
    border: 1px solid #cbcbcb;
}

.dvImages .item {
    width: 120px !important;
    height: 120px;
    max-width: 120px;
    max-height: 120px;
    position: relative;
}
.dvImages .item .img {
    width: 120px;
}

.dvImages .item .btnDelete {
    position: absolute;
    right: 0;
    bottom: 0;
}
.dvImages .item .imgMainBtn {
    position: absolute;
    right: 32px;
    bottom: 2px;
    cursor:pointer;
    width: 24px;
    height: 24px;
}

#divProductsAutocomplete .dxgvDataRowHover_ThemeSKP {
    background-color: #F16722;
    cursor: pointer;
}
#divProductsAutocomplete .results {
    position: absolute; 
    top: 30px; right: 0;
    border: 3px solid #aaa;
    box-shadow: -10px 10px 5px #aaa;
}


.spin {
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}