/* New styling for to meet the design criteria for the DriveTech Road design - Yellow version */

/*New Fonts BEGIN*/

@font-face {
    font-family: 'Lato-Bold';
    src: url('../fonts/Lato-Bold.ttf');
}

@font-face {
    font-family: 'Lato-Heavy';
    src: url('../fonts/Lato-Heavy.ttf');
}

@font-face {
    font-family: 'Lato-Semibold';
    src: url('../fonts/Lato-Bold.ttf');
}

@font-face {
    font-family: 'Lato-Light';
    src: url('../fonts/Lato-Light.ttf');
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('../fonts/Lato-Regular.ttf');
}
@font-face {
    font-family: 'Lato-Medium';
    src: url('../fonts/Lato-Medium.ttf');
}
@font-face {
    font-family: 'Lato-LightItalic';
    src: url('../fonts/Lato-LightItalic.ttf');
}
@font-face {
    font-family: 'Raleway-ExtraBold';
    src: url('../fonts/Raleway-ExtraBold.ttf');
}

@font-face {
    font-family: 'Raleway-Light';
    src: url('../fonts/Raleway-Light.ttf');
}

@font-face {
    font-family: 'Raleway-Medium';
    src: url('../fonts/Raleway-Medium.ttf');
}

@font-face {
    font-family: 'Raleway-Regular';
    src: url('../fonts/Raleway-Regular.ttf');
}

@font-face {
    font-family: 'Raleway-SemiBold';
    src: url('../fonts/Raleway-SemiBold.ttf');
}

@font-face {
    font-family: 'Raleway-Thin';
    src: url('../fonts/Raleway-Thin.ttf');
}

/*FONTS END*/
body {
    font: 12px Arial, Helvetica, sans-serif !important;
    padding: 0px;
    margin: 0px;
    background-color: white;
    color: #58595B;
    line-height: normal !important;
}

.mceContentBody
{
	/* Fix for CMS page being the wrong colour for the content area */
	background-color: White !important;
}

#HeroBannerAccountLogOn {
	background: url(/Assets/DTRoad/FRM_Keyboard.png) no-repeat left 0;
	border-top: 1px solid black;
	margin-left: 20px;
	margin-right: 20px;
	background-size: 100%;
	height: 200px;
}

.AccountLogOnPageContainer #InlineLogo {
	background: url(/Assets/DTRoad/FRM-Logo.png) no-repeat left 0;
	position: absolute;
	top: 200px;
	left: 50px;
	width: 350px;
	height: 45px;
}

#AABeigeLeftLogo {
	display: none;
}

#TransitionLinks {
	font-size: medium;
	font-weight: normal;
}

#AADTTotalCanvas
{
	/*Long black top: background: url('landingBg.gif') #f2eee3 repeat-x;*/
	background: white;
	/*background: url('../Assets/AADTMetro/aa-bgHeader.gif') #f2eee3 repeat-x;*/
	padding-top: 0px;
}

.ProductNameCrumb a {
	color: white;
}

.ButtonSideText {
	float: left;
	padding-top: 15px;
}

.NotBilled td {
	background-color: orangered !important;
}

.NonChargeable td {
	background-color: cornflowerblue !important;
}


.BigLink {
	display: inline-block;
	padding: 15px;
	font-size: medium;
	font-weight: bold;
	background-color: silver;
}

.LayoutTable
{
	background-color: Transparent !important;
	border: none;
	padding: 0px !important;
	margin: 0px;
}

.LayoutTable tr
{
	background-color: Transparent;
}

.LayoutTable td
{
	background-color: Transparent;
	border: none;
	padding: 0px !important;
	margin: 0px;
}

.ColumnHeader
{
	width : 80%;
	padding: 0px !important;
	margin: 0px;
}


.AADTContentFrame
{
	margin-left: 0px;
	margin-right: 0px;
}

.AADTOuterContentFrame
{
	min-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#AADTMasthead {
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 0px;
	padding-top: 10px;
	background-color: white;
	color: #58595B;
	min-height: 95px;
	font-weight: bold;
	font-size: 13px;
}

.AADTHide
{
	display: none !important;
}

.AADTInvisible
{
	visibility: hidden;
}

#AADTMasthead a {
	color: #58595B;
}

#AAMastheadTop
{
	height: 50px;
}

#AALogoLeft
{
	margin-top: 5px;
	margin-left: 20px;
	float: left;
}

#AAMenuOptions
{
	margin-top: 7px;
	margin-left: 10px;
	margin-bottom: 0px;
	display: inline-block;
	z-index: 0;
}

#AAMenuOptions div > ul
{
	padding-left: 0px;
}


/* Mega Menu Styles */

.mega-menu ul, .mega-menu ul li
{
	list-style: none;
}

.mega-menu ul
{
	position: relative;
	padding: 0;
	margin: 0;
}

	.mega-menu ul li ul
	{
		display: none;
	}

.mega-menu .sub
{
	display: none;
}

	.mega-menu .sub ul
	{
		display: block;
	}

#menu
{
	list-style: none;
	position: relative;
	font-size: 12px;
	padding: 0;
	height: 44px;
	position: relative;
	margin-top: 14px;
	margin-bottom: 0px;
}

	#menu .sub ul
	{
		display: block;
	}

	#menu li
	{
		display: inline-block;
		margin: 0;
		padding: 0;
		font-weight: bold;
	}

	/*#menu > li
	{
		background-color: #F2F2F2;
	}*/

    #menu > li {
        background-color: #F2F2F2;
        border: solid 1px #dddddd;
    }

	/*.SelectedMenuItem {
		background-color: #9C9C9B !important;
	}*/

.SelectedMenuItem {
    background-color: #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
}

		#menu li a
		{
			display: inline-block;
			color: #000000;
			padding: 13px;
			padding-bottom: 18px;
			text-decoration: none;
		}

		#menu li.mega-hover a, #mega-menu-1 li.mega-hover a:hover
		{
			color: #333333;
		}

		#menu li a:hover
		{
			color: #000;
		}

		#menu li .sub-container
		{
			position: absolute;
		}

		#menu li .sub
		{
			background: #ffffff;
			padding: 15px;
			border: 1px solid #F1EEE3;
			border-top: none;
		}

			#menu li .sub .row
			{
				width: 100%;
				overflow: hidden;
				clear: both;
			}

			#menu li .sub li
			{
				list-style: none;
				float: none;
				width: 188px;
				font-size: 13px;
				font-weight: normal;
			}

				#menu li .sub li.mega-hdr
				{
					margin: 0 10px 0 0;
					float: left;
				}

					#menu li .sub li.mega-hdr.last
					{
						margin-right: 0;
					}

			#menu li .sub a {
				background: none;
				color: #58595B;
				padding: 7px 6px;
				display: block;
				float: none;
				font-size: 0.9em;
			}
			/*Headings*/
			#menu li .sub li.mega-hdr a.mega-hdr-a
			{
				margin-bottom: 5px;
				font-weight: bold;
				color: #363329;
				font-size: 14px;
			}

				#menu li .sub li.mega-hdr a.mega-hdr-a:hover
				{
					color: #000;
				}

	#menu .sub li.mega-hdr li a
	{
		padding: 4px 5px;
		font-weight: normal;
	}

		#menu .sub li.mega-hdr li a:hover
		{
			color: #000000;
			text-decoration: underline;
		}

	#menu .sub ul li
	{
		padding-right: 0;
	}

	#menu li .sub-container.non-mega .sub
	{
		padding: 10px;
	}

	#menu li .sub-container.non-mega li
	{
		padding: 0;
		width: 190px;
		margin: 0;
	}

		#menu li .sub-container.non-mega li a
		{
			padding: 7px 5px 7px 22px;
		}

			#menu li .sub-container.non-mega li a:hover
			{
				color: #000000;
				text-decoration: underline;
			}

.megamenu-header
{
	cursor: text;
}

.mega-unit
{
	border-right: 1px solid #E2E1DC;
}

#menu .sub > .row > .last
{
	border-right: none;
}

/* END Mega menu */

#AAMenuOptions > div > div > ul > li > a
{
	display: block;
	padding: 12px;
	padding-bottom: 18px;
	text-transform: uppercase;
}

#AAMenuOptions div > ul > li a:hover
{
	background-color: White;
	color: #333333;
	text-decoration: none;
}

#AAMenuOptions div > ul > li:hover
{
	background-color: White;
	color: #808080;
	text-decoration: none;
}

#AATopRightBlock
{
	top: 0px;
	right: 0px;
	text-align: right;
	float: right;
	padding-right: 10px;
	Z-index: 10;
}

#AAMastheadBottom
{
	margin-top: 15px;
	height: 30px;
	z-index: 2;
	font-weight: normal !important;
}


/*#LowerAADTButtonSet
{
	background-color: #9C9C9B;
	padding-left: 20px;
}*/

#LowerAADTButtonSet {
    background-color: #ffffff;
    padding-left: 20px;
    border: solid 1px #dddddd;
    /*height:35px;*/
}

#LeftAADTButtons
{
	padding-top: 0px;
	padding-left: 20px;
	clear: left;
	text-align: left;
	float: left;
	height: 28px;
}

