/* Required to have a sticky footer */
html, body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by its height */
    margin: 0 auto -40px;
    /* Pad bottom by footer height */
    padding: 0 15px 40px 15px;
}

/* Set the fixed height of the footer here */
#footer {
    height: 40px;
    background: #ffffff;
}

/* Switches for screen size
-------------------------------------------------- */
@media all and (min-width: 1000px) {
    .extra-large-screen {
        display: block;
    }

    .large-screen {
        display: none;
    }

    .small-screen {
        display: none;
    }

    .extra-small-screen {
        display: none;
    }
}

@media all and (min-width: 800px) and (max-width: 999px) {
    .extra-large-screen {
        display: none;
    }

    .large-screen {
        display: block;
    }

    .small-screen {
        display: none;
    }

    .extra-small-screen {
        display: none;
    }
}

@media all and (min-width: 500px) and (max-width: 799px) {
    .extra-large-screen {
        display: none;
    }

    .large-screen {
        display: none;
    }

    .small-screen {
        display: block;
    }

    .extra-small-screen {
        display: none;
    }
}

@media all and (max-width: 499px) {
    .extra-large-screen {
        display: none;
    }

    .large-screen {
        display: none;
    }

    .small-screen {
        display: none;
    }

    .extra-small-screen {
        display: block;
    }
}


/* CSS Header table
-------------------------------------------------- */
.headerTable {
    display: table;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    table-layout: fixed;
}

.headerRow {
    display: table-row;
    width: auto;
}

.headerCell1 {
    float: left;
    display: table-cell;
    width: 130px;
}

.headerCell2 {
    display: table-cell;
    vertical-align: middle;
    left: 0;
    right: 0;
    margin: auto;
}

.smallSNext {
}

.headerCell3 {
    float: right;
    display: table-cell;
}


/* MVC/JQuery CSS
-------------------------------------------------- */
.input-validation-error {
    background-color: #efc8c8;
}

.field-validation-error {
    color: #b72b28;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
    padding: 40px 15px 0;
}

.container .credit {
    margin: 20px 0;
}

#footer > .container {
    padding-left: 15px;
    padding-right: 15px;
}

code {
    font-size: 80%;
}

/* Rexel custom code
-------------------------------------------------
*/

.fixed-ratio-resize { /* basic responsive img */
    max-width: 100%;
    height: auto;
    width: auto\9; /* IE8 */
}

.select2 {
    max-width: 392px;
}

.RexelModal {
    padding: 20px;
    /*display: none;*/
    background: #FFF;
    border-radius: 0 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 8px;
    behavior: url(/Scripts/PIE/PIE.htc);
    border-style: solid;
    border-color: #4487bd;
    border-width: 1px;
    width: 600px;
}

.MachineName {
    vertical-align: top;
    font-size: 12px;
}

.navbar-fixed-top {
    background: #ffffff;
}

.TopHeader {
    margin-top: 20px;
    margin-bottom: 100px;
    background: #ffffff;
    z-index: 10000000;
    margin-right: -17px;
}

.RexelLogo {
    margin-left: -17px;
}

.application-name {
    font-size: 2em;
}

.application-name-small {
    font-size: 1.3em;
    vertical-align: middle;
    text-align: center;
    margin-top: 10px;
}

/*.btn {

  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright: 10px;

  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:0px;
  -webkit-border-top-left-radius:0px;
  -webkit-border-top-right-radius:10px;

  border-radius: 0px 10px 0px 10px;

  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
  width: 150px;

  border-style:solid;
  border-color: #4487bd;
  border-width: 1px;

  background: -webkit-linear-gradient(180deg, #2a3e87, #4487bd); /* For Safari 5.1 to 6.0 */
/*  background: -o-linear-gradient(180deg, #2a3e87, #4487bd); /* For Opera 11.1 to 12.0 */
/*  background: -moz-linear-gradient(180deg, #2a3e87, #4487bd); /* For Firefox 3.6 to 15 */
/*  background: linear-gradient(180deg, #2a3e87, #4487bd); /* Standard syntax */

/*  background-color: #2a3e87;

  behavior: url(/Scripts/PIE/PIE.htc);

}

.btn:hover {
  background: #ee7803;
  text-decoration: none;
  color: #ffffff;
}

.btn:active {
  background: #ee7803;
  text-decoration: none;
  color: #ffffff;
}*/

/*active datalist used by radiosforbuttons*/
button.active {
    background: #ee7803;
    text-decoration: none;
    color: #ffffff;
}

.btn2 {
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 10px;
    border-radius: 0px 10px 0px 10px;
    font-family: Arial;
    color: #000000;
    font-size: 14px;
    background: #dadada;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    width: 150px;
    border-style: solid;
    border-color: #4487bd;
    border-width: 1px;
    /*behavior: url(/Scripts/PIE/PIE.htc);*/
}

    .btn2:hover {
        background: #ee7803;
        text-decoration: none;
        color: #ffffff;
    }

    .btn2:active {
        background: #ee7803;
        text-decoration: none;
        color: #ffffff;
    }

