@import url('//ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/themes/smoothness/jquery-ui.css');

table.projectprivate {
    display: inline;
}

.projectprivate label {
    float: left;
    margin: 5px;
    font-weight: normal;
    font-size: inherit;
}

textarea {
    resize: none;
    border: 2px inset;
}

table {
    /*border-spacing: 5px;*/
    border-collapse: separate;
}

    table.tabRootTable * {
        border-collapse: collapse;
    }

/* Map Buttons */
.mapButtons {
    /*width: 765px;*/
    height: 33px;
    border: none;
    color: #333;
    padding: 0 4px;
    background-color: transparent;
    position: absolute !important;
    left: 120px;
    z-index: 1;
}

.riskMatrixTable th:first-child {
    width: 120px;
}

.riskMatrixTable td:first-child {
    text-align: center;
}

.riskMatrixLow td:first-child {
    background: #FFFACE;
}

.riskMatrixMedium td:first-child {
    background: #FFD299;
}

.riskMatrixHigh td:first-child {
    background: #FF4C4C;
}

.riskMatrixTable td, .riskMatrixTable th {
    padding: 6px;
}

.riskMatrixTable {
    border-spacing: 4px;
}

#zoom-in {
    background: url('/Theme/Images/openseadragon/zoomin_rest.png') no-repeat;
    width: 32px;
    height: 32px;
    cursor: default;
    display: inline-block;
}

    #zoom-in:hover {
        background: url('/Theme/Images/openseadragon/zoomin_hover.png') no-repeat;
        width: 32px;
        height: 32px;
        cursor: default;
        display: inline-block;
    }

#zoom-out {
    background: url('/Theme/Images/openseadragon/zoomout_rest.png') no-repeat;
    width: 32px;
    height: 32px;
    cursor: default;
    display: inline-block;
}

    #zoom-out:hover {
        background: url('/Theme/Images/openseadragon/zoomout_hover.png') no-repeat;
        width: 32px;
        height: 32px;
        cursor: default;
        display: inline-block;
    }

#home {
    background: url('/Theme/Images/openseadragon/home_rest.png') no-repeat;
    width: 32px;
    height: 32px;
    cursor: default;
    display: inline-block;
}

    #home:hover {
        background: url('/Theme/Images/openseadragon/home_hover.png') no-repeat;
        width: 32px;
        height: 32px;
        cursor: default;
        display: inline-block;
    }

/* Smallipop 
    .smallipop-instance {box-shadow:none !important;background:none !important;padding:5px 0px !important;border-radius:0px !important;border:none !important;opacity:1 !important;}
    .smallipop-theme-default a{text-shadow: none;}
    .smallipop-instance a{color:blue;}
    .smallipop-instance,.smallipop-theme-default {background-color:#A9AFBE !important;text-shadow:none !important;opacity:0.8 !important;max-width:600px;}
    .smallipop-instance {box-shadow:none !important;background:none !important;border-radius:0px !important;border:none !important;opacity:1 !important;}
    .smallipop-content {background-color:#A9AFBE !important;color: #000 !important; float:left !important;border:none !important;}
    */

.actionPopupHeading {
    background-color: #e1e1e1 !important;
    color: #222;
    padding: 5px 0;
    border: 1px solid black;
}

.markerDelete {
    position: absolute;
    right: 8px;
    top: 6px;
}

.markerPreviewContainer {
    float: left;
    width: 200px;
    height: 232px;
    overflow: hidden;
    position: relative;
    box-shadow: none;
    border: 1px solid lightslategray;
    margin-top: 10px;
}

    .markerPreviewContainer:hover {
        cursor: pointer !important;
        border: 1px solid black !important;
    }

    .markerPreviewContainer > img {
        width: 200px;
        height: 200px;
        float: left;
    }

    .markerPreviewContainer span {
        float: left;
        background-color: lightslategray;
        width: 100%;
        color: black;
        height: 22px;
        text-align: left;
        padding-top: 10px;
        font-size: 12px;
        font-weight: bold;
    }

    .markerPreviewContainer a {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

.overlayDelete {
    position: absolute;
    right: 20px;
    top: 8px;
}

.overlayPreviewContainer {
    float: left;
    width: 200px;
    position: relative;
    box-shadow: none;
    border: 1px solid lightslategray;
    margin-top: 10px;
}

    .overlayPreviewContainer:hover {
        cursor: pointer !important;
        border: 1px solid black !important;
    }

    .overlayPreviewContainer > img {
        width: 200px;
        height: 200px;
        float: left;
    }

    .overlayPreviewContainer span {
        float: left;
        background-color: lightslategray;
        padding: 10px;
        font-size: 12px;
        font-weight: bold;
        width: 180px;
    }
    /*background-color: black;*/
    .overlayPreviewContainer a {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

.svgDelete {
    position: absolute;
    right: 20px;
    top: 8px;
}

.fdMainContainer > .rightContainer > .topContainer > .headerContainer > h2 {
    color: black !important;
}

.fdMainContainer > .rightContainer > .middleContainer > .headerContainer > h2 {
    color: black !important;
}

.marker-overlay {
    width: 32px;
    height: 32px;
    border: 1px solid black;
}

.drag {
    position: relative;
    cursor: move;
}

.markersPanel {
    width: 250px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0.5;
    text-align: right;
}

    .markersPanel > img {
        margin: 5px;
    }

        .markersPanel > img:hover {
            border: 2px ridge lightslategray;
        }

.panel-button-bar > a {
    float: left;
}

span.divider {
    float: left;
    height: 25px;
    margin: 5px;
    border-left: 1px solid black;
    position: relative;
}

.markersPanel span.divider:last-child {
    display: none;
}

#moveableContainer {
    position: relative;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    background-color: #f6f7f7;
    text-align: center;
    margin-top: 1px;
    box-sizing: content-box;
}

/* Test */
.modalHeader {
    background-color: lightslategray !important;
}

.modalBody {
    background: #dedede !important;
}

.fdMainContainer > .rightContainer > .topContainer > .headerContainer > h2 {
    background-color: lightslategray !important;
    border-bottom: 1px solid lightslategray !important;
}

.fdMainContainer > .rightContainer > .middleContainer > .headerContainer > h2 {
    background-color: lightslategray !important;
    border-top: 1px solid lightslategray;
    margin-top: 10px;
}

table.actiontable th {
    background-color: lightslategray !important;
}
/*.openseadragon-container {background-color:#f6f7f7 !important;}*/

/* Button hover */
a.btnOpenActions {
    background: transparent url("/Theme/Images/Plans/Add.png") no-repeat;
    width: 32px;
    height: 32px;
}

    a.btnOpenActions:hover {
        background: transparent url("/Theme/Images/Plans/Add-Hover.png") no-repeat;
        width: 32px;
        height: 32px;
    }

a.btnSVGFilesModel {
    background: transparent url("/Theme/Images/Plans/Add.png") no-repeat;
    width: 32px;
    height: 32px;
}

    a.btnSVGFilesModel:hover {
        background: transparent url("/Theme/Images/Plans/Add-Hover.png") no-repeat;
        width: 32px;
        height: 32px;
    }

a.btnSave {
    background: transparent url("/Theme/Images/Plans/Save.png") no-repeat;
    width: 32px;
    height: 32px;
}

    a.btnSave:hover {
        background: transparent url("/Theme/Images/Plans/Save-Hover.png") no-repeat;
        width: 32px;
        height: 32px;
    }

a.btnSaveAndClose {
    background: transparent url("/Theme/Images/Plans/SaveClose.png") no-repeat;
    width: 32px;
    height: 32px;
}

    a.btnSaveAndClose:hover {
        background: transparent url("/Theme/Images/Plans/SaveClose-Hover.png") no-repeat;
        width: 32px;
        height: 32px;
    }

a.btnOverlaySave {
    background: transparent url("/Theme/Images/Plans/SaveClose.png") no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
}

    a.btnOverlaySave:hover {
        background: transparent url("/Theme/Images/Plans/SaveClose-Hover.png") no-repeat;
        width: 32px;
        height: 32px;
    }

a.btnOverlayCancel {
    background: transparent url("/Theme/Images/Plans/Cancel.png") no-repeat;
    width: 32px;
    height: 32px;
}

    a.btnOverlayCancel:hover {
        background: transparent url("/Theme/Images/Plans/Cancel-Hover.png") no-repeat;
        width: 32px;
        height: 32px;
    }

a.btnSvgSave {
    background: transparent url("/Theme/Images/Plans/SaveClose.png") no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
}

    a.btnSvgSave:hover {
        background: transparent url("/Theme/Images/Plans/SaveClose-Hover.png") no-repeat;
        width: 32px;
        height: 32px;
    }

a.btnSvgCancel {
    background: transparent url("/Theme/Images/Plans/Cancel.png") no-repeat;
    width: 32px;
    height: 32px;
}

    a.btnSvgCancel:hover {
        background: transparent url("/Theme/Images/Plans/Cancel-Hover.png") no-repeat;
        width: 32px;
        height: 32px;
    }

a.btnSvgDelete {
    background: transparent url("/Theme/Images/Plans/Delete.png") no-repeat;
    width: 32px;
    height: 32px;
}

    a.btnSvgDelete:hover {
        background: transparent url("/Theme/Images/Plans/Delete-Hover.png") no-repeat;
        width: 32px;
        height: 32px;
    }

a.btnCancel {
    background: transparent url("/Theme/Images/Plans/Cancel.png") no-repeat;
    width: 32px;
    height: 32px;
}

    a.btnCancel:hover {
        background: transparent url("/Theme/Images/Plans/Cancel-Hover.png") no-repeat;
        width: 32px;
        height: 32px;
    }

a.btnNewActionsCancel {
    background: transparent url("/Theme/Images/Plans/Cancel.png") no-repeat;
    width: 32px;
    height: 32px;
}

    a.btnNewActionsCancel:hover {
        background: transparent url("/Theme/Images/Plans/Cancel-Hover.png") no-repeat;
        width: 32px;
        height: 32px;
    }

a.btnNewSVGFilesCancel {
    background: transparent url("/Theme/Images/Plans/Cancel.png") no-repeat;
    width: 32px;
    height: 32px;
}

    a.btnNewSVGFilesCancel:hover {
        background: transparent url("/Theme/Images/Plans/Cancel-Hover.png") no-repeat;
        width: 32px;
        height: 32px;
    }

a.btnNewActionsSaveAndClose {
    background: transparent url("/Theme/Images/Plans/SaveClose.png") no-repeat;
    width: 32px;
    height: 32px;
}

    a.btnNewActionsSaveAndClose:hover {
        background: transparent url("/Theme/Images/Plans/SaveClose-Hover.png") no-repeat;
        width: 32px;
        height: 32px;
    }

a.btnNewSVGFilesSaveAndClose {
    background: transparent url("/Theme/Images/Plans/SaveClose.png") no-repeat;
    width: 32px;
    height: 32px;
}

    a.btnNewSVGFilesSaveAndClose:hover {
        background: transparent url("/Theme/Images/Plans/SaveClose-Hover.png") no-repeat;
        width: 32px;
        height: 32px;
    }

a.planFileUploadLink {
    background: transparent url("/Theme/Images/Plans/Upload.png") no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 5px;
    top: 5px;
}

    a.planFileUploadLink:hover {
        background: transparent url("/Theme/Images/Plans/Upload-Hover.png") no-repeat;
        width: 32px;
        height: 32px;
    }

a.btnPreviewEdit {
    background: transparent url("/Theme/Images/Plans/Edit.png") no-repeat;
    width: 32px;
    height: 32px;
}

    a.btnPreviewEdit:hover {
        background: transparent url("../../../../Theme/Images/Plans/Edit-Hover.png") no-repeat;
        width: 32px;
        height: 32px;
    }


.addNewPlan {
    background: transparent url("../../../../Theme/Images/Plans/Add.png") no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
    cursor: pointer;
}

.deletePlan {
    background: transparent url("../../../../Theme/Images/Plans/Delete.png") no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
    cursor: pointer;
}

.replacePlan {
    background: transparent url("../../../../Theme/Images/Plans/Edit.png") no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
    cursor: pointer;
}

.replacePin {
    background: transparent url("../../../../Theme/Images/Plans/Edit.png") no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
    cursor: pointer;
}

/* Room search facility styles */
.roomSearchContainer {
    display: block;
    width: 220px;
    position: relative;
}

    .roomSearchContainer input.tbRoomRefSearch {
        float: left;
        height: 20px;
        width: 150px;
        margin-top: -5px;
        padding: 0 5px;
    }

    .roomSearchContainer a.searchRoom {
        background: transparent url("../../../../Theme/Images/Plans/SearchRoom.png") no-repeat;
        width: 16px;
        height: 16px;
        float: right;
        margin-left: 10px;
        position: relative;
        top: -5px;
    }

    .roomSearchContainer a.saveRoom {
        background: transparent url("../../../../Theme/Images/Plans/SaveRoom.png") no-repeat;
        width: 16px;
        height: 16px;
        float: right;
        margin-left: 10px;
        position: relative;
        top: -5px;
    }

.e-fontcolor-icon:before {
    content: url("../../../../Theme/Images/Plans/FontColor.png");
}

.e-fillcolor-icon:before {
    content: url("../../../../Theme/Images/Plans/FillColor.png");
}

.e-in-wrap .e-tool-icon {
    padding: 2px 4px !important;
    left: 0 !important;
}

.e-colorwidget .e-color-container .e-tool-icon + .e-selected-color {
    top: 20px !important;
}

.e-colorwidget.e-widget {
    display: inline-block !important;
}

/* Room search facility styles end */

/* Auto Complete */
.ac_results {
    padding: 0px !important;
    border: 3px solid #FFE155 !important;
    background-color: white !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 99999 !important;
    width: 500px !important;
    max-height: 200px !important;
    border-radius: 4px !important;
}

    .ac_results ul {
        list-style-position: outside !important;
        list-style: none !important;
        padding-left: 0px !important;
    }

    .ac_results li {
        padding: 1px 10px !important;
        cursor: default !important;
        display: block !important;
        overflow: hidden !important;
        color: #003366 !important
    }

        .ac_results li:hover {
            background-color: #e2edf8 !important;
            cursor: pointer !important;
            text-decoration: underline !important;
        }

.ui-state-focus {
    border: none !important;
    background: none !important;
}

.ac_results li a:hover {
    border: none !important;
    background: none !important;
    background-color: #e2edf8 !important;
    text-decoration: underline !important;
}

.ac_loading {
    background: white url('../../../../Theme/images/Plans/ajax-loader.gif') right center no-repeat !important;
    padding-right: 10px !important;
}

.ac_over {
    background-color: #e2edf8 !important;
    text-decoration: underline !important;
}

.ac_footer {
    font-size: 10px !important;
    font-weight: bolder !important;
    display: block !important;
    color: #003366 !important;
    background-color: white !important;
    padding: 5px 10px !important;
}
/* IE 6 doesn't support max-height. we use height instead, but this forces the menu to always be this tall */
* html .ui-autocomplete {
    height: 200px !important;
    z-index: 99999 !important;
}

/* Auto complete styles end */

.fdMainContainer {
    width: 100%;
    height: 100%;
}

    .fdMainContainer > .leftContainer {
        width: 40%;
        float: left;
        height: 100%;
        border: 1px solid lightslategray;
        margin-right: 5px;
    }

        .fdMainContainer > .leftContainer > .topContainer {
            height: 26%;
            display: inline-block;
            width: 100%;
        }

            .fdMainContainer > .leftContainer > .topContainer > div {
                padding: 5px 10px;
                float: left;
                width: 100%;
            }

                .fdMainContainer > .leftContainer > .topContainer > div > span:first-child {
                    float: left;
                    width: 30%;
                }

                .fdMainContainer > .leftContainer > .topContainer > div > span:last-child {
                    float: left;
                    width: 70%;
                }

        .fdMainContainer > .leftContainer > .middleContainer {
            width: 100%;
            border-top: 1px solid lightslategray;
            height: 64%;
        }


        .fdMainContainer > .leftContainer > .bottomContainer {
            text-align: center;
            border-top: 1px solid lightslategray;
            position: relative;
            width: 100%;
            height: 10%;
        }

            .fdMainContainer > .leftContainer > .bottomContainer > a > img {
                margin: 5px;
            }

            .fdMainContainer > .leftContainer > .bottomContainer > .thumbnailContainer {
                float: left;
                overflow-y: hidden;
                overflow-x: auto;
                white-space: nowrap;
                text-align: left;
                position: absolute;
                top: 5px;
            }

                .fdMainContainer > .leftContainer > .bottomContainer > .thumbnailContainer > img {
                    cursor: pointer;
                    width: 32px;
                    height: 32px;
                    border: 2px ridge;
                }

    .fdMainContainer > .rightContainer {
        width: 58%;
        float: left;
        height: 100%;
        border: 1px solid lightslategray;
    }

        .fdMainContainer > .rightContainer > .topContainer {
            height: 70%;
            width: 100%;
            overflow-x: hidden
        }

            .fdMainContainer > .rightContainer > .topContainer > .headerContainer {
                padding: 0px; /*height: 15%;*/
                height: 10%;
                width: 100%;
            }

                .fdMainContainer > .rightContainer > .topContainer > .headerContainer > h2 {
                    background-color: black;
                    color: white;
                    padding: 5px;
                    font-size: 12px;
                }

            .fdMainContainer > .rightContainer > .topContainer > .contentContainer {
                padding: 0px;
                overflow-x: hidden;
                overflow-y: auto;
                height: 90%; /*height: 85%;*/
            }

                .fdMainContainer > .rightContainer > .topContainer > .contentContainer > div {
                    padding: 5px 10px
                }

                    .fdMainContainer > .rightContainer > .topContainer > .contentContainer > div > span:first-child {
                        display: block
                    }

                    .fdMainContainer > .rightContainer > .topContainer > .contentContainer > div > span:last-child {
                        display: block
                    }

        .fdMainContainer > .rightContainer > .middleContainer {
            height: 20%;
            width: 100%;
        }

            .fdMainContainer > .rightContainer > .middleContainer > .headerContainer {
                float: left;
                width: 100%;
                position: relative;
            }

                .fdMainContainer > .rightContainer > .middleContainer > .headerContainer > h2 {
                    background-color: black;
                    color: white;
                    padding: 8px 5px;
                    font-size: 12px;
                }

            .fdMainContainer > .rightContainer > .middleContainer > .contentContainer {
                width: 100%;
                overflow-x: hidden;
                overflow-y: auto;
                height: 52%;
            }

        .fdMainContainer > .rightContainer > .bottomContainer {
            height: 10%;
            text-align: center;
            border-top: 1px solid lightslategray;
            width: 100%;
            text-align: center;
        }

            .fdMainContainer > .rightContainer > .bottomContainer a {
                width: 32px;
                height: 32px;
                display: inline-block;
                margin: 5px;
            }

img.markerFullPreviewImage {
    pointer-events: none;
    /*max-height: 300px !important; 
                                 max-width:420px; 
                                 width: auto !important*/
}

table.actiontable {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
    display: block;
    overflow: auto;
    height: 95%
}

    table.actiontable tbody {
        display: block;
        width: 100%;
        overflow: auto;
    }

    table.actiontable th {
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: #dedede;
        background-color: lightslategray;
        color: white;
    }

    table.actiontable td {
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: #dedede;
        background-color: #CCC6C6;
    }

#dataTab table.actiontable th:last-child {
    width: 100%;
}

