/* Replace udarkPanelsListr-splash-screen.png with your own splash screen image */
#msls-id-app-loading .msls-app-loading-img { background-image: url(Images/user-splash-screen.png); }
/* Font families for screen and dialog headers.  Font families for content inside a screen 
    or dialog are determined by the theme's global font family setting. */
.msls-header .ui-title, .msls-screen-tab .ui-btn, .msls-screen-tab .ui-btn-text { font-family: 'Segoe Light', 'Segoe UI Light', 'Segoe UI', 'Segoe WP Light', 'Roboto Light','Frutiger','Helvetica Neue', Helvetica, Arial, sans-serif; }

/* Customizable font styles for screen controls */
.msls-font-style-large { }

.msls-font-style-normal {  line-height: 1.5em; }
.msls-font-style-normal .msls-text {  line-height: 1.5em; }
.msls-font-style-small { }
.msls-label.msls-label-align-hidden{height:1.6em}
.msls-li .msls-text {white-space:pre-wrap;}
/*.msls-content {
   padding-left: 0px !important;
    padding-right: 0px !important;
}*/
/* Uncomment the following lines if you want to use certain jQuery Mobile listview features such as 
    count bubbles and icons inside LightSwitch lists. jQuery Mobile relies on l.listPanel.messages .linkist items using 
    position:relative for these features.  However, this setting performs poorly on certain mobile 
    devices (webkit based in particular) when there are large numbers of items in the list. */
