body {
    font-family: 'Open Sans' !important;
    font-size: 0.7292vw;
    color: #777777;
    background-color: #FFF;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-align: -webkit-match-parent;
    word-spacing: normal;
    color: #019CDE;
    outline: none !important;
    cursor: pointer;
}

h3 {
    font: normal normal 300 3.714em / 4.5714em "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}

h2 {
    font-size: 2.357em;
    color: #333333;
    font-weight: normal !important;
}

select {
    font-size: 1em;
    font-family: 'Open Sans';
}

textarea, input[type=text] {
    font-family: 'Open Sans', sans-serif;
}

.outerbodycontainer {
    background-color: #FFF;
    min-height: calc(100vh - 14.7em);
    float: left;
    width: 100%;
}

.body_container {
    float: left;
    width: 100%;
    padding-bottom: 1.667em;
}

ul {
    padding: 0;
    margin: 0;
}


.clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

.pageheader {
    width: 100%;
    background-color: #F7F7F7;
    height: 8.75em;
}

div.title {
    width: calc(100% - 12.5em);
    margin: 0 auto;
    line-height: 8.75em;
}

.title h3 {
    line-height: 5.2em;
    font-size: 1.667em;
    margin: 0;
}

.title > h3 {
    float: left;
}

.title > .breadcrumb_container {
    float: right;
}

    .title > .breadcrumb_container ul {
        display: table-row;
    }

        .title > .breadcrumb_container ul li {
            display: table-cell;
            font-size: 1em;
        }

            .title > .breadcrumb_container ul li a {
                padding: 0 0.4166em;
                color: #333 !important;
                font-size: 1em;
            }

                .title > .breadcrumb_container ul li a:hover {
                    color: #019CDE !important;
                }

            .title > .breadcrumb_container ul li .bread_sep {
                width: 0.833em;
                background-image: url(/Images/ui-icons_222222_256x240.png);
                background-position: -3.2em -0.3em;
                height: 0.833em;
                display: inline-block;
                vertical-align: middle;
                opacity: 0.6;
                background-size: 23em 20em;
            }

            .title > .breadcrumb_container ul li:last-child .bread_sep {
                display: none;
            }

input[type=text], input[type=password], input[type=number], input[type=email], input[type=datetime-local] {
    padding: .571em;
    background: #ffffff;
    border: .08333em solid #c9c9c9;
    -webkit-box-shadow: 0 0.0714em 0 0 rgba(255, 255, 255, 0.8), inset 0 0.0714em 0.142em 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.0714em 0 0 rgba(255, 255, 255, 0.8), inset 0 0.0714em 0.142em 0 rgba(0, 0, 0, 0.1);
    color: #333;
    /*width: calc(100% - 0.1428em);*/
    width: calc(100% - 1.1428em);
    margin-bottom: .7em;
    border-radius: 0.5em;
    height: 1.928em;
    font-size: 1em;
    outline: none;
    color: #797979;
}


#headerImage {
    font-size: 1em;
}

.grid input[type=text]:not(.SectionTitleAutoComplete), .grid input[type=password], .small_text {
    height: 1em !important;
    width: auto !important;
    margin-bottom: 0 !important;
}

.field-validation-error {
    display: block;
    font-size: 0.857em;
    margin-bottom: 0.428em;
    margin-top: -0.2857em;
    color: red;
}

.error {
    color: red;
    padding-left: 7.857em;
}

div.message {
    color: red;
    float: left;
}

    div.message.success, .message_block.success, .successmessage {
        color: green;
    }

.errormessage {
    color: red;
}

.topalign {
    vertical-align: top;
}

.label {
    display: inline-block;
    position: relative;
    width: 7.5em;
    overflow: visible;
    line-height: 2.142em;
}

.text {
    width: 28.57em;
}

.registerBox {
    padding: 0.5em 3.57em;
    max-width: 88.57em;
    margin: 0 auto;
}

h2.SectionHead a {
    display: block;
    padding-left: .25em;
    background: url(/images/down-icn.png) no-repeat right 50%;
    text-decoration: none;
    color: #333;
    font-size: 1em;
    letter-spacing: normal;
    font-weight: normal;
    border-bottom: 0.0714em solid #ddd;
}

    h2.SectionHead a.Expanded {
        background: url(/Images/up-icn.png) no-repeat right 50%;
        color: #222;
    }

    h2.SectionHead a:hover {
        color: #222;
        background-color: rgba(2,139,255,0.05);
    }

fieldset {
    max-width: 33.333em;
    margin: 0 auto;
    border: none;
}

    fieldset.password, fieldset.Notification {
        display: none;
        margin-bottom: 1.428em;
    }

ul.actions li {
    display: inline-block;
    margin-right: 0.7142em;
}

.parent_container {
    width: calc(100% - 2.2em);
    margin: 1.667em auto;
    clear: both;
    position: relative;
    overflow: hidden;
}

.hide {
    display: none !important;
}

.visibility-hide {
    visibility: hidden;
}

.hidden {
    display: none;
}

.ManageServiceContent b, .ManageServiceContent th, .ManageServiceContent td {
    font-size: 1.083em;
}

.ManageServiceContent th, .ManageServiceContent td {
    text-align: center;
    width: 25%;
}

.ManageServiceContent table {
    width: 100%;
}

.ManageServiceContent a {
    text-decoration: none;
    color: #530414;
}

hr {
    margin: 1.428em 0;
    border: 0;
    border-top: 0.0714em solid #eeeeee;
    border-bottom: 0.0714em solid #ffffff;
}

.ManageServiceSpecWare Hr, .ManageServiceContent Hr {
    margin: 0.142em 0 1.0714em;
}

.select {
    padding: 0 .571em;
    border: 0.0714em solid #c9c9c9;
    -webkit-box-shadow: 0 0.0714em 0 0 rgba(255, 255, 255, 0.8), inset 0 0.0714em 0.142em 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.0714em 0 0 rgba(255, 255, 255, 0.8), inset 0 0.0714em 0.142em 0 rgba(0, 0, 0, 0.1);
    border-radius: .5em;
    height: 3.214em;
    font-size: 1em /*1.167em*/;
    outline: none;
    color: #797979;
    /*width: calc(100% + 0.142em);*/
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    /*background: #fff url(/Images/drop-down.png) no-repeat calc(100% - 0.6428em) center;*/
    background: #fff url(/Images/drop-down.png) no-repeat 100% center !important;
    /*background: #fff url(/Cloud1V2/Images/drop-down.png) no-repeat 100% center !important;*/
    background-size: 2em;
}

.selectOwnerState {
    padding: 0 .771em;
    float: left;
    border: 0.0714em solid #c9c9c9;
    -webkit-box-shadow: 0 0.0714em 0 0 rgba(255, 255, 255, 0.8), inset 0 0.0714em 0.142em 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.0714em 0 0 rgba(255, 255, 255, 0.8), inset 0 0.0714em 0.142em 0 rgba(0, 0, 0, 0.1);
    border-radius: .5em;
    height: 3.214em;
    font-size: 1em /*1.167em*/;
    outline: none;
    color: #797979;
    width: calc(100% + -16.5em);
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(/Images/drop-down.png) no-repeat calc(100% - 0.6428em) center;
    background-size: 2em;
}

.selectOwnerCountry {
    padding: 0 .771em;
    float: right;
    border: 0.0714em solid #c9c9c9;
    -webkit-box-shadow: 0 0.0714em 0 0 rgba(255, 255, 255, 0.8), inset 0 0.0714em 0.142em 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.0714em 0 0 rgba(255, 255, 255, 0.8), inset 0 0.0714em 0.142em 0 rgba(0, 0, 0, 0.1);
    border-radius: .5em;
    height: 3.214em;
    font-size: 1em /*1.167em*/;
    outline: none;
    color: #797979;
    width: calc(100% + -16.5em);
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(/Images/drop-down.png) no-repeat calc(100% - 0.6428em) center;
    background-size: 2em;
}

.select::-ms-expand {
    display: none;
}

.grid {
    width: 100%;
    table-layout: auto;
    empty-cells: show;
    line-height: 1.333em;
    border-collapse: separate;
    border-spacing: 0;
    color: #666;
    border: none;
    background-color: #ffffff;
    border: 0.0714em solid #E7E7E7;
    font-size: inherit;
}

    .grid th, .grid td {
        text-align: left;
        padding: 0.1666em 0;
        font-weight: normal;
        line-height: 1.5em;
        border-bottom: 0.0714em solid #E7E7E7;
        /*background-color: #F9F9F9;*/
    }

    .grid tr:last-child td {
        border-bottom: none !important;
        /*background-color: #F9F9F9;*/
    }

    .grid th {
        border: 0;
        border-bottom: 0.0714em solid #E7E7E7;
        /*border-top: 0.0714em solid #E7E7E7;*/
        background: #F7f7f7;
        color: #333;
        line-height: 2.5em;
    }

        .grid th:hover {
            background-color: #D5D5D5;
        }

/*.grid th:first-child, .grid td:first-child {
            border-left: 0.0714em solid #E7E7E7;
        }

        .grid th:last-child, .grid td:last-child {
            border-right: 0.0714em solid #E7E7E7;
        }*/
/*.grid th:not(:first-child) {
            border-left: 0.0714em solid #B1B1B1;
        }*/

.section_no_border th:not(:first-child) {
    border-left: 0 !important;
}

.section_no_border th {
    background: #f7f7f7;
    text-align: center;
}

.section_no_border td {
    text-align: center;
}

.section_no_border tr:nth-child(2n), .section_no_border tr.alternate {
    background-color: #f7f7f7 !important;
}


.grid th a {
    text-decoration: none;
    color: #019CDE /*333*/;
    /*font-weight: bold;*/
    font-size: 1.167em;
}

.grid tr:nth-child(2n), .grid tr.alternate {
    background-color: #F7F7F7 /*#F1F1F1*/;
}

.grid tfoot td {
    /*font-weight: bold;*/
    background: #E0E0E0 !important;
    border-top: 0.0714em solid #B1B1B1;
    line-height: 2.1428em;
    font-size: 1.167em;
}

.grid tbody tr:hover {
    color: #222;
    background-color: rgba(2,139,255,0.05);
}

.grid tfoot a {
    color: #019CDE /*333*/;
    text-decoration: none;
}

.grid tfoot td {
    color: #019CDE;
}

.grid tfoot a:hover {
    color: #019CDE;
}

.grid th.action_cell, .grid td.action_cell {
    width: 6.666em;
    padding: 0.1666em 0.333em;
}

.grid th:not(.action_cell), .grid td:not(.action_cell) {
    padding: 0 0.3em;
}

.grid .select, .filter_container .select, .small_select {
    width: auto;
    height: 2em;
    border-radius: .357em;
    background-size: 1.142em 1.142em;
}

.grid .filter_cell {
    min-width: 6.0714em;
}

.right_action {
    margin-left: 0.714em;
    float: right;
}

div.right_content {
    float: right;
    margin-right: 0.357em;
    margin-bottom: 0.142em;
    font-size: 1.083em;
}

.filter_container {
    float: left;
    width: 100%;
}

    .filter_container select {
        float: left;
    }

#grid {
    float: left;
    width: 100%;
}

/* Footer Css*/
.footer {
    background: #f7f7f7;
    color: #999;
    border-color: #f7f7f7;
    padding: 1.667em 0;
    float: left;
    width: 100%;
}

    .footer .MainFooter, .footer .MainCopyright {
        width: calc(100% - 12.5em);
        margin: 0 auto;
        clear: both;
    }

    .footer a {
        color: #999 !important;
        line-height: 1.833em;
        font-size: 1.083em;
        padding: 0 !important;
    }

        .footer a:hover {
            color: #019CDE !important;
        }

        .footer a:not(:last-child)::after {
            content: " |";
        }

div.underline {
    width: 100%;
    padding-bottom: .8em;
    border-bottom: 0.0714em solid #ddd;
    float: left;
    margin-bottom: .8em;
    line-height: 2.333em;
}

.message_block {
    float: left;
    color: red;
    height: 1.333em;
    margin-bottom: .667em;
    width: 101%;
    text-align: center;
}



.popup_container {
    padding: 0 5em;
}

.divIcon {
    background-position: -1.6em -12em;
}

    .divIcon.close {
        background-position: -4.5em -12em;
    }

.divIcon {
    float: left;
    margin-top: 0.18em !important;
    text-indent: -7142.7857em;
    overflow: hidden;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 1.4545em;
    height: 1.1em !important; /*Task: 5768:SBC-Assemble-Minus is displayed corresponding to division on Assemble screen.*/
    background-image: url(/Images/ui-icons_222222_256x240.png);
    background-size: 23.27em 21.8181em;
}

.isotope,
.isotope .isotopeItem {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}


.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotopeItem {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
    }

        /**** disabling Isotope CSS3 transitions ****/

        .isotope.no-transition,
        .isotope.no-transition .isotopeItem,
        .isotope .isotopeItem.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }

    /* End: Recommended Isotope styles */



    /* disable CSS transitions for containers with infinite scrolling*/
    .isotope.infinite-scrolling {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

.invisible_block {
    visibility: hidden;
}

.lfloat, .lfloat > span, .lfloat > a {
    float: left;
}

.rfloat, .rfloat > span, .rfloat > a {
    float: right;
}

.tabs.idTabs .tab_content_outer {
    display: block;
    background: #fff;
    padding: 0.7142em 0.7142em;
    border: 0.0714em solid #ccc;
}

.tabs.idTabs > ul {
    padding-bottom: 0.142em;
    margin: 0 0 -0.0714em 0;
    padding: 0;
    float: none;
    width: 100%;
}

.tabs.idTabs ul:after {
    content: "";
    clear: both;
    display: block;
}

.tabs.idTabs > ul > li {
    color: #FFFFFF;
    font: normal 0.857em Arial, Helvetica, sans-serif;
    float: left;
    list-style: none;
    margin: 0.142em 0.0714em 0 0.0714em;
    border: 0;
    outline: none;
}

    .tabs.idTabs > ul > li:first-child {
        margin-left: 0.7142em;
    }

    .tabs.idTabs > ul > li > a {
        background: #f5f6f7;
        color: #000;
        box-shadow: 0 0 0 #fff;
        border: 0.0714em solid #cccccc;
        border-bottom: none;
        padding: 0.2143em 0.7142em 0.142em;
        margin: 0;
        text-decoration: none;
        display: block;
        border-radius: 0.357em 0.357em 0 0;
        position: relative;
    }

        .tabs.idTabs > ul > li > a:hover, .tabs.idTabs > ul > li > a.selected {
            background: #fff !important;
            color: #000 !important;
            padding: 0.2143em 0.7142em 0.142em;
            border-bottom: none;
        }

.tabs.idTabs .tab_content div.tab_button {
    background: #D2D2D2;
    width: 1.6428em;
    text-align: center;
    padding: 0.142em 0.142em;
    cursor: pointer;
}

.GrayTaskCountCircle {
    color: #666 !important;
    border: none !important;
}

.qa_text {
    color: #666666;
    font-weight: bold;
}

#_manufacturerProduct input[type=button] {
    border: 0.0714em solid #999999;
    -webkit-border-radius: 0.2143em;
    -moz-border-radius: 0.2143em;
    border-radius: 0.2143em;
    font-size: 1.083em;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
    min-width: 3.846em;
    height: 1.61em;
    cursor: pointer;
    box-shadow: 0 0 0.0714em #999999;
    font-weight: bold;
    color: #EFEFEF;
    background-color: #999999;
    padding: .5em;
    line-height: .666em;
}

.project_action {
    text-align: center;
    white-space: nowrap;
    border: 0.0833em solid #019CDE;
    -webkit-border-radius: 0.4643em;
    -moz-border-radius: 0.4643em;
    font-size: 1.083em;
    border-radius: 0.5em;
    font-family: arial, helvetica, sans-serif;
    padding: .076em .461em;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    color: #019CDE;
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#019CDE, endColorstr=#019CDE);
    min-width: 6.25em;
    line-height: 1.91em;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin-left: .333em;
    outline: none !important;
    font-weight: 300;
}

    .project_action:hover {
        cursor: pointer;
        background-color: #019CDE;
        color: #fff !important;
    }

    .project_action[disabled], .project_action[disabled]:hover, .project_action[disabled]:active, .disabled, .disabled span {
        background: #ccc !important;
        border-color: #ccc !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: #aaa !important;
        text-shadow: none;
        cursor: default;
        pointer-events: none !important;
    }

    .project_action.page_action {
        margin: 1.591em 0 2.460em 0;
        line-height: 2.326em;
        border-radius: .714em;
        font-size: 1.167em;
    }

label.heading {
    display: inline-block;
    margin-bottom: .906em;
    color: #333;
    font-size: 2.357em;
    font-weight: 300;
    line-height: 1em;
    width: 100%;
}

a.project_link, a.project_link:visited, a.project_link:hover, a.project_link:active {
    color: #019CDE;
}

.no-border {
    border: 0 !important;
}

/*title form pop up*/
h3.title {
    color: #019cde !important;
    font-weight: bold;
    line-height: 1.3em;
    padding: 0 0 0 1em;
    font-size: 2em;
}

