body {
    padding: 0 !important;
    overflow-x: hidden;
    font-family: Arial, "Helvetica Neue",Helvetica, sans-serif;
}

.parent {
    font-weight: bold;
    cursor: pointer;
}

/*Slider skin for checkbox control  START */
.switch {
    position: relative;
    display: inline-block;
    width: 95px;
    height: 30px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0071B9;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 22px;
        width: 22px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    /* You can have it change colour on 2nd option */
    /*background-color: #2ab934;*/
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(65px);
    -ms-transform: translateX(65px);
    transform: translateX(65px);
}


.on {
    display: none;
}

.on, .off {
    color: white;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    font-size: 12px;
    font-family: Verdana, sans-serif;
}

input:checked + .slider .on {
    display: block;
}

input:checked + .slider .off {
    display: none;
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/*Slider skin for checkbox control  END */

#hideBeforeTranslating {
    /*  Used to hide body before tags have been translated  */
    display: none;
}

section {
    /*min-height: 340px;*/
}

.container-fluid {
    padding-left: 5px;
    padding-right: 5px;
}

input[type="checkbox"] {
    margin: -1px 0 0;
    margin-right: 8px;
    line-height: normal;
}
/* App Splashscreean */

.splashscreen-img {
    max-width: 75vw;
    padding: 20px;
    margin: auto;
}

/* App Splashscreean */


#JsPlaceHolder {
    width: fit-content;
    width: -moz-fit-content;
    min-width: 100%;
}

#subHeaderSection {
    width: 100%;
    background: white;
    overflow: initial;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    top: 0;
    z-index: 1010;
}

.wrapper {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    height: 100%;
    padding: 0 20px;
}

    .wrapper.narrow {
        max-width: 700px;
    }

@media (max-width: 700px) {
    .wrapper {
        padding: 0 15px;
    }
}

.main .wrapper {
    min-height: calc(100vh - 220px);
}


#mainForm {
    min-height: 100vh;
}

a {
    color: #0071B9;
}

h1, h2, h3, h4, legend {
    color: #0071B9;
    font-weight: normal;
}

body {
    counter-reset: h3counter;
}

h2 {
    counter-reset: h3counter;
}

.countheads ~ h3:before {
    content: counter(h3counter) ".\0000a0\0000a0";
    counter-increment: h3counter;
}

h3.nocount:before {
    content: none;
    counter-increment: none;
}

h3 {
    counter-reset: h4counter;
}

.countheads ~ h4:before {
    content: counter(h3counter) "." counter(h4counter) ".\0000a0\0000a0";
    counter-increment: h4counter;
}

.countheads h4 {
    font-weight: 300;
    font-size: 14px;
    color: black;
}

h4.nocount:before {
    content: none;
    counter-increment: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, "Helvetica Neue",Helvetica, sans-serif;
}

/* Removes validation highlight from inputs - needed if input is a text AND/OR number */

.input-hide-validation:invalid {
    border: 1px solid #cccccc !important;
    color: black !important;
    border-color: rgba(204, 204, 204, 0.8) !important;
    outline: thin dotted \9 !important;
}

.input-hide-validation:focus:invalid {
    border: 1px solid #cccccc !important;
    color: black !important;
    border-color: rgba(82, 168, 236, 0.8) !important;
    outline: thin dotted \9 !important;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
}

.btn {
    border-radius: 5px;
}

    /** Temporary - will need to be changed when jobs table is built locally */
    /*.btn.btn-green {
        background: #009AB2 !important;
        background-image: none;
    }*/

    .btn.btn-carbon {
        background: #25303B !important;
        background-image: none;
    }

.info-text {
    color: #888;
}

.margin-right5px {
    margin-right: 5px;
}

.margin-bottom10px {
    margin-bottom: 10px !important;
}

.padding5px {
    padding: 5px !important;
}

.padding15px {
    padding: 15px !important;
}

.padding25px {
    padding: 15px !important;
}

.margin0 {
    margin: 0 0 !important;
}

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

.margin-left0-ul {
    margin-left: 0px !important;
    list-style-type: none;
}

.centered {
    text-align: center !important;
}

.bold {
    font-weight: bolder;
}

.faded {
    filter: blur(1px);
    -webkit-filter: blur(1px);
}

.width-auto {
    width: auto !important;
}

.margin-auto {
    margin: auto;
}

.fit-content {
    width: fit-content;
    width: -moz-fit-content;
    display: inline-block;
}

td.fill-width {
    padding-right: 14px;
}

    td.fill-width input, td.fill-width select, td.fill-width textarea {
        width: 100%;
    }

.otherphrase {
    color: #49AFCD;
    font-style: italic;
}

.ddl-special {
    font-style: italic;
}

.jsAddRCD, .jsAddBoard, .jsAddTI, .jsAddArea, .jsAddDetailsArea, .jsAddOther, .otherDF {
    color: #49AFCD;
    font-style: italic;
}

.page-title {
    font-size: 19.5px;
    font-weight: normal;
    line-height: 36px;
    padding-bottom: 12px;
}

#page-title-help-icon {
    width: 20px;
    display: inline-block;
}

#page-title-wrapper {
    display: block;
    padding-left: 40px;
    padding-bottom: 5px;
    padding-top: 5px;
}

#pageTitleAndMenuWrapper {
    display: block;
    padding-left: 40px;
}

.GDPR-banner {
    max-height: 0;
    background: #AFB6BD;
    position: fixed;
    width: 100vw;
    bottom: 0;
    padding: 8px;
    display: grid;
    z-index: 2000;
    grid-template-columns: auto auto auto auto;
   /* FOR safari - needed to set z-index properly*/
    -webkit-transform: translate3d(0,0,1px);
    transform: translate3d(0,0,1px);
    border-top: 1px solid black;
}

    .GDPR-banner .gdpr-text {
        grid-column: 1/3;
    }

        .GDPR-banner .gdpr-text p {
            padding-right: 1em;
            margin: 0;
        }

    .GDPR-banner .gdpr-btn button {
        padding: 5px 25px 5px 25px;
    }


@media (max-width: 800px) {
    .GDPR-banner .gdpr-text p {
        font-size: 12px;
    }
}

/* NEW VERSION LOGIN*/
.hero {
    background: url("../imgMain/login_page_bg-8966abf964.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
}

.heroAsset {
    background: url("../imgMain/CertsuiteAssetpic-a1fe2864a4.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
}

#loginPage {
    height: 100vh;
    overflow: scroll;
}

#loginPageContainer {
    /* Needs a fixed height or image will jump when page is loaded */
    height: 100vh;
}

#loginPageContainer footer {
    /* Needs a fixed height or image will jump when page is loaded */
    min-height: 20vh;
}


    #loginPage .login-form.well {
        padding: 20px;
        border: 1px solid;
        margin-bottom: 10px;
        background-color: #ffffff;
    }

.brand {
    height: 30px;
    display: inline-block;
    padding: 5px ;
    vertical-align: top;
}

.masthead #navButtonBar {
    display: inline-block;
    height: 100%;
}

.masthead-mobile #navButtonBarMobile {
    display: inline-block;
    height: 100%;
}

.masthead .logo {
    height: 100%;
    display: inline-block;
}

    .masthead .logo img {
        height: 100%;
    }

.masthead .certsuite-logo {
    height: 100%;
    display: inline-block;
}

    .masthead .certsuite-logo img {
        height: 100%;
    }

.mobile-show {
    display: none !important;
}


/* Master site menu */

/** Mobile master header section */
.masthead-mobile {
    min-height: 45px;
    display: none;
    border-bottom: 2px solid #000000;
    overflow: hidden;
}

#mobileReportSection {
    margin: 5px;
}

    #mobileReportSection div {
        display: inline-block;
    }

    #mobileReportSection .mft-btn-set {
        margin-left: 5px;
    }

/** Title takes up remaining space on mobile menu */
#repTypeMobile {
    flex: 1;
    margin: auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px;
}

.masthead-mobile .dropdown-menu {
    z-index: 2000;
    margin-top: 10px;
    margin-left: -40px;
    top: 25px;
    left: auto;
}

/** Main master header section */
.masthead .dropdown:hover .dropdown-menu {
    display: block !important;
}

.masthead {
    background: url("../css/img/header-bg-b4ba52bfcf.png") repeat-x scroll 0 0 #25303B;
    box-shadow: 5px 0 3px rgba(37, 48, 59, 0.6);
}

    .masthead .container-fluid {
        background: #ffffff;
    }

    .masthead .nav {
        margin-bottom: 2px;
        margin-top: 1px;
    }

        .masthead .nav li {
            float: left;
            margin-left: 7px;
        }

            .masthead .nav li a:hover, .masthead .nav li a:active, .masthead .nav .dropdown.open {
                background: none repeat scroll 0 0 #333333;
                color: #FFFFFF;
            }

    .masthead .btn-toolbar {
        margin-bottom: 2px;
        margin-top: 5px;
    }

        .masthead .btn-toolbar .btn-group {
            display: inline-block;
        }

            .masthead .btn-toolbar .btn-group button {
                background: none repeat scroll 0 0 #25303B;
                color: #EEEEEE;
                float: left;
                margin-left: 7px;
                border: 0;
            }

                .masthead .btn-toolbar .btn-group button:hover, .masthead .btn-toolbar .btn-group button:active,
                .masthead .btn-toolbar .btn-group.open .btn.dropdown-toggle {
                    background: none repeat scroll 0 0 #333333;
                    color: #FFFFFF;
                }

            .masthead .btn-toolbar .btn-group.open > .dropdown-toggle .caret {
                vertical-align: middle;
                border-bottom-color: #FFFFFF;
                border-top-color: #FFFFFF;
                border-top: 8px dashed;
                border-top: 8px solid\9;
                border-right: 8px solid transparent;
                border-left: 8px solid transparent;
                color: #fff;
                margin-top: -3px;
            }

            .masthead .btn-toolbar .btn-group > .dropdown-toggle .caret {
                vertical-align: middle;
                border-bottom-color: #FFFFFF;
                border-top-color: #FFFFFF;
                border-top: 8px dashed;
                border-top: 8px solid\9;
                border-right: 8px solid transparent;
                border-left: 8px solid transparent;
                color: #fff;
                margin-top: -3px;
            }

            .masthead .btn-toolbar .btn-group.current > .dropdown-toggle .caret {
                border-bottom-color: #000000;
                border-top-color: #000000;
                display: inline-block;
                width: 0;
                height: 0;
                vertical-align: middle;
                border-top: 8px dashed;
                border-top: 8px solid\9;
                border-right: 8px solid transparent;
                border-left: 8px solid transparent;
                color: #ffffff;
                margin-top: -3px;
            }

            .masthead .btn-toolbar .btn-group.current button, .masthead .btn-toolbar .btn-group.current button:hover,
            .masthead .btn-toolbar .btn-group.current .btn.dropdown-toggle {
                background: none repeat scroll 0 0 #E30613;
                color: #fff;
            }

    .masthead .dropdown-menu li a {
        color: #222222;
    }

        .masthead .dropdown-menu li a:hover {
            background: none repeat scroll 0 0 #3E85AA;
            color: #FFFFFF;
        }

    .masthead .dropdown-menu li {
        float: none;
        margin: 0;
        padding: 0;
    }

    .masthead .dropdown-menu {
        right: 50px !important;
        position: absolute;
    }


    .masthead .dropdown-menu {
        background: #fff;
        margin-top: -2px;
        border-top: 4px solid #fff;
        min-width: 200px;
        z-index: 1400;
    }

    .masthead .ui-datepicker-header {
        top: 10px;
    }

    .masthead .dropdown-menu > li {
        font-weight: 200;
    }

        .masthead .dropdown-menu > li > a {
            font-size: 16px;
            padding-right: 12px;
            padding-top: 10px;
            padding-bottom: 10px;
        }


    .masthead .login-section {
        right: 0;
        position: absolute;
        padding-right: 5px;
    }

    /* Side nav menu */
    #sideMenuDiv {
    }

    #sideMenuDiv #menuPinLink {
        color: #ffffff;
        text-decoration: none;
        padding: 5px;
        border: 2px solid #0071B9;
        margin-left: 30px;
        vertical-align: top;
    }

        #sideMenuDiv #menuPinLink:hover {
            cursor: pointer;
            color: #fff;
        }

    #sideMenuDiv .general-menu-text-highlight {
        font-weight: bolder;
    }

#menuDiv #menuDivButtonsContainer {
    padding: 10px;
    height: 40px;
}

.quick-logout-button {
    padding: 6px 20px !Important;
    margin-top: 5px;
    margin-bottom: 5px;
    float: right;
}

