/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

body { background: #dfeded; }
.w10p { min-width:150px; }
.w15p { min-width:200px; }
.w20p { min-width:250px; }
.w25p { min-width:300px; }
.w30p { min-width:400px; }
.w100p { width:100%; }
.form-control { border-radius:2px; }
form.form-horizontal .form-group { width:100%; }
form.form-horizontal .form-group .form-control, form.form-horizontal .form-group .form-control.w100p, form.form-horizontal .form-group .input-group, form.form-horizontal .form-group .ui-select-container { width:100%; }
form.form-horizontal .form-group .input-group .form-control { width:100%; }
.form-group .input-group .form-control:first-child { border-right-width:0; }
.form-group .input-group .form-control:last-child { border-right-width:1px; }
.input-group-addon[data-toggle='popover'] { cursor:pointer; }
.form-group .input-group .input-group-addon:last-child { border-left-width:0; }
.form-group .input-group .input-group-addon-txt:last-child { background-color:transparent; }
.form-group .input-group .form-control:focus + .input-group-addon-txt:last-child { border-color:#999; }
.form-group.has-success .input-group .form-control:focus + .input-group-addon-txt:last-child { border-color:#bbdba1; }
.form-group.has-error .input-group .form-control + .input-group-addon-txt:last-child { border-color:#ff0000; }
.form-group.wauto { width:auto; }
.input-group .input-group-addon-select { padding:0; border-width:0; }
.input-group .input-group-addon-select .selectize-input { height:34px; padding-top:6px; padding-bottom:6px; border-top-left-radius:0; border-bottom-left-radius:0; display:block; }
.input-group .input-group-addon-select .selectize-dropdown { margin-top:0; }

.group-ver { display:inline-block; border-collapse:separate; position:relative; }
.form-group .group-ver { margin-right:7px; }
.form-group .group-ver:last-of-type { margin-right:0; }
.group-ver .control-label, .form-group .group-ver .control-label { font-weight:normal; font-size:13px; display:block; margin-bottom: 2px; }
.group-ver[filter-label]:after { content:attr(filter-label); font-weight:normal; font-size:13px; position:absolute; left:0; top:0; }
.group-ver[filter-label] { padding-top:22px; }

@media (max-width: 767px) {
    .form-group { width:100%; }
	.iecmodal-inline .form-group { width:100%; }
    .bootstrap-select.btn-group .dropdown-menu { min-width:50%; }
    /*w*p must be at last*/
    .w10p { width:20%; }
    .w15p { width:30%; }
    .w20p { width:40%; }
    .w25p { width:50%; }
    .w30p { width:60%; min-width:auto; }
	.w50p { width:100%; }
	.wauto { width:auto; }
}
@media (min-width: 768px) {
    .form-group { width:70%; }
	.iecmodal-inline .form-group { width:100%; }
    .bootstrap-select.btn-group .dropdown-menu { min-width:50%; }
    /*w*p must be at last*/
    .w10p { width:15%; }
    .w15p { width:25%; }
    .w20p { width:34%; }
    .w25p { width:40%; }
    .w30p { width:50%; }
	.w50p { width:80%; }
	.wauto { width:auto; }
}
@media (min-width: 1000px) {
    body { min-width:600px; }
    .form-group { width:50%; }
	.iecmodal-inline .form-group { width:70%; }
    .bootstrap-select.btn-group .dropdown-menu { min-width:30%; }
    /*w*p must be at last*/
    .form-group.w10p, .w10p { width:10%; }
    .form-group.w15p, .w15p { width:15%; }
    .form-group.w20p, .w20p { width:20%; }
    .form-group.w25p, .w25p { width:25%; }
    .form-group.w30p, .w30p { width:30%; }
	.form-group.w50p, .w50p { width:50%; }
	.wauto { width:auto; }
}
@media (min-width: 1300px) {
    .form-group { width:40%; }
	.iecmodal-inline .form-group { width:70%; }
	form.form-horizontal .form-group { width:100%; }
	form.form-horizontal .form-group .form-control, form.form-horizontal .form-group .input-group, form.form-horizontal .form-group .ui-select-container, .table.form-inline { width:90%; }
	form.form-horizontal .form-group .form-control.w100p { width:100%; }
	.wauto { width:auto; }
	.modal-lg  { width:1200px; max-width:1200px; }
}
@media (min-width: 1500px) {
    .form-group { width:30%; }
	.iecmodal-inline .form-group { width:70%; }
	form.form-horizontal .form-group { width:100%; }
	form.form-horizontal .form-group .form-control, form.form-horizontal .form-group .input-group, form.form-horizontal .form-group .ui-select-container, .table.form-inline { width:80%; }
	form.form-horizontal .form-group .form-control.w100p { width:100%; }
	.wauto { width:auto; }
}

.form-group { margin-bottom:10px; }
.form-group .control-label { font-weight:600; }
.form-group .control-label.normal-label { font-weight:normal; }
.form-group .control-label + a.control-label-help {}
.form-group.label-group .control-label:after { content:": "; }
form.form-horizontal .form-group .md-checkbox, form.form-horizontal .form-group .md-radio { top:7px; /*height:34px;*/ margin-bottom:8px; }
form .form-group .md-checkbox-group { margin-bottom:10px; }
form .form-group .md-checkbox-group .md-checkbox, form.form-horizontal .form-group .md-checkbox-group .md-checkbox { height:auto; margin-bottom:0; }
/*form .form-group .md-checkbox-group input[type='checkbox']+label { font-size:13px; }
.md-checkbox label > .check { border-width:1px; }
.md-checkbox label > .box { border-width:1px; border-color:#999999; }*/
form.form-horizontal .control-label { padding-top:5px; }
form.form-horizontal .form-group > .control-label+a.control-label-help { position:absolute; margin-left:-12px; margin-top:8px; }
form.form-horizontal .control-label+div.hor-align { padding-top:6px; }
.form-horizontal .md-radio-inline { margin-top:3px; margin-bottom:0; min-height:31px; }
.form-group.form-group-parent { margin-bottom: 0; }
.form-group  + .form-group-sub { margin-top: -5px; }
.form-group.form-group-sub { margin-top: 0; margin-left:30px; }
.form-group-sub { margin-left:30px; }
.form-group-sub2 { margin-left:60px; }
.form-group-sub, .form-group-sub2 { zoom:1; }
.form-group-sub:after, .form-group-sub2:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; }
.form-group-sub + .form-group { margin-top:10px; }
form .form-group.form-group-button { margin-top:30px; }
.form-group.disabled > .col-md-r { position:relative; }
/*.md-checkbox label > .check {z-index:5}*/
.form-group.disabled > .col-md-r::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; z-index:6; }
.form-group.disabled * { color:darkgray; border-color:darkgray; }
.form-group.disabled .md-checkbox span, .form-group.disabled .md-radio span { color:darkgray; border-color:darkgray; }
.form-group.disabled .md-radio label > .check { background:darkgray; }

/*button*/
.form-group .btn.btn-primary, .form-group .btn.btn-danger { margin-bottom:5px; }
.btn.btn-primary/*, .btn.btn-danger*/ { min-width:100px; text-align:center; padding:6px 13px; }
.btn.btn-light-success { color:#1bc5bd; background-color:#c9f7f5; border-color:transparent; }
/*.btn:focus { border-width:0; }*/
.btn.btn-light-success:hover { color:#fff; background-color:#1bc5bd; border-color:transparent; }
.btn.btn-default:focus { border-width:1px; }
.btn.white { background-color:#fff; }
.btn.white:hover { background-color:#e5e5e5; }
.input-group .btn.btn-default:focus { border-width:1px; }
.btn-default i.glyphicon { margin-right:8px; }
.btn-default i.glyphicon:only-child { margin-right:0; }
.btn-default label { font-weight:normal; font-size:inherit; margin:0; padding:0; }
/*if new line, button will have left margin*/
.btn  + .btn { margin-left:0; }
.btn { margin-right:5px; }
.input-group-btn:last-child > .btn { margin-right:0; }
.input-group .ui-select-container+.input-group-btn > .btn { margin-top:-4px; }

.file-input .input-group .input-group-btn:last-child>.btn { border-width:1px; }
.file-input .input-group .btn.btn-primary { margin-bottom:0; }
.file-input .input-group .btn { margin-right:0; }
.file-input .input-group .btn:hover { text-decoration:none; }
.file-input .file-error-message li { list-style-position:outside; }

/*checkbox*/
.md-checkbox > label > div { display:inline-block; margin-top:-2px; }
.form-group .md-checkbox+.p-note, .form-group .md-checkbox+.form-control { margin-top:15px; }
form.form-horizontal .form-group .md-checkbox .input-group { width:100%; }
.form-group input[type='text']:not(.form-control), .form-group input[type='number']:not(.form-control) { font-size:14px; border-top:0; border-left:0; border-right:0; padding: 1px 5px; }
.form-group input[type='text']:not(.form-control):focus, .form-group input[type='number']:not(.form-control):focus { border-color: #999; }
.form-group select:not(.form-control) { padding: 1px 5px; border:solid 1px #e2e2e2; }
.form-group div.radio, div.checker { margin-left:-2px; }
input[type="checkbox"], input[type="radio"] { margin-right:3px; }
.input-required::after { clear:both; content:"*"; color:red; position:absolute; margin-left:2px; }

.md-checkbox label, .md-radio label { /*font-size:13px; padding-left:25px;*/ }
.md-checkbox label > span.help-block { position:relative; }

.md-radio-list { margin-top:5px; }
.md-radio-list.inline-block  { display:block; }
.md-radio-list .md-radio, form.form-horizontal .form-group .md-radio-list .md-radio { margin-bottom:0; }
.md-radio-list.inline-block .md-radio { display:inline-block; margin-left:30px; }
.md-radio-list.inline-block .md-radio:first-of-type { margin-left:0; }

/*switch*/
input[type='checkbox'].make-switch { display:none; }

/*ui select*/
.ui-select-bootstrap .ui-select-choices-row>a:hover {
    color: #262626;
    background-color: #f5f5f5;
}
.ui-select-bootstrap .ui-select-choices-row.active>a:hover {
    color: #fff;
    background-color: #428bca;
}
.form-control.ui-select-container { padding:0; border:none; }
.ui-select-container .ui-select-match-text input[type='text'] { border:none; display:block; background-color:transparent; margin:0; padding:0; cursor:pointer; height:auto; border-radius:0; }
.ui-select-bootstrap > .ui-select-match > .btn { padding-left:12px; }

.selectize-input { padding:6px 25px 6px 8px; }
.form-group .selectize-input { padding-left:12px; }
.selectize-control > .selectize-input { height:34px; }
.selectize-control.single .selectize-input { background:none; background-color:#fff; border-color:#e5e5e5; box-shadow:none; }
.selectize-control.single .selectize-input:hover { background-color:#ededed; color:#333; }
.selectize-control.single .selectize-input.focus, .selectize-control.single .selectize-input:focus { background-color:#ededed; border-color:#999; }
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { line-height:20px; }
.selectize-input.selectize-focus { border-color:#999 !important; }
.selectize-dropdown { margin-top:-5px; border-color:#e5e5e5; }
.selectize-control.single .selectize-input::after { right:10px; }
.selectize-control .selectize-input .ui-select-match { width:100%; }
.input-group .selectize-input:first-of-type { border-top-right-radius:0; border-bottom-right-radius:0; }
.input-group.single-control .selectize-input:first-of-type { border-top-right-radius:4px; border-bottom-right-radius:4px; }

/*select2*/
.select2-search input:focus { border-color: #999; }

/*isteven-multi-select*/
.multiSelect > button { min-height:34px !important; }

/*portlet*/
.portlet.light .portlet-body { padding-top:5px; }
.portlet > .portlet-title { border-bottom:none; }
.portlet.light { padding-left:0; padding-right:0; padding-top:0; margin-bottom:15px; }
.portlet.light > .portlet-title { min-height:44px; margin-bottom:0; position:relative; }
.portlet.light > .portlet-title > .caption { color:#333; }
.portlet .row { margin-left:0; margin-right:0; }
.portlet-title-text { padding:10px 0; display:inline-block; }
.portlet > .portlet-title > .caption, .portlet-title-text { font-size:18px; line-height:18px; }
.portlet > .portlet-title > .caption.filters { font-size:13px; line-height:1.42857; width:100%; padding-bottom:0; }
.portlet > .portlet-title .btn.btn-default:focus { border-width:1px; }
.portlet > .portlet-title > .caption.filters .form-group { /*width:auto;*/ margin:0 10px 0 0; float:left; }
.portlet > .portlet-title > .caption.filters .form-group.wauto { width:auto; }
.portlet > .portlet-title > .caption.filters .form-group .form-control { /*width:auto;*/ }
.portlet > .portlet-title > .caption.filters .form-group .form-control.keyword { width:200px; border-top-right-radius:0; border-bottom-right-radius:0; }
.portlet > .portlet-title > .caption.filters .form-group .form-control.keyword + .btn { border-top-left-radius:0; border-bottom-left-radius:0; }
.portlet > .portlet-title > .caption.filters .form-group .selectize-control .selectize-input .ui-select-match .ng-binding { width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.portlet > .portlet-title > .caption.filters .form-group .selectize-control.single .selectize-input { height:34px; }
.portlet > .portlet-title > .actions .btn-group .btn { height:34px; }
.portlet > .portlet-title > .actions .btn-group.open .btn { border-width:1px; }
.portlet > .portlet-title > .actions .btn-group .btn.btn-default:focus { border-width:1px; }
.portlet > .portlet-title > .caption.filters + .actions { padding:0; position:absolute; right:0; top:10px; }
.portlet > .portlet-title > .caption.filters + .actions.with-group-ver-filters { top:31px; }
.portlet > .portlet-title > .actions .btn:last-of-type { margin-right:0; }
.dialog-cmb .portlet.light { margin-bottom:0; }
.dialog-cmb table.dataTable { margin-top:0; margin-bottom:0; }

/*table*/
.table-bordered > tbody > tr.total > td { background-color:#f5f5f5; }
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color:transparent; }
.table-hover > tbody > tr:hover { background-color:#f5f5f5; }
.table-empty { margin-top:15px; }
table.table-bordered thead th, table.table-bordered tbody td { padding-top:10px; padding-bottom:10px; }
table.table.form-inline thead th, table.table.form-inline tbody td { padding-top:4px; padding-bottom:4px; }
table.table.form-inline tbody td .form-control { padding:2px 8px; height:28px; font-size:13px; min-width:250px; }
table.table-bordered thead th { vertical-align:middle; }
table.table-bordered thead th.rowspan { border-bottom:solid 1px #ddd; text-align:center; }
.table-bordered td .btn.btn-default { background-color:transparent; border: solid 1px transparent; }
.table-bordered td .input-group .input-group-btn .btn.btn-default { background-color:transparent; border-color: #e5e5e5; }
.table-bordered td .btn.btn-default:hover { background-color:#ededed; }
.table thead tr th, table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { background-color:#eee; }
.table-bordered { border-radius: 2px; }
table.table-bordered tbody td.td-action select.input-inline { min-width:125px; }
table.table-bordered tbody td.td-action a { display:block; }

/*date picker*/
div[datepicker] .btn-default { border-width:0; padding:5px 10px; min-width:30px; }
div[datepicker] table[ng-switch-when='month'] .btn-default { border-width:0; padding:5px; min-width:90px; }
div[datepicker] table thead th, div[datepicker] table tbody td { background-color:transparent; padding:0; margin:0; }
div[datepicker] table tbody td .btn.btn-default { border-width:0; margin:0; padding:5px; }
/*bs5*/
div[uib-datepicker] .btn-default { border-width:0; padding:5px 10px; min-width:30px; }
div[uib-datepicker] .uib-monthpicker .btn-default { border-width:0; padding:5px; min-width:90px; }
div[uib-datepicker] table thead th, div[uib-datepicker] table tbody td { background-color:transparent; padding:0; margin:0; }
div[uib-datepicker] table tbody td .btn.btn-default { border-width:0; margin:0; padding:5px; height:auto; }
div[uib-datepicker] table thead th .btn.btn-default { margin:0; }
div[uib-datepicker] table thead th .btn-default > i.glyphicon { margin:0; }
div[uib-datepicker] table thead th .btn-default > .sr-only { display:none; }
.dropdown-menu { box-shadow:0 6px 12px rgba(0,0,0,.175); }
.datepicker table td, .datepicker table th { font-size:13px; font-family:'Open Sans', sans-serif !important; }

/*message box*/
.bootbox .modal-body { padding-bottom:25px; }
.bootbox.alert-danger, .bootbox.alert-success, .bootbox.alert-info { background-color:transparent; }
.bootbox.modal .modal-header { border-bottom:none; padding-bottom:0; }
.bootbox.modal .modal-header h4.modal-title { font-weight:500; }

/*popup*/
.popover .popover-title { font-weight:600; }
.popover-text .popover { min-width: 200px;}

/*modal*/
.iecmodal .modal-dialog .modal-header h3, .iecmodal-inline .modal-dialog .modal-header h3 { margin:0; line-height:34px; color:inherit; }
.iecmodal .modal-dialog .modal-header > btn, .iecmodal-inline .modal-dialog .modal-header > btn { margin:0; }
.iecmodal .modal-dialog .modal-body { padding-left:0; padding-right:0; }
.iecmodal-inline .modal-dialog .modal-body { padding-left:20px; padding-right:20px; min-height:200px; }
.note-modal-form .form-group { margin-left:0; margin-right:0; }
.modal-dialog > .modal-content >.modal-body > .form-horizontal { margin-top:10px; }
.modal-dialog > .modal-content >.modal-body > .form-horizontal > .form-group { margin-left:0; margin-right:0; }

/*form validation*/
.help-block, .help-block > .cust-err { display:none; }
.form-group.has-error .help-block, form.ng-invalid .help-block { display:block; font-style:normal; font-size:12px; color:#ff0000; clear:both; }
form.ng-invalid .help-block { display:block; clear:both; }
.form-group .md-checkbox.input-group + .help-block, .form-group .md-radio.input-group + .help-block { margin-left:30px; }
.has-error .form-control, input.ng-invalid.ng-dirty { border-color:#ff0000; box-shadow:none; }
.has-error .help-block, .has-error .help-inline, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color:#ff0000; }
.has-error .form-control:focus { border-color:#ff0000; }
.has-error .selectize-control.single .selectize-input { border-color:#ff0000; }

/*tab*/
.nav-link { color:#2E54A8; }
.nav-link:focus, .nav-link:hover { text-decoration:none; }
.tab-content > .tab-pane { padding-top:10px; }

/*drag sort*/
.sort-panel { border: solid 1px #e5e5e5; padding: 5px 10px; }
.sort-panel .sort-item { cursor:move; padding:2px 0; }

/*note*/
.p-note { font-size:12px; margin:5px 0 0; color:darkgray; }

/*menu*/
.page-sidebar .page-sidebar-menu .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a { padding-left:45px; }
.page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > a { padding-left:55px; }
/*footer*/
.page-footer { height:auto; padding-top:20px; }

.page-content-wrapper .page-content { padding-top:0; }

li { list-style-position:inside; }
pre { white-space:pre-wrap; word-break:initial; border-radius:2px; }

.overlay { position:absolute; top:0; left:0; bottom:0; right:0; z-index:999; border:none; border-radius:0; margin:0; padding:0; background-color:rgb(85, 85, 85); opacity:0.1; overflow:hidden; }
.break-line { word-break: break-all; word-wrap: break-word; }