@import "_utils";

@import "@static/bootstrap/bootstrap.scss";

@import "base/_helper-classes";
@import "base/_layout";

@import "components/_toggle";
//@import "components/_custom_form";
@import "components/_chosen";
@import "components/_wpj_overrides";
@import "components/_infobox";
@import "components/_invert";
@import "components/_quick-access";
@import "components/_wpj_tree";
@import "components/_chosen.image";
@import "components/_pageblocks";
@import "components/_autocomplete";
@import "components/_loading_form";
@import "components/_nav";
@import "components/_navbar";
@import "components/_modal";
@import "components/_panel";
@import "components/_productfilter-nav";
@import "components/_clipboard";
@import "components/_file-uploader";
@import "components/_treeDragDrop";
@import "components/_form-search";
@import "components/_index-stats";
@import "components/_list"; // je i ve window
@import "components/_list-filters"; // je i ve window
@import "components/_dropup-actions";
@import "components/_helps";

@import "components/_wpj-tile";
@import "components/_wpj-modules";
@import "components/_wpj-image-upload";

@import "board/_board.gdpr";
@import "board/_board.login";
@import "board/_board-translations";
@import "board/_appMenu";

@import "list/_list.stockInMissing";

@import "components/_wpj_temporary";

/************************ IFRAME ***************************************************/
iframe {
   width: 100%;
   border: none;
}

/*********************** IFRAME END ************************************************/

.ui-datepicker {
   z-index: 100 !important;
}

.ui-autocomplete {
   z-index: 100 !important;
}

textarea.wysiwyg {
   height: 200px;
}

/*********************** Modal dialog ************************************************/
#admin_dialog iframe {
   height: 100%;
   width: 100%;
}


/*****************************************************   */
.row-green, .row-green td {
   background-color: #e5fccd !important;
}

.row-green:hover, .row-green:hover td {
   background-color: #d6ecbf !important;
}

.row-red, .row-red td {
   background-color: #fdd7db !important;
}

.row-red:hover, .row-red:hover td {
   background-color: #ecc7cb !important;
}

.row-orange, .row-orange td {
   background-color: #ffd28f !important;
}

.row-orange:hover, .row-orange:hover td {
   background-color: #ecbf7f !important;
}

.row-blue, .row-blue td {
   background-color: #accfff !important;
}

.row-blue:hover, .row-blue:hover td {
   background-color: #89b3fc !important;
}

.row-white, .row-white td {
   background-color: #fff !important;
}

.row-white:hover, .row-white:hover td {
   background-color: #f9f9f9 !important;
}

/*****************************************************   */

.rychupr .window-btns .btn-group button:disabled {
   display: none;
}

.glyphicon-star.rating-full {
   color: gold;
}

.glyphicon-star.rating-empty {
   color: #d5d4d4;
}

// zruseni sipek u input type number
// class .disable-spinner se muze vyhodit
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

input[type="number"] {
   -moz-appearance: textfield;
}

/* Zabranuje obcasnemu kolabovani editoru pri nacteni */
.cke_contents > iframe {
   width: 100% !important;
}

.nav.nav-pills.nav-stacked li > a:not(.opener):focus {
   color: $white;
}

.cke_inner {
   position: relative;
}

.cke_top {
   position: -webkit-sticky !important;
   position: sticky !important;
   top: 0;
}

/** bootstrap refresh animation */
.dialogContentLoader {
   text-align: center;
   font-size: 40px;
   color: #aaa;
}

.glyphicon-refresh-animate {
   padding-top: 1.5px;
   box-sizing: content-box;
   transform: translateZ(0);
   animation: spin .7s infinite linear;
}

.wpj-spin-animation {
   animation: spin .7s infinite linear;
   border-bottom: 1px solid $border-color;
   border-right: 1px solid $border-color;
   border-radius: 50%;
}

/******************* CROSSFADE *********************/

.crossfade-position {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
}

.crossfade-wrapper {
   position: relative;
}

@keyframes spin {
   from {
      transform: scale(1) rotate(0deg);
   }

   to {
      transform: scale(1) rotate(360deg);
   }
}
