/** Common **/
/********** margin & padding **********/
.no-m-t { margin-top: 0 !important; }
.no-m-r { margin-right: 0 !important; }
.no-m-b { margin-bottom: 0 !important; }
.no-m-l { margin-left: 0 !important; }
.no-m-r-l { margin-left: 0 !important; margin-right: 0 !important; }
.m-b-10 { margin-bottom: 10px; }
.m-l-r-20 { margin-right: 20px; margin-left: 20px; }
.m-t-20 { margin-top: 20px !important; }
.m-t-10 { margin-top: 10px; }

.no-p-t { padding-top: 0 !important; }
.no-p-r { padding-right: 0 !important; }
.no-p-b { padding-bottom: 0 !important; }
.no-p-l { padding-left: 0 !important; }
.no-p-r-l { padding-left: 0 !important; padding-right: 0 !important; }
.no-paddings { padding: 0px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-t-8 { padding-top: 8px; }

.b { border: 1px solid #000000 }

.ul-folder { margin-bottom: 20px; }
.ul-folder > ul { border: 1px solid #000; }
.ul-folder > ul > li { line-height: 30px; padding: 0 15px; }
.ul-folder > ul > li > a { color: #000; }
.ul-folder > ul > li.list-group-item { padding-left: 30px; }

.form-group > label { margin-bottom: 10px !important; }

.table > tbody > tr.selected { background-color: #F5F5DC; }

.fileinput .form-control { word-wrap: break-word; word-break: break-all; min-height: 34px; height: auto; }
.fileinput-filename { display: initial; }

.hr-border-solid { border-top: 1px solid #e7eaec; color: #ffffff; background-color: #ffffff; height: 1px; margin: 20px 0; }
.paper-trans { transform: rotate(223deg); -ms-transform: rotate(223deg); /* Internet Explorer */ -moz-transform: rotate(223deg); /* Firefox */ -webkit-transform: rotate(223deg); /* Safari 和 Chrome */ -o-transform: rotate(223deg); /* Opera */ }

.control-label { clear: both; }

.clearboth { clear: both; }

.align-top { vertical-align: top; }
.align-right { text-align: right; }
.align-left { text-align: left !important; }
.center { text-align: center !important; }

.brandLogo { width: auto; height: auto; max-width: 300px; }
.leftNavigationLogo { max-width: 50px; height: auto; }

.disclaimer { color: #e22a34; font-size: 12px; margin-bottom: 20px; }

.text-error { color: #b94a48; font-size: 12px; line-height: 14px; text-align: left !important; }
.font-default { font-weight: normal; font-size: 1em; }

.alert { font-size: 12px; line-height: 14px; margin-bottom: 10px; }

.switch { margin-top: 5px; }

input[readonly] { /*border: none;*/ background: none !important; }

.onoffswitch-inner:before { content: "YES"; }
.onoffswitch-inner:after { content: "NO"; }

.submenu > li.active { border-left: none; }

.displayImage img { width: 200px; height: auto; }

.img-responsive { margin: auto; }

.displayLogoImage { margin-top: 10px; }
.displayLogoImage > .brandLogo { width: 120px; height: auto; }

.displayBackgroundImage { width: 100%; min-height: 100vh; }

.table-bordered { border: 1px solid #EBEBEB !important; }

.nav-tabs, .nav-tabs > li, .nav-tabs > li > a, .nav-tabs > li > a:focus { outline: none !important; }

.ui-widget-header { text-transform: none !important; }
.ui-widget-content { border: none !important; }

.checkbox label, .radio label { padding-left: 0px; }

.bootstrap-tagsinput { width: 100%; }
.bootstrap-tagsinput input { }

.bootstrap-tagsinput .label { font-size: 13px; }

.chosen-container { width: 100% !important; }

@media only screen and (max-width: 767px) {
    .mobile-only { display: block !important; }
}


div.dataTables_processing { z-index: 999; }
.ml10 { margin-left: 10px; }

.select2-wrapper { height: 34px !important; line-height: 34px !important; border: 1px solid #e5e6e7 !important; border-radius: 0 !important; }
.select2-wrapper span { height: 32px !important; line-height: 32px !important; }
.select2-dropdown { border: 1px solid #7b9dd4 !important; border-radius: 0 !important; }
.select2-results__option { white-space: nowrap !important; }