body {
    font-family: 'Open Sans', sans-serif;

}
body,html{
    min-height: 100%;
    height: 100%;
}
#wrap {
    overflow-x: hidden;
    height: 100%;
     padding:2em 2em 0.2em 2em;
    box-sizing:content-box;

    background:  url(../images/voip_one_backdrop.jpg);
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.content-wrap {
    overflow-x: unset;
    min-height: 92%;
    box-sizing:content-box;
        background-color:#FFF;
        padding : 0 1em;

}
.login-page .content-wrap{
        background-color:unset;
        padding : 0;
}
.login-div{
    max-width: 600px;
    min-height: 300px;
    margin: 0 auto;
    background: #fff;
    padding: 3em 0;
}
.cursor{
    cursor: pointer;
}
#email-templates-content{
    overflow-y: scroll;
    height: 50vh;
}
.canvasjs-chart-credit{display:none !important;}
hr {
    margin-bottom: 0;
    margin-top: 0
}
.color-theme{
    color:#1e439a;
}
hr.graybar{
    color: #F3F4F4;
    border: 2px solid #F3F4F4;
    background: #F3F4F4;
}
hr.bbar{
    color: #617bb8;
    border: 1px solid #617bb8;
    background: #617bb8;
}
#data-All{
    display: none;
}
#please-wait{
    color: red;
    padding: 1em;
}
#please-wait2{
    color: red;
}
#res_div_data_x{
    color: gray;
    padding: 1em;
    font-size: 12px
}
.company_select_sync{
    width: 340px;
    min-width: 300px;
    height: 150px;
}
.company_select_sync option{
    font-size: 13px;
    width: 100%;
    padding: 2px 5px;
}
.company_select_sync option:hover,select[multiple]:focus option:checked{
    text-decoration: none;
    color: #000;
    background: #F2F3F4;
    cursor: pointer;
}

.company_select_sync option:checked {
    text-decoration: none;
    color: #000;
    background: #F2F3F4;
}
#chartContainer{position: relative}
#chartContainer:after{content: '';
    width: 64px;
    height: 14px;
    background: #fff;
    position: absolute;
    bottom: -3px;
    left: 0;
    display: block;}
div#chartContainer:before {
    content: '';
    width: 64px;
    height: 15px;
    background: #fff;
    position: absolute;
    bottom: 0px;
    right: 0;
    display: block;
    z-index: 1;
}
.circle-orange{
    background-color: #ED6E26;
    border: 7px solid #ED6E26;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.bg-yellowi
 {
    background-color: greenyellow !important;
}
.circle-white{
    background-color: #fff;
    border: 7px solid #fff;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
h2{font-size: 1.2em}
.wauto {
    width: auto;
}
.wautoI {
    width: auto !important;
}
#invoices-view,#balance-view,#services-view,#azure-billing{
    display: none;
}
.sbold{
    font-weight: 600;
}
.blueC ,.table tbody .blueC > a{
    color: #2BBDF4 !important;
}
.table tbody .color-green > a{
    color: #22B573 !important;
}
.ui-widget {
    font-family: 'Open Sans', sans-serif !important;
}
.lg_grC{
    color: #8296AA !important;
}
.red_cl{
    color: #F6534E !important;
}
.saperator-list > * {
    padding-right: 10px;
    border-right: 1px solid;
    padding-left: 10px;
}

.saperator-list > *:last-child {
    border-right: none;
}
.bg-sp-new{
        background: #e8ecf5;
    padding: 2em;
}
#logo {
    margin-bottom: 1em
}

header {
   padding: 1.5em 0;
    border-bottom: 2px solid #617bb8;
}

p {
    line-height: 18px;
}

.align-center {
    align-items: center;
}

.table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%
}

.table td, .table th {
    font-size: 14px;
}
.ms_user_tables{
    background:#e6e8e9;
}
.ms_user_tables th{
    padding: 12px 8px;
    border:1px solid #000;
}
.ms_user_tables td{
    padding: 3px;
      border:1px solid #000;
}
.table-container {
  max-height: 450px;   /* adjust height as needed */
  overflow-y: auto;    /* vertical scroll */
  border: 1px solid #ddd;
}
.table.Xtra thead {
    background-color: #FFF;
    display: block;
    width: 98.2%;
}
.table.Xtra2 thead {
    background-color: #FFF;
    display: block;
    width: 94.2%;
}
.table.Xtra.f14ss  thead td {
    font-size: 13px;
}
.table.Xtra2.f14ss  thead td  {
    font-size: 14px;
}
.table thead {
    background-color: #FFF;
}
.table-responsive-block-container.table-responsive-active .table {
    display: none !important;
}
.update-table-div .table-responsive-block {
    max-height: 600px;
    overflow-y: auto;
}
.w104{
    width: 104.2%;
}
.table thead tr {
    display: table;
    width: 100%;
    /*table-layout: fixed;*/
}
#cbhours .row,#cbhours .row .indiv{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#cbhours .row label{
    font-size: 17px;
    font-weight: 600;
    width: 18%;
    text-align: left;
    padding-right: 10px;
}

#cbhours .row div>label{
    width: auto;
    font-weight: 500;
    font-size: 15px;
    padding: 0 10px;
}
form#cbhours .row div> input{
    width: 55%;
}
#tickets-table.table tbody {
    height: 60%;
    max-height: calc(100vh - 608px);
    overflow-x: hidden;
}
#tickets-table.table.table-185 tbody {
    max-height: 50vh;
    position: relative;
}
.tickets-tableX.table tbody {
    max-height: 250px !important;
}
#ticketsR-table.table tbody tr.gray {
    background-color: #F2F2F2;
}
#ticketsR-table.table tbody tr{
    height: auto;
    border:none;
}
#tickets-table.table tbody tr.live-status {
    width: 100%;
    display: table;
    border-top: 1px solid #009245;
    border-bottom: 1px solid #009245;
    border-left: 1px solid #009245;
    border-right: 1px solid #009245;
    margin-bottom: 8px;
    position: relative;
}

#tickets-table.table.grayX tbody tr.live-status {
 opacity: 0.5 !important;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
table tbody tr.U-row td a span,table tbody tr.R-row td a span,table tbody tr td a.view_ticket_dashboard  span{
color : black !important;
}

#tickets-table.table tbody tr.live-status.R-row{
    display: table;
}
#tickets-table.table tbody tr.live-status.R-row.show_tb{
    display: table !important;
}
#tickets-table.table tbody tr.live-status.R-row.hide_tb{
    display: none !important;;
}
a.view_ticket_dashboard,a.view_ticket {
    display: inline-block;
    width: 100%;
}
#tickets-table.table.grayX tbody tr.live-status:hover,#tickets-table.table.grayX tbody tr.live-status.activeRow {
 opacity: 1 !important;
}
#tickets-table.table tbody tr.concluded-status {
    width: 100%;
    display: table;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin-bottom: 8px;
}
#tickets-table.table tbody tr.live-status::before{
    width: 20px;
    height: 20px;
    background-color: #009245;
    border-radius: 25px;
    content: '';
}
#tickets-table.table tbody tr.concluded-status::before{
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 25px;
    content: '';
}
#alerts-table.table tbody,#admin-users-table.table tbody,#alerts-table2.table tbody {
    max-height: 250px;
}
#contacts-add-load-div .table tbody{
    max-height: 540px;
}
#contacts-add-load-div #cemp-comms-table.table tbody,#contacts-add-load-div #contact-contracts-table.table tbody {
    max-height: 460px;
}
#expense-table.table tbody{
    max-height: 400px;
}
#expense-table.table thead{
    width: 98.5%;
    display: table;
}

#table-h.table tbody {
    max-height: 250px;
}
#table-h.table tbody a {color:black !important}
#insident-table.table tbody {
    max-height: 250px;
}

.update-table.table tbody {
    max-height: 500px;
}
.update-table.recently.table{
    margin-bottom: 2em;
}
.update-table.recently.table tbody {
    max-height: 215px;
}

.events-table.table tbody {
    max-height: 450px;
}

.table tbody {
    display: block;
    padding-right:0px;
    overflow-y: scroll;
}
#preview_signature{
    color: #081A22;
    font-size: 16px;
    cursor: pointer;

}
#preview_signature:hover{text-decoration: underline}
.bor-sig img { float: left;display: block}
#ticket_signature_preview_text{
    float: left;
    padding: 3px 6px 3px 0;
    background: white;
    display: block;
    height: 100%;
}
.bor-sig{float: left;display: block}
#ticket_signature_preview_text p {
    padding-bottom: 4px;
    font-weight: 500;
    font-size: 13px;
}
.row-ticket .columnT .bor-sig{
    margin-left: 1.8em;margin-top: 0.5em;
}
.row-ticket .columnT .bor-sig #ticket_signature_preview_text p#signature_name_preview{
    font-size: 13px;
    font-weight: 600;
}
.row-ticket .columnT .bor-sig #ticket_signature_preview_text p {
    font-size: 13px;
    padding-bottom: 4px;
}
.row-ticket .columnT .bor-sig #ticket_signature_preview_text{
    padding: 3px 6px 3px 0;
}

#ticket_signature_preview_text p#signature_name_preview {
    font-weight: 600;
    font-size: 13px;
}
#ticket_signature_preview_text p#footer_text_preview {
     padding-bottom: 0px;
}

.ticket_signature h2.bg-xz,#ticket_signature_preview h2.bg-xz{
    background: #1e439a;
    color: white;
    padding: 0.3em 0.71em;
    font-size: 1em;
}
.update-table.table tbody tr {
    width: 100%;
    display: table;
/*    table-layout: fixed;*/
    border-top: 1px solid #1e439a;
    border-bottom: 1px solid #1e439a;
    border-left: 1px solid #1e439a;
    border-right: 1px solid #1e439a;
    margin-bottom: 8px;
}

.table tbody tr {
    width: 100%;
    display: table;
/*    table-layout: fixed;*/
    border-top: 1px solid #F7F7F8;
    border-bottom: 1px solid #F7F7F8;
    border-left: 1px solid #F7F7F8;
    border-right: 1px solid #F7F7F8;
    height: 34px;
    margin-bottom: 4px;
}
#view-assets-content .table.Xtra.hauto tbody tr {
    border-top: 1px solid #ACB2B5;
    border-bottom: 1px solid #ACB2B5;
    border-left: 1px solid #ACB2B5;
    border-right: 1px solid #ACB2B5;
}
.recently.table tbody tr {
    height: 80px;
}
.hauto.table tbody tr,.table#ticket-users-all tr {
    height:auto;
}
/*.table tbody tr:hover:before {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #EC6D25;
    border-radius: 25px;
    content: '';
    content: '';
    left: 0;
    top: 28%;

}*/
.table tbody tr:hover,.table tbody tr.active {
    background-color: #FFF;
    border-top: 1px solid #1e439a;
    border-bottom: 1px solid #1e439a;
    border-left: 1px solid #1e439a;
    border-right: 1px solid #1e439a;
    position: relative;
    z-index:10;
}
#view-assets-content .table.Xtra.hauto tbody tr:hover{
    border-top: 1px solid #1e439a;
    border-bottom: 1px solid #1e439a;
    border-left: 1px solid #1e439a;
    border-right: 1px solid #1e439a;
}
#view-assets-content .table.Xtra.hautoX tbody tr:hover,#view-assets-content .table.Xtra.hautoX tbody tr.active{
    border-top: 1px solid #1e439a;
    border-bottom: 1px solid #1e439a;
    border-left: 1px solid #1e439a;
    border-right: 1px solid #1e439a;
}
.table#ticketsR-table tbody tr:hover {
    background-color: #F2F2F2;
    border:none;
    position: relative;
}
#form-tags-output{
    float: left;width: 100%;
}
.table thead td, .table thead th {
    font-size: 16px;
    font-weight: 600;
    color: #1e439a;
    word-break: break-all;
    padding: 10px 10px;
/*    width: auto;*/
}

.table#tick-asset thead td, .table#tick-asset tbody td,.table#ticket-users-all td{
padding: 6px 10px;
    font-size: 13px !important;
    word-break: unset;

}
.table#ticket-users-all td.word_break{
    word-break: break-all;
}
.table#tick-asset tbody tr,.table#ticket-users-all {
   border: none !important;
}
.table#ticket-users-all{
    border: 1px solid #bcbcbc;
}
.table#ticket-users-all tbody{
    max-height: 110px;
}
.table.Xtra thead td, .table.Xtra  thead th,.table.hauto thead td, .table.hauto  thead th {
    text-align: left;

}
.table.Xtra  thead td.text-center{    text-align: center;}
#view-users-content .table.Xtra.hauto tbody tr {
    background-color: #FFF;
    border-top: 1px solid #ACB2B5;
    border-bottom: 1px solid #ACB2B5;
    border-left: 1px solid #ACB2B5;
    border-right: 1px solid #ACB2B5;
    position: relative;
}
#view-users-content .table.Xtra.hauto tbody tr.aDrow {
    background-color: #D9D9D9;
    display: none;
}

.table.Xtra  thead th {
 background-color: #F6F9FC;
    padding: 10px 5px;
}
.table.Xtra  thead td{
    padding: 6px 2.5px;
}
.table#tickets-table tbody td {
    font-size: 13px;
    padding: 0;
}
.table#ticketsR-table tbody td {
    font-size: 12px;
    padding: 5px;
}
.table#tickets-table tbody td span.padlr2 {
    padding: 0 .81em;
}
.padl1{
    padding: 1em;
}
.padll1{
    padding-left: .31em;
}
.p0I{
    padding: 0 !important;
}
.pr0I{
    padding-right: 0!important;
}
div.adu{
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.bg-white-padd1-flex-header{
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    height: 85px;
}
.btnSubmitUpload{
    background: #838C90 !important;
    color:#fff !important;
    cursor: pointer;
    min-width: 155px;
}
.project-progress-bar-input{
    margin-right: 1em;
    width: 100px;
    display: inline-block;
    background: #fff;
    height: 22px;
    border: 1px solid #e8e9ea;
}
.project-progress-bar-input-green{
    width: unset;
    display: block;
    background: green;
    height: inherit;
}
#inc_project_percentage{

    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.5em 0 0;
    background-image: url(../images/plus-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    background-color: #adadad;
    padding: 3px;
    cursor: pointer;
}
#dec_project_percentage{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    background-image: url(../images/minus-icon-w.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    background-color: #adadad;
    padding: 3px;
    cursor: pointer;
}
#progress-div {
    display: none;
    border: #0FA015 1px solid;
    padding: 0;
    margin-bottom: 10px;
    border-radius: 0;
    text-align: center;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#progress-bar {
    background-color: #12CC1A;
    height: 20px;
    color: #FFFFFF;
    width: 0%;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s;
}
#targetLayer{
    font-size: 14px;
    text-align: center;
    padding-bottom: 0.3em;
    font-weight: 500;
}
.alert-status-btn{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #ED6E26 !important;
    color: #FFF !important;
    font-weight: 500 !important;
    padding: 8px 20px !important;
    display: inline-flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    text-align: left !important;
    line-height: normal !important;
    font-size: 15px !important;
    width: auto !important;
    border: 1px solid !important;
    position: relative !important;
}

#ticket-status:after,.alert-status-btn:after{
    content: "";
    width: 36px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.7em;
    margin-bottom: 0;
    background-image: url(../images/alert_icon_w.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;

}
.alert-status-btn:after{
    width: 22px;
}


.sp-red-load{position: relative}
.sp-red-load sup{
    top: -9px;
    content: "";
    width: 1em;
    height: 1em;
    position: absolute;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
    background-image: url(../images/red-load.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}
.sp-red-load-auth{
    font-size: 14px;
    position: absolute;
    top: 0;
    right: -8em;
    color: #ed6e26;
    width: 100px;
    word-break: break-all;
}
.sp-red-load-auth sup{
    top: -9px;
    content: "";
    right: 0;
    width: 1em;
    height: 1em;
    position: absolute;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
    background-image: url(../images/red-load.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}

.table .alerts-table td{font-size:13px;}
.table tbody td {
    color: #000;
    font-weight: 400;
    font-size: 15px;
    padding: 6px 10px;
    word-break: break-all;
/*    width: auto;*/
}
.table.Xtra tbody td {
    font-size: 13px;
    padding: 3px 5px;
}
.table#cemp-comms-table tbody td ,.table#contact-contracts-table tbody td {
    font-size: 13px;
    padding:15px 5px
}
.table#cemp-comms-table thead td,.table#contact-contracts-table thead td {
    padding: 3px 5px 18px 5px;
}
.bor-left-gray{
    border-left: 10px solid #F3F4F4;
}
.bor-right-gray{
    border-right: 10px solid #F3F4F4;
}
.table.Xtra.hauto tbody td {
    font-size: 13px;
    padding: 0px 2.5px;
}

