/**Loader*/

th.x7w.xbbf {
    background-color: #33846d !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    text-align: left !important;
    padding: 0 10px !important;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    width: 252px !important;
}
  
th.x7w.xbbs {
    background-color: #33846d;
    color: #fff;
    border: 1px solid #fff;
    text-align: left;
    padding: 0 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 400;
    width: 294px;
}
 
th.x7w.xbbt {
    background-color: #33846d;
    color: #fff;
    border: 1px solid #fff;
    text-align: left;
    padding: 0 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 400;
    width: 161px;
}

th.x7w.xbbfo {
    background-color: #33846d;
    color: #fff;
    border: 1px solid #fff;
    text-align: left;
    padding: 0 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 400;
    width: 161px;
}

td.divRow-white.x7m.xbr:hover ~ td.divRow-white.x7m.xbp {
    background-color: #d1cece;
}
td.divRow-white.x7m.xbr {
    background-color: #efebeb;
    display: table-cell;
    border: 1px solid #fff;
    text-align: left;
    padding: 0 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 400;
}
td.divRow-white.x7m.xbc {
    background-color: #efebeb;
    display: table-cell;
    border: 1px solid #fff;
    text-align: left;
    padding: 0 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 400;
}
    td.divRow-white.x7m.xbc:hover ~ td.divRow-white.x7m.xbc {
        background-color: #d1cece;
    }

td.divRow-white.x7m.xbp:hover {
    background-color: #d1cece;
}

td.divRow-white.x7m.xbr:hover {
    text-decoration: underline;
    background-color: #d1cece;
    cursor:pointer;
}
.x7w.xbb {
    background-color: #33846d;
    color: #fff;
    border: 1px solid #fff;
    text-align: left;
    padding: 0 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 400;
}


td.divRow-white.x7m.xbp {
    background-color: #efebeb;
    display: table-cell;
    border: 1px solid #fff;
    text-align: left;
    padding: 0 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 400;
}
input.hvrunderline:hover {
    text-decoration: underline!important;
}
.loader,
.loader:before,
.loader:after {
    background: #3ce2b8;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.loader {
    color: #3ce2b8;
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

    .loader:before,
    .loader:after {
        position: absolute;
        top: 0;
        content: '';
    }

    .loader:before {
        left: -1.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .loader:after {
        left: 1.5em;
    }

@-webkit-keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}



.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: $breadcrumb-padding-y $breadcrumb-padding-x;
    margin-bottom: $breadcrumb-margin-bottom;
    list-style: none;
    background-color: $breadcrumb-bg;
    @include border-radius($breadcrumb-border-radius);
}

.breadcrumb-item {
    // The separator between breadcrumbs (by default, a forward-slash: "/") + .breadcrumb-item

{
    padding-left: $breadcrumb-item-padding;
    &::before

{
    display: inline-block;
    color: $breadcrumb-divider-color;
    content: $breadcrumb-divider;
}

}

// IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
// without `<ul > `s. The `::before` pseudo-element generates an element
// *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
//
// To trick IE into suppressing the underline, we give the pseudo-element an
// underline and then immediately remove it. + .breadcrumb-item:hover::before {
    text-decoration: underline;
}

// stylelint-disable-next-line no-duplicate-selectors + .breadcrumb-item:hover::before {
    text-decoration: none;
}

&.active {
    color: $breadcrumb-active-color;
}

}


/****/
body {
    margin: 0 auto;
    max-width: 1024px;
    font-family: arial;
    font-size: 12px;
    color: #0d4369;
    background-color: grey;
}

h3.formTitle {
    text-align: center;
}

.container {
    max-width: 1024px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: white;
}

.logo {
    margin-bottom: 7px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 7px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 5px;
    height:35px
}

.welcomeLogout {
    float: right;
    position: relative;
    top: 50px;
    margin-right: 20px;
}

    .welcomeLogout a {
        text-decoration: none;
        color: #0d4369;
    }

        .welcomeLogout a:hover, .welcomeLogout a:focus {
            color: #0d4369 !important;
        }

.logout:hover {
    text-decoration: underline !important;
}
/** NAVIGATION BAR START **/

.menuContainer {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 96%;
}

#navHead {
    display: none;
}
/* common and top level styles */
#nav span {
    display: none;
}

#navHead, #navHead ul, #nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#navHead, #nav {
    /*background-color: #f8f8f8;*/
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    position: relative;
    width: 98%;
}

    #nav ul.subs {
        background-color: #FFFFFF;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
        color: #333333;
        display: none;
        padding: 0px 5px 0px 5px;
        position: absolute;
        width: 440px;
        height: 40px;
        z-index: 999;
    }

    #navHead > li, #nav > li {
        border-bottom: 5px solid transparent;
        float: left;
        margin-bottom: -5px;
        text-align: left;
        -moz-transition: all 300ms ease-in-out 0s;
        -ms-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
    }

    #navHead > li {
        float: right;
    }

    #nav li a {
        display: block;
        text-decoration: none;
        -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
        -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
        -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
        -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
        transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
        white-space: normal;
    }

    #navHead > li > a, #nav > li > a {
        color: #383838;
        display: block;
        font-size: 15px;
        line-height: 40px;
        padding: 0 15px;
    }

    #navHead > li:hover > a, #navHead > a:hover, #nav > li:hover > a, #nav > a:hover {
        background-color: #428bca;
        color: white !important;
    }
    /* submenu */
    #nav li:hover ul.subs {
        display: block;
    }

    #nav ul.subs > li {
        display: inline-block;
        float: none;
        padding: 10px 1%;
        vertical-align: top;
    }

        #nav ul.subs > li a {
            color: #777777;
            line-height: 20px;
        }

    #navHead ul li a:hover, #nav ul li a:hover {
        text-decoration: underline;
        color: #428bca;
    }

    #nav ul.subs > li > a {
        font-size: 11px;
        margin-bottom: 10px;
    }

    #nav ul.subs > li li {
        float: none;
        padding-left: 8px;
        -moz-transition: padding 150ms ease-out 0s;
        -ms-transition: padding 150ms ease-out 0s;
        -o-transition: padding 150ms ease-out 0s;
        -webkit-transition: padding 150ms ease-out 0s;
        transition: padding 150ms ease-out 0s;
    }

        #nav ul.subs > li li:hover {
            padding-left: 15px;
        }

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
/* responsive rules */
@media all and (max-width : 767px) {
    #nav > li {
        float: none;
        border-bottom: 0;
        margin-bottom: 0;
    }

    #nav ul.subs {
        position: relative;
        top: 0;
    }

    #nav li:hover ul.subs {
        display: none;
    }

    #nav li #s1:target + ul.subs,
    #nav li #s2:target + ul.subs {
        display: block !important;
    }

    #nav ul.subs > li {
        display: block;
        width: auto;
    }
}

