body { background-color: #fff; font-family: 'REM', sans-serif; color: #000; font-size: 13px; }

.form-error { padding: 2px 5px; font-size: 12px; margin: 1px 0 0 0;}

.cursor-disabled { cursor: not-allowed !important; }
.cursor-pointer { cursor: pointer !important; }
.cursor-move { cursor: move; }

.alert-info-class { white-space: normal; word-wrap: break-word; overflow-y: auto; max-height: 200px; height: auto; display: block; text-overflow: ellipsis; padding: 10px}
.button-wrap-text { white-space: normal; word-break: break-word; text-align: center; }

label { font-weight: normal; font-size: 14px; text-align: left !important; display: block; }
label .fa { font-size: 90%; }
.form-horizontal .control-label { margin-bottom: 5px; width: auto;}
.form-input label span { font-size: 11px; font-style: italic; display: inline-block; margin-left: 5px; }
.radio-inline-container label { position: relative; display: inline-block; padding-left: 20px; vertical-align: middle; cursor: pointer; }
.radio-inline-container label:first-of-type { padding-left: 0; }
.radio-inline-container input { margin-right: 10px; }
.form-group { margin-bottom: 0px; }

.note-editor {margin-bottom: 0px; }

h1 { margin-bottom: 30px; font-size: 25px; }

.content-hidden { display: none; }

.readonly-input { background-color: #eee !important; pointer-events: none !important; }
.readonly-checkbox { pointer-events: none !important; opacity: 0.3; }
.readonly-select { pointer-events: none; }
.readonly-label { pointer-events: none !important; }

header { background-color: #337ab7; }
header .top .menu .menu-big .nav { margin-right: 60px; }
header .top .menu .nav>li>a:focus, header .top .menu .nav>li>a:hover { background: none; text-decoration: none; }
header .top .menu a { color: #fff !important; font-weight: bold; }
header .top .menu a.user { color: #000 !important; }
header .top .menu .navbar-default { background-color: #337ab7; border-color: #337ab7; }
header .top .menu .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #fff; }
header .top .menu .navbar { margin: 0; }
header .top .menu .navbar-toggle{ margin-right: 0; background-color: #fff; }

footer { background-color: #f1f1f1; margin-top: 30px; padding: 30px;  text-align: center; }

[data-toggle="tooltip"] { cursor: help; }

.progress-upload { margin-top: 20px; margin-bottom: 0; }

.width-2em { width: 2em; }

.margin-10 { margin: 0; }
.margin-top0 { margin-top: 0; }
.margin-top5 { margin-top: 5px; }
.margin-top10 { margin-top: 10px; }
.margin-top20 { margin-top: 20px; }
.margin-bottom0 { margin-bottom: 0; }
.margin-bottom3 { margin-bottom: 3px; }
.margin-bottom10 { margin-bottom: 10px; }
.margin-bottom20 { margin-bottom: 20px; }
.margin-bottom25 { margin-bottom: 25px; }
.margin-bottom30 { margin-bottom: 30px; }
.margin-right10 { margin-right: 10px; }
.margin-right5 { margin-right: 5px; }

.padding-0 { padding: 0; }
.padding-top7 { padding-top: 7px; }
.padding-10 { padding: 10px; }
.padding-left0 { padding-left: 0 }

.text-bold { font-weight: bold; }
.text-color-white { color: #fff !important; }
.text-color-black { color: #000 !important; }
.text-color-unset { color: unset; }
.text-color-red { color: #ff0000 !important; }
.text-fontsize10 { font-size: 10px; }
.text-fontsize12 { font-size: 12px; }
.text-fontsize20 { font-size: 20px; }
.text-fontsize25 { font-size: 25px; }
.text-fontsize30 { font-size: 30px; }
.text-fontsize40 { font-size: 40px; }
.text-decoration-none { text-decoration: none !important; }
.text-decoration-underline { text-decoration: underline !important; }

table.table-vertical-middle td { vertical-align: middle !important; }

.display-inline { display: inline; }

.post-view .post-message { overflow-x: auto; }
.post-view .post-message img { max-width: 50%; }
.post-view-private { background-color: #c3c3c3; }

#upload_fileslist .list-group .file-name { overflow-x: hidden; font-weight: bold; }
.ticket-post-form { background-color: #bed1d8; }

.space-between-container { display:flex; justify-content:space-between; }

.checkbox-lg { width: 20px; height: 20px; }

.panel-rainbow { border-color: #ddd; }
.panel-rainbow > .panel-heading { background: #ddd; border-color: #ddd; }

.table-fixed { table-layout: fixed; }

.panel-ticket > .panel-heading { padding: 2px 5px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.9em; color: white; }
.panel-ticket > .panel-body { padding: 0.4em; word-wrap: break-word; font-size: 0.8em; }
.panel-ticket .panel-ticket-description { border-top: 1px solid #555; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.panel-ticket-placeholder { border: 1px dotted black; border-radius: 4px; margin: 0 1em 1em 0; height: 50px; background-color: #F5F5F5; }

.panel-ticket-priority-low { border-color: #888; }
.panel-ticket-priority-low > .panel-heading { background: #888; border-color: #888; }
.panel-ticket-priority-high { border-color: #b20000; }
.panel-ticket-priority-high > .panel-heading { background: #b20000; border-color: #b20000 }

.board-user-tickets-sortable { min-width:250px; max-width:450px; }
.priority-table .label { min-width: 3em; display: inline-block; }
.label-priority-low { background-color: #888; }
.label-priority-high { background-color: #b20000; }

.select-content { width: auto; display: inline-block; }

.modal-dark { color: #ddd; }
.modal-dark .modal-header { background-color: #222; border-bottom: 1px solid #444; }
.modal-dark .modal-body { background-color: #111; }
.modal-dark .modal-header .close { opacity: 1; color: inherit; text-shadow: none; }
.modal-dark .modal-header .close:hover { opacity: 1; color: #fff; text-shadow: 0 0 2px #fff; }

.modal-image .modal-body { max-height: calc(100vh - 80px); min-height: calc(100vh - 80px); display: flex; align-items: stretch; }
@media (min-width: 768px) {
    .modal-image .modal-dialog { width: auto; margin: 30px 30px; }
    .modal-image .modal-body { max-height: calc(100vh - 120px); min-height: calc(100vh - 120px); display: flex; align-items: stretch; }
}

.modal-image .modal-image-container { flex: 1; max-width: 100%; max-height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.modal-image .modal-image-container img { max-width: 100%; max-height: 100%; }

@media (min-width: 992px) {
    .no-collapse-md{ height: auto !important; display: block; }
}

@media (max-width: 991px) {
    .navbar-header { float: none; }
    .navbar-left, .navbar-right { float: none !important; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 1px solid transparent; }
    .navbar-collapse.collapse { display: none !important; }
    .navbar-nav { float: none !important; margin-top: 7.5px; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .collapse.in { display: block !important; }
}