.el-select-dropdown {
  z-index: 50000 !important;
}


.el-collapse-item__header{
    font-size: 0.94rem;
    font-weight: bold;
}

.el-select-dropdown__list{
    padding-bottom: 16px !important;
}

.uploadWidth100 .el-upload{
    width: 100%;
}

.uploadWidth100 .el-upload-dragger{
    height: 100%;
}


.small-line{
  line-height: 15px !important
}

.el-checkbox__input {
    transform: scale(1.5); 
    transform-origin: center;
}


.z-depth-2 {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  }
  
  .z-depth-5 {
    -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
  }

  .z-depth-info{    
    box-shadow: 0 2px 11px 0 rgba(15, 27, 87, 0.11);
  }

  
  
  .circle30{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center!important;
    justify-content: center!important;
  }

  .hide {
      display: none;
    }
    
  .center, .center-align {
      text-align: center;
  }
    
    .left {
      float: left !important;
    }
    
    .right {
      float: right !important;
    }
    
  
    .valign-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex !important;
      -webkit-box-align: center !important;
      -webkit-align-items: center !important;
          -ms-flex-align: center !important;
              align-items: center !important;
    }
    
    .circle {
      border-radius: 50% !important;
    }
  
  

    .admin-circles {
        display: flex;
        align-items: center;
        }

.admin-circle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #ccc;
  background-size: cover;
  background-position: center;
  border: 1.5px solid white;
  margin-right: -8px; /* Overlapping effect */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  color: white;
}

.admin-circle.no-image {
  background-color: #E0E7FF; /* Default background color for initials */
  color: #4F46E5; /* Text color for initials */
  font-size: 0.8rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: -8px; /* Overlapping effect */
  text-transform: uppercase; /* Ensure initials are capitalized */
}

