/*ESG*/

@font-face {
    font-family: ProximaNova BL;
    src: url(../fonts/proximanovatab/proximanovatab-bold_0.ttf) format('truetype'), url(../fonts/proximanovatab/proximanovatab-bold_0.eot);
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: ProximaNova RG;
    src: url(../fonts/proximanovatab/proximanovatab-regular.ttf) format('truetype'), url(../fonts/proximanovatab/proximanovatab-regular.eot);
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Proxima Nova;
    src: url(../fonts/proximanovatab/proximanovatab-regular.ttf) format('truetype'), url(../fonts/proximanovatab/proximanovatab-regular.eot);
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: ProximaNova SB;
    src: url(../fonts/proximanovatab/proximanovatab-semibold.ttf) format('truetype'), url(../fonts/proximanovatab/proximanovatab-semibold.eot);
    font-weight: bold;
    font-style: normal;
}


.rf-horizontalAlign coral-header, .rf-horizontalAlign coral-button {
    float: left;
    display: inline-block;
    padding-top: 2.2px;
}

.rf-horizontalAlign-right coral-button {
    float: right;
    display: inline-block;
    padding-top: 2.2px;
}

.rf-horizontalAlign coral-header {
    width: 16.7%;
}

    .rf-horizontalAlign coral-header:not(:first-child) {
        text-align: right;
    }

.dailogPopup {
    color: #65b7ff;
}

.btn {
    cursor: pointer;
}

.seeLessColor {
    right: 0px;
    position: absolute;
    cursor: pointer;
    margin-right: 3%;
    color: white;
}

.menuColor {
    color: #FFFFFF;
}

.btn-submenu {
    background-color: #4a4a52 !important
}
/* Style the active class (and buttons on mouse-over) */

.active, .btn:hover {
    background-color: #334BFF;
    color: white;
}

.active, .btn-submenu:hover {
    border-bottom-style: solid;
    border-bottom-color: #334BFF;
    border-bottom-width: 5px;
}
.border {
    border-bottom-width: 0px !important;
}
}
/*.active, .btn:hover {
        text-decoration: underline;
    }*/
.active1, .btn-submenu:hover {
    color: #FFFFFF;
    border-bottom-width: 0px;
}

.highlighttext {
    color: #FFFFFF;
}

.btnborder {
    border: 2px solid #0D0D0D;
}

.paddingbottom {
    padding-bottom: 10px;
}

hr {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    border-top: 1px solid #1a1a1c !important;
    border-bottom: 1px solid #4a4a52 !important;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #e2e2e2;
}

    a:hover {
        color: #fff;
    }

    .enable-visited-state a:visited, a:active {
        color: #b9b9b9;
    }

    a:focus {
        outline: none;
    }

    .links-alt-color a, a.links-alt-color {
        color: #46a0f0;
    }

        .links-alt-color a:hover, a.links-alt-color:hover {
            color: #79c0ff;
        }

        .links-alt-color a:active, a.links-alt-color:active {
            color: #1178d3;
        }


.divTable {
    display: table;
    width: 98%;
    padding-left: 1%
}

.divTableRow {
    display: table-row;
}

.divTableColumn {
    display: table-column;
}

.divTableCell, .divTableHead {
    /*border: 1px solid #999999;*/
    display: table-cell;
    vertical-align: middle;
    /*padding-bottom: 5px;*/
    width: 24%;
}

.divTableHead {
    /*color: #334BFF;*/
    color: #FFFFFF;
    font-weight: bold
}

.divTableLabel {
    /*border: 1px solid #999999;*/
    display: table-cell;
    vertical-align: middle;
    /*padding-bottom: 5px;*/
    width: 10%;
    /*text-align:right;*/
    padding-right: 20px;
}

