.swal2-container {
  z-index: 1234 !important;
}


.day , .today, .month, .dow, .datepicker-switch, .next, .prev, .hour, .minute, .switch, .datetimepicker-hours, .datetimepicker-minutes, .datetimepicker-days, .datetimepicker-months, .datetimepicker-years {
  color: #fff !important;
}
.datepicker-dropdown{
  z-index: 10000 !important;
}
button.edit_play_icon , button.Swal_confirm_s1_edit , button.Swal_confirm_s1_delete {
  background-color: transparent !important;
  border: 1px solid transparent !important;
}
@media (max-width: 991px) {
.text-rotate {
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  transform:  translateX(-50%) translateY(-50%) rotate(-90deg);
	position: relative;
	width: 0px;
  right: 7px;
}
}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea {
	color: #fff !important;
}




.portfolio-block {
    padding-bottom: 3rem;
    padding-top: 6.7rem;
}

.table , .nav-link{
	color: #fff !important;
	font-weight: 700 !important;
  font-size: 0.9rem !important;
}
.dropdown-menu {
background-color: #212529 !important;

}
.edit_play_icon, .confirmation {
	font-size: small !important;
}


@-webkit-keyframes flipTop {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg); }

  100% {
    -webkit-transform: perspective(400px) rotateX(-90deg); } }

@-webkit-keyframes flipBottom {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg); }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg); } }

@-moz-keyframes flipTop {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg); }

  100% {
    -moz-transform: perspective(400px) rotateX(-90deg); } }

@-moz-keyframes flipBottom {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg); }

  100% {
    -moz-transform: perspective(400px) rotateX(0deg); } }

@-ms-keyframes flipTop {
  0% {
    -ms-transform: perspective(400px) rotateX(0deg); }

  100% {
    -ms-transform: perspective(400px) rotateX(-90deg); } }

@-ms-keyframes flipBottom {
  0% {
    -ms-transform: perspective(400px) rotateX(90deg); }

  100% {
    -ms-transform: perspective(400px) rotateX(0deg); } }

@-keyframes flipTop {
  0% {
    transform: perspective(400px) rotateX(0deg); }

  100% {
    transform: perspective(400px) rotateX(-90deg); } }

@-keyframes flipBottom {
  0% {
    transform: perspective(400px) rotateX(90deg); }

  100% {
    transform: perspective(400px) rotateX(0deg); } }

.flipTimer {
  color: #FFF;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  height: 30px; }
  .flipTimer .seperator {
    vertical-align: top;
    margin: 0 -20px;
    display: inline; }
  .flipTimer .seconds,
  .flipTimer .minutes,
  .flipTimer .hours,
  .flipTimer .days {
    height: 100%;
    padding-right: 20px;
    display: inline; }
  .flipTimer .digit-set {
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
    border: 1px solid #111111;
    width: 30px;
    height: 100%;
    display: inline-block;
    position: relative;
    margin: 0 1px; }
  .flipTimer .digit {
    position: absolute;
    height: 100%; }
    .flipTimer .digit > div {
      position: absolute;
      left: 0;
      overflow: hidden;
      height: 61%;
      padding: 0 10px; }
      .flipTimer .digit > div.digit-top, .flipTimer .digit > div.shadow-top {
        background-color: #333;
        border-bottom: 1px solid #333;
        box-sizing: border-box;
        top: 0;
        z-index: 0;
        border-radius: 10px 10px 0 0; }
        .flipTimer .digit > div.digit-top:before, .flipTimer .digit > div.shadow-top:before {
          content: "";
          box-shadow: inset 0 10px 25px rgba(0, 0, 0, 0.4);
          height: 100%;
          width: 100%;
          position: absolute;
          left: 0;
          top: 0; }
      .flipTimer .digit > div.shadow-top {
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(black));
        width: 30px;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in; }
      .flipTimer .digit > div.digit-bottom, .flipTimer .digit > div.shadow-bottom {
        background-color: #333;
        bottom: 0;
        z-index: 0;
        border-radius: 0 0 10px 10px; }
        .flipTimer .digit > div.digit-bottom .digit-wrap, .flipTimer .digit > div.shadow-bottom .digit-wrap {
          display: block;
          margin-top: -100%; }
        .flipTimer .digit > div.digit-bottom:before, .flipTimer .digit > div.shadow-bottom:before {
          content: "";
          box-shadow: inset 0 10px 25px rgba(0, 0, 0, 0.3);
          border-radius: 0 0 10px 10px;
          height: 100%;
          width: 100%;
          position: absolute;
          left: 0;
          top: 0; }
      .flipTimer .digit > div.shadow-bottom {
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(black), to(rgba(0, 0, 0, 0)));
        width: 30px;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in; }
    .flipTimer .digit.previous .digit-top,
    .flipTimer .digit.previous .shadow-top {
      opacity: 1;
      z-index: 2;
      -webkit-transform-origin: 50% 100%;
      -webkit-animation: flipTop 0.3s ease-in both;
      -moz-transform-origin: 50% 100%;
      -moz-animation: flipTop 0.3s ease-in both;
      -ms-transform-origin: 50% 100%;
      -ms-animation: flipTop 0.3s ease-in both;
      transform-origin: 50% 100%;
      animation: flipTop 0.3s ease-in both; }
    .flipTimer .digit.previous .digit-bottom,
    .flipTimer .digit.previous .shadow-bottom {
      z-index: 1;
      opacity: 1; }
    .flipTimer .digit.active .digit-top {
      z-index: 1; }
    .flipTimer .digit.active .digit-bottom {
      z-index: 2;
      -webkit-transform-origin: 50% 0%;
      -webkit-animation: flipBottom 0.3s 0.3s ease-out both;
      -moz-transform-origin: 50% 0%;
      -moz-animation: flipBottom 0.3s 0.3s ease-out both;
      -ms-transform-origin: 50% 0%;
      -ms-animation: flipBottom 0.3s 0.3s ease-out both;
      transform-origin: 50% 0%;
      animation: flipBottom 0.3s 0.3s ease-out both; }



