@import url("/Admin/Theme.Admin.css?9558");

/*
    How to generate a theme for your company: 
    
        1 - Go to https://silkui.outsystems.com/ThemeCustomizer/GenerateLisbon.aspx
        2 - Copy the generated CSS
        3 - Replace the CSS for Primary Color Customization below with the Generated CSS

*/

/*------------------------------------*\
             Import Font
\*------------------------------------*/

/*@font-face {
    font-family: 'Helvetica Neue', sans-serif;    
    src:    url('/OneCalendar_Th/fonts/HelveticaNeue-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}*/

@font-face {
    font-family: 'Roboto';
    src: url('/RichWidgets/fonts/Roboto-Regular-webfont.eot');
    src: url('/RichWidgets/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/RichWidgets/fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('/RichWidgets/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('/RichWidgets/fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: 400;
    font-style: normal;
}


/*------------------------------------*\
             Font Definition
\*------------------------------------*/

 /* html, body, a, select, form, fieldset, table, tr, td, img, input, button, select, textarea, optgroup, option {
    font-family: 'Open-Sans', sans-serif;
} */

html,
body,
a,
select,
fieldset,
input,
button,
select,
textarea,
optgroup,
option {
    /*font-family: 'Helvetica Neue', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-size: 14px;
}

.desktop .MainContent, .phone .MainContent, .tablet .MainContent {
    /*font-family: 'Helvetica Neue', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    height: 100%;
}


/***************************************/
/***** PRIMARY COLOR CUSTOMIZATION *****/
/***************************************/
a,
a:link,
a:visited,
.Footer a,
.Footer a:link,
.Footer a:visited {
    color: #B8BEC2; /*primary-color*/
}

.desktop a:hover,
.desktop a:link:hover,
.desktop a:visited:hover {
    color: #0077C8; /*primary-color*/
}


.Header_background {
    background-color: #B8BEC2; /*primary-color*/
    border-bottom-color: #B8BEC2; /*primary-color*/
}

.Header_title {    
    border-right-color: #B8BEC2; /*primary-color*/
}

.Menu_DropDownPanel {
    background-color: #B8BEC2; /*primary-color*/
}

.Menu_TopMenu a span.fa {
    border-color: #B8BEC2; /*primary-color*/
}

.Menu_TopMenu:hover span.fa {
    color: #FFF;
    border-color: #FFF;
}

.Menu_TopMenu:hover .Menu_DropDownArrow {
    border-top-color: black;
}

.Menu_TopMenuActive {
    border-top-color: #FFF;
}

.Header_Menu a:hover, 
.Header_Menu a:link:hover, 
.Header_Menu a:visited:hover,
.desktop a:hover, 
.desktop a:link:hover {
    color: black;
}


.Menu_TopMenuActive:hover a:link, .Menu_TopMenuActive a:link,
.Menu_TopMenuActive:hover a:visited, .Menu_TopMenuActive a:visited,
.Menu_TopMenuActive:hover a, .Menu_TopMenuActive a,
.Menu_TopMenu:hover a, .Menu_TopMenu a {
    color: black;
}

.Menu_TopMenu:hover a, .Menu_TopMenu a
{
    color:black;
}
.Menu_TopMenuActive .Menu_DropDownArrow,
.Menu_TopMenuActive:hover .Menu_DropDownArrow {
    border-top-color: #FFF;
}

.Menu_DropDownArrow {
    border-top-color: #FFF;
}

.Menu_TopMenuActive a span.fa {
    color: #FFF;
    border-color: #FFF;
}

.Menu_DropDownPanel a span.fa {
    color: inherit;
}
.TopMenuTextColor{
     color:#0077C8;
 }

a.ListNavigation_PageNumber:link,
span.ListNavigation_Ellipsis {
    color: #B8BEC2; /*primary-color*/
}

span.ListNavigation_CurrentPageNumber{
    color: #f8f8f8;
    background: #A3CFFF;
}

a.ListNavigation_PageNumber:link:hover,
span.ListNavigation_CurrentPageNumber:hover,
span.ListNavigation_Ellipsis:hover {
    color: #B8BEC2; /*primary-color*/
}

a.ListNavigation_Previous:link,
a.ListNavigation_Next:link,
span.ListNavigation_DisabledNext, 
span.ListNavigation_DisabledPrevious {
    color: #B8BEC2; /*primary-color*/
}

a.ListNavigation_Previous:link:hover,
a.ListNavigation_Next:link:hover,
span.ListNavigation_DisabledNext:hover, 
span.ListNavigation_DisabledPrevious:hover {
    color: #B8BEC2; /*primary-color*/
}

a.ActionAdd,
a.ActionAdd:link,
a.ActionAdd:visited,
a.ActionEdit,
a.ActionEdit:link,
a.ActionEdit:visited,
a.ActionDelete,
a.ActionDelete:link,
a.ActionDelete:visited,
a.ActionChange,
a.ActionChange:link,
a.ActionChange:visited {
    background-color: #B8BEC2; /*primary-color*/
    border-color: #B8BEC2; /*primary-color*/
}

.desktop a.ActionAdd:hover,
.desktop a.ActionAdd:hover:visited,
.desktop a.ActionAdd:link:hover,
.desktop a.ActionEdit:hover,
.desktop a.ActionEdit:link:hover,
.desktop a.ActionEdit:link:visited,
.desktop a.ActionDelete:hover,
.desktop a.ActionDelete:hover:visited,
.desktop a.ActionDelete:link:hover,
.desktop a.ActionChange:hover,
.desktop a.ActionChange:hover:visited,
.desktop a.ActionChange:link:hover {
    background-color: #B8BEC2; /*primary-color*/
    border-color: #B8BEC2; /*primary-color*/
    box-shadow: none;
    color: #fff;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    
}

.desktop a.ActionAdd:hover:active,
.desktop a.ActionEdit:hover:active,
.desktop a.ActionDelete:hover:active,
.desktop a.ActionChange:hover:active {
    background-color: #B8BEC2; /*primary-color*/
    border-color: #B8BEC2; /*primary-color*/
    color: #FFF;
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
    
}

.Login_Footer {
    background: #B8BEC2; /*primary-color*/
    background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image:    -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image:     -ms-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image:      -o-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image:          linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}


.AccordionVertical_item.open .AccordionVertical___icon > .fa {
    color: #B8BEC2; /*primary-color*/
}
.AccordionVertical_item.open > .AccordionVertical__header > .AccordionVertical___icon > .fa {
    color: #B8BEC2; /*primary-color*/
}

.expanded .SectionExpandable__icon.Heading2 > .fa {
    color: #303030; /*primary-color*/
}

.Panel .SectionExpandable__icon.Heading2 > .fa {
    color: #B8BEC2; /*primary-color*/
}

.ButtonGroup_button.Button:hover {
    background: #B8BEC2; /*primary-color*/
}

.select2-container .select2-choice span {
    color: #B8BEC2; /*primary-color*/
}

.select2-dropdown-open .select2-choice {
    background-color: #fff;
}

.select2-results .select2-highlighted {
    background-color: #B8BEC2; /*primary-color*/
}

.IconBadge_number {
    background-color: #B8BEC2; /*primary-color*/
}

.desktop .NavigationBar a:hover, 
.desktop .NavigationBar a:link:hover {
    color: #B8BEC2; /*primary-color*/
}

.NavigationBar a.Active {
    color: #B8BEC2; /*primary-color*/
}

.desktop .NavigationBar a:hover:after, 
.desktop .NavigationBar a:link:hover:after,
.NavigationBar a.Active:after {
    background-color: #B8BEC2; /*primary-color*/
}

.NavigationBar a.Active:not(.IE8):before {
    border-bottom-color: #B8BEC2; /*primary-color*/
}

.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover,
.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
  border-color: #B8BEC2; /*primary-color*/
}

.NavigationBar.Vertical a.Active:not(.IE8):before {
    border-left-color: #B8BEC2; /*primary-color*/
}

.phone .NavigationBar .InlineDropdown:active,
.phone .NavigationBar .InlineDropdown:link:active,
.tablet .NavigationBar .InlineDropdown:active,
.tablet .NavigationBar .InlineDropdown:link:active,
.phone .NavigationBar a:active, 
.phone .NavigationBar a:link:active,
.tablet .NavigationBar a:active, 
.tablet .NavigationBar a:link:active {
    color: #B8BEC2; /*primary-color*/
}

.phone .NavigationBar .InlineDropdown:active:after,
.phone .NavigationBar .InlineDropdown:link:active:after,
.tablet .NavigationBar .InlineDropdown:active:after,
.tablet .NavigationBar .InlineDropdown:link:active:after,
.phone .NavigationBar a:active:after, 
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after, 
.tablet .NavigationBar a:link:active:after {
    background-color: #B8BEC2; /*primary-color*/
}



.WizardStep a,
.WizardStep a:link,
.desktop .WizardStep a:hover,
.desktop .WizardStep a:link:hover
{
    color: #B8BEC2; /*primary-color*/
}


.WizardStep.ActiveStep {
    background: #B8BEC2; /*primary-color*/
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    
}

.WizardStep.ActiveStep:before {
    border-top-color: #B8BEC2; /*primary-color*/
    border-bottom-color: #B8BEC2; /*primary-color*/
}

.WizardStep.Past {
    background: #B8BEC2; /*primary-color*/
}

.WizardStep.Past:before {
    border-top-color: #B8BEC2; /*primary-color*/
    border-bottom-color: #B8BEC2; /*primary-color*/
}

.WizardStep.Past a,
.WizardStep.Past a:hover,
.WizardStep.Past a:link,
.WizardStep.Past a:link:hover,
.WizardStep.Past a[disabled="disabled"],
.WizardStep.Past a[disabled="disabled"]:hover
.WizardStep.ActiveStep a,
.WizardStep.ActiveStep a:hover,
.WizardStep.ActiveStep a:link,
.WizardStep.ActiveStep a:link:hover,
.WizardStep.ActiveStep a[disabled="disabled"],
.WizardStep.ActiveStep a[disabled="disabled"]:hover {
    color: #FFF;
}

.WizardStep.Past:after {
    border-right-color: #B8BEC2; /*primary-color*/
    border-top-color: #B8BEC2; /*primary-color*/
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7);
    
}

.Button,
a.Button {
    color: #B8BEC2; /*primary-color*/
}

.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #B8BEC2; /*primary-color*/
    border-color: #B8BEC2; /*primary-color*/
}



