/*
* ---- Helpers -----
*/

.absolute {position:absolute;}
.relative {position:relative;}
.fixed {position:fixed;}
.static {position:static;}

.display-none{display:none !important;}
.display-block{display:block;}
.display-inline-block{display:inline-block;}
.display-inline{display:inline;}
.display-flex{display:flex;}

.clear { clear:both; }
.clearfix { clear:both;height:0px; }
.center { margin-left:auto !important;margin-right:auto !important; }
.aligncenter { text-align:center !important; }
.alignleft { text-align:left !important; }
.alignright { text-align:right !important; }

.notransform {text-transform:none !important;}
.uppercase {text-transform:uppercase !important;}
.capitalize {text-transform:capitalize !important;}

.medium{font-weight:500 !important}
.semibold{font-weight:600 !important}
.bold {font-weight:bold !important;}
.notbold {font-weight:normal !important;}

.nofloat {float:none !important;}
.left {float:left !important;}
.right {float:right !important;}

.background-center{background-position: center !important;}
.background-cover{background-size: cover !important; background-position: center;}

.half {width:50% !important}
.w-100 {width:100% !important}

.boxfix {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; 
}

.no-round-top {
	-moz-border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}

.clear-fix:before,
.clear-fix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
} 

.clear-fix:after {
	clear: both;
}

img.fullwidth {width:100%;display:block;}
img.small-rounded {border-radius:4px;}


/* Margins */

.margin-0 {margin:0px !important; }
.margin-5 {margin:5px !important;}
.margin-10 {margin:10px !important;}
.margin-15 {margin:15px !important;}
.margin-20 {margin:20px !important;}
.margin-25 {margin:25px !important;}
.margin-30 {margin:30px !important;}
.margin-35 {margin:35px !important;}
.margin-40 {margin:40px !important;}
.margin-45 {margin:45px !important;}
.margin-50 {margin:50px !important;}


.margin-top-0 {margin-top:0px !important;}
.margin-top-5 {margin-top:5px !important;}
.margin-top-10 {margin-top:10px !important;}
.margin-top-15 {margin-top:15px !important;}
.margin-top-20 {margin-top:20px !important;}
.margin-top-25 {margin-top:25px !important;}
.margin-top-30 {margin-top:30px !important;}
.margin-top-35 {margin-top:35px !important;}
.margin-top-40 {margin-top:40px !important;}
.margin-top-45 {margin-top:45px !important;}
.margin-top-50 {margin-top:50px !important;}

.margin-right-0 {margin-right:0px !important;}
.margin-right-5 {margin-right:5px !important;}
.margin-right-10 {margin-right:10px !important;}
.margin-right-15 {margin-right:15px !important;}
.margin-right-20 {margin-right:20px !important;}
.margin-right-25 {margin-right:25px !important;}
.margin-right-30 {margin-right:30px !important;}
.margin-right-35 {margin-right:35px !important;}
.margin-right-40 {margin-right:40px !important;}
.margin-right-45 {margin-right:45px !important;}
.margin-right-50 {margin-right:50px !important;}

.margin-bottom-0 {margin-bottom:0px !important;}
.margin-bottom-5 {margin-bottom:5px !important;}
.margin-bottom-10 {margin-bottom:7px !important;}
.margin-bottom-15 {margin-bottom:15px !important;}
.margin-bottom-20 {margin-bottom:20px !important;}
.margin-bottom-25 {margin-bottom:25px !important;}
.margin-bottom-30 {margin-bottom:30px !important;}
.margin-bottom-35 {margin-bottom:35px !important;}
.margin-bottom-40 {margin-bottom:40px !important;}
.margin-bottom-45 {margin-bottom:45px !important;}
.margin-bottom-50 {margin-bottom:50px !important;}