#dataTab table.actiontable td:last-child {
    width: 100%;
}

table.svgactiontable {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
    overflow: auto;
}

    table.svgactiontable th {
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: #dedede;
        background-color: lightslategray;
        color: white;
    }

    table.svgactiontable td {
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: #dedede;
        background-color: #CCC6C6;
    }

table.markeractiontable {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
    overflow: auto;
}

    table.markeractiontable th {
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: #dedede;
        background-color: lightslategray;
        color: white;
    }

    table.markeractiontable td {
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: #dedede;
        background-color: #CCC6C6;
    }

body {
    font-family: verdana;
    font-size: 10px;
    /*line-height: 16px;*/
    color: #222;
    text-align: left;
    margin: 0;
    padding: 0;
    background-color: #f1f1f1;
    -ms-overflow-style: scrollbar;
}

a {
    outline: none;
}

input {
    font-family: verdana;
    font-size: 10px;
}

h1 {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

h3 {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

h4 {
    font-size: 10px;
    /*	margin: 0;
	padding: 0;*/
}

p {
    margin: 0;
    padding: 0;
}


br {
    clear: both;
}

img {
    border: 0px none transparent;
    outline: none;
}


#container {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    text-align: left;
    background-color: #fff;
    background-repeat: no-repeat;
    min-width: 960px;
    /*max-width: 1024px;*/
}

#top {
    width: 100%;
    height: 80px;
    text-align: left;
    /*padding: 0px 0px 0px 15px;*/
    border: 0px solid lime;
}

#Content {
    width: 100%;
    background-image: url(images/sidivide.gif);
    background-repeat: repeat-y;
    background-position: left;
}

#footer {
    width: 100%;
    text-align: left;
    padding: 10px 0px 10px 0px;
    background-color: #333;
    border: 0px solid lime;
    font-size: 10px;
    color: #e1e1e1;
}

#menuBar {
    width: 100%;
    height: 50px;
    text-align: left;
    color: White;
    border: 0px solid lime;
    padding: 0px;
    background-image: url(images/MenuBar.png);
    background-repeat: repeat-x;
    vertical-align: middle;
}


.BreadCrumb {
    width: 770px;
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 10px;
}


/* Tab Control
-----------------------------------------------------------------------*/

/* default layout */
.ajax__tab_default .ajax__tab_header {
    white-space: normal !important;
}

.ajax__tab_default .ajax__tab_outer {
    display: -moz-inline-box;
    display: inline-block;
}

.ajax__tab_default .ajax__tab_inner {
    display: -moz-inline-box;
    display: inline-block;
}

.ajax__tab_default .ajax__tab_tab {
    overflow: hidden;
    text-align: center;
    display: -moz-inline-box;
    display: inline-block;
    color: black;
}

.defaultTabContainer .ajax__tab_disabled {
    cursor: default;
    color: #A0A0A0;
}

/* xp theme */
.defaultTabContainer .ajax__tab_header {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url("/Theme/AjaxTabControl/default/tab-line.gif") repeat-x bottom;
}

    .defaultTabContainer .ajax__tab_header .ajax__tab_outer {
        padding-right: 4px;
        background: url("/Theme/AjaxTabControl/default/tab-right.gif") no-repeat bottom;
        background-position-x: right;
        background-position-y: center;
        height: 21px;
    }

    .defaultTabContainer .ajax__tab_header .ajax__tab_inner {
        padding-left: 3px;
        background: url("/Theme/AjaxTabControl/default/tab-left.gif") no-repeat;
    }

    .defaultTabContainer .ajax__tab_header .ajax__tab_tab {
        padding: 4px;
        margin: 0px;
        background: url("/Theme/AjaxTabControl/default/tab.gif") repeat-x;
    }

    .defaultTabContainer .ajax__tab_header .ajax__tab_hover .ajax__tab_outer {
        cursor: pointer;
        background: url("/Theme/AjaxTabControl/default/tab-hover-right.gif") no-repeat right;
    }

    .defaultTabContainer .ajax__tab_header .ajax__tab_hover .ajax__tab_inner {
        cursor: pointer;
        background: url("/Theme/AjaxTabControl/default/tab-hover-left.gif") no-repeat;
    }

    .defaultTabContainer .ajax__tab_header .ajax__tab_hover .ajax__tab_tab {
        cursor: pointer;
        background: url("/Theme/AjaxTabControl/default/tab-hover.gif") repeat-x;
    }
    /*.ajax__tab_xp .ajax__tab_header .ajax__tab_active { margin-top: 1px; }*/
    .defaultTabContainer .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
        background: url("/Theme/AjaxTabControl/default/tab-active-right.gif") no-repeat right;
    }

    .defaultTabContainer .ajax__tab_header .ajax__tab_active .ajax__tab_inner {
        background: url("/Theme/AjaxTabControl/default/tab-active-left.gif") no-repeat;
    }

    .defaultTabContainer .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
        background: url("/Theme/AjaxTabControl/default/tab-active.gif") repeat-x;
    }

.defaultTabContainer .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10px;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}

/* xp theme vertical left */
.defaultTabContainer .ajax__tab_header_verticalleft {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url("/Theme/AjaxTabControl/default/tab-line.gif") repeat-y right;
}

    .defaultTabContainer .ajax__tab_header_verticalleft .ajax__tab_outer {
        padding-right: 4px;
        background: url("/Theme/AjaxTabControl/default/tab-right-verticalleft.gif") no-repeat right;
        height: 21px;
    }

    .defaultTabContainer .ajax__tab_header_verticalleft .ajax__tab_inner {
        padding-left: 3px;
        background: url("/Theme/AjaxTabControl/default/tab-left-verticalleft.gif") no-repeat;
    }

    .defaultTabContainer .ajax__tab_header_verticalleft .ajax__tab_tab {
        height: 13px;
        padding: 4px;
        margin: 0px;
        background: url("/Theme/AjaxTabControl/default/tab-verticalleft.gif") repeat-x;
    }

    .defaultTabContainer .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_outer {
        cursor: pointer;
        background: url("/Theme/AjaxTabControl/default/tab-hover-right-verticalleft.gif") no-repeat right;
    }

    .defaultTabContainer .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_inner {
        cursor: pointer;
        background: url("/Theme/AjaxTabControl/default/tab-hover-left-verticalleft.gif") no-repeat;
    }

    .defaultTabContainer .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_tab {
        cursor: pointer;
        background: url("/Theme/AjaxTabControl/default/tab-hover-verticalleft.gif") repeat-x;
    }

    .defaultTabContainer .ajax__tab_header_verticalleft .ajax__tab_active {
        margin-top: 1px;
    }

        .defaultTabContainer .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_outer {
            background: url("/Theme/AjaxTabControl/default/tab-active-right-verticalleft.gif") no-repeat right;
        }

        .defaultTabContainer .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_inner {
            background: url("/Theme/AjaxTabControl/default/tab-active-left-verticalleft.gif") no-repeat;
        }

        .defaultTabContainer .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_tab {
            background: url("/Theme/AjaxTabControl/default/tab-active-verticalleft.gif") repeat-x;
        }

.defaultTabContainer .ajax__tab_body_verticalleft {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #999999;
    padding: 8px;
    background-color: #ffffff;
}

/* xp theme vertical right */
.defaultTabContainer .ajax__tab_header_verticalright {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url("/Theme/AjaxTabControl/default/tab-line.gif") repeat-y left;
}

    .defaultTabContainer .ajax__tab_header_verticalright .ajax__tab_outer {
        padding-right: 4px;
        background: url("/Theme/AjaxTabControl/default/tab-right-verticalright.gif") no-repeat right;
        height: 21px;
    }

    .defaultTabContainer .ajax__tab_header_verticalright .ajax__tab_inner {
        padding-left: 3px;
        background: url("/Theme/AjaxTabControl/default/tab-left-verticalright.gif") no-repeat;
    }

    .defaultTabContainer .ajax__tab_header_verticalright .ajax__tab_tab {
        height: 13px;
        padding: 4px;
        margin: 0px;
        background: url("/Theme/AjaxTabControl/default/tab-verticalright.gif") repeat-x;
    }

    .defaultTabContainer .ajax__tab_header_verticalright .ajax__tab_hover .ajax__tab_outer {
        cursor: pointer;
        background: url("/Theme/AjaxTabControl/default/tab-hover-right-verticalright.gif") no-repeat right;
    }

    .defaultTabContainer .ajax__tab_header_verticalright .ajax__tab_hover .ajax__tab_inner {
        cursor: pointer;
        background: url("/Theme/AjaxTabControl/default/tab-hover-left-verticalright.gif") no-repeat;
    }

    .defaultTabContainer .ajax__tab_header_verticalright .ajax__tab_hover .ajax__tab_tab {
        cursor: pointer;
        background: url("/Theme/AjaxTabControl/default/tab-hover-verticalright.gif") repeat-x;
    }

    .defaultTabContainer .ajax__tab_header_verticalright .ajax__tab_active {
        margin-top: 1px;
    }

        .defaultTabContainer .ajax__tab_header_verticalright .ajax__tab_active .ajax__tab_outer {
            background: url("/Theme/AjaxTabControl/default/tab-active-right-verticalright.gif") no-repeat right;
        }

        .defaultTabContainer .ajax__tab_header_verticalright .ajax__tab_active .ajax__tab_inner {
            background: url("/Theme/AjaxTabControl/default/tab-active-left-verticalright.gif") no-repeat;
        }

        .defaultTabContainer .ajax__tab_header_verticalright .ajax__tab_active .ajax__tab_tab {
            background: url("/Theme/AjaxTabControl/default/tab-active-verticalright.gif") repeat-x;
        }

.defaultTabContainer .ajax__tab_body_verticalright {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #999999;
    border-right: 0;
    padding: 8px;
    background-color: #ffffff;
}

/* header on bottom */
.defaultTabContainer .ajax__tab_header_bottom {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url("/Theme/AjaxTabControl/default/tab-line.gif") repeat-x top;
}

    .defaultTabContainer .ajax__tab_header_bottom .ajax__tab_outer {
        padding-right: 4px;
        background: url("/Theme/AjaxTabControl/default/tab-bottom-right.gif") no-repeat right;
        height: 21px;
    }

    .defaultTabContainer .ajax__tab_header_bottom .ajax__tab_inner {
        padding-left: 3px;
        background: url("/Theme/AjaxTabControl/default/tab-bottom-left.gif") no-repeat;
    }

    .defaultTabContainer .ajax__tab_header_bottom .ajax__tab_tab {
        height: 17px;
        padding: 0px 4px 4px 4px;
        margin: 0px;
        background: url("/Theme/AjaxTabControl/default/tab-bottom.gif") repeat-x;
    }

    .defaultTabContainer .ajax__tab_header_bottom .ajax__tab_hover .ajax__tab_outer {
        cursor: pointer;
        background: url("/Theme/AjaxTabControl/default/tab-bottom-hover-right.gif") no-repeat right;
    }

    .defaultTabContainer .ajax__tab_header_bottom .ajax__tab_hover .ajax__tab_inner {
        cursor: pointer;
        background: url("/Theme/AjaxTabControl/default/tab-bottom-hover-left.gif") no-repeat;
    }

    .defaultTabContainer .ajax__tab_header_bottom .ajax__tab_hover .ajax__tab_tab {
        cursor: pointer;
        background: url("/Theme/AjaxTabControl/default/tab-bottom-hover.gif") repeat-x;
    }

    .defaultTabContainer .ajax__tab_header_bottom .ajax__tab_active .ajax__tab_outer {
        background: url("/Theme/AjaxTabControl/default/tab-bottom-active-right.gif") no-repeat right;
    }

    .defaultTabContainer .ajax__tab_header_bottom .ajax__tab_active .ajax__tab_inner {
        background: url("/Theme/AjaxTabControl/default/tab-bottom-active-left.gif") no-repeat;
    }

    .defaultTabContainer .ajax__tab_header_bottom .ajax__tab_active .ajax__tab_tab {
        background: url("/Theme/AjaxTabControl/default/tab-bottom-active.gif") repeat-x;
    }

.defaultTabContainer .ajax__tab_body_bottom {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #999999;
    border-bottom: 0;
    padding: 8px;
    background-color: #ffffff;
}

/* scrolling */
.ajax__scroll_horiz {
    overflow-x: scroll;
}

.ajax__scroll_vert {
    overflow-y: scroll;
}

.ajax__scroll_both {
    overflow: scroll;
}

.ajax__scroll_auto {
    overflow: auto;
}

.ajax__scroll_none {
    overflow: hidden;
}

/* plain theme */
.ajax__tab_plain .ajax__tab_outer {
    text-align: center;
    vertical-align: middle;
    border: 2px solid #999999;
}

.ajax__tab_plain .ajax__tab_inner {
    text-align: center;
    vertical-align: middle;
}

.ajax__tab_plain .ajax__tab_body {
    text-align: center;
    vertical-align: middle;
}

.ajax__tab_plain .ajax__tab_header {
    text-align: center;
    vertical-align: middle;
}

.ajax__tab_plain .ajax__tab_active .ajax__tab_outer {
    background: #FFFFE1;
}


/* TEXT 
---------------------------------------------------------------------- */

.rdwc_paddTxt {
    padding: 5px 0px;
}

.rdwc_TxtBold {
    font-weight: bold;
}

.rdwc_smTxt {
    font-size: 10px;
    margin-bottom: 7px;
}

.rdwc_ItalicTxt {
    font-size: 10px;
    font-style: oblique;
    margin-bottom: 7px;
}


.rdwc_GreyTxt {
    color: #7a7a7a;
}

.rdwc_GreyTxtBold {
    color: #7a7a7a;
    font-weight: bold;
}







/* TABLES
---------------------------------------------------------------------- */

.rdwc_Centre {
    text-align: center;
}

.rdwc_left {
    text-align: left;
}

.rdwc_right {
    text-align: right;
}

.rdwc_TableDkHead {
    background-color: #444;
    color: #fff;
    font-size: 12px;
    padding: 9px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #e1e1e1;
}


.rdwc_TableRowLt {
    background-color: #f1f1f1;
    font-size: 10px;
    padding: 7px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.rdwc_TableRowDk {
    background-color: #e1e1e1;
    font-size: 10px;
    padding: 7px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}




/* TABS
---------------------------------------------------------------------- */

A.rdwc_TabLt:link, A.rdwc_TabLt:active, A.rdwc_TabLt:visited {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 10px;
    border-right: 1px solid #e1e1e1;
    background-repeat: repeat-x;
    text-decoration: none;
    display: block;
}

A.rdwc_TabLt:hover {
    background-repeat: repeat-x;
}

A.rdwc_TabDk:link, A.rdwc_TabDk:active, A.rdwc_TabDk:visited {
    color: #000;
    font-size: 12px;
    padding: 10px 10px;
    font-weight: bold;
    border-right: 1px solid #e1e1e1;
    background-repeat: repeat-x;
    text-decoration: none;
    display: block;
}

A.rdwc_TabDk:hover {
    background-repeat: repeat-x;
}


/* BUTTONS
---------------------------------------------------------------------- */

A.rdwc_DkLinkSm:link, A.rdwc_DkLinkSm:active, A.rdwc_DkLinkSm:visited {
    color: #fff;
    font-size: 10px;
    background-color: #111;
    border: 1px solid #111;
    padding: 3px 9px;
    text-decoration: none;
}

A.rdwc_DkLinkSm:hover {
    color: #111;
    border: 1px solid #999;
    background: #e1e1e1;
}

A.rdwc_LtLinkSm:link, A.rdwc_LtLinkSm:active, A.rdwc_LtLinkSm:visited {
    color: #111;
    font-size: 10px;
    background-color: #e1e1e1;
    padding: 3px 9px;
    border: 1px solid #999;
    text-decoration: none;
}

A.rdwc_LtLinkSm:hover {
    color: #fff;
    border: 1px solid #111;
    background: #111;
}


A.rdwc_DkLinkMid:link, A.rdwc_DkLinkMid:active, A.rdwc_DkLinkMid:visited {
    font-size: 12px;
    color: #fff;
    background: #111;
    border: 1px solid #111;
    padding: 4px 10px;
    text-decoration: none;
}

A.rdwc_DkLinkMid:hover {
    color: #111;
    border: 1px solid #999;
    background: #e1e1e1;
}

A.rdwc_LtLinkMid:link, A.rdwc_LtLinkMid:active, A.rdwc_LtLinkMid:visited {
    color: #111;
    font-size: 12px;
    background-color: #e1e1e1;
    border: 1px solid #999;
    padding: 4px 10px;
    text-decoration: none;
}

A.rdwc_LtLinkMid:hover {
    color: #e1e1e1;
    background: #111;
    border: 1px solid #111;
}


A.rdwc_smBoxDk:link, A.rdwc_smBoxDk:active, A.rdwc_smBoxDk:visited {
    font-size: 8px;
    color: #fff;
    background-color: #111;
    border: 1px solid #dadada;
    padding: 2px 4px;
    text-decoration: none;
}

A.rdwc_smBoxDk:hover {
    color: #111;
    background-color: #fff;
}

A.rdwc_smBoxLt:link, A.rdwc_smBoxLt:active, A.rdwc_smBoxLt:visited {
    font-size: 8px;
    color: #111;
    background-color: #fff;
    border: 1px solid #666;
    padding: 2px 4px;
    text-decoration: none;
}

A.rdwc_smBoxLt:hover {
    color: #fff;
    background-color: #333;
}


A.rdwc_UnderlinkDk:link, A.rdwc_UnderlinkDk:active, A.rdwc_UnderlinkDk:visited {
    font-size: 10px;
    color: #fff;
    background-color: #666;
    margin: 0px 2px 5px 2px;
    border-bottom: 1px solid #e1e1e1;
    padding: 2px 4px;
    text-decoration: none;
}

A.rdwc_UnderlinkDk:hover {
    color: #000;
    padding: 2px 4px;
    background-color: #e1e1e1;
}


A.rdwc_UnderlinkLt:link, A.rdwc_UnderlinkLt:active, A.rdwc_UnderlinkLt:visited {
    font-size: 10px;
    color: #000;
    background-color: #e1e1e1;
    margin: 0px 2px 5px 2px;
    border-bottom: 1px solid #000;
    padding: 2px 4px;
    text-decoration: none;
}

A.rdwc_UnderlinkLt:hover {
    color: #fff;
    padding: 2px 4px;
    background-color: #666;
}



/* MENU CONTROLS 
---------------------------------------------------------------------- */



/* Main Button Image Background Set Height & Width */


.rdwc_menu_Title {
    padding: 0px 0px 0px 13px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    width: 132px;
    height: 48px;
    display: block;
    border: 0px solid lime;
    text-align: left;
}

    .rdwc_menu_Title:hover {
        text-decoration: none;
        color: #333;
    }

A.rdwc_menu_title1:link, A.rdwc_menu_title1:active, A.rdwc_menu_title1:visited {
    padding-left: 15px;
    padding-top: 13px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    width: 115px;
    height: 35px;
    display: block;
    border: 0px solid lime;
}

A.rdwc_menu_title1:hover {
    text-decoration: none;
    color: #333;
}


/* Main Button NoImage Background Fluid Height & Width */

A.rdwc_menu_title2:link, A.rdwc_menu_title2:active, A.rdwc_menu_title2:visited {
    padding: 4px 10px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #111;
    background-color: #e1e1e1;
    border: 1px solid #999;
    display: block;
}

A.rdwc_menu_title2:hover {
    text-decoration: none;
    color: #e1e1e1;
    background: #111;
}




/* Sub Menu Button  */


.rdwc_menu_MenuItem {
    padding-left: 7px;
    margin-left: 10px;
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
    color: #111;
    background: #fff;
    width: 100px;
    height: 18px;
    display: block;
    border-bottom: 1px solid #ccc;
}

    .rdwc_menu_MenuItem:hover {
        text-decoration: none;
        background: #666;
        color: #fff;
        height: 18px;
    }




A.rdwc_menu_item1:link, A.rdwc_menu_item1:active, A.rdwc_menu_item1:visited {
    padding-left: 7px;
    margin-left: 10px;
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
    color: #111;
    background: #fff;
    width: 100px;
    height: 18px;
    display: block;
    border-bottom: 1px solid #ccc;
}

A.rdwc_menu_item1:hover {
    text-decoration: none;
    background: #666;
    color: #fff;
    height: 18px;
}



#ul_one, #ul_two, #ul_three, #ul_four, #ul_five, #ul_six {
    display: none;
}

#rdwc_menu a {
    display: block;
    text-decoration: none;
    line-height: 16px;
    margin-left: -22px;
}

#rdwc_menu ul {
    list-style-type: none;
    list-style: outside;
    margin-left: -25px;
}

#rdwc_menu li {
    display: inline;
}

.rdwc_menu_maintxt {
    width: 115px;
    padding-left: 15px;
    padding-top: 13px;
    font-size: 12px;
    font-weight: bold;
}

.rdwc_menu_subtxt {
    font-size: 10px;
    line-height: 16px;
    width: 102px;
    padding-left: 7px;
    margin-left: 10px;
}

#rdwc_menu li a:link, ul#rdwc_menu li a:visited {
    height: 35px;
    color: #000;
}

    #rdwc_menu li a:link:hover, ul#rdwc_menu li a:visited:hover {
    }


ul#rdwc_menu li ul.rdwc_menu_submenu li a:link, ul#rdwc_menu ul.rdwc_menu_submenu li a:visited {
    border-bottom: 1px solid #ccc;
    background: #fff;
    color: #111;
    height: 18px;
}

    ul#rdwc_menu li ul.rdwc_menu_submenu li a:link:hover, ul#rdwc_menu ul.rdwc_menu_submenu li a:visited:hover {
        background: #666;
        color: #fff;
        height: 18px;
    }


/* FORMS
---------------------------------------------------------------------- */


form {
    padding: 0px;
}

    form.rdwc_form fieldset {
        margin: 5px 0px;
        padding: 20px 20px 30px 30px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }

    form.rdwc_form legend {
        padding: 5px 15px;
        font-size: 14px;
        font-weight: bold;
    }

    form.rdwc_form label {
        vertical-align: top;
        border: none;
    }

    form.rdwc_form span {
        vertical-align: top;
        border: none;
    }

    form.rdwc_form em {
        font-weight: bold;
        color: #f00;
    }

    form.rdwc_form p {
        padding: 5px 0px;
    }


fieldset {
    border-style: none;
}


select {
    border: 1px solid #666;
    padding: 3px;
    width: 92%;
}

.rdwc_SelectDk {
    border: 1px solid #333;
    padding: 2px;
}

.rdwc_SelectLt {
    border: 1px solid #e1e1e1;
    padding: 2px;
}




.rdwc_inputDk {
    border: 1px solid #333;
    background: #ccc;
}

.rdwc_inputLt {
    border: 1px solid #e1e1e1;
    background: #fff;
}

.rdwc_inputSm {
    border: 1px solid #999;
    background: #fff;
    font-size: 10px;
    height: 18px;
}

/* FORMS BUTTONS
---------------------------------------------------------------------- */


.rdwc_buttonDk {
    border: 0px;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-image: url(images/magnify-Dk.png);
    background-color: transparent;
    vertical-align: middle;
}

    .rdwc_buttonDk:hover {
        cursor: pointer;
        /*border:0px;
		width: 22px;
		height:22px;
		background-repeat: no-repeat;
		background-image: url(images/magnify-Lt.gif);*/
    }

.rdwc_buttonLt {
    font-size: 10px;
    color: #111;
    background-color: #e1e1e1;
    border: 1px solid #999;
    padding: 4px 10px;
    text-decoration: none;
}

    .rdwc_buttonLt:hover {
        color: #e1e1e1;
        background: #111;
        border: 1px solid #111;
    }



/* FORMS SUBMIT
---------------------------------------------------------------------- */

.rdwc_submitDk {
    background-color: #333;
    color: #fff;
    border: 1px solid #111;
    cursor: pointer;
    padding: 2px 6px;
    width: 60px;
}

    .rdwc_submitDk:hover {
        background-color: #e1e1e1;
        color: #000;
    }


.rdwc_submitLt {
    background-color: #e1e1e1;
    color: #000;
    border: 1px solid #111;
    cursor: pointer;
    padding: 2px 6px;
    width: 60px;
}

    .rdwc_submitLt:hover {
        background-color: #333;
        color: #fff;
    }

/* USER LOGIN ETC */


.rdwc_user {
    color: #000;
    background: #fff;
    border: 0px;
    margin: 0px;
    padding: 3px 10px;
    text-decoration: none;
}

    .rdwc_user:hover {
        color: #fff;
        background: #000;
    }

.rdwc_LogOut {
    color: #000;
    background: #fff;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 1px solid #000;
    padding: 3px 10px;
    text-decoration: none;
}

    .rdwc_LogOut:hover {
        color: #fff;
        background: #000;
    }


/******************************************************************************
 ** Hub Page
 ******************************************************************************/



.rdwc_HubTxt {
    font-size: 12px;
    margin-top: -5px;
    margin-left: 55px;
    margin-bottom: 7px;
}

.rdwc_HubIcon {
    float: left;
    clear: both;
    margin-right: 10px;
}

.rdwc_HubIconSm {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.rdwc_HubSub {
    font-size: 12px;
    margin: 0;
    padding: 2px 0px;
}

.rdwc_imgHR {
    margin: 18px 0px;
}

.rdwc_TxtHub {
    font-size: 12px;
    margin-bottom: 7px;
    color: #666;
}

.rdwc_bold {
    font-weight: bold;
}

.rdwc_Box_MarginLeft35 {
    margin-left: 35px;
}

A.rdwc_Hub_titlebutt:link, A.rdwc_Hub_titlebutt:active, A.rdwc_Hub_titlebutt:visited {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

A.rdwc_Hub_titlebutt:hover {
    text-decoration: none;
    background-color: #666;
    color: #fff;
    padding: 4px;
}


A.HubLink:link, A.HubLink:active, A.HubLink:visited {
    text-decoration: underline;
    color: #0066cc;
}

A.HubLink:Hover {
    text-decoration: underline;
    color: Purple;
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	ICS STYLES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


/******************************************************************************
 ** Action List
 ******************************************************************************/


.ics_Actions_RiskL {
    background-color: #45c208;
    width: 100px;
    text-align: center;
}

    .ics_Actions_RiskL:Hover {
    }

.ics_Actions_RiskM {
    background-color: #ffcc00;
    width: 100px;
    text-align: center;
}

    .ics_Actions_RiskM:Hover {
    }

.ics_Actions_RiskH {
    background-color: #e60000;
    width: 100px;
    text-align: center;
}

    .ics_Actions_RiskH:Hover {
    }




/******************************************************************************
 ** Breadcrumbs Control
 ******************************************************************************/

.ics_Breadcrumb_Crumb {
    text-decoration: none;
    color: Black;
}


.ics_Breadcrumb_Seperator {
    text-decoration: none;
}



/******************************************************************************
 ** ICS Group
 ******************************************************************************/

.ics_Group_Container {
    margin-left: 20px;
    margin-right: 20px;
}

.ics_Group_GroupListContainer {
    position: relative;
    display: block;
    top: -15px;
}

.ics_Group_DescriptionContainer {
    margin-top: 7px;
    display: block;
    left: 0px;
    right: 0px;
    background-color: #f1f1f1;
    padding: 3px 10px;
}

.ics_Group_GroupContainer {
    display: block;
    margin-top: 20px;
}

.ics_Group_ButtonContainer {
    display: block;
}

.ics_Group_GroupList_DropDownList:hover {
}

.ics_Group_GroupList_DropDownList {
    display: inline-block;
    padding: 2px;
    font: inherit;
    text-align: left;
    width: 30%;
    border: 1px solid Black;
    border-bottom: 1px solid Black;
    font-weight: bold;
    padding: 3px;
}


.ics_Group_Description {
}

    .ics_Group_Description:hover {
    }

.ics_Group_Legend {
    margin-left: 20px;
}


/******************************************************************************
 ** Hub Page Control
 ******************************************************************************/

.ics_HubControl_Icon {
    top: 5px;
    position: absolute;
    left: 10px;
    right: 10px;
}


.ics_HubControl_Titled_Container {
    position: relative;
    overflow: visible;
    border: 1px solid #ccc;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

.ics_HubControl_Titled_Header {
    background-image: url(images/headbg.gif);
    background-repeat: repeat-x;
    background-position: top;
    font-weight: bold;
    height: 50px;
    padding: 8px 15px 10px 65px;
}

.ics_HubControl_Titled_Content {
    overflow: visible;
    padding: 0px 30px 15px 65px;
}

/******************************************************************************
 ** ICS Compliance Row View
 ******************************************************************************/
.ics_ComplianceListView_MainContainer {
    padding: 20px;
}

.ics_ComplianceListView_CategoryHead {
    display: block;
    border-spacing: 0px;
}

.ics_ComplianceListView_Head {
    display: block;
    background-color: #010101;
    border-spacing: 0px;
}

.ics_ComplianceListView_Row_Container_Alternate {
    display: block;
    background-color: #f0f0f0;
}

.ics_ComplianceListView_Row_Container {
    display: block;
    background-color: #fcfcfc;
    border-spacing: 0px;
}

.ics_ComplianceListView_Row_RAG,
.ics_ComplianceListView_Row_RAG_Head {
    text-align: center;
    min-width: 70px;
    max-width: 70px;
}

.ics_ComplianceListView_Row_Category,
.ics_ComplianceListView_Row_Category_Head {
    text-align: center;
    min-width: 80px;
    max-width: 80px;
}

.ics_ComplianceListView_Row_Type,
.ics_ComplianceListView_Row_Type_Head {
    text-align: center;
    min-width: 150px;
    max-width: 150px;
    overflow: hidden;
}

.ics_ComplianceListView_Row_UCPRN,
.ics_ComplianceListView_Row_UCPRN_Head {
    text-align: center;
    min-width: 150px;
    max-width: 150px;
}

.ics_ComplianceListView_Row_UPRN,
.ics_ComplianceListView_Row_UPRN_Head {
    text-align: center;
    min-width: 150px;
    max-width: 150px;
}

.ics_ComplianceListView_Row_StartDate,
.ics_ComplianceListView_Row_StartDate_Head {
    text-align: center;
    min-width: 100px;
    max-width: 100px;
}

.ics_ComplianceListView_Row_TargetDate,
.ics_ComplianceListView_Row_TargetDate_Head {
    text-align: center;
    min-width: 100px;
    max-width: 100px;
}

.ics_ComplianceListView_Row_Rating,
.ics_ComplianceListView_Row_Rating_Head {
    text-align: center;
    min-width: 100px;
    max-width: 100px;
}

.ics_ComplianceListView_Row_ActionCount,
.ics_ComplianceListView_Row_ActionCount_Head {
    text-align: center;
    min-width: 70px;
    max-width: 70px;
}

.ics_ComplianceListView_Row_DocCount,
.ics_ComplianceListView_Row_DocCount_Head {
    text-align: center;
    min-width: 70px;
    max-width: 70px;
}

.ics_ComplianceListView_Row_DocCount_Active {
    min-width: 70px;
    max-width: 70px;
    background-color: #E0E0E0;
}

.ics_ComplianceListView_Row_RAG,
.ics_ComplianceListView_Row_Category,
.ics_ComplianceListView_Row_Type,
.ics_ComplianceListView_Row_UCPRN,
.ics_ComplianceListView_Row_UPRN,
.ics_ComplianceListView_Row_StartDate,
.ics_ComplianceListView_Row_TargetDate,
.ics_ComplianceListView_Row_Rating,
.ics_ComplianceListView_Row_ActionCount,
.ics_ComplianceListView_Row_DocCount,
.ics_ComplianceListView_Row_DocCount_Active {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
    text-align: center;
}

.ics_ComplianceListView_Row_RAG_Head,
.ics_ComplianceListView_Row_Category_Head,
.ics_ComplianceListView_Row_Type_Head,
.ics_ComplianceListView_Row_UCPRN_Head,
.ics_ComplianceListView_Row_UPRN_Head,
.ics_ComplianceListView_Row_StartDate_Head,
.ics_ComplianceListView_Row_TargetDate_Head,
.ics_ComplianceListView_Row_Rating_Head,
.ics_ComplianceListView_Row_ActionCount_Head,
.ics_ComplianceListView_Row_DocCount_Head {
    display: table-cell;
    height: 30px;
    vertical-align: middle;
    font-weight: bold;
    color: White;
    font-size: 16px;
    border: 0px none transparent;
}

.ics_ComplianceListView_Row_Documents {
    display: none;
}

.ics_ComplianceListView_Row_Actions {
    display: none;
    width: 950px;
    background-color: #E0E0E0;
}

.ics_ComplianceActionsList_RowContainer_Head {
    background-color: Black;
}

.ics_ComplianceActionsList_RowContainer {
    display: inline-table;
    border-bottom: 1px solid #222;
}

.ics_ComplianceActionsList_Risk,
.ics_ComplianceActionsList_Status,
.ics_ComplianceActionsList_TargetDate,
.ics_ComplianceActionsList_Description,
.ics_ComplianceActionsList_Name,
.ics_ComplianceActionsList_UCPRN {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
    padding-left: 21px;
}

.ics_ComplianceActionsList_UCPRN_Head,
.ics_ComplianceActionsList_Risk_Head,
.ics_ComplianceActionsList_Status_Head,
.ics_ComplianceActionsList_TargetDate_Head,
.ics_ComplianceActionsList_Description_Head,
.ics_ComplianceActionsList_Name_Head {
    display: table-cell;
    height: 30px;
    vertical-align: middle;
    background-color: Black;
    color: White;
    padding-left: 20px;
    border: 1px solid black;
    font-weight: bold;
}

.ics_ComplianceActionsList_Risk,
.ics_ComplianceActionsList_Risk_Head {
    min-width: 100px;
    max-width: 100px;
}

.ics_ComplianceActionsList_UCPRN,
.ics_ComplianceActionsList_UCPRN_Head {
    min-width: 100px;
    max-width: 100px;
}

.ics_ComplianceActionsList_Status,
.ics_ComplianceActionsList_Status_Head {
    min-width: 150px;
    max-width: 150px;
}

.ics_ComplianceActionsList_TargetDate,
.ics_ComplianceActionsList_TargetDate_Head {
    min-width: 150px;
    max-width: 150px;
}

.ics_ComplianceActionsList_Description,
.ics_ComplianceActionsList_Description_Head {
    min-width: 450px;
    max-width: 450px;
}

.ics_ComplianceActionsList_Name,
.ics_ComplianceActionsList_Name_Head {
    display: none;
    min-width: 150px;
    max-width: 150px;
}

.ics_ComplianceListView_Filter {
    width: 200px;
    margin-right: 20px;
}

.ics_ComplianceListView_FilterButton {
    margin: 0px 10px 0px 0px;
    border: 1px solid #000;
    background: #000;
    padding: 5px;
    color: #fff;
}

    .ics_ComplianceListView_FilterButton:Hover {
        border: 1px solid #000;
        background: #666;
        padding: 5px;
        color: #fff;
    }


.ics_ComplianceListView_Filter_Container,
.ics_ComplianceListView_FilterButton_Container,
.ics_ComplianceListView_ButtonBar_Container {
    display: inline-block;
    margin: 15px 0px 0px 20px;
}

.ics_ComplianceListView_LoadingPanel {
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 999;
    background-color: #f0f0f0;
    -moz-opacity: 0.8;
    filter: alpha(opacity: 0.8);
    opacity: 0.8;
    background-image: url(images/ComplianceListView_Loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

/******************************************************************************
 ** Image Page
 ******************************************************************************/

.ics_Image_Uploader {
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}


.ics_Image_UploaderContainer {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 60;
}

.ics_Image_UploadButton_Uploading {
    background-color: Green;
}

.ics_Image_UploadButton_Upload {
    background-color: Blue;
}


.ics_Image_UploadButton_Uploading,
.ics_Image_UploadButton_Upload {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 50;
}

.ics_Image_Container {
    /*position: absolute;*/
}

.ics_Image_ImageContainer {
    /*position: absolute;*/
    top: 0px;
    left: 0px;
    z-index: 10;
}



/******************************************************************************
 ** List Page
 ******************************************************************************/


.ics_ListView_Button_MailTo:Hover,
.ics_ListView_Button_AddUser:Hover,
.ics_ListView_Button_Excel:Hover {
    background-color: #444;
}

.ics_ListView_Button_MailTo,
.ics_ListView_Button_AddUser,
.ics_ListView_Button_Excel {
    padding: 0px 30px 0px 30px;
    /*border-right: 1px solid  #333;*/
    border-right: 0px none transparent;
    border-left: 1px solid #333;
    border-bottom: 0px none transparent;
    border-top: 0px none transparent;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}

.ics_ListView_Button_Excel {
    width: 30px;
    height: 30px;
    background-image: url(images/ListView_ExcelButton.png);
}

.ics_ListView_Button_MailTo {
    width: 30px;
    height: 30px;
    background-image: url(images/ListView_MailToButton.png);
}


.ics_ListView_Button_AddUser {
    width: 50px;
    height: 30px;
    background-image: url(images/ListView_AddUserButton.png);
}

.ics_ChartWindow_ExcelIcon {
    top: 5px;
    position: absolute;
    right: 10px;
}


.defaultButton {
    background-color: transparent;
    border-style: none;
    visibility: hidden;
    height: 0px;
    width: 0px;
}

.ICS_ComplianceIcon_Number {
    font-size: 18px;
}

div.rdv_FileDetailUpload_Document_DocumentDetailView_Expanded_DownloadIcon a:before,
div.rdv_FileDetailUpload_Document_DocumentDetailView_Streamline_DownloadIcon a:before {
    content: "Download";
    white-space: pre;
    color: #0099ff;
    font-size: 10px;
    padding-bottom: 5px;
}

div.rdv_FileDetailUpload_Document_DocumentDetailView_Expanded_DocumentTitle,
div.rdv_FileDetailUpload_Document_DocumentDetailView_Streamline_DocumentTitle {
    max-width: 350px;
}

#ob_grdPropertyListTrialDiv,
#ob_grdComplianceListTrialDiv,
#ob_grdComplianceActionListTrialDiv,
#ob_grdActionsListTrialDiv {
    display: none;
    visibility: hidden;
}

/************************
    Collapse Panel Start
*************************/
.collapse-panel {
    background-image: url(images/gradients/gradient2.gif);
    background-repeat: repeat-x;
    background-color: #A9AFBE;
    border: 1px solid #999999;
    padding: 2px 10px 0px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.collapse-panel-header {
    font-weight: bold;
    font-size: 10pt;
}

.collapse-panel-button {
    padding-top: 1px;
}

.collapse-panel-content {
}

/************************
    Collapse Panel End
*************************/

/************************
    Collapse Panel Control Row Start
*************************/

.collapse-panel .panel-control-row {
    padding-bottom: 5px;
}

    .collapse-panel .panel-control-row .label {
        display: inline-block;
        width: 200px;
        text-align: right;
        font-weight: normal;
        font-size: inherit;
        color: inherit;
        line-height: inherit;
    }

    .collapse-panel .panel-control-row .control {
        border: none;
        font-size: 10px;
    }

.hoisted-control {
    margin-left: 136px;
}

/************************
    Collapse Panel Control Row End
*************************/

/************************
    Collapse Panel Button Bar Start
*************************/

.collapse-panel .panel-button-bar {
    min-height: 35px;
}

    .collapse-panel .panel-button-bar input[type="image"] {
        padding: 5px 0px 5px 10px;
    }

/************************
    Collapse Panel Button Bar End
*************************/

/************************
    Event List Style Start
*************************/
.Event {
    border: solid 1px black;
    border-collapse: collapse;
}

    .Event .EventHeader {
        width: 100%;
        background: #424242 url(grd_head.png) repeat-x top;
        color: #fff;
    }

        .Event .EventHeader .ExpandButton {
            margin-left: 10px;
        }

        .Event .EventHeader .EventType {
            float: right;
            margin-right: 10px;
        }

/************************
    Event List Style End
*************************/

/************************
    Action Grid Style Start
*************************/

.ActionGrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    .ActionGrid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #717171;
    }

    .ActionGrid th {
        padding: 4px 2px;
        color: #fff;
        background: #424242 url(grd_head.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
    }

    .ActionGrid .alt {
        background: #fcfcfc url(grd_alt.png) repeat-x top;
    }

    .ActionGrid .pgr {
        background: #424242 url(grd_pgr.png) repeat-x top;
    }

        .ActionGrid .pgr table {
            margin: 5px 0;
        }

        .ActionGrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .ActionGrid .pgr a {
            color: #666;
            text-decoration: none;
        }

            .ActionGrid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }


/************************
    Action Grid Style End
*************************/

/************************
    FileList Style Start
*************************/

.FileList {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    .FileList th {
        padding: 4px 2px;
        color: #fff;
        background: #424242 url(grd_head.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
    }

/************************
    FileList Style End
*************************/

.tabPropertyDocumentsPage {
    width: 100%;
    border: 1px solid #999999;
    padding: 5px;
    z-index: 100;
}

    .tabPropertyDocumentsPage table {
        width: 100%;
    }

/************************
    Action View/Edit Style Start
*************************/
.action-view {
    margin-left: 20px;
    overflow: auto;
    position: absolute;
    top: 50px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-top: 12px;
}

    .action-view * {
        box-sizing: border-box;
    }

    .action-view fieldset {
        padding: 0px;
        margin: 0px;
    }

    .action-view legend {
        text-transform: uppercase;
        line-height: 22px;
        font-weight: bold;
    }

    .action-view td {
        vertical-align: top;
    }

    .action-view .label-cell {
        width: 1%;
        white-space: nowrap;
    }

table.content {
    width: 100%;
}

/************************
   Overlay Style Start
*************************/
.grid-overlay-fullscreen {
    z-index: 100;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    display: none;
}

#grid-overlay-fullscreen-opacity {
    z-index: 50;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #EEE;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

#grid-overlay-fullscreen-message {
    z-index: 102;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
    text-align: center;
    font-size: large;
    padding-top: 25px;
    font-weight: bold;
}

/************** New styles for FRAs *************/
.questions {
    border: 1px solid black;
}

    .questions, .questions table {
        width: 100%;
        padding: 1pt 0;
    }

        .questions tr, .questions tabletr {
            width: 100%;
        }
        /*.questions tr td , .questions table tr td {width:50%;}*/
        .questions table tr td:first-child {
            width: 2% !important;
        }
/*.questions table tr td:nth-of-type(2) {width:20%;}
.questions table tr td:last-child {width:78%;}*/

div.questions input[type="text"], div.questions input.datepicker {
    width: 300px;
    font-family: helvetica !important;
}

div.questions input[type="text"], div.questions select, div.questions input.datepicker {
    border: 1px solid #ccc;
    padding: 5px;
    margin: 1.5pt 0;
    font-size: 12px;
}

div.questions input[type="checkbox"], div.questions input[type="radio"] {
    margin: 0 3pt !important;
}

div.questions select {
    font-size: 12px;
    color: #222;
    width: 312px;
}

div.questions textarea {
    resize: vertical;
    font-size: 12px;
    color: #222;
    width: 300px;
    padding: 5px;
    font-family: Arial;
}

/************** tabs *****************/
div.audittrail-tabs {
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.tabs li, .audittrail-tabs li {
    list-style: none;
    display: inline;
    padding: 0 2px;
}

.tabs a, .audittrail-tabs a {
    padding: 5px 10px;
    display: inline-block;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius: 5px;
    margin: 2px;
    border: 1px solid #000;
}

    .tabs a.active, .audittrail-tabs a.active {
        background: lightgrey;
        color: #000;
        border: 1px solid #000;
    }

/********************** general ******************/

.sectionname, .subsectionname, .subqsectionname {
    padding: 5px;
    font-family: verdana,tahoma,helvetica;
}

.subsectionname {
    background: #424242 url(grd_head.png) repeat-x top;
    color: #fff;
    font-weight: normal;
}

.subqsectionname {
    background: #4343A2 url(grd_head.png) repeat-x top;
    color: #fff;
    font-weight: normal;
}

.subq {
    border: 1px solid black;
    margin-bottom: 2px;
}

.spacer {
}
/*padding-left:20px;*/
.BtnSubmit {
    float: right;
    width: 50px;
    height: 25px;
    background-color: gray;
    border: 1px solid black;
    cursor: pointer;
    border-radius: 5px;
    margin: 5px 0;
    margin-right: 5px;
}

    .BtnSubmit:hover {
        background-color: lightgray;
    }

.tareaComments {
    border: 1px solid black;
    width: 350px;
    /*height: 160px;*/
    resize: none;
    font-size: 10px;
    color: #222;
}

.tabContainer textarea {
    resize: none;
    font-size: 10px;
    color: #222;
    width: 343px;
    padding: 5px;
    font-family: Arial;
}

.grid-overlay {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    display: none;
}

#grid-overlay-opacity {
    z-index: 50;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #EEE;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

#grid-overlay-message {
    z-index: 102;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
    text-align: center;
    font-size: large;
    padding-top: 25px;
    font-weight: bold;
}

.overflow {
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.C365-form-no {
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    font-size: 12px;
}

.C365-form-label {
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    width: 35%;
    min-width: 140px;
    max-width: 180px;
    margin: 5px 0px;
    text-align: left;
    border: 0px solid white;
    font-size: 12px;
}

.C365-form-control {
    /* width: 50%; */
    min-width: 220px;
    max-width: 500px;
    /* margin: 5px 0px; */
    border: 0px solid white;
    text-align: left;
    font-size: 12px;
}

C365-form-control input {    
    font-size: 12px;
}

.actionSet {
    text-align: right;
}

    .actionSet > div {
        padding: 2px 0;
    }

.ddl {
    font-size: 10px;
    border: none;
}

.ui-datepicker-trigger {
    padding: 0px;
    padding-left: 3px;
    vertical-align: baseline;
    position: relative;
    top: 4px;
    height: 18px;
}

#reconnectingWarning, #sessiontimeoutWarning, #sessiontimeoutError, #systemProcessing {
    background-color: black;
    opacity: 0.8;
    color: white;
    text-align: center;
    position: fixed;
    z-index: 50000;
    width: 100%;
    height: 100%;
    font-size: 16px;
}
/*This is a hidden div element for pre loading network error image*/
div#hiddenImagePreLoader {
    background: transparent url("../../../Theme/images/Connectivity-Error.png") no-repeat;
}

.actionPopupHeading {
    background-color: #e1e1e1 !important;
    color: #222;
    padding: 5px 0;
}
/*.smallipop-instance,.smallipop-theme-default 
{
    background-color:#A9AFBE !important;
    text-shadow:none !important;
    max-width:600px !important;
    max-height:300px !important;
    overflow:visible;
}*/


/* Modal CSS*/

.modalPanel {
    display: none;
    left: 0;
    right: 0;
    position: fixed;
    width: 80%;
    height: 80%;
    margin: 5% auto;
}

.modalOverlay {
    background-color: #000;
}

.modalHeader {
    height: 35px;
    top: 45px;
    /*margin-bottom: 5px;*/
    background: #808080;
}

.modalClose {
    display: block;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 16px;
    height: 16px;
    background: url('../../../../Theme/images/cross.png');
}

    .modalClose span {
        display: none;
    }

.modalBody {
    padding: 15px;
    background: white;
    height: 90%;
}

/* Modal Dialog CSS */
/*div.jqDrag {cursor: move;}*/

div.popupDialog {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -200px;
    border: solid 1px black;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 20px 13px 20px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.popupDialog {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

popupDialogOverlay {
    background-color: red;
}


/* [[[ Title / Top Classes ]]] */
div.popupDialogTC {
    /*background: #d5ff84 url(img/dialog/sprite.gif) repeat-x 0px -82px;
  color: #528c00; */
    padding: 7px 22px 5px 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: larger;
    * zoom: 1;
}

div.popupDialogTL {
    padding-left: 3px;
}

div.popupDialogTR {
    padding-right: 3px;
    * zoom: 1;
}


/* [[[ Body / Message Classes ]]] */
div.popupDialogBC {
    background: url(img/dialog/bc.gif) repeat-x center bottom;
    padding: 7px 7px 7px;
    overflow: auto;
}

div.popupDialogBL {
    background: url(img/dialog/bl.gif) no-repeat left bottom;
    padding-left: 7px;
}

div.popupDialogBR {
    background: url(img/dialog/br.gif) no-repeat right bottom;
    padding-right: 7px;
    * zoom: 1
}

div.popupDialogMSG {
    color: #317895;
}

/* [[[ Footer / Footer Classes ]]] */
div.popupDialogFC {
    padding: 7px 7px 5px 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: larger;
    * zoom: 1;
    text-align: right;
}

div.popupDialogFL {
    padding-left: 3px;
}

div.popupDialogFR {
    padding-right: 3px;
    * zoom: 1;
}

/* [[[ Button classes ]]] */
input.popupDialogX {
    position: absolute;
    right: 7px;
    top: 4px;
    padding: 0 0 0 24px;
    height: 24px;
    width: 0px;
    background: url(/Theme/images/close.png) no-repeat top left;
    overflow: hidden;
}

input.popupDialogXFocus {
    background-position: bottom left;
    outline: none;
}

div.popupDialogBC button, div.popupDialogBC input[type="submit"] {
    margin: 8px 10px 4px 10px;
    color: #777;
    background-color: #fff;
    cursor: pointer;
}

div.popupDialog input:focus, div.popupDialog input.iefocus {
}



/******************************************************PTW styles **************************************************************************************/

.ptabs li {
    list-style: none;
    display: inline;
}

.ptabs a {
    padding: 5px 10px;
    border: 1px solid #000;
    display: inline-block;
    background: lightgrey;
    color: #000;
    text-decoration: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    top: 1px
}

    .ptabs a.active {
        background: white;
        color: #000;
    }

.ps-form-label {
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    width: 35%;
    min-width: 140px;
    max-width: 180px;
    margin: 5px 0px;
    text-align: left;
    border: 0px solid white;
    font-size: 11px;
}

.ps-form-control {
    width: 50%;
    min-width: 220px;
    max-width: 500px;
    margin: 5px 0px;
    border: 0px solid white;
    text-align: left;
}

.p-form-label {
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    width: 35%;
    min-width: 140px;
    max-width: 180px;
    margin: 5px 0px;
    text-align: left;
    border: 0px solid white;
    font-size: 11px;
}

.p-form-control {
    width: 50%;
    min-width: 220px;
    max-width: 500px;
    margin: 5px 0px;
    border: 0px solid white;
    text-align: left;
}

.psquestions table tr td:first-child {
    width: 10% !important;
}

.psquestions table tr td:nth-of-type(2) {
    width: 20%;
}

.pquestions table tr td:first-child {
    width: 2% !important;
}

.pquestions table tr td:nth-of-type(2) {
    width: 48%;
}

.pquestions table tr td:last-child {
    width: 50%;
}

.permitTopHeading {
    font-size: 20px;
    display: block;
    width: 100%;
}

.permitTopStatusHeading {
    padding: 5px 20px;
    border: 1px outset black;
    display: inline-block;
    border-radius: 5px;
}

.ltlQuestionWithOptionRenderer {
    display: block;
    border: 1px solid black;
}

.psquestions input[type="text"] {
    width: 185px;
}

.gray {
    background-color: lightgray;
}

.green {
    background-color: lightgray;
}

.blue {
    background-color: lightgray;
}

.red {
    background-color: lightgray;
}

.ptabs a.approved {
    background-color: green !important;
}

.ptabs a.rejected {
    background-color: red !important;
}

.ptabs a.unknown {
    background-color: lightgray !important;
}
/****************************************************** PTW styles end **************************************/

* {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

#taskDialog_wrapper *, #dynamicGridDialog1_wrapper *, #actionUpdateDialog_wrapper * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.OffThePage {
    position: absolute;
    top: -100px;
}

/****************************************************** Select2 styles **************************************/
.select2-dropdown {
    font-size: 12px !important;
}


.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

.bi.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

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

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

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}


.action-grid-button-group .button-update > .btn:nth-child(2) {
    margin-top: 10px;
}


.select-schedule-of-rates-dialog .description {
}

.select-schedule-of-rates-dialog .job-item {
    margin-bottom: 20px;
    background-color: lightblue;
}

.select-schedule-of-rates-dialog .job-filter {
    padding-bottom: 0px;
    margin-top: 20px !important;
}

.select-schedule-of-rates-dialog .job-item .delete-item {
    margin-top: 36px;
    cursor: pointer;
}

    .select-schedule-of-rates-dialog .job-item .delete-item i {
        font-size: 18pt;
    }

        .select-schedule-of-rates-dialog .job-item .delete-item i:hover {
            color: red;
        }

.select-schedule-of-rates-dialog .bring-in-margin {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
}

.select-schedule-of-rates-dialog * {
    box-sizing: border-box;
}

.select-schedule-of-rates-dialog .list-jobs {
    padding: 15px;
}

.select-schedule-of-rates-dialog .job-item {
    display: inline-block;
    background-color: lightgray;
    width: 100%;
    padding-bottom: 20px;
    margin: 0;
    border-radius: 5px;
    border: 1px solid darkgray;
}

    .select-schedule-of-rates-dialog .job-item label {
        margin-top: 10px;
    }

.select-schedule-of-rates-dialog .form-control[readonly] {
    background-color: white;
}


.select-schedule-of-rates-dialog .form-control.ng-invalid {
    border-color: red;
}

.select-schedule-of-rates-dialog .dialog-footer {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

/*.select-schedule-of-rates-dialog .dialog-footer .alert {
    margin-top: 10px;
}*/

.select-schedule-of-rates-dialog .loading {
    left: 0;
    right: 0;
    top: 100px;
    bottom: 0;
    font-size: 48px;
    position: absolute;
}


.manage-property-compliance .manage-property-controls {
    margin-top: 1em;
}

.manage-property-compliance button {
    width: 100px;
}

#propertyComplianceDialog * {
    box-sizing: border-box;
}

#propertyComplianceDialog .form-group {
    display: inline-block;
    width: 100%;
}


#propertyComplianceDialog .dialog-content {
    min-height: 500px;
    margin-bottom: 50px;
}

#propertyComplianceDialog .dialog-footer {
    width: 530px;
    padding: 0px 15px;
}

#propertyComplianceDialog .nav {
    margin-bottom: 20px;
    margin-left: 10px;
}

.scheduled-frequency select {
    display: inline;
    width: auto;
    border: 1px;
    border-color: #757575;
}

.date-frequency-sub-option {
    margin-top: 0;
    margin-left: 18px;
}

.days-of-week {
    margin-top: 10px;
    margin-left: 20px;
}

    .days-of-week span {
        display: inline-flex;
        align-items: stretch;
        justify-content: center;
        width: 24px;
        height: 24px;
        background-color: #e0e0e0;
        color: #757575;
        font-weight: 200;
        margin-right: 8px;
        border-radius: 50%;
        border-color: grey;
        border-width: 1px;
        cursor: pointer;
        padding-top: 1px;
    }

#propertyComplianceDialog .days-of-week span.selected {
    background-color: #337ab7;
    color: #fff;
}

#propertyComplianceDialog .refresh {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 68px;
}

    #propertyComplianceDialog .refresh > div {
        margin-top: 150px;
    }

#propertyComplianceDialog .dialog-footer .btn-default {
    width: 70px;
}

.ui-select-match-text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95%;
}

#propertyComplianceDialog .projected-schedule {
    column-count: 2;
    column-gap: 20px;
}


@media screen\0 {
    #propertyComplianceDialog .projected-schedule {
        column-count: 2;
        column-gap: 40px;
    }
}