.desktop .Button.ButtonDefault:hover, 
.desktop .Button.Is_Default:hover {
    background-color: #3671c9;
    border-color: #3671c9;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    
}


.Button:hover:active,
a.Button:hover:active {
    color: #3671c9; /*primary-color*/
}

.Button.ButtonDefault:hover,
.Button.Is_Default:hover {
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    
}

.Button.ButtonDefault:hover:active,
.Button.Is_Default:hover:active {
    background-color: #B8BEC2; /*primary-color*/
    border-color: #B8BEC2; /*primary-color*/
    color: #fff;
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
    
}

.desktop a.ActionAdd:hover:active,
.desktop a.ActionEdit:hover:active,
.desktop a.ActionDelete:hover:active,
.desktop a.ActionChange:hover:active {
    background-color: #B8BEC2; /*primary-color*/
    border-color: #B8BEC2; /*primary-color*/
    color: #fff;
}

a,
a:link,
a:visited,
.EditableTable tr.RowControlGroup a  {
    color: Blue;/*primary-color*/
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar {
    background: #B8BEC2; /*primary-color*/
    height:0px;
}

.Menu_DropDownPanel a.Menu_SubMenuItem:hover {
    background-color: #f8f8f8; /*primary-color*/
}

.Menu_DropDownButton.open .Menu_TopMenu .Menu_DropDownArrow {
    border-top-color: grey;
    opacity: .5;
}

.tablet a.Header_ButtonMenu, 
.phone a.Header_ButtonMenu {
    color: #FFF;
}

.Page.active .Header_ButtonMenu {
    color: #FFF;
}

.SectionIndex.vertical a.active, 
.SectionIndex.vertical a:hover {
    color: #B8BEC2; /*primary-color*/
    border-left-color: #B8BEC2; /*primary-color*/
}

.SectionIndex a, 
.SectionIndex a:link, 
.SectionIndex a:visited,
.SectionIndex a.active, 
.SectionIndex a:hover,
.desktop .SectionIndex a:hover{
    color: #B8BEC2; /*primary-color*/
    border-bottom-color: #B8BEC2; /*primary-color*/
    text-decoration: none;
}


.AccordionVertical___title {
    color: #B8BEC2; /*primary-color*/
}

.SectionExpandable.expanded .SectionExpandable_header .Heading2 {
    color:  #007AFF; /*primary-color*/
}


.Button.Link {
    color: #B8BEC2; /*primary-color*/
}

.desktop .Button.Link:hover {
    border-color: #B8BEC2; /*primary-color*/
    color: #B8BEC2; /*primary-color*/
}

.desktop .Button:hover, 
.desktop a.Button:hover {
    color: #B8BEC2; /*primary-color*/
}

.ButtonGroup_button.active, 
.desktop .ButtonGroup_button.active:hover {
    background-color: #B8BEC2; /*primary-color*/
}

.ButtonGroup_button.Button:hover,
.ButtonGroup_button.Button:hover .fa{
    color: #FFF;
}


.Calendar-day-selected, 
.Calendar-day-selected:hover {
    background: #B8BEC2; /*primary-color*/
}

.Calendar-navDisabled > div, 
.topBar-navDisabled .Calendar-navBtn > div,
.Calendar-time-down, 
.Calendar-time-up, 
.Calendar-time-am {
    color: #B8BEC2; /*primary-color*/
}

.pika-prev:after,
.pika-next:after {
    color: #B8BEC2; /*primary-color*/ 
}

.Calendar-navBtn > div {
    color: #B8BEC2; /*primary-color*/ 
}

.pika-title {
    border-bottom: 2px solid #B8BEC2; /*primary-color*/
}

.is-selected .pika-button {
   background-color: #B8BEC2; /*primary-color*/
}

.has-event .pika-button:after {
   background-color: #B8BEC2; /*primary-color*/ 
}


.DropdownMenu .PH > a,
.DropdownMenu .PH > a:hover {
    color: #B8BEC2; /*primary-color*/
}

.SliderRange .ui-slider-range, .noUi-origin.noUi-connect {
    background-color: #B8BEC2; /*primary-color*/
}

.EditableTable tr.RowControlGroup a:hover {
    color:  #B8BEC2; /*primary-color*/
}

.desktop .Button.ButtonDefault:hover,
.Button.Button.Is_Default:hover {
    background-color: #B8BEC2; /*primary-color*/
    border-color: #B8BEC2; /*primary-color*/
}
.owl-theme .owl-controls .owl-page.active span, 
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #B8BEC2; /*primary-color*/
}

td.RowWithAddAction a:hover {
    color: #B8BEC2; /*primary-color*/
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
    
}

.InfoTooltip .tooltipstered,
.ListItem  .tooltipstered{
    color: #B8BEC2; /*primary-color*/
}

div.Menu_DropDownPanel a:hover, 
div.Menu_DropDownPanel a:link:hover,
div.Menu_DropDownPanel a:visited:hover,
div.Menu_DropDownPanel a.Menu_SubMenuItem:hover,
div.Menu_DropDownPanel a.Menu_SubMenuItem.Menu_SubMenuItemActive {
    color: #FFF;
    background-color:  #0077C8;
}

/* Menu tablet and phone */
.tablet .Application_Menu,
.phone .Application_Menu {
    background: #e8e7eb; /*primary-color*/
}

.Application_Menu {
    background: #f8f8f8;/*primary-color*/
    height: 60px
}

.tablet.active .MarginTopForMenu{
    margin-top: -10px !important; 
}





div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-title,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-title{
    color: #FFF;
    top:0;
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar{
    padding-top:0;
}


div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-title,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-title{
    color: #FFF;
    top:10px;
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close {
    opacity: 0;
    top: 15px;
    background-image: url(/WebPatterns/img/PopupCloseWhite.png?2424);
}

.Feedback_AjaxWait {
    color: #222;
}

.Feedback_AjaxWait .Loader {
    -webkit-animation: loader 1.3s infinite linear;
            animation: loader 1.3s infinite linear;
    border-radius: 50%;
    font-size: 4px;
    height: 1em;
    margin-bottom: 20px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
    width: 1em;
    background: transparent;
}

@-webkit-keyframes loader {
    0%,
    100% {
        box-shadow: 0 -3em 0 .2em #222, 2em -2em 0 0 #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 0 #222;
    }
    12.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 .2em #222, 3em 0 0 0 #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    25% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 0 #222, 3em 0 0 .2em #222, 2em 2em 0 0 #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    37.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 0 #222, 2em 2em 0 .2em #222, 0 3em 0 0 #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    50% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 0 #222, 0 3em 0 .2em #222, -2em 2em 0 0 #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    62.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 0 #222, -2em 2em 0 .2em #222, -3em 0 0 0 #222, -2em -2em 0 -.5em #222;
    }
    75% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 .2em #222, -2em -2em 0 0 #222;
    }
    87.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 0 #222, -2em -2em 0 .2em #222;
    }
}
@keyframes loader {
    0%,
    100% {
        box-shadow: 0 -3em 0 .2em #222, 2em -2em 0 0 #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 0 #222;
    }
    12.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 .2em #222, 3em 0 0 0 #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    25% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 0 #222, 3em 0 0 .2em #222, 2em 2em 0 0 #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    37.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 0 #222, 2em 2em 0 .2em #222, 0 3em 0 0 #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    50% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 0 #222, 0 3em 0 .2em #222, -2em 2em 0 0 #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    62.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 0 #222, -2em 2em 0 .2em #222, -3em 0 0 0 #222, -2em -2em 0 -.5em #222;
    }
    75% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 .2em #222, -2em -2em 0 0 #222;
    }
    87.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 0 #222, -2em -2em 0 .2em #222;
    }
}

/*---------------------------------------------------CUSTOM CSS------------------------------------------------------------*/

.ViewSideContentStyle{
    padding-top: 36px;
    height: 100vh;
    overflow-y: scroll;  
    -ms-overflow-style: none;
    scrollbar-width:none;
}

