body {
    
    font-family: Poppins, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 12px;
    top: 0px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

#the_body {
    background:#000;
    background-image: url(/images/bg_dark.png);  
   background-size: cover;
    background-position: center;
   
}

.form-control {
  font-size: 12px !important;
   padding: 6px 6px;
}

#menu-pin-btn {
    position: absolute;
    top: 8px;
    right: 8px;
}
#menu-pin-btn i {
   font-size: 14px;
    color: #0f73db;
    cursor: pointer;
    margin-right: -2px;
}

/* Left sidebar layout scaffold */
#left_wide {
    top: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
    overflow: hidden;
}

.crm-sidebar-shell {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.crm-sidebar-top-fixed {
    position: relative;
    flex: 0 0 auto;
    height: 70px;
    padding: 8px 10px 4px;
   
}

.crm-sidebar-logo-wrap {
    min-height: 40px;
    display: flex;
    align-items: center;
}

.crm-sidebar-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#menu_block {
    flex: 0 0 auto;
}

#timeclock_area_mainmenu {
    flex: 0 0 auto;
}

#dock {
    flex: 0 0 auto;
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    height: auto !important;
  
    border-top: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#showdesktop {
    position: static !important;
}

#dock_right {
    width: auto !important;
    height: auto !important;
    position: static !important;
    display: flex;
    align-items: center;
    gap: 8px;
}



#nw_logo {
    max-width: 165px;
    width: 100%;
    height: auto;
}

#nw_logo_tiny {
    width: 38px;
    height: auto;
    margin-left: -10px;
}

#timeclock_area_mainmenu #timeclock_container {
    width: 100%;
    position: relative;
    left: auto;
    bottom: auto;
    height: auto;
    padding: 8px;
}

#timeclock_area_mainmenu #timeclock_container::after {
    display: none;
}
.ticket_title {
    width: 90%;
        padding: 5px;
        border: 0px;
        border-bottom: 1px solid #d3d0d0;
        margin-left: -1px;
        position: relative;
        outline: none;
        font-size: 13px;
    }
    .ticket_title:focus {
        outline: none !important;
        box-shadow: none !important;
        border-color: #719ECE;
    }
.note_popup {
    padding:10px;
    border: 1px solid #CCC;
    background-color: white;
    z-index: 999999;
    position: absolute;
    left:165px;
}
.pop_note_header {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
}
.pop_note_icon {
    padding-left: 11px;
    font-size: 16px;
    color: #009688;
    width: 20px;
    top: 5px;
    position: relative;
    cursor:pointer;
}
.copyclip {
    color:#adadad;
    cursor:pointer;
    padding-right:4px;
}
.copyclip:hover {
    color:#000;
}
#ticketstabs li {
    position: relative;
}
.tiktab_popup {
    width: 238px;
    background: #fff;
    border: 1px solid #CCC;
    position: absolute;
    top: 51px;
    left: -82px;
    padding: 10px;
    -webkit-box-shadow: 2px 2px 7px -2px #000000; 
box-shadow: 2px 2px 7px -2px #000000;

}
.tiktab_pop_empimg {
    margin-left: 5px;
    /* border-radius: 50px; */
    border: 5px solid #5a5a5a;
 
    clip-path: polygon( 4px 4px, calc(100% - 4px) 4px, calc(100% - 4px) calc(100% - 4px), 4px calc(100% - 4px));
}
.tiktab_popup :after {
    content: " ";
    position: absolute;
    right: 115px;
    top: -15px;
    border-top: none;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #cccccc;
}
.tiktab_popup td {
    padding: 2px !important;
    white-space: nowrap;
}

.email_header_table {
    background-color: #f7f7f7;
    border:1px solid #CCC   ;
}
.email_header_table td {
    padding: 5px !important;
}
.contact_user_popup {
    position: absolute;
    padding: 10px;
    left: -28px;
    top: 30px;
    border: 1px solid #b1b1b1;
    background-color: white;
    width: 293px;
    height: 160px;
    border-radius: 5px;
    z-index: 9;
    -webkit-box-shadow: 5px 5px 15px -5px #000000;
    box-shadow: 5px 5px 15px -5px #000000;
}

.tingle-modal {
    backdrop-filter: blur(2px) !important;
    background: none !important;
}

.new_ticket_copy_button {
    background-color: #8b8b8d;
    border: 1px solid #636262;
    display: inline-block;
    position: relative;
    color: white;
    font-size: 19px;
    padding: 3px;
    padding-left: 7px;
    padding-right: 7px;
    top: -7px;
    cursor: pointer;
}

#Growler {
    top: 20px !important;
}

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

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

#newticketpopv2_content {
    height: 650px !important;
    width: 904px !important;
    background-color: white !important;
}

input:focus {
    outline: none !important;
   
}
.modal-header .btn-close {
    padding: 10px;
    margin: 2px;
    position: relative;
    top: -6px;
}
.btn-danger {
    color: #fff;
    background: #d50909 !important;
    border-color: #47030d;
}
.btn-danger:hover {
    color: #fff;
    background: #b10808 !important;
    border-color: #47030d;
}
textarea:focus {
    outline: none !important;
   
}

#my_callback_tickets::-webkit-scrollbar {
    background-color: #F5F5F5;
    width: 17px;
}

#my_callback_tickets::-webkit-scrollbar-track {
    background-color: #FFF;
    margin-left: 3px;
    width: 30px;
}

#my_callback_tickets::-webkit-scrollbar-thumb {
    background-color: #E0E0E0;
    border: 1px solid #FFF;
}

#my_tickets::-webkit-scrollbar {
    background-color: rgb(218, 218, 218);
    width: 17px;
}

#my_tickets::-webkit-scrollbar-track {
    background-color: #FFF;
    margin-left: 3px;
    width: 30px;
}

#my_tickets::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    border: 1px solid #e4e3e3;
}

.callback_table_td {
    padding: 8px !important;
    border-bottom: 1px solid #CCC;
    font-size: 13px;
    position: relative;
}

#callbacks_table th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: white;
    border-bottom: 1px solid #CCC;
    padding-bottom: 7px;
    border-right: 1px solid #EEE;
    padding-top: 10px;
    z-index: 99;
}

#callbacks_table input,
textarea {
    padding: 6px;
    border: 1px solid #CCC;
    width: 90%;
}

