/* main */
@import url('leader_board_panel.css');
@import url('sub_panel.css');
@import url('dashboard_panel.css');
@import url('graph_panel.css');
@import url('calendar-panel.css');
@import url('module.css');
@import url('calendar_layout_panel.css');

/* production panel */
@import url('summary_panel.css');
@import url('production_summary.css');
@import url('production_list_panel.css');
@import url('production/client_health_summary_panel.css');
@import url('production/client_health_delay_list_panel.css');
@import url('ticket_queue_dashboard_panel.css');
@import url('management.css');
@import url('modal-notice-panel.css');
@import url('notice-panel.css');
@import url('expenses.css');
@import url('reimbursements.css');

/* client success reps */
@import url('client-success-reps/client-success-calendar.css');
@import url('client-success-reps/client-success-list-panel.css');
@import url('overlays/client-summary-overlay.css');
@import url('client-success-reps/product-utilization-panel.css');

/*management panel*/
@import url('call_management_system_panel.css');
/* sales panel */
@import url('sales_panel.css');
@import url('sales_leader_board_panel.css');
@import url('sales_set.css');
@import url('sales_graph.css');
@import url('sales_team.css');
@import url('modal_sales_team.css');
@import url('sales_productivity_leader_board_panel.css');
@import url('upgrades_leader_board_panel.css');
@import url('sales_upgrade_calendar.css');
/* dept dashboards */
@import url('billing.css');
@import url('termination-agreement.css');
@import url('content.css');
@import url('modal_ad_panel.css');
@import url('design_panel.css');
@import url('development.css');
@import url('social_panel.css');
@import url('retention.css');
@import url('tech_support.css');
/* caller panel */
@import url('caller_panel.css');
@import url('caller_leader_board_panel.css');
@import url('call_floor_leader_board_panel.css');
@import url('caller_graph.css');
@import url('modal_upload_panel.css');
@import url('directory_panel.css');
@import url('modal_edit_employee_panel.css');
@import url('employee_list_panel.css');
@import url('website_panel.css');
@import url('modal_edit_blog_panel.css');
@import url('free_trial_summary.css');
/* visual media */
@import url('visual_media.css');
/* training panels */
@import url('training.css');

/* utilities panel */
@import url('utilities_panel.css');
@import url('server_panel.css');

/* performance panel */
@import url('client_analytics_panel.css');

.list-panel .col .sub-col {
    display: table-cell;
}

@-webkit-keyframes pullDownOut {
    0% {
        -webkit-transform: translate3d(0, 0%, 0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 1;
    }
}

@keyframes pullDownOut {
    0% {
        transform: translate3d(0, 0%, 0);
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 100%, 0);
        opacity: 1;
    }
}

.multiple {
    padding: 10px;
    border: 1px solid #178FBB;
    background: #e8f9ff;
}
.multiple * {
    padding: 10px 5px 5px;
    color: #289ECA;
}
.multiple label {
    color: #000;
}

.image-tooltip {
    float: left;
    display: inline-block;
}

.image-tooltip .image-preview {
    width: 42px;
    height: 54px;
    margin-top: 6px;
    margin-right: 4px;
}

.image-tooltip .image-fullsize {
    visibility: hidden;
    width: 250px;
    height: 300px;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    position: absolute;
    z-index: 999;
    top: 50px;
    right: 50px;

    opacity: 0;
    transition: opacity 1s;
}

.image-tooltip:hover .image-fullsize {
    visibility: visible;
    opacity: 1;
}