/*.float-below-filter {
    top: 150px !important;
}*/
@media (max-width: 1023px) {
    /*#log-out-button {
        width: 77vw;
        border: 0;
    }*/

    .masthead .dropdown-menu > li > a {
        font-size: 18px;
    }

    .masthead .dropdown-menu > li {
        text-align: left;
    }
}


/* Responsive for Master menu */

@media (max-width: 800px) {

    /*#log-out-button {
        width: 74.5vw;
    }*/
}

@media (max-width: 400px) {

    .masthead .dropdown-menu > li {
        text-align: left;
    }

    /*#log-out-button {
        width: 73vw;
    }*/
}


.log-out-button {
    margin-left: -5px;
}

.navbar {
    margin-bottom: 0px;
}

    .navbar .nav {
        margin-bottom: 8px;
        margin-top: 7px;
    }

        .navbar .nav li {
            /*padding-right: 10px;*/
        }

            .navbar .nav li a {
                padding: 4px 13px;
            }

        .navbar .nav > li > a {
            border-radius: 5px;
            text-shadow: none;
        }

            .navbar .nav > li > a:hover {
                color: #E30613;
            }

            .navbar .nav > li > a:focus {
                color: #D39F04;
            }

        .navbar .nav li.current a {
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
            border-radius: 5px;
            color: #D39F04;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
        }

.navbar {
    background: none repeat scroll 0 0 #25303B;
}

.nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret {
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
    opacity: 0.5;
}

.nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle:hover .caret {
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
    opacity: 0.7;
}

.navbar .container {
    width: 940px !important;
}

.navbar-inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 solid rgba(0, 0, 0, 0);
    box-shadow: none;
    min-height: 50px;
    padding-left: 0;
    padding-right: 0;
}

.nav-pills.nav-stacked > .active > a, .nav-pills.nav-stacked > .active > a:hover {
    background-color: #1D1D1B;
    color: #FFFFFF;
}

.nav-pills.nav-stacked > li > a {
    color: #1D1D1B;
}

    .nav-pills.nav-stacked > li > a:hover {
        background-color: #E3E2DF;
    }

.navbar .btn {
    margin: 2px 0 0;
}

#navMenu {
    margin-top: 5px;
}

    #navMenu .btn {
        margin-left: 5px;
    }

.masthead .usermenu {
    width: 225px;
    max-height: 40px;
    overflow: hidden;
    padding: 0 5px 0 15px;
    word-break: break-word;
}

    .masthead .usermenu .btn-login {
        color: #E30613;
    }

    .masthead .usermenu .btn-login, .usermenu .btn-login:active {
        background: transparent !important;
        margin-right: 5px;
    }

    .masthead .usermenu .dropdown-menu {
        left: auto;
        right: 0;
    }


.log-out {
    opacity: 0.5;
}

    .log-out:hover {
        opacity: 1;
    }

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    background-color: #333333;
}

.navbar .nav.pull-right {
    margin-top: 4px;
}

    .navbar .nav.pull-right li {
        padding-right: 3px;
    }



.nav .dropdown-menu {
    margin-top: -7px;
}

div.dropdown-menu {
    padding: 15px;
    width: 290px;
    z-index: 999;
}

    div.dropdown-menu p {
        color: #222222;
    }

    div.dropdown-menu a {
        min-width: 70px;
    }

.dropdown-menu a:hover {
    cursor: pointer;
}

.dropdown-menu .dropdown-menu-title {
    color: #000000;
    font-weight: bolder;
    margin: 2px;
    padding: 4px;
    border-bottom: 2px solid #000000;
}


.btn .caret {
    margin-left: 2px;
    opacity: 0.8;
}

@media (max-width: 740px) {
    div.dropdown-menu {
        border-top: 1px solid #555555;
        color: #FFFFFF;
        padding-left: 0;
        width: auto;
    }

        div.dropdown-menu p {
            color: #FFFFFF;
        }

    .navbar .nav.pull-right li.no-hover {
        display: none;
    }
}

.accordion-group {
    border: 0 solid rgba(0, 0, 0, 0);
}

/*.alert {
    background: none repeat scroll 0 0 #FFFAD8;
    color: #8D6C34;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
}*/

.alert-block {
    padding-bottom: 11px;
    padding-top: 11px;
}

.btn {
    letter-spacing: 0;
    padding: 6px 15px;
    border-left: 0;
    background-image: none;
}

.min-width.btn {
    min-width: 70px;
}

.min-width-medium.btn {
    min-width: 200px;
}

.btn-carbon {
    background-color: #0F0F0F !important;
    background-image: linear-gradient(#4C4C4C, #0F0F0F);
    background-repeat: repeat-x;
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.39);
}

.btn-blue {
    background-color: #0071B9 !important;
    background-image: linear-gradient(#0071B9, #0071B9);
    background-repeat: repeat-x;
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
}

.btn-green {
    background-color: #6E8824 !important;
    background-image: linear-gradient(#A2C935, #6E8824);
    background-repeat: repeat-x;
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.26) !important;
}

.btn-wasp {
    background-color: #E7BF05 !important;
    /*background-image: linear-gradient(#E30613, #D39F04);
    background-repeat: repeat-x;*/
    color: #000000;
    font-weight: bolder;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.26);
}

.btn-login {
    background-color: #0F0F0F !important;
    background-image: linear-gradient(#4C4C4C, #0F0F0F);
    background-repeat: repeat-x;
    color: #E30613;
}

.btn-green .caret, .btn-wasp .caret {
    border-top: 4px solid #FFFFFF;
    opacity: 1;
}

.btn-carbon .caret, .btn-green .caret, .btn-wasp .caret, .btn-blue .caret, .btn-login .caret, .mft-btn-set .caret{
    border-bottom-color: #fff !important;
    border-top-color: #fff !important;
    opacity: 0.9;
    margin-left: 4px !important;
}

/*CSS for tables*/
.table-button {
    padding: 5px;
    display: block;
    max-width: 35px;
    margin: auto;
}

.narrow-table-col {
    max-width: 40px;
}

.outcome-ddl {
    min-width: 100%;
    max-width: 80px;
}

.search-button {
    padding: 5px;
    display: block;
}

.min-width100 {
    min-width: 100%;
}

.textAreaExpand {
    min-width: 100% !important;
    float: left;
    overflow: hidden;
    /*width: 90% !important;*/
}

.text-entry {
    border-radius: 3px;
    border-color: #e0e0e0;
    border-style: solid;
    border-width: thin;
}

#tleLoggedIn {
    padding-left: 5px;
    padding-right: 2px;
    padding-top: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
    vertical-align:middle;
}

    #tleLoggedIn:hover {
        color: #E30613;
        background: transparent;
    }


/*Master header*/
#tleHeader {
    color: #ffffff;
    font-size: 28px;
    font-weight: normal;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 0;
    float: left;
}


#brdnavMenu {
    display: inline-block;
    vertical-align: top;
    width: 78%;
}

    #brdnavMenu > div {
        display: inline-block;
    }

        #brdnavMenu > div > li {
            display: inline;
        }



#repType {
    display: inline-block;
    min-width: 80px;
    max-width: 500px;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 5px;
    overflow-y: visible;
}

    #repType h2 {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

#brdnavMenu-reports {
    min-width: 100px;
    display: inline-block;
    margin-top: 5px;
}

#createButton {
    vertical-align: top;
    min-width: 0px;
    display: inline-block;
    margin-top: 5px;
}

.brdnavmenu-right {
    vertical-align: top;
    /*   float: right !important;*/
}

    .brdnavmenu-right span > ul > li {
        display: inline;
    }

    .brdnavmenu-right > span > ul > li > ul.dropdown-menu {
        z-index: 2000;
        left: -50px !important;
        margin-top: -10px !important;
    }


        .brdnavmenu-right > span > ul > li > ul.dropdown-menu > li > a {
            padding: 5px 5px 5px 15px;
        }

    .brdnavmenu-right > span > ul > li > a > b.caret {
        vertical-align: middle;
        border-bottom-color: #FFFFFF;
        border-top-color: #FFFFFF;
        border-top: 8px dashed;
        border-top: 8px solid\9;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        color: #fff;
        margin-top: -2px !important;
        margin-left: 10px !important;
    }



.homeHeader a {
    color: #E30613;
    font-size: 28px;
    font-weight: normal;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 0;
}

    .homeHeader a:hover {
        color: #E30613;
        text-decoration: none;
    }

    .homeHeader a:focus {
        text-decoration: none;
    }



/* Blocks */
/* Element for inserting site blocks */

#simpleBlock {
    overflow: auto;
    /*width: 100%;*/
    padding-right: 10px;
    padding-left: 10px;
}

/* Block - sticky header titles and name column */

.sticky-block-header {
    overflow: scroll;
}

    .sticky-block-header #page-title-wrapper {
        position: sticky !important;
        position: -webkit-sticky !important;
        position: -moz-sticky !important;
        position: -o-sticky !important;
        position: -ms-sticky !important;
        left: 0;
        top: 0;
        z-index: 1004;
        background: #fff;
        width: fit-content;
        width: -moz-fit-content;
    }

    .sticky-block-header #pageTitleAndMenuWrapper {
        position: sticky !important;
        position: -webkit-sticky !important;
        position: -moz-sticky !important;
        position: -o-sticky !important;
        position: -ms-sticky !important;
        left: 0;
        top: 0;
        z-index: 1004;
        background: #fff;
        width: fit-content;
        width: -moz-fit-content;
    }


/* Block Header elements*/

#tleFormHeader {
    padding-left: 5px;
    color: #49AFCD;
}

#tleFormPrevRep {
    padding-left: 5px;
    color: #49AFCD;
}

/* Footer elements */
.footer {
    background: none repeat scroll 0 0 #25303B;
    color: #777777;
    font-size: 12px;
    line-height: 20px;
    /*margin-top: 30px;*/
    padding: 24px 15px 5px;
}

    .footer ul {
        list-style: none inside none;
        margin-bottom: 20px;
    }

        .footer ul li {
            line-height: 17px;
        }

            .footer ul li a {
                font-size: 12px;
            }

            .footer ul li strong {
                margin-left: -2px;
            }

    .footer a {
        color: #EEEEEE;
        text-decoration: none;
    }

        .footer a:hover {
            color: #FFFFFF;
            text-decoration: underline;
        }

    .footer .span6, .footer .span4, .footer .span3 {
        text-align: center;
    }

        .footer .span6 img, .footer .span4 img, .footer .span3 img {
            margin-right: 10px;
            margin-top: 3px;
            opacity: 0.86;
        }

            .footer .span6 img:hover, .footer .span4 img:hover, .footer .span3 img:hover {
                opacity: 1;
            }

    .footer p {
        font-size: 11px;
        line-height: 12px;
    }

    .footer .smallprint {
        text-align: center;
        color: #fff;
        font-size: 13px;
        line-height: 16px;
        margin: 0;
    }

    .footer .social {
        padding-top: 30px;
        text-align: center;
    }

        .footer .social .icon {
            font-size: 40px;
            margin: 0 12px;
            opacity: 0.4;
            transition: all 0.2s linear;
        }

            .footer .social .icon:before {
                color: rgba(255,255,255,1) !important;
            }

            .footer .social .icon:hover {
                opacity: 0.6;
            }

.footer-section {
    background: url("../css/img/5pcwhite-a8a4e96d4f.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 1px solid #060606;
    padding-top: 10px;
    width: 100%;
}

#footer-marker {
    color: #ffffff;
    height: 20px;
}

#report-list td {
    vertical-align: middle;
}

.preview-button, .preview-button-inlist {
    min-width: 85px;
}

#btnDivTopPrevRep {
    margin-right: 10px;
}

.history-link.btn {
    font-size: inherit;
}

legend {
    line-height: 45px;
}

    legend small {
        font-size: 11px;
    }

@media (min-width: 800px) {
    .xxlarge, .input-xxlarge {
        width: 400px;
    }
}

@media (min-width: 700px) and (max-width: 799px) {
    .xxlarge, .input-xxlarge {
        width: 300px;
    }
}

@media (max-width: 480px) {
    .modal {
        top: 0 !important;
    }
}



.login-form {
    margin: 30px auto 0;
    width: 400px;
}

.recover-password > div {
    margin-bottom: 10px;
}

.login-form h2 {
    margin-bottom: 18px;
    font-size: 28px;
}

input.super {
    border-radius: 5px;
    font-size: 22px;
    height: 32px;
    line-height: 32px;
    width: 250px;
}

.well.login-form {
    padding: 10px 20px 0;
}

.login-form .input-large {
    margin-top: 0px;
    min-width: 80px;
}

.login-form input {
    margin-bottom: 14px !important;
}

.login-form label {
    display: inline-block;
    width: 90px;
    vertical-align: middle;
    margin-bottom: 14px;
}