#callbacks_footer {
    background-color: #FFF;
    cursor: pointer;
    padding: 5px;
    position: fixed !important;
    /* right: 0; */
    top: 3px;
    left: 1px;
    padding: 4px;
    vertical-align: super;
    font-size: 17px;
}

#callbacks_table tr:nth-child(even) {
    background: #bce1fc26
}

#callbacks_table tr:nth-child(odd) {
    background: #FFF
}

.callback_button i {
    margin-right: 6px;
    font-size: 14px;
}

.callbackcloseicon {
    position: absolute;
    right: 6px;
    top: 6px;
    color: grey;
    font-size: 18px;
    cursor: pointer;
}

.callback_popup_contact td {
    background-color: white;
    padding: 2px !important;
    font-size: 14px;
}

.callback_popup_contact {
    width: 340px;
    height: 150px;
    border: 1px solid rgb(170, 170, 170);
    background-color: white;
    padding: 10px;
    color: #000;
    position: absolute;
    z-index: 9999;
    left: 43px;
    top: 4px;
    display: inline-table;
}

.ratings_icon {
    font-size: 28px;
    color: #969696;
    margin-left: 10px;
    cursor: pointer;
}

.green-button {
    background-color: #44c767;
    ;
    border: 1px solid #18ab29;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    text-decoration: none;
}

.ticketheader_callbacks td {
    border-bottom: 1px solid rgb(184, 182, 182);
}

.callback_button {
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-width: 1px;
    margin-left: 5px;
    padding: 10px;
    border-style: solid;
}

.tdcenter {
    text-align: center;
    max-width: 300px;
}



#bigaddicon {
    font-size: 17px;
    left: -6px;
    position: relative;
    top: -1px;
}


#newcustomerpop {
    box-shadow: 0 0 15px #666;
}


.utilization_box {
    margin-top: 3px;
    border-top: 1px solid #CCC;
    padding-top: 3px;
    display: inline-block;
}

#newcustomerpop {
    box-shadow: 0 0 15px #666;
}

.button_create_newcust {
    background-color: #FFF;
    border: 1px solid #666;
    cursor: pointer;
    position: relative;
    height: 27px;
    padding-left: 35px;
    padding-right: 14px;
    float: right;
    margin-right: 14px;
}

.button_create_newcust i {
    color: white;
    margin-top: 5px;
    font-size: 18px;
}

.button_cancel_newcust {
    background-color: #FFF;
    border: 1px solid #666;
    cursor: pointer;
    position: relative;
    height: 27px;
    padding-left: 35px;
    padding-right: 14px;
    margin-left: 14px;
}

.button_cancel_newcust i {
    color: white;
    margin-top: 4px;
    font-size: 18px;
}

.button_green_lefticonbox {
    background-color: #186b2a;
    position: absolute;
    width: 25px;
    height: 25px;
    left: 0px;
    top: 0px;
}

.button_red_lefticonbox {
    background-color: #ac1010;
    position: absolute;
    width: 25px;
    height: 25px;
    left: 0px;
    top: 0px;
}

#autoclockoutpop {
    box-shadow: 0 0 15px #666;
    background-color: #FFF !important;
}

.chosen-container-multi {
    max-height: 25px;
    min-width: 200px;
}

#newckustmore-existingcust {
    text-align: center;
    margin: 20px;
    width: 100%;
    font-size: 14px;
}

#newckustmore-existingcust button {
    padding: 20px;
    border: 1px solid #999;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #FFF;
    width: 300px;
}

#autoclockoutpop_row3 {
    display: none;
}

.coolgreenbutton {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    margin: 20px 0 0;
    padding: 8px 16px;
    border: 1px solid #0f9b0f;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font: normal 20px/20px "Questrial", Helvetica, sans-serif;
    color: rgb(255, 255, 255);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: -webkit-linear-gradient(-90deg, rgb(90, 190, 87) 0, rgb(53, 146, 56) 100%), rgb(90, 190, 87);
    background: -moz-linear-gradient(180deg, rgb(90, 190, 87) 0, rgb(53, 146, 56) 100%), rgb(90, 190, 87);
    background: linear-gradient(180deg, rgb(90, 190, 87) 0, rgb(53, 146, 56) 100%), rgb(90, 190, 87);
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 2px rgb(50, 114, 40);
}

.coolgreenbutton:hover {
    background: rgb(90, 190, 87);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
    -webkit-transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1);
}

.coolgreenbutton:active {
    border: 1px solid rgba(180, 180, 180, 0.2);
    background: rgba(77, 168, 74, 1);
    -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.noscroll_content {
    padding: 0px !important;
    background-color: #F9F9F9 !important;
}


.totalsitemvalue {
    background-color: white;
    padding: 4px;
    border: 1px solid #CCC;
}

.totalsitemlabel {
    padding: 5px;
    margin-left: 5px;
}

.pulsate-css {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0.0;
    /* you dont need the stuff below, but its what I used to create the loading circle */
    border: 3px solid #F00;
    border-radius: 30px;
    height: 33px;
    width: 33px;
}

#sched_popup_containeer {
    margin: 10px;
}

.sched_popup_text {
    font-size: 14px;
}

.sched_popup_label {
    font-size: 14px;
    padding: 4px !important;
}

.sched_popup_select {
    font-size: 14px;
    padding: 4px !important;
    padding-bottom: 4px !important;
}

sched_popup_optionlist {
    font-size: 14px;
    padding-left: 9px;
}

#sched_popup_ok {
    background-color: #57a957;
    border-color: #57a957;
    display: inline-block;
    zoom: 1;
    padding: 8px 20px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #57a957;
    overflow: visible;
    font: 13px arial, helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #f9f9f9;
    font-size: 18px;
    border-radius: 3px;
}

#sched_popup_ok:hover {
    background-color: #62c462;
}

#sched_popup_cancel {
    background-color: #990000;
    border-color: #990000;
    display: inline-block;
    zoom: 1;
    padding: 8px 20px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #990000;
    overflow: visible;
    font: 13px arial, helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #f9f9f9;
    font-size: 18px;
    border-radius: 3px;
}

#sched_popup_cancel:hover {
    background-color: #FF0000;
}

#sched_popup_button_ok {
    position: absolute;
    bottom: 26px;
    right: 13px;
}

#sched_popup_button_cancel {
    position: absolute;
    bottom: 26px;
    left: 13px;
}

#delete_buttons_div {
    border: 1px solid #c3c3c3;
    padding: 10px;
    position: absolute;
    left: 10px;
    bottom: 40px;
    width: 360px;
}

