/* Main Body - Start */

img
{
    border:				none !important;
}

#login_body
{
    background-color: white; 
    background-image: url(../images/background.png);
    background-repeat: no-repeat;
    background-size:cover;
}

#login_messages
{
    position:			relative;
    min-height:			30px;
    max-height:			30px;
}

#login_info_div
{
    background:rgb(3,4,85);
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
}

#login_error_div
{
    background:			#D9524F;
    background:			rgba(217, 82, 79, 0.8);
    font-weight:		bold;
    color:				#FFFFFF;
    text-align:			center;
}

/* Main Body - End */

/* Header Logo - Start */

#footer_logo
{
    position:			absolute;
    bottom:				10px;
    right:				10px;
    width:				175px;
    min-height:			50px;
    max-height:			50px;
    background-image:	url('../images/login_sprite_v2__VERSION__.png');
    background-repeat:	no-repeat;
    background-position:0px -393px;
    overflow:			hidden;
}

/* Header Logo - End */

/* Footer Banner - Start */

#log_in_footer
{
    font-family:		Calibri, Tahoma, Arial, sans-serif !important;
    position:			absolute;
    left:				0;
    right:				0;
    padding:			10px 0
}

#log_in_footer #title p
{
    margin:				0;
    font-size:			14px;
    color:				#333;
}

#log_in_footer #title div
{
    position:			absolute;
    top:				0px;
    left:				114px;
    width:				67px;
    min-height:			16px;
    max-height:			16px;
    background-image:	url('../images/login_sprite_v2__VERSION__.png');
    background-repeat:	no-repeat;
    background-position:0px -596px;
    overflow:			hidden;
}

#title
{
    max-width:100%;
    min-height:38px;
     /* max-height:		38px;*/
    background-image:url('../images/title.png');
    background-repeat:	no-repeat;
    background-position:60px 0px;
    overflow:hidden;
}

#trakm8_diagnose
{
    width:				20px;
    min-height:			20px;
    max-height:			20px;
    background-image:	url('../images/login_sprite_v2__VERSION__.png');
    background-repeat:	no-repeat;
    background-position:-235px -136px;
    overflow:			hidden;
}

.banner
{
    width:				100px;
    height:				100px;
    float:				left;
    background-image:	url(../images/login_products.png);
    background-repeat:	no-repeat;
    opacity:			0.85;
    cursor:				pointer;
}

.banner:hover
{
    opacity:1
}

.banner.cz
{
    background-image:	url(../images/login_products_cz.png)
}

.banner.ad_logistics
{
    background-position	:0 0;
}

.banner.ad_tacho
{
    background-position	:-100px 0;
}

.banner.ad_insure
{
    background-position	:-200px 0;
}

.banner.ad_econ
{
    background-position	:-300px 0;
}

.banner.ad_secure
{
    background-position	:-400px 0;
}
/* Footer Banner - End */

/* Log In Box - Start */

#log_in_box
{
    font-family:	Calibri, Tahoma, Arial, sans-serif !important;
    position:		absolute;
    width:		400px;
    min-height:		305px;
    background:		url(../images/login_box_bg.png);
    -webkit-box-shadow:		1px 1px 15px 0px rgba(0, 0, 0, 0.8);
    -moz-box-shadow:		1px 1px 15px 0px rgba(0, 0, 0, 0.8);
    box-shadow:			1px 1px 15px 0px rgba(0, 0, 0, 0.8);
    text-align:		center;
    border-radius:		20px;
    -moz-border-radius:		20px;
    -webkit-border-radius:	20px;
    color:			#FFFFFF;
}

#log_in_box p
{
    font-size:20px;
    font-weight:normal;
    margin:4px 0 8px 0;
}