#cphBody_LoginView1_LoginUser_LoginButton, #cphBody_LoginView1_RecoverPwd_UserNameContainerID_SubmitButton {
    margin-left: 93px;
}

.forgot-password {
    margin-bottom: 10px;
}

.login-form *:-moz-placeholder {
    color: #AFB6BD;
}

.popover-inner {
    background: none repeat scroll 0 0 #ccc;
}

.popover.left .arrow {
    border-left: 7px solid #ccc;
}

.popover.right .arrow {
    border-right: 7px solid #ccc;
}

.modal {
    border: 4px solid #696969;
    box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.6);
    color: #222222;
    overflow: hidden;
}

.modal-body {
    max-height: 430px;
}

.modal .btn {
    font-weight: bold;
}

    .modal .btn:focus {
        -moz-box-shadow: 2px 2px 2px 2px #000000;
        -webkit-box-shadow: 2px 2px 2px 2px #000000;
        box-shadow: 2px 2px 2px 2px #000000;
    }


.modal input[type=radio]:focus {
    outline: 2px solid black;
    color: #000000;
    background-color: #000000;
    /*-moz-box-shadow: 2px 2px 2px 2px #000000;
    -webkit-box-shadow: 2px 2px 2px 2px #000000;
    box-shadow: 2px 2px 2px 2px #000000;*/
    text-decoration: none
}

.modal input[type=checkbox]:focus {
    -moz-box-shadow: 2px 2px 2px 2px #000000;
    -webkit-box-shadow: 2px 2px 2px 2px #000000;
    box-shadow: 2px 2px 2px 2px #000000;
}

.modal .xxlarge {
    width: 280px;
}

.modal-backdrop {
    z-index: 1060 !important;
}

    .modal-backdrop.fade.in {
        opacity: 0.3;
    }

/* Restrict image size in modals ie. logos etc... */
.modal .modal-size-img {
    max-width: 100px;
    max-height: 100px;
}

.modal .modal-size-img-lg {
    max-width: 200px;
    max-height: 200px;
}


#user-alert-modal {
    z-index: 9999;
}

#empty-modal, #help-popup-modal {
    z-index: 9998;
}

#help-popup-modal {
    background: #ffffff;
    color: #000000;
    border: 4px solid #ffffff;
    border-radius: 10px;
}

    #help-popup-modal .modal-body {
        padding: 2px;
        height: auto;
    }

    #help-popup-modal #helpPopupHeaderContainer {
        background: #0071B9;
        border: 5px;
        border-radius: 5px;
    }

    #help-popup-modal #modalHelpMessage {
        /*border: 4px solid #ffffff;*/
        border-radius: 4px;
        padding: 10px 40px 5px 40px;
        background: #ffffff;
        min-height: 150px;
        color: #000000;
        text-align: center;
    }

    #help-popup-modal .help-popup-section {
        min-height: 275px;
    }

    #help-popup-modal #helpPopupIcon {
        width: 20px;
        display: inline-block;
        color: #0071B9;
        padding-top: 5px;
        padding-bottom: 19px;
        padding-left: 8px;
        margin-bottom: 5px;
        height: 5px;
        font-size: 20px;
        border: 5px solid #0071B9;
        border-radius: 30px;
        background: #ffffff;
    }

    #help-popup-modal #helpPopupTitle {
        width: 300px;
        display: inline-block;
        margin-left: 10px;
    }

        #help-popup-modal #helpPopupTitle h3 {
            color: #ffffff;
            margin: 5px;
        }

    #help-popup-modal #helpPopupsBtnsNextPrvContainer {
        height: 0;
    }

    #help-popup-modal .btn-help-popup {
        color: #ffffff;
        font-size: 20px;
        margin: 5px;
        font-weight: bolder;
        text-decoration: none;
        cursor: pointer;
        padding: 1px 5px;
        background: #0071B9;
        border: 5px solid #0071B9;
        border-radius: 20px;
    }

    #help-popup-modal .help-popup-media {
        max-width: 100%;
        text-align: center;
    }

        #help-popup-modal .help-popup-media video {
            min-width: 50% !important;
            max-width: 100%;
            max-height: 220px;
            border: 1px solid #000000;
            box-shadow: 5px 5px 20px 5px #888888;
        }

        #help-popup-modal .help-popup-media img {
            max-width: 100%;
            max-height: 175px;
        }

    #help-popup-modal #helpPopupBtnNext {
        right: 0;
        position: absolute;
        margin-top: 80px;
    }

    #help-popup-modal #helpPopupBtnPrev {
        left: 0;
        position: absolute;
        margin-top: 80px;
    }

    #help-popup-modal #dismissHelpPopupCont {
        width: fit-content;
        width: -moz-fit-content;
        margin: auto;
        font-size: 10pt;
    }

    #help-popup-modal #dismissHelpPopupBtn {
        min-height: 30px;
        float: right;
    }

    #help-popup-modal #helpPopupsIcons {
        text-align: center;
        margin-top: 2px;
    }

    #help-popup-modal .help-popup-section-icon {
        height: 12px;
        width: 12px;
        background-color: #AFB6BD;
        border-radius: 50%;
        display: inline-block;
        margin-right: 5px;
    }

    #help-popup-modal .i-active {
        background-color: #0071B9;
    }


#empty-modal .modal-body {
    /*overflow: auto !important;
    margin-bottom: 10px;*/
}

/* Small message that appears on table if a user has no items on that table */

#tableHelpMessageContainer {
    position: absolute;
    margin-top: 40px;
    margin-left: 5px;
    color: #ffffff;
    z-index: 1008;
}

    #tableHelpMessageContainer #tableHelpMessage {
        background-color: #E30613;
        border-radius: 5px;
        padding: 15px;
    }

    #tableHelpMessageContainer #arrowUp {
        margin-left: 5px;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #E30613;
    }

/* Small message that appears on table if a user has no items on that table because they have filters added */

#tableHelpMessageClearFiltersContainer {
    position: absolute;
    margin-top: 45px;
    width: 100%;
    z-index: 1008;
}

#tableHelpMessageClearFiltersContainer #tableHelpMessage {
    color: #ffffff;
    background-color: #E30613;
    padding: 15px;
    width: 50%;
    text-align: center;
    margin: auto;
}

#confirm-msg {
    padding: 20px;
}

#alert-msg {
    padding-left: 20PX;
    padding-right: 20PX;
    color: red;
    max-height: 100px;
    overflow: auto;
}

.alert-msg {
    padding-left: 20px;
    padding-right: 20px;
    color: red;
}

/* Search contacts modal && button */

a.jsShowAllContact {
    cursor: pointer;
    /*width: 130px;*/
}

.search-contacts-modal-tab-header {
    margin-bottom: 15px;
    border-bottom: 2px solid #e6e6e6;
}

    .search-contacts-modal-tab-header div {
        display: inline-block;
        margin-right: 5px;
        padding: 5px;
    }

    .search-contacts-modal-tab-header div:hover {
        cursor: pointer;
     }

        .search-contacts-modal-tab-header div.active {
            background-color: #e6e6e6;
        }


#contactsTitle {
    max-width: 70%;
    display: inline;
}

#contactOutput, #contactUsersOutput {
    overflow: auto;
    max-height: 250px;
}

    #contactOutput ul, #contactUsersOutput ul {
        text-decoration: none;
        margin-left: 0px;
        list-style-type: none;
    }

    #contactOutput li, #contactUsersOutput li {
        list-style-type: none;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 10px;
    }

        #contactOutput li.side-well, #contactUsersOutput li.side-well {
            padding-left: 45px;
        }

        #contactOutput li:hover, #contactUsersOutput li:hover {
            background: #0071B9;
            color: white;
            cursor: pointer;
        }


#search-contacts input {
    width: 70%;
}

#search-users-contacts input {
    width: 70%;
}

#searchContactsBtn, #searchUsersBtn, #resetSearchUsers, #resetSearchContacts {
    vertical-align: top;
    margin-top: 0px;
    width: 15%;
}


/* Search UPRN modal && button */

.jsSearchUPRN {
    cursor: pointer;
    /*width: 130px;*/
}


#UPRNOutput {
    overflow: auto;
    max-height: 250px;
}

    #UPRNOutput ul {
        text-decoration: none;
        margin-left: 0px;
        list-style-type: none;
    }

    #UPRNOutput li {
        list-style-type: none;
        padding-bottom: 5px;
        padding-left: 10px;
    }

        #UPRNOutput li:hover {
            background: #0071B9;
            color: white;
        }


#search-uprn input {
    width: 90%;
}

#searchUPRNBtn {
    vertical-align: top;
    margin-top: 0px;
    width: 10%;
}

/* Search addresses modal && button*/

.jsShowAllAdd {
    cursor: pointer;
}

#addressOutput {
    overflow: auto;
    max-height: 250px;
}

    #addressOutput ul {
        text-decoration: none;
        margin-left: 0px;
        list-style-type: none;
    }

    #addressOutput li {
        list-style-type: none;
        padding-bottom: 5px;
        padding-left: 10px;
    }

        #addressOutput li:hover {
            background: #0071B9;
            color: white;
        }

#search-addresses input {
    width: 90%;
}

#searchAddressesBtn {
    vertical-align: top;
    margin-top: 0px;
    width: 10%;
}

/** Edit profile modal */
.jSignature {
    /* set width suitable for most screen sizes */
    width: 380px !important;
    height: 125px !important;
    background-color: #ffffff !important;
}

#jsSigUploadFromEdtProfileModal {
    width: 100%;
    margin: 0.5rem;
}

    #jsSigUploadFromEdtProfileModal div {
        width: 100%;
    }

#editProfileSignature {
    width: 380px !important;
    height: 125px !important;
    border: 1px solid black;
}

    #editProfileSignature input {
        position: inherit !important;
        left: 330px !important;
        padding: 10px;
        background-color: #0071B9 !important;
        color: #FFFFFF !important;
        width: 50px;
        font-size: 20px;
        font-weight: 900;
    }

#editProfileModalAddDetailsCompColSectionInner {
    width: fit-content;
    margin: auto;
}

#board-list-accordion {
    margin-bottom: 0;
}

    #board-list-accordion .accordion-inner {
        border-top: 0 solid rgba(0, 0, 0, 0);
        padding-bottom: 0;
    }

    #board-list-accordion .accordion-group {
        margin-bottom: 6px;
    }

    #board-list-accordion .accordion-heading {
        background: none repeat scroll 0 0 #E3E2DF;
        border-radius: 5px;
        color: #333333;
        font-weight: bold;
        text-decoration: none !important;
    }

        #board-list-accordion .accordion-heading:hover {
            background: none repeat scroll 0 0 #DBD9DA;
        }

        #board-list-accordion .accordion-heading.active {
            background: none repeat scroll 0 0 #333333;
        }

            #board-list-accordion .accordion-heading.active a {
                color: #FFFFFF;
            }

    #board-list-accordion ul {
        margin-left: 14px;
        padding: 0;
    }

    #board-list-accordion .nav-list > li > a {
    }

    #board-list-accordion a.btn {
        color: #FFFFFF;
        margin: 7px 0 5px;
        max-width: 100px;
        padding: 3px 15px;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
    }

    #board-list-accordion .accordion-heading a {
        color: #333333;
        padding: 5px 12px;
        text-decoration: none !important;
    }

    #board-list-accordion li.active a, #board-list-accordion li.active a:hover {
        background-color: #333333;
        color: #FFFFFF;
    }

    #board-list-accordion ul li {
        padding: 4px 0;
    }

    #board-list-accordion li a {
        background-color: #E3E2DF;
        border-radius: 5px;
        color: #333333;
        padding: 4px 10px;
    }

        #board-list-accordion li a:hover {
            background-color: #DBD9DA;
        }

    #board-list-accordion .display-new-circuit-modal a, #board-list-accordion .display-new-rcd-modal a, #board-list-accordion .display-new-circuit-modal a:hover, #board-list-accordion .display-new-rcd-modal a:hover {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #0088CC;
        margin: 0 0 0 -25px;
    }

    #board-list-accordion .display-new-board-modal a, #board-list-accordion .display-new-board-modal a:hover {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #0088CC;
        display: inline-block;
        padding: 0 0 10px 5px;
    }

    #board-list-accordion .display-new-circuit-modal a:hover, #board-list-accordion .display-new-rcd-modal a:hover {
        text-decoration: underline;
    }

    #board-list-accordion .nav-list .divider {
        margin-left: -15px;
        margin-right: -13px;
        padding: 0;
    }

    #board-list-accordion a img {
        opacity: 0.4;
    }

    #board-list-accordion .active a img {
        opacity: 0.8;
    }

    #board-list-accordion a img:hover {
        opacity: 1;
        transition: opacity 0.2s ease 0s;
    }