/***************************** Floorplan Editor 2 Styles ****************************/

canvas {
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.fpDropDownRow {
    display: table-row;
}

.open > .dropdown-menu {
    display: table;
}

.fpDropDownRow a.fpDropDownLink {
    padding: 0px 60px 0px 10px;
}

.fpDropDownTick {
    width: 24px;
    min-width: 24px;
    visibility: hidden;
    display: table-cell;
    height: 60px;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
}

    .fpDropDownTick.selected {
        visibility: visible;
    }

.fpDropDownImage {
    width: 100px;
    min-width: 100px;
    height: 60px;
    overflow: hidden;
    display: table-cell;
    padding: 5px 0px 5px 0px;
}

    .fpDropDownImage img {
        height: 60px;
        border: solid 1px gray;
        border-radius: 4px;
    }

    .fpDropDownImage .fpLocationPreview {
        border-radius: 4px;
        border: solid 1px purple;
        position: relative;
        display: inline-block;
    }

        .fpDropDownImage .fpLocationPreview img {
            opacity: 0.3;
        }

    .fpDropDownImage svg {
        width: 70px;
        min-width: 70px;
        height: 50px;
        border-radius: 4px;
    }

.fpDropDownText {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    min-width: 100px;
    padding: 5px 0px 5px 0px;
}

.dropdown {
    display: inline-block;
}


.ui-select-dropdown.dropdown-menu {
    display: block;
}

.ui-select-container.dropdown {
    display: block;
}

.fpEditor {
    background-color: #444;
    height: 600px;
    width: 100%;
    font-size: 14px;
    display: flex;
}

.fpMapArea {
    float: left;
    height: 97%;
    position: relative;
    background-color: whitesmoke;
    margin: 12px 0px 12px 12px;
    border: solid 1px silver;
    flex-grow: 1;
}

.fpSaveButton {
    width: 80px;
}

.fpSpinning {
    animation-duration: 1.5s;
    animation-name: spin2;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.drawingArea {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    background-image: url('/Content/themes/base/images/svg-draw-grid.png');
}

.floorplanSD {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.fpControls {
    float: left;
    width: 415px;
    padding: 13px;
    display: flex;
    flex-direction: column;
    font-family: "Segoe UI";
}

.fpTabBanner {
    padding-left: 10px;
}

.fpTabList {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: table;
}

.fpTabLayerHeader {
    font-weight: bold;
}

.fpTabRow {
    list-style-type: none;
    margin: 0px;
    cursor: pointer;
    border-bottom: solid 1px silver;
    display: flex;
    align-items: center;
}

.fpTabRowFloorPlan {
    list-style-type: none;
    margin: 0px;
    cursor: pointer;
    border-bottom: solid 1px silver;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-content: space-between;
}

    .fpTabRow.selected {
        background-color: #efef9a;
    }

    .fpTabRow:last-child {
        border: none;
    }

.fpListCheck, .fpListImage, .fpListName, .fpListControl {
    display: table-cell;
    padding: 10px 0px 10px 10px;
    vertical-align: middle;
}

.fpListControl {
    width: 60px;
    text-align: center;
    flex-shrink: 0;
}

    .fpListControl a {
        cursor: pointer;
        padding: 2px;
    }

        .fpListControl a:hover {
            font-size: 1.05em;
        }

.fpPinListImage {
    vertical-align: middle;
    background-color: #333;
    display: table-cell;
}

    .fpPinListImage img {
        width: 80px;
        max-height: 60px;
    }

    .fpPinListImage div {
        width: 80px;
        height: 60px;
        background-size: cover;
    }

.fpListCheck {
    width: 20px;
    text-align: center;
}

.fpListImage, .fpListIcon {
    width: 70px;
    text-align: center;
}

    .fpListImage img {
        border: solid 1px silver;
        height: 40px;
        max-width: 60px;
        border-radius: 1px;
        background-color: white;
    }

    .fpListIcon img {
        border: solid 1px silver;
        border-radius: 1px;
        background-color: white;
    }

    .fpListIcon div {
        width: 32px;
        height: 32px;
        background-color: white;
        border: solid 1px silver;
        margin: auto;
    }

    .fpListImage svg {
        background-color: white;
    }

    .fpListImage div {
        width: 45px;
        height: 45px;
        border: solid 1px silver;
        display: inline-block;
        border-radius: 1px;
        background-color: white;
    }

        .fpListImage div.fpLocationPreview {
            width: auto;
            height: auto;
            position: relative;
        }

    .fpListImage img.fpLocationThumbnail {
        height: 60px;
    }

.fpListName {
    flex-grow: 1;
    width: 210px;
}

.fpViewportBoundary {
    position: absolute;
    border: solid 1px purple;
}

.fpControls select.fpListAddOption {
    width: 70%;
    padding: 9px;
    margin-bottom: 14px;
    flex-shrink: 0;
}

.fpListAddButton {
    margin-bottom: 10px;
    width: 70%;
}

    .fpListAddButton .fpListImage {
        width: 30px;
    }

    .fpListAddButton .fpListCheck, .fpListAddButton .fpListImage, .fpListAddButton .fpListName {
        padding: 3px;
        margin-right: 5px;
        text-align: left;
    }

.fpControls select {
    width: 330px;
    padding: 0px;
    overflow-y: auto;
}

.fpControls option {
    padding: 10px;
}

.fpList {
    display: table;
    border-spacing: 0px;
    border-collapse: collapse;
    border: solid 1px gray;
}

.fpCell {
    display: table-cell;
}

.fpList td:first-child {
    width: 80px;
    padding: 8px;
}

.fpList td {
    cursor: pointer;
    width: 300px;
    border-bottom: solid 1px gray;
    background-color: white;
    height: 80px;
    text-align: left;
    vertical-align: top;
    padding: 9px;
}

    .fpList td img {
        height: 60px;
        border: solid 1px gray;
    }

.fpList tr.selected td {
    background-color: orange;
}

.fpList td.hidden {
    display: none;
}

.ui-sortable-helper {
    border: solid 1px gray;
    opacity: 0.8;
}

.fpElementOverlay {
    z-index: 50;
    cursor: pointer;
    position: relative;
}

    .fpElementOverlay img {
        width: auto;
        height: auto;
    }

    .fpElementOverlay.interested {
        -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 1));
        filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 1));
    }

    .fpElementOverlay.selected {
    }