.btn-small {
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 10px;
    border-radius: 0px 10px 0px 10px;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    width: auto;
    border-style: solid;
    border-color: #4487bd;
    border-width: 1px;
    cursor: pointer;
    /*behavior: url(/Scripts/PIE/PIE.htc);*/
    background: -webkit-linear-gradient(180deg, #2a3e87, #4487bd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(180deg, #2a3e87, #4487bd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(180deg, #2a3e87, #4487bd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(180deg, #2a3e87, #4487bd); /* Standard syntax */
    background-color: #2a3e87;
}

    .btn-small:hover {
        background: #ee7803;
        text-decoration: none;
        color: #ffffff;
    }

    .btn-small:active {
        background: #ee7803;
        text-decoration: none;
        color: #ffffff !important;
    }

    .btn-small:focus {
        text-decoration: none;
        color: #ffffff !important;
        outline: none;
    }

.content-main-padding {
    margin-top: 100px;
    margin-bottom: 80px;
}

.footer-main {
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 5em;
}

#footer {
    background-color: #ffffff;
    margin-bottom: 1em;
}

div#footer > div.container {
    background-color: #ffffff;
    margin-bottom: 5em;
    padding-bottom: 5em;
}

.header-main {
    padding-top: 2em;
    padding-bottom: 1.1em;
}

input, select, textarea {
    width: 392px;
    max-width: 392px;
}

    input[type=checkbox] {
        width: auto;
    }

    /*input, select, textarea, password {

  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright: 5px;

  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:0px;
  -webkit-border-top-left-radius:0px;
  -webkit-border-top-right-radius:5px;

  border-radius: 0px 5px 0px 5px;

}*/

    input.focus, textarea.focus, select.focus, password.focus {
        border: 1px solid #ee7803;
        box-shadow: 0 0 1px #ee7803;
        outline: none !important;
    }


    input.currency {
        text-align: right;
        padding-right: 15px;
    }

label {
    font-weight: 400;
}

.user-info-area {
    font-size: .7em;
    line-height: 1.4em;
}

.user-info-area-name {
    font-size: 1.2em;
    line-height: .2;
}

#page-header {
    margin-top: 0;
}

.rexel-primary-blue-background {
    background-color: #2a3e87;
}

.rexel-primary-blue-background-50Percent {
    background-color: #949ec3;
}

.rexel-primary-blue-background-25Percent {
    background-color: #cacfe1;
}

.rexel-primary-blue-background-15Percent {
    background-color: #dfe2ed;
}


.rexel-secondary-blue-background {
    background-color: #4487bd;
}

.rexel-secondary-blue-background-25Percent {
    background-color: #d0e1ee;
}

.rexel-light-grey-background {
    background-color: #dadada;
}

.rexel-dark-grey-background {
    background-color: #58585a;
}

.rexel-orange {
    background-color: #ee7803;
}

.white-background {
    background-color: #ffffff;
}

.small-input {
    width: 200px;
}

.simple-checkbox {
    width: auto;
}

.auto-width {
    width: auto;
}

.logout-button {
    width: 100%;
    font-weight: bold;
    margin-right: -17px;
    float: right;
}

h4 {
    margin-top: 20px;
    margin-bottom: 20px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cacfe1;
    margin: 1em 0;
    padding: 0;
}