.admin-circle.extra {
  background-color: #aaa;
  font-size: 0.75rem;
  font-weight: bold;
}
  
    
    /*
        @license
        Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
        This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
        The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
        The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
        Code distributed by Google as part of the polymer project is also
        subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
     */
    /**************************/
    /* STYLES FOR THE SPINNER */
    /**************************/
    /*
     * Constants:
     *      STROKEWIDTH = 3px
     *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
     *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
     *      ARCSTARTROT = 216 degrees (how much the start location of the arc
     *                                should rotate each time, 216 gives us a
     *                                5 pointed star shape (it's 360/5 * 3).
     *                                For a 7 pointed star, we might do
     *                                360/7 * 3 = 154.286)
     *      CONTAINERWIDTH = 28px
     *      SHRINK_TIME = 400ms
     */
    .preloader-wrapper {
      display: inline-block;
      position: relative;
      width: 50px;
      height: 50px;
    }
    
    .preloader-wrapper.small {
      width: 36px;
      height: 36px;
    }
    
    .preloader-wrapper.big {
      width: 64px;
      height: 64px;
    }
    
    .preloader-wrapper.active {
      /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
      -webkit-animation: container-rotate 1568ms linear infinite;
      animation: container-rotate 1568ms linear infinite;
    }
    
    @-webkit-keyframes container-rotate {
      to {
        -webkit-transform: rotate(360deg);
      }
    }
    
    @keyframes container-rotate {
      to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
      }
    }
    
    .spinner-layer {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0;
      border-color: #555;
    }
    
    .spinner-blue,
    .spinner-blue-only {
      border-color: #555;
    }
    
    /**
     * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
     *
     * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
     * guarantee that the animation will start _exactly_ after that value. So we avoid using
     * animation-delay and instead set custom keyframes for each color (as redundant as it
     * seems).
     *
     * We write out each animation in full (instead of separating animation-name,
     * animation-duration, etc.) because under the polyfill, Safari does not recognize those
     * specific properties properly, treats them as -webkit-animation, and overrides the
     * other animation rules. See https://github.com/Polymer/platform/issues/53.
     */
    .active .spinner-layer.spinner-blue {
      /* durations: 4 * ARCTIME */
      -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    }
    
   
    
    .active .spinner-layer,
    .active .spinner-layer.spinner-blue-only,
    .active .spinner-layer.spinner-yellow-only,
    .active .spinner-layer.spinner-green-only {
      /* durations: 4 * ARCTIME */
      opacity: 1;
      -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    }
    
    @-webkit-keyframes fill-unfill-rotate {
      12.5% {
        -webkit-transform: rotate(135deg);
      }
      /* 0.5 * ARCSIZE */
      25% {
        -webkit-transform: rotate(270deg);
      }
      /* 1   * ARCSIZE */
      37.5% {
        -webkit-transform: rotate(405deg);
      }
      /* 1.5 * ARCSIZE */
      50% {
        -webkit-transform: rotate(540deg);
      }
      /* 2   * ARCSIZE */
      62.5% {
        -webkit-transform: rotate(675deg);
      }
      /* 2.5 * ARCSIZE */
      75% {
        -webkit-transform: rotate(810deg);
      }
      /* 3   * ARCSIZE */
      87.5% {
        -webkit-transform: rotate(945deg);
      }
      /* 3.5 * ARCSIZE */
      to {
        -webkit-transform: rotate(1080deg);
      }
      /* 4   * ARCSIZE */
    }
    
    @keyframes fill-unfill-rotate {
      12.5% {
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
      }
      /* 0.5 * ARCSIZE */
      25% {
        -webkit-transform: rotate(270deg);
                transform: rotate(270deg);
      }
      /* 1   * ARCSIZE */
      37.5% {
        -webkit-transform: rotate(405deg);
                transform: rotate(405deg);
      }
      /* 1.5 * ARCSIZE */
      50% {
        -webkit-transform: rotate(540deg);
                transform: rotate(540deg);
      }
      /* 2   * ARCSIZE */
      62.5% {
        -webkit-transform: rotate(675deg);
                transform: rotate(675deg);
      }
      /* 2.5 * ARCSIZE */
      75% {
        -webkit-transform: rotate(810deg);
                transform: rotate(810deg);
      }
      /* 3   * ARCSIZE */
      87.5% {
        -webkit-transform: rotate(945deg);
                transform: rotate(945deg);
      }
      /* 3.5 * ARCSIZE */
      to {
        -webkit-transform: rotate(1080deg);
                transform: rotate(1080deg);
      }
      /* 4   * ARCSIZE */
    }
    
    @-webkit-keyframes blue-fade-in-out {
      from {
        opacity: 1;
      }
      25% {
        opacity: 1;
      }
      26% {
        opacity: 0;
      }
      89% {
        opacity: 0;
      }
      90% {
        opacity: 1;
      }
      100% {
        opacity: 1;
      }
    }
    
    @keyframes blue-fade-in-out {
      from {
        opacity: 1;
      }
      25% {
        opacity: 1;
      }
      26% {
        opacity: 0;
      }
      89% {
        opacity: 0;
      }
      90% {
        opacity: 1;
      }
      100% {
        opacity: 1;
      }
    }
    
    @-webkit-keyframes red-fade-in-out {
      from {
        opacity: 0;
      }
      15% {
        opacity: 0;
      }
      25% {
        opacity: 1;
      }
      50% {
        opacity: 1;
      }
      51% {
        opacity: 0;
      }
    }
    
    @keyframes red-fade-in-out {
      from {
        opacity: 0;
      }
      15% {
        opacity: 0;
      }
      25% {
        opacity: 1;
      }
      50% {
        opacity: 1;
      }
      51% {
        opacity: 0;
      }
    }
    
    @-webkit-keyframes yellow-fade-in-out {
      from {
        opacity: 0;
      }
      40% {
        opacity: 0;
      }
      50% {
        opacity: 1;
      }
      75% {
        opacity: 1;
      }
      76% {
        opacity: 0;
      }
    }
    
    @keyframes yellow-fade-in-out {
      from {
        opacity: 0;
      }
      40% {
        opacity: 0;
      }
      50% {
        opacity: 1;
      }
      75% {
        opacity: 1;
      }
      76% {
        opacity: 0;
      }
    }
    
    @-webkit-keyframes green-fade-in-out {
      from {
        opacity: 0;
      }
      65% {
        opacity: 0;
      }
      75% {
        opacity: 1;
      }
      90% {
        opacity: 1;
      }
      100% {
        opacity: 0;
      }
    }
    
    @keyframes green-fade-in-out {
      from {
        opacity: 0;
      }
      65% {
        opacity: 0;
      }
      75% {
        opacity: 1;
      }
      90% {
        opacity: 1;
      }
      100% {
        opacity: 0;
      }
    }
    
    /**
     * Patch the gap that appear between the two adjacent div.circle-clipper while the
     * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
     */
    .gap-patch {
      position: absolute;
      top: 0;
      left: 45%;
      width: 10%;
      height: 100%;
      overflow: hidden;
      border-color: inherit;
    }
    
    .gap-patch .circle {
      width: 1000%;
      left: -450%;
    }
    
    .circle-clipper {
      display: inline-block;
      position: relative;
      width: 50%;
      height: 100%;
      overflow: hidden;
      border-color: inherit;
    }
    
    .circle-clipper .circle {
      width: 200%;
      height: 100%;
      border-width: 1px;
      /* STROKEWIDTH */
      border-style: solid;
      border-color: inherit;
      border-bottom-color: transparent !important;
      border-radius: 50%;
      -webkit-animation: none;
      animation: none;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
    }
    
    .circle-clipper.left .circle {
      left: 0;
      border-right-color: transparent !important;
      -webkit-transform: rotate(129deg);
      transform: rotate(129deg);
    }
    
    .circle-clipper.right .circle {
      left: -100%;
      border-left-color: transparent !important;
      -webkit-transform: rotate(-129deg);
      transform: rotate(-129deg);
    }
    
    .active .circle-clipper.left .circle {
      /* duration: ARCTIME */
      -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    }
    
    .active .circle-clipper.right .circle {
      /* duration: ARCTIME */
      -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    }
    
    @-webkit-keyframes left-spin {
      from {
        -webkit-transform: rotate(130deg);
      }
      50% {
        -webkit-transform: rotate(-5deg);
      }
      to {
        -webkit-transform: rotate(130deg);
      }
    }
    
    @keyframes left-spin {
      from {
        -webkit-transform: rotate(130deg);
                transform: rotate(130deg);
      }
      50% {
        -webkit-transform: rotate(-5deg);
                transform: rotate(-5deg);
      }
      to {
        -webkit-transform: rotate(130deg);
                transform: rotate(130deg);
      }
    }
    
    @-webkit-keyframes right-spin {
      from {
        -webkit-transform: rotate(-130deg);
      }
      50% {
        -webkit-transform: rotate(5deg);
      }
      to {
        -webkit-transform: rotate(-130deg);
      }
    }
    
    @keyframes right-spin {
      from {
        -webkit-transform: rotate(-130deg);
                transform: rotate(-130deg);
      }
      50% {
        -webkit-transform: rotate(5deg);
                transform: rotate(5deg);
      }
      to {
        -webkit-transform: rotate(-130deg);
                transform: rotate(-130deg);
      }
    }
    
    
  /* Radio Buttons
     ========================================================================== */
     [type="radio"]:not(:checked),
     [type="radio"]:checked {
       position: absolute;
       opacity: 0;
       pointer-events: none;
     }
     
     [type="radio"]:not(:checked) + label,
     [type="radio"]:checked + label {
       position: relative;
       padding-left: 35px;
       cursor: pointer;
       display: inline-block;
       height: 25px;
       line-height: 25px;
       font-size: 1rem;
       -webkit-transition: .28s ease;
       transition: .28s ease;
       -webkit-user-select: none;
          -moz-user-select: none;
           -ms-user-select: none;
               user-select: none;
     }
     
     [type="radio"] + label:before,
     [type="radio"] + label:after {
       content: '';
       position: absolute;
       left: 0;
       top: 0;
       margin: 4px;
       width: 16px;
       height: 16px;
       z-index: 0;
       -webkit-transition: .28s ease;
       transition: .28s ease;
     }
     
     /* Unchecked styles */
     [type="radio"]:not(:checked) + label:before,
     [type="radio"]:not(:checked) + label:after,
     [type="radio"]:checked + label:before,
     [type="radio"]:checked + label:after,
     [type="radio"].with-gap:checked + label:before,
     [type="radio"].with-gap:checked + label:after {
       border-radius: 50%;
     }
     
     [type="radio"]:not(:checked) + label:before,
     [type="radio"]:not(:checked) + label:after {
       border: 2px solid #5a5a5a;
     }
     
     [type="radio"]:not(:checked) + label:after {
       -webkit-transform: scale(0);
               transform: scale(0);
     }
     
     /* Checked styles */
     [type="radio"]:checked + label:before {
       border: 2px solid transparent;
     }

    .el-button--primary, .el-button--primary:focus, .el-button--primary:hover {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

    .el-button--primary:focus, .el-button--primary:hover{
        opacity: 0.7;
    }
     
     [type="radio"]:checked + label:after,
     [type="radio"].with-gap:checked + label:before,
     [type="radio"].with-gap:checked + label:after {
       border: 2px solid var(--primary-color) ;
     }
     
     [type="radio"]:checked + label:after,
     [type="radio"].with-gap:checked + label:after, .el-pagination.is-background .el-pager li:not(.disabled).active {
       background-color: var(--primary-color) ;
     }
     
     [type="radio"]:checked + label:after {
       -webkit-transform: scale(1.02);
               transform: scale(1.02);
     }
     
     /* Radio With gap */
     [type="radio"].with-gap:checked + label:after {
       -webkit-transform: scale(0.5);
               transform: scale(0.5);
     }

     
     
     /* Focused styles */
     [type="radio"].tabbed:focus + label:before {
       -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
               box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
     }
     
     /* Disabled Radio With gap */
     [type="radio"].with-gap:disabled:checked + label:before {
       border: 2px solid rgba(0, 0, 0, 0.42);
     }
     
     [type="radio"].with-gap:disabled:checked + label:after {
       border: none;
       background-color: rgba(0, 0, 0, 0.42);
     }
     
     /* Disabled style */
     [type="radio"]:disabled:not(:checked) + label:before,
     [type="radio"]:disabled:checked + label:before {
       background-color: transparent;
       border-color: rgba(0, 0, 0, 0.42);
     }
     
     [type="radio"]:disabled + label {
       color: rgba(0, 0, 0, 0.42);
     }
     
     [type="radio"]:disabled:not(:checked) + label:before {
       border-color: rgba(0, 0, 0, 0.42);
     }
     
     [type="radio"]:disabled:checked + label:after {
       background-color: rgba(0, 0, 0, 0.42);
       border-color: #949494;
     }
  
  
  
     /*tabs*/
  
     
  
     .el-pagination.is-background .el-pager li:not(.disabled):hover{
        color: var(--primary-color) ;
     }
  
  
    .el-collapse-item__header{
        font-weight: normal;
    }
  
     


























@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

 body, html{
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #F9FAFC !important;
    color: #222;
}

.animated{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}





[ui-pnotify].ui-pnotify .brighttheme{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}[ui-pnotify].ui-pnotify .brighttheme.ui-pnotify-container{padding:1.3rem}[ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-confirm,[ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-text,[ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-title{margin-left:1.8rem}[dir=rtl] [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-confirm,[dir=rtl] [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-text,[dir=rtl] [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-title{margin-right:1.8rem;margin-left:0}[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-title{font-size:1.2rem;line-height:1.4rem;margin-top:-.2rem;margin-bottom:1rem}[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-text{font-size:1rem;line-height:1.2rem;margin-top:0}[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-icon{line-height:1}[ui-pnotify].ui-pnotify .brighttheme-notice{background-color:#ffffa2;border:0 solid #ff0}[ui-pnotify].ui-pnotify .brighttheme-notice div,[ui-pnotify].ui-pnotify .brighttheme-notice h4{color:#4f4f00}[ui-pnotify].ui-pnotify .brighttheme-info{background-color:#8fcedd;border:0 solid #0286a5}[ui-pnotify].ui-pnotify .brighttheme-info div,[ui-pnotify].ui-pnotify .brighttheme-info h4{color:#012831}[ui-pnotify].ui-pnotify .brighttheme-success{background-color:#aff29a;border:0 solid #35db00}[ui-pnotify].ui-pnotify .brighttheme-success div,[ui-pnotify].ui-pnotify .brighttheme-success h4{color:#104300}[ui-pnotify].ui-pnotify .brighttheme-error{background-color:#ffaba2;background-image:repeating-linear-gradient(135deg,transparent,transparent 35px,rgba(255,255,255,.3) 35px,rgba(255,255,255,.3) 70px);border:0 solid #ff1800}[ui-pnotify].ui-pnotify .brighttheme-error div,[ui-pnotify].ui-pnotify .brighttheme-error h4{color:#4f0800}[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-closer,[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-sticker{font-size:1rem;line-height:1.2rem}[ui-pnotify].ui-pnotify .brighttheme-icon-closer,[ui-pnotify].ui-pnotify .brighttheme-icon-error,[ui-pnotify].ui-pnotify .brighttheme-icon-info,[ui-pnotify].ui-pnotify .brighttheme-icon-notice,[ui-pnotify].ui-pnotify .brighttheme-icon-sticker,[ui-pnotify].ui-pnotify .brighttheme-icon-success{position:relative;width:1rem;height:1rem;font-size:1rem;font-weight:700;line-height:1rem;font-family:"Courier New",Courier,monospace;border-radius:50%}[ui-pnotify].ui-pnotify .brighttheme-icon-closer:after,[ui-pnotify].ui-pnotify .brighttheme-icon-info:after,[ui-pnotify].ui-pnotify .brighttheme-icon-notice:after,[ui-pnotify].ui-pnotify .brighttheme-icon-sticker:after,[ui-pnotify].ui-pnotify .brighttheme-icon-success:after{position:absolute;top:0;left:.2rem}[ui-pnotify].ui-pnotify .brighttheme-icon-notice{background-color:#2e2e00;color:#ffffa2}[ui-pnotify].ui-pnotify .brighttheme-icon-notice:after{content:"!"}[ui-pnotify].ui-pnotify .brighttheme-icon-info{background-color:#012831;color:#8fcedd}[ui-pnotify].ui-pnotify .brighttheme-icon-info:after{content:"i"}[ui-pnotify].ui-pnotify .brighttheme-icon-success{background-color:#104300;color:#aff29a}[ui-pnotify].ui-pnotify .brighttheme-icon-success:after{content:"\002713"}[ui-pnotify].ui-pnotify .brighttheme-icon-error{width:0;height:0;font-size:0;line-height:0;border-radius:0;border-left:.6rem solid transparent;border-right:.6rem solid transparent;border-bottom:1.2rem solid #2e0400;color:#ffaba2}[ui-pnotify].ui-pnotify .brighttheme-icon-error:after{position:absolute;top:.1rem;left:-.25rem;font-size:.9rem;font-weight:700;line-height:1.4rem;font-family:"Courier New",Courier,monospace;content:"!"}[ui-pnotify].ui-pnotify .brighttheme-icon-closer,[ui-pnotify].ui-pnotify .brighttheme-icon-sticker{display:inline-block}[ui-pnotify].ui-pnotify .brighttheme-icon-closer:after{content:"\002715"}[ui-pnotify].ui-pnotify .brighttheme-icon-sticker:after{top:-1px;content:"\002016"}[ui-pnotify].ui-pnotify .brighttheme-icon-sticker.brighttheme-icon-stuck:after{content:"\00003E"}[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-confirm{margin-top:1rem}[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-prompt-bar{margin-bottom:1rem}[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-action-button{text-transform:uppercase;font-weight:700;padding:.4rem 1rem;border:none;background:0 0;cursor:pointer}[ui-pnotify].ui-pnotify .brighttheme-notice .ui-pnotify-action-button.brighttheme-primary{background-color:#ff0;color:#4f4f00}[ui-pnotify].ui-pnotify .brighttheme-info .ui-pnotify-action-button.brighttheme-primary{background-color:#0286a5;color:#012831}[ui-pnotify].ui-pnotify .brighttheme-success .ui-pnotify-action-button.brighttheme-primary{background-color:#35db00;color:#104300}[ui-pnotify].ui-pnotify .brighttheme-error .ui-pnotify-action-button.brighttheme-primary{background-color:#ff1800;color:#4f0800}

.el-autocomplete-suggestion li{
    padding: .5rem .7rem;
}

.el-autocomplete-suggestion li .title{
    font-weight: bold;
}

.el-autocomplete-suggestion li *{
    line-height: 15px;
}

.el-tooltip__popper{
    max-width: 70vw;
}


.el-tag + .el-tag {
    margin-left: 10px;
    margin-bottom: 8px;
  }
  .button-new-tag {
    margin-left: 10px;
  }

  .input-new-tag {
    width: 90px;
    margin-left: 10px;
    
  }





  [v-cloak] {
    display: none !important;
  }




:root {
    --primary-color: #007BFF;
    --accent-color: #FA4659;
    --animate-delay: 0.1s;
    --animate-duration: 2s;
    --link-color: #007bff;
    --vh: 100vh;
}

.fixed-container-top, .fixed-container-bottom{
    position: sticky;    
    z-index: 10; 
    background-color: white;
}

.fixed-container-top{
    top: 0; 
}

.fixed-container-bottom{
    bottom: 0;
}

a{
    color: var(--link-color);
}

.fa-telegram{
    color: #0088cc;
}

.fa-instagram{
    color: #833AB4;
}


.voice.fa-phone, .fa-circle-phone{
    color: #6C88C4;
}

.fa-whatsapp{
    color: #25D366 !important;
}

.fa-viber{
    color: #7360F2 !important;
}

.bg-whatsapp{
    background-color: #25D366 !important;
}

.fa-google{
    color: #DB4437;
}

.fa-facebook-messenger{
    color: #006AFF !important;
}

.fa-facebook-messenger.text-white{
    color: #fff !important;
}


.fa-facebook{
    color: #4267B2 !important;
}

.fa-facebook.text-white{
    color: #fff !important;
}

.fa-comment-plus, .fa-sms{
    color: #FFA900 !important;
}




.card{
    background-color: transparent;
}



.btn-primary, .btn-primary:hover{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: var(--primary-color);
}

.emoji-mart-preview{display:none}.emoji-mart-emoji,.emoji-mart-emoji *{cursor:pointer!important}emoji-picker{z-index:10000;display:none}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart{z-index:10000;display:none;position:absolute;top:200px;left:0;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;font-size:16px;display:inline-block;color:#222427;border:1px solid #d9d9d9;border-radius:5px;background:#fff}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #d9d9d9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.emoji-mart-anchors{display:flex;flex-direction:row;justify-content:space-between;padding:0 6px;color:#858585;line-height:0}.emoji-mart-anchor{position:relative;display:block;flex:1 1 auto;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;margin:0;box-shadow:none;background:0 0;border:none}.emoji-mart-anchor-selected,.emoji-mart-anchor:hover{color:#464646}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:0}.emoji-mart-anchor-bar{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#464646}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors img,.emoji-mart-anchors svg{fill:#858585;height:18px;width:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;padding:0 6px 6px 6px;will-change:transform}.emoji-mart-search{margin-top:6px;padding:0 6px;position:relative}.emoji-mart-search input{font-size:16px;display:block;width:100%;padding:5px 25px 6px 10px;border-radius:5px;border:1px solid #d9d9d9;outline:0}.emoji-mart-search input,.emoji-mart-search input::-webkit-search-cancel-button,.emoji-mart-search input::-webkit-search-decoration,.emoji-mart-search input::-webkit-search-results-button,.emoji-mart-search input::-webkit-search-results-decoration{-webkit-appearance:none}.emoji-mart-search-icon{position:absolute;top:7px;right:11px;z-index:2;padding:2px 5px 1px;border:none;background:0 0}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center;cursor:default}.emoji-mart-category .emoji-mart-emoji:hover:before{z-index:0;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f4f4f4;border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background-color:#fff;background-color:rgba(255,255,255,.95)}.emoji-mart-category-list{margin:0;padding:0}.emoji-mart-category-list li{list-style:none;margin:0;padding:0;display:inline-block}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0;margin:0;padding:0;border:none;background:0 0;box-shadow:none}.emoji-mart-emoji-native{font-family:"Segoe UI Emoji","Segoe UI Symbol","Segoe UI","Apple Color Emoji","Twemoji Mozilla","Noto Color Emoji","EmojiOne Color","Android Emoji"}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#858585}.emoji-mart-no-results-img{display:block;margin-left:auto;margin-right:auto;width:50%}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover:before{content:none}.emoji-mart-preview{position:relative;height:70px}.emoji-mart-preview-data,.emoji-mart-preview-emoji,.emoji-mart-preview-skins{position:absolute;top:50%;transform:translateY(-50%)}.emoji-mart-preview-emoji{left:12px}.emoji-mart-preview-data{left:68px;right:12px;word-break:break-all}.emoji-mart-preview-skins{right:30px;text-align:right}.emoji-mart-preview-skins.custom{right:10px;text-align:right}.emoji-mart-preview-name{font-size:14px}.emoji-mart-preview-shortname{font-size:12px;color:#888}.emoji-mart-preview-emoticon+.emoji-mart-preview-emoticon,.emoji-mart-preview-shortname+.emoji-mart-preview-emoticon,.emoji-mart-preview-shortname+.emoji-mart-preview-shortname{margin-left:.5em}.emoji-mart-preview-emoticon{font-size:11px;color:#bbb}.emoji-mart-title span{display:inline-block;vertical-align:middle}.emoji-mart-title .emoji-mart-emoji{padding:0}.emoji-mart-title-label{color:#999a9c;font-size:26px;font-weight:300}.emoji-mart-skin-swatches{font-size:0;padding:2px 0;border:1px solid #d9d9d9;border-radius:12px;background-color:#fff}.emoji-mart-skin-swatches.custom{font-size:0;border:none;background-color:#fff}.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch{width:16px;padding:0 2px}.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after{opacity:.75}.emoji-mart-skin-swatch{display:inline-block;width:0;vertical-align:middle;transition-property:width,padding;transition-duration:.125s;transition-timing-function:ease-out}.emoji-mart-skin-swatch:nth-child(1){transition-delay:0s}.emoji-mart-skin-swatch:nth-child(2){transition-delay:.03s}.emoji-mart-skin-swatch:nth-child(3){transition-delay:.06s}.emoji-mart-skin-swatch:nth-child(4){transition-delay:.09s}.emoji-mart-skin-swatch:nth-child(5){transition-delay:.12s}.emoji-mart-skin-swatch:nth-child(6){transition-delay:.15s}.emoji-mart-skin-swatch.selected{position:relative;width:16px;padding:0 2px}.emoji-mart-skin-swatch.selected:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background-color:#fff;border-radius:100%;pointer-events:none;opacity:0;transition:opacity .2s ease-out}.emoji-mart-skin-swatch.custom{display:inline-block;width:0;height:38px;overflow:hidden;vertical-align:middle;transition-property:width,height;transition-duration:.125s;transition-timing-function:ease-out;cursor:default}.emoji-mart-skin-swatch.custom.selected{position:relative;width:36px;height:38px;padding:0 2px 0 0}.emoji-mart-skin-swatch.custom.selected:after{content:"";width:0;height:0}.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover{background-color:#f4f4f4;border-radius:10%}.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom{width:36px;height:38px;padding:0 2px 0 0}.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after{opacity:.75}.emoji-mart-skin-text.opened{display:inline-block;vertical-align:middle;text-align:left;color:#888;font-size:11px;padding:5px 2px;width:95px;height:40px;border-radius:10%;background-color:#fff}.emoji-mart-skin{display:inline-block;width:100%;padding-top:100%;max-width:12px;border-radius:100%}.emoji-mart-skin-tone-1{background-color:#ffc93a}.emoji-mart-skin-tone-2{background-color:#fadcbc}.emoji-mart-skin-tone-3{background-color:#e0bb95}.emoji-mart-skin-tone-4{background-color:#bf8f68}.emoji-mart-skin-tone-5{background-color:#9b643d}.emoji-mart-skin-tone-6{background-color:#594539}.emoji-mart-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}


.el-popover{
    word-break: normal;    
}

.el-popover .body{
    max-height: 75vh;
    overflow-y: auto;
}

#modal_main{
    z-index: 1000000;
}

table td{
    text-align: center;
}


.maincontainer{
    overflow-y: scroll;
    padding: 2rem 4rem 14rem 4rem;
    padding-bottom: 14rem !important;
}

.maincontainer.large{
    padding: 2rem 2rem 14rem 2rem;
}

.maincontainer.single{
    height: unset;
    width: 70%;
    max-width: 55rem;
    padding: 2rem 0rem 14rem 0rem;
    margin: 0 auto;
    overflow-y: visible;
}

.el-popover{
    padding: 0 !important;
}

.el-dropdown-menu:not(.noOverflow){
    max-height: 50vh;
    overflow-y: auto;
}

.dropdown-w100 .el-dropdown{
    display: block !important;
}

.maincontainer1{    
    width: 100%;
    max-width: 55rem; 
    margin-top: 2.5rem;
}

.maincontainer.large .maincontainer1{
    max-width: 100%;
}


.maincontainer.full{
    padding: 2rem;
    width: 100%;    
}

.maincontainer.full .maincontainer1{
    max-width: 100%;
    padding: 0;
}




.maincontainer1 .div_breadcrumb{
    margin-bottom: 0.6rem;
}

.maincontainer1 .mycontainer{
    width: 100%;
    padding-top: 1.5rem;
    background-color: white;
    padding-bottom: 1.5rem;
    border-radius: 15px;  
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;
    padding-right: 15px;
    padding-left: 15px;
}

.maincontainer1 .mycontainer.bg-transparent{
    padding-right: 0;
    padding-left: 0;
}

.divIntro{
    padding: 0.5rem 1rem !important;
}

.divIntro .body{
    text-align: center;
    padding: 4rem 1rem !important;
}

.divIntro .my_btt_add{
    margin-top: 1rem;
    padding: 0.6rem 3rem;
}

.divIntro .docs{
    text-align: right;
}



.forder_C_C{
    padding-bottom: 3rem !important;
}

.foldervove #nav{
    display: none !important;
}

.foldervove .forder_C_C{
    padding-bottom: 3rem !important;
    position: fixed;
    top: -60px;
    width: 100%;
    left: 0;
    background-color: #fff;
    z-index: 10000;
}

.foldervove .folder0{
    width: 10% !important;
    max-width: 20% !important;
}

.foldervove .folder.new{
    display: none !important;
}



.maincontainer1:first-child{
    margin-top: 0;
}

.el-breadcrumb__item *{
    font-weight: normal !important;
}


.bttIcon{
    cursor: pointer;
    display: flex;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 1.3rem;    
    align-items: center;
    justify-content: center;
}

.bttIcon:hover{
    background-color: rgba(0,0,0,0.05);
}

.bttIcon i{
    font-size: 1rem;
}

.bttIcon.small{
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
}

.btt_more{
    cursor: pointer;
    background-color: transparent;
    color: #99979c !important;
}

.btt_more:hover{
    color: var(--primary-color) !important;
}

.div_text_c{
    position: relative;
}

.div_text{    
    z-index: 1;
    position: absolute;
    top: 100%;
    right: 0;
    padding: 0.1rem .3rem;
    background-color: #5C5C5C;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: flex;
    align-items: center;
}

.img-profile.w40{
    height: 40px !important;
}

.img-profile.w50{
    height: 50px !important;
}





.div_text *{
    color: white !important;
}


.div_text div{
    padding-left: .3rem;
    padding-right: .3rem;
}


.div_text .fal{
    cursor: pointer;
    font-size: .9rem;
}

.div_text .div_counter{
    display: none;
}

.div_text .div_counter{
    font-size: 0.7rem;
}


.div_text div:hover .fal{
    color: var(--primary-color) !important;
}








/* ========================================================= jquery.tag-editor.css =================================================================*/
/* surrounding tag container */
.tag-editor {
    list-style-type: none; padding: 0 5px 0 0; margin: 0; overflow: hidden; border: 1px solid #eee; cursor: text;
    font: normal 14px sans-serif; color: #555; background: #fff; line-height: 20px;
}

/* core styles usually need no change */
.tag-editor li { display: block; float: left; overflow: hidden; margin: 3px 0; }
.tag-editor div { float: left; padding: 0 4px; }
.tag-editor .placeholder { padding: 0 8px; color: #bbb; }
.tag-editor .tag-editor-spacer { padding: 0; width: 8px; overflow: hidden; color: transparent; background: none; }
.tag-editor input {
    vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text;
    font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit;
    box-shadow: none; background: none; color: #444;
}
/* hide original input field or textarea visually to allow tab navigation */
.tag-editor-hidden-src { position: absolute !important; left: -99999px; }
/* hide IE10 "clear field" X */
.tag-editor ::-ms-clear { display: none; }

/* tag style */
.tag-editor .tag-editor-tag {
    padding-left: 5px; color: #46799b; background: #e0eaf1; white-space: nowrap;
    overflow: hidden; cursor: pointer; border-radius: 2px 0 0 2px;
}

/* delete icon */
.tag-editor .tag-editor-delete { background: #e0eaf1; cursor: pointer; border-radius: 0 2px 2px 0; padding-left: 3px; padding-right: 4px; }
.tag-editor .tag-editor-delete i { line-height: 18px; display: inline-block; }
.tag-editor .tag-editor-delete i:before { font-size: 16px; color: #8ba7ba; content: "×"; font-style: normal; }
.tag-editor .tag-editor-delete:hover i:before { color: #d65454; }
.tag-editor .tag-editor-tag.active+.tag-editor-delete, .tag-editor .tag-editor-tag.active+.tag-editor-delete i { visibility: hidden; cursor: text; }

.tag-editor .tag-editor-tag.active { background: none !important; border: none !important }

.ui-autocomplete {   position: absolute; top: 0; left: 0; cursor: default; font-size: 14px; border-radius: 2px;}

.ui-front { z-index: 99999; }
.ui-menu { list-style: none; padding: 0px; margin: 0; display: block; outline: none; 
   -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
   box-shadow: 0 6px 12px rgba(0,0,0,.175);
   border: 1px solid #ccc;
   border: 1px solid rgba(0,0,0,.15);
   border-radius: 4px;
}
.ui-menu .ui-menu-item{padding: 5px 25px 5px 15px; cursor: pointer}
.ui-menu .ui-menu-item:hover{background-color: rgba(0, 0, 0, 0.06)}
.ui-menu .ui-menu-item a { text-decoration: none; display: block; min-height: 0; /* support: IE7 */ }
.ui-widget-content { border: 1px solid #bbb; background: #fff; color: #555; }
.ui-widget-content a { color: #46799b; }
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e0eaf1; }
.ui-helper-hidden-accessible { display: none; }












/* ========================================================= jquery.highlight-within-textarea.css =================================================================*/


.hwt-container {
	display: inline-block;
	position: relative;
	overflow: hidden !important;
	-webkit-text-size-adjust: none !important;
}

.hwt-backdrop {
	position: absolute !important;
	top: 0 !important;
	right: -99px !important;
	bottom: 0 !important;
	left: 0 !important;
	padding-right: 99px !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.hwt-highlights {
	width: auto !important;
	height: auto !important;
	border-color: transparent !important;
	white-space: pre-wrap !important;
	word-wrap: break-word !important;
	color: transparent !important;
	overflow: hidden !important;
}

.hwt-input {
	display: block !important;
	position: relative !important;
	margin: 0;
	padding: 0;
	border-radius: 0;
	font: inherit;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.hwt-content {
	border: 1px solid;
	background: none transparent !important;
}

.hwt-content mark {
	padding: 0 !important;
	border-radius: 3px;
	background-color: rgb(230, 230, 230);
}






/*=================================================  bootstrap-suggest.css =============================================================0*/
.dropdown.suggest .dropdown-menu{
    overflow-y: auto;
    max-height: 15rem;
}


.dropdown.suggest .dropdown-item{
    background-color: white;
    color: #555 !important;
    padding: 0.5rem 0.9rem !important;
}

.dropdown.suggest .dropdown-item:hover{
    color: var(--primary-color)  !important;
}

.suggest {
    /* position: relative; */
    top: 7px;
    z-index: 10000;
    text-align: left;
  }
  
  .suggest > .dropdown-menu {
    margin-top: 15px;
    position: absolute;
  }
  
  .suggest > .dropdown-menu > a.dropdown-item {
    border-top: 1px solid #eeeeee;
    padding: 5px 10px;
  }
  
  .suggest > .dropdown-menu > a.dropdown-item:first-child {
    border-top: 0;
  }
















/*!
 * # Semantic UI 2.4.0 - Search
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

 .ui.search {
    position: relative;
  }
  .ui.search  .prompt {
    margin: 0em;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    text-shadow: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1.21428571em;
    padding: 0.67857143em 1em;
    font-size: 1em;
    background: #FFFFFF;
    border: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87);
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
            box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
    transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
  }
  .ui.search .prompt {
    border-radius: 500rem;
  }
  
  
  
  /*--------------
      Results
  ---------------*/
  
  .ui.search .results {
    display: none;
    position: absolute;
    top: 100%;
    left: 0%;     
    max-height: 60vh; 
    overflow-y: auto;  
    -webkit-transform-origin: center top;
            transform-origin: center top;
    white-space: normal;
    text-align: left;
    text-transform: none;
    background: #FFFFFF;
    margin-top: 0.2em;
    width: 18em;
    border-radius: 0.28571429rem;
    -webkit-box-shadow: 0 12px 28px rgba(0,0,0,.08);
    box-shadow: 0 12px 28px rgba(0,0,0,.08);
    border: solid 0.7px #e9e9e9 !important;
    z-index: 998;
  }
  .ui.search > .results > :first-child {
    border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  }
  .ui.search > .results > :last-child {
    border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  }
  
  /*--------------
      Result
  ---------------*/
  
  .ui.search .results .result {
    cursor: pointer;
    display: block;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.87);
    line-height: 1.33;
    border-bottom: 1px solid rgba(34, 36, 38, 0.1);
    padding: .7rem 1rem  !important;
    font-size: 0.95rem !important;
  }
  .ui.search > .results .result:last-child {
    border-bottom: none !important;
  }
  
  /* Image */
  .ui.search > .results .result .image {
    float: right;
    overflow: hidden;
    background: none;
    width: 5em;
    height: 3em;
    border-radius: 0.25em;
  }
  .ui.search > .results .result .image img {
    display: block;
    width: auto;
    height: 100%;
  }
  
  /*--------------
        Info
  ---------------*/
  
  .ui.search .results .result .image + .content {
    margin: 0em 6em 0em 0em;
  }
  .ui.search > .results .result .title {
    margin: -0.14285714em 0em 0em;
    font-weight: normal;
    color: #212529;
    font-size: 0.95rem;
  }
  .ui.search .results .result .description {
    margin-top: 0.2rem;
    font-size: 0.75rem;
    color: rgba(0,0,0,.5);
  }
  .ui.search > .results .result .price {
    float: right;
    color:var(--primary-color) ;
  }
  
  /*--------------
      Message
  ---------------*/
  
  .ui.search > .results > .message {
    padding: 1em 1em;
  }
  .ui.search > .results > .message .header {
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.87);
  }
  .ui.search > .results > .message .description {
    margin-top: 0.25rem;
    font-size: 1em;
    color: rgba(0, 0, 0, 0.87);
  }
  
  /* View All Results */
  .ui.search > .results > .action {
    display: block;
    border-top: none;
    background: #F3F4F5;
    padding: 0.92857143em 1em;
    color: rgba(0, 0, 0, 0.87);
    font-weight: bold;
    text-align: center;
  }
  
  
  /*******************************
              States
  *******************************/
  
  
  /*--------------------
         Focus
  ---------------------*/
  
  .ui.search  .prompt:focus {
    border-color: rgba(34, 36, 38, 0.35);
    background: #FFFFFF;
    color: rgba(0, 0, 0, 0.95);
  }
  
  /*--------------------
         Loading
  ---------------------*/
  
  .ui.loading.search .input > i.icon:before {
    position: absolute;
    content: '';
    top: 50%;
    left: calc(100% - 1.28571429em);
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1);
  }
 
  .ui.loading.search .input > i.icon:after {
    position: absolute;
    content: '';
    top: 50%;
    left: calc(100% - 1.28571429em);
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: spin 0.6s linear !important;
            animation: spin 0.6s linear !important;
    -webkit-animation-iteration-count: infinite !important;
            animation-iteration-count: infinite !important;

    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
            box-shadow: 0px 0px 0px 1px transparent;
  }

  .ui.loading.search .input > i.icon:after {
    position: absolute;
    content: '';
    top: 50%;
    left: calc(100% - 1.28571429em);
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: spin 0.6s linear !important;
            animation: spin 0.6s linear !important;
    -webkit-animation-iteration-count: infinite !important;
            animation-iteration-count: infinite !important;
            

    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
            box-shadow: 0px 0px 0px 1px transparent;
  }
  
  /*--------------
        Hover
  ---------------*/
  
  .ui.search .results .result:hover{
    background: #F9FAFB;
  }

  .ui.search .results .result:hover .fa-external-link{
    color: var(--primary-color)  !important;
    font-weight: bold
  }

  .ui.search .action:hover {
    background: #E0E0E0;
  }
  
  /*--------------
        Active
  ---------------*/
  
  .ui.search > .results .result.active,
  .ui.category.search > .results .category .result.active {
    position: relative;
    border-left-color: rgba(34, 36, 38, 0.1);
    background: #F3F4F5;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .ui.search > .results .result.active .title {
    color: rgba(0, 0, 0, 0.85);
  }
  .ui.search > .results .result.active .description {
    color: rgba(0, 0, 0, 0.85);
  }
  
  /*--------------------
          Disabled
  ----------------------*/
  
  
  /* Disabled */
  .ui.disabled.search {
    cursor: default;
    pointer-events: none;
    opacity: 0.45;
  }
  
  
  
  .ui.search.selection .prompt {
    border-radius: 0.28571429rem;
  }
  
  /* Remove input */
  .ui.search.selection > .icon.input > .remove.icon {
    pointer-events: none;
    position: absolute;
    left: auto;
    opacity: 0;
    color: '';
    top: 0em;
    right: 0em;
    -webkit-transition: color 0.1s ease, opacity 0.1s ease;
    transition: color 0.1s ease, opacity 0.1s ease;
  }
  .ui.search.selection > .icon.input > .active.remove.icon {
    cursor: pointer;
    opacity: 0.8;
    pointer-events: auto;
  }
  .ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
    right: 1.85714em;
  }
  .ui.search.selection > .icon.input > .remove.icon:hover {
    opacity: 1;
    color: #DB2828;
  }
  
  
  
  .ui[class*="left aligned"].search > .results {
    right: auto;
    left: 0%;
  }
  .ui[class*="right aligned"].search > .results {
    right: 0%;
    left: auto;
  }
  
  
  @media only screen and (max-width: 767px) {
    .ui.search .results {
      max-width: calc(100vw - 2rem);
     
    }
  }










  /*======================================================================================================================*/
  .div-avatar{
    border-radius: 50%;
    width: 100px;
    height: 100px;
    border: 1px dashed #d9d9d9;
    overflow: hidden;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: flex;
  }

  .div-avatar:hover{
      border-color: black;
  }

  .div-avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .btn-light{
      background-color: #eee;
  }

.z-depth-1{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px !important;
    border-radius: 7px;
    padding: 0.3px;
}

.btt-new-content, .btt-new-content-buttom{
    background-color: transparent;
    text-align: center;
    border: 1px dashed rgba(0,0,0,0.3);
    padding-left: 1rem;
    padding-right: 1rem;
    color: rgba(0,0,0,0.7);
    text-transform: capitalize;
    opacity: 0.6;
    cursor: pointer;
}

.btt-new-content-buttom{
    border-width: 0;
    border-top: 1px dashed rgba(0,0,0,0.3);
}

.btt-new-content-buttom:hover{
    border-width: 1px;
}


.btt-new-content:hover{
    opacity: 1;
}



.box-content{
    padding: 1rem;
    background-color: white;
}

.box-content .title{
    margin-bottom: .6rem;
    color: rgba(0, 0, 0, 0.87);
}

.box-content .form-label{
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: .16rem;
}



.btt-del-item{
    padding: 0.2rem;
    cursor: pointer;
    visibility: hidden;
}

.btt-close, .btt-close-image{
    cursor: pointer;
}

.btt-close-image{
    position: absolute;
    background-color: white;
    top: -6px;
    right: -6px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    border: 1px solid #ddd;
}

.div_item .btt-close, .div_item .btt-close-image{
    visibility: hidden;
}

.btt-del-item:hover i, .btt-close:hover i, .btt-close-image:hover i{
    color: red;
}

.box-content:hover .btt-del-item{
    visibility: visible;
}

.inline-nav{
    margin-bottom: 2rem!important;
}

.breadcrumb-item span{
    cursor: pointer;
}

.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link {
    color: #979797 !important;
}

.el-menu--horizontal>.el-menu-item {
    color: #606266 !important;
}

.forder_C .folder, .folder-selector .folder{
    cursor: pointer;
    background-color: white;
    width: 100%;
    padding: .4rem .6rem .4rem 1rem;
    border: 1px solid #dee2e6;
    position: relative;
    align-items: center!important;
    margin-top: 0.6rem;
}

.folder.new{
    border-style: dashed; 
}








.forder_C .folder:hover, .folder-selector .folder:hover{
    border-color: var(--primary-color)  !important;
}

.folder input{
    z-index: 1;
    position: absolute;
    width: calc(100% - 1.6rem);
}

.folder .actions{
    background-color: white !important;
    padding-right: 0.4rem;
    padding-left: 0.4rem;
    position: absolute;
    visibility: hidden;
    right: 0;
}

.folder .actions i{
    padding: 0.2rem 0.4rem !important;
    font-size: 0.9rem;
    cursor: pointer;
}

.folder:hover .actions{
    visibility: visible;
}

.actions i:hover{
    color: var(--primary-color) ;
}

.actions .fa-trash-alt:hover{
    color: red;
}

.folder:hover .fIcon, .folder:hover span{
    color: var(--primary-color) ;
}


.forder_C .fIcon, .folder-selector .fIcon{
    font-size: 1.6rem;
}









.btn-outline-secondary{
    border-color: #e0e6ed;
}


pre.code, textarea.code{
    background-color: #eee;
    border: 1px solid #aaa;
    padding: 0.3rem;
    min-height: 25px;
}










body{
    font-size: 0.95rem;
}


.el-table .cell{
    word-break: break-word !important;
}


.tooltip-inner {
    opacity: 1;
    background-color: #4F5A68;
}
    .tooltip.bs-tooltip-right .arrow:before {
        border-right-color: #4F5A68 !important;
    }
    .tooltip.bs-tooltip-left .arrow:before {
        border-left-color: #4F5A68 !important;
    }
    .tooltip.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #4F5A68 !important;
    }
    .tooltip.bs-tooltip-top .arrow:before {
        border-top-color: #4F5A68 !important;
    }


*{
    font-family: "Lato", "Helvetica Neue", "Roboto", sans-serif;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;    
}

.font-size-normal, .btn, .form-group label, .nav-link, select:not(.selectpicker), .input-group-text, .label, #nav .btn, .my_btt, .my_btt_add, .my_btt_outline{
    font-size: 0.97rem !important;
}

.form-group label{
    display: flex;
    align-items: center
}

.bold{
    font-weight: bold !important;
}

.a_no_style, .a_no_style *{
    text-decoration: none !important;
    cursor: pointer;
}

.btn{
    user-select: none;
    cursor: pointer;
}

.btt_remove_item{
    cursor: pointer;
    padding: 0.3rem;   
}

.btt_remove_item:hover *{
    color: red !important;
}

p, span, btn, ::placeholder, button, optgroup, textarea, input, .bootstrap-select .filter-option-inner-inner, .dataTables_wrapper *, .breadcrumb-item, .p_radio label, .p_cbx label{
    font-size: 0.95rem;
}

p, ::placeholder, button, optgroup, textarea, input, .bootstrap-select .filter-option-inner-inner{
    color: #555;
}

input, textarea, .filter-option-inner-inner{
    color: rgba(0,0,0,.7) !important
}


textarea:focus, input:focus, input:active, textarea:active, select:focus, select:active{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color:  var(--primary-color) !important;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:active{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0.1em solid var(--primary-color) !important;
    -moz-outline-radius: 4px;    
}



button:focus, button:active{
    outline: none !important;
    box-shadow: 0 0 1px var(--primary-color) !important;
}



/* ================================================================================ */
.ui.search{
    border: solid 0.7px #e9e9e9 !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin: 0 !important;
}

.ui.search a{
    text-decoration: none !important;
}




.ui.search .prompt{
     height: 32px !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    appearance: none !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: none !important;   
    padding-left: .0rem !important; 
    background-color: transparent; 
    font-size: 0.95rem !important;
}

.ui.search  .prompt:focus{
    border: none !important;
    outline: none !important;
}












/* ========================================================NAV ==================================================*/

#nav .btn{
    height: 34px;
    text-align: center;
    border-radius: 0px;
    padding: 0 20px;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 32px;
    cursor: pointer;
}

.btn-my .fal, .btn-my .far{
    /*font-size: 1.3em;*/
    color: #999;
}

.btn-my{
    cursor: pointer;
    border: none;
}

.btn-my:hover{
    background-color: #fff;
    border: none;
}

.btn-my:hover *{
    color: var(--primary-color) !important;
}


.btt_delete_item{
    cursor: pointer;
    z-index: 100;
}

.btt_delete_item:hover *{
    color: red;
}

.div_item.relative{
    position: relative;
}

.div_item.relative .btt_delete_item{
    width: auto !important;
    position: absolute;
    padding: 0.2rem;
    right: .6rem;
}

.div_single_item .btt_delete_item, .div_item .btt_delete_item{
    visibility: hidden !important;
}

.div_single_item:hover .btt_delete_item, .div_item:hover .btt_delete_item, .div_item:hover .btt-close, .div_item:hover .btt-close-image{
    visibility: visible !important;
}

.div_single_item_s .btt_delete_item_s{
    visibility: hidden !important;
}

.div_single_item_s:hover .btt_delete_item_s{
    visibility: visible !important;
}

.box_shadow_info{
    box-shadow: 0 12px 28px rgba(0,0,0,.08);
}

.box_shadow_info .h6{
    color: black !important;
}

.my-alert{
    padding: 0.5rem 1rem;
    border: 1px solid #ccc; 
    border-left: 6px solid #5C5C5C; 
    border-radius: 0.5rem;
}



.lleft {
    float: left !important;
  }

.bdr_dashed{
    border-style: dashed !important;
}

.bdr_b_dashed{
    border-bottom-width: 1px !important;
    border-bottom-style: dashed !important;
}


.bdr_t_dashed{
    border-top-width: 1px !important;
    border-top-style: dashed !important;
}

.label_checkbox{
    font-size: 14px !important;
    color: #222 !important;
    cursor: pointer;
    vertical-align: middle;
}

.label_file{
    font-weight: normal;
    color: rgba(0, 0, 0, 0.5);
}

.label_pre{
    text-align: center !important;
    border: none;
    padding: 0px 0px 0px 10px !important;
    display: inline !important;
    font-weight: normal !important;
}




.imput, input[type="text"], input[type="text"], input[type="number"], textarea {
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    appearance: none !important;
    box-shadow: none !important; 
    border: 0.8px solid #e6e6e6;
    border-radius: 4px !important;
    font-size: 14px
}

.dropdown-item{
    cursor: pointer;
}

#btt_create{
    margin-top: 40px;
}

.p_impit_info{
    margin: 0px 2px 5px 0px;
}

#btt_create:hover{
    opacity: 0.7;
}

.valign-wrapper {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

.box_shadow{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px !important;
    border-radius: 7px;
}




.modal-header{
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
    padding-bottom: .3rem;
    padding-top: .3rem;
}

.modal-header{
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
}

.modal-header .modal-dismiss{
    padding: .7rem;
    cursor: pointer;
}

.modal-header .modal-dismiss i{
    font-size: 1.5rem;
}

.modal-header .modal-dismiss:hover i{
    color: black;
}



.modal-footer a{
    padding: 8px;
    margin-left: 20px;
}


.div_daterange_c{
    text-align: right;
}

.div_daterange_c .reload_dashboard{
    display: inline;
    padding: 10px 5px;
    user-select: none;
    text-align: center;
}

.div_daterange_c .reload_dashboard i{
    vertical-align: middle
}

.div_daterange{    
    cursor: pointer;
    display: inline;
    padding: 10px 10px;
    border: 1px solid #e6e6e6;
    user-select: none
}

.div_daterange:hover{
    border: 1px solid rgba(0, 0, 0, 0.5);
}

.div_daterange *{
    display: inline-block;
    vertical-align: middle;
}

.div_daterange span{
    padding: 0px 10px; 
}

.div_daterange i{
    color: #222
}

.bg-success{
    background-color: #00DA6B !important;
}

.bg-warning{
    background-color: #E6A23C !important;
}

.bg-danger{
    background-color: #F56C6C !important;
}

.bg-lighter{
  background-color: #EBEEF5 !important  
}

.bg-light{
    background-color: #E4E7ED !important  
}

.bg-extra-light{
    background-color: #F2F6FC !important  
}


.text-alternative, .color-alt{
    color: #00da6b !important;
}

.bg-alternative, .bg-alt{
    background-color: #00da6b !important;
}

.item-action-c{
    padding: 0.6rem 0;
}

.item-action, .item-action-menu{
    display: flex;
    align-items: center;
    padding: 0.5rem 1.5rem;
    text-decoration: none !important;
    cursor: default;
    
}

.item-action{
    cursor: pointer;
}



.item-action *, .item-action-menu *{
    color: #606266;
}



.item-action i, .item-action-menu i{
    font-size: 1.25rem;
    margin-right: 1rem;
}

.item-action.small i{
    font-size: 1rem;
}


.text-primary{
    color: var(--primary-color)  !important;
}


.text-primary-hover:hover, .color-primary-hover:hover, .color-primary-hover:hover *, .item-action:hover *, .item-action-menu .item-action:hover *{
    color: var(--primary-color)  !important;   
}

.item-action:hover{
    border-radius: 4px;
}


.bg-primary{
    background-color: var(--primary-color)  !important;
}

.bg-accent{
    background-color: var(--primary-color)  !important;
}

.bg-accent{
    background-color: var(--accent-color) !important;
}

.color-accent{
    color: var(--accent-color) !important;
}

.text-dark {
    color: #222 !important;
}

color-text-primary{
    color: #303133 !important;
}

.color-text-regular{
    color: #606266 !important;
}

.text-secondary {
    color: #99979c !important
}

.btn_apply_data{
    color: white;
    background-color: var(--primary-color) ;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--primary-color) ;
}

.daterangepicker .input-mini.active {
    border: 1px solid var(--primary-color) ;
}

.ranges li {
    color: #222; 
}
.ranges li:hover {
    background-color: var(--primary-color) ;
    border: 1px solid var(--primary-color) ;
    color: #fff; }
.ranges li.active {
    border: 1px solid var(--primary-color) ;
    color: var(--primary-color) ; 
    background-color: white;
}





a[current-bot="true"]::before{
    top: 23px !important;
}












#btt_fb_login {
    display: inline;
    background-color: #3A5A98;
    color: white;
    padding: 11px 45px;
    border-radius: 3px;
    cursor: pointer;
    padding: 11px 26px 11px 60px;
    background: #3A5A98 url(../images/fb_login.png) no-repeat 10px 50%;
}

#btt_fb_login:hover {
    background-color: #1D3469;
}




.spinner_c{
    justify-content: center;
    display: flex;
}





.article:hover{
    text-decoration: none !important;
}

.article .content:hover{
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.bg-container{
    background-color: #F9FAFC;
}

#footer{
    margin-top: 4em !important;
    padding-top: 4em !important;
    background-color: transparent !important;;
}

#pb_loading{
    z-index: 100000 !important;
    top: 0px;
    left: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: white;
}

#btt_create{
    margin-top: 20px;
}


.btt_underline{
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
     outline: none !important;
     border: none !important;
     height: 25px;
     padding-left: 0px;
     background-color: transparent;
     margin-top: 10px;
     cursor: pointer !important;
}

.btt_underline:hover{
    text-decoration:underline;
}

.espace_to_nav{
    width: 100%;
    margin-top: 52px;
}

p{
    color: #222;
}

#pb_loading pre{
    background-color: white;
    color: #222;
    font-family: inherit;
    font-size: 15px;
    border: none;
    font-style: normal;
}




.icon_info, .icon_edit{ 
    margin-left: 10px;
    cursor: pointer;
}

.row{
    margin: 0px;  
    padding: 0px;
}



.row:after {
    content: "";
    clear: both;
    display: block;
}

.h_center{
   position: relative;
   left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
   transform: translateX(-50%);
}

.h_centerA{
    position: absolute;
    left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
    transform: translateX(-50%);
 }

.h_center1{
   display: table !important;
   margin-left: auto !important;
   margin-right: auto !important;
 }


.v_align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);    
}


.v_alignA {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);    
  }

.v_align1{
    display: table-cell;
    vertical-align: middle;
}






.cursor_pointer,.cursor_pointer:hover{
    cursor: pointer !important;
}

.form-group{
    margin-bottom: 1.3rem;
}


.form-group label, .label{
    color: #303133;
    font-weight: 520;
    margin-bottom: 0.34rem;
}

.form-group label .op, .label .op, .form-group label .docs, .label .docs{
    color: #969ea2 !important;
    font-size: 11px !important;
    padding-right: 3px !important;
}

.dataTables_wrapper, .dataTables_wrapper .col-sm-12, .my_table{
    width: 100% !important;
    padding: 0px !important;
}

.dataTables_wrapper .bottom{
    padding-top: 1rem;
}

.my_table_c:not(.search) .dataTables_wrapper .search{
    display: none;
}





/*.dataTables_wrapper th{
    width: 100% !important;
}*/

.pagination > li > a, .pagination > li > span
{
    border: 1px solid #dddddd;
    background-color: white !important;
    box-shadow: none !important;
    font-size: 14px  !important;
}
 
.dataTables_filter *, .dataTables_length *{
   color: #222 !important;
}

.dataTables_info{
    color: #99979c;
 }




.dataTables_filter label{
    float: left !important;
    margin-bottom: 1em
}

.dataTables_filter input{
    height: 30px !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    appearance: none !important;
    border: solid 0.7px #e6e6e6 !important;
    border-radius: 0px !important;
    box-shadow: none !important;   
    padding-left: 5px !important; 
    color: #222 !important; 
    margin: 0 !important;
    
}

.my_table_c:not(.search) .dataTables_filter input{
    display: none;
}

.pagination > li.active > a, .pagination > li.active > span{
    background-color: var(--primary-color)  !important;
     border: 1px solid #dddddd;
    box-shadow: none !important;
}

.dataTables_length select{   
  cursor: pointer;  
  border: 0.7px solid rgba(0, 0, 0, 0.2) !important;
  height: 30px !important;   
  color: #222 !important;
  border-radius: 0px;
  box-shadow: none;
}

.t_text_center *{
    text-align: center;
}


.div_tab{
    margin-top: 20px;
}



.dropdown-menu .dr-item{
    padding: 8px 8px 8px 14px;
    cursor: pointer;
}

.dropdown-menu .dr-item:hover{
    background-color: #eee;
}
  
.dropdown-menu .dr-item i.fal, .dropdown-menu .dr-item i.fab{
    margin-right: 14px;
}


.imput_width{
     width: 60vw !important;
}





.myimput{
    min-height: 32px !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    appearance: none !important;
    border: 1px solid #999999 !important;
    border: 1px solid #e0e6ed !important;
    border-radius: 4px !important;
    box-shadow: none !important;   
    padding: 1px 3px 1px 5px !important;    
    display: block !important;  
    color: #222; 
}

.myimput.cf_suggestions {
    line-height: 24px;
}


.input-group, .input-group-prepend{
    max-height: 35px !important;
}

.input-group .i-group-prepend{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group-prepend .input-group-text{
    padding: 0.375rem;
}

.input-group .input-group-prepend{
    margin-right: -1px !important;


}

select:not(.selectpicker){
    min-height: 32px !important;
    border: 1px solid #999999 !important;
    border: 1px solid #e0e6ed !important;
    border-radius: 4px !important;
    box-shadow: none !important;  
    padding: 1px 3px 1px 5px !important;    
    display: block;  
    color: #222;
    cursor: pointer; 
}

.daterangepicker .drp-calendar.single{
    min-width: 350px;
}

.daterangepicker select{
    display: inline-block !important;  
}



.my_hr, .my_hr1{
    border-color: rgba(0, 0, 0, 0.3);
    border-style: dashed;
}

.div_items_c .div_items_c1 .div_item1:first-child .my_hr1{
    display: none;
}

.div_items_c .div_item:first-child .my_hr:first-child{
    display: none;
}

.div_items_c .mt-5:first-child{
    margin-top: 0px !important;
}




.p_radio{
    text-align: center; 
    display: inline;
    padding: 0px 10px;
}

.p_radio label{
    font-weight: normal !important;
}


.p_cbx{
    text-align: center;
    width: 100%;
    display: block;    
}

.p_cbx [type="checkbox"]{
    width: 20px;
    height: 20px;
    margin: 0px !important;
    cursor: pointer;
}

.p_cbx label{
    display: inline;
    font-weight: normal;
    padding-left: 10px;
    cursor: pointer;
}





.select_search {
  background: url(../images/keyboard_arrow_down.png) no-repeat  calc(100% - 6px) center white;  
  padding: 0px 30px 0px 1em;
  display: inline-block;
  cursor: pointer;  
  color: #222
}

.myimput_text{
    display: block !important;   
    padding-left: 5px !important;  
    color: #222; 
}


.vertical_align {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);    
}

.my_btt{
    min-width: 80px;
    cursor: pointer;
    display: inline-block;
    padding: 5px 15px;    
    color: #333;
    border: 0.5px solid #ccc;
    border-radius: 10px !important;
    border-radius: .4rem!important;
    text-align: center;
    user-select: none;
    text-decoration: none;
    margin-top: 4px;
    margin-bottom: 4px;
    background-color: transparent  
}

.my_btt_add{
    min-width: 80px;
    cursor: pointer;
    padding: 0.4rem 1.3rem;    
    color: #fff !important;
    text-align: center;
    user-select: none;
    text-decoration: none;
    background-color: var(--primary-color);
    white-space: nowrap;
}



.my_btt_del{
    color: rgba(255, 0, 0, 0.7) !important;
    border: 1px solid rgba(255, 0, 0, 0.3);
}

.my_btt::after, .my_btt_add::after{
    display: none !important;
}


.my_btt i, .my_btt_add i{
    color: #fff;
    font-size: 1.2em !important;
}

.my_btt.bg-primary{
    border-width: 0;
    color: white;
}


.my_btt:hover, .my_btt_add:hover{
    box-shadow: 0 0 1px rgba(34, 25, 25, 0.4);
    text-decoration: none !important;
}

.my_btt:hover i, .my_btt_add:hover i{
    color: #999;
}

#btt_tb_global_del{
    color: #dc3545!important;
}


.my_btt_outline{
    background-color: white;
    padding: 7px 15px;
    border: 0.5px solid rgba(0, 0, 0, 0.2);
    color: #222;
    border-radius: 25px;
    text-align: center;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
}



.my_btt_outline:hover{
    background-color: var(--primary-color) ;
    color: white;
    border-color: var(--primary-color) ;
    text-decoration: none;
}

.my_btt_underline{
    box-shadow: none;
    border: none;
    background-color: transparent;
    border-bottom: 0.8px solid; 
    padding-left: 0px;
    padding-right: 0px;
    cursor: pointer;
}

.my_btt_underline:hover{
    border: none;
}

.my_btt_underline:active, .my_btt_underline:focus{
    outline: none;
}



.my_btt_add i{
    vertical-align: middle;
    margin-right: 6px;
}


.text_size{
    font-size: 0.95rem;
}

.menu_button{
   cursor: pointer;
   padding: 10px;
}

.tr_number{
   width: 100px !important;
   max-width: 100px !important;
   text-align: center !important;
}

body{
    background-color: #F9FAFC !important;
}



.th_w50{
    max-width: 80px;
    min-width: 80px;
}

.tb_cbx, .tb_cbx_all{
    cursor: pointer;
}





.dt_img_perfir{
    max-width: 48px !important;
    max-height: 48px !important;
    width: 48px;
    height: 48px;
    display:inline;
    border-radius: 24px;
    margin-right: 4px;
    vertical-align: middle;
}

.th_img_perfir{
    max-width: 60px !important;    
    width: 48px !important;
    height: 48px !important;  
    vertical-align: middle;    
}


.txt_center{
    text-align: center;
}

.txt_left{
    text-align: left;
}





.btt_tb_global{
    display: inline;
    padding: 5px;
    margin: 0px 4px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.7);
    font-size: 24px !important;     
}