.Header_background {
    opacity: 0;
}

html,form, body{
    height: 100%;
    background-color: #C0C0C0;
    /*overscroll-behavior: none;*/
}

.ThemeGrid_Container {
    background-color: #f8f8f8;
    border-bottom: 1px solid lightgray;
}

.Header_center.ThemeGrid_Container {
    /*box-shadow: 0px 4px 4px rgb(0,0,0,0.24);*/
    /*box-shadow:0px 4px 4px 0.24px #000000;*/
    -webkit-box-shadow: 0px 4px 4px 0.24px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 4px 4px 0.24px rgba(0,0,0,0.24);
    box-shadow: 0px 4px 4px 0.24px rgba(0,0,0,0.24);
    /*line-height: 45px;*/
   /* line-height: 70%;*/
}

/*Line height for the menu items */
.Header_center.ThemeGrid_Container .Application_Menu{
    line-height: 60px;
}

.Menu_TopMenu, .Menu_TopMenuActive{
    height: 100%;
}


.Menu_TopMenu a:link, .Menu_TopMenu a:visited, .Menu_TopMenu a {
    padding: 0px;
}

.desktop .Title_Section, .phone .Title_Section, .tablet .Title_Section{
    padding-top: 10px;
    -service-studio-padding-top: 20px;
}

.desktop .MainContent, .phone .MainContent, .tablet .MainContent{
    padding: 0px;
    
    background-color: #C0C0C0;
    height: 100%;
}

.ApplicationStatusHeader {
    padding-left: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-right: 15px;
    border-right: 7px solid black;
    background-color:  #f8f8f8;
    border-radius: 5px;
}    

.LightGrayBorderNoRight{
    border-left: 1px solid lightgray;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}
    
.PanelLightGrayBorder {
    border: 1px solid #606060;
    border-radius: 6px;
    color: #606060;
    opacity:1;
    padding: 15px;
}

/*position and color for the dropdown arrow on the header*/
.Menu_TopMenu .Menu_DropDownArrow {
    position: absolute;
    right: -16px;
    border-top-color: gray;
}

/*Style for the title of the list on the dashboards*/
.BodyHeaderHeight{
    font-size: 20px;
    line-height: 35px;
}

/*Style for Combobox on Dashboards*/
.BodyHeaderHeightComboBox{
    height: 40px;
    line-height: 35px;
}

/*User Login drowdown style*/
.Menu_DropDownPanel a, .Menu_DropDownPanel a:link,
.Menu_DropDownPanel a:visited{
    background-color: #f8f8f8;
    min-width: 220px;
    color: #606060 !important;
}

.Menu_DropDownPanel a:hover, .Menu_DropDownPanel a:link:hover,
.Menu_DropDownPanel a:visited:hover{
    background-color: #0077C8;
    color: white !important;
}


.Menu_DropDownPanel {
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px lightgray;
    top: 50px;
    right: -16px;
}

.Menu_DropDownPanel a.Menu_SubMenuItem,
.Menu_DropDownPanel a.Menu_SubMenuItem:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited{
    padding: 10px;
}

/*Application header hover style*/
.desktop .Header_Menu a:hover, .desktop .Header_Menu a:link:hover,
.desktop .Header_Menu a:visited:hover{
    color: white !important;
    background-color: #96CFFF;
}


    

/*limit height and give scroll to long items*/
.PanelLayoutContent{
    overflow-y: auto;
    max-height: calc(100vh - 470px);
}

.HeightStyle{
    min-height: calc(100vh - 200px);
    display: flex;
}

/*--------------------Custom css for Map and Calendar View----MRCP 21/02/2019 - 13:56*/
.ViewSelect select{
    background-color: #00ada0;
    color: white;
    height: 25px;
    border-width: 0px;
    line-height: 18px;    
}

.ViewCheckbox input[type="checkbox"]:before {
    border-width: 0px; 
    background: white;
    border-radius: 3px;
}

.ViewCheckbox input[type="checkbox"]:after {
    border: 3px solid black;
    border-top: 0px;
    border-right: 0px;
    left: 14%;
    top: 25%;
}


/*--------------------------PADDING AND MARGINS----------------------------------------------*/

.MarginTopButton{
    margin-top: 50px;
}

.ListMarginTop{
    margin-top: 20px;
}

.PaddingSeparator {
    padding: 10px;
}

.SmallMarginLeft{
    margin-left: 10px;
}

.SmallPaddingLeft{
    padding-left:10px;
}

.AlignSubTitle{
    margin-left:22px;
}

.SmallMarginRight{
    margin-right: 15px;
}

.CategoryStyle{
    margin-top: 24px;
}

.PaddingSubTitle{
    padding-left: 35px;
}

.PaddingInfo{
    padding-left: 18px;
    padding-top: 0px;
    overflow-y:auto;
}

.PaddingList{
    padding-left: 46px;
}

.Padding_List{
    padding: 0px 13px;
}

.Padding_Block{
     padding: 20px 20px;
}

.SideMenuMorePadding{
    padding-left:15px;
    padding-right: 5px;
}

.MinorMarginRight{
    margin-right: 5px;
}

.MinorMarginLeft{
    margin-left: 5px;

}

.PaddingLeft15{
    padding-left: 15px;
}


.PaddingLeft125{
    padding-left: 125px;

}

.PaddingLeft100{
    padding-left: 95px;
}

.PaddingTop15{
    padding-top: 15px;
}

.ButtonRightMargin{
    margin-right: 10px;
}


/*------------------------------------------------------SIZE------------------------------------*/

.SmallBarSize{
    height: 100%;
    position:fixed;
}


/*------------INFO & ACTIVITY BAR----------------------------------------------*/


.RemovePosition{
    position:absolute;
    top:0px;
    right:0px;
    z-index: 10;
}

.InforBarButtonPosition{
    position: absolute;
    top:0;
    right:0;
    margin-right: 15px;
    margin-top: 160px;
}

.RejectInfoButtonPosition{
    position: absolute;
    top:50px;
    right:0;
    margin-right: 15px;
    margin-top: 160px;

}

.WidthInfoBar{
    position: absolute;
    top:100px;
    right: 0;
    z-index: 15;
    width: 335px;
    margin-right: 15px;
    box-shadow: 0px 10px 18px -2px rgba(0,0,0,0.75);

}


.ActivityBar{
    position: absolute;
    top:100px;
    right: 0;
    z-index: 15;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-color: #f8f8f8;
    width: 335px;
    min-height: 600px;
    margin-right: 15px;
    box-shadow: 0px 10px 18px -2px rgba(0,0,0,0.75);

}

