﻿
.panel.easyui-fluid.pPopupParent .panel-header .fa.fa-times {
    color: white;
    float: right;
    margin: -5px 2px 2px 0px;
    padding: 6px;
}
.divAlert.fsPopup {
    z-index: 15000477!important;
}
.divAlertBg.fsPopupBg  {
    z-index: 15007!important;
}
.fs-notifWindow {
    position: absolute;
    top: 88%;
    right: 60px;
    z-index: 99999999;
    border: 0px solid #288fbd80;
    background-color: #288fbd5c;
    padding: 10px 10px;
    border-radius: 3px;
    box-shadow: 2px 4px 6px #616161;
    min-width: 450px;
}
.fs-notifWindow-title {
    font-size: 10pt;
    font-weight: bold;
    background-color: #616161;
    border-radius: 4px 4px 0px 0px;
    color: white;
    padding: 0 15px;
    min-width: 450px;
}
.fs-notifWindow-body {
    background-color: white;
    border-radius: 4px;
    padding: 3px 13px;
    min-width: 450px;
    max-height: 450px;
    overflow-y: auto;
}
    .fs-notifWindow-body .fs-row {
        border-bottom: 1px solid #eae8e8;
        white-space: nowrap;
        min-width: 450px;
        width: auto !important;
        cursor: pointer;
    }
        .fs-notifWindow-body .fs-row:hover {
            background-color: aliceblue;
        }
.fs-notifWindow-title span {
    float: right;
    padding: 0px 10px;
    position: absolute;
    right: 10px;
    cursor: pointer;
}

    .fs-notifWindow-title span:hover {
        background-color: gray;
    }
.fs-notifWindow-body .fs-row span {
    font-weight: bold;
    margin: 0 3px;
}
.divAlert .msgContent, .fsPopup .msgContent, divPopupWindow .msgContent {
    /*min-height:78px;
    padding: 16px;
    font-size: 11pt!important;
    color: #000!important;*/
    min-height: 78px;
    padding: 9px 9px 6px 9px;
    font-size: 10pt !important;
    color: #000 !important;
    line-height: 1.8em;
}
.msgContent i.fas.fa-exclamation-triangle {
    color: orange;
    font-size: 14pt;
}
.msgContent i.fas.fa-minus {
    color: #cccccc;
    font-size: 6pt;
    margin: 0 2px 0 30px;
}
.msgContent i.fas.fa-plus-circle {
    color: #468847;
}
.msgBtn .btn {    
    padding: 4px 16px !important;
    font-size: 10pt !important;
    border-radius: 3px !important;
    float:right !important;
    margin-left: 6px;
}
.divAlert > .msgPanel,.fsPopup > .msgPanel,.divPopupWindow > .msgPanel {
    position: fixed !important;
    top: 179.5px;
    left: 35vw;
    z-index: 15110!important;
    /*margin: 1% 38%;*/
    box-shadow: 14px 16px 6px 0 #15151b;
    background-color: white;
    min-width: 450px;
    min-height: 160px;
    padding-bottom: 10px;
    max-width: 600px;
}
.divAlert .msgBody,.fsPopup .msgBody {
    padding: 10px;
}
.divAlert .msgTitle,.fsPopup .msgTitle {
    height: 30px;
    padding: 8px;
}
.divAlertBg,.divPopupWindowBg,.fsPopupBg  {
    z-index: 15109!important;
}
.divPopupWindow.fsPopup .msgTitle > .fa {
    float: right!important;
    color: white!important;
    font-size: 15pt;
    padding: 4px 9px 4px 9px!important;
    margin: -7px -7px -7px 0px!important;
}
.pPopupBg, .divAlertBg, .divPopupWindowBg,.fsPopupBg {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(12, 20, 29, 0.36);
}
.pPopupBg,.divAlertBg,.fsPopupBg{
    z-index:11100!important;
}
.divPopupWindowBg,.fsPopupBg {
    z-index:98000!important;
}
.divPopupWindow .msgContent,fsPopup .msgContent {
    min-height: 85% /*!important*/;
}