.btt_tb_global:hover{
    color: var(--primary-color) ;
}

.th_icon{
    width: 50px !important;
    max-width: 50px !important;
}

.td_icon, .td_icon i{
    color: rgba(0, 0, 0, 0.7);
    font-size: 19px !important;
}

.td_photo{
    position: relative;
    max-width: 48px;
    max-height: 48px;
}

.td_photo .channel{
    background-color: #fff;
    position: absolute;
    right: .4rem;
    bottom: .4rem;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    border: 0.3px solid #fff;
}

.td_photo i{    
    font-size: 1.2rem;
}

.td_photo .fa-facebook-messenger{
    color: #009CFF;
}





.margen_auto{
    margin-left: auto;
    margin-right: auto;
}

.width_40{
    width: 40%; 
}

.table_60{
    width: 60%; 
}

.width_70{
    width: 70%; 
    padding-right: 15px;
    padding-left: 15px;    
}

.width_85{
    width: 85%;
    padding-right: 15px;
    padding-left: 15px;   
}

.opacity70, .opacity70 a{
    cursor: pointer;   
    text-decoration: none !important; 
}

.opacity70:hover{
    opacity: 0.7;
}

.my_btt_mg_botton{
    padding-bottom: 20px !important;
}

.margin_nav{
    margin-top: 55px !important;
}

