@import "elements.less";
//default + helper
A,INPUT[type="button"],INPUT[type="submit"],LABEL[for] { cursor:pointer; text-decoration:none; }
INPUT[type="file"] {background:none !important;border:0 !important;padding:0 !important;}
.clear,.clean,.cleaner {clear:both;width:0;height:0;margin:0;padding:0;border:0;display:block;}
TD {vertical-align:top;position:relative;}
*:focus {outline: 0;}
*:disabled,*[disabled] {cursor: default !important;}
.crosshair{cursor:crosshair}
.inline {display:inline;}
.hide-normal {display:none}
.block {display:block}
.rel {position:relative}
.w50 {width:50%}
.w100 {width:100%}
.upp{text-transform:uppercase}
.low{text-transform:lowercase}
.vt-bottom{vertical-align: bottom}
.vt-top{vertical-align: top}
.vertical-center {min-height: 100%;min-height: 100vh;display: flex;align-items: center;}
//ui jquery
.ui-autocomplete { z-index:5000 !important;.rounded(0px);
   .ui-state-focus {background:#6DAAE0 !important;}
}
.ui-timepicker-div {
  .ui-slider-handle {.transition-duration(0s);.rounded(10px);}
}
.ui-autocomplete-loading {
  background-image: url("/include/images/admin/loading_s.gif");background-repeat: no-repeat;background-position: 96% 10px;
   &INPUT[type="button"],&.fileinput-button {padding-right:25px !important; }
}
.input-ac a {
  font-size:12px;
  font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border:0;
}
.input-ac:hover a {
  background:#eaeaea;
  border:0;
  margin:0 !important;
}
/* nejaké špecialne prvky */
  .loading-but{
    padding-left: 25px;
    background-image: url("/include/images/admin/loading_s.gif");
    background-repeat: no-repeat;
    background-position: 5px;
  }
  .ok-but {
    padding-left: 25px;
    background-image: url("/include/images/admin/icons/ok.png");
    background-repeat: no-repeat;
    background-position: 5px;
  }
  .red-but {
    padding-left: 25px;
    background-image: url("/include/images/admin/icons/red-dot.png");
    background-repeat: no-repeat;
    background-position: 5px;
  }
  .order-asc,.order-desc {
    display:inline-block;
    zoom:1;
    *display:inline;
    width:16px;
    height:16px;
    background: url("/include/images/admin/order.png") no-repeat;
    background-position: center -46px;
  }
  .order-desc {background-position: center 5px;}
  .ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se {
  background-color: white;
  border: 2px solid #2597CC;
  cursor: pointer !important;
  }
  .wt_load {display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;background: rgba(0,0,0,0.6);}
  .wt_load .wt_load_in {display:none;}
/* paci sa mi but */
  A.paci-sa-mi {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    padding-left: 24px;
    background-image: url("/include/images/admin/like.png");
    background-repeat: no-repeat;
    background-position: 8px 8px;
  }
  A.paci-sa-mi:hover {color:#555;}
  A.paci-sa-mi.selected {background-position: 8px -62px;}
/* tinymce */
  .mce-flow-layout *,.mce-stack-layout *,.mce-text {font-size: 12px !important;}
  .mce-edit-area {padding:10px !important}
/* tags */
  UL.tags {
    list-style: none;
    margin: 5px;
    overflow: hidden;
    padding: 0;
  }

/* tooltip */
  DIV.tooltipka {
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size:11px;
  }


  .btn-success.selected-file {
  background-color: #048799;
  border-color: #066875;
  }

  .btn-success.selected-file:hover {
  background-color: #5CB85C;
  border-color: #4CAE4C;
  }

/* raty */
.raty, .raty-panacik{
padding: 10px;
padding-bottom: 0;
white-space: nowrap;
}

.raty-panacik {
display:inline-block;
zoom: 1;
*display: inline;
}

/* fb commnety osetrenie */
.fb-comments {
min-height:170px;
}

DIV.submapka {
width:450px;
height:350px;
margin-bottom: 10px;
cursor: crosshair !important;
}

DIV.submapka *{
cursor: crosshair !important;
}

DIV.submap_panel {
display: inline-block;
zoom: 1;
*display: inline;
position: absolute;
top: 10px;
left: 48px;
z-index: 5;
background-color: #FFF;
padding: 5px;
border: 1px solid #999;
}

IMG.ulozto {
position: fixed;
top: 50%;
right: 85px;
cursor: pointer;
z-index: 500000;
}

IMG.addbut, IMG.addbuttab, IMG.delbut, IMG.addbutdoc, IMG.delbutdoc {
width: 13px;
margin: 5px;
margin-bottom: -1px;
cursor: pointer;
}
#ui-datepicker-div {z-index:65516651651561 !important;}

/* docs obsah (zvacsa admin) */
.docs_obsah H2 {
font-size: 16px;
font-weight: bold;
padding: 10px 5px 15px;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
}

.docs_obsah TABLE {
/*border:1px solid #ccc;  */
border-left-width:2px;
width:100%;
border-collapse:collapse;
}

.docs_obsah TABLE TABLE {
border:0;
}

.docs_obsah TABLE TABLE TD {
border:0;
}

.docs_obsah TABLE TH {
background: #830000;
text-shadow: 1px 1px 0px #000;
border:1px solid #4B0000 !important;
font-weight: bold;
padding: 10px 6px !important;
color: #E6E6E6;
text-align: center;
white-space: nowrap;
font-size: 13px;
}

.docs_obsah TABLE TR:nth-child(odd) TD{
  background:#E2E2E2;
}

.docs_obsah TABLE TR:nth-child(even) TD{
  background:#eee;
}


.otvor-edit:hover TD {
  cursor:pointer;
}


.otvor-edit:hover:nth-child(odd) TD {
  background:#DDD;
}

.otvor-edit:hover:nth-child(even) TD {
  background:#F3F3F3;
}


.otvor-edit.clicked TD {
  background: #909090 !important;
color: #FFF;
}


.docs_obsah TABLE TD {
font-size:12px;
}

.docs_obsah TABLE TD.red-bg {
background: #E29D9D !important;
color: #FFF;
}

.docs_obsah TABLE TD.green-bg {
background: #A5E29D !important;
color: #000;
}

.docs_obsah TABLE TH, .docs_obsah TABLE TD {
padding: 8px 12px;
border: 1px solid #CCC;
}

.docs_obsah TABLE A {
color: #A70000;
font-weight: bold;
}

.docs_obsah TABLE A:hover {
text-decoration:underline !important;
color: #F73737;
}


/* formulare */
SPAN.poznamka,SPAN.poznamka-kosik {display: block;margin: 2px 0 -3px 10px;}
#recaptcha_area {margin-left: 4px;}

.wt_form {
  .drag-and-drop-up {
    display:none;text-transform: uppercase;font-weight:bold;position:absolute;border:2px dashed #FFF;top:0;right:0;left:0;padding:20px;text-align:center;z-index:500;background:#579DDB;color:#fff;font-size:17px;
    &.hover,&:hover {background:#97c664;}
  }
  .frm_typ_21 .input-group-btn { vertical-align:bottom }
  .input-group-addon.addFile {
    border-right: 0;
    .img-show-min img {max-height:46px;width: auto;}
  }
  .form-table {
    th {background:#fff;
      &:last-child {width:1px}
    }
    .frm_table_row td:last-child{white-space:nowrap;}
  }
  .form-control.popisok { border-bottom: 0; }
  .form-prews {
    margin-top: 16px;
    DIV.thumbshow {
      vertical-align: top;width: 120px;margin: 4px;overflow: hidden;display: inline-block;height: 100px;background-color: #FFF;
      background-repeat: no-repeat;background-position: center center;text-align: center;border: 2px solid #6B6B6B;position: relative;
      SPAN {
        position: absolute;bottom: 2px;padding: 2px;background: #FFF;left: 2px;font-size: 11px;.rounded(3px);
      }
      .editthumb, .zmazthumb, .rotate, .movethumb {
        position: absolute;top:2px;right:2px;padding:4px;background: #F0F0F0;border: 1px solid #D6D6D6;width:22px;
        &:hover {background:#fcfcfc;border-color:#dedede;}
      }
      .editthumb, .rotate[data-orient=left] {left: 2px;right: auto;}
      .rotate[data-orient=left], .rotate[data-orient=right] {top:32px;}
      .movethumb {top:auto;bottom:2px}
      &.thumb-jpg, &.thumb-jpeg, &.thumb-jpe, &.thumb-gif, &.thumb-png {background-image:url("/include/images/admin/image-bg.png");}
      &.thumb-xls, &.thumb-xlsx, &.thumb-csv {background-image:url("/include/images/admin/excel.png");}
      &.thumb-doc, &.thumb-docx, &.thumb-txt, &.thumb-odt {background-image:url("/include/images/admin/word.png");}
      &.thumb-pdf {background-image:url("/include/images/admin/pdf.png");}
    }
  }
  TEXTAREA {resize:vertical;min-height: 100px !important;overflow: auto;}
  .form-group.required .control-label:after {content:" *";color:#a94442;}
  .input-group {margin-bottom:3px;position:relative;width:100%}
  .ace-outer {width:100%;
    &>* {width:100%;height:500px;}
  }
  .frm_typ_18 TABLE,.frm_typ_19 TABLE {margin:0px;}
  .multi-html-lang-sel {position: absolute;top: 1px;right: 32px;z-index: 500;}
  .multi-html-lang-sel button {.rounded(0px);}
  .has-error {
    iframe {border: 1px solid #A94442;}
  }
}

.alert a,.alert a:hover {color:inherit;}

/* autocomplete multi */
.tagit-new INPUT.ui-widget-content {
margin:0 !important;
border:none !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
padding:4px 0 0 0 !important;
}

ul.tagit li.tagit-new {padding:0 !important;}

INPUT.datum-pick, INPUT.cas-pick, INPUT.datumcas-pick {
/*width:100px !important;  */
cursor: text !important;
border-width: 1px !important;
background: #FFF !important;
}

INPUT.num_only, INPUT.float_only { /*width:70px !important;*/ }
/* tinymce */
#tinymce {background:none !important;}

/* on mobile browsers, I set a width of 100% */
table.mceLayout, textarea.tinyMCE {
    width: 100% !important;
}

/* on large screens, I use a different layout, so 600px are sufficient */
@media only screen and (min-width: 600px) {
    table.mceLayout, textarea.richEditor {
       width: 600px !important;
    }
}

/* ui slider */
.ui-slider {width: 70px;vertical-align: top;margin: 8px 10px;height: 4px !important;}
.ui-slider-handle {height: 9px !important;}
.ui-timepicker-div .ui-slider {display:block;width:auto !important;}

/* search page comp */

DIV.srchpage {
width:100%;
padding:5px;
}

DIV.srchpage DIV.krit-list {
width:260px;
border-right:1px solid #333;
padding:5px;
padding-right: 14px;
}

DIV.srchpage DIV.top {
border-bottom:1px solid #333;
margin-bottom: 15px;
padding-bottom: 15px;
position:relative;
}

DIV.srchpage DIV.top DIV.kriteria {
padding-right:150px;
}

DIV.srchpage DIV.top DIV.na-stranu {
position:absolute;
right:0px;
top:0px;
}

DIV.srchpage DIV.top DIV.na-stranu SELECT.na_stranu_srch,
DIV.srchpage DIV.top DIV.na-stranu SELECT.sort {
padding: 2px;
}

DIV.srchpage .srch-sorting {

}

DIV.srchpage SELECT {
max-width: 220px;
}

DIV.srchpage .srch-sorting IMG {
vertical-align: top;
}

DIV.srchpage DIV.krit-list A.rozklik, DIV.srchpage DIV.krit-list A.subm {
display: block;
border: 1px solid #444;
padding: 7px 0 7px 12px;
border-bottom: 0px;
color: #ECECEC;
border-left-width: 5px;
background:url("/include/images/admin/shpm.png") no-repeat;
background-color:#363636;
background-position: 225px 2px;
}

DIV.srchpage DIV.krit-list A.rozklik:hover {
color: #FFF;
border-color:#555;
background-color:#474747;
}

DIV.srchpage DIV.krit-list A.subm {
background-image:none;
border-color:#2D990B;
border-top:0;
border-bottom-width:1px;
background-color:#1C7201;
font-size: 17px;
font-weight: bold;
text-transform:uppercase;
}

DIV.srchpage DIV.krit-list A.subm.fix {
position: fixed;
padding-bottom: 24px;
bottom: 0;
width: 242px;
z-index: 54154;
}

DIV.srchpage DIV.krit-list A.subm:hover {
border-color: #2DBB00;
background-color: #249700;
}

DIV.srchpage DIV.krit-list A.rozklik.open {
background-position: 225px -40px;
}


DIV.srchpage DIV.krit-list DIV.subrozklik {
display:none;
border: 1px solid #444;
padding: 7px 0 7px 12px;
border-bottom: 0px;
border-top: 0px;
color: #ECECEC;
background-color:#252525;
border-left:5px solid #2D990B;
}

DIV.srchpage DIV.krit-list .top {
font-size:16px;
}

DIV.srchpage DIV.krit-list .top H3 {
display:block;
padding-bottom:20px;
}

DIV.srchpage DIV.krit-list .top SPAN {
display:block;
font-size:12px;
padding-bottom:15px;
}

DIV.srchpage DIV.krit-list DIV.subrozklik.block {

}

DIV.srchpage DIV.krit-list INPUT {
font-size: 13px;
width: 214px;
margin: 0;
color:#333;
}

DIV.srchpage DIV.krit-list INPUT[type="checkbox"]{
width:auto !important;
}

DIV.srchpage DIV.krit-list .query {
position:relative;
}

DIV.srchpage DIV.krit-list INPUT.query-input {
width: 215px;
padding-right:30px;
}

DIV.srchpage DIV.krit-list INPUT.sub-lupa {
width: 35px;
position: absolute;
right: 0;
background: #CCC url("/include/images/admin/search.png") no-repeat center center !important;
border: 0px solid #AFAFAF !important;
padding: 5px 8px !important;
margin-top: 0px;
height: 29px;
}

.edit-range-slider {
background: none !important;
color: #FFF !important;
padding: 0 2px !important;
border-color: #3C3C3C !important;
width: 40px !important;
}

DIV.srchpage DIV.kriteria DIV.filter-krit {
display: inline-block;
zoom: 1;
*display:inline;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.7);
background: #CCC;
border: 1px solid #AAA;
padding: 0px 9px;
font-size: 10px;
line-height: 20px;
color: #222;
margin: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
transition-property: color, border-color, background-color, box-shadow;
transition-duration: 0.6s;
transition-delay: 0s;
cursor: default;
}

DIV.srchpage DIV.kriteria DIV.filter-krit:hover {
background: #EEE;
color: #444;
border-color:#CCC;
-webkit-box-shadow: 1px 1px 2px 0px rgba(255, 255, 255, 0.75);
-moz-box-shadow:    1px 1px 2px 0px rgba(255, 255, 255, 0.75);
box-shadow:         1px 1px 2px 0px rgba(255, 255, 255, 0.75);
}

DIV.srchpage DIV.kriteria DIV.filter-krit IMG {
vertical-align: -2px;
margin-left: 5px;
height: 12px;
cursor:pointer;
}

/* slider range */

.irs {width:225px;}
#irs-active-slider, .irs-slider:hover {cursor:w-resize;}

.lightbox {font-family:'Open sans',arial,sans-serif;}
.panel-heading.small {padding: 3px 15px;background: #fbfbfb;border-color: #ebebeb;}