.table.Xtra.f14ss  tbody td {
    font-size: 11px;
}
.table.Xtra2.f14ss  tbody td {
    font-size: 13px;
}
.table.Xtra.hauto tbody td:last-child{
    padding: 0px 0px 0 0px;
}
.table.Xtra.hauto tbody tr {
    background-color: #FFF;
 
    position: relative;
}
table tbody a {
    padding: 4px 2px;
    margin: 0px 2px;
    color: #fff !important;
}
table tbody a.color-black {   color: #000 !important;}
table tbody a:hover {
    opacity: 0.9
}

div.button.is-loading {
    padding: 30px !important;
    border-radius: 100px;
    display: table;
    margin: auto;
    margin-top: 2em;
}

.table .row > .tr {
    display: flex;
    align-items: baseline;
    justify-content: space-around;
    padding: 8px 10px;
}

.table .thead {
    font-weight: 600
}

.table .tbody .tr {
    padding: 10px;
    min-height: 40px;
}

.table .tbody {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.thead > div {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    padding: 0 14px;
}

.table .row > .tr > div {
    padding: 0 10px;
    display: flex;
    align-items: center;
}

.invoice-table {
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
}

.invoice-table .thead {
    background-color: #F3F9F7;
    padding: 0 10px;
}

.invoice-table .row > .tr > div span {
    padding-right: 2px;
    font-size: 12px;
}

.invoice-table .row > .tr > div span + input {
    width: 90%
}

#invoice-body {
    border: 1px solid #393637;
    padding: 15px 0px !important;
}

#invoice-body p {
    font-size: 12px;
}

#invoice-body label {
    font-size: 14px;
}

#invoice-total p {
    font-size: 16px;
}

.row .tr {
    padding: 12px 0px;
    display: table;
    width: 100%;
}

.new_row {
    background-color: #f8f6f6;
}

.light-redbg {
    background-color: #FFB3B3 !important;
}

.light-bluebg {
    background-color: #BFE5F6 !important;
}

a.delete_contact{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #E6E6E6;
    color: #071A21;
    font-weight: 600;
    padding: 7px 20px;
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 16px;
    width: auto;
    min-width: 190px;
    border: 1px solid;
    position: relative;
}

a.delete_contact:after{
    content: "";
    width: 20px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.7em;
    margin-bottom: 0;
    background-image: url(../images/user_icon_b.png);
    background-color: #071A21;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    position: absolute;
    top: 0;
    padding: 7px;
    right: 0;
}
a.delete_contact:hover{
    color: red;
}