.margin-left-0 {margin-left:0px !important;}
.margin-left-5 {margin-left:5px !important;}
.margin-left-10 {margin-left:10px !important;}
.margin-left-15 {margin-left:15px !important;}
.margin-left-20 {margin-left:20px !important;}
.margin-left-25 {margin-left:25px !important;}
.margin-left-30 {margin-left:30px !important;}
.margin-left-35 {margin-left:35px !important;}
.margin-left-40 {margin-left:40px !important;}
.margin-left-45 {margin-left:45px !important;}
.margin-left-50 {margin-left:50px !important;}

.margin-side-0 {margin-left:0px !important;margin-right:0px !important;}
.margin-side-5 {margin-left:5px !important;margin-right:5px !important;}
.margin-side-10 {margin-left:10px !important;margin-right:10px !important;}
.margin-side-15 {margin-left:15px !important;margin-right:15px !important;}
.margin-side-20 {margin-left:20px !important;margin-right:20px !important;}
.margin-side-25 {margin-left:25px !important;margin-right:25px !important;}
.margin-side-30 {margin-left:30px !important;margin-right:30px !important;}
.margin-side-35 {margin-left:35px !important;margin-right:35px !important;}
.margin-side-40 {margin-left:40px !important;margin-right:40px !important;}
.margin-side-45 {margin-left:45px !important;margin-right:45px !important;}
.margin-side-50 {margin-left:50px !important;margin-right:50px !important;}

.margin-topbottom-0 {margin-top:0px !important;margin-bottom:0px !important;}
.margin-topbottom-5 {margin-top:5px !important;margin-bottom:5px !important;}
.margin-topbottom-10 {margin-top:10px !important;margin-bottom:10px !important;}
.margin-topbottom-15 {margin-top:15px !important;margin-bottom:15px !important;}
.margin-topbottom-20 {margin-top:20px !important;margin-bottom:20px !important;}
.margin-topbottom-25 {margin-top:25px !important;margin-bottom:25px !important;}
.margin-topbottom-30 {margin-top:30px !important;margin-bottom:30px !important;}
.margin-topbottom-35 {margin-top:35px !important;margin-bottom:35px !important;}
.margin-topbottom-40 {margin-top:40px !important;margin-bottom:40px !important;}
.margin-topbottom-45 {margin-top:45px !important;margin-bottom:45px !important;}
.margin-topbottom-50 {margin-top:50px !important;margin-bottom:50px !important;}

/* padding */

.padding-0 {padding:0px !important; }
.padding-5 {padding:5px !important;}
.padding-10 {padding:10px !important;}
.padding-15 {padding:15px !important;}
.padding-20 {padding:20px !important;}
.padding-25 {padding:25px !important;}
.padding-30 {padding:30px !important;}
.padding-35 {padding:35px !important;}
.padding-40 {padding:40px !important;}
.padding-45 {padding:45px !important;}
.padding-50 {padding:50px !important;}


.padding-top-0 {padding-top:0px !important;}
.padding-top-5 {padding-top:5px !important;}
.padding-top-10 {padding-top:10px !important;}
.padding-top-15 {padding-top:15px !important;}
.padding-top-20 {padding-top:20px !important;}
.padding-top-25 {padding-top:25px !important;}
.padding-top-30 {padding-top:30px !important;}
.padding-top-35 {padding-top:35px !important;}
.padding-top-40 {padding-top:40px !important;}
.padding-top-45 {padding-top:45px !important;}
.padding-top-50 {padding-top:50px !important;}

.padding-right-0 {padding-right:0px !important;}
.padding-right-5 {padding-right:5px !important;}
.padding-right-10 {padding-right:10px !important;}
.padding-right-15 {padding-right:15px !important;}
.padding-right-20 {padding-right:20px !important;}
.padding-right-25 {padding-right:25px !important;}
.padding-right-30 {padding-right:30px !important;}
.padding-right-35 {padding-right:35px !important;}
.padding-right-40 {padding-right:40px !important;}
.padding-right-45 {padding-right:45px !important;}
.padding-right-50 {padding-right:50px !important;}