#right_wide {
    position: absolute;
    left: 41px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    background-image: url(/images/white_bg8.png);

    background-size: cover;
}

.col1 {
    display: table-cell;
    padding: 2px;
    border-bottom: 1px solid #CCC;
}

.colh {
    display: table-cell;
    padding: 2px;
    border-bottom: 1px solid #CCC;
    background-color: #CCC;
    font-weight: bold;
}

#sch_change_date {
    width: 280px;
    height: 300px;
    background-color: #CCC;
    border: 1px solid #999;
    padding: 10px;
}

#schMoveItem {
    padding: 5px;
    background-color: #efefef;
}

#testCalendar2 {
    left: -2px !important;
    top: 0px !important;
}

#schedule_bottomlist {
    display: table;
    width: 100%;
    position: relative;
}

#schedule_topblock {
    display: table;
    width: 100%;
}

#search_text {
    background: url("/images/search_tab.png") no-repeat scroll 95% center #fff;
    box-shadow: none;
    color: #555;
    font-size: 13px;
    height: 19px !important;
    padding: 2px;
    width: 220px;
    border: 0px solid red;
}

.ticket_top_cell {
    padding: 3px !important;
    font-size: 13px;
    height: 25px;
    padding-left: 6px;
}

.ticket_top_cell0 {
    padding: 3px !important;
    font-size: 13px;
    height: 25px;
    padding-left: 6px;
}

.ticket_top select {
    height: 24px;
    font-size: 13px;
}

.add_item_button {
    width: 129px;
    height: 27px;
    background-image: url(/images/add_to_ticket.jpg);
    cursor: pointer;
    margin-top: 1px;
    margin-bottom: 10px;
    margin-left: 8px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: none;
}

.create_ticket_item_button {
    width: 129px;
    height: 27px;
    background-image: url(/images/create_ticket.jpg);
    cursor: pointer;
    margin-top: 1px;
    margin-bottom: 10px;
    margin-left: 12px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: none;
}

.contactpane {
    min-width: 500px;
}



.btn-maroon {
    color: #fff;
    background: #990000;
    border-color: #880000;
}

.btn-green {
    color: #fff;
    background-color: #00CC66;
    border-top-color: #00A452;
    border-right-color: #00A452;
    border-bottom-color: #00A452;
    border-left-color: #00A452;
}

.tdpad1 td {
    padding: 1px;
}

.tdpad2 td {
    padding: 2px;
}

.im_phone {
    background: url('../images/icons_m/phone.png') left top;
}

.add_item_cp {
    font-size: 11px;
    color: #333333;
}

.add_item_cp_outside {
    padding: 5px;
    background-color: #efefef;
    border: 1px solid #999;
}

.itembox {
    font-size: 11px;
    color: #000;
    padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
    border: 0;
    border-top: 1px solid #999999;
    background-color: #FFFFFF;
    padding-left:26px;
}
.todoItem   {
    padding-left:5px;
    background-color: #efefef;
}
.itembox_bottom {
    font-size: 11px;
    color: #333333;
    padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
    border: 0;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #FFFFFF;
}

.itemover {
    cursor: default;
}

.itemfooter {
    font-size: 11px;
    color: #333333;
}

.itemfooter_outside {
    background-color: #efefef;
    border-top: 1px solid #999;
    bottom: 0px;
    left: 41px;
    padding: 5px;
    position: fixed;
    right: 0;
    height: 16px;
}

.item_list_refresh {
    position: absolute;
    right: 5px;
    top: 1px;
}

.itemlist,
.itemlistnew {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background-color: #666;
    background-image: url(/images/low_contrast_linen.jpg)
}

.itemsUnassignedHover {
    border-color: 1px solid #000000;
    background-color: #206CCC;
}

.itemsUnassignedHover2 {
    background-color: #999999;
    border: 1px solid #666666;
}

.unreadItem .itemtext {
    font-weight: bold;
}

.recurItemOn,
.recurItemOff {
    display: block;
    background: left top url('../images/sm_icons/arrow_branch.png') no-repeat;
    width: 16px;
    height: 16px;
    overflow: hidden;
    cursor: pointer;
}

.recurItemOff {
    background: left top url('../images/sm_icons/arrow_up.png') no-repeat;
}

.itemtext {
    font-size: 12px;
}

.item_details {
    font-size: 12px;
    border-top: 1px solid #d3d3d3;
    margin-top: 6px;
    min-height: 100px;
    margin-bottom: 5px;
    margin-left: -6px;
    margin-right: -6px;
}



.savebox {
    padding: 5px;
    position: fixed;
    /* bottom: 10px; */
    /* width: 50%; */
    /* margin-right: 20px; */
    left: 231px;
}

.submitbut {
    font-style: normal;
    font-weight: bold;
    text-transform: lowercase;
    color: #990000;
    background-color: #CCCCCC;
    border: thin solid #666666;
    font-size: xx-small;
}

a {
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
}

a:hover {
    text-decoration: none;
}

.box {
    color: #666666;
    background-color: #F8F8F8;
    border: 1px solid #666666;
}

.out {
    background-color: #FFFFFF;
}

.over {
    background-color: #E9E9E9;
    color: #0033CC;
    cursor: pointer;
}

.boxborderthingreyback {
    background-image: url('../images/topgrey.jpg');
    background-repeat: repeat-x;
    font-size: 12px;
    font-weight: bold;
    border-top: 1px solid #E1E1E1;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #E1E1E1;
    padding: 10px;
}

.ticketrowsout {
    background-color: #FFFFFF;
    font-size: 12px;
    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    height: 35px;
}

.ticketrowsout-even {
    background-color: #FFFFFF;
    font-size: 12px;
    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    background-color: #EDF4FE;
    height: 35px;
}

.ticketrowsoutread {
    font-weight: 300;
    font-size: 12px;
    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    height: 35px;
}

.tickcellz {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
}

.ticketrowsoutread-even {
    font-weight: 300;
    font-size: 12px;
    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    background-color: #EDF4FE;
    height: 35px;
}

.ticketrowsover {
    background-color: #BBD1FF;
    font-size: 12px;
    padding: 5px;
    color: #000000;
    border-bottom-width: thin;
    border-bottom-style: dotted;
    border-bottom-color: #990000;
    height: 35px;
}

.ticketrowsover2 {
    font-weight: 300;
}