.delete_asset{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #FF1D25;
    color: #FFF;
    font-weight: 600;
    padding: 8px 20px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-size: 15px;
    width: auto;
    border: 1px solid #FF1D25;
    position: relative;
    text-align: center;
    margin: 0;
}
.delete_asset:after{
    content: "";
    width: 30px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.7em;
    margin-bottom: 0;
    background-image: url(../images/alert_icon_r.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;

}
.edit-asset-btn{
    background: #F2F2F2 !important;
    color: #081A35 !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    padding: 8px 20px !important;
    border-radius: 0 !important;
    border: 1px solid #081A35 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin: 0;
}
.edit-asset-btn:after{
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.61em;
    margin-bottom: 0;
    background-image: url(../images/icon-edit.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;

}
a.ticket_user_button{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #838C90;
    color: #fff;
    font-weight: 600;
    padding: 7px 20px;
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 15px;
    width: 100%;
    border: 1px solid #838C90;
    position: relative;
}
a.ticket_user_button:before{
    content: "";
    width: 36px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.7em;
    margin-bottom: 0;
    background-image: url(../images/user-add-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;

}
a.ticket_user_button.new{
    background-color: #e7e9ea;
    color: #000;
    padding: 7px 7px;
    width: auto;
}
a.ticket_user_button.new:before{
    display: none;
}
a.ticket_user_button.new:after{
    content: "";
    width: 36px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    margin-left: 0.7em;
    background-image: url(../images/user_icon_add.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;
}
a.add-new-company-user,a.add-new-user{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #E6E6E6;
    color: #071A21;
    font-weight: 600;
    padding: 7px 20px;
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 16px;
    width: auto;
    border: 1px solid;
    position: relative;
}

a.add-new-company-user:after,a.add-new-user:after{
    content: "";
    width: 36px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.7em;
    margin-bottom: 0;
    background-image: url(../images/user_icon_add.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;

}
a.add-new-user:hover,a.add-new-company-user:hover{
    color: #009245;
}
.edit-c-btn-all{
    cursor: pointer;
}
.email_to_customer,#no_email_to_customer_resolved{
    width: 20px;
    height: 20px;
    margin-right: 1em;
    display: inline-block;

}
.send_attachments,.crm_user_check,.manual_add_leaver{
    width: 20px;
    height: 20px;
    display: inline-block;

}
#vat_checkbox{
width: 25px;
    height: 25px;
    }

.view_users b{font-weight: 600;}
a.add_travel_btn,a.add_expense_btn{

    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    background-color: #E6E6E6;
    color: black;
    font-weight: 600;
    padding: 8px 10px;
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 14px;
    width: 260px;
    border: none;
    position: relative;
}
a.add_travel_btn:before{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    margin-bottom: 0;

    background-image: url(../images/travel-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;

}
a.add_expense_btn:before{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    margin-bottom: 0;

    background-image: url(../images/expense-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;

}
a.joiner_add,a.leaver_add{

    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    background-color: #E6E6E6;
    color: black;
    font-weight: 600;
    padding: 10px 7px;
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 13px;
    width: 177px;
    border: none;
    position: relative;
}
a.joiner_add:before{
    content: "";
    width: 18px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    margin-bottom: 0;

    background-image: url(../images/add-green.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;

}
a.leaver_add:before{
    content: "";
    width: 18px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    margin-bottom: 0;

    background-image: url(../images/del-red.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;

}
a.joiner_add:hover,a.leaver_add:hover,a.add_travel_btn:hover,a.add_expense_btn:hover{
font-weight: bold;
    text-decoration: underline;
}
a.users_status_select{

    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    background-color: #081A22;
    color: white;
    font-weight: 600;
    padding: 7px 20px;
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 16px;
    width: auto;
    border: 1px solid;
    position: relative;
}
a.users_status_select:before{
    content: "";
    width: 25px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.7em;
    margin-bottom: 0;

    background-image: url(../images/w_users.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;

}
a.users_status_select.all{

    background-color: #E6E6E6;
    color: #071A21;
}
a.users_status_select.all:before{
    background-image: url(../images/b_users.png);
}
.asset_status_select,.alerts_filter,.jl_status_select,.jl_type_select,#jl-company-list{
    display: inline-block;
    width: auto;
}

#tkt_pr_select,#tkt_assigned_select,#tkt-company-list,#contracts-company-list,.asset_status_select,.alerts_filter,.jl_status_select,.jl_type_select,#jl-company-list,.prj_status_select,.prj_assigned_select,#prj-company-list{
    width: auto;
    padding: 0.43em 0.71em;
    font-size: 15px;
    border: 1px solid #071A21;
    color: #071A21;
    display: inline-block;
    font-family: inherit;
    background-color: #F2F2F2;
}
.prj_status_select,.prj_assigned_select,#prj-company-list,#contracts-company-list,#tkt_pr_select,#tkt_assigned_select,#tkt-company-list{
    background-color: #FFFFFF;
}
.jl_status_select,.jl_type_select,#jl-company-list,.prj_status_select,.prj_assigned_select,#prj-company-list{
    padding:0.56em 0.71em;
}
#jl-company-list{
    width: 100%;
}
#prj-company-list,#tkt-company-list{
    width: 260px;
}
#contracts-company-list{
    max-width: 340px;
}
a.previous_btn,a.forward_btn{

    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #E6E6E6;
    color: black;
    font-weight: 600;
    padding: 5px 9px;
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 14px;
    width: 156px;
    border: none;
    position: relative;
}

a.previous_btn:before{
    content: "";
    width: 18px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.3em;
    margin-bottom: 0;

    background-image: url(../images/l-arrow-b.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;

}
a.forward_btn:hover,a.previous_btn:hover{opacity:0.8;}
a.forward_btn:after{
    content: "";
    width: 18px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.3em;
    margin-bottom: 0;
    background-image: url(../images/r-arrow-b.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;

}



#view-assets-content .table.Xtra2 tbody tr.hideRow,#view-assets-content .table.Xtra tbody tr.decommissioned,#view-assets-content .table.Xtra tbody tr.hideRow,#alerts-table.table tbody tr.hideRow
,#cemp-comms-table.table tbody tr.hideRow,#contact-contracts-table.table tbody tr.hideRow,#tickets-table.table tbody tr.hideRow{
    display: none;
}
#view-assets-content .table.Xtra tbody tr.showRow,#view-assets-content .table.Xtra2 tbody tr.showRow,#alerts-table.table tbody tr.showRow,#cemp-comms-table.table tbody tr.showRow,#contact-contracts-table.table tbody tr.showRow{
    display: table;
}
#permissions-relate-type{
    font-size: 12px;
    color: #F15A24;
    padding: 2px 0;
}
a.warranty-button{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    color: #165C7D;
    font-weight: 600;
    padding: 7px 20px;
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 16px;
    width: auto;
    border: 1px solid;
    position: relative;
}
a.warranty-button:hover{
    background-color: #165C7D;
    color: #fff;
}
a.azure-button{

    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    color: #1FC0E7;
    font-weight: 600;
    padding: 7px 20px;
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 16px;
    width: 215px;
    border: 1px solid;
    position: relative;
}
a.azure-button:before{
    content: "";
    width: 25px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.7em;
    margin-bottom: 0;
    background-image: url(../images/azure-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;

}
a.azure-button:hover{
    background-color: #1FC0E7;
    color: #fff;
}
a.logmein-button{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    color: #165C7D;
    font-weight: 600;
    padding: 7px 20px;
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 16px;
    width: auto;
    border: 1px solid;
    position: relative;
}

a.logmein-button:before{
    content: "";
    width: 41px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.7em;
    margin-bottom: 0;
    background-image: url(../images/logmein-logo.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;

}
a.logmein-button:hover{    background-color: aliceblue;}
a.ncentral-button{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    color: #c046ff;
    font-weight: 600;
    padding: 7px 20px;
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 16px;
    width: auto;
    border: 1px solid;
    position: relative;
}
a.ncentral-button:before{
    content: "";
    width: 41px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.7em;
    margin-bottom: 0;
    background-image: url(../images/ncentral-logo.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;

}
a.ncentral-button:hover{    background-color: #dca6f7;
    color: black;}
a.xero-button{

    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    color: #1FC0E7;
    font-weight: 600;
    padding: 7px 20px;
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 16px;
    width: auto;
    border: 1px solid;
    position: relative;
}
a.xero-button:before{
    content: "";
    width: 25px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.7em;
    margin-bottom: 0;
    background-image: url(../images/xero-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;

}
a.xero-button:hover{
    background-color: #1FC0E7;
    color: #fff;
}

.button-users{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #E6E6E6;
    color: black;
    font-weight: 600;
    padding: 4px;
    display: inline-block;
    text-align: center;
    line-height: normal;
    font-size: 13px;
    width: 100%;
    text-decoration: underline;
}
.button-users:hover,.button-users.active{
    background-color: black;
    color: #E6E6E6;
    text-decoration: underline;
}

.green-status{
    background-color: #009245;
    color: white;
    font-weight: 600;
    padding: 8px 13px;
    display: inline-block;
    text-align: center;
    line-height: normal;
    font-size: 14px;
    width: 100%;
}
.red-status{
    background-color: #ED1C24;
    color: white;
    font-weight: 600;
    padding: 8px 13px;
    display: inline-block;
    text-align: center;
    line-height: normal;
    font-size: 14px;
    width: 100%;
}
.status-image{
    margin-left: 15px;
}
.bg-white-padd{
    background-color: #FFFFFF;
    padding: 3em 1em;
}
.bg-white-padd1{
    background-color: #FFFFFF;
    padding:  1em;
}
.edit-btn{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #dbdbdb;
    color: black !important;
    font-weight: 600;
    padding: 9px 4px;
    display: inline-block;
    text-align: center;
    line-height: normal;
    font-size: 14px;
    width: 100%;

}
.edit-btn:hover{
    background-color: black;
    color: #E6E6E6 !important;
    text-decoration: underline;
}
select#edit_user_type{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #dbdbdb;
    color: black !important;
    font-weight: 600;
    padding: 11px 4px;
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 14px;
    width: 100%;
    border-bottom: 0;
    border-top: 0;
    border-left: 1px solid #ACB2B5;
    border-right: 1px solid #ACB2B5;
    cursor: pointer;
}
#select.edit_user_type:hover{
    background-color: black;
    color: #E6E6E6 !important;
    text-decoration: underline;
}
.edit-c-btn{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #ED6E26;
    color: white !important;
    font-weight: 600;
    padding: 11px 6px;
    display: inline-block;
    text-align: center;
    line-height: normal;
    font-size: 13px;
    width: 114px;
    margin: 0;

}
.edit-c-btn:before {
    content: "";
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.2em;
    margin-bottom: 0;
    background-image: url(../images/pencil.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;
}
.edit-c-btn:hover{
    background-color: black;
    color: #E6E6E6;
    text-decoration: underline;
}
.create_new_ticket{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #009245;
    color: white !important;
    font-weight: 500;
    padding: 10px 6px;
    display: inline-block;
    text-align: center;
    line-height: normal;
    font-size: 15px;
    min-width: 230px;
    width: auto;
    margin: 0;
    border: 1px solid #009245;

}

.create_new_ticket:after {
    content: "";
    width: 15px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    margin-bottom: 0;
    background-image: url(../images/new-ticket.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;

}
button[disabled].create_new_ticket{
    opacity: 0.8;
    cursor: not-allowed;
}
.disabled_link{
    pointer-events: none;
    opacity:0.7;
}
.disabled_linknoop{
    pointer-events: none;

}
.ms_form_users input:disabled {
    cursor: not-allowed;
    background-color: #ccc;
    color: #000;
    border: 1px solid #ccc;
}
.create_new_company_user{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #009245;
    color: white !important;
    font-weight: 500;
    padding: 10px 6px;
    display: inline-block;
    text-align: center;
    line-height: normal;
    font-size: 15px;
    min-width: 230px;
    width: auto;
    margin: 0;
    border: 1px solid #009245;

}

.create_new_company_user:after {
    content: "";
    width: 15px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    margin-bottom: 0;
    background-image: url(../images/user_icon_b.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;

}
button[disabled].create_new_company_user{
    opacity: 0.8;
    cursor: not-allowed;
}
#add_new_company_user{
    display: none;
}
#popupheading >h1 {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    padding: 1em 0;
}
#popupheading >p{
    line-height: 28px;
    font-size: 15px;
    font-weight: 500;
}
#popupheading >.new-ticket-bg{
   background-color: #F3F4F4;
    color: #081A22;
    padding: 0.7em 1.2em;
    text-align: center;
    width: 260px;
    font-size: 17px;
    font-weight: 500;
    margin: 1.5em auto 0 auto;
}
.htext-area{
    min-height:150px;
}
.new-ticket-btn{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #009245;
    color: white !important;
    font-weight: 500;
    padding: 10px 6px;
    display: inline-block;
    text-align: center;
    line-height: normal;
    font-size: 15px;
    min-width: 200px;
    width: 100%;
    margin: 0;

}
.new-ticket-btn:after {
    content: "";
    width: 15px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    margin-bottom: 0;
    background-image: url(../images/new-ticket.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;

}

.new-ticket-btn:hover{
 opacity: 0.8;
}
.menu-tkt-items-div{
    width: 218px;
}
.menu-contacts-items-div{
    width: 260px;
}
.unesolved_ticket_btn{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #e6e8e9;
    color: black ;
    font-weight: 500;
    padding: 10px 10px;
    display: block;
    text-align: center;
    line-height: normal;
    font-size: 15px;
    width: 102px;
    margin-bottom: 0.55em;

}
.unesolved_ticket_btn:before {
    content: "";
    width: 50px;
    height: 50px;
    display: block;
    vertical-align: middle;
    margin: 0 auto 0.4em auto;
    background-image: url(../images/alerts-white.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;

}

.unesolved_ticket_btn:hover,.unesolved_ticket_btn.active{
    background-color: red;
    color: white;
}

.new-ticket-add{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #e6e8e9;
    color: black ;
    font-weight: 500;
    padding: 10px 10px;
    display: block;
    text-align: center;
    line-height: normal;
    font-size: 15px;
    width: 102px;
    margin-bottom: 0.55em;

}
.new-ticket-add:before {
    content: "";
    width: 50px;
    height: 50px;
    display: block;
    vertical-align: middle;
    margin: 0 auto 0.4em auto;
    background-image: url(../images/create-ticket.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;

}

.new-ticket-add:hover,.new-ticket-add.active{
    background-color: #CED2D3;

}
.contact_info_btn,.contact_invoices_btn,.contact_balance_btn,.contact_services_btn,.contact_tags_btn,.contact_comms_btn,.contact_people_btn,.contact_contracts_btn{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #e6e8e9;
    color: black ;
    font-weight: 600;
    padding: 16px 8px;
    display: block;
    text-align: center;
    line-height: normal;
    font-size: 14px;
    width: 102px;
    margin-bottom: 0.55em;
}

.contact_info_btn:hover,.contact_info_btn.active,.contact_invoices_btn:hover,.contact_invoices_btn.active,
.contact_balance_btn:hover,.contact_balance_btn.active,.contact_services_btn:hover,.contact_services_btn.active,
.contact_tags_btn:hover,.contact_tags_btn.active,.contact_comms_btn:hover,.contact_comms_btn.active
,.contact_people_btn:hover,.contact_people_btn.active,.contact_contracts_btn:hover,.contact_contracts_btn.active{
    background-color: #CED2D3;

}
.contact_info_btn:before,.contact_invoices_btn:before,.contact_balance_btn:before,.contact_services_btn:before,.contact_tags_btn:before,.contact_comms_btn:before,.contact_people_btn:before ,.contact_contracts_btn:before {
    content: "";
    width: 50px;
    height: 40px;
    display: block;
    vertical-align: middle;
    margin: 0 auto 0.4em auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}
.contact_info_btn:before{
    background-image: url(../images/contact-icon-black.png);
}

.contact_invoices_btn:before{
    background-image: url(../images/invoices-black-icon.png);
}

.contact_balance_btn:before{
    background-image: url(../images/balance-black-icon.png);
}

.contact_services_btn:before{
    background-image: url(../images/services-black-icon.png);
}

.contact_tags_btn:before{
    background-image: url(../images/it-notes-black-icon.png);
}

.contact_comms_btn:before{
    background-image: url(../images/contacts-comments-icon.png);
}

.contact_people_btn:before {
    background-image: url(../images/contact-people-icon.png);
}
.contact_contracts_btn:before {
    background-image: url(../images/contracts-black-icon.png);
}


.resolved_ticket_btn{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #e6e8e9;
    color: black ;
    font-weight: 500;
    padding: 10px 10px;
    display: block;
    text-align: center;
    line-height: normal;
    font-size: 15px;
    width: 102px;
    margin-bottom: 0.55em;

}
.resolved_ticket_btn:before {
    content: "";
    width: 50px;
    height: 50px;
    display: block;
    vertical-align: middle;
    margin: 0 auto 0.4em auto;
    background-image: url(../images/res-ticket.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;

}

.resolved_ticket_btn:hover,.resolved_ticket_btn.active{
    background-color: #CED2D3;

}

.custm-btn {
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #808080;
    color: #fff;
    padding: 6px 11px;
    display: inline-block !important;
    min-width: 55px;
    text-align: center;
    line-height: normal;
    border: none;
    font-size: 12px;
}

.button {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #1e439a;
    color: #fff;
    padding: 7px 20px;
    display: inline-block;
    min-width: 84px;
    text-align: center;
    line-height: normal;
    border: 1px solid;
    font-size: 16px;
}
.contracts-dashboard .contracts-new-div .button{
    padding: 10px 20px;
    width: auto;

}
.button:hover {

    opacity: 0.9;
}
.cportal_login{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #EC6D25;
    color: #fff;
    padding: 5px 6px;
    display: inline-block;
    min-width: 44px;
    text-align: center;
    line-height: normal;
    border: none;
    font-size: 11px;
    width: auto;
    margin: 0;
}
.cportal_login:hover {
    color: #fff;
    opacity: 0.8;
}
.button.is-active {
    background-color: #008CC6;
    color: #fff;
}
.asset_detail_hover{
    position: relative;

}

.asset_detail_data{
    display:block;
    position: absolute;
    top:0;
    left: -999999px;
    width: 220px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 0;
    padding: 1.2em 1.5em;
    background-color: #F7F7F7;
    border: 1px solid #525E64;
}
.asset_detail_data:before {
    content: '';
    display: block;
    position: absolute;
    right: -41px;
    bottom: 100%;
    top: -1px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left-color: black;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.asset_detail_data:after {
    content: '';
    display: block;
    position: absolute;
    right: -40px;
    top: -1px;
    bottom: 100%;
    z-index: 1;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left-color: #F7F7F7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.asset_detail_data span.dpx{
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.asset_detail_data span.dpx >span{
    padding-bottom: 0.5em;
}
.asset_detail_data span.dpx >span.pb0,.pb0{    padding-bottom: 0}
table tr td.asset_detail_hover:hover > .asset_detail_data{

    left:-20em;    z-index: 1;
}

.today-alerts{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: auto;
}
.today-alerts h2,.today-alerts span,.today-alerts a {
    display: inline-block;
    margin-right: 10px;
}
.today-alerts a.alerts_button{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #EC6D25;
    color: #fff;
    font-weight: 600;
    padding: 9px 11px;
    display: inline-flex;
    align-items: center;
    text-align: left;
    line-height: normal;
    width: auto;
    font-size: 16px;
    margin-right: 0;

}
.today-alerts a.alerts_button:before{
    content: "";
    width: 22px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.8em;
    margin-bottom: 0;
    background-image: url(../images/search.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
}
.button-logout {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #EC6D25;
    color: #fff;
    font-weight: 600;
    padding: 7px;
    display: inline-flex;
    align-items: center;
    text-align: left;
    line-height: normal;
    width: 100%;
    font-size: 16px;
}

.button-logout:before {
    content: "";
    width: 18px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.8em;
    margin-bottom: 0;
    background-image: url(../images/cross-w.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
}
.button-logout-new {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #FFF;
    color: #fff;
    font-weight: 600;
    padding: 0px;
    display: inline-flex;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 16px;
    margin-left: 5px;
}

.button-logout-new:before {
    content: "";
    width: 23px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    background-image: url(../images/exit-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
}

.button-users-new {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    color: #000;
    font-weight: 600;
    padding: 9px 10px;
    display: inline-flex;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 16px;
    border: 1px solid #1e439a;
    width: 100%;
    margin-right: 0;
}

.button-users-new:before {
    content: "";
    width: 100%;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    background-image: url(../images/admin_user_blue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.button-users-new.active,.button-users-new:hover{
    background-color: #1e439a;
}
.button-users-new.active:before,.button-users-new:hover:before{
    background-image: url(../images/admin_user_w.png);
}
.button-config {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    color: #000;
    border: 1px solid #081A22;
    font-weight: 600;
    padding: 9px 10px;
    display: inline-flex;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 16px;
    width: 100%;
}

.button-config:before {
    content: "";
    width: 100%;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    background-image: url(../images/config-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.button-config.active,.button-config:hover{
    background-color: #081A22;
}
.button-config.active:before,.button-config:hover:before{
    background-image: url(../images/config-icon-w.png);
}


.rel{position: relative}
.add {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #FFF;
    color: #000;
    padding: 7px 20px;
    display: inline-block;
    width: 100%;
    text-align: left;
    line-height: normal;
    border: 1px solid;
    font-size: 16px;
    position: relative;
    font-weight: 600;
}

.contacts-add-page .add,.update-generic {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #009245;
    color: #FFF;
    padding: 12px 20px;
    display: inline-flex;
    text-align: left;
    line-height: normal;
    border: 1px solid;
    font-size: 20px;
    position: relative;
    font-weight: 600;
    width: auto;
    min-width: 210px;
    justify-content: space-between;
    align-items: center;

}
.add:hover {
    color: #ED6E26;
}

.add:hover:after {
    background-color: #ED6E26
}
.contacts-add-page .add:hover,.update-generic:hover{
    opacity: 0.8;
    color: #FFF;
}
a.onboard_email_send {
    transition: all 0.3s ease-in-out;
    background-color: #ffffff;
    color: black !important;

    padding: 8px 4px;
    display: inline-block;
    text-align: center;
    line-height: normal;
    font-size: 11px;
    width: auto;
    margin: 0;
    border: 1px solid #000;
}
.onboard_email_send:hover {
    color: #ED6E26  !important;
    font-weight: 600;
}
.update-generic{display: none;float: right;}
.contacts-add-page .add:after,.update-generic:after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.7em;
    margin-bottom: 0;
    background-image: url(../images/icon_RGB_08.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size:contain;
    background-origin: padding-box;
    background-color: #009245;
    position: relative;
    top: auto;
    right: auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: right;
}
.add:after {
    content: "";
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: top;
    margin-left: 1em;
    margin-bottom: 0;
    background-image: url(../images/pencil.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.calender-button{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #fff;
    background-image: url(../images/calendar2.png);
    padding: 7px 12px;
    display: inline-block;
    background-repeat: no-repeat;
    text-align: left;
    line-height: normal;
    border: none;
    font-size: 16px;
    position: relative;
    color: #ED6E26;
    font-weight: 600;
    border: 1px solid #ED6E26;
    min-width: 140px;
    background-size: contain;
    background-position: right;
}
.alert-button {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #FFF;
    color: #ED6E26;
    padding: 7px 15px;
    display: inline-block;
    width: 100%;
    text-align: left;
    line-height: normal;
    border: 1px solid;
    font-size: 16px;
    position: relative;
    font-weight: 600;

}
.validate_tags{
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.alert-button:hover {
    color: #000;
}

.alert-button:hover:after {
    background-color: #000
}

.alert-button:after {
    content: "";
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: top;
    margin-left: 1em;
    margin-bottom: 0;
    background-image: url(../images/alerts-white.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    background-color: #ED6E26;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.box-border {
    width: 100%;
    height: 100%;
    display: table;
    padding: 0em 1.5em;
    border: 1px solid #f3f4f4;
}
.scale1{transform: scale(1.1);

}
ul.multi_user_ticket_list{
    display: block;
    border: 1px solid #586469;
    overflow-y: scroll;
    height: 250px;
    padding: 11px 7px;
}
ul.multi_user_ticket_list li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 7px;

}
ul.multi_user_ticket_list li span.udivs{
    display: inline-flex;
    width: 90%;
    background: #F3F4F4;
    padding: 4px;
    justify-content: start;
    align-items: center;
    margin-right: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #F3F4F4;
}
ul.multi_user_ticket_list li:hover > span.udivs,ul.multi_user_ticket_list li span.udivs.active{
    border: 1px solid green;
}
ul.multi_user_ticket_list li.u_existed:hover > span.udivs,ul.multi_user_ticket_list li span.udivs.deactive{
    border: 1px solid red;
}
ul.multi_user_ticket_list li span.udivs:before{

    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    margin-bottom: 0;
    background-image: url(../images/user_icon.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;

}
ul.multi_user_ticket_list li span.inner_musers{
    display: inline-flex;
    justify-content: space-between;
    width: auto;

}
.m-accounts-ul{
    display: block;
    padding: 0;
    list-style: none;
    text-align: center;
}
.m-accounts-ul li{
    display: inline-block;
    text-align: center;
    color: #081A22;
    font-weight: bold;
    font-size: 20px;
    margin-right: 2em;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

}
.m-accounts-ul li:last-child{
    margin-right: 0;
}
.m-accounts-ul li a img{
    display: block;
    margin: 0 auto;
    border: 10px solid #F3F4F4;
    text-align: center;
    padding: 25px;

}
.m-accounts-ul li  img:hover,.m-accounts-ul li a:hover img{

    border: 10px solid #CED2D3;

}
.m-accounts-ul li a span{
    padding-top: 1em;
    display: block;
    text-align: center;
}
.muser_add{
    display: inline-flex;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    background-color: #009245;
    width: 27px;
    height: 27px;
    margin-right: 5px;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}
.op5{
    opacity: 0.5;
}
.muser_del{
    display: inline-flex;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    background-color: #FF0000;
    width: 27px;
    height: 27px;
    margin-left: 6px;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}
.remove_muser{
    width: 27px;
    height: 25px;
    cursor: pointer;
    border: none;
}
.add_muser{
    width: 26px;
    height: 26px;
    cursor: pointer;
    border: none;
}
.add_muser:after{
    background-color: #009245;
    width: 27px;
    height: 27px;
    content: '\002B';
    z-index: 1;
    display: flex;
    vertical-align: middle;
    position: relative;
    color: white;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 23px;
    border: none;

}
.remove_muser:after{
    background-color: #FF0000;
    width: 27px;
    height: 27px;
    content: '\2212';
    z-index: 1;
    display: flex;
    vertical-align: middle;
    position: relative;
    color: white;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 23px;
    border: none;
}

ul.asset-company-select,ul.link-company-select{
    display: block;
    border: 1px solid #586469;
    overflow-y: scroll;
    height: 350px;
    padding: 11px 7px;
}
ul.link-company-select{    height: 785px;}
ul.asset-company-select li,ul.link-company-select li {
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
    margin-right: 0;
    margin-bottom: 0.1em;
    border: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
ul.asset-company-select li a,ul.link-company-select li a {
    font-size: 13px;
    width: 100%;
    padding: 2px 5px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
ul.link-company-select li a {    padding: 4px 5px;}
ul.asset-company-select li a:hover, ul.asset-company-select li a.active,ul.link-company-select li a:hover, ul.link-company-select li a.active {
    text-decoration: none;
    color: #000;
    background: #F2F3F4;

}
ul.logmein-lists{
    display: block;
    border: 1px solid #586469;
    overflow-y: scroll;

    padding: 11px 7px;
}
ul.logmein-lists li{
    position: relative;
    text-align: left;
    float: left;
    width: 100%;
    display: flex;
    justify-content: unset;
    align-items: center;
    padding: 5px;
    margin-right: 0;
    margin-bottom: 0.1em;
    border: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size:14px;
}

ul.logmein-lists li a{

}
.w10{width: 10%;}
.w20{width: 20%;}
.w40{width: 40%;}
.w30{width: 30%;}
.w6{width: 6%;}
.w25{width: 25%;}

.btn-logmein-sync{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #EC6D25;
    color: #fff;
    padding: 5px 12px;
    display: inline-block;
    min-width: 84px;
    width: 100%;
    text-align: center;
    line-height: normal;
    border: 1px solid;
    font-size: 16px;
    cursor: pointer;
}
.btn-logmein-sync:hover,.btn-logmein-sync.active{
    background-color: green;
}
ul.view-sort {
    display: flex;
    justify-content: space-between;
    list-style: none;
}

ul.view-sort li a {
    padding: 0.6em 1em;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul.view-sort li a:hover, ul.view-sort li a.active {
    background-color: #F3F4F4;
}
ul.row-ticket-images{
    display: inline-block;
    list-style: none;
    text-align: left;
    width: 100%;
}
ul.row-ticket-images li {
    display: inline-block;
    margin-right: 2.5em;
    margin-bottom: 1em;
    width: calc((100%/4) - 2.15em);
}
ul.row-ticket-images li:last-child,ul.row-ticket-images li:nth-child(4n) {
    margin-right: 0;
}
#dialogViewImage .image_box{
    display: block;
    width: 78%;
    padding:0.6em 1em 0 1em;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    float: left;
}
#dialogViewImage .image_box img{
    width: 100%;
}
#dialogViewImage .image_content{
    display: block;
    width: 22%;
    float: right;
    background: #fff;
    padding:0.6em 1em 0 1em;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
.image_content,.word_break{
    word-break: break-all;
}
#user_select,#config_select{
    position: absolute;
    top: 30%;
display: block;
    width: auto;
    right: 0;
    left: 0;
    text-align: center;
}
#dialogViewImage .image_content .flex-columns{
    display: block;
}
#dialogViewImage .image_content .flex-columns a{
    display: block;
    padding-bottom: 1em;
}
.pointer{
    cursor: pointer;
}
ul.view-dataG {
    display: inline-block;
    justify-content: space-between;
    list-style: none;
    text-align: center;
    width: 100%;
}
ul.view-dataG li {
    display: inline-block;
    margin-right: 1.15em;
    width: calc((100%/4) - 1.1em);
}
ul.view-dataG li:last-child {
    margin-right: 0;
}
ul.view-dataG li a {
    padding: 8px 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 15px;
    font-weight: 600;
    color: #081A22;
    background: #E6E6E6;
    border: 1px solid;
    position: relative;

    width: 100%;
}
ul.view-dataG li:first-child a:after{
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    margin-bottom: 0;
    background-image: url(../images/home_icon.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}
ul.view-dataG li a:after{
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    margin-bottom: 0;
    background-image: url(../images/search_black.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}
.live_ticket{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
    background-color: #009245;
    color: white !important;
    font-weight: 500;
    padding: 8px 6px;
    display: inline-block;
    text-align: center;
    line-height: normal;
    font-size: 15px;
    min-width: 90px;
    width: auto;
    border: 1px solid #009245;
    margin: 0;
}
.mr25{
    margin-right: 0.25em;
}

.resolved_ticket{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
    background-color: #E6E6E6;
    color: #371A22 !important;
    font-weight: 500;
    border: 1px solid;
    padding: 8px 6px;
    display: inline-block;
    text-align: center;
    line-height: normal;
    font-size: 15px;
    min-width: 90px;
    width: auto;
    margin: 0;
}
.ml25{
    margin-left: 0.25em;
}
#ticket-new-content{
  display: none;
}
.home_ticket{
    opacity: 0.8;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #081A22;
    color: #fff !important;
    font-weight: 500;
    border: 1px solid;
    padding: 10px 6px;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    line-height: normal;
    font-size: 15px;
    min-width: 60px;
    width: auto;
    margin: 0;
}
.home_ticket:before{
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    margin-bottom: 0;
    background-image: url(../images/home_icon_w.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}
.home_ticket:hover,.resolved_ticket:hover,.live_ticket:hover,.home_ticket.active,.resolved_ticket.active,.live_ticket.active{
    opacity: 1;
}
hr.color{
    border:5px solid #E6E6E6;
    width: 100%;
}
hr.coloxr{
    border:5px solid #fff;
    width: 100%;
}
ul.view-dataG li a:hover, ul.view-dataG li a.active {
    background-color: #081A22;
    color: #fff;
    padding: 9px 20px;
}
ul.view-dataG li a.active:after,ul.view-dataG li a:hover:after{
    background-image: url(../images/search.png);
}
ul.view-dataG li:first-child a.active:after,ul.view-dataG li:first-child a:hover:after{
    background-image: url(../images/home_icon_w.png);

}
ul, ol {
    list-style: none;
}

ul.list-a {
    float: left;
    padding-right: 0.5em;
    width: 100%;
}

.list-a li a.delete {
    position: absolute;
    top: 10px;
    right: 2px;
    transition: all 0.2s ease-in-out;
    background-color: white;
    background-origin: content-box;
    padding: 2px;
}

.list-a li a.delete:hover {
    background-color: red;
}

.list-a li {
    position: relative;
    float: left;
    width: calc((100% / 5) - 22px);
    padding: 0.5em 0;
    margin-right: 1em;
    position: relative;
}

#card-view.list-a li {
    min-height: 397px;
}
#buisness-view.list-a li {
    min-height: 200px;
}
/*.list-a li:nth-child(5n) {
    margin-right: 0;
}*/

.list-a li .box-contact {
    min-height: 148px;
    display: block;
    border: 1px solid #28383E;
}
.list-a li .box-contact .header>p.underline:hover{
color: dodgerblue;
}
.list-a li .box-contact .header {
    background-color: #E6E8E9;
    padding: 0.3em 0.8em;
    border-bottom: 1px solid #28383E;
}

#buisness-view.list-a li .box-contact .header {
    padding:0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
#buisness-view.list-a li .box-contact .header a.p2x{
    padding: 0.3em 0.8em 0.3em 0.8em;
}
.list-a li .box-contact .header p{
    margin-bottom: 7px;
}
.list-a li .box-contact .header p:last-child{
    margin-bottom: 0;
}
.list-a li .box-contact .contentx p:last-child{
    margin-bottom: 0;
}
.list-a li .box-contact .contentx {
    background-color: #FFF;
    padding: 0.8em;
}
.list-a li .box-contact .contentx p a:hover{color: dodgerblue}
.list-a li .box-contact .contentx p strong {
    width: 7%;
    display: inline-block;
    margin-right: 2px;
}

.list-a li .box-contact .contentx p {
    margin-bottom: 0.3em;
    font-size: 13px;
    word-break: break-all;
}
#card-view.list-a li .box-contact .position,#contact_search_data .list-a li .box-contact .position{
    padding: 0.5em 0.8em;
    background-color: #FFF;

}

.flex-add{display: block}
.flex-add strong{width: 8%;display: inline-block;vertical-align: top;    margin-right: 2px;}
.flex-add p{display: inline-block}
.border-bottom-view{
    border-bottom: 1px solid #28383E;
}
#list-view, #buisness-view {
    display: none;
}
.contacts-users-groups #list-view {
    display: block;
    border: 1px solid #ACB2B5;
    overflow-y: scroll;
    min-height: 350px;
    max-height: calc(100vh - 500px);
    padding: 11px 7px;

}

ul.list-a#list-view{
    column-count: 4;
}
.contacts-users-groups ul.list-a#list-view{
    column-count: unset;
    position: relative;
}
#list-view.list-a li {
    position: relative;
    float: left;
    width: 100%;
    padding: 0.5em 0;
    margin-right: 1em;
    position: relative;
    padding-right: 1.5em;
    border-right: 1px solid #879094;
}

/*#list-view li:nth-child(4n){
    border-right: none;
}*/
#list-view li a:hover {
    text-decoration: underline;
    color: dodgerblue;
}
#list-view li a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contacts-users-groups #list-view li a:hover,.contacts-users-groups #list-view li a.active {
    text-decoration: none;
    color: #000;
    background: #F2F3F4;

}
.contacts-users-groups #list-view.list-a li {
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
    margin-right: 0;
    margin-bottom: 0.1em;
    border:  none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.contacts-users-groups #list-view.list-a li a{
    font-size: 13px;
    width: 100%;
    display: block;
    padding: 2px 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#contact-output {
    max-height: 750px;
    overflow-y: scroll;
    width: 102%;
}
.contacts-users-groups#contact-output {
    max-height: none;
    overflow-y: auto;
    width: 100%;
}
/*.update-generic{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #E6E6E6;
    color: #081A22;
    padding: 4px;
    display: inline-block;
    max-width: 84px;
    text-align: center;
    line-height: normal;
    border: 1px solid;
    font-size: 11px;
    position: relative;
    bottom: 25px;
    left: 82%;
    cursor: pointer;
    font-weight: 600;
}
.update-generic:hover{
    background-color: #081A22;
    color: #fff;
}*/

.add-button{
    position: absolute;
    right: 0px;
    top: 0px;
    content: "";
    margin:0;
    width: 37px;
    height: 38px;
    background-image: url(../images/pencil.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    border: none;
    padding: 2px;
    background-origin: content-box;
    background-color: #000;
    transition: all 0.2s ease-in-out;
}
.add-button:hover {
    background-color: #EC6D25;

}

.disable-op{
    opacity: 0.7;
}
#notes_description {
    height: 80%;
    display: block;
    min-height: 250px;
}
#new_ticket_description_input {
    height: 100%;
    display: block;
    min-height: 250px;
}

.searchboxb:before{
    content: "";
    width: 12px;
    background: #CCCCCC;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.1em;
    margin-bottom: 0;
    background-image: url(../images/search.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    padding: 4px;
    border-radius: 19px;
}
.green-search {
    padding: 8px 20px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: #009245 !important;
    border: none !important;
    position: relative !important;
    min-width: 110px !important;
    width: 100% !important;
}

.dialogButtons{
    padding: 1.5em !important;
}
.gray-button{
    background: #F2F2F2 !important;
    color: #081A35 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 8px 20px !important;
    border-radius: 0 !important;
    border: 1px solid #081A35 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.hideI {
    display: none !important;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.showI {
    display: block !important;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.green-searchw {
    padding: 8px 20px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #fff !important;
    background: #009245 !important;
    border: none !important;
    position: relative !important;
    min-width: 110px !important;
    width: 250px !important;
    border-radius: 0 !important;
    border: none !important;
}
.green-searchX,.green-tickB {
    padding: 8px 5px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #fff !important;
    background: #009245 ;
    border: none !important;
    position: relative !important;
    min-width: 80px !important;
    width: 100% !important;
    border-radius: 0 !important;
    text-align: center;
    margin: 0;
}
.green-tickB {
    background: #009245  !important;
    padding: 8px 26px !important;
    width: auto !important;
    margin: 0.5em auto 0.5em auto !important;
    float: none !important;
    border: 1px solid #009245 !important;
}
.green-tickB.project_add {
    margin: 0 !important;
}
.green-tickB.project_edit {
    margin: 0 !important;
}
.delete_iconRed {
    background: #FFF  !important;

    width: auto !important;
    margin: 0.5em auto 0.5em auto !important;
    float: none !important;
    border: 1px solid #ED1C24 !important;
    color:#ED1C24 !important;
    display: inline-flex;
    align-content: center;
}
.delete_iconRed:after{
    content: "";
    width: 20px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.7em;
    margin-bottom: 0;
    background-image: url(../images/red-alert.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;
}
.gray-button.showI{
    margin: .5em auto .5em auto !important;
}
.green-search:before,.green-searchw:before{
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
    margin-bottom: 0;
    background-image: url(../images/search.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}
.green-searchX:before{
    content: "";
    width: 17px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    margin-bottom: 0;
    background-image: url(../images/search.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}
.green-search:hover,.green-searchw:hover,.gray-button:hover,.tickets-tableX tr:hover,.view_ticket_dashboard:hover{
    opacity: 0.8;
}

.green-tickB:before{
    content: "";
    width: 17px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    margin-bottom: 0;
    background-image: url(../images/icon_RGB_08.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}
.export-csv,.import-csv {
    padding: 8px 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    background: #E6E6E6;
    border: 1px solid #6B767B;
    position: relative;
    width: 160px;

}
.download-csv{
    padding: 6px 20px;
    width: 185px;
}
.upload-csv{
    padding: 6px 20px;
    width: 160px;
}
.export-csv:after{
    content: "";
    width: 18px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    margin-bottom: 0;
    background-image: url(../images/download_svg_icon.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}
.export-csv:hover{
    opacity: 0.8;
}
.import-csv:after{
    content: "";
    width: 18px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    margin-bottom: 0;
    background-image: url(../images/upload_svg_icon.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}
.import-csv:hover{
    opacity: 0.8;
}
.gray-tick {
    padding: 8px 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: #cccccc;
    border: none;
    position: relative;
    min-width: 110px;
    width: 100%;
}
.gray-tick:before{
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
    margin-bottom: 0;
    background-image: url(../images/gray-circle-tick.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}
.gray-tick:hover{
    opacity: 0.8;
}
.gray-bgN.gray-tick{
    font-size: 14px;
    min-width: 80px;
    padding: 8px 5px !important;
    text-align: center;
    margin: 0;
}
.gray-tick.gray-tick:before{
    width: 17px;
    margin-right: 0.5em;
}
#content-wrap{
   
    display: block;

    overflow: hidden;
}
.content-wrap #content-wrap .container{
/*    min-height: calc(100vh - 118px);*/
    height: 100%;
 }
#content{
   /* min-height: calc(100vh - 118px);*/
    height: 100%;
}
.h100{
    height: 100%;
}

.h80{
    height: 90%;
}
.gray-search {
    padding: 4px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: #778185;
    border: none;
    position: absolute;
    cursor: pointer;
height: 100%;
    width: auto;
    right: 0;
}
.gray-search:before{
    content: "";
    width: 25px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    margin-bottom: 0;
    background-image: url(../images/search.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}
.overflohidden{
    overflow: hidden;}
.overflohiddenI{
    overflow: hidden !important;}
.hcalc100{
/*    min-height: calc(100vh - 118px);*/
    height: 100%;
}
.h68{height:67%;}
#tags-form div.row:first-child{
    width: 44%;

}
#tags-form div.row:nth-child(2){
    width: 25%;

}
#tags-form div.row:nth-child(3){
    width: 23.5%;
}
form#tags-form input.tgs:hover ~ .add-button {
    background-color: #000;
    color: #EC6D25;
}
form.search,form.search_jl,form.search_CU,form.search_Asset,form.search_event,form.search_client_tickets,.search_alerts {
    position: relative;
}
textarea {
    resize: vertical;
}
form.search .seacrh-button,.contacts-dahboard form.search .seacrh-button,form.search_jl .seacrh-button,form.search_projects .seacrh-button,form.search_Asset .seacrh-button,form.search_event .seacrh-button,form.search_alerts .seacrh-button,form.search_CU .seacrh-button,form.search_client_tickets .seacrh-button{
    position: absolute;
    right: 0px;
    top: 0px;
    content: "";
    width: 38px;
    margin: 0;
    height: 38px;
    background-image: url(../images/search.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    border: none;
    padding: 6px;
    background-origin: content-box;
    background-color: #ed6e26;
}

form.search_projects .seacrh-button,form.search_client_tickets .seacrh-button,.contacts-dahboard form.search .seacrh-button{
    height: 100%;
    background-color: #768083;
    border: unset;
}
.text-centerImp{text-align: center !important;}
.ui-dialog-buttonset .button.bg-greenC{
    color: #fff !important;
    padding: 8px 20px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    border: 1px solid #009245 !important;
    border-radius: unset !important;
}
form.search input:hover,form.search_jl input:hover,form.search_event input:hover,form.search_alerts input:hover,form.search_Asset input:hover,form.search_client_tickets input:hover,form.search_CU input:hover {
    border-color: #000;
}

form.search input:hover ~ .seacrh-button,form.search_jl input:hover ~ .seacrh-button,form.search_CU input:hover ~ .seacrh-button,form.search_Asset input:hover ~ .seacrh-button,form.search_client_tickets input:hover ~ .seacrh-button, form.search_event input:hover ~ .seacrh-button{
    background-color: #000;
    color: #000;
}
.project-status-active{
    background-color: green;
    border-radius: 50%;
    width: 14px;
    height: 14px;
}
.project-status-inactive{
    background-color: white;
    border: 1px solid #5C5C5C;
    border-radius: 50%;
    width: 14px;
    height: 14px;
}
.project-status-pending{
    background-color: orangered;
    border-radius: 50%;
    width: 14px;
    height: 14px;
}
.project-status-overdue{
    background-color: red;
    border-radius: 50%;
    width: 14px;
    height: 14px;
}
.project-status-quotation{
    background-color: white;
    border: 1px solid #5C5C5C;
    border-radius: 50%;
    width: 14px;
    height: 14px;
}
.project-status-completed{
    background-color: black;
    border-radius: 50%;
    width: 14px;
    height: 14px;
}
.project-status-suspended{
    background-color: gray;
    border-radius: 50%;
    width: 14px;
    height: 14px;
}

.project-progress-bar {
    width: 80%;
    display: inline-block;
    background: #fff;
    height: 16px;
    border: 1px solid #e8e9ea;
}
.project-progress-bar-green{
    width: unset;
    display: block;
    background: green;
    height: inherit;
}
.w3-red-round2{    width: 100%;
    display: inline-block;
    background: red;
    border-radius: 18px;
    height: 8px;}
.w3-red-round{display: inline-block;
    width: 67%;
    background: red;
    border-radius: 18px;
    height: 8px;}
.w3-container-green{
    width: 51.25%;
    display: block;
    background: green;
    height: inherit;
    border-radius: 5px 0px 0px 5px;
    border-right: 2px solid #fff
}
.cemp_prv,.cemp_nxt{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 16px;
    font-weight: 600;
    color: #FFF;
    background: #071a21;
    border: 1px solid;
    position: relative;
    width: 202px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}
.cemp_prv {
    padding: 14px 20px 14px 12px;
}
.cemp_nxt {
    padding: 14px 12px 14px 20px;
}
.cemp_prv:before{
        content: "";
        width: 20px;
        height: 20px;
        background-image: url(../images/arrow-white-2.png);
        background-repeat: no-repeat;
        background-origin: content-box;
        background-position: center;
        background-size: cover;
        display: inline-block;
}
.cemp_nxt:after{
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../images/arrow-white.png);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: center;
    background-size: cover;
    display: inline-block;
}

.cemp_nxt.nodata,.cemp_prv.nodata{
    background: #E6E6E6;
}
.cemp_nxt:hover,.cemp_prv:hover{
 color: #FFF;
    opacity: 0.8;
}

form.search input ,form.search_event input,form.search_alerts input,form.search_client_tickets input,form.search_CU input,form.search_Asset input,form.search_jl input{
                                  border: 1px solid #ed6e26;
    font-size: 16px;
    font-weight: 500;
    padding: 7px;
}
form.search_projects input,form.search_client_tickets input,.contacts-dahboard form.search input{
     border: unset;
     font-size: 16px;
     font-weight: 500;
     padding: 32px 10px;
     height: 100%;
     width: 200px;
     background-color: #e6e6e6;
 }
form.search_client_tickets input::-webkit-input-placeholder { /* Edge */
    font-size: 13px;
    font-weight: 500;
}

form.search_client_tickets input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 13px;
    font-weight: 500;
}

form.search_client_tickets input::placeholder {
    font-size: 13px;
    font-weight: 500;
}
.rowFlex-center{
    display: flex;
    justify-content: start;
    align-content: center;
    align-items: center;
    position: relative;
}
.rowFlex-center-c{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
}
#jl_buttons{
    display: none;
    text-align: center;
}
#jl-data{
    display: none;
    max-height: 500px;
    overflow-y: scroll;
    width: auto;
    padding-right: 10px;
    overflow-x: hidden;
}
.rowFlex-center label{
    width: 45%;
    font-size: 13px;
    font-weight: 600;
    padding-right: 1em;
    padding-bottom: 0;
    text-align: left;
}
.rowFlex-center span{
    width: 45%;
    font-size: 13px;
    font-weight: 400;
    padding-bottom: 0;
    text-align: left;
}
form.asset_form div.rowFlex,form.jl_form div.rowFlex,form.project-new-form div.rowFlex,form.contact-main-form .row,.contact-people-form .row,.contact-employees-form .row,.contact-emp-list-form .row{
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    position: relative;
}
form.project-new-form div.rowFlex{
    justify-content:flex-start;
}
form.project-new-form div.rowDp{
    display: block;
}
form.asset_form div.rowFlex .tmp_form_message,form.jl_form div.rowFlex .tmp_form_message,form.project-new-form div.rowFlex .tmp_form_message {
    bottom: -14px;
    font-size: 11px;
    right: 0;
}

form.asset_form div.rowFlex label{
    width: 34%;
    font-size: 13px;
    font-weight: 500;
    padding-right: 1em;
    padding-bottom: 0;
    text-align: right;
}

form.project-new-form div.rowFlex label{
    width: 25%;
    font-size: 16px;
    font-weight: 600;
    padding-right: 1em;
    padding-bottom: 0;
    text-align: left;
}
.contact-employees-form label{
    width: 40%;
    font-size: 16px;
    font-weight: 400;
    padding-right: 1em;
    padding-bottom: 0;
    text-align: left;
    color:#1e439a;
}
form.contact-main-form .row label,.contact-people-form label,.contact-emp-list-form label,.Contractz label{
    width: 42%;
    font-size: 16px;
    font-weight: 600;
    padding-right: 1em;
    padding-bottom: 0;
    text-align: left;
}
.contact-people-form label,.contact-emp-list-form label,.Contractz label{
    width: 22%;
}

form.project-new-form div.rowDp label{
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    padding-right: 0;
    padding-bottom: 1em;
    text-align: left;
}

form.project-new-form div.rowFlex input,form.project-new-form div.rowFlex textarea{
    width: 75%;
}
form.contact-main-form .row input,form.contact-main-form .row textarea{
    width: 58%;
    border: 1px solid #d5d8d9;
    position: relative;
    padding: 12px 10px;
    font-size: 16px;
}
form.contact-people-form .row .inputdiv, .Contractz.row .inputdiv{
    width: 400px;
    border: 1px solid #d5d8d9;
    position: relative;
    padding: 12px 10px;
    font-size: 16px;
}
form.contact-people-form .row select.company_employee_select,form.contact-emp-list-form .row select.company_employee_list_select{
    width: 400px;
    padding: 12px 10px;
    font-size: 16px;
    border: 1px solid #d5d8d9;
    color: #071A21;
    font-weight: bold;
    display: inline-block;
    font-family: inherit;
    background-color: white;
}
.company_employee_select option,.company_employee_list_select option{
    font-weight: bold;
}
form.contact-people-form .row select.company_employee_select option.deactive_cemp,form.contact-emp-list-form .row select.company_employee_list_select option.deactive_cemp {

    background-color: red;
    color: white;

}
form.contact-employees-form .row input,form.contact-employees-form .row textarea{
    width: 75%;
    border: 1px solid #d5d8d9;
    position: relative;
    padding: 12px 10px;
    font-size: 16px;
}
form.contact-employees-form .row input,form.contact-employees-form .row textarea{
    width: 60%;
    border: 1px solid #d5d8d9;
    position: relative;
    padding: 12px 10px;
    font-size: 16px;
}

form.contact-main-form .eicon .row:after,form.contact-employees-form .eicon .row:after{

    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px; /* Adjust icon size */
    height: 20px;
    background-image: url(../images/pencil-icon-gray.png);
    background-size: cover;
    background-repeat: no-repeat;
    pointer-events: none;
}
form.contact-people-form .eicon.row:after{
    content: "";
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url(../images/pencil-icon-gray.png);
    background-size: cover;
    background-repeat: no-repeat;
    pointer-events: none;
    margin-left: -2em;
    margin-top: 1.1em;
    display: inline-block;
}
.contact-employees-form  .tmp_form_message {
    font-size: 11px;
    color: red;
    padding-top: 0px;
    position: absolute;
    margin-top: -1px;
    right: 0;
    bottom: -14px;
}
form.project-new-form div.rowFlex textarea{
margin-left: 0.71em;
}
 form.jl_form div.rowFlex label{
     width: 50%;
     font-size: 13px;
     font-weight: 500;
     padding-right: 1em;
     padding-bottom: 0;
     text-align: left;

     display: inline-block;
 }
form.asset_form label,form.asset_form input,form.asset_form select{
    font-size: 13px;
}
form.asset_form div.rowFlex input,form.asset_form div.rowFlex select{
    width: 66%;
    font-size: 13px;
}

form.project-new-form div.rowFlex select{
    width: 320px;
    background-color: #FFF;
}
form.jl_form div.rowFlex input,form.jl_form div.rowFlex select{
    width: 100%;
    font-size: 13px;
}
form.jl_form div.rowFlex input.crm_user_check,form.jl_form div.rowFlex input.send_attachments{
    width: 45%;
    font-size: 13px;
    text-align: left;
    display: inline-block;

}
form.asset_form div.rowCal input,form.jl_form div.rowCal input{
    border: none;

}
form.asset_form div.rowCal{
    border: 1px solid #E6E6E6;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}
form.asset_form div.rowCal .help-icon{
    background-image: url(../images/help-icon.png);
    display: inline-flex;
    background-repeat: no-repeat;
    text-align: left;
    line-height: normal;
    width: 46px;
    height: 34px;
    content: '';
    background-size: contain;
    justify-content: center;
    position: relative;
    cursor: help;
}
.help-text{
    padding: 8px;
    border: 5px solid #CCCCCC;
    background-color: #fff;
    position: absolute;
    top: -99999999999px;
    width: 169px;
    text-align: center;
    font-size:11px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 0;
}
form.asset_form div.rowCal .help-icon:hover{
    z-index: 1;
}
form.asset_form div.rowCal .help-icon:hover > .help-text{

    top:50%;
    right: 50%;
}
form.asset_form div.rowCal  input.calender{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #fff;
    padding: 9px 7px;
    background-image: none;

}

form.asset_form div.rowCal .cal-icon{
    background-image: url(../images/cal-new.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-flex;
    width: 46px;
    height: 34px;
    content: '';
    justify-content: end;
}
form.asset_form div.rowCal .tmp_form_message{
    position: absolute;
    left: 0;
    bottom: -16px;
    font-size: 10px;
}
.logo {
    display: grid;
}
a.add-new-asset{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #E6E6E6;
    color: #071A21;
    font-weight: 600;
    padding: 7px 20px;
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 14px;
    width: auto;
    border: 1px solid;
    position: relative;
}

a.add-new-asset:after{
    content: "";
    width: 36px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.7em;
    margin-bottom: 0;
    background-image: url(../images/add-asset.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;

}
a.add-new-asset:hover{
    color: #009245;
}

a.add-new-admin-user{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #1e439a;
    color: #fff;
    font-weight: 600;
    padding: 7px 20px;
    display: inline-block;
    text-align: left;
    line-height: normal;
    font-size: 14px;
    width: auto;
    border: 1px solid;
    position: relative;
}

a.add-new-admin-user:before{
    content: "";
    width: 36px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.7em;
    margin-bottom: 0;
    background-image: url(../images/user-add-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;

}

a.add-new-admin-user:hover{
    color: #009245;
}
.new_uname{

    display: inline-flex;
    justify-content: normal;
    align-items: center;
   text-align: left;
   line-height: normal;

}

.new_uname:before{
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.3em;
    margin-bottom: 0;
    background-image: url(../images/new-user-icon-v.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;

}

#assets-output {
    height: calc(100vh - 450px);
    overflow-y: hidden;
    width: 102%;
}
#assets-output.jl-data-new {
    height: calc(100vh - 180px);
    overflow-y: hidden;
    width: 100%;
}
header .container {
    background-color: #fff;
}

header .columns {
    justify-content: space-between;
}

.ck-editor__editable[role="textbox"] {
    /* editing area */
    max-height: 250px;
}
#editorX{
    border: 1px solid #8b8b8b;
    padding: 10px;
}
.columns-space-between {
    justify-content: space-between;
    align-items: center;
}

.row-ticket{
    display: block;
    width: 100%;
    border-bottom: 1px solid #C3C3C3;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
.row-ticket_auth{
    background: #f7f7f7;
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    padding: 13px 31px;
}
.row-ticket .columnT{
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.row-ticket .comments_text{
    font-size: 13px;
    width: 100%;
    padding-left: 2.1em;
    word-break: break-all;

}
.pl-2p4{
    padding-left: 2.4em;
}
#ticket-comments-close, #ticket-images-close,#expenses-upload-close,#ticket-notes-close {
     webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     background-color: #F2F2F2;
     color: #000 !important;
     font-weight: 500;
     padding: 7px 18px;
     display: block;
     text-align: center;
     line-height: normal;
     font-size: 15px;
     width: 178px;
     border: 1px solid #667176;
     position: relative;
    border-radius: 0;
 }
.data-columns,.flex-columns,.stat_div {
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.flex-columns-top {
    justify-content: space-between;
    align-items: baseline;
    display: flex;
}
.flex-columns-edit-div{
    justify-content: space-around;
    align-items: center;
    width: 50%;
    margin: 0 auto;
}
.flex-columns-edit-div >a ,.flex-columns-edit-div>button{
    text-align: center;
    width:  23%;
    margin-right: 10px;
}
.flex-columns-edit-div>button:last-child{
    margin-right: 0;
}
.flex-columns-edit-div2 {
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}
.flex-columns-edit-div2 >a, .flex-columns-edit-div2>button {
    text-align: center;
    width: 45%;
    margin-right: 10px;
}
.flex-columns-edit-div2>button:last-child {
    margin-right: 0;
}
.bor-green{
    border: 1px solid #22B573;
}
.bor-black{
    border: 1px solid #000000;
}
form .pr_reminder {
    width: auto;
    min-width: 120px;
    padding: 6px 7px;
    border:1px solid #99a0a3;
}
.flex-columns-start {
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.flex-columns-startI {
    justify-content: flex-start !important;
    align-items: center;
    display: flex;
}
.flex-columns-end {
    justify-content: flex-end;
    align-items: center;
    display: flex;
}
.flex-columns-start-b {
    justify-content: flex-start;
    align-items: baseline;
    display: flex;
}
.inline-middle{
    vertical-align: middle;
    display:  inline !important;
}
.flex-columns-center {
    justify-content: center;
    align-items: center;
    display: flex;
}
.columns-end {
    justify-content: end;
    align-items: center;
}
.align-top{ align-items: flex-start;}
.dp-flex{
    display: flex;
}
.dp-block{
    display: block;
}
.align-center {
    align-items: center;
}
.justify-start,.row-ticket .columnT.justify-start {
    justify-content: start;
}
.login-form-main label{
font-weight: 600;
    padding-right: 1em;
    width:20%;
    text-align: left;
        color: #1e439a;
}
.login-form-main .columns{
   align-items: center;
}
.login-form-main input[type=text],.login-form-main input[type=password]{
   width: 80%;
}
.login-form-main button{
    width: auto;
    float: right;
    background-color:#1e439a;
}
.view_button_X {
    padding: 4px 8px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #081A22 !important;
    background: #e7e9ea !important;
    position: relative !important;
    width: 85px !important;
    border-radius: 0 !important;
    border: 1px solid #081A22 ;
}
.view_button_X:after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.61em;
    margin-bottom: 0;
    background-image: url(../images/search.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    background-color: #081A22;

    padding: 4px;
    float: right;
}
.view_button_X:hover {
    text-decoration: underline;
}
.contract_edit_button,.contract_pdf_button {
    padding: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #FFF !important;
    background: unset;
    border: none !important;
    position: relative !important;
    width: 25px !important;
    border-radius: 0 !important;
    border: none !important;
    text-decoration: underline;
    margin-right: 0.8em;
    cursor: pointer;
}

.contract_edit_button:after{
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    margin-bottom: 0;
    background-image: url(../images/search_black.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    background-color: #e6e6e6 !important;
    border-radius: 20px;
    padding: 6px;
}
.contract_pdf_button:after{
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    margin-bottom: 0;
    background-image: url(../images/download_dicon.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    background-color: #e6e6e6 !important;
    border-radius: 20px;
    padding: 6px;
}

.black-searchw {
    padding: 8px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #081A22 !important;
    background: #FFF!important;
    border: none !important;
    position: relative !important;
    width: 78px !important;
    border-radius: 0 !important;
    border: none !important;
    text-decoration: underline;
}

.black-searchw:after{
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.61em;
    margin-bottom: 0;
    background-image: url(../images/search.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    background-color: #081A22;
    border-radius: 20px ;
    padding: 4px;
}
.last-div {
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
    display: flex;
    width: 200px;
}
.last-div div {
    justify-content: space-between;
    align-items: center;
    display: flex;
    width: 100%;
    margin-bottom: 5px;
}
span.username {
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    color: #1e439a;
    font-weight: 600;
    padding: 5px 6px;
    display: inline-flex;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 15px;
    width: 100%;
}
span.blue.username:before {
    content: "";
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.6em;
    margin-bottom: 0;
    background-image: url(../images/user_icon_new.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
}
.last-div div:last-child {
    margin-bottom: 0;
}
span.username .ld-admin {
    font-size: 12px;
    font-weight: 400;
    color: #555;
    display: block;
}
ul.menu {
    list-style: none;
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

ul.menu li {
    height: 100%;
    margin-right: 0.1em;
}
ul.menu li:last-child {
    margin-right: 0;
}

ul.menu li a {
    display: inline-flex;
    justify-content: center;
    align-items: end;
    flex-wrap: wrap;
    height: 100%;
    background-color: white;
    color: black;
    font-size: 13px;
    padding: 0.3em 0.6em;
    font-weight: 600;
    text-align: center;
    min-width: 95px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.bg-gray-alphabet{
    background-color: #838C90;
    display: block;
    width: 100%;
    float: left;

}
#alphabetlist,#alphabetlist2 {
    display: flex;
    justify-content: space-between;
    list-style: none;
    background-color: #838C90;
    padding: 0.4em 2em;
}

#alphabetlist li a ,#alphabetlist2 li a {
    font-size: 22px;
    font-weight: 600;
    padding: 0 0.45em;
    color: white;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#asset-company-output ul.asset-company-select{

}
#asset_company_data #alphabetlist,#asset_company_data #alphabetlist2 {
    display: block;
    justify-content: space-between;
    list-style: none;
    width: 100%;
    float: left;
    padding: 1.5em 0.91em;
}
#asset_company_data  #alphabetlist li,#asset_company_data #alphabetlist2 li {
    width: calc((100%/4) - 3px);
    display: inline-block;
    float: left;
    text-align: center;
    margin-right: 4px;
    margin-bottom: 4px;
}
#asset_company_data  #alphabetlist li:nth-child(4n),#asset_company_data  #alphabetlist2 li:nth-child(4n){
    margin-right: 0px;
}
#asset_company_data  #alphabetlist li:nth-child(25),#asset_company_data  #alphabetlist li:nth-child(26),#asset_company_data  #alphabetlist li:nth-child(27){
    margin-bottom: 0;
}
#asset_company_data  #alphabetlist2 li:nth-child(25),#asset_company_data  #alphabetlist2 li:nth-child(26),#asset_company_data  #alphabetlist2 li:nth-child(27){
    margin-bottom: 0;
}
#asset_company_data  #alphabetlist li a,#asset_company_data  #alphabetlist2 li a {
    font-size: 22px;
    font-weight: 400;
    padding: 0.10em 0.10em;
    color: white;
    border: 2px solid #6B767B;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#asset_company_data  #alphabetlist li:last-child a,#asset_company_data  #alphabetlist3 li:last-child a{
    font-size: 17px;
    padding: 0.32em 0.11em;
}
#asset_company_data  #alphabetlist li a:hover, #asset_company_data  #alphabetlist  li a.active,#asset_company_data  #alphabetlist2 li a:hover, #asset_company_data  #alphabetlist2  li a.active{
    background-color: #455359;
    border-color: #455359;
}





#alphabetlist li a:hover, #alphabetlist li a.active,#alphabetlist2 li a:hover, #alphabetlist2 li a.active {
    color: #EC6D25;
}

#user-add,#user-edit,.change_password,#api-data,#company-hours-data,#company-email-templates,#ticket-settings {
    display: none;
}
.show_config,.email_clist{
    transition: all 0.3s ease-in-out;
    background-color: #838C90;
    color: #fff;
    font-weight: 600;
    padding: 10px 15px;
    display: block;
    text-align: left;
    line-height: normal;
    font-size: 16px;
    border: none;
    position: relative;
    opacity: 0.5;
    width: 286px;
    margin:0 auto 1em auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.configuration > a.show_config {
    display: inline-block;
    background: none;
    color: #000;
    border-right: 2px solid #bababa;
    float: left;
    width: auto;
    text-align: center;
    padding: 28px 50px;
    font-size: 17px;
    opacity: 1;
    margin: 0;
}
.configuration:after{
    content: "";
    display: table;
    clear: both;
}
.configuration > a.show_config:last-child{
    border-right:none;
}
.show_config:before{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    margin-bottom: 0;
    background-image: url(../images/pencil.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;
}
.configuration > a.show_config:before{
    display: none;
}
.show_config.active,.show_config:hover,.email_clist:hover,.email_clist.active{
    opacity: 1;
    color: #fff;
}
.configuration > .show_config.active,.configuration > .show_config:hover{
    background-color: #e6e6e6;
}
#api-data a.warranty-button,#api-data a.logmein-button,#api-data a.xero-button,#api-data a.ncentral-button{
    display: block;
    margin:0 auto 1em auto;
    width: 215px;
}
form input, form textarea {
    font-family: inherit;
    border: 1px solid #E6E6E6;
}
.delete-tag{
    background-color: red !important;
    color:white !important;
}

.delete-tag:hover{
    text-decoration: underline !important;
}
ul#tags {
    padding: 1em 0.5em;
    list-style: none;
    height: auto;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
/*    white-space: nowrap;*/
    border: 1px solid #081A22;
}

ul#tags li {
    list-style: none;
    position: relative;
    display: inline-block
}

ul#tags li a.delete-tags{
    width: 8px;
    height: 8px;
    background-image: url(../images/cross.png) !important;
    background-size: cover !important;
    background: no-repeat;
    display: inline-block !important;
    background-position: center;
    position: absolute;
    top: -5px;
    right: -4px;
}

ul#tags li {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: context-menu;
    padding: 5px;
    margin-right: 20px;

    border: 1px solid #081A22;
    display:inline-block;
    width: 213.7px;
    margin-bottom: 12px;
    float: left;
}
ul#tags:after{
    clear: both;
}
ul#tags li:nth-child(4n){
    margin-right: 0;
}
ul#tags li a.tags_name{
   display: inline-block;
    width: 70%;
}
ul#tags li a.edit_tags_name{
    content:'';
    width: 22px;
    height: 22px;
    background-image: url(../images/pencil.png) !important;
    background: no-repeat;
    display: inline-block;
    background-color: #081a22;
    background-origin: content-box;
    background-position: right;
    background-size: contain;
    float: right;
    padding: 3px;
}
ul#tags li:nth-child(1) {
    margin-left: 0px;
}
ul#tags li a.tags_name:hover,#tags li a.tags_name.active{
    color: green;

}

