/** FOLDER */
@keyframes pulse_animation {
    0% { transform: scale(1); }
    30% { transform: scale(1); }
    40% { transform: scale(1.8); }
    50% { transform: scale(1); }
    60% { transform: scale(1); }
    70% { transform: scale(1.5); }
    80% { transform: scale(1); }
    100% { transform: scale(1); }
}

.pulse {
    animation-name: pulse_animation;
    animation-duration: 5000ms;
    transform-origin:50% 50%;
    animation-iteration-count: 2;
    animation-timing-function: linear;
}

.tool-content-shut a{
	font-size: 1.4em;
	color: #000;
}
.tool-content-shut a:hover,
.tool-content-shut a:focus{
	color: #AAA;;
}



/****** BASKET BUTTONS *****/
.dashboard{
    font-size:0.9em;
}

.bulk-basket-buttons a{
    display: inline-block;
}

.bulk-basket-buttons a.dashboard-toggle,
.bulk-basket-buttons a.download-all,
.bulk-basket-buttons a.share-all,
.bulk-basket-buttons a.share-selected,
.bulk-basket-buttons a.remove-all,
.bulk-basket-buttons a.ewrsubmit,
.bulk-basket-buttons a.ewrbtn{
    margin-right:5px;
    transition: all 0.35s;
    color: #000;
    border: thin solid #000;
    padding: 12px 24px;
    text-align:center;
}

.bulk-basket-buttons a.ewrbtn{
    padding:10px 30px;
    margin-right: 0;
}

.bulk-basket-buttons a.dashboard-toggle.download-toggle{
   margin-left:0px;
}

.bulk-basket-buttons a.dashboard-toggle.active{
    background: #fff;
    border-color: #000;
    border-bottom:thin solid #fff;
    color: #000;
    z-index: 100;
    position: relative;
}

.bulk-basket-buttons a.dashboard-toggle:hover,
.bulk-basket-buttons a.download-all:hover,
.bulk-basket-buttons a.share-all:hover,
.bulk-basket-buttons a.share-selected:hover,
.bulk-basket-buttons a.remove-all:hover,
.bulk-basket-buttons a.ewrsubmit:hover,
.bulk-basket-buttons a.ewrbtn:hover{
    background:#000;
    border-color: #000;
    color: #fff;
}

.bulk-basket-buttons a.download-toggle::after,
.bulk-basket-buttons a.download-all::after {
    content:'\f019';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left:10px;
}

.bulk-basket-buttons a.download-toggle::after {
   margin-left:10px;
}

.bulk-basket-buttons a.share-toggle::after,
.bulk-basket-buttons a.share-all::after,
.bulk-basket-buttons a.share-selected::after{
    content:'\f14d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left:10px;
}

.bulk-basket-buttons a.remove-all::after{
    content:'\f2ed';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left:10px;
}


.bulk-basket-buttons a.download-all.btn-inactive,
.bulk-basket-buttons a.share-all.btn-inactive{
	opacity:0.3;
}

.bulk-basket-buttons a.download-all.btn-inactive:hover,
.bulk-basket-buttons a.share-all.btn-inactive:hover{
	cursor:default;
}


/** BASKET DASHBOARD **/
.bulk-basket-buttons .dashboard-download,
.bulk-basket-buttons .dashboard-share{ 
	display:none;
	padding:15px 24px;
	background: #fff;
    color: #000;
    border: thin solid #000;
    top: -1px;
    position: relative;
}

.bulk-basket-download-group{
    display:inline-block; 
    vertical-align:top;
    margin-right:50px;
    vertical-align: middle;
}
.bulk-basket-download-group:last-child{
    margin-right: 0px;
    padding: 0px;
}

.bulk-basket-label{
   display:inline-block; 
   width:auto;
   margin-right:10px;
   vertical-align: middle;
}



/**.bulk-basket-buttons a.invert{
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    background: #f60;
    vertical-align: middle;
    opacity:0.3;
}

.bulk-basket-buttons a.invert::after{
    content:'\f362';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: relative;
    display: inline-block;
    width:100%;
    text-align:center;
    margin-top:5px;
    color:#fff;
}

.bulk-basket-buttons a.invert:hover,
.bulk-basket-buttons a.invert:focus{
     background: #a2a3a5;
}
.bulk-basket-buttons a.invert.active{
	opacity:1;
}

.bulk-basket-buttons a.invert::after:focus{
    color:#000;
}**/



/** dashboard toggles **/
.invert-toggle-wrapper,
.invert-share-toggle-wrapper,
.res-toggle-wrapper,
.res-share-toggle-wrapper{
	line-height:0;
	cursor:pointer;
	width:auto;
	position:relative;
	display:inline-block;
    padding: 0;
    color:#f60;
    background:none;
	opacity:0.3;
}

.invert-toggle-wrapper.active,
.invert-share-toggle-wrapper.active,
.res-toggle-wrapper.active,
.res-share-toggle-wrapper.active{
	opacity:1;
}