#log_in_box_header
{
    color:rgb(232,33,42);
    background:#ffffff;
    padding:8px 16px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

#log_in_box_footer
{

    color:#FFFFFF;
    background:rgb(3,4,85);
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;

}

#log_in_fields
{
    padding:				12px 0 6px 16px;
}

#log_in_table td:nth-child(1)
{
    width:					1%;
    white-space:			nowrap;
    text-align:				right;
}

#log_in_table td:nth-child(2)
{
    width:					100%;
}

#log_in_table input
{
    font-family:Calibri, Tahoma, Arial, sans-serif !important;
    border:2px solid rgb(3,4,85);
    padding:3px;
    width:90%;
}

#log_in_table td
{
    font-size:18px;
}

#login_button
{
    font-weight:		bold;
    cursor:			pointer;
    border:			none;
    background-image:		url(../images/login_sprite_v2__VERSION__.png);
    background-position:	0px -167px;
    background-repeat:          no-repeat;
    background-color:		transparent;
    height:			128px;
    width:			133px;
    color:			#FFFFFF;
    outline:			none;
    padding:			0
}

#login_button:active
{
    background-position:	-128px -167px;
    padding:				1px 0 0 1px
}

#log_in_news
{
    margin: 10px 16px;
    color: #FFF
}

#log_in_news p
{
    font-size:			12px;
}

#log_in_news p:first-child
{
    font-weight:		bold;
}

#trakm8_tech_supp
{
    padding:				0 16px 16px;
}

#trakm8_tech_supp p
{
    font-size:			12px;
    color:				#FFFFFF;
    margin:				2px 0;
}

#trakm8_tech_supp a
{
    color:				#FFFFFF;
}

/* Log In Box - End */

/* Language Selector - Start */

#language
{
    position:			absolute;
    top:				-40px;
    width:				500px;
    min-height:			60px;
    z-index:			100;
    text-align:			center;
    padding:			0;
}

#language_header
{
    width:				140px;
    height:				20px;
    border-radius:		0 0 10px 10px;
    background:			#333333;
    margin:				0 0 0 196px;
    cursor:				pointer;
}

#language_header p
{
    color:				white;
    font-weight:		bold;
    line-height:		20px;
    margin:				-1px 0 0 8px;
    float:				left;
}

#language_wrapper
{
    width:				450px;
    overflow:			hidden;
    white-space:		nowrap;
    background:			#333333;
    margin-left:		25px
}

#language_flags
{
    min-height:			40px;
    max-height:			40px;
    overflow:			hidden;
}

#language_flags a
{
    margin:				5px 6px;
    width:				50px;
    height:				30px;
    cursor:				pointer;
    float:				left;
    background-image:	url(../images/login_sprite_v2__VERSION__.png);
}

#left
{
    position:			absolute;
    left:				-5px;
    width:				30px;
    background:			rgb(205,21,67);
    line-height:		40px;
    color:				white;
    cursor:				pointer;
}

#right
{
    position:			absolute;
    right:				11px;
    top:				0;
    width:				30px;
    background:			rgb(205,21,67);
    line-height:		40px;
    color:				#FFFFFF;
    cursor:				pointer;
}

.arrow_hover
{
    background:			#FFFFFF;
    color:			rgb(205,21,67);
}

#language_indicator
{
    background:			url(../images/login_sprite_v2__VERSION__.png);
    position:			relative;
    top:				2px;
    right:				10px;
    width:				25px;
    float:				right;
    height:				15px;
    display:			none
}

/* Language Selector - End */

/* Messages - Start */

#login_message
{
    position:			absolute;
    border:				2px solid #FFFFFF;
    color:				#FFFFFF;
    text-align:			center;
    padding:			5px;
    font-weight:		bold;
    width:				94%;
    bottom:				139px;
    background:			#009EE2;
    left:				2.5%;
}

#news_message
{
    text-align:			left;
    color:				#FFFFFF;
    font-weight:		bold;
}

#diag
{
    position:			absolute;
    top:				5px;
    right:				5px;
    cursor:				pointer;
    border:				none;
}

.ui-tooltip {
    display:			inline-block;
    padding:			3px 6px;
    border:				2px solid #000000;
    border-radius:		10px;
}

#diagnose_tooltip
{
    background:				#FFFFFF;
    border:					2px solid #000000;
    border-radius:			5px;
    -moz-border-radius:		5px;
    -webkit-border-radius:	5px;
    padding:				3px 9px;
    position:				absolute;
    display:				none;
    -webkit-box-shadow:		5px 5px 10px -5px #000000;
    -moz-box-shadow:		5px 5px 10px -5px #000000;
    box-shadow:				5px 5px 10px -5px #000000;
}

#diagnose_tooltip p
{
    margin:					0;
}

/* Messages - End */

#privacy_policy_consent_div
{
    position:absolute;
    width:35%;
    top:2%;
    font-family:Arial;
    font-size:11pt;
    border: 3px solid rgb(62,181,233);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    background-color:whitesmoke;
    z-index:900;
    display:none;
    padding:3px;
}

#forgotten_password
{
    width:					500px;
    position:				absolute;
    border-radius:			10px;
    -webkit-border-radius:	10px;
    -moz-border-radius:		10px;
    -ms-border-radius:		10px;
    -o-border-radius:		10px;
    box-shadow:				5px 5px 10px -5px #000000;
    -webkit-box-shadow:		5px 5px 10px -5px #000000;
    -moz-box-shadow:		5px 5px 10px -5px #000000;
    -ms-box-shadow:			5px 5px 10px -5px #000000;
    -o-box-shadow:			5px 5px 10px -5px #000000;
    background:				#FFFFFF;
    color:					#000000;
    border:					2px solid #000000;
    font-size:				16px;
    display:				none;
}

#forgotten_password table
{
    width:					480px;
    padding:				10px;
}

#inner_dev
{
    background:				#000;
    color:					#FFF;
    line-height:			26px;
}

.fp_submit
{
    padding:				6px;
    font-weight:			bold;
    cursor:					pointer;
    border:					2px solid #FFFFFF;
    background:				rgb(62,181,233);
    border-radius:			10px;
    -moz-border-radius:		10px;
    -webkit-border-radius:	10px;
    color:					#FFFFFF;
}

.fp_submit:hover
{
    border:					2px solid rgb(62,181,233);
    background:				#FFFFFF;
    color:					rgb(62,181,233);
}

#forgot_click:hover
{
    text-decoration:		underline;
    cursor:					pointer;
}

.privacy_policy_consent_button
{
    background-color: #00AEEF;
    background-image: none;
    border: 1px solid #3d81ef;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    color: #fff;
    float: none;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 700;
    margin-right: 12px;
    padding: 6px 10px;
}

#remember_settings
{
    text-align:				left !important;
    display:				none;
}

#privacy_consent_info{
    display:table-row;
    width:60%;

}

