/*.crm-contact-row {
    padding:15px;
    padding-top: 5px;
    padding-bottom:4px;
    font-size:17px;
    line-height:1.1;
    font-weight:500;
    border:1px solid whitesmoke;
    border-bottom:1px solid gainsboro;
    border-collapse:collapse;
    cursor:pointer;
}

.crm-contact-row .column {
    display: table-cell;
    float:none;
}

.crm-contact-row:hover {
    background-color: whitesmoke;
}

.crm-email {
    font-size: 12px;
    margin-top: 5px;
    text-align:right;
}
.crm-email-work {
    margin-top: 12px;
}
.crm-email-home {
    margin-bottom:5px;
}

.action-buttons-div {
    padding-top: 18px;
}

.action-buttons-div .crm-action-button {
    margin: 3px;
    display: inline-block;
}
.listname {
    display:inline-block;
    position:relative;
}
.op-dup-icon {
    float: left;
    background-color: rgb(11, 85, 134);
    border-radius: 30px;
    width: 30px;
    color: white;
    height: 30px;
    font-size: 15px;
    padding-top: 5px;
    padding-bottom: 6px;
    padding-left: 11px;
    padding-right: 12px;
    margin-right: 10px;
    box-shadow: 1px 1px 2px gray;
}*/

/*.notification-header {
    text-align: center;
    line-height: 30px !important;
    background: #f1f1f1;
    padding: 7px 95px !important;
}*/

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



/*.initial-icon {
    float: left;
    border-radius: 30px;
    color: white;
    padding: 5px;
    padding-top: 6px;
    margin-right: 10px;
    font-family: 'Raleway';
    background-color: #0082c9;
    box-shadow: 1px 1px 4px dimgray;
}*/



.initial-icon-agent {
    padding-top:0px;
}

.initial-icon-agent-stack {
    margin-right: 10px;
    display: inline-block;
}

/*.contact-name {
    font-family: 'Raleway';
    display: inline-block;
    position: relative;
    font-size: 27pt;
    top: 4px;
}*/

/*.contact-title {
    font-family: 'Raleway';
    display: inline-block;
    position: relative;
    font-size: 14pt;
    top: -2px;
}*/

/* jQuery UI Datepicker - Clean Modern Style */
/* Force solid background - no transparency */
.ui-datepicker {
    width: 250px !important;
    padding: 0 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
    border: 1px solid #ccc !important;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175) !important;
    border-radius: 4px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 13px !important;
    z-index: 1070 !important;
}

/* Force solid background on table body */
.ui-datepicker table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
}

.ui-datepicker tbody {
    background: #ffffff !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
}

.ui-datepicker td {
    padding: 2px !important;
    border: none !important;
    text-align: center !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* Also ensure the container div is opaque */
.ui-datepicker-inline,
.ui-datepicker-div {
    background: #ffffff !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative !important;
    background: #0c5d56 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px 4px 0 0 !important;
    padding: 11px 1px 1px 21px !important;
    font-weight: normal !important;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 24px !important;
    text-align: center !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border-bottom:none !important;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 13px !important;
    padding: 2px 4px !important;
    margin: 0 2px !important;
    background: rgba(255,255,255,0.9) !important;
    color: #333 !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
    border-radius: 3px !important;
}

/* Hide Prev/Next completely and rebuild them */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute !important;
    top: 8px !important;
    width: 28px !important;
    height: 28px !important;
    cursor: pointer !important;
    background: rgba(255,255,255,0.2) !important;
    border: none !important;
    border-radius: 3px !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}

.ui-datepicker .ui-datepicker-prev {
    left: 8px !important;
}

.ui-datepicker .ui-datepicker-next {
    right: 8px !important;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background: rgba(255,255,255,0.3) !important;
}

/* Create arrow icons with CSS */
.ui-datepicker .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-next:after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    text-indent: 0 !important;
}

.ui-datepicker .ui-datepicker-prev:after {
    border-width: 5px 6px 5px 0 !important;
    border-color: transparent #fff transparent transparent !important;
    margin-left: -2px !important;
}

.ui-datepicker .ui-datepicker-next:after {
    border-width: 5px 0 5px 6px !important;
    border-color: transparent transparent transparent #fff !important;
    margin-left: 2px !important;
}

/* Hide the default spans */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none !important;
}

/* Calendar table */
.ui-datepicker table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
}

.ui-datepicker thead {
    background: #f8f9fa !important;
}

.ui-datepicker th {
    padding: 8px 4px !important;
    text-align: center !important;
    font-weight: 600 !important;
    color: #6c757d !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    border: none !important;
}

.ui-datepicker td {
    padding: 2px !important;
    border: none !important;
    text-align: center !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block !important;
    padding: 7px !important;
    text-align: center !important;
    text-decoration: none !important;
    color: #333 !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

.ui-datepicker td a {
    background: transparent !important;
}

.ui-datepicker td a:hover {
    background: #e9ecef !important;
    color: #333 !important;
    border-color: #dee2e6 !important;
}

.ui-datepicker td .ui-state-default {
    background: transparent !important;
    border: 1px solid transparent !important;
}

.ui-datepicker td .ui-state-active {
    background: #5b93d3 !important;
    color: #fff !important;
    font-weight: 600 !important;
    border-color: #5b93d3 !important;
}

.ui-datepicker td .ui-state-highlight {
    background: #fff3cd !important;
    color: #856404 !important;
    border-color: #ffc107 !important;
}

.ui-datepicker td .ui-state-disabled span,
.ui-datepicker td .ui-state-disabled a {
    color: #ccc !important;
    opacity: 0.5 !important;
}

.ui-datepicker .ui-datepicker-other-month .ui-state-default {
    color: #bbb !important;
}

/* Remove all default widget styles */
.ui-widget {
    font-family: inherit !important;
}

.ui-widget.ui-widget-content {
    border: none !important;
    background: none !important;
}

.ui-widget-header {
    border: none !important;
    background: none !important;
}

.ui-widget-content {
    border: none !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    border: none !important;
    background: none !important;
    font-weight: normal !important;
}

.ui-icon {
    background-image: none !important;
}

/* Modal z-index fix */
.modal.show ~ .ui-datepicker,
.modal-backdrop ~ .ui-datepicker {
    z-index: 1070 !important;
}

.ui-datepicker-year{
    width:60px;
}