@charset "UTF-8";

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

input.ng-invalid-required {
    border: 1px solid #981212;
}

.default-body {
    /*font-family: 'Segoe UI','Segoe','SegoeUI-Regular-final',Tahoma,Helvetica,Arial,sans-serif !important;*/
    font-family: Poppins,Helvetica,"sans-serif" !important;
    font-weight: 500 !important;
    background: url("/Content/images/wavegrid.png");
    overflow-x: hidden;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased !important;
}

.blank-body {
    font-family: 'Segoe UI','Segoe','SegoeUI-Regular-final',Tahoma,Helvetica,Arial,sans-serif !important;
    overflow-x: hidden;
    background-color: #fff !important;
}

.navbar-toggle:focus {
    background-color: #fff !important;
    border: 0 !important;
    border-color: transparent !important;
}

@media only screen and (max-width: 480px) {
    .right_nav_space {
        margin-top: 10px;
    }

        .right_nav_space .pull-right {
            float: left !important;
        }
}

@media (min-width: 1200px) {
    .containers {
        max-width: 100% !important;
        padding-left: 50px !important;
        padding-right: 50px !important;
        margin: auto !important;
    }
}

/* Set padding to keep content from hitting the edges */
.body-content {
    /*padding-top: 15px;*/
}

@media only screen and (min-width: 320px) {
    .body-content {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (min-width: 480px) {
    .body-content {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (min-width: 768px) {
    .body-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 992px) {
    .body-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 1200px) {
    .body-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Segoe UI','Segoe','SegoeUI-Regular-final',Tahoma,Helvetica,Arial,sans-serif !important;
    font-weight: normal;
}

.nomargin {
    margin: 0px !important;
}

.content_wrapper {
    display: block;
    position: relative;
    width: 100%;
    background: #fff;
    /*-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);*/
}

.content_wrapper1 {
    display: block;
    position: relative;
    width: 100%;
    background: #fff;
    /*-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);*/
}

@media only screen and (min-width: 320px) {
    .content_wrapper {
        padding: 5px;
    }
}

@media only screen and (min-width: 480px) {
    .content_wrapper {
        padding: 5px;
    }
}

@media only screen and (min-width: 768px) {
    .content_wrapper {
        padding: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .content_wrapper {
        padding: 20px;
    }
}

@media only screen and (min-width: 1200px) {
    .content_wrapper {
        padding: 20px;
    }

    .content_wrapper1 {
        width: 1300px;
        margin-left: -30px;
        font-size: 11px;
        letter-spacing: -.5px;
    }
}

.content_wrapper h1 {
    font-weight: lighter;
    margin-top: 0;
}

.no-padding-left {
    padding-left: 0px !important;
}

.no-padding-right {
    padding-right: 0px !important;
}

.home_thumbnails a {
    text-decoration: none !important;
}

@media only screen and (min-width: 320px) {
    .home_thumbnails a {
        margin-bottom: 10px;
        min-height: 103px;
    }
}

@media only screen and (min-width: 480px) {
    .home_thumbnails a {
        margin-bottom: 10px;
        min-height: 103px;
    }
}

@media only screen and (min-width: 768px) {
    .home_thumbnails a {
        margin-bottom: 20px;
        min-height: 155px;
    }
}

@media only screen and (min-width: 992px) {
    .home_thumbnails a {
        margin-bottom: 20px;
        min-height: 155px;
    }
}

@media only screen and (min-width: 1200px) {
    .home_thumbnails a {
        margin-bottom: 20px;
        min-height: 155px;
    }
}

input[type="radio"], input[type="checkbox"] {
    background: transparent !important;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important;
    outline: 0 !important;
    border: 0 !important;
}

.alert-title {
    border: 0;
    padding: 10px;
    background-color: #71D0F5;
    color: #fff !important;
    border-left: 4px solid #45484A;
}

    .alert-title h1 {
        font-size: 23px;
    }

@media only screen and (min-width: 320px) {
    .alert-title {
        margin-bottom: 5px;
    }
}

@media only screen and (min-width: 480px) {
    .alert-title {
        margin-bottom: 5px;
    }
}

@media only screen and (min-width: 768px) {
    .alert-title {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .alert-title {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 1200px) {
    .alert-title {
        margin-bottom: 20px;
    }
}

.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
    margin: 0;
    font-weight: lighter;
}

.modal-content, .alert, .btn, input, .thumbnail, .form-control, .nav-tabs > li > a, .fc-state-default, .thumbnail, .panel {
    border-radius: 0;
}

@media only screen and (min-width: 320px) {
    .navbar i {
        display: inline;
    }
}

@media only screen and (min-width: 480px) {
    .navbar i {
        display: inline;
    }
}

@media only screen and (min-width: 768px) {
    .navbar i {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .navbar i {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    .navbar i {
        display: inline;
    }
}

.navbar-nav > li {
    border-left: 1px solid #ddd;
}

@media only screen and (min-width: 320px) {
    .navbar-nav > li a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media only screen and (min-width: 480px) {
    .navbar-nav > li a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media only screen and (min-width: 768px) {
    .navbar-nav > li a {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .navbar-nav > li a {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 1200px) {
    .navbar-nav > li a {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.navbar-nav > li a:hover {
    background: #222 !important;
    color: #fff !important;
    /*border-bottom: 5px solid #47a447;*/
}

@media only screen and (min-width: 320px) {
    .navbar-nav > li a:hover {
        height: auto;
        border: 0;
    }
}

@media only screen and (min-width: 480px) {
    .navbar-nav > li a:hover {
        height: auto;
    }
}

@media only screen and (min-width: 768px) {
    .navbar-nav > li a:hover {
        height: 60px;
    }
}

@media only screen and (min-width: 992px) {
    .navbar-nav > li a:hover {
        height: 60px;
    }
}

@media only screen and (min-width: 1200px) {
    .navbar-nav > li a:hover {
        height: 60px;
    }
}

.navbar-brand {
    padding: 18px 15px !important;
}

footer .footer-allpage {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: 30px;
}

.navbar-default {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
}

footer a {
    font-family: "Segoe UI", "Segoe", "SegoeUI-Regular-final", Tahoma, Helvetica, Arial, sans-serif;
}

.nav-tabs {
    /*margin-top:15px !important;*/
}

.pagination {
    margin-top: 0px !important;
}

.search_row {
    margin-bottom: 20px;
}

address {
    margin-bottom: 0px !important;
}

/* Tab Navigation */
@media only screen and (min-width: 320px) {
    .modal-content {
        padding: 5px;
    }
}

@media only screen and (min-width: 480px) {
    .modal-content {
        padding: 5px;
    }
}

@media only screen and (min-width: 768px) {
    .modal-content {
        padding: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .modal-content {
        padding: 20px;
    }
}

@media only screen and (min-width: 1200px) {
    .modal-content {
        padding: 20px;
    }
}

.form_thumb {
    margin-bottom: 20px;
}

    .form_thumb h4 {
        margin-bottom: 0;
    }

    .form_thumb a {
        text-decoration: none;
        min-height: 165px;
        overflow: hidden;
    }

.work-total-hours {
    min-height: 30px;
    font-size: 11px;
}

    .work-total-hours ul {
        margin-bottom: 0;
    }

    .work-total-hours h4 {
        margin: 0;
    }

/* tabrow */
.tabrow {
    list-style: none;
    padding: 0;
    line-height: 24px;
    overflow: hidden;
    font-size: 12px;
    font-family: verdana;
    position: relative;
    white-space: nowrap;
}

    .tabrow li {
        border: 1px solid #AAA;
        background: #f8f8f8;
        background: -o-linear-gradient(top, #f8f8f8 50%, #D1D1D1 100%);
        background: -ms-linear-gradient(top, #f8f8f8 50%, #D1D1D1 100%);
        background: -moz-linear-gradient(top, #f8f8f8 50%, #D1D1D1 100%);
        background: -webkit-linear-gradient(top, #f8f8f8 50%, #D1D1D1 100%);
        background: linear-gradient(top, #f8f8f8 50%, #D1D1D1 100%);
        display: inline-block;
        position: relative;
        z-index: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
        text-shadow: 0 1px #FFF;
        margin: 0 -5px;
        float: none;
    }

    .tabrow a {
        color: #555;
        text-decoration: none;
    }

    .tabrow li.selected {
        background: #FFF;
        color: #333;
        z-index: 2;
        border-bottom-color: #FFF;
    }

    .tabrow:before {
        position: absolute;
        content: " ";
        width: 100%;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid #AAA;
        z-index: 1;
    }

    .tabrow li:before,
    .tabrow li:after {
        border: 1px solid #AAA;
        position: absolute;
        bottom: -1px;
        width: 5px;
        height: 5px;
        content: " ";
    }

    .tabrow li:before {
        left: -6px;
        border-bottom-right-radius: 6px;
        border-width: 0 1px 1px 0;
        box-shadow: 2px 2px 0 #D1D1D1;
    }

    .tabrow li:after {
        right: -6px;
        border-bottom-left-radius: 6px;
        border-width: 0 0 1px 1px;
        box-shadow: -2px 2px 0 #D1D1D1;
    }

    .tabrow li.selected:before {
        box-shadow: 2px 2px 0 #FFF;
    }

    .tabrow li.selected:after {
        box-shadow: -2px 2px 0 #FFF;
    }

/* end tab row */
.work_thumb {
    font-size: 17px;
}

.alert_low_padding {
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 2px solid #222;
}

.magnet-calendar a {
    padding: 0 !important;
}

.quick_estimate {
    margin-top: 20px;
}

/*.order_panel_modal{
   min-height:411px;
}*/
.hotkey_order .btn-block {
    margin-bottom: 10px;
    white-space: normal !important;
    min-height: 54px;
}

    .hotkey_order .btn-block p {
        margin-bottom: 0;
    }

.hotkey_order .tab-content {
    padding: 10px 10px 10px 10px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: 20px;
}

/* calendar */
.fc-draggable {
    border-radius: 0;
}

.fc-day-header {
    text-transform: capitalize !important;
}

.fc-toolbar h2 {
    text-transform: capitalize;
}

/*end calendar */
/*Event Modal Custom*/
.dropdown-menu-right {
    left: -1px !important;
    min-width: 265px !important;
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: local("Quicksand Regular"), local("Quicksand-Regular"), url(https://fonts.gstatic.com/s/quicksand/v5/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.fc-scroller {
    height: auto !important;
}

/* buttons */
.btn-primary {
    background: #0072C6;
    color: #ffffff;
    border-color: #0072C6;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background: #33a6cc;
        border-color: #33a6cc;
    }

    .btn-primary:active, .btn-primary.active {
        background: #0072C6;
        box-shadow: none;
    }

/* end buttons */
.home_thumbnails .thumbnail:nth-child(0) {
    background: #80B841;
}

/*.magnet-calendar{
    .btn-link{
        display:none;
    }
}*/
.fc-icon-left-single-arrow::after {
    content: "\f104";
    font-family: 'FontAwesome' !important;
    font-weight: bold;
    font-size: 200%;
    top: -7%;
    left: 3%;
    display: block !important;
}

.fc-icon-right-single-arrow::after {
    content: "\f105";
    font-family: 'FontAwesome' !important;
    font-weight: bold;
    font-size: 200%;
    top: -7%;
    left: -3%;
    display: block !important;
}

.employee_profile .form-group {
    margin-bottom: 5px !important;
}

.modal-xs {
    width: 350px;
}

.nav > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

@media only screen and (min-width: 320px) {
    .navcon {
        margin-left: 5px;
        margin-right: 5px;
    }
}

@media only screen and (min-width: 480px) {
    .navcon {
        margin-left: 5px;
        margin-right: 5px;
    }
}

@media only screen and (min-width: 768px) {
    .navcon {
        margin-left: 30px;
        margin-right: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .navcon {
        margin-left: 30px;
        margin-right: 30px;
    }
}

@media only screen and (min-width: 1200px) {
    .navcon {
        margin-left: 30px;
        margin-right: 30px;
    }
}

/*tooltip*/
.tooltip-inner {
    text-align: left;
    /*max-width: 450px;*/
    /*width: 500px;*/
    font-size: 14px !important;
    white-space: pre;
    /* you can also try white-space: normal; */
    max-width: none;
}

/*End tooltip*/
.dropdown-menu {
    border-radius: 0 !important;
}

    .dropdown-menu li a {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

        .dropdown-menu li a:hover {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
            height: auto !important;
        }

.assignmentOrder {
    margin-bottom: 20px !important;
}

h4.growl-title {
    font-weight: bold;
    font-size: 27px;
}

.growl-container.growl-fixed.top-right {
    top: 50% !important;
    left: 50%;
    margin-top: -50px;
    margin-left: -150px;
    width: 350px;
    font-size: 16px;
}

/* ui growl 2 */
.growl-container .growl-item {
    border-left: 6px solid;
    -webkit-box-shadow: 2px 12px 36px 4px #dbdbdb;
    -moz-box-shadow: 2px 12px 36px 4px #dbdbdb;
    box-shadow: 2px 12px 36px 4px #dbdbdb;
}

/* */
.detail-input-custom-mini {
    width: 100px;
    margin: 0 auto;
}

ul.jPanelMenu-menu {
    display: none;
}

.jpanel-menu-left .navbar-nav > li {
    border-left: 0 !important;
}

@media only screen and (max-width: 450px) {
    .text-right-xs {
        text-align: right !important;
    }

    hr {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.padding-1 {
    padding: 1px !important;
}

.padding-2 {
    padding: 2px !important;
}

.padding-3 {
    padding: 3px !important;
}

.padding-4 {
    padding: 4px !important;
}

.padding-5 {
    padding: 5px !important;
}

.padding-6 {
    padding: 6px !important;
}

.padding-7 {
    padding: 7px !important;
}

.padding-8 {
    padding: 8px !important;
}

.padding-9 {
    padding: 9px !important;
}

.padding-10 {
    padding: 10px !important;
}

.nomargin {
    margin-top: 0 !important;
}

.nomargin-top {
    margin-top: 0 !important;
}

.nomargin-left {
    margin-left: 0 !important;
}

.nomargin-right {
    margin-right: 0 !important;
}

.nomargin-bottom {
    margin-bottom: 0 !important;
}

.btn-block {
    padding: 5px 10px !important;
}

@media only screen and (min-width: 320px) {
    .home_thumbnails h1 {
        font-size: 18px;
    }
}

@media only screen and (min-width: 480px) {
    .home_thumbnails h1 {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) {
    .home_thumbnails h1 {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .home_thumbnails h1 {
        font-size: 25px;
    }

    .punchout-timer {
        font-size: 23px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .home_thumbnails h1 {
        font-size: 25px;
    }
}

.i-circle {
    border: 5px solid #F1F1F1;
    border-radius: 50%;
    -webkit-border-radius: 50% !important;
    height: 80px;
    width: 80px;
    display: inline-block;
    padding-top: 15px;
    margin-bottom: 7px;
}

    .i-circle.danger i {
        color: #ea6153;
    }

    .i-circle i {
        font-size: 34px;
        vertical-align: middle;
        color: #666;
    }

@media only screen and (max-width: 736px) {
    .btn-block-xs {
        width: 100% !important;
        margin-bottom: 7px;
    }
}

.customerForm .form-group {
    margin-bottom: 2px;
}

@media only screen and (max-width: 667px) {
    .backBtn {
        display: none !important;
    }
}

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
}

.list-appointment ul > li {
    border-radius: 0 !important;
}

.fc-state-default.fc-corner-left, .fc-state-default.fc-corner-right {
    border-radius: 0 !important;
}

.list-appointment ul li div {
    height: 7px;
    float: left;
    width: 7px;
    margin-right: 6px;
    margin-top: 2px;
}

.list-appointment ul li label {
    margin-bottom: 0 !important;
}

/*.form-inline{
    .form-control{
        width:auto;
    }
}*/
.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.list-group-item {
    border-radius: 0 !important;
}

.fileinput-new.input-group .btn-file, .fileinput-new .input-group .btn-file {
    border-radius: 0 !important;
}

.signature-col {
    padding: 5px 0;
}

    .signature-col .row {
        margin-bottom: 15px;
    }

    .signature-col .drawingCanvas {
        border: 1px solid #ddd;
        /*max-width:100% !important;*/
        /*height: 190px;*/
    }

    .signature-col .msd-elastic {
        min-height: 100px;
    }

.export-to-excel-form {
    margin-top: 40px !important;
}

.nopadding {
    padding: 0 !important;
}

.cal-hours .form-control {
    width: 90px !important;
}

.dropdown-menu-left {
    left: auto !important;
    right: 0 !important;
}

.homefilter {
    margin-top: 15px !important;
}

    .homefilter select {
        width: 200px !important;
    }

    .homefilter .input-group .form-control {
        width: 100px !important;
    }

.homefilter-label {
    margin-top: -5px !important;
}

    .homefilter-label i {
        font-size: 23px !important;
        display: block !important;
        float: right !important;
        margin-left: 10px !important;
    }

a.boxclose {
    background: #605f61 none repeat scroll 0 0;
    border: 1px solid #aeaeae;
    border-radius: 15px !important;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 22px;
    font-weight: bold;
    line-height: 0;
    margin-right: -30px;
    margin-top: -30px;
    padding: 13px 7px;
}

    a.boxclose:hover {
        text-decoration: none !important;
    }

.boxclose:before {
    content: "×";
}

.panel-heading .hover-menu {
    display: none;
}

.panel-heading:hover .hover-menu {
    display: inline-block;
}

.task-list-group .list-group-item {
    border-left: 0 !important;
    border-right: 0 !important;
}

.panel-group .panel {
    border-radius: 0 !important;
}

/*.modal-dialog {
    margin: 20px;
}*/
.task-input-field {
    outline: none !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px dashed #ddd !important;
    box-shadow: none !important;
}

    .task-input-field :focus {
        box-shadow: 0 !important;
    }

.task-nav-tab {
    margin-top: 20px;
    margin-bottom: 10px;
}

.panel-body .task-list-div:first-child {
    border-top: 1px solid #ddd;
}

.task-list-div {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .task-list-div .checkbox {
        margin-left: 9px;
        display: inline-block;
    }

    .task-list-div .member-assign {
        position: relative;
        height: 24px;
        margin-left: 8px;
        margin-right: 8px;
        min-width: 90px;
        display: inline-block;
        background-color: #eee;
        padding: 2px 4px 1px 17px;
        border-radius: 0 5px 3px 0;
    }

        .task-list-div .member-assign:before {
            content: '';
            display: inline-block;
            background-color: #fff;
            width: 14px;
            height: 26px;
            position: absolute;
            left: -12px;
            top: -2px;
            bottom: 0;
            border-radius: 50%;
            box-shadow: 1px 0 0 rgba(0, 0, 0, 0.04);
        }

.customerForm .control-label {
    padding-top: 0 !important;
}

textarea.ng-invalid-required {
    border: 1px solid #981212;
}

.row-table tr td:hover {
    cursor: pointer;
    background: #ddd;
}

.manual-employee .ui-select-container {
    width: 200px !important;
    display: inline-flex;
}

    .manual-employee .ui-select-container .ui-select-match {
        width: 100%;
    }

        .manual-employee .ui-select-container .ui-select-match .ui-select-toggle {
            width: 200px !important;
        }

#scrollable-dropdown-menu ul.dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
}

#scrollable2-dropdown-menu ul.dropdown-menu {
    max-height: 377px;
    overflow-y: auto;
}

.line-deliverydate {
    text-align: center;
    background: none !important;
    border: 0;
    box-shadow: none;
    outline: none;
    font-family: 'Segoe UI','Segoe','SegoeUI-Regular-final',Tahoma,Helvetica,Arial,sans-serif,FontAwesome !important;
    color: #0072c6;
}

    .line-deliverydate:hover {
        cursor: pointer;
        text-decoration: underline;
    }

    .line-deliverydate:disabled {
        cursor: not-allowed;
        text-decoration: none;
        color: #868585;
    }

    .line-deliverydate:required {
        outline: none;
        border: none;
    }

.ng-invalid-required::-webkit-input-placeholder {
    color: #981212;
}

.line-deliverydate:focus {
    outline: none !important;
    border: 0;
    box-shadow: none;
}

input.line-deliverydate {
    font-family: FontAwesome;
}

/*.orderBut {
  width: 46px;
  height: 32px; }*/


/*.orderTimer {
  width: 46px;
  height: 33px; }*/

.timer {
    height: 31px;
    margin-top: 3px;
}

.pLineBut {
    height: 30px;
}

.homeTable {
    overflow-x: auto;
    overflow-y: unset;
}

.lineTable {
    overflow: unset;
}

.mobile-view {
    display: none;
}

.pLinePro {
    height: 30px;
    display: inline;
}

.rwd-table {
    overflow: auto;
    width: 100%;
}

    /*.rwd-table tr .rw-timer {
  display: none; }*/

    .rwd-table tr .rw-timerrunning {
        display: none;
    }

/*.rwd-table tr .rw-timer2 {
  display: none; }*/

.dropdown.moreSetting {
    display: none;
}

.dropdown.userSetting {
    display: none;
}

@media screen and (min-width: 768px) {
    .assignToMe {
        width: 74%;
    }
}

@media screen and (max-width: 991px) {
    .emp-table {
        width: 1100px;
    }
}

@media screen and (max-width: 1200px) {
    .rwd-table {
        width: 1100px;
    }

    .homeTable {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .mobile-view {
        display: inline;
    }

    .desktop-view {
        display: none;
    }
}

.userMoreQuick {
    display: none;
}

@media screen and (max-width: 990px) {
    ul li.userQuickOrder {
        display: none;
    }

    .dropdown.userQuick {
        display: inline;
    }

    .userMoreQuick {
        display: block;
    }
}

@media screen and (max-width: 880px) {
    ul li.userSched {
        display: none;
    }

    ul li.userCal {
        display: none;
    }

    ul li.userCalendar {
        display: inline;
    }

    ul li.userScheduler {
        display: inline;
    }

    .dropdown.userQuick {
        display: inline;
    }
}

@media screen and (max-width: 1300px) {
    /*.dropdown.hidSetting {
    display: none; }*/
    ul li.editText {
        display: none;
    }
    /*ul li.hideWorkLog {
    display: none; }
  ul li.hideSetting {
    display: none; }*/
    .dropdown.moreSetting {
        display: inline-block;
    }

    ul li.hideScheduler {
        display: none;
    }

    ul li.hideList {
        display: none;
    }

    ul li.hideCalendar {
        display: none;
    }
}

@media screen and (max-width: 1296px) {

    ul li.editText {
        display: none;
    }

    ul li.hideScheduler {
        display: none;
    }

    ul li.hideList {
        display: none;
    }

    ul li.hideCalendar {
        display: none;
    }

    .dropdown.userSetting {
        display: inline;
    }
}

@media screen and (max-width: 1173px) {
    ul li.editText {
        display: inline;
    }

    .dropdown.nextHide {
        display: none;
    }
}

@media screen and (max-width: 1081px) {
    ul li.hideS {
        display: none;
    }

    ul li.hideWorkLog {
        display: inline;
    }
}

@media screen and (max-width: 978px) {
    ul li.hideSet {
        display: none;
    }

    ul li.hideSetting {
        display: inline;
    }
}

@media screen and (max-width: 872px) {
    ul li.hideSched {
        display: none;
    }

    ul li.hideScheduler {
        display: inline;
    }
}

@media screen and (max-width: 772px) {
    ul li.hideCal {
        display: none;
    }

    ul li.hideCalendar {
        display: inline;
    }
}

@media screen and (max-width: 600px) {
    .rwd-table {
        width: 100%;
    }

    .rwd-table {
        border: 0;
    }

        .rwd-table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

    .orderTimer {
        margin-top: -4px;
    }

    .timer {
        margin-top: -1px;
    }

    .groupBut {
        float: left;
    }

    .rwd-table tr {
        display: block;
        margin-bottom: .640em;
    }

        .rwd-table tr .row-timer {
            display: none;
        }

        .rwd-table tr .rw-timer {
            display: inline-block;
        }

    .orderBut {
        margin-bottom: 5.3px;
    }

    .saveAndFinish {
        margin-bottom: 5.3px;
    }

    .rwd-table tr .rw-timerrunning {
        display: inline-block;
    }

    .rwd-table tr .rw-timer2 {
        display: inline;
    }

    .rwd-table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
        min-height: 30px;
    }

    .rwd-table .row-td {
        height: 42px;
    }

    .rwd-table tr td {
        white-space: unset !important;
        word-break: break-word !important;
    }

    .rwd-table td:before {
        /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .rwd-table td span.dataLabel:before {
        /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .rwd-table td:last-child {
        border-bottom: 0;
    }
}

/*search loader*/
.s_Loader {
    background: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    z-index: 1000;
    height: 42px;
    margin-top: 1px;
    position: relative;
}

.searchLoader,
.searchLoader:before,
.searchLoader:after {
    background: #999999;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.searchLoader {
    color: #999999;
    text-indent: -9999em;
    font-size: 3px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    position: absolute;
    margin: 15px;
    margin-left: 21px;
}

    .searchLoader:before,
    .searchLoader:after {
        position: absolute;
        top: 0;
        content: '';
    }

    .searchLoader:before {
        left: -1.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .searchLoader:after {
        left: 1.5em;
    }

@-webkit-keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

/*Detail Swith Toggle*/
.switch {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 23px;
    top: 7px;
    left: 19px;
}

    /* Hide default HTML checkbox */
    .switch .default {
        display: none;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 19px;
        width: 19px;
        left: 3px;
        top: 2px;
        bottom: 4px;
        background-color: #eaeaea;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #0072c6;
}

input:focus + .slider {
    box-shadow: 0 0 1px #0072c6;
}

input:checked + .slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
    background-color: #fff;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/*Profile Switch Toggle*/
.profile-switch {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 17px;
    top: 6px;
}

    /* Hide default HTML checkbox */
    .profile-switch .profile-default {
        display: none;
    }

/* The slider */
.profile-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .profile-slider:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 2px;
        top: 2px;
        bottom: 4px;
        background-color: #eaeaea;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .profile-slider {
    background-color: #0072c6;
}

input:focus + .profile-slider {
    box-shadow: 0 0 1px #0072c6;
}

input:checked + .profile-slider:before {
    -webkit-transform: translateX(11px);
    -ms-transform: translateX(11px);
    transform: translateX(11px);
    background-color: #fff;
}

/* Rounded sliders */
.profile-slider.round {
    border-radius: 34px;
}

    .profile-slider.round:before {
        border-radius: 50%;
    }

/*Todos*/
.todos-switch {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 23px;
    top: 7px;
    left: 19px;
}

/* Hide default HTML checkbox */
/*.todos-switch .todos-default {display:none;}*/
.todos {
    position: absolute;
    cursor: pointer;
    top: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .todos:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 2px;
        top: 2px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .todos {
    background-color: #0072c6;
}

input:focus + .todos {
    box-shadow: 0 0 1px #0072c6;
}

input:checked + .todos:before {
    -webkit-transform: translateX(9px);
    -ms-transform: translateX(9px);
    transform: translateX(9px);
}

/* Rounded sliders */
.todos.round {
    border-radius: 34px;
}

    .todos.round:before {
        border-radius: 50%;
    }

/*Custom Radio Button*/
.roleRadio:checked,
.roleRadio:not(:checked) {
    position: absolute;
    left: -9999px;
    top: 1px;
}

    .roleRadio:checked + label,
    .roleRadio:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        top: -9px;
        left: 5px;
    }

        .roleRadio:checked + label:before,
        .roleRadio:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 18px;
            height: 18px;
            border: 1px solid #ddd;
            border-radius: 100%;
            background: #fff;
        }

        .roleRadio:checked + label:after,
        .roleRadio:not(:checked) + label:after {
            content: '';
            width: 12px;
            height: 12px;
            background: #0072c6;
            position: absolute;
            top: 3px;
            left: 3px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .roleRadio:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .roleRadio:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.PunchIn {
    background: #e8e8e8;
    color: #777777;
}

.showNormalHours {
    border-radius: 2px;
    background: #337ab7;
    color: #fff;
    outline: none;
}

    .showNormalHours:hover {
        cursor: pointer;
        background: #337ab7;
        color: #fff;
    }

.addManualTimer {
    margin-right: 15px;
}

.dateBut:hover {
    cursor: text;
    background: #0072c6;
    outline: none;
    border: 1px solid #0072c6;
}

@media screen and (max-width: 991px) {
    .addManualTimer {
        float: none !important;
        padding-top: 14px;
    }

    .userDefaults {
        padding-right: 31px;
        padding-top: 19px;
    }
}

ul li a.employeeAssign {
    color: #828181;
}

    ul li a.employeeAssign:hover {
        color: #1a5b75;
    }

select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em;
    padding-right: 1.5em;
}

.select-employee {
    border: 0;
    box-shadow: none;
    outline: none;
    font-family: 'Segoe UI','Segoe','SegoeUI-Regular-final',Tahoma,Helvetica,Arial,sans-serif,FontAwesome !important;
    border-radius: 2px;
    text-align: left;
    width: 73px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 7px;
}

.search {
    font-family: 'Segoe UI','Segoe','SegoeUI-Regular-final',Tahoma,Helvetica,Arial,sans-serif,FontAwesome !important;
    border: none;
    outline: none;
    background: none;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border-radius: 4px;
}

    .search:focus {
        border: none;
        outline: none;
        background: none;
    }

/*Order line Employee*/
.view-mobile {
    display: none;
}

@media screen and (max-width: 1200px) {
    .view-desktop {
        display: none;
    }

    .view-mobile {
        display: block;
    }

    .lineTable {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

/*For Custom Check Box*/
.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

    .checkbox input[type="checkbox"] {
        opacity: 0;
    }

        .checkbox input[type="checkbox"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .checkbox input[type="checkbox"]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\f00c";
        }

        .checkbox input[type="checkbox"]:disabled + label {
            opacity: 0.65;
        }

            .checkbox input[type="checkbox"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox.checkbox-md label::before {
    width: 34px;
    height: 34px;
    top: -17px;
}

.checkbox.checkbox-md label::after {
    width: 34px;
    height: 34px;
    padding-left: 4px;
    font-size: 24px;
    left: 1px;
    top: -18px;
}

.checkbox.checkbox-md label {
    padding-left: 22px;
    top: 17px;
}

.checkbox.checkbox-sm label::before {
    width: 25px;
    height: 25px;
    top: -13px;
}

.checkbox.checkbox-sm label::after {
    width: 25px;
    height: 25px;
    padding-left: 2px;
    font-size: 18px;
    left: 1px;
    top: -13px;
}

.checkbox.checkbox-sm label {
    padding-left: 18px;
    top: 13px;
}

.radio {
    padding-left: 20px;
}

    .radio label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
    }

        .radio label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out;
            transition: border 0.15s ease-in-out;
        }

        .radio label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 3px;
            top: 3px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #555555;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        }

    .radio input[type="radio"] {
        opacity: 0;
    }

        .radio input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .radio input[type="radio"]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .radio input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .radio input[type="radio"]:disabled + label::before {
                cursor: not-allowed;
            }

    .radio.radio-inline {
        margin-top: 0;
    }

.radio-primary input[type="radio"] + label::after {
    background-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}

.purchase {
    background: #fd774e;
    outline: #fd774e;
    color: #fff;
}

    .purchase:hover {
        opacity: 0.8;
        color: #fff;
    }

span.profile-slider.round:disabled {
    cursor: not-allowed;
    text-decoration: none;
}

.playModal {
    display: none;
}

.ui-select-choices-row:hover .playModal {
    display: block;
}

select.placeholder:invalid {
    color: #aaa;
}

select option {
    color: #000;
}

.doc-header {
    background: #0084e6;
    color: #fff;
    padding: 18px;
    font-size: 17px;
}

.doc-alert {
    background: #efefef;
    color: #bdbdbd;
    padding: 18px;
    font-size: 17px;
    margin-top: 4px;
}

.doc-body .text {
    background: #efefef;
    color: #000;
    font-size: 17px;
    margin-top: 4px;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 87%;
    display: block;
    overflow: hidden;
}

.doc-body .action {
    background: #efefef;
    color: #000;
    padding: 18px;
    font-size: 17px;
    margin-top: 4px;
    float: left;
    width: 12%;
    margin-left: 3px;
}

    .doc-body .action span {
        position: relative;
        top: 3px;
        left: -2px;
        color: #a7a7a7;
    }

    .doc-body .action:hover span {
        color: #000;
        cursor: pointer;
    }

.doc-body .text div {
    float: left;
}

ul.doc-dropdown {
    position: absolute;
    left: 1px;
}

.doc-header .input {
    height: 34px;
    margin-top: -4px;
    color: #000;
    padding: 10px;
    border: none;
    font-size: 14px;
    outline: none;
}

.dropdown-menu.bottom-arrow,
.dropdown-menu.bottom-arrow:after {
    position: absolute;
    top: 33px;
    min-width: 0;
    width: 0;
    height: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 12px solid #999;
    z-index: 2000;
}

    .dropdown-menu.bottom-arrow:after {
        top: 1px;
        margin-left: -11px;
        content: "";
        border-top-width: 0;
        border-bottom-color: #fff;
    }

.dropdown-list {
    top: 76%;
    min-width: 0;
    border-radius: 6px !important;
    margin-left: -22px;
}

.timeLogRequired:required {
    border: 1px solid #981212;
}

#departmentTable tr td {
    vertical-align: middle;
}

.typeAhead .dropdown-menu {
    position: absolute;
    width: 100%;
}

.bs-callout {
    padding: 10px;
    padding-left: 20px;
    margin: 20px 0;
    border: 1px solid #ffe9e9;
    border-left-width: 5px;
    border-radius: 3px;
    background: #fff9f9;
}

.bs-callout-danger {
    border-left-color: #ce4844;
}

.bs-callout-info {
    padding: 15px;
    border-left-width: 5px;
    border-left-color: #f97b22;
    background: #fff5ee;
    border-radius: 0;
    color: #f97b22;
}

.btn-td {
    white-space: nowrap;
}

@media screen and (max-width: 640px) {
    .sched-table {
        width: 100%;
    }

    .sched-table {
        border: 0;
    }

        .sched-table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        .sched-table tr {
            display: block;
            margin-bottom: .640em;
        }

        .sched-table td {
            border-bottom: 1px solid #ddd;
            display: block;
            font-size: .8em;
            text-align: right;
            height: 30px;
        }

        .sched-table .row-td {
            height: 42px;
        }

        .sched-table td:before {
            /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
            content: attr(data-label);
            float: left;
            font-weight: bold;
            text-transform: uppercase;
        }

        .sched-table td span.dataLabel:before {
            /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
            content: attr(data-label);
            float: left;
            font-weight: bold;
            text-transform: uppercase;
        }

        .sched-table td:last-child {
            border-bottom: 0;
        }

    .btn-custom {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .sched-form {
        float: none !important;
    }
}

.heading-bs {
    padding-left: 12px;
    border-radius: 3px;
}

.heading-bs-primary {
    background: #fbfdff;
    border: 1px solid #e1effb;
    border-left: 5px solid #337ab7;
    color: #337ab7;
}

.heading-bs-danger {
    background: #fffdfd;
    border: 1px solid #ffd9d7;
    border-left: 5px solid #f9631b;
    color: #f9631b;
}

.heading-bs-success {
    background: #fefffe;
    border: 1px solid #beffbe;
    border-left: 5px solid #5cb85c;
    color: #53ab53;
}

.heading-bs-navy {
    background: #ffffff;
    border: 1px solid #cce1ff;
    border-left: 5px solid #104eab;
    color: #104eab;
}

.form-inline .back-btn {
    float: right;
}

@media screen and (max-width: 992px) {
    .form-inline .back-btn {
        float: none;
    }

    .form-inline .btn-responsive {
        margin-top: 2px;
    }
}

.popover-title {
    font-weight: bold;
}

/*.btn {
  border-radius: 2px !important; }*/

.single-date {
    position: relative;
    top: -8px;
    right: 14px;
}

@media screen and (max-width: 390px) {
    .single-date {
        float: none !important;
        top: 6px;
        right: 0;
        display: block;
        left: -10px;
    }
}

.split-time {
    padding-right: 21px;
    position: relative;
    top: -4px;
}

@media screen and (max-width: 767px) {
    .split-time {
        float: none !important;
        top: 6px;
        right: 0;
        display: block;
        left: -10px;
    }
}

.timer-usedefault {
    padding-right: 15px;
}

@media screen and (max-width: 991px) {
    .timer-usedefault {
        float: right !important;
        position: relative;
        top: -12px;
    }
}

.custom-position {
    margin-top: 34px;
}

@media screen and (max-width: 768px) {
    .custom-position {
        margin-top: 0;
    }

    .timer-usedefault {
        float: right !important;
        position: relative;
        top: -69px;
    }
}

.vertical-middle {
    vertical-align: middle;
}

.timesheet-mobile-view {
    display: none;
}

@media screen and (max-width: 390px) {
    .timesheet-mobile-view {
        display: inline;
    }

    .timesheet-desktop-view {
        display: none;
    }

    .timesheet-lines {
        overflow: auto;
    }
}

/*Clock Spinner*/
.clock {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    border: solid 1px black;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;
}

.hours {
    position: absolute;
    width: 19px;
    height: 5px;
    top: 7.5px;
    -webkit-animation: you-spin-me-round-round-baby-right-round 5s linear 0s infinite;
}

    .hours:before {
        content: "";
        height: 2px;
        width: 10px;
        position: absolute;
        right: 11px;
        background: black;
        border-radius: 2px;
    }

.minutes {
    position: absolute;
    width: 28px;
    height: 5px;
    top: 7.5px;
    -webkit-animation: you-spin-me-round-round-baby-right-round 0.41s linear 0s infinite;
}

    .minutes:before {
        content: "";
        height: 2px;
        width: 15px;
        position: absolute;
        right: 5px;
        background: black;
        border-radius: 5px;
    }

@-webkit-keyframes you-spin-me-round-round-baby-right-round {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

.scrollable-dropdown-menu2 ul.dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
    width: 95%;
}

.note-danger {
    background-color: #ffefef;
    border-left: 6px solid #ce4844;
}

.note-success {
    background-color: #ddffdd;
    border-left: 6px solid #4CAF50;
}

.note-info {
    background-color: #e7f3fe;
    border-left: 6px solid #2196F3;
}

.note-warning {
    background-color: #ffffe1;
    border-left: 6px solid #ffa83b;
}

.scheduler_default_corner div:nth-of-type(2) {
    display: none !important;
}

.bubble {
    position: relative;
    background-color: #ffffff;
    z-index: 20 !important;
}

    .bubble .bubble-title {
        padding: 8px 14px;
        margin: 0;
        font-size: 14px;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-radius: 5px 5px 0 0;
    }

    .bubble .bubble-content {
        padding: 9px 14px;
        background-color: #fff;
    }

.bubble-arrow,
.bubble-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.bubble-arrow {
    border-width: 11px;
    bottom: -11px;
    left: 17%;
    top: 76px;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0;
}

    .bubble-arrow:after {
        border-width: 10px;
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0;
    }

.bubble_default_main_inner {
    background: #fff !important;
}

.fa-animation {
    height: 70px;
    width: 70px;
    margin: 0 auto;
    position: relative;
}

.scheduler_default_message.custom_message {
    background: #0072C6 !important;
    color: #fff !important;
}

.scheduler_default_shadow .scheduler_default_shadow_inner {
    background: #2da4fb !important;
}

input.form-control.ui-select-search.ng-pristine.ng-valid.ng-touched {
    width: 100% !important;
}

div.calendar_default_colheader_inner {
    padding: 11px;
    font-weight: bold;
}

div.month_default_header_inner {
    font-weight: bold;
}

.month_default_main div:nth-of-type(5) {
    display: none;
}

/*.month_default_main div:nth-of-type(2) {
    height:40px !important;
}*/
div.month_default_header {
    display: block !important;
}

div.month_default_cell {
    display: block !important;
}

/*div.month_default_header_inner{
    padding:11px;
    font-weight: bold;
}*/
.calendar_default_corner div:nth-of-type(2) {
    display: none !important;
}

/*ul.dropdown-menu.ng-valid-date.ng-valid-date-disabled {
  top: 0 !important; }*/

.sched-checkbox input[type="checkbox"]:checked + label::after {
    color: #fff;
    left: -0.5px !important;
    top: 0.8px !important;
}

.col-checkbox input[type="checkbox"]:checked + label::after {
    color: #fff;
    left: -0.5px !important;
    top: -0.2px !important;
}

.colcheckbox label::after {
    width: 14px;
    height: 14px;
    font-size: 9px;
}

.colcheckbox label::before {
    width: 14px;
    height: 14px;
}

@media screen and (max-width: 768px) {
    .sched-datepicker {
        margin-top: 22px;
    }
}

.scheduler_default_matrix {
    width: 1697px !important;
}

.role-table tbody .table-row:hover {
    background: #afe5ff;
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    #addItemBtn {
        width: 100% !important;
    }

    .addItemBtn {
        width: 100% !important;
    }
}

.input-group .form-control {
    z-index: 1 !important;
}

.input-group-btn {
    z-index: 1 !important;
}

.schedulerTimeHeader {
    font-weight: bold;
}

.date-input ul.dropdown-menu.ng-valid-date.ng-valid-date-disabled {
    top: 34px !important;
}

.cursorPointer {
    cursor: not-allowed !important;
}

input, textarea, select {
    border-radius: 2px !important;
}

@media screen and (max-width: 992px) {
    .batch-serial {
        width: 98.3%;
        margin-top: 4px;
    }

        .batch-serial select {
            width: 100% !important;
        }

    .add-item-but {
        margin-top: 4px;
        width: 98.3%;
    }

        .add-item-but button {
            width: 100%;
        }
}

.loading-6 svg {
    width: 1.9em;
    transform-origin: center;
    animation: rotate .8s linear infinite;
}

.loading-6 circle {
    fill: none;
    stroke: #075792;
    stroke-width: 6;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dashoffset: -125px;
    }
}

.alert {
    border: 0;
    border-radius: 3px;
    position: relative;
    padding: 20px 15px;
    line-height: 20px;
    margin-bottom: 1rem;
}

.growl-container .growl-item {
    border-left: 0px !important;
}

.alert.alert-success {
    background-color: #55b559;
    color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}


.alert.alert-warning {
    background-color: #ff9e0f;
    color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}

.alert.alert-info {
    background-color: #00cae3;
    color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}

.alert.alert-danger {
    background-color: #f55145;
    color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}

.custom-table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    border-collapse: collapse;
}

    .custom-table tbody {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
    }

    .custom-table tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
    }

    .custom-table > tbody > tr > td,
    .custom-table > tbody > tr > th,
    .custom-table > tfoot > tr > td,
    .custom-table > tfoot > tr > th,
    .custom-table > thead > tr > td,
    .custom-table > thead > tr > th {
        padding: 12px 8px;
        vertical-align: middle;
    }

.divider {
    height: 1px;
    width: 100%;
    background: #f1f1f1;
    margin-top: 20px;
}

.mobile-hours-view {
    display: none;
}

@media screen and (max-width: 600px) {
    .desktop-hours-view {
        display: none;
    }

    .mobile-hours-view {
        display: block;
    }
}

.custom-btn-responsive {
    width: 49%;
}

@media screen and (max-width: 280px) {
    .custom-btn-responsive {
        width: 100%;
        margin-top: 2px;
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.clock-timer {
    width: 65px;
    height: 65px;
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 8px #3c763d;
    border-radius: 50%;
    position: relative;
    left: 50%;
    margin-left: -30px;
}

    .clock-timer:after, .clock-timer:before {
        position: absolute;
        content: "";
        transform-origin: 2px 2px;
        background-color: #3c763d;
        height: 4px;
        top: 30px;
        left: 30px;
    }

    .clock-timer:before {
        width: 21px;
        animation: spin 2000ms linear infinite;
    }

    .clock-timer:after {
        width: 15px;
        animation: spin 8000ms linear infinite;
    }

.clock-timer-sm {
    width: 18px;
    height: 18px;
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 2px #3c763d;
    border-radius: 50%;
    position: relative;
    margin-bottom: -1px;
    top: 2px;
}

    .clock-timer-sm:after, .clock-timer-sm:before {
        position: absolute;
        content: "";
        transform-origin: 1px 1px;
        background-color: #3c763d;
        height: 2px;
        top: 8px;
        left: 7px;
    }

    .clock-timer-sm:before {
        width: 5px;
        animation: spin 2000ms linear infinite;
    }

    .clock-timer-sm:after {
        width: 4px;
        animation: spin 8000ms linear infinite;
    }

.clock-timer-white {
    box-shadow: inset 0px 0px 0px 2px #fff;
}

    .clock-timer-white:after, .clock-timer-white:before {
        background-color: #fff;
    }

@media screen and (max-width: 992px) {
    .clock-timer {
        width: 45px;
        height: 45px;
        margin-bottom: 14px;
    }

        .clock-timer:after, .clock-timer:before {
            top: 21px;
            left: 21px;
        }

        .clock-timer:before {
            width: 14px;
            animation: spin 2000ms linear infinite;
        }

        .clock-timer:after {
            width: 9px;
            animation: spin 8000ms linear infinite;
        }
}

.column {
    float: left;
    width: 33.33%;
}

.row-tab:after {
    content: "";
    display: table;
    clear: both;
}

@media screen and (max-width: 991px) {
    .timer-mobile-group {
        width: 100%;
    }

        .timer-mobile-group button {
            width: 100%;
        }

    .timer-mobile {
        width: 100%;
    }
}

.addon-style {
    background: #0072C6;
    color: #ffffff;
    border-color: #0072C6;
}

.servicetask {
    font-weight: bold;
    white-space: nowrap;
}

.form-row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px;
    }

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.ng-invalid-required {
    border-color: red;
}

    .ng-invalid-required.ui-select-bootstrap > .ui-select-match > .btn {
        border: 1px solid rgb(152, 18, 18);
    }

.proj-table, .proj-table-worktype {
    overflow: auto;
    width: 100%;
}

    .proj-table tr th, .proj-table tr td {
        white-space: nowrap !important;
        vertical-align: middle !important;
    }

    .proj-table-worktype tr th, .proj-table-worktype tr td {
        vertical-align: middle !important;
    }

.service-task.ui-select-bootstrap > .ui-select-match > .btn {
    width: 100%;
}

.form-custom .form-group {
    margin-left: 1px;
}

.project-select {
    width: 400px;
}

.project-btn {
    padding: 0;
}

.project-manual {
    width: 500px;
}

    .project-manual.ui-select-bootstrap > .ui-select-match > .btn {
        width: 100% !important
    }

.line-employee-filter {
    width: 300px;
}

    .line-employee-filter.ui-select-bootstrap > .ui-select-match > .btn {
        width: 100% !important
    }

@media screen and (max-width: 991px) {
    .project-select {
        width: 100% !important;
    }

    .project-btn {
        text-align: left !important;
        margin-top: 10px !important;
    }
}

@media only screen and (max-width: 1060px) {
    .redirection-custom {
        text-align: left !important;
    }

    .scheduler-daypilot {
        margin-top: 41px;
    }
}

@media only screen and (max-width: 768px) {
    .project-manual {
        width: 100%;
    }
}

.dropdown-menu {
    border-radius: .40rem !important
}

.p-line tr th, .p-line tr td {
    white-space: nowrap !important;
    vertical-align: middle !important;
}

.set-row td {
    white-space: unset !important;
}

.customer-filter-custom .dropdown-menu {
    width: 95% !important;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    width: 100% !important;
}

.ui-select-custom {
    min-height: 34px !important;
    padding: 4px 3px 0 7px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px !important;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
    background: #0072C6;
    color: #ffffff;
    border-color: #0072C6;
    border-radius: 2px !important;
    border: none;
}

.form-block-custom .form-group {
    display: block !important;
}

.lines .dropdown-menu {
    position: static !important;
}

.tab-project {
    overflow-x: auto;
    overflow-y: unset;
}

@media screen and (max-width: 1200px) {
    .tab-project {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .project-list {
        font-stretch: condensed;
    }
}

.order-manual.ui-select-bootstrap > .ui-select-match > .btn {
    width: 100% !important
}

.btn-dropdown:hover + .dropdown-menu {
    display: block;
}

@media screen and (max-width: 768px) {
    .menu-project {
        float: none !important;
    }
}

md-toast {
    position: fixed !important;
    z-index: 3000;
}

@media screen and (max-width: 768px) {
    md-toast {
        top: 0
    }
}

.md-toast-success .md-toast-content {
    background: #0ebd23 !important;
}

.md-toast-error .md-toast-content {
    background: rgb(193, 30, 23) !important;
}

.md-toast-warning .md-toast-content {
    background: #e8a81a !important;
}

.md-toast-info .md-toast-content {
    background: #25a5e2 !important;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(../materialfont/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2')
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: inherit;
}

.nav-menu-icon {
    font-size: 23px;
    color: #777777;
}

.left-menu:hover #nav-left {
    font-size: 26px;
    cursor: pointer;
}

.right-menu:hover #nav-right {
    font-size: 26px;
    cursor: pointer;
}

.custom-pull {
    float: right;
    white-space: nowrap;
}

@media screen and (max-width: 600px) {
    .custom-pull {
        float: none;
        white-space: unset;
    }

    .btn-block-sm {
        width: 100% !important;
        margin-bottom: 7px;
    }

    .dropdown-multi-select div {
        width: 100%;
        margin-bottom: 7px;
    }

    .dropdown-multi-select button {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .hidden-text {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .hidden-text {
        display: inline;
    }
}

.divbutton {
    top: 50px;
    position: absolute;
    right: 5px;
    display: none;
}

.order-wrapper:hover .divbutton {
    display: inline;
}

.c-datepicker__header-date {
    height: 190px !important;
}

.c-datepicker__clock {
    height: 382px !important;
}

.c-datepicker__toggle {
    top: 180px !important;
}

.c-scrim {
    z-index: 1060 !important;
}

.c-datepicker {
    z-index: 1070 !important;
}

.c-btn {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    display: inline-block;
    line-height: 36px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    min-width: 88px;
    height: 36px;
    margin: 10px 8px;
    padding: 0 8px;
    text-align: center;
    letter-spacing: .5px;
    border-radius: 2px;
    background: #F1F1F1;
    color: #393939;
    transition: background 200ms ease-in-out;
    box-shadow: 0 3.08696px 5.82609px 0 rgba(0, 0, 0, 0.16174), 0 3.65217px 12.91304px 0 rgba(0, 0, 0, 0.12435);
}

.c-btn--flat {
    background: transparent;
    margin: 10px 8px;
    min-width: 52px;
}

.c-btn:hover {
    background: rgba(153, 153, 153, 0.2);
    color: #393939;
}

.c-btn:active {
    box-shadow: 0 9.6087px 10.78261px 0 rgba(0, 0, 0, 0.17217), 0 13.56522px 30.3913px 0 rgba(0, 0, 0, 0.15043);
}

.c-btn--flat, .c-btn--flat:hover, .c-btn--flat:active {
    box-shadow: none;
}

.modal-btns a {
    text-decoration: none;
}

.c-datepicker__toggle--right, .c-datepicker__toggle--left {
    text-decoration: none !important;
}

.c-datepicker {
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.datepicker-mobile {
    display: none !important;
}

@media screen and (max-width: 600px) {
    .datepicker-desktop {
        display: none !important;
    }

    .datepicker-mobile {
        display: block !important;
    }
}

.o-lines tr th, .o-lines tr td {
    vertical-align: middle !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#notfound {
    position: relative;
    height: 79vh;
}

    #notfound .notfound {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.notfound {
    max-width: 410px;
    width: 100%;
    text-align: center;
}

    .notfound .notfound-404 {
        height: 280px;
        position: relative;
        z-index: -1;
    }

        .notfound .notfound-404 h1 {
            font-family: 'Montserrat', sans-serif;
            font-size: 230px;
            margin: 0px;
            font-weight: 900;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            background: url("../images/bg.jpg") no-repeat;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-size: cover;
            background-position: center;
            margin-top: -58px;
        }

    .notfound h2 {
        font-family: 'Montserrat', sans-serif;
        color: #000;
        font-size: 24px;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 0;
    }

    .notfound p {
        font-family: 'Montserrat', sans-serif;
        color: #000;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .notfound a {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        background: #0046d5;
        display: inline-block;
        padding: 15px 30px;
        border-radius: 40px;
        color: #fff;
        font-weight: 700;
        -webkit-box-shadow: 0px 4px 15px -5px #0046d5;
        box-shadow: 0px 4px 15px -5px #0046d5;
    }

@media only screen and (max-width: 767px) {
    .notfound .notfound-404 {
        height: 142px;
    }

        .notfound .notfound-404 h1 {
            font-size: 112px;
        }
}

@media screen and (max-width: 768px) {
    .unassigned {
        margin-top: 15px;
    }
}

.has-search .form-control-feedback {
    right: initial;
    left: 0;
    color: #ccc;
}

.has-search .form-control {
    padding-right: 12px;
    padding-left: 34px;
}

.disabled {
    cursor: not-allowed;
}

.hover-btn:hover .dropdown-menu {
    display: block !important;
    margin-top: 0 !important;
}
/*.md-toast-animating {
    position:fixed;
    width:100%;
    overflow: auto !important;
}*/
.c-datepicker__day-head {
    text-align: center !important;
}

.tabsdemoDynamicHeight md-content h1:first-child {
    margin-top: 0;
}

.option-custom {
    position: relative;
    top: -1px;
}

.mobile-checkbox {
    display: none;
}

.mobile-seperator {
    display: none;
}

@media only screen and (max-width: 767px) {
    .option-custom {
        top: -25px;
    }

    .desktop-checkbox, .desktop-seperator {
        display: none;
    }

    .mobile-checkbox {
        display: inline;
        position: relative;
        top: 4px;
    }

    .mobile-seperator {
        display: inline;
    }
}

@media only screen and (max-width: 520px) {
    .scheduler-daypilot {
        margin-top: 62px;
    }
    /*.last-option-custom{
        position:relative;
        top: 5px;
    }*/
}

@media only screen and (max-width: 376px) {
    .scheduler-daypilot {
        margin-top: 82px;
    }
    /*.second-option-custom {
        position: relative;
        top: 5px;
    }*/
}

.md-tooltip {
    width: 600px;
    overflow: unset;
    white-space: unset;
    word-wrap: break-word;
    height: auto !important;
    opacity: 1 !important;
}

.ui-select-multiple.ui-select-bootstrap {
    min-height: 34px;
    height: auto;
    padding: .3em;
}

@media screen and (max-width: 768px) {
    .right-employee-list {
        margin-top: 10px;
    }
}

.custom-label {
    position: relative;
    top: -47px;
}

@media screen and (max-width: 768px) {
    .custom-label {
        position: relative;
        top: unset;
    }
}

.profile-dropdown .ui-select-match-text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60%;
}

.table-whitespace-0 {
    white-space: nowrap;
}

@media screen and (max-width: 991px) {
    .hide-mobile {
        display: none;
    }
}

@media screen and (max-width: 736px) {
    .hide-mobile {
        display: inline;
    }
}

@media screen and (max-width: 768px) {
    .summary-modal {
        margin-top: 31px !important;
    }
}

.line-dropdown .ui-select-match-text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60%;
}

.line-dropdown.ui-select-bootstrap > .ui-select-match > .btn {
    min-width: 111px;
}

.table-no-border.table > tbody > tr > td {
    border: none;
}

.dropdown-custom {
    padding: 5px 0;
    min-width: 200px;
    overflow: auto;
    height: 334px;
}

    .dropdown-custom > li {
        list-style: none;
    }

        .dropdown-custom > li > a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            color: #333;
            white-space: nowrap;
        }

            .dropdown-custom > li > a:hover,
            .dropdown-custom > li > a:focus {
                color: #262626;
                text-decoration: none;
                background-color: #f5f5f5;
            }


    .dropdown-custom > .active > a,
    .dropdown-custom > .active > a:hover,
    .dropdown-custom > .active > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0;
    }

    .dropdown-custom > .disabled > a,
    .dropdown-custom > .disabled > a:hover,
    .dropdown-custom > .disabled > a:focus {
        color: #777;
    }

        .ddropdown-custom > .disabled > a:hover,
        .dropdown-custom > .disabled > a:focus {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        }

.search-column {
    font-family: 'Segoe UI','Segoe','SegoeUI-Regular-final',Tahoma,Helvetica,Arial,sans-serif,FontAwesome !important;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border-radius: 4px;
}

.customer-label {
    font-weight: bold;
    position: relative;
    top: 6px;
}

@media screen and (max-width: 768px) {
    .customer-label {
        top: unset;
    }
}

.text-control {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.usedefaults {
    position: relative;
    top: -5px;
    left: 14px
}

@media screen and (max-width: 993px) {
    .usedefaults {
        left: 0px !important;
        top: 0px !important;
    }

    .custom-switch {
        left: 0px !important;
        top: 13px !important;
    }
}

.cus-btn {
    margin-right: 68px;
}

@media screen and (max-width: 1199px) {
    .cus-btn {
        margin-right: 54px;
    }
}

@media screen and (max-width: 992px) {
    .cus-btn {
        margin-right: 75px;
    }
}

@media screen and (max-width: 767px) {
    .cus-btn {
        margin-right: 16px;
    }
}

.text-alignment {
    overflow: hidden;
    width: 200px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 600px) {
    .proj-table {
        width: 100%;
    }

    .text-alignment {
        float: right;
    }

    .proj-table {
        border: 0;
    }

        .proj-table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

    .orderTimer {
        margin-top: -4px;
    }

    .timer {
        margin-top: -1px;
    }

    .groupBut {
        float: left;
    }

    .proj-table tr {
        display: block;
        margin-bottom: .640em;
    }

        .proj-table tr .row-timer {
            display: none;
        }

        .proj-table tr .rw-timer {
            display: inline-block;
        }

        .proj-table tr td {
            white-space: unset !important;
            word-break: break-word !important;
        }

    .proj-table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
        min-height: 30px;
    }

    .proj-table .row-td {
        height: 42px;
        text-align: left;
    }

    .proj-table td:before {
        /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .proj-table td span.dataLabel:before {
        /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .proj-table td:last-child {
        border-bottom: 0;
    }
}

.setting-dropdown .dropdown-menu {
    position: absolute;
    top: -230px;
    left: 139px !important;
    width: 100px;
}

    .setting-dropdown .dropdown-menu li a {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

.home_thumbnails div > a {
    border-radius: 5px;
}

.panel {
    border-radius: 5px;
}

.modal-content {
    border-radius: 10px;
}

.materian-icon-spacing {
    position: relative;
    top: 4px;
    font-size: 25px;
}

.material-icon-position {
    position: relative;
    top: 4px;
}

.dropdown-menu-left-custom {
    left: auto !important;
    right: 0 !important;
}

@media screen and (max-width: 600px) {
    .dropdown-menu-left-custom {
        left: unset !important;
        right: unset !important;
    }
}
/*.sched-mark {
    border-radius: 50%;
    box-shadow: 0px 0px 9px 4px #747DE8;
    animation: glow .5s linear infinite alternate;
}
@keyframes glow {
    to {
        box-shadow: 0px 0px 30px 20px #535FED;
    }
}*/
.ui-select-search {
    /*width: 100% !important;*/
}

.session-expired {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    background: #0046d5;
    display: inline-block;
    padding: 15px 20px;
    border-radius: 40px;
    color: #fff;
    font-weight: 700;
    -webkit-box-shadow: 0px 4px 15px -5px #0046d5;
    box-shadow: 0px 4px 15px -5px #0046d5;
    outline: none;
}

    .session-expired:hover {
        text-decoration: none;
        color: #fff;
        background: #37aaff;
    }

@media screen and (max-width: 768px) {
    .magnet-calendar {
        margin-top: 8px !important;
    }
}

@media screen and (max-width: 768px) {
    .mobile-scheduler-opt {
        width: 49.5%
    }
}

.custom-tooltip {
    margin-top: -10px !important;
    width: 400px !important;
    line-height: normal;
    padding: 5px !important;
}

.tooltip-multiline {
    margin-top: -10px !important;
    padding: 5px !important;
    height: auto;
    line-height: 14px;
    line-height: normal;
    white-space: pre-line;
}

.custom-select {
    vertical-align: middle;
    padding-top: 0.25rem !important;
    height: 28px;
    width: unset !important;
}

.row-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.custom-alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    vertical-align: middle;
    font-weight: 600;
    font-size: 13px;
}

.custom-alert-primary {
    color: #004085;
    background-color: #ecf5ff;
    border-color: #e2f0ff;
}

.custom-alert-danger {
    color: #721c24;
    background-color: #fff4f5;
    border-color: #ffeff0;
}

.label-custom-danger {
    color: #721c24;
    background-color: #ffebed;
    border-color: #ffd4d7;
}

.label-custom-primary {
    color: #004085;
    background-color: #cfe6ff;
    border-color: #c7e2ff;
}

.line-h-n {
    line-height: normal;
}

.custom-label-right {
    position: relative;
    top: -5px;
    padding: 10px;
    font-size: 12px;
}

.check-box-filter-line-custom {
    font-weight: 700;
    font-size: 1.4rem;
}

.ml-1 {
    margin-left: .5rem !important;
}

.custom-position-check {
    position: relative;
    top: 22px;
}

@media screen and (max-width: 768px) {
    .custom-position-check {
        position: relative;
        top: 1px;
    }

    .sp-m {
        position: relative;
        top: -16px;
    }
}

.divider-bar {
    background: #a2a2a2;
    height: 10px;
    width: 1px;
    display: inline-block;
    position: relative;
    top: 7px;
    margin-left: 3px;
}

.custom-badge {
    padding: .25rem .55rem .25rem 1rem;
    white-space: nowrap;
    overflow: hidden;
    border-color: #ebedf3;
    background: #fff;
    border: 1px solid #ebedf3;
    border-radius: .30rem;
    margin-bottom: 2px;
    box-sizing: content-box;
    text-align: left !important;
    cursor: pointer;
}

    .custom-badge a {
        text-decoration: none;
        color: #000;
    }

.text-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 65px;
}

.inline-block {
    display: inline-block !important;
}

.pt-n1 {
    position: relative;
    top: -1px;
}

.inline-display {
    display: inline-block !important;
}

.float-right {
    float: right !important;
}

.margin-0 {
    margin: 0 !important;
}

.position-log {
    position: relative;
    top: 6px;
}

.badge-padding {
    padding: 0.25rem 1rem .25rem 1rem !important;
    background: #0072c626;
    color: #0072c6;
}

.text-uppercase {
    text-transform: uppercase;
}

.check-sm .md-icon {
    width: 15px !important;
    height: 15px !important;
}

.check-sm.md-checked .md-icon:after {
    left: 3.66667px !important;
    top: 0.22222px !important;
    width: 5.66667px !important;
    height: 9.33333px !important;
}

.check-label-position {
    position: relative;
    top: -2px;
    margin-left: -10px;
}

.ml-n10 {
    margin-left: -10px !important;
}

.v-align-m {
    vertical-align: middle !important;
    white-space: nowrap !important;
}

.position-r-10 {
    position: relative !important;
    top: 10px !important;
}

.btn-xxs {
    padding: 1px 6px !important;
}

.btn-xxs {
    padding: 1px 5px !important;
}

.position-r-t5 {
    position: relative !important;
    top: 5px !important;
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.mb-2 {
    margin-bottom: 2rem !important;
}

.mt-1 {
    margin-top: 1rem !important;
}

.mt-2 {
    margin-top: 2rem !important;
}

.overdue {
    color: #ff1313 !important;
    font-weight: 700 !important;
}

.font-600 {
    font-weight: 600 !important;
}

.opacity-60 {
    opacity: 0.6 !important;
}

.mt-n1 {
    margin-top: -0.5rem !important;
}

.mt-n2 {
    margin-top: -1rem !important;
}

.mt-0 {
    margin-top: 0rem !important;
}

.mt-1 {
    margin-top: 0.5rem !important;
}

.mt-2 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 2rem !important;
}

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

.font-15 {
    font-size: 15px !important;
}

.font-popins {
    font-family: Poppins,Helvetica,"sans-serif" !important;
    font-weight: 500 !important;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: .25rem;
    margin-bottom: 1.875rem;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 6%);
    background: #fff;
    border-radius: 5px;
}

.card-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.5rem;
}

.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0px !important;
    font-family: Montserrat,Georgia,'Times New Roman',Times,serif !important;
    font-weight: 600;
    line-height: 1.2;
    color: inherit;
}

.w-100 {
    width: 100% !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-19 {
    font-size: 19px !important;
}

.font-17 {
    font-size: 17px !important;
}

.font-12 {
    font-size: 12px !important;
}

.mb-1 {
    margin-bottom: 0.5rem !important;
}

.opacity-90 {
    opacity: 0.9 !important;
}

.color-blue1-dark {
    color: #288eb5 !important;
}

.color-blue2-dark {
    color: #2054b3 !important;
}

.color-orange-dark {
    color: #d0692e !important;
}

.color-green1-dark {
    color: #29a54f !important;
}

.color-pink1-dark {
    color: #ff1d66 !important;
}

.manual-timer-width {
    min-width: 209px !important;
}

    .manual-timer-width span {
        width: 100% !important;
    }

        .manual-timer-width span a {
            position: relative;
            top: -20px;
        }

.custom-padding .scheduler_default_event_inner {
    padding-left: 19px !important;
}

.custom-sched-padding .scheduler_default_event_inner {
    padding-left: 21px !important;
}

.sched-icon {
    font-size: 15px !important;
}

#header-bar {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 98;
    background-color: #ffffff;
    box-shadow: 0 -5px 10px 0 rgb(0 0 0 / 6%);
    min-height: 60px;
    text-align: center;
    transition: all 350ms ease;
}

    #header-bar.position-relative {
        height: 60px !important;
    }

    #header-bar.position-relative {
        z-index: 2 !important;
    }

    #header-bar .menu-bar {
        float: right;
    }

    #header-bar .logo-bar {
        float: left;
    }

    #header-bar .menu-item {
        color: #1f1f1f;
        padding: 12px 17px 0px 17px;
        position: relative;
        text-decoration: none !important;
        float: left;
    }

        #header-bar .menu-item span {
            position: relative;
            z-index: 2;
            display: block;
            font-size: 10px;
            font-weight: 500;
            margin-top: -6px;
            opacity: 0.7;
            font-family: Poppins,Helvetica,"sans-serif" !important;
            font-weight: 600 !important;
        }

        #header-bar .menu-item i {
            font-size: 18px;
            position: relative;
            z-index: 2;
        }

.mt-l-5 {
    margin-top: 5rem !important;
}

.dashboard-menu h1, .dashboard-menu h2, .dashboard-menu h3, .dashboard-menu h4, .dashboard-menu h5 {
    font-family: Poppins,Helvetica,"sans-serif" !important;
    font-weight: 400 !important;
    margin-top: 0.5rem !important;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: 0.7;
}

.dashboard-menu a i, .material-icons {
    color: #2a4f88 !important;
}

body, html {
    font-weight: 400;
    font-family: Poppins,Helvetica,"sans-serif" !important;
    -webkit-font-smoothing: antialiased;
    min-height: 100%;
    background: #fafafa;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Poppins,Helvetica,"sans-serif" !important;
    font-weight: 500 !important;
}

md-tab {
    font-family: Poppins,Helvetica,"sans-serif" !important;
    font-weight: 500 !important;
}

.display-inline {
    display: inline !important;
}

.dropdown-toggle::after {
    display: none !important;
}

.dropdown-item {
    padding: 0.25rem 1rem !important;
}

.dropdown-header {
    padding: 0.25rem 1rem !important;
}

.position-r-n6 {
    position: relative;
    top: -6px;
}

.line-height-0 {
    line-height: normal !important;
}

.more-menu {
    display: none !important;
}

.mobile-bar {
    display: none !important;
}

@media only screen and (max-width: 1510px) {
    .more-menu {
        display: inline !important;
    }

    .desktop {
        display: none;
    }
}

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

    .logo-bar {
        display: none !important;
    }

    .menu-bar {
        display: none !important;
    }
}

.modal-backdrop.fade {
    opacity: 0.5 !important;
}

.fade.in {
    opacity: 1;
}

md-backdrop.md-sidenav-backdrop {
    z-index: 999;
}

md-sidenav {
    position: fixed !important;
    z-index: 999;
    width: 260px;
    /*overflow:hidden;*/
}

md-backdrop.md-opaque {
    opacity: .5;
}

.custom-icon {
    width: 51px;
    height: 51px;
    text-align: center;
    font-size: 1.6rem;
}

    .custom-icon span {
        position: relative;
        top: 13px;
    }

md-sidenav a i {
    color: #2a4f88 !important;
}

md-sidenav .label-control {
    max-width: 196px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.position-r-3 {
    position: relative;
    top: 3px;
}

.btn .material-icons {
    color: #fff !important;
}

.text-btn {
    color: #000 !important;
}

.white-space-0 {
    white-space: nowrap !important;
}

.position-r-n1 {
    position: relative;
    top: -1px;
}

.custom-input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 13px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: 0 4px 24px 0 rgb(0 0 0 / 8%) !important;
    border: 1px solid #f1f1f1 !important;
    outline: none !important;
    border-radius: 0.25rem !important;
}

.input-group > .custom-input {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}

.input-group-append {
    display: inline !important;
}

@media only screen and (max-width: 1669px) {
    .menu-text {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
    .side-menu {
        text-align: left !important;
    }

    .search-bar input {
        width: 53% !important;
    }
}

@media only screen and (max-width: 768px) {
    .col-menu {
        padding-left: 15px !important;
        margin-top: 0.5rem;
    }

    .search-bar input {
        width: 58% !important;
    }
}

@media only screen and (max-width: 575px) {
    .search-bar {
        display: flex !important;
    }

        .search-bar input {
            width: 100% !important;
            margin-right: 0.25rem;
        }

    .custom-input {
        height: calc(1.5em + .75rem + 9px) !important;
    }

    .menu-btn {
        display: flex !important;
        margin-top: 0.25rem;
    }

    .menu-text {
        display: inline;
    }

    .menu-btn .column-btn, .m-btn {
        width: 100% !important;
        margin-right: 0.25rem;
        white-space: nowrap;
    }
}

.table-sm th {
    padding: .5rem !important;
}
/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    display: block !important;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.btn {
    border-radius: 3px !important;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #2a4f88;
    border-color: #2a4f88;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
}

.disabled {
    cursor: not-allowed;
    display: inline !important;
}

.pagination {
    display: inline-block;
    background: #f7f7f7;
    padding: 6px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 6px 14px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    margin-right: 0.25rem;
}

    .pagination-sm > li > a:hover {
        background-color: #e0e0e0;
        border-color: #2a4f88;
        color: #828282;
    }

.entry-size {
    display: inline-block;
    padding: 6px;
}

.custom-select {
    display: inline;
    border: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: 0 4px 24px 0 rgb(0 0 0 / 8%) !important;
    border: 1px solid #f1f1f1 !important;
    outline: none !important;
    border-radius: 0.25rem !important;
    height: calc(1.5em + .75rem + 1px);
    width: 53px !important;
    line-height: 1.5;
    padding: .375rem .75rem !important;
}

.position-r-2 {
    position: relative;
    top: 2px;
}

.position-r-l5 {
    position: relative;
    left: 5px;
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none;
    cursor: not-allowed;
}

.check-box-name {
    font-family: Poppins,Helvetica,"sans-serif" !important;
    font-weight: 500 !important;
    color: #2a4f88;
}

md-checkbox.md-checked .md-icon {
    background-color: #2a4f88 !important;
}

.position-r-4 {
    position: relative;
    top: 4px;
}

.position-r-5 {
    position: relative;
    top: 5px;
}

.overflow-auto {
    overflow: auto !important;
    min-width: 320px !important;
    max-height: 322px;
}

md-checkbox {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

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

.custom-icon-btn {
    display: flex !important;
    font-size: 18px !important;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%);
}

@media (min-width: 576px) {
    .modal-dialog {
        margin: 1.75rem auto;
    }
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.modal.fade.in .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

md-checkbox.md-checked .md-icon:after {
    top: 0.1px;
    left: 4.3px !important;
    /*left: 4.9px !important;*/
}

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

.color-anchor {
    color: #007bff !important;
}

.color-table {
    color: #212529 !important;
}

.anchor-disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.modal-footer {
    justify-content: center !important;
}

.badge {
    padding: .4em .5em !important;
    font-size: 75% !important;
    font-weight: 500 !important;
}

.mt-n-h-1 {
    margin-top: -0.25rem !important;
}

.md-select-menu-container.md-active {
    z-index: 999999 !important;
}

.fill {
    background-color: rgba(0,0,0,.04);
}

.open > .dropdown-menu {
    display: block !important;
    z-index: 999999 !important;
}

.ui-select-input {
    border: 1px solid #dadada;
    border-radius: 3px;
}

.input-control {
    height: calc(1.5em + .75rem + 8px) !important;
    border-radius: 3px !important;
}

.ui-select-match > .form-control {
    font-size: 13px !important;
    white-space: nowrap !important;
}

.p-tpx-2, p-bpx-2 {
    padding-top: 2px !important;
}

.p-tpx-3, p-bpx-3 {
    padding-top: 3px !important;
}

body > .ui-select-bootstrap.open {
    z-index: 1070 !important;
}

select.input-control {
    height: calc(1.5em + .75rem + 3px) !important;
}

.typeahead-input > .dropdown-menu > li {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem !important;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-menu > li:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
    cursor: pointer !important;
}

.typeahead-input > .dropdown-menu {
    height: 350px !important;
    overflow: auto !important;
}

.w-px-100 {
    width: 100px !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

@media screen and (max-width: 600px) {
    .table-responsive {
        display: grid !important;
    }

    .text-alignment {
        width: 100%;
        float: none !important;
        overflow: unset !important;
    }
}

.position-r-n4 {
    position: relative;
    top: -4px;
}

.input-group > .ui-select-input {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.ml-px3 {
    margin-left: 3px;
}

.calendar_default_main {
    font-family: Poppins,Helvetica,"sans-serif" !important;
    font-weight: 500 !important;
}

.bg-gray {
    background-color: #cacaca !important;
}

.calendar-btn {
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.timelog-search {
    display: none;
}

@media screen and (max-width: 1200px) {
    .inline-input {
        float: none !important;
        margin-top: 1rem !important;
    }
}

@media screen and (max-width: 809px) {
    .inline-input > .form-group > .ui-select-input {
        width: 100% !important;
    }

    .inline-input > .form-group {
        width: 100% !important;
        margin-bottom: 0.25rem !important;
    }

        .inline-input > .form-group > .input-group {
            width: 100% !important;
        }

    .timelog-group > .btn {
        display: block !important;
        width: 100% !important;
        margin-right: 0px !important;
        margin-bottom: 0.25rem !important;
    }

    .timelog-search {
        display: inline;
    }
}

.fc-row {
    min-height: 123px;
}

.fc-day-header {
    padding: .5rem .5rem !important;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    opacity: 0.8;
}

.fc-day-body {
    padding: .5rem .5rem !important;
}

.fc-td, .fc-th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
    border-color: #ebedf3;
    width: 130px !important;
}

.p-ab-btn {
    position: absolute;
    bottom: 1px;
}

.align-left {
    left: 1px;
}

.align-right {
    right: 1px;
}

.p-ab {
    position: absolute;
}

.align-top {
    top: 8px;
}

.c-btn-xs {
    padding: 4px 10px !important;
    font-size: 12px !important;
}

.fc-row .fc-td {
    vertical-align: top !important;
}

.mt-c-3 {
    margin-top: 1.75rem !important;
}

.c-datepicker {
    font-family: Poppins,Helvetica,"sans-serif" !important;
    -webkit-font-smoothing: antialiased;
}

.js-date-day, .js-date-time {
    margin-top: 40px !important;
}

.btn-sm {
    font-size: 12px !important;
}

.btn-sm {
    /*padding: 5px 8px !important;*/
    margin-right: 0.25rem !important;
}

[id*="datepicker-"] .btn-sm {
    padding: 5px 8px !important;
}

.h3-header {
    padding: 10px;
    background: #074842;
    color: #fff;
    border-radius: 3px;
}

.divider-v {
    border-left: 1px solid #9da59d;
    height: 25px;
    margin-left: -3px;
}

.sched-search {
    display: none;
}

@media screen and (max-width: 1199px) {
    .side-menu-col, .sched-type-selection {
        float: none !important;
        margin-top: 1rem !important;
    }
}

@media screen and (max-width: 809px) {
    .side-menu-col > .form-divider, .side-menu-col > .form-label {
        display: none !important;
    }

    .side-menu-col > .form-group {
        width: 100% !important;
        margin-bottom: 0.25rem !important;
    }

        .side-menu-col > .form-group > select, .sched-datepicker > .form-group > button {
            width: 100% !important;
        }

    .sched-datepicker > .form-group {
        width: 100% !important;
        margin-bottom: 0.25rem !important;
        padding-right: 15px !important;
    }

    .side-menu-col > .form-group > button {
        width: 100% !important;
    }

    .sched-search {
        display: inline;
    }

    .sched-datepicker > .form-group > .input-group {
        width: 100% !important;
    }

    .side-menu-col, .sched-type-selection {
        text-align: center !important;
    }
}

.position-r-n3 {
    position: relative;
    top: -3px;
}

.btn-sm-x {
    padding: 9px 18px !important;
    font-size: 13px;
}

.scheduler_default_main {
    font-family: Poppins,Helvetica,"sans-serif" !important;
    -webkit-font-smoothing: antialiased;
}

.scheduler-bar {
    width: 300px !important;
}

.custom-icon i {
    position: relative;
    top: 9px;
}

.pt-l-5 {
    padding-top: 5rem !important;
}

.btn-c-l {
    font-size: 15px;
    padding: 1rem 1rem !important;
}

.img-width-normal {
    width: 33px !important;
}

.login-form {
    max-width: 500px !important;
    margin: 0 auto;
}

.card-center-c {
    margin: auto;
    width: 50%;
}

.list-group a:hover {
    background: #f7f7f7 !important;
    cursor: pointer;
}

.list-custom-small a .last-child {
    float: right;
    font-size: 11px;
    font-weight: 500;
    opacity: .5;
    max-width: 640px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

i.icon-custom {
    display: none;
}

@media screen and (max-width: 1200px) {
    .list-custom-small a .long-data {
        display: none !important;
    }

    i.icon-custom.long-data {
        display: inline !important;
    }
}

.btn-md {
    padding: 10px 20px !important;
    font-size: 12px !important;
}

@media screen and (max-width: 768px) {
    .set-menu {
        text-align: left !important;
    }
}

@media only screen and (max-width: 575px) {
    .copy-btn .btn {
        width: 100% !important;
        margin-top: 0.25rem;
    }
}

.custom-width {
    margin: auto;
    max-width: 600px;
}

.icon-s .material-icons {
    display: inline-block;
    width: 40px;
    line-height: 40px;
    color: #fff !important;
}

.card-center .material-icons {
    color: #000 !important;
}

.icon-l .material-icons {
    display: inline-block;
    width: 51px;
    line-height: 51px;
    color: #fff !important;
}

.list-custom-small a .switch-data {
    float: right;
    font-size: 11px;
    font-weight: 500;
    max-width: 640px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.h-50 {
    height: 58px !important;
}

.display-block {
    display: block !important;
}

.side-select {
    height: calc(1.5em + .75rem + 6px) !important;
    border-radius: 3px !important;
}

.status-action {
    opacity: 1 !important
}

.header-label a:last-child {
    float: right !important;
    margin-right: 0.25rem !important;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background: #d8d8d8;
    border-radius: 2px;
}

.icon-hover:hover {
    cursor: pointer;
    background: #ababab !important;
}

.list-custom-small .list-custom {
    color: #1f1f1f;
    font-weight: 500;
    font-size: 13px;
    border-bottom: solid 1px rgba(0,0,0,.05);
}

.list-custom-small .anchor {
    border: none !important;
}

.list-custom-small .icon-btn {
    line-height: unset !important;
    width: unset !important;
    height: unset !important;
    margin: 0 !important;
    opacity: 1 !important;
}

.btn-custom-s {
    opacity: 1 !important;
}

.list-group-custom a:hover {
    background: unset !important;
}

.list-custom-small .btn-custom-s:hover {
    color: #fff !important;
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}

.ml-half {
    margin-left: 0.25rem !important;
}

.mr-half {
    margin-right: 0.25rem !important;
}

.table-min-width {
    min-width: 1000px;
}

.line-height-50 {
    line-height: 50px !important;
}

@media (min-width: 576px) {
    .form-inline .profile-input {
        display: inline-block;
        width: 100% !important;
        vertical-align: middle;
    }
}

.dropdown-menu {
    max-height: 350px !important;
    overflow: auto !important;
}

    .dropdown-menu > li {
        display: block;
        width: 100%;
        padding: 0.25rem 1rem !important;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
    }
/*.dropdown-menu:not(.ui-select-dropdown) > li {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem !important;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}*/
.position-r {
    position: relative;
}

.position-ab-r1-t1 {
    position: absolute;
    right: 1px;
    top: 1px;
}

.c-hover-cursor {
    cursor: pointer;
}

.text-hideflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.overflow-0 {
    overflow: unset !important;
}

.h-5 {
    height: 50px !important;
}

.display-inline-block {
    display: inline-block !important;
}

.m-width-90 {
    max-width: 90px !important;
}

.position-ab-nr-4-nt-5 {
    position: absolute;
    top: -5px;
    right: -4px
}

element.style {
}

@media (max-width: 1420px) {
    .col-custom-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-custom-8 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 0.50rem !important;
    }
}

@media (max-width: 796px) {
    .custom-inline > .form-group {
        width: 100%;
        margin-bottom: 0.50rem !important;
    }

    .custom-float {
        float: unset !important;
    }

    .custom-inline .form-control {
        width: 100% !important;
    }
}

.upload-data .dropdown-menu > li {
    padding: unset !important;
}

.position-r-n2 {
    position: relative;
    top: -2px;
}

.custom-width-800 {
    margin: auto;
    max-width: 800px;
}

.modal-header-icon {
    color: #000 !important;
}

.m-width-3 {
    max-width: 225px;
}

.position-r-n5 {
    position: relative;
    top: -5px;
}

.custom-font-12 {
    font-size: 12px !important;
}

.mt-n-half {
    margin-top: -0.25rem !important;
}

.mr-0-i {
    margin-right: 0 !important;
}

.z-index-1 {
    z-index: 1;
}

.z-index-2 {
    z-index: 2;
}

.position-r-t13 {
    position: relative;
    top: 13px;
}

.w-max-min-100 {
    min-width: 100%;
    max-width: 100px;
}

.font-btn-9 {
    font-size: 9px !important;
}

.mb-half {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 1rem !important;
}

@media (min-width: 992px) {
    .modal-lg {
        width: 1000px !important;
    }
}

.sticky {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
    background: #ffffff;
    margin-left: 0px;
}

.side-btn {
    display: none !important;
}

.btn-main::-webkit-scrollbar {
    display: none !important;
}

.res-eye {
    display: none;
}

.watcher-btn {
    padding: 6px 16px !important;
}

@media (max-width: 1550px) {
    .hide-text {
        display: block;
        font-weight: 500;
        font-size: 9px;
    }

    .watcher-btn {
        padding: 13px 16px !important;
    }
}

@media (max-width: 987px) {
    .order-btn-left {
        display: none !important;
    }

    .side-btn {
        display: inline !important;
    }

    .side-sticky:not(.display-inline) {
        display: none !important;
    }

    .res-eye {
        display: inline-block;
    }
}

@media (max-width: 780px) {
    .btn-main {
        white-space: nowrap;
        overflow: auto;
    }
}

.border-r-3 {
    border-radius: 3px;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.position-r-l3 {
    position: relative;
    left: 3px;
}

.m-t5px {
    margin-top: 5px !important;
}

.dashboard-time-subname {
    position: absolute;
    bottom: 11px;
    text-align: center;
    width: 100%;
}

.width-0 {
    width: auto !important;
}

.margin-auto {
    margin: auto !important;
}

.border-t-0 {
    border-top: none !important;
}

.display-inline-grid {
    display: inline-grid !important;
}

.grid-divider {
    width: 1px;
    background: #000;
    height: 34px;
    position: absolute;
    margin-top: 15px;
    margin-right: 10px;
}

.upload-data.ui-select-bootstrap > .ui-select-choices, .upload-data.ui-select-bootstrap > .ui-select-no-choice {
    width: auto !important;
}

.custom-padding .scheduler_default_event_inner {
    padding-left: 19px !important;
}

.custom-sched-padding .scheduler_default_event_inner {
    padding-left: 21px !important;
}

.sched-icon {
    font-size: 15px !important;
}

.scheduler_default_event_float_inner {
    padding: 2px 2px 2px 32px !important;
}

.scheduler_default_event_float > .sched-icon {
    left: 13px !important;
}

.position-ab-r10-t2 {
    position: absolute;
    right: 10px;
    top: 2px;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-fill .nav-item {
    /*text-align: center;*/
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
}

.nav-pills .nav-link {
    border-radius: .25rem;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
}

.position-r-1 {
    position: relative;
    top: 1px;
}

.tab-content {
    display: block !important;
}

    .tab-content > .tab-pane {
        display: none;
    }

    .tab-content > .active {
        display: block;
    }

.fade.show {
    opacity: 1;
}

.font-50 {
    font-size: 50px;
}

.ui-select-match:disabled {
    background-color: #e9ecef !important;
    opacity: 1;
}

.ui-select-container {
    height: 38px;
}

    .ui-select-container .btn.disabled, .ui-select-container .btn[disabled] {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        opacity: .65;
        position: relative;
        top: 0px
    }

    .ui-select-container .form-control[disabled], .ui-select-container .form-control[readonly] {
        background-color: #eee;
        opacity: 1;
    }

    .ui-select-container .btn.disabled > span.ui-select-placeholder, .ui-select-container .btn[disabled] > span.ui-select-placeholder {
        position: relative;
        top: 3px;
    }

.btn[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    opacity: .65;
}

.btn-c-m {
    padding: 9px 18px !important;
    font-size: 12px !important;
}

.tooltip {
    max-width: 500px;
}

.tooltip-inner {
    word-wrap: break-word;
    white-space: pre-line;
    text-align: left;
}

.custom-width-900 {
    margin: auto;
    max-width: 90%;
}

.m-px-n3 {
    margin-top: -3px;
}

.m-auto-mw-70 {
    max-width: 70%;
    margin: auto;
}

.dropdown-menu {
    z-index: 1070 !important;
}

.position-r-t6 {
    position: relative;
    top: 6px;
}

.logo-bar a:hover {
    color: #2a4f88 !important;
}

.menu-bar a:hover {
    color: #2a4f88 !important
}

.position-r-l-n7 {
    position: relative;
    left: -7px;
}

.position-ab-t-n4-r-n4 {
    position: absolute;
    right: -4px;
    top: -4px;
}

.ui-select-bootstrap > .ui-select-match > .btn {
    width: 100%;
}

.cursor-pointer {
    cursor: pointer;
}

.padding-none .dropdown-menu > li {
    padding: unset !important;
}

.uiselect-clear-btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

.position-ab-r-13 {
    position: absolute;
    right: 13px;
}

.position-ab-r2-t10 {
    position: absolute;
    right: 12px;
    top: 9px;
}

.ui-select-container .ui-select-match-text, .ui-select-container .ui-select-placeholder {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 85%;
}

div[disabled="disabled"] .btn-disabled {
    top: 13px !important;
}

.w-30 {
    width: 30%;
}

.mb-n4-half {
    margin-bottom: -1.75rem !important;
}

.dropdown-menu-custom {
    min-width: 320px !important;
    max-height: 532px !important;
    overflow: unset !important;
}

.page-footer {
    position: absolute;
    bottom: 10%;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
}

@media (max-width: 456px) {
    md-sidenav {
        width: calc(100% - 160px) !important;
        min-width: calc(100% - 160px) !important;
        max-width: calc(100% - 160px) !important;
    }
}

.number-sticky {
    display: none;
}

.badge-h-padding {
    padding: .7em .7em !important;
}

.input-style-1 .show-pass {
    position: absolute;
    top: 14px;
    font-size: 15px;
    font-style: normal;
    right: 0;
    color: #000;
}

#preloader {
    background: #fff;
    z-index: 3000 !important;
}

.mt-half {
    margin-top: 0.25rem !important;
}

.max-w-136 {
    max-width: 136px;
}

.max-w-100 {
    max-width: 100px !important;
}

.max-w-700 {
    max-width: 700px !important;
}

.hover-role a:hover {
    background: #e2f3ff !important;
    cursor: pointer;
}

.input-group > .btn {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.btn-r-n-radius {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

.btn-l-n-radius {
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
}

.w-25 {
    width: 25% !important;
}

.font-700-i {
    font-weight: 600 !important;
}

.position-r-t15 {
    position: relative;
    top: 15px;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.mt-half {
    margin-top: 0.25rem !important;
}

.mb-half {
    margin-bottom: 0.25rem !important;
}

.m-width-500 {
    max-width: 500px !important;
}

.ui-select-input {
    background: #fff !important;
}

.list-custom-small .list-group-container {
    color: #1f1f1f;
    font-weight: 500;
    font-size: 13px;
    border-bottom: solid 1px rgba(0,0,0,.05);
}

    .list-custom-small .list-group-container a {
        border-bottom: none !important;
    }

.list-group > div > .list-group-container:not(.hover-none):hover {
    background: #f7f7f7 !important;
    cursor: pointer;
}

.ui-select-input {
    background: #fff !important;
}

.list-custom-small i.icon-not {
    line-height: unset !important;
    float: unset !important;
    margin-right: unset !important;
    width: auto !important;
    opacity: 1 !important;
}

.list-custom-small .ui-select-input i {
    line-height: unset !important;
    opacity: 1 !important;
    margin-top: -3px !important;
}

    .list-custom-small .ui-select-input i:last-child {
        margin-top: 1px !important;
    }

.dropdown-menu > .active, .dropdown-menu > .active:focus, .dropdown-menu > .active:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}

.line-height-1 {
    line-height: 1;
}

.accordion .anchor-tag {
    width: 100%;
}

.anchor-tag {
    text-align: left !important;
    font-size: 13px;
    font-weight: 700;
}

.btn-select {
    padding: 11px 20px !important;
    font-size: 12px !important;
}

.datepicker-default-btn .btn-default {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1) !important;
    background: #fff !important;
}

.opacity-none {
    opacity: 1 !important;
}

.border-bottom-list {
    border-bottom: solid 1px rgba(0,0,0,.05);
}

.text-underline {
    text-decoration: underline !important;
}

.position-r-n13 {
    position: relative;
    top: -13px;
}

.font-600-i {
    font-weight: 600 !important;
}

.custom-badge-danger {
    background: #e8f9ff;
    padding: 2px;
    color: #0050c9;
    border-radius: 3px;
}

.mt-n14 {
    margin-top: -14px !important;
}

.nav-pills .nav-link.active {
    color: #ffffff !important;
}

.position-r-tn3 {
    position: relative;
    top: -3px;
}

.color-grey {
    color: grey !important;
}

.danger-badge {
    background: #ffd9db;
    padding: 2px;
    color: #b30000;
    border-radius: 2px;
}

.color-white-i {
    color: #fff !important;
}

.freshservice-bar {
    width: 500px !important;
}

.fresh-service-btn {
    position: fixed;
    bottom: 0;
    width: 92%;
}

.btn-custom-9-14-p {
    padding: 9.5px 16px !important;
}

.text-control-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.white-space-n {
    white-space: normal !important;
    word-break: break-word;
}

@media screen and (max-width: 600px) {
    .proj-table tr td.white-space-p-0 {
        white-space: nowrap !important;
        word-break: break-word !important;
    }

    .rwd-table tr td.white-space-p-0 {
        white-space: nowrap !important;
        word-break: break-word !important;
    }
}

.send-email-btn:hover .send-email-dropwdown {
    display: block;
}

.mt-75 {
    margin-top: 0.75rem !important;
}

.ml-75 {
    margin-left: 0.75rem !important;
}

.dropdown-item:hover {
    cursor: pointer !important;
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
    cursor: pointer;
}

.search-bar {
    position: relative
}

.i-clear {
    position: absolute;
    right: 70px;
    margin-top: 16px;
    cursor: pointer;
}

.mt-custom-sub {
    margin-top: -0.05rem !important;
}

.action-mail a {
    display: inline;
    margin: 10px 20px;
    color: #6c6c6c;
}

.m-13 {
    margin: 13px !important;
}

.mail-reply-from {
    color: #6c6c6c !important;
    margin-left: 10px;
    border: 1px solid #CFD7DF;
    border-radius: 4px;
    padding: 5px 8px 5px 8px;
    box-shadow: inset 0 1px 2px 0 rgb(24 50 71 / 5%);
}

.ticket-reply ~ .cke_chrome {
    background: none !important;
    border: none !important;
}

    .ticket-reply ~ .cke_chrome div .cke_top {
        background: none !important;
    }

    .ticket-reply ~ .cke_chrome div .cke_contents {
        border-radius: 0 !important;
        background: none !important;
        border: none !important;
        padding: 10px;
    }

    .ticket-reply ~ .cke_chrome div .cke_top span span .cke_toolgroup {
        border: none !important;
    }

    .ticket-reply ~ .cke_chrome div .cke_bottom {
        display: none;
    }

.m-15 {
    margin: 15px;
}

.ticket-mail {
    width: 500px !important;
}

.mt-n-3 {
    margin-top: -3px;
}

.att-remove {
    display: none;
}

.att-section {
    border: 1px solid #dfdfdf;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 6%);
    cursor: pointer;
    background: #ffffff;
}

    .att-section:hover .att-remove {
        display: inline;
    }

.att-section-1 {
    border: 1px solid #dfdfdf;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 6%);
    cursor: pointer;
}

    .att-section-1:hover .att-remove {
        display: inline;
    }

.custom-icon-2 {
    width: 40px !important;
    height: 40px !important;
    text-align: center;
    font-size: 1.2rem;
}

    .custom-icon-2 span {
        position: relative;
        top: 8px;
    }

.custom-icon-3 {
    width: 40px !important;
    height: 40px !important;
    text-align: center;
    font-size: 1.2rem;
    position: relative;
}

    .custom-icon-3 span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }



.redact-body {
    margin-left: 15px;
    margin-right: 15px;
    display: none;
}

.redact-btn {
    margin-left: 20px;
    margin-bottom: 15px;
}

    .redact-btn a {
        padding: 2px 10px 2px 10px;
        font-size: 17px;
        border-radius: 5px;
        background: #f1f1f1;
        color: #7a7a7a !important;
    }

        .redact-btn a:hover {
            background: #d5d5d5;
        }

.replyBody p {
    color: #121212 !important;
    margin-bottom: 0px !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.tox-notifications-container, .fr-quick-insert, .fr-second-toolbar {
    display: none !important;
}

.send .fr-wrapper {
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-bottom-color: #ccc !important;
}

.fr-element {
    overflow: auto !important;
}

    .fr-element p {
        margin-bottom: 0px !important;
    }

    .fr-element img, .main-mail img {
        max-width: 100% !important;
    }

.reply .fr-toolbar.fr-top {
    border: none !important;
    border-top: 1px solid rgba(0,0,0,.1) !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.reply .fr-wrapper {
    border: none !important;
    border-bottom: 1px solid rgba(0,0,0,.1) !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.redact-body img {
    max-width: 100% !important;
    height: auto !important;
}

.replyBody img {
    max-width: 100% !important;
    height: auto !important;
}

.fr-wrapper:nth-child(1):not(.fr-element) div {
    display: none !important;
}

.image-hover {
    position: relative;
}

.image-icon, .image-icon-1 {
    position: absolute;
    top: 0px;
    left: 0;
    height: 100%;
    width: 100%;
    background: black;
    display: none !important;
    opacity: 0.7;
}

    .image-icon i, .image-icon-1 i {
        position: relative;
        top: 8px !important;
        left: 20px !important;
        font-size: 22px !important;
        color: #fff !important;
    }

.att-section:hover .image-icon {
    display: inline !important;
}

.att-section-1:hover .image-icon-1 {
    display: inline !important;
}

.image-custom {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 500px;
    width: auto;
}
/*.email-quote{
    display: none;
}*/
.email-reply-btn {
    margin-top: 10px;
}

    .email-reply-btn a {
        padding: 2px 10px 2px 10px;
        font-size: 17px;
        border-radius: 5px;
        background: #f1f1f1;
        color: #7a7a7a !important;
    }

        .email-reply-btn a:hover {
            background: #d5d5d5;
        }

.reply-quote .email-quote {
    display: block !important;
}
/*.replyBody .WordSection1  p:not(.MsoNormal) {
    display: none;
}*/
/*.replyBody .WordSection1 div:not(.email-reply-btn) {
    display: none;
}*/
.replyBody .email-quote .WordSection1 p {
    display: block;
}
/*.replyBody .email-quote .WordSection1 div {
    display: block;
}
.replyBody .email-quote .WordSection1 div[style='border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0cm 0cm 0cm'] {
    display: block;
}*/

a[href='https://www.froala.com/wysiwyg-editor?k=u'] {
    display: none !important;
}

.reply-quote > div:nth-child(1) {
    display: none;
}

.action-mail a {
    color: #5a5a5a !important;
}

.replyBody > #divRplyFwdMsg {
    display: none;
}
/*.replyBody .x_WordSection1 {
    display: none;
}*/
/*.replyBody > hr {
    display: none !important;
}*/
.timelog-notif {
    position: absolute;
    top: 5px;
    right: 21px;
    background: red;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    z-index: 2;
}

    .timelog-notif section {
        position: relative;
        top: -2px;
    }

@media screen and (max-width: 1364px) {
    .timelog-group {
        margin-top: 5px;
    }
}

@media screen and (max-width: 1199px) {
    .timelog-group {
        margin-top: 0px;
    }
}

@media screen and (max-width: 990px) {
    .timelog-group {
        margin-top: 5px;
    }
}

@media screen and (max-width: 809px) {
    .timelog-group {
        margin-top: 0px;
    }
}


@media (min-width: 992px) {
    .modal-lg {
        max-width: 1000px !important;
    }
}

.tooltip-inner {
    white-space: pre-line;
    word-break: break-all;
}

.reply-action a {
    padding: 10px 12px 10px 12px;
    font-size: 12px;
    border-radius: 5px;
    background: #f1f1f1;
    color: #7a7a7a !important;
    opacity: 0;
}

    .reply-action a.reply-share:hover {
        background: #4a89dc;
        color: #fff !important;
    }

    .reply-action a.reply-delete:hover {
        background: #ff2525;
        color: #fff !important;
    }

.reply-section:hover .reply-action a {
    transition: opacity .5s ease-out;
    opacity: 1;
}

.ul-list {
    padding: 0;
    margin: 0;
}

    .ul-list .inline-field {
        display: list-item;
        list-style: none;
    }

        .ul-list .inline-field label {
            position: relative;
            top: 5px;
        }

        .ul-list .inline-field a {
            position: relative;
            top: 5px;
            float: right;
            text-align: right;
        }

.cc-container {
    width: 100%;
    float: right;
    padding: 0 90px 0 50px;
    margin-top: -30px;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul.multi-value-field {
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    height: auto;
    width: 100%;
    background: #ffffff;
    border-radius: 4px;
    padding: 0 5px;
}

    ul.multi-value-field li.search-field-item {
        padding: 0;
        border: 0;
    }

    ul.multi-value-field li, ul.multi-value-field input {
        display: block;
        float: left;
        margin: 0 5px 0 0;
        list-style-type: none;
        font-size: 14px;
        width: auto;
        position: relative;
        -moz-box-shadow: #ffffff 0 0 0;
        -webkit-box-shadow: #ffffff 0 0 0;
        box-shadow: #ffffff 0 0 0;
    }

    ul.multi-value-field input {
        border: 0 !important;
        margin: 0 !important;
        outline: 0 !important;
        width: 100%;
        background: none !important;
        box-shadow: none;
    }

    ul.multi-value-field li.choice {
        background: rgba(240,240,240,0.3);
        border: solid 1px #EEE;
        padding: 0px 24px 0px 12px;
        border-radius: 5px;
        margin-top: 2px;
        margin-bottom: 2px;
    }

        ul.multi-value-field li.choice a.close-link {
            color: #647A8E;
            position: relative !important;
            font-size: 14px;
            cursor: pointer;
            text-decoration: none;
            outline: none;
            background: none;
            position: absolute;
            top: 1px;
            right: -20px;
            width: 20px;
            height: 26px;
            border-radius: 4px;
            display: inline-block;
            text-align: center;
        }

.cc-container-form {
    padding: 5px;
    border: 1px solid #dadada;
    border-radius: 3px;
}

.custom-icon-small {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 1.2rem;
}

    .custom-icon-small span {
        position: relative;
        top: 7px;
    }

.notif-container {
    padding: 5px;
    margin-right: 15px;
    margin-left: 15px;
    height: auto;
    height: 487px;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    overflow-x: hidden;
}

    .notif-container .notif-section {
        background: none;
        padding: 16px;
        border: 1px solid #EBEFF3;
        border-radius: 4px;
        margin-bottom: 8px;
        cursor: pointer;
    }

.mb-half-n {
    margin-bottom: -0.25rem !important;
}

.notif-container .unread {
    background-color: #F5F7F9;
    border-color: #F5F7F9;
}

.notif-container .notif-section:hover {
    border-color: #2567a9;
}

.notif-dropdown {
    width: 464px;
    max-height: unset !important;
}

.image-overflow {
    position: relative;
}

    .image-overflow .image-name {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        min-width: 93%;
        max-width: 52px;
    }

.ticket-list {
    width: 350px !important;
}

.ticket-export {
    width: 500px !important;
}

@media (min-width: 600px) {
    .ticket-list {
        max-width: 450px;
    }
}

@media (min-width: 600px) {
    .ticket-export {
        max-width: 560px;
    }
}

.sidenav-wrapper {
    height: 100%;
}

.sidenav-footer {
    position: absolute;
    padding: 10px;
    width: 100%;
    bottom: 0px;
    z-index: 3;
    background: #f5f7f9;
}

    .sidenav-footer a {
        margin-bottom: 5px;
    }

.btn-c-sm {
    padding: 9px 9px !important;
    font-size: 12px !important;
}

.email-checker {
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 18px;
}

.fa-spin-speed {
    -webkit-animation: fa-spin 1s infinite linear !important;
    animation: fa-spin 1s infinite linear !important;
}

.badge-custom {
    height: 24px;
    width: 24px;
    display: inline-block;
    text-align: center;
}

    .badge-custom i {
        position: relative;
        top: -3px;
    }

.list-hover {
    padding: 8px;
    border-radius: 3px;
}

.agent-wrapper {
    width: 100%;
    height: 32px;
    padding: 4px 8px;
    margin-top: 1px;
    line-height: 1.5;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.list-hover:hover {
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%) !important;
    background: #fff;
}

.group-agent {
    width: calc(100% - 16px);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.group-agent-group {
    max-width: 40%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.group-agent-agent {
    max-width: 50%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.group-agent-seperator {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.group-agent-icon {
    display: block;
    float: right;
    width: 16px;
    height: 20px;
    position: relative;
    top: 1px;
    fill: #92A2B1;
}

.position-r-6 {
    position: relative;
    top: 6px;
}

.position-r-7 {
    position: relative;
    top: 7px;
}

.c-dark-blue {
    color: rgb(11 86 151);
}

.p-low-color {
    color: #78C486;
}

.p-medium-color {
    color: #1B9DE2;
}

.p-high-color {
    color: #EBAB28;
}

.p-urgent-color {
    color: #F65050;
}

.search_group_agent {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 0 4px 0 16px;
    height: 41px;
}

.agent-group-search-input {
    width: 210px;
    height: 40px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-family: inherit;
    padding-left: 10px;
}

.agent-group-tab {
    padding: 0;
    margin: 0;
    border: none;
}

.text-transform-none {
    text-transform: none !important;
}

.agent-group-section {
    padding: 10px;
    height: 252px !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.agent-group-item {
    width: 100%;
    padding: 7px 10px;
    line-height: 20px;
    height: 32px;
    border-radius: 4px;
    margin-bottom: 5px;
    font-family: inherit;
    font-weight: 400;
    border: none;
    text-align: left;
    color: #12344D;
    background-color: #fff;
    cursor: pointer;
}

.agent-group-name {
    min-width: 190px;
    max-width: 91%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.agent-group-item:hover {
    background-color: #EBEFF3;
}

.overflow-hidden-i {
    overflow: hidden !important;
}

.submenu-item {
    position: relative;
}

.sub-menu {
    top: 0;
    left: 0 !important;
    margin-top: -1px;
    transform: translate3d(896px, 58px, 0px);
    will-change: transform;
}

.group-desc {
    display: inline-block;
    width: 300px
}

.l-counter {
    display: inline-block;
    height: 24px;
    width: 24px;
    background: #4a89dc;
    color: #fff;
    border-radius: 100%;
    font-size: 11px;
    text-align: center;
}

.group-wrapper {
    padding: 11px 14px;
}

.group-selected-wrapper {
    border-bottom: 1px solid #eee;
    padding: 5px 14px;
    align-self: center;
    vertical-align: middle;
}

.search-result-wrapper {
    position: absolute;
    width: 100%;
    z-index: 2;
    background: #fff;
    border: none;
    -moz-box-shadow: 0px 2px 4px rgba(18,52,77,0.06),0px 2px 16px rgba(18,52,77,0.1);
    -webkit-box-shadow: 0px 2px 4px rgb(18 52 77 / 6%), 0px 2px 16px rgb(18 52 77 / 10%);
    box-shadow: 0px 2px 4px rgb(18 52 77 / 6%), 0px 2px 16px rgb(18 52 77 / 10%);
    border-radius: 4px;
    text-align: left;
    padding: 15px;
    right: 0;
    max-height: 510px;
    overflow-y: auto;
    z-index: 85;
    margin-top: 1px;
    max-height: 500px;
}

.i-clear-ticket {
    position: absolute;
    right: 20px;
    margin-top: 16px;
    cursor: pointer;
}

.search-result {
    border: 1px solid #EBEFF3;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 8px;
}

.search-result-button {
    padding: 8px;
    display: block;
    text-decoration: none;
    line-height: 20px;
    background-position: 5px 4px;
    background-repeat: no-repeat;
}

    .search-result-button:hover {
        background-color: #E5F2FD;
        border-radius: 4px;
        color: #12344D;
        cursor: pointer;
    }

.search-color-i {
    color: #111315
}

.border-r-divider {
    border-right: 1px solid #e9ecef;
}

.contact-prof {
    height: 150px;
    width: 150px;
    text-align: center;
    margin: auto;
    border-radius: 100%;
    background: beige;
    font-size: 80px;
    margin-top: 20px
}

.contact-initial {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* for IE 9 */
    -webkit-transform: translate(-50%, -50%); /* for Safari */
}

.contact-detail {
    padding: 15px;
}

.color-contact {
    color: #12344D;
}

.ticket-icon-thread {
    position: relative;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    border: 1px solid #CFD7DF;
    background: #fff;
    color: #647A8E;
    text-align: center;
    font-size: 15px;
    padding: 11px 0;
    text-align: center;
    position: relative;
    top: -3px;
    left: -50px;
}

    .ticket-icon-thread i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%); /* for IE 9 */
        -webkit-transform: translate(-50%, -50%); /* for Safari */
    }

.contact-ticket-table {
    margin-left: 33px;
}

    .contact-ticket-table tr td {
        vertical-align: top !important;
    }

.ticket-text-thread {
    position: relative;
    padding: 0 10px 34px 30px !important;
    border-bottom: 0;
}

    .ticket-text-thread a {
        color: #747474;
    }

        .ticket-text-thread a:hover {
            color: #12344D;
        }

.ticket-text-wrapper {
    position: absolute;
    top: 4px;
    margin-right: 60px;
}

.icon-s .custom-material {
    width: 40px;
    line-height: 40px;
}

.td-desc {
    display: -webkit-box;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filter-content {
    height: calc(100% - 238px);
    overflow: auto;
    position: fixed;
    width: 97%;
}

.ui-select-field {
    border-radius: 3px !important;
    border: 1px solid #CFD7DF;
    cursor: text;
}

    .ui-select-field:focus-within {
        border-color: #2C5CC5 !important;
        box-shadow: 0 0 0 1px #2C5CC5 !important;
        outline: 0;
    }

.ui-select-multi {
    height: 100% !important;
    padding-top: 5px !important;
    border-radius: 3px !important;
}

.ui-select-choices {
    height: 100%;
}

.ui-select-item {
    height: 100%;
}

    .ui-select-item input {
        height: 100%;
        float: none;
    }

.filter-result-wrapper {
    position: absolute;
    width: 100%;
    z-index: 2;
    background: #fff;
    border: none;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgb(18 52 77 / 6%), 0 2px 18px 0 rgb(18 52 77 / 16%);
    border-radius: 4px;
    text-align: left;
    padding: 15px;
    right: 0;
    max-height: 510px;
    overflow-y: auto;
    z-index: 85;
    margin-top: 5px;
    max-height: 200px;
    z-index: 999999 !important;
    width: 410px;
    margin-left: 1px;
}

.filter-value-wrapper:not(.empty) {
    border-radius: 3px;
    padding: 8px;
}

.filter-value-wrapper a {
    display: inline-block;
    color: #12344D;
    height: 100%;
    width: 100%;
}

.filter-value-wrapper small {
    color: #12344D;
}

.filter-value-wrapper:not(.empty):hover {
    background-color: #E5F2FD;
    border-radius: 4px;
    color: #12344D;
    cursor: pointer;
}

.bg-filter {
    background: #F5F7F9 !important;
}

.ui-select-choices {
    /*padding: 4px 24px 3px 12px !important;*/
    margin-bottom: 0px !important;
    margin-top: 2px !important;
}

.ui-select-holder {
    min-height: 38px;
    background: #fff;
    border-radius: 3px !important;
}

ul.ui-select-multi input {
    display: inline;
    float: none;
}

.ui-select-options {
    display: inline-block;
    width: 67px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-focus {
    background-color: #E5F2FD;
    border-radius: 4px;
    color: #12344D;
    cursor: pointer;
}

.filter-field-search {
    height: 38px !important;
}

    .filter-field-search:focus {
        border-color: #2C5CC5 !important;
        box-shadow: 0 0 0 1px #2C5CC5 !important;
        outline: 0;
    }

.ui-select-input:focus-within {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
    outline: 0;
}

.ui-select-input input {
    border: none;
    box-shadow: none;
    outline: none;
}

    .ui-select-input input:focus {
        border: none;
        box-shadow: none;
        outline: none;
    }

.ui-select-input .ui-select-match {
    border: none;
    box-shadow: none;
    outline: none;
    margin-top: -2px;
    background: #fff;
}

    .ui-select-input .ui-select-match .btn {
        border: none;
        box-shadow: none;
        outline: none !important;
    }

.ui-select-input > div {
    margin-top: 2px;
}

.ui-select-data-choice {
    background: #0072C6 !important;
    color: #ffffff !important;
    border-radius: 2px !important;
    border: none !important;
    outline: none;
}

.ticket-contact-anchor:hover {
    color: #12344D !important;
    font-weight: 700;
}

.ticket-header-icon {
    background-color: #ededed;
    color: #12344D;
    cursor: pointer;
}

    .ticket-header-icon .material-icons {
        color: #12344D !important;
    }

    .ticket-header-icon:hover {
        background-color: #e1e1e1;
    }

.my-filter-ticket {
    width: 300px !important;
}

.my-filter-icon-search {
    position: absolute;
    margin-top: 11px;
    color: #a9a9a9;
    margin-left: 9px;
    font-size: 16px;
}

.my-filter-ticket-toolbar input {
    padding-left: 28px;
}

.ticket-color {
    color: #12344D !important;
}

.my-filter-list a {
    padding: 7px;
    color: #12344D;
}

.my-filter-list:hover {
    background: #efefef;
    border-radius: 5px;
    cursor: pointer;
}

.filter-action-btn {
    display: none;
}

.my-filter-list:hover .filter-action-btn {
    display: inline;
}

.icon-check-filter {
    float: right;
    position: relative;
    top: 15px;
    right: 10px;
    color: #fff;
}

.my-filter-list:hover .filter-action-icon {
    display: none;
}

.ql-editor img {
    border: none !important;
    max-width: 100% !important;
    height: auto !important;
}

.ql-editor p {
    margin-bottom: 0px !important;
}

.main-mail p {
    margin-bottom: 0px !important;
}

.replyBody p {
    margin-bottom: 0px !important;
}

.border-radius-t-b-r {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.border-radius-t-b-l {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.btn-custom-md {
    padding: 5px 14px !important;
    font-size: 12px !important;
}

.main-mail p, .main-mail p span {
    /*font-size: 13px !important;*/
    font-weight: normal !important;
    font-family: Poppins,Helvetica,"sans-serif" !important;
}

.main-mail h1 {
    font-weight: 400 !important;
    font-size: 24px !important;
    font-family: Poppins,Helvetica,"sans-serif" !important;
}

.replyBody p, .replyBody p span {
    font-size: 13px !important;
    font-weight: normal !important;
    font-family: Poppins,Helvetica,"sans-serif" !important;
}

.replyBody h1, .replyBody h1 span {
    font-weight: 400 !important;
    font-size: 24px !important;
    font-family: Poppins,Helvetica,"sans-serif" !important;
}

.reply {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 2px #2c5cc5 !important;
    outline: 0;
}

.fixed-col {
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    padding-right: 0px;
}

    .fixed-col .card {
        margin-right: 0px;
    }

.mail-content {
    padding-left: 0px;
    color: #000;
}

@media (max-width: 1087px) {
    .fixed-col {
        -ms-flex: unset;
        flex: unset;
        padding-right: 15px;
    }

        .fixed-col .card {
            margin-right: 16px;
            margin-bottom: 8px;
        }

    .mail-content {
        padding-left: 15px;
    }
}

.mail-content .custom-icon, .mail-content .custom-icon-2 {
    border: 3px solid #eee;
    background: #fff;
}

    .mail-content .custom-icon span {
        position: relative;
        top: 10px;
    }

    .mail-content .custom-icon-2 span {
        position: relative;
        top: 5px;
    }

@media (max-width: 1114px) {
    .hide-icon-mobile {
        display: none !important;
    }
}

.icon-wrapper-edit {
    font-size: 20px;
    background: #ffffff;
    height: 50px;
    width: 50px;
    margin: auto;
    border-radius: 100%;
    border: 4px solid #27638f;
    position: absolute;
    bottom: 0;
    margin-left: 51px;
    margin-bottom: -20px;
}

    .icon-wrapper-edit i {
        position: relative;
        top: 7px;
        font-size: 15px;
    }

.mt-3-half {
    margin-top: 1.5rem !important;
}

.icon-wrapper-edit:hover {
    background: #12344d;
    cursor: pointer;
}

    .icon-wrapper-edit:hover i {
        color: #fff;
    }

.icon-s .material-icons-outlined {
    width: 40px;
    line-height: 40px;
    font-size: 17px;
}

.mail-color-wrapper {
    background: #12344d;
    color: #fff;
}

.search-bar input:focus-within {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
    outline: 0;
}

.border-l-sub {
    border-left: 2px dotted #d5d5d5;
}

.range-calendar-icon {
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 17px;
    padding: 2px 10px 2px 10px;
    background: #EBEFF3;
    border-radius: 5px;
}

    .range-calendar-icon:hover {
        cursor: pointer;
        background: #d7d7d7
    }

.date-range-picker:focus-within {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
    outline: 0;
}

.bg-ticket {
    background: #264966 !important;
    color: #fff !important;
}

.btn-md-mini {
    padding: 6px 13px !important;
}

.btn-sm-mini {
    padding: 3px 11px !important;
}

.reply a {
    color: #007bff !important;
}

.requester-card-content {
    position: absolute;
    /*margin-top: 9px;*/
    width: 340px;
    height: auto;
    min-height: 190px;
    /*max-height: 232px;*/
    padding: 0 !important;
    box-shadow: 0 4px 16px rgb(0 0 0 / 8%);
    border-radius: 8px;
    z-index: 1001;
    border: none;
    background: #fff;
    margin-left: 50px;
}

.requester-card-info {
    padding: 18px 10px 18px 20px;
    background: linear-gradient(96.25deg,#12344D 16.4%,#345C7C 117.8%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    align-items: center;
    height: 76px;
}

.name-info {
    margin-left: 7px;
}

.avatar__icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.avatar__icon {
    cursor: pointer;
    outline: 0;
    display: flex;
    align-items: center;
}

.name-info a {
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
}

.ellipsis-info-wrap {
    width: 200px;
    display: inline-block;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.requester-card-details {
    padding: 16px 10px 0 20px;
}

.requester-details-align {
    font-size: 12px;
    /* height: 20px;*/
    margin-bottom: 10px;
}

.requester-details-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 3px;
}

.requester-details-text {
    padding-left: 3px;
    vertical-align: middle;
}

.ellipsis-mail-wrap {
    max-width: 250px;
    display: inline-block;
    vertical-align: middle;
}
/*.contact-content:hover .requester-card-content {
    display: block;
}*/

.subject-card-content {
    position: absolute;
    width: 470px;
    min-height: 220px;
    border: none;
    z-index: 1001;
    padding: 0;
    box-shadow: 0 2px 4px rgb(18 52 77 / 6%), 0 2px 16px rgb(18 52 77 / 16%);
    background: #fff;
    border-radius: 4px;
    /*display: none;*/
    margin-left: 50px;
    overflow: unset !important;
}

.subject-card-info {
    display: flex;
    padding: 18px 16px 12px;
    align-items: center;
}

.subject-card-description {
    margin: 0 16px 16px 56px;
    height: 100px;
}

.quick-reply-note {
    width: 470px;
    height: 48px;
    border-top: 1px solid #EBEFF3;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #F5F7F9;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.subject-name-time-info {
    padding-left: 8px;
}

.subject-card-info .requester-name {
    max-width: 380px;
    display: inline-flex;
}

.subject-time-info {
    color: #576C7D;
    font-weight: 400;
    margin: 0 !important;
}

.description-text {
    font-weight: 400;
}

.clamp-5 {
    -webkit-line-clamp: 5;
}

.lt-line-clamp--multi-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

.lt-line-clamp {
    overflow: hidden;
    position: relative;
}

.subject-avatar__icon {
    background: #afddff;
}

.btn-quick-action {
    padding: 5px 9px !important;
}

.slim-button {
    display: inline-block;
    box-sizing: border-box;
    height: 37px;
    padding: 4px 12px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: linear-gradient(180deg, #fff 0%, #f5f7f9 100%);
    border: 1px solid #CFD7DF;
    border-radius: 4px;
    color: #12344D !important;
    font-weight: 600;
    font-family: inherit;
}
/*.subject-content:hover .subject-card-content {
    display: block;
}*/
.position-r-60 {
    position: relative;
    top: 60px;
}

.quick-editor {
    height: auto;
    border-top: 1px solid #EBEFF3;
}

.subject-card-tab md-tabs-wrapper {
    display: none;
}

.notification-with-close-wrapper {
    left: calc(50% - 100px);
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    display: none;
    ;
}

.refresh-notification-with-close {
    display: flex;
    align-items: center;
    height: 40px;
    animation: soft-drop-animate .1s ease-in;
    border: 1px solid #EBEFF3;
    background: #fff;
    box-shadow: 0 3px 12px rgb(0 0 0 / 12%);
    border-radius: 100px;
    padding: 0 6px;
}

    .refresh-notification-with-close:hover {
        border: 2px solid #2c5cc5;
    }

    .refresh-notification-with-close button {
        background: 0 0;
        border: none;
        padding: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .refresh-notification-with-close .refresh-icon {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background: #2c5cc5;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        margin-right: 8px;
    }

    .refresh-notification-with-close .notification-container {
        color: #12344D;
    }

.notification-count {
    font-weight: 600;
}

.refresh-notification-with-close button.refresh-notification-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.refresh-notification-with-close button:last-child {
    margin-right: 4px;
    margin-left: 16px;
}

.refresh-notification-with-close button.refresh-notification-close:hover {
    background-color: #EBEFF3;
}

.table thead .sorting {
    position: relative;
}

    .table thead .sorting .sorting-icon .sort-up {
        position: absolute;
        bottom: 1.1em;
        display: block;
        opacity: .3;
        right: 1px;
        font-weight: 900;
        font-size: 1rem;
    }

    .table thead .sorting .sorting-icon .sort-down {
        position: absolute;
        bottom: 0.6em;
        display: block;
        opacity: .3;
        font-weight: 900;
        right: 1px;
        font-size: 1rem;
    }

    .table thead .sorting .sorting-icon i:hover {
        opacity: 1;
        cursor: pointer;
    }

    .table thead .sorting .sorting-icon {
        margin-left: 30px;
    }

.opacity-1 {
    opacity: 1 !important;
}

.task-section {
    /*border-top: 1px solid #dee2e6;*/
    /* margin-top: 15px;*/
    padding-top: 8px;
    padding-bottom: 8px;
}

.select-all:after {
    content: " ";
    width: 1px;
    height: 24px;
    background-color: #EBEFF3;
    display: inline-block;
    margin: -6px 0 -6px 12px
}

.pl-8px {
    padding-left: 8px;
}

.pl-10px {
    padding-left: 10px;
}

.pl-4px {
    padding-left: 4px;
}

.pl-5px {
    padding-left: 5px;
}

.pl-6px {
    padding-left: 6px;
}

.ticket-list-btn {
    border: 1px solid #CFD7DF;
    color: #12344D !important;
}

.color-black-light {
    color: #212529;
}

.dropdown-wrapper.show .icon-wrapper i:before {
    content: "\f106";
}

.m-t-b-5px {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.dropdown-menu-wrapper {
    width: 250px !important;
}

.agents-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .agents-wrapper ul li {
        display: inline-block;
        padding: 5px 6px 5px 0px;
    }

        .agents-wrapper ul li .btn {
            border: 1px solid #dee2e6;
            font-size: 14px;
        }

.assign-dropdown-wrapper {
    max-height: 100% !important;
}

.agent-item-icon {
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    margin-right: -5px;
}

    .agent-item-icon:hover {
        background: #ededed;
    }

.agent-item-text {
    display: inline-block;
    width: 89px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    text-align: left;
}

.ticket-content {
    max-width: 500px;
    overflow: hidden;
}

.scheduler_default_event_delete {
    position: absolute;
    top: 10px !important;
    right: 5px !important;
}

.scheduler_default_event_inner {
    padding-top: 7px !important;
}

.sched-icon {
    top: 10px !important;
}

.mt-n-8 {
    margin-top: -0.8rem !important;
}

.bg-theme-trans {
    background-color: #12344d12 !important;
    color: #12344d !important;
}

.btn-xxs-s {
    padding: 7px 12px !important;
}

.link-deleted {
    color: #bfbfbf;
    text-decoration: line-through !important;
    pointer-events: none;
}

.content-container {
    padding-left: 20px;
}

.icon-before {
    font-size: 37px;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin-left: -33px;
}

.pl-3px {
    padding-left: 3px;
}

.login-pd {
    padding: 1.2rem 1rem !important;
}

.btn-ticket-login {
    color: #ffffff !important;
    background-color: #1b6c65;
    border-color: #1b6c65;
}

.ticket-login-text {
    left: 9px;
}

.font-100 {
    font-size: 100px;
}

.color-ticket {
    color: #175c56 !important;
}

.bg-btn-login {
    color: #ffffff !important;
    background-color: #175c56;
    border-color: #175c56;
}

.register-ticket {
    width: 650px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 700px) {
    .register-ticket {
        width: 100%;
        padding: 0px 20px;
    }
}

.page-footer.register {
    position: relative;
    left: unset;
    transform: none;
}

.banner-logo {
    background-color: #fff;
    padding: 0.9em 1.6em;
    height: 76px;
}

    .banner-logo .logo-wrapper {
        width: 1140px;
        margin: 0 auto;
        display: flex;
    }

        .banner-logo .logo-wrapper img {
            max-height: 50px;
            max-width: 200px;
            vertical-align: middle;
        }

.logo-title a {
    float: left;
    margin: -3px 10px 0 -5px;
}

    .logo-title a > h5 {
        display: inline;
    }

.nav-contact {
    font-size: 16px;
    font-weight: normal;
    color: #505050;
    margin-top: 5px;
}

#ticker-header-bar {
    width: 100%;
    height: 50px;
    background: #175c56;
    color: #ffffff;
}

    #ticker-header-bar .ticket-menu {
        width: 1140px;
        margin: 0 auto;
    }

.flex-shrink-0 {
    flex-shrink: 0;
}

.ticket-menus {
    float: left;
}

.ticket-sub-menus {
    float: right;
}

    .ticket-menus > ul, .ticket-sub-menus > ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        .ticket-menus > ul > li {
            float: left;
        }

        .ticket-sub-menus > ul > li {
            float: left;
        }

        .ticket-menus > ul > li.active {
            background: #0f4e49;
        }

        .ticket-menus > ul > li > a, .ticket-sub-menus > ul > li > a {
            position: relative;
            text-transform: uppercase;
            font-size: 15px;
            color: #ffffff;
            font-weight: 400;
            padding: 9px 9px !important;
            display: inline-block;
        }

        .ticket-menus > ul > li > a {
            padding: 9px 15px !important;
        }

        .ticket-sub-menus > ul > li > .pd-wrapper {
            padding: 9px 9px !important;
        }

            .ticket-sub-menus > ul > li > .pd-wrapper > a {
                font-size: 15px;
                color: #ffffff;
                font-weight: 400;
            }

.custom-icon-3 {
    position: relative;
    width: 33px !important;
    height: 33px !important;
    text-align: center;
    font-size: 1.1rem;
}

    .custom-icon-3 > span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.bg-new-ticket {
    background: #298b82;
}

.bg-ticket-profile {
    background-color: #cf5b5b !important;
    color: #FFFFFF !important;
}

.dropdown-menu.ticket-profile {
    margin-top: 0;
    margin-left: -65px;
}

.body-content {
    min-height: 74vh;
}

.ticket-card-dashboard {
    padding: 3rem 0 !important;
}

.container-wrapper {
    width: 1140px;
    margin: 0 auto;
}

.icon-p-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.card-icon-wrapper {
    height: 100px;
    width: 100px;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    background: #ffffff;
    color: #175c56;
    margin-bottom: 10px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), 0 1px 4px rgb(0 0 0 / 5%), 0 2px 8px rgb(0 0 0 / 5%);
}

.card-title-text {
    font-size: 1.3rem;
    font-weight: 600 !important;
}

.search-ticket-section {
    width: 500px;
}

    .search-ticket-section > a {
        width: 100%;
    }

        .search-ticket-section > a > input {
            margin-top: -3px;
            font-weight: 500;
            padding-left: 33px;
            outline: none;
            box-shadow: none;
        }

            .search-ticket-section > a > input:focus {
                box-shadow: none;
            }

.icon-before-ticket {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: #175c56;
    left: 8px;
    font-size: 24px;
    margin-top: 1px;
}

.timelog-notif.ticket {
    right: 0;
}

.ticket-notif-dropwdown {
    margin-left: -205px;
    margin-top: 1px;
}

.mr-0 {
    margin-right: unset !important;
}

.ml-0 {
    margin-left: unset !important;
}

.pd-1 {
    padding: 1rem 0 !important;
}

.border-l-gray {
    border-right: 1px solid #f1f1f1;
}

.link-color {
    color: #007bff !important;
}

.bg-ticket-btn-send {
    color: #fff !important;
    background: #175c56;
}

.bg-ticket-btn-export {
    color: #fff !important;
    background: #236a64;
}

.bg-ticket-btn-cancel {
    color: #fff;
    background: #727272;
}

.pd-5 {
    padding: 5px;
}

.link-select {
    color: #1c544f;
}

.dropdown-menu.ticket-list-filter {
    min-width: unset !important;
}

.icon-img {
    font-size: 31px;
    color: #1b5651;
    opacity: 0.6;
    position: relative;
    top: 4px;
}

.status-label {
    display: inline-block;
    padding: 0px 8px;
    color: #fff;
    border-radius: 4px;
    font-size: 10px;
    border: none;
}

.ticket-list2 {
    padding: 15px 0;
    border-bottom: 1px solid #f5f5f5;
}

    .ticket-list2:first-child {
        border-top: 1px solid #f5f5f5;
    }

.icon-profile {
    position: relative;
    width: 45px !important;
    height: 45px !important;
    text-align: center;
    font-size: 1.1rem;
    background-color: #cf5b5b !important;
    color: #FFFFFF !important;
    border-radius: 50%;
}

    .icon-profile > span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.ticketuser-account-tab .md-tab.md-active {
    color: #206862;
    font-weight: 600;
}

.ticketuser-account-tab md-ink-bar {
    color: green;
    background-color: #21837a;
}

.work-info, .security-info {
    padding: 25px 20px;
}

    .work-info .field-label {
        font-size: 12px;
        color: #606060;
    }

.l-h-1-9 {
    line-height: 1.9;
}

.btn.ng-animate, .form-control.ng-animate, .fa-spin-speed.ng-animate {
    transition: 0s none !important;
    -webkit-transition: 0s none !important;
    animation: 0s none !important;
    -webkit-animation: 0s none !important;
}

.work-info input.form-control {
    outline: none;
    box-shadow: none;
}

    .work-info input.form-control:focus {
        outline: none;
        box-shadow: none;
        border: 2px solid #205e59;
    }

.icon-before-tab {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.pl-30px {
    padding-left: 30px;
}

.alert.alert-warning.alert-logout {
    color: #856404;
    background-color: #fff3cd;
    box-shadow: none;
    padding: 10px 0px;
    border: 1px solid #e1bf55;
    position: relative;
}

    .alert.alert-warning.alert-logout .icon-before-tab {
        left: 10px;
    }

    .alert.alert-warning.alert-logout .warning-text {
        padding-left: 43px;
        position: relative;
        top: 1px;
        font-weight: 400;
    }

.w-200 {
    width: 200px;
}

.file-name-text {
    width: 103px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    position: relative;
    top: 5px;
}

.section-2 {
    padding: 4px 10px;
    display: inline-block;
    margin-right: 10px;
}

.icon-cancel {
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: 2px;
}

.title-ticket > a {
    color: #212a29;
    font-weight: 600;
}

.status-label.open {
    background: #eba600;
}

.status-label.closed {
    background: #0d7624;
}

.title-ticket > a:hover {
    text-decoration: underline !important;
}

.inp-field-wrapper > a {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 13px;
    color: #898989;
    margin-top: 1px;
}

.inp-field-wrapper input {
    box-shadow: none;
    outline: none;
}

    .inp-field-wrapper input:focus {
        outline: none;
        box-shadow: none;
        border: 2px solid #205e59;
    }

.customer-activity {
    white-space: nowrap;
    vertical-align: middle
}

.description-text {
    display: -webkit-box;
    overflow: hidden;
    width: 390px;
    text-overflow: ellipsis;
    white-space: normal !important;
    font-weight: 500;
}

.h-border-r {
    border-right: 1px solid #e5e5e5;
}

.bg-none {
    background: none !important;
}

.status-label.mail {
    display: block;
    width: fit-content;
}

.color-default {
    color: #060606;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #0f4e49;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}

.alert.alert-warning.alert-mail {
    color: #856404;
    background-color: #fff3cd;
    box-shadow: none;
    padding: 6px 0px;
    border: 1px solid #e1bf55;
    position: relative;
}

    .alert.alert-warning.alert-mail .warning-text {
        padding-left: 15px;
        font-weight: 400;
    }

.mail-box {
    padding: 1rem 0.8rem;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.mail-body-content {
    margin-top: 20px;
    padding: 0 8px;
}

.ticket-input-reply {
    box-shadow: none;
    outline: none;
}

    .ticket-input-reply:focus {
        box-shadow: none;
        outline: none;
    }

.mail-body-content p, .mail-body-content span {
    color: #000000 !important;
}

.progress-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

md-progress-circular {
    margin: 0 auto;
}

.min-h-200 {
    min-height: 200px !important;
}

.h-200px {
    height: 200px;
}

.breadcrumb > .breadcrumb-item > a {
    color: #164e49;
}

    .breadcrumb > .breadcrumb-item > a:hover {
        text-decoration: underline !important;
    }

.g-5.row {
    margin-left: 0px;
    margin-right: 0px;
}

.g-5 > [class^="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.ticket-sub-menus > ul > li > .search-section {
    padding: 6px 0px !important;
    position: relative;
}

    .ticket-sub-menus > ul > li > .search-section input {
        padding-left: 32px;
        font-weight: 500;
    }

.i-loader-ticket {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: #175c56;
    right: 8px;
    font-size: 24px;
    margin-top: -10px;
}

.color-search {
    color: #9b9b9b;
}

.search-result.ticketuser {
    padding: 0;
    border: none;
}

.btn-sendmail {
    color: #fff;
    background-color: #196653;
    border-color: #196653;
}

    .btn-sendmail:hover {
        color: #fff;
    }

.register-warning {
    color: #bd0909;
}

.signature a {
    color: blue !important;
}

    .signature a[href^="mailto:"] {
        color: #2C5CC5 !important;
    }

.account-signature a {
    color: blue !important;
}

    .account-signature a[href^="mailto:"] {
        color: #2C5CC5 !important;
        font-weight: 400;
    }

.account-signature p {
    margin-bottom: 0 !important;
}

.account-signature {
    padding: 20px;
    display: block;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}

.mail-box a {
    color: blue !important;
}

    .mail-box a[href^="mailto:"] {
        color: #2C5CC5 !important;
    }

.ql-editor table tr td {
    width: unset !important;
}

.ql-editor table {
    table-layout: unset !important;
}

.account-signature table tr td, .mail-box table tr td {
    width: unset !important;
    height: unset !important;
}

.account-signature img, .mail-box img {
    max-width: 100% !important;
    height: auto !important;
}

.image-icon.ticket-user i {
    left: 10px !important;
}

.line-h-0-9 {
    line-height: 0.9 !important;
}

.reponsive-search {
    display: none;
}

.reponsive-new-ticket-section {
    display: none;
}

@media (max-width: 1200px) {
    .banner-logo .logo-wrapper, #ticker-header-bar .ticket-menu, .container-wrapper {
        width: 100%;
    }
}

@media (max-width: 950px) {
    .search-ticket-section {
        width: 350px;
    }
}

@media (max-width: 800px) {
    .search-ticket-section {
        width: auto;
    }
}

@media (max-width: 644px) {
    .search-ticket-section {
        display: none;
    }

    .reponsive-search {
        display: inline-block;
    }
}

@media (max-width: 492px) {
    .new-ticket-text {
        display: none;
    }
}

@media (max-width: 442px) {
    .nav-contact {
        font-size: 11px;
    }

        .nav-contact .icon-phone {
            font-size: 18px;
        }
}

@media (max-width: 424px) {
    .profile-section, .new-ticket-section {
        display: none;
    }

    .reponsive-new-ticket-section {
        display: inline-block;
    }

    .ticket-menus > ul > li > a {
        padding: 7px 10px !important;
        font-size: 10px;
    }
}

@media (max-width: 368px) {
    .nav-contact {
        display: none;
    }
}

.responsize-search-section .search-section {
    position: absolute;
    z-index: 3;
    width: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),0 1px 4px rgba(0, 0, 0, 0.05),0 2px 8px rgba(0, 0, 0, 0.05);
}

    .responsize-search-section .search-section input {
        padding-left: 34px;
    }

        .responsize-search-section .search-section input.input-control {
            height: calc(1.5em + 0.75rem + 19px) !important;
        }

            .responsize-search-section .search-section input.input-control:focus {
                box-shadow: none;
            }

.close-search {
    position: absolute;
    top: 12px;
    right: 12px;
}

.ticketuser-dropdown {
    margin-left: -270px;
}

@media (max-width: 507px) {
    .ticketuser-dropdown {
        width: 100%;
        top: 126px !important;
        transform: none !important;
        margin-left: 0;
    }
}

.bg-dark-green {
    background-color: #0f4e49 !important;
    color: #FFFFFF !important;
}

.color-light-green {
    color: #18746d !important;
}

.position-r-t8 {
    position: relative;
    top: 8px;
}

@media (max-width: 705px) {
    .ticketuser-header {
        display: block !important;
    }

    .ticketuser-sub-header {
        float: none !important;
    }
}

@media (max-width: 465px) {
    .ticketuser-sub-header {
        display: block !important;
    }

        .ticketuser-sub-header .ticketuser-filter-section {
            margin-top: 15px !important;
            margin-right: 0 !important;
        }

            .ticketuser-sub-header .ticketuser-filter-section div.dropdown {
                float: right !important;
            }

    .ticketuser-filter-section .btn {
        width: 100%;
    }
}

.responsive-status-label {
    display: none;
}

@media (max-width: 500px) {
    .status-label-section {
        display: none;
    }

    .responsive-status-label {
        display: block;
        margin-top: 3px;
    }

        .responsive-status-label .status-label {
            padding: 5px 8px;
        }
}

@media (max-width: 625px) {
    .ticketuser-mail-header {
        display: block !important;
    }

    .ticketuser-mail-action {
        text-align: left !important;
        margin-bottom: 10px;
    }

    .ticketuser-mail-header .breadcrumb {
        padding: 0.25rem 0;
    }
}

.ticketuser-add-people {
    border: 1px solid #d1d1d1;
    padding: 5px 2px;
    border-radius: 4px;
    position: relative;
}

    .ticketuser-add-people .cc-container {
        float: none;
        padding: 0;
        margin-top: 0;
    }

    .ticketuser-add-people .inline-field a {
        position: absolute;
        float: none;
        right: 10px;
        top: 50%;
        transform: translate(0, -50%);
    }

    .ticketuser-add-people ul.multi-value-field li.choice a.close-link {
        top: 13px;
    }

    .ticketuser-add-people ul.multi-value-field li.choice {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

.ticketuser-add-people-footer {
    justify-content: end !important;
    padding-bottom: 0;
}

.fixed-col-7 {
    -ms-flex: 0 0 700px;
    flex: 0 0 700px;
    padding-right: 0px;
}

.fixed-col-4 {
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    padding-right: 0px;
}

.btn-new-field {
    background: #12344d;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px !important;
    color: #ffffff !important;
}

.row.gt-5 {
    margin-right: -5px;
    margin-left: -5px;
}

.gt-5 > [class^="col-lg-"] {
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 5px;
}

.gt-5 > [class^="col-"] {
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 5px;
}

.btn-form-theme {
    background: #12344d;
    color: #fff;
}

.add-field button:hover {
    color: #fff;
}

.form-preview-btn {
    padding: 4px 6px;
    position: relative;
    color: #bdbdbd;
    display: none;
}

    .form-preview-btn > span {
        position: relative;
        top: 4px;
    }

    .form-preview-btn.edit:hover {
        background: #00000014;
        color: #20643e;
        border-radius: 2px;
    }

    .form-preview-btn.delete:hover {
        background: #00000014;
        color: #cb1f1f;
        border-radius: 2px;
    }

    .form-preview-btn.copy:hover {
        background: #00000014;
        color: #f3a127;
        border-radius: 2px;
    }

.mr-n4px {
    margin-right: -4px;
}

.min-h-130 {
    min-height: 130px;
}

.custom-form:focus-within {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
    outline: 0;
}

.form-preview-section {
    padding: 10px;
    border-radius: 4px;
}

    .form-preview-section:hover {
        background: #12344d0d;
        cursor: move;
    }

        .form-preview-section:hover .form-preview-btn {
            display: inline;
        }

#form-edit {
    width: 500px !important;
}

.w-40 {
    width: 40% !important;
}

.w-10 {
    width: 10% !important;
}

.w-20 {
    width: 20% !important;
}

.width-n {
    width: auto !important;
}

.border-bottom-1 {
    border-bottom: 1px solid #9d9d9d;
}

.w-70 {
    width: 70%;
}

.gt-5 > [class^="sort-item ng-scope col-lg-"] {
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 5px;
}

.gt-5 > [class="sort-item ng-scope col"] {
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 5px;
}

.form-print-template p {
    margin-bottom: 0px;
    color: black;
    font-size: 9pt;
}
/*.form-print-template p span {
    white-space: nowrap !important;
}*/
.form-print-template table tr td:not(.border-none) {
    border: 1px solid black !important;
}

.form-print-template table tr td {
    word-break: break-all !important;
}

@media print {
    .row.form-template {
        display: flex;
        flex-wrap: wrap;
        margin-right: 0px;
        margin-left: 0px;
    }

    h4.form-template {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold !important;
    }

    [class^="has-border form-template-control ng-scope col-lg-"], [class="has-border form-template-control ng-scope col flex-basis-max"] {
        float: left;
        border: 1px solid #dadada;
        vertical-align: middle;
        padding: 8px;
        font-size: 12px;
    }

    [class^="form-template-control ng-scope col-lg-"] {
        float: left;
        vertical-align: middle;
        padding: 8px;
        font-size: 12px;
    }

    [class="ng-scope col flex-basis-max"] {
        float: left;
        vertical-align: middle;
        padding: 8px;
        font-size: 12px;
    }

    .form-template-control.col-lg-12 {
        width: 100%;
    }

    .form-template-control.col-lg-11 {
        width: 91.66666667%;
    }

    .form-template-control.col-lg-10 {
        width: 83.33333333%;
    }

    form-template-control.col-lg-9 {
        width: 75%;
    }

    .form-template-control.col-lg-8 {
        width: 66.66666667%;
    }

    .form-template-control.col-lg-7 {
        width: 58.33333333%;
    }

    .form-template-control.col-lg-6 {
        width: 50%;
    }

    .form-template-control.col-lg-5 {
        width: 41.66666667%;
    }

    .form-template-control.col-lg-4 {
        width: 33.33333333%;
    }

    .form-template-control.col-lg-3 {
        width: 25%;
    }

    .form-template-control.col-lg-2 {
        width: 16.66666667%;
    }

    .form-template-control.col-lg-1 {
        width: 8.33333333%;
    }

    #header-bar, #sticky-header {
        display: none;
    }

    .online-message, .offline-message {
        display: none;
    }

    .card {
        box-shadow: none;
    }
    /* div {
        display: block;
        page-break-inside: avoid;
    }*/
    .form-print-template p {
        margin-bottom: 0px;
        color: black;
        font-size: 9pt;
    }

    .form-print-template .bc-gray {
        background-color: gray !important;
    }

    .form-print-template table tr td:not(.border-none) {
        border: 1px solid black !important;
    }

    body {
        -webkit-print-color-adjust: exact;
        padding: 30px !important;
    }
    /*.form-print-template p span {
        white-space: nowrap !important;
    }*/
    .form-print-template table tr td {
        word-break: break-all !important;
    }

    .print-line .line-column td {
        white-space: nowrap !important;
    }

    @page {
        margin: 0;
    }
}

.alert-custom-danger {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #ab303b;
}

.danger-text {
    padding-left: 30px;
}

.icon-form {
    margin-top: -8px;
    position: relative;
    top: 7px;
}

.form-content .col {
    flex-basis: max-content;
}

.flex-basis-max {
    flex-basis: max-content;
}

.max-w-900 {
    max-width: 900px !important;
}

.agent-add-icon {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 10px;
}

.agent-add-icon-after {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 17px;
}

.pl-32 {
    padding-left: 32px;
}

.input-theme-active:focus {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2c5cc5 !important;
    outline: 0;
}

ul.dropdown-menu {
    z-index: 9999 !important;
}

.filter-value-wrapper-watcher {
    box-shadow: 0 2px 4px 0 rgb(18 52 77 / 6%), 0 2px 18px 0 rgb(18 52 77 / 16%);
    padding: 10px;
    border-radius: 4px;
    margin-top: 1px;
    cursor: pointer;
}

    .filter-value-wrapper-watcher a {
        color: #12344D;
    }

.watchers-result {
    right: unset !important;
    width: 315px;
    margin-top: 2px;
    padding: 8px;
}

.line-h-1-3 {
    line-height: 1.3;
}

.dropdown-content {
    max-height: 150px;
    overflow: auto;
}

.pd-10 {
    padding: 10px;
}

.reply-section {
}

    .reply-section a {
        color: #12353b !important;
    }

        .reply-section a[href^="mailto:"] {
            color: #2C5CC5 !important;
        }

    .reply-section table tr td {
        width: unset !important;
    }

    .reply-section img {
        max-width: 100%;
        height: auto;
    }

md-switch.md-switch-label .md-bar::before {
    position: absolute;
    font-size: 9px;
    line-height: 13px;
    content: "off";
    right: 0;
    padding-right: 3px;
}

md-switch.md-switch-label.md-checked .md-bar::before {
    content: "on";
    left: 0;
    padding-left: 3px;
}

.switch-label {
    display: block;
    margin-top: -20px;
}

.icon-before-login {
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: -8px;
    left: 0;
}

button.disabled {
    pointer-events: none;
}

.flex-basis-auto {
    flex-basis: auto;
}

@media (max-width: 992px) {
    .journal-header-wrapper {
        display: block !important;
        width: 100%;
    }

        .journal-header-wrapper div {
            text-align: left !important;
        }

        .journal-header-wrapper .journal-header-label, .journal-header-wrapper .journal-header-input {
            margin-bottom: 5px !important;
        }
}

.break-log {
    font-size: 10px;
    display: inline-block;
    vertical-align: bottom;
    color: #545454;
}

.color-gray {
    color: #585858;
}

.sort-table-header:hover {
    cursor: pointer;
}

.color-grn3-light {
    color: #0cbd84 !important;
}

.color-gry1-light {
    color: #dbdbdb !important;
}

.mobile-line-description {
    display: none;
}

@media (max-width: 992px) {
    .mobile-line-description {
        display: table-cell;
    }

    .desktop-line-description {
        display: none;
    }
}

.main-mail table {
    table-layout: unset !important;
    border-collapse: collapse;
}

.main-mail td {
    /*border: 1px solid #000;*/
    /*padding: 2px 5px;*/
}

.main-mail td {
    /*border-color: #ddd;*/
}

.main-mail table td {
    outline: 0;
}
/*.main-mail table tr td{
    width: unset !important;
}*/
.activity-log {
    width: auto;
    height: auto;
    min-height: 50px;
    margin: 0 auto;
}

.timeline-datetime {
    text-align: right;
    width: 180px;
    padding-right: 21px;
    position: relative;
    margin: 0 auto;
    float: left;
    line-height: 1.5;
    color: #475867;
    font-size: 12px;
    font-weight: 600;
}

    .timeline-datetime .timeline-circle {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: transparent;
        color: #475867;
        margin: 2px;
        display: block;
        position: absolute;
        top: -3px;
        left: 166px;
        border: 1px solid #CFD7DF;
    }

        .timeline-datetime .timeline-circle:after {
            background: #2C5CC5;
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

.timeline-activity {
    width: 63%;
    padding-left: 20px;
    border-left: 1px solid #CFD7DF;
    margin-top: 25px;
    font-size: 14px;
    display: inline-block;
    min-height: 30px;
    color: #475867;
}

.activity-content {
    margin-top: -22px;
}

.sub-activity:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #2C5CC5;
    display: inline-block;
    border-radius: 50%;
    margin-left: -24px;
    margin-right: 15px;
    margin-bottom: 2px;
}

.ticket-list-merge:hover {
    cursor: pointer;
    background: #19616c;
    color: #ffffff;
}

.pagination-ticket-activity ul {
    margin-bottom: 0;
}

.mail-content p, .mail-content h1, .mail-content h2 {
    color: unset;
}

ul.multi-value-field li.ticket {
    height: 35px;
    margin-bottom: 4px;
}

.position-r-n8 {
    position: relative;
    top: -8px;
}

ul.multi-value-field.ticket {
    border: 1px solid #ced4da !important;
    padding-top: 9px;
    padding-bottom: 5px;
}

.ui-select-ticket .ui-select-match .btn {
    display: block;
    position: relative;
    top: 2px;
}

.list-custom-small .ui-select-ticket i:last-child {
    /* margin-top: 1px !important; */
    margin-top: -2px !important;
}

.ui-select-ticket i:last-child {
    margin-top: 0px !important;
    font-size: inherit !important;
    width: 0 !important;
    height: 0 !important;
}

.elips {
    display: inline-block;
    vertical-align: bottom;
    white-space: nowrap;
    width: 100%;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.border-start {
    border-left: 1px solid #CFD7DF !important;
}

.ticket-wrapper {
    position: absolute;
    left: 0;
    top: 66px;
    width: 100%;
    background: white !important;
    border-top: 1px solid #dee2e6 !important;
    height: 100vh;
}

.ticket-start {
    position: absolute;
    left: 0;
    top: 0;
    /* padding-left: 35px;
    padding-right: 25px;*/
    background: #ffffff;
}

.ticket-end {
    position: fixed;
    right: 0;
    transition: width 0.15s ease-out;
    background: #f5f7f9;
    border-left: 1px solid #CFD7DF !important;
    /*border-top: 1px solid #dee2e6 !important;*/
    z-index: 88;
}

.height-100vh {
    height: 100vh;
}

.sidenav-footer-2 {
    position: absolute;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    bottom: 0;
    z-index: 5;
    background: #f5f7f9;
    padding-bottom: 75px;
    padding-top: 15px;
    border-top: 1px solid #dee2e6 !important;
}

.flex-1 {
    flex: 0 0 27em;
}

.right-310 {
    right: 330px;
}

.width-310 {
    width: 330px !important;
}

.width-0 {
    width: 0 !important;
}

.background-e7e7e7 {
    background: #e7e7e7 !important;
}

.pr-2rem {
    padding-right: 2rem !important;
}

.content-auto-scroll {
    overflow: auto;
}

.width-calc-330 {
    width: calc(100% - 325px);
}

.width-calc-314 {
    width: calc(100% - 314px);
}

.fixed-header {
    position: fixed;
    background: #ffffff;
    border-top: 1px solid #dee2e6 !important;
    left: 15px;
}

.pd-t-124 {
    padding-top: 124px !important;
}

.pd-t-129 {
    padding-top: 129px !important;
}

.view-modified {
    background-color: #FEF1E1;
    border: 1px solid #E86F25;
    padding: 0px 10px;
    border-radius: 4px;
    max-width: 300px;
    font-style: italic;
    font-weight: 500;
    box-sizing: border-box;
    height: 33px;
    white-space: nowrap;
}

.fill-color-1 {
    color: #12344D;
}

.pd-0 {
    padding: 0 !important;
}

.filter-inner-wrapper {
    overflow: auto;
}

.fixed-search-bar {
    border-bottom: 1px solid #dee2e6 !important;
    /*margin-bottom: 15px;*/
}

.icon-saveas {
    font-size: 22px;
    position: absolute;
    margin-top: -7px;
    margin-left: -6px;
    letter-spacing: 0;
}

md-backdrop {
    position: fixed;
}

.timepicker-custom .width-0 {
    width: auto !important;
}

.timepicker-ticketcustom tbody tr:has(td .btn-link .glyphicon.fa.fa-angle-up),
.timepicker-ticketcustom tbody tr:has(td .btn-link .glyphicon.fa.fa-angle-down) {
    display: none;
}

.sub-dropdown-btn-pd {
    padding-left: 7px;
    padding-right: 7px;
}

.ticket-list-container {
    padding-top: 57px !important;
}

.ticket-list-header-title-col h3 {
    white-space: nowrap;
    min-width: 100%;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-filter-action {
    display: none;
}

@media (max-width: 1162px) {
    .ticket-list-container {
        padding-top: 57px !important;
    }

    .ticket-list-header-action-col {
        display: none;
    }

    .ticket-list-header-title-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .mobile-filter-action {
        display: block;
    }
}

.ticket-config-list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}

.ticket-config-list-custom-small {
    line-height: 50px;
}

    .ticket-config-list-custom-small a {
        color: #1f1f1f;
        font-weight: 500;
        padding-left: 10px;
        border-radius: 4px;
        margin-bottom: 3px;
    }

        .ticket-config-list-custom-small a:not(.active-ticket-config-link):hover {
            background: #f3f3f3;
        }

.font-icon-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -2px;
}

.active-ticket-config-link {
    background: #12344d;
    color: #ffffff !important;
}

.btn-ticket-config-save {
    padding: 10px 11px !important;
    font-size: 14px !important;
    background: #2a5474;
    color: #fff;
}

    .btn-ticket-config-save:hover {
        color: #fff;
    }

.t-c-b {
    border-top: solid 1px rgba(0,0,0,.05);
}

.action-btn {
    position: absolute;
    right: 15px;
    display: block;
    background: #f1f1f1;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
    text-align: center;
}

.hover-none:hover {
    background: none !important;
    cursor: pointer;
}

.ticket-config a:hover {
    background: none !important;
    cursor: pointer;
}

.action-btn:hover {
    background: #12344d;
    color: #fff;
}

md-switch.md-checked:not([disabled]).md-primary.ticket-switch .md-thumb:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: 900;
    color: #fff;
    font-size: 9px;
    top: -3px;
    left: 0;
    text-align: center;
}

md-switch:not(.md-dragging).ticket-switch .md-thumb:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00d";
    font-weight: 900;
    font-size: 10px;
    top: -4px;
    left: 0;
    text-align: center;
}

.config-anchor {
    border-bottom: none;
}

md-switch.ticket-switch .md-thumb {
    box-shadow: 0 2px 10px rgb(0 0 0 / 50%) !important;
}

.ticket-bind-field {
    display: inline-block;
    background: rgba(240,240,240,0.3);
    border: solid 1px #EEE;
    padding: 0px 24px 0px 12px;
    border-radius: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 5px;
}

.main-mail table {
    word-break: normal;
    width: unset !important;
}

.tkt-hide-show, .tkt-hide-show ~ * {
    display: none;
}

.main-mail a:link, .replyBody a:link {
    text-decoration: underline !important;
}

.row-fluid {
    width: 100%;
    overflow: auto;
}

.timerange-col {
    display: inline-block;
}

.btn-c-s {
    padding: 9px 0px !important;
    font-size: 12px !important;
}

.bg-blue3-dark {
    background-color: #285087 !important;
    color: #FFFFFF !important;
}

.bg-green3-dark {
    background-color: #309b5c !important;
    color: #FFFFFF !important;
}

.line-h-2 {
    line-height: 2;
}

.input-control-height {
    height: calc(1.5em + 0.75rem + 9px) !important;
}

.switch-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.alert-custom {
    padding: 8px 35px 8px 14px;
    margin-top: 10px;
    background-color: #fffade;
    color: #111315;
}

.mb20 {
    margin-bottom: 20px;
}

.filter-component .filter-row {
    margin: 12px 0;
}

.clearfix:before {
    content: " ";
    display: table;
    line-height: 0;
}

.clearfix:after {
    content: " ";
    display: table;
    clear: both;
    line-height: 0;
}

.filter-component .filter-row .remove-filter-row {
    margin: 10px 10px 0 0;
}

.filter-component .filter {
    position: relative;
    border: 1px solid #CFD7DF;
    border-radius: 4px;
    display: inline-block;
    min-height: 35px;
    width: 435px;
    margin-left: 2px;
    -moz-box-shadow: inset 0 1px 2px 0 rgba(24,50,71,0.05);
    -webkit-box-shadow: inset 0 1px 2px 0 rgb(24 50 71 / 5%);
    box-shadow: inset 0 1px 2px 0 rgb(24 50 71 / 5%);
    box-sizing: border-box;
    background-color: #fff;
    padding: 0 6px 2px 6px;
}

    .filter-component .filter .filter-selected {
        display: inline-block;
        background-color: #EBEFF3;
        font-size: 14px;
        border-radius: 4px;
        cursor: pointer;
        box-sizing: border-box;
        padding: 2px 7px;
        min-height: 20px;
        line-height: 20px;
        color: #12344D;
        font-weight: 400;
        margin-top: 5px;
        word-break: break-word;
        overflow: hidden !important;
        max-width: 185px;
        margin-right: 3px;
        vertical-align: top;
    }

    .filter-component .filter .filter-input {
        display: inline-block;
        vertical-align: top;
    }

        .filter-component .filter .filter-input input {
            border: none;
            height: 33px;
            width: 90px;
            display: inline-block;
            box-shadow: none;
            margin: 0;
            padding: 0;
            font-size: 12px;
            margin-left: 6px;
        }

        .filter-component .filter .filter-input .filter-dropdown {
            position: absolute;
            display: block;
            width: auto;
            height: auto;
            overflow: hidden;
            background: #fdfdfd;
            z-index: 3000;
            box-shadow: 0 2px 4px 0 rgb(18 52 77 / 6%), 0 2px 18px 0 rgb(18 52 77 / 16%);
            color: #555;
            border: 1px solid #EBEFF3;
            border-radius: 4px;
            margin-left: -7px;
        }

            .filter-component .filter .filter-input .filter-dropdown ul {
                margin: 3px 0;
                padding: 6px 8px;
                height: auto;
                max-height: 200px;
                overflow-y: auto;
                -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease;
                min-width: 70px;
                max-width: 200px;
                word-break: break-word;
            }

                .filter-component .filter .filter-input .filter-dropdown ul li {
                    padding: 5px;
                    cursor: pointer;
                    font-size: 13px;
                    border-radius: 4px;
                    position: relative;
                }

                    .filter-component .filter .filter-input .filter-dropdown ul li.hover {
                        color: #12344D;
                        background-color: #EBEFF3;
                    }

.sla_policy_form .filter-component .filter .filter-input .filter-dropdown ul[data-type=name] li, #new-helpdesk-ola-policy .filter-component .filter .filter-input .filter-dropdown ul[data-type=name] li {
    width: auto;
}

[data-ellipsis=true] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filter-component .filter .filter-selected [data-ellipsis] {
    display: inline-block;
    max-width: 150px;
    vertical-align: middle;
}

.filter-component .filter .filter-selected[data-type="from"], .filter-component .filter .filter-selected[data-type="to"], .filter-component .filter .filter-selected[data-type="operator"], .filter-component .filter .filter-selected[data-type="relative-value"] {
    text-transform: lowercase;
    background: none;
    color: #ADAFB5;
    padding: 2px 5px 3px 5px;
}

.filter-component .filter .filter-selected .close-pill {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    position: relative;
    float: right;
    right: -4px;
    padding: 3px;
    top: 1px;
}

.filter-component .filter .filter-selected.filter-dom input, .filter-component .filter .filter-selected.filter-dom textarea {
    box-shadow: none;
    border: none;
    padding: 0;
    border-radius: 2px;
}

.filter-component .filter .filter-selected.filter-dom.filter-text input, .filter-component .filter .filter-selected.filter-dom.filter-text_with_list input {
    padding: 0;
    height: 20px;
    margin-top: -1px;
}

.mr8 {
    margin-right: 8px;
}

.ml8 {
    margin-left: 8px;
}

.filter-component .filter .filter-input .filter-dropdown ul li i {
    border-radius: 4px;
    padding: 0 8px;
    background: #EBEFF3;
}

.filter-component .filter .filter-input .filter-dropdown ul li.multilevel-nav i {
    padding: 3px 8px;
}

.filter-component .filter .filter-input .filter-dropdown ul li.multilevel-nav.hover i {
    background: #EBEFF3;
}

.filter-component .filter .filter-input .filter-dropdown ul li.multilevel-nav {
    color: #475867;
    font-weight: 600;
}

    .filter-component .filter .filter-input .filter-dropdown ul li.multilevel-nav.hover {
        background: transparent;
    }

.sla_policy_form .filter-component .filter .filter-input .filter-dropdown ul[data-type=name] li.multilevel-nav, #new-helpdesk-ola-policy .filter-component .filter .filter-input .filter-dropdown ul[data-type=name] li.multilevel-nav {
    width: 80%;
}

.filter-dropdown.active {
    display: block;
}

.filter-component .filter .filter-input .filter-dropdown ul li[multilevel_key] {
    display: inline-block;
    font-size: 12px;
    line-height: normal;
    border-radius: 4px;
    border: 1px solid #BBDCFE;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 14%);
    background-color: #E5F2FD;
    padding: 4px 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 185px;
    margin: 8px 8px 0 0;
}

.sla_policy_form .filter-component .filter .filter-input .filter-dropdown ul[data-type=operator] {
    min-width: 70px;
    max-width: 130px;
}

    .sla_policy_form .filter-component .filter .filter-input .filter-dropdown ul[data-type=operator] li {
        width: 90%;
        text-transform: lowercase;
    }

.filter-component .filter .filter-input {
    display: inline-block;
    vertical-align: top;
}

    .filter-component .filter .filter-input.prevent {
        padding: 0;
        vertical-align: top;
    }

        .filter-component .filter .filter-input.prevent input {
            position: relative;
            width: 1px;
            padding-left: 0;
            padding-right: 0;
            margin-left: 1px;
            display: none;
        }

        .filter-component .filter .filter-input.prevent .filter-dropdown {
            border: none !important;
            height: 0;
            width: 0;
            margin: 0;
            display: none;
        }

.filter-component .filter .filter-selected.filter-dom {
    background: none !important;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 0 !important;
    max-width: 100%;
    overflow: visible !important;
}

    .filter-component .filter .filter-selected.filter-dom input {
        box-shadow: none;
        border: none;
        padding: 0;
        border-radius: 2px;
    }

    .filter-component .filter .filter-selected.filter-dom.filter-text input {
        padding: 0;
        height: 20px;
        margin-top: -1px;
    }

.filter-dropdown .ng-hide {
    display: none !important;
}

.grid-sla {
    border: 1px solid #CFD7DF;
    background: #F5F7F9;
    border-radius: 4px;
    padding: 0;
}

    .grid-sla table {
        padding: 0;
        margin: 0;
        border: 0;
        font-size: 14px;
        border-bottom: 2px solid #cfcfcf;
        background-color: transparent;
        border-collapse: collapse;
        border-spacing: 0;
        vertical-align: middle;
        width: 100%;
        max-width: 100%;
    }

    .grid-sla table {
        border-bottom: 0;
    }

        .grid-sla table td {
            border: 0;
            background: none;
        }

        .grid-sla table.sla_policies tr.escalations td {
            border-radius: 4px;
        }

        .grid-sla table.sla_policies tr.escalations td {
            padding: 8px 4px 5px;
        }

            .grid-sla table.sla_policies tr.escalations td.delete-button-holder {
                width: 16px;
            }

        .grid-sla table.sla_policies tr.escalations.response td:first-child {
            padding-left: 10px;
        }

        .grid-sla table.sla_policies tr.escalations .delete {
            opacity: 0.7;
            filter: alpha(opacity=0.7);
            color: #f65050;
        }

        .grid-sla table.sla_policies tr.escalations td.escalations-time-holder {
            width: 210px;
        }

        .grid-sla table td label {
            color: #555555;
            font-weight: bold;
            font-size: 1em;
            padding: 8px 0 6px 0;
        }

.escalations-time-holder label.inline_text {
    display: inline-block;
    padding-top: 6px;
    padding-right: 6px;
    vertical-align: top;
    font-weight: normal;
}

.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    box-sizing: border-box;
}

.grid-sla table.sla_policies tr.escalations td .select2-container {
    width: 99%;
}

select.input-control:focus {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2c5cc5 !important;
    outline: 0;
}

input.input-control:focus {
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2c5cc5 !important;
    outline: 0;
}

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0 5px 0 0;
    position: relative;
    border: 1px solid #CFD7DF;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
    border-radius: 3px;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container .select2-choices {
    color: #12344D;
    font-weight: 500;
    border-color: #CFD7DF;
    -moz-box-shadow: inset 0 1px 2px 0 rgba(24,50,71,0.05);
    -webkit-box-shadow: inset 0 1px 2px 0 rgb(24 50 71 / 5%);
    box-shadow: inset 0 1px 2px 0 rgb(24 50 71 / 5%);
    border-radius: 3px;
    background-image: none;
    min-height: 30px !important;
    line-height: 30px;
}

.grid-sla table.sla_policies tr.escalations td ul {
    border-radius: 4px;
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}

li.select2-search-field {
    width: auto !important;
}

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-search-field input {
    background-color: #fff;
    -moz-box-shadow: inset 0 1px 2px 0 rgba(24,50,71,0.05);
    -webkit-box-shadow: inset 0 1px 2px 0 rgb(24 50 71 / 5%);
    box-shadow: inset 0 1px 2px 0 rgb(24 50 71 / 5%);
    color: #12344D;
    font-size: 14px;
    font-weight: 500;
    box-sizing: border-box;
    display: inline-block;
    padding: 6px 12px;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid #CFD7DF;
    -moz-transition: border linear 0.2s;
    -o-transition: border linear 0.2s;
    -webkit-transition: border linear 0.2s;
    transition: border linear 0.2s;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;
    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent !important;
    height: 32px;
}

.select2-choices:focus-within {
    border: #2C5CC5 !important;
    box-shadow: 0 0 0 2px #2c5cc5 !important;
    outline: 0;
    border-radius: 3px;
}

.select2-drop.select2-drop-active {
    position: absolute;
    border-top: 1px solid #EBEFF3;
    border-color: #EBEFF3;
    box-shadow: 0 2px 4px 0 rgb(18 52 77 / 6%), 0 2px 18px 0 rgb(18 52 77 / 16%);
    border-radius: 4px;
    background: #fff;
    z-index: 99999;
    width: 100%;
    margin-top: 2px;
}

.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: transparent;
}

    .select2-results li {
        list-style: none;
        display: list-item;
        background-image: none;
        font-size: 13px;
    }

.select2-drop .select2-results li {
    margin: 2px;
    border-radius: 4px;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.select2-drop-multi .select2-result-label {
    word-break: break-word;
}

.select2-results li.select2-result-with-children > div > .select2-result-label {
    font-weight: bold;
}

.select2-drop.select2-drop-active div.select2-result-label {
    padding: 6px 7px;
}

.muted {
    color: #647A8E;
}

.select2-container-multi .select2-search-choice {
    word-break: break-word;
}

li.select2-search-choice {
    width: auto !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #141c30;
    cursor: default;
    border: 1px solid #CFD7DF;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 18px 3px 5px;
}

.select2-container .select2-choices .select2-search-choice {
    color: #12344D;
    background: #EBEFF3;
    box-shadow: none;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 26px 4px 10px;
    border: none;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: none;
}

.select2-container-multi .select2-search-choice-close {
    left: auto;
}

.select2-container .select2-choices .select2-search-choice .select2-search-choice-close {
    height: 28px;
    top: 0px;
    right: 0;
    width: 24px;
    border-radius: 4px;
    color: #183247;
}

.select2-search-choice-close::after {
    color: #999;
    content: "\00d7";
    position: absolute;
    top: -4px;
    right: 1px;
    font-size: 16px;
    font-weight: bold;
}

.select2-container .select2-choices .select2-search-choice .select2-search-choice-close:after {
    color: #183247;
}

.select2-container .select2-choices .select2-search-choice .select2-search-choice-close:after {
    top: 4px;
    right: 6px;
    font-size: 20px;
    font-weight: normal;
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-result.select2-result-selectable {
    background: none;
    color: #000;
}

    .select2-result.select2-result-selectable:hover {
        background: #EBEFF3;
        color: #12344D;
    }

.select2-container .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background: #CFD7DF;
}

.list-box {
    padding: 4px 13px;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 6%);
    border-radius: 4px;
    margin-bottom: 8px;
}

.url-text:hover {
    text-decoration: underline !important;
    cursor: pointer;
}

.dashboard-icon-color {
    color: #2a4f88 !important;
}

.md-disabled {
    pointer-events: none;
    opacity: 0.4;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ember-badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    padding: 4px 8px;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #CFD7DF;
    vertical-align: middle;
    border-radius: 2px;
}

    .ember-badge.state-new {
        color: #007958;
        background-color: #e0f5f0;
        border-color: #b4e5d9;
    }

    .ember-badge.state-customer_responded {
        color: #678ce7;
        background-color: #edf2ff;
        border-color: #678ce7;
    }

    .ember-badge.state-elapsed {
        color: #c82124;
        background-color: #ffecf0;
        border-color: #ffd0d6;
    }

.response-overdue {
    color: #ea6264;
}

.clock-value-over {
    background: #FFECF0;
    color: #d32c2f;
    text-align: center;
    border-radius: 4px;
    padding: 2px 9px;
    white-space: nowrap
}

.clock-value {
    background: #E0F5F0;
    color: #007958;
    text-align: center;
    border-radius: 4px;
    padding: 2px 9px;
    white-space: nowrap
}

.dropdown-filter {
    position: absolute !important;
    z-index: 1;
    background: #fff;
    width: 100%;
    padding: 10px;
    box-shadow: 0 2px 4px 0 rgb(18 52 77 / 6%), 0 2px 18px 0 rgb(18 52 77 / 16%);
    left: -2px;
    margin-top: 7px;
    border-radius: 5px;
}

.pd-custom {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 8px;
}

.company-text-overflow {
    white-space: nowrap;
    max-width: 81%;
    text-overflow: ellipsis;
    overflow: hidden;
}

ul.multi-value-field.ticketcompany {
    border: 1px solid #ced4da !important;
    padding-top: 2px;
    padding-bottom: 2px;
}

    ul.multi-value-field.ticketcompany.has-data {
        padding-top: 6px;
    }

.btn-c-s2 {
    padding: 9px 14px !important;
    font-size: 12px !important;
}

.cancel-st {
    color: white;
    background: #a7a7a7;
}

.flex-shrink-0-i {
    flex-shrink: 0 !important;
}

.dropdown-menu-c {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    margin-top: -1px;
}

.dropdown-menu-c-center {
    left: -58px;
}

.dropdown-hover:hover .dropdown-menu-c {
    display: block;
}

.date-label {
    font-size: 12px;
    color: #b1afaf;
    margin-top: -5px;
    display: block;
}

.form-print-preview p {
    margin-bottom: 0px;
    color: black;
}

.form-print-preview span {
    font-size: 9pt !important;
}

.ticket-login {
    max-width: 600px !important;
    margin: 0 auto;
}

.html-editor-email-template .ql-container p {
    font-size: 11pt !important;
    color: black !important;
    background: none !important;
}

.html-editor-email-template .ql-container span {
    font-size: 11pt !important;
    color: black !important;
    background: none !important;
}

.condition-container {
    background: #F5F7F9;
}

.select2-choice {
    text-decoration: none;
    white-space: nowrap;
    padding: 0 0 0 8px;
    height: 26px;
    width: 150px;
    min-height: 32px !important;
    line-height: 32px;
    border-radius: 4px;
    font-weight: 500;
    box-shadow: inset 0 1px 2px 0 rgb(24 50 71 / 5%);
    background: none repeat scroll 0 0 #FFFFFF;
    border-image: none;
    padding: 8px;
    border: 1px solid #CFD7DF;
    color: #12344D;
    margin-left: 7px;
}

    .select2-choice > .select2-chosen {
        margin-right: 12px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        float: none;
        width: auto;
    }

a.select2-choice:focus {
    border: 1px solid #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2c5cc5 !important;
    outline: 0;
}

.search-icon-center {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin-left: 5px;
    margin-top: 1px;
    font-size: 22px;
}

.border-list-bottom {
    border-bottom: 1px solid #ededed;
}

.border-list {
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
}

.border-list-top-first {
    border-top: 1px solid #ededed;
}

.btn-c-s3 {
    padding: 6px 14px !important;
    font-size: 12px !important;
}

ul.multi-value-field.months {
    border: 1px solid #ced4da !important;
    padding-top: 1px;
    padding-bottom: 1px;
}

.dropdown-select {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    width: 100%;
    max-height: 250px;
    overflow: auto;
}

.dropdown-select-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-select-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa;
    }

.overlay-container:hover {
    position: absolute;
    z-index: 2;
    top: 1px;
}

    .overlay-container:hover .overlay-input {
        max-width: 460px;
        text-align: left !important;
    }

.badge-box {
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 20%);
    color: #11202a;
}

.back-button-icon:hover {
    background: #ebebeb;
    border-radius: 50%;
}

.workflow-sidebar {
    position: absolute;
    box-sizing: border-box;
}

.workflow-sidebar {
    margin-left: 10px;
    margin-top: 20px;
    height: calc(100vh - 220px);
    z-index: 101;
    background: #fff;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 11%);
    border-radius: 8px;
    padding-top: 8px;
    padding-right: 5px;
}

.workflow-nodes {
    padding: 0 10px 8px;
    max-height: calc(100% - 100px);
}

.drag-source {
    display: flex;
    align-items: center;
    padding: 8px;
    margin-bottom: 3px;
    border: 1px solid transparent;
}

.wf-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    border-radius: 50%;
}

    .wf-icon.ficon-wf-event {
        background-color: #33b67a;
    }

    .wf-icon.ficon-wf-condition {
        background-color: #ec8801;
    }

    .wf-icon.ficon-wf-action {
        background-color: #1aa9d1;
    }

.wf-icon {
    width: 35px;
    height: 35px;
    line-height: 25px;
    font-size: 12px;
}

.center-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-left: -1px;
}

.text-drag {
    transition: all 0.3s ease;
    margin: 0;
}

.drag-source:not(:hover) .text-drag {
    width: 0;
    height: 0;
    overflow: hidden;
}

.drag-source:hover {
    background: #F5F7F9;
    border-color: #EBEFF3;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 5%);
    border-radius: 4px;
    cursor: pointer;
    width: 140px;
}

.ui-draggable-helper {
    background: #F5F7F9;
    border-color: #EBEFF3;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 5%);
    border-radius: 4px;
    cursor: pointer;
    width: 140px;
}

.drag-source:hover .text-drag {
    margin-left: 0.5rem !important;
}

.stage {
    left: 140px;
    right: 0;
    position: absolute;
    overflow-x: auto;
    height: calc(100vh - 220px);
    margin-left: 10px;
    margin-top: 20px;
    padding: 0 10px 8px;
}

.hotkey {
    box-shadow: 0px 2px 4px rgb(18 52 77 / 6%), 0px 2px 16px rgb(18 52 77 / 10%);
    border-radius: 4px;
}

.section-text {
    max-width: 40px;
    min-width: 100%;
}

.hotkey-action {
    display: none;
}

.hotkey-container:hover {
    cursor: pointer;
}

    .hotkey-container:hover .hotkey-action {
        display: block;
    }

.col-lg-c-1 {
    width: 100%;
}

.col-lg-c-2 {
    flex: 0 0 10%;
    max-width: 10%;
}

@media (min-width: 992px) {
    .col-lg-c-1 {
        flex: 0 0 10%;
        max-width: 10%;
    }
}

@media (max-width: 1420px) {
    .col-lg-c-2 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

@media (max-width: 1120px) {
    .col-lg-c-2 {
        flex: 0 0 16.666%;
        max-width: 16.666%;
    }
}

@media (max-width: 590px) {
    .col-lg-c-2 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


.gt-5 > [class^="col-lg-c"] {
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 5px;
}

.table tr.ticket-archive th {
    border-top: none;
}

.set-date-section {
    margin-left: 26%;
    margin-bottom: 8px;
    margin-top: 5px;
}

.ui-dropped-item > .drag-source {
    background-color: #fff;
    border: 1px solid #cad2d6;
    border-radius: 4px;
    cursor: pointer;
    width: 200px;
    height: 70px;
    box-sizing: border-box;
    transition: box-shadow 0.2s;
    position: absolute !important;
}

    .ui-dropped-item > .drag-source .wf-icon {
        width: 45px;
        height: 45px;
        margin-left: -29px;
    }

.stage .workflow-nodes {
    padding: 0;
    width: 200px;
    height: 70px;
    position: absolute;
    left: 20px;
}

.workflow-form {
    position: absolute;
    left: 15px;
    background: #ffffff;
    width: 100%;
    margin-top: -12px;
    margin-right: 0;
}

.workflow-container {
    background: url(/Content/images/workflow-bg.png);
}

.btn-caret {
    padding: 7px 10px !important;
}

.ui-dropped-item > .drag-source .text-drag {
    width: auto;
    height: auto;
    margin-left: 8px;
    margin-top: 2px;
    font-size: 14px;
    font-weight: normal;
}

#new-node-edge {
    position: absolute;
    display: none;
}

    #new-node-edge > div {
        position: absolute;
        top: 35px;
        left: 43.5px;
    }

.dummy-link .add-img, .dummy-link .reject-img, .link .add-img, .link .reject-img {
    display: none;
    position: absolute;
    margin: -6px 0 0 -6px;
}

.dummy-link .reject-img, .link .reject-img {
    display: none;
    position: absolute;
    margin: -6px 0 0 -6px;
}

.dummy-link .circle, .link .circle {
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #808080;
    background-color: #f9fafc;
    margin: -6px 0 0 -6px;
    border-radius: 50% !important;
}

.dummy-link span.arrow, .link span.arrow {
    position: absolute;
    display: block;
    color: #808080;
    transform: rotate(90deg);
    margin: -5px 0 0 8px;
}

    .dummy-link span.arrow.arr-right, .link span.arrow.arr-right {
        transform: rotate(0deg) translate(-9px, -1.5px);
    }

#new-node-edge > span {
    top: 34.5px;
    left: 80px;
}

#new-node-down-edge > span {
    top: 81.5px;
    left: 96.8px;
}

#new-node-down-edge > div {
    position: absolute;
    top: 43.5px;
    left: 109px;
}

#new-node-down-edge {
    position: absolute;
    display: none;
}

.connection {
    stroke: grey;
}

.link.hover-link path.connection {
    stroke: #00ce71;
}

.link.hover-link .add-img {
    display: block;
    color: #00ce71;
}

.link.hover-link span {
    color: #00ce71;
}

.dropped.right:not(.hover-link, .link-drop, .hasNext) {
    opacity: 0;
}

.dropped.down:not(.hover-link, .link-drop, .hasNext) {
    opacity: 0;
}

.wf-event-bg {
    background-color: #33b67a;
}

.wf-event-bg {
    background-color: #33b67a;
}

.wf-condition-bg {
    background-color: #ec8801;
}

.wf-action-bg {
    background-color: #1aa9d1;
}

.wf-form-sivenav {
    width: 500px !important;
}

@media (min-width: 600px) {
    .wf-form-sivenav {
        max-width: 560px !important;
    }
}

.wf-add-event {
    color: #33b67a !important;
}

.event-hover:hover {
    color: #12344D;
    background-color: #EBEFF3;
}

.rule-actions {
    background: #f9f9f9;
    clear: both;
    padding: 10px;
}

.control-label {
    display: inline-block;
}

.input-select {
    width: auto;
    display: inline-block;
    border: 1px solid #CFD7DF;
    border-radius: 4px !important;
}

.link .yes-toggle {
    position: absolute;
    left: 10px !important;
    top: 5px !important;
    font-size: 11px;
    text-transform: uppercase;
}

.link .no-toggle {
    position: absolute;
    left: 125px !important;
    top: 10px !important;
    font-size: 11px;
    text-transform: uppercase;
}

.dropdown-menu table tbody tr td button.btn-default.active {
    color: #000;
    background-color: #e7e7e7;
    border-color: #e7e7e7;
}

.main-mail {
    color: #000;
}
/*.replyBody div[style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0cm 0cm 0cm"], .replyBody div[style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0cm 0cm 0cm"] ~ * {
    display: none;
}*/
/*.replyBody div[style*="border:none;border-top:solid"], .replyBody div[style*="border:none;border-top:solid"] ~ * {
    display: none;
}*/
.replyBody .hide-element, .replyBody .hide-element ~ * {
    display: none;
}
/*.replyBody div div[style*="border:none;border-top:solid"], .replyBody div div[style*="border:none;border-top:solid"] ~ * {
    display: none;
}*/
.replyBody .x_email-quote {
    display: none;
}

.ticket-note-bg {
    background: #fffbee;
}

div:focus, div:focus-visible {
    outline: none !important;
}

.btn-action-container {
    display: inline-block;
}

@media (max-width: 1348px) {
    .text-btn-res {
        display: none;
    }
}

@media (max-width: 1348px) {
    .text-btn-res {
        display: none;
    }
}

@media (max-width: 1087px) {
    .text-btn-res {
        display: inline;
    }
}

@media (max-width: 893px) {
    .text-btn-res {
        display: none;
    }
}

@media (max-width: 630px) {
    .btn-action-container {
        display: block;
    }

    .text-btn-res {
        display: inline;
    }

    .btn-action-side-reply {
        margin-bottom: 2px;
        width: 100%;
    }

    .dropdown-btn-hover, .action-btn-ticket {
        width: 100%;
    }

    .action-divider {
        display: none;
    }

    .btn-action-container {
        margin-left: unset !important;
    }

    .btn-ticket-action {
        margin-right: 0.5rem !important;
    }
}

@media (max-width: 632px) {
    .reply-container .btn {
        width: 100%;
        margin-bottom: 2px;
    }

    .reply-container .dropup {
        width: 100%;
    }

    .reply-container .toggle-btn {
        width: 10%;
    }
}

.tag-container {
    border: 1px solid #ced4da !important;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 3px !important;
}

    .tag-container:focus-within {
        border: 1px solid#2C5CC5 !important;
        box-shadow: 0 0 0 1px #2C5CC5 !important;
        outline: 0;
    }

.fixed-list-col {
    -ms-flex: 0 0 600px;
    flex: 0 0 600px;
    padding-right: 0px;
}

.list-btn-more {
    display: none;
}

@media (max-width: 1560px) {
    .list-btn-more {
        display: inline-block;
    }

    .list-btn-action {
        display: none;
    }
}
/*.dropdown-menu.show{
    display: block !important;
}*/
.group-item {
    background: #ebf4ff;
}

    .group-item:hover {
        background: #ffffff;
    }

@media (min-width: 600px) {
    .ticket-mail {
        max-width: 1400px;
    }
}

.ticket-mail {
    width: 730px !important;
}

.dropdown-btn-hover:hover .dropdown-menu-c {
    display: block;
}

.column-setting {
    padding: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    border-radius: 7px;
}

    .column-setting:hover {
        background: #0000001f;
        cursor: pointer;
    }

.more-reply-icon {
    background: #0068f1;
    border-radius: 50%;
    display: inline-block;
    height: 25px;
    width: 25px;
    color: #fff;
}

.more-reply-btn {
    background: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 16px;
    padding: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -1px;
    padding-left: 5px;
    padding-right: 8px;
}

.more-reply-wrapper {
    margin: 0 16px 0px 16px;
    border: 1px solid #c1c1c1;
    height: 7px;
    background: #fff;
    border-radius: 4px;
    margin-top: 36px;
}

.deleted-ticket {
    font-size: 10px;
    padding: 2px;
    background: #dc3545;
    color: #fff;
    border-radius: 2px;
}

.delivered {
    background: #166f26;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 2px;
}

.failed {
    background: #d31919;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 2px;
}

.action-btn-list {
    display: inline-block;
    background: #f1f1f1;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
}

    .action-btn-list:hover {
        background: #12344d;
        color: #fff;
    }

.my-ticket-tab:hover .filter-action-btn {
    display: inline;
}

.my-ticket-tab {
    position: relative;
}

.action-tab-btn {
    /*position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -3px;
    line-height: 0;*/
}

.tab-btn {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: none;
}

.my-ticket-tab:hover .tab-btn {
    display: inline;
}

.tab-btn:hover {
    background: #dfdfdf;
    border-radius: 4px;
}

.search-responsive {
    position: fixed;
    left: 0;
    z-index: 2;
    background: #fff;
    width: calc(100% - 325px);
    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 8%) !important;
}

md-tab-label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.tab-ticket {
    padding: 0px 0px !important;
}

@keyframes twist-up-down {
    0% {
        transform: rotateX(0deg);
    }

    50% {
        transform: rotateX(90deg);
    }

    100% {
        transform: rotateX(180deg);
    }
}

#twisted-eye {
    animation: twist-up-down 1.5s infinite linear;
}

.ticketuser-company {
    background: #e6e6e6;
    border-radius: 4px;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 2px;
}

.custom-icon-viewer {
    position: relative;
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.custom-icon-viewer-kanban {
    position: relative;
    width: 25px;
    height: 25px;
    text-align: center;
    margin-top: 2px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.custom-icon-viewer div span {
    position: absolute;
}

.custom-icon-viewer .sub-view {
    width: 42px;
    height: 42px;
    text-align: center;
    font-size: .8rem;
    position: absolute;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.display-table-cell {
    display: table-cell !important;
}

.timesheet-journal.ui-select-bootstrap > .ui-select-choices {
    width: 100% !important;
}

.upload {
    margin: 10px;
    border: 8px dashed #efefef;
    border-radius: 5px;
    line-height: normal;
    padding-bottom: 15px;
    padding-top: 15px;
}

.upload-hover {
    border: 8px dashed #b3b3b3;
}

    .upload-hover .icon-upload-drag {
        color: #7b7b7b;
    }

.icon-upload-drag {
    color: #cdcdcd;
}

.font-55 {
    font-size: 55px;
}

.setting-icon {
    padding: 10px;
    border-radius: 50%;
    position: relative;
    top: 5px;
}

.pause-label {
    text-align: right;
}

    .pause-label label {
        position: relative;
        top: 13px;
    }

@media (max-width: 575px) {
    .pause-label {
        text-align: left;
    }
}

.search-result-wrapper2 {
    position: absolute;
    width: 100%;
    z-index: 2;
    background: #fff;
    border: none;
    -moz-box-shadow: 0px 2px 4px rgba(18,52,77,0.06),0px 2px 16px rgba(18,52,77,0.1);
    -webkit-box-shadow: 0px 2px 4px rgb(18 52 77 / 6%), 0px 2px 16px rgb(18 52 77 / 10%);
    box-shadow: 0px 2px 4px rgb(18 52 77 / 6%), 0px 2px 16px rgb(18 52 77 / 10%);
    border-radius: 4px;
    text-align: left;
    max-height: 510px;
    overflow-y: auto;
    z-index: 85;
    margin-top: 2px;
    max-height: 500px;
}

    .search-result-wrapper2 .p-items {
        padding: 3px 13px;
        cursor: pointer;
    }

        .search-result-wrapper2 .p-items:hover {
            background: #f1f1f1;
        }

    .search-result-wrapper2 .p-active {
        background: #f1f1f1;
    }

.ticket-link {
    color: #0064ff !important;
}

    .ticket-link span {
        cursor: pointer;
        color: #0064ff !important;
    }

    .ticket-link:hover {
        text-decoration: underline !important;
    }

.btn-default-shadow {
    box-shadow: 0 3.08696px 5.82609px 0 rgba(0, 0, 0, 0.16174), 0 3.65217px 12.91304px 0 rgba(0, 0, 0, 0.12435);
}

.timer-icon {
    padding: 6px;
    border-radius: 50%;
    position: relative;
}

.btn-5-11 {
    padding: 5px 11px !important
}

.ticket-logs {
    border-radius: 4px;
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 0px !important;
}

    .ticket-logs:not(.disable):hover {
        background: #e5f3ff;
        cursor: pointer;
    }

.btn-info-custom {
    background-color: #d5e7ff;
    color: #1a4173;
}

    .btn-info-custom:hover {
        color: #ffffff;
        background: #1a4173;
    }

.ml-half-2 {
    margin-left: 0.15rem !important;
}

.mr-half-2 {
    margin-right: 0.15rem !important;
}

.line-h-0 {
    line-height: 0 !important;
}

.bg-order-fill {
    background-color: #c7ffde !important;
}

.color-order-fill {
    color: #77da9f !important;
}

.bg-project-fill {
    background-color: #d7e8ff !important;
}

.color-project-fill {
    color: #8cb2e5 !important;
}

.text-label {
    color: #272626;
    font-weight: 600;
}

.ui-select-custom .ui-select-choices-group {
    padding: 0 !important;
}

::ng-deep .ql-font-Arial {
    font-family: "Courier New";
}

.scheduler-fullscreen {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 100;
}

.icon-l .material-icons-outlined {
    width: 55px;
    line-height: 55px;
    font-size: 17px;
}

.select-all-2:after {
    content: " ";
    width: 1px;
    height: 17px;
    background-color: #d3d3d3;
    display: inline-block;
    margin: -6px 0 -4px 7px;
}

.display-table {
    display: table;
}

.display-table-row {
    display: table-row;
}

.border-b-1 {
    border-bottom: solid 1px rgba(0,0,0,.05);
}

.border-t-1 {
    border-top: solid 1px rgba(0,0,0,.05);
}

.toogle-select:link,
.toogle-select:visited,
.toogle-select:active {
    text-decoration: underline !important;
}

.chart-wrapper {
    height: 100%;
    width: 100%;
    background: #f9fbfd;
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px;
}

.text-chart-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 2;
}

.line-1-1 {
    line-height: 1.1;
}
/*.highcharts-subtitle{
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    text-align: center;
    margin-top:15px !important;
}*/
.fixed-col-2 {
    -ms-flex: 0 0 600px;
    flex: 0 0 600px;
    padding-right: 0px;
}

@media (max-width: 1320px) {
    .fixed-col-2 {
        -ms-flex: unset;
        flex: unset;
        padding-right: 15px;
    }
}

.text-eclipse {
    text-overflow: ellipsis;
    overflow: hidden;
}

.vertical-align-center {
    vertical-align: middle;
}

.line-height-2 {
    line-height: 2;
    padding: 10px 0 5px 0;
}

.action-btn-ticket {
    color: #636363 !important;
}

    .action-btn-ticket:hover {
        background: #f1f1f1;
    }

.w-48 {
    width: 48%;
}

.w-2 {
    width: 2%;
}

.filter-icon {
    background-color: #ededed !important;
    color: #12344D !important;
}

.ml-6 {
    margin-left: 3.8rem !important;
}

.filter-icon-assignment {
    top: 153px !important;
    left: 39px !important;
}

.color-miniblack-i {
    color: #212529 !important;
}

.color-green {
    color: green;
}

.color-red {
    color: red;
}

.position-relative {
    position: relative;
}

.employee-timer {
    position: absolute;
    left: 42px;
    top: 50%;
    transform: translate(0, -50%);
    color: #fff;
    background: #000;
    padding: 8px;
    border-radius: 4px;
    margin-top: 1px;
    display: none;
}

.employee-stop-timer:hover + .employee-timer {
    display: inline;
}

.tag-name {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    color: #ffffff;
}

.note-tag {
    padding: 3px 7px;
    color: #ffffff;
    border-radius: 4px;
    margin-right: 3px;
    margin-top: 5px;
    display: inline-block;
    font-size: 10px;
}

.accordion .btn.ui-select-match-item:first-child {
    width: unset !important;
}

.pickr button {
    width: 100% !important;
}

.list-bullet {
    list-style-type: disc !important;
    padding-left: 1em !important;
    margin-left: 1em;
}

.build {
    color: #5b5b5b
}

    .build ul li {
        line-height: normal;
    }

.border-b-0 {
    border-bottom: 0;
}

.discard-reply:hover {
    background: #efefef;
}

.selected-group {
    padding: 8px 20px;
    background: #ebebeb;
    border-radius: 25px;
    width: 160px;
}

.group-remove {
    padding: 5px 0px;
}

    .group-remove:hover {
        cursor: pointer;
        color: blue;
    }

.selected-name-group {
    display: block;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-mail img:hover {
    cursor: pointer;
}

.fancybox-slide img {
    max-height: 90vh; /* Set your desired max height, here 90% of the viewport height */
    max-width: 90vw; /* Set your desired max width, here 90% of the viewport width */
}

.m-scheduler-wrapper {
    padding: 5px;
    background: #ffffff;
    margin: 0;
    position: absolute;
    width: 100%;
    left: 0;
    margin-top: -18px;
    height: 100%;
    padding: 8px 8px;
}

.btn-range {
    display: inline-block;
    padding: 5px;
    border-radius: 4px;
}

    .btn-range:hover {
        background: #e8e8e8;
    }

.icon {
    font-size: 16px;
    line-height: 30px;
    padding: 0px 5px;
}

.scheduler_default_matrix {
    width: 100% !important;
}

.dropdown-email {
    position: absolute;
    background: #fff;
    width: 100%;
    /* padding: .5rem 0; */
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    z-index: 1;
    overflow: auto;
    height: 190px;
}

.dropdown-email-item {
    padding: 0.25rem 1rem !important;
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-email-item:hover {
        cursor: pointer;
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa;
    }

.dropdown-item:active {
    color: #000;
    text-decoration: none;
    background-color: unset;
}

.line-through {
    text-decoration: line-through;
}

.w-70 {
    width: 70% !important;
}

.check-list-btn {
    display: none;
}

.check-list-wrapper:hover .check-list-btn {
    display: block;
}

.fixed-search-condition {
    border-bottom: 1px solid #dee2e6 !important;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
    line-height: 0.95;
}

.filter-option-notif {
    display: inline-block;
    background: red;
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
    position: relative;
    margin-top: -7px;
    top: 5px;
}

.filter-option-notif-text {
    position: absolute;
    top: 50%;
    /* left: 50%; */
    transform: translate(-50%, -50%);
}

.template-email {
    float: none;
    display: block;
    min-height: calc(1.5em + .75rem + 8px) !important;
    border-radius: 3px !important;
    border: 1px solid #ced4da;
    padding: 3px 1px;
    margin-top: 0px;
}

.template-field {
    padding: 3px 1px !important;
}

.ticket-attach {
    width: 600px !important;
}

@media (min-width: 600px) {
    .ticket-attach {
        max-width: 1400px;
    }
}

.ticket-search {
    width: 450px !important;
}

@media (min-width: 450px) {
    .ticket-search {
        max-width: 1400px;
    }
}

.ticket-summarize {
    width: 500px !important;
}

@media (min-width: 450px) {
    .ticket-summarize {
        max-width: 1400px;
    }
}

.attachment-cursor:hover {
    cursor: pointer;
    background: #f8f8f8;
    border-radius: 5px;
}

.list-divider {
    background: #fff;
    position: fixed;
    width: 100%;
    top: 103px;
    z-index: 2;
}

.top-339 {
    top: 339px;
}

.top-291 {
    top: 291px;
}

.top-207 {
    top: 207px;
}

.search-result-button:focus {
    background-color: #E5F2FD;
    border-radius: 4px;
    color: #12344D;
    cursor: pointer;
}

.hide-pinned-btn {
    background: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 16px;
    padding: 4px;
    padding-left: 5px;
    padding-right: 8px;
    position: absolute;
    top: -18px;
    left: 9px;
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
}

.pinned-wrapper {
    margin: 0 16px 0px 16px;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    margin-top: 36px;
    padding-bottom: 16px;
    background: #fffbf6;
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
}

.note-wrapper {
    background: #fff;
    padding: 10px;
    border: 1px solid;
    border-color: #2C5CC5 !important;
    box-shadow: 0 0 0 1px #2C5CC5 !important;
    border-radius: 4px;
}

.sorter {
    display: inline-block;
    padding: 4px 7px 2px 7px;
    border-radius: 4px;
    cursor: pointer;
}

    .sorter:hover {
        background: #d5e7ff;
    }

.ticket-reply-bg {
    background: #f1faff;
}

.m-8-11-8-10 {
    margin: 8px 11px 8px 10px !important;
}

.c-datepicker__week-number-name, .c-datepicker__week-number {
    font-weight: bold;
    font-size: 12px;
    width: 36px;
    height: 36px;
}

.btn-cmd {
    background: #f1f1f1;
}

    .btn-cmd:hover {
        background: #12344d;
        color: #fff;
    }

.pd-8-20 {
    padding: 8px 20px !important;
}

.position-r-n7 {
    position: relative;
    top: -7px;
}

input.input-convo {
    font-size: 16px !important;
}

    input.input-convo::placeholder {
        font-size: 16px !important; /* Adjust this value to your desired font size */
        color: #999; /* Optional: Adjust the color of the placeholder text */
    }

.list-style {
    border-bottom: 1px solid #ededed;
}

.highlighted {
    background-color: #696cc7;
    color: white;
    font-weight: bold;
}

.overflow-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%; /* Adjust width as needed */
    max-width: 310px;
}

.list-clickable {
    cursor: pointer;
    padding: 8px;
    margin-left: -8px;
}

    .list-clickable:hover {
        background: #e9f7ff;
        border-radius: 8px;
    }

.scroll-highlight {
    border: 2px solid #c1c1c1 !important;
    border-color: #2C5CC5 !important;
}

@media (max-width: 1550px) {
    .search-btn {
        padding: 13px 20px !important;
    }
}

.btn-xxxs {
    padding: 4px 14px !important;
}

.my-ticket-preview {
    width: 450px !important;
    overflow: hidden;
}

@media (min-width: 450px) {
    .my-ticket-preview {
        max-width: 1400px;
    }
}

.overflow-ellipsis-list {
    display: -webkit-box;
    -webkit-line-clamp: 15; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%; /* Adjust width as needed */
}

.overflow-ellipsis-list-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%; /* Adjust width as needed */
}

.my-ticket-preview-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

    .my-ticket-preview-container md-toolbar {
        flex-shrink: 0;
    }

    .my-ticket-preview-container md-content {
        flex-grow: 1;
        overflow-y: auto;
    }

    .my-ticket-preview-container .md-sidenav-footer {
        flex-shrink: 0;
        background-color: #f5f5f5;
        text-align: center;
        padding: 10px;
    }

.chat-popup {
    position: fixed;
    border: 3px solid #f1f1f1;
    background-color: white;
    z-index: 9;
    width: 100%;
    border: 2px solid #c1c1c1 !important;
    border-color: #2C5CC5 !important;
    height: 100%;
    overflow: hidden;
    display: none;
    bottom: 0;
}

    .chat-popup.show {
        display: block;
    }

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

.chat-popup-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

    .chat-popup-container .chat-popup-header {
        flex-shrink: 0;
        padding: 13px;
        background: #0072c6;
    }

    .chat-popup-container .chat-popup-content {
        flex-grow: 1;
        overflow-y: auto;
    }

    .chat-popup-container .chat-popup-footer {
        flex-shrink: 0;
        border-top: 1px solid #f5f5f5;
        padding: 10px;
    }

.r-search {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translate(0, -50%);
    color: #a7a7a7;
}

.d-flex-column {
    display: flex;
    flex-direction: column;
}

.flex-auto {
    flex-grow: 1;
    overflow-y: auto;
}

.max-h-500 {
    max-height: 500px !important;
}

.max-h-350 {
    max-height: 350px;
}

md-checkbox[disabled].md-checked .md-icon {
    background-color: #9d9d9d !important;
}

.ticket-h-btn {
    display: inline-block !important;
}

.proj-table tr td.w-s-normal {
    white-space: normal !important;
}

.add-timer-btn:disabled {
    background: #a7a7a7 !important;
    border-color: #a7a7a7 !important;
}

.add-timer-select.ng-invalid-required.ui-select-bootstrap > .ui-select-match > .btn {
    border: 2px solid rgb(152, 18, 18);
}

@media (min-width: 992px) {
    .modal-custom-lg .modal-dialog {
        max-width: 1200px !important;
    }
}

@media (min-width: 992px) {
    .modal-custom-lg .modal-dialog {
        width: 1200px !important;
    }
}

.editable-checklist {
    border-color: rgb(63, 81, 181);
    padding-bottom: 0;
    border-width: 0 0 2px;
    border-style: solid;
}

.cursor-drag {
    cursor: grab;
}

.manual-timer-seperator {
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 6%);
}

.custom-icon-button {
    margin-right: 3px;
    border-radius: 4px !important;
    height: 32px;
    width: 36px;
}

.dx-button-success {
    background: #28a745 !important;
}

.button-custom-warning {
    background-color: #ffc107;
    border-color: #ffc107;
}

.dx-button.button-custom-warning .dx-icon, .dx-button.btn-sendmail .dx-icon {
    color: #fff;
}

.dx-button.button-custom-warning.dx-state-hover {
    background-color: #e9ba2b;
    border-color: #e9ba2b;
}

.dx-button.btn-sendmail.dx-state-hover {
    background-color: #175f4d;
    border-color: #175f4d;
}

.dx-button.transform-slide .dx-icon {
    transform: rotate(-45deg);
}

.scheduler-fullscreen-2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 100;
}

.hide-row {
    display: none !important;
}

.replyBody table {
    width: unset !important;
}

.dx-htmleditor-content table {
    width: 100% !important;
}

.alert.alert-danger.alert-mail {
    color: #852304;
    background-color: #ffd8cd;
    box-shadow: none;
    padding: 6px 10px;
    border: 1px solid #e16d55;
    position: relative;
}

.ui-select-bootstrap .ui-select-choices-row > a {
    white-space: normal !important;
}

.progress {
    position: relative;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .65rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
}

.text-flex {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0px;
}

.my-scope td {
    border: none !important;
}

.ql-editor table tr td {
    border: 1px solid #e0e0e0 !important;
}

.cc-label {
    display: inline-block;
    padding: 0px 8px;
    background: #ededed;
    border-radius: 4px;
    margin-right: 3px;
    margin-top: 3px;
}

.cc-label-hover:hover {
    text-decoration: underline !important;
}

.form-btn-comment {
    padding: 5px;
    border-radius: 4px;
    color: #a19f9f;
    background: #f1f1f1;
}

    .form-btn-comment:hover {
        background: #f1f1f1;
        color: #a19f9f;
    }

.position-r-9 {
    position: relative;
    top: 9px;
}

.form-preview-section-2 {
    padding: 3px;
}

.form-image-label {
    display: flex;
    padding: 0px 7px;
    background: #f1f1f1;
    border-radius: 4px;
}

    .form-image-label span {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 45px;
        white-space: nowrap;
    }
.customm-ui-select-ticket .ui-select-match-text {
    overflow: unset !important;
}
.blocked-project {
    background: #ffe8e8;
    padding: 2px;
    color: #952222;
    border-radius: 3px;
    border: 1px solid #ffa6a6;
}