#RightAADTButtons
{
	padding-top: 0px;
	text-align: right;
	padding-right: 0px;
	float: right;
	display: inline-block;
}

#AADTContentPane
{
	margin-top: 0px;
	padding: 20px;
	overflow: auto;
}

#AATopRightBlock .SearchButton
{
	display: none;
}

#SearchBox
{
	margin-top: 6px;
	padding: 6px;
	z-index: 1;
}

.SearchIcon
{
	display: inline-block;
	position: relative;
	z-index: 2;
	top: 2px;
	left: 205px;
	width: 14px;
	height: 14px;
	background-image: url('../Assets/AADTMetro/aa-btnSearch.gif');
}

#BreadcrumbPanel {
	display: inline-block;
}

.Breadcrumbs
{
	font-size: smaller;
}



	.Breadcrumbs li
	{
		padding-left: 0px !important;
		font-weight: bold;
		font-size: 13px;
	}

.LastCrumb
{
	font-weight: normal !important;
}

.TopBorderPanel
{
	border-top: #ffe57f 5px solid;
}

.HorizontalLinkList ul
{
	margin: 0px;
}

	.HorizontalLinkList ul li a
	{
		display: block;
	}

.BlockList li
{
	padding: 7px;
}

.BlockList
{
	font: 13px sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

.WhiteColourHover:hover
{
	background-color: White;
	color: Gray;
}

.WhiteColourHover a:hover
{
	text-decoration: none;
}

.ContextChangeOption
{
	background-color: Black;
}

	.ContextChangeOption a
	{
		color: white !important;
	}

.HorizontalLinkList li
{
	display: inline-block;
	list-style-type: none;
	list-style-image: none;
}

.AADTInnerContent table
{
	background-color: #F8F5F0;
	border-collapse: collapse;
	border: 0px none;
}

.AADTInnerContent th {
    background-color: #575757;
    color: #ffffff;
    /*background-color: #E8E6DA;*/
    padding-right: 8px;
    padding-left: 8px;
    border: 0px none;
}
th {
    font-family: Lato-Semibold !important;
    font-size: 14px;
    letter-spacing: 0.9px;
    text-align: left;
    color: #ffffff;
    background-color: #575757;
    /*padding-left: 0px !important;*/
}

.AADTInnerContent tr {
    /*height: 50px;*/
    height: 35px;
}

.HighDataTable TR
{
	height: 30px;
}

.AADTInnerContent td {
    background: none;
    font-family: Lato-Regular;
    font-size: 14px;
    color: #575757;
    padding: 0 8px 0 8px;
    border-bottom: 1px solid #E8E6DA;
    border-top: 0px none;
    border-left: 0px none;
    border-right: 0px none;
}

tr.even, tr.odd {
    background-color: #ffffff;
}

    
/*
.odd td
{
	background-color: #F2EEE1;
	border-bottom: 1px solid #E8E6DA;
}*/

.SelectedRow td
{
	background-color: #FFFFFF;
}

tfoot tr td
{
	background-color: #EEEEEE;
}

#AADTBottomCopyright
{
}

#AADTFooter
{
	color: #363329;
	min-height: 60px;
	padding-top: 240px;
}

#AADTFooter ul
{
	margin: 0px;
	padding-left: 0px;
	list-style-type: none;
	list-style-image: none;
}

#AADTFooter h3
{
	margin-bottom: 0px;
}

#AADTFooter a
{
	color: #363329;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

#AADTFooter a:hover
{
	text-decoration: underline;
}

#AADTFooter .HorizontalLinkList a
{
	font-weight: bold;
}

#AADTBottomTerms li
{
	padding: 0px 20px 0px 0px;
}

#AADTFooter fieldset
{
	background-color: #D0CCB8;
	padding: 0px;
}

#AADTFooter input[type='submit']
{
	margin: 0px;
	background-color: #6B6752;
	color: #F1EEE3;
	border: none;
	padding: 10px;
}

	#AADTFooter input[type='submit']:hover
	{
		background-color: #888572;
		color: White;
		cursor: pointer;
	}

#SmallFooter
{
	margin-left: 20px;
	font-size: 11px;
}

#AABeigeLeftLogo
{
	float: left;
	padding-right: 20px;
}


.Column0
{
	vertical-align: top;
	width: 650px;
	display: inline-block;
}

.Column1
{
	vertical-align: top;
	width: 300px;
	display: inline-block;
}

.Column2
{
	vertical-align: top;
	width: 250px;
	display: inline-block;
}

.Column3
{
	vertical-align: top;
	width: 200px;
	display: inline-block;
}

.Column4
{
	vertical-align: top;
	width: 100px;
	display: inline-block;
}

.Column5
{
	vertical-align: top;
	width: 75px;
	display: inline-block;
}

a img
{
	border: none;
}

.AADTOuterContentFrame a
{
	text-decoration: none;
}

.AADTOuterContentFrame a:hover
{
	text-decoration: underline;
}

.AADTInnerContent a {
	color: #505050;
	text-decoration: underline;
}

.AADTInnerContent a:hover
{
	text-decoration: none;
}

#AADTTotalCanvas {
	background-color: white;
	border-bottom: 1px solid black;
}

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
}

h3 {
	font-size: larger;
}


fieldset {
	border: none;
	background-color: #E6E7E7;
	padding: 5px;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
}

	fieldset:hover
	{
		/* Disabled in FRM
    background-color: #E8E6DB;
	*/
	}

	fieldset h3
	{
		margin: 0px;
	}


	/* fieldset p, td p and .Detail are the same conceptual style, but .Detail is used out of fieldsets*/
	fieldset p {
		color: #58595B;
		margin-left: 0px;
		margin-right: 0px;
	}

td p
{
	color: #666666;
}

.Detail
{
	color: #666666;
}

label
{
	display: inline-block;
	/* Disabled in FRM - use .editor-label instead to apply to all labels
	margin-right: 30px; 
    width: 150px; */
}

.FieldPair
{
	margin-bottom: 10px;
}

.VerticalFieldPair label
{
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
	padding-top: 20px;
	color: #666666;
}

.Radio label
{
	display: inline-block;
	font-weight: normal !important;
	padding: 0px !important;
	width: auto !important;
}

.Radio p
{
	font-size: 14px;
	display: block;
	font-weight: bold;
	color: #666666;
	padding-bottom: 0px;
}

.Radio ul
{
	list-style: none;
}

.FieldPair p {
	font-weight: normal !important;
	font-size: 13px;
	color: #58595B;
}

.TeaLeafTextBox
{
	padding: 3px;
}


.Beige input[type='text']
{
	border: 0px none;
}

input[type='text']
{
	padding: 3px;
	border: 1px solid black;
}

input[type='password']
{
	padding: 3px;
	border: 1px solid black;
}

textarea
{
	padding: 3px;
	border: 1px solid #CCCCCC;
}

select
{
	padding: 3px;
	border: 1px solid #CCCCCC;
}
/****************************************************************/

input[type='submit'] {
    margin: 3px;
    min-width: 135px;
    font-family: Lato-Bold !important;
    font-size: 16px !important;
    text-align:center;
    color: #ffffff;
    padding: 10px;
    background-color: #19647e;
    text-align: center;
    border: none;
}

input[type='button'] {
    margin: 3px;
    min-width: 135px;
    font-family: Lato-Bold !important;
    font-size: 16px !important;
    text-align: center;
    color: #ffffff;
    padding: 10px;
    background-color: #19647e;
    border: none;
}

    input[type='button']:hover {
        /*background-color: #BDA00F;*/
        cursor: pointer;
    }


    input[type='button']:disabled, input[type='submit']:disabled {
        /*background-color: #BDA00F;*/
        cursor: default;
        background-color: #9d9d9d !important;
        border: solid 1px #e6e6e6 !important;
    }

        input[type='button']:disabled:hover {
            /*background-color: #BDA00F;*/
            cursor: default;
        }




input[type='submit']:hover {
    /*background-color: #BDA00F;*/
    cursor: pointer;
}



/****************************************************************/
/*Comments button's styles for global css changes*/
/* input[type='submit'] {
	margin: 3px;
	border: none;
	padding: 10px;
	font-weight: bolder;
	padding-right: 20px;
	width: 135px;
	color: #585951;
	background: url('../Assets/DTRoad/DT-ButtonCorner-Yellow.png') #ffcc00 no-repeat 110px 5px;
}

input[type='button'] {
	margin: 3px;
	border: none;
	padding: 10px;
	font-weight: bolder;
	padding-right: 20px;
	width: 135px;
	color: #585951;
	background: url('../Assets/DTRoad/DT-ButtonCorner-Yellow.png') #ffcc00 no-repeat 110px 5px;
	cursor: pointer;
}

	input[type='button']:hover
	{
		background-color: #BDA00F;
		cursor: pointer;
	}
    */
input[type='submit'][value='Next'] {
	/*background: url('../Assets/DTRoad/DT-ButtonCorner-Yellow.png') #ffcc00 no-repeat 110px 5px;*/
}