.no-nav .margin_nav{
    margin-top: 0px !important;
}

.bold{
    font-weight: bold;
}

::placeholder {
    color: black !important;
    opacity: 0.35 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black !important;
    opacity: 0.35 !important; /* Firefox */
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: black !important;
    opacity: 0.35 !important; /* Firefox */
}



.tooltiptext {
    font-size: 13px;
    display: none;  
    background-color: rgb(60, 60, 60);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 50%;
}

.tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgb(60, 60, 60) transparent transparent transparent;
}





.popup_box_c .popup_item, .popup_box_c .popup_item_title{
    display: block;
    padding: 6px 8px;
}

.popup_box_c{
    z-index: 999;
    min-width: 100%;
    min-height: 100%;
}

.popup_box_c .popup_box{
    width: 180px;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.56);
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.56);
    max-height: 40vh;
    overflow-y: scroll;
}

.popup_box_c .popup_item{
    cursor: pointer;
    color: rgba(0, 0, 0, 0.6);
}

.popup_box_c .popup_item_title{
    color: black;
    border-bottom: 0.7px solid rgba(0, 0, 0, 0.2);
    border-top: 0.7px solid rgba(0, 0, 0, 0.2);
    width: 100%;

}

.popup_box_c .popup_item:hover{
    background-color: rgba(0, 0, 0, 0.03);
}



