/*$ThemeColour: #005582;*/
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&display=swap");
/* Complaints Type Colour Theme - Starts */
/* Complaints Type Colour Theme - End */
/* Location Type Colour Theme - Starts */
/* Location Type Colour Theme - End */
/* Employement Type Colour Theme - Starts */
/* Employement Type Colour Theme - End */
/* Complaint Prioirty Colour Theme - Starts */
/* Complaint Prioirty Colour Theme - End */
/* Complaint Status Colour Theme - Starts */
/* Complaint Status Colour Theme - End */
/* Approval Prioirty Colour Theme - Starts */
/* Approval Prioirty Colour Theme - End */
/* Approval Status Colour Theme - Starts */
/* Approval Status Colour Theme - End */
/* AMC Action Status Colour Theme - Starts */
/* AMC Action Status Colour Theme - End */
/* Maintenance Status Colour Theme - Starts */
/* Maintenance Status Colour Theme - End */
/* Rooster Colour Theme - Starts */
/* Rooster Colour Theme - Ends */
/* Approval Status Colour Theme - Starts */
/* Approval Status Colour Theme - End */
/* Graph Service Type Colour Theme - Starts */
/* Graph Service Type Colour Theme - End */
/* Table Graph Colour Theme - Starts */
/* Table Graph Colour Theme - End */
/* Inventory Type Colour Theme - Starts */
/* Inventory Type Colour Theme - End */
/* Status Type Colour Theme - Starts */
/* Status Type Colour Theme - End */
/* Gen Colour Theme - Starts */
/* Gen Colour Theme - End */
/* BMS - Block Colour Theme - Start */
/* BMS - Block Colour Theme - End */
/* Messages - Starts */
label.error {
/*position: absolute;
background: rgba($ErrorMessageColour, 1);
color: rgba(lighten($ErrorMessageColour, 100%), 1);
left: 10px;
bottom: -15px;
z-index: 1;
padding: 5px 10px;
border-radius: 5px;*/
position: absolute !important;
background: transparent !important;
color: #C62828 !important;
left: 10px !important;
bottom: -15px;
padding: 5px 10px;
border-radius: 5px;
width: 100vh;
font-size: 14px !important;
font-weight: 600 !important;
z-index: 1;
}
div.GenMsg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: 100%;
padding: 5px 5px 5px 5px;
margin: 5px 0;
border-width: 1px;
border-style: solid;
border-radius: 5px;
position: relative;
}
div.GenMsg span.MsgTtl {
display: block;
width: 100%;
padding: 5px 25px 5px 5px;
font-size: 17px;
font-weight: 800;
text-transform: uppercase;
border-bottom: 1px solid #eee;
position: relative;
}
div.GenMsg span.MsgTxt {
display: block;
width: 100%;
padding: 5px;
font-size: 14px;
font-weight: 600;
line-height: 160%;
position: relative;
}
div.GenMsg span.MsgTxt.Icn {
padding-left: 25px;
}
div.GenMsg span.MsgTxt.Icn:before {
font-size: 16px;
left: 5px;
top: calc(50% - 9px);
position: absolute;
}
div.GenMsg .UpprCs {
text-transform: uppercase;
}
div.GenMsg .AppBtn.Close {
position: absolute;
right: 6px;
top: 8px;
width: 24px;
height: 24px;
padding: 0;
min-height: 24px;
margin: 0;
}
div.GenMsg .AppBtn.Close:before {
position: absolute;
font-size: 8px;
left: calc(50% - 4px);
top: calc(50% - 4px);
}
div.GenMsg.Error {
background: rgba(198, 40, 40, 0.05);
border-color: rgba(198, 40, 40, 0.1);
}
div.GenMsg.Error span.MsgTtl {
border-color: rgba(198, 40, 40, 0.1);
}
div.GenMsg.Error span.MsgTtl,
div.GenMsg.Error span.MsgTxt {
color: #c62828;
}
div.GenMsg.Error .AppBtn.Close {
background: rgba(198, 40, 40, 0.05);
border-color: rgba(198, 40, 40, 0.2);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.GenMsg.Error .AppBtn.Close:hover {
background: rgba(198, 40, 40, 0.1);
}
div.GenMsg.Error .AppBtn.Close:before {
color: #c62828;
}
div.GenMsg.Success {
background: rgba(46, 125, 50, 0.05);
border-color: rgba(46, 125, 50, 0.1);
}
div.GenMsg.Success span.MsgTtl {
border-color: rgba(46, 125, 50, 0.1);
}
div.GenMsg.Success span.MsgTtl,
div.GenMsg.Success span.MsgTxt {
color: #2e7d32;
}
div.GenMsg.Success .AppBtn.Close {
background: rgba(46, 125, 50, 0.05);
border-color: rgba(46, 125, 50, 0.2);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.GenMsg.Success .AppBtn.Close:hover {
background: rgba(46, 125, 50, 0.1);
}
div.GenMsg.Success .AppBtn.Close:before {
color: #2e7d32;
}
div.GenMsg.NoResult {
background: rgba(0, 0, 0, 0.05);
border-color: rgba(0, 0, 0, 0.1);
}
div.GenMsg.NoResult span.MsgTtl {
border-color: rgba(0, 0, 0, 0.1);
}
div.GenMsg.NoResult span.MsgTtl,
div.GenMsg.NoResult span.MsgTxt {
color: black;
}
div.GenMsg.NoResult .AppBtn.Close {
background: rgba(0, 0, 0, 0.05);
border-color: rgba(0, 0, 0, 0.2);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.GenMsg.NoResult .AppBtn.Close:hover {
background: rgba(0, 0, 0, 0.1);
}
div.GenMsg.NoResult .AppBtn.Close:before {
color: black;
}
div.GenMsg.WthMrgnLftRght {
margin-left: 10px;
margin-right: 10px;
width: calc(100% - 20px);
}
/* Messages - Ends */
/* General Elements CSS - Starts */
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 100%;
}
strong {
font-weight: 700;
}
.Hide {
display: none !important;
visibility: hidden !important;
}
.Lnk {
display: inline-block;
color: #00746a;
font-size: 16px;
text-decoration: none;
text-transform: capitalize;
position: relative;
cursor: pointer;
padding: 10px 3px;
}
.Lnk:hover {
text-decoration: underline;
}
.Lnk.Icn {
padding-left: 25px;
padding-right: 20px;
}
.Lnk.Icn:hover {
text-decoration: none;
}
.Lnk.Icn:before {
position: absolute;
left: 5px;
top: calc(50% - 7px);
font-size: 15px;
}
.Lnk.Icn.WISIcn-RemoveSolid {
color: #C62828;
}
.Lnk.IcnRight {
padding-left: 0;
padding-right: 25px;
}
.Lnk.IcnRight:hover {
text-decoration: none;
}
.Lnk.IcnRight:before {
position: absolute;
right: 5px;
top: calc(50% - 7px);
font-size: 15px;
}
.Lnk.IcnRight.WISIcn-RemoveSolid {
color: #C62828;
}
.Lnk.Blk {
display: block;
}
.Lnk.NoUndrln:hover {
text-decoration: none;
}
.Lnk.LrgIcnOnly:before {
font-size: 24px;
left: 10px;
top: calc(50% - 12px);
}
.Lnk.NoPadd {
padding: 0 !important;
}
.Lnk.NoPaddTop {
padding-top: 0 !important;
}
.Lnk.NoPaddBottom {
padding-bottom: 0 !important;
}
/* Button CSS - Starts */
.AppBtn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 20px;
text-decoration: none;
cursor: pointer;
border-radius: 40px;
background: #1E538F;
min-height: 40px;
color: #ffffff;
font-family: "Nunito", Arial, sans-serif;
font-size: 15px;
font-weight: 700;
outline: none;
border: 1px solid #1E538F;
/*border-bottom: 3px solid rgba(darken($ButtonColour1, 8%), 1);*/
margin: 0 10px 0 0;
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.AppBtn:active {
border-bottom: 1px solid #173f6d;
background: #173f6d;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.AppBtn.Scndry {
background: #ffffff;
color: #1E538F;
border-color: #1E538F;
}
.AppBtn.Scndry:disabled {
-webkit-filter: saturate(0) !important;
filter: saturate(0) !important;
cursor: not-allowed !important;
}
.AppBtn.Thrdry {
background: #00746a;
color: #ffffff;
border-color: #ffffff;
}
.AppBtn.Cmpct {
min-height: 30px;
padding: 0 15px;
}
.AppBtn.Icn {
padding-left: 40px;
}
.AppBtn.Icn:before {
position: absolute;
left: 15px;
top: calc(50% - 7px);
}
.AppBtn.Icn.Cmpct {
padding-left: 30px;
}
.AppBtn.Icn.Cmpct:before {
left: 10px;
}
.AppBtn.Approve {
background: #2e7d32;
color: white;
border-color: #2e7d32;
}
.AppBtn.Reject {
background: #c62828;
color: white;
border-color: #c62828;
}
.AppBtn:disabled {
-webkit-filter: saturate(0) !important;
filter: saturate(0) !important;
cursor: not-allowed !important;
}
.AppBtn.Disabled {
-webkit-filter: saturate(0) !important;
filter: saturate(0) !important;
cursor: not-allowed !important;
opacity: 0.3;
}
.AppBtn.NoBG {
background: transparent !important;
}
.AppBtn.NoBrdr {
border: none !important;
}
.AppBtn.FllWdth {
width: 100%;
margin: 0;
}
.AppBtn.IcnOnlyBgClr {
width: 40px;
}
.AppBtn.IcnOnlyBgClr:before {
color: white;
position: absolute;
}
.AppBtn.IcnOnlyBgClr.WISIcn-ArrowRight {
font-size: 28px !important;
}
.AppBtn.IcnOnlyBgClr.WISIcn-ArrowRight:before {
left: calc(50% - 13px) !important;
top: calc(50% - 13px) !important;
}
.AppBtn.FrcLft {
margin-right: auto;
}
@media only screen and (max-width: 767px) {
.AppBtn.WISIcn-Tick-Solid {
background: #17A300;
border-color: #17A300;
}
.AppBtn.WISIcn-Tick-Solid:before {
color: #fff;
}
}
.AppBtn.IcnOnly {
display: block;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: 13px;
border: none;
width: 40px;
padding: 0;
}
.AppBtn.IcnOnly.Close {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1015_427)'%3E%3Cpath d='M29.4194 25.0008L49.0853 5.33707C50.306 4.11632 50.306 2.1371 49.0853 0.916448C47.8645 -0.304303 45.8853 -0.304303 44.6647 0.916448L25.0008 20.5822L5.33707 0.916448C4.11632 -0.304303 2.1371 -0.304303 0.916448 0.916448C-0.304205 2.1372 -0.304303 4.11641 0.916448 5.33707L20.5822 25.0008L0.916448 44.6647C-0.304303 45.8854 -0.304303 47.8646 0.916448 49.0853C2.1372 50.3059 4.11641 50.306 5.33707 49.0853L25.0008 29.4194L44.6646 49.0853C45.8853 50.306 47.8645 50.306 49.0852 49.0853C50.3059 47.8645 50.3059 45.8853 49.0852 44.6647L29.4194 25.0008Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1015_427'%3E%3Crect width='50' height='50' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.AppBtn.IcnOnly.Add {
background-color: #1E538F;
background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1015_407)'%3E%3Cpath d='M25 0C20.0555 0 15.222 1.46622 11.1108 4.21326C6.99952 6.96029 3.79521 10.8648 1.90302 15.4329C0.0108322 20.0011 -0.484251 25.0277 0.480379 29.8773C1.44501 34.7268 3.82603 39.1814 7.32234 42.6777C10.8187 46.174 15.2732 48.555 20.1228 49.5196C24.9723 50.4843 29.9989 49.9892 34.5671 48.097C39.1352 46.2048 43.0397 43.0005 45.7867 38.8893C48.5338 34.778 50 29.9445 50 25C49.9928 18.3718 47.3566 12.0171 42.6698 7.33025C37.9829 2.64339 31.6282 0.00716892 25 0ZM25 45.8333C20.8796 45.8333 16.8517 44.6115 13.4256 42.3223C9.99961 40.0331 7.32935 36.7794 5.75252 32.9726C4.1757 29.1658 3.76313 24.9769 4.56698 20.9356C5.37084 16.8943 7.35503 13.1822 10.2686 10.2686C13.1822 7.35501 16.8944 5.37083 20.9356 4.56697C24.9769 3.76311 29.1658 4.17568 32.9726 5.75251C36.7794 7.32934 40.0331 9.9996 42.3223 13.4256C44.6115 16.8516 45.8333 20.8796 45.8333 25C45.8273 30.5235 43.6304 35.819 39.7247 39.7247C35.819 43.6304 30.5235 45.8273 25 45.8333ZM35.4167 25C35.4167 25.5525 35.1972 26.0824 34.8065 26.4731C34.4158 26.8638 33.8859 27.0833 33.3333 27.0833H27.0833V33.3333C27.0833 33.8859 26.8638 34.4158 26.4731 34.8065C26.0824 35.1972 25.5525 35.4167 25 35.4167C24.4475 35.4167 23.9176 35.1972 23.5269 34.8065C23.1362 34.4158 22.9167 33.8859 22.9167 33.3333V27.0833H16.6667C16.1141 27.0833 15.5842 26.8638 15.1935 26.4731C14.8028 26.0824 14.5833 25.5525 14.5833 25C14.5833 24.4475 14.8028 23.9176 15.1935 23.5269C15.5842 23.1362 16.1141 22.9167 16.6667 22.9167H22.9167V16.6667C22.9167 16.1141 23.1362 15.5842 23.5269 15.1935C23.9176 14.8028 24.4475 14.5833 25 14.5833C25.5525 14.5833 26.0824 14.8028 26.4731 15.1935C26.8638 15.5842 27.0833 16.1141 27.0833 16.6667V22.9167H33.3333C33.8859 22.9167 34.4158 23.1362 34.8065 23.5269C35.1972 23.9176 35.4167 24.4475 35.4167 25Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1015_407'%3E%3Crect width='50' height='50' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.AppBtn.IcnOnly.Access {
background-size: 24px;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1151_2' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 3C2.68629 3 0 5.68629 0 9C0 12.3137 2.68629 15 6 15H12C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3H6ZM12 5C9.79086 5 8 6.79086 8 9C8 11.2091 9.79086 13 12 13C14.2091 13 16 11.2091 16 9C16 6.79086 14.2091 5 12 5Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 3C2.68629 3 0 5.68629 0 9C0 12.3137 2.68629 15 6 15H12C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3H6ZM12 5C9.79086 5 8 6.79086 8 9C8 11.2091 9.79086 13 12 13C14.2091 13 16 11.2091 16 9C16 6.79086 14.2091 5 12 5Z' fill='%232E7D32'/%3E%3Cpath d='M1 9C1 6.23858 3.23858 4 6 4V2C2.13401 2 -1 5.13401 -1 9H1ZM6 14C3.23858 14 1 11.7614 1 9H-1C-1 12.866 2.13401 16 6 16V14ZM12 14H6V16H12V14ZM17 9C17 11.7614 14.7614 14 12 14V16C15.866 16 19 12.866 19 9H17ZM12 4C14.7614 4 17 6.23858 17 9H19C19 5.13401 15.866 2 12 2V4ZM6 4H12V2H6V4ZM9 9C9 7.34315 10.3431 6 12 6V4C9.23858 4 7 6.23858 7 9H9ZM12 12C10.3431 12 9 10.6569 9 9H7C7 11.7614 9.23858 14 12 14V12ZM15 9C15 10.6569 13.6569 12 12 12V14C14.7614 14 17 11.7614 17 9H15ZM12 6C13.6569 6 15 7.34315 15 9H17C17 6.23858 14.7614 4 12 4V6Z' fill='%232E7D32' mask='url(%23path-1-inside-1_1151_2)'/%3E%3C/svg%3E%0A");
}
.AppBtn.IcnOnly.Access.Inactive, .AppBtn.IcnOnly.Access.InActive {
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1151_2' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 3C15.3137 3 18 5.68629 18 9C18 12.3137 15.3137 15 12 15H6C2.68629 15 0 12.3137 0 9C0 5.68629 2.68629 3 6 3H12ZM6 5C8.20914 5 10 6.79086 10 9C10 11.2091 8.20914 13 6 13C3.79086 13 2 11.2091 2 9C2 6.79086 3.79086 5 6 5Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 3C15.3137 3 18 5.68629 18 9C18 12.3137 15.3137 15 12 15H6C2.68629 15 0 12.3137 0 9C0 5.68629 2.68629 3 6 3H12ZM6 5C8.20914 5 10 6.79086 10 9C10 11.2091 8.20914 13 6 13C3.79086 13 2 11.2091 2 9C2 6.79086 3.79086 5 6 5Z' fill='%23C62828'/%3E%3Cpath d='M17 9C17 6.23858 14.7614 4 12 4V2C15.866 2 19 5.13401 19 9H17ZM12 14C14.7614 14 17 11.7614 17 9H19C19 12.866 15.866 16 12 16V14ZM6 14H12V16H6V14ZM1 9C1 11.7614 3.23858 14 6 14V16C2.13401 16 -1 12.866 -1 9H1ZM6 4C3.23858 4 1 6.23858 1 9H-1C-1 5.13401 2.13401 2 6 2V4ZM12 4H6V2H12V4ZM9 9C9 7.34315 7.65685 6 6 6V4C8.76142 4 11 6.23858 11 9H9ZM6 12C7.65685 12 9 10.6569 9 9H11C11 11.7614 8.76142 14 6 14V12ZM3 9C3 10.6569 4.34315 12 6 12V14C3.23858 14 1 11.7614 1 9H3ZM6 6C4.34315 6 3 7.34315 3 9H1C1 6.23858 3.23858 4 6 4V6Z' fill='%23C62828' mask='url(%23path-1-inside-1_1151_2)'/%3E%3C/svg%3E%0A");
}
.AppBtn.MtnLst.WISIcn-DocType-Quotation {
color: #8E24AA !important;
}
.AppBtn.MtnLst.WISIcn-DocType-Completion {
color: #5E35B1 !important;
}
.AppBtn.MtnLst.WISIcn-DocType-Invoice {
color: #3949AB !important;
}
.AppBtn.MtnLst.WISIcn-DocType-Receipt {
color: #1E88E5 !important;
}
.AppBtn.MultiLvl div.SbLvl {
position: absolute;
right: 0;
top: 35px;
padding: 15px 0 0 0;
display: none;
}
.AppBtn.MultiLvl div.LnkCntnr {
background: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 10px 80px rgba(0, 0, 0, 0.3);
box-shadow: 0 10px 80px rgba(0, 0, 0, 0.3);
min-width: 250px;
padding: 10px;
}
.AppBtn.MultiLvl div.LnkCntnr a.Lnk {
border-radius: 5px;
}
.AppBtn.MultiLvl div.LnkCntnr a.Lnk:hover {
background: #00746a;
color: white;
}
.AppBtn.MultiLvl:hover div.SbLvl {
display: block;
}
.AppBtn.MrgnTp {
margin-top: 10px;
}
/* Button CSS - Ends */
/* Uploaded File Link Display - Starts */
div.UpldFlLst {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
padding: 5px 0;
}
div.UpldFlLst span.UpldFile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 5px 10px 5px 5px;
margin: 0 5px 5px 0;
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;
position: relative;
}
div.UpldFlLst span.UpldFile a.FileName {
display: block;
padding: 7px 15px 7px 30px !important;
text-decoration: none;
position: relative;
margin: 0 5px 0 0;
font-weight: 700;
}
div.UpldFlLst span.UpldFile a.FileName:before {
position: absolute;
width: 16px;
height: 16px;
font-size: 16px;
left: 5px;
top: calc(50% - 8px);
}
div.UpldFlLst span.UpldFile a.FileName:after {
content: '';
position: absolute;
width: 1px;
height: 100%;
right: 0;
top: 0;
background: #ddd;
}
div.UpldFlLst span.UpldFile a.DelBtn {
display: block;
width: 30px;
height: 30px;
text-decoration: none;
color: #DF1125;
position: relative;
}
div.UpldFlLst span.UpldFile a.DelBtn:before {
position: absolute;
width: 16px;
height: 16px;
font-size: 16px;
left: calc(50% - 8px);
top: calc(50% - 8px);
}
/* Uploaded File Link Display - Ends */
/* Form Controls - Starts */
input,
select,
optgroup,
textarea {
margin: 0;
font-family: "Nunito", Arial, sans-serif;
line-height: inherit;
}
input.error,
select.error,
optgroup.error,
textarea.error {
border-color: #c62828 !important;
}
input,
select {
height: 42px;
background: #fff;
}
input.Input {
width: 100%;
font-weight: 600;
color: #000;
padding: 10px 7px;
border-radius: 5px;
border: 1px solid #4d4d4d;
}
input.Input:focus-visible {
outline-color: #1e538f;
}
select.Input {
width: 100%;
font-weight: 600;
color: #000;
padding: 10px 7px;
border-radius: 5px;
border: 1px solid #4d4d4d;
}
select.Input:focus-visible {
outline-color: #1e538f;
}
textarea {
min-height: 70px;
}
textarea.Input {
width: 100%;
font-weight: 400;
color: #000;
padding: 10px 7px;
border-radius: 5px;
border: 1px solid #4d4d4d;
}
textarea.Input:focus-visible {
outline-color: #1e538f;
}
input[type="checkbox" i],
input[type="radio" i] {
height: auto;
-webkit-transform: scale(1.4);
transform: scale(1.4);
margin: -2px 3px 0 3px;
}
input.Icn {
background-color: #fff;
background-position: left 10px center;
background-repeat: no-repeat;
background-size: 17px;
padding-left: 35px !important;
}
input.Icn.Calendar {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1015_411)'%3E%3Cpath d='M39.5833 4.16667H37.5V2.08333C37.5 1.5308 37.2805 1.00089 36.8898 0.610194C36.4991 0.219493 35.9692 0 35.4167 0C34.8641 0 34.3342 0.219493 33.9435 0.610194C33.5528 1.00089 33.3333 1.5308 33.3333 2.08333V4.16667H16.6667V2.08333C16.6667 1.5308 16.4472 1.00089 16.0565 0.610194C15.6658 0.219493 15.1359 0 14.5833 0C14.0308 0 13.5009 0.219493 13.1102 0.610194C12.7195 1.00089 12.5 1.5308 12.5 2.08333V4.16667H10.4167C7.65501 4.16997 5.00741 5.2685 3.05462 7.22129C1.10184 9.17408 0.00330804 11.8217 0 14.5833L0 39.5833C0.00330804 42.345 1.10184 44.9926 3.05462 46.9454C5.00741 48.8982 7.65501 49.9967 10.4167 50H39.5833C42.345 49.9967 44.9926 48.8982 46.9454 46.9454C48.8982 44.9926 49.9967 42.345 50 39.5833V14.5833C49.9967 11.8217 48.8982 9.17408 46.9454 7.22129C44.9926 5.2685 42.345 4.16997 39.5833 4.16667V4.16667ZM4.16667 14.5833C4.16667 12.9257 4.82515 11.336 5.99725 10.1639C7.16935 8.99181 8.75906 8.33333 10.4167 8.33333H39.5833C41.2409 8.33333 42.8306 8.99181 44.0027 10.1639C45.1749 11.336 45.8333 12.9257 45.8333 14.5833V16.6667H4.16667V14.5833ZM39.5833 45.8333H10.4167C8.75906 45.8333 7.16935 45.1749 5.99725 44.0027C4.82515 42.8306 4.16667 41.2409 4.16667 39.5833V20.8333H45.8333V39.5833C45.8333 41.2409 45.1749 42.8306 44.0027 44.0027C42.8306 45.1749 41.2409 45.8333 39.5833 45.8333Z' fill='%23999'/%3E%3Cpath d='M25 34.375C26.7259 34.375 28.125 32.9759 28.125 31.25C28.125 29.5241 26.7259 28.125 25 28.125C23.2741 28.125 21.875 29.5241 21.875 31.25C21.875 32.9759 23.2741 34.375 25 34.375Z' fill='%23999'/%3E%3Cpath d='M14.5833 34.375C16.3092 34.375 17.7083 32.9759 17.7083 31.25C17.7083 29.5241 16.3092 28.125 14.5833 28.125C12.8574 28.125 11.4583 29.5241 11.4583 31.25C11.4583 32.9759 12.8574 34.375 14.5833 34.375Z' fill='%23999'/%3E%3Cpath d='M35.4167 34.375C37.1426 34.375 38.5417 32.9759 38.5417 31.25C38.5417 29.5241 37.1426 28.125 35.4167 28.125C33.6908 28.125 32.2917 29.5241 32.2917 31.25C32.2917 32.9759 33.6908 34.375 35.4167 34.375Z' fill='%23999'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1015_411'%3E%3Crect width='50' height='50' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
input.Icn.Search {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1015_409)'%3E%3Cpath d='M49.3896 46.4438L36.9542 34.0083C40.343 29.8637 42.0091 24.5752 41.608 19.2366C41.2069 13.898 38.7692 8.91778 34.7991 5.32609C30.8291 1.7344 25.6304 -0.193971 20.2784 -0.0601547C14.9264 0.0736616 9.83063 2.25943 6.04503 6.04503C2.25943 9.83063 0.0736616 14.9264 -0.0601547 20.2784C-0.193971 25.6304 1.7344 30.8291 5.32609 34.7991C8.91778 38.7692 13.898 41.2069 19.2366 41.608C24.5752 42.0091 29.8637 40.343 34.0083 36.9542L46.4438 49.3896C46.8367 49.7691 47.3629 49.9791 47.9092 49.9743C48.4554 49.9696 48.9779 49.7505 49.3642 49.3642C49.7505 48.9779 49.9696 48.4554 49.9743 47.9092C49.9791 47.3629 49.7691 46.8367 49.3896 46.4438ZM20.8333 37.5C17.537 37.5 14.3147 36.5225 11.5738 34.6912C8.83301 32.8598 6.6968 30.2568 5.43534 27.2114C4.17388 24.166 3.84383 20.8148 4.48691 17.5818C5.13 14.3488 6.71735 11.3791 9.04822 9.04822C11.3791 6.71735 14.3488 5.13 17.5818 4.48691C20.8148 3.84383 24.166 4.17388 27.2114 5.43534C30.2568 6.6968 32.8598 8.83301 34.6912 11.5738C36.5225 14.3147 37.5 17.537 37.5 20.8333C37.495 25.2521 35.7375 29.4884 32.613 32.613C29.4884 35.7375 25.2521 37.495 20.8333 37.5Z' fill='%23999'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1015_409'%3E%3Crect width='50' height='50' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
div.FormCheck {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
padding: 0 5px 0 0;
}
div.FormCheck.FullWidth {
width: 100%;
}
div.FormCheck label {
padding: 0 5px 0 5px;
cursor: pointer;
font-size: 16px;
}
div.FormCheck.LrgFnt label {
font-size: 17px;
font-weight: 700;
}
/* Form Controls - Ends */
/* Scroll CSS - Starts */
::-webkit-scrollbar {
height: 8px;
width: 8px;
}
::-webkit-scrollbar-track {
background: rgba(30, 83, 143, 0.05);
}
::-webkit-scrollbar-thumb {
background: #1e538f;
border-radius: 10px;
cursor: -webkit-grabbing;
cursor: grabbing;
}
::-webkit-scrollbar-thumb:hover {
background: #1e538f;
}
/* Scroll CSS - Ends */
/* Tabs CSS - Starts */
/* Page Title Tabs */
div.AppCmpctTbHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
background: white;
border: 1px solid #00746a;
padding: 2px;
border-radius: 25px;
margin: 0 0 0 20px;
}
div.AppCmpctTbHldr span.DtTxt {
font-size: 16px;
padding: 0 5px;
}
div.AppCmpctTbHldr .TabLnk {
display: block;
position: relative;
padding: 6px 18px;
margin: 1px;
border-radius: 20px;
color: #00746a;
border: 1px solid rgba(0, 116, 106, 0);
text-align: center;
font-size: 16px;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppCmpctTbHldr .TabLnk:hover {
background: rgba(255, 255, 255, 0.5);
border: 1px solid rgba(0, 116, 106, 0.3);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppCmpctTbHldr .TabLnk.Actv {
background: #00746a;
color: white;
border: 1px solid #00746a;
cursor: default;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppCmpctTbHldr .TabLnk.Icn {
padding-left: 30px;
}
div.AppCmpctTbHldr .TabLnk.Icn:before {
position: absolute;
left: 10px;
}
div.AppCmpctTbHldr .TabLnk.IcnOnly {
min-width: 40px;
min-height: 30px;
}
div.AppCmpctTbHldr.Compact {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
div.AppCmpctTbHldr.NoMrgn {
margin: 0;
}
/* Page Inner Content Tabs */
div.AppFllTbHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
padding: 5px 0;
}
div.AppFllTbHldr .TabLnk {
display: block;
padding: 10px 25px;
margin: 1px 2px;
border-radius: 30px;
color: #005b53;
font-size: 15px;
font-weight: 600;
border: 1px solid #00746a;
text-align: center;
text-decoration: none;
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppFllTbHldr .TabLnk:hover {
background: white;
border: 1px solid #00746a;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppFllTbHldr .TabLnk.Actv {
background: #00746a;
color: white;
border: 1px solid #00746a;
cursor: default;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppFllTbHldr .TabLnk.Icn {
padding-left: 40px;
}
div.AppFllTbHldr .TabLnk.Icn:before {
position: absolute;
width: 16px;
height: 16px;
font-size: 16px;
left: 15px;
top: calc(50% - 8px);
}
div.AppFllTbHldr .TabLnk span.Blk {
display: block;
}
/* Compact Tabs */
div.CmpctTbsHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
height: 100px;
}
div.CmpctTbsHldr span.TbHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
position: relative;
background-color: white;
border: 1px solid rgba(30, 83, 143, 0.25);
border-radius: 7px;
padding: 15px 10px;
margin: 0 5px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
cursor: pointer;
}
div.CmpctTbsHldr span.TbHldr span.VluNmb {
display: block;
text-align: center;
font-size: 22px;
font-weight: 600;
width: 100%;
}
div.CmpctTbsHldr span.TbHldr span.VluNmb.TxtAlgnLft {
text-align: left;
}
div.CmpctTbsHldr span.TbHldr span.VluTxt {
display: block;
text-align: center;
font-size: 14px;
padding: 5px 0 0 0;
width: 100%;
}
div.CmpctTbsHldr span.TbHldr span.VluTxt.TxtAlgnLft {
text-align: left;
}
div.CmpctTbsHldr span.TbHldr span.VluNmb.NoPdTp, div.CmpctTbsHldr span.TbHldr span.VluTxt.NoPdTp {
padding-top: 0;
}
div.CmpctTbsHldr span.TbHldr.OnTime {
border-color: #17a300;
}
div.CmpctTbsHldr span.TbHldr.OnTime span.VluNmb {
color: #17a300;
}
div.CmpctTbsHldr span.TbHldr.Delayed {
border-color: #ed7302;
}
div.CmpctTbsHldr span.TbHldr.Delayed span.VluNmb {
color: #ed7302;
}
div.CmpctTbsHldr span.TbHldr.Incomplete {
border-color: #c62828;
}
div.CmpctTbsHldr span.TbHldr.Incomplete span.VluNmb {
color: #c62828;
}
div.CmpctTbsHldr span.TbHldr.Upcoming {
border-color: #1e538f;
}
div.CmpctTbsHldr span.TbHldr.Upcoming span.VluNmb {
color: #1e538f;
}
div.CmpctTbsHldr span.TbHldr.Scheduled {
border-color: #e8eef4;
}
div.CmpctTbsHldr span.TbHldr.Scheduled span.VluNmb {
color: #e8eef4;
}
div.CmpctTbsHldr.Theme-1 span.TbHldr {
border-color: transparent;
}
div.CmpctTbsHldr.Theme-1 span.TbHldr.Actv {
background: #1e538f;
}
div.CmpctTbsHldr.Theme-1 span.TbHldr.Actv span.VluNmb, div.CmpctTbsHldr.Theme-1 span.TbHldr.Actv span.VluTxt {
color: white;
}
div.CmpctTbsHldr.Theme-1 span.TbHldr:hover {
border-color: #1e538f;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.CmpctTbsHldr.Theme-1 span.TbHldr.OnTime:hover {
border-color: #17a300;
}
div.CmpctTbsHldr.Theme-1 span.TbHldr.OnTime.Actv {
background: #17a300;
}
div.CmpctTbsHldr.Theme-1 span.TbHldr.Delayed:hover {
border-color: #ed7302;
}
div.CmpctTbsHldr.Theme-1 span.TbHldr.Delayed.Actv {
background: #ed7302;
}
div.CmpctTbsHldr.Theme-1 span.TbHldr.Incomplete:hover {
border-color: #c62828;
}
div.CmpctTbsHldr.Theme-1 span.TbHldr.Incomplete.Actv {
background: #c62828;
}
div.CmpctTbsHldr.Theme-1 span.TbHldr.Upcoming:hover {
border-color: #1e538f;
}
div.CmpctTbsHldr.Theme-1 span.TbHldr.Upcoming.Actv {
background: #1e538f;
}
div.CmpctTbsHldr.Theme-1 span.TbHldr.Scheduled:hover {
border-color: #e8eef4;
}
div.CmpctTbsHldr.Theme-1 span.TbHldr.Scheduled.Actv {
background: #e8eef4;
}
div.CmpctTbsHldr.Theme-2 span.TbHldr {
padding-left: 40px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.CmpctTbsHldr.Theme-2 span.TbHldr:before {
content: '';
position: absolute;
width: 20px;
height: 20px;
background: white;
border: 1px solid rgba(30, 83, 143, 0.5);
border-radius: 20px;
left: 10px;
top: calc(50% - 11px);
}
div.CmpctTbsHldr.Theme-2 span.TbHldr:hover {
border-color: rgba(30, 83, 143, 0.75);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.CmpctTbsHldr.Theme-2 span.TbHldr.Actv {
border-color: #1e538f;
color: #1e538f;
}
div.CmpctTbsHldr.Theme-2 span.TbHldr.Actv:before {
background: #1E538F url('data:image/svg+xml,') no-repeat center center;
background-size: 12px;
}
div.CmpctTbsHldr.Theme-2 span.TbHldr.Actv span.VluNmb, div.CmpctTbsHldr.Theme-2 span.TbHldr.Actv span.VluTxt {
color: #1e538f;
font-weight: 700;
}
div.CmpctTbsHldr.Theme-3 span.TbHldr {
background: rgba(30, 83, 143, 0.05);
border: none;
cursor: default;
}
div.CmpctTbsHldr.Theme-3 span.TbHldr span.VluNmb, div.CmpctTbsHldr.Theme-3 span.TbHldr span.VluTxt {
text-align: left;
}
div.CmpctTbsHldr.AutoHght {
height: auto;
}
div.CmpctTbsHldr.AutoWdth {
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
/* Simple Tabs */
div.SmplTbsDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
width: 100%;
padding: 10px 0;
border-bottom: 1px solid rgba(30, 83, 143, 0.1);
}
div.SmplTbsDv .TabLnk {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
text-decoration: none;
color: #000;
cursor: pointer;
font-size: 16px;
font-weight: 600;
padding: 10px 20px 10px 20px;
background: transparent !important;
border: none !important;
}
div.SmplTbsDv .TabLnk:after {
content: '';
position: absolute;
width: 0;
left: 50%;
bottom: -11px;
height: 1px;
background: #1e538f;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.SmplTbsDv .TabLnk.Icn {
padding: 10px 20px 10px 35px;
}
@media only screen and (max-width: 767px) {
div.SmplTbsDv .TabLnk.Icn {
padding: 25px 5px 10px 5px;
}
}
div.SmplTbsDv .TabLnk.Icn:before {
position: absolute;
left: 10px;
top: calc(50% - 8px);
font-size: 16px;
}
@media only screen and (max-width: 767px) {
div.SmplTbsDv .TabLnk.Icn:before {
left: calc(50% - 8px);
top: 0;
}
}
div.SmplTbsDv .TabLnk.Actv {
font-weight: 700;
}
div.SmplTbsDv .TabLnk:hover, div.SmplTbsDv .TabLnk.Actv {
color: #1e538f;
}
div.SmplTbsDv .TabLnk:hover:after, div.SmplTbsDv .TabLnk.Actv:after {
width: 100%;
left: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media only screen and (max-width: 767px) {
div.SmplTbsDv .TabLnk {
padding: 35px 20px 10px 10px;
text-align: center;
font-size: 13px;
}
div.SmplTbsDv .TabLnk:before {
top: 0;
left: calc(50% - 8px);
}
}
/* Gen Simple Tabs Section CSS */
div.TabSection {
width: 100%;
padding: 20px 0;
}
div.TabSection.NoPddTop {
padding-top: 0;
}
div.TabSection.NoPdd {
padding: 0;
}
div.TabSection div.TabsDv {
width: 100%;
}
div.TabSection div.SectionDv {
width: 100%;
padding: 20px 0 0 0;
}
div.TabSection div.SectionDv.NoPddTop {
padding-top: 0;
}
div.TabSection div.SectionDv.NoPdd {
padding: 0;
}
div.TabSection div.SectionDv div.Sctn {
width: 100%;
}
/* Tabs CSS - Ends */
/* Table CSS - Starts */
table.AppGenTable {
margin: 5px 0 0 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
table.AppGenTable thead {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 9;
}
@media only screen and (max-width: 767px) {
table.AppGenTable thead {
display: none;
}
}
table.AppGenTable tr {
position: relative;
z-index: 1;
}
table.AppGenTable tr:nth-child(even) td {
background: rgba(30, 83, 143, 0.05);
}
table.AppGenTable tr:last-of-type td {
border-bottom: 1px solid rgba(30, 83, 143, 0.05);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
table.AppGenTable tr:hover {
z-index: 2;
}
table.AppGenTable tr:hover td {
background: rgba(30, 83, 143, 0.1);
}
@media only screen and (max-width: 767px) {
table.AppGenTable tr.DsplGrd {
display: -ms-grid;
display: grid;
border: 1px solid rgba(102, 102, 102, 0.2);
border-radius: 10px;
margin-bottom: 20px;
}
}
table.AppGenTable tr.WthBG {
background: rgba(30, 83, 143, 0.05);
}
table.AppGenTable tr.NoBrdr td {
border: none !important;
}
table.AppGenTable tr.Rspns {
background: #FAEFEF !important;
}
table.AppGenTable th,
table.AppGenTable td {
line-break: auto;
padding: 14px 10px;
text-align: left;
vertical-align: top;
position: relative;
border-left: 1px solid rgba(30, 83, 143, 0.1);
table-layout: fixed;
}
table.AppGenTable th:last-of-type,
table.AppGenTable td:last-of-type {
border-radius: 0 5px 5px 0;
}
table.AppGenTable th:first-of-type,
table.AppGenTable td:first-of-type {
border-radius: 5px 0 0 5px;
border-left-width: 0;
}
table.AppGenTable th.CntrAlgn,
table.AppGenTable td.CntrAlgn {
text-align: center;
}
table.AppGenTable th.RghtAlgn,
table.AppGenTable td.RghtAlgn {
text-align: right;
}
@media only screen and (max-width: 767px) {
table.AppGenTable th,
table.AppGenTable td {
border-left: none;
border-top: 1px solid rgba(30, 83, 143, 0.1);
}
table.AppGenTable th:first-of-type,
table.AppGenTable td:first-of-type {
border-top-width: 0;
}
}
table.AppGenTable.VAMiddle th,
table.AppGenTable.VAMiddle td {
vertical-align: middle;
}
table.AppGenTable th {
background: #1e538f;
font-size: 17px;
font-weight: 700;
border-color: #276bb9;
color: white;
}
table.AppGenTable th .Lnk {
cursor: pointer;
text-decoration: none;
font-size: 17px;
color: #1E538F;
}
table.AppGenTable th .Lnk.Srt {
display: inline-block;
padding: 0 20px 0 0;
}
table.AppGenTable th .Lnk.Srt:before {
position: absolute;
right: 5px;
font-size: 10px;
top: calc(50% - 5px);
}
table.AppGenTable td {
background: rgba(0, 0, 0, 0);
font-size: 16px;
}
table.AppGenTable td.SubTableWthn {
padding-left: 0;
padding-right: 0;
background: rgba(30, 83, 143, 0.05) !important;
}
table.AppGenTable td.TDTreeVw {
position: relative;
padding-left: 15px;
}
table.AppGenTable td.TDTreeVw span.TreeVlu {
padding-left: 25px;
}
table.AppGenTable td.TDTreeVw span.TreeVlu:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
border-radius: 10px;
background: #1E538F;
left: 10px;
top: calc(50% - 5px);
z-index: 3;
}
table.AppGenTable td.TDTreeVw span.TreeVlu:after {
content: '';
position: absolute;
width: 10px;
height: 1px;
background: #1E538F;
left: 0;
top: 50%;
z-index: 1;
}
table.AppGenTable td.TDTreeVw .Lnk {
padding-right: 20px;
}
table.AppGenTable td.TDTreeVw .Lnk:hover {
text-decoration: none;
}
table.AppGenTable td.TDTreeVw .Lnk:before {
position: absolute;
right: 0;
}
table.AppGenTable td.TDTreeVw:after {
content: '';
position: absolute;
width: 1px;
height: 100%;
background: #1E538F;
left: 15px;
top: 0;
z-index: 1;
}
table.AppGenTable td.TDTreeVw.Strt:after {
height: 50%;
top: 50%;
}
table.AppGenTable td.TDTreeVw.Strt span.TreeVlu {
padding-left: 10px;
}
table.AppGenTable td.TDTreeVw.Strt span.TreeVlu:before {
left: -4px;
}
table.AppGenTable td.TDTreeVw.Strt span.TreeVlu:after {
display: none;
}
table.AppGenTable td.TDTreeVw.End:after {
height: 50%;
top: 0;
}
table.AppGenTable td.TDTreeVw.Cllps:after {
display: none;
}
table.AppGenTable td .Lnk {
padding: 0;
font-weight: 600;
}
table.AppGenTable td .Lnk.Icn {
padding-left: 25px;
padding-right: 20px;
}
table.AppGenTable td span {
position: relative;
}
table.AppGenTable td span.Blk {
display: block;
}
table.AppGenTable td span.InlnBlk {
display: inline-block;
}
table.AppGenTable td span.HntTxt {
font-size: 12px;
}
table.AppGenTable td span.TxtInactive {
opacity: 0.5;
}
table.AppGenTable td span.PdBttm {
padding-bottom: 10px;
}
table.AppGenTable td span.WInfoIcn {
padding-right: 40px;
}
table.AppGenTable td span.WInfoIcn div.InfoBxHldr {
position: absolute;
right: 0;
top: calc(50% - 15px);
}
table.AppGenTable td span.WInfoIcn div.InfoBxHldr:hover {
z-index: 2;
}
table.AppGenTable td span.EmpType {
padding: 10px;
border-radius: 5px;
}
table.AppGenTable td span.EmpType.Theme1-FullTime {
background: #d4e4ff;
}
table.AppGenTable td span.EmpType.Theme1-PartTime {
background: #ffeecc;
}
table.AppGenTable td span.EmpType.Theme1-Contract {
background: #dde2e4;
}
table.AppGenTable td span.EmpType.Theme2-FullTime {
background: #d4e4ff;
}
table.AppGenTable td span.EmpType.Theme2-PartTime {
background: #ffeecc;
}
table.AppGenTable td span.EmpType.Theme2-Contract {
background: #dde2e4;
}
table.AppGenTable td span.ApprvlPrty {
padding: 10px;
border-radius: 5px;
}
table.AppGenTable td span.ApprvlPrty.Theme1-High {
background: rgba(225, 83, 83, 0.3);
}
table.AppGenTable td span.ApprvlPrty.Theme1-Medium {
background: rgba(220, 135, 0, 0.3);
}
table.AppGenTable td span.ApprvlPrty.Theme1-Low {
background: rgba(120, 178, 52, 0.3);
}
table.AppGenTable td span.ApprvlPrty.Theme2-High {
background: rgba(212, 228, 255, 0.3);
}
table.AppGenTable td span.ApprvlPrty.Theme2-Medium {
background: rgba(255, 238, 204, 0.3);
}
table.AppGenTable td span.ApprvlPrty.Theme2-Low {
background: rgba(221, 226, 228, 0.3);
}
table.AppGenTable td span.ApprvlStts {
padding: 10px;
border-radius: 5px;
}
table.AppGenTable td span.ApprvlStts.Theme1-Approved {
background: #cee9cd;
}
table.AppGenTable td span.ApprvlStts.Theme1-PendingApproval {
background: #d3d8ef;
}
table.AppGenTable td span.ApprvlStts.Theme1-Rejected {
background: #fbeaea;
}
table.AppGenTable td span.ApprvlStts.Theme1-OnHold {
background: #d6d7bd;
}
table.AppGenTable td span.ApprvlStts.Theme2-Approved {
background: #0fc8a3;
}
table.AppGenTable td span.ApprvlStts.Theme2-PendingApproval {
background: #fd7036;
}
table.AppGenTable td span.ApprvlStts.Theme2-Rejected {
background: #df1125;
}
table.AppGenTable td span.ApprvlStts.Theme2-OnHold {
background: #9ed59e;
}
table.AppGenTable td span.AMCActnStts {
padding: 10px;
border-radius: 20px;
text-align: center;
font-weight: 700;
}
table.AppGenTable td span.AMCActnStts.OnTime {
background: #17a300;
color: white;
}
table.AppGenTable td span.AMCActnStts.Delayed {
background: #ed7302;
color: white;
}
table.AppGenTable td span.AMCActnStts.Incomplete {
background: #c62828;
color: white;
}
table.AppGenTable td span.AMCActnStts.Upcoming {
background: #1e538f;
color: white;
}
table.AppGenTable td span.AMCActnStts.Scheduled {
background: #e8eef4;
color: white;
}
table.AppGenTable td span.AMCActnStts.Scheduled {
color: #1e538f !important;
}
table.AppGenTable td span.AMCActnPndng {
padding: 10px 10px 10px 30px;
margin: 0 10px 0 0;
border-radius: 20px;
color: #1e538f;
font-size: 16px;
border: 2px solid #E65100;
}
table.AppGenTable td span.AMCActnPndng:before {
position: absolute;
left: 8px;
top: calc(50% - 8px);
color: #E65100;
}
table.AppGenTable td span.AMCActnPndng.NoBrdr {
border: none;
padding: 0 0 0 30px;
border-radius: 0;
}
table.AppGenTable td span.AMCActnPndng.NoTxt {
border: none;
padding: 20px 15px;
}
table.AppGenTable td span.Cmplt {
padding: 10px;
border-radius: 5px;
}
table.AppGenTable td span.Cmplt.Theme1-Emergency {
background: rgba(211, 47, 47, 0.08);
}
table.AppGenTable td span.Cmplt.Theme1-Minor {
background: rgba(255, 171, 0, 0.08);
}
table.AppGenTable td span.Cmplt.Theme1-Major {
background: rgba(41, 121, 255, 0.08);
}
table.AppGenTable td span.Cmplt.Theme1-Upgradation {
background: rgba(140, 158, 255, 0.08);
}
table.AppGenTable td span.Cmplt.Theme1-Periodical {
background: rgba(221, 226, 228, 0.08);
}
table.AppGenTable td span.Cmplt.Theme1-High {
background: rgba(225, 83, 83, 0.08);
}
table.AppGenTable td span.Cmplt.Theme2-Emergency {
background: rgba(255, 136, 0, 0.08);
}
table.AppGenTable td span.Cmplt.Theme2-Minor {
background: rgba(115, 255, 0, 0.08);
}
table.AppGenTable td span.Cmplt.Theme2-Major {
background: rgba(152, 41, 255, 0.08);
}
table.AppGenTable td span.Cmplt.Theme2-Upgradation {
background: rgba(22, 194, 206, 0.08);
}
table.AppGenTable td span.Cmplt.Theme2-Periodical {
background: rgba(221, 226, 228, 0.08);
}
table.AppGenTable td span.Cmplt.Theme2-High {
background: rgba(225, 83, 83, 0.08);
}
table.AppGenTable td span.CmpltType {
padding-left: 15px;
}
table.AppGenTable td span.CmpltType:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
border-radius: 5px;
left: 0;
top: calc(50% - 5px);
}
table.AppGenTable td span.CmpltType.Theme1-Emergency:before {
background: #d32f2f;
}
table.AppGenTable td span.CmpltType.Theme1-Minor:before {
background: #ffab00;
}
table.AppGenTable td span.CmpltType.Theme1-Major:before {
background: #2979ff;
}
table.AppGenTable td span.CmpltType.Theme1-Upgradation:before {
background: #8c9eff;
}
table.AppGenTable td span.CmpltType.Theme1-Periodical:before {
background: #dde2e4;
}
table.AppGenTable td span.CmpltType.Theme1-High:before {
background: #e15353;
}
table.AppGenTable td span.CmpltType.Theme2-Emergency:before {
background: #ff8800;
}
table.AppGenTable td span.CmpltType.Theme2-Minor:before {
background: #73ff00;
}
table.AppGenTable td span.CmpltType.Theme2-Major:before {
background: #9829ff;
}
table.AppGenTable td span.CmpltType.Theme2-Upgradation:before {
background: #16c2ce;
}
table.AppGenTable td span.CmpltType.Theme2-Periodical:before {
background: #dde2e4;
}
table.AppGenTable td span.CmpltType.Theme2-High:before {
background: #e15353;
}
table.AppGenTable td span.CmpltPrty {
padding-left: 15px;
}
table.AppGenTable td span.CmpltPrty:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
border-radius: 5px;
left: 0;
top: calc(50% - 5px);
}
table.AppGenTable td span.CmpltPrty.Theme1-High:before {
background: #ff0303;
}
table.AppGenTable td span.CmpltPrty.Theme1-Medium:before {
background: #dc5200;
}
table.AppGenTable td span.CmpltPrty.Theme1-Low:before {
background: #4e8d05;
}
table.AppGenTable td span.CmpltPrty.Theme2-High:before {
background: #d4e4ff;
}
table.AppGenTable td span.CmpltPrty.Theme2-Medium:before {
background: #ffeecc;
}
table.AppGenTable td span.CmpltPrty.Theme2-Low:before {
background: #dde2e4;
}
table.AppGenTable td span.CmpltPrty.ReOpened {
padding-right: 25px;
}
table.AppGenTable td span.CmpltPrty.ReOpened:after {
content: 'R';
position: absolute;
background: #1E538F;
width: 20px;
height: 20px;
right: 0;
top: calc(50% - 10px);
color: white;
text-align: center;
border-radius: 5px;
line-height: 100%;
padding: 4px 0 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
table.AppGenTable td span.InvType {
padding-left: 14px;
}
table.AppGenTable td span.InvType:before {
content: '';
position: absolute;
width: 6px;
height: 100%;
border-radius: 3px;
left: 0;
top: 0;
}
table.AppGenTable td span.InvType.Theme1-HCHV:before {
background: #ea383a;
}
table.AppGenTable td span.InvType.Theme1-LCLV:before {
background: #37d3ae;
}
table.AppGenTable td span.InvType.Theme1-LCHV:before {
background: #fda27e;
}
table.AppGenTable td span.InvType.Theme1-HCLV:before {
background: #9f8d7e;
}
table.AppGenTable td span.InvType.Theme2-HCHV:before {
background: #ea383a;
}
table.AppGenTable td span.InvType.Theme2-LCLV:before {
background: #37d3ae;
}
table.AppGenTable td span.InvType.Theme2-LCHV:before {
background: #fda27e;
}
table.AppGenTable td span.InvType.Theme2-HCLV:before {
background: #9f8d7e;
}
table.AppGenTable td span.SttsType {
display: inline-block;
text-align: center;
min-width: 100px;
margin: 0 auto;
padding: 10px 20px;
text-transform: uppercase;
border-radius: 20px;
font-weight: 700;
}
table.AppGenTable td span.SttsType.Theme1-On {
background: #2e7d32;
color: white;
}
table.AppGenTable td span.SttsType.Theme1-Off {
background: #c62828;
color: white;
}
table.AppGenTable td span.SttsType.Theme1-Auto {
background: #00acc1;
color: white;
}
table.AppGenTable td span.SttsType.Theme1-Manual {
background: #9e9d24;
color: white;
}
table.AppGenTable td span.SttsType.Theme1-Value {
background: #1a237e;
color: white;
}
table.AppGenTable td span.SttsType.Theme1-Trip {
background: #ff6f00;
color: white;
}
table.AppGenTable td span.SttsType.Theme1-NoTrip {
background: #9e9d24;
color: white;
}
table.AppGenTable td span.SttsType.Theme2-On {
background: #2e7d32;
color: white;
}
table.AppGenTable td span.SttsType.Theme2-Off {
background: #c62828;
color: white;
}
table.AppGenTable td span.SttsType.Theme2-Auto {
background: #00acc1;
color: white;
}
table.AppGenTable td span.SttsType.Theme2-Manual {
background: #9e9d24;
color: white;
}
table.AppGenTable td span.SttsType.Theme2-Value {
background: #1a237e;
color: white;
}
table.AppGenTable td span.SttsType.Theme2-Trip {
background: #ff6f00;
color: white;
}
table.AppGenTable td span.SttsType.Theme2-NoTrip {
background: #9e9d24;
color: white;
}
table.AppGenTable td .AppBtn.CmpltStts {
width: 100%;
padding-left: 20px;
padding-right: 40px;
border-radius: 5px;
text-align: left;
margin: 0;
}
table.AppGenTable td .AppBtn.CmpltStts.Icn:before {
font-size: 22px;
top: calc(50% - 11px);
right: 15px;
left: inherit;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme1-Ongoing {
/*background: rgba(lighten($ComplaintStatusColour, 80%), 1);*/
background: #c7cde9;
color: #070911;
border-color: #c7cde9;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme1-Ongoing:before {
color: #070911;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme1-AssignComplaint {
/*background: rgba(lighten($ComplaintStatusColour, 80%), 1);*/
background: #c3def5;
color: #05111b;
border-color: #c3def5;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme1-AssignComplaint:before {
color: #05111b;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme1-PendingApproval {
/*background: rgba(lighten($ComplaintStatusColour, 80%), 1);*/
background: #ffae8d;
color: black;
border-color: #ffae8d;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme1-PendingApproval:before {
color: black;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme1-Delayed {
/*background: rgba(lighten($ComplaintStatusColour, 80%), 1);*/
background: #ffa8b1;
color: #0f0002;
border-color: #ffa8b1;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme1-Delayed:before {
color: #0f0002;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme1-Completed {
/*background: rgba(lighten($ComplaintStatusColour, 80%), 1);*/
background: #9ed59e;
color: black;
border-color: #9ed59e;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme1-Completed:before {
color: black;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme1-ReOpened {
/*background: rgba(lighten($ComplaintStatusColour, 80%), 1);*/
background: #ffa3d4;
color: #0a0005;
border-color: #ffa3d4;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme1-ReOpened:before {
color: #0a0005;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme2-Ongoing {
/*background: rgba(lighten($ComplaintStatusColour, 80%), 1);*/
background: #0fc8a3;
color: black;
border-color: #0fc8a3;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme2-Ongoing:before {
color: black;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme2-AssignComplaint {
/*background: rgba(lighten($ComplaintStatusColour, 80%), 1);*/
background: #228be6;
color: black;
border-color: #228be6;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme2-AssignComplaint:before {
color: black;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme2-PendingApproval {
/*background: rgba(lighten($ComplaintStatusColour, 80%), 1);*/
background: #fd7036;
color: black;
border-color: #fd7036;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme2-PendingApproval:before {
color: black;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme2-Delayed {
/*background: rgba(lighten($ComplaintStatusColour, 80%), 1);*/
background: #df1125;
color: black;
border-color: #df1125;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme2-Delayed:before {
color: black;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme2-Completed {
/*background: rgba(lighten($ComplaintStatusColour, 80%), 1);*/
background: #9ed59e;
color: black;
border-color: #9ed59e;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme2-Completed:before {
color: black;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme2-ReOpened {
/*background: rgba(lighten($ComplaintStatusColour, 80%), 1);*/
background: #e0bce3;
color: #050205;
border-color: #e0bce3;
}
table.AppGenTable td .AppBtn.CmpltStts.Theme2-ReOpened:before {
color: #050205;
}
table.AppGenTable td div.TDFlxCntnr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
table.AppGenTable td div.MntncDvSct {
padding: 5px 0;
}
table.AppGenTable td div.FormCheck {
height: 20px !important;
}
table.AppGenTable td div.FormCheck input[type=checkbox i],
table.AppGenTable td div.FormCheck input[type=radio i] {
margin: 1px 3px 0 3px;
}
table.AppGenTable.AMCMobActn tr {
border-bottom: 3px solid #fff;
}
table.AppGenTable.MastersTreeView {
margin: 0 !important;
}
table.AppGenTable.MastersTreeView tr:first-of-type td {
border-top: none;
}
table.AppGenTable.MastersTreeView tr:nth-child(even) td {
background: rgba(0, 0, 0, 0);
}
table.AppGenTable.MastersTreeView tr td {
padding: 0 0 0 20px;
border-radius: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
table.AppGenTable.MastersTreeView tr td:last-of-type {
padding-left: 0;
}
table.AppGenTable.MastersTreeView tr td:first-of-type:before {
content: '';
position: absolute;
width: 1px;
height: calc(100% - 50px);
background: #1E538F;
left: 5px;
top: 25px;
}
table.AppGenTable.MastersTreeView tr td.AccssTD {
width: 90px !important;
}
table.AppGenTable.MastersTreeView tr td.FrstTD {
padding-left: 0;
}
table.AppGenTable.MastersTreeView tr td.FrstTD:before {
display: none;
}
table.AppGenTable.MastersTreeView tr td.FrstTD div.FormHldr {
padding-left: 0;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable {
margin: 0 0 -1px 0;
border-top: 1px solid #eee;
position: relative;
background: #fff;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr {
position: relative;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td {
border-bottom: 1px solid #eee;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td:first-of-type:before {
background: #d8bbf1;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td:first-of-type:after {
display: none;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td div.BranchDetails div.BranchName span.Name:before {
background: #d8bbf1;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td div.BranchDetails div.BranchName span.Name:after {
background: #1E538F;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td div.BranchDetails div.AddButton a.AppBtn {
background-color: #d8bbf1;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td div.FormHldr div.row {
position: relative;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td div.FormHldr div.row:before {
content: '';
position: absolute;
width: 1px;
height: 100%;
background: #fff;
left: -15px;
top: 0;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td div.FormHldr div.row:after {
content: '';
position: absolute;
width: 1px;
height: 100%;
background: #1E538F;
left: -35px;
top: 0;
z-index: 1;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type {
position: relative;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type:before {
content: '';
position: absolute;
width: 11px;
height: 11px;
background: #d8bbf1;
border-radius: 6px;
left: -20px;
top: calc(50% - 10px);
z-index: 3;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type:after {
content: '';
position: absolute;
width: 25px;
height: 1px;
background: #1E538F;
left: -35px;
top: calc(50% - 5px);
z-index: 2;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td div.FormHldr div.row:last-of-type > div:before {
display: none;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td div.FormHldr div.row:last-of-type > div:after {
width: 1px;
height: calc(100% + 29px);
top: -29px;
background: #fff !important;
display: none;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td:first-of-type:before {
background: #f1bbd4;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td div.BranchDetails div.BranchName span.Name:before {
background: #f1bbd4;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td div.BranchDetails div.BranchName span.Name:after {
background: #d8bbf1;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td div.BranchDetails div.AddButton a.AppBtn {
background-color: #f1bbd4;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row:after {
background: #d8bbf1;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type {
position: relative;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type:before {
background: #f1bbd4;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type:after {
background: #d8bbf1;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td:first-of-type:before {
background: #f1d8bb;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.BranchDetails div.BranchName span.Name:before {
background: #f1d8bb;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.BranchDetails div.BranchName span.Name:after {
background: #f1bbd4;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.BranchDetails div.AddButton a.AppBtn {
background-color: #f1d8bb;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row:after {
background: #f1bbd4;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type {
position: relative;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type:before {
background: #f1d8bb;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type:after {
background: #f1bbd4;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td:first-of-type:before {
background: #6bb927;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.BranchDetails div.BranchName span.Name:before {
background: #6bb927;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.BranchDetails div.BranchName span.Name:after {
background: #f1d8bb;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.BranchDetails div.AddButton a.AppBtn {
background-color: #6bb927;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row:after {
background: #f1d8bb;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type {
position: relative;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type:before {
background: #6bb927;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type:after {
background: #f1d8bb;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td:first-of-type:before {
background: #bbd4f1;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.BranchDetails div.BranchName span.Name:before {
background: #bbd4f1;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.BranchDetails div.BranchName span.Name:after {
background: #6bb927;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.BranchDetails div.AddButton a.AppBtn {
background-color: #bbd4f1;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row:after {
background: #6bb927;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type {
position: relative;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type:before {
background: #bbd4f1;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type:after {
background: #6bb927;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td:first-of-type:before {
background: #276bb9;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.BranchDetails div.BranchName span.Name:before {
background: #276bb9;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.BranchDetails div.BranchName span.Name:after {
background: #27b9a5;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.BranchDetails div.AddButton a.AppBtn {
background-color: #276bb9;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row:after {
background: #bbe6f1;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type {
position: relative;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type:before {
background: #bbd4f1;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td table.AppGenTable tr td div.FormHldr div.row > div:first-of-type:after {
background: #bbe6f1;
}
table.AppGenTable.MastersTreeView tr td table.AppGenTable tbody > tr:last-of-type::after {
content: '';
position: absolute;
width: 1px;
height: calc(100% - 40px);
background: #fff;
left: -15px;
top: 26px;
}
table.AppGenTable.MastersTreeView tr td div.FormHldr {
padding-left: 20px;
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
position: relative;
height: 50px;
padding: 0 10px 0 0;
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Name {
display: block;
padding: 10px 10px 10px 20px;
margin: 0 0 0 -20px;
position: relative;
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Name:before {
content: '';
position: absolute;
width: 11px;
height: 11px;
background: #1E538F;
border-radius: 6px;
left: 0;
top: calc(50% - 5px);
z-index: 3;
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Name:after {
content: '';
position: absolute;
width: 25px;
height: 1px;
background: #1E538F;
left: -15px;
top: 50%;
z-index: 2;
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Type {
padding: 5px 10px;
background: rgba(0, 0, 0, 0.04);
font-size: 12px;
font-weight: 600;
border-radius: 20px;
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Type.Cmplt {
border-radius: 3px;
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Type.Cmplt.Theme1-Emergency {
background: rgba(211, 47, 47, 0.2);
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Type.Cmplt.Theme1-Minor {
background: rgba(255, 171, 0, 0.2);
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Type.Cmplt.Theme1-Major {
background: rgba(41, 121, 255, 0.2);
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Type.Cmplt.Theme1-Upgradation {
background: rgba(140, 158, 255, 0.2);
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Type.Cmplt.Theme1-Periodical {
background: rgba(221, 226, 228, 0.2);
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Type.Cmplt.Theme1-High {
background: rgba(225, 83, 83, 0.2);
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Type.Cmplt.Theme2-Emergency {
background: rgba(255, 136, 0, 0.2);
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Type.Cmplt.Theme2-Minor {
background: rgba(115, 255, 0, 0.2);
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Type.Cmplt.Theme2-Major {
background: rgba(152, 41, 255, 0.2);
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Type.Cmplt.Theme2-Upgradation {
background: rgba(22, 194, 206, 0.2);
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Type.Cmplt.Theme2-Periodical {
background: rgba(221, 226, 228, 0.2);
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName span.Type.Cmplt.Theme2-High {
background: rgba(225, 83, 83, 0.2);
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName .AppBtn {
width: 24px;
height: 24px;
font-size: 16px;
color: #1E538F;
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName .AppBtn:before {
position: absolute;
left: calc(50% - 7px);
top: calc(50% - 7px);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.3s;
transition: 0.3s;
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.BranchName .AppBtn.Actv:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: 0.3s;
transition: 0.3s;
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.AddButton {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
margin: 0 0 0 auto;
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.AddButton a.AppBtn {
width: 24px;
height: 24px;
min-height: 24px;
background-size: 22px;
}
table.AppGenTable.MastersTreeView tr td div.BranchDetails div.UpdBranchName {
width: calc(100% - 50px);
}
table.AppGenTable.MastersTreeView tr td .SubLevelMastersDv {
position: relative;
margin: 10px 10px 10px -14px;
background: white;
}
table.AppGenTable.MastersTreeView tr td .SubLevelMastersDv table.AppGenTable {
background: transparent;
}
table.AppGenTable.MastersTreeView tr td .SubLevelMastersDv table.AppGenTable tbody > tr:last-of-type::after {
background: white;
}
table.AppGenTable.MastersTreeView tr td .SubLevelMastersDv table.AppGenTable div.FormHldr div.row:before {
background: white;
}
table.AppGenTable.MastersTreeView tr td div.BranchAccess {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
position: relative;
height: 50px;
}
table.AppGenTable.MastersTreeView tr td div.BranchAccess div.BtnHldr .AppBtn {
margin: 0;
color: #1E538F;
}
table.AppGenTable.MastersTreeView tr td div.BranchAccess div.BtnHldr .AppBtn.WISIcn-MenuVertical {
width: 40px;
height: 40px;
font-size: 16px;
color: #1E538F;
}
table.AppGenTable.MastersTreeView tr td div.BranchAccess div.BtnHldr .AppBtn.WISIcn-MenuVertical:before {
position: absolute;
left: calc(50% - 8px);
top: calc(50% - 8px);
}
table.AppGenTable.MastersTreeView tr td div.FormHldr div.row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 0;
border-bottom: 0;
}
table.AppGenTable.MastersTreeView tr:hover td {
background: none;
}
table.AppGenTable.AccssCntrl tr td:last-of-type {
padding-left: 20px;
}
table.AppGenTable.AccssCntrl tr td div.BranchDetails {
width: 100%;
}
table.AppGenTable.AccssCntrl tr td div.AccssCntrlOptns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 5px 0;
}
table.AppGenTable.AccssCntrl tr td div.AccssCntrlOptns span.Designation {
padding: 10px;
font-weight: 600;
color: #1E538F;
background: rgba(30, 83, 143, 0.05);
margin: 0 10px 0 0;
border-radius: 5px;
}
table.AppGenTable.AccssCntrl tr td div.AccssCntrlOptns .Lnk {
background: #fff;
color: #2E7D32;
padding: 10px 10px 10px 30px;
font-weight: 600;
border: 1px solid #2E7D32;
border-radius: 5px;
height: 40px;
margin: 0 10px 0 0;
}
table.AppGenTable.AccssCntrl tr td div.AccssCntrlOptns .Lnk:before {
font-size: 16px;
width: 16px;
height: 16px;
position: absolute;
left: 10px;
top: calc(50% - 8px);
padding-right: 5px;
}
table.AppGenTable.AccssCntrl tr td div.AccssCntrlOptns .AppBtn {
border-radius: 5px;
margin: 0 10px 0 0;
}
table.AppGenTable.Rooster .EmpID {
min-width: 110px;
}
table.AppGenTable.Rooster .Name {
min-width: 250px;
}
table.AppGenTable.Rooster .Desig {
min-width: 170px;
}
table.AppGenTable.Rooster .Date {
min-width: 60px;
text-align: center;
padding-left: 7px;
padding-right: 7px;
}
table.AppGenTable.Rooster th.Today {
background: #ffe08f !important;
}
table.AppGenTable.Rooster td.Today {
background: rgba(255, 224, 143, 0.3) !important;
}
table.AppGenTable.ClrOneHghlgt tr:nth-child(even) td {
background: rgba(223, 17, 37, 0.03);
}
table.AppGenTable.ClrOneHghlgt tr:last-of-type td {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
table.AppGenTable.ClrOneHghlgt tr:hover td {
background: rgba(30, 83, 143, 0.05);
}
table.AppGenTable.ClrOneHghlgt th,
table.AppGenTable.ClrOneHghlgt td {
border-color: #FCE7E9;
}
table.AppGenTable.ClrOneHghlgt th:last-of-type,
table.AppGenTable.ClrOneHghlgt td:last-of-type {
border-radius: 0;
}
table.AppGenTable.ClrOneHghlgt th:first-of-type,
table.AppGenTable.ClrOneHghlgt td:first-of-type {
border-radius: 0;
border-left-width: 0;
}
table.AppGenTable.ClrOneHghlgt th {
background: rgba(223, 17, 37, 0.07);
color: #DF1125;
border-color: #FAD8DC;
}
table.AppGenTable.LightTheme {
background: #fff;
}
table.AppGenTable.LightTheme tr:nth-child(even) td {
background: #fff;
}
table.AppGenTable.LightTheme tr:nth-child(even):hover td {
background: rgba(30, 83, 143, 0.1);
}
table.AppGenTable.NoLstTrBrdr tr:last-of-type td {
border-bottom: none;
}
table.AppGenTable.NoMrgnTop {
margin-top: 0 !important;
}
table.AppGenTable.MrgnTop {
margin-top: 20px !important;
}
table.AppGenTable.MrgnBttmSpcr {
margin-bottom: 50px !important;
}
table.AppGenTable.ExtrBgTbl {
min-width: 3000px;
}
table.AppGenTable.Disabled {
-webkit-filter: saturate(0);
filter: saturate(0);
}
table.AppGenTable.Disabled:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 8px;
background: rgba(255, 255, 255, 0.5);
z-index: 99;
}
/* Table CSS - Ends */
/* Forms CSS - Starts */
div.FormHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
width: 100%;
}
div.FormHldr span.FormTxtTtl {
display: block;
width: 100%;
font-size: 17px;
font-weight: 700;
color: #1E538F;
padding: 10px;
position: relative;
}
div.FormHldr span.FormTxtTtl a.Lnk {
padding: 0;
}
div.FormHldr span.FormTxtTtl.Dshbrd {
font-size: 19px;
padding: 20px 0 0 0;
text-transform: uppercase;
}
div.FormHldr span.FormTxtTtl.BrdrBttm {
border-bottom: 1px solid rgba(30, 83, 143, 0.1);
}
div.FormHldr span.FormTxtSbTtl {
display: block;
width: 100%;
font-size: 15px;
font-weight: 700;
padding: 10px 10px 0 10px;
}
div.FormHldr span.FormTxt {
display: block;
width: 100%;
font-size: 14px;
font-weight: 700;
padding: 5px 0;
color: #00746a;
}
div.FormHldr span.FormTxt:after {
content: ' ';
white-space: pre;
}
div.FormHldr span.FormTxt.HghlgtBG {
background: rgba(0, 116, 106, 0.1);
padding: 10px;
border-radius: 5px;
margin-bottom: 10px;
}
div.FormHldr span.FormTxt.AMCNumbs {
text-align: center;
background: rgba(30, 83, 143, 0.05);
padding: 10px;
border-radius: 30px;
}
div.FormHldr span.FormTxtVlu {
display: block;
width: 100%;
font-size: 14px;
font-weight: 600;
padding: 0 0 5px 0;
}
div.FormHldr span.FormTxtVlu.WthnForm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
div.FormHldr span.FormTxtVlu.Icn:before {
padding-right: 5px;
}
div.FormHldr span.FormTxtTtl.Mndtry:after, div.FormHldr span.FormTxtSbTtl.Mndtry:after, div.FormHldr span.FormTxt.Mndtry:after, div.FormHldr span.FormTxtVlu.Mndtry:after {
content: ' *';
color: red;
}
div.FormHldr span.FormTxtTtl.NoPd, div.FormHldr span.FormTxtSbTtl.NoPd, div.FormHldr span.FormTxt.NoPd, div.FormHldr span.FormTxtVlu.NoPd {
padding: 0;
}
div.FormHldr span.FormTxtTtl.NoPdTop, div.FormHldr span.FormTxtSbTtl.NoPdTop, div.FormHldr span.FormTxt.NoPdTop, div.FormHldr span.FormTxtVlu.NoPdTop {
padding-top: 0;
}
div.FormHldr span.FormTxtTtl.FllPd, div.FormHldr span.FormTxtSbTtl.FllPd, div.FormHldr span.FormTxt.FllPd, div.FormHldr span.FormTxtVlu.FllPd {
padding: 10px;
}
div.FormHldr span.FormTxtTtl.InfoBx, div.FormHldr span.FormTxtSbTtl.InfoBx, div.FormHldr span.FormTxt.InfoBx, div.FormHldr span.FormTxtVlu.InfoBx {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
}
div.FormHldr span.FormTxtTtl.InfoBx span.TxtVlu, div.FormHldr span.FormTxtSbTtl.InfoBx span.TxtVlu, div.FormHldr span.FormTxt.InfoBx span.TxtVlu, div.FormHldr span.FormTxtVlu.InfoBx span.TxtVlu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-right: 5px;
}
div.FormHldr span.FormTxtTtl.InfoBx div.InfoBxHldr, div.FormHldr span.FormTxtSbTtl.InfoBx div.InfoBxHldr, div.FormHldr span.FormTxt.InfoBx div.InfoBxHldr, div.FormHldr span.FormTxtVlu.InfoBx div.InfoBxHldr {
margin: -10px 0;
}
div.FormHldr span.FormTxtTtl.InlnBlk, div.FormHldr span.FormTxtSbTtl.InlnBlk, div.FormHldr span.FormTxt.InlnBlk, div.FormHldr span.FormTxtVlu.InlnBlk {
display: inline-block;
width: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
div.FormHldr span.FormTxtTtl.PdRght, div.FormHldr span.FormTxtSbTtl.PdRght, div.FormHldr span.FormTxt.PdRght, div.FormHldr span.FormTxtVlu.PdRght {
padding-right: 10px;
}
div.FormHldr span.FormTxtTtl.Icn, div.FormHldr span.FormTxtSbTtl.Icn, div.FormHldr span.FormTxt.Icn, div.FormHldr span.FormTxtVlu.Icn {
padding-left: 20px;
position: relative;
}
div.FormHldr span.FormTxtTtl.Icn:before, div.FormHldr span.FormTxtSbTtl.Icn:before, div.FormHldr span.FormTxt.Icn:before, div.FormHldr span.FormTxtVlu.Icn:before {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
div.FormHldr span.FormHint {
display: block;
width: 100%;
font-size: 12px;
color: #333333;
padding: 3px 0 0 0;
margin: 0;
}
div.FormHldr div.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
border-top: 1px solid rgba(102, 102, 102, 0.1);
border-bottom: 1px solid rgba(102, 102, 102, 0.1);
margin: -1px 0 0 0;
}
div.FormHldr div.row:first-of-type {
margin: 0 0 0 0;
}
div.FormHldr div.row:last-of-type {
border-bottom: none;
}
div.FormHldr div.row:nth-child(even) {
background: rgba(102, 102, 102, 0.05);
}
div.FormHldr div.row.WthBG {
background: rgba(102, 102, 102, 0.05);
}
div.FormHldr div.row.PosReltv {
position: relative;
}
div.FormHldr div.row.VCenter {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.FormHldr div.row.NoBG {
background: transparent !important;
}
div.FormHldr div.row.NoBG:nth-child(even) {
background: transparent !important;
}
div.FormHldr div.row.NoWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
div.FormHldr div.row.NoBrdr {
border: none !important;
}
div.FormHldr div.row.NoBrdrTop {
border-top: none;
}
div.FormHldr div.row.NoBrdrBottom {
border-bottom: none;
}
div.FormHldr div.row.NoMrgn {
margin: 0;
}
div.FormHldr div.row.ExtraPaddTop {
padding-top: 50px;
}
div.FormHldr div.row.ExtraPaddBottom {
padding-bottom: 50px;
}
div.FormHldr div.row.PaddTop {
padding-top: 20px;
}
div.FormHldr div.row.PaddBottom {
padding-bottom: 20px;
}
div.FormHldr div.row.HghlgtBG {
border: none !important;
background: rgba(30, 83, 143, 0.08) !important;
border-radius: 10px;
margin: 0 10px 10px 10px;
}
div.FormHldr div.row.HghlgtBG:nth-child(even) {
background: rgba(30, 83, 143, 0.08) !important;
}
div.FormHldr div.row.AlignItmsCntr {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.FormHldr div.row.BrdrRds {
border-radius: 10px;
}
div.FormHldr div.row div.col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
width: auto;
padding: 10px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
}
div.FormHldr div.row div.col span.FormTxtSbTtl {
padding: 0 0 5px 0;
}
div.FormHldr div.row div.col-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 10px;
position: relative;
width: 100%;
}
div.FormHldr div.row div.col-1.BtnHldr {
padding: 20px 0;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
div.FormHldr div.row div.col-1.BtnHldr.Cmpct {
padding: 10px 0;
}
div.FormHldr div.row div.col-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 10px;
position: relative;
width: 50%;
}
div.FormHldr div.row div.col-2.BtnHldr {
padding: 20px 0;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
div.FormHldr div.row div.col-2.BtnHldr.Cmpct {
padding: 10px 0;
}
div.FormHldr div.row div.col-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 10px;
position: relative;
width: 33.33333%;
}
div.FormHldr div.row div.col-3.BtnHldr {
padding: 20px 0;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
div.FormHldr div.row div.col-3.BtnHldr.Cmpct {
padding: 10px 0;
}
div.FormHldr div.row div.col-4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 10px;
position: relative;
width: 25%;
}
div.FormHldr div.row div.col-4.BtnHldr {
padding: 20px 0;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
div.FormHldr div.row div.col-4.BtnHldr.Cmpct {
padding: 10px 0;
}
div.FormHldr div.row div.col-5 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 10px;
position: relative;
width: 20%;
}
div.FormHldr div.row div.col-5.BtnHldr {
padding: 20px 0;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
div.FormHldr div.row div.col-5.BtnHldr.Cmpct {
padding: 10px 0;
}
div.FormHldr div.row div.col-6 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 10px;
position: relative;
width: 16.66667%;
}
div.FormHldr div.row div.col-6.BtnHldr {
padding: 20px 0;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
div.FormHldr div.row div.col-6.BtnHldr.Cmpct {
padding: 10px 0;
}
div.FormHldr div.row div.col-7 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 10px;
position: relative;
width: 14.28571%;
}
div.FormHldr div.row div.col-7.BtnHldr {
padding: 20px 0;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
div.FormHldr div.row div.col-7.BtnHldr.Cmpct {
padding: 10px 0;
}
div.FormHldr div.row div.col-8 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 10px;
position: relative;
width: 12.5%;
}
div.FormHldr div.row div.col-8.BtnHldr {
padding: 20px 0;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
div.FormHldr div.row div.col-8.BtnHldr.Cmpct {
padding: 10px 0;
}
div.FormHldr div.row div.col-9 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 10px;
position: relative;
width: 11.11111%;
}
div.FormHldr div.row div.col-9.BtnHldr {
padding: 20px 0;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
div.FormHldr div.row div.col-9.BtnHldr.Cmpct {
padding: 10px 0;
}
div.FormHldr div.row div.col-10 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 10px;
position: relative;
width: 10%;
}
div.FormHldr div.row div.col-10.BtnHldr {
padding: 20px 0;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
div.FormHldr div.row div.col-10.BtnHldr.Cmpct {
padding: 10px 0;
}
div.FormHldr div.row div.col-11 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 10px;
position: relative;
width: 9.09091%;
}
div.FormHldr div.row div.col-11.BtnHldr {
padding: 20px 0;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
div.FormHldr div.row div.col-11.BtnHldr.Cmpct {
padding: 10px 0;
}
div.FormHldr div.row div.col-12 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 10px;
position: relative;
width: 8.33333%;
}
div.FormHldr div.row div.col-12.BtnHldr {
padding: 20px 0;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
div.FormHldr div.row div.col-12.BtnHldr.Cmpct {
padding: 10px 0;
}
div.FormHldr div.row div.col-66 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 10px;
position: relative;
width: 66.66%;
}
div.FormHldr div.row div.col-75 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 10px;
position: relative;
width: 75%;
}
div.FormHldr div.row div span.FormTxtTtl {
padding-left: 0;
}
div.FormHldr div.row div span.FormTxtTtl:before {
padding-right: 5px;
}
div.FormHldr div.row div.NoPd {
padding: 0;
}
div.FormHldr div.row div.NoPdTop {
padding-top: 0;
}
div.FormHldr div.row div.NoPdRight {
padding-right: 0;
}
div.FormHldr div.row div.NoPdBottom {
padding-bottom: 0;
}
div.FormHldr div.row div.NoPdLeft {
padding-left: 0;
}
div.FormHldr div.row div.NoWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
div.FormHldr div.row div.FllHght {
height: 100%;
}
div.FormHldr div.row div.AlgnCntntCntr {
-ms-flex-line-pack: center;
align-content: center;
}
div.FormHldr div.row div.AlignItmsCntr {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.FormHldr div.row div.AlgnSlfCntr {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
div.FormHldr div.row div.AlgnCntntNrml {
-ms-flex-line-pack: normal;
align-content: normal;
}
div.FormHldr div.row div.RghAlgn {
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
div.FormHldr div.row div.DashPaddRight {
padding-right: 25px;
}
div.FormHldr div.row div.DashPaddLeft {
padding-left: 25px;
}
div.FormHldr div.row div.DashPaddBottom {
padding-bottom: 25px;
}
div.FormHldr div.row div.ExtraPaddLeft {
padding-left: 50px;
}
div.FormHldr div.row div.OvrflwYAuto {
overflow-y: auto;
}
div.FormHldr div.row div.TimeHldr .Input {
width: calc(50% - 5px);
}
div.FormHldr div.row div.TimeHldr .Input:first-of-type {
margin-right: 5px;
}
div.FormHldr div.row div.TimeHldr .Input:last-of-type {
margin-left: 5px;
}
div.FormHldr div.row div div.InvcTblHldr {
padding: 0 10px 0 0;
width: 100%;
max-height: 250px;
overflow-y: auto;
}
div.FormHldr div.row div.BrdrRgt {
border-right: 1px solid rgba(102, 102, 102, 0.1);
}
@media only screen and (max-width: 767px) {
div.FormHldr div.row div.Hlf {
width: 50%;
}
div.FormHldr div.row div.Fll {
width: 100%;
}
}
div.FormHldr div.row img.Photo {
display: block;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
border: 1px solid rgba(30, 83, 143, 0.2);
}
div.FormHldr div.row div.FormCheck {
height: 40px;
}
div.FormHldr div.row.AppUsrComment {
border: 1px solid #ddd !important;
border-radius: 10px !important;
background: #fff !important;
padding: 10px;
}
div.FormHldr div.row.AppUsrComment:first-of-type {
border-top: 1px solid #ddd !important;
}
div.FormHldr div.row.AppUsrComment > div {
border-bottom: 1px solid #ddd;
}
div.FormHldr div.row.AppUsrComment > div:last-of-type {
border: none;
}
div.FormHldr.MrgnLftRght {
margin: 0 10px;
width: calc(100% - 20px);
}
div.FormHldr.MrgnTp {
margin-top: 10px;
}
div.FormHldr.MrgnTpBtm {
margin-top: 20px;
margin-bottom: 20px;
}
div.FormHldr.Disabled {
-webkit-filter: saturate(0);
filter: saturate(0);
}
div.FormHldr.Disabled:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 8px;
background: rgba(255, 255, 255, 0.5);
z-index: 99;
}
div.FormHldr.WthBG {
background: rgba(102, 102, 102, 0.05);
}
div.FormHldr.FllVw {
margin-left: -10px;
margin-right: -10px;
width: calc(100% + 20px);
}
div.FormHldr.FllVw div.row {
padding-left: 10px;
padding-right: 10px;
}
div.FormHldr.Search div.row {
border-top: none;
border-bottom: none;
}
div.FormHldr.Search div.row.BrdrTp {
border-top: 1px solid #ddd !important;
}
div.FormHldr.Search div.row > div:first-of-type {
padding-left: 0;
}
div.FormHldr.Search.ThemeOne {
padding: 12px;
background: #FCFBFB;
border-radius: 8px;
}
div.FormHldr.EmployeeProfile div.EmpBscInfo img.EmpImg {
width: 100%;
border-radius: 100%;
}
div.FormHldr.EmployeeProfile div.EmpBscInfo div.EmpInfo span.EmpName {
display: block;
font-size: 23px;
font-weight: 700;
padding: 5px 0 0 0;
}
div.FormHldr.EmployeeProfile div.EmpBscInfo div.EmpInfo span.EmpDesignation {
display: block;
font-size: 16px;
font-weight: 600;
padding: 5px 0 0 0;
}
div.FormHldr.EmployeeProfile div.EmpBscInfo div.EmpInfo div.DtlDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 5px 0;
}
div.FormHldr.EmployeeProfile div.EmpBscInfo div.EmpInfo div.DtlDv span.EmpStts {
padding: 8px 20px 8px 40px;
margin: 0 0 0 10px;
position: relative;
border-radius: 50px;
}
div.FormHldr.EmployeeProfile div.EmpBscInfo div.EmpInfo div.DtlDv span.EmpStts.WISIcn-Visible {
background-color: #2E7D32;
color: #fff;
}
div.FormHldr.EmployeeProfile div.EmpBscInfo div.EmpInfo div.DtlDv span.EmpStts.WISIcn-NotVisible {
background-color: #C62828;
color: #fff;
}
div.FormHldr.EmployeeProfile div.EmpBscInfo div.EmpInfo div.DtlDv span.EmpStts:before {
position: absolute;
width: 16px;
height: 16px;
font-size: 16px;
left: 15px;
top: calc(50% - 8px);
}
div.FormHldr.EmployeeProfile div.BsEmpPrflInfo {
background: rgba(102, 102, 102, 0.09);
}
div.FormHldr.EmployeeProfile div.BsEmpPrflInfo span.FormTxtSbTtl {
color: black;
}
div.FormHldr.EmployeeProfile div.EmpAccessLst {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.FormHldr.EmployeeProfile div.EmpAccessLst span.AccssLst {
position: relative;
padding: 10px 10px 10px 35px;
margin: 0 5px 0 0;
background: white;
border: 1px solid #4d4d4d;
opacity: 1;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 5px;
}
div.FormHldr.EmployeeProfile div.EmpAccessLst span.AccssLst.WISIcn-WebApp {
color: #0288D1;
}
div.FormHldr.EmployeeProfile div.EmpAccessLst span.AccssLst.WISIcn-MobileApp {
color: #FF6F00;
}
div.FormHldr.EmployeeProfile div.EmpAccessLst span.AccssLst.WISIcn-SMS {
color: #00796B;
}
div.FormHldr.EmployeeProfile div.EmpAccessLst span.AccssLst.WISIcn-Store {
color: #EC407A;
}
div.FormHldr.EmployeeProfile div.EmpAccessLst span.AccssLst.InActv {
opacity: 0.25;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.FormHldr.EmployeeProfile div.EmpAccessLst span.AccssLst:before {
position: absolute;
left: 10px;
font-size: 20px;
top: calc(50% - 10px);
}
div.FormHldr.Theme-1 {
border: 1px solid rgba(102, 102, 102, 0.1);
border-radius: 10px;
}
div.FormHldr.Theme-2 {
border: 1px solid rgba(102, 102, 102, 0.1);
background: #fff;
border-radius: 10px;
}
div.FormHldr table.AppGenTable {
margin: -10px 0 0 0;
}
div.FormHldr.MrgnBttm {
margin-bottom: 20px;
}
div.FormHldr.BrdrBttm {
border-bottom: 1px solid rgba(102, 102, 102, 0.1);
}
div.FormHldr.ExtrPd {
padding: 20px;
}
/* Forms CSS - Ends */
/* Popup CSS - Starts */
div.PopUpBG {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 9;
}
div.PopUpHldr {
position: absolute;
width: 600px;
height: calc(100% - 10px);
left: calc(50% - 300px);
top: 5px;
z-index: 10;
border-radius: 10px;
-webkit-box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.3);
box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.3);
overflow: hidden;
}
div.PopUpHldr div.PopUpHedr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
width: 100%;
height: 80px;
background: linear-gradient(92deg, #1E538F 0%, #173f6d 52%);
position: relative;
z-index: 1;
}
div.PopUpHldr div.PopUpHedr div.HdrTtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
padding: 0 20px;
position: relative;
margin: -5px 0 0 0;
}
div.PopUpHldr div.PopUpHedr div.HdrTtlHldr span.TtlTxt {
display: block;
width: 100%;
font-size: 21px;
font-weight: 600;
color: white;
}
div.PopUpHldr div.PopUpHedr div.HdrTtlHldr span.SbTtlTxt {
display: block;
width: 100%;
font-size: 13px;
font-weight: 500;
color: white;
}
div.PopUpHldr div.PopUpHedr div.HdrBtnHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
margin: -5px 0 0 auto;
}
div.PopUpHldr div.PopUpBdy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
width: 100%;
height: calc(100% - 140px);
margin: -10px 0 0 0;
padding: 10px;
border-radius: 10px 10px 0 0;
background: #fff;
position: relative;
z-index: 2;
overflow-y: hidden;
}
div.PopUpHldr div.PopUpBdy div.InnrCntntHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
overflow-y: auto;
width: 100%;
height: 100%;
padding: 0 5px 0 0;
}
div.PopUpHldr div.PopUpBdy div.InnrCntntHldr.FxdHdr {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
div.PopUpHldr div.PopUpBdy div.InnrCntntHldr div.HdrHldr {
width: 100%;
}
div.PopUpHldr div.PopUpBdy div.InnrCntntHldr div.CntntHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
overflow-y: auto;
width: 100%;
height: 100%;
padding: 10px 5px 0 0;
}
div.PopUpHldr div.PopUpBdy div.InnrCntntHldr div.FormHldr div.row:first-of-type {
border-top: none;
}
div.PopUpHldr div.PopUpBdy div.InnrCntntHldr div.FormHldr div.row.NoBG {
border-top: none;
}
div.PopUpHldr div.PopUpBdy.NoPopUpBtnFtr {
height: calc(100% - 70px);
}
div.PopUpHldr div.PopUpBtnFtr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
width: 100%;
height: 70px;
padding: 0 20px;
background: #fafafa;
border-top: 1px solid #eee;
position: relative;
z-index: 3;
}
div.PopUpHldr div.PopUpBtnFtr div.FormHldr div.row {
border-top: none;
border-bottom: none;
}
div.PopUpHldr div.PopUpBtnFtr div.FormHldr div.row div.BtnHldr {
padding: 0 10px;
}
div.PopUpHldr div.PopUpBtnFtr .AppBtn {
margin-left: 10px;
}
div.PopUpHldr div.PopUpBtnFtr .AppBtn.FrcLft {
margin-left: 0;
}
div.PopUpHldr.Max {
width: 960px;
left: calc(50% - 480px);
}
div.PopUpHldr.Max div.PopUpHldr {
line-height: inherit;
}
div.PopUpHldr.FllWdth {
width: calc(100% - 20px);
height: calc(100% - 20px);
left: 10px;
top: 10px;
}
div.PopUpHldr.FllWdth div.PopUpHldr {
line-height: inherit;
}
div.PopUpHldr.Rght {
width: 940px;
left: auto;
right: 0;
border-radius: 10px 0 0 10px;
}
div.PopUpHldr.Rght.Max {
width: calc(100% - 10px);
max-width: 1200px;
}
div.PopUpHldr.Rght div.PopUpHldr.Right {
left: auto;
right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
div.PopUpHldr.Rght div.PopUpBdy {
border-top-right-radius: 0;
}
div.PopUpHldr.MessageBx {
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
}
div.PopUpHldr.MessageBx div.PopUpBdy {
height: auto;
}
/* Popup CSS - Ends */
/* Info Icon Box - Starts */
div.InfoBxHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
position: relative;
margin: 0 3px;
z-index: 1;
}
div.InfoBxHldr .InfoBtn {
display: block;
width: 30px;
height: 30px;
font-size: 20px;
position: relative;
text-decoration: none;
}
div.InfoBxHldr .InfoBtn:before {
color: #00746a;
position: absolute;
left: calc(50% - 10px);
top: calc(50% - 10px);
}
div.InfoBxHldr div.InfoToolTip {
display: none;
position: absolute;
width: calc(100% + 100px);
max-width: 200px;
right: -10px;
top: calc(100% - 5px);
padding: 5px;
background: #fff;
-webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
div.InfoBxHldr div.InfoToolTip:before {
content: '';
position: absolute;
width: 0;
height: 0;
right: 20px;
top: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fff;
z-index: 1;
}
div.InfoBxHldr div.InfoToolTip span.Ttl {
display: block;
font-size: 15px;
font-weight: 700;
padding: 8px 5px;
}
div.InfoBxHldr div.InfoToolTip p.Txt {
display: block;
padding: 5px;
margin: 0;
}
div.InfoBxHldr:hover div.InfoToolTip {
display: block;
}
/* Info Icon Box - Ends */
/* Sub Menu Box - Starts */
div.SbMnuBtnHldrDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
position: relative;
margin: 0 -8px;
}
div.SbMnuBtnHldrDv span.SbMnuBtn {
display: block;
width: 30px;
height: 30px;
font-size: 20px;
position: relative;
}
div.SbMnuBtnHldrDv span.SbMnuBtn:before {
color: #00746a;
position: absolute;
left: calc(50% - 10px);
top: calc(50% - 10px);
}
div.SbMnuBtnHldrDv div.SbMnuHldr {
display: none;
position: absolute;
width: calc(100% + 100px);
right: -10px;
top: 100%;
padding: 10px;
background: #fff;
-webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(30, 83, 143, 0.2);
border-radius: 5px;
z-index: 1;
}
div.SbMnuBtnHldrDv div.SbMnuHldr:before {
content: '';
position: absolute;
width: 0;
height: 0;
right: 19px;
top: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fff;
z-index: 1;
}
div.SbMnuBtnHldrDv div.SbMnuHldr ul.SbMnuLst {
list-style: none;
margin: 0;
padding: 0;
}
div.SbMnuBtnHldrDv div.SbMnuHldr ul.SbMnuLst li {
display: block;
border-bottom: 1px solid rgba(30, 83, 143, 0.2);
}
div.SbMnuBtnHldrDv div.SbMnuHldr ul.SbMnuLst li a.SbMnuLnk {
display: block;
color: #00746a;
text-decoration: none;
padding: 10px 0;
font-size: 13px;
}
div.SbMnuBtnHldrDv div.SbMnuHldr .SbMnuHldr1 {
top: auto !important;
bottom: 100% !important;
}
div.SbMnuBtnHldrDv div.SbMnuHldr .SbMnuHldr1:before {
top: auto !important;
bottom: -5px !important;
border-bottom: none !important;
border-top: 5px solid #fff;
}
div.SbMnuBtnHldrDv:hover div.SbMnuHldr {
display: block;
}
/* Sub Menu Box - Ends */
/* General Elements CSS - Ends */
html {
scroll-behavior: smooth;
}
body {
padding: 0;
margin: 0;
font: 500 14px "Nunito", Arial, sans-serif;
color: #000;
background: #fafafa;
}
body.ExtTheme-1 {
background: #ECEFF1;
}
/* App Header - Starts */
div.AppHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
background: #fff;
height: 50px;
width: 100%;
position: fixed;
left: 0;
top: 0;
border-bottom: 1px solid rgba(30, 83, 143, 0.1);
z-index: 4;
}
div.AppHeader div.AppMnuTtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
margin: 0;
width: 50%;
}
div.AppHeader div.AppMnuTtlHldr div.MdlMnuHldr {
width: 50px;
height: 50px;
position: relative;
}
div.AppHeader div.AppMnuTtlHldr div.MdlMnuHldr .MdlMnuLnk {
display: block;
width: 50px;
height: 50px;
cursor: pointer;
position: relative;
}
div.AppHeader div.AppMnuTtlHldr div.MdlMnuHldr .MdlMnuLnk:before {
position: absolute;
color: #1E538F;
left: calc(50% - 8px);
top: calc(50% - 8px);
text-align: center;
font-size: 16px;
}
div.AppHeader div.AppMnuTtlHldr div.MdlMnuHldr:hover div.HdrSbMnuHldr {
display: block;
}
div.AppHeader div.AppMnuTtlHldr div.TtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: calc(100% - 50px);
}
div.AppHeader div.AppMnuTtlHldr div.TtlHldr div.ClntLgoHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
padding: 0 10px;
}
div.AppHeader div.AppMnuTtlHldr div.TtlHldr div.ClntLgoHldr img.Lgo {
display: block;
max-height: 40px;
}
div.AppHeader div.AppMnuTtlHldr div.TtlHldr div.MdlNmeHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.AppHeader div.AppMnuTtlHldr div.TtlHldr div.MdlNmeHldr span.MdlNme {
display: inline-block;
background: rgba(30, 83, 143, 0.05);
font-weight: 600;
color: #1E538F;
padding: 6px 16px;
border-radius: 20px;
}
div.AppHeader div.AppUsrCntrlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
margin: 0;
width: 50%;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
div.AppHeader div.AppUsrCntrlHldr ul.UsrNav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
margin: 0;
padding: 0;
list-style: none;
}
div.AppHeader div.AppUsrCntrlHldr ul.UsrNav li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
position: relative;
}
div.AppHeader div.AppUsrCntrlHldr ul.UsrNav li a.NavLnk {
display: block;
width: 50px;
height: 50px;
text-decoration: none;
text-align: center;
position: relative;
}
div.AppHeader div.AppUsrCntrlHldr ul.UsrNav li a.NavLnk:before {
position: absolute;
color: #1E538F;
left: calc(50% - 10px);
top: calc(50% - 10px);
text-align: center;
font-size: 20px;
}
div.AppHeader div.AppUsrCntrlHldr ul.UsrNav li div.UsrDvHldr {
padding: 0 10px 0 10px;
}
div.AppHeader div.AppUsrCntrlHldr ul.UsrNav li div.UsrDvHldr div.UsrDtls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
cursor: pointer;
}
div.AppHeader div.AppUsrCntrlHldr ul.UsrNav li div.UsrDvHldr div.UsrDtls div.PrflNmeHldr {
padding: 0 10px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
font-size: 16px;
}
div.AppHeader div.AppUsrCntrlHldr ul.UsrNav li div.UsrDvHldr div.UsrDtls div.PrflNmeHldr span.Nme {
display: block;
font-weight: 600;
}
div.AppHeader div.AppUsrCntrlHldr ul.UsrNav li div.UsrDvHldr div.UsrDtls div.PrflImgHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.AppHeader div.AppUsrCntrlHldr ul.UsrNav li div.UsrDvHldr div.UsrDtls div.PrflImgHldr img.PrfImg {
display: block;
width: 30px;
height: 30px;
background: #1E538F;
border-radius: 15px;
}
div.AppHeader div.AppUsrCntrlHldr ul.UsrNav li div.UsrDvHldr div.UsrDtls div.PrflImgHldr span.PrflTxtImg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 30px;
height: 30px;
position: relative;
background: #1E538F;
border-radius: 15px;
}
div.AppHeader div.AppUsrCntrlHldr ul.UsrNav li div.UsrDvHldr div.UsrDtls div.PrflImgHldr span.PrflTxtImg span.Intls {
font-weight: 800;
font-size: 12px;
text-transform: uppercase;
color: white;
}
div.AppHeader div.AppUsrCntrlHldr ul.UsrNav li:hover div.HdrSbMnuHldr {
display: block;
}
div.AppHeader div.HdrSbMnuHldr {
display: none;
position: absolute;
right: 0;
top: 45px;
width: calc(100% + 100px);
padding: 10px 5px 5px 5px;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr {
background: #fff;
padding: 10px;
-webkit-box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.3);
box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst {
list-style: none;
padding: 0;
margin: 0;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li {
padding: 5px 10px;
border-bottom: 1px solid rgba(30, 83, 143, 0.1);
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li div.PrflMiniView {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li div.PrflMiniView div.PrflImgHldr {
width: 35%;
padding: 0 10px 0 0;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li div.PrflMiniView div.PrflImgHldr img.PrfImg {
display: block;
width: 100%;
border-radius: 100%;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li div.PrflMiniView div.PrflImgHldr span.PrflTxtImg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
position: relative;
background: #1E538F;
border-radius: 100%;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li div.PrflMiniView div.PrflImgHldr span.PrflTxtImg span.Intls {
font-size: 18px;
text-transform: uppercase;
color: white;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li div.PrflMiniView div.PrflBscDtls {
width: 65%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li div.PrflMiniView div.PrflBscDtls span.PrflName,
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li div.PrflMiniView div.PrflBscDtls span.PrflDesignation,
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li div.PrflMiniView div.PrflBscDtls span.PrflEmail,
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li div.PrflMiniView div.PrflBscDtls span.PrflPhone {
display: block;
width: 100%;
line-height: 100%;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li div.PrflMiniView div.PrflBscDtls span.PrflName {
padding: 0;
font-size: 16px;
font-weight: 700;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li div.PrflMiniView div.PrflBscDtls span.PrflDesignation {
width: auto;
padding: 5px;
margin: 8px 0 0 0;
color: #1e538f;
background: rgba(30, 83, 143, 0.02);
border: 1px solid rgba(30, 83, 143, 0.1);
border-radius: 4px;
font-weight: 600;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li div.PrflMiniView div.PrflBscDtls span.PrflEmail {
padding: 8px 0;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li div.PrflMiniView div.PrflBscDtls span.PrflPhone {
padding: 0 0 8px 0;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li:last-of-type {
border-bottom: none;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.PrflSbMnu ul.LnkLst li a.Lnk {
display: block;
width: 100%;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.MdlLstHldr {
padding: 10px;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.MdlLstHldr span.TxtTtl {
font-weight: 700;
font-size: 16px;
padding: 0 0 0 5px;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.MdlLstHldr ul.MdlLst {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
list-style: none;
margin: 0;
padding: 0;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.MdlLstHldr ul.MdlLst li {
width: 33.33%;
margin: 0;
padding: 5px;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.MdlLstHldr ul.MdlLst li div.MdlTypHldr {
padding: 5px;
border: 1px solid rgba(30, 83, 143, 0.01);
border-radius: 5px;
text-align: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.MdlLstHldr ul.MdlLst li div.MdlTypHldr:hover {
border-color: rgba(30, 83, 143, 0.1);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.MdlLstHldr ul.MdlLst li div.MdlTypHldr.Actv {
border-color: rgba(30, 83, 143, 0.6);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.MdlLstHldr ul.MdlLst li div.MdlTypHldr a.Lnk {
text-align: center;
text-decoration: none;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.MdlLstHldr ul.MdlLst li div.MdlTypHldr a.Lnk img.Icn {
display: block;
width: 30px;
height: 30px;
margin: 0 auto;
}
div.AppHeader div.HdrSbMnuHldr div.InnrHldr div.MdlLstHldr ul.MdlLst li div.MdlTypHldr a.Lnk span.ModName {
display: block;
text-align: center;
color: #000;
padding: 10px 0 0 0;
}
div.AppHeader div.HdrSbMnuHldr.UsrDv {
width: calc(100% + 150px);
min-width: 360px;
}
div.AppHeader div.HdrSbMnuHldr.ModuleLst {
width: calc(100% + 300px);
min-width: 400px;
right: inherit;
left: 0;
}
div.AppHeader.ExtTheme-1 {
background: #1e538f;
}
div.AppHeader.ExtTheme-1 div.AppUsrCntrlHldr ul.UsrNav li a.NavLnk:before {
color: white;
}
div.AppHeader.ExtTheme-1 div.AppUsrCntrlHldr ul.UsrNav li div.UsrDvHldr div.UsrDtls div.PrflNmeHldr span.Nme {
color: white;
}
@media only screen and (max-width: 767px) {
div.AppHeader.ExtTheme-1 div.AppMnuTtlHldr {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
div.AppHeader.ExtTheme-1 div.AppMnuTtlHldr div.TtlHldr {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
div.AppHeader.ExtTheme-1 div.AppUsrCntrlHldr ul.UsrNav {
display: none;
}
}
/* App Header - Ends */
/* App Footer - Starts */
div.AppFooter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
position: fixed;
width: 100%;
height: 30px;
padding: 0 10px;
left: 0;
bottom: 0;
background: #fff;
z-index: 2;
}
div.AppFooter div.AppVrsnDtls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: 50%;
}
div.AppFooter div.AppVrsnDtls span.AppCurrVrsn {
display: block;
font-size: 13px;
font-weight: 700;
}
div.AppFooter div.AppVrsnDtls span.AppCurrVrsn span.Vrsn {
display: inline-block;
padding: 0 0 0 3px;
}
div.AppFooter div.AppPwrdDtls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: 50%;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
div.AppFooter div.AppPwrdDtls span.CorpTxt {
display: block;
font-size: 13px;
font-weight: 700;
}
div.AppFooter div.AppPwrdDtls span.CorpTxt a.Lnk {
display: inline-block;
color: #1E538F;
padding: 0 0 0 3px;
text-decoration: none;
font-size: 13px;
font-weight: 700;
}
div.AppFooter.ExtTheme-1 {
background: transparent;
}
div.AppFooter.ExtTheme-1 div.AppVrsnDtls {
display: none;
}
div.AppFooter.ExtTheme-1 div.AppPwrdDtls {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/* App Footer - Ends */
/* App Menu - Starts */
div.AppMnuHldr {
position: fixed;
width: 50px;
height: calc(100vh - 80px);
background: #1E538F;
left: 0;
top: 50px;
padding: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
z-index: 3;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst {
list-style: none;
margin: 0;
padding: 0;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li {
padding: 0;
position: relative;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > a.Lnk,
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > span.Lnk {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
text-decoration: none;
border-bottom: 1px solid #276bb9;
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 5px;
margin: 0;
cursor: pointer;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > a.Lnk span.LnkIcn,
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > span.Lnk span.LnkIcn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 50px;
height: 50px;
color: rgba(255, 255, 255, 0.5);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > a.Lnk span.LnkIcn:before,
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > span.Lnk span.LnkIcn:before {
position: absolute;
width: 20px;
height: 20px;
font-size: 20px;
left: calc(50% - 10px);
top: calc(50% - 10px);
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > a.Lnk span.LnkTxt,
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > span.Lnk span.LnkTxt {
display: none;
font-weight: 600;
color: rgba(255, 255, 255, 0.5);
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 0 40px 0 0;
position: relative;
width: calc(100% - 50px);
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > a.Lnk span.LnkTxt span.Arrw,
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > span.Lnk span.LnkTxt span.Arrw {
position: absolute;
right: 0;
top: calc(50% - 10px);
width: 20px;
height: 20px;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > a.Lnk span.LnkTxt span.Arrw:before,
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > span.Lnk span.LnkTxt span.Arrw:before {
font-size: 20px;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > a.Lnk.Actv span.LnkIcn, div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > a.Lnk:hover span.LnkIcn,
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > span.Lnk.Actv span.LnkIcn,
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > span.Lnk:hover span.LnkIcn {
color: white;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > a.Lnk:hover,
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li > span.Lnk:hover {
border-color: white;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li ul.SbMnu {
margin: 0;
padding: 0;
list-style: none;
display: none;
background: white;
position: absolute;
width: calc(100% + 50px);
left: 100%;
top: 0;
padding: 10px 20px 20px 20px;
-webkit-box-shadow: 10px 0px 30px rgba(0, 0, 0, 0.2);
box-shadow: 10px 0px 30px rgba(0, 0, 0, 0.2);
border-radius: 0 10px 10px 0;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li ul.SbMnu:before {
content: '';
position: absolute;
left: 0;
top: 20px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #1E538F;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li ul.SbMnu a.Lnk,
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li ul.SbMnu span.Lnk {
text-decoration: none;
padding: 15px 0;
color: #1E538F;
border-bottom: 1px solid rgba(30, 83, 143, 0.1) !important;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li ul.SbMnu a.Lnk.Actv, div.AppMnuHldr div.MnuLstHldr ul.MnuLst li ul.SbMnu a.Lnk:hover,
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li ul.SbMnu span.Lnk.Actv,
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li ul.SbMnu span.Lnk:hover {
border-color: #1e538f !important;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li ul.SbMnu a.Lnk span.LnkTxt,
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li ul.SbMnu span.Lnk span.LnkTxt {
display: block;
width: 100%;
font-weight: 600;
color: #1E538F !important;
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 0 0 0 0;
position: relative;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li ul.SbMnu a.Lnk span.LnkTxt span.Arrw,
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li ul.SbMnu span.Lnk span.LnkTxt span.Arrw {
position: absolute;
right: 0;
top: calc(50% - 10px);
width: 20px;
height: 20px;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li ul.SbMnu a.Lnk span.LnkTxt span.Arrw:before,
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li ul.SbMnu span.Lnk span.LnkTxt span.Arrw:before {
font-size: 20px;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li ul.SbMnuInnr {
margin: 0;
padding: 0;
list-style: none;
display: none;
background: white;
position: absolute;
width: calc(100% + 50px);
left: calc(100% - 10px);
top: -5px;
padding: 10px 20px 20px 20px;
-webkit-box-shadow: 10px 0px 30px rgba(0, 0, 0, 0.2);
box-shadow: 10px 0px 30px rgba(0, 0, 0, 0.2);
border-radius: 10px;
z-index: 3;
}
div.AppMnuHldr div.MnuLstHldr ul.MnuLst li ul.SbMnuInnr:before {
content: '';
position: absolute;
left: -10px;
top: 20px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #1E538F;
}
div.AppMnuHldr:hover {
width: auto;
padding: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li a.Lnk,
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li span.Lnk {
border-color: rgba(255, 255, 255, 0.1);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li a.Lnk span.LnkTxt,
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li span.Lnk span.LnkTxt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-item-align: center;
align-self: center;
color: rgba(255, 255, 255, 0.5);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li a.Lnk.Actv span.LnkTxt, div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li a.Lnk:hover span.LnkTxt,
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li span.Lnk.Actv span.LnkTxt,
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li span.Lnk:hover span.LnkTxt {
color: white;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li:hover a.Lnk,
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li:hover span.Lnk {
border-color: rgba(255, 255, 255, 0.5);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li:hover a.Lnk span.LnkIcn,
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li:hover span.Lnk span.LnkIcn {
color: white;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li:hover a.Lnk span.LnkTxt,
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li:hover span.Lnk span.LnkTxt {
color: white;
}
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li:hover ul.SbMnu {
display: block;
}
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li:hover ul.SbMnu li:hover > ul {
display: block;
}
> div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li:nth-last-child(-n+3) > ul {
top: inherit;
bottom: -5px;
}
> div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li:nth-last-child(-n+3) > ul:before {
top: inherit;
bottom: 20px;
}
> > div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li:nth-last-child(-n+3) > ul li:nth-last-child(-n+3) > ul {
top: inherit;
bottom: -5px;
}
> > div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li:nth-last-child(-n+3) > ul li:nth-last-child(-n+3) > ul:before {
top: inherit;
bottom: 20px;
}
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li:nth-child(-n+3) > ul {
top: -5px;
bottom: inherit;
}
div.AppMnuHldr:hover div.MnuLstHldr ul.MnuLst li:nth-child(-n+3) > ul:before {
top: 20px;
bottom: inherit;
}
/* App Menu - Ends */
/* App Master Container - Starts */
div.AppMstrCntnr {
position: fixed;
width: calc(100% - 50px);
height: calc(100vh - 80px);
padding: 0 10px 10px 20px;
right: 0;
top: 50px;
overflow: hidden;
z-index: 1;
}
div.AppMstrCntnr.FllScrn {
width: 100%;
}
div.AppMstrCntnr div.GnPgHdrDvHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
width: 100%;
height: 70px;
position: relative;
z-index: 2;
}
div.AppMstrCntnr div.GnPgHdrDvHldr.FllDtlsHldr {
height: 90px;
}
div.AppMstrCntnr div.GnPgHdrDvHldr.HotelManagement {
height: 90px;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.TtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.TtlHldr span.PgTtl {
display: block;
color: #222222;
font-size: 24px;
font-weight: 800;
line-height: 100%;
text-transform: uppercase;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.TtlHldr span.PgTtlSpprtTxt {
display: block;
margin: 0 0 0 10px;
padding: 6px 14px;
background: white;
color: #1E538F;
font-size: 14px;
font-weight: 700;
border: 1px solid #1E538F;
border-radius: 20px;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.TtlHldr span.PgTtlSpprtTxt .Input {
border: none;
padding: 0;
height: auto;
outline: none !important;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.TtlHldr span.PgTtlSpprtTxt .Input:focus {
outline: none !important;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.TtlHldr span.PgTtlSpprtTxt div.TtlLocBrwsr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: -3px -10px -3px -5px;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.TtlHldr span.PgTtlSpprtTxt div.TtlLocBrwsr span.LocName {
margin: 0 10px 0 5px;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.TtlHldr span.PgTtlSpprtTxt div.TtlLocBrwsr .AppBtn {
min-height: auto;
padding: 7px 10px;
font-size: 13px;
margin: 0;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.TtlHldr a.AppBtn {
background: #1e538f;
color: white;
font-size: 14px;
width: 20px;
height: 20px;
min-height: 20px;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.TtlHldr a.AppBtn:before {
position: absolute;
left: calc(50% - 7px);
top: calc(50% - 7px);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.TtlHldr div.TtlSbDtlsHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 5px 0 0 0;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.TtlHldr div.TtlSbDtlsHldr.HtlMngment {
padding: 5px 0 0 30px;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.TtlHldr div.TtlSbDtlsHldr.HtlMngment span.RoomsDtls {
background: #1E538F;
color: white;
padding: 5px 20px;
border-radius: 20px;
font-weight: 700;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.TtlHldr div.TtlSbDtlsHldr.HtlMngment span.LocationDtls {
padding: 0 0 0 10px;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.TtlHldr div.TtlSbDtlsHldr.HtlMngment span.LocationDtls:before {
color: #1E538F;
margin-right: 5px;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.NvBtnHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
margin: 0 0 0 auto;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.NvBtnHldr div.Hldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
margin: 0 0 0 10px;
}
div.AppMstrCntnr div.GnPgHdrDvHldr div.NvBtnHldr div.DtDsplHldr span.DtTxt {
font-size: 14px;
font-weight: 700;
padding: 0 10px 0 0;
}
div.AppMstrCntnr div.GnPgHdrDvHldr.Brdr {
border-bottom: 1px solid rgba(30, 83, 143, 0.3);
}
div.AppMstrCntnr div.GnPgCntntDvHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
width: 100%;
height: calc(100vh - 160px);
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 4px 50px rgba(30, 83, 143, 0.08);
box-shadow: 0px 4px 50px rgba(30, 83, 143, 0.08);
border-radius: 10px;
padding: 10px 10px 10px 10px;
overflow: hidden;
position: relative;
z-index: 1;
}
div.AppMstrCntnr div.GnPgCntntDvHldr.NoBG {
padding: 0 0px 20px 0px;
background: transparent;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
div.AppMstrCntnr div.GnPgCntntDvHldr.FllDtlsHldr {
height: calc(100vh - 150px);
}
div.AppMstrCntnr div.GnPgCntntDvHldr.HotelManagement {
height: calc(100vh - 180px);
}
div.AppMstrCntnr div.GnPgCntntDvHldr div.AppFllTbHldr {
width: 100%;
}
div.AppMstrCntnr div.GnPgCntntDvHldr div.BackBtnHldr {
width: calc(100% + 20px);
padding: 5px;
margin: -10px -10px 0 -10px;
border-bottom: 1px solid rgba(30, 83, 143, 0.1);
}
div.AppMstrCntnr div.GnPgCntntDvHldr div.BackBtnHldr.NoMrgn {
width: 100%;
margin: 0;
}
div.AppMstrCntnr div.GnPgCntntDvHldr div.BackBtnHldr span.TxtTtl {
border-left: 1px solid rgba(30, 83, 143, 0.2);
padding-left: 20px;
font-weight: 800;
}
div.AppMstrCntnr div.GnPgCntntDvHldr div.InnrCntntHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
overflow-y: auto;
width: 100%;
height: 100%;
padding: 0 5px 0 0;
}
div.AppMstrCntnr div.GnPgCntntDvHldr div.InnrCntntHldr.Legends {
margin: 0 0 40px 0;
}
div.AppMstrCntnr div.GnPgCntntDvHldr div.InnrCntntHldr.FllPgScrllPd {
padding: 0 20px 0 0;
}
div.AppMstrCntnr div.GnPgCntntDvHldr div.FtrBtnHldr {
width: calc(100% + 20px);
margin: 0 -10px -10px -10px;
background: rgba(102, 102, 102, 0.05);
border-top: 1px solid rgba(102, 102, 102, 0.1);
}
div.AppMstrCntnr div.GnPgCntntDvHldr.DashboardView {
padding: 0 0px 20px 0px;
background: transparent;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
height: calc(100vh - 150px);
}
div.AppMstrCntnr div.GnPgCntntDvHldr.DashboardView div.InnrCntntHldr {
padding: 0 20px 0 0;
}
div.AppMstrCntnr div.GnPgCntntDvHldr.DashboardView div.InnrCntntHldr div.FormHldr div.row {
border-color: rgba(30, 83, 143, 0.3);
}
div.AppMstrCntnr div.GnPgCntntDvHldr.QwkMnuHldr {
height: calc(100vh - 230px);
}
div.AppMstrCntnr div.GnPgCntntDvHldr.MapView {
height: calc(100vh - 100px);
margin: 10px 0 0 0;
}
div.AppMstrCntnr div.GnPgCntntDvHldr.FullView {
height: calc(100vh - 80px);
margin: 10px 0 0 0;
}
div.AppMstrCntnr div.QwkMnuHldr {
position: -webkit-sticky;
position: sticky;
width: 100%;
top: 0;
z-index: 2;
padding-bottom: 20px;
}
div.AppMstrCntnr div.QwkMnuHldr div.QwkMnuDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 10px;
padding: 10px;
border-right: 1px solid rgba(197, 225, 165, 0.75);
border-bottom: 1px solid rgba(197, 225, 165, 0.75);
border-left: 1px solid rgba(197, 225, 165, 0.75);
background: #F1F8E9;
}
div.AppMstrCntnr div.QwkMnuHldr div.QwkMnuDv div.QwkMnuTtlDv span.TtlTxt {
display: block;
position: relative;
font-size: 14px;
color: #00838F;
}
div.AppMstrCntnr div.QwkMnuHldr div.QwkMnuDv div.QwkMnuLstDv ul.QwkMnuLst {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
div.AppMstrCntnr div.QwkMnuHldr div.QwkMnuDv div.QwkMnuLstDv ul.QwkMnuLst li {
padding: 0 0 0 10px;
}
div.AppMstrCntnr div.QwkMnuHldr div.QwkMnuDv div.QwkMnuLstDv ul.QwkMnuLst li .QwkMnuLnk {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
font-size: 14px;
font-weight: 600;
color: #006064;
padding: 10px 7px;
border-radius: 7px;
background: rgba(0, 96, 100, 0.1);
text-decoration: none;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppMstrCntnr div.QwkMnuHldr div.QwkMnuDv div.QwkMnuLstDv ul.QwkMnuLst li .QwkMnuLnk:hover {
background: rgba(0, 96, 100, 0.2);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppMstrCntnr div.QwkMnuHldr div.QwkMnuDv div.QwkMnuLstDv ul.QwkMnuLst li .QwkMnuLnk.Actv {
font-weight: 700;
background: #006064;
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.AppMstrCntnr div.QwkMnuHldr div.QwkMnuDv div.QwkMnuLstDv ul.QwkMnuLst li .QwkMnuLnk span.QwkMnuInnrLnk {
padding: 0 10px;
position: relative;
}
div.AppMstrCntnr div.QwkMnuHldr div.QwkMnuDv div.QwkMnuLstDv ul.QwkMnuLst li .QwkMnuLnk span.QwkMnuInnrLnk:hover:after {
content: '';
width: 100%;
height: 5px;
background: rgba(0, 96, 100, 0.2);
position: absolute;
left: 0;
bottom: -10px;
border-radius: 10px 10px 0 0;
}
div.AppMstrCntnr div.QwkMnuHldr div.QwkMnuDv div.QwkMnuLstDv ul.QwkMnuLst li .QwkMnuLnk span.QwkMnuInnrLnk:first-of-type {
margin-left: 10px;
}
div.AppMstrCntnr div.QwkMnuHldr div.QwkMnuDv div.QwkMnuLstDv ul.QwkMnuLst li .QwkMnuLnk span.QwkMnuInnrLnk:first-of-type:before {
content: '';
width: 1px;
height: 100%;
background: rgba(0, 96, 100, 0.2);
position: absolute;
left: 0;
top: 0;
}
div.AppMstrCntnr div.QwkMnuHldr div.QwkMnuDv div.QwkMnuLstDv ul.QwkMnuLst li .QwkMnuLnk span.QwkMnuInnrLnk:last-of-type:before {
content: '';
width: 1px;
height: 100%;
background: rgba(0, 96, 100, 0.2);
position: absolute;
right: 0;
top: 0;
}
div.AppMstrCntnr div.QwkMnuHldr.TmpltOne div.QwkMnuDv {
background: #fff;
border: 1px solid #CFD8DC;
}
div.AppMstrCntnr div.QwkMnuHldr.TmpltOne div.QwkMnuDv div.QwkMnuLstDv ul.QwkMnuLst li {
padding: 0;
}
div.AppMstrCntnr div.QwkMnuHldr.TmpltOne div.QwkMnuDv div.QwkMnuLstDv ul.QwkMnuLst li .QwkMnuLnk {
padding: 20px 30px;
font-size: 16px;
background: rgba(30, 83, 143, 0);
color: #1e538f;
}
div.AppMstrCntnr div.QwkMnuHldr.TmpltOne div.QwkMnuDv div.QwkMnuLstDv ul.QwkMnuLst li .QwkMnuLnk.Actv {
color: #fff;
background: #1e538f;
}
/* App Master Container - Ends */
/* Admin Location Flow - Starts */
div.LocationInnrDshbrd {
padding: 0;
width: 100%;
}
div.LocationInnrDshbrd div.LocationList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
width: 100%;
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
width: calc(20% - 20px);
margin: 10px;
padding: 10px;
background: #fff;
border: 1px solid rgba(30, 83, 143, 0.3);
border-radius: 10px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media only screen and (max-width: 2000px) {
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv {
width: calc(25% - 20px);
}
}
@media only screen and (max-width: 1700px) {
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv {
width: calc(33.33% - 20px);
}
}
@media only screen and (max-width: 1400px) {
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv {
width: calc(50% - 20px);
}
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv:hover {
border-color: rgba(30, 83, 143, 0.8);
-webkit-transition: 0.3;
transition: 0.3;
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv div.LocTypDv {
background: #225fa4;
padding: 10px;
border-radius: 8px;
width: 100%;
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv div.LocTypDv span.LocTypName {
display: block;
font-size: 14px;
font-weight: 700;
color: white;
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv div.LocTypDv a.Lnk {
display: block;
font-size: 14px;
font-weight: 700;
color: white;
text-decoration: none;
padding: 0;
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv div.LocationNameDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: 100%;
padding: 10px 5px;
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv div.LocationNameDv div.NameDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv div.LocationNameDv div.NameDv span.Name {
display: block;
font-size: 18px;
font-weight: 600;
position: relative;
padding: 0 0 0 30px;
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv div.LocationNameDv div.NameDv span.Name:before {
position: absolute;
color: #1E538F;
width: 20px;
height: 20px;
font-size: 20px;
left: 0;
top: calc(50% - 10px);
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv div.LocationNameDv div.NameDv a.Lnk {
display: block;
font-size: 18px;
font-weight: 600;
color: black;
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv div.LocationNameDv div.OptnsDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
margin: 0 0 0 auto;
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv div.LocationOvrvw {
width: 100%;
padding: 0;
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv div.LocationOvrvw ul.OverviewLst {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv div.LocationOvrvw ul.OverviewLst li {
width: calc(33.33% - 10px);
padding: 10px;
border: 1px solid #ddd;
margin: 5px;
border-radius: 10px;
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv div.LocationOvrvw ul.OverviewLst li a.Lnk {
display: block;
padding: 0;
text-decoration: none;
color: black;
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv div.LocationOvrvw ul.OverviewLst li div.LstDtlsHldr span.Txt {
display: block;
font-weight: 700;
padding: 3px 0 0 0;
text-align: center;
}
div.LocationInnrDshbrd div.LocationList div.LocationDtlsDv div.LocationOvrvw ul.OverviewLst li div.LstDtlsHldr span.Txt.Vlu {
color: #1E538F;
font-size: 19px;
font-weight: FontXtrBldWt;
}
div.LocationFullDetails {
width: 100%;
}
div.LocationFullDetails div.LocationBasicDtls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: 100%;
padding: 5px 0 10px 0;
margin: 0 0 5px 0;
border-bottom: 1px solid rgba(30, 83, 143, 0.1);
}
div.LocationFullDetails div.LocationBasicDtls div.PrePgBtnDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.LocationFullDetails div.LocationBasicDtls div.PrePgBtnDv a.AppBtn {
background: #1e538f;
color: white;
font-size: 14px;
width: 20px;
height: 20px;
min-height: 20px;
}
div.LocationFullDetails div.LocationBasicDtls div.PrePgBtnDv a.AppBtn:before {
position: absolute;
left: calc(50% - 7px);
top: calc(50% - 7px);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LocationFullDetails div.LocationBasicDtls div.LocaitonNameDtls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.LocationFullDetails div.LocationBasicDtls div.LocaitonNameDtls div.NameDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.LocationFullDetails div.LocationBasicDtls div.LocaitonNameDtls div.NameDv span.Name {
display: block;
font-size: 19px;
font-weight: 700;
color: #1E538F;
position: relative;
padding: 0 0 0 30px;
}
div.LocationFullDetails div.LocationBasicDtls div.LocaitonNameDtls div.NameDv span.Name:before {
position: absolute;
color: #1E538F;
width: 20px;
height: 20px;
font-size: 20px;
left: 0;
top: calc(50% - 10px);
}
div.LocationFullDetails div.LocationBasicDtls div.LocaitonNameDtls div.LocTypDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
background: #1E538F;
padding: 0 10px;
border-radius: 20px;
}
div.LocationFullDetails div.LocationBasicDtls div.LocaitonNameDtls div.LocTypDv span.LocTypName {
display: block;
font-size: 13px;
color: white;
}
div.LocationFullDetails div.LocationBasicDtls div.LocaitonNameDtls div.LocTypDv a.Lnk {
display: block;
font-size: 13px;
color: white;
text-decoration: none;
padding: 0;
}
div.LocationFullDetails div.LocationBasicDtls div.AddCategoryBtnDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
margin: 0 0 0 auto;
}
div.LocationFullDetails div.DtlsHldrDv {
width: 100%;
padding: 10px 0;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv {
border: 1px solid rgba(104, 147, 169, 0.3);
border-radius: 8px;
margin: 0 0 20px 0;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv:last-of-type {
margin: 0;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
background: rgba(104, 147, 169, 0.1);
border-bottom: 1px solid rgba(104, 147, 169, 0.1);
border-radius: 7px 7px 0 0;
padding: 10px 10px;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnHeader div.SctnNameHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnHeader div.SctnNameHldr span.Name {
display: block;
padding: 5px 5px 5px 0;
font-size: 16px;
font-weight: 700;
color: #10181c;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnHeader div.SctnNameHldr span.Type {
display: block;
padding: 5px 20px;
border-radius: 20px;
margin: 0 3px;
font-size: 13px;
background: rgba(62, 93, 109, 0.08);
color: #10181c;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnHeader div.SctnArrdnBtnHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnHeader div.SctnArrdnBtnHldr .AppBtn {
color: #3E5D6D;
font-size: 18px;
width: 30px;
height: 30px;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnHeader div.SctnArrdnBtnHldr .AppBtn:before {
position: absolute;
left: calc(50% - 9px);
top: calc(50% - 9px);
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnHeader div.OptnsDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
margin: 0 0 0 auto;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnHeader div.OptnsDv div.BtnHldr .AppBtn {
color: #3E5D6D;
font-size: 22px;
width: 30px;
height: 30px;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnHeader div.OptnsDv div.BtnHldr .AppBtn:before {
position: absolute;
left: calc(50% - 9px);
top: calc(50% - 9px);
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnHeader div.OptnsDv div.SbMnuBtnHldrDv span.SbMnuBtn:before {
color: #3E5D6D;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls {
padding: 10px;
border-radius: 0 0 7px 7px;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
border-width: 1px;
border-style: solid;
padding: 6px 6px 6px 10px;
margin: 5px;
width: calc(20% - 10px);
border-radius: 8px;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn.Theme1-Type1 {
background: rgba(255, 171, 64, 0.5);
border-color: rgba(243, 136, 0, 0.9);
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn.Theme1-Type2 {
background: rgba(144, 202, 249, 0.5);
border-color: rgba(71, 167, 245, 0.9);
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn.Theme1-Type3 {
background: rgba(244, 143, 177, 0.5);
border-color: rgba(237, 73, 128, 0.9);
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn.Theme1-Type4 {
background: rgba(161, 136, 127, 0.5);
border-color: rgba(122, 98, 90, 0.9);
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn.Theme1-Type5 {
background: rgba(128, 203, 196, 0.5);
border-color: rgba(74, 181, 171, 0.9);
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn.Theme2-Type1 {
background: rgba(255, 171, 64, 0.5);
border-color: rgba(243, 136, 0, 0.9);
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn.Theme2-Type2 {
background: rgba(144, 202, 249, 0.5);
border-color: rgba(71, 167, 245, 0.9);
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn.Theme2-Type3 {
background: rgba(244, 143, 177, 0.5);
border-color: rgba(237, 73, 128, 0.9);
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn.Theme2-Type4 {
background: rgba(161, 136, 127, 0.5);
border-color: rgba(122, 98, 90, 0.9);
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn.Theme2-Type5 {
background: rgba(128, 203, 196, 0.5);
border-color: rgba(74, 181, 171, 0.9);
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn div.InnSctnNameHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn div.InnSctnNameHldr span.Name {
display: block;
font-weight: 700;
padding-right: 10px;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn div.OptnsDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 0 auto;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn div.OptnsDv div.BtnHldr .AppBtn {
color: #3E5D6D;
font-size: 22px;
width: 30px;
height: 30px;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn div.OptnsDv div.BtnHldr .AppBtn:before {
position: absolute;
left: calc(50% - 11px);
top: calc(50% - 11px);
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn div.OptnsDv div.SbMnuBtnHldrDv {
margin: 0;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.InnrSctnHldr div.InnrSctn div.OptnsDv div.SbMnuBtnHldrDv span.SbMnuBtn:before {
color: #3E5D6D;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.SctnHldrDv {
border-color: rgba(169, 193, 206, 0.6);
margin: 0 0 10px 0;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.SctnHldrDv div.SctnHeader {
background: rgba(169, 193, 206, 0.09);
border-bottom-color: rgba(169, 193, 206, 0.6);
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.SctnHldrDv div.SctnDtls div.SctnHldrDv {
border-color: rgba(136, 170, 188, 0.7);
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv div.SctnDtls div.SctnHldrDv div.SctnDtls div.SctnHldrDv div.SctnHeader {
background: rgba(136, 170, 188, 0.12);
border-bottom-color: rgba(136, 170, 188, 0.7);
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv.Closed div.SctnHeader {
border-radius: 7px;
border-bottom: none;
}
div.LocationFullDetails div.DtlsHldrDv div.SctnHldrDv.Closed div.SctnDtls {
display: none;
}
/* Admin Location Flow - Ends */
/* Admin Complaint Process Flow - Starts */
div.ComplaintPrccHldr {
width: 100%;
}
div.ComplaintPrccHldr div.PrcssHdr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: 100%;
padding: 0 0 5px 0;
}
div.ComplaintPrccHldr div.PrcssHdr span.TxtTtl {
display: block;
width: 100%;
padding: 0 0 5px 0;
font-weight: 700;
color: #1E538F;
}
div.ComplaintPrccHldr div.PrcssHdr div.TtlDtls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: 50%;
}
div.ComplaintPrccHldr div.PrcssHdr div.TtlDtls span.CmpltTtl {
display: block;
width: 100%;
font-weight: 600;
font-size: 20px;
color: #222222;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 50%;
margin: 0 0 0 auto;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltStts {
display: block;
padding: 10px 15px;
border-radius: 5px;
margin: 0 5px 0 0;
font-weight: 700;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltStts.Theme1-Ongoing {
background: rgba(199, 205, 233, 0.08);
color: #a2acdb;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltStts.Theme1-AssignComplaint {
background: rgba(195, 222, 245, 0.08);
color: #97c6ee;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltStts.Theme1-PendingApproval {
background: rgba(255, 174, 141, 0.08);
color: #ff8a5a;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltStts.Theme1-Delayed {
background: rgba(255, 168, 177, 0.08);
color: #ff7583;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltStts.Theme1-Completed {
background: rgba(158, 213, 158, 0.08);
color: #7ac67a;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltStts.Theme1-ReOpened {
background: rgba(255, 163, 212, 0.08);
color: #ff70bc;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltStts.Theme2-Ongoing {
background: rgba(15, 200, 163, 0.08);
color: #0b997c;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltStts.Theme2-AssignComplaint {
background: rgba(34, 139, 230, 0.08);
color: #1671bf;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltStts.Theme2-PendingApproval {
background: rgba(253, 112, 54, 0.08);
color: #fc4c04;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltStts.Theme2-Delayed {
background: rgba(223, 17, 37, 0.08);
color: #b00d1d;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltStts.Theme2-Completed {
background: rgba(158, 213, 158, 0.08);
color: #7ac67a;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltStts.Theme2-ReOpened {
background: rgba(224, 188, 227, 0.08);
color: #cf98d4;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltPrty {
display: block;
padding: 10px 15px;
border-radius: 5px;
margin: 0 5px 0 0;
font-weight: 700;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltPrty.Theme1-High {
background: rgba(255, 3, 3, 0.08);
color: #cf0000;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltPrty.Theme1-Medium {
background: rgba(220, 82, 0, 0.08);
color: #a93f00;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltPrty.Theme1-Low {
background: rgba(78, 141, 5, 0.08);
color: #335c03;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltPrty.Theme2-High {
background: rgba(212, 228, 255, 0.08);
color: #a1c4ff;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltPrty.Theme2-Medium {
background: rgba(255, 238, 204, 0.08);
color: #ffdd99;
}
div.ComplaintPrccHldr div.PrcssHdr div.CmpltBscDtls div.TxtHghlts span.CmpltPrty.Theme2-Low {
background: rgba(221, 226, 228, 0.08);
color: #c1cacd;
}
div.ComplaintPrccHldr div.row.NoBG {
margin-top: -10px;
}
div.ComplaintPrccHldr div.row.MrgnAdd {
margin-top: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.ComplaintPrccHldr div.row div.LrgFnt label {
color: #1E538F;
}
div.ComplaintPrccHldr span.FormTxtTtl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
padding-left: 10px;
}
div.ComplaintPrccHldr span.FormTxtTtl span.Icn {
position: relative;
width: 17px;
height: 17px;
margin-left: 5px;
}
div.ComplaintPrccHldr img.CmpltPhoto {
display: block;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
border: 1px solid rgba(30, 83, 143, 0.2);
}
/* Admin Complaint Process Flow - Ends */
/* Theme Preview Display - Starts */
div.ClrThemePreviewHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 5px;
}
div.ClrThemePreviewHldr span.Blk {
display: block;
padding: 5px 10px;
margin: 4px;
}
div.ClrThemePreviewHldr span.PrvwTtl {
width: 100%;
font-weight: 700;
font-size: 16px;
padding-left: 0;
}
div.ClrThemePreviewHldr span.Cmplt {
border-radius: 4px;
}
div.ClrThemePreviewHldr span.Cmplt.Theme1-Emergency {
background: rgba(211, 47, 47, 0.2);
}
div.ClrThemePreviewHldr span.Cmplt.Theme1-Minor {
background: rgba(255, 171, 0, 0.2);
}
div.ClrThemePreviewHldr span.Cmplt.Theme1-Major {
background: rgba(41, 121, 255, 0.2);
}
div.ClrThemePreviewHldr span.Cmplt.Theme1-Upgradation {
background: rgba(140, 158, 255, 0.2);
}
div.ClrThemePreviewHldr span.Cmplt.Theme1-Periodical {
background: rgba(221, 226, 228, 0.2);
}
div.ClrThemePreviewHldr span.Cmplt.Theme1-High {
background: rgba(225, 83, 83, 0.2);
}
div.ClrThemePreviewHldr span.Cmplt.Theme2-Emergency {
background: rgba(255, 136, 0, 0.2);
}
div.ClrThemePreviewHldr span.Cmplt.Theme2-Minor {
background: rgba(115, 255, 0, 0.2);
}
div.ClrThemePreviewHldr span.Cmplt.Theme2-Major {
background: rgba(152, 41, 255, 0.2);
}
div.ClrThemePreviewHldr span.Cmplt.Theme2-Upgradation {
background: rgba(22, 194, 206, 0.2);
}
div.ClrThemePreviewHldr span.Cmplt.Theme2-Periodical {
background: rgba(221, 226, 228, 0.2);
}
div.ClrThemePreviewHldr span.Cmplt.Theme2-High {
background: rgba(225, 83, 83, 0.2);
}
/* Theme Preview Display - Ends */
/* Complaint Category Icon Display - Starts */
.CatIcn {
position: relative;
}
.CatIcn:before {
content: '';
position: absolute;
left: calc(50% - 15px);
top: 15px;
width: 30px;
height: 30px;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: 30px;
}
.CatIcn.Electrical:before {
background-image: url(../CatIcon/Cat-Electrical.svg);
}
.CatIcn.AirConditioning:before {
background-image: url(../CatIcon/Cat-AirConditioning.svg);
}
.CatIcn.Plumbing:before {
background-image: url(../CatIcon/Cat-Plumbing.svg);
}
.CatIcn.Civil:before {
background-image: url(../CatIcon/Cat-Civil.svg);
}
.CatIcn.Ceiling:before {
background-image: url(../CatIcon/Cat-Ceiling.svg);
}
.CatIcn.HouseKeeping:before {
background-image: url(../CatIcon/Cat-HouseKeeping.svg);
}
.CatIcn.Carpentry:before {
background-image: url(../CatIcon/Cat-Carpentry.svg);
}
.CatIcn.Others:before {
background-image: url(../CatIcon/Cat-Others.svg);
}
div.CmplntCtgryList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
width: 100%;
}
div.CmplntCtgryList div.CtgryHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(20% - 20px);
margin: 10px;
}
div.CmplntCtgryList div.CtgryHldr .Lnk {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100px;
padding: 0;
background: white;
border: 1px solid rgba(0, 150, 136, 0);
border-radius: 5px;
text-decoration: none;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.CmplntCtgryList div.CtgryHldr .Lnk:hover, div.CmplntCtgryList div.CtgryHldr .Lnk.Actv {
background: white;
border-color: #00746a;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.CmplntCtgryList div.CtgryHldr .Lnk span.Txt {
display: block;
padding: 40px 10px 0 10px;
color: #00746a;
text-align: center;
font-weight: 700;
font-size: 15px;
}
/* Complaint Category Icon Display - Ends */
/* Gradient Legend - Starts */
div.GrdntLgnd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 20px 0 0 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
div.GrdntLgnd div.LgndClrBr {
width: 100%;
height: 10px;
border-radius: 10px;
background: #1e538f;
}
div.GrdntLgnd div.LgndVlusHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
padding: 10px 0 0 0;
}
div.GrdntLgnd div.LgndVlusHldr span.VluTxt {
font-size: 14px;
font-weight: 500;
text-align: center;
padding: 0 10px;
}
div.GrdntLgnd div.LgndVlusHldr span.VluTxt:first-of-type {
text-align: left;
padding-left: 0;
}
div.GrdntLgnd div.LgndVlusHldr span.VluTxt:last-of-type {
text-align: right;
padding-right: 0;
}
/* Gradient Legend - Ends */
/* Progress Action Div - Starts */
div.ProgressActionDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
div.ProgressActionDv span.Icn {
display: block;
width: 100%;
font-size: 40px;
padding: 10px 20px 0 20px;
text-align: center;
}
div.ProgressActionDv span.PrgsTtl {
display: block;
width: 100%;
font-size: 28px;
font-weight: 700;
padding: 0 20px;
text-align: center;
}
div.ProgressActionDv span.PrgsTxt {
display: block;
width: 100%;
font-size: 15px;
padding: 10px 20px;
text-align: center;
}
div.ProgressActionDv.Success span.Icn {
color: #2E7D32;
}
div.ProgressActionDv.Success span.PrgsTtl {
color: #2E7D32;
}
div.ProgressActionDv.Error span.Icn {
color: #C62828;
}
div.ProgressActionDv.Error span.PrgsTtl {
color: #C62828;
}
/* Progress Action Div - Ends */
/* Table Legends List Div - Starts */
div.TableLegends {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
position: absolute;
width: 100%;
height: 40px;
left: 0;
bottom: 0;
}
div.TableLegends.Theme-1 {
background: #fafafa;
border-top: 1px solid #efebe9;
}
div.TableLegends div.Hldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.TableLegends div.Hldr span.InnrTtl {
padding: 0 10px 0 20px;
}
div.TableLegends div.Hldr span.Blk {
padding: 0 10px 0 30px;
margin: 0 5px 0 0;
position: relative;
line-height: 100%;
}
div.TableLegends div.Hldr span:before {
width: 10px;
height: 10px;
border-radius: 5px;
position: absolute;
left: 10px;
top: calc(50% - 5px);
}
div.TableLegends div.Hldr span.CmpltPrty.Theme1-High {
color: #ff0303;
}
div.TableLegends div.Hldr span.CmpltPrty.Theme1-High:before {
content: '';
background: #ff0303;
}
div.TableLegends div.Hldr span.CmpltPrty.Theme1-Medium {
color: #dc5200;
}
div.TableLegends div.Hldr span.CmpltPrty.Theme1-Medium:before {
content: '';
background: #dc5200;
}
div.TableLegends div.Hldr span.CmpltPrty.Theme1-Low {
color: #4e8d05;
}
div.TableLegends div.Hldr span.CmpltPrty.Theme1-Low:before {
content: '';
background: #4e8d05;
}
div.TableLegends div.Hldr span.CmpltPrty.Theme2-High {
color: #d4e4ff;
}
div.TableLegends div.Hldr span.CmpltPrty.Theme2-High:before {
content: '';
background: #d4e4ff;
}
div.TableLegends div.Hldr span.CmpltPrty.Theme2-Medium {
color: #ffeecc;
}
div.TableLegends div.Hldr span.CmpltPrty.Theme2-Medium:before {
content: '';
background: #ffeecc;
}
div.TableLegends div.Hldr span.CmpltPrty.Theme2-Low {
color: #dde2e4;
}
div.TableLegends div.Hldr span.CmpltPrty.Theme2-Low:before {
content: '';
background: #dde2e4;
}
div.TableLegends div.Hldr span.InvType.Theme1-HCHV {
color: #ea383a;
}
div.TableLegends div.Hldr span.InvType.Theme1-HCHV:before {
content: '';
background: #ea383a;
}
div.TableLegends div.Hldr span.InvType.Theme1-LCLV {
color: #37d3ae;
}
div.TableLegends div.Hldr span.InvType.Theme1-LCLV:before {
content: '';
background: #37d3ae;
}
div.TableLegends div.Hldr span.InvType.Theme1-LCHV {
color: #fda27e;
}
div.TableLegends div.Hldr span.InvType.Theme1-LCHV:before {
content: '';
background: #fda27e;
}
div.TableLegends div.Hldr span.InvType.Theme1-HCLV {
color: #9f8d7e;
}
div.TableLegends div.Hldr span.InvType.Theme1-HCLV:before {
content: '';
background: #9f8d7e;
}
div.TableLegends div.Hldr span.InvType.Theme2-HCHV {
color: #ea383a;
}
div.TableLegends div.Hldr span.InvType.Theme2-HCHV:before {
content: '';
background: #ea383a;
}
div.TableLegends div.Hldr span.InvType.Theme2-LCLV {
color: #37d3ae;
}
div.TableLegends div.Hldr span.InvType.Theme2-LCLV:before {
content: '';
background: #37d3ae;
}
div.TableLegends div.Hldr span.InvType.Theme2-LCHV {
color: #fda27e;
}
div.TableLegends div.Hldr span.InvType.Theme2-LCHV:before {
content: '';
background: #fda27e;
}
div.TableLegends div.Hldr span.InvType.Theme2-HCLV {
color: #9f8d7e;
}
div.TableLegends div.Hldr span.InvType.Theme2-HCLV:before {
content: '';
background: #9f8d7e;
}
div.TableLegends div.Hldr span.Cmplt.Theme1-Emergency {
color: #d32f2f;
}
div.TableLegends div.Hldr span.Cmplt.Theme1-Emergency:before {
content: '';
background: #d32f2f;
}
div.TableLegends div.Hldr span.Cmplt.Theme1-Minor {
color: #ffab00;
}
div.TableLegends div.Hldr span.Cmplt.Theme1-Minor:before {
content: '';
background: #ffab00;
}
div.TableLegends div.Hldr span.Cmplt.Theme1-Major {
color: #2979ff;
}
div.TableLegends div.Hldr span.Cmplt.Theme1-Major:before {
content: '';
background: #2979ff;
}
div.TableLegends div.Hldr span.Cmplt.Theme1-Upgradation {
color: #8c9eff;
}
div.TableLegends div.Hldr span.Cmplt.Theme1-Upgradation:before {
content: '';
background: #8c9eff;
}
div.TableLegends div.Hldr span.Cmplt.Theme1-Periodical {
color: #dde2e4;
}
div.TableLegends div.Hldr span.Cmplt.Theme1-Periodical:before {
content: '';
background: #dde2e4;
}
div.TableLegends div.Hldr span.Cmplt.Theme1-High {
color: #e15353;
}
div.TableLegends div.Hldr span.Cmplt.Theme1-High:before {
content: '';
background: #e15353;
}
div.TableLegends div.Hldr span.Cmplt.Theme2-Emergency {
color: #ff8800;
}
div.TableLegends div.Hldr span.Cmplt.Theme2-Emergency:before {
content: '';
background: #ff8800;
}
div.TableLegends div.Hldr span.Cmplt.Theme2-Minor {
color: #73ff00;
}
div.TableLegends div.Hldr span.Cmplt.Theme2-Minor:before {
content: '';
background: #73ff00;
}
div.TableLegends div.Hldr span.Cmplt.Theme2-Major {
color: #9829ff;
}
div.TableLegends div.Hldr span.Cmplt.Theme2-Major:before {
content: '';
background: #9829ff;
}
div.TableLegends div.Hldr span.Cmplt.Theme2-Upgradation {
color: #16c2ce;
}
div.TableLegends div.Hldr span.Cmplt.Theme2-Upgradation:before {
content: '';
background: #16c2ce;
}
div.TableLegends div.Hldr span.Cmplt.Theme2-Periodical {
color: #dde2e4;
}
div.TableLegends div.Hldr span.Cmplt.Theme2-Periodical:before {
content: '';
background: #dde2e4;
}
div.TableLegends div.Hldr span.Cmplt.Theme2-High {
color: #e15353;
}
div.TableLegends div.Hldr span.Cmplt.Theme2-High:before {
content: '';
background: #e15353;
}
div.TableLegends div.Hldr span.Icn:before {
font-size: 10px;
width: 20px;
height: 15px;
left: 0;
top: calc(50% - 10px);
border-radius: 20px;
text-align: center;
padding-top: 5px;
}
div.TableLegends div.Hldr span.Icn.InHouse:before {
background: #344ded;
color: white;
}
div.TableLegends div.Hldr span.Icn.Outsourced:before {
background: #e84600;
color: white;
}
div.TableLegends div.Hldr span.Icn.Ongoing:before {
background: #c41b54;
color: white;
}
div.TableLegends div.Hldr span.Icn.Completed:before {
background: #078b11;
color: white;
}
div.TableLegends div.Hldr span.Icn.Pending:before {
background: #90a4ae;
color: white;
}
div.TableLegends div.Hldr span.Icn.AwaitingResponse:before {
background: #b71c1c;
color: white;
}
div.TableLegends div.Hldr span.Icn.Approved:before {
background: #03ad00;
color: white;
}
div.TableLegends div.Hldr span.Icn.ApproveRequest:before {
background: #1e538f;
color: white;
}
div.TableLegends div.Hldr span.Icn.Reschedule:before {
background: #ed7302;
color: white;
}
div.TableLegends div.Hldr span.Icn.Rejected:before {
background: #d32f2f;
color: white;
}
div.TableLegends div.Hldr span.Icn.OnHold:before {
background: #283593;
color: white;
}
div.TableLegends div.Hldr span.Icn.Critical:before {
background: #bf360c;
color: white;
}
div.TableLegends div.Hldr span.Icn.Normal:before {
background: #558b2f;
color: white;
}
div.TableLegends div.Hldr span.Icn.AMCAction:before {
background: #1e538f;
color: white;
}
div.TableLegends div.Hldr span.Icn.Upcoming:before {
background: #1e538f;
color: white;
}
div.TableLegends div.Hldr span.Icn.NewRequest:before {
background: #1e538f;
color: white;
}
div.TableLegends div.Hldr span.Icn.Requested:before {
background: #1e538f;
color: white;
}
div.TableLegends div.Hldr span.Icn.OnTime:before {
background: #17a300;
color: white;
}
div.TableLegends div.Hldr span.Icn.Upcoming:before {
content: '';
}
div.TableLegends div.Hldr span.Icn.Scheduled:before {
color: #1e538f !important;
}
div.TableLegends div.Hldr span.Icn.ActionPending:before {
color: #E65100;
font-size: 16px;
padding: 0;
}
div.TableLegends div.Hldr span.Icn.Delayed:before {
background: #ed7302;
color: white;
}
div.TableLegends div.Hldr span.Icn.Upcoming:before {
content: '';
}
div.TableLegends div.Hldr span.Icn.Scheduled:before {
color: #1e538f !important;
}
div.TableLegends div.Hldr span.Icn.ActionPending:before {
color: #E65100;
font-size: 16px;
padding: 0;
}
div.TableLegends div.Hldr span.Icn.Incomplete:before {
background: #c62828;
color: white;
}
div.TableLegends div.Hldr span.Icn.Upcoming:before {
content: '';
}
div.TableLegends div.Hldr span.Icn.Scheduled:before {
color: #1e538f !important;
}
div.TableLegends div.Hldr span.Icn.ActionPending:before {
color: #E65100;
font-size: 16px;
padding: 0;
}
div.TableLegends div.Hldr span.Icn.Upcoming:before {
background: #1e538f;
color: white;
}
div.TableLegends div.Hldr span.Icn.Upcoming:before {
content: '';
}
div.TableLegends div.Hldr span.Icn.Scheduled:before {
color: #1e538f !important;
}
div.TableLegends div.Hldr span.Icn.ActionPending:before {
color: #E65100;
font-size: 16px;
padding: 0;
}
div.TableLegends div.Hldr span.Icn.Scheduled:before {
background: #e8eef4;
color: white;
}
div.TableLegends div.Hldr span.Icn.Upcoming:before {
content: '';
}
div.TableLegends div.Hldr span.Icn.Scheduled:before {
color: #1e538f !important;
}
div.TableLegends div.Hldr span.Icn.ActionPending:before {
color: #E65100;
font-size: 16px;
padding: 0;
}
/* Table Legends List Div - Ends */
/* Rooster Details Div - Starts */
div.RoosterDetail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: rgba(30, 83, 143, 0.05);
margin: 0 auto;
width: 50px;
height: 50px;
border-radius: 10px;
position: relative;
}
div.RoosterDetail span.Stts {
font-weight: 600;
font-size: 14px;
}
div.RoosterDetail div.RstrPopup {
display: none;
position: absolute;
width: calc(100% + 140px);
right: -10px;
top: 100%;
background: #fff;
-webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(30, 83, 143, 0.2);
border-radius: 5px;
z-index: 1;
}
div.RoosterDetail div.RstrPopup:before {
content: '';
position: absolute;
width: 0;
height: 0;
right: 29px;
top: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fff;
z-index: 1;
}
div.RoosterDetail div.RstrPopup div.DtlsHldr {
padding: 10px;
text-align: center;
}
div.RoosterDetail div.RstrPopup div.DtlsHldr span.UpCmngTxt {
display: block;
width: 100%;
font-size: 13px;
padding: 0 0 5px 0;
border-bottom: 1px solid #eee;
}
div.RoosterDetail div.RstrPopup div.DtlsHldr span.ShftDtl {
display: block;
width: 100%;
font-size: 16px;
font-weight: 700;
color: #00746a;
padding: 3px 0 0 0;
}
div.RoosterDetail div.RstrPopup div.DtlsHldr span.ShftTiming {
display: block;
width: 100%;
font-size: 13px;
padding: 0 0 5px 0;
}
div.RoosterDetail div.RstrPopup div.DtlsHldr a.AppBtn {
display: block;
text-align: center;
padding: 8px 5px 0 5px;
margin: 0;
}
div.RoosterDetail div.RstrPopup div.DtlsHldr span.AttdStts {
display: block;
width: 100%;
font-size: 16px;
font-weight: 700;
padding: 3px 0 0 0;
}
div.RoosterDetail div.RstrPopup div.DtlsHldr span.SttsType {
display: block;
width: 100%;
font-size: 13px;
padding: 0 0 5px 0;
}
div.RoosterDetail:hover div.RstrPopup {
display: block;
}
div.RoosterDetail.Late:after {
content: '';
position: absolute;
width: calc(100% - 14px);
height: 6px;
left: 7px;
bottom: 0px;
border-radius: 6px 6px 0 0;
background: red;
}
div.RoosterDetail.Status-Present {
background: #dcedc8;
}
div.RoosterDetail.Status-Absent {
background: #ffcad2;
}
div.RoosterDetail.Status-UpComing {
background: #dcedc8;
}
div.RoosterDetail.Status-WeekOff {
background: #e1eaf9;
}
div.RoosterDetail.Status-ShiftChange {
background: #e7ebed;
}
/* Rooster Details Div - Ends */
/* Loading Div - Starts */
div.Loading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(30, 83, 143, 0.9);
z-index: 20;
}
div.Loading img.LdngImg {
display: block;
margin: 0 auto;
width: 100px;
height: 100px;
}
div.Loading span.Ttl {
display: block;
width: 100%;
text-align: center;
font-size: 21px;
font-weight: 700;
color: white;
}
div.Loading span.Txt {
display: block;
width: 100%;
text-align: center;
font-size: 16px;
font-weight: 600;
padding: 10px 0 0 0;
color: white;
}
div.Loading.FullView {
position: fixed;
}
div.Loading.InlineFllView {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
height: auto;
padding: 10px 20px;
border-radius: 6px;
left: 0;
top: 0;
}
div.Loading.InlineFllView img.LdngImg {
margin: -10px 0 0 0;
width: 50px;
height: 50px;
}
div.Loading.InlineFllView span.Ttl {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 0 10px 0 5px;
}
div.Loading.InlineFllView span.Txt {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 3px 0 0 0;
}
div.Loading.InlineView {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: auto;
padding: 10px 20px;
border-radius: 6px;
}
div.Loading.InlineView img.LdngImg {
margin: -10px 0 0 0;
width: 50px;
height: 50px;
}
div.Loading.InlineView span.Ttl {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 0 10px 0 5px;
}
div.Loading.InlineView span.Txt {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 3px 0 0 0;
}
/* Loading Div - Ends */
/* Dashboard - Starts */
span.DshbrdSttsTxt {
display: block;
padding: 5px 10px;
margin: 0 0 0 10px;
border-radius: 15px;
font-weight: 600;
color: #1e538f;
background: rgba(30, 83, 143, 0.08);
}
span.DshbrdSttsTxt.Theme1-Positive {
color: #2e7d32;
background: rgba(46, 125, 50, 0.08);
}
span.DshbrdSttsTxt.Theme1-Negative {
color: #c62828;
background: rgba(198, 40, 40, 0.08);
}
span.DshbrdSttsTxt.Theme2-Positive {
color: #2e7d32;
background: rgba(46, 125, 50, 0.08);
}
span.DshbrdSttsTxt.Theme2-Negative {
color: #c62828;
background: rgba(198, 40, 40, 0.08);
}
span.DshbrdSttsTxt.Compact {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
span.DshbrdSttsTxt.NoMrgn {
margin: 0;
}
div.DashboardHldr {
background: #fff;
border-radius: 10px;
width: 100%;
height: 100%;
overflow: hidden;
border: 1px solid rgba(30, 83, 143, 0.3);
}
div.DashboardHldr.InnrSldr {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
width: 100%;
margin: 0;
}
div.DashboardHldr.BrdrRght {
position: relative;
}
div.DashboardHldr.BrdrRght:after {
content: '';
position: absolute;
width: 1px;
height: 100%;
background: rgba(30, 83, 143, 0.1);
right: 0;
top: 0;
}
div.DashboardHldr.Mrgn {
margin: 10px 0;
}
div.DashboardHldr.TmpltOne {
background: transparent;
border-radius: 0;
border: none;
}
div.DashboardHldr.TmpltTwo {
border-color: rgba(207, 216, 220, 0.5);
-webkit-box-shadow: 0px 4px 30px rgba(30, 83, 143, 0.05);
box-shadow: 0px 4px 30px rgba(30, 83, 143, 0.05);
}
div.DashboardHldr.TmpltTwo.ExtrPddng {
padding-bottom: 20px;
}
div.DashboardHldr.FtCntnt {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
div.DashboardHldr.OvrFlwVsbl {
overflow: visible;
}
div.DashboardHldr.NoShdw {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
div.DshHdrHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
padding: 16px 20px;
width: 100%;
background: rgba(30, 83, 143, 0.15);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 83, 143, 0.1)), to(rgba(30, 83, 143, 0)));
background: linear-gradient(180deg, rgba(30, 83, 143, 0.1) 0%, rgba(30, 83, 143, 0) 100%);
}
div.DshHdrHldr.NoPadd {
padding: 0;
}
div.DshHdrHldr div.TtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.DshHdrHldr div.TtlHldr span.TtlTxt {
display: block;
position: relative;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
color: #1e538f;
}
div.DshHdrHldr div.TtlHldr span.TtlTxt.Icn {
padding-left: 40px;
}
div.DshHdrHldr div.TtlHldr span.TtlTxt.Icn img.IcnImg {
position: absolute;
width: 30px;
height: 30px;
left: 0;
top: calc(50% - 15px);
}
div.DshHdrHldr div.TtlHldr span.TtlTxt.SmlCse {
text-transform: none;
}
div.DshHdrHldr div.TtlHldr span.SbTtlTxt {
display: block;
position: relative;
font-size: 17px;
font-weight: 700;
color: #1e538f;
}
div.DshHdrHldr div.TtlHldr span.SbTxt {
display: block;
font-size: 14px;
padding: 0 0 0 5px;
}
div.DshHdrHldr div.ActnBtnHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 0 auto;
}
div.DshHdrHldr div.ActnBtnHldr [class^='WISIcn-'],
div.DshHdrHldr div.ActnBtnHldr [class*=' WISIcn-'] {
font-size: 18px;
color: #1e538f;
}
div.DshHdrHldr div.ActnBtnHldr [class^='WISIcn-']:before,
div.DshHdrHldr div.ActnBtnHldr [class*=' WISIcn-']:before {
left: calc(50% - 9px);
top: calc(50% - 9px);
}
div.DshHdrHldr div.ActnBtnHldr .AppBtn {
margin: 0 0 0 10px;
}
div.DshHdrHldr div.ActnBtnHldr .AppBtn.Icn {
font-size: 15px;
}
div.DshHdrHldr div.ActnBtnHldr .AppBtn.Icn:before {
font-size: 16px;
left: 10px;
top: calc(50% - 8px);
}
div.DshHdrHldr div.ActnBtnHldr .Lnk {
padding: 0;
margin: 0 0 0 10px;
width: 30px;
height: 30px;
border-radius: 15px;
}
div.DshHdrHldr div.ActnBtnHldr .Lnk:before {
position: absolute;
}
div.DshHdrHldr div.ActnBtnHldr .Lnk.WISIcn-FullArrowRight {
background: #1E538F;
color: white;
font-size: 24px;
}
div.DshHdrHldr div.ActnBtnHldr .Lnk.WISIcn-FullArrowRight:before {
left: calc(50% - 12px);
top: calc(50% - 12px);
}
div.DshHdrHldr.ClrOneHghlgt {
background: #DF1125;
}
div.DshHdrHldr.ClrOneHghlgt div.TtlHldr span.TtlTxt {
color: #fff;
}
div.DshHdrHldr.ClrOneHghlgt div.ActnBtnHldr .Lnk {
color: #fff;
}
div.DshHdrHldr.TmpltOne {
padding: 0 0 20px 0;
background: transparent;
}
div.DshHdrHldr.TmpltTwo {
padding: 20px 15px;
background: transparent;
}
div.DshHdrHldr.TmpltTwo.ExtraPaddTpBt {
padding-top: 30px;
padding-bottom: 30px;
}
div.DshSbHdrHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
padding: 10px 20px;
margin: 0 0 10px 0;
width: 100%;
background: rgba(30, 83, 143, 0.03);
}
div.DshSbHdrHldr.Brdr {
border: 1px solid rgba(30, 83, 143, 0.2);
border-radius: 10px;
}
div.DshSbHdrHldr.NoPadd {
padding: 0;
}
div.DshSbHdrHldr div.TtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.DshSbHdrHldr div.TtlHldr span.TtlTxt {
display: block;
position: relative;
font-size: 20px;
font-weight: 700;
color: #1e538f;
}
div.DshSbHdrHldr div.TtlHldr span.TtlTxt.Icn {
padding-left: 30px;
}
div.DshSbHdrHldr div.TtlHldr span.TtlTxt.Icn:before {
content: '';
width: 30px;
height: 30px;
background: #000;
position: absolute;
left: 0;
top: calc(50% - 15px);
}
div.DshSbHdrHldr div.TtlHldr span.TtlTxt.SmlCse {
text-transform: none;
}
div.DshSbHdrHldr div.TtlHldr span.SbTxt {
display: block;
font-size: 14px;
padding: 0 0 0 5px;
}
div.DshSbHdrHldr div.ActnBtnHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 0 auto;
}
div.DshSbHdrHldr div.ActnBtnHldr [class^='WISIcn-'],
div.DshSbHdrHldr div.ActnBtnHldr [class*=' WISIcn-'] {
font-size: 18px;
color: #1e538f;
}
div.DshSbHdrHldr div.ActnBtnHldr [class^='WISIcn-']:before,
div.DshSbHdrHldr div.ActnBtnHldr [class*=' WISIcn-']:before {
left: calc(50% - 9px);
top: calc(50% - 9px);
}
div.DshSbHdrHldr div.ActnBtnHldr .AppBtn {
margin: 0 20px 0 0;
}
div.DshSbHdrHldr div.ActnBtnHldr .AppBtn.IcnOnly {
width: 20px;
min-height: 20px;
font-size: 20px;
color: #1E538F;
}
div.DshSbHdrHldr div.ActnBtnHldr .Lnk {
padding: 0;
margin: 0 0 0 10px;
width: 30px;
height: 30px;
border-radius: 15px;
}
div.DshSbHdrHldr div.ActnBtnHldr .Lnk:before {
position: absolute;
}
div.DshSbHdrHldr div.ActnBtnHldr .Lnk.WISIcn-FullArrowRight {
background: #1E538F;
color: white;
font-size: 24px;
}
div.DshSbHdrHldr div.ActnBtnHldr .Lnk.WISIcn-FullArrowRight:before {
left: calc(50% - 12px);
top: calc(50% - 12px);
}
div.DshDtlHldr {
padding: 0 20px 20px 20px;
width: 100%;
}
div.DshDtlHldr img.TmpImg {
display: block;
width: 100%;
margin: 20px 0 0 0;
}
div.DshDtlHldr.TmpltOne {
padding: 0;
}
div.DshDtlHldr.TmpltTwo {
padding: 0 15px;
}
div.DshDtlHldr.TmpltTwo.PaddBtm {
padding-bottom: 15px;
}
div.DshDtlHldr.FllPddng {
padding: 20px;
}
@media only screen and (max-width: 767px) {
div.DshDtlHldr.FllPddng {
padding: 10px;
}
}
div.DshDtlHldr.NoPddng {
padding: 0;
}
div.DshDtlHldr.Brdr {
border-bottom: 1px solid rgba(30, 83, 143, 0.1);
}
div.DshInnrAccrdn {
border-radius: 8px;
border: 1px solid rgba(187, 222, 251, 0.5);
background: rgba(227, 242, 253, 0.5);
margin-bottom: 20px;
}
div.DshInnrAccrdn div.DshInnrAccrdnHdrHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
padding: 20px 15px;
width: 100%;
}
div.DshInnrAccrdn div.DshInnrAccrdnHdrHldr div.TtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.DshInnrAccrdn div.DshInnrAccrdnHdrHldr div.TtlHldr span.TtlTxt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
font-size: 16px;
font-weight: 700;
color: #1e538f;
cursor: pointer;
}
div.DshInnrAccrdn div.DshInnrAccrdnHdrHldr div.TtlHldr span.TtlTxt span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 0 5px;
}
div.DshInnrAccrdn div.DshInnrAccrdnHdrHldr div.ActnBtnHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 0 auto;
}
div.DshInnrAccrdn div.DshInnrAccrdnHdrHldr div.ActnBtnHldr [class^='WISIcn-'],
div.DshInnrAccrdn div.DshInnrAccrdnHdrHldr div.ActnBtnHldr [class*=' WISIcn-'] {
font-size: 16px;
color: #1e538f;
}
div.DshInnrAccrdn div.DshInnrAccrdnHdrHldr div.ActnBtnHldr [class^='WISIcn-']:before,
div.DshInnrAccrdn div.DshInnrAccrdnHdrHldr div.ActnBtnHldr [class*=' WISIcn-']:before {
left: calc(50% - 8px);
top: calc(50% - 8px);
}
div.DshInnrAccrdn div.DshInnrAccrdnHdrHldr div.ActnBtnHldr .AppBtn {
margin: 0 0 0 10px;
}
div.DshInnrAccrdn div.DshInnrAccrdnHdrHldr div.ActnBtnHldr .AppBtn.Icn {
font-size: 15px;
}
div.DshInnrAccrdn div.DshInnrAccrdnHdrHldr div.ActnBtnHldr .AppBtn.Icn:before {
font-size: 16px;
left: 10px;
top: calc(50% - 8px);
}
div.DshInnrAccrdn div.DshInnrAccrdnHdrHldr div.ActnBtnHldr .Lnk {
padding: 0;
margin: 0 0 0 10px;
width: 30px;
height: 30px;
border-radius: 15px;
}
div.DshInnrAccrdn div.DshInnrAccrdnHdrHldr div.ActnBtnHldr .Lnk:before {
position: absolute;
}
div.DshInnrAccrdn div.DshInnrAccrdnHdrHldr div.ActnBtnHldr .Lnk.WISIcn-FullArrowRight {
background: #1E538F;
color: white;
font-size: 24px;
}
div.DshInnrAccrdn div.DshInnrAccrdnHdrHldr div.ActnBtnHldr .Lnk.WISIcn-FullArrowRight:before {
left: calc(50% - 12px);
top: calc(50% - 12px);
}
div.GrphTblDv {
position: relative;
width: 100%;
max-height: 250px;
overflow-y: auto;
}
div.GrphTblDv.Max {
max-height: 500px;
}
div.GrphHldr {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
div.GrphHldr.CmpltRprt.PChrt {
width: 100%;
height: 250px;
}
div.GrphLgd {
width: auto;
margin: 0 auto;
padding: 0 10px;
}
div.GrphLgd ul.LgndLst {
margin: 0;
padding: 0;
list-style: none;
}
div.GrphLgd ul.LgndLst li {
position: relative;
margin: 10px 0;
padding: 0 0 0 10px;
}
div.GrphLgd ul.LgndLst li span.LgndClr {
position: absolute;
width: 5px;
height: 100%;
left: 0;
top: 0;
border-radius: 5px;
background: #1E538F;
}
div.GrphLgd ul.LgndLst li span.LgndNumb {
display: block;
line-height: 100%;
font-size: 16px;
font-weight: 700;
}
div.GrphLgd ul.LgndLst li span.LgndTxt {
display: block;
line-height: 100%;
padding-top: 2px;
}
div.MnpwrPrtDshHldr {
border: 1px solid rgba(30, 83, 143, 0.1);
border-radius: 5px;
overflow: hidden;
margin: 0 10px;
}
div.MnpwrPrtDshHldr div.TtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(30, 83, 143, 0.05);
padding: 10px;
}
div.MnpwrPrtDshHldr div.TtlHldr span.TtlTxt {
font-size: 16px;
font-weight: 600;
color: #1E538F;
}
div.MnpwrPrtDshHldr div.TtlHldr .Lnk {
color: #1E538F;
margin: 0 0 0 auto;
padding-right: 0;
}
div.MnpwrPrtDshHldr div.OvrvwHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
padding: 10px;
border-bottom: 1px solid rgba(30, 83, 143, 0.1);
}
div.MnpwrPrtDshHldr div.OvrvwHldr span.Vlu {
font-size: 22px;
font-weight: 700;
color: #1E538F;
}
div.MnpwrPrtDshHldr div.OvrvwHldr span.VluType {
padding: 0 0 0 5px;
}
div.MnpwrPrtDshHldr div.DtlsHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
padding: 0 10px;
}
div.MnpwrPrtDshHldr div.DtlsHldr div.DtlDv {
width: 50%;
padding: 7px 0;
border-bottom: 1px solid rgba(30, 83, 143, 0.1);
}
div.MnpwrPrtDshHldr div.DtlsHldr div.DtlDv span.Ttl {
display: block;
padding: 0 0 3px 0;
}
div.MnpwrPrtDshHldr div.DtlsHldr div.DtlDv span.Txt {
display: block;
font-size: 17px;
font-weight: 700;
color: #1E538F;
}
div.MnpwrPrtDshHldr.Hghlght {
border-color: #1e538f;
background: #1e538f;
}
div.MnpwrPrtDshHldr.Hghlght div.TtlHldr {
background: #1e538f;
}
div.MnpwrPrtDshHldr.Hghlght div.TtlHldr span.TtlTxt {
color: white;
}
div.MnpwrPrtDshHldr.Hghlght div.OvrvwHldr {
border-color: rgba(255, 255, 255, 0.3);
}
div.MnpwrPrtDshHldr.Hghlght div.OvrvwHldr span.Vlu {
color: white;
}
div.MnpwrPrtDshHldr.Hghlght div.OvrvwHldr span.VluType {
color: white;
}
div.MnpwrPrtDshHldr.Hghlght div.DtlsHldr div.DtlDv {
border-color: rgba(255, 255, 255, 0.3);
}
div.MnpwrPrtDshHldr.Hghlght div.DtlsHldr div.DtlDv span.Ttl {
color: white;
}
div.MnpwrPrtDshHldr.Hghlght div.DtlsHldr div.DtlDv span.Txt {
color: white;
}
div.BMSDashBlck {
width: calc(100% - 20px);
height: 100%;
background: white;
/*border: 1px solid rgba($ThemeColour, 0.2);*/
border: 1px solid black;
border-radius: 10px;
overflow: hidden;
margin: 0 20px 20px 20px;
}
div.BMSDashBlck div.TtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/*background: rgba($ThemeColour, 0.03);*/
background: #066ea4;
padding: 20px 14px;
/*border-bottom: 1px solid rgba($ThemeColour, 0.08);*/
border-bottom: 1px solid black;
}
div.BMSDashBlck div.TtlHldr span.TtlTxt {
position: relative;
font-size: 18px;
padding: 0 10px 0 0;
font-weight: 700;
/*color: $ThemeColour;*/
color: #fff;
}
div.BMSDashBlck div.TtlHldr span.TtlTxt.Cntr {
text-align: center;
width: 100%;
}
div.BMSDashBlck div.TtlHldr span.TtlTxt.Lnk {
cursor: pointer;
text-decoration: none;
}
div.BMSDashBlck div.TtlHldr span.TtlTxt.Lnk:hover {
text-decoration: none;
}
div.BMSDashBlck div.TtlHldr span.TtlTxt.TxtIcn {
padding-left: 40px;
}
div.BMSDashBlck div.TtlHldr span.TtlTxt.TxtIcn img.ImgIcn {
position: absolute;
width: 30px;
height: 30px;
left: 0;
top: calc(50% - 15px);
}
div.BMSDashBlck div.TtlHldr .AppBtn {
margin: 0 0 0 auto;
}
div.BMSDashBlck div.TtlHldr .AppBtn.IcnOnly {
width: 20px;
min-height: 20px;
font-size: 20px;
color: #fff;
}
div.BMSDashBlck div.TtlHldr span.Icn {
font-size: 18px;
position: relative;
top: 4px;
left: 4px;
}
div.BMSDashBlck div.TtlHldr span.Stts {
margin: 0 0 0 auto;
text-align: center;
}
div.BMSDashBlck div.SbTtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 14px;
border-bottom: 1px solid rgba(30, 83, 143, 0.08);
}
div.BMSDashBlck div.SbTtlHldr span.TtlTxt {
font-size: 18px;
padding: 0 10px 0 0;
font-weight: 600;
color: #1E538F;
}
div.BMSDashBlck div.SbTtlHldr span.TtlTxt.Cntr {
text-align: center;
width: 100%;
}
div.BMSDashBlck div.SbTtlHldr span.TtlTxt.Lnk {
cursor: pointer;
text-decoration: none;
}
div.BMSDashBlck div.SbTtlHldr span.TtlTxt.Lnk:hover {
text-decoration: none;
}
div.BMSDashBlck div.SbTtlHldr span.Icn {
font-size: 18px;
position: relative;
top: 4px;
left: 4px;
}
div.BMSDashBlck div.SbTtlHldr span.Stts {
margin: 0 0 0 auto;
text-align: center;
}
div.BMSDashBlck div.OvrvwHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 14px;
border-bottom: 1px solid rgba(30, 83, 143, 0.1);
}
div.BMSDashBlck div.OvrvwHldr div.TankDV {
width: 50%;
padding: 10px;
}
div.BMSDashBlck div.OvrvwHldr div.TankDV span.Vlu {
display: block;
font-size: 28px;
font-weight: 700;
color: #1E538F;
}
div.BMSDashBlck div.OvrvwHldr div.TankDV span.VluType {
display: block;
padding: 0 0 10px 0;
font-size: 16px;
}
div.BMSDashBlck div.DtlsHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
padding: 15px;
width: 100%;
}
div.BMSDashBlck div.DtlsHldr div.DtlDv {
width: 50%;
padding: 15px 0;
border-bottom: 1px solid rgba(30, 83, 143, 0.2);
}
div.BMSDashBlck div.DtlsHldr div.DtlDv img.ImgIcn {
display: inline-block;
width: 40px;
margin: 0 0 10px 0;
}
div.BMSDashBlck div.DtlsHldr div.DtlDv img.ImgIcn.NoMrgn {
margin: 0;
}
div.BMSDashBlck div.DtlsHldr div.DtlDv span.Ttl {
display: block;
padding: 0 0 5px 0;
position: relative;
font-size: 14px;
}
div.BMSDashBlck div.DtlsHldr div.DtlDv span.Ttl.Cntr {
text-align: center;
}
div.BMSDashBlck div.DtlsHldr div.DtlDv span.Txt {
display: block;
font-size: 20px;
font-weight: 600;
color: #1E538F;
position: relative;
}
div.BMSDashBlck div.DtlsHldr div.DtlDv span.Txt.Cntr {
text-align: center;
}
div.BMSDashBlck div.DtlsHldr div.DtlDv span.Txt.ExtrLrg {
font-size: 26px;
}
div.BMSDashBlck div.DtlsHldr div.DtlDv span.Txt.ExtrLrg span.SprScrpt {
top: -10px;
}
div.BMSDashBlck div.DtlsHldr div.DtlDv span.Txt span.SprScrpt {
top: -5px;
}
div.BMSDashBlck div.DtlsHldr div.DtlDv.Fll {
width: 100%;
}
div.BMSDashBlck div.DtlsHldr div.DtlDv.OneThrd {
width: 33.33%;
}
div.BMSDashBlck div.DtlsHldr div.DtlDv.Qrtr {
width: 25%;
}
div.BMSDashBlck div.DtlsHldr div.DtlDv.NoPdTop {
padding-top: 0;
}
div.BMSDashBlck div.DtlsHldr div.DtlDv.NoPdBottom {
padding-bottom: 0;
}
div.BMSDashBlck div.DtlsHldr div.DtlDv.NoBrdr {
border: none;
}
div.BMSDashBlck div.DtlsHldr div.DtlDv span.SprScrpt {
font-size: 16px;
position: relative;
}
div.BMSDashBlck div.DtlsHldr.NoPdTop {
padding-top: 0;
}
div.BMSDashBlck div.DtlsHldr.NoPdBottom {
padding-bottom: 0;
}
div.BMSDashBlck div.DtlsHldr.Brdr {
border-bottom: 1px solid rgba(30, 83, 143, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr1 {
background: rgba(235, 125, 81, 0.07);
border-bottom: 1px solid rgba(235, 125, 81, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr1 div.DtlDv {
padding-left: 10px;
border-right: 1px solid rgba(235, 125, 81, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr1 div.DtlDv:first-of-type {
padding-left: 0;
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr1 div.DtlDv:last-of-type {
border-right: none;
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr2 {
background: rgba(37, 180, 152, 0.07);
border-bottom: 1px solid rgba(37, 180, 152, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr2 div.DtlDv {
padding-left: 10px;
border-right: 1px solid rgba(37, 180, 152, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr2 div.DtlDv:first-of-type {
padding-left: 0;
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr2 div.DtlDv:last-of-type {
border-right: none;
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr3 {
background: rgba(151, 155, 31, 0.07);
border-bottom: 1px solid rgba(151, 155, 31, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr3 div.DtlDv {
padding-left: 10px;
border-right: 1px solid rgba(151, 155, 31, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr3 div.DtlDv:first-of-type {
padding-left: 0;
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr3 div.DtlDv:last-of-type {
border-right: none;
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr4 {
background: rgba(56, 142, 60, 0.07);
border-bottom: 1px solid rgba(56, 142, 60, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr4 div.DtlDv {
padding-left: 10px;
border-right: 1px solid rgba(56, 142, 60, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr4 div.DtlDv:first-of-type {
padding-left: 0;
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr4 div.DtlDv:last-of-type {
border-right: none;
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr5 {
background: rgba(25, 118, 210, 0.07);
border-bottom: 1px solid rgba(25, 118, 210, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr5 div.DtlDv {
padding-left: 10px;
border-right: 1px solid rgba(25, 118, 210, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr5 div.DtlDv:first-of-type {
padding-left: 0;
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr5 div.DtlDv:last-of-type {
border-right: none;
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr6 {
background: rgba(0, 151, 167, 0.07);
border-bottom: 1px solid rgba(0, 151, 167, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr6 div.DtlDv {
padding-left: 10px;
border-right: 1px solid rgba(0, 151, 167, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr6 div.DtlDv:first-of-type {
padding-left: 0;
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr6 div.DtlDv:last-of-type {
border-right: none;
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr7 {
background: rgba(69, 90, 100, 0.07);
border-bottom: 1px solid rgba(69, 90, 100, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr7 div.DtlDv {
padding-left: 10px;
border-right: 1px solid rgba(69, 90, 100, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr7 div.DtlDv:first-of-type {
padding-left: 0;
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr7 div.DtlDv:last-of-type {
border-right: none;
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr8 {
background: rgba(199, 145, 92, 0.07);
border-bottom: 1px solid rgba(199, 145, 92, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr8 div.DtlDv {
padding-left: 10px;
border-right: 1px solid rgba(199, 145, 92, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr8 div.DtlDv:first-of-type {
padding-left: 0;
}
div.BMSDashBlck div.DtlsHldr.Theme1-Clr8 div.DtlDv:last-of-type {
border-right: none;
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr1 {
background: rgba(253, 162, 126, 0.07);
border-bottom: 1px solid rgba(253, 162, 126, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr1 div.DtlDv {
padding-left: 10px;
border-right: 1px solid rgba(253, 162, 126, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr1 div.DtlDv:first-of-type {
padding-left: 0;
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr1 div.DtlDv:last-of-type {
border-right: none;
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr2 {
background: rgba(37, 180, 152, 0.07);
border-bottom: 1px solid rgba(37, 180, 152, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr2 div.DtlDv {
padding-left: 10px;
border-right: 1px solid rgba(37, 180, 152, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr2 div.DtlDv:first-of-type {
padding-left: 0;
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr2 div.DtlDv:last-of-type {
border-right: none;
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr3 {
background: rgba(151, 155, 31, 0.07);
border-bottom: 1px solid rgba(151, 155, 31, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr3 div.DtlDv {
padding-left: 10px;
border-right: 1px solid rgba(151, 155, 31, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr3 div.DtlDv:first-of-type {
padding-left: 0;
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr3 div.DtlDv:last-of-type {
border-right: none;
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr4 {
background: rgba(56, 142, 60, 0.07);
border-bottom: 1px solid rgba(56, 142, 60, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr4 div.DtlDv {
padding-left: 10px;
border-right: 1px solid rgba(56, 142, 60, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr4 div.DtlDv:first-of-type {
padding-left: 0;
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr4 div.DtlDv:last-of-type {
border-right: none;
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr5 {
background: rgba(25, 118, 210, 0.07);
border-bottom: 1px solid rgba(25, 118, 210, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr5 div.DtlDv {
padding-left: 10px;
border-right: 1px solid rgba(25, 118, 210, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr5 div.DtlDv:first-of-type {
padding-left: 0;
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr5 div.DtlDv:last-of-type {
border-right: none;
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr6 {
background: rgba(0, 151, 167, 0.07);
border-bottom: 1px solid rgba(0, 151, 167, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr6 div.DtlDv {
padding-left: 10px;
border-right: 1px solid rgba(0, 151, 167, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr6 div.DtlDv:first-of-type {
padding-left: 0;
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr6 div.DtlDv:last-of-type {
border-right: none;
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr7 {
background: rgba(69, 90, 100, 0.07);
border-bottom: 1px solid rgba(69, 90, 100, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr7 div.DtlDv {
padding-left: 10px;
border-right: 1px solid rgba(69, 90, 100, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr7 div.DtlDv:first-of-type {
padding-left: 0;
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr7 div.DtlDv:last-of-type {
border-right: none;
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr8 {
background: rgba(199, 145, 92, 0.07);
border-bottom: 1px solid rgba(199, 145, 92, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr8 div.DtlDv {
padding-left: 10px;
border-right: 1px solid rgba(199, 145, 92, 0.2);
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr8 div.DtlDv:first-of-type {
padding-left: 0;
}
div.BMSDashBlck div.DtlsHldr.Theme2-Clr8 div.DtlDv:last-of-type {
border-right: none;
}
div.BMSDashBlck span.Stts {
display: inline-block;
margin: 0 auto;
padding: 12px 20px 10px 20px;
line-height: 90%;
margin: 0 0 10px -10px;
text-transform: uppercase;
border-radius: 20px;
font-weight: 700;
line-break: auto;
}
div.BMSDashBlck span.Stts.Theme1-On {
background: #2e7d32;
color: white;
}
div.BMSDashBlck span.Stts.Theme1-Off {
background: #c62828;
color: white;
}
div.BMSDashBlck span.Stts.Theme1-Auto {
background: #00acc1;
color: white;
}
div.BMSDashBlck span.Stts.Theme1-Manual {
background: #9e9d24;
color: white;
}
div.BMSDashBlck span.Stts.Theme1-Value {
background: #1a237e;
color: white;
}
div.BMSDashBlck span.Stts.Theme1-Trip {
background: #ff6f00;
color: white;
}
div.BMSDashBlck span.Stts.Theme1-NoTrip {
background: #9e9d24;
color: white;
}
div.BMSDashBlck span.Stts.Theme2-On {
background: #2e7d32;
color: white;
}
div.BMSDashBlck span.Stts.Theme2-Off {
background: #c62828;
color: white;
}
div.BMSDashBlck span.Stts.Theme2-Auto {
background: #00acc1;
color: white;
}
div.BMSDashBlck span.Stts.Theme2-Manual {
background: #9e9d24;
color: white;
}
div.BMSDashBlck span.Stts.Theme2-Value {
background: #1a237e;
color: white;
}
div.BMSDashBlck span.Stts.Theme2-Trip {
background: #ff6f00;
color: white;
}
div.BMSDashBlck span.Stts.Theme2-NoTrip {
background: #9e9d24;
color: white;
}
div.BMSDashBlck span.Stts.MrgnLft {
margin-left: 0;
}
div.BMSDashBlck span.Stts.NoMrgn {
margin: 0;
}
div.BMSDashBlck span.Stts.MrgnTop {
margin-top: 10px;
}
div.BMSDashBlck.NoMrgn {
width: 100%;
margin: 0;
}
div.BMSDshbrdBlck {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
width: calc(100% - 30px);
margin: 0 15px 20px 15px;
height: 100%;
border-radius: 10px;
background: #fff;
border: 1px solid rgba(30, 83, 143, 0.4);
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(30, 83, 143, 0.05);
width: 100%;
border-radius: 9px 9px 0 0;
padding: 15px;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.TtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
max-width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.TtlHldr div.TxtHldr span.TtlTxt {
display: block;
font-size: 16px;
font-weight: 700;
color: #1e538f;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.TtlHldr div.InfoHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
margin: 0 0 0 auto;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.SttsHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
margin: 0 0 0 auto;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.SttsHldr span.SttsTxt {
position: relative;
padding: 8px 10px 5px 10px;
border: 1px solid #1e538f;
background: #1e538f;
color: white;
border-radius: 20px;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.SttsHldr span.SttsTxt.Pointer {
background: #fff;
border-color: #1e538f;
color: #1e538f;
padding-left: 25px;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.SttsHldr span.SttsTxt.Pointer:before {
content: '';
width: 14px;
height: 14px;
background: #1e538f;
position: absolute;
left: 6px;
top: calc(50% - 7px);
border-radius: 20px;
font-weight: 800;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.SttsHldr span.SttsTxt.Pointer.On {
border-color: #2E7D32;
color: #2E7D32;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.SttsHldr span.SttsTxt.Pointer.On:before {
background: #2E7D32;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.SttsHldr span.SttsTxt.Pointer.Off {
border-color: #C62828;
color: #C62828;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.SttsHldr span.SttsTxt.Pointer.Off:before {
background: #C62828;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.SttsHldr span.SttsTxt.Pointer.Auto {
border-color: #1976D2;
color: #1976D2;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.SttsHldr span.SttsTxt.Pointer.Auto:before {
background: #1976D2;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.SttsHldr span.SttsTxt.Pointer.Manual {
border-color: #827717;
color: #827717;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.SttsHldr span.SttsTxt.Pointer.Manual:before {
background: #827717;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.SttsHldr span.SttsTxt.Wet {
background: #0288D1;
border-color: #0288D1;
color: #fff;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.SttsHldr span.SttsTxt.Dry {
background: #2E7D32;
border-color: #2E7D32;
color: #fff;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.SttsHldr span.SttsTxt.Open {
background: #C62828;
border-color: #C62828;
color: #fff;
}
div.BMSDshbrdBlck div.BMSDshbrdTtlHldr div.SttsHldr span.SttsTxt.Closed {
background: #2E7D32;
border-color: #2E7D32;
color: #fff;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr {
width: 100%;
background: #fff;
padding: 5px;
border-radius: 0 0 9px 9px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 10px;
width: calc(100% - 6px);
border-radius: 7px;
margin: 3px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.IcnDv {
padding: 5px 10px 0 0;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.IcnDv .IcnImg {
display: block;
width: 20px;
height: 20px;
font-size: 20px;
color: #607D8B;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.IcnDv img.IcnImg {
width: 30px;
height: 30px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv {
width: 100%;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTtl {
display: block;
font-size: 13px;
color: #455A64;
font-weight: 600;
padding: 0 0 5px 0;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt {
display: block;
font-size: 18px;
font-weight: 700;
color: #1e538f;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt sup {
font-size: 12px;
font-weight: 700;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.CurrSttsTxt {
display: block;
width: calc(100% - 20px);
border: 1px solid #1e538f;
padding: 5px 5px 2px 22px;
position: relative;
color: #1e538f;
font-weight: 700;
border-radius: 20px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.CurrSttsTxt:before {
content: '';
position: absolute;
width: 12px;
height: 12px;
border-radius: 10px;
left: 5px;
top: calc(50% - 6px);
background: #1e538f;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.CurrSttsTxt.On {
border-color: #2E7D32;
color: #2E7D32;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.CurrSttsTxt.On:before {
background: #2E7D32;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.CurrSttsTxt.Off {
border-color: #C62828;
color: #C62828;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.CurrSttsTxt.Off:before {
background: #C62828;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.CurrSttsTxt.NoTrip {
border-color: #827717;
color: #827717;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.CurrSttsTxt.NoTrip:before {
background: #827717;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.CurrSttsTxt.Auto {
border-color: #1976D2;
color: #1976D2;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.CurrSttsTxt.Auto:before {
background: #1976D2;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.ChrgSttsTxt {
display: block;
width: 100%;
padding: 10px 10px 10px 10px;
position: relative;
background: #1e538f;
color: #fff;
text-align: center;
font-weight: 700;
font-size: 13px;
border-radius: 20px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.ChrgSttsTxt.FllChrge {
background: #2E7D32;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.ChrgSttsTxt.LwChrge {
background: #D32F2F;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: 160px;
height: 160px;
border-radius: 100%;
padding: 14px;
background: #1e538f;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv div.SttsVluDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
border-radius: 100%;
background: #fff;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv div.SttsVluDv div.IcnHldr {
padding: 10px;
width: 100%;
text-align: center;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv div.SttsVluDv div.IcnHldr .IcnImg {
display: block;
width: 30px;
height: 30px;
font-size: 30px;
margin: 0 auto;
color: #1e538f;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv div.SttsVluDv div.TxtHldr {
width: 100%;
text-align: center;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv div.SttsVluDv div.TxtHldr span.VluTtl {
display: block;
font-size: 13px;
color: #455A64;
font-weight: 600;
padding: 0 0 5px 0;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv div.SttsVluDv div.TxtHldr span.VluTxt {
display: block;
font-size: 22px;
font-weight: 700;
color: #1e538f;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv div.SttsVluDv div.TxtHldr span.VluTxt sup {
font-size: 12px;
font-weight: 700;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv.Temp {
background: -webkit-gradient(linear, left top, left bottom, from(#303F9F), to(#42A5F5));
background: linear-gradient(180deg, #303F9F 0%, #42A5F5 100%);
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv.Temp div.SttsVluDv div.IcnHldr .IcnImg {
color: #303F9F;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv.Temp div.SttsVluDv div.TxtHldr span.VluTxt {
color: #303F9F;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv.RH {
background: -webkit-gradient(linear, left top, left bottom, from(#827717), to(#C0CA33));
background: linear-gradient(180deg, #827717 0%, #C0CA33 100%);
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv.RH div.SttsVluDv div.IcnHldr .IcnImg {
color: #827717;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv.RH div.SttsVluDv div.TxtHldr span.VluTxt {
color: #827717;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv.PM {
background: -webkit-gradient(linear, left top, left bottom, from(#E65100), to(#FFB74D));
background: linear-gradient(180deg, #E65100 0%, #FFB74D 100%);
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv.PM div.SttsVluDv div.IcnHldr .IcnImg {
color: #E65100;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.SttsClrDv.PM div.SttsVluDv div.TxtHldr span.VluTxt {
color: #E65100;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.ArQltyMtrHldr {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.FllHght {
height: 100%;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.GrphDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
background: #FCFBFB;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.GrphDv div.HdrDv {
width: 100%;
padding: 10px 0;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.GrphDv div.HdrDv span.TtlTxt {
display: block;
font-size: 16px;
font-weight: 700;
color: #1e538f;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.GrphDv div.HdrDv div.AppCmpctTbHldr {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 0 0 auto;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.GrphDv div.GrphHldr {
width: 100%;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.GrphDv div.GrphHldr img.GrphImg {
display: block;
width: 100%;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.GrphDv div.GrphHldr.WPd {
padding: 10px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.GrphDv div.GrphLgnds {
width: 100%;
padding: 30px 0 20px 0;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.GrphDv div.GrphLgnds ul.LgndsLst {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 0;
list-style: none;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.GrphDv div.GrphLgnds ul.LgndsLst li {
padding: 0 15px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.GrphDv div.GrphLgnds ul.LgndsLst li span.Txt {
display: block;
font-size: 16px;
color: #455A64;
font-weight: 700;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.NoMrgn {
margin: 0;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.NoPd {
padding: 0;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.NoBG {
background: transparent;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.ThemeOne {
background: #FCF8FC;
padding: 15px 10px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.ThemeTwo {
background: #F4F5FA;
padding: 15px 10px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.ThemeThree {
background: #F8FCFF;
padding: 15px 10px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.ThemeFour {
background: #F4F9FA;
padding: 15px 10px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.ThemeFive {
background: #F4FAF8;
padding: 15px 10px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.ThemeSix {
background: #F8F8F0;
padding: 15px 10px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv.ThemeSeven {
background: #F0FAF8;
padding: 15px 10px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.PPMGrphHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: 100%;
padding: 10px 0;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.PPMGrphHldr div.PPMGrphInnrDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: 50%;
padding: 10px;
position: relative;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.PPMGrphHldr div.PPMGrphInnrDv:first-of-type:after {
content: '';
position: absolute;
width: 2px;
height: 100%;
right: -1px;
top: 0;
background: #EFEBE9;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.PPMGrphHldr div.PPMGrphInnrDv div.InnrTtlHldr {
width: 100%;
padding: 0 0 10px 0;
border-bottom: 1px solid #EFEBE9;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.PPMGrphHldr div.PPMGrphInnrDv div.InnrTtlHldr span.TtlTxt {
display: block;
position: relative;
text-align: center;
font-size: 17px;
font-weight: 700;
color: #1e538f;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.PPMGrphHldr div.PPMGrphInnrDv div.PPMGrph {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: 100%;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.PPMGrphHldr div.PPMGrphInnrDv div.PPMGrph div.InnrGrph {
width: 50%;
padding: 10px 0 0 0;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.PPMGrphHldr div.PPMGrphInnrDv div.PPMGrph div.InnrGrph img.GrphImg {
display: block;
width: 100%;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.PPMGrphHldr div.PPMGrphInnrDv div.PPMGrph div.InnrGrphLgnds {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: 50%;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.PPMGrphHldr div.PPMGrphInnrDv div.PPMGrph div.InnrGrphLgnds ul.LgndsLst {
margin: 0;
padding: 0;
list-style: none;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.PPMGrphHldr div.PPMGrphInnrDv div.PPMGrph div.InnrGrphLgnds ul.LgndsLst li {
width: 100%;
position: relative;
padding: 10px 10px 10px 25px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.PPMGrphHldr div.PPMGrphInnrDv div.PPMGrph div.InnrGrphLgnds ul.LgndsLst li span.Lgndclr {
position: absolute;
width: 6px;
height: calc(100% - 20px);
left: 10px;
top: 10px;
background: #1e538f;
border-radius: 10px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.PPMGrphHldr div.PPMGrphInnrDv div.PPMGrph div.InnrGrphLgnds ul.LgndsLst li span.LgndVlu {
display: block;
position: relative;
font-size: 17px;
font-weight: 700;
padding: 0 0 3px 0;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.PPMGrphHldr div.PPMGrphInnrDv div.PPMGrph div.InnrGrphLgnds ul.LgndsLst li span.LgndTxt {
display: block;
position: relative;
font-size: 14px;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr.NoPd {
padding: 0;
}
div.BMSDshbrdBlck div.BMSDshbrdDtlsHldr.FllRds {
border-radius: 9px;
}
div.BMSDshbrdBlck.NoBrdr {
border: none;
}
div.BMSDshbrdBlck.NoMrgn {
margin: 0;
width: 100%;
}
div.BMSDshbrdBlck.MrgnBtm {
margin-bottom: 20px;
}
div.BMSDshbrdBlck.ThemeOne {
border-color: rgba(0, 105, 92, 0.4);
}
div.BMSDshbrdBlck.ThemeOne div.BMSDshbrdTtlHldr {
background: rgba(0, 105, 92, 0.05);
}
div.BMSDshbrdBlck.ThemeOne div.BMSDshbrdTtlHldr div.TtlHldr div.TxtHldr span.TtlTxt {
color: #00695c;
}
div.BMSDshbrdBlck.ThemeOne div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt {
color: #00695c;
}
div.BMSDshbrdBlck.ThemeTwo {
border-color: rgba(25, 118, 210, 0.4);
}
div.BMSDshbrdBlck.ThemeTwo div.BMSDshbrdTtlHldr {
background: rgba(25, 118, 210, 0.05);
}
div.BMSDshbrdBlck.ThemeTwo div.BMSDshbrdTtlHldr div.TtlHldr div.TxtHldr span.TtlTxt {
color: #1976d2;
}
div.BMSDshbrdBlck.ThemeTwo div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt {
color: #1976d2;
}
div.BMSDshbrdBlck.ThemeThree {
border-color: rgba(130, 119, 23, 0.4);
}
div.BMSDshbrdBlck.ThemeThree div.BMSDshbrdTtlHldr {
background: rgba(130, 119, 23, 0.05);
}
div.BMSDshbrdBlck.ThemeThree div.BMSDshbrdTtlHldr div.TtlHldr div.TxtHldr span.TtlTxt {
color: #827717;
}
div.BMSDshbrdBlck.ThemeThree div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt {
color: #827717;
}
div.BMSDshbrdBlck.ThemeFour {
border-color: rgba(191, 54, 12, 0.4);
}
div.BMSDshbrdBlck.ThemeFour div.BMSDshbrdTtlHldr {
background: rgba(191, 54, 12, 0.05);
}
div.BMSDshbrdBlck.ThemeFour div.BMSDshbrdTtlHldr div.TtlHldr div.TxtHldr span.TtlTxt {
color: #bf360c;
}
div.BMSDshbrdBlck.ThemeFour div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt {
color: #bf360c;
}
div.BMSDshbrdBlck.ThemeFive {
border-color: rgba(81, 45, 168, 0.4);
}
div.BMSDshbrdBlck.ThemeFive div.BMSDshbrdTtlHldr {
background: rgba(81, 45, 168, 0.05);
}
div.BMSDshbrdBlck.ThemeFive div.BMSDshbrdTtlHldr div.TtlHldr div.TxtHldr span.TtlTxt {
color: #512da8;
}
div.BMSDshbrdBlck.ThemeFive div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt {
color: #512da8;
}
div.BMSDshbrdBlck.ThemeSix {
border-color: rgba(40, 53, 147, 0.4);
}
div.BMSDshbrdBlck.ThemeSix div.BMSDshbrdTtlHldr {
background: rgba(40, 53, 147, 0.05);
}
div.BMSDshbrdBlck.ThemeSix div.BMSDshbrdTtlHldr div.TtlHldr div.TxtHldr span.TtlTxt {
color: #283593;
}
div.BMSDshbrdBlck.ThemeSix div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt {
color: #283593;
}
div.BMSDshbrdBlck.ThemeSeven {
border-color: rgba(153, 6, 33, 0.4);
}
div.BMSDshbrdBlck.ThemeSeven div.BMSDshbrdTtlHldr {
background: rgba(153, 6, 33, 0.05);
}
div.BMSDshbrdBlck.ThemeSeven div.BMSDshbrdTtlHldr div.TtlHldr div.TxtHldr span.TtlTxt {
color: #990621;
}
div.BMSDshbrdBlck.ThemeSeven div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt {
color: #990621;
}
div.BMSDshbrdBlck.ThemeEight {
border-color: rgba(0, 151, 167, 0.4);
}
div.BMSDshbrdBlck.ThemeEight div.BMSDshbrdTtlHldr {
background: rgba(0, 151, 167, 0.05);
}
div.BMSDshbrdBlck.ThemeEight div.BMSDshbrdTtlHldr div.TtlHldr div.TxtHldr span.TtlTxt {
color: #0097a7;
}
div.BMSDshbrdBlck.ThemeEight div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt {
color: #0097a7;
}
div.BMSDshbrdBlck.ThemeNine {
border-color: rgba(25, 118, 210, 0.4);
}
div.BMSDshbrdBlck.ThemeNine div.BMSDshbrdTtlHldr {
background: rgba(25, 118, 210, 0.05);
}
div.BMSDshbrdBlck.ThemeNine div.BMSDshbrdTtlHldr div.TtlHldr div.TxtHldr span.TtlTxt {
color: #1976d2;
}
div.BMSDshbrdBlck.ThemeNine div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt {
color: #1976d2;
}
div.BMSDshbrdBlck.ThemeTen {
border-color: rgba(56, 142, 60, 0.4);
}
div.BMSDshbrdBlck.ThemeTen div.BMSDshbrdTtlHldr {
background: rgba(56, 142, 60, 0.05);
}
div.BMSDshbrdBlck.ThemeTen div.BMSDshbrdTtlHldr div.TtlHldr div.TxtHldr span.TtlTxt {
color: #388e3c;
}
div.BMSDshbrdBlck.ThemeTen div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt {
color: #388e3c;
}
div.BMSDshbrdBlck.ThemeEleven {
border-color: rgba(230, 74, 25, 0.4);
}
div.BMSDshbrdBlck.ThemeEleven div.BMSDshbrdTtlHldr {
background: rgba(230, 74, 25, 0.05);
}
div.BMSDshbrdBlck.ThemeEleven div.BMSDshbrdTtlHldr div.TtlHldr div.TxtHldr span.TtlTxt {
color: #e64a19;
}
div.BMSDshbrdBlck.ThemeEleven div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt {
color: #e64a19;
}
div.BMSDshbrdBlck.ThemeTwelve {
border-color: rgba(69, 90, 100, 0.4);
}
div.BMSDshbrdBlck.ThemeTwelve div.BMSDshbrdTtlHldr {
background: rgba(69, 90, 100, 0.05);
}
div.BMSDshbrdBlck.ThemeTwelve div.BMSDshbrdTtlHldr div.TtlHldr div.TxtHldr span.TtlTxt {
color: #455a64;
}
div.BMSDshbrdBlck.ThemeTwelve div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt {
color: #455a64;
}
div.BMSDshbrdBlck.ThemeWet {
border-color: rgba(2, 136, 209, 0.4);
}
div.BMSDshbrdBlck.ThemeWet div.BMSDshbrdTtlHldr {
background: rgba(2, 136, 209, 0.05);
}
div.BMSDshbrdBlck.ThemeWet div.BMSDshbrdTtlHldr div.TtlHldr div.TxtHldr span.TtlTxt {
color: #0288d1;
}
div.BMSDshbrdBlck.ThemeWet div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt {
color: #0288d1;
}
div.BMSDshbrdBlck.ThemeDry {
border-color: rgba(84, 110, 122, 0.4);
}
div.BMSDshbrdBlck.ThemeDry div.BMSDshbrdTtlHldr {
background: rgba(84, 110, 122, 0.05);
}
div.BMSDshbrdBlck.ThemeDry div.BMSDshbrdTtlHldr div.TtlHldr div.TxtHldr span.TtlTxt {
color: #546e7a;
}
div.BMSDshbrdBlck.ThemeDry div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt {
color: #546e7a;
}
div.BMSDshbrdBlck.ThemeError {
border-color: rgba(198, 40, 40, 0.4);
}
div.BMSDshbrdBlck.ThemeError div.BMSDshbrdTtlHldr {
background: rgba(198, 40, 40, 0.05);
}
div.BMSDshbrdBlck.ThemeError div.BMSDshbrdTtlHldr div.TtlHldr div.TxtHldr span.TtlTxt {
color: #c62828;
}
div.BMSDshbrdBlck.ThemeError div.BMSDshbrdDtlsHldr div.BMSDshbrdDtlDv div.TxtDv span.VluTxt {
color: #c62828;
}
/* Dashboard - Ends */
/* Hotel Management CSS - Starts */
div.HotelMngmntFlds {
padding: 0 20px 20px 20px;
}
div.HotelMngmntFlds div.DtlFlds {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
border-top: 1px solid #ddd;
padding: 15px 0;
width: 100%;
}
div.HotelMngmntFlds div.DtlFlds img.ChartsTmp {
display: block;
width: 100%;
}
div.HotelMngmntFlds div.DtlFlds div.TtlDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.HotelMngmntFlds div.DtlFlds div.TtlDv span.Ttl {
display: block;
font-size: 16px;
}
div.HotelMngmntFlds div.DtlFlds div.VluDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 0 auto;
}
div.HotelMngmntFlds div.DtlFlds div.VluDv span.VluTxt {
display: block;
font-size: 18px;
color: #1E538F;
font-weight: 700;
}
div.HotelMngmntFlds table.AppGenTable {
margin: 10px 0 0 0 !important;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType {
display: block;
font-size: 16px;
font-weight: 600;
padding: 10px 20px 10px 25px;
position: relative;
color: #1E538F;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType:before {
content: '';
position: absolute;
display: block;
width: 10px;
height: 10px;
border-radius: 5px;
left: 5px;
top: calc(50% - 5px);
background: #1E538F;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme1-Type1 {
color: #eb7d51;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme1-Type1:before {
background: #eb7d51;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme1-Type2 {
color: #25b498;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme1-Type2:before {
background: #25b498;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme1-Type3 {
color: #979b1f;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme1-Type3:before {
background: #979b1f;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme1-Type4 {
color: #388e3c;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme1-Type4:before {
background: #388e3c;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme1-Type5 {
color: #1976d2;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme1-Type5:before {
background: #1976d2;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme1-Type6 {
color: #0097a7;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme1-Type6:before {
background: #0097a7;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme1-Type7 {
color: #455a64;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme1-Type7:before {
background: #455a64;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme1-Type8 {
color: #c7915c;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme1-Type8:before {
background: #c7915c;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme2-Type1 {
color: #fda27e;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme2-Type1:before {
background: #fda27e;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme2-Type2 {
color: #25b498;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme2-Type2:before {
background: #25b498;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme2-Type3 {
color: #979b1f;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme2-Type3:before {
background: #979b1f;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme2-Type4 {
color: #388e3c;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme2-Type4:before {
background: #388e3c;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme2-Type5 {
color: #1976d2;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme2-Type5:before {
background: #1976d2;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme2-Type6 {
color: #0097a7;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme2-Type6:before {
background: #0097a7;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme2-Type7 {
color: #455a64;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme2-Type7:before {
background: #455a64;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme2-Type8 {
color: #c7915c;
}
div.HotelSrvcFlDtls ul.HtlSrvcTypeLst li span.ServiceType.Theme2-Type8:before {
background: #c7915c;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection {
border-radius: 8px;
overflow: hidden;
width: 100%;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Active {
border: 1px solid rgba(30, 83, 143, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnHdr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
width: 100%;
padding: 10px;
background: rgba(30, 83, 143, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnHdr div.TtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnHdr div.TtlHldr span.TtlTxt {
display: block;
font-size: 18px;
font-weight: 700;
color: #1e538f;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnHdr div.ArrwLnkHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
margin: 0 0 0 auto;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnHdr div.ArrwLnkHldr .Lnk {
padding: 0;
width: 40px;
height: 40px;
font-size: 26px;
text-decoration: none;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnHdr div.ArrwLnkHldr .Lnk:before {
position: absolute;
left: calc(50% - 13px);
top: calc(50% - 13px);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr {
padding: 10px;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr {
background: rgba(30, 83, 143, 0.08);
padding: 20px;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr div.HdrHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
padding: 0 0 20px 0;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr div.HdrHldr div.TtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr div.HdrHldr div.TtlHldr span.TtlTxt {
display: block;
font-size: 18px;
font-weight: 700;
color: #1e538f;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr div.HdrHldr div.OptnsHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
margin: 0 0 0 auto;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr div.HdrHldr div.OptnsHldr div.RdOptnHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr div.HdrHldr div.OptnsHldr div.RdOptnHldr span.Txt {
font-size: 16px;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph {
width: 100%;
border-spacing: 1px;
background: #fff;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph th,
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td {
padding: 10px;
vertical-align: middle;
border-left: 1px solid rgba(30, 83, 143, 0.1);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph th {
color: #1e538f;
font-weight: 700;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph th:first-of-type {
text-align: left;
border-left: none;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td {
border-top: 1px solid rgba(30, 83, 143, 0.1);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td:first-of-type {
text-align: left;
border-left: none;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme1-0 {
background: rgba(46, 125, 50, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme1-10 {
background: rgba(102, 187, 106, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme1-20 {
background: rgba(156, 204, 101, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme1-30 {
background: rgba(212, 225, 87, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme1-40 {
background: rgba(255, 238, 88, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme1-50 {
background: rgba(255, 202, 40, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme1-60 {
background: rgba(255, 179, 0, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme1-70 {
background: rgba(251, 140, 0, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme1-80 {
background: rgba(239, 108, 0, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme1-90 {
background: rgba(255, 87, 34, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme1-100 {
background: rgba(255, 61, 0, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme2-0 {
background: rgba(46, 125, 50, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme2-10 {
background: rgba(102, 187, 106, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme2-20 {
background: rgba(156, 204, 101, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme2-30 {
background: rgba(212, 225, 87, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme2-40 {
background: rgba(255, 238, 88, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme2-50 {
background: rgba(255, 202, 40, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme2-60 {
background: rgba(255, 179, 0, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme2-70 {
background: rgba(251, 140, 0, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme2-80 {
background: rgba(239, 108, 0, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme2-90 {
background: rgba(255, 87, 34, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection div.SctnFlDtls div.DtlsHldr div.TableGraphHldr table.TableGraph td.Theme2-100 {
background: rgba(255, 61, 0, 0.5);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type1.Active {
border-color: rgba(235, 125, 81, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type1 div.SctnHdr {
background: rgba(235, 125, 81, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type1 div.SctnHdr div.TtlHldr span.TtlTxt {
color: #eb7d51;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type1 div.SctnHdr div.ArrwLnkHldr .Lnk {
color: #eb7d51;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type2.Active {
border-color: rgba(37, 180, 152, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type2 div.SctnHdr {
background: rgba(37, 180, 152, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type2 div.SctnHdr div.TtlHldr span.TtlTxt {
color: #25b498;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type2 div.SctnHdr div.ArrwLnkHldr .Lnk {
color: #25b498;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type3.Active {
border-color: rgba(151, 155, 31, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type3 div.SctnHdr {
background: rgba(151, 155, 31, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type3 div.SctnHdr div.TtlHldr span.TtlTxt {
color: #979b1f;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type3 div.SctnHdr div.ArrwLnkHldr .Lnk {
color: #979b1f;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type4.Active {
border-color: rgba(56, 142, 60, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type4 div.SctnHdr {
background: rgba(56, 142, 60, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type4 div.SctnHdr div.TtlHldr span.TtlTxt {
color: #388e3c;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type4 div.SctnHdr div.ArrwLnkHldr .Lnk {
color: #388e3c;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type5.Active {
border-color: rgba(25, 118, 210, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type5 div.SctnHdr {
background: rgba(25, 118, 210, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type5 div.SctnHdr div.TtlHldr span.TtlTxt {
color: #1976d2;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type5 div.SctnHdr div.ArrwLnkHldr .Lnk {
color: #1976d2;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type6.Active {
border-color: rgba(0, 151, 167, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type6 div.SctnHdr {
background: rgba(0, 151, 167, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type6 div.SctnHdr div.TtlHldr span.TtlTxt {
color: #0097a7;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type6 div.SctnHdr div.ArrwLnkHldr .Lnk {
color: #0097a7;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type7.Active {
border-color: rgba(69, 90, 100, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type7 div.SctnHdr {
background: rgba(69, 90, 100, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type7 div.SctnHdr div.TtlHldr span.TtlTxt {
color: #455a64;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type7 div.SctnHdr div.ArrwLnkHldr .Lnk {
color: #455a64;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type8.Active {
border-color: rgba(199, 145, 92, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type8 div.SctnHdr {
background: rgba(199, 145, 92, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type8 div.SctnHdr div.TtlHldr span.TtlTxt {
color: #c7915c;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme1-Type8 div.SctnHdr div.ArrwLnkHldr .Lnk {
color: #c7915c;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type1.Active {
border-color: rgba(253, 162, 126, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type1 div.SctnHdr {
background: rgba(253, 162, 126, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type1 div.SctnHdr div.TtlHldr span.TtlTxt {
color: #fda27e;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type1 div.SctnHdr div.ArrwLnkHldr .Lnk {
color: #fda27e;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type2.Active {
border-color: rgba(37, 180, 152, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type2 div.SctnHdr {
background: rgba(37, 180, 152, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type2 div.SctnHdr div.TtlHldr span.TtlTxt {
color: #25b498;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type2 div.SctnHdr div.ArrwLnkHldr .Lnk {
color: #25b498;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type3.Active {
border-color: rgba(151, 155, 31, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type3 div.SctnHdr {
background: rgba(151, 155, 31, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type3 div.SctnHdr div.TtlHldr span.TtlTxt {
color: #979b1f;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type3 div.SctnHdr div.ArrwLnkHldr .Lnk {
color: #979b1f;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type4.Active {
border-color: rgba(56, 142, 60, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type4 div.SctnHdr {
background: rgba(56, 142, 60, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type4 div.SctnHdr div.TtlHldr span.TtlTxt {
color: #388e3c;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type4 div.SctnHdr div.ArrwLnkHldr .Lnk {
color: #388e3c;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type5.Active {
border-color: rgba(25, 118, 210, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type5 div.SctnHdr {
background: rgba(25, 118, 210, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type5 div.SctnHdr div.TtlHldr span.TtlTxt {
color: #1976d2;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type5 div.SctnHdr div.ArrwLnkHldr .Lnk {
color: #1976d2;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type6.Active {
border-color: rgba(0, 151, 167, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type6 div.SctnHdr {
background: rgba(0, 151, 167, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type6 div.SctnHdr div.TtlHldr span.TtlTxt {
color: #0097a7;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type6 div.SctnHdr div.ArrwLnkHldr .Lnk {
color: #0097a7;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type7.Active {
border-color: rgba(69, 90, 100, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type7 div.SctnHdr {
background: rgba(69, 90, 100, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type7 div.SctnHdr div.TtlHldr span.TtlTxt {
color: #455a64;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type7 div.SctnHdr div.ArrwLnkHldr .Lnk {
color: #455a64;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type8.Active {
border-color: rgba(199, 145, 92, 0.2);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type8 div.SctnHdr {
background: rgba(199, 145, 92, 0.03);
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type8 div.SctnHdr div.TtlHldr span.TtlTxt {
color: #c7915c;
}
div.HotelSrvcFlDtls div.SrvcDtlsSection.Theme2-Type8 div.SctnHdr div.ArrwLnkHldr .Lnk {
color: #c7915c;
}
/* Hotel Management CSS - Starts */
/* Map View - Starts */
div.MapLocationDtlsHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
position: absolute;
z-index: 9;
padding: 10px;
width: 550px;
max-height: calc(100% - 60px);
right: 30px;
top: 30px;
background: #FFFFFF;
-webkit-box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.15);
border-radius: 20px;
}
div.MapLocationDtlsHldr div.HeaderHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #eee;
padding: 10px;
}
div.MapLocationDtlsHldr div.HeaderHldr div.TtlDv span.TtlTxt {
display: block;
font-size: 18px;
font-weight: 700;
}
div.MapLocationDtlsHldr div.HeaderHldr div.DtDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid rgba(30, 83, 143, 0.2);
border-radius: 5px;
padding: 10px;
margin: 0 0 0 auto;
}
div.MapLocationDtlsHldr div.HeaderHldr div.DtDv span.DtSlctn {
padding: 0 10px 0 0;
color: #1a1a1a;
}
div.MapLocationDtlsHldr div.HeaderHldr div.DtDv span.DateVlue {
font-size: 18px;
font-weight: 700;
color: #1E538F;
position: relative;
padding-right: 25px;
}
div.MapLocationDtlsHldr div.HeaderHldr div.DtDv span.DateVlue:before {
font-size: 18px;
position: absolute;
right: 0;
top: calc(50% - 10px);
}
div.MapLocationDtlsHldr div.HotelManagement {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
overflow-y: auto;
width: 100%;
height: 100%;
padding: 10px;
}
div.MapLocationDtlsHldr div.HotelManagement div.RdOptnHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
div.MapLocationDtlsHldr div.HotelManagement div.RdOptnHldr span.Txt {
font-size: 16px;
}
div.MapLocationDtlsHldr div.HotelManagement div.RdOptnHldr .AppBtn {
margin: 0;
color: #1E538F;
}
div.MapLocationDtlsHldr div.HotelManagement div.RdOptnHldr .AppBtn.Inactive {
color: #1E538F;
}
div.MapLocationDtlsHldr div.HotelManagement div.HotelDv {
width: 100%;
background: rgba(30, 83, 143, 0.01);
margin: 10px 0 5px 0;
border: 1px solid rgba(30, 83, 143, 0.2);
border-radius: 5px;
overflow: hidden;
}
div.MapLocationDtlsHldr div.HotelManagement div.HotelDv.Active {
background: rgba(30, 83, 143, 0);
}
div.MapLocationDtlsHldr div.HotelManagement div.HotelDv div.HdrHldr {
padding: 10px;
}
div.MapLocationDtlsHldr div.HotelManagement div.HotelDv div.HdrHldr a.TtlLnk {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
padding: 10px 0 15px 0;
}
div.MapLocationDtlsHldr div.HotelManagement div.HotelDv div.HdrHldr a.TtlLnk span.TtlTxt {
display: block;
font-size: 18px;
font-weight: 700;
color: #000;
padding: 0 5px 0 0;
}
div.MapLocationDtlsHldr div.HotelManagement div.HotelDv div.HdrHldr a.TtlLnk span.WISIcn-ArrowRight {
font-size: 20px;
width: 20px;
height: 20px;
position: relative;
}
div.MapLocationDtlsHldr div.HotelManagement div.HotelDv div.HdrHldr a.TtlLnk span.WISIcn-ArrowRight:before {
position: absolute;
top: calc(50% - 11px);
}
div.MapLocationDtlsHldr div.HotelManagement div.HotelDv div.DtlsHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0 0 0;
border-top: 1px solid rgba(30, 83, 143, 0.2);
}
div.MapLocationDtlsHldr div.HotelManagement div.HotelDv div.DtlsHldr div.BscDtls span.RoomsDtls {
background: #1e538f;
color: white;
padding: 5px 20px;
margin: 0 0 0 -10px;
border-radius: 0 20px 20px 0;
font-size: 15px;
font-weight: 700;
}
div.MapLocationDtlsHldr div.HotelManagement div.HotelDv div.DtlsHldr div.BscDtls span.LocationDlts {
padding: 0 0 0 10px;
font-size: 15px;
}
div.MapLocationDtlsHldr div.HotelManagement div.HotelDv div.DtlsHldr div.BscDtls span.LocationDlts:before {
color: #1E538F;
margin-right: 5px;
}
div.MapLocationDtlsHldr div.HotelManagement div.HotelDv div.DtlsHldr div.ArrwLnkHldr {
margin: 0 0 0 auto;
}
div.MapLocationDtlsHldr div.HotelManagement div.HotelDv div.DtlsHldr div.ArrwLnkHldr .Lnk {
padding: 0;
margin: 0;
width: 30px;
height: 30px;
border-radius: 15px;
background: #1E538F;
color: white;
font-size: 24px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.MapLocationDtlsHldr div.HotelManagement div.HotelDv div.DtlsHldr div.ArrwLnkHldr .Lnk:before {
position: absolute;
left: calc(50% - 12px);
top: calc(50% - 10px);
}
div.MapLocationDtlsHldr div.HotelManagement div.HotelDv div.DtlsHldr div.ArrwLnkHldr .Lnk.Active {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.MapLocationDtlsHldr div.HotelManagement div.HotelDv div.FullDtls table.AppGenTable {
margin: 0;
}
/* Map View - Ends */
/* Slider Options - Starts */
div.SldrHldr .bx-wrapper {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
background: transparent !important;
margin-bottom: 70px;
}
div.SldrHldr .bx-wrapper .bx-controls-direction a {
top: inherit;
bottom: -50px;
width: 30px;
height: 30px;
background-size: 24px;
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.SldrHldr .bx-wrapper .bx-prev {
left: 10px;
background: url('data:image/svg+xml,');
}
div.SldrHldr .bx-wrapper .bx-next {
right: 10px;
background: url('data:image/svg+xml,');
}
div.SldrHldr .bx-wrapper .bx-controls-direction a.disabled {
display: block;
opacity: 0.20;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.SldrHldr .bx-viewport {
height: inherit !important;
}
div.SldrHldr .bx-wrapper .bx-pager.bx-default-pager a {
background: rgba(30, 83, 143, 0.25);
}
div.SldrHldr .bx-wrapper .bx-pager.bx-default-pager a:hover,
div.SldrHldr .bx-wrapper .bx-pager.bx-default-pager a.active,
div.SldrHldr .bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #1e538f;
}
div.SldrHldr .bx-wrapper .bx-pager, div.SldrHldr .bx-wrapper .bx-controls-auto {
bottom: -40px;
}
div.SldrHldr.FllWdth .bx-wrapper {
max-width: 100% !important;
}
/* Slider Options - Ends */
/* Rating Styles - Starts */
[class^='WISIcn-Rating'],
[class*=' WISIcn-Rating'] {
font-size: 28px;
}
/* Rating Styles - End */
/* PMP Table View - Starts */
div.PMPPlnDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: rgba(30, 83, 143, 0.05);
margin: 0 auto;
padding: 8px 5px;
border-radius: 5px;
position: relative;
}
div.PMPPlnDv span.Date {
font-weight: 600;
padding: 0 5px 0 0;
}
div.PMPPlnDv span.Stts {
display: block;
position: relative;
width: 20px;
height: 20px;
font-size: 10px;
border-radius: 10px;
background: #1E538F;
color: white;
}
div.PMPPlnDv span.Stts:before {
position: absolute;
left: calc(50% - 5px);
top: calc(50% - 5px);
}
div.PMPPlnDv div.PMPPopup {
display: none;
position: absolute;
width: calc(100% + 140px);
right: -10px;
top: 100%;
background: #fff;
-webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(30, 83, 143, 0.2);
border-radius: 5px;
z-index: 1;
}
div.PMPPlnDv div.PMPPopup:before {
content: '';
position: absolute;
width: 0;
height: 0;
right: 29px;
top: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fff;
z-index: 1;
}
div.PMPPlnDv div.PMPPopup div.DtlsHldr {
padding: 10px;
}
div.PMPPlnDv div.PMPPopup div.DtlsHldr div.TtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #ddd;
}
div.PMPPlnDv div.PMPPopup div.DtlsHldr div.TtlHldr span.Ttl {
font-size: 17px;
font-weight: 700;
}
div.PMPPlnDv div.PMPPopup div.DtlsHldr div.TtlHldr .AppBtn {
margin: 0 0 0 auto;
color: #00746a;
font-size: 20px;
position: relative;
}
div.PMPPlnDv div.PMPPopup div.DtlsHldr div.TtlHldr .AppBtn:before {
position: absolute;
left: calc(50% - 10px);
top: calc(50% - 10px);
}
div.PMPPlnDv div.PMPPopup div.DtlsHldr span.Txt {
display: block;
text-align: left;
padding: 10px 0 0 0;
}
div.PMPPlnDv:hover div.PMPPopup {
display: block;
}
div.PMPPlnDv.OnTime {
background: rgba(23, 163, 0, 0.05);
}
div.PMPPlnDv.OnTime span.Date {
color: #17a300;
}
div.PMPPlnDv.OnTime span.Stts {
background: #17a300;
}
div.PMPPlnDv.OnTime div.PMPPopup div.DtlsHldr div.TtlHldr span.Ttl {
color: #17a300;
}
div.PMPPlnDv.Delayed {
background: rgba(237, 115, 2, 0.05);
}
div.PMPPlnDv.Delayed span.Date {
color: #ed7302;
}
div.PMPPlnDv.Delayed span.Stts {
background: #ed7302;
}
div.PMPPlnDv.Delayed div.PMPPopup div.DtlsHldr div.TtlHldr span.Ttl {
color: #ed7302;
}
div.PMPPlnDv.NotCompleted {
background: rgba(0, 0, 0, 0.05);
}
div.PMPPlnDv.NotCompleted span.Date {
color: black;
}
div.PMPPlnDv.NotCompleted span.Stts {
background: black;
}
div.PMPPlnDv.NotCompleted div.PMPPopup div.DtlsHldr div.TtlHldr span.Ttl {
color: black;
}
div.PMPPlnDv.Late {
background: rgba(217, 27, 27, 0.05);
}
div.PMPPlnDv.Late span.Date {
color: #d91b1b;
}
div.PMPPlnDv.Late span.Stts {
background: #d91b1b;
}
div.PMPPlnDv.Late div.PMPPopup div.DtlsHldr div.TtlHldr span.Ttl {
color: #d91b1b;
}
div.PMPPlnDv.Schedule {
background: rgba(0, 120, 186, 0.05);
}
div.PMPPlnDv.Schedule span.Date {
color: #0078ba;
}
div.PMPPlnDv.Schedule span.Stts {
background: transparent !important;
color: #0078ba;
font-size: 20px;
}
div.PMPPlnDv.Schedule span.Stts:before {
left: 0;
top: 0;
}
div.PMPPlnDv.Schedule div.PMPPopup div.DtlsHldr div.TtlHldr span.Ttl {
color: #0078ba;
}
/* PMP Table View - Ends */
/* Liquid Tank CSS - Starts */
div.TankHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.TankHldr div.TankDv {
padding: 0 10px;
}
div.LiquidTank {
position: relative;
width: 150px;
height: 200px;
border-radius: 50px/20px;
background-color: rgba(0, 0, 0, 0.025);
overflow: hidden;
}
div.LiquidTank:before, div.LiquidTank:after {
content: '';
position: absolute;
left: 0;
width: 150px;
height: 30px;
border-radius: 250px/55px;
background-color: rgba(0, 0, 0, 0.05);
}
div.LiquidTank:before {
top: 0;
}
div.LiquidTank:after {
bottom: 0;
}
div.LiquidTank div.Liquid {
position: absolute;
left: 0;
bottom: 0;
width: 150px;
height: 0px;
border-radius: 50px/20px;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
}
div.LiquidTank div.Liquid:before, div.LiquidTank div.Liquid:after {
content: '';
position: absolute;
width: 150px;
height: 30px;
border-radius: 250px/55px;
left: 0;
}
div.LiquidTank div.Liquid:before {
top: 0;
}
div.LiquidTank div.Liquid:after {
bottom: 0;
}
div.LiquidTank div.Liquid.l-0:after {
display: none;
}
div.LiquidTank div.Liquid.l-1:after {
display: none;
}
div.LiquidTank div.Liquid.l-2:after {
display: none;
}
div.LiquidTank div.Liquid.l-3:after {
display: none;
}
div.LiquidTank div.Liquid.l-4:after {
display: none;
}
div.LiquidTank div.Liquid.l-5:after {
display: none;
}
div.LiquidTank div.Liquid.l-6:after {
display: none;
}
div.LiquidTank div.Liquid.l-7:after {
display: none;
}
div.LiquidTank div.Liquid.l-8:after {
display: none;
}
div.LiquidTank div.Liquid.l-9:after {
display: none;
}
div.LiquidTank div.Liquid.l-10:after {
display: none;
}
div.LiquidTank div.Liquid.l-11:after {
display: none;
}
div.LiquidTank div.Liquid.l-12:after {
display: none;
}
div.LiquidTank div.Liquid.l-13:after {
display: none;
}
div.LiquidTank div.Liquid.l-14:after {
display: none;
}
div.LiquidTank div.Liquid.l-15:after {
display: none;
}
div.LiquidTank div.Liquid.l-0 {
height: 0px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-1 {
height: 2px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-2 {
height: 4px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-3 {
height: 6px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-4 {
height: 8px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-5 {
height: 10px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-6 {
height: 12px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-7 {
height: 14px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-8 {
height: 16px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-9 {
height: 18px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-10 {
height: 20px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-11 {
height: 22px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-12 {
height: 24px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-13 {
height: 26px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-14 {
height: 28px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-15 {
height: 30px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-16 {
height: 32px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-17 {
height: 34px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-18 {
height: 36px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-19 {
height: 38px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-20 {
height: 40px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-21 {
height: 42px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-22 {
height: 44px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-23 {
height: 46px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-24 {
height: 48px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-25 {
height: 50px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-26 {
height: 52px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-27 {
height: 54px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-28 {
height: 56px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-29 {
height: 58px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-30 {
height: 60px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-31 {
height: 62px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-32 {
height: 64px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-33 {
height: 66px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-34 {
height: 68px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-35 {
height: 70px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-36 {
height: 72px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-37 {
height: 74px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-38 {
height: 76px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-39 {
height: 78px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-40 {
height: 80px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-41 {
height: 82px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-42 {
height: 84px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-43 {
height: 86px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-44 {
height: 88px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-45 {
height: 90px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-46 {
height: 92px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-47 {
height: 94px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-48 {
height: 96px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-49 {
height: 98px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-50 {
height: 100px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-51 {
height: 102px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-52 {
height: 104px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-53 {
height: 106px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-54 {
height: 108px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-55 {
height: 110px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-56 {
height: 112px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-57 {
height: 114px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-58 {
height: 116px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-59 {
height: 118px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-60 {
height: 120px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-61 {
height: 122px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-62 {
height: 124px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-63 {
height: 126px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-64 {
height: 128px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-65 {
height: 130px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-66 {
height: 132px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-67 {
height: 134px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-68 {
height: 136px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-69 {
height: 138px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-70 {
height: 140px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-71 {
height: 142px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-72 {
height: 144px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-73 {
height: 146px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-74 {
height: 148px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-75 {
height: 150px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-76 {
height: 152px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-77 {
height: 154px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-78 {
height: 156px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-79 {
height: 158px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-80 {
height: 160px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-81 {
height: 162px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-82 {
height: 164px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-83 {
height: 166px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-84 {
height: 168px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-85 {
height: 170px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-86 {
height: 172px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-87 {
height: 174px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-88 {
height: 176px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-89 {
height: 178px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-90 {
height: 180px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-91 {
height: 182px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-92 {
height: 184px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-93 {
height: 186px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-94 {
height: 188px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-95 {
height: 190px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-96 {
height: 192px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-97 {
height: 194px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-98 {
height: 196px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-99 {
height: 198px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-100 {
height: 200px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.LiquidTank div.Liquid.l-61 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-61:before, div.LiquidTank div.Liquid.l-61:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-62 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-62:before, div.LiquidTank div.Liquid.l-62:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-63 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-63:before, div.LiquidTank div.Liquid.l-63:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-64 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-64:before, div.LiquidTank div.Liquid.l-64:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-65 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-65:before, div.LiquidTank div.Liquid.l-65:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-66 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-66:before, div.LiquidTank div.Liquid.l-66:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-67 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-67:before, div.LiquidTank div.Liquid.l-67:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-68 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-68:before, div.LiquidTank div.Liquid.l-68:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-69 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-69:before, div.LiquidTank div.Liquid.l-69:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-70 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-70:before, div.LiquidTank div.Liquid.l-70:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-71 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-71:before, div.LiquidTank div.Liquid.l-71:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-72 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-72:before, div.LiquidTank div.Liquid.l-72:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-73 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-73:before, div.LiquidTank div.Liquid.l-73:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-74 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-74:before, div.LiquidTank div.Liquid.l-74:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-75 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-75:before, div.LiquidTank div.Liquid.l-75:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-76 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-76:before, div.LiquidTank div.Liquid.l-76:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-77 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-77:before, div.LiquidTank div.Liquid.l-77:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-78 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-78:before, div.LiquidTank div.Liquid.l-78:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-79 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-79:before, div.LiquidTank div.Liquid.l-79:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-80 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-80:before, div.LiquidTank div.Liquid.l-80:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-81 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-81:before, div.LiquidTank div.Liquid.l-81:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-82 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-82:before, div.LiquidTank div.Liquid.l-82:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-83 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-83:before, div.LiquidTank div.Liquid.l-83:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-84 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-84:before, div.LiquidTank div.Liquid.l-84:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-85 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-85:before, div.LiquidTank div.Liquid.l-85:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-86 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-86:before, div.LiquidTank div.Liquid.l-86:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-87 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-87:before, div.LiquidTank div.Liquid.l-87:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-88 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-88:before, div.LiquidTank div.Liquid.l-88:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-89 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-89:before, div.LiquidTank div.Liquid.l-89:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-90 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-90:before, div.LiquidTank div.Liquid.l-90:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-91 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-91:before, div.LiquidTank div.Liquid.l-91:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-92 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-92:before, div.LiquidTank div.Liquid.l-92:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-93 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-93:before, div.LiquidTank div.Liquid.l-93:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-94 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-94:before, div.LiquidTank div.Liquid.l-94:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-95 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-95:before, div.LiquidTank div.Liquid.l-95:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-96 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-96:before, div.LiquidTank div.Liquid.l-96:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-97 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-97:before, div.LiquidTank div.Liquid.l-97:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-98 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-98:before, div.LiquidTank div.Liquid.l-98:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-99 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-99:before, div.LiquidTank div.Liquid.l-99:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-100 {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-100:before, div.LiquidTank div.Liquid.l-100:after {
background: rgba(0, 220, 95, 0.7);
}
div.LiquidTank div.Liquid.l-31 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-31:before, div.LiquidTank div.Liquid.l-31:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-32 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-32:before, div.LiquidTank div.Liquid.l-32:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-33 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-33:before, div.LiquidTank div.Liquid.l-33:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-34 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-34:before, div.LiquidTank div.Liquid.l-34:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-35 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-35:before, div.LiquidTank div.Liquid.l-35:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-36 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-36:before, div.LiquidTank div.Liquid.l-36:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-37 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-37:before, div.LiquidTank div.Liquid.l-37:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-38 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-38:before, div.LiquidTank div.Liquid.l-38:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-39 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-39:before, div.LiquidTank div.Liquid.l-39:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-40 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-40:before, div.LiquidTank div.Liquid.l-40:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-41 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-41:before, div.LiquidTank div.Liquid.l-41:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-42 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-42:before, div.LiquidTank div.Liquid.l-42:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-43 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-43:before, div.LiquidTank div.Liquid.l-43:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-44 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-44:before, div.LiquidTank div.Liquid.l-44:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-45 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-45:before, div.LiquidTank div.Liquid.l-45:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-46 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-46:before, div.LiquidTank div.Liquid.l-46:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-47 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-47:before, div.LiquidTank div.Liquid.l-47:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-48 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-48:before, div.LiquidTank div.Liquid.l-48:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-49 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-49:before, div.LiquidTank div.Liquid.l-49:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-50 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-50:before, div.LiquidTank div.Liquid.l-50:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-51 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-51:before, div.LiquidTank div.Liquid.l-51:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-52 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-52:before, div.LiquidTank div.Liquid.l-52:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-53 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-53:before, div.LiquidTank div.Liquid.l-53:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-54 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-54:before, div.LiquidTank div.Liquid.l-54:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-55 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-55:before, div.LiquidTank div.Liquid.l-55:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-56 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-56:before, div.LiquidTank div.Liquid.l-56:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-57 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-57:before, div.LiquidTank div.Liquid.l-57:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-58 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-58:before, div.LiquidTank div.Liquid.l-58:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-59 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-59:before, div.LiquidTank div.Liquid.l-59:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-60 {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-60:before, div.LiquidTank div.Liquid.l-60:after {
background: rgba(240, 190, 18, 0.8);
}
div.LiquidTank div.Liquid.l-0 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-0:before, div.LiquidTank div.Liquid.l-0:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-1 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-1:before, div.LiquidTank div.Liquid.l-1:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-2 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-2:before, div.LiquidTank div.Liquid.l-2:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-3 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-3:before, div.LiquidTank div.Liquid.l-3:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-4 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-4:before, div.LiquidTank div.Liquid.l-4:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-5 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-5:before, div.LiquidTank div.Liquid.l-5:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-6 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-6:before, div.LiquidTank div.Liquid.l-6:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-7 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-7:before, div.LiquidTank div.Liquid.l-7:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-8 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-8:before, div.LiquidTank div.Liquid.l-8:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-9 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-9:before, div.LiquidTank div.Liquid.l-9:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-10 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-10:before, div.LiquidTank div.Liquid.l-10:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-11 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-11:before, div.LiquidTank div.Liquid.l-11:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-12 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-12:before, div.LiquidTank div.Liquid.l-12:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-13 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-13:before, div.LiquidTank div.Liquid.l-13:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-14 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-14:before, div.LiquidTank div.Liquid.l-14:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-15 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-15:before, div.LiquidTank div.Liquid.l-15:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-16 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-16:before, div.LiquidTank div.Liquid.l-16:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-17 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-17:before, div.LiquidTank div.Liquid.l-17:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-18 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-18:before, div.LiquidTank div.Liquid.l-18:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-19 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-19:before, div.LiquidTank div.Liquid.l-19:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-20 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-20:before, div.LiquidTank div.Liquid.l-20:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-21 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-21:before, div.LiquidTank div.Liquid.l-21:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-22 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-22:before, div.LiquidTank div.Liquid.l-22:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-23 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-23:before, div.LiquidTank div.Liquid.l-23:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-24 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-24:before, div.LiquidTank div.Liquid.l-24:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-25 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-25:before, div.LiquidTank div.Liquid.l-25:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-26 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-26:before, div.LiquidTank div.Liquid.l-26:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-27 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-27:before, div.LiquidTank div.Liquid.l-27:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-28 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-28:before, div.LiquidTank div.Liquid.l-28:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-29 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-29:before, div.LiquidTank div.Liquid.l-29:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-30 {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank div.Liquid.l-30:before, div.LiquidTank div.Liquid.l-30:after {
background: rgba(184, 0, 0, 0.8);
}
div.LiquidTank.Smll {
width: 32px;
overflow: visible;
}
div.LiquidTank.Smll:before, div.LiquidTank.Smll:after {
width: 32px;
height: 15px;
border-radius: 60px/25px;
}
div.LiquidTank.Smll div.Liquid {
width: 32px;
border-radius: 60px/25px;
overflow: hidden;
}
div.LiquidTank.Smll div.Liquid:before, div.LiquidTank.Smll div.Liquid:after {
width: 32px;
height: 14px;
border-radius: 60px/25px;
}
div.LiquidTank.Smll div.Liquid.Low, div.LiquidTank.Smll div.Liquid.Medium, div.LiquidTank.Smll div.Liquid.High {
position: absolute;
left: 0;
width: 32px;
height: calc((200px / 3) + 9px);
border-radius: 60px/25px;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
}
div.LiquidTank.Smll div.Liquid.Low:before, div.LiquidTank.Smll div.Liquid.Low:after, div.LiquidTank.Smll div.Liquid.Medium:before, div.LiquidTank.Smll div.Liquid.Medium:after, div.LiquidTank.Smll div.Liquid.High:before, div.LiquidTank.Smll div.Liquid.High:after {
content: '';
position: absolute;
left: 0;
width: 32px;
height: 14px;
border-radius: 60px/25px;
}
div.LiquidTank.Smll div.Liquid.Low {
bottom: 0;
background: rgba(209, 98, 98, 0.8);
}
div.LiquidTank.Smll div.Liquid.Low:before, div.LiquidTank.Smll div.Liquid.Low:after {
background: #d16262;
}
div.LiquidTank.Smll div.Liquid.Low:before {
top: 0;
}
div.LiquidTank.Smll div.Liquid.Low:after {
bottom: 0;
}
div.LiquidTank.Smll div.Liquid.Medium {
top: calc((200px / 3) - 4px);
background: rgba(255, 153, 0, 0.8);
}
div.LiquidTank.Smll div.Liquid.Medium:before, div.LiquidTank.Smll div.Liquid.Medium:after {
background: #ff9900;
}
div.LiquidTank.Smll div.Liquid.Medium:before {
top: 0;
}
div.LiquidTank.Smll div.Liquid.Medium:after {
bottom: 0;
}
div.LiquidTank.Smll div.Liquid.High {
top: 0;
background: rgba(0, 160, 70, 0.8);
}
div.LiquidTank.Smll div.Liquid.High:before, div.LiquidTank.Smll div.Liquid.High:after {
background: rgba(0, 160, 70, 0.8);
}
div.LiquidTank.Smll div.Liquid.High:before {
top: 0;
}
div.LiquidTank.Smll div.Liquid.High:after {
bottom: 0;
}
div.LiquidTank.Smll span.Txt {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
position: absolute;
left: 35px;
}
div.LiquidTank.Smll span.Txt.Low {
top: 155px;
color: #d16262;
}
div.LiquidTank.Smll span.Txt.Med {
top: 95px;
color: #ff9900;
}
div.LiquidTank.Smll span.Txt.Hgh {
top: 30px;
color: #00a046;
}
/* Liquid Tank CSS - Ends */
/* Device Control - Custom Schedule - Starts */
div.SchdlPriorityListHldr {
width: 100%;
padding: 10px 0;
}
div.SchdlPriorityListHldr ul.PriorityList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
border-radius: 6px;
border: 1px solid #F0EC73;
background: rgba(240, 236, 115, 0.2);
padding: 10px;
margin: 0;
list-style: none;
}
div.SchdlPriorityListHldr ul.PriorityList li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
padding: 0 5px;
}
div.SchdlPriorityListHldr ul.PriorityList li.TtlHldr {
padding: 0;
}
div.SchdlPriorityListHldr ul.PriorityList li span.NtTtl {
font-weight: 700;
color: #C53B3D;
padding-right: 3px;
}
div.SchdlPriorityListHldr ul.PriorityList li span.NtTxt {
font-weight: 600;
}
div.SchdlPriorityListHldr ul.PriorityList li span.PrtyVlu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.SchdlPriorityListHldr ul.PriorityList li span.PrtyVlu span.Numb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 40px;
border: 1px solid #C53B3D;
background: #fff;
color: #C53B3D;
}
div.SchdlPriorityListHldr ul.PriorityList li span.PrtyVlu span.Numb span.Vlu {
font-weight: 700;
}
div.SchdlPriorityListHldr ul.PriorityList li span.PrtyVlu span.Numb span.Vlu sup {
font-size: 8px;
}
div.SchdlPriorityListHldr ul.PriorityList li span.PrtyVlu span.Txt {
font-weight: 600;
padding-left: 5px;
}
div.NewSchdlDv {
width: 100%;
border: 1px solid rgba(30, 83, 143, 0.3);
border-radius: 10px;
margin: 0 0 20px 0;
overflow: hidden;
}
div.NewSchdlDv div.TtlDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(30, 83, 143, 0.05);
padding: 15px 10px;
}
div.NewSchdlDv div.TtlDv span.ScdlTtl {
display: block;
color: #1E538F;
font-weight: 700;
font-size: 15px;
padding-right: 10px;
}
div.NewSchdlDv div.TtlDv span.ScdlID {
display: block;
padding: 8px;
border-radius: 5px;
font-size: 12px;
background: #1e538f;
color: white;
}
div.NewSchdlDv div.TtlDv span.AppBtn {
margin: 0 0 0 auto;
}
div.SchedulerDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
margin: 10px;
width: calc(100% - 20px);
border: 1px solid rgba(30, 83, 143, 0.5);
border-radius: 8px;
position: relative;
}
div.SchedulerDv div.ScdlTtlDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(100% + 2px);
margin: -1px -1px 0 -1px;
background: #1e538f;
padding: 10px 10px 10px 0;
border-radius: 8px 8px 0 0;
}
div.SchedulerDv div.ScdlTtlDv span.StpNumbTxt {
display: block;
color: white;
padding: 10px 20px 10px 20px;
border: 1px solid white;
border-left: 0;
border-radius: 0 20px 20px 0;
}
div.SchedulerDv div.ScdlTtlDv span.StpNumbTxt:before {
content: 'Step';
padding-right: 3px;
}
div.SchedulerDv div.ScdlTtlDv span.StpTtl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
padding: 10px;
color: white;
}
div.SchedulerDv div.ScdlTtlDv span.StpTtl:before {
margin-right: 5px;
font-size: 18px;
}
div.SchedulerDv div.ScdlDtlsHldr {
width: 100%;
}
div.SchedulerDv div.ScdlDtlsHldr ul.SchdlDaysLst {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: 100%;
margin: 0;
padding: 0 0 10px 0;
list-style: none;
}
div.SchedulerDv div.ScdlDtlsHldr ul.SchdlDaysLst li {
padding: 5px;
width: 12.5%;
}
div.SchedulerDv div.ScdlDtlsHldr ul.SchdlDaysLst li span.DayHldr {
display: block;
padding: 10px 15px;
border-radius: 5px;
cursor: pointer;
}
div.SchedulerDv div.ScdlDtlsHldr ul.SchdlDaysLst li span.DayHldr:before {
font-size: 12px;
color: #455A64;
margin: 0 5px 0 0;
}
div.SchedulerDv div.ScdlDtlsHldr ul.SchdlDaysLst li span.DayHldr.Active {
background: rgba(46, 125, 50, 0.1);
border: 1px solid rgba(46, 125, 50, 0.25);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.SchedulerDv div.ScdlDtlsHldr ul.SchdlDaysLst li span.DayHldr.Active:before {
color: #2e7d32;
}
div.SchedulerDv div.ScdlDtlsHldr ul.SchdlDaysLst li span.DayHldr.InActive {
background: rgba(30, 83, 143, 0.1);
border: 1px solid rgba(30, 83, 143, 0);
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.SchedulerDv div.ScdlDtlsHldr ul.SchdlDaysLst li span.DayHldr.Blocked {
background: rgba(223, 17, 37, 0.1);
border: 1px solid rgba(223, 17, 37, 0.25);
-webkit-transition: 0.3s;
transition: 0.3s;
cursor: not-allowed;
}
div.SchedulerDv div.ScdlDtlsHldr ul.SchdlDaysLst li span.DayHldr.Blocked:before {
color: #df1125;
}
div.SchedulerDv.NoMrgn {
margin: 0;
width: 100%;
}
div.SchedulerDv.StepOne {
margin: 0;
width: 100%;
border-top-left-radius: 0;
border-top-right-radius: 0;
border: none;
}
div.SchedulerDv.StepOne div.ScdlTtlDv {
background: #00709E;
border-radius: 0;
}
div.SchedulerDv.StepTwo {
border-color: #008B9E;
}
div.SchedulerDv.StepTwo div.ScdlTtlDv {
background: #008B9E;
border-radius: 8px 8px 0 0;
}
div.SchedulerDv.StepTwo .ClrShd {
border-top: 1px solid rgba(0, 139, 158, 0.3);
background: rgba(0, 139, 158, 0.03);
}
div.SchedulerDv.StepTwo .ClrShd .AppBtn {
background: #008B9E;
border-color: #008B9E;
}
div.SchedulerDv.StepTwo .ClrShd .AppBtn.Scndry {
background: #fff;
color: #008B9E;
border-color: #008B9E;
}
div.SchedulerDv.StepThree {
border-color: #009E95;
}
div.SchedulerDv.StepThree div.ScdlTtlDv {
background: #009E95;
border-radius: 8px 8px 0 0;
}
div.SchedulerDv.Disabled {
-webkit-filter: saturate(0);
filter: saturate(0);
}
div.SchedulerDv.Disabled:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 8px;
background: rgba(0, 0, 0, 0);
z-index: 99;
}
/* Device Control - Custom Schedule - Ends */
/* AMC - Action List - Layouts - Starts */
div.ActnLstCalLayout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
height: 100%;
}
div.ActnLstCalLayout div.CalDv {
width: 66.66%;
}
div.ActnLstCalLayout div.ListDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
width: 33.33%;
padding: 15px;
height: 100%;
background: rgba(30, 83, 143, 0.03);
border: 1px solid rgba(30, 83, 143, 0.1);
border-radius: 10px;
}
div.ActnLstCalLayout div.ListDv div.TbsLstHldr {
width: 100%;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid rgba(30, 83, 143, 0.25);
}
div.ActnLstCalLayout div.ListDv div.TbsDtlTbl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
overflow-y: auto;
width: 100%;
height: 100%;
}
div.ActnLstAsstsLayout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
height: 100%;
}
div.ActnLstAsstsLayout div.ListDv {
width: 25%;
padding: 15px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
background: rgba(30, 83, 143, 0.03);
border: 1px solid rgba(30, 83, 143, 0.1);
border-radius: 10px;
}
div.ActnLstAsstsLayout div.FormDv {
width: 75%;
padding: 15px;
}
/* AMC - Action List - Layouts - Ends */
/* Maintenance Task - Starts */
.MntnGrdVwHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
width: 100%;
}
.MntnGrdVwHldr div.LstHldr {
width: 50%;
padding: 10px;
}
.MntnGrdVwHldr div.LstHldr div.TskCrd {
height: 100%;
background: #0E6CA4;
border-radius: 10px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.MntnGrdVwHldr div.LstHldr div.TskCrd div.CrdTHdrDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
.MntnGrdVwHldr div.LstHldr div.TskCrd div.CrdTHdrDv div.CrdTtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
.MntnGrdVwHldr div.LstHldr div.TskCrd div.CrdTHdrDv div.CrdTtlHldr span.TtlTxt {
display: block;
color: #fff;
padding: 15px 10px;
font-weight: 700;
text-transform: uppercase;
}
.MntnGrdVwHldr div.LstHldr div.TskCrd div.CrdTHdrDv div.CrdTtlHldr span.TtlTxt:before {
padding-right: 5px;
}
.MntnGrdVwHldr div.LstHldr div.TskCrd div.CrdTHdrDv div.CrdPrvHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
margin: 0 0 0 auto;
}
.MntnGrdVwHldr div.LstHldr div.TskCrd div.CrdTDtlsDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
background: #fff;
border: 1px solid #BFB1A8;
border-radius: 10px;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.MntnGrdVwHldr div.LstHldr div.TskCrd div.CrdTDtlsDv div.SttsHldr, .MntnGrdVwHldr div.LstHldr div.TskCrd div.CrdTDtlsDv div.BsInfoDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: 50%;
padding: 10px;
}
.MntnGrdVwHldr div.LstHldr div.TskCrd div.CrdTDtlsDv div.BsInfoDv {
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
.MntnGrdVwHldr div.LstHldr div.TskCrd div.CrdTDtlsDv div.BsInfoDv .MaintenanceActnStts:before {
padding-right: 5px;
}
.MntnGrdVwHldr div.LstHldr div.TskCrd div.CrdTDtlsDv div.CntntHldr {
padding: 0 10px 10px 10px;
width: 100%;
}
.MntnGrdVwHldr div.LstHldr div.TskCrd div.CrdTDtlsDv div.CntntHldr span.TskTtl {
display: block;
font-size: 17px;
font-weight: 700;
color: #1E538F;
position: relative;
}
.MntnGrdVwHldr div.LstHldr div.TskCrd div.CrdTDtlsDv div.CntntHldr span.TskTxt {
display: block;
font-size: 14px;
position: relative;
padding: 7px 0 0 0;
}
.MntnGrdVwHldr div.LstHldr div.TskCrd div.CrdTDtlsDv div.CrdTLnksDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: 100%;
background: #F5F3F2;
border-top: 1px solid #EFEBE9;
padding: 5px 10px;
border-radius: 0 0 9px 9px;
}
.MntnGrdVwHldr div.LstHldr div.TskCrd div.CrdTDtlsDv div.CrdTLnksDv div.Hldr {
border-right: 1px solid #D8D1CD;
}
.MntnGrdVwHldr div.LstHldr div.TskCrd div.CrdTDtlsDv div.CrdTLnksDv div.Hldr:last-of-type {
border-right: none;
}
div.VndrTskCrd {
width: 100%;
background: #fff;
border: 1px solid #CFD8DC;
padding: 10px;
border-radius: 10px;
margin: 10px 10px 10px 0;
}
div.VndrTskCrd div.CrdTHdrDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts {
width: 20px;
height: 20px;
border-radius: 40px;
position: relative;
margin: 0 10px 0 0;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts:before {
font-size: 12px;
left: calc(50% - 6px);
top: calc(50% - 6px);
position: absolute;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.InHouse {
background: #344ded;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.Outsourced {
background: #e84600;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.Ongoing {
background: #c41b54;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.Completed {
background: #078b11;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.Pending {
background: #90a4ae;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.AwaitingResponse {
background: #b71c1c;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.Approved {
background: #03ad00;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.ApproveRequest {
background: #1e538f;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.Reschedule {
background: #ed7302;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.Rejected {
background: #d32f2f;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.OnHold {
background: #283593;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.Critical {
background: #bf360c;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.Normal {
background: #558b2f;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.AMCAction {
background: #1e538f;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.Upcoming {
background: #1e538f;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.NewRequest {
background: #1e538f;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdTtlHldr .ReqStts.Requested {
background: #1e538f;
color: white;
}
div.VndrTskCrd div.CrdTHdrDv div.CrdLnkHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
margin: 0 0 0 auto;
}
div.VndrTskCrd div.CrdTDtlsDv div.CntntHldr {
padding: 10px 0;
}
div.VndrTskCrd div.CrdTDtlsDv div.CntntHldr span.TskTtl {
display: block;
font-size: 17px;
font-weight: 700;
color: #1E538F;
position: relative;
}
div.VndrTskCrd div.CrdTDtlsDv div.CntntHldr span.TskTxt {
display: block;
font-size: 14px;
position: relative;
padding: 7px 0 0 0;
}
.MaintenanceActnStts {
padding: 10px 12px;
border-radius: 40px;
text-align: center;
font-weight: 700;
margin-right: 10px;
text-decoration: none;
}
.MaintenanceActnStts.MrgnLft {
margin-left: 5px;
}
.MaintenanceActnStts.InHouse {
background: rgba(52, 77, 237, 0.1);
color: #344ded;
}
.MaintenanceActnStts.InHouse.AwaitingResponse {
background: #344ded;
color: white;
}
.MaintenanceActnStts.InHouse.ApproveRequest {
background: #344ded;
color: white;
}
.MaintenanceActnStts.InHouse.Critical {
background: #344ded;
color: white;
}
.MaintenanceActnStts.InHouse.Normal {
background: #344ded;
color: white;
}
.MaintenanceActnStts.Outsourced {
background: rgba(232, 70, 0, 0.1);
color: #e84600;
}
.MaintenanceActnStts.Outsourced.AwaitingResponse {
background: #e84600;
color: white;
}
.MaintenanceActnStts.Outsourced.ApproveRequest {
background: #e84600;
color: white;
}
.MaintenanceActnStts.Outsourced.Critical {
background: #e84600;
color: white;
}
.MaintenanceActnStts.Outsourced.Normal {
background: #e84600;
color: white;
}
.MaintenanceActnStts.Ongoing {
background: rgba(196, 27, 84, 0.1);
color: #c41b54;
}
.MaintenanceActnStts.Ongoing.AwaitingResponse {
background: #c41b54;
color: white;
}
.MaintenanceActnStts.Ongoing.ApproveRequest {
background: #c41b54;
color: white;
}
.MaintenanceActnStts.Ongoing.Critical {
background: #c41b54;
color: white;
}
.MaintenanceActnStts.Ongoing.Normal {
background: #c41b54;
color: white;
}
.MaintenanceActnStts.Completed {
background: rgba(7, 139, 17, 0.1);
color: #078b11;
}
.MaintenanceActnStts.Completed.AwaitingResponse {
background: #078b11;
color: white;
}
.MaintenanceActnStts.Completed.ApproveRequest {
background: #078b11;
color: white;
}
.MaintenanceActnStts.Completed.Critical {
background: #078b11;
color: white;
}
.MaintenanceActnStts.Completed.Normal {
background: #078b11;
color: white;
}
.MaintenanceActnStts.Pending {
background: rgba(144, 164, 174, 0.1);
color: #90a4ae;
}
.MaintenanceActnStts.Pending.AwaitingResponse {
background: #90a4ae;
color: white;
}
.MaintenanceActnStts.Pending.ApproveRequest {
background: #90a4ae;
color: white;
}
.MaintenanceActnStts.Pending.Critical {
background: #90a4ae;
color: white;
}
.MaintenanceActnStts.Pending.Normal {
background: #90a4ae;
color: white;
}
.MaintenanceActnStts.AwaitingResponse {
background: rgba(183, 28, 28, 0.1);
color: #b71c1c;
}
.MaintenanceActnStts.AwaitingResponse.AwaitingResponse {
background: #b71c1c;
color: white;
}
.MaintenanceActnStts.AwaitingResponse.ApproveRequest {
background: #b71c1c;
color: white;
}
.MaintenanceActnStts.AwaitingResponse.Critical {
background: #b71c1c;
color: white;
}
.MaintenanceActnStts.AwaitingResponse.Normal {
background: #b71c1c;
color: white;
}
.MaintenanceActnStts.Approved {
background: rgba(3, 173, 0, 0.1);
color: #03ad00;
}
.MaintenanceActnStts.Approved.AwaitingResponse {
background: #03ad00;
color: white;
}
.MaintenanceActnStts.Approved.ApproveRequest {
background: #03ad00;
color: white;
}
.MaintenanceActnStts.Approved.Critical {
background: #03ad00;
color: white;
}
.MaintenanceActnStts.Approved.Normal {
background: #03ad00;
color: white;
}
.MaintenanceActnStts.ApproveRequest {
background: rgba(30, 83, 143, 0.1);
color: #1e538f;
}
.MaintenanceActnStts.ApproveRequest.AwaitingResponse {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.ApproveRequest.ApproveRequest {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.ApproveRequest.Critical {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.ApproveRequest.Normal {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.Reschedule {
background: rgba(237, 115, 2, 0.1);
color: #ed7302;
}
.MaintenanceActnStts.Reschedule.AwaitingResponse {
background: #ed7302;
color: white;
}
.MaintenanceActnStts.Reschedule.ApproveRequest {
background: #ed7302;
color: white;
}
.MaintenanceActnStts.Reschedule.Critical {
background: #ed7302;
color: white;
}
.MaintenanceActnStts.Reschedule.Normal {
background: #ed7302;
color: white;
}
.MaintenanceActnStts.Rejected {
background: rgba(211, 47, 47, 0.1);
color: #d32f2f;
}
.MaintenanceActnStts.Rejected.AwaitingResponse {
background: #d32f2f;
color: white;
}
.MaintenanceActnStts.Rejected.ApproveRequest {
background: #d32f2f;
color: white;
}
.MaintenanceActnStts.Rejected.Critical {
background: #d32f2f;
color: white;
}
.MaintenanceActnStts.Rejected.Normal {
background: #d32f2f;
color: white;
}
.MaintenanceActnStts.OnHold {
background: rgba(40, 53, 147, 0.1);
color: #283593;
}
.MaintenanceActnStts.OnHold.AwaitingResponse {
background: #283593;
color: white;
}
.MaintenanceActnStts.OnHold.ApproveRequest {
background: #283593;
color: white;
}
.MaintenanceActnStts.OnHold.Critical {
background: #283593;
color: white;
}
.MaintenanceActnStts.OnHold.Normal {
background: #283593;
color: white;
}
.MaintenanceActnStts.Critical {
background: rgba(191, 54, 12, 0.1);
color: #bf360c;
}
.MaintenanceActnStts.Critical.AwaitingResponse {
background: #bf360c;
color: white;
}
.MaintenanceActnStts.Critical.ApproveRequest {
background: #bf360c;
color: white;
}
.MaintenanceActnStts.Critical.Critical {
background: #bf360c;
color: white;
}
.MaintenanceActnStts.Critical.Normal {
background: #bf360c;
color: white;
}
.MaintenanceActnStts.Normal {
background: rgba(85, 139, 47, 0.1);
color: #558b2f;
}
.MaintenanceActnStts.Normal.AwaitingResponse {
background: #558b2f;
color: white;
}
.MaintenanceActnStts.Normal.ApproveRequest {
background: #558b2f;
color: white;
}
.MaintenanceActnStts.Normal.Critical {
background: #558b2f;
color: white;
}
.MaintenanceActnStts.Normal.Normal {
background: #558b2f;
color: white;
}
.MaintenanceActnStts.AMCAction {
background: rgba(30, 83, 143, 0.1);
color: #1e538f;
}
.MaintenanceActnStts.AMCAction.AwaitingResponse {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.AMCAction.ApproveRequest {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.AMCAction.Critical {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.AMCAction.Normal {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.Upcoming {
background: rgba(30, 83, 143, 0.1);
color: #1e538f;
}
.MaintenanceActnStts.Upcoming.AwaitingResponse {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.Upcoming.ApproveRequest {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.Upcoming.Critical {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.Upcoming.Normal {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.NewRequest {
background: rgba(30, 83, 143, 0.1);
color: #1e538f;
}
.MaintenanceActnStts.NewRequest.AwaitingResponse {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.NewRequest.ApproveRequest {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.NewRequest.Critical {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.NewRequest.Normal {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.Requested {
background: rgba(30, 83, 143, 0.1);
color: #1e538f;
}
.MaintenanceActnStts.Requested.AwaitingResponse {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.Requested.ApproveRequest {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.Requested.Critical {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.Requested.Normal {
background: #1e538f;
color: white;
}
.MaintenanceActnStts.Icn {
text-align: left;
}
.MaintenanceActnStts.Icn:before {
padding-right: 5px;
}
.MaintenanceActnStts.AMCAction {
color: #1e538f !important;
}
.MaintenanceActnStts.GenInfo {
text-align: left;
color: #1e538f !important;
background: rgba(30, 83, 143, 0.05) !important;
}
/* Maintenance Task - Ends */
/* Documents List - Starts */
div.DocListing {
padding: 10px 0;
width: 100%;
}
div.DocListing span.DocTtlTyp {
color: #1e538f;
padding: 0 0 0 20px;
margin: 0 0 10px 0;
font-size: 16px;
font-weight: 700;
position: relative;
}
div.DocListing span.DocTtlTyp:before {
position: absolute;
left: 0;
top: calc(50% - 8px);
font-size: 16px;
}
div.DocListing div.DocLst {
padding: 10px 0 0 0;
}
div.DocListing div.DocLst div.DocDet {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
background-color: rgba(30, 83, 143, 0.05);
border-radius: 8px;
padding: 5px;
margin: 1px 0;
}
div.DocListing div.DocLst div.DocDet:hover {
background-color: rgba(30, 83, 143, 0.07);
}
div.DocListing div.DocLst div.DocDet div.TxtDtl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
padding: 10px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
div.DocListing div.DocLst div.DocDet div.TxtDtl span.DocName {
font-size: 14px;
position: relative;
padding: 0 5px 0 20px;
}
div.DocListing div.DocLst div.DocDet div.TxtDtl span.DocName:before {
position: absolute;
left: 0;
top: calc(50% - 9px);
font-size: 16px;
}
div.DocListing div.DocLst div.DocDet div.BtnDtl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
margin: 0 0 0 auto;
padding: 10px;
border-left: 1px solid rgba(30, 83, 143, 0.1);
}
div.DocListing div.DocLst.NoPd {
padding: 0;
}
div.DocListing.NoPd {
padding: 0;
}
div.DocListing.LghtTheme div.DocLst div.DocDet {
background: #fff;
}
/* Documents List - Ends */
/* Asset360 - Starts */
/* Overview Section */
div.Asst360Ovrw {
width: 100%;
}
div.Asst360Ovrw div.AsstCatHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 50px 0;
background: #60A2D6;
border-radius: 10px;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstCtTtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: 10%;
padding: 10px;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstCtTtlHldr span.Ttl {
display: block;
padding: 10px;
color: #fff;
font-size: 15px;
font-weight: 700;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstLstHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
width: 90%;
position: relative;
margin: -10px 10px -10px 0;
padding: 10px;
background: #F3F7FA;
border: 1px solid #CFD8DC;
border-radius: 10px;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstLstHldr div.AsstDv {
width: calc(25% - 10px);
margin: 5px;
padding: 5px;
background: #fff;
border: 1px solid #CFD8DC;
border-radius: 10px;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstLstHldr div.AsstDv div.AsstTtlDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
background: #0288D1;
padding: 5px 10px;
margin-bottom: 5px;
border-radius: 8px;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstLstHldr div.AsstDv div.AsstTtlDv div.TtlHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
width: calc(100% - 30px);
}
div.Asst360Ovrw div.AsstCatHldr div.AsstLstHldr div.AsstDv div.AsstTtlDv div.TtlHldr span.Ttl {
color: #fff;
font-weight: 700;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstLstHldr div.AsstDv div.AsstTtlDv div.InfoHldr div.InfoBxHldr span.InfoBtn:before {
color: #fff;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstLstHldr div.AsstDv div.AsstDtlsDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 0 10px;
background: #F5F7F8;
border: 1px solid #ECEFF1;
border-radius: 8px;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstLstHldr div.AsstDv div.AsstDtlsDv div.DtlsLstDv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstLstHldr div.AsstDv div.AsstDtlsDv div.DtlsLstDv span.Icn {
width: 20px;
font-size: 16px;
position: relative;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstLstHldr div.AsstDv div.AsstDtlsDv div.DtlsLstDv span.Icn:before {
position: absolute;
top: calc(50% - 9px);
color: #1e538f;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstLstHldr div.AsstDv div.AsstDtlsDv div.DtlsLstDv span.Icn.Missing:before {
color: #B71C1C;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstLstHldr div.AsstDv div.AsstDtlsDv div.DtlsLstDv span.Icn.Error:before {
color: #EF6C00;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstLstHldr div.AsstDv div.AsstDtlsDv div.DtlsLstDv span.Icn.NotAvail:before {
color: #A8BFCA;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstLstHldr div.AsstDv div.AsstDtlsDv div.DtlsLstDv span.Txt {
padding: 10px 0 10px 5px;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstLstHldr div.AsstDv div.AsstDtlsDv div.DtlsLstDv.Hlf {
width: 50%;
}
div.Asst360Ovrw div.AsstCatHldr div.AsstLstHldr div.AsstDv div.AsstDtlsDv div.DtlsLstDv.Brdr {
border-bottom: 1px solid #A8BFCA;
}
div.Asst360Ovrw div.AsstCatHldr:first-of-type {
margin-top: 20px;
}
div.Asst360Ovrw div.AsstCatHldr:last-of-type {
margin-bottom: 0;
}
/* Asset360 - Ends */
/* Full Screen Calendar - Starts */
.fc .fc-toolbar.fc-header-toolbar {
margin: 0;
}
.fc .fc-button-primary {
color: #1e538f;
background: white;
width: 40px;
height: 40px;
border-radius: 40px;
border-color: #1e538f;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.fc .fc-button-primary:hover {
background: #1e538f;
color: white;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.fc .fc-button .fc-icon {
font-size: 20px;
}
.fc .fc-toolbar-title {
font-weight: 700;
font-size: 17px;
}
.fc-theme-standard td, .fc-theme-standard th {
border: none !important;
}
.fc-theme-standard .fc-scrollgrid {
border: none !important;
}
.fc .fc-scroller-liquid-absolute {
position: relative;
}
.fc .fc-daygrid-day-frame {
border: 1px solid #EFEBE9;
}
.fc .fc-daygrid-day-top {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.fc .fc-daygrid-day-number {
font-size: 15px;
padding: 10px;
margin: 10px;
width: 40px;
height: 40px;
border: 1px solid #DBC9C1;
text-decoration: none !important;
background: #fff;
border-radius: 100%;
text-align: center;
line-height: 140%;
}
.fc .fc-daygrid-day-number:hover {
text-decoration: none;
}
.fc-h-event {
background: transparent !important;
border: none !important;
padding: 10px;
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
bottom: 0;
margin: 0;
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events .event-title {
font-size: 19px;
color: #000;
padding-bottom: 4px;
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events .event-description {
font-size: 14px;
color: #000;
}
.fc .fc-col-header-cell-cushion {
font-size: 14px;
font-weight: 600;
}
.fc .fc-daygrid-day.fc-day-today {
background: rgba(30, 83, 143, 0.05);
}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
border-color: #1e538f;
}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame .event-title {
color: #1e538f;
font-weight: 700;
}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame .event-description {
color: #1e538f;
font-weight: 700;
}
.fc-day-other {
background: rgba(239, 235, 233, 0.3) !important;
}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
border: #1e538f;
background: #1e538f;
color: white;
font-weight: 700;
font-size: 15px;
}
/* Full Screen Calendar - Ends */
/* Photo Gallery Preview - Starts */
div.GllryPrvwHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.GllryPrvwHldr div.GlryCntntHldr {
margin-right: 10px;
}
div.GllryPrvwHldr div.GlryCntntHldr .Img {
border: 1px solid rgba(30, 83, 143, 0.2);
border-radius: 5px;
width: 30px;
height: 30px;
-o-object-fit: cover;
object-fit: cover;
}
div.GllryPrvwHldr.Lrg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
}
div.GllryPrvwHldr.Lrg div.GlryCntntHldr {
margin-right: 20px;
}
div.GllryPrvwHldr.Lrg div.GlryCntntHldr .Img {
border-radius: 5px;
width: 70px;
height: 70px;
}
/* Photo Gallery View - Ends */
/* Gen Progress Timeline - Starts */
div.CmpltPrcssTimeline {
width: calc(100% + 20px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
padding: 20px;
background: #fff;
margin: -10px;
}
div.CmpltPrcssTimeline span.TotalTime {
position: absolute;
background: #fff;
color: #1E538F;
font-weight: 700;
padding: 5px 10px;
text-align: center;
width: 150px;
left: calc(50% - 75px);
top: 6px;
z-index: 1;
}
div.CmpltPrcssTimeline ul.Timeline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
position: relative;
}
div.CmpltPrcssTimeline ul.Timeline.Assigned {
padding: 20px 0 0 0;
border-top: 2px solid #1e538f;
}
div.CmpltPrcssTimeline ul.Timeline.Assigned:before, div.CmpltPrcssTimeline ul.Timeline.Assigned:after {
content: '';
position: absolute;
width: 2px;
height: 20px;
top: 0;
background: #1e538f;
}
div.CmpltPrcssTimeline ul.Timeline.Assigned:before {
left: 0;
}
div.CmpltPrcssTimeline ul.Timeline.Assigned:after {
right: 0;
}
div.CmpltPrcssTimeline ul.Timeline li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
width: 100%;
padding: 15px 0 0 0;
margin: 5px 0 0 0;
}
div.CmpltPrcssTimeline ul.Timeline li:before {
content: '';
position: absolute;
width: 11px;
height: 11px;
left: -5px;
top: 0;
border-radius: 6px;
background: #00746a;
z-index: 2;
}
div.CmpltPrcssTimeline ul.Timeline li:after {
content: '';
position: absolute;
width: 100%;
height: 2px;
left: 0;
top: 5px;
background: #00746a;
z-index: 1;
}
div.CmpltPrcssTimeline ul.Timeline li:last-of-type:before {
left: inherit;
right: -5px;
}
div.CmpltPrcssTimeline ul.Timeline li:last-of-type span.PrcssTtl {
text-align: right;
}
div.CmpltPrcssTimeline ul.Timeline li:last-of-type span.PrcssDate {
text-align: right;
}
div.CmpltPrcssTimeline ul.Timeline li:last-of-type span.PrcssTime {
text-align: right;
}
div.CmpltPrcssTimeline ul.Timeline li:last-of-type span.PrcssStpDuration {
left: calc(0% - 50px);
}
div.CmpltPrcssTimeline ul.Timeline li:first-of-type:before {
left: -5px;
}
div.CmpltPrcssTimeline ul.Timeline li:first-of-type span.PrcssTtl {
text-align: left;
}
div.CmpltPrcssTimeline ul.Timeline li:first-of-type span.PrcssDate {
text-align: left;
}
div.CmpltPrcssTimeline ul.Timeline li:first-of-type span.PrcssTime {
text-align: left;
}
div.CmpltPrcssTimeline ul.Timeline li:first-of-type span.PrcssStpDuration {
left: 0;
}
div.CmpltPrcssTimeline ul.Timeline li span.PrcssTtl {
display: block;
width: 100%;
position: relative;
font-weight: 700;
z-index: 8;
}
div.CmpltPrcssTimeline ul.Timeline li span.PrcssDate {
display: block;
width: 100%;
position: relative;
z-index: 8;
}
div.CmpltPrcssTimeline ul.Timeline li span.PrcssTime {
display: block;
width: 100%;
position: relative;
z-index: 8;
}
div.CmpltPrcssTimeline ul.Timeline li span.PrcssStpDuration {
position: absolute;
left: calc(-50% - 50px);
top: 0;
background: #fff;
font-weight: 700;
color: #00746a;
width: 100px;
padding: 0px 10px;
z-index: 3;
text-align: center;
}
div.PrgssTimeline {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
padding: 20px;
background: rgba(30, 83, 143, 0.05);
border-radius: 10px;
}
div.PrgssTimeline ul.Timeline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
position: relative;
}
div.PrgssTimeline ul.Timeline li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
width: 100%;
padding: 20px 0 0 0;
margin: 12px 0 0 0;
}
div.PrgssTimeline ul.Timeline li:before {
content: '';
position: absolute;
width: 12px;
height: 12px;
left: calc(50% - 6px);
top: -6px;
border-radius: 100%;
background: #00746a;
z-index: 2;
}
div.PrgssTimeline ul.Timeline li:after {
content: '';
position: absolute;
width: 100%;
height: 2px;
left: 50%;
top: -1px;
background: rgba(0, 116, 106, 0.2);
z-index: 1;
}
div.PrgssTimeline ul.Timeline li:last-of-type:before {
left: inherit;
right: 0;
}
div.PrgssTimeline ul.Timeline li:last-of-type:after {
width: 50%;
left: auto;
right: 0;
}
div.PrgssTimeline ul.Timeline li:last-of-type span.PrcssTtl {
text-align: right;
}
div.PrgssTimeline ul.Timeline li:first-of-type:before {
left: 0;
}
div.PrgssTimeline ul.Timeline li:first-of-type:after {
left: 0;
width: 150%;
}
div.PrgssTimeline ul.Timeline li:first-of-type span.PrcssTtl {
text-align: left;
}
div.PrgssTimeline ul.Timeline li span.PrcssTtl {
display: block;
width: 100%;
position: relative;
text-align: center;
z-index: 8;
}
div.PrgssTimeline ul.Timeline li.Actv:before {
width: 24px;
height: 24px;
top: -12px;
left: calc(50% - 12px);
}
div.PrgssTimeline ul.Timeline li.Actv:first-of-type:before {
left: 0;
}
div.PrgssTimeline ul.Timeline li.Actv:last-of-type:before {
left: auto;
right: 0;
}
div.PrgssTimeline ul.Timeline li.Actv:last-of-type:after {
background: #00746a;
}
div.PrgssTimeline ul.Timeline li.Actv span.PrcssTtl {
font-weight: 700;
}
div.PrgssTimeline ul.Timeline li.Cmpltd:before {
width: 24px;
height: 24px;
left: calc(50% - 12px);
top: -12px;
/* background-color: #FFFFFF; */
background-image: url('data:image/svg+xml,');
/* background-attachment: fixed | scroll; */
/* background-size: auto | cover | contain | 500px 250px; */
background-position: center center;
background-repeat: no-repeat;
/* background-origin: border-box | padding-box | content-box; */
/* background-clip: border-box | padding-box | content-box; */
/* background-blend-mode: multiply | screen | overlay; */
}
div.PrgssTimeline ul.Timeline li.Cmpltd:after {
background: #00746a;
}
div.PrgssTimeline ul.Timeline li.Cmpltd span.PrcssTtl {
font-weight: 700;
color: #00746a;
}
div.PrgssTimeline ul.Timeline li.Cmpltd:first-of-type:before {
left: 0;
}
/* Gen Progress Timeline - Ends */
/* Gen Action Button Holder - Starts */
div.ActnBtnsHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.ActnBtnsHldr span.Blk {
width: 100%;
padding-right: 10px;
}
div.ActnBtnsHldr div.DfltBtnHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.ActnBtnsHldr div.BtnHldr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
div.ActnBtnsHldr div.BtnHldr .AppBtn {
width: 30px;
height: 30px;
font-size: 20px;
opacity: 1;
color: #00746a;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.ActnBtnsHldr div.BtnHldr .AppBtn.WISIcn-WebApp {
color: #0288D1;
}
div.ActnBtnsHldr div.BtnHldr .AppBtn.WISIcn-MobileApp {
color: #FF6F00;
}
div.ActnBtnsHldr div.BtnHldr .AppBtn.WISIcn-SMS {
color: #00796B;
}
div.ActnBtnsHldr div.BtnHldr .AppBtn.WISIcn-Store {
color: #EC407A;
}
div.ActnBtnsHldr div.BtnHldr .AppBtn.InActv {
opacity: 0.25;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.ActnBtnsHldr div.BtnHldr .AppBtn:before {
position: absolute;
left: calc(50% - 10px);
top: calc(50% - 10px);
}
div.ActnBtnsHldr div.BtnHldr .AppBtn.WthTxt {
width: auto;
font-size: 15px;
padding-left: 35px;
}
div.ActnBtnsHldr div.BtnHldr .AppBtn.WthTxt:before {
font-size: 15px;
top: calc(50% - 8px);
left: 15px;
}
div.ActnBtnsHldr div.BtnHldr div.InfoBxHldr {
margin: 0 10px 0 0;
}
div.ActnBtnsHldr.PaddTop {
padding-top: 10px;
}
div.ActnBtnsHldr.CntrAlgn {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
div.ActnBtnsHldr.RghtAlgn {
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
div.ActnBtnsHldr.RghtAlgn div.BtnHldr:last-of-type .AppBtn {
margin-right: 0;
}
div.ActnBtnsHldr.NoWrp {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* Gen Action Button Holder - Ends */
/* Alert Box CSS - Starts */
.HighAlert {
-webkit-animation: HighAlertAnim 1s infinite;
animation: HighAlertAnim 1s infinite;
border-width: 2px !important;
-webkit-box-shadow: 0 0 10px rgba(198, 40, 40, 0);
box-shadow: 0 0 10px rgba(198, 40, 40, 0);
}
@-webkit-keyframes HighAlertAnim {
50% {
border-color: #c62828;
-webkit-box-shadow: 0 5px 10px rgba(198, 40, 40, 0.5);
box-shadow: 0 5px 10px rgba(198, 40, 40, 0.5);
}
}
@keyframes HighAlertAnim {
50% {
border-color: #c62828;
-webkit-box-shadow: 0 5px 10px rgba(198, 40, 40, 0.5);
box-shadow: 0 5px 10px rgba(198, 40, 40, 0.5);
}
}
.MediumAlert {
-webkit-animation: MediumAlertAnim 1s infinite;
animation: MediumAlertAnim 1s infinite;
border-width: 2px !important;
-webkit-box-shadow: 0 0 10px rgba(198, 40, 40, 0);
box-shadow: 0 0 10px rgba(198, 40, 40, 0);
}
@-webkit-keyframes MediumAlertAnim {
50% {
border-color: #ff6f00;
-webkit-box-shadow: 0 5px 10px rgba(255, 111, 0, 0.5);
box-shadow: 0 5px 10px rgba(255, 111, 0, 0.5);
}
}
@keyframes MediumAlertAnim {
50% {
border-color: #ff6f00;
-webkit-box-shadow: 0 5px 10px rgba(255, 111, 0, 0.5);
box-shadow: 0 5px 10px rgba(255, 111, 0, 0.5);
}
}
.LowAlert {
-webkit-animation: LowAlertAnim 1s infinite;
animation: LowAlertAnim 1s infinite;
border-width: 2px !important;
-webkit-box-shadow: 0 0 10px rgba(0, 131, 143, 0);
box-shadow: 0 0 10px rgba(0, 131, 143, 0);
}
@keyframes MediumAlertAnim {
50% {
border-color: #00838f;
-webkit-box-shadow: 0 5px 10px rgba(0, 131, 143, 0.5);
box-shadow: 0 5px 10px rgba(0, 131, 143, 0.5);
}
}
/* Alert Box CSS - Ends */
/* Forceful CSS - Starts */
.WISIcn-Thrash {
color: #D32F2F !important;
}
/* Forceful CSS - Ends */
/*# sourceMappingURL=MdlTheme.css.map */