.add-new-tag,.add-new-pr,.add_c_emp,.add_comms_cemp,.add_contracts_cnew{
    padding: 7px 10px;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 15px;
    font-weight: 600;
    color: #081A22;
    background: #E6E6E6;
    border: 1px solid;
    position: relative;
    min-width: 172px;
    width: auto;
}
.add-new-pr.autow{
    width: auto;
}
.add-new-tag:after,.add-new-pr:after,.add_c_emp:after,.add_comms_cemp:after,.add_contracts_cnew:after{
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    margin-bottom: 0;
    background-image: url(../images/plus-icon.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;
    background-color: #081A22;
    padding: 4px;
}
#message_per_pass,#message_per_pass2{
    margin-left: 10px;
}

#tickets-priority .rowFlex-center p, #tickets-priority .rowFlex-center >div {
    min-width: 13%;
    width: auto;
}
form input, form textarea, form button, form select {
    width: 100%;
    font-family: inherit;
    padding: 9px 7px;
    font-size: 15px;
}
form#expense-form input, form#expense-form textarea, form#expense-form button {
    width: 100%;
    float: none;
    padding: 5px 7px;
    margin: 0 auto;
}

form#expense-form input.calender{
    width: 100%;
}
form#expense-form textarea{
    width: 95%;
}
.f18I{ font-size: 18px !important;}
.permananet_asset,.infection_check_av{
    width: 20px;
    height: 20px;
    margin-left: 1em;
    display: inline-block;

}
#upload_form_images div.flex-columns div{
    padding-right: 1em;
}
form input#userImage{
    padding: 0.3em;
}
.common_select_comms,.company_employee_list{
    width: 260px;
    border: 1px solid #d5d8d9;
}
.company_employee_list option{
    font-weight: 500;
}
.common_select_comms{
    width: 295px;
}
select.company_select,select.common_select  {
    width: 100%;
    font-family: inherit;
    padding: 9px 7px;
    font-size: 15px;
    background-color: #F2F2F2;

}
.contact-emp-comms-form input,.contact-emp-comms-form textarea,.contact-contracts2-form input,.contact-contracts2-form textarea{
    border: 1px solid #d5d8d9;
}
form.jl_form  select.company_select,form.jl_form select.common_select  {
    background-color: #FFF;
}
form select   {
    width: auto;
    min-width: 150px;
}
form#expense-form select {
    width: 100%;
    float: none;
    padding: 5px 7px;
    margin: 0 auto;
    min-width: unset;
}
form button {
    color: #fff;
    cursor: pointer;
}