.my_info{
    border-radius: 4px;
    margin: 10px 0px;
    display: inline-block;
    background-color: white;    
    max-width: 70%;
}

.my_info i{
    color: white !important;
}

.my_info a, .my_link{
    color: rgb(0, 109, 255);
}

.my_info a:hover, .my_link:hover{
    color: rgb(0, 109, 255);
    text-decoration: underline;
}

.modal-footer a, modal-footer a:focus, modal-footer a:hover{
    text-decoration: none;
}





.my_info div:nth-of-type(1){
   text-align: center;
   display: table-cell;
   height: 100%;  
   width: 40px;
   color: white;
   vertical-align: middle !important;   
}



.my_info div:nth-of-type(2){
    padding: 10px;
    display: table-cell;
 }

.my_info span:nth-of-type(1){
    font-weight: bold;
    display: block;
    color: black;
}

.my_info span:nth-of-type(2){
    display: block;
    color: #222;
}


[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: element;
    -webkit-user-drag: element;
  }


.imput_100{
    width: 100%;
}

.imput_75{
    width: 75%; 
}

.imput_50{    
    width: 50%;    
}

.imput_33{
    width: 33.3%;
}

.imput_25{
    width: 25%;
}


#map{
    width: 100%;
    background-color: white;
    height: 500px;
    min-height: 500px;
}