.center_box {
    padding: 5em 0 0;
    max-width: 103.333em;
    margin: 0 calc(50% - 16.41666666666667em);
    text-align: center;
}

    .center_box > span {
        font-size: 0.857em;
    }

.inline_block {
    display: inline-block;
    margin: 0 0.7142em 0.7142em 0;
}

.text-center {
    text-align: center !important;
}

.project_overlay {
    display: none;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/Images/fancybox_overlay.png);
}

.project_overlay_loader {
    display: none;
    background-image: url(/Images/fancybox_sprite.png);
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -1.57em;
    margin-left: -1.57em;
    background-position: 0 -7.7142em;
    opacity: 0.8;
    cursor: pointer;
    z-index: 100000;
}

    .project_overlay_loader div {
        width: 3.142em;
        height: 3.142em;
        background: url(/Images/fancybox_loading.gif) center center no-repeat;
    }

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.rightMargin {
    margin-right: 5.357em;
}

#HeaderColor, #MessageColor, #bodyBackGroundColor {
    position: relative;
    width: 3.5em;
    height: 1.5em;
    border: .25em solid #B8B8B8;
    border-radius: .41em;
}

    #HeaderColor div, #MessageColor div, #bodyBackGroundColor div {
        width: 3em;
        border: .25em solid #000;
        height: 1em;
        border-radius: .25em;
    }


.colorpicker input[type=text] {
    min-width: 0 !important;
}

.LoaderImage {
    z-index: 1000000;
    position: absolute;
    left: 43%;
    bottom: 62%;
}

.canvas_action {
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #019CDE;
    height: 100vh;
    width: 100vw;
    text-align: center;
    /*to keep data in the center of page without knowing actual height*/
    display: table;
}

    .canvas_action * {
        display: block;
        outline: none;
        box-sizing: border-box;
        border: none !important;
    }

    .canvas_action .canvas_data {
        /*to keep data in the center of page without knowing actual height*/
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .canvas_action div.canvas_spinner {
        background: url(/Images/canvas_loader.gif);
        height: 1.714em;
        width: 1.714em;
        margin-left: calc(50% - 0.857em);
        background-size: 1.714em 1.714em;
    }

    .canvas_action img.canvas_image {
        background-size: 12.5em;
    }

    .canvas_action img.canvas_spinner {
        background-size: 5.33em;
        min-width: 5.33em;
        min-height: 5.33em;
    }

    .canvas_action img {
        display: inline-block;
        vertical-align: top;
        -webkit-transition: background 150ms;
        -moz-transition: background 150ms;
        -ms-transition: background 150ms;
        -o-transition: background 150ms;
        transition: background 150ms;
    }

    .canvas_action .canvas_header {
        margin-top: .75em;
        margin-bottom: 2em;
    }

    .canvas_action .canvas_message {
        margin-bottom: 1.25em;
    }

.cursorPointer {
    cursor: pointer;
}

.task-Count div {
    float: left;
    line-height: 1.25em;
}

    .task-Count div:after {
        content: "";
        width: 1.666em;
        height: 1.666em;
        cursor: pointer;
        display: inline-block;
        background-image: url(/Images/arrowdown.png);
        background-size: 1.167em 1.167em;
        position: absolute;
        right: -0.8em;
        top: 0;
        background-position: right;
        background-repeat: no-repeat;
        margin-left: 1.7em;
        background-size: 1em 1.6em;
        filter: invert(100%);
        -webkit-filter: invert(45%);
    }

.primaryWroflow.primaryWroflow-Container.still .task-Count div:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: -0.7em;
}

.containerHeading.importedSection .headText:after {
    content: "";
    width: 1.666em;
    height: 1.666em;
    display: inline-block;
    background-size: 1.167em 1.167em;
    position: absolute;
    right: 0;
    background-position: right;
}

.fancybox-overlay .fancybox-close {
    position: absolute;
    top: -1.1em;
    right: -1.8em;
    width: 3em;
    height: 2.5em;
    background-size: 3em;
    cursor: pointer;
    z-index: 8040;
}


.img_checkbox {
    background-image: url(/Images/Box_Empty.png);
    height: 1.25em;
    width: 1.166em;
    float: left;
    background-size: 1.25em;
    cursor: pointer;
    margin: 0.25em;
}

    .img_checkbox.img_checked {
        background-image: url(/Images/Box_Check.png);
    }