#general-list-accordion {
    width: fit-content;
    width: -moz-fit-content;
    overflow: auto;
    height: calc(100vh - 165px);
    padding-bottom: 10px;
}

    #general-list-accordion.accordion.stickymenu > ul > li {
        max-width: 90%;
    }

/* Table container blocks */

/* Table header sub menu */

#pageTitleAndMenuWrapper {
    background-color: #fff;
    padding-bottom: 5px;
}

    #pageTitleAndMenuWrapper #brdsubheader .btn {
        padding: 1px 2px 1px 2px;
        background: #fff;
        border: 1px solid #49AFCD;
        text-decoration: underline;
        box-shadow: 1px 1px 5px #888888;
        border-radius: 2px;
    }

    #pageTitleAndMenuWrapper #brdsubheader .active {
        background: #009AB2;
       /* font-weight: bold;*/
        color: #ffffff;
        box-shadow: inset;
    }

    #pageTitleAndMenuWrapper #brdsubheader .btn:hover {
        /*background: #ebf6fa;*/
    }

    #pageTitleAndMenuWrapper #btnDivTop {
        display: inline-block;
    }

        #pageTitleAndMenuWrapper #btnDivTop .btn {
            padding: 4px;
        }

    #pageTitleAndMenuWrapper #brdsubheader {
        padding-top: 2px;
        display: inline-block;
        text-align: center;
    }

        #pageTitleAndMenuWrapper #brdsubheader span {
            display: block;
        }

    #pageTitleAndMenuWrapper #tleFormHeader {
        color: #49afcd;
        border-bottom: 2px solid #49afcd;
        margin-bottom: 4px;
        margin-right: 0;
        font-size: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 150px;
        text-align: center;
        margin: auto;
    }

#obsHelpTxt {
    z-index: 1020;
    font-size: 12px;
}


/* Tables */

table td:focus {
    border: 1px solid #000000;
}

    table td:focus .kitepara {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #236689 !important;
        background-image: linear-gradient(#0071B9, #236689);
        background-repeat: repeat-x;
        color: #FFFFFF !important;
    }

table .active-MFT:focus .kitepara {
    background-color: #FFFFFF !important;
    background-image: none;
    color: #000000 !important;
}
table .inactive-MFT:focus .kitepara {
    background-color: #FFFFFF !important;
    background-image: none;        
    color: #000000 !important;
}


.rowActive {
    background-color: #c3e4ef !important;
}

.tablesorter th {
    background: none repeat scroll 0 0 #FFFFFF;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

    .tablesorter th:hover {
        background: none repeat scroll 0 0 #F5F5F5;
    }

table.tablesorter thead tr .headerSortUp {
    background-image: url("../css/img/asc-f8a1940c9c.gif");
    background-position: right center;
    background-repeat: no-repeat;
}

table.tablesorter thead tr .headerSortDown {
    background-image: url("../css/img/desc-a54846803d.gif");
    background-position: right center;
    background-repeat: no-repeat;
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}

th.no-sort, th.no-sort:hover {
    background: none repeat scroll 0 0 #FFFFFF !important;
    cursor: auto;
}

table .kitepara {
    text-align: center;
    margin: 4px;
}

table .kitecell .btn {
    background-image: none;
    min-width: -webkit-fill-available;
    min-width: -moz-available;
    margin: 4px;
    text-align: center;
}


/* Table - sticky table header titles and name column */

.sticky-table-header {
    overflow: scroll;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

    .sticky-table-header #page-title-wrapper {
        position: sticky !important;
        position: -webkit-sticky !important;
        position: -moz-sticky !important;
        position: -o-sticky !important;
        position: -ms-sticky !important;
        left: 0;
        top: 0;
        z-index: 1041;
        background: #fff;
        width: fit-content;
        width: -moz-fit-content;
        height: 50px;
        padding-left: 50px;
    }

    .sticky-table-header #pageTitleAndMenuWrapper {
        position: sticky !important;
        position: -webkit-sticky !important;
        position: -moz-sticky !important;
        position: -o-sticky !important;
        position: -ms-sticky !important;
        left: 0;
        top: 0;
        z-index: 1004;
        background: #fff;
        width: fit-content;
        width: -moz-fit-content;
        height: 55px;
        display: inline-block;
        padding-left: 50px;
    }

    .sticky-table-header .strong {
        display: none;
    }

    .sticky-table-header::-webkit-scrollbar {
        width: 12px;
        height: 20px;
    }

    .sticky-table-header::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 20px rgba(0,0,0,0.3);
    }

    .sticky-table-header::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 20px 0 #236689;
    }

    .sticky-table-header table {
        text-align: left;
        position: relative;
        border-collapse: separate;
        margin-bottom: 0px;
    }

    .sticky-table-header thead {
        z-index: 1000;
    }

    .sticky-table-header td {
        min-width: 75px;
        max-width: 150px;
        border: 1px solid #e6e6e6;
        padding: 0 !important;
        text-align: center;
        line-height: 20px;
        vertical-align: middle;
        max-height: 85px;
    }

        .sticky-table-header td p {
            max-height: 100px;
            overflow: hidden;
            margin-top: 5px;
            line-height: 20px;
            margin-bottom: 5px;
        }


    .sticky-table-header .datepicker td {
        min-width: 100px;
    }

    .sticky-table-header th, td {
        padding: 0.25rem;
    }

    .sticky-table-header th {
        line-height: 15px;
        background: #f2f2f2 !important;
        position: sticky;
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -o-sticky;
        position: -ms-sticky;
        top: 0px;
        box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.4);
        z-index: 1005;
    }

    .sticky-table-header .table-overflow {
        height: 120px;
    }

    .sticky-table-header #tableBreadcrumbWrapper {
        display: inline-block;
        padding: 5px;
        margin-top: 10px;
        font-size: 12px;
        width: fit-content;
        position: sticky;
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -o-sticky;
        position: -ms-sticky;
        left: 480px;
    }

        .sticky-table-header #tableBreadcrumbWrapper #tableBreadcrumbSection {
            width: fit-content;
        }

    .sticky-table-header #tableBreadcrumbSection a {
        padding: 5px 2px 2px 2px;
        margin: 0;
    }

        .sticky-table-header #tableBreadcrumbSection a:hover {
            cursor: pointer;
        }

        .sticky-table-header #tableBreadcrumbSection a.active {
            color: #ffffff;
            background: #08c;
            border-radius: 2px;
        }

.sticky-table-header-jobspage th.no-sort {
    z-index: 1005;
}

.sticky-table-header-jobspage thead tr > th:nth-child(1) {
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    left: 0;
    z-index: 1007;
}

.sticky-table-header-jobspage .table-overflow {
    height: 120px;
}

.sticky-table-header-jobspage .table-offline-marker {
    background: #005580;
    color: #ffffff;
    font-size: 10px;
    width: 100%;
}

.sticky-table-header-jobspage .table-offline-marker-check {
    background: #ffffff;
    color: #005580;
    border-radius: 50%;
    padding-left: 2px;
    padding-right: 2px;
}


.sticky-table-header .default {
    height: 30px;
}

.sticky-table-header #btnDivBot {
    position: absolute;
    text-align: center;
    width: 100%;
    background: #fff;
    top: 91vh;
}

.sticky-table-header .group-alt-color-1 {
    background: #009AB2 !important;
    text-shadow: none;
    color: #ffffff;
}

.sticky-table-header .group-alt-color-2 {
    background: #0071B9 !important;
    color: #ffffff;
    text-shadow: none;
}

.sticky-table-header .sub-group-alt-color-1 {
    background: #e6e6e6 !important;
    border: 1px solid #ffffff !important;
}

.sticky-table-header .sub-group-alt-color-2 {
    background: #d9d9d9 !important;
    border: 1px solid #ffffff !important;
}

.sticky-table-header .sub-group-alt-color-2-ssheader {
    background: #d9d9d9 !important;
    border: 1px solid #ffffff !important;
}

.sticky-table-header td.xxlargecell {
    min-width: 150px;
}

/* Sets the position where the header rows TD elements should stick to the page */
.dropheaderdown-1 th {
    top: 60px;
}

.dropheaderdown-1 #addAddRow > td {
    top: 55px !important;
}

.dropheaderdown-2 th {
    top: 65px;
}

.dropheaderdown-2 #addAddRow > td {
    top: 70px !important;
}

.dropheaderdown-3 th {
    top: 110px;
}

.dropheaderdown-3 #addAddRow > td {
    top: 102px !important;
}

/* Sets the position where the header rows TD elements should stick to the page for when table headers do not have any button bar or title above */
.dropheaderdown-notitleormenu-1 th {
    top: 0;
}

.dropheaderdown-notitleormenu-1 #addAddRow > td {
    top: 15px !important;
}

.dropheaderdown-notitleormenu-2 th {
    top: 25px;
}

.dropheaderdown-notitleormenu-2 #addAddRow > td {
    top: 30px !important;
}

.dropheaderdown-notitleormenu-3 th {
    top: 50px;
}

.dropheaderdown-notitleormenu-3 #addAddRow > td {
    top: 62px !important;
}


.sticky-table-col-1st tbody tr > td:nth-child(2) {
    position: sticky !important;
    position: -webkit-sticky !important;
    position: -moz-sticky !important;
    position: -o-sticky !important;
    position: -ms-sticky !important;
    left: 0;
    max-width: 100px;
    overflow: hidden;
    border-right: 1px solid #dcdcdc;
    background: #f9f9f9;
    z-index: 999;
}

.sticky-table-col-1st tbody tr:nth-child(odd) {
    background: #f9f9f9 !important;
}

.sticky-table-col-1st tbody tr:nth-child(even) {
    background: #ffffff;
}

.sticky-table-col-1st tbody tr > td:nth-child(1) .kitecell a {
    background-image: none;
    min-width: 80px;
}

.sticky-table-col-2nd tbody tr > td:nth-child(2) {
    position: sticky !important;
    position: -webkit-sticky !important;
    position: -moz-sticky !important;
    position: -o-sticky !important;
    position: -ms-sticky !important;
    text-align: center;
    left: 0;
    max-width: 150px;
    background: #f9f9f9;
    z-index: 999;
}

    .sticky-table-col-2nd tbody tr > td:nth-child(2) a {
        display: inline-block;
        width: -webkit-fill-available;
        width: -moz-available;
    }

    .sticky-table-col-2nd tbody tr > td:nth-child(2) .popover {
        min-width: 150px;
        overflow: hidden;
    }

.kitecell .btn .sticky-table-col-2nd tbody tr:nth-child(odd) {
    background: #f9f9f9 !important;
}

.sticky-table-col-2nd tbody tr:nth-child(even) {
    background: #ffffff;
}

.sticky-table-col-2nd tbody tr > td:nth-child(2) .kitecell a {
    background-image: none;
    min-width: 80px;
}

.sticky-table-header thead tr > .sticky {
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    left: 0;
    z-index: 1007;
}

.sticky-table-header thead #group-header-sticky th {
    top: 61px;
    z-index: 1001;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc !important;
    border-bottom: 1px solid #dcdcdc;
    text-align: left;
    background: #cccccc;
}

.sticky-table-header.groupheadernotitleormenu thead #group-header-sticky th {
    top: 0;
}

.sticky-table-header thead #group-header-sticky > th:nth-child(1) {
    left: 0;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    z-index: 1007;
}

.sticky-table-header thead #group-header-sticky th .group-header-sticky-title {
    margin-left: 50px;
    left: 30vw;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
}

.sticky-table-header thead th .th-right {
    margin-left: 35px;
    /*font-size: 12px;*/
}

.sticky-table-header thead #sub-group-header-sticky th {
    position: sticky !important;
    position: -webkit-sticky !important;
    position: -moz-sticky !important;
    position: -o-sticky !important;
    position: -ms-sticky !important;
    top: 86px;
    z-index: 1002;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
}

.sticky-table-header.groupheadernotitleormenu thead #sub-group-header-sticky th {
    top: 25px;
}

.sticky-table-header thead #sub-group-header-sticky > th:nth-child(1) {
    left: 0;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    z-index: 1007;
}

.sticky-table-header thead th {
    /*font-size: 12px;*/
    border-top: 1px solid #dcdcdc !important;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    text-align: center;
    vertical-align: middle;
}

.sticky-table-header .headerSortDown {
    background-image: url(../css/img/desc-a54846803d.gif) !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

.sticky-table-header .headerSortUp {
    background-image: url("../css/img/asc-f8a1940c9c.gif") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* Table - the add button in the table header */
.sticky-table-header #addBtnInTable {
    min-width: initial;
    border-radius: 50px;
    padding: 5px 10px 5px 10px;
    z-index: 1018;
    position: absolute;
    margin-left: 4px;
    margin-top: 4px;
    display: block;
}

/* Admin tables */

#licensesInvoicesTable {
    max-height: 450px;
    overflow: scroll;
}

