#error {
    display: none;
    margin-top: 25px;
}

#success {
    display: none;
    margin-top: 25px;
}

#info {
    display: none;
    margin-top: 25px;
}

#warning {
    display: none;
    margin-top: 25px;
}

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

#data-table thead {
    background: #ffffff;
    width: 100% !important;
}

.relative-table {
    position: relative;
}

.preloader {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: 9;
    background: #fff;
    opacity: .2;
    display: none;
}

.sort-area {
    cursor: pointer;
}

.ml-10 {
    margin-left: 10px;
}

.btn-success, .btn-success.disabled {
    background: #1fb5ae;
    border: 1px solid #1fb5ae;
    color: #fff !important;
}

.btn-success.disabled:hover, .btn-success:hover {
    background: #1fb5ae;
    border: 1px solid #1fb5ae
}

.btn-success.active, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success:active, .btn-success:focus {
    background: #1fb5ae;
}

.sweet-alert h2 {
    font-size: 20px;
    line-height: 30px;
}

.input-text {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
}

#treeview .badge {
    float: right;
    background: #e2e2e2;
    margin-top: 5px;
}

#treeview .expand-icon {
    margin-right: 5px;
}

#treeview .expand-icon.fa-folder {
    cursor: pointer;
}

#treeview .node-treeview:hover {
    background: #f5f4f4;
}

#treeview .selected {
    background: #e2e2e2;
}

#treeview span.indent {
    margin-left: 10px;
    margin-right: 10px;
}

.addMain {
    display: none;
}

#treeview .select {
    float: right;
    display: none;
}

#treeview .tree-buttons {
    display: none;
    padding-top: 10px;
}

#treeview .tree-buttons button {
    margin-left: 5px;
}

#treeview .node-treeview:hover .tree-buttons, #treeview .selected .tree-buttons, #treeview .node-treeview:hover .select, #treeview .selected .select {
    display: block;
}

#treeview li .btn-sm {
    line-height: 1.3 !important;
}

.list-group-item {
    padding: .75rem .50rem .75rem .50rem !important;
}

#treeview .status-active span.title, #treeview .status-active .expand-icon.fa {
    color: #333333 !important;
}

#treeview .status-passive span.title, #treeview .status-passive .expand-icon.fa {
    color: #bab9b9 !important;
}

.tag-youtube, .tag-image, .tag-video {
    display: none;
}

.dropify-message p {
    text-align: center !important;
}

.soft-deleted, .survey-options, .survey-values, .survey-string, .field-time, .option-genre {
    display: none;
}

.ms-container {
    width: 100%;
}

.sidebar-nav > ul > li > a.active {
    background: none;
}

.reference {
    display: none;
}

.fr-wrapper.show-placeholder {
    min-height: 200px;
}

.fr-element.fr-view {
    min-height: 200px !important;
}

.fr-second-toolbar, .fr-placeholder {
    display: none !important;
}