/*
.msls-ctl-list .ui-listview > .ui-li,
.msls-ctl-list .ui-field-contain.ui-li {
    position: relative;
}
*/
/*ul.msls-tile-list .ui-li.ui-btn  {
    padding:0 !important;
     margin:15px;
    position:relative;
    border:none;
}*/
/* date picker*/
.msls-dateTimePicker-container .ui-btn-inner{padding:1em;border:solid 1px #444}
.msls-dateTimePicker-container select {line-height:1.5em}
/*slider buttons*/

.ui-slider-handle .ui-btn-inner {
padding: 0.5em;
height: 100%;
background-color: #555;
border: solid 1px #444;
top: -0.5em;
}

label { color: #ddd1b6; font-size: 1.0em !important; margin: 0 .3em .3em 0!important;opacity:1!important /*line-height: 1.5em;*/ }

.msls-label-align-top label { line-height: 1.5em; margin-left: 0; }
div[data-ls-tap="tap:{data.shell.saveCommand.command}"] { display: none; }
/* Phone media query (portrait and landscape) */
@media screen and (max-width: 400px) and (orientation: portrait), screen and (max-width: 640px) and (max-height: 400px) and (orientation: landscape) {
}

/* loyds specific styles*/
body { font-family: 'Segoe Light', 'Segoe UI Light', 'Segoe UI', 'Segoe WP Light', 'Roboto Light','Frutiger','Helvetica Neue', Helvetica, Arial, sans-serif; overflow-y: scroll; }
.ui-body-a, .ui-overlay-a { background-image: url(images/tile_bg.jpg) !important; background-repeat: repeat; font-size: 1.0em !important; }

    .ui-overlay-a textarea { background-image: none !important; background-color: #f6efdf !important; color: #333; padding: 0.28em 0.5em!important; }

.ui-input-text { background-color: transparent;-webkit-box-shadow: none;background-image: none !important; padding: 0 !important; border: none; font-weight: normal!important; }

    .ui-input-text input {height:2.4em; background-image: none !important; background-color: #f6efdf !important; color: #333; padding: 0.28em 0.5em!important; line-height: 1.5em; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
.ui-select .ui-btn select { font-size: 1em; padding: 0.28em 0.5em!important; background-image: none !important; background-color: #f6efdf !important; color: #333; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */}
/* ui widgets*/
.ui-widget-content { font-size: 1.5em!important; background-image: none !important; background-color: #f6efdf !important; color: #333; z-index: 100000; }
    .ui-widget-content .ui-menu-item { line-height: 1.5em; padding: 0.28em 0.5em!important; }
.wide .msls-control-header { font-size: 1.2em ;padding: 1.0em 0; }
.msls-control-header { font-size: 1.0em ; }

.dashboard  .msls-header-area { background-color: #5e5242; opacity: 0.7; height: 3em; }

.msls-footer { background-color: #5e5242; background-image: none !important; opacity: 0.7;border:none }

.msls-logo { display: none; }

.msls-compact-padding.msls-leaf { padding: 0; }

.msls-attached-label { opacity: 1; text-align: left!important; line-height: 1.5em!important; }
.ui-btn-up-a { border: none !important; background-color: #2D4E5C; }
.ui-btn-hover-a { border: none !important; }
.ui-btn-inner { font-size: 1em !important; /*line-height: 1.5em !important;*/ }
.ui-body-a .ui-link { color: #A4C8C0; }
.msls-ctl-button .ui-btn-inner { background-color: #696353; background-image: none; }
.firstRow .ui-btn-inner{margin-top:1.7em}
.inlineBtn .ui-btn-inner{padding:0!important}
.ui-btn-inner .msls-text-container { font-size: 1em !important; line-height: 1.8em !important; }
ui-content .msls-tile-list { margin: 0; }

.msls-ctl-details-modal-picker-light .ui-btn-up-a { background: #f6efdf /*{a-bup-background-color}*/; background-image: linear-gradient( #f6efdf /*{a-bup-background-start}*/, #f6efdf /*{a-bup-background-end}*/ ); color: #5d5646; }

.msls-dialog-frame { max-width: 62em!important; max-height: 38em!important; }

.msls-dialog, .msls-dialog-inner-frame { background-image: none!important; background-color: #696353; float: right; width: 84%; border: 0px; float: left; color: #817B6E; }

.msls-dialog-frame .panelSide, .customPopup .panelSide { float: left; width: 14%; height: 100%; z-index: 100; opacity: 1; }
.msls-popup .panelSide, .customPopup .panelSide { float: left; width: 14%; height: 100%; z-index: 100; opacity: 1; min-height: 20em;}
.ui-li-desc {
    font-size: 1.0em;
}


.msls-dialog-inner-frame h1 { color:white; font-size: 1.6em!important; }

.customPopup .panelSide { left: -8.4em; height: 100%; z-index: 100; opacity: 1; }

.customPopup .panelSide img { max-width: 8em; width: 100%; margin-top: 10em;}

.customPopup .panelSide.green { background-color: #94A18C; }


.customPopup .msls-popup-content{float:left}
.customPopup .msls-popup-content .ui-btn-up-a { background-image: none; border: 0px; border-bottom: 1px solid #D0CABD; color: #847C69; background-color: transparent; }

.customPopup .msls-popup-content .ui-btn-active { border: 0px; border-bottom: 1px solid #D0CABD; }

.closePopup { position: absolute; top: 0.5em; right: 0.5em; z-index: 2; }
/*.msls-ctl-details-modal-picker .ui-icon {
    background-image: url(images/icons-18-black.png) ;
}*/

/* General Styles*/
.darkPanel { background-color: #5d5646; margin-top: 1.0em; margin-bottom: 1.0em; position: relative; }
.ui-popup-container .darkPanel { margin: 1.0em; }
.darkPanel .title { line-height: 2.0em; padding-left: 1.0em; text-transform: uppercase; color: #DDD1B6; }
.darkPanel h1 { color: #fff; }
.darkPanel.withIcon .title { padding-left: 2.1em; }

/*.darkPanel .msls-label-align-left { min-width: 30% !important; }*/

/*.darkPanel .msls-leaf {
        width: 90%;
    }*/

.darkPanelBody { background-color: #696353; padding: 0.5em; position: relative}

    .darkPanelBody .msls-text-container .id-element { line-height: 1.5em; }

    .darkPanelBody .ui-icon-alt .msls-text-container .id-element { line-height: 1.5em; }

    .darkPanelBody label ,.darkPanelBody .msls-control-header .id-element { color: #c7b99a;font-size:1.0em;white-space:nowrap }

    .darkPanelBody ul li { padding: 0px !important; background: none; }

.gadgetPanel { background-color: #695148; }

.mainActionBtn { padding: 1em 0; }
.sideActionBtn { padding-left: 1em!important; }
.minorActionBtn { padding: 1em 0; }
.mainActionBtn .ui-btn-inner { background: none; background-color: #2D4E5C!important; }
.withTopLabelBtn{margin-top: 1.8em;}
.links a { color: #a4c8c0; font-size: 1.0em; }
.tasktype { text-transform: uppercase; }
/*.bottomPosition {position:absolute; bottom:-10px;}*/
.addCustomerPopUp .msls-ctl-button .ui-btn-inner {background-color: #555;}
.duplicateTxt {margin:35px 0 0 13px;}

/*login page*/
.error-validation { color: red; }
#LogInForm { width: 63%; margin: auto; font-size: 1.5em; margin-top: 6em; line-height: 1.0em; }
    #LogInForm img { width: 50%; float: left; }
    #LogInForm span { cursor: pointer; }

    #LogInForm #detailsArea { width: 100%; display: block; color: #DDD1B6; background-color: #6B6555; opacity: 0.9; }
    #LogInForm .fields { width: 50%; float: left; margin-top: 1em; }
    #LogInForm h1 { text-align: center; color: white; font-size: 1.6em!important; }

    #LogInForm .button { background-color: #2D4E5C; width: 93%; margin: auto; line-height: 2em; margin-bottom: 0.5em; border: 0px; color: white; padding: 0.5em; font-size: 1.0em; }


    #LogInForm input[type=text], #LogInForm input[type=password] { width: 87%; font-size: 1.0em; padding: 0.5em; }
/*dashboard*/
.topMenu { font-weight: normal; margin-top: -1em; float: right; height: 4em; width: 70%;margin-right:1em }
    .topMenu img { position: relative; top: 1.5em; cursor: pointer; width: 36px; display: block; float: right; }
.msls-title-area .topMenu span { margin: 0 2%; line-height: 4em; vertical-align: top; cursor: pointer; float: right; }
ul.msls-tile-list .ui-li.ui-btn.customerCardContainer { background: none; border: none; margin: 0 !important; padding: 0 !important; width: 33%; visibility: hidden; }

.customerCardImg { width: 100%; }

.customerCard { padding: 0 !important; margin: 0.9em 1.0em; position: relative; border: none; }

.tileTitle { width: 100%; text-align: center; display: block; position: absolute; bottom: 0.2em; font-size: 1em; }

.customerCardPicOverlay { position: absolute; bottom: 0; background-image: url(images/pic_overly.png); background-repeat: repeat-x; height: 100%; width: 100%; background-size: 100% 100%; }

.customerCardInfo {z-index:10; position: absolute; top: 0; right: 0; background-color: #141d22; opacity: 0.7; display: block; width: 100%; height: 3em; font-size:0.7em}

    .customerCardInfo div { margin: 0.5em 0; border-right: solid 1px #fff; float: right; line-height: 1.2em; padding: 0 4% 0 4%; font-size: 1.2em !important; position: relative; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
        .customerCardInfo div img { height: 1.5em; }

.probInd { padding-right: 0!important; border-right: none!important; width: 1.92em; }

.trendInd { background-size: 100% 100%; width: 1.92em; height: 1.5em; border-right: none !important; top: 0em; padding-left: 0 !important; padding-right: 0 !important; vertical-align:middle;}
    .trendInd.inlist { float: left; margin: 0; margin-top: 0.5em; }
.trendIndPos { background-image: url(images/trends/arrowUp.png); }

.trendIndNeg { background-image: url(images/trends/arrowDown.png); }

.summaryBox { margin: 1em 0; opacity: 0.6; cursor: pointer;background-size: 80% 80%;background-repeat: no-repeat;background-position: 50% 20%;  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }

    .summaryBox li { position: absolute !important; background: none; bottom: 0 !important; border: none; display: none; font-size: 1em; padding: 0 !important; width: 80%; }
        .summaryBox li div {
            line-height: 1.2em!important;
        }
    .summaryBox .summaryAmount { position: absolute; bottom: 0.5em; right: 0.5em; font-weight: bold; }

.alertsBox { /*background-position:-334px -404px;*/ background-color: #b55e44; /*margin-top:0.5em !important;*/ background-image: url(images/alerts.png); }

.tasksBox { /*background-position:-334px -593px;*/ background-color: #8b7270; background-image: url(images/tasks.png); }

.messagesBox { /*background-position:-334px -786px;*/ background-color: #c39d5b; background-image: url(images/messages.png); }

.welcomeMessage { /*padding-left:30px;*/ }

    .welcomeMessage div { font-size: 1.5em !important; line-height: 1.5em; padding-bottom: 0; opacity: 1; }

    .welcomeMessage label { font-size: 2.0em !important; color: #FFF !important; line-height: 2.0em; }

.darkPanelsList > li { padding: 0px !important; margin: 0px !important; background: none; border: none; }

.darkPanelsList .msls-leaf { padding: 10px !important; }
/* View Customer*/
.customerDetailsContainer {position:relative}
.customerDetailsContainer .msls-ctl-image { padding: 0 !important; overflow: hidden !important;position:relative }


.customerDetailsContainer .customerCardInfo { bottom: 0 !important; top: inherit; }

.guages { padding-left: 1.5em; overflow: hidden; }

.guage { width: 25%; float: left; position: relative; background-color: #5c5645; margin-bottom: 1.5em; cursor: pointer; }

    .guage .icon { position: absolute; width: 100%; height: 85.1%; top: 1.5em; background-size: 100% 100%; border-left: solid 1px #c7b99a; }

    .guage.msls-first-column .icon { border-left: none; }

    .guage.msls-first-column { /* padding-left: 2em;*/ }

    .guage .icon img { position: absolute; left: 39%; top: 40%; width: 23.1%; height: 19.4%; }

    .guage.existing .icon { background-image: url(images/trends/airplane.png); }

    .guage.offered .icon { background-image: url(images/trends/airplane.png); }

    .guage .probabilityAverage { position: absolute; bottom: 1.6em; width: 100%; height: 30%; text-align: center; color: white; font-size: 2.5em; }


    .guage .newEvents { position: absolute; bottom: 0.9em; width: 100%; height: 30%; text-align: center; color: white; font-size: 4.5em; }





    .guage.probability .icon { background-image: url(images/trends/gauge1.png); }

    .guage.creteria .icon { background-image: url(images/trends/gauge2.png); }

    .guage.newEvents .newEventsIcon { margin-top: 1.5em; font-size: 4em; margin-left: 1.2em; }

    .guage .guageTitle { position: absolute; top: 13px; width: 100%; text-align: center; color: #c7b99a; }

    .guage .guageSubtitle { position: absolute; bottom: 1.0em; width: 100%; text-align: center; color: #c7b99a; font-size: 0.7em; }

.graphContainer { background-color: #F6EFDF; padding: 1%; width: 90%; opacity: 0.75; border: solid 1px #5c5645; }


.darkPanel .customerDetailsContainer.SideButtonContainer .addButton { height: 1em; line-height: .9em; }
.blocked {
    width: 100%;
    height: 2.5em;
    background-color: #BB5B3F;
    z-index: 1000;
    top: 3em;
    position: absolute;
    opacity: 0.8;
    text-align: center;
    font-size: 2.0em;
    color: #fff;
    line-height: 2.5em;
}
.blockedWideContainer {
    background-color:#000;
    width:100%;
    height:100%;
    z-index:100000;
    opacity:0.4;
    position:absolute;
    top:0;
    left:0;
}
    .blockedWide {
        z-index: 100001!important;
    }


/* form panels*/
.customerList .msls-vauto > ul > li {cursor: default;}
.unclaimClientDD .ui-select > div {margin:0px;}
.unclaimClientDD .ui-btn-inner {text-align: center;}
.listPanel { background: none !important; margin-left: 1.5em !important; position: relative; margin-bottom: 1.5em; min-height: 3.0em; font-size: 1.0em;overflow-y:hidden }
.listHeader { background-color: #5d5646; color: #ddd1b6; padding: 0.4em 0; }
.listHeader .secondary_header{display:none;}
.listPanel.wide { min-height: 7.0em!important; margin-left: 0.5em !important; margin-right: 0.5em !important; }
    .listPanel.wide li div div { line-height: 1.5em; }
.listPanelSide { position: absolute; top: 0; left: 0; width: 12%; height: 100%; z-index: 100; opacity: 0.6; }

.listPanel.wide .listPanelSide { width: 9% !important; }

.listPanelSide .icon { max-width: 8em; background-repeat: no-repeat; background-size: 100%; width: 100%; min-height: 3.7em; position: relative; }

.listPanelSide .title { width: 100%; text-align: center; position:absolute;top:3.3em}

    .listPanelSide .title span { font-weight: bold; }

.listPanel .msls-list-empty { display: none; }
.listPanel .lessImportant { /*for example the sender*/ color: #A2977C; }
.listPanel .alert { /* for example overdue task*/    color: #E50F0F !important}
.alerts .listPanelSide { background-color: #b55e44; }
.offeredAlert {color: #efff17 !important;}

    .alerts .listPanelSide .icon { background-image: url(images/buttons/alerts.png); }
.files .listPanelSide { background-color: #5d5646; }

    .files .listPanelSide .icon { background-image: url(images/buttons/newfile.png); }


.tasks .listPanelSide { background-color: #8b7270; }

    .tasks .listPanelSide .icon { background-image: url(images/buttons/tasks.png); }

.events .listPanelSide { background-color: #aca792; }

    .events .listPanelSide .icon { background-image: url(images/buttons/events.png); }

.messages .listPanelSide { background-color: #CCAA68; }

    .messages .listPanelSide .icon { background-image: url(images/buttons/messages.png); }

.listWithHeader .listPanelSide { /*top: 54px !important; check to make this em...*/ }
.listWithHeader.topProbability li { margin-bottom: 1em!important; }
.listWithHeader.topProbability ul { background-color: transparent!important; }
.listWithHeader .secondary_header label {color:#5c5645}
.listPanel ul { min-height: 80px; background-color: #f6efdf; opacity: 0.7!important; margin-left: 12% !important; }
.listPanel.wide ul { margin-left: 9% !important; }
.listPanel.noicon ul { margin-left: 0% !important; }
.listPanel.withAddBtn ul { padding-top: 2.5em; }

.listPanel ul li { background: none; background-color: #f6efdf; color: #222222!important; margin: 0px !important; /*opacity: 0.6;*/ border: none!important; border-bottom: 1px solid #C2AD90!important; }
    .listPanel ul li.listHeader {background-color: #5d5646!important}
  .listPanel ul li.listHeader  .ui-disabled{opacity:1}
.listPanel ul li:not(.listHeader)  label{color:#5c5645}
.listPanel.report ul li { padding: 2em 0.2em; }
    .listPanel.report ul li div div { line-height: 1.5em; }
.listPanel .addButton { position: absolute; width: 1.5em; height: 1.5em; top: 0; right: 0; font-size: 1.5em; text-align: center; vertical-align: middle; line-height: 1.5em; color: #b0a489; border-left: solid 1px #b0a489; cursor: pointer; }

.customerDetailsContainer .addButton { position: absolute; width: 1.5em; height: 1.5em; top: 0; right: 0; font-size: 1.5em; text-align: center; vertical-align: middle; line-height: 1.5em; color: #b0a489; border-left: solid 1px #b0a489; cursor: pointer; }

.darkPanel .editButton, .darkPanelBody .editButton { position: absolute; width: 1.7em; height: 1.3em!important; top: 0; right: 0; font-size: 1.5em; text-align: center; vertical-align: middle; color: #b0a489; border-left: solid 1px #b0a489; cursor: pointer; background-image: url('images/tabs/edit.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.darkPanelBody .editButton { height: 1em; }
.darkPanel .SideButtonContainer, .darkPanelBody .SideButtonContainer, .customerDetailsContainer .SideButtonContainer { height: 1.5em; min-width: 90px; position: absolute; z-index: 1000; right: 0; top: 0 !important; }

.darkPanel .SideButtonContainer { height: 1.5em; padding: 0px !important; }

.listPanel .date { float: right; margin-right: 7%; color: #222;line-height:1.5em }

.listPanel .type { float: left; width: 2.0em; height: 2.0em; background-repeat: no-repeat; background-size: 100%; }

.listPanel .taskType { color: #6695a7; }

.listPanel .description {  width: 65%; margin-left: 2.3em; color: #222; line-height: 1.5em; }


.formList { background: none !important; padding: 0 !important; margin: 0 !important; }

    .formList ul { background: none !important; padding: 0 !important; margin: 0 !important; }

    .formList li { background: none !important; padding: 0 !important; margin: 0 !important; color: #ddd1b6; }
/* minor summary boxes*/
.minorSummaryBox {position:relative;cursor:pointer; text-align: center; background-color: #706765; opacity: 0.7; width: 84%; height: 2em; padding: 5%; margin-bottom: 1.0em; margin-left: 6%; }

    .minorSummaryBox .icon { width: 28%; height: 100%; background-size: 100%; background-repeat: no-repeat; position: absolute; top: 0; left: 5%; }

        .minorSummaryBox .icon.messages { background-image: url(images/buttons/newmessage.png); }

        .minorSummaryBox .icon.files { background-image: url(images/buttons/newfile.png); }

        .minorSummaryBox .icon.alerts { background-image: url(images/buttons/alerts.png); }

        .minorSummaryBox .icon.tasks { background-image: url(images/buttons/newtasks.png); }

        .minorSummaryBox .icon.events { background-image: url(images/buttons/events.png); }

    .minorSummaryBox .summary { width: 75%; float: right; text-align: center; line-height: 1.5em; border-left: solid 1px white; }
/* links */
.TiledThumb { padding: 0; }

    .TiledThumb .darkPanelBody { padding: 0; }

    .TiledThumb .icon { background-image: url(images/Tabs/link_icon.png); background-repeat: no-repeat; width: 2.43em; height: 1.8em; position: absolute; left: 0; background-size: 100% 100%; top: 0; }

    .TiledThumb ul { margin: 0 !important; padding: 0 !important; border: none; }

        .TiledThumb ul li { margin: 0 !important; padding: 0 !important; border: none; background-color: none; width: 33% !important; }
    .TiledThumb.contacts ul li { width: 20% !important; }

    .TiledThumb ul li div { line-height: 0; }

    .TiledThumb img { width: 100%; }

    .TiledThumb ul.msls-tile-list .ui-li.ui-btn { margin: 0 !important; padding: 0 !important; border: none; position: relative; width: 33.33% !important; }

    .TiledThumb.contacts ul.msls-tile-list .ui-li.ui-btn { width: 20% !important; }

.TiledThumbInfo {z-index:10; position: absolute; bottom: 0; right: 0; background-color: #25253d; opacity: 0.7; display: block; width: 80%; font-size:0.8em;}
    .TiledThumbInfo.wide {width:100%;white-space:nowrap;text-align:center}
    .TiledThumbInfo .nameInCard {
        width: 70%;
        text-overflow: ellipsis;overflow:hidden;display:inline-block;padding:0 0.3em;
    }
.relationshipTypeInd { height: 1.0em; border-right: none !important; margin-right: 12% !important; float: right; background-size: 200% 200%; width: 0.8em; line-height: 0.7em!important; margin-top: 0.4em; font-size: 0.8em; background-position: 40% 50%; }

.relationshipTypeIndPositive { background-image: url(images/Customerpage/Link_plus.png); border-left: solid 1px #fff; }

.relationshipTypeIndNegative { background-image: url(images/Customerpage/Link_minus.png); border-left: solid 1px #fff; }
/*View person*/
.isPrimary { margin-left: 0.5em; display: inline-block; width: 1.0em; height: 1.0em; background-image: url('images/cuts.png'); background-position: -502px -213px; }

    .isPrimary.isPrimaryOn { background-position: -474px -213px; }
    #viewPersonNavigation{margin:0}
#viewPersonNavigation .ui-link { line-height: 2.5em; }

/*select task type*/
ul.msls-tile-list .ui-li.ui-btn.taskType { padding: 0 !important; opacity: 0.6; background-size: 100%; background-repeat: no-repeat; background-position-y: 1.0em; position: relative; margin: 0px 3% 1.5em 0; width: 17%; height: 7em; }


.taskType .taskTitle { text-align: center; color: white; position: absolute; top: 10px; width: 100%; }

/*messages*/
/*.brightList { 
}
.brightList div{color:#918C84;
}
.brightList div span{  
}
.brightList > li { margin:0px 10px; line-height:78px;
    background : #F6EFDF;
}*/
.listPanel.messages .small { width: 17%; }

.link { color: #6695a7!important; }

.listPanel.messages .medium { width: 30%; }

.listPanel.messages .last { width: 30%; float: right; }

/* task icons*/

.email { background-image: url(images/events/email.png); }

.emailsmall { background-image: url(images/events/email_s.png); }

.emailbrown { background-image: url(images/events/email_b.png); }


.telephonecall { background-image: url(images/events/phone.png); }

.telephonecallsmall { background-image: url(images/events/phone_s.png); }

.telephonecallbrown { background-image: url(images/events/phone_b.png); }

.demo { background-image: url(images/events/demo.png); }

.demosmall { background-image: url(images/events/demo_s.png); }

.demobrown { background-image: url(images/events/demo_b.png); }

.termination { background-image: url(images/events/termination.png); }

.trminationsmall { background-image: url(images/events/termination_s.png); }

.terminationbrown { background-image: url(images/events/termination_b.png); }

.payment { background-image: url(images/events/payment.png); }

.paymentsmall { background-image: url(images/events/payment_s.png); }

.paymentbrown { background-image: url(images/events/payment_b.png); }

.default { background-image: url(images/events/default.png); }

.defaultsmall { background-image: url(images/events/default_s.png); }

.defaultbrown { background-image: url(images/events/default_b.png); }

.proposal { background-image: url(images/events/proposal.png); }

.proposalsmall { background-image: url(images/events/proposal_s.png); }

.proposalbrown { background-image: url(images/events/proposal_b.png); }

.loi { background-image: url(images/events/loi.png); }

.loismall { background-image: url(images/events/loi_s.png); }

.loibrown { background-image: url(images/events/loi_b.png); }

.factorytour { background-image: url(images/events/factoryvisit.png); }

.factorytoursmall { background-image: url(images/events/factoryvisit_s.png); }

.factorytourbrown { background-image: url(images/events/factoryvisit_b.png); }

.financing { background-image: url(images/events/financing.png); }

.financingsmall { background-image: url(images/events/financing_s.png); }

.financingbrown { background-image: url(images/events/financing_b.png); }

.lead { background-image: url(images/events/lead.png); }

.leadsmall { background-image: url(images/events/lead_s.png); }

.leadbrown { background-image: url(images/events/lead_b.png); }

.meeting { background-image: url(images/events/meeting.png); }

.meetingsmall { background-image: url(images/events/meeting_s.png); }


.meetingbrown { background-image: url(images/events/meeting_b.png); }

.contract { background-image: url(images/events/contract.png); }

.contractsmall { background-image: url(images/events/contract_s.png); }

.contractbrown { background-image: url(images/events/contract_b.png); }
.misc { background-image: url(images/events/contract.png); }

.miscsmall { background-image: url(images/events/contract_s.png); }

.miscbrown { background-image: url(images/events/contract_b.png); }

.exhibition { background-image: url(images/events/exhibit.png); }

.exhibitionsmall { background-image: url(images/events/exhibit_s.png); }

.exhibitionbrown { background-image: url(images/events/exhibit_b.png); }

.design { background-image: url(images/events/design.png); }

.designsmall { background-image: url(images/events/design_s.png); }

.designbrown { background-image: url(images/events/design_b.png); }

.display { background-image: url(images/events/display.png); }

.displaysmall { background-image: url(images/events/display_s.png); }

.displaybrown { background-image: url(images/events/display_b.png); }

.emailbb { background-image: url(images/events/email_sb.png); }

.proposalbb { background-image: url(images/events/proposal_sb.png); }

.meetingbb { background-image: url(images/events/meeting_sb.png); }

.loibb { background-image: url(images/events/loi_sb.png); }

.contractbb { background-image: url(images/events/contract_sb.png); }

.miscbb { background-image: url(images/events/contract_sb.png); }

.telephonecallbb { background-image: url(images/events/phonecall_sb.png); }

.demobb { background-image: url(images/events/demo_sb.png); }

.terminationbb { background-image: url(images/events/termination_sb.png); }

.designbb { background-image: url(images/events/design_sb.png); }

.displaybb { background-image: url(images/events/display_sb.png); }

.factorytourbb { background-image: url(images/events/factoryvisit_sb.png); }

.financebb { background-image: url(images/events/financing_sb.png); }

.leadbb { background-image: url(images/events/lead_sb.png); }

.paymentbb { background-image: url(images/events/payment_sb.png); }

.defaultbb { background-image: url(images/events/default_sb.png); }

.salesPersonsDB { height: 200px!important; width: 150px!important; }
/* participants */
.participant { width: auto!important; line-height: 1.5em!important; border: solid 1px #f6efdf!important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; }
    .participant .msls-leaf { line-height: 1.5em!important; }
/*------------------*/
.salesPersonsDBSpan { height: 30px; background-color: white; color: black; margin-left: -10px; margin-right: -10px; padding-top: 7px; font-size: 12px; padding-left: 7px; margin-top: 151px; }

.contactsViewUser { left: 1.5em !important; position: relative; /*  width:600px !important;
    float: left !important;*/ }

.salesPersonMessages { /*width: 250px !important;
    float: right !important;

    margin-top: -404px !important;*/ }
/***********create new Popup************/
.msls-popup.customPopup { background-image: none!important; background-color: #F6EFDF; color: #847C69; width: 100%; height: 100%; }
.backgroundOfWhite { background-image: none!important; background-color: #F6EFDF; border: 0px; color: #817B6E; }

.ui-popup-container { width: 55%; }
.msls-popup .popupTable { border-spacing: 0px; width: 100%; }
    .msls-popup .popupTable .createNew { background-color: #94A18C; text-align: center; }
.buttonWithPic { cursor: pointer; background-color: #998D76; width: 50%; }
    .buttonWithPic img { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */; width: 30%; border-right: 1px solid #C8B699; vertical-align: middle; }
    .buttonWithPic span { display: inline-block; vertical-align: middle; width: 70%; text-align: center; color: #F1ECE1; }
.ui-popup-container .header { padding: 0.7em; }
/*********************/
.msls-dialog-frame .panelSide.alert { background-color: #B65D4B; }
.msls-dialog-frame .popupTable.createNew td:first-child img { margin: auto; display: block; min-height: 6.0em; width: 100%; }
.panelSide.alert .icon { background-color: green; }


/*************Select Report *********/


.reportBtn { position: relative; background-color: rgba(92,86,69,0.8); margin-bottom: 1.5em; cursor: pointer; margin-right: 5%; }
    .reportBtn:active { background-color: rgba(92,86,69,1); }
    .reportBtn img { width: 100%; }
    .reportBtn .title { bottom: 1em; position: absolute; width: 100%; text-align: center; min-height: 2.5em; }

.custumerReportLink { position: relative!important; width: 18%!important; }
    .custumerReportLink img { width: 100%; }
    .custumerReportLink .TiledThumbInfo { right: inherit; position: relative; padding-left: 5%; width: 100%; }

/*********panel popups********/



.printButton { position: absolute; top: 25px; right: 40px; padding: 0px 15px; height: 30px; line-height: 30px; text-align: center; background-color: #2D4E5C; color: white; font-weight: bold; z-index: 1111; cursor: pointer; }
    .printButton:active { background-color: #2D4EB2; }
.boldlabel { font-size: 1.2em; }

.msls-dialog-frame .msls-header { color: white!important;background-color:#5D5646; }
.msls-dialog-frame label { color: #c7b99a!important;white-space:nowrap; }
.labelsMenu{ background-color: #F6EFDF !important; background-image:none;position:relative!important;width:23.5%!important;color:black}
.labelsMenu .removeFromLabelList{ top: 15px; right: 15px; color: black; font-size: 2em; padding: 0.2em; position: absolute; }
    .labelsMenu .removeFromLabelList:active {color:#696353; }
    .labelsMenu .personName { font-size:1.2em;padding:5px 0px 10px 0px;}
    .labelsMenu .bottomLabel {background-color: #C39D5B;color: #F6EFDF;}

/* reports*/
.groupLine {
    line-height: 2.5em;
    background-color: #C4BFB5;
    padding: 0.5em;
    margin-bottom:0.5em;
}
.listHeader .groupLine {display:none;}
.reportFontSize {
    font-size:0.9em;
}
.reportWordBreak {white-space:normal; word-wrap:break-word;}
@media print {
    .listWithHeader.noicon {   padding-top:5em;  display: block; page-break-before: always;}
    body {  -webkit-print-color-adjust: exact; -webkit-margin: 0; margin: 0px; padding: 0px; width:1600px}
    body, .ui-body-a{font-size:25px}
.msls-content{font-size:1.5em !important} 

.msls-header.ui-header{position:absolute; top:0}
.printButton, .msls-back-button, .msls-ctl-button { display: none; }
    .darkPanel { page-break-inside: avoid; }
.msls-label-align-left{width:inherit!important}
    li { page-break-inside: avoid; }
    .seperateSecion{ page-break-before: always; }


 .ui-body-a, .ui-overlay-a {background-image:none!important; background-color:#A7967A;}
   
     /*.titles-bar { color: black; }
    /*.ui-body-a, .ui-overlay-a { font-size: 10px; background-image: none!important; background-color: white; }
    .darkPanelBody { background-color: white; }
        .darkPanelBody label { color: black; }
    .darkPanel { border: 1px solid black; }
    .darkPanelBody .msls-text-container .id-element { color: #836C3C; }
    .listWithHeader label { color: black; }
    .graphContainer { width:100%;}*/
   
   
         @page 
        {
            size: landscape;   /* auto is the current printer page size */
            margin: 0mm;  /* this affects the margin in the printer settings */
        }
}
.reportSummary { background-color: #5d5646; }
.ui-popup { margin: auto; }
.ui-popup-container.offerdAircraftPopup { width: 70%; }

/* Compliance Report */
.rowTitle {
	font-weight: normal;
	padding-top: 35px !important;
}

li.rowTitle ~ li {
	border-bottom: none !important;
}

.event {
	padding: 6px 20px !important;
	border: none !important;
}

.related_person_section {
	margin-left: 15px;
}

.existing_aircraft > div, .contact_details > div {
	margin-left: 15px;
}

.listPanel ul li.rowTitle {
	border-bottom: none !important;
}


/* End Compliance Report */

/* Toaster */
.toast.toast-error, .toast.toast-success {font-size:20px; opacity:0.95 !important;}
/* end Toaster */