.ticketrowsout td,
.ticketrowsover td,
.ticketrowsout2 td {
    cursor: pointer;
}

.ticketrowsout2 {
    background-color: #FFFFFF;
    font-size: 12px;
    padding: 5px;
    border-bottom-width: thin;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
}

.dropdown {
    font-size: 12px;
  
}

.blackthinbox {
    border: 1px solid #999999;
    background-color: #FFFFFF;
}

.blackthinbox2 {
    border: 1px solid #999999;
    background-color: #F5F5F5;
}

body {
  
    margin: 0;
    border: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5 {
    padding: 0;
    margin: 0;
    color: #000000;
}

h2 {
    font-size: 17px;
}

.pCalTable {
    width: 100%;
    border: 1px solid #888;
}

.pCalHeadDesc {
    border-style: solid;
    border-width: 1px;
    border-color: #FFF #444 #444 #FFF;
    background-color: #666666;
    padding: 4px;
    font-size: 11px;
    color: #FFFFFF;
}

.pCalAppHeadDesc {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #FFF #444 #444 #FFF;
    background-color: #666666;
    padding: 4px;
    font-size: 11px;
    color: #FFFFFF;
}

.pCalHourCell {
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    border-style: solid;
    border-width: 1px;
    border-color: #FFF #444 #444 #FFF;
    background-color: #CCCCCC;
    padding-right: 3px;
    background-position: right;
}

.pCalMinuteCell {
    border-style: solid;
    border-width: 1px;
    border-color: #FFF #444 #444 #FFF;
    background-color: #DDDDDD;
    padding: 0px 5px 0px 5px;
    font-size: 8px;
    font-family: Arial, Helvetica, sans-serif;
}

.pCallFreeTime {
    border-bottom: 1px solid #444;
    padding: 2px 10px 2px 5px;
    font-size: 8px;
}

.dd-demo {
    border-bottom: 1px solid #444;
    border-right: 1px solid #444;
    vertical-align: top;
    font-size: 11px;
    border-left: 10px solid #3d4d5f;
    padding: 5px;
    background-color: #FFF;
}

.pCalAppointment {}

.pCalAppointmenthover {
    background-color: #000099;
}

#newticketpop,
#tobeschedpop {
    box-shadow: 0 0 15px #666;
}

#newticketpopv2 {
    box-shadow: 0 0 15px #666;
    overflow: hidden;
}

#edititempop {
    box-shadow: 0 0 15px #666;
    overflow: hidden;
}

#newcustomerpop {
    box-shadow: 0 0 15px #666;
}

#smschat {
    box-shadow: 0 0 15px #666;
    height: 647px !important;
    overflow: hidden;
}

#itemlogpop {
    box-shadow: 0 0 15px #666;
}

#newticketpop_content .dialog_buttons {
    position: absolute;
    bottom: 10px;
}

#newticketpop_content {
    width: 554px !important;
}

.dialog_content {
    background-color: #F9F9F9;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.style5 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.style26 {
    color: #FFFFFF
}

.style28 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-right: 1px solid #F2F2F2;
    padding-left: 4px !important;
}

.style29 {
    font-family: Arial, Helvetica, sans-serif;
}

.style30 {
    color: #FFFFFF;
    font-weight: bold;
}

.style15 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.style16 {
    font-size: 12px;
}

.bbox {
    border: 1px solid #333333;
}

.style19 {
    color: #FFFFFF;
    font-weight: bold;
}

.style22 {
    font-size: 12px;
    font-weight: normal;
}