.fr-box.fr-basic .fr-wrapper {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.color-grey {
    color: #999999;
}

.sidebar-nav ul li ul {
    padding-left: 10px;
}

.sidebar-nav ul li ul li a {
    padding: 7px 2px 7px 15px;
}

.sidebar-nav ul li a.active {
    font-weight: 400;
    color: #1976d2;
}

.sidebar-nav ul li a {
    padding: 8px 20px 8px 15px;
}

.sidebar-nav > ul > li.active > a {
    font-weight: 400;
}

.sidebar-nav .has-arrow:after {
    right: 12px;
    top: 49%;
}

.sidebar-nav > ul > li > a i {
    width: 23px;
    font-size: 16px;
}

.left-sidebar {
    width: 250px;
}

@media (min-width: 768px) {
    .navbar-header {
        width: 250px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}

@media (min-width: 768px) {
    .navbar-header {
        width: 250px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}

.container-fluid {
    padding: 0 10px 25px 20px;
}

.page-titles {
    margin: 0 0px 10px;
    padding: 15px 10px;
}

.text-themecolor {
    font-size: 16px;
}

.dataTables_wrapper.container-fluid {
    padding: 0 0 25px 0;
}

.inbox-custom .card-body {
    padding: 10px 10px !important;
}

.inbox-center .unread td {
    font-weight: 500 !important;
}

.w-40 {
    width: 40px;
}

.ticket-table tbody tr, .ticket-table tbody tr span, .ticket-table tbody tr td {
    cursor: pointer !important;
}

.inbox-detail, .newMail {
    display: none;
}

.back {
    display: none;
}

.ticket-message {
    margin-bottom: 15px;
}

.ticket-created_at, .ticket-updated_at, .ticket-valid-deleted_at {
    font-size: 12px;
    line-height: 20px;
}

.ticket-created_at span, .ticket-updated_at span, .ticket-valid-deleted_at span {
    font-weight: 500;
}

.topbar .top-navbar .navbar-header {
    text-align: right;
    line-height: 60px;
}

.topbar .navbar-header {
    background: url('../images/uc2bir.png') no-repeat !important;
    width: 250px;
    height: 60px;
    overflow: hidden;
    text-align: right;
}

.topbar .navbar-header span {
    color: #ffffff;
    padding-right: 20px;
    font-size: 16px;
}

.btn-black, .btn-black.disabled {
    background: #000000;
    border: 1px solid #333333;
    color: #ffffff !important;
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.dd-item .dd3-content:before {
    font: normal normal normal 16px/1 "Material Design Icons";
    content: "\f209";
    color: #e2e2e2;
}

.dd-item.active .dd3-content:before {
    font: normal normal normal 16px/1 "Material Design Icons";
    content: "\f208";
    color: #e2e2e2;
}

.dd3-content i {
    float: right;
    margin: 2px 5px;
}

.tag-name, .nestable-button {
    display: none;
}

.tag-name span {
    font-weight: 400;
    color: #f7941e;
}

.tag-name i {
    margin-left: 50px;
}

.chat-main-header .chat-img {
    display: inline-block;
    width: 45px;
    vertical-align: top;
}

.chat-main-header .box-title {
    display: inline-block;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
}

.chat-main-header .chat-img img {
    width: 45px;
    border-radius: 100%;
}

.chat-list li .chat-time {
    display: block;
    text-align: left;
    width: 280px;
    margin-left: 15px;
    font-size: 10px;
    color: #99abb4;
}

.chat-list li.reverse .chat-time {
    text-align: right;
    margin-left: auto;
    margin-right: 15px;
}

.chat-main-box .chat-right-aside .chat-list {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.chat-list li .chat-content .box:after {
    right: auto;
    left: -13px;
}

.chat-list li.reverse .chat-content .box:after {
    right: -13px;
    left: auto;
}

.chat-list li .chat-time .unread {
    display: inline-block;
    float: left;
    margin-right: 10px;
    opacity: .5;
}

.chat-list li .chat-time .read {
    color: #A6CE39;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.chat-list li.reverse .chat-time .unread {
    display: inline-block;
    float: right;
    margin-left: 10px;
    margin-right: 0;
    opacity: .5;
}

.chat-list li.reverse .chat-time .read {
    color: #A6CE39;
    display: inline-block;
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

.reply-support {
    display: none;
}

.ti-second {
    margin-left: -6px;
}

.chat-rbox {
    padding-bottom: 20px;
}

.chat-main-header {
    height: 69px;
    overflow: hidden;
}

.chat-main-header .b-b {
    height: 59px;
    overflow: hidden;
}

.chat-main-box .form-material {
    height: 69px;
    overflow: hidden;
}

.chat-list li {
    margin-top: 0;
}

.chat-right-aside .chat-list li {
    margin-top: 30px;
}

.chatonline img {
    height: 30px;
}

.chat-main-header .chat-img img {
    height: 45px;
}

table.custom tr:first-child .sort-area:after {
    font: normal normal normal 16px/1 "Material Design Icons";
    content: "\f54f";
    padding-left: 5px;
}

table.custom tr:first-child .sort-area.asc:after {
    font: normal normal normal 16px/1 "Material Design Icons";
    content: "\f140";
    padding-left: 5px;
}

table.custom tr:first-child .sort-area.desc:after {
    font: normal normal normal 16px/1 "Material Design Icons";
    content: "\f143";
    padding-left: 5px;
}

.read-0:after {
    font: normal normal normal 16px/1 "Material Design Icons";
    content: "\f1f0";
}

.read-1:after {
    font: normal normal normal 16px/1 "Material Design Icons";
    content: "\f5ef";
}

.husLabTable {
    clear: both;
    margin-top: 30px;
}

.wdt-auto {
    width: auto;
}

.wdt-75 {
    width: 75px;
}

.wdt-80 {
    width: 80px;
}

.wdt-90 {
    width: 90px;
}

.wdt-100 {
    width: 100px;
}

.wdt-115 {
    width: 115px;
}

.wdt-125 {
    width: 125px;
}

.wdt-135 {
    width: 135px;
}

.wdt-150 {
    width: 150px;
}

.wdt-175 {
    width: 175px;
}

.wdt-200 {
    width: 200px !important;
}

.wdt-225 {
    width: 225px;
}

.wdt-250 {
    width: 250px;
}

.wdt-275 {
    width: 275px;
}

.wdt-300 {
    width: 300px !important;
}

.wdt-325 {
    width: 325px;
}

.wdt-350 {
    width: 350px;
}

.wdt-400 {
    width: 400px;
}

.wdt-450 {
    width: 450px;
}

.c-9ABF35 {
    color: #9ABF35 !important;
}

.c-F7941E {
    color: #F7941E !important;
}

.c-33998C {
    color: #33998C !important;
}

.c-1E87F7 {
    color: #1E87F7 !important;
}

.c-F7E11E {
    color: #F7E11E !important;
}

.donute h6 {
    font-size: 12px !important;
    line-height: 14px !important;
}

.donute h4 {
    font-size: 14px !important;
    line-height: 16px !important;
}

.todo-list li .assignedto {
    padding: 0 0 0 0;
}

.with-action {
    position: relative;
}

.with-action .card-actions {
    top: 5px;
    position: absolute;
    right: 10px;
}

.default:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.success:hover {
    background-color: #9abf35 !important;
    border-color: #9abf35 !important;
}

.warning:hover {
    background-color: #F7941E !important;
    border-color: #F7941E !important;
}

.editable-container textarea, .editable-container input {
    min-width:400px;
}

.editable-click:before, a.editable-click:before, a.editable-click:hover:before {
    font: normal normal normal 16px/1 "Material Design Icons";
    content: "\f068";
    color: #b3b3b3;
    text-decoration: none;
    border-bottom: 0 !important;
    margin-right: 10px;
}

.editable-click, a.editable-click, a.editable-click:hover {
    text-decoration: none;
    border-bottom: 0 !important;
}

.editable-empty, .editable-empty:hover, .editable-empty:focus {
    font-style: normal;
    color: #b3b3b3;
    text-decoration: none;
    border-bottom: 0 !important;
}

.editable-unsaved {
    font-weight: 400;
}

.to-do-widget .assignedto li img{
    height: 30px;
}

.h-30{
    height: 30px !important;
}

.wh-40{
    height: 40px !important;
    width: 40px !important;
}

.font-weight-500 {
    font-weight: 500;
}

.search-box .app-search {
    width: 500px;
    top: 0;
}

.search-box .app-search input {
    width: 100%;
    padding: 20px 40px 18px 30px;
    height: 58px;
}

.app-search .form-control, .app-search .form-control:focus {
    background-color: #000000;
    color:#ffffff !important;
    border:none;
    border-bottom: solid 5px #333333;
    box-shadow:none;
    outline:none;
}

.search-box .app-search .srh-btn {
    background: none;
    color:#ffffff;
    top: 20px;
}

.change-log {
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 10;
    display:none;
}

.change-log button {
    padding: 15px;
}

#sendModal .modal-dialog {
    max-width: 700px;
}

#smsForm textarea {
    height:200px;
}

.rotated1 {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -moz-transform: rotate(90deg); /* Firefox */
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
    -o-transform: rotate(90deg); /* Opera */
}

.rotated2 {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Safari and Chrome */
    -o-transform: rotate(180deg); /* Opera */
}

.rotated3 {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg); /* IE 9 */
    -moz-transform: rotate(270deg); /* Firefox */
    -webkit-transform: rotate(270deg); /* Safari and Chrome */
    -o-transform: rotate(270deg); /* Opera */
}

.rotated4 {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg); /* IE 9 */
    -moz-transform: rotate(360deg); /* Firefox */
    -webkit-transform: rotate(360deg); /* Safari and Chrome */
    -o-transform: rotate(360deg); /* Opera */
}