/*
=======================================================tag-editor=========================================
=======================================================tag-editor=========================================
=======================================================tag-editor=========================================
*/

.div_atrb_value .tag-editor, .tag-editor{
    border: none;
    background-color: transparent;
    max-width:  calc(100% - 25px);
    box-shadow: none;
    line-height: 30px;
    padding: 2px 0px 2px 2px;
}

.tag-editor .tag-editor-tag {
    padding-left: 5px; color: #46799b; background: #e0eaf1; white-space: nowrap;
    overflow: hidden; cursor: pointer; border-radius: 2px 0 0 2px;
}

.tag-editor .tag-editor-tag  { 
    padding: 8px 8px 8px 14px;
    font-weight: normal;
    font-size: 13px;
    border: 0.5px solid var(--primary-color) 96;    
    border-radius: 15px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none;
    background-color: white;
    color: var(--primary-color) ;
    height: 30px;
    word-wrap: normal !important;
}

.tag-editor .tag-editor-delete{
    padding: 8px 8px 8px 5px;
    background-color: white;
    color: var(--primary-color) ;
    border: 0.5px solid var(--primary-color) 96;
    border-radius: 15px; 
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;     
    border-left: none;
    height: 30px;
    line-height: 0px;
}

.tag-editor .tag-editor-delete i{
    margin: 0px;
    line-height: 14px;
    vertical-align: middle;    
}