.style26 {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

.style27 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.style33 {
    font-size: 12px
}

.tablepadd {
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

.schItem {
    position: absolute;
    background-color: #E3EFFF;
    background-image: url('../images/green.png');
    background-repeat: repeat-x;
    height: 45px;
    _filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    cursor: move;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    overflow: hidden;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #333333;
    border-right-color: #333333;
    border-bottom-color: #333333;
    border-left-color: #333333;
    padding-left: 4px;
    border-radius: .35em;
}

.schItemPending {
    background-image: url('../images/blue.png');
}

.schItemClosed {
    background-image: url('../images/red.png');
}

.resizeItem {
    position: absolute;
    background-color: #000000;
    height: 45px;
    width: 2px;
    overflow: hidden;
    top: 0;
    right: 0;
    cursor: e-resize;
}

.bighour {
    font-size: 20px;
    font-weight: 800;
    margin-top: 15px;
    margin-left: 5px;
    color: #000000;
}

.ampm00 {
    width: 24px;
    float: right;
    border-bottom: 1px solid #000;
    text-align: center;
    color: #000000;
    font-size: 10px;
}

#schEntries {
    position: relative;
    background-image: url('../images/white_sched_box.png');
}

.schemp {
    height: 45px;
    font-size: 11px;
    color: #000000;
    text-align: left;
    background-image: url('../images/grey_bg.png');
    font-weight: normal;
    padding-left: 20px;
}

.schtimes {
    background-color: #666;
    border-bottom: 1px solid #333333;
    text-align: left;
    font-size: 11px;
    color: #FFFFFF;
}

.schtimes2 {
    background-color: #666;
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    text-align: left;
    font-size: 11px;
    color: #FFFFFF;
}

.schtimesleft {
    text-align: left;
    font-size: 10px;
    color: #FFFFFF;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #333333;
    border-bottom-color: #333333;
    background-image: url('../images/grey_bg_left.png');
    background-repeat: repeat;
    vertical-align: middle;
    position: relative;
}

.schtimes table td {
    color: #FFFFFF;
    font-size: 0.8em;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.ticketheader {
    text-transform: none;
    color: #666666;
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
    background-color: #fff;
    height: 26px;
    padding-bottom: 2px;
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(54%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(249, 249, 249, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    /* IE6-9 */
}

.ticketheader_invpending {
    text-transform: none;
    color: #666666;
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
    background-color: #fff;
    height: 26px;
    padding-bottom: 2px;
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(54%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(249, 249, 249, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    /* IE6-9 */
}

.ticketheader_quotes {
    text-transform: none;
    color: #666666;
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
    background-color: #fff;
    height: 26px;
    padding-bottom: 2px;
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(54%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(249, 249, 249, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    /* IE6-9 */
}

.ticketheader_mytix {
    text-transform: none;
    color: #666666;
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
    background-color: #fff;
    height: 26px;
    padding-bottom: 2px;
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(54%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(249, 249, 249, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    /* IE6-9 */
}

.ticketheader_callbacks {
    text-transform: none;
    color: #666666;
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
    background-color: #fff;
    height: 26px;
    padding-bottom: 2px;
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(54%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(249, 249, 249, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    /* IE6-9 */
}

.ticketheader_bench {
    text-transform: none;
    color: #666666;
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
    background-color: #fff;
    height: 26px;
    padding-bottom: 2px;
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(54%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(249, 249, 249, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    /* IE6-9 */
}

.ticketheader_awaitinginv {
    text-transform: none;
    color: #666666;
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
    background-color: #fff;
    height: 26px;
    padding-bottom: 2px;
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(54%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(249, 249, 249, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 54%, rgba(249, 249, 249, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    /* IE6-9 */
}

.ticketheader_items {
    font-weight: bold;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCCCCC;
    cursor: pointer;
}

#istlist,
.istlist {
    overflow-y: scroll;
    overflow-x: hidden;
}

.custtabinside {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #999999;
}

div.autocomplete {
    position: absolute;
    width: 650px !important;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid #888;
    margin: 0px;
    padding: 0px;
    z-index: 9999999;
}

div.autocomplete ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

div.autocomplete ul li.selected {
    background-color: #ffb;
}

div.autocomplete ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 2px;
    cursor: pointer;
    font-size: 13px;
}

.dateChooser td {
    cursor: default;
    text-align: center;
    border: 1px solid #EFEFEF;
    color: #000;
}

.dateChooser td.dateChooserActive:hover {
    color: white;
    background: #0A246A;
}

.dateChooser td.dateChooserActiveToday {
    background: url("/images/single-range.png") no-repeat scroll center center #ebc2c0;
}

.dateChooser th {
    color: #000;
    width: 18px;
    border: none;
    font-weight: bold;
    background-color: #B4CEFF;
}

.dateChooser option,
.dateChooser select {
    font-size: 10px;
}

.dateChooser {
    background-color: #fff;
    height: 110px;
    margin: 3px;
    padding: 1px;
    width: 180px;
}

.dateChooser table {
    width: 160px;
    background-color: #FFFFFF;
}

.select-free {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    overflow: hidden;
    width: 33em;
}

.select-free iframe {
    display: none;
    display
    /**/
    : block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    _filter: mask();
    width: 3000px;
    height: 3000px
}

.ticketheadertext {
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

.boxnobottomboder {
    /*text-transform: lowercase;*/
    color: #666666;
    background-color: #FFF;
}

.search_button {
    color: #FFFFFF;
    background-color: #FFFFFF;
    border: 1px solid #666666;
    padding: 6px;
}

.searchheadertext {
    font-size: 12px;
    font-weight: bold;
    font-variant: normal;
    padding: 3px !important;
}

.rghtbordergrey {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #999999;
}

.style12 {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.style14 {
    font-size: 12px
}

.schFromTicket {
    background-image: none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #C2D9F7;
    border-right-color: #9FC2F2;
    border-bottom-color: #9FC2F2;
    border-left-color: #C2D9F7;
    background-color: #E3EFFF;
}

.sched_button {
    background-image: url('../images/blue_button.jpg');
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #C2D9F7;
    border-right-color: #9FC2F2;
    border-bottom-color: #9FC2F2;
    border-left-color: #C2D9F7;
    color: #114080;
    font-size: 10px;
    padding: 5px;
}

.sch_frm {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #C2D9F7;
    border-right-color: #9FC2F2;
    border-bottom-color: #9FC2F2;
    border-left-color: #C2D9F7;
    color: #114080;
    font-size: 10px;
    background-color: #FFFFFF;
    padding: 2px;
}

.sch_frm_date {
    font-size: 11px;
    width: 65px;
    border: 0px solid #666666;
    color: #000000;
    background-color: #BEBEBE;
    position: relative;
    top: -3px;
    font-weight: normal;
}

.sch_header {
    padding-top: 2px;
    padding-left: 4px;
    padding-bottom: 2px;
    width: 90%;
    background-image: url('../images/blue_bg.jpg');
    background-repeat: no-repeat;
}

.schSched_over {
    background-image: url('../images/white_sched_box2.png');
}

.recurringOn {
    background-color: #E9E1FF;
}

.next_button {
    color: #FFFFFF;
    background-color: #0066CC;
    padding: 4px;
    border: 1px solid #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.fake_ticketitemsbox {
    width: 98%;
    border: #cccccc solid 1px;
    background: #cccccc;
    margin-left: 6px
}

span.contact {
    font-size: 10px !important;
    color: #E5EFFD !important;
}

.report_menu {
    width: 200px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
}

.overlay_dialog2 {
    background-color: #666666;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.overlay_noscroll {
    background-color: #666666;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6 !important;
}

.dialog2_nw {
    width: 9px;
    height: 23px;
    background: transparent url(../images/default/top_left.gif) no-repeat 0 0;
}

.dialog2_n {
    background: transparent url(../images/default/top_mid.gif) repeat-x 0 0;
    height: 23px;
}

.dialog2_ne {
    width: 9px;
    height: 23px;
    background: transparent url(../images/default/top_right.gif) no-repeat 0 0;
}

.dialog2_e {
    width: 2px;
    background: transparent url(../images/default/center_right.gif) repeat-y 0 0;
}

.dialog2_w {
    width: 2px;
    background: transparent url(../images/default/center_left.gif) repeat-y 0 0;
}

.dialog2_sw {
    width: 9px;
    height: 19px;
    background: transparent url(../images/default/bottom_left.gif) no-repeat 0 0;
}

.dialog2_s {
    background: transparent url(../images/default/bottom_mid.gif) repeat-x 0 0;
    height: 19px;
}

.dialog2_se {
    width: 9px;
    height: 19px;
    background: transparent url(../images/default/bottom_right.gif) no-repeat 0 0;
}

.dialog2_sizer {
    width: 9px;
    height: 19px;
    background: transparent url(../images/default/sizer.gif) no-repeat 0 0;
    cursor: se-resize;
}

.dialog2_close {
    width: 20px;
    height: 20px;
    background: transparent url(../windows_js_1.3/themes/default/close.gif) no-repeat 0 0;
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
    z-index: 2000;
}

.dialog2_close2 {
    width: 20px;
    height: 20px;
    background: transparent url(../windows_js_1.3/themes/default/close2.gif) no-repeat 0 0;
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
    z-index: 2000;
}

.dialog2_minimize {
    visibility: hidden;
}

.dialog2_detach {
    visibility: hidden;
}

.dialog2_maximize {
    width: 20px;
    height: 20px;
    background: transparent url(../windows_js_1.3/themes/default/maximize.gif) no-repeat 0 0;
    position: absolute;
    top: 2px;
    right: 23px;
    cursor: pointer;
    z-index: 2000;
}

.dialog2_maximize2 {
    width: 20px;
    height: 20px;
    background: transparent url(../windows_js_1.3/themes/default/maximize2.gif) no-repeat 0 0;
    position: absolute;
    top: 2px;
    right: 23px;
    cursor: pointer;
    z-index: 2000;
}

.dialog2_title {
    float: left;
    height: 14px;
    font-size: 12px;
    text-align: center;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #ebe6e1;
}

.dialog2_content {
    overflow: hidden;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #ebe6e1;
    padding: 0;
}




/* DO NOT CHANGE THESE VALUES*/
.dialog2 {
    display: block;
    position: absolute;
}

.dialog2 table.table_window {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.dialog2 table.table_window td,
.dialog2 table.table_window th {
    padding: 0;
}

.dialog2 .title_window {
    -moz-user-select: none;
}

.mac_os_x_message {
    background-color: black;
}

.inputtd {
    padding-top: 10px !important;
    padding-left: 10px !important;
    text-align: left !important;
    margin: 0px !important;
    width: 175px !important;
}

.inputtd2 {
    padding-top: 10px !important;
    padding-left: 0px !important;
    text-align: left !important;
    margin: 0px !important;
    width: 175px !important;
}

.inputtd3 {
    padding-top: 10px !important;
    padding-left: 0px !important;
    text-align: left !important;
    margin: 0px !important;
    width: 427px !important;
}

.labeltd {
    padding-top: 10px !important;
    text-align: left !important;
    padding-left: 10px !important;
    width: 100px !important;
}

.labeltd2 {
    padding-top: 10px !important;
    text-align: left !important;
    padding-left: 10px !important;
    width: 87px !important;
}

#new_tik_customer {
    padding: 4px;
}

.tdpad2 select {
    padding: 4px;
}

#new_tik_customer_choices {
    max-width: 400px !important;
}

.cancel_button {
    display: none !important;
}

.newtik_buttons .ok_button {
    width: 129px !important;
    height: 27px !important;
    background-image: url(/images/create_ticket.jpg) !important;
    cursor: pointer !important;
    margin-top: 1px !important;
    margin-bottom: 10px !important;
    margin-left: 12px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    border: none !important;
}

.navmenu_divs {
    position: relative;
    display: block;
    padding: 7px 10px;
    margin-left: 3px;
    border-radius: 3px;
}

.navmenu_divs span {
    left: 46px;
    box-sizing: border-box;
    top: 6px;
    position: absolute;
}

.logout_icon {
    font-size: 23px;
    font-weight: bold;
    margin-left: 5px;
    cursor: pointer;
}
.logout_icon:hover {
    color: #850303;
    cursor: pointer;
}
#timeclock_container {
    width: 160px;
    border: 1px solid #d7d7d7;
  
    height: 145px;
    border-radius: 10px;
    text-align: center;
    padding-top: 8px;
    background-color: #FFF;
    margin-top:10px
    
}

#timeclock_container::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -0.5em;
    bottom: -18px;
    left: 11px;
    box-sizing: border-box;
    border: 9px solid black;
    border-color: transparent transparent #ffffff #ffffff;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: -2px 2px 0px 0px rgba(0, 0, 0, 0.1);
}

#clockin_button {
    margin-top: 10px;
}

#clockout_button {
    margin-top: 10px;
}

#timeclock_text {
    font-size: 13px;
}

.calboxitem {
    background-color: #E5E5E5;
    border: 1px solid #999;
    padding: 4px;
    right: 55px;
    z-index: 99;
}

.calboxitem select {
    margin: 3px;
}

.calboxitem .itembox {
    padding: 3px;
    font-size: 14px;
}

.itemediticon {
    margin-right: 8px;
    position: relative;
    top: 3px;
}

.bubble {
    position: absolute;
    bottom: 245px;
    left: 26px;
    width: 250px;
    height: 80px;
    color: #fff;
    background: #075698;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
    background: -moz-linear-gradient(#2e88c4, #075698);
    background: -o-linear-gradient(#2e88c4, #075698);
    background: linear-gradient(#2e88c4, #075698);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 8px;
    z-index: 9999;
    text-align: center;
}

.bubble:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50px;
    border-width: 20px 0 0 20px;
    border-style: solid;
    border-color: #075698 transparent;
    display: block;
    width: 0;
}

.bubbleheader {
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    border-bottom: 1px solid #FFF;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
}

.bubbleclose {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.bubblecontent {
    font-size: 14px;
    margin: 0 auto;
    margin-top: 15px;
}

.dashboard_refresh_button {
    float: right;
    margin-right: 20px;
    background-color: #FFF;
    border: 1px solid #828181;
    padding: 1px;
    cursor: pointer;
}

.triangle-border.left {
    margin-left: 30px;
}

.triangle-border {
    position: absolute;
    padding: 15px;
    margin: 1em 0 3em;
    border: 2px solid #075698;
    color: #fff;
    background: #075698;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
    background: -moz-linear-gradient(#2e88c4, #075698);
    background: -o-linear-gradient(#2e88c4, #075698);
    background: linear-gradient(#2e88c4, #075698);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    left: 80px;
    top: -33px;
    width: 230px;
    z-index: 99999999999;
}

.triangle-border.left:before {
    top: 10px;
    bottom: auto;
    left: -30px;
    border-width: 15px 30px 15px 0;
    border-color: transparent #075698;
}

.triangle-border:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 40px;
    border-width: 20px 20px 0;
    border-style: solid;
    border-color: #2e88c4 transparent;
    display: block;
    width: 0;
}

.triangle-border.left:after {
    top: 16px;
    bottom: auto;
    left: -21px;
    border-width: 0px 21px 0px 0;
    border-color: transparent #2e88c4;
}

.triangle-border:after {
    content: "";
    position: absolute;
    bottom: -13px;
    left: 47px;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}

#closemenu_contacts {
    color: #CCC;
    position: absolute;
    top: 11px;
    font-size: 15px;
}

#closemenu_contacts:hover {
    color: rgb(217, 83, 79);
}

#closemenu_schedule {
    color: #CCC;
    position: absolute;
    top: 10px;
    font-size: 15px;
}

#closemenu_schedule:hover {
    color: rgb(217, 83, 79);
}
#closemenu_schedulev3 {
    color: #CCC;
    position: absolute;
    top: 10px;
    font-size: 15px;
}

#closemenu_schedulev3:hover {
    color: rgb(217, 83, 79);
}
#closemenu_tickets {
    color: #CCC;
    position: absolute;
    top: 10px;
    font-size: 15px;
}

#closemenu_tickets:hover {
    color: rgb(217, 83, 79);
}

#closemenu_notes {
    color: #CCC;
    position: absolute;
    top: 10px;
    font-size: 15px;
}

#closemenu_notes:hover {
    color: rgb(217, 83, 79);
}

#closemenu_timesheets {
    color: #CCC;
    position: absolute;
    top: 10px;
    font-size: 15px;
}

#closemenu_timesheets:hover {
    color: rgb(217, 83, 79);
}

#closemenu_messages {
    color: #CCC;
    position: absolute;
    top: 10px;
    font-size: 15px;
}

#closemenu_messages:hover {
    color: rgb(217, 83, 79);
}

#closemenu_inventory {
    color: #CCC;
    position: absolute;
    top: 10px;
    font-size: 15px;
}

#closemenu_inventory:hover {
    color: rgb(217, 83, 79);
}

#closemenu_dashboard {
    color: #CCC;
    position: absolute;
    top: 10px;
    font-size: 15px;
}