#CSGcompanyListTable, #CSGlicensesInvoicesTable, #CSGcompanyDetailsTable, #CSGuserDetailsTable, #CSGLicenceKeyDetailsTable {
    max-height: 450px;
    overflow: auto;
}

#CSGcompanyListTableForGroups, #CSGcompanyListTableForCreateComp, #CSGcompanyListTableForDelComp, #CSGcompanyListTableForRoleMan, #CSGuserListTableForUserManagement, #CSGuserListTableForUserMoveFrom, #CSGuserListTableForUserMoveTo, #CSGuserListTableForDeleteUser {
    max-height: 250px;
    overflow: auto;
}

    #CSGcompanyListTable, #CSGcompanyListTableForGroups, #CSGcompanyListTableForCreateComp, #CSGcompanyListTableForDelComp, #CSGcompanyListTableForRoleMan, #CSGuserListTableForUserManagement, #CSGuserListTableForUserMoveFrom, #CSGuserListTableForUserMoveTo, #CSGuserListTableForDeleteUser
    a:hover {
        cursor: pointer;
    }

    #CSGcompanyListTable, #CSGcompanyListTableForGroups, #CSGcompanyListTableForCreateComp, #CSGcompanyListTableForDelComp, #CSGcompanyListTableForRoleMan, #CSGuserListTableForUserManagement, #CSGuserListTableForUserMoveFrom, #CSGuserListTableForUserMoveTo, #CSGuserListTableForDeleteUser
    p:hover {
        cursor: pointer;
    }

#appInspFileListTableWrapper {
    max-height: 350px;
    max-width: 95vw !important;
    overflow: scroll;
}

#testInstrResultLogTableWrapper {
    max-height: 80vh;
    max-width: 95vw !important;
    overflow: scroll;
}

    #testInstrResultLogTableWrapper td p {
        max-height: fit-content;
    }

/* Functionality for expanding table to Full screen - not used at present */
/*#tableExpand {
    position: fixed;
    right: 5px;
    z-index: 1030;
    background: #0071B9;
    color: #ffffff;
}

    #tableExpand .btn {
        padding: 0px 5px 5px 5px;
    }

.expanded {
    right: 25px !important;
}*/
/* Special row at bottom of table that contains 'Add' button - not used at present */
/*#addAddRow .btn {
    padding: 3px;
    min-width: 32%;
    display: inline-block;
}

#addAddRow #addBtnInTable {
    border-radius: 4px;
    padding: 2px;
}

#addAddRow #addDefBtnInTable {
    border-radius: 4px;
    overflow: hidden;
    padding: 3px;
}

#addAddRow .icon-plus {
    margin: auto !important;
}

#addAddRow > td {
    background-color: #f9f9f9;
    top: 0 !important;
    z-index: 1015;
}*/
/*#addAddRow > td:nth-child(2) {
        background: #e6e6e6;
        position: sticky !important;
        position: -webkit-sticky !important;
        position: -moz-sticky !important;
        position: -o-sticky !important;
        position: -ms-sticky !important;
        text-align: center;
        left: 0;
        z-index: 1015;
        border: 1px solid darkgrey;
        padding-bottom: 6px !important;
        padding-top: 5px !important;
    }*/
/* Table Style for newest added table item */
/*.table-newest-item {
    background-color: #fdf1ce !important;
}

    .table-newest-item td {
        background-color: #fdf1ce !important;
    }*/
/* Table Mock cell for empty row */
.fake-td {
    background-color: #f9f9f9;
    padding: 15px 0px 4px 0px;
    height: 30px;
}

/* Table Delete buttons */
.btn.delete-button, .btn.obsDelete {
    background: #E30613;
}

/* Preview (board) button */
/*.btn.preview-board {
    background: #48C754;
}*/

/** Table input modals */

#genModalControl {
    overflow: auto;
    max-height: 250px;
}

    #genModalControl ul {
        text-decoration: none;
        margin-left: 0px;
        list-style-type: none;
        width: 100%;
    }

    #genModalControl li {
        list-style-type: none;
        padding-bottom: 2px;
        padding-left: 10px;
        padding-top: 2px;
        min-height: 25px;
        cursor: pointer;
    }

        #genModalControl li:hover {
            background: #f2f2f2;
        }

    #genModalControl .selectedLi {
        background: #0071B9 !important;
        color: white;
        /*margin-bottom: 5px;
        padding-bottom: 0;*/
    }

        #genModalControl .selectedLi span {
            color: white;
        }

    #genModalControl input {
        width: 100%;
    }

    #genModalControl textarea {
        width: 100%;
    }

    #genModalControl .btn {
        padding: 7px;
    }

    #genModalControl ul.circuitSumm-link.ddlCircuitRCD div {
        display: flex;
        align-items: baseline;
    }
        #genModalControl ul.circuitSumm-link.ddlCircuitRCD > li {
            margin-right: 60px;
        }
    
    #genModalControl a.circuitSumm-link-rcd {
        width: 50px;
        padding-left: 10px;
        cursor: pointer;
        visibility: hidden;
    }
        #genModalControl a.circuitSumm-link-rcd.selecteda {
            visibility: visible;
        }

.lozenge {
    height: 100%;
    width: -webkit-fill-available;
    width: -moz-available;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    float: left;
    text-align: center;
}

.danger, .fi {
    background: none repeat scroll 0 0 #FF0000;
    color: #FFFFFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}

.esqcrx {
    background: none repeat scroll 0 0 #25303B;
    color: #FFFFFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}

.potential {
    background: none repeat scroll 0 0 #FFA500;
    color: #111111;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
}

.improvement {
    background: none repeat scroll 0 0 #ffff33;
    color: #111111;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
}

/*.nv {
    background: none repeat scroll 0 0 #F0E68C;
    color: #111111;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
}

.lim {
    background: none repeat scroll 0 0 #EEE8AA;
    color: #111111;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
}*/

/*.fi {
    background: none repeat scroll 0 0 darkred;
    color: #FFFFFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}*/


.ok {
    background: none repeat scroll 0 0 #279300;
    color: #FFFFFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}


.na, .lim, .nv {
    background: none repeat scroll 0 0 #236689;
    color: #FFFFFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}


.whats-this {
    margin-left: 3px;
    opacity: 0.3;
    vertical-align: -4px;
}

    .whats-this:hover {
        opacity: 0.5;
    }

.units {
    color: #777777;
    font-size: 11px;
    margin-right: 5px;
}

#brdnavMenu {
    display: inline-block;
    padding-top: 5px;
}

#status-msg, #circuit-status-msg {
    left: 50%;
    margin-left: -75px;
    padding: 0 5px 2px;
    position: absolute;
    text-align: center;
    top: -3px;
    width: 150px;
    z-index: 1011;
}

#status-msg {
    top: -3px;
}

#status-msg, #circuit-status-msg {
    top: 2px;
    background-color: bisque;
}

.loading {
    background: url("../css/img/spinner-12b392e6a9.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    min-height: 25px;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: wait;
    opacity: 4;
    z-index: 1060; /* follow the same z-index of modal-backdrop, higher than the one of #sideMenuDiv. (originally 999)  */

    background-color: rgba(0, 0, 0, 0.4);
}

#pageMessageText {
    margin: 0;
}

.history-header {
    font-weight: bold;
    margin-bottom: 0;
    padding: 9px 0;
}

    .history-header .date-history {
        display: inline-block;
        padding-left: 4px;
        width: 170px;
    }

    .history-header .inspector {
        display: inline-block;
        width: 150px;
    }

.history-list {
    border: 1px solid #E5E5E5;
    height: 200px;
    overflow-y: auto;
}

.history-list-row {
    padding: 9px 0;
}

    .history-list-row .date-history {
        display: inline-block;
        padding-left: 4px;
        width: 170px;
    }

    .history-list-row .inspector {
        display: inline-block;
        width: 150px;
    }

.history-list > div:nth-child(2n+1) {
    background: none repeat scroll 0 0 #F5F5F5;
}

.newobs-link {
    display: block;
    padding-top: 0;
}

.history-header {
    font-weight: bold;
    margin-bottom: 0;
    padding: 0 0 9px;
}

    .history-header .date-history {
        display: inline-block;
        padding-left: 4px;
        width: 160px;
    }

    .history-header .inspector {
        display: inline-block;
        width: 135px;
    }

    .history-header .action {
        display: inline-block;
        width: 185px;
    }

.history-list {
    border: 1px solid #E5E5E5;
    font-weight: normal;
    height: 200px;
    overflow-y: auto;
}

.history-list-row {
    padding: 9px 0;
}

    .history-list-row .date-history {
        display: inline-block;
        padding-left: 4px;
        vertical-align: top;
        width: 160px;
    }

    .history-list-row .inspector {
        display: inline-block;
        vertical-align: top;
        width: 135px;
    }

    .history-list-row .action {
        display: inline-block;
        vertical-align: top;
        width: 185px;
    }

.history-list > div:nth-child(2n+1) {
    background: none repeat scroll 0 0 #F5F5F5;
}

.block-hide {
    display: none;
}


/* Form inputs */

.form-horizontal .wide-group {
    max-width: 670px;
    padding-bottom: 10px;
    width: 100%;
}

.form-horizontal .control-single {
    min-height: 50px;
}


.form-horizontal .wide-group .control-group {
    position: relative;
    clear: both;
    min-height: 30px;
}

.form-horizontal .wide-group .control-label {
    float: none;
    text-align: left;
    padding-right: 110px;
    padding-left: 30px;
    display: block;
    width: auto;
}

.form-horizontal .wide-group .controls {
    position: absolute;
    right: 0;
    top: 2px;
    margin-left: 10px !important;
}

.form-horizontal .wide-group .help-icon {
    position: absolute;
    left: 0;
    top: 0px;
    text-align: left;
    width: 400px;
}

.form-horizontal .medium-group {
    max-width: 520px;
    padding-bottom: 10px;
    width: 100%;
}

    .form-horizontal .medium-group .control-group {
        position: relative;
        clear: both;
        min-height: 30px;
    }

    .form-horizontal .medium-group .control-label {
        float: none;
        text-align: left;
        padding-right: 160px;
        padding-left: 30px;
        display: block;
        width: auto;
    }

    .form-horizontal .medium-group .controls {
        position: absolute;
        right: 0px;
        top: 2px;
        margin-left: 10px !important;
    }

    .form-horizontal .medium-group .help-icon {
        position: absolute;
        left: 0;
        top: 0px;
        text-align: left;
        width: 400px;
    }

.form-horizontal .default-buttons .help-icon {
    padding-top: 0px;
}

.form-horizontal .help-icon {
    min-width: 25px;
    float: left;
    padding-top: 5px;
    padding-right: 5px;
    text-align: right;
}

.form-horizontal .label-text {
    max-width: 85%;
    display: inline-block;
}

.form-horizontal .help-icon-section {
    display: inline-block;
    vertical-align: top;
    width: 15%;
}

.form-horizontal .help-icon-job {
    min-width: 30px;
}

.form-horizontal .controls {
    margin-left: 200px;
}

.form-horizontal .control-label {
    width: 190px;
}


tr.hoverable:hover td {
    background-color: #ffffff;
}

td.hoverable:hover {
    background-color: #ffffff;
}

tr.hoverable:hover td:nth-child(2) {
    background-color: #f9f9f9;
}

td:nth-child(2).hoverable:hover {
    background-color: #f9f9f9;
}

tr.hoverable:hover td.rowActive {
    background-color: green;
}

td.rowActive:hover {
    background-color: green;
}


.image {
    display: block;
    margin-bottom: 10px;
    height: auto !important;
    width: auto !important;
    max-width: 400px;
}

img {
    transition: filter 1s linear;
}

.blur {
    filter: blur(18px);
}
/*view board menu */


#view-boards a {
    padding-right: 40px;
}

#board-ddl {
    margin-left: -37px;
}

.nav-tabs .dropdown-toggle .caret.dark, .nav-pills .dropdown-toggle:hover .caret.dark {
    opacity: 0.8;
    border-bottom-color: #1D1D1B;
    border-top-color: #1D1D1B;
}

#board-ddl a {
    border-radius: 0 4px 0 0;
}


#board-ddl.active a {
    border-left: 0 solid transparent;
}

    #board-ddl.active a.dropdown-toggle:hover {
        background: #eee;
    }

#view-boards.caret-active a {
    border-right: 0 solid transparent !important;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #fff;
}

    #view-boards.caret-active a:hover {
        background: #eee;
        border-bottom: 1px solid #eee;
    }


#board-ddl .caret.dark {
    border-bottom-color: #0088CC !important;
    border-top-color: #0088CC !important;
}