input[type='submit'][value='Later'] {
	/*background: url('../Assets/DTRoad/DT-ButtonCorner-Yellow.png') #ffcc00 no-repeat 110px 5px;*/
}

input[type='submit'][value='Previous'] {
	padding-right: 20px;
	padding-left: 20px;
	/*background: url('../Assets/DTRoad/DT-ButtonCorner-Yellow.png') #ffcc00 no-repeat 110px 5px;*/
}

input[type='button'][value='Back'] {
	padding-right: 20px;
	padding-left: 20px;
	/*background: url('../Assets/DTRoad/DT-ButtonCorner-Yellow.png') #ffcc00 no-repeat 5px 5px;*/
}

input[type='button'][value='Previous'] {
	padding-right: 20px;
	padding-left: 20px;
	/*background: url('../Assets/DTRoad/DT-ButtonCorner-Yellow.png') #ffcc00 no-repeat 5px 5px;*/
}

input[type='button'][value='Earlier'] {
	padding-right: 20px;
	padding-left: 20px;
	/*background: url('../Assets/DTRoad/DT-ButtonCorner-Yellow.png') #ffcc00 no-repeat 5px 5px;*/
}

input[type='radio']
{
	padding-bottom: 10px;
}
/*
input[type='submit']:hover
{
	background-color: #BDA00F;
	cursor: pointer;
}

/* E-Learning/an assessment does not have padding and should not obey the pages padding */

#flashContent object
{
	display: inline-block;
	padding-left: 0px;
	margin-left: 0px;
}

.AnswerOption {
    margin-left: 25px;
}

.AnswerArea {
    margin-bottom: 25px;
}

.PagedQuestion .AnswerArea {
    display: block;
    padding-right: 10px;
    padding-left: 22px;
    text-indent: -22px;
}

.PagedQuestion .AnswerArea input[type='radio'] {
    margin-left: 2px;
}

.PagedQuestion .AnswerArea input[type='checkbox'] {
    margin-left: 5px;
}

#AssessmentFormLayer .AnswerArea {
    margin-bottom: 15px;
}

#AssessmentFormLayer {
    padding: 10px;
    padding-left: 20px;
}

.grey-style-assessment #AssessmentFormLayer {
    color: white;
    background: rgb(67, 92, 103);
}

.AssessLiteAreaQuestions {
    min-height: 415px;
    display: flex;
    flex-direction: column;
}

.AssessLiteQuestion {
    display: flex;
    flex-direction: row;
    flex-grow: 0;
    flex-wrap: wrap;
}

.AssessLiteQuestion ul {
    font-size: initial;
}

.AssessLiteLeftPanel {
    margin-right: 10px;
    flex-wrap: wrap;
}

.AssessLiteLeftPanelWithWidth {
    width: 50vw;
}

.PagedQuestion .AssessLiteLeftPanel {
    flex-grow: 1;
    min-height: 415px;
}

.EmptyQuestion .QuestionText, .EmptyQuestion .AnswerArea {
    margin-bottom: 0px;
}

.AssessLiteRightPanel {
    flex-grow: 0;
    margin-right: 10px;
}

#AssessmentFormLayer .QuestionText, .AnswerArea {
    font-size: larger;
    margin-bottom: 5px;
}

#AssessmentFormLayer .AnswerArea {
    flex-grow: 1;
}

#AssessmentFormLayer .EmptyQuestion .AnswerArea {
    flex-grow: 0;
}

#AssessmentFormLayer .QuestionText {
    flex-grow: 0;
    flex-wrap: wrap;
}

#AssessmentFormLayer .PagedQuestion .QuestionText, #AssessmentFormLayer .PagedQuestion .AnswerArea {
    font-size: large;
}

.grey-style-assessment #AssessmentFormLayer .field-validation-error {
    color: yellow;
}

#AssessmentFormLayer .PagedQuestion .field-validation-error {
    display: block;
    margin-top: 10px;
}

.AssessLiteQuestion select {
    margin-top: 3px;
}

.grey-style-assessment .AssessLiteQuestion select {
    color: white;
    background: rgb(67, 92, 103)
}

.AssessLiteQuestion .AnswerOption {
    margin-left: -4px;
}

.grey-style-assessment .AnswerOption {
    font-size: 16px;
    margin-top: 10px;
}

#AssessmentFormLayer h3 {
    font-size: large;
    margin-block-start: 0px;
}

.grey-style-assessment #AssessmentFormLayer h3 {
    color: white;
}

#HeadLine, #Intro {
    padding-top: 10px;
    padding-left: 20px;
    font-size: x-large;
    margin: 0px;
}

.grey-style-assessment #HeadLine, .grey-style-assessment #Intro {
    color: white;
    background: rgb(67, 92, 103);
}

#Intro {
    font-size: inherit;
    height: 13px;
}

.AssessLiteButtons, .AssessLitePaginationButtons {
    margin-top: 10px;
    margin-right: 10px;
    flex-grow: 0;
}

.grey-style-assessment input {
    color: black;
    background: lightgrey;
    border-width: 1px;
    border-style: solid;
    border-color: lightgrey;
    border-image: initial;
}

#AssessmentProgressBar {
    display: flex;
    justify-content: flex-end;
    margin-top: 3px;
    margin-right: 9px;
}

#AssessmentProgressBar #AreaProgressPosition {
    margin-left: 2px;
    margin-right: 2px;
}

#AssessmentProgressBar #AreaProgressMaximum {
    margin-left: 2px;
}

.VideoContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.VideoContainer .VideoLayer {
    border-top: 15px solid lightslategrey;
    border-left: 15px solid lightslategrey;
    border-right: 15px solid lightslategrey;
    border-bottom: 13px solid lightslategrey;
    background: lightslategrey;
}

.DynamicHtml {
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-outer {
    left: auto !important;
    right: auto !important;
    position: relative !important;
    width: 100%;
}

.DynamicHtml iframe {
    border: 15px solid lightslategrey;
}

.RelativeInline
{
	display: inline;
	position: relative;
	height: 0px;
	width: 0px;
}

.MenuTeardown
{
	display: none;
	background-color: white;
	border: 1px #EEEEEE solid;
	position: absolute;
	width: 700px;
	left: 100px;
	height: 100px;
	top: -80px;
	z-index: 9;
	padding: 20px;
}

.BreadcrumbDelimiter
{
	display: inline-block;
	position: relative;
	background: url('../Assets/DTRoad/Breadcrumb.gif') no-repeat 0px 6px;
	height: 12px;
	width: 4px;
	margin-left: 4px;
	*display: inline;
}

.BreadcrumbTextMode
{
	display: none;
	*display: inline;
}

#header
{
	display: inline;
}

.AADTContactBoxes {
	vertical-align: top;
	height: 230px;
	display: block;
}

.AADTContactBoxes h2
{
	margin-top: 0px;
}

.AADTContactUsBox {
	background-color: #E6E7E7;
	color: #58595B;
	width: 210px;
	height: 230px;
	display: block;
	margin-right: 15px;
	float: left;
	padding: 10px;
}

	.AADTContactUsBox .LeftText {
		width: 75px;
	}

.AADTDownloadBox {
	background-color: #E6E7E7;
	color: #58595B;
	width: 210px;
	height: 230px;
	display: block;
	margin-right: 15px;
	float: left;
	padding: 10px;
}

.AADTNoLegend legend
{
	display: none;
}

legend {
	top: 15px;
	position: relative;
	left: -20px;
	font-weight: bold;
}

	.HelpPanel .PhoneNumber {
		font-size: larger;
	}


.AADTContactUsBox {
	background-color: #E6E7E7;
	color: #58595B;
	width: 210px;
	height: 230px;
	display: block;
	margin-right: 15px;
	float: left;
	padding: 10px;
}

	.AADTContactUsBox .LeftText
	{
		width: 75px;
	}

.AADTDownloadBox {
	background-color: #E6E7E7;
	color: #58595B;
	width: 210px;
	height: 230px;
	display: block;
	margin-right: 15px;
	float: left;
	padding: 10px;
}

/* new quick links section */
#QuickLinks #LinkBox UL {
	list-style-type: none;
	padding-left: 0px;
	padding-right: 0px;
}

#LinkBox ul > li a
{
	display: block;
	background-color: #E6E6E6;
	border-bottom: 1px solid #DBDBDB;
	padding: 10px;
}

	#LinkBox ul > li a:hover
	{
		background-color: #F0F0F0;
	}


/* Blog Section
----------------------------------------------------------*/
div#BlogContent
{
	overflow: hidden;
	padding-bottom: 20px;
}

div#BlogLeftColumn
{
	float: left;
	margin-right: 50px;
	padding-top: 10px;
	width: 620px;
}

div#BlogRightColumn
{
	float: left;
	width: 245px;
}

.BlogRightList
{
	border-top: 1px solid #DDDDDD;
	list-style: none outside none;
	-moz-padding-start: 0px !important;
}

	.BlogRightList li
	{
		border-bottom: 1px solid #DDDDDD;
		padding: 6px 0;
	}