.chkBoxReview {
    cursor: pointer !important;
    display: none;
    vertical-align: middle;
}

.answerLabel {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.answerLabel {
    position: relative;
}

.chkBoxReview[type="checkbox"] + .answerLabel::before {
    float: left;
    background: url(/App_Themes/Dashboard/Images/Box_Empty.png) no-repeat left;
    background-size: 1.25em 1.167em !important;
    content: "";
    display: inline-block;
    height: 1.167em;
    margin-right: 0.5833em;
    padding: 0.167em;
    text-align: center;
    vertical-align: middle;
    width: 1.25em;
}

.chkBoxReview[type="checkbox"]:checked + .answerLabel::before {
    background: url(/App_Themes/Dashboard/Images/Box_Check.png) no-repeat left !important;
    background-size: 1.25em 1.167em !important;
}

.chkBoxReview[type="radio"] + .answerLabel::before {
    float: left;
    background: url(/App_Themes/Dashboard/Images/radio_Empty.png) no-repeat left;
    content: "";
    display: inline-block;
    height: 1.167em;
    margin-right: 0.5833em;
    padding: 0.167em;
    text-align: center;
    vertical-align: middle;
    width: 1.25em;
}

.chkBoxReview[type="radio"]:checked + .answerLabel::before {
    background: url(/App_Themes/Dashboard/Images/radio_Check.png) no-repeat left !important;
    background-size: 1.25em 1.167em !important;
}

.homeOptionBox {
    padding: 5em 0;
    float: left;
    margin: 0 calc(50% - 51em);
    text-align: center;
}

    .homeOptionBox > span, .homeOptionBox li {
        font-size: 0.857em;
    }

        .homeOptionBox li a, .lblWhat {
            color: #019CDE;
        }

    .homeOptionBox input[type=text], .homeOptionBox input[type=password] {
        width: 25.0714em;
        margin-bottom: 1.714em;
        border-radius: .5em;
        height: 2.428em;
        font-size: 1.167em;
    }

.homeOptionBox_inner {
    border: 0.088em solid #DBDBDB;
    padding: 0 8.33em;
    text-align: center;
    margin-bottom: 1.833em;
    border-radius: 3.5em;
    float: left;
    width: 15em;
    margin-right: 2em;
}

    .homeOptionBox_inner h1 {
        margin: .8em 0 1.9333em 0;
        display: inline-block;
        margin-right: .333em;
        color: #333;
        font-size: 2.5em;
    }

    .homeOptionBox_inner img {
        height: 2em;
        width: 2em;
    }

.loading {
    position: absolute;
    z-index: 9999999;
    top: 0;
    background-color: rgba(0, 0, 0, 0.56);
    text-align: center;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: rgba( 0, 0, 0, .56);
}

    .loading .displayloader {
        position: fixed;
        background: url(/Images/ajax-loader.gif) 50% 65% no-repeat;
        width: 100vw;
        height: 70vh;
        align-items: center;
    }

.loginBtn, .chooseBtn {
    /*float: right !important;
    font-size: 1.2em !important;
    line-height: 6.8em !important;*/
    position: absolute;
    top: 2.5em;
    right: 1em;
    z-index: 99999999;
}

.chooseBtn {
    right: 10em;
}

.loginBtnInner {
    cursor: pointer !important;
    line-height: 1.1428em;
    font-size: 0.928em;
    padding: 0.785em 1.642em;
    background: #cccccc;
    color: #ffffff;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #afafaf ), to( #cccccc ) );
    background-image: linear-gradient( to top, #afafaf, #cccccc );
    background-image: -webkit-linear-gradient( to top, #afafaf, #cccccc );
    background-image: -moz-linear-gradient( to top, #afafaf, #cccccc );
    background-image: -ms-linear-gradient( to top, #afafaf, #cccccc );
    background-image: -o-linear-gradient( to top, #afafaf, #cccccc );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    display: inline-block;
    position: relative;
    zoom: 1;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    box-sizing: border-box;
    outline: 0;
    border-width: 0.0714em;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 0.1428em;
    -webkit-border-radius: 0.1428em;
}

    .loginBtnInner:hover {
        background: #afafaf;
        color: #ffffff;
        background-image: -webkit-gradient( linear, left bottom, left top, from( #c9c9c9 ), to( #afafaf ) );
        background-image: linear-gradient( to top, #c9c9c9, #afafaf );
        background-image: -webkit-linear-gradient( to top, #c9c9c9, #afafaf );
        background-image: -moz-linear-gradient( to top, #c9c9c9, #afafaf );
        background-image: -ms-linear-gradient( to top, #c9c9c9, #afafaf );
        background-image: -o-linear-gradient( to top, #c9c9c9, #afafaf );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
    }

.innerImagePosition .inner_div_common {
    position: absolute;
    overflow: visible;
    height: auto;
    width: auto;
}

.innerImagePosition .inner_div_1 {
    position: absolute;
    visibility: visible;
    left: 24%;
    top: 30%;
    z-index: 5;
}

.inner_div_1 .inner_div_common div {
    z-index: 5;
    visibility: inherit;
    transition: none;
    line-height: 0;
    border-width: 0;
    margin: 0;
    padding: 0;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 1.2857em;
    white-space: nowrap;
    min-height: 0;
    min-width: 0;
    max-height: none;
    max-width: none;
    opacity: 1;
}

    .inner_div_1 .inner_div_common div img {
        height: 12.400em;
        width: 60.563em;
    }

.innerImagePosition .inner_div_2 {
    position: absolute;
    visibility: visible;
    left: 33%;
    top: 52%;
    z-index: 6;
}

.inner_div_2 .inner_div_common div {
    z-index: 6;
    white-space: nowrap;
    cursor: pointer;
    visibility: inherit;
    transition: none;
    border-radius: 1.66em;
    font-style: normal;
    text-decoration: none;
    color: rgb(255, 255, 255);
    border: 0 none rgb(211, 211, 211);
    line-height: 1em;
    margin: 0;
    padding: 0.66em 0.733em 0.66em 0.833em;
    letter-spacing: 0;
    font-weight: 900;
    font-size: 2.1428em;
    min-height: 0;
    min-width: 0;
    max-height: none;
    max-width: none;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.498039);
}

.innerImagePosition .inner_div_3 {
    position: absolute;
    visibility: visible;
    left: 43.5%;
    top: 62%;
    z-index: 7;
}

.inner_div_3 .inner_div_common div {
    z-index: 7;
    white-space: nowrap;
    font-size: 1.214em;
    line-height: 1em;
    font-weight: 500;
    color: rgb(255, 255, 255);
    font-family: Roboto;
    padding: 0.7em 2.05em;
    border: 0 none rgb(0, 0, 0);
    border-radius: 1.764em;
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    visibility: inherit;
    transition: none;
    font-style: normal;
    text-decoration: none;
    margin: 0;
    letter-spacing: 0;
    min-height: 0;
    min-width: 0;
    max-height: none;
    max-width: none;
    opacity: 1;
    background-color: rgba(201, 14, 64, 0.74902);
}

#_widget_wfx_ {
    right: 258px !important;
    width: 106px;
    z-index: 1999900122 !important;
}

    #_widget_wfx_ .WFEMAO, .WFEMAO:hover, .WFEMAO:active, .WFEMAO:focus, .WFEMAO:link, .WFEMAO:visited {
        padding: 8.5px 0 !important;
        font-weight: normal !important;
        font-size: 12px !important;
        font-family: 'Roboto', sans-serif !important;
        text-align: center;
    }
/*Style form Verishow link*/
#call_button_container .bottom_right_box {
    right: 145px !important;
    z-index: 1999900122 !important;
    bottom: -1px;
}

#call_button_container .label_en_right {
    right: -27px !important;
}

#call_button_container .expert_image_right_box {
    right: 5px !important;
}

#colorbox {
    display: block !important;
    position: relative !important;
    padding-bottom: 0 !important;
}

#hbrimage {
    width: 100%;
    margin-left: 0;
}

#cboxWrapper {
    display: none !important;
}

/*.sttip {
    display: none;
}*/

.firmDrd {
    right: 11em !important;
}


.top_menu .helpToggle.currentActive {
    background-image: url(/Images/MainOverlay_On.png) !important;
    cursor: pointer;
}

.headerMenu .helpToggle.currentActive {
    background-image: url(/Images/PW_OverlayOn.png) !important;
    cursor: pointer;
}



#FirmDetail {
    /*padding: 0 .571em !important;*/
    padding-right: 2.1em !important;
    padding-left: 0.3em !important;
    border: 0.0714em solid #c9c9c9 !important;
    box-shadow: 0 0.0714em 0 0 rgba(255, 255, 255, 0.8), inset 0 0.0714em 0.142em 0 rgba(0, 0, 0, 0.1) !important;
    border-radius: .5em !important;
    height: 2.214em !important;
    font-size: 1em !important;
    outline: none !important;
    color: #797979 !important;
    width: auto !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: #fff url(/Images/drop-down.png) no-repeat 100% center !important;
    background-size: 2em !important;
    right: 2em !important;
    position: absolute;
}


    #FirmDetail::-ms-expand {
        display: none;
    }

#layoutFirmDrd select {
    z-index: 911 !important;
}

.disableNoteReport {
    color: darkgrey !important;
    cursor: pointer !important;
    width: 3.666em;
    height: 1.666em;
    cursor: pointer;
    display: inline-block;
    background: url(/Images/disabledownload.png) no-repeat top;
    background-size: 1.5em 1.5em;
    background-position: right;
    vertical-align: middle;
}

.downloadIcon {
    width: 3.666em;
    height: 1.666em;
    cursor: pointer;
    display: inline-block;
    background: url(/Images/download.png) no-repeat top;
    background-size: 1.5em 1.5em;
    background-position: right;
    vertical-align: middle;
}

.marL2em {
    margin-left: 2em;
}

#defaultFirmFieldSet {
    display: none;
    min-width: 670px;
}