.padding-bottom-0 {padding-bottom:0px !important;}
.padding-bottom-5 {padding-bottom:5px !important;}
.padding-bottom-10 {padding-bottom:10px !important;}
.padding-bottom-15 {padding-bottom:15px !important;}
.padding-bottom-20 {padding-bottom:20px !important;}
.padding-bottom-25 {padding-bottom:25px !important;}
.padding-bottom-30 {padding-bottom:30px !important;}
.padding-bottom-35 {padding-bottom:35px !important;}
.padding-bottom-40 {padding-bottom:40px !important;}
.padding-bottom-45 {padding-bottom:45px !important;}
.padding-bottom-50 {padding-bottom:50px !important;}

.padding-left-0 {padding-left:0px !important;}
.padding-left-5 {padding-left:5px !important;}
.padding-left-10 {padding-left:10px !important;}
.padding-left-15 {padding-left:15px !important;}
.padding-left-20 {padding-left:20px !important;}
.padding-left-25 {padding-left:25px !important;}
.padding-left-30 {padding-left:30px !important;}
.padding-left-35 {padding-left:35px !important;}
.padding-left-40 {padding-left:40px !important;}
.padding-left-45 {padding-left:45px !important;}
.padding-left-50 {padding-left:50px !important;}

.padding-side-0 {padding-left:0px !important;padding-right:0px !important;}
.padding-side-5 {padding-left:5px !important;padding-right:5px !important;}
.padding-side-10 {padding-left:10px !important;padding-right:10px !important;}
.padding-side-15 {padding-left:15px !important;padding-right:15px !important;}
.padding-side-20 {padding-left:20px !important;padding-right:20px !important;}
.padding-side-25 {padding-left:25px !important;padding-right:25px !important;}
.padding-side-30 {padding-left:30px !important;padding-right:30px !important;}
.padding-side-35 {padding-left:35px !important;padding-right:35px !important;}
.padding-side-40 {padding-left:40px !important;padding-right:40px !important;}
.padding-side-45 {padding-left:45px !important;padding-right:45px !important;}
.padding-side-50 {padding-left:50px !important;padding-right:50px !important;}

.padding-topbottom-0 {padding-top:0px !important;padding-bottom:0px !important;}
.padding-topbottom-5 {padding-top:5px !important;padding-bottom:5px !important;}
.padding-topbottom-10 {padding-top:10px !important;padding-bottom:10px !important;}
.padding-topbottom-15 {padding-top:15px !important;padding-bottom:15px !important;}
.padding-topbottom-20 {padding-top:20px !important;padding-bottom:20px !important;}
.padding-topbottom-25 {padding-top:25px !important;padding-bottom:25px !important;}
.padding-topbottom-30 {padding-top:30px !important;padding-bottom:30px !important;}
.padding-topbottom-35 {padding-top:35px !important;padding-bottom:35px !important;}
.padding-topbottom-40 {padding-top:40px !important;padding-bottom:40px !important;}
.padding-topbottom-45 {padding-top:45px !important;padding-bottom:45px !important;}
.padding-topbottom-50 {padding-top:50px !important;padding-bottom:50px !important;}

.fontsize14 {font-size:14px;}
.fontsize16 {font-size:16px;}
.fontsize18 {font-size:18px;}

