.content-page .content {
    padding: 15px 0 !important;
    margin-top: 20px;
    margin-bottom: 60px;
}

.ic-primary {
    background-color: #00b4b4;
}

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

/* Basic */
.ic_box_shadow {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.card-header {
    background-color: #fff;
    border-bottom: none !important;
}

/* Ends Basic */

/* Profile Pic Upload */
.ic_avatar_upload {
    position: relative;
    max-width: 205px;
    margin: 0px auto 10px;
}

.ic_avatar_upload .avatar-edit {
    position: absolute;
    right: 25px;
    z-index: 1;
    bottom: 10px;
}

.ic_avatar_upload .avatar-edit input {
    display: none;
}

.ic_avatar_upload .avatar-edit input + label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #ffffff;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.ic_avatar_upload .avatar-edit input + label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}

.ic_avatar_upload .avatar-edit input + label:after {
    content: "\f030";
    font-family: "FontAwesome";
    color: #757575;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.ic_avatar_upload .ic_avatar_preview {
    width: 192px;
    height: 192px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #f8f8f8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.ic_avatar_upload .ic_avatar_preview > div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.ic_profile_output {
    line-height: 16px !important;
    font-size: 16px;
}

/* End Profile Pic Upload */

/* datatables btn style start */
.dt-buttons button.btn {
    margin-right: 10px;
    border-radius: 0;
}

.dt-buttons button.buttons-create {
    background-color: #68f245;
    border: 1px solid #68f245;
    border-radius: 0.25rem !important;
}

.dt-buttons button.btn.buttons-export {
    background-color: #45aaf2;
    border: 1px solid #45aaf2;
    border-radius: 0.25rem !important;
}
.dt-buttons button.btn.buttons-csv {
    background-color: #45aaf2;
    border: 1px solid #45aaf2;
    border-radius: 0.25rem !important;
}

.dt-buttons button.btn.buttons-excel {
    background-color: #26de81;
    border: 1px solid #26de81;
    border-radius: 0.25rem !important;
}
.dt-buttons button.btn.buttons-reset {
    background-color: #26de81;
    border: 1px solid #26de81;
    border-radius: 0.25rem !important;
}

.dt-buttons button.btn.buttons-pdf {
    background-color: #fc5c65;
    border: 1px solid #fc5c65;
    border-radius: 0.25rem !important;
}
.dt-buttons button.btn.buttons-reload {
    background-color: #fc5c65;
    border: 1px solid #fc5c65;
    border-radius: 0.25rem !important;
}

.dt-buttons button.btn.buttons-print {
    background-color: #a55eea;
    border: 1px solid #a55eea;
    border-radius: 0.25rem !important;
}
/* datatables btn style end */

/* calendar Customization */
.fc th.fc-widget-header {
    font-size: 12px !important;
}

#calendar .fc-today {
    background: rgba(255, 187, 40, 0.35) !important;
}

.fc-day-grid-event {
    cursor: pointer !important;
}
.card.mini-stat.bg-primary {
    min-height: 156px;
}
/* Chnaged calendar selected color to blue */
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
    background-color: #006dcc !important;
    background-image: linear-gradient(to bottom, #0088cc, #0044cc) !important;
}
.dataTables_empty {
    text-align: center;
}

/* Appoinment Fullcalender */
#dialog {
    display: none;
}

.btn-hide {
    display: none;
}

.fc-scroller {
    overflow-x: visible !important;
}

.ui-widget-overlay {
    background: #000;
    opacity: 0.5;
    filter: Alpha(Opacity=.5);
}

/*map*/
#map {
    min-height: 400px;
    margin-top: 30px;
}

.notification-dropdown-menu {
    transform: translate3d(-359px, 72px, 0px) !important;
}

/* Country code added on phone number */
.iti {
    display: block !important;
}
.report-card {
    background-color: #333547 !important;
}