/* -------------
   
----------------*/
.hover:hover {
   color: black !important;
   text-decoration: underline !important;
}


.button_outer_csv {
   background: #474ad2;
   border-radius: 30px;
   display: inline-block;
   transition: .2s;
   position: relative;
   overflow: hidden;
}

.btn_upload_csv {
   padding: 17px 30px 12px;
   color: #fff;
   text-align: center;
   position: relative;
   display: inline-block;
   overflow: hidden;
   z-index: 3;
   white-space: nowrap;
}

.btn_upload_csv input {
   position: absolute;
   width: 100%;
   left: 0;
   top: 0;
   width: 100%;
   height: 105%;
   cursor: pointer;
   opacity: 0;
}

.file_uploading {
   width: 100%;
   height: 10px;
   margin-top: 20px;
   background: #ccc;
}

.display_hidden,
.file_uploading .btn_upload_csv {
   display: none;
}

.processing_bar {
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 100%;
   border-radius: 30px;
   background: #474ad2;
   transition: 3s;
}

.file_uploading .processing_bar {
   width: 100%;
}



.file_remove {
   width: 30px;
   height: 30px;
   border-radius: 50%;
   /* display: block; */
   position: relative;
   background: #aaa;
   line-height: 30px;
   color: #fff;
   font-size: 12px;
   cursor: pointer;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
   top: -10px;
}

.file_remove:hover {
   background: #222;
   transition: .2s;
}




/* -------------
    LOGIN 
----------------*/
.toggle_pw_login {
   float: right;
   top: -50px;
   right: 5px;
   position: relative;
   z-index: 10;
   cursor: pointer;
}

/* -------------
   ANIMATION
----------------*/

.hover_animate:hover {
   color: rgba(22, 124, 22, 0.9)!important;
   text-decoration: underline !important;
  
}

.animate_wave {
   overflow: hidden;
   background-color: white;
   padding: 40px 30px 30px 30px;
   border-radius: 10px;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 400px;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-transition: -webkit-transform 300ms, box-shadow 300ms;
   -moz-transition: -moz-transform 300ms, box-shadow 300ms;
   transition: transform 300ms, box-shadow 300ms;
   box-shadow: 5px 10px 10px rgba(2, 128, 144, 0.2);
}

.animate_wave::before,
.animate_wave::after {
   content: "";
   position: absolute;
   width: 600px;
   height: 600px;
   border-top-left-radius: 40%;
   border-top-right-radius: 45%;
   border-bottom-left-radius: 35%;
   border-bottom-right-radius: 40%;
   z-index: -1;
}

.animate_wave::before {
   left: 40%;
   bottom: -130%;
   background-color: rgba(3, 4, 19, 0.15);
   -webkit-animation: wawes 6s infinite linear;
   -moz-animation: wawes 6s infinite linear;
   animation: wawes 6s infinite linear;
}

.animate_wave::after {
   left: 35%;
   bottom: -125%;
   background-color: rgba(11, 90, 143, 0.2);
   -webkit-animation: wawes 7s infinite;
   -moz-animation: wawes 7s infinite;
   animation: wawes 7s infinite;
}

/* nav bg */
.bckgrnd_nav{
   background-color: rgb(34, 220, 9);
    background-image: radial-gradient(at 28% 2%, rgb(255, 184, 122) 0px, transparent 50%), radial-gradient(at 100% 10%, rgb(31, 221, 255) 0px, transparent 50%), radial-gradient(at 0% 0%, rgb(255, 219, 222) 0px, transparent 50%), radial-gradient(at 99% 42%, rgb(255, 133, 173) 0px, transparent 50%), radial-gradient(at 0% 100%, rgb(255, 181, 138) 0px, transparent 50%), radial-gradient(at 100% 100%, rgb(107, 102, 255) 0px, transparent 50%), radial-gradient(at 0% 0%, rgb(255, 133, 167) 0px, transparent 50%);
    
}


/* PHOTO UPLOAD */


.file-upload {
   background-color: #ffffff;
 
   margin: 0 auto;
   padding: 10px;
 }
 
 .file-upload-btn {
   width: 100%;
   margin: 0;
   color: #fff;
   background: #1FB264;
   border: none;
   padding: 10px;
   border-radius: 4px;
   border-bottom: 4px solid #15824B;
   transition: all .2s ease;
   outline: none;
   text-transform: uppercase;
   font-weight: 700;
 }
 
 .file-upload-btn:hover {
   background: #1AA059;
   color: #ffffff;
   transition: all .2s ease;
   cursor: pointer;
 }
 
 .file-upload-btn:active {
   border: 0;
   transition: all .2s ease;
 }
 
 .file-upload-content {
   display: none;
   text-align: center;
 }
 
 .file-upload-input {
   position: absolute;
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   outline: none;
   opacity: 0;
   cursor: pointer;
 }
 
 .image-upload-wrap {
   margin-top: 20px;
   border: 2px dashed #1FB264;
   position: relative;
 }
 
 .image-dropping,
 .image-upload-wrap:hover {
   background-color: #1FB264;
   border: 4px dashed #ffffff;
 }
 
 .image-title-wrap {
   padding: 0 15px 15px 15px;
   color: #222;
 }
 
 .drag-text {
   text-align: center;
 }
 
 .drag-text h3 {
   font-weight: 100;
   text-transform: uppercase;
   color: #15824B;
   padding: 60px 0;
 }
 
 .file-upload-image {
   max-height: 200px;
   max-width: 200px;
   margin: auto;
   padding: 20px;
 }
 
 .remove-image {
   width: 200px;
   margin: 0;
   color: #fff;
   background: #cd4535;
   border: none;
   padding: 10px;
   border-radius: 4px;
   border-bottom: 4px solid #b02818;
   transition: all .2s ease;
   outline: none;
   text-transform: uppercase;
   font-weight: 700;
 }
 
 .remove-image:hover {
   background: #c13b2a;
   color: #ffffff;
   transition: all .2s ease;
   cursor: pointer;
 }
 
 .remove-image:active {
   border: 0;
   transition: all .2s ease;
 }
 


@-webkit-keyframes wawes {
   from {
       -webkit-transform: rotate(0);
   }

   to {
       -webkit-transform: rotate(360deg);
   }
}

@-moz-keyframes wawes {
   from {
       -moz-transform: rotate(0);
   }

   to {
       -moz-transform: rotate(360deg);
   }
}

@keyframes wawes {
   from {
       -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
       -ms-transform: rotate(0);
       -o-transform: rotate(0);
       transform: rotate(0);
   }

   to {
       -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
       -ms-transform: rotate(360deg);
       -o-transform: rotate(360deg);
       transform: rotate(360deg);
   }
}

/* b2wp */


@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {}