main {
    min-height: 66vh;
}

.b2t {
    position: fixed !important;
    bottom: 21px;
    right: 21px;
    z-index: 99;
    opacity: 0.6;
    display: none;
}
  
.b2t:hover {
    background-color: #a9acc6;
}
/*
 background: rgb(32,207,209);
background: linear-gradient(90deg, rgba(32,207,209,1) 0%, rgba(140,232,111,1) 50%, rgba(253,214,45,1) 100%); 


background: rgb(252,211,33);
background: linear-gradient(90deg, rgba(252,211,33,1) 0%, rgba(147,226,37,1) 50%, rgba(15,219,164,1) 100%); 
*/
.bg-kontraqt-gradient{
    /*background: rgb(216,252,33);
    background: linear-gradient(90deg, rgba(216,252,33,1) 0%, rgba(68,226,37,1) 50%, rgba(15,209,219,1) 100%); */
    background: rgb(243,255,0);
    background: linear-gradient(90deg, rgba(243,255,0,1) 0%, rgba(0,255,161,1) 50%, rgba(0,187,255,1) 100%); 
}

.bg-kontraqt-gradient-45{
    /*background: rgb(243,255,0);
    background: linear-gradient(45deg, rgba(243,255,0,1) 0%, rgba(0,255,161,1) 50%, rgba(0,187,255,1) 100%); */
    background: rgb(243,255,0);
    background: linear-gradient(45deg, rgba(243,255,0,1) 0%, rgba(0,255,161,1) 50%, rgba(0,136,255,1) 100%); 
    background-image: url('../img/logo-900x1088-no-bg.png') top left no-repeat;
}

.bg-kontraqt-gradient-45-4 {
    background: rgb(243,255,0);
    background: linear-gradient(45deg, rgba(243,255,0,1) 0%, rgb(122, 255, 81) 25%, rgb(0, 255, 161) 50%, rgb(0, 196, 208) 75%, rgba(0,136,255,1) 100%); 
}

.bg-1 {
    background-color: #f3ff00 !important;
}

.bg-2 {
    background-color: #7aff51 !important;
}

.bg-hero {
    background: url('../img/logo-900x1088-no-bg.png') top right no-repeat;
}

