/* Bootstrap to WEM fixes. */

.checkbox + .alert,
.checkbox-inline + .alert,
.form-control + .alert,
.form-control + script + .alert,
.input-group + .alert,
.radio + .alert,
.radio-inline + .alert {
	margin-top: 16px;
}

.popover-content > :last-child { 
    margin-bottom: 0; 
}

.tooltip-inner > :last-child { 
    margin-bottom: 0; 
}

table td > div.checkbox:first-of-type,
table td > div.radio:first-of-type {
	margin-top: 0;
}

table td > div.checkbox:last-of-type,
table td > div.radio:last-of-type {
	margin-bottom: 0;
}

span.date-seperator,
span.time-seperator,
span.space-seperator {
	margin-left: 0.4em;
	margin-right: 0.4em;
}

.panel > .panel-body > :first-child,
.panel > .panel-footer > :first-child,
.panel > .panel-heading > :first-child {
	margin-top: 0;
}

.panel > .panel-body > :last-child,
.panel > .panel-footer > :last-child,
.panel > .panel-heading > :last-child {
	margin-bottom: 0;
}

/* Datagrid view to show the columns vertical */

table.table-column-break > tbody > tr > td.table-column-title,
table.table-column-break > tbody > tr > th.table-column-title {
    display: none;
}

@media only screen and (max-width: 768px)
{
    table.table-column-break,
    table.table-column-break > thead,
    table.table-column-break > tbody,
    table.table-column-break tr {
        display: block;
    }

    table.table-column-break tr > td,
    table.table-column-break tr > th {
        display: inline-block;
        width: 50%;
    }
    
    table.table-column-break tr > td:nth-child(2n+1),
    table.table-column-break tr > th:nth-child(2n+1) {
        width: 40%;
    }
    
    table.table-column-break tr > td:nth-child(2n+2),
    table.table-column-break tr > th:nth-child(2n+2) {
        width: 60%;
    }

    table.table-column-break > tbody > tr > td.table-column-title,
    table.table-column-break > tbody > tr > th.table-column-title {
        display: inline-block;
    }

    table.table-column-break > thead > tr {
        display: none;
    }

    table.table-column-break > tbody > tr {
        margin-top: 30px;
    }

    table.table-column-break > tbody > tr > :nth-child(1),
    table.table-column-break > tbody > tr > :nth-child(2) {
        border-top: none;
    }

    table.table-column-break > tbody > tr > td.table-column-title,
    table.table-column-break > tbody > tr > th.table-column-title {
        font-weight: bold;
    }
}

/* support for divs */

.div-style-1, .div-style-2,.div-style-3, .div-style-4 {
	padding: 16px;
}

.div-style-1 > :first-child, 
.div-style-2 > :first-child,
.div-style-3 > :first-child, 
.div-style-4 > :first-child,
.form-control-static > :first-child {
	margin-top: 0;
}

.div-style-1 > :last-child, 
.div-style-2 > :last-child,
.div-style-3 > :last-child, 
.div-style-4 > :last-child,
.form-control-static > :last-child {
	margin-bottom: 0;
}