#DefaultFirm {
    padding: 0 .571em;
    padding-right: 3.5em;
    border: 0.0714em solid #c9c9c9;
    -webkit-box-shadow: 0 0.0714em 0 0 rgba(255, 255, 255, 0.8), inset 0 0.0714em 0.142em 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.0714em 0 0 rgba(255, 255, 255, 0.8), inset 0 0.0714em 0.142em 0 rgba(0, 0, 0, 0.1);
    border-radius: .5em;
    height: 1.8em;
    font-size: 1em;
    outline: none;
    color: #797979;
    width: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(/Images/drop-down.png) no-repeat 100% center !important;
    background-size: 2em;
}

.maintenance-message-wrapper {
    width: 100%;
    text-align: center;
}

    .maintenance-message-wrapper .maintenance-message-header {
        color: white;
        background-color: red;
        font-size: 15px;
        line-height: 1.6em;
    }

.center_align {
    text-align: center !important;
}

.disable_project {
    cursor: default !important;
    opacity: 0.5;
}
.captchabox {
    border: .08333em solid #c9c9c9;
}
.pageheader-subbox1 {
    float: left;
    width: 18.25%;
    margin: 5px;
    height: 7.2em;
    text-align: justify;
    font-family: 'Open Sans';
    font-style: normal;
    color: #323232;
}
.pageheader-subbox2 {
    float: left;
    width: 40%;
    margin: 0px;
    background-color: #FFF4f4;
    height: 6.4em;
    border: .08333em solid #FF0000;
    text-align: justify;
    font-family: 'Open Sans';
    font-style: normal;
    color: #323232;
    padding: 1.0em;
    border-radius: 8px;
}
.pageheader-userdashboard-box {
    float: left;
    margin: 12px;
    background-color: #FFF4f4;
    border: .08333em solid #FF0000;
    text-align: justify;
    font-family: 'Open Sans';
    font-style: normal;
    color: #323232;
    padding: 1.0em;
    border-radius: 8px;
    width: 40%;
    height: 54%;
}
.pageheader-activeprojects-box {
    float: left;
    width: 40%;
    margin: 12px;
    background-color: #FFF4f4;
    height: 4.1em;
    border: .08333em solid #FF0000;
    text-align: justify;
    font-family: 'Open Sans';
    font-style: normal;
    color: #323232;
    padding: 1.0em;
    display: inline-block;
    line-height: 1.2em !important;
    border-radius: 8px;
}
.pageheader-generalinformation-div1 {
    float: none;
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pageheader-generalinformation-div2 {
    float: left;
    width: 30% !important;
    padding-top: 20px;
}
.pageheader-generalinformation-box {
    float: right;
    width: 60% !important;
    margin: 0px;
    background-color: #FFF4f4;
    height: 3.6em !important;
    border: .08333em solid #FF0000;
    text-align: justify;
    font-family: 'Open Sans';
    font-style: normal;
    color: #323232;
    padding: 1.5em;
    display: inline-block;
    border-radius: 8px;
}
.pageheader-generalinformation-div-clear {
    clear:both;
}