#closemenu_dashboard:hover {
    color: rgb(217, 83, 79);
}
#closemenu_aitixwizard {
    color: #CCC;
    position: absolute;
    top: 10px;
    font-size: 15px;
}
#closemenu_aitixwizard:hover {
    color: rgb(217, 83, 79);
}
#closemenu_tixwizard {
    color: #CCC;
    position: absolute;
    top: 10px;
    font-size: 15px;
}

#closemenu_tixwizard:hover {
    color: rgb(217, 83, 79);
}

#closemenu_tasks {
    color: #CCC;
    position: absolute;
    top: 10px;
    font-size: 15px;
}

#closemenu_tasks:hover {
    color: rgb(217, 83, 79);
}

#closemenu_msp_alerts {
    color: #CCC;
    position: absolute;
    top: 10px;
    font-size: 15px;
}

#closemenu_msp_alerts:hover {
    color: rgb(217, 83, 79);
}

#closemenu_admin {
    color: #CCC;
    position: absolute;
    top: 10px;
    font-size: 15px;
}

#closemenu_admin:hover {
    color: rgb(217, 83, 79);
}

.search_x {
    margin-left: 2px;
    color: #999;
}

.search_x:hover {
    margin-left: 2px;
    color: #900;
    cursor: pointer;
}