#board-ddl:hover .caret.dark {
    border-bottom-color: #005580 !important;
    border-top-color: #005580 !important;
}

#board-ddl.active .caret.dark {
    border-bottom-color: #333 !important;
    border-top-color: #333 !important;
}

#board-ddl .dropdown-menu {
    left: 0;
    right: auto;
}

.min-width320 {
    min-width: 320px;
}

/* accounts page */

.account-section {
    margin: 30px 20px;
}

    .account-section label {
        display: inline-block;
        margin-right: 15px;
        text-align: right;
        width: 200px;
    }

/* inspection list table buttons */
#inspection-list .btn-carbon {
    margin-right: 5px;
}

/* modal spacing issues */
.new-circuit-modal .form-horizontal .control-group, .new-board-modal .form-horizontal .control-group {
    margin-bottom: 10px;
}

.new-circuit-modal hr {
    margin: 13px 0 13px;
}

/* Filter bar - filters on the Current Jobs page*/
#filterBar {
    line-height: 0px !important;
}

/*#filterBarOverlapContainer {
    min-height: 50px;
}*/

.filterbar {
    border-radius: 3px;
    background: #AFB6BD;
    overflow: hidden;
    padding: 2px 0px 2px 0px;
    text-align: center;
    margin-bottom: 0;
    border-bottom: 2px solid #AFB6BD;
    line-height: inherit;
    width: 100%;
}

    .filterbar label {
        padding: 0 3px 0 3px;
        display: inline-block;
        margin-left: 10px;
        font-size: 13px;
        color: #000;
        font-weight: bold;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .filterbar > div {
        display: inline-block;
        margin-left: 5px !important;
    }

        .filterbar > div.divider {
            background: none repeat scroll 0 0 #c4c4c4;
            border-right: 1px solid #ffffff;
            box-sizing: border-box;
            height: 30px;
            margin-top: -4px;
            vertical-align: text-top;
            width: 2px;
        }


/* Contacts Search bar */

.filter-bar-search div {
    display: inline-block;
}

.filter-bar-search-input > .input-control-buttons button {
    border-radius: 1px;
}

.filter-bar-search-input input {
    border-radius: 1px;
}

/* From Manything */
/* CAROUSEL */
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left;
    }

        .carousel-inner > .item > a > img, .carousel-inner > .item > img {
            line-height: 1;
        }

        .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
            display: block;
            max-width: 100%;
            height: auto;
        }

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

        .carousel-inner > .item.active.right, .carousel-inner > .item.next {
            left: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }

        .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
            left: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

            .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
                left: 0;
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
            }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left, .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control:focus, .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000\9;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

a.homeslide-link-image {
    color: transparent;
}

.homeslide-link-image img {
    max-width: 150px;
    margin-top: 10px;
    text-decoration: none;
}

    .homeslide-link-image img:hover {
        cursor: pointer;
    }

.homeslide-link-image-2 img {
    max-width: 150px;
    display: block;
    margin-top: 10px;
}

    .homeslide-link-image-2 img:hover {
        cursor: pointer;
        text-decoration: none;
    }

.homeslide-link a {
    color: #ee6c4f;
    width: 400px;
    padding-top: 10px;
    opacity: .9;
    font-size: 23px;
    max-width: 300px;
}

.homeslide-link {
    padding-top: 10px;
    text-align: left;
}

    .homeslide-link a:hover {
        text-decoration: underline;
        opacity: 1.0;
    }

.homeslide-logo {
    float: right;
    padding-top: 40px;
}

    .homeslide-logo img:hover {
        cursor: pointer;
    }

.carousel-indicators {
    bottom: 40px;
}

    .carousel-indicators .active {
        background-color: #ef6c4f;
        margin-left: 15px;
    }

    .carousel-indicators li {
        background-color: #c1c0c0;
        border: 0;
        margin-left: 15px;
    }

@media screen and (max-width:680px) {
    .carousel-indicators {
        bottom: 0;
    }
}

@media screen and (max-width:568px) {
    .col-xs-4 {
        width: 100%;
    }
}









/* PRODUCTS */


.video-wrapper-howto {
    margin-top: 20px;
    width: 85%;
    z-index: 12;
    background: white;
    border: 1px solid black;
}

.video-wrapper-howtoIE {
    margin-top: 20px;
    width: 85%;
    height: 700px;
    z-index: 0;
    background: white;
    border: 1px solid black;
}


#contents {
    padding-top: 35px;
}

.youtube-embed {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    width: 100%;
    text-align: center;
}

    .youtube-embed iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 85%;
        height: 85%;
    }



@media (max-width: 1000px) {

    .youtube-embed iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .video-wrapper-howtoIE {
        height: 400px;
        width: 95%;
    }
}

/* FAQS */
.faq {
    padding-top: 12px;
    clear: both;
}

    .faq .expansion-triangle {
        width: 0;
        height: 0;
        border-left: 6px solid #E30613;
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        margin: 0 6px 0 0;
        display: block;
        opacity: 0.6;
        vertical-align: top;
        float: left;
    }

    .faq:hover .expansion-triangle {
        opacity: 1;
    }

    .faq.open .expansion-triangle {
        width: 0;
        height: 0;
        border-top: 6px solid #E30613;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        margin: 4px 3px 0 -3px;
        display: inline-block;
        padding-left: -4px;
        opacity: 1;
    }

    .faq.open {
    }

    .faq a.question {
        font-size: 17px;
        line-height: 24px;
        display: block;
        margin-bottom: 14px;
        margin-top: -5px;
        vertical-align: top;
        padding-left: 16px;
        color: black;
        font-weight: bold;
    }

        .faq a.question:hover {
            text-decoration: none;
            color: #E30613;
        }

        .faq a.question:focus {
            text-decoration: none;
            color: black;
            outline: thin dotted transparent;
        }

    .faq .answer {
        display: none;
        margin-bottom: 10px;
        margin-left: 17px;
        width: 100%;
        border-bottom: 1px solid #eee;
        padding-bottom: 5px;
        color: black;
        width: 66%;
    }

@media screen and (max-width:640px) {
    .mobile-hide {
        display: none !important;
    }

    .mobile-show {
        display: block !important;
    }
}

.navbar-nomargin {
    margin-bottom: 0;
}


