@import url("/CME_Th/Theme.CME_Theme.css?636");

.select2-dropdown-open .select2-choice, .select2-container .select2-choice{
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075);
    border-radius: 5px;
}

.EditableTable thead th {
    color: rgb(222, 186, 15);
}


.select2-container .select2-choice { 
    color: #808080;
}

table, td {
    color: #808080;
}


.Form label {
    color: #8685A2;
    font-size: 14px;
}


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"],
.Form input.ReadOnly,
.Form textarea.ReadOnly,
.Form select.ReadOnly {
    font-size: 14px;
    /*line-height: 30px;*/
    color: #808080;
}

body .EditableTable input:not(.InEditMode),
body .EditableTable textarea:not(.InEditMode),
body .EditableTable select:not(.InEditMode) {
     /* override readonly color to look like labels*/
    color: #808080;
    font-size: 14px;
  
}

.ToggleButton_label:after,
.ToggleButton_label.changed:after {
    border-radius: 20px;
}

.ToggleButton.changed {
    background-color: rgba(16, 33, 61, 1);
    border-radius: 20px;
}

.ToggleButton{
    border-radius: 20px;
}


/* For Opportunities and Proposals details */

.TextAlignRight {
    text-align: right;
}

.CentralizedContainer {
    display: table;
}

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

.SectionExpandable_header {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    display: table;
    margin-top: 0;
    padding: 0 0 5px 0;
    width: 100%;
    background-color: #E0E0E0;
}

.SectionExpandable__title.Heading2 {
    padding-left: 10px;
}
.DarkBlueCME{
    background-color:rgba(16, 33, 61, 1) !important;
    color:white;
}

.DarkYellowCME {
    background-color: #f5e46d;
}

.LightGray{
    background-color:lightgray !important;
}
.LighterGray{
    background-color:rgba(211, 211, 211,0.3);
}
.TableBorder{
    border:1px gray solid;
    background-color:rgba(211, 211, 211,0.3);
}
.LightBlue{
    background-color: lightblue;
}

.body.ModalOpened .ModalContainer {
    display: block;
       -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
        -ms-transform: translateX(-50%) translateY(-50%) translateZ(0);
            transform: translateX(-50%) translateY(-50%) translateZ(0);
}

/*Remove the '*' that appears in the editable tables*/
.EditableTable thead th.Mandatory:after {
    content: none;
}

.Form a.SmartInput_Undo:after {
    content: none;
}
legend {
    font-size: 15px;
    font-weight: bold;
}


/** Some CSS 'enhacements' **/

.SectionExpandable_header {
    border-radius: 3px;
    background-color: #efecec;
}

.SectionExpandable__icon.Heading2 {
    padding-top: 5px;
}

fieldset {
    border-radius: 3px;
}

.TableRecords {
    border-radius: 3px;
}

/* CSS to replace big text by short text with 3 dots... */
.ShortBigText {
    text-overflow: ellipsis;
    overflow: hidden;
}
/*** Generated classes from Style Editor in OutSystems 10 ***/
[data-style-key="tUB+GbWWd0Kkvcqtg6CUbA"] { text-align:center; }
/*** Generated classes from Style Editor in OutSystems 10 ***/