.hidden_details_table {
	display:none;
}


.page-link{
	border-radius: 20rem !important;
	margin-left: 0.2rem !important;
	margin-right: 0.2rem !important;
	padding: 0.3rem .75rem !important;
}


.fa-layers {
 display:inline-block;
 height:1em;
 position:relative;
 text-align:center;
 vertical-align:-.125em;
 width:1em
}
.fa-layers-counter,
.fa-layers-text {
 display:inline-block;
 position:absolute;
 text-align:center;
 font-size: x-large;
}
.fa-layers-counter {
 background-color:#ff253a;
 border-radius:1em;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 color:#fff;
 height:1.5em;
 line-height:1;
 max-width:5em;
 min-width:1.5em;
 overflow:hidden;
 padding:.25em;
 right:0;
 text-overflow:ellipsis;
 top:0;
 -webkit-transform:scale(.25);
 transform:scale(.25);
 -webkit-transform-origin:top right;
 transform-origin:top right
}
.fa-layers-text {
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 -webkit-transform-origin:center center;
 transform-origin:center center
}
.fa-layers-bottom-right {
 bottom:0;
 right:0;
 top:auto;
 -webkit-transform:scale(.25);
 transform:scale(.25);
 -webkit-transform-origin:bottom right;
 transform-origin:bottom right
}
.fa-layers-center {
right: -5px;
-webkit-transform: scale(.25);
transform: scale(.25);
-webkit-transform-origin: center;
transform-origin: center;
}
.fa-layers-bottom-left {
 bottom:0;
 left:0;
 right:auto;
 top:auto;
 -webkit-transform:scale(.25);
 transform:scale(.25);
 -webkit-transform-origin:bottom left;
 transform-origin:bottom left
}
.fa-layers-top-right {
 right:0;
 top:0;
 -webkit-transform:scale(.25);
 transform:scale(.25);
 -webkit-transform-origin:top right;
 transform-origin:top right
}
.fa-layers-top-left {
 left:0;
 right:auto;
 top:0;
 -webkit-transform:scale(.25);
 transform:scale(.25);
 -webkit-transform-origin:top left;
 transform-origin:top left
}

th,tr,td,table,tbody,thead {
	text-align: center;
	vertical-align:middle;
}


.select_hand {
min-width: 70px !important;
padding:0 !important;
background-image: url("") !important;
color: #fff !important;
background-color: #0088CC7A;
}

.select_hand option {
color: #000 !important;

}

/* Define the shape and color of the hamburger lines */
.s1toggler span {
    display: block;
    background-color: #fff;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
}
.s1toggler {
background-color: transparent;
border: none !important;
}


/* top line needs a little padding */
.s1toggler span:nth-child(1) {
    margin-top: 0.3em;
}

/**
 * Animate collapse into X.
 */

/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
.s1toggler:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
}
/* center line goes transparent */
.s1toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}
/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */
.s1toggler:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg) ;
}