.bg-clip {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.text-gray-d {
    color: rgba(0, 0, 0, 0.2) !important;
}

.text-gray-l {
    color: rgba(255, 255, 255, 0.2) !important;
}

.text-3d-rem {
    text-transform: uppercase;
    font-size: 12rem;
    font-weight: 700;
    color: #f5f5f5;
    transition: text-shadow .5s ease;
    text-shadow: 0.063rem 0.063rem 0.063rem #919191,
        0.063rem 0.125rem 0.063rem #919191,
        0.063rem 0.188rem 0.063rem #919191,
        0.063rem 0.25rem 0.063rem #919191,
        0.063rem 0.313rem 0.063rem #919191,
        0.063rem 0.375rem 0.063rem #919191,
        0.063rem 0.438 0.063rem #919191,
        0.063rem 0.5rem 0.063rem #919191,
        0.063rem 0.563rem 0.063rem #919191,
        0.063rem 0.625rem 0.063rem #919191,
    0.063rem 1.125rem 0.375rem rgba(16,16,16,0.4),
    0.063rem 1.375rem 0.625rem rgba(16,16,16,0.2),
    0.063rem 1.563rem 2.188rem rgba(16,16,16,0.2),
    0.063rem 1.875rem 3.75rem rgba(16,16,16,0.4);
}

.text-3d {
    text-transform: uppercase;
    font-size: 10vw;
    font-weight: 700;
    color: #f5f5f5;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        1px 7px 1px #919191,
        1px 8px 1px #919191,
        1px 9px 1px #919191,
        1px 10px 1px #919191,
    1px 18px 6px rgba(16,16,16,0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);
}

.text-3d-vw {
    text-transform: uppercase;
    font-size: 20vw;
    font-weight: 700;
    color: #f5f5f5;
    text-shadow: calc(1/100vw*100) calc(1/100vw*100) calc(1/100vw*100) #919191,
        calc(1/100vw*100) calc(1/100vw*100*2) calc(1/100vw*100) #919191,
        calc(1/100vw*100) calc(1/100vw*100*3) calc(1/100vw*100) #919191,
        calc(1/100vw*100) calc(1/100vw*100*4) calc(1/100vw*100) #919191,
        calc(1/100vw*100) calc(1/100vw*100*5) calc(1/100vw*100) #919191,
        calc(1/100vw*100) calc(1/100vw*100*6) calc(1/100vw*100) #919191,
        calc(1/100vw*100) calc(1/100vw*100*7) calc(1/100vw*100) #919191,
        calc(1/100vw*100) calc(1/100vw*100*8) calc(1/100vw*100) #919191,
        calc(1/100vw*100) calc(1/100vw*100*9) calc(1/100vw*100) #919191,
        calc(1/100vw*100) calc(1/100vw*100*10) calc(1/100vw*100) #919191,
    calc(1/100vw*100) calc(1/100vw*100*18) calc(1/100vw*100*6) rgba(16,16,16,0.4),
    calc(1/100vw*100) calc(1/100vw*100*22) calc(1/100vw*100*10) rgba(16,16,16,0.2),
    calc(1/100vw*100) calc(1/100vw*100*25) calc(1/100vw*100*35) rgba(16,16,16,0.2),
    calc(1/100vw*100) calc(1/100vw*100*30) calc(1/100vw*100*60) rgba(16,16,16,0.4);
}

.text-shadow-light {
    text-shadow: 0 .05rem .1rem rgba(24, 26, 37, .5);
}

.text-border {
    text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black; 
}

.text-shadow {
    color: #fff;
    font-family: Arvo;
    font-weight: bold;
    text-shadow:
      -3px -3px 0 #222,
      3px -3px 0 #222,
      -3px 3px 0 #222,
      3px 3px 0 #222,
      4px 4px 0 #fff,
      5px 5px 0 #fff,
      6px 6px 0 #fff,
      7px 7px 0 #fff;
    line-height: 0.8em;
    letter-spacing: 0.1em;
    transform: scaleY(0.7);
    -webkit-transform: scaleY(0.7);
    -moz-transform: scaleY(0.7);
    margin:0;
    text-align: center;
}

/* Animated border */
/* button hover amazing effect */
.wrapper {
	transform: translate(0%, 0%);
}

.wrapper::before,
.wrapper::after,
.figure::before,
.figure::after {
	content: '';
	position: absolute;
	width: 60px;
	height: 60px;
	background: transparent;
	transition: 1s;
	/* -webkit-mix-blend-mode: hue; */
}

.wrapper::before {
	top: -3px;
	left: -3px;
	border-top: 3px solid #343a40;
	border-left: 3px solid #343a40;
}
.wrapper::after {
	top: -3px;
	right: -3px;
	border-top: 3px solid #343a40;
	border-right: 3px solid #343a40;
}

.figure::before {
	bottom: -3px;
	left: -3px;
	border-bottom: 3px solid #343a40;
	border-left: 3px solid #343a40;
}
.figure::after {
	bottom: -3px;
	right: -3px;
	border-bottom: 3px solid #343a40;
	border-right: 3px solid #343a40;
}


.wrapper:hover::before,
.wrapper:hover::after,
.wrapper:hover .figure::before,
.wrapper:hover .figure::after  {
	width: calc( 110% / 2);
	height: calc( 110% / 2);
}
/* Animated border -END */

.shadow-inset {
    /*box-shadow: inset 0px 0px 6px rgba(0,0,0,0.9);*/
    box-shadow: inset 0 0 .5rem rgba(0,0,0,.15) !important;
}
.shadow-b {
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}
.shadow-t {
	-webkit-box-shadow: 0 -6px 6px 0 black;
	   -moz-box-shadow: 0 -6px 6px 0 black;
	        box-shadow: 0 -6px 6px 0 black;
}
.shadow-top{
    -webkit-filter: drop-shadow( 0px -9px 6px rgba(140, 152, 164, 0.05));
            filter: drop-shadow( 0px -9px 6px rgba(140, 152, 164, 0.05));
}
.z-index--1 {
    z-index: -1 !important;
}
.bottom--1 {
    bottom: -1px !important;
}

.size-100 {
    width: 1rem !important;
    height: 1rem !important;
}

.size-125 {
    width: 1.25rem !important;
    height: 1.25rem !important;
}

.size-150 {
    width: 1.50rem !important;
    height: 1.50rem !important;
}

.size-175 {
    width: 1.75rem !important;
    height: 1.75rem !important;
}

.form-control:focus {
    /*border-color: #00c9db !important;*/
    /*box-shadow: 0 0 0 0.2rem rgba(0, 201, 219, 0.25);*/
    box-shadow: none;
}

.nav-info-link {
    color: #ffffff !important;
}

.nav-info-link:hover {
    color: #efefef !important;
}

.nav-info-link:active, .nav-info-link.active {
    color: #009aa8 !important;
}

.loader, .loader:after {
    border-radius: 50%;
    width: 3em;
    height: 3em;
}

.loader {
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 0.5em solid rgba(13,197,193, 0.2);
    border-right: 0.5em solid rgba(13,197,193, 0.2);
    border-bottom: 0.5em solid rgba(13,197,193, 0.2);
    border-left: 0.5em solid #0dc5c1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.bg-info-soft {
	background-color: #dbf8fa !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0 20px;
}
.navbar-brand {
    font-size: 0.875rem !important;
}
.flatpickr-calendar .numInputWrapper span.arrowDown, .flatpickr-calendar .numInputWrapper span.arrowUp {
    display: inline-block;
}
.fullcalendar-custom .fc-daygrid-dot-event {
    background-color: none;
}
.ico-spin {
    -webkit-animation: ico-spin 2s infinite linear;
    animation: ico-spin 2s infinite linear;
}
@-webkit-keyframes ico-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
}
@keyframes ico-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
}