@media screen and (min-width:200px) and (max-width: 767px) {
    #nav ul.subs {
        background-color: #FFFFFF;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
        color: #333333;
        display: none;
        padding: 0px 5px 0px 5px;
        position: relative;
        width: 98%;
        height: 200px;
    }

    #navHead {
        display: block;
    }

    #nav {
        display: none;
    }
}

@media screen and (min-width:768px) {
    #navHead {
        display: none;
    }

    #nav {
        display: block;
    }
}

.menuContainer a:hover, .menuContainer a:focus {
    text-decoration: underline !important;
    color: white !important;
}
/**NAVIGATION BAR END **/
/**Pagination**/
.pagination {
    height: 36px;
    margin: 18px 0;
}

    .pagination ul {
        display: inline-block;
        *display: inline;
        /* IE7 inline-block hack */

        *zoom: 1;
        margin-left: 0;
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .pagination li {
        display: inline;
    }

    .pagination a {
        float: left;
        padding: 0 14px;
        line-height: 34px;
        text-decoration: none;
        border: 1px solid #ddd;
        border-left-width: 0;
    }

        .pagination a:hover,
        .pagination .active a {
            background-color: #f5f5f5;
        }

    .pagination .active a {
        color: #999999;
        cursor: default;
    }

    .pagination .disabled span,
    .pagination .disabled a,
    .pagination .disabled a:hover {
        color: #999999;
        background-color: transparent;
        cursor: default;
    }

    .pagination li:first-child a {
        border-left-width: 1px;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

    .pagination li:last-child a {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

.pager {
    margin-left: 0;
    margin-bottom: 18px;
    list-style: none;
    text-align: center;
    *zoom: 1;
}

    .pager:before,
    .pager:after {
        display: table;
        content: "";
    }

    .pager:after {
        clear: both;
    }

    .pager li {
        display: inline;
    }

    .pager a {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }

        .pager a:hover {
            text-decoration: none;
            background-color: #f5f5f5;
        }

    .pager .next a {
        float: right;
    }

    .pager .previous a {
        float: left;
    }

    .pager .disabled a,
    .pager .disabled a:hover {
        color: #999999;
        background-color: #fff;
        cursor: default;
    }

.navbar-default {
    /* background-color: #67b3e7;
border-color: #67b3e7; */
    min-height: 37px;
}

.navbar {
    border-radius: 0px;
    position: relative;
    min-height: 37px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.row.content4 [class*="col-"] {
    padding-bottom: 0px;
}

.row.breadcrumb [class*="col-"] {
    padding-top: 0px;
    padding-bottom: 0px;
}

.row.content3 [class*="col-"] {
    padding-top: 0px;
    padding-bottom: 0px;
}

.row.DetailpageContent [class*="col-"] {
    padding-top: 0px;
}

.innerContainer.home [class*="col-"] {
    background: white;
    /*   padding-top: 0px;
  padding-bottom: 0px; */
    padding-left: 1px;
    /*   padding-right: 1px;  */
}

    .innerContainer.home [class*="col-"] .container-fluid {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

.innerContainer.dashboard .img-content {
    color: #000;
}

.innerContainer.support .col-sm-offset-2 {
    margin-left: 0%;
}


.breadcrumb {
    padding: 3px 15px;
    margin-left: -8px;
    margin-bottom: -3px;
    background-color: #33846d;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

    .breadcrumb a:hover, .breadcrumb a:focus {
        text-decoration: underline !important;
    }

.middle_text a:hover, .middle_text a:focus {
    text-decoration: underline !important;
    color: #428bca !important;
}
.breadcrumb > ul > li:last-child > a:hover 
{
    text-decoration: none !important;
}

h2 {
    margin: 0;
    color: #666;
    padding-top: 90px;
    font-size: 52px;
    font-family: "trebuchet ms", sans-serif;
}

.item {
    background: #333;
    text-align: center;
}

.carousel {
    margin-top: 0px;
}

.carouselArrowLeft {
    padding-top: 70%;
    font-weight: bold;
}

.carouselArrowRight {
    padding-top: 70%;
    font-weight: bold;
}

.carouselContainer {
    margin: 0px;
}

.item.bg1 {
    background: url("../images/2.jpg") no-repeat 0 0;
    height: 250px;
}

.item.bg2 {
    background: url("../images/1.jpg") no-repeat 0 0;
    height: 250px;
}

.item.bg3 {
    background: url("../images/3.jpg") no-repeat 0 0;
    height: 250px;
}
/*** Pagination ***/


.loginPageIntro {
    margin: 20px 30px 0px 30px;
    color: #0d4369;
}
/****** Login box start*****/
.right-login-box {
    border-left: 1px dotted grey;
    padding-left: 75px;
}

.login {
    color: #0d4369;
    font-size: 18px;
}

.labelName {
    font-size: 12px;
    margin-bottom: 0px;
}

.text-box-one, .text-box-two {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 30px;
    padding-top: 0;
}

.text-box-one, .text-box-two, .text-box-three, .text-box-three-next, .text-box-four, .text-box-three-one {
    margin-bottom: 5px;
    border: 1px solid #8c8c8c;
}

.text-box-three-one {
    margin-top: 5px;
}

.text-box-five {
    margin-left: 3px;
}

.termsAndCondition {
    color: #0d4369 !important;
    line-height: 22px;
    padding-left: 20px;
}

    .termsAndCondition:hover {
        text-decoration: underline !important;
        color: #0d4369 !important;
        line-height: 22px;
        padding-left: 20px;
    }

.applicationPolicy {
    color: #ffffff !important;
    line-height: 22px;
    padding-left: 20px;
}

    .applicationPolicy:hover {
        text-decoration: underline !important;
        color: #ffffff !important;
        line-height: 22px;
        padding-left: 20px;
    }

.applicationPolicyCheckbox {
    width: 18px;
    position: absolute;
}

.policyContainer {
    text-align: center;
    padding: 10px;
    vertical-align: bottom;
    width: 100%;
    padding: 7px;
    margin-bottom: 0px;
    height: 30px;
}

.forgot-password {
    color: #428bca !important;
}

    .forgot-password:hover, a.forgot-password:visited {
        text-decoration: underline !important;
        color: #0d4369 !important;
    }

.loginBtn, .submit-btn {
    background: url(../images/blue-btn.png) repeat 0 0;
    width: 65px;
    height: 30px;
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-top: 8px;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
}

    .loginBtn:hover {
        background-position: 0 bottom;
        text-decoration: none;
        color: white;
    }

.loginBtn {
    margin-bottom: 20px;
}

.submit-btn:hover {
    background-position: 0 bottom;
    text-decoration: none;
    color: white;
}
/****** Forgot Password Start ****/
.change-password {
    color: #0d4369;
    font-size: 18px;
    margin-left: 0px;
}

.verify-email {
    display: none;
    color: #0d4369;
}

.reset-text {
    color: #0d4369;
    display: none;
    margin: 5px 0px 0px 0px;
}

.email-id {
    padding: 0px 30px 0px 0px;
    margin: 19px 0px 5px 0px;
}

#demo {
    color: #575a59;
}
/**** login box end****/
/***** FOOTER ******/
#footer {
    background: #e0e0e0;
    width: 100%;
    clear: both;
    overflow: hidden;
    color: #0d4369;
    text-align: center;
}


/***** FOOTER ****/
/************************************** CHANGE PASSWORD PAGE *****************************************/
#updateBtn, #cancelBtn {
    float: left;
    margin-top: 10px;
}

#cancelBtn {
    margin-left: 10px;
}
/************************************** CHANGE PASSWORD PAGE *****************************************/
/************************************** LANDING PAGE *****************************************/

.image {
    float: left;
    margin-top: 20px;
    padding-left: 70px;
}

.imageUkLinkLogo {
    margin-top: 35px;
    padding-left: 85px;
}

.imageDESLogo {
    margin-top: 30px;
    padding-left: 75px;
}

.imageUserAccessLogo {
    margin-top: 30px;
    padding-left: 80px;
}

#imageSap {
    margin-top: 30px;
    padding-left: 45px !important;
}

.imgContent {
    margin-left: 60px;
}
/************************************** LANDING PAGE *****************************************/
/****************************   WHO ARE WE PAGE  *****************************/
.whoAreWe p {
    float: left;
    text-align: left;
    color: #0d4369;
}

.aboutContent {
    margin: 0px 50px;
}

.whoAreWe h3 {
    color: #0d4369;
}
/****************************   WHO ARE WE PAGE  *****************************/
/****************************  MEDIA QUERY  *****************************/
@media only screen and (max-width: 991px) {
    .right-login-box {
        border-left: none;
    }

    .moduleOne {
        border-right : none;
    }
}

@media only screen and (min-width: 720px) and (max-width: 991px) {
    .right-login-box {
        border-right: none;
    }

    .moduleOne {
        border-right: none;
        border-bottom: 1px dotted grey;
    }

    .innerDetail_right {
        margin-left: 30px;
    }

    .text-box-three-next, .text-box-three-one, .text-box-four, .text-box-five, .text-box-three {
        width: 100%;
    }

    .singleRight {
        padding-left: 15px !important;
    }

    .rightHalfContainer {
        margin-left: 0px !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 720px) {
    .right-login-box {
        border-right: none;
    }

    .moduleOne {
        border-right: none;
        border-bottom: 1px dotted grey;
    }

    .text-box-three-next, .text-box-three-one, .text-box-four, .text-box-five, .text-box-three {
        width: 100%;
    }

    .innerDetail_right {
        margin-left: 30px;
    }

    .singleRight {
        padding-left: 15px !important;
    }

    .rightHalfContainer {
        margin-left: 0px !important;
    }
}

@media only screen and (min-width:481px) and (max-width:639px) {
    .continueBtn {
        margin-left: 0px;
    }

    .text-box-three-next {
        margin-left: 0px;
        margin-right: 0px;
    }

    .text-box-three-next, .text-box-three-one, .text-box-four, .text-box-five, .text-box-three {
        width: 100%;
    }

    .innerDetail_right {
        margin-left: 30px;
    }
}

@media only screen and (min-width:321px) and (max-width: 479px) {
    .sanctionSearch {
        margin-left: 134px;
    }

    .text-box-three-next, .text-box-three-one, .text-box-four, .text-box-five, .text-box-three {
        width: 100%;
    }

    .continueBtn {
        margin-left: 134px;
    }

    .innerDetail_right {
        margin-left: 30px;
    }
}

@media only screen and (min-width:321px) and (max-width:479px) {
    .sanctionSearch {
        margin-left: 0px;
    }

    .text-box-three-next, .text-box-three-one, .text-box-four, .text-box-five, .text-box-three {
        width: 100%;
    }

    .continueBtn {
        margin-left: 0px;
    }

    .innerDetail_right {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 320px) {
    .right-login-box {
        border-right: none;
    }

    .moduleOne {
        border-right: none;
        border-bottom: 1px dotted grey;
    }

    .sanctionSearch {
        margin-left: 0px;
    }

    .text-box-three-next, .text-box-three-one, .text-box-four, .text-box-five, .text-box-three {
        width: 100%;
    }

    .continueBtn {
        margin-left: 0px;
    }

    .innerDetail_right {
        margin-left: 30px;
    }
}

/****************************  MEDIA QUERY  *****************************/
/*********** UK Link content page ***************/

/******** Accordion ******/

.panel-one {
    width: 250px;
    padding: 0px 30px 30px 30px;
    margin: 10px;
    color: black;
}

    .panel-one a:hover, .panel-one a:focus {
        text-decoration: underline !important;
        color: #428bca !important;
    }

.heading-one {
    cursor: pointer;
    padding-left: 5px;
    color: white;
    padding-top: 5px;
    background-color: #33846d;
    padding: 10px;
    background: url(../images/plus.png) no-repeat #33846d;
    background-size: 10px 10px;
    background-position: 90% 50%;
}

.heading-two {
    cursor: pointer;
    padding-left: 5px;
    color: #ffffff;
    padding-top: 5px;
    background-color: #33846d;
    padding: 10px;
    margin-top: 15px;
    background: #33846d;
    background-size: 10px 10px;
    background-position: 90% 50%;
}

.heading-one.minus {
    background: url(../images/minus.png) no-repeat #33846d;
    background-size: 10px 10px;
    background-position: right 10px center;
    background-position: 90% 50%;
}

.plus {
    margin-top: 5px;
}

.content-one {
    display: none;
    list-style-type: none;
    position: relative;
    right: 40px;
    width: 250px;
}

    .content-one a, .content-one.default a {
        text-decoration: none;
        color: black;
    }

    .content-one.default {
        display: none;
        list-style-type: none;
        position: relative;
        right: 40px;
    }

        .content-one a:hover, .content-one.default a:hover {
            text-decoration: underline;
            color: #428bca;
        }

/******** Accordion ******/
/******** Right content ******/
.right-content {
    padding: 20px;
    border-left: 1px dotted grey;
    color: #0d4369;
}
/******** Right content ******/
/******** Breadcrumbs ******/
.row {
    margin: 0px;
}


/******** Breadcrumbs ******/
/************* DETAIL PAGE***********/
/***DIV Table***/
.divTable {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border: 0px solid #ffffff;
}

.tbrowhead {
}

.tbColhead {
    background-color: #33846d;
    color: #fff;
    padding-left: 10px;
    padding-right: 5px;
    border: 1px solid #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.tbCol {
    padding-left: 10px;
}

    .tbCol:hover {
        background-color: #e6e6e6;
    }

.headRow {
    font-weight: bold;
    display: table-row;
    background-color: #33846d;
    text-align: center;
    line-height: 18px;
    color: #ffffff;
}


.divRow {
    display: table-row;
    text-align: center;
    border: 1px solid #ffffff;
    
}

.divRow {
    display: table-row;
    text-align: center;
    background-color: #dedede;
}

.divCol {
    display: table-cell;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    padding-left: 10px;
    padding-right: 10px;
}

.tabcal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding-left: 5px;
    border: 1px solid white;
}

.divCol:hover {
    background-color: #e6e6e6;
}

.description .divCol, .searchTable .divCol {
    width: 100px;
}

/***DIV Table***/


.divCol a:link, .divCol a:visited {
    color: #ffffff;
    text-decoration: none;
}

.divCol a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.description, .searchTable {
    clear: both;
    margin-top: 0px;
    padding: 1px;
    border: 1px solid grey;
    box-shadow: 6px 6px 10px #888888;
    color: #0d4369;
    display: none;
    overflow: auto;
}

#hiddenGrid {
    display: none;
}

.searchTable {
    display: block;
}

span.ds-heading-one {
    margin-left: 60px;
}

.ds-list {
    margin-left: 140px;
}

.select-dropdown {
    margin-right: 10px;
}

.right-buttons {
    display: inline block;
}

a:focus, a:hover {
    outline-color: none !important;
    outline-offset: 0px !important;
    outline-style: none !important;
    outline-width: none !important;
    text-decoration: none !important;
}

.module-form {
    background-color: white;
    width: 99%;
    clear: both;
    overflow: hidden;
    float: left;
    padding: 5px 20px;
    /*box-shadow: 6px 6px 40px #888888;*/
    color: #0d4369;
}

.radio-btns {
    padding: 20px;
    color: #0d4369;
}

.radio-btnsOne {
    color: #0d4369;
    padding-right: 200px;
}

.buttonsOne {
    margin-top: 25px;
}

@media screen and (max-width: 767px) {
    .descriptionDetailpage {
        margin-top: 0px;
    }

    .table-responsive {
        margin-bottom: 0px;
        border: 0px solid;
    }
}
/************* DETAIL PAGE***********/
/************* DETAIL PAGE LDZEA***********/
.module-form-next {
    margin-top: 20px;
    background-color: white;
    clear: both;
    overflow: hidden;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 6px 6px 10px #888888;
}

.ds-list-one {
    margin-left: 65px;
}

.descriptionDetailpage {
    clear: both;
    overflow: auto;
    margin-top: 20px;
    padding: 10px;
    box-shadow: 6px 6px 10px #888888;
    color: #0d4369;
    min-width: 520px;
    max-width: 900px;
}

.descriptionDetailpageOne, .descriptionDetailpageOne-hidden {
    clear: both;
    overflow: auto;
    padding: 10px;
    box-shadow: 6px 6px 10px #888888;
    color: #0d4369;
    max-width: 900px;
}

.descriptionDetailpageOne-hidden {
    display: none;
    max-width: 550px;
}

.descriptionDetailpageOneNoShade {
    clear: both;
    color: #0d4369;
    max-height: 150px;
    overflow-y: scroll;
    margin-bottom: 10px;
    padding: 10px;
    /* clear: both;
    color: #0d4369;
    max-height: 450px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    width: 350px;
    width: 100%;*/
}

#headingOne {
    display: inline;
    padding-right: 36px;
}