#tickets_search_button {
    width: 65px;
    height: 65px;
    border: 1px solid #ccc;
    background-color: #F3F3F3;
    color: #999999;
    border-radius: 3px;
    position: relative;
    outline: none;
}

tickets_search_button:focus {
    outline: none;
}

#tickets_search_button:hover {
    cursor: pointer;
    background-color: #EBEBEB;
    color: #666;
}

#search_button_icon {
    position: absolute;
    top: 12px;
    left: 17px;
    font-size: 30px;
}

.search_button_text {
    position: absolute;
    bottom: 3px;
    left: 4px;
    font-weight: bold;
    font-size: 12px;
}

#search_top_form input[type=text] {
    height: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 0px;
    border: 1px solid #CCC;
    margin-top: 2px;
}

.tk_visible_select {
    float: right;
    margin-right: 8px;
    font-weight: bold;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

#newcustuser_pop {
    box-shadow: 0 0 15px #666;
}

#editcustuser_pop {
    box-shadow: 0 0 15px #666;
}

.btn_second {
    padding: 5px 10px;
    color: #ffffff;
    background-color: #428bca;
    border-color: #3276b1;
}



.btn-small {
    padding: 4px 8px;
}


.btn-success {
    color: #fff;
    background-color: #48ab59;
    border-color: #33a145;
}
#userlistdiv {
    margin: 10px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:hover,
.btn-default:focus {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.btn-small2 {
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn2 {
    display: inline-block;
    padding: 4px 8px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #bbbbbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0.0;
    }
}


.standard-loader,
.cssload-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.standard-loader {
    min-height: 120px;
    padding: 16px;
}

.standard-loader-container,
.cssload-container {
    position: relative;
    width: 60px;
    height: 60px;
}

.standard-loader-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.standard-loader-logo {
    width: 36px;
    height: 36px;
    background-image: url('/images/loader_2021_.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
    position: relative;
}

.cssload-speeding-wheel {
    position: absolute;
    width: 49px;
    height: 49px;
    border: 3px solid rgb(204, 8, 8);
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    animation: cssload-spin 725ms infinite linear;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
}

@keyframes cssload-spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.standard-loader-text {
    margin-top: 15px;
    font-size: 14px;
    color: #6c757d;
    font-weight: 500;
}

/* Inline loader for buttons */
.standard-loader-inline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.standard-loader-inline .standard-loader-container {
    width: 20px;
    height: 20px;
}

.standard-loader-inline .standard-loader-logo {
    width: 14px;
    height: 14px;
}

.standard-loader-inline .cssload-speeding-wheel {
    width: 18px;
    height: 18px;
    border-width: 2px;
}

.standard-loader-inline .standard-loader-text {
    margin-top: 0;
    font-size: 12px;
}
.timeclock_toggle {
    margin-left: 24px;
    color: #060606;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}
.settings_icon {
   font-size: 23px;
    font-weight: bold;
    cursor: pointer;
    color: #636262;
}
.mce-statusbar {
    display: none !important;
}
.simplebar-scrollbar::before {
    background: #cdcdcd;
}
#timer_dock_host {
  padding: 8px 10px;
    display: none;
   
    width: 200px;
    border-radius: 5px;
    margin-left:-10px;
}
#timer_dock_host .timer-dock-title {
  font-size:11px;
  font-weight: 600;
  color:#404848;
}
 #timer_dock_host .timer-dock-popout { 
  border: none;
    background: #ffffff;
    border-radius: 6px;
    width: 17px;
    height: 12px;
    cursor: pointer;
    margin-top: -8px;
  }
  #timer_dock_host .timer-client-name {
    font-size: 10px;
    font-weight: 600;
    color: #495057;
    line-height: 1.1;
    white-space: nowrap;
}
.flatpickr-calendar {
  -webkit-box-shadow: 3px 2px 8px 3px rgb(0 0 0 / 22%);
  -moz-box-shadow: 3px 2px 8px 3px rgb(0 0 0 / 22%);
  box-shadow: 3px 2px 8px 3px rgb(0 0 0 / 22%);
}

 .flatpickr-months {
  background-color: white !important;
}

 .flatpickr-months .flatpickr-prev-month:hover,  .flatpickr-months .flatpickr-next-month:hover {
  fill: #3e64ee !important;
}

 .flatpickr-months .flatpickr-prev-month:hover svg,  .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #3e64ee;
}

 .flatpickr-current-month .flatpickr-monthDropdown-months {
  font-size: 16px;
}