.DragginDiv{
    cursor: move;
    z-index: 20;
    padding: 10px;
    background-color: #f8f8f8;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

/*---------------------------POSITION---------------------------------------------------------------------*/

.EventHourPosition{
    position: absolute;
    left:223px;
    top: 21px;
}

.PendingIconPosition{
    padding-top: 7px;
    padding-left: 25px;
}

.PriorityBarPosition{
    position: absolute;
    right: 46px;
    top: 19px;
}

.TimeEventPosition{
    position: absolute;
    left: 443px;
    top:13px;
}

.BigPriorityBarPosition{
    position: absolute;
    right: 115px;
    top: 19px;
}

.BigPrgBarPosition{
    position:absolute;
    top: 19px;
    left: 160px;

}


.TimePosition{
    margin-top: 10px;
    margin-left: 5px;
}

.BookMarkPosition{
    position: absolute;
    bottom: 40px;
    right: 40px;
    cursor: pointer;
    z-index: 15;
}

.SendBackwards{
    z-index:-100;
}

.PositionFixed{
    position: fixed;
}



/*---------------LAYOUTS CSS-----------------------*/


.RightSideBar{
    width:318px;
}

.PanelDisabled{
    color:#C0C0C0;
    opacity: 0.9;
    border:1px solid #C0C0C0;
    border-radius: 6px;
    padding: 15px;
}

.PanelNoBorder{
    color: #606060;
    opacity:1;
}

.GrayImage{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.PanelBlueBorder {
    border: 1px solid #0077C8;
    border-radius: 6px;
    color: #606060;
    opacity:1;
    padding: 15px;
}

.PanelMarginTop{
    margin-top: 15px;
}

.PopupBackground{
    background-color: #f8f8f8;
    -ms-overflow-style: none;
    scrollbar-width:none;
}

.DiffWidth{
    width:40%;
}

/*---------------------------------------------------------------------------LAYOUTS CSS-----------------------*/

.TitlePlaceholderStyle{
    background-color: #F8F8F8;
    color:black;
    text-align:center;
    height: 48pt;
    display: flex;
    align-items:center;
    border: 1px solid #C0C0C0;
}

.TitleBoxStyle{
    background-color: #d8d8d8;
    color:black;

}

.FilterBackground{
    background-color:  #3A4259;
    color:white;
    text-align:center;
    height: 48pt;
    display: flex;
    align-items:center;
}





.CenterContent{
    vertical-align: middle;
    display: table-cell;
}

.ToggleBarBackground{
    background-color: #202A44;
    color:white;
    text-align:center;
    padding:20px 15px;
    height: 100%;  
}

.BlockItem{
    background-color:#F8F8F8;
    border:1px solid #C0C0C0;
    height: 64px;
    padding: 18px 10px;
    border-radius:4px;
    cursor:pointer;
    position: relative;
 
}

.BackgroundColumn{
    background-color: #E8E8E8;
    border: 1px solid #C0C0C0;
}

.sendemail {
 width: 240px;
 height: 18px;
 color: #007aff;
 font-family: HelveticaNeue;
 font-size: 14px;
 font-style: normal;
 font-stretch: normal;
 font-weight: 400;
 line-height: 17px;
 text-align: left;
 text-transform: none;
 text-decoration: none;
 letter-spacing: 0px;
}

.CustomSeparator{
    border-bottom: 1px solid #606060;
}

.InfoContentStyle {
    padding-right: 10px;
    padding-bottom: 10px;
    /*max-height: calc(100vh - 350px) !important;*/
    /*max-height: calc(100vh - 200px) !important;*/
    max-height: calc(100vh - 100px) !important;
    word-break: break-word;
    overflow-y: auto;
}

.SendToBottom{
    position: absolute;
    bottom:0;
}

.MySeparator {
    border-bottom: 1px lightgray solid;
}

.Header{
  /* Changed for IE MENUBAR RFW  line-height: 50px;*/
  line-height: 0px !important;
}

.Cursor{
    cursor:pointer;
}

.PositionMapIcon{
    position: relative;
    left:38px;
    top:5px;
}

.SideMenuStyle{
    background-color: #202A44;
    position: fixed;
    width: 240px;
    height: 100%;
    min-height: calc(100vh - 60px);
    box-shadow: 1px 1px 5px #1c2439;
}




.RightSideMenuStyle{
    background-color: #f8f8f8;
    /*position:fixed;*/
    width: 335px;
    z-index: -1;
  /*  width: 318px;*/
    height: 300px;
  /*  min-height: calc(100vh - 60px);*/
}

.RightColumnStyle{
    background-color: #F8F8F8;
    color: #606060;
    min-height: calc(100vh - 200px) !important;

}

.Button[disabled], .Button:disabled, .Button.Is_Default[disabled], .Button.ButtonDefault[disabled], .Button.Is_Default:disabled, .Button.ButtonDefault:disabled, .Button.Danger[disabled], .Button.Danger:disabled, .Button.Success[disabled], .Button.Success:disabled, .Button.RoundNext[disabled], .Button.RoundWithIcon[disabled]  {
    background-color: transparent;
    border: 1px solid #C0C0C0;
    box-shadow: none;
    color: #C0C0C0;
    pointer-events: none;
}
.Button.RoundSave[disabled], .Button.RoundOk[disabled]{
    background-color: #ccc;
    border: 0;
    box-shadow: none;
    color: white;
    pointer-events: none;
}

.IconTempPlace{
    background-color: #A3CFFF;
    width:48px;
    height: 48px;
}

.RoundImage{
    border-radius:50%;
}

.RoundImagePlaceHolder{
    width: 54px;
    height: 54px;
    border-color: #606060;
    background: transparent;
}


.AlignToBottom{
    position:absolute;
    bottom:0;
    width: 100%;
    margin-bottom: 60px;
}

.AlignSupportBottom{
    position:absolute;
    bottom:0;
    width: 100%;
}

.AlignBottomRight{
    position: absolute;
    bottom:0;
    right: 15px;
}

.AlignWithTitlePanel{
    margin-left:33px;
}

.InformationImage{
    width:236px;
    height: 126px;
    margin-top: 24px;
}

/*For LAYOUT*/
.MainContainerMeeting{
     width: calc(100% - 480px);
}

/*For LAYOUT*/
.MainContainerStyle{
    width: calc(100% - 240px);
}

@media only screen and (max-width: 1280px) {
 .WRInfoPlaceH {
   display:none;
 }
 .MainApplicationFormWR{
    /*width: 95% !important;*/
    width: 87% !important;   
 }
}

.MainBodyStyle{
   /* width: calc(100% - 366px);*/
    /*width: calc(100% - 48px);*/
    width: calc(100% - 110px);
    margin-left: 24px;
    margin-bottom: 10px;
}

.MainBodyStyle2{
    width: calc(100% - 45px);
    margin-left: 24px;
}

.InfoPlaceholderStyle {
    margin-left: 24px;
    min-height: 100%;
    height: calc(100vh - 175px);
    width: 318px;
    position: relative;
}

.MiddleMenu{
   /* width: calc(100% - 558px);*/
   width: calc(100% - 240px);
}
    
.MiddleColumnStyle{
    background-color: #f8f8f8;
    color: #606060;
    padding: 10px;
    margin-top: 15px;
    border-radius: 7px;
    border: 1px solid lightgray;
    box-shadow: 0px 5px 5px grey;
}


.MiddleColumnStyleTenant{
    background-color: #f8f8f8;
    color: #606060;
    padding: 25px 25px 25px 25px;
    margin-top: 15px;
    border-radius: 7px;
    border: 1px solid lightgray;
    box-shadow: 0px 3px 2px #606060;
    
}

.DashBoardStyle{
     background-color: #f8f8f8;
    color: #606060;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid lightgray;
    height: 100%;
}

.IconPlaceHolder{
    width:50px;
    height: 50px;
}

.LargeBorderRight{
    border-right: 3px solid lightgray;
}

.BorderRight{
    border-right: 1px solid lightgray;
}

.BorderLeft{
    border-left: 1px solid lightgray;
}

.BlueTitle{
    color:#007aff;
}

/*--------------------------------------User Initials - MRCP-----------------------------------------------------------*/
.InitialsHack span {
    position: absolute;
    right: 35px;
}


/*--------------------------------------Custom Radio Button - MRCP-----------------------------------------------------------*/
input[type="radio"]:after {
    background-color: #4488ef;
    border: 2px solid #4488ef;
}

html input[type="radio"] {
    background-color: transparent;
    box-shadow: none !important;
  
}
input[type="radio"]:after {
    background-color: #4488ef;
    border: 4px solid #4488ef;
}
input[type="radio"]:after {
    background: #4488ef;
    border: 4px solid #4488ef;
    border-radius: 15px;
    content: " ";
    display: table;
    height: 8px;
    left: 15%;
    opacity: 0;
    position: absolute;
    top: 15%;
    width: 8px;
}

input[type="radio"]:before {
    border-color: #0077C8;
}

/*-----------------------------------Custom CheckBox - MRCP---------------------------------------------------------------*/

html input[type="checkbox"] {
    background-color: transparent;
    box-shadow: none !important;
    height: 17px;
    width: 17px;
}

input[type="checkbox"]:disabled:before {
    box-shadow: inset 0 0 5px #ccc;
    border-color: #c0c0c0;
}

input[type="checkbox"]:before{
    border-color: #0077C8;
    border-width: 2px;
    background: transparent;
    border-radius: 0px;
}

input[type="checkbox"]:after {
    border: 3px solid #0077C8;
    border-top: 0px;
    border-right:0px;
    left:25%;
    top:32%;
}

/*----------------------------------TABS NAVIGATION--------------------------------------------------------------------------------*/


/*R-090119*/
.CustomTabs.Custom_Active, a, a:link{
    color:white;
}

/*R-090119*/
.CustomTabs.Custom_Active{
    background-color:#0077C8;
    color: white;
    font-weight: bold;
  }

/*R-090119*/
.CustomTabs{
    position:relative;
    text-align: center;
    color:lightgray;
    padding: 10px;
    border:1px solid lightgray;
    display: inline-block;
    width: 135px;
    background-color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 10px;
}

/*R-100119*/
.CustomTabs:hover{
    background-color: #007acc;
    color:white;
}

/*R-090119*/
.CustomTabs, a, a:link, a:visited{
    color:#0077C8;
}

.desktop a:hover, .desktop a:link:hover,
.desktop .CustomTabs a:link:hover, .desktop a:visited:hover {
    color: #023287;
}

/*R-090119*/
.IconTabPosition{
    position: absolute;
    top: 2px;
    right: 4px;
    z-index: 4;
}

.desktop .Tabs_header, .tablet .Tabs_header {
    /*display: -webkit-box;*/
    display: inline-flex;
}

.Tabs {
    border:none;
    min-height: 80px;
}

.Tabs_header {
    background: none;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
}

.ScrollContent{
    height:400px;
    overflow-y: scroll;
}

.Tabs__tab.active {
    color: #808080;
    margin-bottom:-5px;
    border-top: solid 1px #dadbde;
    border-bottom-color: ##F8F8F8;
    border-right-color: ##F8F8F8;
    border-left-color: #f8f8f8;
    background-color: #F8F8F8;
    padding: 10px;
}

.Tabs_body {
    border: 0;
    border-top: 0;
    margin-top: 0;
    padding: 10px;
    position: relative;
    z-index: 0;
    border-radius:5px;
    border-top-left-radius: 0px;
    box-shadow: 0px 4px 1px grey;
    background-color: #F8F8F8;
}

.Tabs__tab {
    background: #F8F8F8;
    border-bottom: 1px solid #F8F8F8;
    border-left: 1px solid #F8F8F8;
    border-right: 1px solid #F8F8F8;
    border-top: 1px solid #F8F8F8;
    cursor: pointer; 
    color: #ccc;
    margin-right: 5px;
    margin-bottom: 5px;
    /*display:-webkit-box;*/
    display: inline-flex;
    text-align: left;
    transition: background-color .3s ease;
    border-radius: 5px;
    box-shadow: 0px 2px 0px grey;
    min-width: fit-content !important;
   /* width: 175px;*/
    width: 200px;
    pointer-events: none;
}




/*-------------------------------------------Vertical Align - MRCP-------------------------------------------------------------*/

.VertAlign{
    display: flex;
    align-items:center;
}

.VertHorizontalAlign{
    display: flex;
    align-items:center;
    justify-content: center;
}

.VertAlignMiddle{
    vertical-align: middle;    
}

/*----------------------LIST 3 COLUMS------------------------------------------------------------*/

.BorderBottomInList{
    border-bottom: 1px solid lightgray;
}

/*---------------------------------Button - MRCP ------------------------------------------------------------------------------------*/

 a.Button, .Button {
    height: 36px;
    line-height: 33px;
    color: white;
    background-color: #0077C8;
    width: 96px;
    /*padding-left: 5px;*/
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    box-shadow: none;
    text-decoration: none;
}

.fa-lg {
   font-size: 1.2em;
}

.Button.RoundShape{
    border-radius: 50px;
    min-width: 100px;
}


.Button.Success {
    background-color: #009000;
    border-color: #009000;
    color: #fff;
}

.desktop .Button.BlackButton{
    background-color: black;
    color: white;
    border: 1px solid black;
}

.desktop .Button.BlackButton:hover,
.desktop a.Button.BlackButton:hover{
    background-color: black;
    color: white;
    border: 1px solid black;
}

.Button.CircleButton{
    background-color: #0077C8;
    width: 36px;
    height: 36px;
    min-height: 36px;
    min-width: 36px;
    color: white;
    border-radius: 50%;
    text-align: center;
}


.PositionCloseButton{
    position: relative;
    right:7px;
    top:4px;
}

.PositionButton{
    position: relative;
    top: -20px;
    right: 20px;
}

.Button.IconCenterCircleButton span.fa {
    position:relative;
    left:1px;
}

.PositionImagesInButton{
    position: relative;
    top: 4px;
    left: 14px;
}

.PositionImageDocInButton {
    position: relative;
    top: 4px;
    left: 26px;
}

.desktop .Button.RedButton{
    background-color: #EE3424;
    color: white;
    border: 1px solid #EE3424;
}

.desktop .Button.RedButton:hover,
.desktop a.Button.RedButton:hover{
    background-color: #f54535;
    color: white;
    border: 1px solid #f54535;
}

.Button.RoundRed{
    border-radius: 50px;
    background-color: #EE3424;
    color: white;
    border: 1px solid #EE3424;
    min-width: 100px;
}

.Button.RoundGray{
    border-radius: 50px;
    background-color: #606060;
    color: white;
    border: 1px solid #606060;
    min-width: 100px;
}

.Button.RoundYellow{
    border-radius: 50px;
    background-color: #F5A01A;
    color: white;
    border: 1px solid #F5A01A;
    min-width: 100px;
}

.desktop .Button.RoundGray:hover,
.desktop a.Button.RoundGray:hover{
    background-color: #868585;
    color: white;
    border: 1px solid #868585;
}

.desktop .Button.RoundYellow:hover,
.desktop a.Button.RoundYellow:hover{
    background-color: #f5a729;
    color: white;
    border: 1px solid #f5a729;
}

.desktop .Button.RoundRed:hover,
.desktop a.Button.RoundRed:hover{
    background-color: #f24536;
    color: white;
    border: 1px solid #f24536;
}

.desktop .Button.GrayButton{
    background-color: #606060;
    color: white;
    border: 1px solid #606060;
}

.desktop .Button.GrayButton:hover,
.desktop a.Button.GrayButton:hover{
    background-color: #868585;
    color: white;
    border: 1px solid #868585;
}

.Button.IconRightLargeButton span.fa {
    position:relative;
    left:35px;
}



.Button.IconRightTakeFAB span.fa {
    position:relative;
    left:45px;
    height:36px;
}

.Button.IconRightAddContact span.fa {
    position:relative;
    left:40px;
}


.Button.IconRightAdd span.fa{
    position: relative;
    left: 20px; 
}

.Button.RoundBlueWithIcon.ButtonIconRight span.fa{
    position: relative;
    left:20px;
}


.Button.ButtonIconRight span.fa {
    position:relative;
    left:18px;
    margin-right:-5px;
}
.Button.ButtonIconAssign span.fa {
    position:relative;
    left:10px;
    margin-right:-5px;
}

.Button.ButtonIconLeft span.fa {
    position: relative;
    right: 10px;
}

.Button.Success:hover {
    background-color: #559f59;
    border-color: #559f59;
    color: #fff;
}

.Button.Success.ButtonIconRight span.fa {
     position:relative;
     left:20px;
}

.PositionImagePanel{
    margin-top:20px;
    margin-left:20px;
}
    
.DisplayInline{
    display: inline-block;
}

.Button.RoundButton{
    border-radius: 50px;
    background-color: transparent;
    color: #0077C8;
    border: 1px solid #0077C8;
    min-width: 200px;
}

.Button.RoundGreenBig{
    border-radius: 50px;
    background-color: #009000;
    color: white;
    border: 1px solid #009000;
    min-width: 180px;
}

.desktop .Button.RoundGreenBig:hover,
.desktop a.Button.RoundGreenBig:hover{
    background-color: #06a606;
    color: white;
    border: 1px solid #06a606;
}

.Button.RoundOk{
    border-radius: 50px;
    background-color: #009000;
    color: white;
    border: 1px solid #009000;
    min-width: 100px;
}

.desktop .Button.RoundOk:hover,
.desktop a.Button.RoundOk:hover{
    background-color: #07b307;
    color: white;
    border: 1px solid #07b307;
}

.Button.RoundBigger{
    border-radius: 50px;
    background-color: #0077C8;
    color: white;
    border: 1px solid #0077C8;
    min-width: 200px;
    font-size:14px;
    height:45px;
}

.Button.RoundSmaller{
    border-radius: 50px;
    background-color: #0077C8;
    color: white;
    border: 1px solid #0077C8;
    min-width: 200px;
    font-size:14px;
    height:32px;
}

.Button.RoundBiggest{
    border-radius: 50px;
    background-color: #0077C8;
    color: white;
    border: 1px solid #0077C8;
    min-width: 245px;
    font-size:14px;
    height:45px;

}

.Button.RoundLargeSize{
    border-radius: 50px;
    min-width: 245px;
    font-size:14px;
    height:45px;
    background-color: transparent;
    color: #0077C8;
    border: 1px solid #0077C8;
    padding-top: 5px;
}




.Button.RoundNext{
    border-radius: 50px;
    background-color: transparent;
    color: #0077C8;
    border: 1px solid #0077C8;
    min-width: 100px;
}

.Button.RoundSave{
    border-radius: 50px;
    background-color: #0077C8;
    color: white;
    border: 1px solid #0077C8;
    min-width: 100px;
}

.Button.RoundSaveLongText{
    border-radius: 50px;
    background-color: #0077C8;
    color: white;
    border: 1px solid #0077C8;
    min-width: 150px;
}

.Button.RoundSaveLongMediumText{
    border-radius: 50px;
    background-color: #0077C8;
    color: white;
    border: 1px solid #0077C8;
    min-width: 200px;
}

.Button.RoundSaveLongExtraText{
    border-radius: 50px;
    background-color: #0077C8;
    color: white;
    border: 1px solid #0077C8;
    min-width: 250px;
}


.Button.RoundBlueWithIcon{
    border-radius: 50px;
    background-color: #0077C8;
    color: white;
    border: 1px solid #0077C8;
    min-width: 200px;
    font-size:14px;
    height:36px;
}

.Button.RoundBlueWithMediumTextIcon{
    border-radius: 50px;
    background-color: #0077C8;
    color: white;
    border: 1px solid #0077C8;
    min-width: 250px;
    font-size:14px;
    height:36px;
}


.Button.RoundBlueWithIconMedium{
    border-radius: 50px;
    background-color: #0077C8;
    color: white;
    border: 1px solid #0077C8;
    min-width: 150px;
    font-size:14px;
    height:36px;
}

.Button.RoundWithIcon{
    border-radius: 50px;
    background-color: transparent;
    color: #0077C8;
    border: 1px solid #0077C8;
    min-width: 200px;
    font-size:14px;
    height:36px;
}

.Button.RoundReport{
    border-radius: 50px;
    background-color: #0077C8;
    color: white;
    border: 1px solid #0077C8;
    min-width: 120px;
}

.Button.RoundGrey{
    border-radius: 50px;
    background-color: #C0C0C0;
    color: white;
    border: 1px solid #C0C0C0;
    min-width: 100px;
}

.Button.RoundGreyLongText{
    border-radius: 50px;
    background-color: #C0C0C0;
    color: white;
    border: 1px solid #C0C0C0;
    min-width: 150px;
}

.Button.RoundInfoBar{
    background-color: #f8f8f8;
    padding: 0px;
    width: 40px;
    padding-top: 2px;
    padding-left: 1px;
    color:#0077C8 !important;
    min-width: 40px !important;
    height: 35px;
    border-radius: 50%;
    color: #606060;
    box-shadow: 5px 12px 10px -8px rgba(0,0,0,0.75);
}

.desktop .Button.RoundInfoBar:hover,
.desktop a.Button.RoundInfoBar:hover{
    background-color: #e2e2e2;
    border: 1px solid #f8f8f8;
    padding: 0px;
    width: 40px;
    padding-top: 2px;
    padding-left: 1px;
    color:#0077C8 !important;
    min-width: 40px !important;
    height: 35px;
    border-radius: 50%;
    color: #606060;
    box-shadow: 5px 12px 10px -8px rgba(0,0,0,0.75);
}

.PositionButtonPopUpMultiple{
    position:relative;
    left:500px;
}

.PositionIconLargeButton{
    position: relative;
    top: 4px;
    left: 45px;
}

.PositionBottom{
    position:relative;
    bottom:-5px;
}

.PositionImageInApprove{
    position:relative;
    top: 4px;
    left: 7px;
}

/*Calendar format*/

.CalendarFormat{
    max-width: 800px;
}

.Button.RoundWithDeleteIcon{
    border-radius: 50px;
    background-color: transparent;
    color: #84A8D2;
    border: 1px solid #84A8D2;
    min-width: 200px;
    font-size:12px;
    height:36px;
    margin-left: 0px;
}

.OneCalendarBlue{
    font-family:Helvetica;
    font-size: 21px;
    color:#A3CFFF;
    font-style: oblique;
    font-weight: bold;
}

.OneCalendarWhite{
    font-family:Helvetica;
    font-size: 21px;
    color:white;
    font-style: oblique;
    font-weight: bold;
}

.SeparatorBlueColor{
    border-bottom: 1px solid #A3CFFF;
    margin-top: 10px;
}

.desktop .Button:hover, .desktop a.Button:hover {
    background-color: #007AFF;
    border-color: #007AFF;
    color: white;
}

.colorGreyC0{
    background-color: #c0c0c0;
}

.colorGreyD7{
    background-color: #d7d7d7;
}
/*--------------------------------------------------------------Toggle Button----------------------------------------------------*/


.ToggleButton {
    background-color: #cfcfcf;
    height: 25pt;
    outline: 1px solid transparent;
    -webkit-transition: outline-color .3s ease-out;
    transition: outline-color .3s ease-out;
    width: 55pt;
}

.Background.Separator{
    border-bottom: 1px solid #606060;
}

.ToggleButton.changed {
    background-color: #009000;
}

.ToggleButton_label:after, .ToggleButton_label.changed:after {
    border-radius: 20px;
    box-shadow: 0 2px 2px rgba(107, 107, 107, .5);
    top: 3px;
}

.ToggleButton_label.changed:after {
    background-color: #009000;
    content: "";
    display: block;
    height: 17pt;
    left: 42px;
    position: absolute;
    top: 3px;
    -webkit-transition: left .15s ease-out;
    transition: left .15s ease-out;
    width: 18pt;
}

.ToggleButton_label:after {
    background-color: #DADBDE;
    border-color: white;
    border-style: solid;
    border-width: 2px;
    color: #444;
    content: "";
    display: block;
    height: 17pt;
    left: 5px;
    position: absolute;
    top: 2px;
    transition: left .15s ease-out;
    width: 18pt;
}

/*-----------------------------Inputs, Inputs with Icons - MRCP--------------------------------------------------------------------------*/

.InputWithIcons{
    min-width: 180px;
}

.InputWithIcons.Right .InputIcon {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #0077C8;
    color: white;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-right: -1px;
    height: 32px;
}

.RoundInput{
    border-radius: 5px;
}

.InputRound.Right .InputIcon{
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #0077C8;
    color: white;
}

.InputWithIcons .InputIcon {
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px;
    background-color: #007AFF;
    color: white;
}

/*So arrow is behind custom icon*/
.InputWithIcons.Right select {
    background-position: right 0px center;
}


.InputRound.Right input[type="text"], .InputRound.Right input[type="password"], .InputRound.Right input[type="datetime"], .InputRound.Right input[type="datetime-local"], .InputRound.Right input[type="date"], .InputRound.Right input[type="month"], .InputRound.Right input[type="time"], .InputRound.Right input[type="week"], .InputRound.Right input[type="number"], .InputRound.Right input[type="email"], .InputRound.Right input[type="url"], .InputRound.Right input[type="search"], .InputRound.Right input[type="tel"], .InputRound.Right input[type="color"], .InputRound.Right select {
    padding-left: 12px;
    padding-right: 48px;
    width: 100%;
    border-radius: 2px;
}

.InputWithIcons.Right input[type="text"], .InputWithIcons.Right input[type="password"], 
.InputWithIcons.Right input[type="datetime"], 
.InputWithIcons.Right input[type="datetime-local"],
.InputWithIcons.Right input[type="date"],
.InputWithIcons.Right input[type="month"],
.InputWithIcons.Right input[type="time"],
.InputWithIcons.Right input[type="week"],
.InputWithIcons.Right input[type="number"],
.InputWithIcons.Right input[type="email"],
.InputWithIcons.Right input[type="url"],
.InputWithIcons.Right input[type="search"], 
.InputWithIcons.Right input[type="tel"],
.InputWithIcons.Right input[type="color"],
select{
    border-radius: 6px;
    background-color: transparent;
    box-shadow: 0px 0px;
    font-size:14px;
}

/*Label - MRCP-----------------------------------------------------------------------------------------*/


/*---------------------------Fonts - MRCP-----------------------------------------------------------------------------------*/
.FontWeight600{
    font-weight: 600;
}


.EllipsisOverflow{  
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    
}

.FontSizeWorkRequestNo{
    font-size:19px;
}

.TitleMenu{
    color: white;
    font-weight: bold;
    font-size: 17px;
}


.WhiteTextMenu{
    font-size: 16px;
    color:white; 
}

.SmallFont{
    font-size: 10px;
}

.GreenColorText{
    color:#009000;
    font-size:16px;
    font-weight: 550;
}

.RedColorText{
    color:#EE3424;
    font-size:16px;
    font-weight: 550;
}

.PanelSumryFonts{
    font-size: 14px;
    color:#808080;
    font-weight: 400;
    font-family: HelveticaNeue, sans-serif;
}

.PanelSumryTitleFonts{
    font-size: 16px;
    color:#808080;
    font-weight: 500;
    font-family: HelveticaNeue, sans-serif;
}

.PanelSumryFontsBlack{
    font-size: 14px;
    color: #000;
    font-weight: 400;
    font-family: HelveticaNeue, sans-serif;
}

.PanelSumryTitleFontsBlack{
    font-size: 16px;
    color: #000;
    font-weight: 500;
    font-family: HelveticaNeue, sans-serif;
}

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    font-size: 14px;

}



.TitleFontAllCaps{
    text-transform: uppercase;
    font-size: 16px;
}



/*R210119*/
.TitleBarFontStyle{
    font-size: 17pt;
    font-family: HelveticaNeue, sans-serif;
}

/*R210119*/
.ItemBarFontSize{
    font-size: 12pt;
    font-family: HelveticaNeue, sans-serif;
}

.TitleLarge{
    font-size: 21px;
    font-weight: bold;
}

.TitleSize {
    font-size: 17px;
    line-height: 23px;
    color:#606060;
}

.Text16Size{
    font-size: 16px;
}

.DocumentDescriptionStyle{
    font-size:14px;
    line-height: 18px;
    color:#303030;

}

.DescriptionStyle{
    font-size:14px;
    color:#606060;
}

.GrayFontStyle{
    font-size:16px;
    font-family: HelveticaNeue, sans-serif;
    color:#606060;   
}

.TitleSizePanel{
    font-size:21px;
    font-weight: bold;
    color:#606060;
}

.SubTitleSizePanel{
    font-size:16px;
    font-weight: 540;
    color:#606060;
}

.CountBlue{
    font-size:21px;
    font-weight: bold;
    color:#0077C8;
}

.SubTitleSize{
    font-size: 14px;
}

.Text_blueCalendar{
    color:#A3CFFF;
    font-weight: 400;
}

.Text_blueCalendarSmaller{
    color:#A3CFFF;
    font-size:11px;
    font-weight: 400;
}

.Text_bluePanel{
    color:#0077C8;
}

.Text_WhiteMenu{
    color:white;
    font-weight:bold;
}

.Text_BlueMenu{
    color:#A3CFFF;
    font-weight: bold;
}

.NewApplicationStyle{
    font-size:17px;
    font-color:white;
    font-weight: bold;
}
.text_decoration{
    text-decoration: underline;
}

/*---------------------------------------TABLE STYLE---------------------------------*/

.TableRecordTenantStyle{
    background-color: #fff;
    border: 1px solid #dadbde;
    box-shadow: 0 1px 2px rgba(211, 211, 211, .5);
    padding: 5px 0 0;
    border-radius: 7px;
}

.TableRecords_HeaderTenantStyle {
    background-color: white;
    color: #0077C8;
    font-size: 14px !important;
    text-transform: capitalize;
    padding: 10px;
    border-bottom: solid 1px #eee;
    font-weight: bold;
}



/*-----------------------------------------------Popup-------------------------------------------------------------------------- */
.MainPopup{
    padding: 0px;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title {
    display: none;
}

.Page.tablet .MainPopup,
.Page.desktop .MainPopup{
    min-width: 800px;
}

.PopUpLayoutTenant{
    background-color: #f8f8f8;
    padding: 15px 25px 25px 25px;
}

.qq-upload-button {
    padding-top: 45px;
    margin:0px;
}

input[type=file]{
    margin-top: 100px !important;
}

.PositionButtonPopUpSave {
    position:relative;
    left: 503px;
}

.TimePopup {
    padding: 15px;
    background-color: #f8f8f8;
    width: 800px;
}


.PopUpLayoutSearch{
    padding: 20px;

}

.ScrollableTable{
    overflow-y: scroll;
    height:300px;

}



/*---------------------------------------Colors--------------------------------------------------------------------------------------------*/
.star{
    color: red;
}

.ChangiGreen{
    color:#009000;
}

.ChangiBlue{
    color: #0077C8;
}

.ChangiGray{
    color: #606060;
}

.ChangiDarkGray{
    color: #303030;
}

.ChangiLightGray{
    color: #F8F8F8;
}

.ChangiLightGrayBackground{
    background-color: #F8F8F8;
}

.ChangiLightBlue{
    color:#A3CFFF;
}

.GrayForDeleted{
    color: #B9B9B9;
}
.LeftRightPaddingLeftMenu{
    /*padding-left: 24px;
    padding-right: 24px;*/
    padding-left: 16px;
    padding-right: 16px;
}

.TopBottomPaddingLeftMenu{
    padding-bottom: 10px;
    padding-top: 10px;
}

.TextLightBlue{
    color:#A3CFFF;
}

.TextSmallSize{
    font-size: small;
}

.SideMenuItemHeight{
    height: 40px;
}

.BorderDarkBlue{
    border-bottom-style: solid;
    border-color: #353d54;
    border-width: 0px 0px 1px 0px;
}

.TextWhiteColor{
    color: #fff;
}

.MiddleColumnStyleWithoutShadow{
    background-color: #f8f8f8;
    color: #606060;
    padding: 10px;
    margin-top: 15px;
    border-radius: 7px;
    border: 1px solid lightgray;
    height: 100%;
}

.MiddleColumnHeight{
    height:600px;
}


.MiddleColumnNoContent{
    background-color: #f8f8f8;
    color: #606060;
    margin:20px;
    padding: 20px;
    margin-top: 15px;
    border-radius: 7px;
    border: 1px solid lightgray;
    height: 100%;
}

.MiddleColumnWhiteBackground{
    background-color: #ffffff;
    color: #606060;
    margin:20px;
    padding: 20px;
    margin-top: 3px;
    border-radius: 7px;
    border: 1px solid lightgray;
    height: 100%;
}

.TransparentBackground{
    background-color: transparent !important;
}

.BlueBackground{
    background-color:#0077C8;
}

.DarkBlueBackground{
    background-color: #202A44;
}

.colorIconBlue{
    color:#0077C8;
}

.color_blue{
    color: #0077C8;
}

.color_grey{
    color: #868686;
}
.color_red{
    color: #ee3524;
}

.color_green{
    color: #009000;
}

.rightAlign{
    text-align: right;
}

.centerAlign{
    text-align: center;
}

.leftAlign{
    text-align: left;
}

.marginLeft15{
    margin-left: 15px;
}


.marginLeft20{
    margin-left: 20px;
}

.innerContractorRegistration{
   width: 900px;
   height: 650px;
   position: absolute;
   top:0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
    background-color: white;   
   border-radius: 5px;
}

.whiteBackground{
    background-color: #fff;
}

.boldText{
    font-weight: bold;
}

.wordBreak{
    overflow-wrap: break-word;
}

/*------------------------------TABLET SPECIFIC CLASSES--------------------------*/

.tablet .Header_center.ThemeGrid_Container {
    box-shadow: 0px 4px 4px rgb(0,0,0,0.24);
    padding-top: 8px;
    height: 60px;
    line-height: 45px;
   /* line-height: 70%;*/
}

.tablet .Application_Menu, .phone.active .Application_Menu {
    margin-top: 11px !important;
}



.tablet a.Header_ButtonMenu, .phone a.Header_ButtonMenu {
    color: #808080 !important;
}
.Page.active .Header_ButtonMenu {
    color: #808080 !important;
}

.tablet .Application_Menu, .phone .Application_Menu {
    background: #e8e7eb !important;
}

.Menu_TopMenu a:link, .Menu_TopMenu a:visited, .Menu_TopMenu a {
    color: #808080 !important;
}

.tablet .Application_Menu a, .phone .Application_Menu a, .tablet .Application_Menu a:link, .phone .Application_Menu a:link, .phone .Application_menu a:visited, .phone .Application_menu a:visited {
    border: 0;
    box-sizing: border-box;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 10px !important;
    -webkit-transform: translateX(-300px) scale(.5);
    -ms-transform: translateX(-300px) scale(.5);
    transform: translateX(-300px) scale(.5);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 100%;
}

/** Approval View Screen **/
.ReferenceContainer {
    background-color: #0078c8;
    color: #fff;
    border-radius:6px;
    min-height: 45px;
    padding-top: 10px;
    padding-left: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

.BulletPoint {
    background-color: #f5a01b;
    border-radius: 50px;
    width: 8px;
    height: 8px;
    margin-top: 5px;
    margin-right: 5px;
}

.Button.RoundNormal{
    border-radius: 50px;
    background-color: #0077C8;
    color: white;
    border: 1px solid #0077C8;
    min-width: 130px;
    min-height: 40px;
    font-size: 18px;
    padding-top: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.Button.RoundApprove{
    border-radius: 50px;
    background-color: #009000;
    color: white;
    border: 1px solid #009000;
    min-width: 130px;
    min-height: 40px;
    font-size: 18px;
    padding-top: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.desktop .Button.RoundApprove:hover,
.desktop a.Button.RoundApprove:hover{
    background-color: #07b307;
    color: white;
    border: 1px solid #07b307;
}

.Button.RoundReject{
    border-radius: 50px;
    background-color: #ff5858;
    color: white;
    border: 1px solid #ff5858;
    min-width: 130px;
    min-height: 40px;
    font-size: 18px;
    padding-top: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.desktop .Button.RoundReject:hover,
.desktop a.Button.RoundReject:hover{
    background-color: #f57373;
    color: white;
    border: 1px solid #f57373;
}

.Button.RoundNA{
    border-radius: 50px;
    background-color: #FFA500;
    color: white;
    border: 1px solid #FFA500;
    min-width: 130px;
    min-height: 40px;
    font-size: 18px;
    padding-top: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.desktop .Button.RoundNA:hover,
.desktop a.Button.RoundNA:hover{
    background-color: #fcba40;
    color: white;
    border: 1px solid #fcba40;
}

.Button.RoundNormal[disabled], .Button.RoundApprove[disabled], .Button.RoundReject[disabled], .Button.RoundNA[disabled]{
    background-color: #ccc;
    border: 0;
    box-shadow: none;
    color: white;
    pointer-events: none;
}

.NewStatusStyle {
    background-color: #33699a;
    color: #fff;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
    width: auto;
}

.NewApproveStatusStyle {
    background-color: #009000;
    color: #fff;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
    width: auto;
}

.NewRejectStatusStyle {
    background-color: #ff5858;
    color: #fff;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
    width: auto;
}

.NewNAStatusStyle {
    background-color: #FFA500;
    color: #fff;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
    width: auto;
}

/*** Generated classes from Style Editor in OutSystems 10 ***/
[data-style-key="pc+s6q4izEOYDUZzx_KIoQ"] { text-align:right; }
[data-style-key="xbKq+JAGtkGe5KrswktCFw"] { color:#b8bec2; }
.ListRecords[data-style-key="oww7x0VXykeBgjzpNnNw_Q"] { display:inline-block; width:300px; }
[data-style-key="Yl4NUSGM0EizngquY0LF3A"] { margin:px; padding:5px; }
[data-style-key="Y0BCcZTNh0y5+9F9Bx1o2g"] { font-weight:bold; margin:px; padding:px; }
[data-style-key="fiGP0EdGvE2ikLrewt+aFQ"] { text-align:left; }
[data-style-key="MPVnQ36Uz0CzJh3dDx_w_Q"] { background-color:#f8f8f8; }
[data-style-key="zN_R_7Fp8kqxlX6QrKD1pQ"] { height:50px; padding-top:15px; }
[data-style-key="gNzi6dymX0qbUpKR1b5wEA"] { margin:0px 0px 0px 5px; }
[data-style-key="YSVQArjCKUKdIOB8ZYcv_g"] { margin:0px 0px 0px 5px; }
[data-style-key="NIR5nRXfW0ODc8Pm5MGXig"] { font-weight:bold; }
[data-style-key="5tPYliMxgkiLCCAeRKXtWA"] { font-weight:bold; }
[data-style-key="xcAnEgExL0+ItqR3j_EPKA"] { background-color:#007bff; height:30px; text-align:center; }
[data-style-key="mwmsBYJMyE2Z3BnJ+xtPPA"] { color:#fff; font-weight:bold; margin:0px 5px 0px 0px; padding:0px; }
[data-style-key="_qG0RxMDAEaDaBpyyFXz3A"] { color:#878787; font-weight:bold; }
[data-style-key="_yYCAlzoEUSsqkeN0fkTBA"] { margin:0px 0px 0px 5px; }
[data-style-key="UTQRxTVPEU6yy06biRr6AQ"] { background-color:#007bff; height:30px; text-align:center; }
[data-style-key="vQdZ_PDo5E2T5FTigyHPjA"] { color:#fff; font-weight:bold; margin:0px 5px 0px 0px; padding:0px; }
[data-style-key="Hj1pYbezg0KjNsPEC9pb3w"] { color:#878787; font-weight:bold; }
[data-style-key="Ta+Rtw5c5kOzQ9i34jvuJg"] { margin:0px 0px 0px 5px; }
[data-style-key="FPKRb3sKR0if3MzQpB8gqw"] { font-weight:normal; }
[data-style-key="Vk_Kz7yhREqToxXzSw33VQ"] { font-weight:normal; }
[data-style-key="DXe0MoXJjEaXpUUsr78C9g"] { background-color:#007bff; height:30px; text-align:center; }
[data-style-key="hVpch307nEmYEgnqvsslbw"] { color:#fff; font-weight:bold; margin:0px 5px 0px 0px; padding:0px; }
[data-style-key="YVhT27OefEyXXwnB1b1LVg"] { color:#878787; font-weight:bold; }
[data-style-key="odHSd1FET0O7avzhGJww0A"] { margin:0px 0px 0px 5px; }
[data-style-key="9la8a4SGlk2UlMWqqDKRrw"] { background-color:#007bff; height:30px; text-align:center; }
[data-style-key="MTic9F80rkmu6v9KYGwpAg"] { color:#fff; font-weight:bold; margin:0px 5px 0px 0px; padding:0px; }
[data-style-key="glAstTYX10qq8BO83UV2AQ"] { color:#878787; font-weight:bold; }
[data-style-key="47DLFGxpyki02yDQWcoj_g"] { margin:0px 0px 0px 5px; }
[data-style-key="EAmpKnC7_0qd4HT1URTryQ"] { font-weight:bold; }
[data-style-key="z7JTNhB5g06S+lwFHe0hMg"] { font-weight:bold; }
[data-style-key="t02cyhi5z02N4IBXediLEQ"] { background-color:#007bff; height:30px; text-align:center; }
[data-style-key="cNjrneM8OE2jPLqsTriMCw"] { color:#fff; font-weight:bold; margin:0px 5px 0px 0px; padding:0px; }
[data-style-key="sDBomV0bYESH5UoO_TpLUw"] { color:#878787; font-weight:bold; }
[data-style-key="RPidN+CE0Ee5h26gLKbc9Q"] { font-weight:bold; }
[data-style-key="YbJKCXBWm0S3MWBk4N+EVw"] { font-weight:bold; }
[data-style-key="j7XoMXzFukucLutjpdJnyw"] { font-weight:bold; }
[data-style-key="SNUmaWry5EKKhNWbKsX5Ng"] { font-weight:bold; }
[data-style-key="QjFoO2h9ZE6HEH+A1EtiRQ"] { font-weight:bold; }
[data-style-key="7ykISaouIUG0qFfI6wPAFQ"] { font-weight:bold; }
[data-style-key="_VskbIoxdUSaYcqLLySxeA"] { background-color:#007bff; height:30px; text-align:center; }
[data-style-key="K87I8qZcaE+uiB3tj0rERQ"] { color:#fff; font-weight:bold; margin:0px 5px 0px 0px; padding:0px; }
[data-style-key="FResn8RAykKtHprDFY0mqQ"] { color:#878787; font-weight:bold; }
[data-style-key="2p8vepZ7hkiCXchWU_0iBQ"] { color:#777; font-weight:bold; margin-left:10px; }
[data-style-key="M3nWbdpt4ka3lOFwJ91Ixw"] { background-color:#f8f8f8; }
[data-style-key="I8ciWCREBk+Qgdl5KVAmxg"] { height:50px; padding-top:15px; }
[data-style-key="PVM4w075XU2tRfEU0sGwfQ"] { margin:0px 0px 0px 5px; }
[data-style-key="sjitfrdLm02+JpbBCmXRBw"] { margin:20px 5px 5px 5px; }
[data-style-key="nGLU0+a5ikaH7OO+bYbDOg"] { margin:20px 0px 0px 5px; }
[data-style-key="vt6Oamwn4E+otY0fsmgExA"] { color:#00c800; font-weight:bold; }
[data-style-key="9JM21T8pE0KaI3LNJSANVQ"] { background-color:#007bff; height:30px; text-align:center; }
[data-style-key="vlOkN349n02hpBeUR5nCfw"] { color:#fff; font-weight:bold; margin:0px 5px 0px 0px; padding:0px; }
[data-style-key="EtvyvzO1fUOBMFdNmAUonw"] { color:#878787; font-weight:bold; }
[data-style-key="XyzpSTs4OUas35M05VB1CQ"] { color:#00c800; font-weight:bold; }
[data-style-key="11vUOzMu_0qId5Sq86YUjg"] { background-color:#007bff; height:30px; text-align:center; }
[data-style-key="vLfxqjJGtkK2P0INnOKJGw"] { color:#fff; font-weight:bold; margin:0px 5px 0px 0px; padding:0px; }
[data-style-key="UtIhdan7tkCCCUq3CVz2Tw"] { color:#878787; font-weight:bold; }
[data-style-key="z0TetE_jckeCE9gMcA4cgQ"] { background-color:#007bff; height:30px; text-align:center; }
[data-style-key="i5i0AW2g9E2rVvxcGsVceQ"] { color:#fff; font-weight:bold; margin:0px 5px 0px 0px; padding:0px; }
[data-style-key="oH23iRxB0Eya9hD_xHYnFA"] { color:#878787; font-weight:bold; }
[data-style-key="_TMLdWW8Q0is6LofLALxBA"] { color:#777; font-weight:bold; margin-left:10px; }
[data-style-key="pa5KGlyCmUyU8XY9tlLkIA"] { background-color:#2463a7; margin:24px 0px 0px 0px; padding:5px; text-align:center; }
[data-style-key="aSlHHIirNkWkvL3N0Y1X6A"] { color:#fff; }
[data-style-key="EquVZel0Lkiebi4HSe03qA"] { background-color:#bcdeff; margin:10px 0px 5px 10px; padding:5px; text-align:center; }
[data-style-key="GSIR+Cp_706sep8Y_n6XWA"] { color:#fff; }
/*** Generated classes from Style Editor in OutSystems 10 ***/
/*** Generated classes from Style Editor in OutSystems 10 ***/
.Menu_SubMenuItem[data-style-key="20Jv6rMuDUKxk5RFfBOfsA"] { text-decoration:none; }
.LoginIconMargin[data-style-key="FOQYsHiC20ehJ+KOFfMKIQ"] { color:#222; }
.Menu_SubMenuItem[data-style-key="zpTPVd4XQEiMcXKbwgdgvQ"] { font-style:normal; font-weight:normal; }
.LoginIconMargin[data-style-key="6lKxJBsCXUemb+p_lZEp+A"] { color:#222; }
[data-style-key="trxNRJ7nK0mwOg_zwLf_Pg"] { height:20px; }
.colorChange[data-style-key="uAeSWFWRaE29S0q3Xl0F3A"] { color:#808080; }
.colorChange[data-style-key="AFgCKiF0cUi04oloGxJU+w"] { color:#808080; }
[data-style-key="KTk+zH2hO0iJ4RB1U2Ro4w"] { color:#808080; }
.colorChange[data-style-key="4QttElCnGk6W2h34x5EtKg"] { color:#808080; }
.colorChange[data-style-key="kuCnwcB5o0uPA9vqMOe5AQ"] { color:#808080; }
.colorChange[data-style-key="rF_o0AL5vUCHY1iiEWs5WA"] { color:#808080; }
.colorChange[data-style-key="KNilnvvCMEe1_RQh3avRrQ"] { color:#808080; }
.colorChange[data-style-key="Cn_29FZIaUmJT3eJ_JD9EQ"] { color:#808080; }
.Menu_SubMenuItem[data-style-key="WNeOENN9vEOkr+j7QE+9mw"] { font-style:normal; font-weight:normal; }
.Menu_SubMenuItem[data-style-key="QrDfoeu38UaeNOYdGiZv2A"] { text-decoration:none; }
.LoginIconMargin[data-style-key="WDYPL5tAVEq9XK1xTMPVrA"] { color:#222; }
.LoginIconMargin[data-style-key="6B3I1fFj9UuuNNwx0_dadQ"] { color:#222; }
/*** Generated classes from Style Editor in OutSystems 10 ***/