/**
	STYLE LIBRARY
	--------------------
	- BG COLOR
	- FONT COLOR
*/

/* Libs Style */
.twitter-tweet {
	position: relative !important;
	margin: auto !important;
}


.overflow-hidden { display: block; height: 100%; max-height: 100%; overflow: hidden; position: fixed; }
.test-text { text-align: center; }
.b1-red { border: 1px solid red; }
.driver-section { position: relative; display: block; margin: 15px 0px; }

.display-only-mobile { display: none; }
.display-only-descktop { display: none; }

/* FLOATING */
.f-left { float: left; }
.f-right { float: right; }

/* PADDING */
.nopadding { padding: 0px !important; }
.pl-none { padding-left: 0px !important; }
.pr-none { padding-right: 0px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-50 { padding-top: 50px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-50 { padding-bottom: 50px !important; }

/* MARGIN */
.nomargin { margin: 0px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }

/* BG BACKGROUND HIGHLIGHT */
.bg-highlight { background-image: url('../images-v4/pattern_dot_blue.png'); }
.bg-highlight-top-left { position: absolute; width: 277px; height: 386px; margin: -15px; }
.bg-highlight-top { position: absolute; left: 50%; width: 320px; height: 81px; }
.bg-highlight-top > div.center { position: absolute; left: -50%; }

/* BG COLOR */
.bg-dot-white { background-image: url('../images-v4/pattern_dot_white.png'); }
.bg-dot-blue { background-image: url('../images-v4/pattern_dot_blue.png'); }
.bg-white { background-color: #fff; }
.bg-blue { background-color: #417dff; text-align: center; color: #fff; }
.bg-blue-2 { background-color: #3b5998; text-align: center; color: #fff; }
.bg-blue-dark { background-color: #1d3770; text-align: center; color: #fff; }
.bg-blue-dark-2 { background-color: #274b99; text-align: center; color: #fff; }
.bg-red { background-color: #ff4545; text-align: center; color: #fff; }
.bg-red-dark { background-color: #bb0000; text-align: center; color: #fff; } 
.bg-green { background-color: #3ce45c; text-align: center; }
.bg-ebebeb { background-color: #ebebeb; text-align: center; }
.bg-facebook { background-color: #3b5998; text-align: center; }
.bg-twitter { background-color: #55acee; text-align: center; }
.bg-nation { background-color: #274b99; text-align: center; }
.bg-instragram { background-image: linear-gradient(to right, #ffd521, #fc9016 29%, #f73007 69%, #b900b4); text-align: center; }
.bg-hot-clip { background-image: linear-gradient(to right, #417dff, #274b99); text-align: center; }
.bg-otv { background-color: #B50103; }

/* BG HOVER */
.bg-hover-white:hover 		{ background-color: #fff; text-align: center; transition: all 0.5s ease; }
.bg-hover-blue:hover 		{ background-color: #417dff; text-align: center; color: #fff; transition: all 0.5s ease; }
.bg-hover-blue-2:hover 		{ background-color: #3b5998; text-align: center; color: #fff; transition: all 0.5s ease; }
.bg-hover-blue-dark-2:hover { background-color: #274b99; text-align: center; color: #fff; transition: all 0.5s ease; }
.bg-hover-red:hover 		{ background-color: #ff4545; text-align: center; color: #fff; transition: all 0.5s ease; }
.bg-hover-red-dark:hover 	{ background-color: #bb0000; text-align: center; color: #fff; transition: all 0.5s ease; }
.bg-hover-green:hover 		{ background-color: #3ce45c; text-align: center; color: #fff; transition: all 0.5s ease; }

/* FONT COLOR */
.font-white { color: #fff; }
.font-blue { color: #417dff; }
.font-blue-2 { color: #3b5998; }
.font-blue-dark { color: #1d3770; }
.font-blue-dark-2 { color: #274b99; }
.font-red { color: #ff4545; }
.font-red-dark { color: #bb0000; }
.font-green { color: #3ce45c; }
.font-orange { color: #fab216; }

/* FONT HOVER */
.font-hover-white:hover { color: #fff !important; transition: all 0.5s ease; }
.font-hover-red:hover { color: #ff4545 !important; transition: all 0.5s ease; }
.font-hover-red-dark:hover { color: #bb0000 !important; transition: all 0.5s ease; }
.font-hover-blue:hover { color: #417dff !important; transition: all 0.5s ease; }
.font-hover-blue-2:hover { color: #3b5998 !important; transition: all 0.5s ease; }
.font-hover-blue-dark:hover { color: #1d3770 !important; transition: all 0.5s ease; }
.font-hover-blue-dark-2:hover { color: #274b99 !important; transition: all 0.5s ease; }
.font-hover-green:hover { color: #3ce45c !important; transition: all 0.5s ease; }

/* BORDER COLOR */
.border-white { border: #fff; }
.border-red { border: 6px solid #ff4545; }
.border-red-dark { border: 6px solid #bb0000; }
.border-green { border: 6px solid #3ce45c; }
.border-blue { border: 6px solid #417dff; }
.border-blue-2 { border: 6px solid #3b5998; }
.border-bottom-dot-blue { border-bottom: 2px dotted #417dff; }
.border-bottom-line-666 { border-bottom: 1px solid #666; }

/* TAG */
.tag-blue { padding: 5px 15px; background-color: #417dff; color: #fff; letter-spacing: 1px; line-height: 1; }
.tag-green { padding: 5px 15px; background-color: #3ce45c; color: #1d3770; letter-spacing: 1px; line-height: 1; }
.tag-red { padding: 5px 15px; background-color: #3ce45c; color: #fff; letter-spacing: 1px; line-height: 1; }
.tag-nation { padding: 5px 15px; background-color: #274b99; color: #fff; letter-spacing: 1px; line-height: 1; }

/* BUTTON */
.btn-live { position: relative; height: 36px; background: #ff4545 !important; border: 2px solid #fff !important; color: #fff !important; }
.btn-live:hover { background: #fff !important; border: 2px solid transparent !important; color: #ff4545 !important; transition: all 0.5s ease; }
.btn-live i { position: relative; top: 3px; }

/* BORDER STYLE */
.bb-dot-blue { 
	/*border-style: solid; border-bottom: 4px dotted #417dff; */
	/*width:100%;  
	overflow: hidden;
	display: block;
	margin:0;
	content:'..................................................................................................................................................................';
	font-family: 'psl156pro','Tahoma','Arial','sans-serif';
	font-size:16px;
	color:#417dff; 
	letter-spacing: 5.5px; */
}
.bb-dot-blue:after { 
	/*border-style: solid; border-bottom: 4px dotted #417dff; */
	width:100%;  
	overflow: hidden;
	display: block;
	margin:0;
	content:'..................................................................................................................................................................';
	font-family: 'psl156pro','Tahoma','Arial','sans-serif';
	font-size:16px;
	color:#417dff; 
	letter-spacing: 5.5px; 
}
.bb-dot-blue-small:after {
	width: 100%;  
	overflow: hidden;
	display: block;
	margin: 0;
	content: '..................................................................................................................................................................';
	font-family: 'psl156pro','Tahoma','Arial','sans-serif';
	font-size: 10px;
	color: #1c3489; 
	letter-spacing: 3px; 
}
.bb-dot-blue-small:last-child:after {
	content: "";
}
/*.bb-dot-green { border-style: solid; border-bottom: 4px dotted #3ce45c; }*/
.bb-dot-green:after{
	width:100%;  
	overflow: hidden;
	display: block;
	margin:0;
	content:'..................................................................................................................................................................';
	font-family: 'psl156pro','Tahoma','Arial','sans-serif';
	font-size:16px;
	color:#3ce45c; 
	letter-spacing: 5.5px; 
}

.line-driven-dot { background: url("../images-v4/line_dot_normal.svg") repeat top center; height: 7px; border: none !important; }