.tag-editor .tag-editor-delete i:before{
    color: rgba(0, 0, 0, 0.6);    
}

.tag-editor .tag-editor-delete:hover i:before { color: inherit}


/*
=======================================================END tag-editor=========================================
=======================================================END tag-editor=========================================
=======================================================END tag-editor=========================================
*/


@media only screen and (max-width: 1400px) {
   .table_60{
    width: 50%; 
    }

    .width_70{
        width: 60%;     
    }
}

@media only screen and (max-width: 1100px) {
   .table_60{
    width: 70%; 
    }

    .width_70{
        width: 80%;     
    }

    .width_40{
        width: 45%; 
    }

    .my_info{
        max-width: 75%;
    }

    .maincontainer.single{
        max-width: 75%;
    }
}

@media only screen and (max-width: 1000px) {
   .table_60{
    width: 75%; 
    }

    .width_70{
        width: 85%;     
    }

    .width_85{
        width: 90%;     
    }

    .width_40{
        width: 55%; 
    }

    .my_info{
        max-width: 77%;
    }

    .maincontainer.single{
        max-width: 80%;
    }
}

@media only screen and (max-width: 800px) {   
     .my_info{
         max-width: 80%;
     }

    .width_40{
        width: 70%; 
    }

    .maincontainer.single{
        max-width: 90%;
        width: 90%;
    }
 }


@media only screen and (max-width: 600px) {   
    .my_info{
        max-width: 85%;
    }

    .width_40{
        width: 95%; 
    }

    .maincontainer.single{
        max-width: 100%;
        width: 95%;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

@media only screen and (max-width: 500px) {   
    .maincontainer.single{
        max-width: 100%;
        width: 100%;
        padding-left: 0.0rem;
        padding-right: 0.0rem;
    }

    #map{
        height: 100%;
         min-height: 400px;
    }
}

 




.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -125px;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

/*<div class="tooltip">Hover over me
  <span class="tooltiptext">Tooltip text</span>
</div>*/


.tooltip:hover .tooltiptext {
    visibility: visible;
}




@media only screen and (max-width: 900px) {
   .table_60{
    width: 80%; 
    }

    .width_70{
        width: 95%;     
    }

    .width_85{
        width: 95%;     
    }
}

@media only screen and (max-width: 800px) {
   .table_60{
    width: 85%; 
    }
}

@media only screen and (max-width: 700px) {
   .table_60{
    width: 90%; 
    }
}







.color87{
    color: rgba(0, 0, 0, 0.87) !important;
}

.color54{
    color: rgba(0, 0, 0, 0.54) !important;
}

.color_back{
    color: black !important;
}

.minH100{
    min-height: 100px !important;
}

.mtop20{
    margin-top: 20px !important;
}

.mbotton20{
    margin-bottom: 20px !important;
}

.mbotton40{
    margin-bottom: 40px !important;
}

.maxw200{
    max-width: 200px !important;
}


.pbottom15{
    padding-bottom: 15px !important;
}

.ptop15{
    padding-top: 15px !important;
}

.border-none{
    border: none !important;
}

.ptop5{
    padding-top: 5px !important;
}

.mtop8{
    margin-top: 8px !important;
}

.mtop30{
    margin-top: 30px !important;
}

.mtop40{
    margin-top: 40px !important;
}


.mtop20{
    margin-top: 20px !important;
}

.mtop60{
    margin-top: 60px !important;
}

.ml16{
    margin-left: 16px !important;
}

.fl{
    float: left;
}

.mr16{
    margin-right: 16px !important;
}

.inputborder{
    border: 1px solid #e0e6ed !important;
    border-radius: 4px;
}

.dd{    
    display: inline;
}

.d_block{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

.left-align {
    text-align: left;
}
  
.right-align {
    text-align: right;
}
  
.center-align{
    text-align: center;
}

.border_dashed{
    border-bottom-width: 1px !important;
    border-bottom-style: dashed !important;
}

.h75v{
    height: 75vh;
}

.maxh75v{
    max-height: 75vh;
}

.w70{
    width: 70px !important;
}

.w60{
    width: 60px !important;
}

.w50{
    width: 50px !important;
}

.w40{
    width: 40px !important;
}

.w30{
    width: 30px !important;
}

.w90{
    width: 90px !important;
}

.w120{
    width: 120px !important;
}

.w140{
    width: 140px !important;
}

.h90{
    height: 90px !important;
}

.bg-body{
    background-color: #E9EBEE !important;
}


.txt_primary_color{
    color: var(--primary-color)  !important;
}

.txt_color_hover:hover, .t-p-h:hover, .t-p-h:hover *, .txt_color_hover:hover *{
    cursor: pointer;
    color: var(--primary-color)  !important;
}

.bdr_primary_color{
    border-color: var(--primary-color)  !important;    
}

.bg_primary_color{
    background-color: var(--primary-color)  !important;
}

.bg-light-hover:hover{
    background-color: #f8f9fa!important;
}




.bootstrap-select .dropdown-toggle{
    background-color: white !important;
    border-color: #e0e6ed;
    border-width: 1px !important;
    border-radius: 4px !important;
    border-style: solid !important;
    box-shadow: none !important;   
    padding-left: 5px !important;    
    color: #222 !important;
    height: 32px !important;
}

.bootstrap-select.b-select-alt .dropdown-toggle{
    border: 0.7px solid #e9e9e9 !important;
}

.w-100{
    width: 100% !important;
}

.form_error{
    border: solid 1px red !important;
    border-color: red !important;
}


.my_table{
    border: solid 0.7px #e6e6e6;
    border-right: none;
    border-left: none;
    background-color: white;
    padding-left: 0px !important;
}

.my_table tr th{
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
    margin: 0px !important;
    padding-left: 0px !important;
    border-bottom: solid 0.7px #e6e6e6 !important;
    font-weight: bold;
    color: #222
}

.my_table .description{
    color: rgba(0, 0, 0, 0.35) !important;
}

.breakWord{
    word-break: break-all;
}

.my_table tr td{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: solid 0.7px #e6e6e6 !important;
    color: #555;
    border-left: none !important;
    border-right: none !important;
    max-width: 100%;
}

.my_table tr:last-child td{
    border-bottom: none !important;    
}

.my_table .dropdown-menu{
    text-align: center;
}

.my_table .unprocessed td{
    color:#ff6600
}

.my_table.row-clickable .my_tr:not(.noclick){
    cursor: pointer;
}

.my_table.row-clickable .my_tr:hover{
    background-color: #eee;
}


.t-dropdown-menu{
    list-style-type: none;
    box-shadow: 0 15px 35px rgba(0,0,0,.08);
    border: solid 0.7px #e6e6e6 !important;
    border: none;
    padding: 0;
    margin: 0;
}

.t-dropdown-menu li{
    cursor: pointer;
}


.b-color{
    border: 0.7px solid #e9e9e9 !important;
}


.t-dropdown-menu li a{
    display: block;
    width: 100%;
    color: #555;
    text-decoration: none;
    padding: 9px 12px !important;
}

.t-dropdown-menu li a i{
    color: #aaa;
    font-size: 1.2em !important;
    margin-right: 6px;
}

.t-dropdown-menu li a:hover, .t-dropdown-menu li a:hover i{
    text-decoration: none;
    color: #111;
}

.t-dropdown-menu li{
    text-align: left;    
    border-bottom: solid 0.5px #e9e9e9 !important;
}

.my_table .dropdown-menu li:last-child{
    padding: 4px 4px !important;
    border-bottom: none
}


.my_table .my_checkbox{
    margin: 0px 0px 13px 0px !important;
    top: 0;
    left: 0;
    padding: 0;
}

.actionButton{
    text-align: center;
    max-width: 60px;
    cursor: pointer;
}

.actionButton i{
    color: #bbb !important
}

.actionButton:hover i{
    color: #111 !important
}

.my_disabled{
    opacity: 0.5 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}


.my_table .td_checkbox{
    text-align: center;  
    padding-left: 15px !important;
    padding-right: 35px !important;
    width: 70px !important;
    max-width: 70px !important;
}

table td, table{
    padding-left: 8px !important;
    padding-right: 8px !important;
}




.border-right-0{
    border-right: none !important;
}

.border-left-0{
    border-left: none !important;
}

.border-top-0{
    border-top: none !important;
}

.border-bottom-0{
    border-bottom: none !important;
}

.max-w-100{
    max-width: 100% !important; 
}

.bootstrap-select .dropdown-menu{
    min-width: 70px !important;
}

.dropdown-toggle::after{
    right: 10px !important;
}

.bootstrap-select>select{
    height: 1px !important;
    pointer-events: none;
}

.tag-editor *:focus, .tag-editor *:active{
    outline: none !important;
    border: none !important;    
}




/* -----------------------------------------------------------------------------------------------------------
-----------------------------------------------https://www.abeautifulsite.net/bootstrap-4-switches----------------------------------------------------
---------------------------------------------------------------------------------------------------------------*/
.switch {
    font-size: 1rem;
    position: relative;
  }
  .switch input {
    position: absolute;
    height: 1px;
    width: 1px;
    background: none;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    padding: 0;
  }
  .switch input + label {
    position: relative;
    min-width: calc(calc(2.375rem * .8) * 2);
    border-radius: calc(2.375rem * .8);
    height: calc(2.375rem * .8);
    line-height: calc(2.375rem * .8);
    display: inline-block;
    cursor: pointer;
    outline: none;
    user-select: none;
    vertical-align: middle;
    text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
  }
  .switch input + label::before,
  .switch input + label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(calc(2.375rem * .8) * 2);
    bottom: 0;
    display: block;
  }
  .switch input + label::before {
    right: 0;
    background-color: #bbb;
    border-radius: calc(2.375rem * .8);
    transition: 0.2s all;
  }
  .switch input + label::after {
    top: 2px;
    left: 2px;
    width: calc(calc(2.375rem * .8) - calc(2px * 2));
    height: calc(calc(2.375rem * .8) - calc(2px * 2));
    border-radius: 50%;
    background-color: white;
    transition: 0.2s all;
  }
  .switch input:checked + label::before {
    background-color: var(--primary-color) ;
  }
  .switch input:checked + label::after {
    margin-left: calc(2.375rem * .8);
  }
  .switch input:focus + label::before {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
  }
  .switch input:disabled + label {
    color: #868e96;
    cursor: not-allowed;
  }
  .switch input:disabled + label::before {
    background-color: #e9ecef;
  }
  .switch.switch-sm {
    font-size: 0.95rem;
  }
  .switch.switch-sm input + label {
    min-width: calc(calc(1.9375rem * .8) * 2);
    height: calc(1.9375rem * .8);
    line-height: calc(1.9375rem * .8);
    text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
  }
  .switch.switch-sm input + label::before {
    width: calc(calc(1.9375rem * .8) * 2);
  }
  .switch.switch-sm input + label::after {
    width: calc(calc(1.9375rem * .8) - calc(2px * 2));
    height: calc(calc(1.9375rem * .8) - calc(2px * 2));
  }
  .switch.switch-sm input:checked + label::after {
    margin-left: calc(1.9375rem * .8);
  }
  .switch.switch-lg {
    font-size: 1.25rem;
  }
  .switch.switch-lg input + label {
    min-width: calc(calc(3rem * .8) * 2);
    height: calc(3rem * .8);
    line-height: calc(3rem * .8);
    text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
  }
  .switch.switch-lg input + label::before {
    width: calc(calc(3rem * .8) * 2);
  }
  .switch.switch-lg input + label::after {
    width: calc(calc(3rem * .8) - calc(2px * 2));
    height: calc(calc(3rem * .8) - calc(2px * 2));
  }
  .switch.switch-lg input:checked + label::after {
    margin-left: calc(3rem * .8);
  }
  .switch + .switch {
    margin-left: 1rem;
  }
  
  .switch label + label{
    margin-left: 2rem;
  }
  
  .switch *{
    cursor: pointer
  }

/* -----------------------------------------------------------------------------------------------------------
-------------------------------------------------Scroll bar----------------------------------------------------
---------------------------------------------------------------------------------------------------------------*/

*::-webkit-scrollbar {
    background-color:#fff;
    width:16px
}

/* background of the scrollbar except button or resizer */
*::-webkit-scrollbar-track {
    background-color:#fff
}

/* scrollbar itself */
*::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    border:4px solid #fff
}

