@import url("/OutSystemsUIWeb/Theme.BaseTheme.css?260");

/* ===================================================================== */
/* ===================================================================== */

/*  OutSystems UI Style Guide Template - Version 1.0.0                   */

/*  $1 - Root - Primary Color Customization                              */

/* ===================================================================== */
/* ===================================================================== */

/* ===================================================================== */
/*  $1 - Root - Primary Color Customization                              */
/* ===================================================================== */

:root {
    --color-background-body: #fff;
    --color-primary: #1b1472; /*primary-color*/
    --color-primary-hover: #1b1472; /*primary-color*/
    --color-secondary: #a9841e; /*primary-color*/
}

.container {
    background-image: linear-gradient(180deg,#203B7B 7%,#203B7B 17%,#1b1472 98%);
    height: 100%;
    box-shadow: 2px 0 9px 2px rgba(79,75,72,0.04);
    
}

.Page.phone.MenuOpen .Menu {
    left: 0;
}

.desktop.small .Menu,
.tablet .Menu {
    display: block;
    height: auto;
    width: 120px;
}

/* login info  **************************/
.Menu .LoginInfo {
    display: none;
}

.phone .Menu .LoginInfo {
    background-color: #355264;
    color: #fff;
    display: block;
    margin-top: 0;
    padding: 20px 20px 20px 25px;
    text-align: left;
    width: 260px;
}

.Application_Menu {
    position: relative;
    width: 100%;
}

.desktop.small .Application_Menu,
.tablet .Application_Menu {
    height: 100%;
}

.Menu_TopMenus {
    width: 100%;
}

.Menu_TopMenu {
    position: relative;
}



.desktop.small .Menu_TopMenu a:link,
.desktop.small .Menu_TopMenu a:visited,
.desktop.small .Menu_TopMenu a,
.tablet .Menu_TopMenu a:link,
.tablet .Menu_TopMenu a:visited,
.tablet .Menu_TopMenu a {
    font-size: 11px;
    padding: 15px;
    text-align: center;
    word-wrap: break-word;
}

.desktop.small .Menu_TopMenu a span.fa,
.tablet .Menu_TopMenu a span.fa {
    display: block;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -15px;
    position: relative;
    top: 0;
}

.desktop.small.MenuHideIcons .Menu_TopMenu a span.fa,
.tablet.MenuHideIcons .Menu_TopMenu a span.fa {
    display: none;
}

/* remove shadow form de last link **************************/
.Menu_TopMenu a:link:last-child,
.Menu_TopMenu a:visited:last-child,
.Menu_TopMenu a:last-child {
    box-shadow: none;
}

/* style icon font **************************/

.desktop.small .Menu_TopMenu a span,
.tablet .Menu_TopMenu a span {
    left: 45px;
    position: absolute;
    top: 10px;
}

/* style hover/active menu **************************/
.Menu_TopMenu:hover,
.Menu_TopMenu:hover a .fa,
.Menu_TopMenuActive a:link .fa,
.Menu_TopMenuActive a:visited .fa, {
    
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}

.Menu_DropDownPanel a.Menu_SubMenuItemActive,
.Menu_DropDownPanel a.Menu_SubMenuItemActive:visited,
.Menu_DropDownPanel a.Menu_SubMenuItemActive:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:hover {
    background-color: #d7a909;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}

.desktop.small .Menu_DropDownPanel a,
.desktop.small .Menu_DropDownPanel a:link,
.desktop.small .Menu_DropDownPanel a:visited,
.tablet .Menu_DropDownPanel a,
.tablet .Menu_DropDownPanel a:link,
.tablet .Menu_DropDownPanel a:visited {
    padding-left: 20px;
    padding-right: 20px;
}

.Menu_TopMenu a:hover,
.Menu_TopMenu a:link:hover,
.Menu_TopMenu a:visited {
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}

.navigation .Menu_TopMenu:hover {
    background-color: #d7a909;
}

.desktop.small .Menu_TopMenu .Menu_DropDownArrow,
.tablet .Menu_TopMenu .Menu_DropDownArrow {
    border-bottom: 4px solid transparent;
    border-left: 4px solid #48687c;
    border-top: 4px solid transparent;
    right: 5px;
}

.desktop.small .Menu_TopMenu:hover .Menu_DropDownArrow,
.tablet .Menu_TopMenu:hover .Menu_DropDownArrow {
    border-bottom: 4px solid transparent;
    border-left: 4px solid #d7a909;
    border-top: 4px solid transparent;
}

.desktop.small .Menu_TopMenuActive .Menu_DropDownArrow,
.desktop.small .Menu_TopMenuActive:hover .Menu_DropDownArrow,
.tablet .Menu_TopMenuActive .Menu_DropDownArrow,
.tablet .Menu_TopMenuActive:hover .Menu_DropDownArrow {
    border-bottom: 4px solid transparent;
    border-left: 4px solid #0e0677;
    border-top: 4px solid transparent;
}

/* show submenu if active **************************/
.Menu_TopMenuActive + .Menu_DropDownPanel:not(:Empty) {
    display: block;
}

.desktop.small .Menu_TopMenuActive + .Menu_DropDownPanel:not(:Empty),
.tablet .Menu_TopMenuActive + .Menu_DropDownPanel:not(:Empty) {
    display: none;
}

/* style icon on hover **************************/

.Menu_TopMenu:hover .Menu_DropDownArrow {
    border-top-color: #0e0677;
}

.Menu_TopMenu .Badge {
    float: right;
    top: 6px;

    
    
    
    
}

.desktop.small .Menu_TopMenu .Badge,
.tablet .Menu_TopMenu .Badge {
    display: none;
}

.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: #d7a909;
}

.Menu_TopMenuActive .Menu_DropDownArrow,
.Menu_TopMenuActive:hover .Menu_DropDownArrow {
    border-bottom: 0 solid transparent;
    border-top: 4px solid #6159d2;
}


.Menu_DropDownButton {
    display: block;
}


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

.MenuSlider_Toggler {
    color: #fff;
}

.Menu_DropDownPanel {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    display: none;
    list-style: none;
    margin: 0;
    position: relative;
}

.desktop.small .Menu_DropDownPanel,
.tablet .Menu_DropDownPanel {
    bottom: 0;
    height: 100%;
    left: 120px;
    position: fixed;
    top: 60px;
    z-index: 999;
}

.Menu_DropDownPanel a,
.Menu_DropDownPanel a:link,
.Menu_DropDownPanel a:visited {
    background: none;
    border-radius: 0;
    border-width: 0;
    box-shadow: none;
    clear: both;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0;
    min-width: 0;
    padding: 0;
    padding-left: 66px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
}

.navigation .Menu_TopMenu.Menu_TopMenuActive {
    background: #6159d2;
}

/* remove border from last submenu **************************/
.Menu_DropDownPanel a:last-child {
    border-bottom: none;
}

/* hover submenu **************************/
.Menu_DropDownPanel a:hover,
.Menu_DropDownPanel a:link:hover,
.Menu_DropDownPanel a:visited:hover {
    background-color: #d7a909;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}

.Menu_DropDownPanel a span.fa {
    color: white;
    margin-right: 8px;
}

a.Menu_SubMenuItem,
.desktop a.Menu_SubMenuItem:hover,
a.Menu_SubMenuItem:link,
a.Menu_SubMenuItem:visited {
    border-bottom: 0;
    height: 32px;
    padding: 0;
    padding-left: 66px;

    
}

.desktop.small .Menu_SubItemsPlaceholder,
.tablet .Menu_SubItemsPlaceholder {
    height: 100%;
    left: 0;
    position: relative;
    top: 5px;
    width: 180px;

    -webkit-overflow-scrolling: touch;
}
.TableRecords .TableRecords_OddLine,
.TableRecords .TableRecords_EvenLine {
    background-color: #f5f6fd;
}

.TableRecords .TableRecords_OddLine:hover,
.TableRecords .TableRecords_EvenLine:hover {
    background-color: #d4d4d9;
}

.cell-padding {
    height: 42px;
    padding: 0px 0px 0px 10px;
}

.EditableTable .AlignLeft input1{
text-align: left;
box-shadow: none;
}
.login {
    background-image: url('/vistaaccess/img/LOGINSCREEN.jpg?1368');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.label-4-mb {
    margin-bottom: 4px;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    color: #222;
}

.SpecialListRecord {
    border-color: #dcdcdc;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    height: auto;
    margin-bottom: 4px;
    margin-top: 4px;
    padding: 16px;
}

.cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-gap: 1%;
}

.cards2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
  grid-gap: 1%;
}

.modal-lg{
    max-width: 800px;
}
.label-4-mb, .label-4-mb.label-4-mb {
    color: #1a1472;
    font-style: italic;
}

.navigation-ph{
    overflow: auto;
    background-image: linear-gradient(180deg,#203B7B 7%,#203B7B 17%,#1b1472 98%);
}

.file-upload {
    background: transparent;
    border: 0px;
    
}

.file-upload .file-upload-icon, .file-upload .file-upload-delete {
    color: transparent;
    
}