form label {
    font-size: 13px;
    padding-bottom: 4px;
    display: block;
}

form input[readonly] {
    background-color: #F3F9F7
}

form input:focus {
    outline: none !important;
    border: 1px solid #1e439a;
    box-shadow: 0 0 1px #1e439a;
}

label {
    color: #1e439a
}

h3 {
    font-weight: 200;
}

.blue {
    color: #2FCAF1
}

.white {
    color: #fff;
}
.green-bor{
    border: 1px solid #009245;
}
.gray-bor{
    border: 1px solid #bcbcbc;
}
.pad1{
    padding: .4em 0.8em;
}
.pad1s{
    padding: .4em 1.8em;
}
.pad12{
    padding: 0.61em 1.8em;
}
.pad-2{
    padding:2em 3em 0 3em;
}
.pad1x {
    padding: 0.41em 1.2em;
}
.newDesign .pad1x {
    padding: 0.41em 0.5em;
}
.pl-2I{
    padding-left: 2em !important;
}
.green-bg {
    background-color: #22B573
}
.red-bg{
    background-color: red
}
.silver-bg {
    background-color: #F6F6F6
}

.orange-bg {
    background-color: #F15A24
}

.purple-bg {
    background-color: #662D91
}

.gray-bg {
    background-color: #808080
}
.bg-gray-alphabet{
    background-color: #838C90;
    display: block;
    width: 100%;
    float: left;

}
.err, .tmp_form_message {
    font-size: 12px;
    color: red;
    padding-top: 0px;
    position: absolute;
    margin-top: -1px;
}
.tmp_form_message_normal {
    font-size: 12px;
    color: red;
    padding-top: 10px;
}
.w60{
    width: 60%;
}
.min-w350{
    min-width: 350px;
}
.max-h350{
    min-height: 350px;
    max-height: 350px;
    height: 350px;
    overflow-y: scroll;
}
#view-users-content .max-h350{
    height: calc(100vh - 500px);
    max-height: calc(100vh - 500px);
}
#view-assets-content .max-h350{
    height: calc(100vh - 400px);
    max-height: calc(100vh - 400px);
}
#respond-ticket,#respond-ticketD,#respond-ticket-new,.create_new_project,.contacts-dahboard .add,#add_tkt_note{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #f3f4f4;
    color: #071A21 !important;
    font-weight: 500;
    padding: 6px 10px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 14px;
    width: auto;
    border: 1px solid #071A21;
    position: relative;
}
.create_new_project{
    padding: 9px 10px;
}
#respond-ticket:after,#respond-ticketD:after,#respond-ticket-new:after,#add_tkt_note:after,.create_new_project:after,.contacts-dahboard .add:after{
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    margin-bottom: 0;
    background-image: url(../images/plus-icon.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;
    background-color: #081A22;
    padding: 4px;
    position: relative;
}
.CommentsDataDialog #respond-ticket:after,.CommentsDataDialog  #respond-ticketD:after{
    background-image: none;
    content: unset;
}
#respond-ticketD {cursor: not-allowed; pointer-events: none;}
.CommentsDataDialog .ui-dialog-buttonpane,.images_dialog_btn .ui-dialog-buttonpane{
    margin-top: 2em !important;
padding: 2em 1em 2em 2em !important;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.images_dialog_btnc .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child{
    background-color: green;
    color: white;
}
#message_per > *,#message_per2 > *{
    padding-bottom: 0.5em;
}
.grant_approval{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #009245;
    color: #FFF;
    font-weight: 500;
    padding: 11px 10px;
    display: inline-block;
    justify-content: normal;
    align-items: center;
    text-align: center;
    line-height: normal;
    font-size: 15px;
    width: 200px;
    border: none;
    position: relative;
}
.cancel_approval{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #CCD0D1;
    color: #000;
    font-weight: 500;
    padding: 11px 10px;
    display: inline-block;
    justify-content: normal;
    align-items: center;
    text-align: center;
    line-height: normal;
    font-size: 15px;
    width: 200px;
    border: none;
    position: relative;
}
.cancel_approval:hover,.grant_approval:hover{
    opacity:0.9
}

