/* Application */
/* html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 13px;
    font: inherit;
    vertical-align: baseline;
} */
/* HTML5 display-role reset for older browsers */
/* article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
} */

@media print {

    body, body * {
        visibility: none;
        font-size: x-small;
    }

    h1, h1 * {
        font-size: xx-large;
    }

    h2, h2 * {
        font-size: x-large;
    }

    h3, h3 * {
        font-size: large;
    }

    h4, h4 * {
        font-size: medium;
    }

    h5, h5 * {
        font-size: small;
    }

    .hide-section, .hide-section * {
        display: none;
    }
    .print-section, .print-section * {
        visibility: visible;
    }
    .print-section {
        position: absolute !important;
        top: 0 !important;
    }
}

.page_breaker {
    page-break-inside: avoid !important;
    page-break-after: always !important;
    page-break-before: always !important;
}

.tr_total {
    background-color: #EEEEEE;
    font-weight: bold;
}

.left {
    text-align: left !important;	
}

.table-ajax td {
    padding: 0px !important;
}

.color_red {
    color: red;
}

.border-bottom-2 {
    border-bottom: 3px solid black !important;
}

.border-bottom-1 {
    border-bottom: 2px solid black !important;
}

.border-bottom-double {
    border-bottom: 4px double black !important;
}

.border-top-1 {
    border-top: 2px solid black !important;
}

.pad-left-30, .pad-left-30 * {
    padding-left: 30px !important;
}

.pad-right-30, .pad-right-30 * {
    padding-right: 30px !important;
}

.middle, .middle * {
    vertical-align: middle !important;
}

#pop_loading {
    position:fixed;
    left: 50%;
    width:30em;
    margin-left: -15em;
    padding: 10px;
    border: 1px solid #ccc;
    background: khaki;
    font-size: 16px;
    z-index: 100;
    display: none;
}

.select2-offscreen,
.select2-offscreen:focus {
  left: auto !important;
  top: auto !important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
}
.optionGroup {
    font-weight: bold;
}
    
.optionChild {
    padding-left: 5px;
}
.select2-disabled {
    display: none !important;
}
.wraptext-div {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    padding:8px;
}
.btn {
    white-space: normal !important; 
}
.center-div {
    float:none;
    margin: auto;
}
.check_form {
    margin-left:10%;
}

.modal-lg {
    width: 80% !important;
}

.modal-md {
    width: 60% !important;
}
.bi_modal textarea {
    resize: none;
    height:100%;
}
.bi_modal input {
    width:100%;
}
.bi_modal .bi_header {
    color:white;
    background: black;
}
.bi_modal .bi_title {
    text-align: center;
}
.bi_modal .bi_options {
    width:4%;
}
.bi_modal table, .bi_modal td {
    border: 1px solid;
    padding: 5px;
    font-weight: bold;
}
#user_access>tbody>tr>td, #user_access>tbody>tr>th, #user_access>tfoot>tr>td, #user_access>tfoot>tr>th, #user_access>thead>tr>td, #user_access>thead>tr>th {
border: 1px solid #ddd !important;
}
.bi_btn_opt {
    width:100%;
    cursor: pointer;
    border: 1px solid;
    padding: 0 !important;
    font-size: 12 !important;
}
.pointer {
    cursor:pointer;
}

.portlet-access {
    height:10px !important;
}

/* Update */

.required {
    color:red !important;
    font-size:1.5em !important;
    padding-left: 2px !important;
}

.no-access {
	position:absolute !important;
	top:50% !important;
	left:50% !important;
	z-index:2000 !important;
}
.no-access2 {
	position:absolute !important;
	top:60% !important;
	left:45% !important;
	z-index:2000 !important;
}
.font-12px {
	font-size:12px !important;
}

.width-100 {
	width:100% !important;
}
.width-50 {
	width:50% !important;
}
.width-25 {
	width:25% !important;
}
.width-20 {
	width:20% !important;
}
.width-10 {
	width:10% !important;
}
.width-7 {
	width:7% !important;
}
.width-5 {
	width:5% !important;
}

.hide {
	display:none !important;
}
.show {
	display:block !important;
}
.vert-mid {
	vertical-align:middle !important;
}

.pad-25px {
	padding:25px !important;
}
.pad-15px {
	padding:15px !important;
}
.pad-5px {
	padding:5px !important;
}
.padtop-7px {
	padding-top:7px !important;
}

.margintop-20px {
	margin-top:20px !important;
}
.margintop-5 {
	margin-top:5% !important;
}
.margin-auto {
	margin:auto !important;
}
.margin-10px {
	margin:10px !important;
}

/* .form-btn {
	width:20% !important;
	float:right !important;
} */
.forward-modal {
	overflow:none !important;
	overflow-x:none !important;
}
.file-output {
	width: 250px !important;
	height: 200px !important;
	border: none !important;
}

.image-signature {
    width: 250px !important;
    height: 200px !important;
    border: none !important;
}

.header-body {
    background-color: white !important;
}

.forwardRec ul {
    width:100% !important;
}

.modal-title {
    width:80% !important;
}
/* ajax */

.bold {
    font-weight:bold;
}

.txtdeco-none {
    text-decoration:none;
}