#headingTwo {
    display: inline;
    /*padding-right:20px;*/
}

#headingThree {
    display: inline;
    padding-right: 73px;
}

#headingFour {
    padding-right: 53px;
}

#headingFive {
    display: inline;
    padding-right: 80px;
}

#headingSix {
    display: inline;
    padding-right: 94px;
}

#headingSeven {
    display: inline;
    padding-right: 89px;
}

.right-btns {
    float: left;
    margin-right: 30px;
    margin-top: 20px;
    clear: both;
    overflow: hidden;
    margin-bottom: 30px;
}

.previous-next-btns {
    margin-top: 50px;
}

.buttons {
    margin-top: 30px;
}

.right-btns a {
    text-decoration: none;
}
/*
.buttonOne {
    background: url(/css/bootstrap/images/green-btn.png) repeat 0 0;
    width: 65px;
    height: 30px;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin-top: 5px;
}*/

.buttonOne {
    background: url(/css/bootstrap/images/green-btn.png) no-repeat #33846d;
    width: 65px;
    height: 30px;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 30px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-top: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-width: 0px;
}

    .buttonOne:hover {
        background-position: 0 bottom;
        text-decoration: none;
        color: white;
    }

.buttonTwo {
    background: url(../images/blue-btn.png) repeat 0 0;
    width: 65px;
    height: 30px;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin-bottom: 2px;
}

    .buttonTwo:hover, .buttonTwo:focus, .buttonTwo:active {
        background-position: 0 bottom;
        text-decoration: none;
        color: white;
    }

