@import "/Content/FRMSections.css";
@import "/Content/Site.css";
/*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-family: Helvetica, "Lucida Grande", Helvetica, sans-serif;
}
 


div.FleetRiskManagerHeader 
{
  display: none !important;
  background: none;
  
}

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

.AccountLogOnPageContainer #InlineLogo {
 display: inline-block;
 position: absolute;
 right: 30px;
 top: -85px;
}

h1, h2, h3, h4, h5
{
 color: #000000 !important;
}

/* Header stuff */

#AADTMasthead
{
  background: white!important;
  padding-left: 0px !important;
  height: 140px;
}

#AAMastheadTop {
 Position:relative;
 height: 69px !important;
}
#AAMastheadBottom
{
  margin-top: 24px;
  height: 28px;
}
#main {
 position:relative;
}

#header {
 top: 9px;
}

/* /Header stuff*/

#AAMenuOptions div ul li a:hover {
  background-color: #D72D18;
  color: #FFFFFF !important;
}

#AAMenuOptions div ul .mega-hover > a {
  background-color: #D72D18;
  color: #FFFFFF !important;
}

.Breadcrumbs a
{
 color: #000000 !important;
}

#menu li .sub li.mega-hdr a .mega-hdr-a {
 color: #000000 !important;
}


#AALogoLeft
{
 padding-left: 25px;
 margin-top: 17px !important;
}

#AALogoLeft a img
{
	visibility: hidden;
        width: 60px;
        height: 60px
}

#AADTTotalCanvas
{
  padding-top: 5px;
}

#AALogoLeft a
{
        width: 100px;
        display: inline-block;
        background: none;
	background: url('/DbImage.ashx?ImageId=d7ebda88-932c-48d4-ba41-16dd86b79727') no-repeat;
}

#AAMenuOptions
{
  margin-top: 27px;
  margin-left: 10px;
}

.BreadcrumbDelimiter
{
  background: none;
  padding-right: 5px;
}

.BreadcrumbTextMode
{
  display: inline;
  color: #000000;
}

#TransitionLinks a
{
 color: #000000;
}

.Breadcrumbs
{
 padding-top: 3px;
 padding-left: 20px;
}

.ContextChangeOption
{
  background-color: #D72D18;
}

.ContextChangeOption a
{
  color: #FFFFFF !important;
}

#menu li a
{
  color: white;
  background-color: #D72D18;
}

.mega-hover li a
{
  color: white;
  background-color: #000000
}

.mega-hover li a .dc-mega
{
  color: white;
  background-color: #D72D18
}

.mega-hover li>a:hover
{
  color: #000000!important;
  background-color: #D72D18
}

.TopBorderPanel {

 border-top: #D72D18 4px solid;
 margin-top: 85px !important;
}

#LowerAADTButtonSet 
{

 border-top: #D72D18 2px solid;
 border-bottom: #D72D18 2px solid;
 height: 29px;
}

.mega-menu>li
{
  background-color: #FFFFFF;
}

.SelectedMenuItem>a{
color: #D72D18 !important;
    background-color: #fff !important;
    border: 2px solid #D72D18 !important;
    border-bottom: 0px !important;}
#menu{
margin-top:13px !important;
}
.SelectedMenuItem li a{
background-color:#fff;
}

input[type='submit'],input[type='button']
{
  background-color: #D72D18;
  color: white;
background-image:none;
}

input[type='submit'][value='Next']
{
  background: url('/DbImage.ashx?ImageId=6f781078-a6a7-46d9-a25a-9a1068ad2739') #D72D18 no-repeat 110px 6px;
  font-weight: 0;
  color: white;
}

input[type='submit']:hover, input[type='button']:hover

{
  background-color: #F5351E;
  color: white;
}

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

.AADTInnerContent a {
  color: #000000 !important;
}

#ContinueButton
{
  color: white;
  background-color: #D72D18;
}

#ContinueButton:hover
{
  color: white;
  background-color: #F5351E;
}

/*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)
}


.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: #575757;
}

.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: #575757;
        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 {
    height: 26px;
    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: #D72D18;
}


.checkbox {
    margin: 0px !important;
}

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

.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*/

.module-description img{
width:25px !important;
height:25px !important;
}



.menu-item-detail-link a,
#manager-task-list .list-group-item.active .menu-item-main,
#task-list-footer a
{
  color:#fff !important;
}

.email:hover, .link:hover, .print-and-download:hover{
   background-color: #D72D18!important;
}

input[type='button'],input[type='button']:hover{
/*    background-color: #D72D18;
   background-image:none;*/
}

#btn-email-multiple-drivers,#btn-email-multiple-drivers:hover {
    background-image: url(/../../Assets/Icons/email-white-no-border.svg);
    background-position-y:0px;
}

[type="checkbox"]:checked ~ .helper::before, input[type="checkbox"]:checked ~ .sa-helper::before,
.info-message,
.btn-esig,
.esig-progressbar li.current:before, .esig-progressbar-nongb li.current:before, .esig-progressbar-ni li.current:before,
.esig-progressbar li.completed:before, .esig-progressbar-nongb li.completed:before, .esig-progressbar-ni li.completed:before,
.esig-container .btn-small-active,
{
    background-color: #D72D18 !important;
}

input[type='submit']
{
  background-image:none !important;
}
.esig-container .btn-small{
border-color: #D72D18!important;


}

#AADTContentPane {
 /*  margin-top: 10px !important ;*/
}

.BlockList li {
    padding: 8.5px;
    margin-bottom: -3px;
}
#AAMastheadBottom{
margin-bottom:15px !important;
}

#manager-task-list .list-group-item.active .menu-item-main{
border-left:solid 8px #D72D18;
}


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

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

.eSignatureWizardStep {
    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 {
    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 {
    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 {
    min-width: 125px;
    height: 44px;
    background-color:#D72D18;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff !important;
    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 {
    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 {
    width: 50%;
    height: 44px;
    font-family: Lato-Bold !important;
    font-weight: bold !important;
    text-align: center !important;
    color: #19647e !important;
    border: solid 2px #D72D18!important;
    background-color: #fff !important;
}

.esig-container .btn-small-active {
    color: #fff !important;
    background-color: #D72D18!important;
}
.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 {
    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 {
    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: #D72D18;
        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: #D72D18!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: #575757;
    }
    .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;
}

.module-description img{
width:25px !important;
height:25px !important;
}
.email-group {
      background-image: url(/../../Assets/Icons/email-white-no-border.svg) !important;
    background-repeat-x: no-repeat !important;
    background-position-x: 120px !important;
}

.info-message {
 background-color: #575757!important;

}



.AADTInnerContent fieldset {
    background-color: #f3f3f3;
    border-radius: 7px;
    border: 10px solid #E8E8E8;
}

.AADTInnerContent table
{
	background-color: #F8F5F0;
	border-collapse: collapse;
	border: 0px none;
}
.AADTInnerContent tr {
    /*height: 50px;*/
    height: 35px;

}


.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 !important;

}


.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:#fff !important;
}



.AADTInnerContent a{
color:#575757;
}
input[type="checkbox"]:checked ~ .helper::before, input[type="checkbox"]:checked ~ .sa-helper::before{
background-color:#D72D18;
}

#LowerAADTButtonSet{
height:unset !important;
}

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

    }
.email-group {
  background-color:#D72D18 !important; 
  color:#fff !important;

}