.story {
    font-size: 24px;
    color: #908a91;
    text-align: center;
    padding-bottom: 50px;
    clear: both;
}

    .story h1 {
        font-weight: normal;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
        font-size: 24px;
        line-height: 33px;
        max-width: 850px;
    }

    .story h2 {
        font-weight: normal;
        font-size: 42px;
        margin-top: 28px;
        margin-bottom: 40px;
    }

    .story h3 {
        font-weight: normal;
        font-size: 24px;
        line-height: 32px;
    }

    .story p {
        font-weight: normal;
        font-size: 23px;
        line-height: 30px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .story.section1 h2 {
        margin-bottom: 40px;
    }

    .story.section1 {
        padding-bottom: 30px;
    }

    .story.mobile-show {
        padding-top: 20px;
        padding-bottom: 20px;
    }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media(min-width:768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media(min-width:992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media(min-width:1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

.newlayout div, .newlayout span, .newlayout p, .newlayout h1, .newlayout h2, .newlayout h3, .newlayout h4, .newlayout h5, .newlayout ul, .newlayout li {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.newlayout hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.newlayout .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1008px;
    margin: auto;
}

.newlayout .row {
    margin-right: -15px;
    margin-left: -15px;
}

.newlayout div.content {
    max-width: 980px;
    margin: auto;
    width: 90%;
}

.newlayout * {
    outline: none !important;
}

.newlayout * {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.footer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.footer :after, .footer :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Typeahead */
.tt-input, /* UPDATE: newer versions use tt-input instead of tt-query */
.tt-hint {
    width: 520px;
    height: 30px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 16px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
    z-index: 5 !important;
}

.tt-input { /* UPDATE: newer versions use tt-input instead of tt-query */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu { /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
    width: 510px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 12px;
    line-height: 16px;
}

    .tt-suggestion.tt-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
        color: #fff !important;
        background-color: #0097cf !important;
    }

    .tt-suggestion.tt-selectable:hover {
        background: #eee;
        cursor: pointer;
    }

    .tt-suggestion p {
        margin: 0;
    }

#search-phrase-modal .modal-body {
    overflow-y: visible;
    height: 100px;
}

#search-phrases .tt-menu {
    max-height: 350px;
    overflow-y: auto;
}

.uneditable-input {
    border: none;
}

.si-outcome-select {
    width: 70px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    height: 34px;
    box-sizing: border-box;
}

    .uneditable-input.multiline {
        height: unset;
        min-height: 34px;
        max-height: 210px;
        text-wrap: wrap;
        overflow: auto;
    }
    .uneditable-input.multiline a {
        margin: 3px;
    }
        
    
#ui-datepicker-div {
    z-index: 1011 !important;
}

.hasDatepicker {
    background-color: #fff !important;
}

    .hasDatepicker:hover {
        cursor: pointer;
    }

.inline-controls {
    display: inline-block;
}


#progressBar {
    width: 0%;
}

.summary-block {
    overflow-x: auto;
}

.modal-rbl {
    margin: 5px 0 5px 20px;
}

.modal-subsection {
    margin: 0 0 5px 20px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.height50 {
    height: 50px;
}

.min-height120 {
    min-height: 120px;
}

.width-auto {
    width: auto;
}

.symantec-ssl-cert {
    color: #000000;
    text-decoration: none;
    font: bold 7px verdana,sans-serif;
    letter-spacing: .5px;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.bluetooth ul {
    list-style: none;
    border-bottom: 1px solid #d3d3d3;
    text-align: left;
}

.bluetooth li {
    margin-left: -40px;
    padding: 5px;
    padding-top: 10px;
    min-height: 50px;
    border-top: 1px solid #d3d3d3;
    font-size: 0.9em;
}

/* Megger Footer*/


@font-face {
  font-family: 'Icons';
  src: url("../../fonts/icons/icons.eot");
  src: url("../../fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("../../../fonts/icons/icons.woff") format("woff");
  font-weight: normal;
  font-style: normal; }


 footer a {
  text-decoration: none;
  color: inherit; }



  .gl-wrap {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  padding: 2.5rem 10rem;
}
  .gl-wrap:after {
    content: '';
    display: table;
    clear: both; }
  .gl-wrap.dark {
    background-color: #333333;
    color: #ffffff; }
    .gl-wrap.dark h1, .gl-wrap.dark h2, .gl-wrap.dark h3, .gl-wrap.dark h4, .gl-wrap.dark h5 {
      color: #ffffff; }
  @media screen and (max-width: 750px) {
    .gl-wrap {
      padding: 0 1rem; } }

.gl-main {
  padding: 4rem 0;
  float: left;
  width: 70%; }
  @media screen and (max-width: 750px) {
    .gl-main {
      width: 100%;
      float: none;
      padding-bottom: 0; } }

.gl-sidebar {
  padding: 4rem 0;
  width: 25%;
  margin-left: 5%;
  float: left; }
  @media screen and (max-width: 750px) {
    .gl-sidebar {
      width: 100%;
      margin-left: 0;
      float: none; } }

.gl-hide {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

.gl-iframe {
  position: relative;
  height: 0;
  padding-bottom: 56.25%; }
  .gl-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.gl-richtext p {
  margin-bottom: 2rem;
  line-height: 2.4rem; }

.gl-richtext a {
  font-weight: bold;
  color: #cc0000;
  opacity: 0.8; }
  .gl-richtext a:hover {
    opacity: 1;
    border-bottom: 1px solid #bbbbbb;
    text-decoration: none; }
  .gl-richtext a img {
    display: block; }

.gl-richtext ul {
  list-style-type: square;
  padding-left: 1.1em;
  margin-bottom: 2rem;
  line-height: 2.4rem; }

.gl-richtext img {
  margin: 0 2rem; }
  @media screen and (max-width: 750px) {
    .gl-richtext img {
      display: block;
      float: none !important;
      max-width: 350px;
      margin: 2rem auto;
      width: 100%; } }

.gl-richtext h2 {
  font-size: 2.8rem; }

.gl-richtext h3 {
  font-size: 2.4rem; }

.gl-richtext h4 {
  font-size: 2.2rem; }

.gl-richtext h5 {
  font-size: 1.8rem; }

.gl-richtext strong {
  font-weight: bold; }

.gl-richtext em {
  font-style: italic; }

.gl-table table {
  width: 100%; }

.gl-table td {
  padding: 1.8rem;
  border: 1px solid #bbbbbb; }

  [class^='ico-']:before, [class*=' ico-']:before {
  font-family: Icons; }

  .ft-footer {
  background-color: #eeeeee;
  color: #666666;
 padding: 0 0 1rem 0;
}
  @media screen and (max-width: 750px) {
    .ft-footer {
      padding: 10px 0 50px; } }

.ft-section {
  float: left;
  margin-top: 0rem; }
  .ft-section:first-of-type {
    padding-left: 0; }
  .ft-section:last-of-type {
    padding-right: 0; }
  @media screen and (max-width: 750px) {
    .ft-section {
      text-align: center; } }
  .ft-section p {
    margin-bottom: 1rem; }

.ft-left {
  width: 50%; }
  @media screen and (max-width: 750px) {
    .ft-left {
      width: 100%; } }

.ft-generic-links {
  padding: 0 3rem;
   }
  @media screen and (max-width: 750px) {
    .ft-generic-links {
      width: 100%;
      padding: 0;
      margin-top: 3rem; }
      
      .ft-generic-links:nth-of-type(4) {
        display: none; } }

.ft-facebook:before {
  content: "";
  font-family: "Icons";
  display: inline-block; }

.ft-linkedin:before {
  content: "ï„•";
  font-family: "Icons";
  display: inline-block; }

.ft-youtube:before {
  content: "ï„©";
  font-family: "Icons";
  display: inline-block; }

.ft-twitter:before {
  content: "";
  font-family: "Icons";
  display: inline-block; }

.ft-xing:before {
  content: "";
  font-family: "Icons";
  display: inline-block; }

.ft-social-link:before {
  color: #666666;
  display: inline-block;
  vertical-align: top;
  margin-right: 1.5rem; 
}
.ft-social-link{
	padding-right:10px;
}
  @media screen and (max-width: 750px) {
    .ft-social-link:before {
      font-size: 2.2rem; } }

.ft-social-link:hover {
  text-decoration: none; }



.ft-sl-wrapper {
  padding: 0 2rem;
  width: calc(100% / 5);
  margin-top: 20px;}
  .ft-sl-wrapper:after {
    content: '';
    display: table;
    clear: both; }
  @media screen and (max-width: 750px) {
    .ft-sl-wrapper {
      width: 100%;
      padding: 0;
      margin-top: 2rem; } }



.ft-sl-signup {
  padding: .3rem 0;
  font-style: italic;
  font-size: 1.4rem;
  width: 65%;
  font-weight: bold;
  margin: 2rem 0; }
  @media screen and (min-width: 751px) and (max-width: 1024px) {
    .ft-sl-signup {
      width: 95%; } }
  @media screen and (max-width: 750px) {
    .ft-sl-signup {
      width: 100%;
      padding: 0;
      margin: 2rem 0; } }

.ft-sl-textfield {
  display: block;
  font-size: 1.6rem;
  width: 100%;
  padding: 1rem;
  padding-right: 3rem;
  border: 1px solid #bbbbbb;
  appearance: none;
  border-radius: 0;
  box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  transition: border 0.25s ease;
  outline: none;
  border: 2px solid #ffffff;
  float: left;
  font-size: 1.4rem;
  height: 45px;
  width: 75%; }
  .ft-sl-textfield:disabled {
    background-color: #eeeeee;
    box-shadow: none; }
  .ft-sl-textfield:focus {
    border: 1px solid #000000; }
  @media screen and (min-width: 751px) and (max-width: 1024px) {
    .ft-sl-textfield {
      height: 40px;
      font-size: 1.2rem;
      padding: 1rem; } }
  @media screen and (max-width: 750px) {
    .ft-sl-textfield {
      height: 40px; } }

.ft-sl-button {
  display: inline-block;
  background-color: #999999;
  color: #ffffff;
  border: 0;
  font-size: 1.4rem;
  padding: 1.8rem 4rem;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.4rem;
  transition: background-color 0.3s ease;
  appearance: none;
  border-radius: 0;
  float: left;
  font-size: 1.4rem;
  height: 45px;
  padding: 1.2rem 0;
  text-transform: uppercase;
  width: 25%; }
  .ft-sl-button:hover {
    background-color: #8c8c8c;
    text-decoration: none; }
  .ft-sl-button:hover {
    background-color: #5c5c5c; }
  @media screen and (min-width: 751px) and (max-width: 1024px) {
    .ft-sl-button {
      font-size: 1.1rem;
      height: 40px; } }
  @media screen and (max-width: 750px) {
    .ft-sl-button {
      height: 40px; } }

.ft-right {
  width: 25%; }
  @media screen and (max-width: 750px) {
    .ft-right {
      width: 100%; } }

.ft-bottom {
  width: 100%;
  text-align: center;
  margin-top: 0; }

.ft-title {
  margin: 1rem 0 2rem 0;
  font-size: 1.0rem;
  font-weight: 700;
  text-transform: uppercase; }
  @media screen and (max-width: 750px) {
    .ft-title {
      margin-top: 2rem; } }

.ft-links {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.7rem; }

.ft-link {
  padding: .3rem 0;
  margin-top: 1rem; }
  .ft-link a {
    color: #666666; }
    .ft-link a:hover {
      color: #cc0000; }

.ft-copyright {
  background-color: #e4e4e5;
  font-size: 0.7rem;
  color: #838383;
  padding: 1.0rem; }



.cn-wrap {
  transition: transform 0.3s linear; }

.cn-container {
  background-color: white;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  z-index: 100;
  transition: transform 0.3s linear;
  will-change: transform; }
  .cn-container.hidden {
    transform: translateY(-100%); }

.cn-content {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.cn-message {
  float: left; }

.cn-close {
  float: right;
  border: 0;
  background: none;
  cursor: pointer;
  margin-left: auto; }
  .cn-close:after {
    content: "ï„…";
    font-family: "Icons";
    display: inline-block;
    color: #cc0000;
    font-size: 2rem; }

.cn-link {
  color: #cc0000;
  font-weight: bold; }

.cn-consentWrapper {
  background-color: white;
  border-top: 5px solid #333333;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  overflow: auto;
  transition: transform 0.3s linear;
  will-change: transform; }
  .cn-consentWrapper.hidden {
    transform: translateY(-100%); }
  .cn-consentWrapper .CookieConsent {
    text-align: center; }
    .cn-consentWrapper .CookieConsent .TrackingConsent {
      display: none; }
    .cn-consentWrapper .CookieConsent .ConsentButtons {
      text-align: center;
      display: block; }
      .cn-consentWrapper .CookieConsent .ConsentButtons .ConsentButton {
        display: inline-block;
        background-color: #5c5c5c;
        color: #ffffff;
        border: 0;
        font-size: 1.0rem;
        padding: 1.8rem 4rem;
        cursor: pointer;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.4rem;
        transition: background-color 0.3s ease;
        appearance: none;
        border-radius: 0;
        padding: 0.4rem 1rem; }
        .cn-consentWrapper .CookieConsent .ConsentButtons .ConsentButton:hover {
          background-color: #cc0000;
          text-decoration: none; }
        .cn-consentWrapper .CookieConsent .ConsentButtons .ConsentButton:nth-child(1) {
          margin: 1.5rem; }


.nv-first > .gl-wrap, .nv-second > .gl-wrap, .nv-third > .gl-wrap {
  display: flex; }

.nv-second > .gl-wrap, .nv-third > .gl-wrap {
    display: flex;
    flex-flow: column wrap;
    width: 100%; }

@media screen and (min-width: 751px) {
  .nv-second > .gl-wrap {
    flex-flow: column nowrap; } }

.app-images{
    border-radius: 25px;
    background-color: white;
}

.CustomerCard {
    position: relative;
    display: inline-block;
}
.CustomerCard_content {
    display: none;
    position: absolute;
    right: 0px;
    background-color: #f1f1f1;
   
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,1);
    z-index: 1500;
}
 .CustomerCard_content li {
        color: black;
        padding: 2px 2px;
        text-decoration: none;
        display: block;
    }

 .CustomerCard:hover .CustomerCard_content {
    display: block;
}

/*CreateCustomerButtonBar */
.customerButtonBar {
    text-align: right;
    margin: 5px
}

.customerButtonBarButton {
    padding: 6px 6px !Important
}

.customerButtonBarList {
    padding: 0px 10px 0px 6px !important;
    text-align: left;
}

.customerButtonBarListButton .log-out-button {
    margin-left: 0;
}

.customerButtonBarListButton .flex-parent .btn {
    min-width: 15%;
}

.customerButtonBarListButton .popover.fade {
    border: 1px solid #25303B;
}

.customerButtonBarListButton .popover.left .arrow {
    border-left: 7px solid #000000;
    right: -7px;
}

.customerButtonBarButtonImage {
    height: 18px;
}

#customerInJobImageContainer {
    height: 18px;
    background-color: #0071B9;
    padding: 4px;
    margin: 5px;
    border-radius: 3px;
}

.customerInJobImage {
    height: 18px;
}

.speedoButtonImage {
    height: 18px;
    margin-left: 2px;
}

.customerButtonBarMenu {
    max-width: 400px
}

.hide{
    display:none
}


/* MFT */

.active-MFT {
    border-top: 2px solid #279300 !important;
    border-bottom: 2px solid #279300 !important;
    background-color: #279300 !important;
    color: #ffffff;
}

.active-MFT a {
    color: #ffffff;
}

    .active-MFT:focus .kitepara {
        background-color: #FFFFFF !important;
        color: #000000;
    }

.inactive-MFT {
    border-top: 2px solid #E30613 !important;
    border-bottom: 2px solid #E30613 !important;
    background-color: #E30613 !important;
    color: #ffffff !important;
}

.inactive-MFT a {
    color: #ffffff;
}

    .inactive-MFT:focus .kitepara {
        background-color: #FFFFFF !important;
        color: #000000;
    }

.active-MFT-classic {
    border-top: 2px solid #E7BF05 !important;
    border-bottom: 2px solid #E7BF05 !important;
    background-color: #E7BF05 !important;
    color: #ffffff !important;
    font-weight: bolder;
}

a.active-MFT {
    color: #ffffff;
}

a.active-MFT:hover {
    color: #ffffff;
}

a.inactive-MFT {
    color: #ffffff;
}

a.inactive-MFT:hover {
    color: #ffffff;
}


.active-MFT-item {
    /*border-top: 2px solid #279300 !important;
    border-bottom: 2px solid #279300 !important;*/
    padding: 5px 8px 5px 8px;
    border-radius: 15px;
    background-color: #279300 !important;
    color: #ffffff;
    font-size: 7px;
    font-weight: bolder;
}

.active-MFT-item-name {
    cursor: pointer;
}

input.active-MFT-btn {
    border-top: 2px solid #279300 !important;
    border-bottom: 2px solid #279300 !important;
    background-color: #279300 !important;
    color: #ffffff !important;
}

input.inactive-MFT-btn {
    border-top: 2px solid #E30613 !important;
    border-bottom: 2px solid #E30613 !important;
    background-color: #E30613 !important;
    color: #ffffff !important;
}

/* HV */

#ListOfHVInstruments ul {
    list-style-type: none;
}

#ListOfHVInstruments li {
    padding: 5px;
}

#DLRO2xStatusOutput {
    min-height: 160px;
    max-height: 160px;
    max-width: 400px;
    overflow: hidden;
    margin: auto;
}

#DLRO2XoutputFileStreamed {
    min-height: 180px;
    overflow: auto;
}

    #DLRO2XoutputFileStreamed > #DLRO2xFileReceiveStatusOutput {
        min-height: 150px;
    }

 
/* General */
.fillMFTDDL:hover {
    color: #ffffff;
}

.BT-device-list li {
    padding: 15px !important;
}

.width-58-5 {
    width: 58.8%;
}

.cntlGraphCanvas {
    max-width: 80% !important;
    width: 80% !important;
    max-height: 250px;
    min-height: 200px;
}

.chartFloatLeft {
    float: left;
    padding-left: 5px;
    padding-right: 20px;
}

/*.instumentButtons {*/
   /* float: left;*/
    padding-left: 5px;
    padding-right: 20px;
}*/

.instrumentList{
   position:relative;
   top:40px
}

.savedTestsList {
    max-height: 300px;
    overflow-y: scroll;
    background: #ebebeb;
}

.pat400datapreview {
    max-height: 250px;
    overflow-y: scroll;
    background: #ebebeb;
}

.testListNewJob {
    background: LightCyan;
}

.printContainer {
    /*display: none;*/
    overflow: scroll;
    overflow-y: hidden;
    overflow-x: hidden;
    width: 325px;
}

.printHiddenContainer {
    width: 1000px;
    height: 300px;
    visibility: hidden;
    z-index: -3000;
}

canvas {
    background-color: white;
}

.hv-results-container {
    width: 100%;
    height: 100%;
}

.hvResultsTable {
    border: 1px solid black;
    border-collapse: collapse;
}

table.hvResultsTable td {
    border: 1px solid black;
    border-collapse: collapse;
    padding-left: 3px;
    padding-right: 3px;
}

table.hvResultsTable th {
    border: 1px solid black;
    border-collapse: collapse;
    background-color: lightgrey;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
}

table.hvResultsTable tr.ynqN {
    background-color: tomato;
}
table.hvResultsTable tr.ynqY {
    background-color: aliceblue;
}
table.hvResultsTable tr.ynqQ {
    background-color: palegoldenrod;
}

instrumentButtonList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.tinytabletext{
    font-size:x-small;
    
}

.hvtempCorrectTable {
    border: 1px solid black;
    border-collapse: collapse;
}

table.hvtempCorrectTable td {
    border: 1px solid black;
    border-collapse: collapse;
    padding-left: 3px;
    padding-right: 3px;
    text-align: right;
}

table.hvtempCorrectTable th {
    border: 1px solid black;
    border-collapse: collapse;
    background-color: lightgrey;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;
}

table.hvtempCorrectTable tr:nth-child(even){
    background-color: powderblue;
}

.TemperatureTableCelcius {
    background-color: palegoldenrod !important;
    font-size: small;
}
.TemperatureTableFarenheit {
    background-color: lightpink !important;
    font-size: small;
}

.signuploginlink1 {
    color: #0071B9;
}

.signuploginlink2 {
    font-weight: bold;
    color: #0071B9;
}


.assetModalinput {
    width: 175px;
    margin-bottom: 1px !important;
}

.assetHiddeninput {
    width: 60px;
    margin-bottom: 1px !important;
}
.niceImageMediaQuery {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width:600px) {
    .niceImageMediaQuery {
        display: none;
    }
}

.niceImageMediaQueryAsset {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width:900px) {
    .niceImageMediaQueryAsset {
        display: none;
    }

    .uneditable-input.multiline {
        width: 100%;
    }
}



.getdata-container {
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    color: #fff;
    
    text-align: center;
    justify-content: center;
}

.connectionIconImg {
    height: 100px !important;
    width: 100px !important;
}

.connectionIcon {
    height: 135px;
    width: 130px;
    /*    margin:    10px 45px 15px 25px;*/
    margin: 5px 5px 5px 5px;
    border-radius: 5px;
    border: 1px solid #0071B9;
    background-color: #0071B9;
    padding: 5px;
    cursor: pointer;
}

.connectionIcon:hover .connectionIcontt {
     visibility: visible;
}

.connectionIcontt {
    visibility: hidden;
    width: 120px;
    background-color: palegoldenrod;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 100000;
}

.notinumbers {
    position: absolute;
    font-size: 16px;
    background-color: #fff;
    border-radius: 5px;
    width: 30px;
    height: 20px;
    color: #0071B9;
    top: -2px;
    right: 3px;
}

.noti {
    display: inline-block;
    position: relative;
    width: 135px;
}

table.tblPATCSVcontents tr, table.tblPATCSVcontents td {
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: gray;
}

.input-small-medium {
    width: 120px;
}

.PATImg {
    position: relative;
    z-index: 49 !important;
}

.PATImageInContainer {
    max-height: 50px;
    max-width: 50px;
}

.PATImgContainer {
    border-radius: 7px;
    border-width: 1px;
    border-style: solid;
    border-color: gray;

    margin-left: 8px;
    position: relative;
    text-align: center;
    color: dimgray;
    width: 65px;
}

.PATImgText {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 27px;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.PATStatusImg {
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: 0px;
    right: 2px;
    z-index: 99 !important;
}

.patsymbol {
    height: 30px;
    width: 30px;
    float: right
}

.PATButtonsSmall {
    width: 30px !important;
    height: 40px;
    min-width: 30px !important;
    max-width: 30px !important;
}

.PATNameIDLocContainer {
    color: dimgray;
    font-size: 10px;
    text-align: left !important;
    min-width: 200px !important;
}
.PATAssetName {
    word-wrap: break-word;
    display: block;
    line-height: 1em;
   /* max-height: 2em;*/
}
.PATAssetNo {
    color: black !important;
    font-weight: bold !important;
    font-size: 12px !important;
    word-wrap: break-word;
    display: block;
    line-height: 1em;
    padding-top: 4px;
    padding-bottom: 4px;
}
.PATAssetLocation {
    word-wrap: break-word;
    display: block;
    line-height: 1em;
    /* max-height: 2em;*/
}
.PATTestDate {
    color: dimgray;
    font-size: 10px;
    text-align: right !important;
}
.PATTestTypeImg {
    height: 25px;
    width: 25px;
}

.threedots {
    font-weight: bold !important;
    font-size: 25px;
    word-wrap: break-word;
    display: block;
    line-height: 0.3em;
}

#addBtnOnSubHeader {
    display: none;
    min-width: initial;
    border-radius: 20px;
    padding: 5px 12px 5px 12px;
    margin-left: 20px;
    margin-top: 4px;
}

@media screen and (max-width: 600px) {

    .asset-list-title-center #btnDivTop {
        display: flex;
        justify-content: space-between;
        gap: 1em;
    }

    #addBtnInTable.display-newlink-patasset-modal {
        display: none !important;
    } 

    #addBtnOnSubHeader {
        display: initial;
    }

    #asset180-list thead {
        display: none;
    }

    #asset180-list th:nth-of-type(1) {
        display: none;
    }
    #asset180-list td:nth-of-type(1) {
        display: none;
    }

    #asset180-list th:nth-of-type(2) {
        display: none;
    }
    #asset180-list td:nth-of-type(2) {
        display: none;
    }

    #asset180-list th:nth-of-type(3) {
        display: none;
    }
    #asset180-list td:nth-of-type(3) {
        display: none;
    }

    #asset180-list th:nth-of-type(4) {
        display: none;
    }
    #asset180-list td:nth-of-type(4) {
        display: none;
    }

    #asset180-list th:nth-of-type(5) {
        display: none;
    }
    #asset180-list td:nth-of-type(5) {
        display: none;
    }

    #asset180-list th:nth-of-type(6) {
        display: none;
    }

    #asset180-list td:nth-of-type(6) {
        display: none;
    }
    #asset180-list th:nth-of-type(7) {
        display: none;
    }

    #asset180-list td:nth-of-type(7) {
        display: none;
    }
    #asset180-list th:nth-of-type(8) {
        display: none;
    }

    #asset180-list td:nth-of-type(8) {
        display: none;
    }
    #asset180-list th:nth-of-type(9) {
        display: none;
    }

    #asset180-list td:nth-of-type(9) {
        display: none;
    }
}