.centerMark {
    position: absolute;
}


.fpElementOverlay.selected .centerMark {
    border: dashed 5px #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -4px;
    left: -4px;
    z-index: -1;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .fpElementOverlay.selected .centerMark {
        border: dashed 5px #333;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px !important;
        left: 0px !important;
        z-index: -1;
    }
}


.fpTab {
    display: none;
    border: solid 1px silver;
    margin-top: -3px;
    clear: both;
    position: relative;
    padding: 10px;
    background-color: white;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-color: #fcfcfc;
    min-height: 0px;
    flex: 1 1 auto;
}

.fpButtons {
    height: 50px;
    flex: 0 0 auto;
}

    .fpButtons button {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 7px;
    }

.fpTab h3 {
    margin-left: 10px;
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    margin: 10px 0px 15px 0px;
    padding-left: 10px;
}

.fpTab.active {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.fpTabButton {
    padding: 10px;
    border: solid 1px silver;
    display: inline-block;
    z-index: 0;
    position: relative;
    top: -1px;
    cursor: pointer;
    background-color: #f4f4f4;
    background-image: url('/Content/themes/base/images/floorplan-tab-fade.png');
    background-position: bottom;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .fpTabButton.active {
        border-bottom: none;
        z-index: 10;
        background-color: #fcfcfc;
        background-image: none;
    }


.fpScroll {
    overflow-y: auto;
    overflow-x: hidden;
    border: solid 1px silver;
    background-color: white;
    border-radius: 2px;
    margin-bottom: 18px;
    min-height: 80px;
}

.fpScrollTransparent {
    height: 100%;
    overflow-y: scroll;
}

.fpModalHeader {
    background-color: #778899;
    padding: 5px;
    color: white;
}

.fpModal {
    z-index: 1000000000;
    width: 70%;
    position: absolute;
    top: 15%;
    left: 15%;
    background-color: #DEDEDE;
    border: solid 2px #777;
    border-radius: 2px;
    height: 70%;
    display: flex;
    flex-direction: column;
}

.fpModalBody {
    overflow-y: auto;
    height: 96%;
    margin-left: 13px;
    padding-top: 14px;
}

    .fpModalBody a.btnCancel {
        display: none !important;
    }

    .fpModalBody .btnOpenActions {
    }

.fpModalButton {
    cursor: pointer;
    border: solid 1px white;
    float: right;
    padding: 1px;
}

.fpLoadingIndicator {
    margin-left: 45%;
    margin-top: 25%;
}

    .fpLoadingIndicator span {
        animation-duration: 1.5s;
        animation-name: spin2;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

.fpListAddButton svg {
    width: 20px;
    height: 20px;
    margin-top: 5px;
}

.fpTabArea {
}

polygon.fpElementOverlay.selected {
    stroke: #333;
    stroke-width: 0.007px !important;
}

.fpError, .fpSession {
    background-color: white;
    color: coral;
    padding: 10px;
    height: 60px;
    margin-top: 10px;
}

.fpSession {
    height: 110px;
    color: #222;
}

    .fpError h3, .fpSession h3 {
        font-size: 1.1em;
        margin-bottom: 4px;
    }

.select.dropdown-menu {
    max-height: 300px;
    overflow: auto;
}

@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {
    @media {
        .select.dropdown-menu {
            max-height: none;
        }
    }
}

@media not all and (min-resolution:.001dpcm) {
    @media {
        .select.dropdown-menu {
            max-height: none;
        }
    }
}

.doTaskFullText1 textarea {
    height: 100px;
}

.doTaskFullText2 textarea {
    height: 200px;
}

.doTaskFullText3 textarea {
    height: 300px;
}

.doTaskFullText4 textarea {
    height: 400px;
}

.doTaskFullText5 textarea {
    height: 500px;
}

.gridHelpBox {
    padding: 0.8em;
    border: solid 1px silver;
    margin-top: 1.5em;
    border-radius: 1px;
    background: #fcfcfc;
    line-height: 1.8em;
}

.gridHelpHeader {
    font-size: 1.2em;
    font-weight: bold;
}

.colored-help-table {
    margin-left: 15px;
    margin-right: 15px;
}

    .colored-help-table .bg-purple {
        background: #9E3D9E;
        padding: 17px;
        color: white;
    }

    .colored-help-table .bg-blue {
        background: #3D3DFF;
        padding: 17px;
        color: white;
    }

    .colored-help-table .bg-green {
        background: #3D9E3D;
        padding: 17px;
        color: white;
    }

    .colored-help-table .bg-yellow {
        background: #FFFF3D;
        padding: 17px;
    }

    .colored-help-table .bg-orange {
        background: #FFBA3D;
        padding: 17px;
    }

    .colored-help-table .bg-red {
        background: #FF3D3D;
        padding: 17px;
        color: white;
    }

    .colored-help-table div.btn-group {
        margin-top: 9px;
    }

    .colored-help-table label.btn {
        width: 80px;
    }

    .colored-help-table .bg-purple-button label.btn-info {
        background: purple;
        color: white;
    }

    .colored-help-table .bg-blue-button label.btn-info {
        background: blue;
        color: white;
    }

    .colored-help-table .bg-green-button label.btn-info {
        background: green;
        color: white;
    }

    .colored-help-table .bg-yellow-button label.btn-info {
        background: yellow;
        color: black;
    }

    .colored-help-table .bg-orange-button label.btn-info {
        background: orange;
    }

    .colored-help-table .bg-red-button label.btn-info {
        background: red;
        color: white;
    }





.companyCustomFormAction .sv_q_title {
    font-weight: bold;
}


.companyCustomFormAction input.sv_q_text_root {
    border-radius: 4px;
    padding: 5px;
    border: solid 1px #ccc;
    font-size: 14px;
    color: #444;
    width: 100%;
}

.companyCustomFormAction input.sv_q_text_root {
    border-radius: 4px;
    padding: 5px;
    border: solid 1px #ccc;
    font-size: 14px;
    color: #444;
}

.companyCustomFormAction select.sv_q_dropdown_control {
    border-radius: 4px;
    padding: 5px;
    border: solid 1px #ccc;
    font-size: 14px;
    color: #444;
    background-color: transparent;
    width: 100%;
}

.companyCustomFormAction .sv_qstn textarea {
    border-radius: 4px;
    padding: 5px;
    border: solid 1px #ccc;
    font-size: 14px;
    color: #444;
    width: 100%;
}


.companyCustomFormActionList .sv_q_title {
    float: left;
    padding: 8px;
    font-family: verdana;
    font-size: 10px;
    font-weight: normal;
    width: 90px;
    text-align: right;
    margin-top: -6px;
    margin-bottom: 0px;
}

.companyCustomFormActionList input.sv_q_text_root {
    border-radius: 5px;
    border: solid 1px #ccc;
    font-size: 10px;
    color: #444;
}

.companyCustomFormActionList select.sv_q_dropdown_control {
    border-radius: 5px;
    border: solid 1px #ccc;
    font-size: 10px;
    color: #444;
    background-color: transparent;
    width: auto;
}

.companyCustomFormActionList .sv_qstn textarea {
    border-radius: 5px;
    border: solid 1px #ccc;
    font-size: 10px;
    color: #444;
}

.companyCustomFormActionList .sv_qstn {
    padding-top: 5px;
}

.e-scrollbar.e-js.e-widget.e-hscrollbar .e-hscroll.e-box .e-hhandlespace .e-hhandle.e-box.e-pinch.e-h-line {
    background-color: lightgray;
    border: 1px solid #fafafa;
    border-radius: 2px;
    height: 17px;
}

    .e-scrollbar.e-js.e-widget.e-hscrollbar .e-hscroll.e-box .e-hhandlespace .e-hhandle.e-box.e-pinch.e-h-line:hover {
        background-color: darkgrey;
    }

    .e-scrollbar.e-js.e-widget.e-hscrollbar .e-hscroll.e-box .e-hhandlespace .e-hhandle.e-box.e-pinch.e-h-line:active {
        background-color: dimgrey;
    }


.has-error span.e-widget span.e-in-wrap input {
    border-width: 1px;
    border-style: solid;
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-error span.e-widget span.e-in-wrap input:focus {
        border-width: 1px;
        border-style: solid;
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    }

.has-error div.e-drag-wrapper {
    border-color: #a94442;
}

.btn-transparent {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.menubar-dropdown-button-size{
    width: 85px;
}

.scroll-box {
    max-height: calc(100vh - 212px);
    overflow-y: auto;
}

.btn-tab {
    padding: 10px 15px;
    outline: none;
}

.btn-tab:active {
    outline: none !important;
}

.btn-tab-unselected {
    background-color: white;
    color: #4e78b5;
}

.btn-tab-unselected:hover {
    background-color: #f0ecec;
}

.btn-tab-unselected:focus {
    outline: none;
    color: white;
}

.btn-tab-selected {
    background-color: #4e78b5;
    color: white;
}

.btn-tab-selected:hover {
    color: white;
}

.btn-tab-selected:focus {
    outline: none;
    color: white;
}

.modal-to-front{
    z-index: 1500;
}

.text-warning{
    color: red;
}

.required-border {
    border: 1px solid red !important;
}

.title-20 {
    font-size: 20px !important;
}

.jumbotron-success {
    background-color: #e0f4dc;
}

.padding-bottom-10{
    padding-bottom: 10px;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.bg-error {
    background-color: red;
}

.background-red {
    background-color: red;
}

.title-20 {
    font-size: 20px !important;
}

.jumbotron-success {
    background-color: #e0f4dc;
}

.padding-bottom-10{
    padding-bottom: 10px;
}

.asbestosWarningBanner{
    font-size: 20px;
    padding: 5px;

}

.notificationForIcon-holder {
    position: relative;
    display: inline-block;
}

.notificationForIcon {
    position: absolute;
    top: -10px;
    right: -10px;
}

.buttonNoOutline {
    outline: none !important;
    box-shadow: none !important;
}

.largeModalWithOverFlow {
    max-height: 96% !important;
    width: 95% !important;
    overflow-y: auto !important;
}

.mediumModalWithOverFlow {
    max-height: 96% !important;
    width: 80% !important;
    overflow-y: auto !important;
}

.largeTextShowCursor {
    font-size: 3em;
    cursor: pointer;
}


.materialUiSelect {
    min-width: 150px;
    max-width: 200px;
}

.checkBoxLableInLine {
    vertical-align: middle;
    position: relative;
    bottom: 3px;
}

.largerCheckbox {
    width: 40px;
    height: 20px;
}

.fontSize-14{
    font-size:14px !important
}