.divAlert i.fa.fa-spinner.fa-pulse.fa-3x.fa-fw,
.fsPopup i.fa.fa-spinner.fa-pulse.fa-3x.fa-fw{
    font-size: 10pt;
    color: #468847;
}
.divAlert a.btn.btn-primary.btn-lg.OKBtn.lbtReset i.fa.fa-times,
.fsPopup a.btn.btn-primary.btn-lg.OKBtn.lbtReset i.fa.fa-times {
    padding: 2px 0 !important;
    cursor: pointer;
    color: white !important;
}
.btn-primary {
    color: #ffffff;
    background-color: #3171a8 !important;
    border-color: #3171a8 !important;
}
.fs-button-list .btn-primary, .fs-align-right .btn-primary {
    margin: 0px -10px 0px 0px !important;
}
.btn-primary:hover {
    color: #ffffff;
    background-color: #0b527c !important;
    border-color: #0f5b94 !important;
}
.msgTitle {
    background-color: #317cbd !important;
    background: -webkit-linear-gradient(top,#317cbd 0,#0f5b94  100%) !important;
    background: -moz-linear-gradient(top,#317cbd 0,#0f5b94  100%) !important;
    background: -o-linear-gradient(top,#317cbd 0,#0f5b94  100%) !important;
    background: linear-gradient(to bottom,#317cbd 0,#0f5b94  100%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#317cbd,endColorstr=#0f5b94 ,GradientType=0) !important;
    border-color: #2e0950 !important;
    color: white !Important;
    font-size: 9pt;
    font-weight: bold;
    color: white;
    height: 16px;
    line-height: 16px;
}
.msgBtn a.btn.btn-primary.btn-lg.CancelBtn.lbtReset, a.btn.btn-primary.btn-lg.OKBtn.btn-red {
    background-color: #b54c4c !important;
    border: 1px solid #9a3838 !important;
}
a.btn.btn-primary.btn-lg.searchbtn.lbtReset, a.btn.btn-primary.btn-lg.CancelBtn {
    background-color: #b54c4c;
    border: 1px solid #9a3838;
}
.msgBtn > a.btn.btn-primary.btn-lg.OKBtn.btn-Reject {
    background-color: #b54c4c !important;
    border: 1px solid #9a3838 !important;
}
.msgBtn > a.btn.btn-primary.btn-lg.OKBtn.btn-Reject:hover {
    background-color: #d24444 !important;
    border: 1px solid #c34141 !important;
}
missing-css-property{
    border: 1px solid #a74141;
    background-color: #b54c4c;
    color: white!Important;
}
a.btn.btn-primary.btn-lg.OKBtn.lbtReset {
    background-color: rgb(181, 76, 76);
    color: white!Important;
    border: 1px solid #a23d3d;
}
a.btn.btn-primary.btn-lg.btnDefault {
    box-shadow: 0px 0px 3px 0.3px #00c5ff!important;
}
#pPopupWindow > .msgContent > a.btn.btn-primary.btn-lg.searchbtn.lbtSubmit,
.fsPopup .msgContent a.btn.btn-primary.btn-lg.searchbtn.lbtSubmit {
    float: left!important;
}
.msgContent .fs-disclaimer {
    font-style: italic;
    color: #777;
    padding: 7px 2px;
}
.msgContent .fs-disclaimer i.fa.fa-exclamation-triangle {
    color: orange;
    margin: 5px;
}
.msgContent i.fa.fa-exclamation-triangle {
    color: #bb3b4a;
    font-size: 14pt;
    margin: 4px 6px 0 0;
    float: left;
}
.msgContent i.fa.fa-check {
    font-size: 13pt;
    color: green;
    margin:3px 0 0 0;
    float: left;
}
.msgContent .panel.datagrid {
    margin: 0px 0px 2px 0px !important;
    /*max-height: 250px;*/
    overflow-y: auto;
    border: 1px solid gainsboro;
    width: 99% !important;
}
.msgContent .divSectionSendTo .panel.datagrid {
    width: 1115px !important;
}
.msgContent > .divListOfOwners .panel.datagrid.datalist {
    margin: 0px!important;
    padding: 0px;
    border: 0px solid gainsboro !important;
}
.msgContent > .divListOfOwners .panel.datagrid.datalist .datagrid-view, .msgContent > .divListOfOwners .panel.datagrid.datalist .datagrid-view2, .msgContent > .divListOfOwners .panel.datagrid.datalist .datagrid-body {
    height: 100%!important;
}
.divListOfOwners .fs-row-label {
    width: 115px!important;
    vertical-align:middle!important;
    line-height:3.4em!important;
}
.panel-title {
   /* color:white!important;*/
}
.panel-header {
    /*background-color: #5d6e7f!important;
    background: -webkit-linear-gradient(top,#5d6e7f 0,#5d6e7f 100%)!important;
    background: -moz-linear-gradient(top,#5d6e7f 0,#5d6e7f 100%)!important;
    background: -o-linear-gradient(top,#5d6e7f 0,#5d6e7f 100%)!important;
    background: linear-gradient(to bottom,#5d6e7f 0,#5d6e7f 100%)!important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5d6e7f,endColorstr=#E0ECFF,GradientType=0)!important;
    border-color:#5d6e7f!important;
    color:white!Important;*/
}
.divPopupWindow, .fsPopup {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10000;
}

.divPopupWindow .msgPanel,.fsPopup .msgPanel  {
    z-index: 99900!important;
}
.divPopupWindow > .msgPanel {
    top: 20vh;
}
.divPopupWindow .msgContent .fs-row-data {
    width: 100%;
    padding: 2px 0px;
    border: 0px solid red !important;
}
.divPopupWindow .panel-title i.fa {
    font-size: 14pt!important;
    position: relative;
    top: 0px;
    margin-right: 3px;
}
.divPopupWindow .msgContent .fs-row-data .fs-row-data-col2 .txtComment, .divPopupWindow .msgContent .fs-row-data .fs-row-data-col2 label {
    max-width: 100%!important;
    width: 100%!important;
}
.divPopupWindow .msgContent .fs-row-data .fs-row-data-col2 {
    width: 100%!important;
}
.divPopupWindow .fs-row-label.fs-radio {
    width: 23px;
    padding-top: 7px;
}
.divPopupWindow .fs-row-data .fs-label {
    text-indent: 0px;
    white-space: nowrap;
    width: 41%!important;
}
.msgContent img.pdf {
    padding: 0px 10px 0px 0;
}
.msgContent input[type="file"] {    
    display: inline !important;
    border: 1px solid gainsboro;
    height: 34px!important;
    padding: 6px;
    line-height: 0.1em;
    background-color: aliceblue;
    border-radius: 5px;
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
/*
#pPopupWindow > .msgContent > a.btn.btn-primary.btn-lg.searchbtn.lbtSubmit {
    float:right!important;
}*/

#pPopupWindow > .msgContent > a.btn.btn-primary.btn-lg.searchbtn.lbtSubmit, 
#pPopupWindow > .msgContent > a.btn.btn-primary.btn-lg.searchbtn.lbtReset,
.fsPopup > .msgContent > a.btn.btn-primary.btn-lg.searchbtn.lbtSubmit, 
.fsPopup > .msgContent > a.btn.btn-primary.btn-lg.searchbtn.lbtReset, {
    float: right!important;
    margin: 2px -1px 0px 6px;
    height: 31.4px;
    padding: 7px 14px 8px 11px;
    font-size: 11pt;
    line-height: 1.23;
}

.msgContent .Comment{
    width: 421px !important;
    max-width: 421px !important;
    height: 136px !important;
    padding: 7px;
    margin: 7px 0px;
}
.msgPanel.ProgressPanel {
    min-width: 290px;
    min-height: 68px;
    border-radius: 7px;
    left: 39vw;
    top: 25vh;
}
.msgPanel.ProgressPanel .msgContent {
    min-height: 28px!important;
    padding: 16px 16px 0px 8px!important;
    font-size: 11pt;
}
.sglRow {
    width: 100%;
    display: flex;
    height: 22px;
    padding: 0px 0;
    margin-top: 0px;
    /* border-top: 1px solid gainsboro; */
}
.multiRow {
    padding-top: 0px;
}
.multiRow .rowV {
    float: right;
    width: 93.6%;
    text-align: left;
    padding-bottom: 23px;
}
.rowH {
    font-weight: bold;
}
.rowV {
    width: 16%;
    padding: 0 8px;
}
.datagrid-header td[field='DelBtn'] {
    padding: 5px 7px 0 18px!important;
    width: 44px;
    font-size: 10pt;
}
td[field="DelBtn"] {
    width: 33px;
    padding: 0 7px!important;
}