.buttonThree {
    background: url(../images/green-btn.png) repeat 0 0;
    width: 120px;
    height: 30px;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin-top: 5px;
}

    .buttonThree:hover {
        background-position: 0 bottom;
        text-decoration: none;
        color: white;
    }
/***DIV Table***/
.divTable {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.headRow {
    font-weight: bold;
    display: table-row;
    background-color: #ffffff;
    text-align: center;
    line-height: 18px;
    color: #0d4369;
}

.divCol {
    display: table-cell;
    border: 1px solid #9d9d9d;
    text-align: left;
    padding: 0px 10px;
    max-width: 40px;
}

#divRow-white {
    background-color: #f6f6f6;
    cursor: pointer;
    cursor: hand;
}

    #divRow-white:hover {
        background-color: #e4e4e4;
        cursor: pointer;
    }

    #divRow-white .selected {
        background-color: #e4e4e4 !important;
        color: #0d4369 !important;
    }

#headRow-Blue {
    background-color: #33846d;
    color: white;
}

    #headRow-Blue .divCol:link, #headRow-Blue .divCol:visited, #headRow-Blue .divCol:hover {
        text-decoration: none !important;
        color: white !important;
    }

    #headRow-Blue .divCol {
        border: 1px solid white;
        display: table-cell;
        text-align: left;
        padding: 0px 10px;
    }

#divRow-white .divCol {
    border: 1px solid white;
    display: table-cell;
    text-align: left;
    padding: 0px 10px;
}

.description .divCol, .searchTable .divCol {
    width: 100px;
}