.postItem
{
	border-bottom: 1px dotted #BBBBBB;
	margin: 0 0 15px;
	overflow: hidden;
	padding: 0 0 15px;
}

	.postItem h2
	{
		clear: both;
		font-size: 28px;
		letter-spacing: -1px;
		line-height: 100%;
		padding-bottom: 15px;
	}

	.postItem .meta
	{
		color: #666666;
		font-size: 11px;
		margin-bottom: 18px;
		margin-top: -10px;
		text-shadow: 1px 1px #FFFFFF;
	}



/* Tags Section
----------------------------------------------------------*/
div.tagsinput
{
	background-position: 10px 6px;
	border: 1px solid #BBBBBB;
	color: #666666;
	display: block;
	float: left;
	padding: 10px;
	background-color: #fff;
}

	div.tagsinput span.tag
	{
		border: 1px solid #ccc;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		display: block;
		float: left;
		padding: 5px;
		text-decoration: none;
		background: #f6f6f6;
		color: #666666;
		margin-right: 5px;
		margin-bottom: 5px;
		font-family: helvetica;
		font-size: 13px;
		font-weight: bold;
	}

		div.tagsinput span.tag a
		{
			font-weight: bold;
			text-decoration: none;
			font-size: 12px;
		}

	div.tagsinput input
	{
		width: 80px;
		margin: 0px;
		font-family: helvetica;
		font-size: 13px;
		border: 1px solid transparent;
		padding: 5px;
		background: transparent;
		color: #000;
		outline: 0px;
		margin-right: 5px;
		margin-bottom: 5px;
	}

	div.tagsinput div
	{
		display: block;
		float: left;
	}

.tags_clear
{
	clear: both;
	width: 100%;
	height: 0px;
}

/* Fast Confirm
----------------------------------------------------------*/
/*********************/
/* Can't touch this! */
/*********************/

.fast_confirm
{
	position: absolute;
	/* Position off-screen, show only when everything is ready */
	top: -500px;
	left: -500px;
}
/* IE6 */
.fast_confirm
{
	_border-left-color: pink;
	_border-bottom-color: pink;
	_border-right-color: pink;
	_filter: chroma(color=pink);
}


/*******************************/
/* You can configure from here */
/*******************************/

/* BOX */