.bg-soft-blue {
    background-color: rgba(1,87,155, 0.1); }
.text-blue {
    color: #01579B;
}

.bg-soft-yellow {
    background-color: rgba(255,216,0, 0.1); }
.text-yellow {
    color: #ffd800;
}

.bg-soft-purple {
    background-color: rgba(69,39,160, 0.1); }
.text-purple {
    color: #4527A0;
}

.bg-soft-green {
    background-color: rgba(46,125,50, 0.1); }
.text-green {
    color: rgb(46,125,50);
}

.green-gr {
    background: rgb(46,125,50);
    background: linear-gradient(54deg, rgba(46,125,50,1) 0%, rgba(174,234,0,1) 54%, rgba(255,248,0,1) 100%); 
  }
  
  .red-gr {
    background: rgb(183,28,28);
    background: linear-gradient(54deg, rgba(183,28,28,1) 0%, rgba(234,0,99,1) 50%, rgba(246,132,205,1) 100%); 
  }
  
  .blue-gr {
    background: rgb(0,255,252);
    background: linear-gradient(54deg, rgba(52,107,255,1) 0%, rgba(7,183,255,1) 50%, rgba(0,255,252,1) 100%); 
  }
  
  .brown-gr {
    background: rgb(119,93,63);
    background: linear-gradient(54deg, rgba(119,93,63,1) 0%, rgba(170,146,119,1) 50%, rgba(228,212,194,1) 100%); 
  }

.rounded-bottom-lg {
    border-bottom-right-radius: .75rem !important;
    border-bottom-left-radius: .75rem !important;
}

.card-border {
    border: .0625rem solid rgba(231,234,243,.7);    
}

.bg-light-bar {
    background-color: rgba(249,250,252,.5);
}

.tr-hover:hover {
    cursor: pointer !important;
}

.hover-soft:hover {
    background-color: rgba(249,250,252,.5) !important;
}

/* Toastr
#toast-container > .toast {
    background-image: none !important;
}

#toast-container > .toast:before {
    position: fixed;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 18px;
    float: left;
    color: #FFF;
    padding-right: 0.5em;
    margin: auto 0.5em auto -1.5em;
}        
#toast-container > .toast-warning:before {
    content: "\f003";
}
#toast-container > .toast-error:before {
    content: "\f001";
}
#toast-container > .toast-info:before {
    content: "\f005";
}
#toast-container > .toast-success:before {
    content: "\f002";
}
*/
.select2-selection { overflow: hidden; }
.select2-selection__rendered { white-space: normal; word-break: break-all; }

.flip-y {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.flip-x {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.rotate-cw-45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rotate-ccw-45 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav-link.active > svg {
    color: inherit !important;
}

.bi-send-icon-center {
    margin-top: 2px;
    margin-right: 1.1px;
}

/* Fade-in */

.fade-in {
    animation: fadeIn ease 3s;
    -webkit-animation: fadeIn ease 3s;
    -moz-animation: fadeIn ease 3s;
    -o-animation: fadeIn ease 3s;
    -ms-animation: fadeIn ease 3s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
  
@-moz-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
  
@-webkit-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
  
@-o-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
  
@-ms-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

  /* Fade-out */

.fade-out {
    animation: fadeOut ease 3s;
    -webkit-animation: fadeOut ease 3s;
    -moz-animation: fadeOut ease 3s;
    -o-animation: fadeOut ease 3s;
    -ms-animation: fadeOut ease 3s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

#cchat-card:-webkit-full-screen {
    width: 100vw;
    height: 100vh;
}