/*BEGIN: new design*/

.g-content-h-gap-15 > * {
    margin-right: 15px;
}

.g-content-h-gap-15 > *:last-child {
    margin-right: 0;
}


/*END: new design*/

/*BEGIN: screen layout*/
.global-content-div {
    margin-top: 15px;
    margin-left: 120px;
    margin-right: 120px;
}

.global-content-div-2020 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 1290px) {

    .global-content-div {
        margin-left: 35px;
        margin-right: 35px;
    }

    .global-content-div-2020 {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }

}

@media (max-width: 800px) {

    .global-content-div {
        margin-left: 0;
        margin-right: 0;
    }

    .global-content-div-2020 {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
}
/*END: screen layout*/

.global-clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.cols {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.cols > * {
	display: table-cell;
}
.cols > table {
	padding: 0px 5px;
}
.cols.tabs {
	table-layout: auto;
	table-layout: fixed;
}
.cols.totals {
	margin-top: 10px;
}

.tleft, .text-left {
	text-align: left;
}
.tright, .text-right {
	text-align: right;
}

.tcenter, .text-center {
    text-align: center;
}

.a4 .footer .tcenter {
	width: 15%;
}
.w10 {
	width: 10%;
}
.w15 {
	width: 15%;
}
.w20 {
	width: 20%;
}
.w25 {
	width: 25%;
}
.w33 {
	width: 33%;
}
.maxw33 {
	max-width: 33%;
}
.w50 {
	width: 50%;
}
.w70 {
	width: 70%;
}
.w80 {
	width: 80%;
}
.w40 {
	width: 40%;
}
.w100 {
	width: 100%;
}

.max-h72 {
    max-height: 72px;
}
.h100 {
    height: 100%;
}

input.wauto {
	width: auto;
}
.h50 {
	height: 50%;
}
.right, .float-right {
	float: right;
}
.left, .float-left {
	float: left;
}
.tmid {
	text-align: center;
}
.bold {
	font-weight: bold;
}
.vbot {
	vertical-align: bottom;
}
.vtop {
	vertical-align: top;
}
.lg-divider {
	height: 24px;
}
.divider36 {
    height: 36px;
}
.w90 {
	width: 90%;
}
.w75 {
	width: 75%;
}
.w66 {
	width: 66%;
}
.cbwidth {
	width: 32px;
}















.datagrid .tablewrap {
	overflow: auto;
}

.datagrid .tablewrap tr > th input,
.datagrid .tablewrap tr > td input {
	text-indent: 0px;
	background: #fff;
	box-shadow: 0px 0px 0px 0px;
}


.a4 .tablewrap table {
	table-layout: fixed;
}
.a4 .tablewrap tr > th,.a4 .tablewrap tr > td {
	height: 22px;
}
.a4 .tablewrap tr > th span,.a4 .tablewrap tr > td span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.periodsmodal .tablewrap {
	max-height: 230px;
}

.lineedit .datagrid .tablewrap tr > td input {
	background: none;
	border: 0px;
	padding: 0px;
	padding-left: 4px;
}
.lineedit .datagrid .tablewrap tr > td input:disabled {
	background: #ddd;
}

.lineedit .datagrid .tablewrap tr > td input:focus {
	background: #f2f7ff;
	border: 1px solid #308dfe;
	padding: 1px;
	padding-left: 3px;
}

.content-wrap {
	display: table;
	width: 100%;
	border-top: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.subnav {
	width: 100%;
}
.subnav .nav,.subnav > .content {
	vertical-align: top;
}
.subnav .nav {
	position: relative;
	display: none;
	margin: 0px;
	padding: 5px 0px;
	width: 200px;
}
.subnav > .content {
	position: relative;
	box-sizing: border-box;
	padding-top: 10px;
}
.settings-wrap .subnav > .content {
}
.subnav > .content > li {
	margin: 0 auto;
	display: none;
}
.subnav > .content > li.wideview {
	max-width: 90%;
}
.subnav .nav li a {
	background: #0186CD;
	padding: 4px 14px;
	color: #fff;
	display: block;
	margin: 5px -2px 5px 0px;
	border: 1px solid transparent;
	border-width: 2px 0px 2px 2px;
	white-space: nowrap;
}
.subnav .nav li a.active,.subnav .nav li a:hover {
	background: #fff;
	border-color: #0186CD;
	border-style: solid;
	color: #0186CD;
}