/* Tables
-------------------------------------------------
*/
.RexelTable {
    margin: 0px;
    padding: 0px;
    border: 1px solid #000000;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

    .RexelTable table {
        border-collapse: collapse;
        border-spacing: 0;
        height: 100%;
        margin: 0px;
        padding: 0px;
    }

    .RexelTable tr:hover td {
    }

    .RexelTable tr:nth-child(odd) {
        background-color: #dadada;
    }

:not(.header) {
}

.RexelTable tr:nth-child(even) {
    background-color: #ffffff;
}

:not(.header) {
}


.RexelTable td {
    vertical-align: middle;
    border: 1px solid #000000;
    border-width: 0px 1px 1px 0px;
    padding: 7px;
    font-size: 14px;
    font-family: Arial;
    font-weight: normal;
    color: #000000;
}

.RexelTable tr:last-child td {
    border-width: 0px 1px 0px 0px;
}

.RexelTable tr td:last-child {
    border-width: 0px 0px 1px 0px;
}

.RexelTable tr:last-child td:last-child {
    border-width: 0px 0px 0px 0px;
}

.RexelTable tr.header td {
    background-color: #58585a;
    border: 0px solid #000000;
    text-align: center;
    border-width: 0px 0px 1px 1px;
    font-size: 15px;
    font-family: Arial;
    font-weight: bold;
    color: #ffffff;
}

.RexelTable tr td.header-left {
    background: -o-linear-gradient(top,#58585a,58585a);
    background-color: #58585a;
    border: 0px solid #000000;
    text-align: left;
    border-width: 0px 0px 1px 1px;
    font-size: 15px;
    font-family: Arial;
    font-weight: bold;
    color: #ffffff;
}

.RexelTable tr:first-child td:first-child {
    border-width: 0px 0px 1px 1px;
}

.RexelTable tr:first-child td:last-child {
    border-width: 0px 0px 1px 1px;
}

input.small {
    width: 100px;
}

/* Tables - Continued - RexelTable0 (Search Criteria)
-------------------------------------------------
*/
.RexelTable0 {
    border-collapse: separate;
    margin: 0;
    padding: 0;
    max-width: 100%;
    min-width: 62%;
}

    .RexelTable0 table {
        border-collapse: separate;
        border-spacing: 0;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    /*.RexelTable0 tbody tr {
	max-height: 20px;
	min-height: 10px;
}*/

    /*.RexelTable0 tr:hover td {
	
}*/

    .RexelTable0 tr:nth-child(even) {
        background-color: #eaf1f9;
    }

    .RexelTable0 tr:nth-child(odd) {
        background-color: #ffffff;
    }

    .RexelTable0 td {
        color: #364c71;
        font-family: Arial;
        font-size: 13px;
        font-weight: normal;
        vertical-align: middle;
    }

    .RexelTable0 tbody td {
        /*border-right: 1px solid #ced5e7;*/
        padding: 6px 8px 5px 8px;
    }

    /*.RexelTable0 tfoot tr td {
	background-color: #bbc9e0;
	background-image: linear-gradient(#fafaff,#bbc9e0);
	border-bottom: 1px solid #899eba;
	font-family: Arial;
	font-size: 14px;
	padding: 4px 8px 4px 8px;
	text-align: center;
}*/

    /*.RexelTable0 tr.header td,
.RexelTable0 thead tr td {
	background-color: #bbc9e0;
	background-image: linear-gradient(#fafaff,#bbc9e0);
	border: 1px solid #899eba;
	border-width: 1px 1px 1px 0;
	font-family: Arial;
	font-size: 13px;
	padding: 6px 8px 5px 8px;
	text-align: center;
	vertical-align: bottom;
}*/

    /*.RexelTable0 tbody tr td:first-child {
	background-color: #d8e5f7;
}*/

    .RexelTable0 tbody tr:first-child td {
        border-top: 1px solid #899eba;
    }

    .RexelTable0 tbody tr:last-child td {
        border-bottom: 1px solid #899eba;
    }

    .RexelTable0 tbody tr td:first-child,
    /*.RexelTable0 tbody tr td.section,*/
    .RexelTable0 thead tr td:first-child,
    .RexelTable0 tfoot tr td:first-child {
        border-left: 1px solid #899eba;
    }

    .RexelTable0 tbody tr td:last-child,
    .RexelTable0 thead tr td:last-child,
    .RexelTable0 tfoot tr td:last-child {
        border-right: 1px solid #899eba;
    }

    .RexelTable0 tbody tr td.section-spacer {
        background-color: #fff;
        border-bottom: 0;
        border-left: 1px solid #899eba;
        border-right: 1px solid #899eba;
        border-top: 0;
        width: 50px;
    }

/* Tables - Continued - RexelTable2 (Search Results Data Grid)
-------------------------------------------------
*/
.RexelTable2 {
    border-collapse: separate;
    margin: 0 0 4px 0;
    padding: 0;
    width: 100%;
}

    .RexelTable2 table {
        border-collapse: separate;
        border-spacing: 0;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .RexelTable2 tbody tr td span.glyphicon {
        font-size: 10px;
    }

    /*.RexelTable2 tbody tr {
	max-height: 34px;
	min-height: 34px;
}*/

    /*.RexelTable2 tr:hover td {
	
}*/

    .RexelTable2 tbody tr,
    .RexelTable2.irregular-style.heirarchical table tbody tr:nth-child(4n+3) {
        background-color: #ffffff;
    }

    .RexelTable2:not(.irregular-style) tbody tr:nth-child(even) {
        background-color: #eaf1f9;
    }

    .RexelTable2.irregular-style.heirarchical tbody tr:nth-child(4n+3) {
        background-color: #eaf1f9;
    }

    .RexelTable2.irregular-style.rows-2-and-3 tbody tr:nth-child(n+2) {
        background-color: #eaf1f9;
    }

    .RexelTable2.irregular-style.rows-2-and-3 tbody tr:nth-child(2) td {
        padding-bottom: 2px;
        padding-top: 10px;
    }

    .RexelTable2.irregular-style.rows-2-and-3 tbody tr:nth-child(3) td {
        /*padding-bottom: 8px;*/
        padding-top: 3px;
    }

    .RexelTable2 tbody tr td.parent-cell {
        background-color: #999999;
        background-image: linear-gradient(#999999,#cccccc);
        padding-bottom: 8px;
    }

    .RexelTable2 td {
        color: #364c71;
        font-family: Arial;
        font-size: 10px;
        font-weight: normal;
        vertical-align: top;
    }

    .RexelTable2 tbody td {
        border-right: 1px solid #ced5e7;
        padding: 6px 4px 6px 4px;
    }

    .RexelTable2 tbody tr.border-bottom-blues td {
        border-bottom: 1px solid #899eba;
    }

    .RexelTable2 tbody.Spinner img {
        height: 24px;
        margin: auto;
        width: 24px;
    }

    .RexelTable2 tbody.Spinner {
        /*display: none;*/
        z-index: 10001;
        /*position: fixed;*/
        top: 50%;
        left: 50%;
        margin-top: -100px;
        margin-left: -100px;
    }

        .RexelTable2 tbody.Spinner tr,
        .RexelTable2 tbody.Spinner tr td {
            background-color: #fff;
        }

            .RexelTable2 tbody.Spinner tr td:nth-child(2) {
                padding: 38px;
            }

    .RexelTable2 tfoot tr td {
        background-color: #bbc9e0;
        background-image: linear-gradient(#fafaff,#bbc9e0);
        border-bottom: 1px solid #899eba;
        border-top: 1px solid #899eba;
        font-family: Arial;
        font-size: 12px;
        padding: 3px 4px 2px 4px;
        text-align: center;
    }

        .RexelTable2 tfoot tr td.Pagination {
            color: inherit;
        }

            .RexelTable2 tfoot tr td.Pagination div {
                color: inherit;
                white-space: nowrap;
            }

                .RexelTable2 tfoot tr td.Pagination div div.ItemsPerPageDisplay {
                    display: inline;
                    float: right;
                    margin: 4px auto 8px; /* Done */
                }

                    .RexelTable2 tfoot tr td.Pagination div div.ItemsPerPageDisplay input {
                        color: inherit;
                        height: 14px;
                        padding: 3px 6px 4px;
                    }

                        .RexelTable2 tfoot tr td.Pagination div div.ItemsPerPageDisplay input:hover {
                            /*background-color: #fff8da;
	background-image: linear-gradient(rgb(255, 230, 130), rgb(255, 240, 140), rgb(255, 255, 140));
	border: 1px solid #f0d348;
	cursor: default;*/
                            font-weight: bold;
                        }

                .RexelTable2 tfoot tr td.Pagination div div.PageInfo {
                    float: left;
                    padding-bottom: 5px;
                    padding-left: 2px;
                    padding-top: 8px;
                    white-space: nowrap;
                }

                .RexelTable2 tfoot tr td.Pagination div div.PageNumber {
                    color: inherit;
                    display: inline;
                    margin: 0 auto;
                    text-align: center;
                    white-space: nowrap;
                    width: 30%;
                }

                    .RexelTable2 tfoot tr td.Pagination div div.PageNumber a {
                        border: 1px solid transparent;
                        border-radius: 0.25em;
                        color: inherit;
                        display: inline-block;
                        margin-right: 2px;
                        padding: 6px 8px;
                        text-align: center;
                        text-decoration: none;
                        vertical-align: middle;
                    }

                        .RexelTable2 tfoot tr td.Pagination div div.PageNumber a:hover {
                            background-color: #fff8da;
                            background-image: linear-gradient(rgb(255, 230, 130), rgb(255, 240, 140), rgb(255, 255, 140));
                            border: 1px solid #f0d348;
                            cursor: default;
                            font-weight: bold;
                        }

                        .RexelTable2 tfoot tr td.Pagination div div.PageNumber a.CurrentPageNumber {
                            background: 0;
                            border: 1px solid #ee7900;
                            cursor: default;
                            font-weight: bold;
                        }

    .RexelTable2 tr.header td,
    .RexelTable2 thead tr th,
    .RexelTable2 thead tr td {
        background-color: #bbc9e0;
        background-image: linear-gradient(#fafaff,#bbc9e0);
        border: 1px solid #899eba;
        border-width: 1px 1px 1px 0;
        font-family: Arial;
        font-size: 10px;
        padding: 5px 4px 4px 4px;
        text-align: center;
        vertical-align: middle;
    }

    .RexelTable2 tbody tr td:first-child {
        background-color: #d8e5f7;
    }

    .RexelTable2 tbody tr:last-child td {
        border-bottom: 1px solid #899eba;
    }

    .RexelTable2 tbody tr td:first-child,
    .RexelTable2 thead tr th:first-child,
    .RexelTable2 tfoot tr td:first-child {
        border-left: 1px solid #899eba;
    }

    .RexelTable2 tbody tr td:last-child,
    .RexelTable2 thead tr th:last-child,
    .RexelTable2 tfoot tr td:last-child {
        border-right: 1px solid #899eba;
    }

    .RexelTable2 table tbody tr:nth-child(even),
    .RexelTable2 table tbody tr:nth-child(even) td:first-child {
        background-color: #f6f6f6;
    }

    .RexelTable2 table tr.header td,
    .RexelTable2 table thead tr th {
        background-color: #ddd;
        background-image: linear-gradient(#fff,#ddd);
        border: 1px solid #999;
        border-width: 1px 1px 1px 0;
        font-family: Arial;
        font-size: 10px;
        padding: 5px 4px 4px 4px;
        text-align: center;
        vertical-align: middle;
    }

    .RexelTable2 table tbody tr td:first-child {
        background-color: #fff;
    }

    .RexelTable2 table tbody tr:last-child td {
        border-bottom: 1px solid #999;
    }

    .RexelTable2 table tbody tr td:first-child,
    .RexelTable2 table thead tr th:first-child,
    .RexelTable2 table tfoot tr td:first-child {
        border-left: 1px solid #999;
    }

    .RexelTable2 table tbody tr td:last-child,
    .RexelTable2 table thead tr th:last-child,
    .RexelTable2 table tfoot tr td:last-child {
        border-right: 1px solid #999;
    }

    .RexelTable2 table tfoot tr td {
        background-color: #ddd;
        background-image: linear-gradient(#fff,#ddd);
        border-bottom: 1px solid #999;
        /*font-family: Arial;*/
        font-size: 10px;
        padding: 2px 4px 1px 4px;
        text-align: center;
    }

/* Tables - Continued - RexelTable3 (General Content Data Grid)
-------------------------------------------------
*/
.RexelTable3 {
    border-collapse: separate;
    margin: 0 0 4px 0;
    padding: 0;
    width: 100%;
}

    .RexelTable3 table {
        border-collapse: separate;
        border-spacing: 0;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .RexelTable3 tbody tr td span.glyphicon {
        font-size: 11px;
    }

    /*.RexelTable3 tbody tr {
	max-height: 34px;
	min-height: 34px;
}*/

    /*.RexelTable3 tr:hover td {
	
}*/

    .RexelTable3:not(.irregular-style) tbody tr:nth-child(even) {
        background-color: #eaf1f9;
    }

    .RexelTable3 tbody tr {
        background-color: #ffffff;
    }

        .RexelTable3 tbody tr td.parent-cell {
            background-color: #999999;
            background-image: linear-gradient(#999999,#cccccc);
            padding-bottom: 8px;
        }

    .RexelTable3 td {
        color: #364c71;
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        vertical-align: top;
    }

    .RexelTable3 tbody td {
        border-right: 1px solid #ced5e7;
        padding: 8px 8px 8px 8px;
    }

    .RexelTable3 tbody tr.border-bottom-blues td {
        border-bottom: 1px solid #899eba;
    }

    .RexelTable3 tbody.Spinner img {
        height: 24px;
        margin: auto;
        width: 24px;
    }

    .RexelTable3 tbody.Spinner {
        /*display: none;*/
        z-index: 10001;
        /*position: fixed;*/
        top: 50%;
        left: 50%;
        margin-top: -100px;
        margin-left: -100px;
    }

        .RexelTable3 tbody.Spinner tr,
        .RexelTable3 tbody.Spinner tr td {
            background-color: #fff;
        }

            .RexelTable3 tbody.Spinner tr td:nth-child(2) {
                padding: 38px;
            }

    .RexelTable3 tfoot tr td {
        background-color: #bbc9e0;
        background-image: linear-gradient(#fafaff,#bbc9e0);
        border-bottom: 1px solid #899eba;
        border-top: 1px solid #899eba;
        font-family: Arial;
        font-size: 12px;
        padding: 8px 8px 8px 8px;
        text-align: center;
    }

        .RexelTable3 tfoot tr td.Pagination {
            color: inherit;
        }

            .RexelTable3 tfoot tr td.Pagination div {
                color: inherit;
                white-space: nowrap;
            }

                .RexelTable3 tfoot tr td.Pagination div div.ItemsPerPageDisplay {
                    display: inline;
                    float: right;
                    margin: 4px auto 8px; /* Done */
                }

                    .RexelTable3 tfoot tr td.Pagination div div.ItemsPerPageDisplay input {
                        color: inherit;
                        height: 14px;
                        padding: 8px 8px 8px 8px;
                    }

                        .RexelTable3 tfoot tr td.Pagination div div.ItemsPerPageDisplay input:hover {
                            /*background-color: #fff8da;
	background-image: linear-gradient(rgb(255, 230, 130), rgb(255, 240, 140), rgb(255, 255, 140));
	border: 1px solid #f0d348;
	cursor: default;*/
                            font-weight: bold;
                        }

                .RexelTable3 tfoot tr td.Pagination div div.PageInfo {
                    float: left;
                    padding-bottom: 5px;
                    padding-left: 2px;
                    padding-top: 8px;
                    white-space: nowrap;
                }

                .RexelTable3 tfoot tr td.Pagination div div.PageNumber {
                    color: inherit;
                    display: inline;
                    margin: 0 auto;
                    text-align: center;
                    white-space: nowrap;
                    width: 30%;
                }

                    .RexelTable3 tfoot tr td.Pagination div div.PageNumber a {
                        border: 1px solid transparent;
                        border-radius: 0.25em;
                        color: inherit;
                        display: inline-block;
                        margin-right: 2px;
                        padding: 6px 8px;
                        text-align: center;
                        text-decoration: none;
                        vertical-align: middle;
                    }

                        .RexelTable3 tfoot tr td.Pagination div div.PageNumber a:hover {
                            background-color: #fff8da;
                            background-image: linear-gradient(rgb(255, 230, 130), rgb(255, 240, 140), rgb(255, 255, 140));
                            border: 1px solid #f0d348;
                            cursor: default;
                            font-weight: bold;
                        }

                        .RexelTable3 tfoot tr td.Pagination div div.PageNumber a.CurrentPageNumber {
                            background: 0;
                            border: 1px solid #ee7900;
                            cursor: default;
                            font-weight: bold;
                        }

    .RexelTable3 tr.header td,
    .RexelTable3 thead tr td {
        background-color: #bbc9e0;
        background-image: linear-gradient(#fafaff,#bbc9e0);
        border: 1px solid #899eba;
        border-width: 1px 1px 1px 0;
        font-family: Arial;
        font-size: 12px;
        padding: 8px 8px 8px 8px;
        text-align: center;
        vertical-align: middle;
    }

    .RexelTable3 tbody tr td:first-child {
        background-color: #d8e5f7;
    }

    .RexelTable3 tbody tr:last-child td {
        border-bottom: 1px solid #899eba;
    }

    .RexelTable3 tbody tr td:first-child,
    .RexelTable3 thead tr td:first-child,
    .RexelTable3 tfoot tr td:first-child {
        border-left: 1px solid #899eba;
    }

    .RexelTable3 tbody tr td:last-child,
    .RexelTable3 thead tr td:last-child,
    .RexelTable3 tfoot tr td:last-child {
        border-right: 1px solid #899eba;
    }

    .RexelTable3 table tbody tr:nth-child(even),
    .RexelTable3 table tbody tr:nth-child(even) td:first-child {
        background-color: #f6f6f6;
    }

    .RexelTable3 table tr.header td,
    .RexelTable3 table thead tr td {
        background-color: #ddd;
        background-image: linear-gradient(#fff,#ddd);
        border: 1px solid #999;
        border-width: 1px 1px 1px 0;
        font-family: Arial;
        font-size: 12px;
        padding: 8px 8px 8px 8px;
        text-align: center;
        vertical-align: middle;
    }

    .RexelTable3 table tbody tr td:first-child {
        background-color: #fff;
    }

    .RexelTable3 table tbody tr:last-child td {
        border-bottom: 1px solid #999;
    }

    .RexelTable3 table tbody tr td:first-child,
    .RexelTable3 table thead tr td:first-child,
    .RexelTable3 table tfoot tr td:first-child {
        border-left: 1px solid #999;
    }

    .RexelTable3 table tbody tr td:last-child,
    .RexelTable3 table thead tr td:last-child,
    .RexelTable3 table tfoot tr td:last-child {
        border-right: 1px solid #999;
    }

    .RexelTable3 table tfoot tr td {
        background-color: #ddd;
        background-image: linear-gradient(#fff,#ddd);
        border-bottom: 1px solid #999;
        /*font-family: Arial;*/
        font-size: 12px;
        padding: 8px 8px 8px 8px;
        text-align: center;
    }

/* RexelTable4
-------------------------------------------------
*/
.RexelTable4 {
    border-width: 0;
    margin: 4px 0;
    padding: 0;
}

    .RexelTable4 td {
        font-family: Arial;
        font-size: inherit;
        padding: 4px 6px 3px 0;
    }

        .RexelTable4 td span.bullet4 {
            font-family: Arial;
            font-size: 24px;
            margin: 0;
            padding: 0 12px 0 1px;
        }

/* Ajax loading overlay
---------------------------------------------------------------
*/
#loading {
    display: none;
    background-color: white;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5; /* also -moz-opacity, etc. */
    z-index: 10000;
}

.spinner {
    display: none;
    z-index: 10001;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
}


/* Autocomplete 
---------------------------------------------------------------
*/
.ui-helper-hidden-accessible {
    display: none;
}

.ui-autocomplete {
    position: absolute;
    cursor: pointer;
    background: #899eba;
    z-index: 99999999;
}

/* workarounds */
html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
    }

.ui-menu-item:not(.ui-state-focus) {
    background-color: #cacfe1;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1;
    color: #000000;
}

.ui-menu .ui-state-focus a {
    background-color: #ee7803;
    color: #ffffff;
}

#lean_overlay {
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

h1,
h2 {
    color: #003893;
}

h1 {
    margin: 0 auto 30px;
}

/*input[type="text"].small-input {
	font-size: 14px;
}*/

input.small-input,
select.small-input {
    border-width: 1px;
    color: inherit;
    height: 18px;
}

table.heirarchical span.glyphicon-play {
    left: 1px;
    top: 0;
}

table.rows-2-and-3 span.glyphicon-play {
    left: 1px;
    top: 5px;
}

div.header-preference span.glyphicon-play,
table.heirarchical span.glyphicon-play,
table.rows-2-and-3 span.glyphicon-play {
    color: #364c71;
    font-size: 10px;
}

    div.header-preference span.glyphicon-play.rotated,
    table.heirarchical span.glyphicon-play.rotated,
    table.rows-2-and-3 span.glyphicon-play.rotated {
        left: 1px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    table.heirarchical span.glyphicon-play.rotated {
        left: 2px;
        top: 2px;
    }

    table.rows-2-and-3 span.glyphicon-play.rotated {
        left: 2px;
        top: 6px;
    }

span.glyphicon-play {
    cursor: pointer;
}

#IT33_wrapper {
    padding: 14px 10px;
}

header *,
header *:before,
header *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.checkboxlist {
    /*width: 100%;*/
    text-align: left;
}

.checkboxlist-parent {
    /*width: 100%;*/
    text-align: left;
}

.checkboxlist-child {
    /*width: 100%;*/
    text-align: left;
}

    .checkboxlist-child,
    .checkboxlist-child:hover,
    .checkboxlist-child:focus {
        color: #364c71;
        font-size: 10px;
    }

.decimal-label {
    color: inherit;
    font-weight: bold;
    padding: 0 2px;
}

.excel {
    -ms-behavior: url('../../Images/Sys/Microsoft_Excel_2013_logo.png');
    background-image: url('../../Images/Sys/Microsoft_Excel_2013_logo.svg');
    background-size: 22px 22px;
    display: inline-block;
    height: 22px;
    padding: 0;
    text-indent: -9999px;
    width: 22px;
}

.pdf-memo {
    -ms-behavior: url('../../Images/Sys/Adobe_Acrobat_logo_vsmall.png');
    background-image: url('../../Images/Sys/Adobe_Acrobat_logo_vsmall.png');
    background-size: 16px 16px;
    display: inline-block;
    height: 16px;
    width: 16px;
    padding: 0;
}

.export-group {
    position: absolute;
    right: 0;
    top: 0;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.form-control {
    /*display: block;*/
    height: 24px;
    max-height: 24px;
    min-height: 24px;
}

:-ms-input-placeholder {
    color: #999999 !important;
}

::-ms-input-placeholder {
    color: #999999;
}

.glyphicon-info-sign {
    color: #003893;
    cursor: default;
}

.height-10 {
    height: 10px;
}

.height-100 {
    height: 100px;
}

.height-16 {
    height: 16px;
}

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

.IT33_header_preference {
    color: #58585a;
    padding: 8px 0 1px 0;
    width: 100%;
}

    .IT33_header_preference .section-right {
        float: right;
        /*
	padding: 8px 0 1px 0;
	width: 100%;
	*/
    }

        .IT33_header_preference .section-right h4 {
            margin-bottom: 10px;
            /*margin-top: 10px;*/
        }

        .IT33_header_preference .section-right span#LoggedInAsUser {
            /*padding-bottom: 10px;*/
        }

.IT33_header_logoNav {
    padding-bottom: 10px;
    padding-top: 0;
}

.IT33_header_navigation {
    padding-top: 44px;
}

.IT33_header_search .navigation_main {
    padding: 8px 0 1px 0;
    /*max-width: 180px;*/
    min-width: 172px;
}

    .IT33_header_search .navigation_main .logout {
        width: 111px;
    }

    .IT33_header_search .navigation_main .navigation_login {
        float: right;
        margin-right: 16px;
        min-width: 102px;
        width: inherit;
    }

        .IT33_header_search .navigation_main .navigation_login .MyLogin div span a,
        .IT33_header_search .navigation_main .navigation_login .MyLogin .nav-login .accountTitle a {
            color: #fff;
        }

.IT33_header_search .navigation_menu {
    font-size: 24px;
    margin: 5px 0 0 17px;
    max-width: 180px;
    min-width: 172px;
}

.IT33_header_text {
    top: -18px;
    right: 16px;
}

.IT33_mainContent {
    padding-top: 8px;
}

    .IT33_mainContent .login input {
        width: 187px;
        max-width: 187px;
        min-width: 187px;
    }

    .IT33_mainContent .login .sign-in {
        margin-top: 0;
    }

    .IT33_header button,
    .IT33_mainContent button {
        background-color: #003893;
        border-color: #003893;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        font-family: Arial;
        font-weight: normal;
        height: 24px;
        margin: 0;
        max-height: 24px;
        min-height: 24px;
        padding: 8px 20px;
        width: auto;
    }

        .IT33_mainContent button.secondary-button {
            background-color: #bbc9e0;
            background-image: linear-gradient(#fafaff,#bbc9e0);
            border-color: #899eba;
            border-width: 1px;
            color: #333;
            height: 20px;
            max-height: 20px;
            min-height: 20px;
            padding: 4px 20px;
        }

            .IT33_mainContent button.secondary-button:focus {
                outline: thin dotted #333;
                outline: 5px auto -webkit-focus-ring-color;
                outline-offset: -1px;
            }

            .IT33_mainContent button.secondary-button:hover,
            .IT33_mainContent button.secondary-button:focus {
                /*background-color: #bbc9e0;
	background-image: linear-gradient(#bbc9e0,#fafaff);*/
                background-color: #fff8da;
                background-image: linear-gradient(rgb(255, 230, 130), rgb(255, 240, 140), rgb(255, 255, 140));
                color: #333333;
                text-decoration: none;
            }

            .IT33_mainContent button.secondary-button:active,
            .IT33_mainContent button.secondary-button.active {
                -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            }

        .IT33_header button.standard-button,
        .IT33_mainContent button.standard-button {
            border-width: 1px;
            height: 20px;
            max-height: 20px;
            min-height: 20px;
            padding: 4px 20px;
        }

.IT33_shop_products {
    max-width: 683px;
    min-width: 683px;
    /*padding-left: 24px;*/
    width: 683px;
}

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

.margin-bottom-16 {
    margin-bottom: 16px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-24 {
    margin-bottom: 24px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-36 {
    margin-bottom: 36px;
}

.margin-left-4 {
    margin-left: 4px;
}

.margin-left-40 {
    margin-left: 40px;
}

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

.margin-top-4 {
    margin-top: 4px;
}

.margin-top-8 {
    margin-top: 8px;
}

.margin-top-zero {
    margin-top: 0;
}

.navigation_link {
    float: right;
    margin-right: 30px;
    position: relative;
    top: 12px;
}

    .navigation_link a {
        color: #fff;
    }

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

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

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

.padding-left-20 {
    padding-left: 20px;
}

.padding-left-30 {
    padding-left: 30px;
}

.padding-left-35 {
    padding-left: 35px;
}

.padding-left-40 {
    padding-left: 40px;
}

.padding-left-400 {
    padding-left: 400px;
}

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

.padding-right-150 {
    padding-right: 150px;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-right-30 {
    padding-right: 30px;
}

.padding-right-35 {
    padding-right: 35px;
}

.padding-right-40 {
    padding-right: 40px;
}

.padding-right-6 {
    padding-right: 6px;
}

.position-absolute {
    position: absolute;
}

.position-relative {
    position: relative;
}

.row {
    margin-bottom: 10px;
}

.select-normal {
    /* Watch for width difference between textbox and select (dropdown) box. */
    max-height: 20px;
    min-height: 20px;
    max-width: 162px;
    min-width: 50px;
}

.select-prefix {
    /* Watch for width difference between textbox and select (dropdown) box. */
    max-height: 20px;
    min-height: 20px;
    max-width: 32px;
    min-width: 32px;
}

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

.text-indent-40 {
    text-indent: 40px;
}

.width-10 {
    width: 10px;
}

.width-101 {
    width: 101px;
}

.width-111 {
    width: 111px;
}

.width-160 {
    width: 160px;
}

.width-120 {
    width: 120px;
}

.width-20-percent {
    width: 20%;
}

.width-25-percent {
    width: 25%;
}

.width-3-percent {
    width: 3%;
}

.width-30 {
    width: 30px;
}

.width-30-percent {
    width: 30%;
}

.width-35 {
    width: 35px;
}

.width-35-percent {
    width: 35%;
}

.width-38-percent {
    width: 38.2%;
}

.width-40-percent {
    width: 40%;
}

.width-50 {
    width: 50px;
}

.width-60 {
    width: 60px;
}

.width-61 {
    width: 61px;
}

.width-62-percent {
    /* The Golden Ratio */
    width: 61.8%;
}

.width-65-percent {
    width: 65%;
}

.width-70-percent {
    width: 70%;
}

.width-71 {
    width: 71px;
}

.width-72-percent {
    width: 72%;
}

.width-75-percent {
    width: 75%;
}

.width-80 {
    width: 80px;
}

.width-80-percent {
    width: 80%;
}

.width-81 {
    width: 81px;
}

.width-91 {
    width: 91px;
}

.width-half {
    width: 50%;
}

.width-third {
    width: 33.3%;
}

.width-whole {
    width: 100%;
}