.remote_host_button{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #838C90;
    color: #FFF;
    font-weight: 500;
    padding: 7px 8px;
    display: inline-block;
    justify-content: normal;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 15px;
    width: 100%;
    border: 1px solid #838C90;
    position: relative;
}
.remote_host_button:before{
    content: "";
    width: 25px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
    margin-bottom: 0;
    background-image: url(../images/remote.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;
}
.auth_req_button,.auth_req_button_pending,.auth_req_button_granted{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #f3f4f4;
    color: #071A21;
    font-weight: 500;
    padding: 10px 12px;
    display: inline-block;
    justify-content: normal;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 15px;
    width: 100%;
    border: 1px solid #f3f4f4;
    position: relative;
}
.auth_req_button_pending{
    background-color: #ED6E26;
    border: 1px solid #ED6E26;
}
/*.auth_req_button:before,.auth_req_button_pending:before,.auth_req_button_granted:before{
    content: "";
    width: 25px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
    margin-bottom: 0;
    background-image: url(../images/secure.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;
}*/


#ticket-comments,#ticket-notes{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #f3f4f4;
    color: #071A21;
    font-weight: 500;
    padding: 10px 12px;
    display: inline-block;
    justify-content: normal;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 15px;
    width: 100%;
    border: 1px solid #f3f4f4;
    position: relative;
}
/*#ticket-comments:after{
    content: "View / Edit / Delete";
    display: inline-block;
    float: right;
    text-align: right;
    color: #646F74;
}*/
/*#ticket-comments:before{
    content: "";
    width: 25px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
    margin-bottom: 0;
    background-image: url(../images/msg.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;
}*/
.ticket-images{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #f3f4f4;
    color: #071A21;
    font-weight: 500;
    padding: 10px 12px;
    display: inline-block;
    justify-content: normal;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 15px;
    width: 100%;
    border: 1px solid #f3f4f4;
    position: relative;
}
.ticket-details{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #f3f4f4;
    color: #071A21;
    font-weight: 500;
    padding: 10px 12px;
    display: inline-block;
    justify-content: normal;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 15px;
    width: 100%;
    border: 1px solid #f3f4f4;
    position: relative;
}
.ui-dialog-buttonpane .ticket-images{

    width: 60%;
}
/*.ticket-images:after{
    content: "View / Upload / Download";
    display: inline-block;
    float: right;
    text-align: right;
    color: #BABFC1;
}*/
.ticket-images:hover,#ticket-comments:hover,#ticket-notes:hover,.auth_req_button:hover,.auth_req_button_pending:hover,.auth_req_button_granted:hover,.ticket-details:hover
,.ticket-images.active,#ticket-comments.active,#ticket-notes.active,.auth_req_button.active,.auth_req_button_pending.active,.auth_req_button_granted.active,.ticket-details.active{
    color:#FFF; background-color: #071A21;
}
/*.ticket-images:before{
    content: "";
    width: 25px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
    margin-bottom: 0;
    background-image: url(../images/images-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;
}*/
#data-comments{
padding: 1em;
}
.w50{
    width: 50%;
}
.w70{
    width: 70%;
}
.w75{
    width: 75%;
}
.w30{
    width: 30%;
}
.grayCircle,.greenCircle
{
    position: absolute;
    right: -2em;
    content: "";
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;

}
.greenCircle{
    background-color: #009245;
}
.grayCircle{
    background-color: #081A22;
}
.orangeCircle
{
    background-color: #ED6E26;
    content: "";
/*    border-radius: 50%;*/
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.8em;
}
.secure_icon,.secure_pending,.gray_secure{
    background-color: transparent;
    font-weight: 500;
    padding: 0;
    display: inline-flex;
    justify-content: normal;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 15px;
    width: auto;
    border: none;
}
.secure_icon:before,.secure_pending:before,.gray_secure:before{
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    margin-bottom: 0;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;
}
.gray_secure:before{
    background-image: url(../images/gray_secure.png);
}
.secure_icon:before{
    background-image: url(../images/green_secure.png);
}
.secure_pending:before{
    background-image: url(../images/secure_pending.png);
}
.activeUserIcon{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: transparent;
    color: #009245;
    font-weight: 500;
    padding: 0;
    display: inline-flex;
    justify-content: normal;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 15px;
    width: auto;
    border: none;
}
.activeUserClass,.DeactiveUserClass{

    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: transparent;
    color: #009245;
    font-weight: 500;
    padding: 0;
    display: inline-flex;
    justify-content: normal;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 15px;
    width: auto;
    border: none;
    position: absolute;
    right: -5.5em;
}