.fast_confirm
{
	background-color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 6px;
	border: 1px solid #aaa;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 4px #000;
	-webkit-box-shadow: 0 0 4px #000;
	box-shadow: 0 0 4px #000;
}


	/* ARROWS */

	/* Top arrow */
	.fast_confirm .fast_confirm_top.fast_confirm_arrow
	{
		position: absolute;
		top: -10px;
		border-color: transparent transparent #fff;
		border-style: solid;
		border-width: 0 10px 10px;
		height: 0;
		width: 0;
	}

	.fast_confirm .fast_confirm_top.fast_confirm_arrow_border
	{
		position: absolute;
		top: -12px;
		border-color: transparent transparent #aaa;
		border-style: solid;
		border-width: 0 12px 12px;
		height: 0;
		width: 0;
	}

	/* Right arrow */
	.fast_confirm .fast_confirm_right.fast_confirm_arrow
	{
		position: absolute;
		right: -10px;
		border-color: transparent transparent transparent #fff;
		border-style: solid;
		border-width: 10px 0 10px 10px;
		height: 0;
		width: 0;
	}

	.fast_confirm .fast_confirm_right.fast_confirm_arrow_border
	{
		position: absolute;
		right: -12px;
		border-color: transparent transparent transparent #aaa;
		border-style: solid;
		border-width: 12px 0 12px 12px;
		height: 0;
		width: 0;
	}

	/* Bottom arrow */
	.fast_confirm .fast_confirm_bottom.fast_confirm_arrow
	{
		position: absolute;
		bottom: -10px;
		border-color: #fff transparent transparent;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		height: 0;
		width: 0;
	}

	.fast_confirm .fast_confirm_bottom.fast_confirm_arrow_border
	{
		position: absolute;
		bottom: -12px;
		border-color: #aaa transparent transparent;
		border-style: solid;
		border-width: 12px 12px 0 12px;
		height: 0;
		width: 0;
	}

	/* Left arrow */
	.fast_confirm .fast_confirm_left.fast_confirm_arrow
	{
		position: absolute;
		left: -10px;
		border-color: transparent #fff transparent transparent;
		border-style: solid;
		border-width: 10px 10px 10px 0;
		height: 0;
		width: 0;
	}

	.fast_confirm .fast_confirm_left.fast_confirm_arrow_border
	{
		position: absolute;
		left: -12px;
		border-color: transparent #aaa transparent transparent;
		border-style: solid;
		border-width: 12px 12px 12px 0;
		height: 0;
		width: 0;
	}


	/* BUTTONS */

	.fast_confirm button
	{
		margin: 10px;
		padding: 5px 10px;
		font-weight: bold;
		color: #fff;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

		/* Proceed button */
		.fast_confirm button.fast_confirm_proceed
		{
			border: 1px solid #128123;
			color: #fff;
			text-shadow: 0 -1px 0 hsla(120,100%,0%,.5);
			background: #00aa00;
			background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #00aa00), color-stop(1, #006600) );
			background: -moz-linear-gradient( center top, #00aa00 20%, #006600 100% );
			-webkit-box-shadow: inset 0 1px 1px hsla(0,100%,100%,.4), inset 0 -1px 0 hsla(0,100%,100%,.3), 0 2px 0 hsla(120,77%,26%,1), 0 4px 2px hsla(122,100%,0%,.5);
			-moz-box-shadow: inset 0 1px 1px hsla(0,100%,100%,.4), inset 0 -1px 0 hsla(0,100%,100%,.3), 0 2px 0 hsla(120,77%,26%,1), 0 4px 2px hsla(122,100%,0%,.5);
			box-shadow: inset 0 1px 1px hsla(0,100%,100%,.4), inset 0 -1px 0 hsla(0,100%,100%,.3), 0 2px 0 hsla(122,77%,26%,1), 0 4px 2px hsla(122,100%,0%,.5);
		}

			.fast_confirm button.fast_confirm_proceed:hover
			{
				background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #00dd00), color-stop(1, #00aa00) );
				background: -moz-linear-gradient( center top, #00dd00 20%, #00aa00 100% );
			}

		/* Cancel button */
		.fast_confirm button.fast_confirm_cancel
		{
			border: 1px solid #128123;
			color: #fff;
			text-shadow: 0 -1px 0 hsla(0,100%,0%,.5);
			background: #ff2222;
			background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #ff2222), color-stop(1, #aa0000) );
			background: -moz-linear-gradient( center top, #ff2222 20%, #aa0000 100% );
			-webkit-box-shadow: inset 0 1px 1px hsla(0,100%,100%,.4), inset 0 -1px 0 hsla(0,100%,100%,.3), 0 2px 0 hsla(0,77%,26%,1), 0 4px 2px hsla(2,100%,0%,.5);
			-moz-box-shadow: inset 0 1px 1px hsla(0,100%,100%,.4), inset 0 -1px 0 hsla(0,100%,100%,.3), 0 2px 0 hsla(0,77%,26%,1), 0 4px 2px hsla(2,100%,0%,.5);
			box-shadow: inset 0 1px 1px hsla(0,100%,100%,.4), inset 0 -1px 0 hsla(0,100%,100%,.3), 0 2px 0 hsla(0,77%,26%,1), 0 4px 2px hsla(2,100%,0%,.5);
		}

			.fast_confirm button.fast_confirm_cancel:hover
			{
				background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #ff6666), color-stop(1, #ff2222) );
				background: -moz-linear-gradient( center top, #ff6666 20%, #ff2222 100% );
			}


.LicenceMetroBlocks {
  padding-left: 0px;
}

.LicenceMetroBlocks li {
  width: 240px;
  height: 100px;
  margin: 2px;
  padding: 10px;
  padding-top: 30px;
  display: inline-block;
  font-size: 16px;
  font-weight: bolder;
  vertical-align: middle;
  text-align: center;
}


/*MTL STYLES*/
/************************BEGIN*************************************/
/* Text styles */
.Heading-1 {
    font-family: Raleway;
    font-size: 24px;
    font-weight: 800;
    text-align: left;
    color: #000000;
}


.menu-heading {
    font-family: Lato-Bold;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.9px;
    text-align: left;
    color: #fff;
}

.Intro-copy {
    font-family: Lato-Regular;
    font-size: 15px;
    line-height: 1.33;
    text-align: left;
    color: #575757;
}

.menu-item {
    font-family: Lato-Regular;
    font-size: 15px;
    letter-spacing: 0.7px;
    text-align: left;
    color: #ffffff;
    border-radius: 0 !important;
}

.menu-item a {
    color: #f2f2f2;
    text-decoration: none;
}

.menu-item a.active {
    color: #ffcc00;
}

.SelectedMenuItem {
    background-color: #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
}

.menu-item-detail-link a {
    font-family: Lato-Light;
    font-size: 14px;
    letter-spacing: 0.7px;
    line-height: 2;
    text-align: left;
    color: #fff;
}

    .menu-item-detail-link a.active {
        font-weight: bold;
        color: #ffffff !important;
    }


.Table-heading {
    background-color: #575757;
    color: #ffffff;
}

.table-sub-head {
    font-family: Lato-Semibold;
    font-size: 14px;
    letter-spacing: 0.9px;
    text-align: left;
    color: #2a2a2a;
}

.driver-emails-section {
    width: 100%;
    background-color: #eaeaea;
    font-family: Lato-Semibold;
    font-size: 14px;
    letter-spacing: 0.9px;
    text-align: left;
    color: #2a2a2a;
    padding: 10px 0px 10px 15px;
    margin-top: 20px;
    margin-bottom: 20px
}


.List-item {
    font-family: Lato-Regular;
    font-size: 14px;
    text-align: left;
    color: #575757;
}

.Top-nav {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.1px;
    text-align: left;
    color: #000000;
}

/*ICON STYLES*/
.info-icon-white-outline {
    width: 19px;
    height: 20px;
    background-color: #575757;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
}

.info-icon-grey-outline {
    width: 19px;
    height: 20px;
    background-color: #ffcc00;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
}

.help-icon {
    background-color: #ffcc00;
    border-radius:25px;
    height:25px;
    width:25px;
}
.paginate_button.previous.disabled {
    background: url(/../../Assets/Icons/inactive-left.svg) no-repeat 0 center;
    width: 33px;
    height: 31px;
    object-fit: contain;
    margin: 0px 5px;
    background-color: #f2f2f2;
    padding: 10.5px 18.5px !important;
    border-radius: 20px;
}

.paginate_button.previous {
    background: url(/../../Assets/Icons/active-left.svg) no-repeat 0 center;
    width: 33px;
    height: 31px;
    object-fit: contain;
    margin: 0px 5px;
    background-color: #ffcc00;
    padding: 10.5px 18.5px !important;
    border-radius: 20px;
}

.paginate_button.next {
    background: url(/../../Assets/Icons/active-right.svg) no-repeat 0 center;
    /* width: 33px; */
    /* height: 31px; */
    object-fit: contain;
    margin: 0px 5px;
    background-color: #ffcc00;
    padding: 10.5px 18.5px !important;
    border-radius: 20px;
}

.paginate_button.next.disabled {
    background: url(/../../Assets/Icons/inactive-right.svg) no-repeat 0 center;
    width: 33px;
    height: 31px;
    object-fit: contain;
    margin: 0px 5px;
    background-color: #f2f2f2;
    padding: 10.5px 18.5px !important;
    border-radius: 20px;
}

.edit-recipient-emails {
    width: 223px !important;
    border-radius: 4px !important;
    border: solid 1px #bbbbbb !important;
    font-family: Lato-Heavy !important;
    font-size: 14px !important;
    letter-spacing: 0.9px !important;
    text-align: left !important;
    color: #2a2a2a !important;
    padding: 10px 5px 10px 35px !important;
    background: url(/../../Assets/Icons/edit.svg) no-repeat 0 center !important;
    margin-top: 57px !important;
    background-position: 10px 10px !important;
}

.email-driver-warning {
    width: 100%;
    background-color: #ffcc00 !important;
    padding: 10px 50px;
    font-family: Lato-Regular;
    font-size: 15px;
    letter-spacing: 0.9px;
    text-align: left;
    color: #000000;
    background: url(/../../Assets/Icons/alert-grey.svg) no-repeat 25px center;
    background-size:25px 25px;
    margin: 15px 0px;
}

.email {
    width: 32px;
    height: 32px;
    background-image: url(/../../Assets/Icons/email-grey.svg), linear-gradient(#FBFBFB, #DFDFDF);
    object-fit: contain;
    float: left;
    margin: 0px 5px;
}

.email:hover {
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(/../../Assets/Icons/email-white.svg) no-repeat 0 bottom;
    background-color: #19647e
}

.emailDisabled {
    width: 33px;
    height: 31px;
    background-image: url(/../../Assets/Icons/email-grey.svg), linear-gradient(#FBFBFB, #DFDFDF);
    object-fit: contain;
    margin: 0px 5px;
    opacity: .50;
}

.emailDisabled:hover {
    width: 32px;
    height: 32px;
    background-image: url(/../../Assets/Icons/email-grey.svg), linear-gradient(#FBFBFB, #DFDFDF);
}

.print-and-download {
    width: 32px;
    height: 32px;
    background-image: url(/../../Assets/Icons/download-grey.svg), linear-gradient(#FBFBFB, #DFDFDF);
    object-fit: contain;
    float: left;
    margin: 0px 5px;
}

.print-and-download:hover {
    cursor: pointer;
    width: 32px;
    height: 32px;
    background: url(/../../Assets/Icons/download-white.svg) no-repeat 0 bottom;
    background-color: #19647e
}

.link {
    width: 32px;
    height: 32px;
    background-image: url(/../../Assets/Icons/link-grey.svg), linear-gradient(#FBFBFB, #DFDFDF);
    object-fit: contain;
    float: left;
    margin: 0px 5px;
}

.link:hover {
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(/../../Assets/Icons/link-white.svg) no-repeat 0 bottom;
    background-color: #19647e
}


.info-message {
    width: 100%;
    margin: 0px !important;
    color: #ffffff !important;
    font-family: Lato-Regular;
    font-size: 15px;
    text-align: left;
    color: #ffffff;
    padding: 20px 55px;
    background: url(/../../Assets/Icons/tick-white.svg) no-repeat 25px center;
    background-size: 25px 25px;
    background-color: #19647e !important;
}


.info-message-error {
    width: 100%;
    margin: 0px !important;
    color: #ffffff !important;
    font-family: Lato-Regular;
    font-size: 15px;
    text-align: left;
    color: #ffffff;
    padding: 20px 55px;
    background: url(/../../Assets/Icons/tick-white.svg) no-repeat 25px center;
    background-size: 25px 25px;
    background-color: #19647e !important;
}
/* ICON STYLES -END*/


#mt-tasks-content {
    background-color: #ffffff;
    /*border: solid 1px #eaeaea;*/
}


input[type="search"] {
    min-width: 350px;
    height: 40px;
    background-color: #ffffff;
    border: solid 1px #bbbbbb;
    margin-left: 25px;
}

.helper {
    position: absolute;
    top: -4px;
    /*left:50px;*/
    cursor: pointer;
    display: block;
    font-size: 14px;
    user-select: none;
}

    .helper:disabled {
        opacity: .4;
    }

.sa-helper {
    position: absolute;
    /*left: 42px;*/
    cursor: pointer;
    display: block;
    font-size: 14px;
    user-select: none;
}

    .sa-helper:disabled {
        opacity: .4;
    }

.select-all-title {
    float: left;
}

.update-multiple-email-check .helper {
    position: relative !important;
    left: 0;
    cursor: pointer;
    display: block;
    font-size: 14px;
    user-select: none;
}

#email-single-driver .helper {
    position: inherit;
}

#email-single-driver .helper {
    font-family: Lato-Regular;
    font-size: 14px;
    letter-spacing: 0.9px;
    text-align: left;
    color: #575757;
    padding-top: 5px;
    font-weight: normal;
}

#email-single-drive {
    margin: 15px;
    font-size: 14px;
    color: #656666;
    content: "";
    background-color: #fff;
    border-color: #929494;
    border-width: 1px;
    border-radius: 4px;
    padding: 10px 20px 10px;
    border-style: solid;
}

.form-control-feedback {
    display: none;
}


.helper:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 19px;
    height: 20px;
    transition: transform 0.28s ease;
    border: 1px solid #9d9d9d;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2)
}
.helper-terms:before {
    width: 30px !important;
    height: 30px !important;
}
.terms-checkbox {
    margin-top:8px !important;
    margin-bottom:8px !important
}
.completed-categories {
    padding: 50px 15px 25px 15px;
    font-family: Raleway-Medium;
    font-size: 15px;
    line-height: 1.87;
    letter-spacing: 0.8px;
    text-align: left;
    color: #2a2a2a;
}

.module-header {
    margin: 33px 33px 0 0 !important;
    height: 29px;
    font-family: Raleway-ExtraBold;
    font-size: 24px;
    text-align: left;
    color: #000000;
}

.module-description {
    margin: 20px 33px 0 0 !important;
    font-family: Lato-Regular;
    font-size: 15px;
    line-height: 1.33;
    text-align: left;
    color: #575757;
}

tr.group,
tr.group:hover {
    position: inherit fixed !important;
    background-color: #dfdfdf;
}

tr.group td {
    font-family: Lato-Semibold;
    font-size: 14px;
    letter-spacing: 0.9px;
    text-align: left;
    color: #2a2a2a;
    /*/ padding-left: 15px;*/
    border: 5px !important;
}


#mgrCompletedModules .menu-item {
    padding: 10px 15px;
    font-family: Lato-Regular;
    font-size: 15px;
    letter-spacing: 0.7px;
    text-align: left;
    color: #757575;
    list-style: none;
}


.help-image {
    width: 90%;
    position: fixed;
    bottom: 0%;
    padding: 1% 10% 1% 0;
    font-family: Lato-Regular;
    font-size: 15px;
    line-height: 2.6;
    letter-spacing: 0.8px;
    text-align: left;
    color: #2a2a2a;
}

#mt-tasks-list {
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #eaeaea;*/
    background-color: #19647e;
}

.selected {
    background-color: #f6f6f6;
}


#manager-task-list {
    background-color: #fff;
}


    #manager-task-list .list-group-item {
        font-family: Lato-Regular;
        font-size: 15px;
        padding: 0;
        letter-spacing: 0.7px;
        text-align: left;
        color: #fff;
        background: #19647e;
        border: none;
    }

        #manager-task-list .list-group-item .menu-item-main:hover {
            background-image: linear-gradient(to left, rgba(1, 0, 0, 0.05), rgba(0, 0, 0, 0.15));
        }

        #manager-task-list .list-group-item::before {
            width: 100%;
            height: 2px;
            opacity: 0.26;
            border: solid 1px #dddddd;
            content: "";
            display: block;
        }

    #manager-task-list .menu-item-detail a:hover, #task-list-footer a:hover {
        text-decoration: underline;
    }

    #manager-task-list .list-group-item.active .menu-item-main {
        border-left: solid 8px #ffcc00;
        padding-left: 8px;
        z-index: 0; /**/
    }


