/* DiaryBook 2012 */

/* Global Reset
Throws out Ext.Net on IE
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,br,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{ border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0; }
*/


/* HTML elements */
em { font-style: normal; font-weight: bold; color: #FF9966; }
p {margin: 14px 0;}



strong { font-weight: bold; }
 
body
{
	background-color: #F8FAF9;
	font-family: Arial;
}

/**** HEADER *******************************/
.pnlNorth .x-panel-body { background: #F4F3F2; }

/****** Buttons *******/
.compose_32 { background-image: url(../images/icons/pencil_32.png) !important; }
.compose_38 { background-image: url(../images/icons/pencil_38.png) !important; }
.contact_32 { background-image: url(../images/icons/users4_32.png) !important; }

/****** Client List *****/
#cbbWinAppointmentClient-picker-listEl {
    background-color: #f9d9c0
}
.clientList-item {
    font: normal 10px tahoma, arial, helvetica, sans-serif;
    padding: 3px 6px 3px 6px;
    white-space: normal;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #555;
    background-color: #fff2e8;
}
.clientList-item .name { font-size: 14px; }
.clientList-item .fld_name { font-weight: bold; }

.module_contacts_combo { font:normal 11px tahoma, arial, helvetica, sans-serif; padding:3px 6px 3px 6px; border:1px solid #fff; border-bottom:1px solid #eeeeee; white-space:normal; color:#555; }
.module_contacts_combo h1 {display:block; font:inherit; font-weight:bold; color:#222; padding: 0px; margin: 0px; }
.module_contacts_combo h2 {display:block; font:inherit; font-weight:normal; color:#222; padding: 0px; margin: 0px; }

/****** Tree *********/
#pnlDiaryBookTree-body div { font-size: 15px; font-family: Sans-Serif; font-weight: bold; color: #515151;  }

/****** Calendar ******/
/*.ext-color-default needed as blocked times (id 0) shows as ext-color-default in month view */
.ext-color-0, .ext-color-default { color: Black; background: url(../images/bg/blockedout.gif) repeat left top; }
.ext-cal-day-col .ext-color-0 { color: Black; background: url(../images/bg/blockedout.gif) repeat left top; }
.ext-color-1 { color: White; background: #3366CC; }
.ext-cal-day-col .ext-color-1 { color: White; background: #3366CC; }
.ext-color-2 { color: White; background: #339933; }
.ext-cal-day-col .ext-color-2 { color: White; background: #339933; }
.ext-color-3 { color: White;  background: #CC0000; }
.ext-cal-day-col .ext-color-3 { color: White; background: #CC0000; }
.ext-color-4 { color: Black; background: #FFCC00; }
.ext-cal-day-col .ext-color-4 { color: Black; background: #FFCC00; }
.ext-color-5 { color: Black; background: #ffff89; }
.ext-cal-day-col .ext-color-5 { color: Black; background: #ffff89; }


.ext-cal-evr { color: Black; }

/*
#calendarDiaryBook-month-day-20121127 { background-color: #ccc; }
*/

/* Reporting */
.table_rep_1 { width: 800px; }
    .table_rep_1 th { text-align: left; }

/*** Tasks / Reports ***/
.task_green .x-grid-cell { background-color: #e7fbe6 !important; }
.task_yellow .x-grid-cell { background-color: #fafbe6 !important; }
.task_red .x-grid-cell { background-color: #fcd0d0 !important; }
.task_normal .x-grid-cell { }

.notify_warning, .notify_warning .x-window-body-default, .notify_warning .x-panel-body-default {
    background-color: lightyellow;
    border: none;
}

/* Panel and Portal Styling */
    .notify_error .x-panel-body-default { background-color: #C60000; color: white; }

.iflow_whitepanel .x-column-header, .iflow_whitepanel .x-grid-header-ct,
.iflow_whitepanel .x-panel-header-default-framed-top, .iflow_whitepanel .x-panel-default-framed, .iflow_whitepanel .x-panel-header-default-top,
.iflow_whitepanel .x-toolbar-default
{
    background-color: #fff;
    background-image: none;
}

iflow_whitepanel .x-toolbar-default.x-docked-bottom {
    border: none;
}

.iflow_whiteportal .x-panel-header-default-framed-top, .iflow_whiteportal .x-panel-default-framed, .iflow_whiteportal .x-panel-header-default-top,
.iflow_whiteportal .x-panel-body, .iflow_whiteportal .x-panel-body-default, .iflow_whiteportal .x-panel-body-default-framed
.iflow_whiteportal .x-toolbar-default{
    background-color: #fff;
    background-image: none;
}
.iflow_whiteportal {
    margin-bottom: 25px;
}
.iflow_whiteportal.x-panel-default-framed {
    background-color: #fff;
}

/* form labels */
.lbl-p-0 .x-form-item-label-inner
{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* dashboard buttons */
.service-blocks { display: inline-block; font-size: 12pt; margin: 0 10px 10px 0; padding: 0px; font-weight: 400; font-family: 'Segoe UI'; text-align: left; }
    .service-blocks a { float: left; text-align: center; position: relative; display: block; min-height: 96px; width: 112px; background-color: #3e3d4d; cursor: pointer; margin-right: 10px; margin-top: 10px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }
    .service-blocks a:hover { background-color: #6fcd18; }
    .service-blocks a.disabled { background-color: #333; cursor: auto; opacity: .6; }
    .service-blocks a.highlight { background-color: #5c5a85; }
    .service-blocks a.highlight:hover { background-color: #8781ff; }
    .service-blocks a.disabled:hover { background-color: #333; }
    .service-blocks a.warning { background-color: #E6E600; }
    .service-blocks a.error { background-color: #CC3300; }

    .service-blocks img {  margin: 7px auto; width: 48px; height: 48px; }
    .service-blocks span { line-height: 1.2em; display: block; color: #fff; margin: 1px auto 0px auto; word-wrap: break-word; }

    .service-blocks.blue a, .service-blocks a.blue { background-color: #4685b0; }
    .service-blocks.blue a:hover, .service-blocks a.blue:hover { background-color: #76a8c9; }


.db-tutorials { display: flex; margin: 0 10px 10px 0; }
.db-tutorials list { margin-left: 8px; }
.db-tutorials .item a { display: flex; align-items: center; }
.db-tutorials .item img { margin-right: 5px; margin-left: 8px; height: 12px; }

/* Event Rows */
.evt_yellow .x-grid-cell { background-color: #FFFFE3; }
.evt_green .x-grid-cell { background-color: #F5FFF5; }
.evt_red .x-grid-cell { background-color: #FFF3F3; }
.evt_block .x-grid-cell { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAL0lEQVQYlWNgQAP3fH3/o4thAJgivIrRJbEqRhbExcYqgVMxIavhbFyOx2k1PsUAAD8u1hFf8sgAAAAASUVORK5CYII=) repeat; }
.x-grid-row-selected.evt_yellow .x-grid-cell { background-color: #7c7c69; }
.x-grid-row-selected.evt_green .x-grid-cell { background-color: #7d8e7d; }
.x-grid-row-selected.evt_red .x-grid-cell { background-color: #aa8686; }
/*.x-grid-row-selected.evt_block .x-grid-cell { background-color: inherit; }
*/

/*
    .evt_yellow tr:hover { background-color: #F0F0F0; } 
    .evt_green tr:hover { background-color: #F0F0F0; }
.evt_red tr:hover { background-color: #F0F0F0; }
.evt_norm tr:hover { background-color: #F0F0F0; }
*/



.corner-ribbon {
    width: 250px;
    background: #e43;
    position: fixed;
    top: 35px;
    left: -70px;
    text-align: center;
    height: 50px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    z-index: 99;
}

    .corner-ribbon.text {
        clear: both;
        float: left;
    }

    .corner-ribbon.shadow {
        box-shadow: 0 0 3px rgba(0,0,0,.3);
    }

    .corner-ribbon.development {
        background: rgba(51, 153, 255, 0.7);
    }

    .corner-ribbon.uat {
        background: rgba(51, 204, 51, 0.7);
        color: #333;
    }

    .corner-ribbon.staging {
        background: rgba(204,0,153,0.7);
        color: #FAE6F5
    }

    .corner-ribbon.bottom-left {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        top: inherit;
        bottom: 35px;
    }

.menu-noicons a.x-btn {
    padding-left: 0;
    left: 0 !important;
}

.slothints {
    background-color: #a3ccfe;
    color: #333;
    padding: 5px;
    font-size: .7rem;
    overflow: scroll;
}

.portal_menuitem {
/*    background-color: #f3f3f3;*/
/*    background-color: #d2e5fc;
*/}
    .portal_menuitem.x-menu-item-default.x-menu-item-focus {
/*        background-color: #9dc9ff;
        background-image: none;*/
    }

        .portal_menuitem span::after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 18px;
            height: 18px;
            background: url('../images/icons/sms_out.png') 0 0 no-repeat;
            background-size: contain;
        }

/* blog images*/
.db-image img {
    max-width: 100px;
    height: auto;
}