.invert-toggle,
.invert-share-toggle,
.res-toggle,
.res-share-toggle{
	position: relative;
	display: inline-block;
	width: 46px;
	height: 26px;
	border-radius: 26px;
	background:#f60;
	margin-right:10px;
	margin-left:10px;
	vertical-align: middle;
}

/**.invert-toggle,
.invert-share-toggle{
   background:#aaa; 
}**/

.invert-toggle::before,
.invert-share-toggle::before,
.res-toggle::before,
.res-share-toggle::before{
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
	border-radius: 50%;
}

/***.invert-toggle-wrapper.inverted .invert-toggle,
.invert-share-toggle-wrapper.inverted .invert-share-toggle{
   background:#f60; 
}***/

.invert-toggle-wrapper.inverted .invert-toggle:before,
.invert-share-toggle-wrapper.inverted .invert-share-toggle:before,
.res-toggle-wrapper.high-res .res-toggle:before,
.res-share-toggle-wrapper.high-res .res-share-toggle:before{
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.res-label,
.res-share-label{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-weight:bold;
}
.res-toggle-wrapper .res-label.low,
.res-share-toggle-wrapper .res-share-label.low{
	opacity:1;
}
.res-toggle-wrapper .res-label.high,
.res-share-toggle-wrapper .res-share-label.high{
	opacity:0.6;
}
.res-toggle-wrapper.high-res .res-label.high,
.res-share-toggle-wrapper.high-res .res-share-label.high{
	opacity:1;
}
.res-toggle-wrapper.high-res .res-label.low,
.res-share-toggle-wrapper.high-res .res-share-label.low{
	opacity:0.6;
}

/*** zip total ***/
.zip-total-wrapper{
    display:inline-block;
    vertical-align: middle;
}
.zip-total {
	color:#f60;
}
.zip-total.exceed {
	background: red;
	color:#fff;
	padding:2px 4px;
	border-radius:3px;
}
.zip-total.exceed::after{
	content:'\f06a';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-left:5px;
	animation-name: flash;
	animation-duration: 0.8s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;

	/***Firefox 1+**/
	-webkit-animation-name: flash;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;

	/***Safari 3-4**/
	-moz-animation-name: flash;
	-moz-animation-duration: 0.8s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
}

@keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
	/***from { background-color:#fff; }
    to { background-color:red; }**/
}

/***Firefox 1+**/
@-webkit-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
	/***from { background-color:#fff; }
    to { background-color:red; }**/
}

/***Safari 3-4**/
@-moz-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
	/***from { background-color:#fff; }
    to { background-color:red; }**/
}



/*** copy ***/
.bulk-basket-buttons .message-download, 
.bulk-basket-buttons .message-share {
    margin-top: 0px;
}
.bulk-basket-buttons .message-download .innerBasketMsg,
.bulk-basket-buttons .message-share .innerBasketMsg{
    margin-top: 20px;
}


/**.bulk-basket-buttons .message{ 
	display:none;
	padding:15px;
	background:#656565;
	color:#fff;
}**/


/*** clipboard and sharelink ***/
.bulk-basket-buttons #copylink{
	font-weight:bold;
	word-break: break-all;
	margin-top:10px;
	margin-bottom:10px;
}
.bulk-basket-buttons #copylink .alert{
	color:#FF001E;
}
.bulk-basket-buttons #copylink .share-link{
    padding:2px;
    vertical-align: middle;
}
.bulk-basket-buttons #copylink.selected .share-link{
	background: #f60;
    color: #fff;
}

.bulk-basket-buttons a.clipboard{
	vertical-align:middle;
}
.bulk-basket-buttons a.clipboard .circle{
  	width: 30px;
  	height: 30px;
  	border-radius: 50%;
	background: #f60;
  	color: #fff;
  	text-align: center;
  	line-height:0;
 	float:right;
	margin-left:10px;
}
.bulk-basket-buttons a.clipboard .circle i{
    padding-top: 25%;
}
.bulk-basket-buttons a:hover.clipboard .circle,
.bulk-basket-buttons a:focus.clipboard .circle{
	background: #aaa;
}
.bulk-basket-buttons a:hover.clipboard .circle i,
.bulk-basket-buttons a:focus.clipboard .circle i{
	color: #fff;
}




/**** EMAIL ZIP NOTIFICATION ***/
.ewrholder {
    margin-top:20px;
}
.ewrholder-inner{
    padding: 20px;
    display: inline-block;
    width:100%;
    text-align: center;
    background: #f0f0f0;
}
.ewrholder-inner a.ewrbtn{
    width:auto !important; /** so it doesnt get set to full width on mobile sizing with other buttons ***/
}
.ewrholder-inner .ewr-email-cancel{
    text-align: right;
    border-top: dashed 1px #a2a3a5;
    padding-top:10px;
}
.ewrholder-inner .ewrbtncancel{
    padding: 5px 0px;
    font-size: 1.5em;
}
.ewrholder-inner .ewrbtncancel::before{
    content: "\f057";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #f60;
}
.ewrholder-inner .ewr-email-form{
    text-align: left;
    display:none;
}
#toolcontentwrapper .tool-content .ewrholder p.ewr-instruction {
    margin-bottom:15px;
}
#toolcontentwrapper .tool-content .ewrholder p.field {
    margin-bottom:10px;
}
.ewrholder label {
    width:140px;
}
.ewrholder input {
    border:none;
    padding: 0.5em 1em;
}
a.ewrsubmit {
    margin-top:10px;
    width:auto !important; /** so it doesnt get set to full width on mobile sizing with other buttons ***/
}