#mgrTasksOutstanding, #mgrCompletedModules {
    padding-left: 0px;
}

.line {
    width: 100%;
    height: 2px;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba (151, 151, 151, 0.1), rgba(151, 151, 151, 0.3) 51%, rgba(151, 151, 151, 0.1));
    border-image-slice: 1;
}

.completed-taks-header {
    font-size: 18px;
}

#mgrCompletedModules .list-group-item a, #task-list-footer a {
    color: #ffffff;
    text-decoration: none; /* no underline */
}

#task-list-footer a {
    display: block;
}

/*************Bottom Buttons*/
#mt-buttons {
    width: 90%;
    background-color: #ffffff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    position: fixed;
    bottom: 0%;
    border: solid 1px #eaeaea;
    margin-left: -15px;
    padding: 1% 10% 1% 0;
}

.email-group {
    background: url(/../../Assets/Icons/email-white-no-border.svg) no-repeat;
    /* background-size: 32px 32px; */
    background-position-x: right;
    -ms-background-position-x: 60px;
    object-fit: contain !important;
    width: 180px !important;
    padding-left: 15px !important;
    padding-right: 0px !important;
    text-align: left !important;
    /*margin: 0px 5px !important;
    width: 180px !important;
    height: 44px !important;
    font-family: Lato-Bold ;
    font-size: 16px;
    text-align: left !important;
    color: #ffffff !important;
    padding-left: 15px !important;
    float:right;*/
}

.download-all-files {
    background: url(/../../Assets/Icons/download-all-files.svg) no-repeat 0 center !important;
    object-fit: contain !important;
    margin: 0px 5px !important;
    width: 200px !important;
    height: 44px !important;
    font-family: Lato-Bold;
    font-size: 16px;
    text-align: left !important;
    color: #19647e !important;
    padding-left: 15px !important;
    border: solid 2px #19647e;
}

#mt-buttons-mid-header, #drivers-count {
    text-align: center;
    font-family: Lato-Regular;
    font-size: 14px;
    text-align: center;
    color: #2a2a2a;
}

#drivers-count {
    text-align: left !important;
}

#mt-buttons-left-header {
    font-family: Raleway-ExtraBold;
    font-size: 18px;
    text-align: left;
    color: #2a2a2a;
}

.paginate_button .current {
    color: #2a2a2a !important;
}
.pagination .active a {
    z-index: 0;
}

.company-name {
    font-family: Lato-Light;
    font-size: 15px;
    letter-spacing: 0.7px;
    text-align: left;
    color: #fff;
    padding: 0px 0px 25px 15px;
}


/**********************Temporary styles*/

.email-driver-top-header {
    font-family: Raleway-ExtraBold;
    font-size: 22px;
    letter-spacing: 1.4px;
    text-align: left;
    color: #2a2a2a;
}

.email-driver-receipient {
    font-family: Lato-Heavy;
    font-size: 18px;
    letter-spacing: 1.1px;
    text-align: left;
    color: #2a2a2a;
    margin-top: 35px;
}

.email-driver-details {
    font-family: Lato-Regular;
    font-size: 15px;
    margin-top: 3px;
    letter-spacing: 1px;
    text-align: left;
    color: #575757;
}

.email-driver-line {
    height: 1px;
    border: solid 1px #dddddd;
    margin: 15px 0px;
}

.various-email-address {
    font-family: Lato-Regular;
    font-size: 14px;
    margin: 3px 0px 30px 0px;
    letter-spacing: 1px;
    text-align: left;
    color: #575757;
}

.drivers {
    font-family: Lato-Regular;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: left;
    color: #575757;
}

label[for=update-user-email] {
    opacity: 0.46;
    font-family: Lato-Regular;
    font-size: 14px;
    letter-spacing: 0.9px;
    text-align: left;
    color: #575757;
    padding-top: 5px;
    font-weight: normal;
}

.form-check-input {
    float: left;
    width: 19px;
    height: 20px;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #9d9d9d;
    background: none !important;
    background-color: #ffffff !important;
}

label[for=user-email-address], label[for=button-attached], .email-driver-label {
    font-family: Lato-Regular;
    font-size: 15px;
    letter-spacing: 0.9px;
    text-align: left;
    color: #000000 !important;
    margin-bottom: 9px;
    font-weight: normal;
}

#emailDriverContainer .form-control, .email-driver-details.form-control, #email-link-content .form-control, #emailDriverContainer .form-control-2 {
    min-width: 350px !important;
    border-radius: 1px;
    background-color: #ffffff;
    border: solid 1px #bbbbbb;
    font-family: Lato-Regular;
    font-size: 15px;
    letter-spacing: 0.9px;
    padding: 10px 10px;
    text-align: left;
    color: #575757;
    height: auto;
}

#email-link-content .btn-x-small
{
    margin-top:15px;
}
#emailDriverContainer .form-control-2 {
    min-width: 300px !important;
    border-radius: 1px;
    background-color: #ffffff;
    border: solid 1px #bbbbbb;
    font-family: Lato-Regular;
    font-size: 15px;
    letter-spacing: 0.9px;
    padding: 10px 10px;
    text-align: left;
    color: #575757;
    height: auto;
}
/* No X in the driver email textbox in IE */
#emailDriverContainer .form-control::-ms-clear {
    display: none;
}

.email-template-content {
    min-height: 232px;
    background-color: #f6f6f6;
    border: solid 1px #bbbbbb;
    padding: 10px;
}



.email-driver-footer {
    bottom: 0;
    position: relative;
    padding: 25px 0px;
}

.button-attached {
    width: 150px !important;
    background: none !important;
    background-color: #ffffff !important;
    border: solid 1px #d6d6d6 !important;
    background: url(/../../Assets/Icons/shape.svg) no-repeat 0 center !important;
    background-position: 90% 50% !important;
    object-fit: contain !important;
    font-weight: normal !important;
    padding: 10px 15px !important;
    font-family: Lato-Regular !important;
    font-size: 15px !important;
    margin: 0px !important;
    margin-left: 15px !important;
    text-align: left;
    cursor: default !important;
}

    .button-attached :hover {
        cursor: default !important;
    }



.button-send-email, .button-save-and-continue {
    width: 180px !important;
    /*background: none !important;
    background-color: #19647e !important;
    border: solid 2px #19647e !important;
    font-family: Lato-Bold !important;
    font-size: 16px !important;
    font-weight: normal !important;
    text-align: center !important;
    color: #ffffff !important;*/
}

/*.button-send-email:disabled, .button-save-and-continue:disabled {
    background-color: #9d9d9d !important;
    border: solid 1px #e6e6e6 !important;
}
    */
/******************************SPINNER BEGIN*/



.sp {
    width: 32px;
    height: 32px;
    clear: both;
    margin: 20px auto;
    z-index: 2;
}

/* Spinner Circle Rotation */
.sp-circle {
    border: 4px #9d9d9d solid;
    border-top: 4px #ffcc00 solid;
    border-bottom: 4px #ffcc00 solid;
    border-radius: 50%;
    -webkit-animation: spCircRot .6s infinite linear;
    animation: spCircRot .6s infinite linear;
    z-index: 2;
}

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

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

@keyframes spCircRot {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}