/* set button(top and bottom of the scrollbar) */
*::-webkit-scrollbar-button {display:none}



/* -----------------------------------------------------------------------------------------------------------
--------------------------------------------------------checkbox-----------------------------------------------
---------------------------------------------------------------------------------------------------------------*/
.my_checkbox {
    position: relative;
    cursor: pointer;
    font-size: 0.95rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
  }
  
  /* Hide the browser's default checkbox */
  .my_checkbox input {
    position: absolute;
    opacity: 0 !important;
    cursor: pointer;
    height: 0 !important;
    width: 0 !important;
  }

.my_checkbox *:focus, .my_checkbox *:active{
    outline: none !important; 
}
  
  /* Create a custom checkbox */
  .my_checkbox span {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 4px;
  }
  
  /* On mouse-over, add a grey background color */
  .my_checkbox:hover input ~ span {
    border-color: #808080
  }
  
  /* When the checkbox is checked, add a blue background */
  .my_checkbox input:checked ~ span {
    background-color: var(--primary-color) ;
    border-color: var(--primary-color) 
  
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .my_checkbox span:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .my_checkbox input:checked ~ span:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .my_checkbox span:after {
    left: 6px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }


  /*-----------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------*/

  .inner-addon {
    position: relative;
  }
  
  .inner-addon .fal {
    position: absolute;
    padding: 10px;
  }
  
  .left-addon .fal  { left:  0px;}
  .right-addon .fal { right: 0px;}
  
  .left-addon input  { padding-left:  30px !important; }
  .right-addon input { padding-right: 30px !important; }
  
/*-----------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------*/


.mCustomScrollBox:focus, .mCustomScrollBox:active{
    outline: none !important;
}


.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}



.modal-footer{
    padding: 0.8rem 8px;
}

.modal-footer .d-flex{
    padding: 0px !important;
}

.modal-body, .modal-footer{
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.modal-body{
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    /*max-height: 75vh;
    overflow-y: auto;*/
}

.modal-footer *{
    text-transform: capitalize;
    font-size: 0.95rem;
}

.modal-footer button{
    padding: 0.3rem 1.6rem;
}

.dropdown-menu {
    font-size: 0.95rem;
    color: #222;
}


.daterangepicker .ranges li:hover{
    color: #222
}

.breadcrumb{
    background-color: transparent;
}

.c_pointer{
    cursor: pointer !important;
}

.user_select_none{
    user-select: none!important;
}

.d-inline{
    display: inline!important;
}

.h7, .h7 span{
    font-size: .8rem !important;
}

.h8, .h8 span{
    font-size: .7rem !important;
}

.d-inline{
    display: inline !important;
}

.p-2-5{
    padding: 0.75rem !important;
}

.bg-transparent{
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.mw-30{
    max-width: 30px !important;
}

.mw-40{
    max-width: 40px !important;
}

.mw-50{
    max-width: 50px !important;
}

.mw-60{
    max-width: 60px !important;
}

.mw-500{
    max-width: 500px !important;
}

.mw-600{
    max-width: 600px !important;
}

.mw-700{
    max-width: 700px !important;
}

.w-40px{
    width: 40px !important;
}

.w-60px{
    width: 60px !important;
}

.w-40{
    width: 40% !important;
}

.w-70{
    width: 70% !important;
}

.w-30{
    width: 30% !important;
}

.w-45{
    width: 45% !important;
}

.w-33{
    width: 33% !important;
}

.w-20{
    width: 20% !important;
}

.w-80{
    width: 80% !important;
}

.w-90px{
    width: 90px !important;
}

.w-120px{
    width: 120px !important;
    min-width: 120px !important;
}

.min-w-200{
    min-width: 20rem;
}

.text-black-70{
    color: black !important;
    opacity: 0.7 !important;

}

.text-primary-hover:hover, .text-primary-hover:hover *{
    color: var(--primary-color)  !important;
}

.d-none{
    display: none;
}


.ms-sel-ctn input[type="text"]{
    border: none !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    appearance: none !important;
    outline: none !important;
}

.ms-ctn-focus{
    box-shadow: none;
}

.magicSuggest-tag .ms-sel-ctn input[type="text"]:focus, .ms-sel-ctn input[type="text"]:active{
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    appearance: none !important;
    border: none !important;
    outline: none !important;
}

.magicSuggest-tag .ms-trigger, .magicSuggest-tag .dropdown-menu{
    display: none !important;
}

.magicSuggest-tag-suggest .ms-trigger{
    display: none !important;
}


.disabled{
    opacity: 0.5 !important;
    pointer-events: none !important;
}

.my_table_c{
    overflow-x: auto !important;
}

.d-inline{
    display: inline !important;
}

.hover_underline:hover{
    text-decoration: underline !important
}

.min-w-200px{
    min-width: 200px;
}

.min-w-100px{
    min-width: 100px;
}



b{
    font-weight: bold !important;
}


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

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

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


.manychat, .chatfuel{
    display: none !important
}


.bdr-selected{
    border-color:var(--primary-color) !important;
}

.color-selected{
    color:var(--primary-color) !important;
}


.bg-selected{
    background-color:var(--primary-color) !important;
}

td .fa-circle{
    font-size: 0.7rem !important
}


.mw-75{
    max-width: 75% !important;
}


.opacity75{
    opacity: 0.75;
}

.opacity50{
    opacity: 0.5;
}

.opacity25{
    opacity: 0.25;
}


.cursor_normal{
    cursor: default !important;
}

.pro, .pro_top{
    padding: .1rem .3rem;
    color: white !important;
    font-size: 0.7rem !important;
    background-color: var(--accent-color);
    border-radius: 4px;
}

.pro {
    height: fit-content;
    align-self: center;
}



.pro_top{
    position: absolute;
    right: 3px;
    top: 3px;
}

.div_element .pro{
    font-size: 0.6rem !important;
    width: 25px;
    max-width: 25px;
    margin-left: 0.5rem;
}

.pro_disabled{
    opacity: 0.6;
    pointer-events: none !important;
}


.w-auto{
    width: auto !important;
}



.td-text-center td, .td-text-center th{
    text-align: center!important;
}

.myPre{
    white-space: pre-wrap;
    word-wrap: break-word;
}



.div_items .div_item:first-child{
    margin-top: 0 !important;
}

.div_item .actions{
    visibility: hidden;
}


.div_item:hover .actions{
    visibility: visible;
}

.div_item1 .actions1{
    visibility: hidden;
}

.div_item1:hover .actions1{
    visibility: visible;
}


.input_no_style, .input_no_style textarea, .input_no_style input{
    outline: none !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    resize: none !important;
}

.noResize{
    resize: none !important;
    overflow-y: hidden;
}

body[data-simplified="1"] .pro_top, body[data-simplified="1"] .pro, body[data-simplified="1"] .noeasy{
    display: none !important;
    visibility: hidden !important;
}

.px{
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
}

.el-tab-pane{
    padding: 0.6rem;
}

.hide, .beta_feature, .proonly, .bwt .nowt, .jobs{
    display: none !important; 
    pointer-events: none;
}

.bsf .sf_hide{
    display: none !important;
}

.pdd_col{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.rounded{
    border-radius: .4rem!important;
}

.rounded-1{
    border-radius: 1rem!important;
}

textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active,
.btn.focus,
.btn:focus
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
}

.inline-nav .el-menu-item a{
    padding: 20px 0;
}

:disabled{
    cursor: not-allowed !important;
}

.pointer{
    cursor: pointer !important;
}

.c_move{
    cursor: move !important;
}

.font15{
    font-size: 15px !important;
}

.dragHover{
    border-width: 2px !important;
    border-style: dashed !important;
    border-color: var(--primary-color);    
}

.dragHover *{
    pointer-events: none !important;
}

.dragStarted{
    opacity: 0.4 !important;
    border-width: 1px !important;
    border-color: #000;
    border-style: dashed !important;
}

.hideDisabled .el-checkbox.is-disabled{
    visibility: hidden !important;
}

.fw-light{
    font-weight:300!important;
}

.mx75vh{
    max-height: 75vh !important;
}

.mx60vh{
    max-height: 60vh !important;
}

.o-v-auto{
    overflow-y: auto !important;
}

.new-nav-list .current *{
    color: var(--primary-color)  !important;
}

.model-suggest{
    max-height: none !important;
    overflow-y: unset !important;
}

.model-suggest .el-tabs__content{
    overflow: unset !important;
}

.editor-preview img{
    cursor: pointer;
    max-width: 100%;
    height: auto;
    max-height: 70vh;
    border-radius: .4rem!important;
}

.tox-tinymce-aux{
    z-index: 2004 !important;
}

#mainForm{
    z-index: 2010 !important;
}