/* compontent */

@import url("./widget/dropzone.css");


view-component {
    display:block;
}

button.reload-view-component {
    display:block;
    position:absolute;
    right:-7px;
    z-index:1000;
    top:-2px;
}


/* select picker loader */
select.picker[multiple] {
    max-height:37px;
    overflow:hidden;
}

select.picker[multiple] options {
    display:none;
}


.text-strong, .text-contrast {
    color:#333;
}

body[data-mode=dark] .text-contrast,
body[data-mode=dark] .text-strong {
    color:#ddd;
}



/* height of click body for dismiss */
.modal-dialog.modal-right .modal-body {
    min-height:80vh;
}

/* summernote todo: set height to rows */
div.form-control[data-summernote] {
    height:10rem;
}

/* media field */
div.smart .dropzone .dz-message span.text-muted {
    display:none;
}

.modal-dialog.modal-right .dropzone h4,
.modal-dialog.modal-right .dropzone span {
    display:none;
}

.modal-dialog.modal-right .dropzone  {
    min-height:100px;
}

.smart .dropzone span.text-muted {
    display:none;
}
.smart .dropzone {
    min-height:auto;
    padding:10px 20px;
}
.smart .dropzone h4 {
    font-size:1rem;
}


/* style */

textarea.code {
    font-family: Consolas, Lucida Console, monospace;
}



@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}
.placeholder-content {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, rgba(255,255,255,0.02) 8%, rgba(255,255,255,0.05) 18%, rgba(255,255,255,0.02) 33%);
    background-size: 1000px 104px;
    min-height: 180px;
    position: relative;
    overflow: hidden;
    border-radius:5px;
}

.placeholder-content .inner {
    text-align: center;
    padding-top:80px;
    color:rgba(255,255,255,0.2);
}



/* preloader


.placeholder-content {
    height: 205px;
    overflow: hidden;
    position: relative;
    -webkit-animation-duration: 1.7s;
    animation-duration: 1.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: placeholderAnimate;
    animation-name: placeholderAnimate;
    background:red;
    background: linear-gradient(to right, rgba(255,255,255,0.1) 2%, rgba(255,255,255,0.2) 18%, rgba(255,255,255,0.1) 33%);
    background-size: 1300px;
}

.placeholder-content_item {
    width: 100%;
    height: 20px;
    position: absolute;
    background: red;
    z-index: 2;
}
.placeholder-content_item:after, .placeholder-content_item:before {
    width: inherit;
    height: inherit;
    content: "";
    position: absolute;
}

.placeholder-content_item:nth-child(1) {
    top: 0;
    left: 0;
}
.placeholder-content_item:nth-child(2) {
    top: 20px;
    left: 0;
    width: 10%;
    height: 90px;
}
.placeholder-content_item:nth-child(3) {
    top: 0px;
    left: 0;
    width: 10%;
    height: 100%;
}
.placeholder-content_item:nth-child(4) {
    top: 20px;
    width: 20px;
    left: 170px;
    height: 90px;
}
.placeholder-content_item:nth-child(5) {
    top: 40px;
    left: 190px;
    height: 12px;
}
.placeholder-content_item:nth-child(6) {
    top: 75px;
    left: 190px;
    height: 12px;
}
.placeholder-content_item:nth-child(7) {
    top: 20px;
    right: 0;
    width: 23%;
    height: 20px;
}
.placeholder-content_item:nth-child(8) {
    top: 0;
    right: 0;
    width: 10%;
    height: 100%;
}
.placeholder-content_item:nth-child(9) {
    top: 110px;
    height: 17px;
    left: 0;
}
.placeholder-content_item:nth-child(10) {
    top: 149px;
    height: 12px;
    left: 0;
}
.placeholder-content_item:nth-child(11) {
    top: 183px;
    left: 0;
    height: 100%;
}

@-webkit-keyframes placeholderAnimate {
    0% {
        background-position: -650px 0;
    }
    100% {
        background-position: 650px 0;
    }
}

@keyframes placeholderAnimate {
    0% {
        background-position: -650px 0;
    }
    100% {
        background-position: 650px 0;
    }
}
*/

/* take minton tag to class */
.code {
    font-size: 87.5%;
    color: #f672a7;
    word-wrap: break-word;
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}


.multicheckbox div.checkbox {
    margin-bottom: 0.25rem;
}


/* vendors peity ausblenden */

span[data-plugin="peity-pie"],
span[data-plugin="peity-donut"],
span[data-plugin="peity-donut-alt"],
span[data-plugin="peity-line"],
span[data-plugin="peity-bar"] {
    display:none;
}

/* smart layouts */

p.left
th.left, tr.left th,
td.left, td.left th {
    text-align:left;
}

p.right,
th.right, tr.right th,
td.right, tr.right td {
    text-align: right;
}

p.center,
th.center, tr.center th,
td.center, tr.center td {
    text-align:center;
}

.pull-left {
    float:left;
}

.pull-right {
    float:right;
}



.tab-validation-error * {
    color: rgb(241, 85, 108) !important;
}




td > .footable-pagination li a {
    border:none;
    xbackground:none;
    line-height:1;
}
td > .footable-pagination li.active a {
    xbackground:#424e5a;
    xcolor: #02a8b5;
    xline-height:1;
}
td > .footable-pagination li.disabled a {
    opacity: 0.25;
}