/* Spinner 3Balls Scale */
/*.sp-3balls, .sp-3balls:before, .sp-3balls:after {
    border-radius: 50%;
    background-color: #ffcc00;
    width: 16px;
    height: 16px;
    transform-origin: center center;
    display: inline-block;
}

.sp-3balls {
    position: relative;
    background-color: #ffcc00;
    opacity: 1;
    -webkit-animation: spScaleAlpha 1s infinite linear;
    animation: spScaleAlpha 1s infinite linear;
}

    .sp-3balls:before, .sp-3balls:after {
        content: '';
        position: relative;
        opacity: 0.25;
    }

    .sp-3balls:before {
        left: 30px;
        top: 0px;
        -webkit-animation: spScaleAlphaBefore 1s infinite linear;
        animation: spScaleAlphaBefore 1s infinite linear;
    }

    .sp-3balls:after {
        left: -30px;
        top: -23px;
        -webkit-animation: spScaleAlphaAfter 1s infinite linear;
        animation: spScaleAlphaAfter 1s infinite linear;
    }

@-webkit-keyframes spScaleAlpha {
    0% {
        opacity: 1;
    }

    33% {
        opacity: 0.25;
    }

    66% {
        opacity: 0.25;
    }

    100% {
        opacity: 1;
    }
}

@keyframes spScaleAlpha {
    0% {
        opacity: 1;
    }

    33% {
        opacity: 0.25;
    }

    66% {
        opacity: 0.25;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes spScaleAlphaBefore {
    0% {
        opacity: 0.25;
    }

    33% {
        opacity: 1;
    }

    66% {
        opacity: 0.25;
    }
}

@keyframes spScaleAlphaBefore {
    0% {
        opacity: 0.25;
    }

    33% {
        opacity: 1;
    }

    66% {
        opacity: 0.25;
    }
}

@-webkit-keyframes spScaleAlphaAfter {
    33% {
        opacity: 0.25;
    }

    66% {
        opacity: 1;
    }

    100% {
        opacity: 0.25;
    }
}

@keyframes spScaleAlphaAfter {
    33% {
        opacity: 0.25;
    }

    66% {
        opacity: 1;
    }

    100% {
        opacity: 0.25;
    }
}*/
/******************************SPINNER END*/
/*
.AADTInnerContent th {
    background-color: #575757;
    color:#ffffff;
}*/


.sa-helper:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 19px;
    height: 20px;
    transition: transform 0.28s ease;
    border: 1px solid #9d9d9d;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2)
}



input[type="checkbox"]:checked ~ .helper::before, input[type="checkbox"]:checked ~ .sa-helper::before {
    background: url(/../../Assets/Icons/tick-white.svg) no-repeat 0 bottom;
    background-color: #19647e;
}


.checkbox {
    margin: 0px !important;
}

    .checkbox label {
        padding-left: 35px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
        vertical-align: sub;
        margin-left: 10px;
        display:block;
        float:left
    }

.update-multiple-email-check label.email-ok:after {
    background: url(/../../Assets/Icons/ok.svg) no-repeat 0 bottom;
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 19px;
    height: 20px;
    transition: transform 0.28s ease;
}

.update-multiple-email-check label.email-ok:after {
    background: url(/../../Assets/Icons/ok.svg) no-repeat 0 bottom;
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 19px;
    height: 20px;
    transition: transform 0.28s ease;
}

.ok-tick {
    background: url(/../../Assets/Icons/ok.svg) no-repeat 0 center;
    background-position: 0 50% !important;
    width: 20px;
    height: 19px;
    float: left;
    margin-left: -10%;
}

input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}


.border-line {
    margin: 20px 33px 0 0;
    width: 98%;
    height: 2px;
    border: solid 1px #e9e7e7;
}

.ui-dialog-titlebar-close {
    border: none !important;
    background: none;
    background: url(/../../Assets/Icons/close-button.svg) no-repeat 0 bottom;
}

#tbl-mt-tasks_wrapper div.dataTables_paginate a.current {
    color: #2a2a2a !important;
}

#tbl-mt-tasks_paginate a, #tbl-mt-tasks_paginate a :hover {
    font-family: Lato-Regular;
    font-size: 12px;
    text-align: center;
    color: #9d9d9d !important;
    text-decoration: none !important;
}




#sorty-by-label {
    float: left;
}

#sort-by {
    float: left;
}

.spinner-balls {
    position: fixed;
    top: 50%;
    left: 60%;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    z-index: 5
}
.esig-spinner-balls {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 5
}


    
#spinner {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    left: 0%;
    background-color: #000000;
    opacity: 0.2;
    z-index: 4;
}

.mt-dropdown {
    min-width: 250px;
    height: 40px;
    background-color: #ffffff;
    border: solid 1px #bbbbbb;
    font-family: Lato-Regular;
    font-size: 15px;
    line-height: 1.33;
    text-align: left;
    color: #575757;
}

.mt-dropdown option {
    margin: 40px;
}


.filters-label, #tbl-mt-tasks_filter > label {
    padding: 10px 25px;
    font-family: Lato-Regular;
    font-size: 15px;
    text-align: left;
    color: #000000;
}

.ui-dialog {
    background-color: #ffffff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.32);
    border: solid 1px #e6e6e6;
    z-index: 3 !important;
}

.ui-widget-shadow {
    background: none !important;
    box-shadow: 0 2px 7px 3px rgba(174, 171, 171, 0.5) !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}


.ui-tooltip {
    width: 264px;
    min-height: 107px;
    opacity: 1;
    background-color: #575757 !important;
    border: 0px;
}

.ui-tooltip-content {
    background: none !important;
    font-family: Lato-Regular;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 1px;
    text-align: left;
    color: #ffffff !important;
}
.disabled-elem {
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .40;
    filter: alpha(opacity=80);
}

.menu-item a {
    color: #f2f2f2 !important;
    text-decoration: none;
}


.menu-item-detail > div {
    font-size: 14px;
    padding: 0 0 4px 0;
}

.ui-tooltip {
    width: 264px;
    min-height: 107px;
    opacity: 1 !important;
    background-color: #575757 !important;
    border: 0px;
}
.ui-tooltip-content {
    background: none !important;
    font-family: Lato-Regular;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 1px;
    text-align: left;
    color: #ffffff !important;
}
/************************END*************************************/
/*MTL STYLES*/

@media (min-width: 320px) and (max-width: 1024px) {
    #AAMenuOptions{
        margin-top:-15px !important;
    }
}





/*****************************E-SIGNATURE STYLES BEGIN**************************************/

.terms-and-conditions {
    height: auto;
    background-color: #ffffff;
    border: none;
    margin-top: 2px;
    margin-top: 25px;
}

.eSignatureWizardStep, .addLicenceWizard {
    height: auto;
    background-color: #ffffff;
    border: none;
    margin-top:2px;
}

.progress-bar-wrapper {
    height: 107px;
    background-color: #ffffff;
    background-color: var(--white);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    border-bottom: solid 1px #dddddd;
    margin: 0 15px 0 15px;
}