.stat_div  .activeUserClass,.stat_div .DeactiveUserClass,#jl-data  .activeUserClass,#jl-data .DeactiveUserClass{
    position: relative;
    right:auto
}
.DeactiveUserClass{
    color: #838C90;
    opacity: 0.6;

}
.activeUserClass:before,.activeUserIcon:before{
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    margin-bottom: 0;
    background-image: url(../images/active-user.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;
}
.activeUserClass.new:before,.activeUserIcon.new:before{
    display: none;
}
.activeUserClass.new,.activeUserIcon.new,.DeactiveUserClass.new{
    font-size: 15px;
    color: #000;
    position: relative;
    right: unset;
}
.activeUserClass.new:after,.activeUserIcon.new:after{
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1.5em;
    margin-bottom: 0;
    border-radius: 50%;
    background-color: green;
    float: right;
}
.green_tick_w{display:inline-block;}
.green_tick_w:before{
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    vertical-align: middle;
    margin-left: 0.1em;
    margin-bottom: 0;
    background-image: url(../images/tick-w-g.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;

}
.activeUserIcon:before{ margin-right: 0.8em}
.DeactiveUserClass:before{
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    margin-bottom: 0;
    background-image: url(../images/user_icon_b.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: left;
}
.DeactiveUserClass.new:before{
    display: none;
}
.DeactiveUserClass.new:after{
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1.5em;
    margin-bottom: 0;
    border-radius: 50%;
    background-color: gray;
    float: right;
}


.button-comment-edit,.button-comment-disabled,.button-notes-edit{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #f3f4f4;
    color: #071A21 !important;
    font-weight: 500;
    padding: 6px 10px;
    display: inline-flex;
    text-align: left;
    line-height: normal;
    font-size: 14px;
    width: 156px;
    border: 1px solid #071A21;
    position: relative;
    justify-content: space-between;
    align-items: center;

}
.button-comment-edit:after,.button-notes-edit:after{
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    margin-bottom: 0;
    background-image: url(../images/pencil.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;
    background-color: #081A22;
    padding: 4px;
}
.project-completed,.project-suspend,.project-delete,.comms_remove_btn,.comms_edit_btn{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #f3f4f4;
    color: #000 !important;
    font-weight: 500;
    padding: 6px 8px;
    display: inline-flex;
    text-align: left;
    line-height: normal;
    font-size: 14px;
    width: max-content;
    border: 1px solid;
    position: relative;
    align-items: center;
    justify-content: space-between;
    min-width: 110px;
    cursor: pointer;
}
.comms_remove_btn,.comms_edit_btn{
    padding: 3px 8px;
    min-width: 120px;
}
.project-completed:after,.project-suspend:after,.project-delete:after,.comms_remove_btn:after,.comms_edit_btn:after{
    content: "";
    width: 11px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5em;
    margin-bottom: 0;

    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    background-color: #000;
    padding: 3px;
}
.project-delete:after,.comms_remove_btn:after{
    background-image: url(../images/cross-w.png);
}
.comms_edit_btn:after{
    background-image: url(../images/pencil.png);
}
.project-suspend:after{
    background-image: url(../images/minus-icon-w.png);
}
.project-completed:after{
    background-image: url(../images/tick-white.png);
}
.remove_user_ticket,.remove_c_emp{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #f3f4f4;
    color: #000 !important;
    font-weight: 500;
    padding: 3px 6px;
    display: inline-flex;
    text-align: left;
    line-height: normal;
    font-size: 13px;
    width: max-content;
    border: 1px solid;
    position: relative;
    align-items: center;
    justify-content: space-between;
}
.remove_user_ticket:after,.remove_c_emp:after{
    content: "";
    width: 9px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5em;
    margin-bottom: 0;
    background-image: url(../images/cross-w.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    background-color: #000;
    padding: 3px;
}

.remove_project_user{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    background-image: url(../images/cross-w.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    background-color: #000;
    padding: 3px;
    cursor: pointer;
}
.button-comment-edit,.button-notes-edit{
    cursor: pointer;
}
.button-comment-disabled{
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;

}
.dialogCommon .ui-button,.reactive_ticket .ui-button{
    border-radius:0 !important ;
    padding: 7px 20px !important;
    font-size: 14px !important;
    min-width: 200px;
}
.DeleteCommentsData .ui-button,.DeleteCommentsData2 .ui-button{
    border-radius:0 !important ;
    padding: 7px 20px !important;
    font-size: 14px !important;
    min-width: 180px;
}
.DeleteCommentsData .ui-dialog-buttonpane,.DeleteCommentsData2 .ui-dialog-buttonpane,.dialogCommon .ui-dialog-buttonpane,.reactive_ticket .ui-dialog-buttonpane{
    padding: 1em !important;
}
.DeleteCommentsData .ui-dialog-buttonset,.reactive_ticket .ui-dialog-buttonset,.dialogCommon .ui-dialog-buttonset{
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    float: none !important;
}
.DeleteCommentsData2 .ui-dialog-buttonset{

    text-align: center !important;
    float: none !important;
}

.delete-comment,.delete-notes{
    cursor: pointer;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #f3f4f4;
    color: #071A21;
    font-weight: 500;
    padding: 6px 10px;
    display: flex;
    text-align: left;
    line-height: normal;
    font-size: 14px;
    width: 156px;
    border: 1px solid #071A21;
    position: relative;
    justify-content: space-between;
    align-items: center;
}
.delete-comment:after,.delete-notes:after{
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    margin-bottom: 0;
    background-image: url(../images/cross-w.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;
    background-color: #081A22;
    padding: 4px;

}
.reactive_ticket_button{
    cursor: pointer;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #009245 !important;
    color: #FFF !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    text-align: left !important;
    line-height: normal !important;
    font-size: 14px !important;
    align-items: center;
    width: 190px;
    border: 1px solid #009245 !important;
    position: relative !important;
}
.reactive_ticket_button:after{
    content: "";
    width: 20px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.7em;
    margin-bottom: 0;
    background-image: url(../images/alerts-white.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;

}
#dialogDelete,#dialogDeleteN,#grant_dialog,#cancel_dialog,#dialogauthReq,#dialogDeleteImage,#dialogDeleteExpense,#dialogDeletePDF,#dialogViewImage,#dialogDeleteConfirmation,#dialogDeleteConfirmationN,#dialogRe-active-ticket,#dialogRe-active-success,#dialogCommon,#dialogCommonSuccess,#dialogCommonAddSuccess,#dialogCommonAddNSuccess{
    display: none;
}
#ticket-status{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #ED6E26;
    color: #FFF;
    font-weight: 500;
    padding: 7px 18px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 15px;
    width: auto;
    border: 1px solid;
    position: relative;
}

#ticket-status:after{
    content: "";
    width: 20px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.7em;
    margin-bottom: 0;
    background-image: url(../images/alert_icon_w.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;

}
#ticket-statusN,#ticket-statusRN,#ticket-status-reactive,#ticket-status-reactiveD{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #009245;
    color: #FFF;
    font-weight: 500;
    padding: 10px 12px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 14px;
    border: 1px solid #009245;
    position: relative;
    width: 100%;

}

#ticket-status-reactiveD,#ticket-status-reactive{
    background-color: #009245;
    border: 1px solid #009245;

}
#ticket-statusRN,#ticket-status-reactiveD{

    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;

}
#ticket-statusN:after,#ticket-statusRN:after,#ticket-status-reactive:after,#ticket-status-reactiveD:after{
    content: "";
    width: 20px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5em;
    margin-bottom: 0;
    background-image: url(../images/tick-w-g.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;
}
#ticket-statusR{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #009245;
    color: #fff;
    font-weight: 500;
    padding: 10px 12px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 15px;
    width: auto;
    border: 1px solid #009245;
    position: relative;
    cursor: not-allowed;
    pointer-events: none;
}
a#ticket-statusR:after{
    content: "";
    width: 20px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.7em;
    margin-bottom: 0;
    background-image: url(../images/gray-circle-tick.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;

}


/*.back {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #CED2D3;
    color: white;
    font-size: 47px;
}*/
#new_expense_div{
    width: 80%;
    margin: 0 auto;
}
.dp-flex-sp{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 168px);
}
.dp-flex-normal{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.dp-flex-lf{
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 168px);
}
.dp-flex-cc{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.configuration{
    width: max-content;
    min-width: 1106px;
    margin: 0 auto;
    border-bottom: 2px solid #bababa;
}
.configuration-data{
    width: 1106px;
    margin: 0 auto;
}
.back {
    width: 102px;
    height: 100%;
    background-color: #CED2D3;
    background-image: url(../images/back.png);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: center;
    background-size: contain;
    display: inline-flex;
    padding: 16px;
}
.back.adjust {
    width: 107px;
}
.config-head-icons {
    width: 102px;
    height: 100%;
    background-color: #000;
    background-image: url(../images/config-icon-w.png);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: center;
    background-size: contain;
    display: inline-flex;
    padding: 22px;
    margin-right: 1em;
}
.ticket-head-icons {
    width: 102px;
    height: 100%;
    background-color: #000;
    background-image: url(../images/NAV-tickets-active.png);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: center;
    background-size: contain;
    display: inline-flex;
    padding: 16px;
    margin-right: 1em;
}
.contact-head-icons {
    width: 102px;
    height: 100%;
    background-color: #000;
    background-image: url(../images/contact-icon-dashboard.png);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: center;
    background-size: contain;
    display: inline-flex;
    padding: 16px;
    margin-right: 1em;
}
.project-head-icons {
    width: 102px;
    height: 100%;
    background-color: #000;
    background-image: url(../images/project-management-black.png);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: center;
    background-size: contain;
    display: inline-flex;
    padding: 16px;
    margin-right: 1em;
}
.contracts-head-icons {
    width: 102px;
    height: 100%;
    background-color: #000;
    background-image: url(../images/contract-heading-icon.png);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: center;
    background-size: contain;
    display: inline-flex;
    padding: 16px;
    margin-right: 1em;
}
.gray-bg-btn{
    background-color: #f3f4f4;
    color: #373737 !important;
    border: 1px solid #949c9f;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 7px 15px;
    display: inline-block;
    min-width: 84px;
    text-align: center;
    line-height: normal;
    font-size: 15px;
}
.gray-bg-btn:hover{
    text-decoration: underline;
}
.bt-bg {
    background-color: #F6F6F6;
    color: #333;
    border: 1px solid #C5C5C5;
}

.bt-bg:hover, .bt-bg.active {
    background-color: #008cc6;
    color: white;
}

.columns {
    display: flex;
}

.columns .column1 {
    flex: 1;
    display: inherit;
}

.columns .column {
    flex: 2;
}

.columns .column3 {
    flex: 3;
}

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

.inline-list {
    margin-top: -1px;
}

.inline-list > * {
    margin: 0 5px;
}

.inline-list > *:first-child {
    margin-left: 0;
}

.inline-list > *:last-child {
    margin-right: 0;
}

.ml-1 {
    margin-left: 0.5em;
}
.mb-1 {
    margin-bottom: 0.8em;
}
.mr-1 {
    margin-right: 0.5em;
}
.mrI-1 {
    margin-right: 1.5em !important;
}
.mr-2 {
    margin-right: 1em;
}
.mr-3 {
    margin-right: 2em;
}
.mr-2p2 {
    margin-right: 1.2em;
}
.mt-1 {
    margin-top: 1em;
}
.ml-2 {
    margin-left: 1.22em;
}
.box {
    width: 100%;
    display: table;
    padding: 1em 1.5em;
}

.box-x {
    width: 100%;
    display: table;
    padding: 1em 2.8em;
    height: inherit;
}
.box-x-block {
    width: 100%;
    display: block;
    padding: 1em 2.8em;
    height: inherit;
}
.box-x33 {
    width: 100%;
    display: table;
    
}
.box-x3 {

    display: table;
    padding: 1.5em 2em;
}
.box-x4 {

    display: table;
    padding: 1.5em 2em;
}
.dataTables_length, .dataTables_filter {
    display: none;
}

.ui-widget.ui-widget-content[class] {

    padding: 0;
    border: 1px solid #939a9e;
    box-shadow: 1px 1px 6px 1px #939a9e;
}

.ui-datepicker[class] .ui-datepicker-header {
    background-color: #393637;
    border-radius: 0;
    color: #fff;
    font-weight: 200;
}

.ui-widget-content[class] .ui-state-default {
    background-color: #393637;
    border-width: 0;
    text-align: center;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background-image: url('../images/arrow-white.png');
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.ui-datepicker .ui-datepicker-prev {
    background-image: url('../images/arrow-white-2.png');
}
#project_start_calendar .ui-state-default,#project_start_calendar .ui-widget-content .ui-state-default,#project_start_calendar .ui-widget-header .ui-state-default,#project_start_calendar .ui-button,#project_start_calendar html .ui-button.ui-state-disabled:active
,#project_due_calendar .ui-state-default,#project_due_calendar .ui-widget-content .ui-state-default,#project_due_calendar .ui-widget-header .ui-state-default,#project_due_calendar .ui-button,#project_due_calendar html .ui-button.ui-state-disabled:active
,#calendar_date_callback .ui-state-default,#calendar_date_callback .ui-widget-content .ui-state-default,#calendar_date_callback .ui-widget-header .ui-state-default,#calendar_date_callback .ui-button,#calendar_date_callback html .ui-button.ui-state-disabled:active
,#calendar_date_alert .ui-state-default,#calendar_date_alert .ui-widget-content .ui-state-default,#calendar_date_alert .ui-widget-header .ui-state-default,#calendar_date_alert .ui-button,#calendar_date_alert html .ui-button.ui-state-disabled:active
#calendar_date_contract_start .ui-state-default,#calendar_date_contract_start .ui-widget-content .ui-state-default,#calendar_date_contract_start .ui-widget-header .ui-state-default,#calendar_date_contract_start .ui-button,#calendar_date_contract_start html .ui-button.ui-state-disabled:active
#calendar_date_contract_expiry .ui-state-default,#calendar_date_contract_expiry .ui-widget-content .ui-state-default,#calendar_date_contract_expiry .ui-widget-header .ui-state-default,#calendar_date_contract_expiry .ui-button,#calendar_date_contract_expiry html .ui-button.ui-state-disabled:active
#calendar_date_contract_signed .ui-state-default,#calendar_date_contract_signed .ui-widget-content .ui-state-default,#calendar_date_contract_signed .ui-widget-header .ui-state-default,#calendar_date_contract_signed .ui-button,#calendar_date_contract_signed html .ui-button.ui-state-disabled:active{
    color: #000 !important;
    background-color: #fff !important;
    font-size: 13px;
}
#project_start_calendar  .ui-datepicker[class] .ui-datepicker-header,#project_due_calendar  .ui-datepicker[class] .ui-datepicker-header,
#calendar_date_contract_start  .ui-datepicker[class] .ui-datepicker-header,#calendar_date_contract_expiry  .ui-datepicker[class] .ui-datepicker-header,
#calendar_date_callback  .ui-datepicker[class] .ui-datepicker-header,#calendar_date_contract_signed  .ui-datepicker[class] .ui-datepicker-header,#calendar_date_alert  .ui-datepicker[class] .ui-datepicker-header{
    color:#000;
    background-color: #fff;
    font-weight: 500;

}
#project_start_calendar .ui-widget-content .ui-state-hover,#project_start_calendar .ui-widget-content .ui-state-active,#project_start_calendar  .ui-widget-content .ui-state-active,#project_start_calendar  .ui-widget-header .ui-state-active,#project_start_calendar  a.ui-button:active,#project_start_calendar  .ui-button:active,#project_start_calendar  .ui-button.ui-state-active:hover,#project_start_calendar html .ui-button.ui-state-disabled:hover
#calendar_date_contract_start .ui-widget-content .ui-state-hover,#calendar_date_contract_start .ui-widget-content .ui-state-active,#calendar_date_contract_start  .ui-widget-content .ui-state-active,#calendar_date_contract_start  .ui-widget-header .ui-state-active,#calendar_date_contract_start  a.ui-button:active,#calendar_date_contract_start  .ui-button:active,#calendar_date_contract_start  .ui-button.ui-state-active:hover,#calendar_date_contract_start html .ui-button.ui-state-disabled:hover
#calendar_date_contract_expiry .ui-widget-content .ui-state-hover,#calendar_date_contract_expiry .ui-widget-content .ui-state-active,#calendar_date_contract_expiry  .ui-widget-content .ui-state-active,#calendar_date_contract_expiry  .ui-widget-header .ui-state-active,#calendar_date_contract_expiry  a.ui-button:active,#calendar_date_contract_expiry  .ui-button:active,#calendar_date_contract_expiry  .ui-button.ui-state-active:hover,#calendar_date_contract_expiry html .ui-button.ui-state-disabled:hover
#calendar_date_contract_signed .ui-widget-content .ui-state-hover,#calendar_date_contract_signed .ui-widget-content .ui-state-active,#calendar_date_contract_signed  .ui-widget-content .ui-state-active,#calendar_date_contract_signed  .ui-widget-header .ui-state-active,#calendar_date_contract_signed  a.ui-button:active,#calendar_date_contract_signed  .ui-button:active,#calendar_date_contract_signed  .ui-button.ui-state-active:hover,#calendar_date_contract_signed html .ui-button.ui-state-disabled:hover

,#project_due_calendar .ui-widget-content .ui-state-hover,#project_due_calendar .ui-state-active,#project_due_calendar .ui-widget-content .ui-state-active,#project_due_calendar .ui-widget-header .ui-state-active,#project_due_calendar a.ui-button:active, #project_due_calendar .ui-button:active,#project_due_calendar .ui-button.ui-state-active:hover,#project_due_calendar html .ui-button.ui-state-disabled:hover
,#calendar_date_callback .ui-widget-content .ui-state-hover,#calendar_date_callback .ui-state-active,#calendar_date_callback  .ui-widget-content .ui-state-active,#calendar_date_callback  .ui-widget-header .ui-state-active,#calendar_date_callback  a.ui-button:active,#calendar_date_callback  .ui-button:active,#calendar_date_callback  .ui-button.ui-state-active:hover,#calendar_date_callback html .ui-button.ui-state-disabled:hover
,#calendar_date_alert .ui-widget-content .ui-state-hover,#calendar_date_alert .ui-state-active,#calendar_date_alert .ui-widget-content .ui-state-active,#calendar_date_alert .ui-widget-header .ui-state-active,#calendar_date_alert a.ui-button:active, #calendar_date_alert .ui-button:active,#calendar_date_alert .ui-button.ui-state-active:hover,#calendar_date_alert html .ui-button.ui-state-disabled:hover{
    color: #FFF !important;
    background-color: #000 !important;
    border-radius: 50%;
}

#project_start_calendar .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-hover,
#project_start_calendar .ui-datepicker-current-day.ui-datepicker-today .ui-state-active,
#project_start_calendar .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-active,