/**
 * Animate collapse open into hamburger menu
 */

/* top line moves back to initial position and rotates back to 0 degrees */
.s1toggler span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg) ;
}
/* middle line goes back to regular color and opacity */
.s1toggler span:nth-child(2) {
    opacity: 1;
}
/* bottom line goes back to initial position and rotates back to 0 degrees */
.s1toggler span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg) ;
}


@-webkit-keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}

@-webkit-keyframes bounce-top{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}@keyframes bounce-top{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}

@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}


.wobble-hor-bottom{animation:wobble-hor-bottom linear 1s;animation-iteration-count:infinite;transform-origin:50% 50%;-webkit-animation:wobble-hor-bottom linear 1s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-moz-animation:wobble-hor-bottom linear 1s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 50%;-o-animation:wobble-hor-bottom linear 1s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-ms-animation:wobble-hor-bottom linear 1s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%}@keyframes wobble-hor-bottom{0%{transform:translate(0,0) rotate(0deg)}15%{transform:translate(-10px,0) rotate(-5deg)}30%{transform:translate(10px,0) rotate(3deg)}45%{transform:translate(-10px,0) rotate(-3deg)}60%{transform:translate(6px,0) rotate(2deg)}75%{transform:translate(-2px,0) rotate(-1deg)}100%{transform:translate(0,0) rotate(0deg)}}@-moz-keyframes wobble-hor-bottom{0%{-moz-transform:translate(0,0) rotate(0deg)}15%{-moz-transform:translate(-10px,0) rotate(-5deg)}30%{-moz-transform:translate(10px,0) rotate(3deg)}45%{-moz-transform:translate(-10px,0) rotate(-3deg)}60%{-moz-transform:translate(6px,0) rotate(2deg)}75%{-moz-transform:translate(-2px,0) rotate(-1deg)}100%{-moz-transform:translate(0,0) rotate(0deg)}}@-webkit-keyframes wobble-hor-bottom{0%{-webkit-transform:translate(0,0) rotate(0deg)}15%{-webkit-transform:translate(-10px,0) rotate(-5deg)}30%{-webkit-transform:translate(10px,0) rotate(3deg)}45%{-webkit-transform:translate(-10px,0) rotate(-3deg)}60%{-webkit-transform:translate(6px,0) rotate(2deg)}75%{-webkit-transform:translate(-2px,0) rotate(-1deg)}100%{-webkit-transform:translate(0,0) rotate(0deg)}}@-o-keyframes wobble-hor-bottom{0%{-o-transform:translate(0,0) rotate(0deg)}15%{-o-transform:translate(-10px,0) rotate(-5deg)}30%{-o-transform:translate(10px,0) rotate(3deg)}45%{-o-transform:translate(-10px,0) rotate(-3deg)}60%{-o-transform:translate(6px,0) rotate(2deg)}75%{-o-transform:translate(-2px,0) rotate(-1deg)}100%{-o-transform:translate(0,0) rotate(0deg)}}@-ms-keyframes wobble-hor-bottom{0%{-ms-transform:translate(0,0) rotate(0deg)}15%{-ms-transform:translate(-10px,0) rotate(-5deg)}30%{-ms-transform:translate(10px,0) rotate(3deg)}45%{-ms-transform:translate(-10px,0) rotate(-3deg)}60%{-ms-transform:translate(6px,0) rotate(2deg)}75%{-ms-transform:translate(-2px,0) rotate(-1deg)}100%{-ms-transform:translate(0,0) rotate(0deg)}}

@keyframes colorze {
  0%   {color: red;}
  20%  {color: yellow;}
  40%  {color: blue;}
  55% {color: green;}
  75%  {color: blue;}
  100%  {color: yellow;}
}

.colorze {
  color: red;
  animation-name: colorze;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

.wobble-hor-bottom{-webkit-animation:wobble-hor-bottom .8s infinite both;animation:wobble-hor-bottom .8s infinite both}

.heartbeat{-webkit-animation:heartbeat 1s linear infinite both;animation:heartbeat 1s linear infinite both}

.bounce-top{-webkit-animation:bounce-top .9s infinite both;animation:bounce-top .9s infinite both}

.pulsate-fwd{-webkit-animation:pulsate-fwd .5s cubic-bezier(.19,1.000, .22,1.000) infinite both;animation:pulsate-fwd .5s cubic-bezier(.19,1.000, .22,1.000) infinite both}