/**** MOBILE SIZING  ****/
@media (max-width: 1220px) {
    .bulk-basket-download-group:last-child  {
        width:100%;
        margin-top:20px;
    }

    .bulk-basket-buttons a.download-all{
	    width:100%;
    }
}

@media (max-width: 992px ) {
    .bulk-basket-download-group,
    .bulk-basket-download-group:last-child{
        width:100%;
        margin: 0px;
        margin-top:10px;
        margin-bottom: 10px;
        text-align:center;
    }
    
    .bulk-basket-buttons a{
		width:100%;
		margin:0px;
	}
	
	.bulk-basket-buttons a.share-selected,
	.bulk-basket-buttons a.share-all{
	    margin-top:10px;
	}

	.bulk-basket-buttons a.clipboard{
		width:auto;
	}
    
    .bulk-basket-buttons a.remove-all,
    .holder .bulk-basket-buttons a.dashboard-toggle{
        width: 100%;
        margin-bottom:8px;
    }
    
    .holder .bulk-basket-buttons .dashboard-download, 
    .holder .bulk-basket-buttons .dashboard-share {
      top: -9px;
    }
    
    #toolcontentwrapper .tool-user {
      width: 100%;
      margin:0;
      margin-bottom:2px;
    }
    #toolcontentwrapper .tool-user:last-child {
      margin-bottom:0px;
    }
    
    #toolcontentwrapper .tool-content.basket .tool-content-inner,
    #toolcontentwrapper .tool-content.basket .tool-content-inner .tool-content-item,
    #toolcontentwrapper .tool-content.basket .tool-content-inner .tool-content-shut.mobile{
        display:inline-block;
    }
    #toolcontentwrapper .tool-content.basket .tool-content-inner .tool-content-shut.desktop{
        display:none;
    }
}


@media only screen and (max-width: 600px) {
    .basket-content .zip-toggle-wrapper, 
    .basket-content .zip-share-toggle-wrapper {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 10px;
    }
    .basket-content .zip-toggle, 
    .basket-content .zip-share-toggle,
    .invert-toggle,
    .invert-share-toggle,
    .res-toggle,
    .res-share-toggle{
        width: 50px;
        height: 30px;
    }
    .basket-content .zip-toggle::before, 
    .basket-content .zip-share-toggle::before,
    .invert-toggle::before, 
    .invert-share-toggle::before,
    .res-toggle::before, 
    .res-share-toggle::before{
        height: 26px;
        width: 26px;
        left: 2px;
        bottom: 2px;
    }

    .bulk-basket-download-group {
        margin-bottom: 30px;
    }
    
    .bulk-basket-buttons a.share-all, 
    .bulk-basket-buttons a.share-selected {
        margin-bottom: 10px;
    }
    
    .bulk-basket-buttons a.clipboard .circle{
        width: 40px;
        height: 40px;
    }
    
    .holder .bulk-basket-buttons a.dashboard-toggle, 
    .holder .bulk-basket-buttons a.download-all, 
    .holder .bulk-basket-buttons a.share-all, 
    .holder .bulk-basket-buttons a.share-selected, 
    .holder .bulk-basket-buttons a.remove-all, 
    .holder .bulk-basket-buttons a.ewrsubmit, 
    .holder .bulk-basket-buttons a.ewrbtn {
        padding: 1em;
    }
}

@media only screen and (max-width: 450px) {
    .bulk-basket-buttons .dashboard-download,
    .bulk-basket-buttons .dashboard-share{ 
	    padding:15px 10px;
    }

    .ewrholder label,
    .ewrholder input {
      width:100%;
    }
    
    .holder .bulk-basket-buttons a.ewrsubmit, 
    .holder .bulk-basket-buttons a.ewrbtn{
        width:100% !important;
    }
}

/*** SHORTCODE PAGE ***/
.shortcode-download .shortcode-download-box {
    margin: 0px;
    padding: 0px;
	padding-top:20px;
	padding-bottom:20px;
    width: 100%;
}

/*** SHORTCODE FILE ONLY PAGE ***/
a.bulk-download-file-only{
    transition: all 0.35s;
    color: #000;
    border: thin solid #000;
    padding: 12px 24px;
    text-align: center;
}

a.bulk-download-file-only:hover{
    background:#000;
    color: #fff;
}




/*** NOT SURE WHERE THESE ARE USED ***/

.dfa-links-header{
	text-transform:uppercase;
	margin-bottom:20px;
}

.dfa-links-holder{
	display:inline-block;
	width:100%;
}

.dfa-links{
	display:inline-block;
	width:100%;
	color:#FFF200;
	text-transform:uppercase;
}

.dfa-links:hover,
.dfa-links:focus{
	color:#fff;
}
