@font-face {
    font-family: "NotoSansRegular";
    src: url("fonts/NotoSans/NotoSans-Regular.eot");
    src: url("fonts/NotoSans/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/NotoSans/NotoSans-Regular.woff") format("woff"), url("fonts/NotoSans/NotoSans-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

* {
    font-family: NotoSansRegular;
    outline: none;
    -webkit-box-shadow: none;
}

::-webkit-input-placeholder {
    color: #dde6e9;
    font-style: italic;
}

::-moz-placeholder {
    color: #dde6e9;
    font-style: italic;
}

:-moz-placeholder {
    color: #dde6e9;
    font-style: italic;
}

:-ms-input-placeholder {
    color: #dde6e9;
    font-style: italic;
}

:focus::-webkit-input-placeholder {
    color: transparent;
}

:focus::-moz-placeholder {
    color: transparent;
}

:focus:-moz-placeholder {
    color: transparent;
}

:focus:-ms-input-placeholder {
    color: transparent;
}

textarea {
    resize: none;
}

input[type=text],
input[type=password],
select,
option,
textarea,
.checkList span,
.checkList span sup {
    font-size: 1em;
}

input[type=button],
input[type=submit] {
    padding: 6px 0;
    background: transparent;
    border: solid 1px #999;
    cursor: pointer;
}

input[readonly],
input[disabled],
textarea[readonly],
textarea[disabled] {
    background-color: #fbfbfb;
    border: solid 1px #fbfbfb;
}


html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: 100%;
    font-size: .9em;
}

a {
    text-decoration: none;
    color: #005587;
}

    a:focus,
    a:hover {
        text-decoration: underline;
    }



.headerTop {
    padding: 0;
    list-style-type: none;
    margin: 0;
    border-bottom: solid 1px #ddd;
    height: 60px;
}






.dxpnl-edge.t.headerPane {
    background-color: #EDEDED;
    background-position: left top;
    background-repeat: no-repeat;
}

    .dxpnl-edge.t.headerPane.panel {
        padding: 0;
    }

.headerMenu {
    border-width: 0 !important;
    border-top-width: 1px !important;
}

.expandedPanel {
    padding: 2px !important;
}

    .expandedPanel .headerMenu {
        border-top-width: 0 !important;
    }

    .expandedPanel .headerTop {
        display: none;
    }

.templateTitle {
    float: left;
    margin: 10px;
}

.dxpnl-edge.t.headerPane.bar .templateTitle {
    margin: 0;
}

.templateTitle a {
    text-decoration: none;
    font-size: x-large;
    color: black;
}

.loginControl {
    float: right;
    margin: 19px 16px 0 16px;
}

    .loginControl a {
        text-decoration: none;
        display: inline-block;
    }


/* Footer */
.dxpnl-edge.b.footerPane {
    background-color: #EDEDED;
}

    .dxpnl-edge.b.footerPane.panel {
        padding: 0;
    }

.footerMenu {
    float: right;
    padding-top: 7px;
}

.copyright {
    float: left;
    margin: 10px 15px;
}

.content {
    padding: 5px;
}

/* Left Panel */
.leftPane.panel {
    padding: 1px;
    width: 200px;
}

/* Right Panel */
.rightPane.panel {
    padding: 0;
    width: 250px;
}

/* Account */
.accountHeader h2 {
    margin: 10px 0 7px 0;
    font-size: 16px;
}

.accountHeader p {
    margin: 0;
    padding: 0;
}

.accountHeader {
    margin-bottom: 20px;
}


/* iOS */
.dxpnlControl_iOS.leftPane,
.dxpnlControl_iOS.rightPane,
.dxpnlControl_iOS.contentPane {
    border-width: 1px !important;
}

    .dxpnlControl_iOS.leftPane.panel {
        width: 300px;
    }

.dxpnlControl_iOS.rightPane {
    width: 450px;
}

.dxpnlControl_iOS .templateTitle {
    margin: 17px 25px;
}

    .dxpnlControl_iOS .templateTitle a {
        color: #303030;
        font-size: 26px;
        line-height: 1em;
        font-weight: bold;
    }

.dxpnlControl_iOS .loginControl a {
    color: #0160E7;
    text-decoration: underline;
    font-size: 20px;
    font-weight: bold;
}

.dxpnlControl_iOS.mainContentPane {
    border-width: 0px !important;
    box-shadow: initial;
    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
}

.dxpnlControl_iOS.dxpnl-edge.b.footerPane {
    border-width: 1px !important;
}

.dxpnlControl_iOS .accountHeader p {
    color: #303030;
}

.dxpnlControl_iOS .accountHeader h2 {
    color: #303030;
    font-size: 26px;
    margin-bottom: 10px;
}


.dxtlControl_MetropolisBlue table {
    border-collapse: collapse;
    border-spacing: 0;
}

.dxtlNode_MetropolisBlue td {
    background: transparent;
}

.dxtlNode_MetropolisBlue:nth-child(2n+1) td {
    background: #f7f7f7;
}

.dxtlNode_MetropolisBlue td.dxtl {
    padding: 8px;
    border: none 0 !important;
    border-left: solid 1px #ddd !important;
}

.dxgvHeader_MetropolisBlue td {
    white-space: normal;
}

.dxtlHeader_MetropolisBlue,
.dxtlNode_MetropolisBlue td.dxtl {
    white-space: normal;
}

/*
.dxtlNode_MetropolisBlue td:nth-child(2) {
    background: rgba(0, 0, 0, .05);
}
    */
.dxeCheckBoxList_MetropolisBlue {
    border: none 0;
}

.dxe .dxeTAR .dxichTextCellSys label {
    padding: 0;
    white-space: nowrap !important;
}

/* Aqua */
.dxpnlControl_Aqua.dxpnl-edge.t.headerPane,
.dxpnlControl_Aqua.dxpnl-edge.b.footerPane,
.dxpnlControl_Aqua .footerMenu li {
    background-color: #BFDBFF;
}

.dxpnlControl_Aqua.dxpnl-edge.t.headerPane {
    background-image: url('images/AquaHeader.jpg');
}

.dxpnlControl_Aqua .accountHeader h2 {
    color: #5689C5;
}

.dxpnlControl_Aqua .loginControl a,
.dxpnlControl_Aqua .templateTitle a {
    color: White;
    border-color: White;
}


/* DevEx */
.dxpnlControl_DevEx.dxpnl-edge.t.headerPane,
.dxpnlControl_DevEx.dxpnl-edge.b.footerPane,
.dxpnlControl_DevEx .footerMenu li {
    background-color: #F2F3F4;
}

.dxpnlControl_DevEx .templateTitle a,
.dxpnlControl_DevEx .loginControl,
.dxpnlControl_DevEx .loginControl a {
    color: #4B4B57;
}

    .dxpnlControl_DevEx .loginControl a {
        border-bottom-color: #4B4B57;
    }


/* BlackGlass */
.dxpnlControl_BlackGlass.dxpnl-edge.t.headerPane,
.dxpnlControl_BlackGlass.dxpnl-edge.b.footerPane,
.dxpnlControl_BlackGlass .footerMenu li {
    background-color: #2A2A2A;
    color: white;
}

.dxpnlControl_BlackGlass.dxpnl-edge.t.headerPane {
    background-image: url('images/BlackGlassHeader.jpg');
}

.dxpnlControl_BlackGlass .accountHeader p {
    color: #585858;
}

.dxpnlControl_BlackGlass .loginControl a,
.dxpnlControl_BlackGlass .templateTitle a {
    color: White;
    border-color: White;
}


/* Glass */
.dxpnlControl_Glass.dxpnl-edge.t.headerPane,
.dxpnlControl_Glass.dxpnl-edge.b.footerPane,
.dxpnlControl_Glass .footerMenu li {
    background-color: #CFE0E7;
}

.dxpnlControl_Glass.dxpnl-edge.t.headerPane {
    background-image: url('images/GlassHeader.jpg');
}

.dxpnlControl_Glass .footerMenu * {
    background-image: none !important;
}

.dxpnlControl_Glass .templateTitle a,
.dxpnlControl_Glass .loginControl,
.dxpnlControl_Glass .loginControl a {
    color: #4B4B57;
}

    .dxpnlControl_Glass .loginControl a {
        border-bottom-color: #4B4B57;
    }

.dxpnlControl_Glass .accountHeader h2 {
    color: #387FA4;
}

.dxpnlControl_Glass .accountHeader p {
    color: #575757;
}



/* Office2003Blue */
.dxpnlControl_Office2003Blue.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2003Blue.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2003Blue .footerMenu li {
    background-color: #BCD4F6;
}

.dxpnlControl_Office2003Blue .footerMenu div {
    background: transparent none;
}

.dxpnlControl_Office2003Blue .templateTitle a,
.dxpnlControl_Office2003Blue .loginControl,
.dxpnlControl_Office2003Blue .loginControl a {
    color: #4B4B57;
}

    .dxpnlControl_Office2003Blue .loginControl a {
        border-bottom-color: #4B4B57;
    }

.dxpnlControl_Office2003Blue .accountHeader p {
    color: #424242;
}


/* Office2003Olive */
.dxpnlControl_Office2003Olive.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2003Olive.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2003Olive .footerMenu li {
    background-color: #D6DCBB;
}

.dxpnlControl_Office2003Olive .footerMenu div {
    background: transparent none;
}

.dxpnlControl_Office2003Olive .templateTitle a,
.dxpnlControl_Office2003Olive .loginControl,
.dxpnlControl_Office2003Olive .loginControl a {
    color: #4B4B57;
}

    .dxpnlControl_Office2003Olive .loginControl a {
        border-bottom-color: #4B4B57;
    }

.dxpnlControl_Office2003Olive .accountHeader p {
    color: #424242;
}

/* Office2003Silver */
.dxpnlControl_Office2003Silver.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2003Silver.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2003Silver .footerMenu li {
    background-color: #D0D0DE;
}

.dxpnlControl_Office2003Silver .footerMenu div {
    background: transparent none;
}

.dxpnlControl_Office2003Silver .templateTitle a,
.dxpnlControl_Office2003Silver .loginControl,
.dxpnlControl_Office2003Silver .loginControl a {
    color: #4B4B57;
}

    .dxpnlControl_Office2003Silver .loginControl a {
        border-bottom-color: #4B4B57;
    }

.dxpnlControl_Office2003Silver .accountHeader p {
    color: #424242;
}

/* Office2010Black */
.dxpnlControl_Office2010Black.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2010Black.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2010Black .footerMenu li {
    background-color: #393939;
    color: white;
}

.dxpnlControl_Office2010Black .footerMenu a {
    color: white !important;
}

.dxpnlControl_Office2010Black .accountHeader h2 {
    color: #3C3C3C;
}

.dxpnlControl_Office2010Black .loginControl a,
.dxpnlControl_Office2010Black .templateTitle a {
    color: White;
    border-color: White;
}


/* Office2010Blue */
.dxpnlControl_Office2010Blue.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2010Blue.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2010Blue .footerMenu li {
    background-color: #D3E4F6;
}

.dxpnlControl_Office2010Blue .templateTitle a,
.dxpnlControl_Office2010Blue .loginControl,
.dxpnlControl_Office2010Blue .loginControl a {
    color: Black;
}

    .dxpnlControl_Office2010Blue .loginControl a {
        border-bottom-color: Black;
    }

.dxpnlControl_Office2010Blue .accountHeader h2 {
    color: #498BC2;
}


/* Office2010Silver */
.dxpnlControl_Office2010Silver.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2010Silver.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2010Silver .footerMenu li {
    background-color: #A9ACB4;
    color: white;
}

.dxpnlControl_Office2010Silver .accountHeader h2 {
    color: #3B3B3B;
}

.dxpnlControl_Office2010Silver .loginControl a,
.dxpnlControl_Office2010Silver .templateTitle a {
    color: White;
    border-color: White;
}



/* PlasticBlue */
.dxpnlControl_PlasticBlue.dxpnl-edge.t.headerPane,
.dxpnlControl_PlasticBlue.dxpnl-edge.b.footerPane,
.dxpnlControl_PlasticBlue .footerMenu li {
    background-color: #3C4F8F;
    color: white;
}

.dxpnlControl_PlasticBlue.dxpnl-edge.t.headerPane {
    background-image: url('images/PlasticBlueHeader.jpg');
}

.dxpnlControl_PlasticBlue .accountHeader h2 {
    color: #5A83D0;
}

.dxpnlControl_PlasticBlue .accountHeader p {
    color: #575757;
}

.dxpnlControl_PlasticBlue .loginControl a,
.dxpnlControl_PlasticBlue .templateTitle a {
    color: White;
    border-color: White;
}


/* RedWine */
.dxpnlControl_RedWine.dxpnl-edge.t.headerPane,
.dxpnlControl_RedWine.dxpnl-edge.b.footerPane,
.dxpnlControl_RedWine .footerMenu li {
    background-color: #78002B;
    color: white;
}

.dxpnlControl_RedWine.dxpnl-edge.t.headerPane {
    background-image: url('images/RedWineHeader.jpg');
    background-position: top right;
}

.dxpnlControl_RedWine .footerMenu div {
    background: transparent none;
}

.dxpnlControl_RedWine .accountHeader h2 {
    color: #8A0A37;
}

.dxpnlControl_RedWine .loginControl a,
.dxpnlControl_RedWine .templateTitle a {
    color: White;
    border-color: White;
}


/* SoftOrange */
.dxpnlControl_SoftOrange.dxpnl-edge.t.headerPane,
.dxpnlControl_SoftOrange.dxpnl-edge.b.footerPane,
.dxpnlControl_SoftOrange .footerMenu li {
    background-color: #F9F9F9 !important;
    background-image: none !important;
}

.dxpnlControl_SoftOrange .templateTitle a,
.dxpnlControl_SoftOrange .loginControl,
.dxpnlControl_SoftOrange .loginControl a {
    color: Black;
}

    .dxpnlControl_SoftOrange .loginControl a {
        border-bottom-color: Black;
    }

.dxpnlControl_SoftOrange .accountHeader h2 {
    color: Black;
}

.dxpnlControl_SoftOrange .accountHeader p {
    color: #707070;
}


/* Youthful */
.dxpnlControl_Youthful.dxpnl-edge.t.headerPane,
.dxpnlControl_Youthful.dxpnl-edge.b.footerPane,
.dxpnlControl_Youthful .footerMenu li {
    background-color: #8AA150;
    color: white !important;
}

.dxpnlControl_Youthful .accountHeader h2 {
    color: #80A70E;
}

.dxpnlControl_Youthful .loginControl a,
.dxpnlControl_Youthful .templateTitle a {
    color: White;
    border-color: White;
}


.dxgvTable_MetropolisBlue {
    /*   margin: 0 0 0 -10px;*/
}

.dxpnlControl_Metropolis.dxpnl-edge.t.headerPane,
.dxpnlControl_Metropolis .footerMenu li {
    background-color: White;
    color: Black;
}

.dxpnlControl_Metropolis.rightPane {
    width: 400px;
}

.dxpnlControl_Metropolis .accountHeader h2 {
    color: #3B3B3B;
}

.dxpnlControl_Metropolis .loginControl a,
.dxpnlControl_Metropolis .templateTitle a {
    color: Black;
    border-color: Black;
}

.dxpnlControl_Metropolis .templateTitle a {
    font-size: 28px;
}

/* MetropolisBlue */
.dxpnlControl_MetropolisBlue.dxpnl-edge.t.headerPane,
.dxpnlControl_MetropolisBlue .footerMenu li {
    background-color: #fff;
    color: Black;
}

.dxpnlControl_MetropolisBlue {
    border: none 0;
}

    .dxpnlControl_MetropolisBlue.rightPane {
        width: 400px;
    }

    .dxpnlControl_MetropolisBlue .accountHeader h2 {
        color: #3B3B3B;
    }

    .dxpnlControl_MetropolisBlue .loginControl a,
    .dxpnlControl_MetropolisBlue .templateTitle a {
        color: Black;
        border-color: Black;
    }

    .dxpnlControl_MetropolisBlue .templateTitle a {
        font-size: 20px;
    }

/* Moderno */
.dxpnlControl_Moderno.dxpnl-edge.t.headerPane,
.dxpnlControl_Moderno .footerMenu li {
    background-color: White;
    color: Black;
}

.dxpnlControl_Moderno.headerPane .headerMenu .dxm-main {
    border-color: #d1d1d1;
    border-style: solid;
}

.dxpnlControl_Moderno.leftPane {
    padding: 0px;
}

    .dxpnlControl_Moderno.leftPane .dxnbLite_Moderno .dxnb-gr:first-child .dxnb-header,
    .dxpnlControl_Moderno.leftPane .dxnbLite_Moderno .dxnb-gr:first-child .dxnb-headerCollapsed {
        border-top: 0px;
    }

.dxpnlControl_Moderno.rightPane {
    width: 350px;
}

.dxpnlControl_Moderno .accountHeader h2 {
    color: #3B3B3B;
}

.dxpnlControl_Moderno .loginControl a,
.dxpnlControl_Moderno .templateTitle a {
    font-size: 14px;
    color: #005587;
    border-color: #005587;
}

.dxpnlControl_Moderno .templateTitle a {
    font-size: 28px;
}

.dxpnlControl_Moderno .contentPane .dxgvControl_Moderno .dxgvTable_Moderno {
    border: 0 !important;
}

.dxpnlControl_Moderno .contentPane .dxgvControl_Moderno .dxgvHeader_Moderno {
    border-top: 0 !important;
}

.dxpnlControl_Moderno.dxpnl-edge.b.footerPane {
    background: #EDEDED;
}

/* Mulberry */
.dxpnlControl_Mulberry .footerMenu li {
    background-color: White;
    color: Black;
}

.dxpnlControl_Mulberry .accountHeader h2 {
    color: #3B3B3B;
}

.dxpnlControl_Mulberry .loginControl a,
.dxpnlControl_Mulberry .templateTitle a {
    color: #BF4E6A;
    border-color: #BF4E6A;
    font-size: 14px;
}

.dxpnlControl_Mulberry .templateTitle a {
    font-size: 28px;
}

.dxpnlControl_Mulberry.dxpnl-edge.t.headerPane,
.dxpnlControl_Mulberry.dxpnl-edge.b.footerPane {
    background: #F1F2F5;
}

.dxpnlControl_Mulberry .contentPane .dxgvControl_Mulberry .dxgvTable_Mulberry {
    border: 0 !important;
}

.dxpnlControl_Mulberry .contentPane .dxgvControl_Mulberry .dxgvHeader_Mulberry {
    border-top: 0 !important;
}

.navigation {
    overflow: auto;
}

.navigation {
    margin: 15px 0 15px 0;
}

    .navigation .links {
        overflow: auto;
    }

        .navigation .links > div > a {
            color: #344044;
            padding: 2px;
            float: left;
            margin: 0;
        }

            .navigation .links > div > a:last-of-type {
                color: #005587;
            }

        .navigation .links div img {
            float: left;
        }

        .navigation .links a.navLink {
            display: inline-block;
            padding-top: 4px;
            padding-left: 4px;
            /*   text-transform: uppercase;*/
            text-decoration: none;
            font-size: 1em;
        }

            .navigation .links a.navLink:focus,
            .navigation .links a.navLink:hover {
                text-decoration: underline;
            }

    .navigation a.button {
        float: right;
        padding: 9px 25px;
        border: solid 1px #005587;
        font-size: 1.2em;
        min-width: 100px;
        margin-left: 5px;
        background: #005587;
        color: #fff;
        text-transform: none;
        text-decoration: none;
        text-align: center;
        line-height: 1.2em;
    }

.dxgvDataRow_MetropolisBlue td.dxgv {
    /*    padding: 5px 10px;*/
    background: #f7f7f7;
    border-color: #fff;
    border-right: solid 1px #ddd;
}

.dxgvHeader_MetropolisBlue,
.dxtlHeader_MetropolisBlue {
    background: #fff;
    color: #333;
    border: solid 1px #c0c0c0;
    padding: 10px 6px;
    font-size: 1em;
    white-space: normal;
    text-align: center;
    /*    min-width: 50px*/
}

.dxgvDataRow_MetropolisBlue:nth-child(2n) td.dxgv {
    background: #fff;
}

.dxpLite_MetropolisBlue .dxp-num {
    padding: 8px 12px;
}

.dxgvFilterRow_MetropolisBlue td.dxgv {
    padding: 0;
}

input[type=text].dxeEditArea_MetropolisBlue {
    padding: 6px 8px;
}

.form .body .column2x input[type=text].dxeEditArea_MetropolisBlue {
    width: auto;
    padding: 4px;
}

.dxgvGroupPanel_MetropolisBlue {
    margin-bottom: 5px;
}

.dxeButtonEdit_MetropolisBlue {
    border-radius: 0;
}

.jobs .dxeButtonEdit_MetropolisBlue {
    margin-left: 10px;
}

.jobs .dxgvHeader_MetropolisBlue td {
    white-space: nowrap;
}

.dxgvFilterRow_MetropolisBlue td.dxgv .dxeTextBox_MetropolisBlue,
.dxgvFilterRow_MetropolisBlue td.dxgv .dxeButtonEdit_MetropolisBlue {
    border: none 0;
}

.mainMenu .dxm-item {
    width: 14%;
    position: relative;
}

    .mainMenu .dxm-item .dxm-content {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }

.dxmLite_MetropolisBlue .dxm-main.mainMenu {
    background-color: transparent;
}

.list {
    padding: 0;
    overflow: auto;
}

.form {
    padding: 0 0 15px 0;
    /*    border: solid 1px #ddd;*/
    background: #fff;
}

    .form .body {
        /*   padding-bottom: 10px;*/
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .form .body h3 {
            font-size: 1.2em;
            padding: 20px 0 3px 0;
            margin: 0;
        }

        .form .body label {
            padding: 17px 0 3px 0;
            display: block;
            color: black;
            margin-bottom: 0;
            color: #666;
        }

        .form .body .column1x {
            margin: 0;
            padding-bottom: 20px;
            float: left;
            width: 25%;
            padding-left: 20px;
            padding-right: 20px;
            box-sizing: border-box;
            border-left: solid 1px #f7f7f7;
            border-right: solid 1px #f7f7f7;
            min-width: 278px;
        }

        .form .body li:last-child {
            margin-right: 0;
        }

        .form .body .column2x,
        .form .body .column3x,
        .form .body .column4x {
            margin: 0;
            padding-bottom: 20px;
            float: left;
            width: 50%;
            padding-left: 15px;
            padding-right: 15px;
            box-sizing: border-box;
            border-left: solid 1px #f7f7f7;
            border-right: solid 1px #f7f7f7;
            min-width: 278px;
        }

        .form .body .column3x {
            width: 75%;
            min-width: 834px;
        }

        .form .body .column4x {
            width: 100%;
            min-width: 0;
        }

        .form .body .column2x table select,
        .form .body .column2x table input[type=text],
        .form .body .column2x table textarea {
            width: inherit;
        }

        input.text,
        .form .body input[type=password],
        .form .body input[type=text],
        .form .body textarea,
        .form .body select {
            padding: 8px;
            font-size: 1em;
            width: 100%;
            background-color: transparent;
            border: solid 1px #ccc;
            display: block;
            box-sizing: border-box;
        }

            input.text:focus,
            .form .body input[type=password]:focus,
            .form .body input[type=text]:focus,
            .form .body textarea:focus,
            .form .body select:focus {
                border: solid 1px #999;
            }

            .form .body input[disabled],
            .form .body textarea[disabled],
            .form .body select[disabled] {
                background-color: #fafafa;
            }

            .form .body input.input-validation-error,
            .form .body textarea.input-validation-error,
            .form .body select.input-validation-error {
                border: solid 1px red;
            }

        .form .body .column2x select.for2x,
        .form .body .column2x input.for2x,
        .form .body .column2x textarea.for2x {
            width: 100%;
            box-sizing: border-box;
        }

        .form .body select.half,
        .form .body input.half,
        .form .body textarea.half /*,
        .form .body span.field-validation-error*/ {
            width: 49%;
        }

        .form .body > div {
            margin-left: 1%;
            margin-right: 1%;
        }

        .form .body div.half {
            float: left;
            width: 48%;
            margin-left: 1%;
            margin-right: 1%;
        }

        .form .body .tagsinput {
            margin: 0;
        }

        .form .body .checkList {
            margin: 0;
            border: solid 1px #dde6e9;
            border-bottom: none 0;
            padding: 5px;
            overflow: auto;
            max-height: 300px;
            min-height: 200px;
        }

        .form .body .checkListFooter {
            margin: 0;
            border: solid 1px #dde6e9;
            border-top: none 0;
            padding: 10px;
        }

        .form .body input[readonly],
        .form .body textarea[readonly] {
            background-color: #fafafa;
        }

    .form .footer {
        padding: 5px 15px 0 0;
        clear: both;
        overflow: auto;
        border-top: solid 1px #eee;
    }

        .form .footer input,
        .form .footer a,
        .form .footer a.default {
            border-radius: 0;
            padding: 10px;
            border: solid 1px #005587;
            background: #005587;
            color: #fff;
            float: right;
            margin-top: 10px;
            margin-left: 10px;
            text-decoration: none;
            text-align: center;
            font-size: 1em;
            min-width: 110px;
            box-sizing: border-box;
            line-height: 1em;
        }

            .form .footer input:focus,
            .form .footer input:hover {
                color: #fff;
                border-color: #344044;
                background-color: #344044;
            }

    .form .body .form-labes {
        width: 35%;
        float: left;
    }

    .form .body .form-inputs {
        width: 65%;
        float: left;
    }

        .form .body .form-labes div, .form .body .form-inputs div {
            min-height: 70px;
            display: flex;
            align-items: center;
        }

    .form .footer a {
        color: #005587;
        border-color: #005587;
        background: transparent;
    }

        .form .footer a.blue {
            color: #fff;
            background: #005587;
        }

        .form .footer a:focus,
        .form .footer a:hover {
            border-color: #344044;
            color: #344044;
        }

        .form .footer a.blue:focus,
        .form .footer a.blue:hover {
            color: #fff;
            background: #344044;
        }

.export,
.button {
    border-radius: 0;
    padding: 8px;
    border: none 0;
    font-size: 1em;
    min-width: 105px;
    color: #344044;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    margin-left: 10px;
    box-sizing: border-box;
}

    .button.blue {
        border: solid 1px #005587;
        background: #005587;
        color: #fff;
    }

        .button.blue:hover,
        .button.blue:focus {
            border: solid 1px #344044;
            background-color: #344044;
            color: #fff;
            text-decoration: none
        }

    .button.white {
        border: solid 1px #005587;
        color: #005587;
        /*    background-color: #fff;*/
    }

        .button.white:hover,
        .button.white:focus {
            border: solid 1px #344044;
            color: #344044;
            text-decoration: none
        }

    .button.blue[disabled],
    .button.blue[disabled]:hover,
    .button.blue[disabled]:focus {
        border: solid 1px #dfe4e6;
        color: #fff;
        background-color: #dfe4e6;
        cursor: default;
    }

    .button.white[disabled],
    .button.white[disabled]:hover,
    .button.white[disabled]:focus {
        border: solid 1px #dfe4e6;
        color: #dfe4e6;
        background-color: #fff;
        cursor: default;
    }

.export {
    padding: 16px 0;
    background: transparent;
    color: #005587;
    border: solid 1px #005587;
}

    .export:focus, .export:hover {
        color: #344044;
        border: solid 1px #344044;
        text-decoration: none;
    }

.validation-summary-errors {
    margin: 20px 0;
    /*   border: solid 1px #e31b09;*/
    color: #e31b09;
    padding: 0;
    border-radius: 0;
}

    .validation-summary-errors ul {
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: justify;
    }

.field-validation-error {
    display: block;
    padding: 3px 6px 5px 6px;
    background-color: red;
    color: #fff;
    font-size: 1em;
    font-style: italic;
    margin-top: -2px;
    border-radius: 0 0 4px 4px;
}

    .field-validation-error span {
    }

.form .body .form-notification-row {
    min-height: 70px;
    display: flex;
    align-items: center;
}

    .form .body .form-notification-row input {
        min-width: 100px !important;
        width: 90%;
    }

    .form .body .form-notification-row select {
        min-width: 100px !important;
        width: 100%;
    }

.dxgvControl_MetropolisBlue {
    border: none 0;
    background-color: transparent;
    font-size: inherit;
}

.dxgvSearchPanel_MetropolisBlue {
    padding: 0 0 10px 0;
    border: none 0;
}

.form .body .payment-visit input {
    max-width: 88px !important;
    min-width: 30px !important;
    width: 100%;
}

.form .body .payment-visit select {
    max-width: 140px !important;
    min-width: 50px !important;
    width: 100%;
}

.form .body .payment-detail input {
    max-width: 88px !important;
    min-width: 30px !important;
    display: inline-flex;
}

.form .body .payment-detail select {
    max-width: 88px !important;
    min-width: 50px !important;
}

.form .body .payment-detail label {
    max-width: 90px !important;
    min-width: 90px !important;
    display: inline-flex;
    margin-top: 25px;
}

.form .body .random-center {
    opacity: 0.8;
    font-weight: bold;
}

.form .body .random-table input {
    min-width: 0px !important;
    padding: 0px !important;
}

.contextMenu {
    display: block;
}

.ui-menu {
    z-index: 100;
}

    .ui-menu .ui-menu-divider {
        border-bottom: solid 1px #ddd;
    }

.user-menu,
.frontend-menu {
    position: absolute;
}

    .user-menu.ui-menu,
    .frontend-menu.ui-menu {
    }

        .user-menu.ui-menu .ui-menu-item,
        .frontend-menu.ui-menu .ui-menu-item {
            padding: 0;
        }

            .user-menu.ui-menu .ui-menu-item a,
            .frontend-menu.ui-menu .ui-menu-item a {
                padding: 8px 16px;
                display: block;
                text-align: left;
            }

                .user-menu.ui-menu .ui-menu-item a.ui-state-active,
                .frontend-menu.ui-menu .ui-menu-item a.ui-state-active {
                    background: #005587;
                }


                .user-menu.ui-menu .ui-menu-item a:focus,
                .user-menu.ui-menu .ui-menu-item a:hover,
                .frontend-menu.ui-menu .ui-menu-item a:focus,
                .frontend-menu.ui-menu .ui-menu-item a:hover {
                    text-decoration: none;
                }

.ui-menu .ui-menu-item {
    padding: 0;
    text-align: left;
}





.contextMenu {
    cursor: pointer;
    display: block;
}

.menuContainer {
    z-index: 100;
    border: none 0;
    box-shadow: 0 0 4px rgba(0,0,0,.15)
}

    .menuContainer a {
        display: block;
        padding: 5px 10px;
        text-decoration: none;
        min-width: 150px;
    }

    .menuContainer .ui-widget-header {
        font-weight: normal;
        padding: 10px 10px;
        border: none 0;
    }

.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #005587;
    border-color: #005587;
}

.dxgvControl_MetropolisBlue a,
.dxtlControl_MetropolisBlue a {
    color: #005587;
}

.ui-dialog {
    padding: 0;
    border: none 0;
    border-radius: 0;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    max-width: 1440px;
}

    .ui-dialog .ui-dialog-titlebar {
        background: transparent;
        color: #555;
        border-radius: 0;
    }

    .ui-dialog .ui-widget-header {
        border: none 0;
        border-bottom: solid 1px #ccc;
        font-size: 1.15em;
        padding-left: 10px
    }
    /*
    .ui-dialog.ui-widget.ui-widget-content {
        border: none 0;
    }
    */

    .ui-dialog .ui-dialog-title {
        padding: 4px 8px;
        font-weight: normal;
    }

    .ui-dialog .ui-dialog-content {
        padding: 0;
    }

    .ui-dialog .ui-dialog-buttonpane {
        border-top: none 0;
    }

        .ui-dialog .ui-dialog-buttonpane button {
            border-radius: 0;
            margin: 8px 0;
            padding: 8px 0;
            background: #005587;
            border: solid 1px #005587;
            color: #fff;
            min-width: 110px;
            margin-left: 10px;
        }

            .ui-dialog .ui-dialog-buttonpane button .ui-button-text {
                padding: 0;
            }

.gridViewClearFilters {
    margin: 0 auto;
    display: block;
    background-position: -28px -315px;
    width: 13px;
    height: 13px;
    background-image: url(/DXR.axd?r=0_1755-q8TNd);
    background-repeat: no-repeat;
    cursor: pointer;
}

.centerPaymnetDetailsValidation {
    max-width: 70px;
    float: right;
}

    .centerPaymnetDetailsValidation span {
        max-width: 70px;
    }

.treeButton.expanded,
.treeButton.collapsed {
    background-image: url(/MVCxGridViewDemos/DXR.axd?r=0_1562-bxsle);
    background-position: -70px -142px;
    width: 13px;
    height: 13px;
    margin: 5px;
    display: block;
}

.treeButton.collapsed {
    background-position: -14px -156px;
}

.passwordStrengthLevel1 {
    background: #FF9999;
}

.passwordStrengthLevel2 {
    background: #FFCC66;
}

.passwordStrengthLevel3 {
    background: #FFFF99;
}

.passwordStrengthLevel4 {
    background: #CCFF99;
}

.passwordStrengthLevel5 {
    background: #82ca9c;
}

.front.button {
    text-align: center;
    min-width: 100px;
    background: #fff;
    float: right;
    padding: 8px;
    border: solid 1px #005587;
    color: #005587;
    margin: 0;
    border-radius: 0;
}

.form .body a.button {
    padding: 7px;
}

.front.button svg {
    fill: #005587;
}

.front.button:hover,
.front.button:focus {
    border-color: #344044;
    color: #344044;
}

    .front.button:hover svg,
    .front.button:focus svg {
        fill: #344044;
    }

.ui-datepicker {
    padding: 0 1px 0 0;
    border-radius: 0;
}

    .ui-datepicker .ui-widget-header {
        border: none 0;
        border-bottom: none 0;
        background: #fff;
        border-radius: 0;
        color: #344044;
        font-weight: normal;
    }

    .ui-datepicker table.ui-datepicker-calendar {
    }

    .ui-datepicker table {
        margin: 0;
    }

.ui-datepicker-calendar td {
    padding: 0;
    border: solid 1px #fff;
}

    .ui-datepicker-calendar td a {
        display: block;
    }

.ui-datepicker th {
    font-weight: normal;
}

.ui-datepicker-calendar a.ui-state-default {
    border: none 0;
}

.ui-autocomplete .ui-menu-item {
    padding: 5px 10px;
}

.ui-autocomplete .ui-autocomplete-category {
    padding: 5px 10px;
    background: #bbb;
    color: #fff;
}

.bodyEnd {
    background: #f7f7f7;
    min-width: 880px;
    padding: 10px;
    border-right: solid 5px #005587;
    box-sizing: content-box;
}

.header {
    padding: 0;
    list-style-type: none;
    margin: 0;
    border-bottom: solid 1px #ddd;
    height: 46px;
}

ul.header > li {
    float: left;
    padding: 0;
    margin: 0;
}

.header > li > a {
    display: block;
    padding: 14px 16px 0 16px;
    height: 32px;
    text-align: center;
}

    .header > li > a:hover,
    .header > li > a:focus {
        background: #f7f7f7;
        text-decoration: none;
    }

    .header > li > a .navbar-account-expand {
        width: 16px;
        height: 16px;
        position: relative;
        top: 1px;
    }

        .header > li > a .navbar-account-expand svg {
            fill: #005587;
        }

.ui-tooltip {
    padding: 15px;
    color: #fff;
    background: rgba(0,0,0,.5);
    border-radius: 0;
    border: none 0;
    text-transform: initial;
    box-shadow: none;
}

.ui-widget-shadow {
    opacity: 1;
}


.pageNameContainer {
    padding: 10px 0;
}

.pageName {
    color: #555;
    font-size: 1.6em;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 800px;
    display: inline-block;
    white-space: nowrap
}

















.dxeCalendarButton_MetropolisBlue {
    display: none;
}


.ui-draggable .ui-dialog-titlebar {
    background: transparent;
    border-bottom: solid 1px #eee;
}

.ui-dialog .ui-button {
    border: none 0;
    background: transparent;
    margin-right: 10px;
}

.buttonComplex {
    padding: 0 5px;
    margin: 0 0 10px 0;
    border-radius: 0;
    float: left;
    background: #005587;
}

    .buttonComplex:hover,
    .buttonComplex:focus {
        border-color: #344044;
    }


.dxgvControl_MetropolisBlue, .dxgvDisabled_MetropolisBlue {
    background: transparent;
}

.frontEnd {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .frontEnd .buttonComplex > input {
        float: left;
        margin: 10px 5px;
    }

    .frontEnd .buttonComplex > a {
        color: #fff;
        float: left;
        padding: 8px 5px;
    }

    .frontEnd input,
    .frontEnd select,
    .frontEnd textarea {
        border: solid 1px #dfe4e6;
        border-radius: 0;
        font-size: 1em;
    }

        .frontEnd input.calculate,
        .frontEnd select.calculate,
        .frontEnd textarea.calculate,
        .frontEnd input.calculate:focus,
        .frontEnd select.calculate:focus,
        .frontEnd textarea.calculate:focus,
        .frontEnd input.calculate:hover,
        .frontEnd select.calculate:hover,
        .frontEnd textarea.calculate:hover {
            background-color: #eee;
            border: solid 1px #dfe4e6;
        }


        .frontEnd input:hover,
        .frontEnd input:focus,
        .frontEnd select:hover,
        .frontEnd select:focus,
        .frontEnd textarea:hover,
        .frontEnd textarea:focus {
            border-color: #ccc;
        }

    .frontEnd input, .frontEnd select {
        margin: 0;
        padding: 8px 16px;
        box-sizing: border-box;
    }

    .frontEnd textarea {
        padding: 8px 16px;
        box-sizing: border-box;
    }

        .frontEnd input[disabled],
        .frontEnd select[disabled],
        .frontEnd textarea[disabled],
        .frontEnd input[disabled]:hover,
        .frontEnd select[disabled]:hover,
        .frontEnd textarea[disabled]:hover,
        .frontEnd input[disabled]:focus,
        .frontEnd select[disabled]:focus,
        .frontEnd textarea[disabled]:focus {
            background-color: #dfe4e6;
            border: solid 1px #dfe4e6;
        }
    /*
    .frontEnd input[type=button] {
        border: solid 1px #005587;
        color: #005587;
        text-align: center;
    }
        */
    .frontEnd .navigator {
        margin: 0;
        padding: 0;
        list-style-type: none;
        padding: 0;
    }

    .frontEnd ul.navigator li {
        float: left;
        padding: 10px 0 10px 0;
    }

    .frontEnd ul.navigator a {
        color: #999;
    }

    .frontEnd .label {
    }

    .frontEnd .ui-spinner {
        border: none 0;
        border-radius: 0;
    }

        .frontEnd .ui-spinner .ui-button {
            border: solid 1px #dfe4e6;
        }

        .frontEnd .ui-spinner input {
            border: solid 1px #dfe4e6;
        }

.navbar-account-expand {
    width: 16px;
    height: 16px;
    position: relative;
    top: 1px;
}

svg {
    fill: #777;
}

.form.dialog {
    margin: 0 auto;
    border: solid 1px #aaa;
    padding: 5px 15px 15px 15px;
    color: #777;
    border-radius: 0;
    margin: 5% auto 0 auto;
    line-height: normal;
}

    .form.dialog h3 {
        font-size: 1.4em;
        font-weight: normal;
        padding-bottom: 15px;
        border-bottom: solid 1px #aaa;
    }

.form .information {
    background: #21cf28;
    border-radius: 0 4px 4px 4px;
    color: #fff;
    margin-top: 8px;
    padding: 16px 24px;
    text-align: justify;
}

.form.dialog .footer {
    border: none 0;
    margin: 0;
}

    .form.dialog .footer a {
        border: none 0;
    }

    .form.dialog .footer a,
    .form.dialog .footer input {
        border-radius: 0;
        transition: all 0.1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
        min-width: 100px;
    }


















.ui-spinner,
.ui-spinner a.ui-spinner-button {
    border-color: #dde6e9;
    border-radius: 0;
}

.imagePreview {
    margin-top: 10px;
    display: block;
    height: 180px;
    width: 240px;
    border: solid 1px #ccc;
    background: transparent no-repeat center center;
    background-size: contain;
}

.upload {
    position: relative;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
}

    .upload input[type="file"] {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }

.ui-slider {
}

    .ui-slider .ui-slider-handle {
        border: solid 1px #005587;
        background: #fff;
    }

        .ui-slider .ui-slider-handle:hover,
        .ui-slider .ui-slider-handle:focus {
            border-color: #344044;
        }

.ui-slider-handle.ui-state-active {
}

.button.white.uploader-browse {
    float: left;
    background-color: #fff;
    min-width: 0;
    margin: 0;
    border-radius: 0;
    border-left: none 0;
    border-right: none 0;
}

.button.white.uploader-run {
    float: left;
    background-color: #fff;
    min-width: 0;
    margin: 0;
    border-radius: 0;
    background: transparent;
}

.uploader-progress {
    position: relative;
    padding: 0 0 0 0;
    border-radius: 0;
    display: block;
    margin: 0;
    box-sizing: border-box;
    border: solid 1px #005587;
    width: 100%;
    height: 36px;
    float: left;
    box-sizing: border-box;
    border-radius: 0;
}

.uploader-bar {
    border-radius: 0;
    height: 34px;
    background-color: #005587;
    width: 0;
    opacity: .25;
}

.uploader-percent {
    position: absolute;
    display: inline-block;
    top: 0px;
    text-align: center;
    width: 100%;
    padding-top: 8px;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
    color: #005587;
}

.dxgvPagerTopPanel_MetropolisBlue,
.dxgvPagerBottomPanel_MetropolisBlue {
    background: #fff;
}

.sidebar {
    padding: 0;
    margin: 0;
    overflow-y: auto;
    display: none;
    right: 0;
    top: 0;
    height: 100%;
    width: 400px;
    position: fixed;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
    z-index: 100;
    text-align: left;
}

.settings-sidebar li > div {
    float: left;
    width: 50%;
    padding-right: 10px;
    box-sizing: border-box
}

    .settings-sidebar li > div.for2x {
        float: none;
        width: auto;
    }

.settings-sidebar textarea,
.settings-sidebar select,
.settings-sidebar input {
    width: 100% !important;
    box-sizing: border-box !important;
}

.login-dialog {
    width: 480px;
    margin: 0 auto;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 0 1px rgba(19,24,26,0.05), 0 1px 5px rgba(19,24,26,0.075);
    border-radius: 5px;
    box-sizing: border-box;
}

.login-page {
    margin: 10px auto;
    width: 480px
}

.root-footer {
    padding: 0;
    list-style-type: none;
    text-transform: uppercase;
    font-size: .9em;
    box-sizing: border-box;
}

    .root-footer li:first-child {
        float: left;
        padding: 0;
        margin: 0
    }

    .root-footer li:last-child {
        float: right;
        padding: 0;
        margin: 0
    }

.study-form {
    float: left;
    width: 25%;
    min-height: 100px;
}

.progress-bar {
    height: 5px;
    width: 100%;
    margin: 0 0 10px 0;
    box-sizing: border-box;
    background: repeating-linear-gradient(-45deg, #fff 0px, #fff 1px, #f3f3f3 3px, #f3f3f3 4px);
}

    .progress-bar.transparent {
        background: transparent;
    }

    .progress-bar div {
        height: 5px;
        background: repeating-linear-gradient(-45deg, #fff 0px, #fff 1px, #005587 3px, #005587 4px);
    }

.visit-header-container {
    padding: 0 20px 0 20px;
    margin: 0;
    clear: left
}

.visit-header-name {
    padding: 10px 20px;
    font-size: 2em;
    float: left;
    color: #999
}

.visit-header-statistics {
    padding: 0 40px 10px 40px
}

a.button.addNewVisit {
    padding: 10px 0 0 0;
    border: none 0;
    float: left;
}

.forms-table {
    width: 100%;
    padding: 0;
    margin: 10px 0;
}

    .forms-table td:nth-child(1) {
        padding: 0 0 0 10px
    }

    .forms-table td:nth-child(3) {
        padding: 20px 5px;
        width: 50%;
        font-size: 1.2em;
    }

        .forms-table td:nth-child(3) a,
        .forms-table td:nth-child(3) span {
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 450px;
            display: block;
        }

    .forms-table td:nth-child(4),
    .forms-table td:nth-child(5),
    .forms-table td:nth-child(6),
    .forms-table td:nth-child(7),
    .forms-table td:nth-child(8) {
        padding: 5px;
        font-size: 1em;
        min-width: 75px;
        text-align: left;
    }

    .forms-table td:nth-child(6) {
        width: 40%;
    }

    .forms-table td:nth-child(6),
    .forms-table td:nth-child(7),
    .forms-table td:nth-child(8) {
        border-left: solid 1px #eee;
        text-align: center;
    }

.popup-modal-dialog {
    width: 640px
}

.popup-modal-dialog-wide {
    width: 100%;
}

.dynamic-form-container {
    margin: 40px;
    float: left
}

.frontEnd input.formCheck {
    margin-left: 10px;
    margin-right: 10px
}

.waiting-bar {
    margin-right: 10px;
    width: 30px;
    height: 30px;
    position: relative;
    float: left;
}

.cube1, .cube2 {
    background-color: #005587;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
    animation: sk-cubemove 2s infinite ease-in-out;
}

.cube2 {
    animation-delay: -1s;
}

@keyframes sk-cubemove {
    25% {
        transform: translateX(20px) rotate(-90deg) scale(0.1);
    }

    50% {
        transform: translateX(20px) translateY(20px) rotate(-179deg);
    }

    50.1% {
        transform: translateX(20px) translateY(20px) rotate(-180deg);
    }

    75% {
        transform: translateX(0px) translateY(20px) rotate(-270deg) scale(0.1);
    }

    100% {
        transform: rotate(-360deg);
    }
}

.dxpLite_MetropolisBlue .dxp-current {
    background-color: #005587;
}

.dxpLite_MetropolisBlue .dxp-num {
    padding: 5px 0 0 0;
    margin: 0;
    height: 24px;
    min-width: 24px;
    width: auto;
    border-radius: 2px;
    text-align: center;
    box-sizing: border-box;
}