@font-face {
  font-family: 'ArialRoundedBold';
  src: url(../fonts/Arial/Arial-Rounded-Bold.ttf) format("truetype");
}

body {
	background: #0D1030;
    background: linear-gradient(162deg, #6290C8 0%, #29339B 10%, #0D1030 37%, #29339B 90%);
    font-family: 'ArialRoundedBold';
	min-height: 100vh;
	color: #F0F9F9;
}

.textWhite {
	color: #F9F9F9;
}

.textSky {
	color: #6290C8;
}

.textDark {
	color: #0D1030;
}

h4 {
	color: #0D1030;
}

.drag-text h3 {
    color: #6290C8;
}

.closeBtn , .close {
	filter: brightness(50%);
}

.form-control:focus {
    border-color: #0D1030;
}

.btnBlue {
    background-color: #29339B;
    color: #F9F9F9;
    cursor: pointer;
}

.btnBlue:hover , .btnBlue:hover {
    color: #F9F9F9;
}

.nav-item-img {
    height: 65px;
	max-height: 65px;
}

.after-nav-img {
    max-height: 25px;
}

.btnBackCardano {
	background-color: #F9F9F9;
    color: #29339B;
    cursor: pointer;
    border-radius: 30px;
    width: 80px;
}

.text-cont {
	top: 0;
}

#progressbar li.active:before, #progressbar li.active:after {
    background: #6290C8;
}

.minus, .plus {
    color: #29339B;
}

.image-upload-wrap {
    border: 2px dashed #6290C8;
}

#clientUrl, #copyAdrBtn, #clientAddress, .buyTextInput {
    border-color: #6290C8;
    border-width: 1px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #6290C8!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #6290C8!important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #6290C8!important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #6290C8!important;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #6290C8!important;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #6290C8!important;
}

.form-check-input:checked {
	background-color: #6290C8!important;
    border-color: #6290C8!important;
}

::-moz-selection { /* Code for Firefox */
  background: #6290C8;
  color: white;
}

::selection {
  background: #6290C8;
  color: white;
}

.myDataTable  tr:hover, .myDataTable  tr span:hover {
	color: #6290C8!important;
}

.btnGreen {
	color: white;
}

.zoomInOutSpinSlow {
    -webkit-animation:zoomInOutSpinSlow 180s linear infinite;
    -moz-animation:zoomInOutSpinSlow 180s linear infinite;
    animation:zoomInOutSpinSlow 180s linear infinite;
}

@keyframes zoomInOutSpinSlow {
  0% {
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  50% {
    transform: scale(2, 2) rotate(180deg);
  }
  100% {
    transform: scale(0.5, 0.5) rotate(360deg);
  }
}

.zoomInOutSpinSlow1 {
    -webkit-animation:zoomInOutSpinSlow1 100s ease infinite;
    -moz-animation:zoomInOutSpinSlow1 100s ease infinite;
    animation:zoomInOutSpinSlow1 100s ease infinite;
}

@keyframes zoomInOutSpinSlow1 {
  0% {
    transform: scale(1, 1) rotate(0deg);
  }
  50% {
    transform: scale(1.3, 1.3) rotate(10deg);
  }
  100% {
    transform: scale(1, 1) rotate(0deg);
  }
}

.zoomInOutSpinSlow2 {
    -webkit-animation:zoomInOutSpinSlow2 180s linear infinite;
    -moz-animation:zoomInOutSpinSlow2 180s linear infinite;
    animation:zoomInOutSpinSlow2 180s linear infinite;
}

@keyframes zoomInOutSpinSlow2 {
  0% {
    transform: scale(0.5, 0.5) rotate(0deg);
  }
  50% {
    transform: scale(1.2, 1.2) rotate(-25deg);
  }
  100% {
    transform: scale(0.5, 0.5) rotate(0deg);
  }
}

.fade1 {
    -webkit-animation:fade1 10s ease infinite;
    -moz-animation:fade1 10s ease infinite;
    animation:fade1 10s ease infinite;
}

@keyframes fade1 {
  0% {
    transform: scale(1, 1) ;
    opacity: 0;
  }
  100% {
    transform: scale(1.4, 1.4) ;
    opacity: 1;
  }
}

.fade2 {
    -webkit-animation:fade2 15s ease infinite;
    -moz-animation:fade2 15s ease infinite;
    animation:fade2 15s ease infinite;
}

@keyframes fade2 {
  0% {
    transform: scale(1, 1) ;
    opacity: 0;
  }
    transform: scale(1.3, 1.3) ;
    opacity: 1;
  }
}