.flatpickr-current-month input.cur-year {
  font-size: 16px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: white;
  border: 1px solid #efefef;
}
span.flatpickr-day.today:not(.selected),  span.flatpickr-day.prevMonthDay.today:not(.selected), span.flatpickr-day.nextMonthDay.today:not(.selected) {
  border-color: #e9e9e9;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: #1c1c1c;
}

span.flatpickr-day.today:not(.selected):hover, span.flatpickr-day.prevMonthDay.today:not(.selected):hover, span.flatpickr-day.nextMonthDay.today:not(.selected):hover {
background-color: #7090d775 !important;
    color: #000000 !important;
    border: 1px solid #0a1129;
}
.flatpickr-day.today {
background-color: #7090d74a !important;
    color: #4d4d4d !important;
    border: 1px solid #0a1129;
}

 .flatpickr-current-month .flatpickr-monthDropdown-months {
  font-size: 16px;
}

.flatpickr-current-month input.cur-year {
  font-size: 16px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: white;
  border: 1px solid #efefef;
}

.tbs_modal .select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 34px !important;
  user-select: none;
  -webkit-user-select: none;
}
.tbs_modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 30px;
}
.tbs_modal .select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ced4da !important;
  border-radius: 4px;
}
.tbs_modal { font-family: Poppins, "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.addcustuserwizard .form-control, .addlocationwizard .form-control {
    padding: 6px 6px !important;
}
.invalid-feedback {
    color:#bd0606;
}
.qsearch_status {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 9px;
    padding: 0px;
    padding-bottom: 3px;
    padding-left: 3px;
    background-color: #FFF;
}

.qsearch_status_open {
    color: #248b28;
}

.qsearch_status_closed {
    color: #bd0606;
}

.qsearch_invct {
    position: absolute;
    bottom: 2px;
    right: 4px;
    font-size: 12px;
    background-color: #FFF;
    padding-left: 3px;
    padding-top: 3px;
}
#qsearch_box {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
   
    margin-left: 5px !important;
}

#qsearch_button {
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}
body.menu-expanded #qsearch_results {
  left: 15px;
    top: 110px;
    z-index: 200001;
}

body.menu-collapsed #qsearch_results {
   left: 15px;
    top: 110px;
    z-index: 200001;
}

#qsearch_ajax::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

#qsearch_ajax::-webkit-scrollbar-track {
    background-color: rgb(238, 238, 238);
    margin-left: 3px;
}

#qsearch_ajax::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    border: 1px solid #CCC;
}

#qsearch {
   border: 1px solid #CCC;
    padding: 6px 8px 6px 8px;
    border-radius: 5px;
}

#qsearch_button {
    position: absolute;
    right: 3px;
    top: 16px;
    width: 22px;
    height: 22px;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

#qsearch_box .icon {
    position: static;
    color: #7b7b7b;
    pointer-events: none;
}
#qsearch_results {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    max-width: calc(100vw - 30px);
    max-height: calc(100dvh - 125px);
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 10px;
    width: 400px;
    height: 400px;
    position: absolute;
    top: 104px;
    left: 20px;
    background-color: #FFF;
    z-index: 1000;
    border-radius: 3px;
    -webkit-box-shadow: 10px 10px 26px -22px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 26px -22px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 26px -22px rgba(0, 0, 0, 0.75);
    font-size: 12px;
    font-family: 'Open Sans', sans-serif !important;
}

#qsearch_title {
    flex-shrink: 0;
    padding-right: 24px;
    padding-bottom: 5px;
    border-bottom: 1px solid #CCC;
    font-weight: bold;
}

#qsearch_ajax {
    overflow: auto;
    flex: 1;
    min-height: 0;
    margin-top: 7px;
    padding-right: 10px;
}

.qsearch_subtitle {
    font-weight: bold;
    padding: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    font-size: 13px;
    padding-left: 5px;
}

.qsearch_subtitle i {
    float: right;
    padding-top: 2px;
}

.qsearch_close {
    position: absolute;
    top: 5px;
    right: 6px;
    color: #CCC;
    font-size: 18px;
    cursor: pointer;
    border: 0;
    background: transparent;
    padding: 0;
}

.qsearch_result {
    border: 1px solid rgb(224, 224, 224);
    padding: 4px;
    margin-left: 4px;
    margin-top: 2px;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    display: block;
    width: calc(100% - 4px);
    background: #FFF;
    color: inherit;
    text-align: left;
    line-height: normal;
}

.qsearch_result:hover,
.qsearch_result:focus-visible {
    background: #f7f8fa;
    border-color: #c9ced6;
    outline: none;
}

.qsearch_result_primary,
.qsearch_result_secondary {
    display: block;
    overflow-wrap: anywhere;
    padding-right: 78px;
}

.qsearch_result_badge:empty {
    display: none;
}

.qsearch_note_icon {
    margin-right: 10px;
}

.qsearch_section_first .qsearch_subtitle {
    margin-top: 0;
}

.qsearch_search_status {
    padding: 12px 6px;
    color: #666;
    text-align: center;
}

.qsearch_search_error {
    color: #a00;
}

.qsearch_email {
    font-size: 11px;
    color: #888;
}
.form-select {
        
        font-size: 12px;
    }
    .btn {
        padding: 5px 10px;
        font-size: 12px;
    }
#timer_stop_confirm_modal {
    z-index: 10080;
}

body.timer_stop_confirm_open > .modal-backdrop {
    z-index: 10070;
}