/***DIV Table***/
.divRow a:link, .divRow a:visited {
    color: #0d4369 !important;
    text-decoration: none;
}

.divCol:hover {
    text-decoration: underline;
    color: #0d4369 !important;
}
/**************************MEDIA QUERY***************************/
@media screen and (max-width: 767px) {
    .descriptionDetailpage {
        margin-top: 0px;
    }

    .table-responsive {
        margin-bottom: 0px;
        border: 0px solid;
    }
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
    color: #000000;
    background-color: #ffffff;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 16px;
}

.navbar-form {
    margin-top: 0px;
    margin-bottom: 0px;
}

.navbar-toggle {
    padding: 10px 10px 10px 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.navbar-default .navbar-nav > .active > a:hover {
    color: #428bca;
    text-decoration: underline;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #428bca;
    text-decoration: underline;
}

.navbar {
    padding: 10px 21px 10px 21px;
    margin-bottom: 0px;
}

    .navbar ul {
        list-style: none;
        list-style-position: outside;
    }

        .navbar ul li {
            padding: 0 10px;
            float: left;
            font-size: 15px;
            font-weight: 500;
        }

            .navbar ul li:first-child {
                padding-left: 0;
            }

            .navbar ul li a {
                color: #4a4a4a;
                padding: 2px 7px 0 7px;
                display: block;
                height: 25px;
                line-height: 21px;
            }

                .navbar ul li.active a,
                .navbar ul li a:hover {
                    color: #428bca;
                    text-decoration: underline;
                }

.dropdown-menu a:active, .dropdown-menu a:link, .dropdown-menu a:hover, .dropdown-menu a:visited {
    font-size: 11px;
    color: #777;
    display: inline-block;
    background-color: #fff !important;
}

.navbar-nav > li > .dropdown-menu {
    padding-left: 20px;
    width: 430px;
}

@media screen and (min-width:200px) and (max-width: 767px) {
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        border: 0px solid #e5e5e5;
    }

    .navbar ul li {
        padding: 0px 0px;
        width: 100%;
    }

    .dropdown-menu li.active a,
    .dropdown-menu li a:hover {
        color: #999797;
        text-decoration: underline;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        padding: 0px;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #999797;
            text-decoration: underline;
            padding: 0px;
        }
}
/**************************MEDIA QUERY***************************/
.selectOption {
    margin-left: 15px;
}


.sanctionSearch:hover {
    color: #428bca;
    text-decoration: underline;
}

.viewDetails {
    border-bottom: 1px dotted #0d4369;
    margin-bottom: 5px;
    padding-bottom: 5px;
    clear: both;
    overflow: hidden;
}

.viewDetails_one {
    margin-bottom: -38px;
    clear: both;
    overflow: hidden;
}

.viewDetails_two {
    margin-bottom: -30px;
    clear: both;
    overflow: hidden;
}

    .viewDetails_two .hr {
        border: 2px solid #33846d;
        background-color: #33846d;
    }

.viewDetails_three {
    margin-bottom: -30px;
    clear: both;
    overflow: hidden;
}

    .viewDetails_three .hr {
        border: 2px solid #ffffff;
        background-color: #ffffff;
    }

.submitUpdate {
    color: #83b8da;
    font-weight: bold;
    font-size: 16px;
}

.validationMessage {
    color: #ff0000;
    font-weight: normal;
    font-size: 12px;
}

.inputError {
    color: #ff0000;
    border: 1px solid #ff0000;
}

#submitAlert {
    display: none;
}

#error-mprn {
    display: none;
    color: red;
}

#overrideInnerTolerance {
    padding-bottom: 3px;
}

.overrideInnerTolerance {
    padding-bottom: 1px !important;
}

.supplierDetails-hidden {
    display: none;
    margin-top: 5px;
}

.supplierDetails {
    overflow: auto;
    box-shadow: 6px 6px 10px #888888;
    padding: 10px 0px 10px 10px;
    max-width: 900px;
    min-width: 450px;
}

.supplierDetails-hiddenContent {
    padding: 5px;
}

.form-textboxOne {
    margin-bottom: 5px;
}

.moduleRowOThree a {
    background: url(../images/calendarIcon.png) no-repeat 0 0;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 30px;
    text-indent: -9999px;
    white-space: nowrap;
}
/**********************************************/

input[type=date], input[type=time], input[type=datetime-local], input[type=month]  {
    line-height: 18px !important;
}