#calendar_date_contract_start .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-hover,
#calendar_date_contract_start .ui-datepicker-current-day.ui-datepicker-today .ui-state-active,
#calendar_date_contract_start .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-active,

#calendar_date_contract_expiry .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-hover,
#calendar_date_contract_expiry .ui-datepicker-current-day.ui-datepicker-today .ui-state-active,
#calendar_date_contract_expiry .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-active,

#calendar_date_contract_signed .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-hover,
#calendar_date_contract_signed .ui-datepicker-current-day.ui-datepicker-today .ui-state-active,
#calendar_date_contract_signed .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-active,

#project_due_calendar .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-hover,
#project_due_calendar .ui-datepicker-current-day.ui-datepicker-today .ui-state-active,
#project_due_calendar .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-active,

#calendar_date_callback .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-hover,
#calendar_date_callback .ui-datepicker-current-day.ui-datepicker-today .ui-state-active,
#calendar_date_callback .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-active,

#calendar_date_alert .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-hover,
#calendar_date_alert .ui-datepicker-current-day.ui-datepicker-today .ui-state-active,
#calendar_date_alert .ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-active
{
    background-color: #8C8C8C !important;
}
#project_start_calendar .ui-datepicker .ui-datepicker-prev,#project_due_calendar .ui-datepicker .ui-datepicker-prev,
#calendar_date_contract_start .ui-datepicker .ui-datepicker-prev,#project_due_calendar .ui-datepicker .ui-datepicker-prev,
#calendar_date_contract_expiry .ui-datepicker .ui-datepicker-prev,#project_due_calendar .ui-datepicker .ui-datepicker-prev,
#calendar_date_contract_signed .ui-datepicker .ui-datepicker-prev,#project_due_calendar .ui-datepicker .ui-datepicker-prev,
#calendar_date_callback .ui-datepicker .ui-datepicker-prev,#calendar_date_alert .ui-datepicker .ui-datepicker-prev{
    filter: invert(100%);
}
#project_start_calendar .ui-datepicker .ui-datepicker-next,#project_due_calendar .ui-datepicker .ui-datepicker-next,
#calendar_date_contract_start .ui-datepicker .ui-datepicker-next,#project_due_calendar .ui-datepicker .ui-datepicker-next,
#calendar_date_contract_expiry .ui-datepicker .ui-datepicker-next,#project_due_calendar .ui-datepicker .ui-datepicker-next,
#calendar_date_contract_signed .ui-datepicker .ui-datepicker-next,#project_due_calendar .ui-datepicker .ui-datepicker-next,
#calendar_date_callback .ui-datepicker .ui-datepicker-next,#calendar_date_alert .ui-datepicker .ui-datepicker-next{
    filter: invert(100%);
}
#project_start_calendar .ui-datepicker,#project_due_calendar .ui-datepicker,
#calendar_date_contract_start .ui-datepicker,#project_due_calendar .ui-datepicker,
#calendar_date_contract_expiry .ui-datepicker,#project_due_calendar .ui-datepicker,
#calendar_date_contract_signed .ui-datepicker,#project_due_calendar .ui-datepicker,
#calendar_date_callback .ui-datepicker,#calendar_date_alert .ui-datepicker{
    width: 100%;
}
#project_start_calendar  .ui-widget.ui-widget-content[class],#project_due_calendar  .ui-widget.ui-widget-content[class],
#calendar_date_contract_start  .ui-widget.ui-widget-content[class],#project_due_calendar  .ui-widget.ui-widget-content[class],
#calendar_date_contract_expiry  .ui-widget.ui-widget-content[class],#project_due_calendar  .ui-widget.ui-widget-content[class],
#calendar_date_contract_signed  .ui-widget.ui-widget-content[class],#project_due_calendar  .ui-widget.ui-widget-content[class],
#calendar_date_callback  .ui-widget.ui-widget-content[class],#calendar_date_alert  .ui-widget.ui-widget-content[class]{
    box-shadow: unset;
}
#project_start_rolling,#project_due_rolling{
    width: 100%;
    DISPLAY: NONE;
    height: auto;

}
#project_start_rolling img,#project_due_rolling img{
    width: 100%;
}
.project-new-form  .project-right-form.block-2{
    width: 14.6%;
}
.project_uploads_button{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #f3f4f4;
    color: #071A21 !important;
    font-weight: 500;
    padding: 6px 10px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 14px;
    width: auto;
    border: 1px solid #071A21;
    position: relative;
}
.project_uploads_button:after{
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    margin-bottom: 0;
    background-image: url(../images/plus-icon.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;
    background-color: #081A22;
    padding: 4px;
}
.project-new-form  .project_uploads_label{
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #f3f4f4;
    color: #071A21 !important;
    font-weight: 500;
    padding: 6px 10px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    line-height: normal;
    font-size: 14px;
    width: auto;
    border: 1px solid #071A21;
    position: relative;
    cursor: pointer;
}
.project-new-form  .project_uploads_label:after{
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    margin-bottom: 0;
    background-image: url(../images/plus-icon.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;
    background-color: #081A22;
    padding: 4px;
}
.project-new-form #project_uploads_file{
   display: none;
}

.saperator-list {
    line-height: 34px;
}
.Aarrow {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 5px;
}

.Aup {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.Adown {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
footer p {
    font-size: 12px;
    margin: 6px 0;
}

#searchResults .block-12 > .button {
    width: 100%;
    font-size: 12px;
    border: 1px solid #E6E6E6;
}

#searchResults .block-12 > .button.bg-transparent:hover, #searchResults .block-12 > .button.active {
    color: #fff;
    cursor: pointer;
    background-color: #008CC6 !important;
}

.bg-white {
    background-color: white;
}

.is-loading {
    width: 45px;
    height: 45px;
    display: table;
    margin: auto;
    margin: 2em auto;
    background-image: url('../images/loading.png');
    background-size: cover;
    animation: spinAround 1s ease infinite;
    -webkit-animation: spinAround 1s ease infinite;
}

.selectContentBox {
    position: absolute;
    left: -20%;
    top: 106%;
    min-width: 290px;
    background-color: #fff;
    border: 1px solid #C5C5C5;
    padding: 11px;
    z-index: 1000;
}

.selectContentBox * {
    vertical-align: middle;
    font-size: 12px;
}

.contentDropdown {
    background-color: #F6F6F6;
    padding: 7px 20px;
    border: 1px solid #C5C5C5;
    cursor: pointer;
    color: #333;
    display: inline-block;
}

.contentDropdown:hover, .contentDropdown.active {
    background-color: #008cc6;
    color: white;
}
.back-contact,.back-events{
    padding: 10px;
    background: #838C90;
    color: white;
    transition: all 0.3s ease-in-out;
}
.back-contact:hover{
    color: #000;
}
.clearfix{
    clear: both;
}
.delete-U {
    width: 10px;
    height: 10px;
    background-image: url(../images/cross.png) !important;
    background-size: cover !important;
    background: no-repeat;
    display: inline-block !important;
    background-position: center;
}
.Deactive-U {
    width: 30px;
    height: 20px;
    background-image: url(../images/bcircleO.png) !important;

    background-size: contain !important;
    background: no-repeat;
    display: inline-block !important;
    background-position: center;
}
.active-U {
    width: 30px;
    height: 20px;

    background-image: url(../images/bcircle.png) !important;
    background-size: contain !important;
    background: no-repeat;
    display: inline-block !important;
    background-position: center;
}
.delete {
    width: 14px;
    height: 14px;
    background-image: url(../images/cross.png) !important;
    background-size: cover !important;
    background: no-repeat;
    display: inline-block !important;
    background-position: center;
}
#error_e{
    color: red;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding-top: 0.5em;
}
.delete-red,.delete-jl {
    width: 20px;
    height: 20px;
    background-image: url(../images/del-red.png) !important;
    background-size: cover !important;
    background: no-repeat;
    display: inline-block !important;
    background-position: center;
}
.delete-blue{
    width: 20px;
    height: 20px;
    background-image: url(../images/del-blue.png) !important;
    background-size: cover !important;
    background: no-repeat;
    display: inline-block !important;
    background-position: center;
}
.delete-black,.delete-priority,.contract_delete_button {
    width: 16px;
    height: 16px;
    background-image: url(../images/del_black.png) !important;
    background-size: contain !important;
    background: no-repeat;
    display: inline-block !important;
    background-position: center;
    padding: 0;
    float: right;
    cursor: pointer;
}
.upload-file-expense-icon {
    width: 17px;
    height: 17px;
    background-image: url(../images/file_icon.png) !important;
    background-size: contain !important;
    background: no-repeat;
    display: inline-block !important;
    background-position: center;
    padding: 0;
    float: left;
    margin-right: 1em;
}
.upload-file-expense {
    width: 20px;
    height: 20px;
    background-image: url(../images/file_icon.png) !important;
    background-size: contain !important;
    background: no-repeat;
    display: inline-block !important;
    background-position: center;
    padding: 0;
    float: left;
    margin-right: 1em;
    cursor: pointer;
}
.delete-alerts{
    width: 12px;
    height: 12px;
    background-image: url(../images/cross.png) !important;
    background-size: cover !important;
    background: no-repeat;
    display: inline-block !important;
    background-position: center;
}

.cont_contract_edit_btn,.cont_contract_edit_btn_c{
    width: 26px;
    height: 17px;
    background-image: url(../images/view-eye-icon.png) !important;
    background-size: cover !important;
    background: no-repeat;
    display: inline-block !important;
    background-position: center;
    cursor: pointer;
}
.cont_contract_download_btn{
    width: 20px;
    height: 16px;
    background-image: url(../images/download_icon_pdfc.png) !important;
    background-size: cover !important;
    background: no-repeat;
    display: inline-block !important;
    background-position: center;
    cursor: pointer;
}
.contact_contract_remove_btn{
    width: 16px;
    height: 17px;
    background-image: url(../images/cross.png) !important;
    background-size: cover !important;
    background: no-repeat;
    display: inline-block !important;
    background-position: center;
    cursor: pointer;
}
.w100 {
    width: 100%;
}
.view-type{
    display: flex;align-items: center;"
}
#dialog {
    display: none
}
.view-sorting{
    min-width: 25%;
    width: auto;
}

.dropdown_ticket_priority,.dropdown_ticket_owner,.dropdown_project_users,.dropdown_contract_status {
    position: relative;
    display: inline-block;
}

.ticket_priority_select,.ticket_owner_select,.project_users_select,.contract_status_select {
    padding: 10px;
    background-color: unset;
    border: 1px solid #000;
    cursor: pointer;
    margin: 0;
    text-align: left;
    width: 135px;
}
.project_users_select {
    background-color: #f3f4f4;
    color: #071A21;
    width: 160px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}

.ticket_owner_select{
    width: 211px;
    background-color: #f3f4f4;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
}
.ticket_priority_select:after{
    content: '';
    position: absolute;
    top: 63%;
    right: 10px; /* Position the arrow on the right */
    transform: translateY(-50%);
    border: 8px solid transparent; /* Create a triangle */
    border-top-color: #333; /* Arrow color */
}
.ticket_owner_select:after{
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.3em;
    margin-bottom: 0;
    background-image: url(../images/setting_w_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;
    background-color: #000;
    padding: 3px;
}
.project_users_select:after{
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.3em;
    margin-bottom: 0;
    background-image: url(../images/plus-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    float: right;
    background-color: #000;
    padding: 3px;
}
.ticket_priority,.ticket_owners,.project_users,.contract_status {
    position: absolute;
    top: 100%;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: none; /* Hidden by default */
    background-color: #fff;
    border: 1px solid #000;
    border-top: unset;
    width: 100%;
    z-index: 1000;
}

.ticket_priority li,.ticket_owners li,.project_users li,.contract_status li {
    padding: 6px;
    cursor: pointer;
    font-size: 15px;
}

.ticket_priority li:hover,.ticket_owners li:hover,.project_users li:hover,.contract_status li:hover {
    background-color: #e0e0e0;
}
#message_notify{
    position: absolute;
    bottom: 12px;
    right: 55px;
    background: white;
    color: green;
    padding: 20px 20px;
    width: max-content;
    display: none;
    border: 1px solid #575555;
}
.owner_box{
    background: #ED6E26;
    padding: 11px;
    display: inline-block;
}

.owner_box.p7{
    padding: 7px;
}

.project_history{
    display: none;
    width: 400px;
    padding: 10px;
    border: 1px solid #cccccc;
    position: absolute;
    top: 50%;
    background: #FFF;
    right: 40%;
}
#close_project_history{
    position: absolute;
    right: 7px;
    top: 13px;
    cursor: pointer;
}
.project_history_list{
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow-y: auto;
    max-height: 150px;
}
.project_history_list li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.5em;
}
.project_history_list li span{
    margin-right: 1em;
}
.project_history_list li span:last-child{
    margin-right: 0;
}
.project_history_list li span.w10{
    width: 10%;
    display: inline-block;
}
.project_history_list li span.new_uname{
    width: 30%;
}
.project_history_list li span.wauto{
    width: auto;
}
#tickets-search-div{
    padding-left: 0.5em;
}


@media (min-width: 1400px){
    .update-table.recently.table tbody {
        max-height:322px;
    }

}
@media (min-width: 1900px){
    .manage-tickets-main-page .dp-flex-lf,.manage-projects-main-page .dp-flex-lf,.contacts-dahboard .dp-flex-lf{
        width: calc(100% - 311px);
    }

}
@media (max-width: 1430px) {
    .container {
        width: 96%;
    }

    #invoice-body {
        width: 80%;
    }
    .list-a li{
        width: calc((100% / 4) - 22px);
    }

}
@media (max-width: 1200px) {
    ul.menu li a{
        font-size: 13px;
        min-width: 120px;
    }
    span.username{   font-size: 13px;}
    .button-logout{   font-size: 13px;}
    .button-logout:before{width: 15px;
        height: 15px;}
    span.blue.username:before{
        width: 16px;
        height: 16px;
    }
}
@media (max-width: 1100px) {
    ul.menu li a{
        min-width: 100px;
    }


    #content .columns{
        display: block;
        width: 100%;
    }
    #content .columns.mCommon {
        display: flex;
    }
    span.username{   font-size: 12px;}
    .button-logout{   font-size: 12px;}
    .button-logout:before{width: 12px;
        height: 12px;}
    span.blue.username:before{
        width: 13px;
        height: 13px;
    }
    .container {
        width: 99%;
    }
    #content .columns.headback{
        display: flex;

    }

    #content .columns .column{
        width: 100%;
    }
    #content .columns > [class*='block-6'] {
        width: 100%;
    }
    .columns  .ml-1{
        margin-left: 0;
    }
    #invoice-body {
        width: 80%;
    }
    #alphabetlist{
        float: left;width: 100%;display: block;
    }
    #alphabetlist li{
        float: left;
    }
    .list-a li{
        width: calc((100% / 3) - 22px);
    }

    .box-x{
        padding: 1em 1.2em;
    }
    .view-type{
        display: block;
        padding:10px 0;
    }
    .add-user.block-6{
        width: 100%;
    }
    header .columns {
        display: block;
        text-align: center;
        padding-bottom: 1em;
        padding-top: 0.5em;
    }
    header .columns a {
        display: inline-block;
        width: 80px;
    }
    header .columns .last-div a {
        width: 100%;
        text-align: center;
        padding: 22px;
    }
    .d-block-mobile {
        display: block;
        padding: 0 0px 8px;
    }
    ul.menu {
        flex-wrap: wrap;
        justify-content: center;
    }
    ul.menu li {
        height: auto;
        width: auto;
        flex-basis: auto;
        padding: 10px 5px;
    }
}
@media  (max-width: 980px) {
    #content .columns.mCommon {
        display: block;
    }

}
@media (max-width: 750px) {
    #content-wrap{
        height: auto;
    }
    #tickets-view-content .newDesign >.flex-columns.pad1x {
    display: block;
    }
    ul.menu li a {
        min-width: 100px;
        background-color: #f5f5f5;
        height: 120px;
        align-items: center;
        justify-content: center;
        line-height: 14px;
    }
    .list-a li{
        width: calc((100% / 2) - 22px);
    }
    #tickets-table.table tbody {
        height: auto;
        max-height: 250px !important;
    }
    a.view_ticket_dashboard, a.view_ticket {
        text-align: center;
    }
 /*   .list-a li:nth-child(2n) {
        margin-right: 0;
    }
    .list-a li:nth-child(5n),.list-a li:nth-child(3n) {
        margin-right: 1em;
    }*/
}
@media (max-width: 480px) {
    .list-a li{
        width: 100%;
        margin-right: 0;
    }
    .list-a li {
        margin: 0;
    }
}