#login_div{
    width:100%;
    height:100%;
}

#recent-news
{
    background:#FFF;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border:5px solid #00AEEF;
    border-bottom:none;
    box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
    position:absolute;
    bottom:0;
    left:10px;
    text-align:left;
    padding:10px 0;
    display:none;
    opacity:0;
    transition:opacity .25s ease;
    width:250px;
}

#recent-news.active
{
    display:block;
    opacity:1
}

#recent-news.collapsed
{
    background:#00AEEF;
    width:initial;
    padding:5px 32px 5px 0;
}

#recent-news:before
{
    content:'';
    background:	url(../images/login_sprite_v2__VERSION__.png);
    background-position:0 -300px;
    width:64px;
    height:64px;
    position:absolute;
    top:-50px;
    right:-42px;
}

#recent-news.collapsed:before
{
    background-position:-64px -322px;
    width:42px;
    height:42px;
    top:-20px;
    right:10px;
}

#recent-news h3
{
    border-bottom:1px solid rgba(0,0,0,0.2);
    color:#333;
    font-size: 18px;
    font-weight:500;
    margin:0 10px 10px
}

#recent-news.collapsed h3
{
    color:#FFF;
    border:none;
    margin-bottom:0
}

#recent-news small
{
    font-size:80%;
    font-weight:400;
    color:#777
}

#recent-news p
{
    margin:0
}

#recent-news img
{
    float:left;
    margin:0 10px 0 0;
    width:100px;
    height:auto
}

#recent-news a
{
    display:block;
    text-decoration:none;
    background:#FFF;
    transition:background-color .3s ease;
}

#recent-news a:hover
{
    background:rgba(0,0,0,0.1)
}

#recent-news .post
{
    padding:10px
}

#recent-news .post:before,
#recent-news .post:after
{
    clear:both;
    content:" ";
    display:table
}
.need-help{
    color:#000154 !important;
}
#reset-submit{
    background-color: #000154 !important;
}
.btn-primary{
    border-color: #000154 !important; 
}

#driver_privacy_notice_link
{
  color: #FFFFFF;
  font-weight: bold;
}