/****Tab Functionality Starts****/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* CONTAINER */
.tab_wrap {
    border: 0px solid #999;
    min-width: 200px;
    max-width: 100%;
}
/* TABS */
.tabs {
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.tabTitle {
    height: 30px;
    text-align: center;
}

.tabs td.active {
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #d3d3d3 0%, #e0e0e0 40%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(40%,#e0e0e0), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d3d3d3 0%,#e0e0e0 40%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d3d3d3 0%,#e0e0e0 40%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d3d3d3 0%,#e0e0e0 40%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d3d3d3 0%,#e0e0e0 40%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}

.tabs td.inactive {
    background: #FFFFFF;
    background: #eaeaea; /* Old browsers */
    background: -moz-linear-gradient(top, #eaeaea 0%, #e0e0e0 40%, #b7b7b7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(40%,#e0e0e0), color-stop(100%,#b7b7b7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eaeaea 0%,#e0e0e0 40%,#b7b7b7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eaeaea 0%,#e0e0e0 40%,#b7b7b7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eaeaea 0%,#e0e0e0 40%,#b7b7b7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eaeaea 0%,#e0e0e0 40%,#b7b7b7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#b7b7b7',GradientType=0 ); /* IE6-9 */
}
/* tab_content */
.tab_content {
    background: #FFF;
    padding: 0;
    display: none;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 0%, #e0e0e0 40%, #d3d3d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(40%,#e0e0e0), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4f4 0%,#e0e0e0 40%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4f4 0%,#e0e0e0 40%,#d3d3d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f4f4 0%,#e0e0e0 40%,#d3d3d3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f4f4f4 0%,#e0e0e0 40%,#d3d3d3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
}

    .tab_content.active {
        display: block;
    }

.tabTitle a, .tabTitle a:link, .tabTitle a:active, .tabTitle a:visited, .tabTitle a:hover {
    color: #000000;
}








/* CONTAINER */
.stab_wrap {
    border: 0px solid #999;
    min-width: 200px;
    max-width: 100%;
}
/* TABS */
.stabs {
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.stabTitle {
    height: 30px;
    text-align: center;
}

.stabs td.active {
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #d3d3d3 0%, #e0e0e0 40%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(40%,#e0e0e0), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d3d3d3 0%,#e0e0e0 40%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d3d3d3 0%,#e0e0e0 40%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d3d3d3 0%,#e0e0e0 40%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d3d3d3 0%,#e0e0e0 40%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}

.stabs td.inactive {
    background: #FFFFFF;
    background: #eaeaea; /* Old browsers */
    background: -moz-linear-gradient(top, #eaeaea 0%, #e0e0e0 40%, #b7b7b7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(40%,#e0e0e0), color-stop(100%,#b7b7b7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eaeaea 0%,#e0e0e0 40%,#b7b7b7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eaeaea 0%,#e0e0e0 40%,#b7b7b7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eaeaea 0%,#e0e0e0 40%,#b7b7b7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eaeaea 0%,#e0e0e0 40%,#b7b7b7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#b7b7b7',GradientType=0 ); /* IE6-9 */
}
/* tab_content */
.stab_content {
    background: #FFF;
    padding: 0;
    display: none;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 0%, #e0e0e0 40%, #d3d3d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(40%,#e0e0e0), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4f4 0%,#e0e0e0 40%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4f4 0%,#e0e0e0 40%,#d3d3d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f4f4 0%,#e0e0e0 40%,#d3d3d3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f4f4f4 0%,#e0e0e0 40%,#d3d3d3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
}

    .stab_content.active {
        display: block;
    }

.stabTitle a, .stabTitle a:link, .stabTitle a:active, .stabTitle a:visited, .stabTitle a:hover {
    color: #000000;
}
/****Tab Functionality Ends****/
.formTitleOne {
}

.radio_list_one {
    margin: 0px 50px;
}

#description_table {
    display: block;
    padding: 10px 10px;
    margin-left: 20px;
}

.form-textboxTwo {
    margin-bottom: 20px;
    margin-right: 5px;
}

.form-textboxThree {
    margin-bottom: 20px;
    margin-right: 30px;
}

.innerTextbox {
    margin-bottom: 20px;
    padding-bottom: 30px;
}

.formTitle_colored {
    background-color: #33846d;
    color: white;
    font-family: arial;
    font-weight: bold;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    width: 160px;
}

.hr {
    border: 2px solid #33846d;
    margin-bottom: 17px;
    clear: both;
    overflow: hidden;
    padding-top: 5px;
}

.hrDouble {
    border: 2px solid #33846d;
    margin-bottom: 2px;
    clear: both;
    overflow: hidden;
    padding-top: 5px;
}

.hr_inner {
    border: 1px solid #4b99c7;
    margin-bottom: 17px;
}

.hr_submenu {
    border: 1px solid #4b99c7;
    margin-top: 20px;
    clear: both;
    overflow: hidden;
    padding-top: 10px;
}

h5.formTitle_colored, h5.formTitle_colored_submenu {
    margin-bottom: 0px;
}

.formTitle_colored_submenu {
    color: #4b99c7;
    font-family: arial;
    font-weight: bold;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
}

.formTitle_colored_submenu_one {
    color: #4b99c7;
    font-family: arial;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

#center_align {
    margin-top: 20px;
}

.right-btnsOne, .right-btnstwo {
    clear: both;
    float: left;
    margin-left: 16px;
    margin-right: 30px;
    margin-top: 15px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.right-btnstwo {
    margin-top: 0px;
}

#column {
    padding-bottom: 3px;
}

.middle_text {
    padding-left: 10px;
}


#column_right {
    padding-bottom: 5px;
    margin-right: 20px;
}

#innerDetail_bottom {
    padding-top: 10px;
}

select {
    max-width: 215px;
    padding: 3px;
}

.alertBox {
    display: block;
}

.redBg {
    background-color: red;
}

.redBorder {
    border: 2px solid red;
}

    .redBorder label {
        font-weight: normal;
    }

.redTextComment {
    color: red;
    font-weight: normal;
}

.pRight0 {
    padding-right: 0px !important;
}

.row .breadcrumb {
    background-color: #33846d;
    padding-top: 10px;
    margin-top: -3px;
}

.breadcrumb li a {
    color: white !important;
}

.breadcrumb li {
    color: white !important;
}

.right-contentDetailpage h3.formTitle {
    background-color: #33846d;
    color: white;
    margin: 0px -15px;
    padding: 5px 0px;
}

.HOMEactive {
    background-color: #76767d !important;
    color: white !important;
}

.HOMEinactive {
    background-color: #c0c1c3 !important;
    color: white !important;
}

    .HOMEactive a, .HOMEinactive a {
        color: white !important;
    }

.UKLINKactive {
    background-color: #33846d !important;
    color: white !important;
}

li.UKLINKinactive {
    background-color: #33846d !important;
    color: white !important;
    border-bottom: 0px !important;
}

.UKLINKactive a, .UKLINKinactive a {
    color: white !important;
}

.SAPISUactive {
    background-color: #bc6ca9 !important;
    color: white !important;
}

.SAPISUinactive {
    background-color: #bc6ca9 !important;
    color: white !important;
    border-bottom: 0px !important;
}

    .SAPISUactive a, .SAPISUinactive a {
        color: white !important;
    }

.IPactive {
    background-color: #f5845c !important;
    color: white !important;
}

.IPinactive {
    background-color: #f5845c !important;
    color: white !important;
    border-bottom: 0px !important;
}

    .IPactive a, .IPinactive a {
        color: white !important;
    }

.DEactive {
    background-color: #6161FF !important;
    color: white !important;
}

.DEinactive {
    background-color: #83b8da !important;
    color: white !important;
    border-bottom: 0px !important;
}

    .DEactive a, .DEinactive a {
        color: white !important;
    }

.LSOactive {
    background-color: #3D5AA8 !important;
    color: white !important;
}

.LSOinactive {
    background-color: #3D5AA8 !important;
    color: white !important;
    border-bottom: 0px !important;
}

    .LSOactive a, .LSOinactive a {
        color: white !important;
    }

.row.breadcrumb.HOMEmenu {
    margin: 0px 0px;
    background-color: #c0c1c3 !important;
    height: 40px;
}

*:first-child + html .imgContent {
    margin-top: -100px;
}

.home [class*='col-'] {
    padding-right: 1px !important;
}

*:first-child + html ol.breadcrumb li .ie7Slash {
    color: #ccc !important;
}

*#headRow-Blue .divCol {
    background-color: #33846d;
    color: white;
}

.red_text {
    color: red;
}



/* line 436, sass/main.scss */
.rgt-links {
    float: right;
    position: relative;
    top: 15px;
    margin-right: 20px;
    width: 220px;
}
    /* line 443, sass/main.scss */
    .rgt-links ul.links {
        display: block;
        position: absolute;
        right: 0px;
        top: 0px;
    }
        /* line 449, sass/main.scss */
        .rgt-links ul.links li {
            float: left;
            position: relative;
        }
        /* line 453, sass/main.scss */
        .rgt-links ul.links li {
            display: block;
            font-size: 90%;
            float: left;
            position: relative;
            padding: 0px 0px;
            color: #0d4369 !important;
        }
        
            .rgt-links ul.links li a {
                color: #0d4369 !important;
            }
                /* line 461, sass/main.scss */
            .rgt-links ul.links li a:hover {
                    color: #0d4369 !important;
                    text-decoration: underline;
                }
            /* line 466, sass/main.scss */
            .rgt-links ul.links li:hover {
                color: #0d4369 !important;
                text-decoration: underline;
            }
            /* line 471, sass/main.scss */
            .rgt-links ul.links li:last-child {
                margin-right: 0px;
                padding-right: 0px;
                background: none;
            }
                /* line 475, sass/main.scss */
                .rgt-links ul.links li:last-child a {
                    background: none;
                    padding-right: 0px;
                    color: #0d4369 !important;
                }
    /* line 483, sass/main.scss */
    .rgt-links .welcome-text {
        position: absolute;
        right: 0px;
        top: 24px;
    }
        /* line 488, sass/main.scss */
        .rgt-links .welcome-text p {
            margin: 0px;
            padding: 0px;
        }
/* line 667, sass/main.scss */
body .rgt-links ul.links li a {
    padding: 0px 10px;
    background: url(/css/bootstrap/images/nav-bar.png) no-repeat center right !important;
}

@media screen and (min-width:200px) and (max-width: 463px) {
    .innerContainer {
        padding-top: 53px;
    }
}

@media screen and (min-width:200px) and (max-width: 991px) {
    .hrDouble {
        margin-bottom: 17px;
    }

    .bannerLabelTitle {
        text-align: left !important;
    }
}

*:first-child + html .rgt-links {
    float: right;
    position: relative;
    top: -30px;
    margin-right: 20px;
    width: 320px;
}

.row .row {
    margin-bottom: 0;
    margin-top: 0px !important;
}

.column_first {
    `padding-bottom: 5px;
}

#footer h6 {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

label {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.radioButton {
    margin-left: 25px !important;
}

.middle_text_top30 {
    padding-top: 30px;
}

#innerHiddenGrid {
    display: none;
}

.errorMsg, .errorMsg1, .errorMsg2, .errorMsg6 {
    color: red;
    display: none;
}

.errorMsg3, .errorMsg5 {
    color: red;
    display: none;
    margin-left: -15px;
}

.successMsg {
    color: #33846d;
    display: none;
    margin-left: -15px;
    font-weight: bold;
    font-size: 16px;
}

.singleRight {
    padding-left: 30px;
}

.width260 {
    width: 260px;
}

.width180 {
    width: 180px;
}

select {
    height: 23px;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 5px;
    margin-bottom: 0px\9;
    *margin-bottom: 10px;
    height: 25px\9;
}

.rightHalfContainer {
    margin-left: -28px;
}

.normal label {
    font-weight: 500 !important;
}

.clear {
    clear: both;
    line-height: 0;
    overflow: hidden;
}

.bannerLabelTitle {
    text-align: center;
}

.hideField {
    visibility: hidden;
}

.width140 {
    width: 140px;
}

.jointTextbox {
    width: 100px;
}

.oneThirdDropdown {
    width: 135px;
}

.twoThirdDropdown {
    width: 96px;
    height: 25px;
}

.fullDropdown {
    width: 150px;
}

.descriptionDetailpageheight250 {
    clear: both;
    color: #0d4369;
    margin-bottom: 10px;
    max-height: 250px;
    overflow-y: scroll;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.width260 {
    width: 260px;
}

.width200 {
    width: 200px;
}

.clear {
    clear: both;
    overflow: hidden;
    line-height: 0;
}

.clearHeight {
    clear: both;
    overflow: hidden;
    height: 40px;
    line-height: 1.4;
}

.searchLiabilitiesShow {
    display: block !important;
}

.searchLiabilitiesHide {
    display: none;
}

.normal label {
    font-weight: 500 !important;
}


.moduleOneSAP {
    height: 140px;
    color: #0d4369;
    cursor: pointer;
    border: 2px solid #bc6ca9;
}

.moduleOneIP {
    height: 140px;
    color: #0d4369;
    cursor: pointer;
    border: 2px solid #f5845c;
}

.moduleOneDE {
    height: 140px;
    color: #0d4369;
    cursor: pointer;
    border: 2px solid #83b8da;
}

.moduleOneLSO {
    height: 140px;
    color: #0d4369;
    cursor: pointer;
    border: 2px solid #3D5AA8;
}

h5.homeTitleSAPISU {
    background-color: #bc6ca9;
    color: white;
    font-size: 15px;
    margin-top: 25px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}

h5.homeTitleIP {
    background-color: #f5845c;
    color: white;
    font-size: 15px;
    margin-top: 25px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}

h5.homeTitleDE {
    background-color: #6161FF;
    color: white;
    font-size: 15px;
    margin-top: 25px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}

h5.homeTitleLSO {
    background-color: #3D5AA8;
    color: white;
    font-size: 15px;
    margin-top: 25px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}

.moduleOne {
    height: 140px;
    color: #0d4369;
    cursor: pointer;
    border: 2px solid #33846d;
}

.UKLINKcolor {
    background-color: #33846d;
    color: white;
}

.SAPcolor {
    background-color: #bc6ca9;
    color: white;
}

.IPcolor {
    background-color: #f5845c;
    color: white;
}

.DEcolor {
    background-color: #6161FF;
    color: white;
}

.LSOcolor {
    background-color: #3D5AA8;
    color: white;
}

.imgAndinfo {
    width: 100%;
    padding: 7px;
    margin-bottom: 0px;
    height: 200px;
}

h5.homeTitleUKLink {
    background-color: #33846d;
    color: white;
    font-size: 15px;
    margin-top: 25px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}

textarea {
    width: 180px;
}

#textarea100 {
    width: 100%;
}

.by2Textbox {
    width: 73px;
}

.submitUpdate {
    color: #33846d;
    font-weight: bold;
}

#submitAlert {
    display: none;
    padding-top: 10px;
}

#error-mprn {
    display: none;
    color: red;
}

.viewDetails_two {
    margin-bottom: -30px;
    clear: both;
    overflow: hidden;
}

    .viewDetails_two .hr {
        border: 2px dotted #33846d;
        background-color: #ffffff;
    }

#wrapper {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.wrapperChild {
    width: 250px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 5px;
    margin: 5px;
    padding-bottom: 30px;
}

.continueBtn {
    cursor: pointer;
    cursor: hand;
/*    padding-left: 20px; changed for meter serial link replacement*/
    color: #003254;
}

    .continueBtn a.hover {
        text-decoration: underline;
        color: #88b5dd;
    }

.uploadLink {
    margin-top: 5px;
}

#hiddenGrid-table {
    display: none;
}

.downloadableList {
    clear: both;
    color: #0d4369;
    margin-bottom: 10px;
    max-height: 230px;
    overflow: scroll;
    padding: 10px;
}

.checkboxMPRN {
    margin-right: 75px !important;
}

.selectMPRN {
    margin-right: 40px !important;
}

#removeBTn {
    margin-bottom: 10px;
}

.optionSize {
    font-size: 11px !important;
}

.halfDropdown {
    width: 50px;
}

.middleText10 {
    margin-top: 5px;
}

.middle_text {
    padding-left: 35px;
  
}

.errorBox {
    border: 1px solid #ff0000;
}

a.buttonOne:hover, a.buttonOne:focus, a.buttonOne:visited {
    color: white !important;
}

a.buttonTwo:hover, a.buttonTwo:focus, a.buttonTwo:visited {
    color: white !important;
}

a.buttonThree:hover, a.buttonThree:focus, a.buttonThree:visited {
    color: white !important;
}

.by2TextboxSmall {
    width: 35px;
}

.by2TextboxLarge {
    width: 111px;
}


.HorHeader.divCol:link, .HorHeader.divCol:visited, .HorHeader.divCol:hover {
    text-decoration: none !important;
    color: white !important;
}

.HorHeader.divCol {
    border: 1px solid white;
    border-bottom: 0px solid white;
    display: table-cell;
    text-align: left;
    padding: 0px 10px;
}

.HorRecord.divCol {
    border: 1px solid white;
    display: table-cell;
    text-align: left;
    padding: 0px 10px;
}

.HorHeader {
    background-color: #33846d;
    color: white;
}

.downloadableList2 {
    clear: both;
    color: #0d4369;
    margin-bottom: 10px;
    max-height: 230px;
    overflow: scroll;
    padding: 10px;
}

div.downloadableList1 {
    width: 800px;
    overflow-x: scroll;
    margin-left: 5em;
    overflow-y: visible;
    padding-bottom: 1px;
}

.HorHeader.divCol {
    position: absolute;
    width: 350px;
    z-index: 99 !important;
    /*
        border-right: 0px none black;
        border-top-width:3px; */ /*only relevant for first row*/
    /*margin-top:-3px;*/ /*compensate for top border*/
}

*:first-child + html .HorHeader.divCol {
    position: relative;
}

*:first-child + html .HorRecordEmpty.divCol {
    padding-left: 0px;
}

.HorRecordEmpty.divCol {
    padding-left: 338px;
    background-color: #33846d;
    color: white;
    border-top: 1px solid #33846d;
    border-right: 1px solid white;
    border-bottom: 1px solid #33846d;
    border-left: 1px solid white;
    text-align: left;
    z-index: -1 !important;
}

.HorHeader.divCol:before { /*content: 'Row ';*/
}

.HorHeaderBack {
    position: absolute;
    width: 350px;
    height: 96%;
    z-index: 90 !important;
    background-color: #33846d;
    border-left: 1px solid white;
    border-right: 1px solid white;
}
/*.HorHeaderBack{
        position:absolute\9;
        width:350px\9;
height:96%\9;
z-index: 90\9 !important;
background-color: #33846d\9;
border-left:1px solid white\9;
border-right:1px solid white\9;
}
.HorRecordEmpty.divCol {
padding-left:338px\9;
background-color:#33846d\9;
color:white\9;
border-top:1px solid #33846d\9;
border-right:1px solid white\9;
border-bottom:1px solid #33846d\9;
border-left:1px solid white\9;
text-align:left\9;
z-index:-1\9 !important;
} */
*:first-child + html .HorHeaderBack {
    /*position:absolute;
        width:350px;
height:96%;
z-index: 90 !important;
background-color: #33846d;
border-left:1px solid white;
border-right:1px solid white;*/
    display: none !important;
}

*:first-child + html .HorRecordEmpty.divCol {
    padding-left: 0px;
    background-color: #33846d;
    color: white;
    border-top: 1px solid #33846d;
    border-right: 1px solid white;
    border-bottom: 1px solid #33846d;
    border-left: 1px solid white;
    text-align: left;
    z-index: -1 !important;
}

@media screen and (min-width:200px) and (max-width: 767px) {
    .HorHeader.divCol:link, .HorHeader.divCol:visited, .HorHeader.divCol:hover {
        text-decoration: none !important;
        color: white !important;
    }

    .HorHeader.divCol {
        border: 1px solid white;
        border-bottom: 0px solid white;
        display: table-cell;
        text-align: left;
        padding: 0px 10px;
    }

    .HorRecord.divCol {
        border: 1px solid white;
        display: table-cell;
        text-align: left;
        padding: 0px 10px;
    }

    .HorHeader {
        background-color: #33846d;
        color: white;
    }

    .downloadableList2 {
        clear: both;
        color: #0d4369;
        margin-bottom: 10px;
        max-height: 230px;
        overflow: scroll;
        padding: 10px;
    }

    div.downloadableList1 {
        width: 800px;
        overflow-x: scroll;
        margin-left: 5em;
        overflow-y: visible;
        padding-bottom: 1px;
        margin-left: 0px;
    }

    .HorHeader.divCol {
        position: absolute;
        width: 163px;
        z-index: 99 !important;
        /*
        border-right: 0px none black;
        border-top-width:3px; */ /*only relevant for first row*/
        /*margin-top:-3px;*/ /*compensate for top border*/
    }

    .HorRecordEmpty.divCol {
        padding-left: 150px;
        background-color: #33846d;
        color: white;
        border-top: 1px solid #33846d;
        border-right: 1px solid white;
        border-bottom: 1px solid #33846d;
        border-left: 1px solid white;
        text-align: left;
        z-index: -1 !important;
    }

    .HorHeader.divCol:before { /*content: 'Row ';*/
    }

    .HorHeaderBack {
        position: absolute;
        width: 163px;
        height: 96%;
        z-index: 90 !important;
        background-color: #33846d;
        border-left: 1px solid white;
        border-right: 1px solid white;
    }
}

.btn-border-0 {
    border: 0;
    padding-left: 0;
    padding-right: 0;
}

.blz-select {
    height: 20px !important;
}

.btn-generate {
    width: 70px !important;
}

/* Chrome, Safari, Edge, Opera */
.remove-number-arrow::-webkit-outer-spin-button,
.remove-number-arrow::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.remove-number-arrow {
    -moz-appearance: textfield;
}

.module-form-padding-top-30px{
    padding-top: 30px !important;
}

#cbxOverrideInnerTolerance {
    width: 15px;
    height: 16px;
    margin-top: 0;
}

.module-form-padding-top-20px {
    padding-top: 20px !important;
}

.btn-group-margin-top-20px {
    margin-top: 20px;
}