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

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

Primary color customization
For additional color customizations, you can change the color code for the colors below

  ================================================ */
  
:root {
    --color-primary: #002C5B; /*primary-color*/
    --color-primary-hover: #002C5B; /*primary-color*/
    --color-secondary: #002C5B; /*primary-color*/
}


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

Our customizations

  ================================================ */
  
select:disabled {
    opacity: 1;
}

.size14_blue{
    font-size: 14px;
    color: #002C5B;
}

.size16_blue{
    font-size: 16px;
    color: #002C5B;
}

.size18_blue{
    font-size: 18px;
    color: #002C5B;
}

.size20_blue{
    font-size: 20px;
    color: #002C5B;
    
}.size22_blue{
    font-size: 22px;
    color: #002C5B;
}

.background-default-blue { 
    background-color: #002C5B;
}

.background-green-lightest { 
    background-color: #78C024;
    opacity: 0.7;
}

.text-green-darker{
    color: #78C024;
}

.background-orange-lightest { 
    background-color: #F8620C;
    opacity: 0.7;
}

.text-orange-darker{
    color: #F8620C;
}

.background-red-lightest { 
    background-color: #EC2718;
    opacity: 0.7;
}

.text-red-darker{
    color: #EC2718;
}

.text-white{
    color: white;
}

.text-orange-lightest { 
    color: #F8620C;
    opacity: 0.7;
}

.background-gray-lightest { 
    background-color: #8B8D8E;
    opacity: 0.7;
}

.size14{
    font-size: 14px;
}

.heading1 {
    font-size: 26px;
}

.Default_blue,
.heading1, 
.heading2, 
.heading3, 
.heading4, 
.heading5, 
.heading6,
.card-title{
    color: #002C5B;
}


.Form input.Not_Valid, .Form textarea.Not_Valid {
     padding: 0px;
}

.text-nowrap{
    white-space: nowrap; 
}


.input.ReadOnly{
    background-color: var(--color-neutral-2);
}

.bold{
    font-weight: bold;
}

.content{
    background-color: #fbfcf8;
}

.Gold
{ 
 color:#b39501;
}

.header .Menu_TopMenu.Menu_TopMenuActive {
    border-bottom: 3px #00AFA8 solid;
    font-weight: var(--font-bold);
}

.redBorderField{
    border-left: 3px solid #c92a2a;
}

.archivedAppBackground{
    background-color: #f0f0f0;
}

/* MultipleFileUpload */
.qq-upload-button {
    margin: 50px 0 10px;
}

/* Fixed header table */

 .OverflowDiv {
    overflow:scroll;
    height:250px;
    position: relative;
}

.GreyLabel{
    color: #999;
    font-size: 14px;
}

/* Disabled input fields */

.layout .Form .input.ReadOnly:not(.Not_Valid)[readonly='readonly'],
.layout .Form .select.ReadOnly:not(.Not_Valid)[disabled='disabled']{
    color: var(--color-neutral-7);
}

.checkbox[disabled="disabled"]:after,
.TableRecords .TableRecords_Header [type="checkbox"][disabled="disabled"]:after {
    border: var(--border-size-m) solid var(--color-neutral-6);
    border-right: var(--border-size-none) !important;
    border-top: var(--border-size-none) !important;
}

.radio-button[disabled="disabled"]:checked:before {
    background-color: var(--color-neutral-2);
    border: 6px solid rgb(8 45 91 / 35%);
}

.toggle-button.toggle-button-disabled.toggle-button-checked {
    background-color: rgb(8 45 91 / 35%);
}

/* ---------- Loading Screen ------------- */

.no-js #loader { display: none;  }

.js #loader { display: block; position: absolute; left: 100px; top: 0; }

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/IMS_Resources/img/ajaxloader.svg) center no-repeat rgba(0, 0, 0, 0.7);
    visibility: hidden;
}

div.Feedback_AjaxWait:before {
    display:none;
}

div.Feedback_AjaxWait {
    font-size: medium !important;
    display: none!important;
}

/* ---------- Scroll Disabled Inputs ------------- */

.unblockScroll {  
    cursor: default !important;
    pointer-events: all !important;
}