/*
* COLORS
*/
.orange {color:#e85126;}
.blue {color:#1bb0eb;}
.darkgrey {color:#333;}
.mediumgrey {color:#666;}
.orange-gradient{
	color:#fff;
	font-weight: bold;
    background: #e85126;
    background: -moz-linear-gradient(top, #e85126 0%, #c0421e 100%);
    background: -webkit-linear-gradient(top, #e85126 0%,#c0421e 100%);
    background: linear-gradient(to bottom, #e85126 0%,#c0421e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e85126', endColorstr='#c0421e',GradientType=0 );
    -webkit-transition : all .3s ease-out; 
    -moz-transition : all .3s ease-out;
    -o-transition : all .3s ease-out; 
    transition : all .3s ease-out; 
}
.orange-gradient:hover{
	color:#fff;
    background: #e85126;
    background: -moz-linear-gradient(top, #e85126 0%, #e85126 100%);
    background: -webkit-linear-gradient(top, #e85126 0%,#e85126 100%);
    background: linear-gradient(to bottom, #e85126 0%,#e85126 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e85126', endColorstr='#e85126',GradientType=0 );
}




/*
* ---- Helpers END -----
*/



/*
* ---- GRIDS END -----
*/
.col {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
.grid1 .col {width:100%;display:block;}
.grid2 .col {width:50%;display:block;float:left}
.grid3 .col {width:33.33%;display:block;float:left}
.grid4 .col {width:25%;display:block;float:left}
.grid5 .col {width:20%;display:block;float:left}
.grid6 .col {width:16.66%;display:block;float:left}
.grid7 .col {width:14.28571428571429%;display:block;float:left}
.grid8 .col {width:12.5%;display:block;float:left}
.grid9 .col {width:11.11%;display:block;float:left}
.grid10 .col {width:10%;display:block;float:left}

/*
* ---- GRIDS END -----
*/

.cursor-pointer {cursor:pointer;}



/*
* ---- Help Tab Tooltip -----
*/

.help_tab_trigger{
	float: right;
    margin: 9px 14px 0 0;
	font-size:14px;
	color:#333;
	font-weight:bold;
	cursor:pointer;
}

.help_tab_tooltip{
	float: left;
	position:relative;
    margin-top: 14px;
	visibility:visible;
	opacity:1;
	padding:18px 24px 12px;
	border:1px solid #cfcfcf;
	border-radius: 5px;
	background-color:#f7f7f7;
	transition: opacity 200ms ease-in-out;
    -webkit-transition : opacity 200ms ease-in-out; 
    -moz-transition : opacity 200ms ease-in-out;
    -o-transition : opacity 200ms ease-in-out;
}

.help_tab_arrow{
	position: absolute;
    top: -10px;
    right: 216px;
	width:19px;
	height:11px;
	background:url(../images/account/help_tab_arrow.png) center no-repeat;
}

.help_tab_message{
	
}

.help_tab_message h3{
	font-size:22px;
	font-weight:bold;
	color: #333;
    margin-bottom: 4px;
}

.help_tab_message p{
	
}

.hide_help_tab{
	height: 0;
    margin-bottom: -62px;
	visibility:hidden;
	opacity:0;
	transition: opacity 200ms ease-in-out;
    -webkit-transition : opacity 200ms ease-in-out; 
    -moz-transition : opacity 200ms ease-in-out;
    -o-transition : opacity 200ms ease-in-out;
}

.sidebar-no-results{
	padding:7px 16px 0;
}

.sidebar-no-results h3{
	font-size: 17px;
    font-weight: bold;
    color: #e85126;
	margin-bottom: 3px;
}

.ht-h, .no-results-found{
    text-transform: initial;
    font-weight: 500;
    font-size: 18px;
    max-width: 500px;
    display: inline-block;
    color: #766f6d;
}

.ht-h, .no-results-found:before{
    content: '';
    width: 30.5px;
    height: 50px;
    display: block;
    margin: 0 auto 20px;
    /* background: linear-gradient(-45deg, #e88126, #e85126, #f9a760, #e82630); */
    background: linear-gradient(49deg, #ad4602, #e85126, #f9a760, #e82630);
	/* background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	animation: orange-gradient-animation 5s ease infinite; */
    background-size: cover;
    -webkit-mask-image: url(../images/icons/howtube-h.svg);
    mask-image: url(../images/icons/howtube-h.svg);
	background-repeat: no-repeat;
}

@keyframes orange-gradient-animation {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}