.show {
    display: block !important;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.invisible {
    visibility: hidden;
}

.statement {
    height: auto;
    background-color: #f6f6f6;
    border: solid 1px #bbbbbb;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}


/*mandate completed*/
.MandateComplete {
    width: 553px;
    height: 667px;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    padding-top: 41px;
}

.line {
    width: auto;
    height: 3px;
    border: solid 1px #dddddd;
}

.rectangle-3 {
    width: 375px;
    height: 107px;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #dddddd;
}

.esig-container,.dl-container {
    width: 100%;
    height: inherit;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #dddddd;
}
.esig-main-container, .dl-main-container {
    width: 100% !important;
    background-color: #f5f5f5;
}


/*organisation*/

.organisation {
    width: 325px;
    height: 40px;
    background-color: #fafafa;
    border: solid 1px #bbbbbb;
    margin-top: 10px;
    margin-bottom: 10px;
}


/*progress bar*/



.esig-container .btn, .btn-esig, .dl-container .btn, .btn-esig {
    min-width: 125px;
    height: 44px;
    background-color: #19647e;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    width: 100%;
    border-radius: unset !important;
    text-decoration: none !important;
}
a.btn-esig:hover {
    text-decoration: none !important;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}    
.esig-container .btn, .dl-container .btn {
    font-family: Lato-Bold;
}
.btn-esig {
    font-family: Lato-Bold;
    border: none;
}
.btn-esig:disabled {
    background-color: #9d9d9d !important;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.esig-container .btn-small, .dl-container .btn-small {
    width: 50%;
    height: 44px;
    font-family: Lato-Bold !important;
    font-weight: bold !important;
    text-align: center !important;
    color: #19647e !important;
    border: solid 2px #19647e;
    background-color: #fff;
}

.esig-container .btn-small-active, .dl-container .btn-small-active {
    color: #fff !important;
    background-color: #19647e;
}
.esign-label, #driverContainer label, #organisationStep label {
    font-family: Lato-Regular;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    text-align: left;
    color: #575757;
    margin-top: 10px;
}
.esig-container .form-control, .dl-container .form-control {
    padding: 0 15px;
    margin-bottom: 15px;
    width: 100%;
    height: 17px;
    font-family: Lato-Medium;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1px;
    text-align: left;
    color: #575757;
    height: 40px;
    background-color: #ffffff !important;
    border: solid 1px #bbbbbb;
    border-radius: unset;
    box-shadow: none !important;
}
.esig-header-label{
    color:#000000 !important;
    font-family:Lato-Bold !important;
}

.esig-container .form-control-small, .dl-container .form-control-small {
    min-width: 50px;
    padding: 0 15px;
    margin-bottom: 15px;
    width: 100px;
    height: 17px;
    font-family: Lato-Medium;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1px;
    text-align: left;
    color: #575757;
    height: 40px;
    background-color: #fafafa;
    border: solid 1px #bbbbbb;
    text-align:center
}

.sectionText, .sectionTextSmall {
    font-family: Lato-Regular;
    line-height: normal;
    letter-spacing: 0.1px;
    text-align: left;
    color: #575757;
    margin-bottom: 15px;
}
.sectionText {
    font-size: 16px;
}
.sectionTextSmall {
    font-size: 14px;
}
.sectionSuperHeader {
    font-family: Lato-Bold;
    font-size: 30px;
    text-align: left;
    color: #000;
    padding: 40px 0 0 0;
}
.sectionHeader {
    font-family: Lato-Bold;
    font-size: 16px;
    letter-spacing: 0.1px;
    text-align: left;
    color: #575757;
    margin-bottom: 15px;
    height: 20px;
    clear:both;
}

.activeTextboxSmall {
    width: 125px;
    height: 40px;
    background-color: #fafafa;
    border: solid 1px #bbbbbb;
}

.activeTextbox {
    width: 325px;
    height: 40px;
    background-color: #fafafa;
    border: solid 1px #bbbbbb;
}

.divisionLine {
    height: 3px;
    border: solid 1px #dddddd;
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
}

.activeTextboxAdditionalText {
    font-family: Lato-LightItalic;
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 0.1px;
    text-align: left;
    color: #262626;
    margin-bottom: 5px;
    margin-top: 5px;
}

.informationBanner {
    width: 100%;
    background-color: #9d9d9d;
    padding: 15px 36px;
    color:#000000;
}

.informationBanner span {
    font-family: Lato-Regular;
    font-size: 14px;
    text-align: left;
    color: #000000;
}
.information-lebel {
    font-family: Lato-Regular;
    font-size: 14px;
    text-align: left;
    color: #575757;
}

.information-header-label{
    padding:40px 0px;
    font-size:16px;
}
.displayBlock {
    display: block;
}

.completed-message {
    background: url(/../../Assets/Icons/tick-teal.svg) no-repeat right center;
    background-size: 55px 55px;
    background-position: -5px 20px;
    padding-left: 40px;
    font-size: 18px !important;
}


div.sectionHeader span {
    padding-right: 25px;
    background: url(/../../Assets/Icons/info.svg) no-repeat right center;
}

.btn-x-small, .btn-x-small:disabled {
    width: 135px !important;
}
/*****************************E-SIGNATURE STYLES END**************************************/

.esig-progressbar, .esig-progressbar-nongb, .esig-progressbar-ni {
    margin: 20px 0px;
    padding: 0;
    counter-reset: step;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.esig-progressbar li, .esig-progressbar-nongb li, .esig-progressbar-ni li {
        list-style-type: none;
        position: relative;
        text-align: center; 
        font-family: Lato-Bold;
        font-size: 13px;
        font-weight: bold;
        color: #575757 !important;
        z-index: 99;
        display: table-cell;
        vertical-align: middle;
    }
.esig-progressbar-nongb li {
    width:25% !important;
}
    .esig-progressbar li.hidden, .esig-progressbar-nongb li.hidden, .esig-progressbar-ni li.hidden {
        display: none;
    }

    .esig-progressbar li:before, .esig-progressbar-nongb li:before, .esig-progressbar-ni li:before{
        width: 35px;
        height: 35px;
        content: counter(step);
        counter-increment: step;
        line-height: 30px;
        display: block;
        margin: 0 auto 10px auto;
        border-radius: 50%;
        color: #ffffff;
        background-color: #9d9d9d;
        font-size: 16px;
        font-family: Lato-Bold;
    }

    .esig-progressbar li.completed:before, .esig-progressbar-nongb li.completed:before, .esig-progressbar-ni li.completed:before{
        background: url(/../../Assets/Icons/tick-white.svg) no-repeat;
        background-color: #19647e;
        content: '';
        background-size: 25px 25px;
        background-position: 5px 5px;
    }

    .esig-progressbar li.current:before, .esig-progressbar-nongb li.current:before, .esig-progressbar-ni li.current:before{
        background-color: #19647e !important;
    }
    .esig-progressbar li:after, .esig-progressbar-nongb li:after, .esig-progressbar-ni li:after{
        width: 98%;
        height: 2px;
        content: '';
        position: absolute;
        background-color: #7d7d7d;
        top: 15px;
        left: -44%;
        z-index: -1
    }
    .esig-progressbar li.completed:after,
    .esig-progressbar li.current:after, .esig-progressbar-nongb li.current:after, .esig-progressbar-ni li.current:after{
        background-color: #19647e;
    }
    .esig-progressbar li:first-child:after, .esig-progressbar-nongb li:first-child:after, .esig-progressbar-ni li:first-child:after{
        content: none;
    }
.ss-container {
    width:450px;
    height:200px;
}

.form-control-feedback {
}
.has-success .form-control {
    border: solid 1px #bbbbbb !important;
    box-shadow: none !important;
}

.pdfViewer {
    height:500px;
    width: 100%;
}

/*temp styles*/
.form-control.country {
    
}
#dobValue {
    width: 20px;
}
.glyphicon-remove {
    color: #c40018 !important;
}
.centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.driver-details-wrapper {
    background-color: #f2f2f2;
    margin: 10px;
}

.information-help{
    margin-top:10px;
    margin-bottom:0px;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, 
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, 
.has-error.checkbox-inline label, #date-error, #AcceptTerms-error, .error.help-block {
    color: #c40018 !important;
    font-style: normal !important;
    font-family: Lato-Regular;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    text-align: left;
}
/***************/

#AcceptTerms {
    margin-right:10px !important;
}
#accept-terms-label {
    margin-top:5px !important;
}
.email-address-wrapper {
    margin-top:15px;
}
.terms-text {
    font-family: Lato-Medium;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.1px;
    text-align: left;
    color: #575757;
    background-color: #f6f6f6 !important;
}
.dob-wrapper {
    float: left;
    margin-right:-25px !important;
}
.dob-wrapper .col-md-4 .date-field {
    margin-bottom: 0px !important;
}
.dob-wrapper .col-md-4 {
    padding-left: 0px !important;
    padding-right: 0px !important ;
}

.dob-wrapper.has-error {
    border: 1px solid #c40018;
}
.dob-wrapper:after .glyphicon-remove {
    color: #c40018;
}
.terms-confim-label {
    margin:5px 5px;
    padding-left: 0px;
   }
.terms-check {
    margin-left: -10px;
    padding-left: 0px;
}
 
b {
    font-weight: bold;
}
#btnRegSubmit{
    width:auto !important;
}
#btnEsigSubmit {
    width: auto !important;
}


.file-upload {
    position: relative;
}
.file-upload label {
    display: block;
    border: dashed 2px #bbb;
    height: 250px;
    background-color: #fafafa;
    text-align: center !important;
}
.file-upload label > * {
    display: block;
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
}
.file-upload-icon {
    margin-top: 48px;
    margin-bottom: 29px;
    width: 83px;
    height: 59px;
    background-image: url('/Assets/Icons/upload.svg');
}
.file-upload-main {
    font-family: Raleway-ExtraBold;
    font-size: 18px;
    color: #000;
}
.file-upload-info {
    font-family: Lato-Light;
    font-size: 16px;
    color: #2a2a2a;
}

.file-download-icon {
    margin-top: 29px;
    margin-bottom: 29px;
    width: 120px;
    height: 120px;
    display:block;
    background-color: #19647e;
    background-image: url('/Assets/Icons/downloadBig.svg');
}

.btn-country {
    margin-top:0px !important;
    border-radius: unset !important;
    text-decoration: none !important;
    min-width: 350px;
    background-color: #ffffff !important;
    border: solid 1px #bbbbbb !important;
    font-family: Lato-Regular !important;
    font-weight:normal !important;
    font-size: 15px !important;
    letter-spacing: 0.9px !important;
    padding: 10px 10px !important;
    text-align: left !important;
    color: #575757 !important;
    height: auto !important;
    padding-left:40px !important;
}
#countryIssuersOther{
    display:none;
}


.countrypicker {
    margin-bottom: 15px !important;
}
.file-upload input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}

.country-of-issue {
    pointer-events: none !important;
    cursor: default !important;
}
.error-border {
    border-color: #c40018 !important;
}
.normal-border {
    border-color: #DCDCDC !important;
}
.esig-status-message {
    clear: both;
    color: #000000;
    font-family: Lato-Bold;
    font-size: 12px;
    margin: 5px 0px;
}
#countrySearch-error{
  
}
#searchCurrentAddress, #searchAddress{
    margin-top:0px !important;
}

.twoLineTextArea {
    resize: none;
    overflow: hidden;
    height: auto !important;
    padding: 5px 15px !important;
}
@media (min-width: 320px) and (max-width: 1024px) {

    .twoLineTextArea {
        resize: none;
        overflow: hidden;
        height: auto !important;
        padding: 5px 15px !important;
        padding-bottom:25px !important;
    }

}