.divTableHeading {
    /*background-color: #EEE;*/
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot {
    /*background-color: #EEE;*/
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody {
    display: table-row-group;
}

.divTableInput {
    width: 95% !important;
}

/*.divTableInputEvent {
    width: 75% !important;
    display: inline-block;
    white-space: nowrap;
    border-color: rgb(226, 226, 226);
    box-sizing: border-box;
}*/

.pillStyles {
    color: #c2c2c2;
    background-color: #3c3c42;
}

.errMsgColor {
    color: red;
}

.buttonSubmit {
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    width: 178px;
    padding-top: 3px;
    text-align: center;
}

.buttonGlow {
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    width: 178px;
    padding-top: 3px;
    text-align: center;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}
.chekBoxGlow {
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    padding-top: 3px;
    text-align: center;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}


@-webkit-keyframes glowing {
    0% {
        background-color: #0026ff; /*#ffa64d;*/
        box-shadow: 0 0 3px #0026ff; /*#ffa64d;*/
    }

    50% {
        background-color: #0094ff; /*#ff9d3f;*/
        box-shadow: 0 0 40px #0094ff; /*#ff9d3f;*/
    }

    100% {
        background-color: #0026ff; /*#ffa64d;*/
        box-shadow: 0 0 3px #0026ff; /*#ffa64d;*/
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #0026ff; /*#ffa64d;*/
        box-shadow: 0 0 3px #0026ff; /*#ffa64d;*/
    }

    50% {
        background-color: #0094ff; /*#ff9d3f;*/
        box-shadow: 0 0 40px #0094ff; /*#ff9d3f;*/
    }

    100% {
        background-color: #0026ff; /*#ffa64d;*/
        box-shadow: 0 0 3px #0026ff; /*#ffa64d;*/
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #0026ff; /*#ffa64d;*/
        box-shadow: 0 0 3px #0026ff; /*#ffa64d;*/
    }

    50% {
        background-color: #0094ff; /*#ff9d3f;*/
        box-shadow: 0 0 40px #0094ff; /*#ff9d3f;*/
    }

    100% {
        background-color: #0026ff; /*#ffa64d;*/
        box-shadow: 0 0 3px #0026ff; /*#ffa64d;*/
    }
}

@keyframes glowing {
    0% {
        background-color: #1f8abe; /*#ff7f00;*/
        box-shadow: 0 0 3px #1f8abe; /*#ff7f00;*/
    }

    50% {
        background-color: #0094ff; /*#ffd9b5;*/
        box-shadow: 0 0 40px #0094ff; /*#ffd9b5;*/
    }

    100% {
        background-color: #1f8abe; /*#ff7f00;*/
        box-shadow: 0 0 3px #1f8abe; /*#ff7f00;*/
    }
}

.bckcolor {
    background-color: #000
}

.multilineDisable {
    color: #7e7d7d;
    background-color: transparent;
    border: 1px solid;
    border-color: rgb(47, 46, 46) !important;
    word-break: break-all;
}

.multilineEnable {
    border: 1px solid #4a4a52;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: inherit;
    vertical-align: middle;
    font-size: 14px;
    margin: 0;
    padding: 0 5px;
    display: inline-block;
    box-sizing: border-box;
    outline: none;
    resize: none;
    width: 100%;
    padding: 5px;
    width: 95%;
    height: 120px;
    overflow-y: scroll;
    white-space: pre-line;
    overflow-x: scroll;
    word-break: break-all;
    /*text-overflow: ellipsis;
	max-width: 30em;
    min-width: 27em;*/
}

button:disabled,
button[disabled] {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
}


coral-input[disabled], coral-combo-box[disabled], emerald-datetime-picker[disabled] {
    background-color: transparent;
    border: 1px solid;
    border-color: rgb(47, 46, 46) !important;
    /*rgb(141, 136, 136) rgb(47, 46, 46) rgb(55, 48, 48) #56575a */
}

.highlightEditField {
    background-color: #009267 !important;
    color: white !important;
    opacity: 1;
}

coral-header header.level1 h6 {
    font-size: 20px;
}

.popup.coral-popup-panel {
    position: fixed;
}

.dlgNewAccount {
    width: auto;
    height: auto;
    position: relative;
    z-index: 2;
}

.CompNameSearch {
    width: 500px;
    height: 300px;
}

.lblFirm {
    display: inline-block;
    text-align: left;
    text-align: end;
    font-size: 14px;
    margin: 3px;
    vertical-align: middle;
}

.lblText {
    display: inline-block;
    text-align: right;
    margin-right: 5px;
    text-align: end;
    width: 150px;
}

.Warning {
    visibility: hidden;
    color: red;
}

td {
    font-size: 13px !important;
}

.popover-title {
    padding: 5px 0;
    margin: -5px 2px 5px 1px !important;
    border-bottom: 1px solid #212124;
    font-size: 11px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
}

coral-pill {
    color: #c2c2c2;
}

.multilineEnableTextBox {
    background-color: transparent;
    border: 1px solid #56575a;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: inherit;
    vertical-align: middle;
    font-size: 13rem;
    margin: 0;
    padding: 0 5px;
    display: inline-block;
    box-sizing: border-box;
    outline: none;
    resize: none;
    padding: 5px;
    width: 95%;
    height: 25px;
    overflow-y: hidden;
    overflow-x: hidden;
    /*white-space: pre-line;*/
    word-break: break-all;
}

coral-select {
    --list-max-height: 300px;
}

#Eventinput {
    display: inline-block;
    height: 18px;
    margin-left: 7%;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    border: 1px solid rgba(74,74,82,.6);
    font: -moz-field;
    font: -webkit-small-control;
    margin-top: 5px;
    /*padding: 10px;*/
    width: 443px;
    overflow: hidden;
    background-color: rgba(0,0,0,0.4);
    white-space: pre-line;
    word-break: break-all;
}

.divTableCellEvent {
    /*border: 1px solid #999999;*/
    display: table-cell;
    vertical-align: middle;
    padding-left: 5.5%;
    /*padding-bottom: 5px;*/
    /*width: 2%;*/
}

.hlight {
    width: 60%;
    display: inline-block;
    color: #726e6e !important;
    font-weight: bold !important;
}

.user-input-wrp {
    position: relative;
    width: 50%;
}

    .user-input-wrp .inputText {
        width: 100%;
        outline: none;
        border: 1px solid #777;
        box-shadow: none !important;
    }

        .user-input-wrp .inputText:focus {
            border-color: blue;
            border-width: medium medium 2px;
        }
.largebtn {
    /*height: 28px;*/
   /*font-size: 125%;*/
}