/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13 мая 2021 г., 18:30:56
    Author     : Василий
*/
.grid-item{
    position:relative;
}
.grid-item .custom-select[multiple] {
    height: 100%;
}
.preview-banner {
    grid-column: span 6;
}
.show-banner-info span {
    float: right;
    right: 9px;
    position: relative;
    color: green;
}
.dropdown-banners {
    left: -17.9em;
    top: 2em;
}
.clonedata .minicolors {
    position: relative;
    width: 30px;
    display: inline-block;
    right: 0;
    float: right;
}
.minicolors-theme-bootstrap .minicolors-swatch {
    width: 15px;
    height: 15px;
}
.top_banners .badge {float: right;}


.addNew {
    width: max-content;
    margin: auto;
}
.clonedata .errorBlock {
    position: relative;
    grid-column: span 6;
    bottom: 0;
    width: max-content;
}
.pa {
    position: absolute;
}
.top_banner_submit {
    width: 100px;
}
#ajaxLoader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(18 38 63 / 10%);
    z-index: 9999;
}
#ajaxLoader .loading {
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
}
.form-control.error {
    border-color: #d40027a8;
}
.dropdown-item.delete a
{
    padding-right:24px;
}
.sk-folding-cube {width: 4em; height: 4em; position: relative; margin: auto; transform: rotateZ(45deg);}
.sk-cube {float: left; width: 50%; height: 50%; position: relative; transform: scale(1.1);}

.sk-cube:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #337ab7; 
        animation: sk-folding-cube-angle 2.4s infinite linear both; 
        transform-origin: 100% 100%;}

.sk-cube-1 {transform: scale(1.1) rotateZ(00deg);}
.sk-cube-1:before {animation-delay: 0.3s;}
.sk-cube-2 {transform: scale(1.1) rotateZ(90deg);}
.sk-cube-2:before {animation-delay: 0.6s;}
.sk-cube-3 {transform: scale(1.1) rotateZ(180deg);}
.sk-cube-3:before {animation-delay: 0.9s;}
.sk-cube-4 {transform: scale(1.1) rotateZ(270deg);}
.sk-cube-4:before {animation-delay: 1.2s;}


.clearDate,.delete span {
    position: absolute;
    top: 18px;
    right: 32px;
    opacity: 0.3;
    display: block;
    width: 18px;
    height: 18px;

}
.delete span
{
    top: 17px;
    right: 12px;
}
.clearDate:hover,.delete span:hover {
    opacity: 1;
}
.clearDate:before,.clearDate:after,.delete span:before, .delete span:after {
  position: absolute;
  content: ' ';
  height: 18px;
  width: 2px;
  background-color: #c10a0a;
}
.clearDate:before,.delete span:before {
  transform: rotate(45deg);
}
.clearDate:after,.delete span:after {
  transform: rotate(-45deg);
}
.clearDate{
    cursor:pointer;
    top: 12px;
    right: 28px;
}
.clearDate:before,.clearDate:after{
    left: 8px;
}
form .errorBlock{
    font-size: 13px;
    color: red;
}
.banner-info{
    width:100%;
    text-align: center;
}
.top_banners_form .buttonBlock, .phones_form .buttonBlock, .utm_form .buttonBlock, .votbox_caller_form .buttonBlock, .payment_systems_form .buttonBlock {
    margin-top:30px;
}
.popup_small_text:hover:after {
    content: attr(data-title);
    position: absolute;
    right: 0;
    top: -26px;
    background: #d2d2d2a6;
    color: #808080;
    text-align: center;
    font-family: cursive;
    font-size: 12px;
    padding: 2px 7px 4px;
    border: 1px solid #fff;
    border-radius: 3px;
}
.common-inp
{
    width:40%;
    min-width:200px;
    margin: 20px 0;
}

.list-group-activity .list-group-item:not(:last-child)::before
{
    top:auto;
}

#sidebarIconCopy .avatar-title {
    width: 40px;
    height: 40px;
}

.worker-date-cell
{
    transition-duration: 0.3s;
    cursor: pointer;
}

.worker-date-cell:hover, .worker-date-cell.active
{
    box-shadow: 0px 0px 4px 2px rgba(34, 60, 80, 0.1) inset;
    z-index: 10;
}

.worker-date-cell:hover
{
    transform: translateY(-10%);
    border-radius: 0.25rem;
}

#individualTasksChecklist .custom-checkbox p
{
    height: 20px;
}

#individualTasksChecklist .custom-checkbox .btn
{
    display: none;
}

#individualTasksChecklist .custom-checkbox:hover .btn
{
    display: inline-block;
}