@media screen and (min-width: 600px) {
    #addBtnOnSubHeader {
        display: none;
    }
    #asset180-list th:nth-of-type(10) {
        display: none;
    }

    #asset180-list td:nth-of-type(10) {
        display: none;
    }
    #asset180-list th:nth-of-type(11) {
        display: none;
    }

    #asset180-list td:nth-of-type(11) {
        display: none;
    }
    #asset180-list th:nth-of-type(12) {
        display: none;
    }

    #asset180-list td:nth-of-type(12) {
        display: none;
    }
    #asset180-list th:nth-of-type(13) {
        display: none;
    }

    #asset180-list td:nth-of-type(13) {
        display: none;
    }
}

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

@font-face {
    font-family: 'lcd-bold';
    src: url('../font/Segment16C Bold.ttf');
}

.DET24Cbtflash {
    animation: blink-animation 1s steps(5, start) infinite;
    font-size: 50px !important;
    font-family: lcd-bold !important;
    padding-right: 30px !important;
    background-color: #DCDCDC !important;
    border: 0px !important;
}
.DET24Cbt {
    background-color: #DCDCDC !important;
    height: 75px;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.licenceName {
    color: black;
    text-align: right;
    padding-right:10px;
}

.licenceTotalsLabel {
    text-align: right !important;
}


.tblPricingMainbody {
    width: 91.5%;
    overflow-y: scroll;
    min-width: 620px;
    max-height: 260px;
}

#tblPricingHeader {
    width: 90%;
    min-width: 600px;
}

#tblUsers {
}

#tblPricingFooter {
    width: 90%;
    min-width: 600px;
}

.pricingCentredCol {
    text-align: center;
}

.recountTotals {
    text-align: center;
}

#tblPricingHeader td:nth-child(1) {
    width: 36%;
}

#tblPricingHeader td:nth-child(2),
#tblPricingHeader td:nth-child(3),
#tblPricingHeader td:nth-child(4),
#tblPricingHeader td:nth-child(5) {
    width: 15%;
    text-align: center;
}

#tblPricingHeader td:nth-child(6) {
    width: 4%;
}

#tblUsers td:nth-child(1) {
    width: 36%;
}

#tblUsers td:nth-child(2),
#tblUsers td:nth-child(3),
#tblUsers td:nth-child(4),
#tblUsers td:nth-child(5) {
    width: 15%;
    text-align: center;
}

#tblUsers td:nth-child(6) {
    width: 4%;
}

#tblPricingFooter td:nth-child(1) {
    width: 36%;
}

#tblPricingFooter td:nth-child(2),
#tblPricingFooter td:nth-child(3),
#tblPricingFooter td:nth-child(4),
#tblPricingFooter td:nth-child(5) {
    width: 15%;
    text-align: center;
}

#tblPricingFooter td:nth-child(6) {
    width: 4%;
}

.pricingtableHeaderStyle {
}

    .pricingtableHeaderStyle th {
        background-color: black;
        color: white;
        font-size: 15px;
        border: 1px solid white;
        padding: 5px !important;
        text-align: center;
        vertical-align: middle;
    }

    .pricingtableHeaderStyle td {
        border: 1px solid grey;
        padding: 5px !important;
        text-align: center;
        vertical-align: middle;
        color: black;
    }

.licence-rowA {
    background-color: white;
}

.licence-rowB {
    background-color: gainsboro;
}

.licence-payNow {
    background-color: palegoldenrod;
}



#tblPricingHeader label {
    background-color: black;
    color: white;
    width: 50px;
    font-size: 15px;
}

#tblPricingHeader div {
    display: flex;
}

#tblPricingHeader button {
    float: right
}

#tblPricingHeader td {
    height: 30px;
    background-color: black;
    color: white;
    font-size: 15px;
    border: 1px solid white;
    padding: 5px !important;
    text-align: center;
    vertical-align: middle;
}

#tblPricingFooter label {
    background-color: black;
    color: white;
    padding-right: 3px;
    font-size: 15px;
}

#tblPricingFooter td {
    background-color: black;
    color: white;
    font-size: 15px;
    border: 1px solid white;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
}

#tblUsers tr {
    border-collapse: separate;
    margin-bottom: 0px;
}


.user-rowA {
    background-color: gainsboro;
}

.user-rowB {
    background-color: white;
}

.user-nolicence {
    background-color: grey;
}

.user-inactive {
    background-color: indianred;
    color: white;
}

.txtNewLicence {
    color: yellow;
}

.txtSpareLicence {
    color: lawngreen;
}

.userActionBtn {
    background-color: black;
    color: white;
    padding: 2px;
    width: 28px !important;
    text-align: center;
    border-radius: 50%;
}

.userAddBtn {
    /*    background-color: black;
    color: white;
    padding: 2px;
    width: 28px !important;
    text-align: center;
    border-radius: 50%;
    border-style: solid;
    border-block-color: white;
    border-width: medium;*/
    border: 2px solid white;
    border-radius: 50%;
    background-color: black;
    color: white;
}

.shoppingCartImg {
    height: 30px;
}

.cartnumbers {
    position: absolute;
    font-size: 15px;
    background-color: black;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    color: white;
    top: -5px;
    right: 3px;
}


.shoppingcartDiv {
    float: right;
}
.shoppingCartbtn {
    display: inline-block;
    position: relative;
    float: right;
    width: 135px;
}

.shopCartHeader {
    font-weight: bold;
}

.shopCartPrice {
    float: right;
}

.shopCartTotal {
    font-weight: bold;
    float: right;
}

.pricingSubtitle {
    font-size: 15px;
    color: black;
    font-weight: normal;
}
.paidLicencesRow {
    background-color: #3ddc84 !important;
    color: black !important;
}
#lbl_InshoppingCart{
    float:right;
    padding-right:3px;
}
.inshoppingcart {
    background-color: #0071B9 !important;
}

.pricingCofirmBtn {
}

.pricingResetBtn {
}

.invPayNowBtn {
}

.chartTrimDP{
    width:70px;
    max-width:70px;
    height:25px;
}
.chartAxisX {
    width: 130px;
    height: 30px;
}
.chartAxisY {
    width: 120px;
    height: 30px;
}

.chartLineStyle {
    width: 100px;
    height: 30px;
}

.chartDP {
    width: 100px;
    height: 30px;
}

.chartThickness {
    width: 100px;
    height: 30px;
}