html, body{font-family: 'Roboto'; font-size:14px;}

.active{opacity: 1 !important; visibility: visible !important;}
.smallText{font-size:calc(var(--font-size-base, 14px)*0.85)}
.unavailable{color:red;}

.btn-primary{background-color: #154898; border:0}
.btn-primary:hover{background-color: #486aa8;}

.btn-primary-darkbg{background-color:#7c8ebe; border:1px solid #657097;}
.btn-primary-darkbg:hover{background-color:#486aa8; border-color:#fff;}

#login{background:#154898;color:white; min-height: 100vh; position:absolute; /*width:100vw;*/ width:100%; z-index:100; opacity:0; visibility: hidden; transition: opacity 0.3s; -webkit-transition: opacity 0.3s;}
#login #loginLeft{}
#login #loginLeft #logo_main{width:245px; padding-bottom:5%; position: relative; left:-15px;}
#login #loginLeft p{font-size:24px;}
#login #loginRight{/*background:url('../img/img_loginBackground.svg') no-repeat repeat;*/ min-height:95vh;}
#login a{color:#fff;}
#login .loginDownload{font-size: 12px;color: white;text-decoration: underline; margin-bottom:15px; display: block;}
#login #tagline{max-width:556px; }

#loginEmail, #loginPassword{max-width: 320px; border-radius:10px;}
#loginForm .btn{max-width:320px; border-radius: 25px;}

#main{min-height: 100vh; background-color:  #dde4eb;}

#header{background-color: #154898; color: #fff; padding-top:10px; height:50px;}
#loadingCon{background-color: #154898; height: 8px;}


#masterCon{opacity: 0; visibility: hidden;background-color:#154898;}
#masterConSidebar{height: calc(100vh - 58px);  color:#fff; padding-top:16px;}
#masterConSidebar .sidebarLink{display: block; height:60px; font-size: 16px; color:#DDE4EB; padding-left:20px; text-decoration: none; text-transform: uppercase; display:flex; justify-content: flex-start; align-items:center;}
#masterConSidebar .sidebarLink.active{background:#486aa8 url("../img/active.svg") no-repeat 0px bottom; color:#fff;}
#masterConSidebar .sidebarLink:hover{background-color:#486aa8;}

#masterConContent{background-color: #fff; border-top-left-radius: 10px;}

#deviceDetailContent{font-size: 12px;}
#deviceDetailContent .stripe{background-color: rgba(215, 215, 215, 0.25);}

#deviceDetail{height: 100%; background-color: #dde4eb;}
#deviceDetailTop{background-color: #fff;;}
#deviceDetailsInfoCon{border-top:1px solid #c4c4c4;}
#deviceDetailsInfoConTab{background-color: #fff;;}
#deviceDetailsInfoConTab .nav-link{border:none; border-bottom:5px solid #fff; color:#000; padding-left:24px; padding-right:24px;}
#deviceDetailsInfoConTab .nav-link.active{font-weight: bold; border-bottom-color:#00aeef}
#deviceDetailsInfoContent .tab-pane{ background: #fff; border-radius: 10px; margin: 10px; padding: 10px;}
#deviceDetailsInfoContent .tabPaneContent{background-color: #fff; max-width:100%;}
.deviceDetailHeader{/*font-weight: bold;*/font-family: 'Barlow'; margin-bottom: 15px; font-size: 24px;}
.deviceDetailErrorTime{margin-bottom: 10px;}
.deviceDetailErrorTime small{font-size:10px;}

.page{/*min-height: calc(100vh - 58px);*/ position: absolute; /*width: 100vw;*/ width:100%; z-index: 100; opacity: 0; visibility: hidden; display: none;}
.page.active{display: block;}

#headerDropdownMenuButton{background-color: #154898; color:#fff; font-size: 16px; border:none; outline:none;}
#headerDropdownMenuButton:after{content: none;}

/* .dropdown-menu {width:100%;} */
#headerDropdownMenu{background-color: #154898; color:#fff;}
/* #dropdownMenu li:hover, #dropdownMenu li:hover {background-color:rgba(83,105,229,1)} */
#headerDropdownMenu a{color:fff}
#headerDropdownMenu a:hover, #dropdownMenu a:focus{background-color:rgba(83,105,229,1)}



.locationDropDownMenuButton{color:#212529; text-decoration: none; width: 100%; padding-top:10px; padding-bottom: 10px;}
.locationDropDownMenu{line-height: 16px;}
.locationDropDownMenuList{width: 100%;}
.locationExpanderClose{text-decoration: none; color:#212529}

#searchCon{position: relative;}
#search{background: url(../img/icon_search.svg) no-repeat right center; background-size: 23px; background-position:98%; padding-top:15px; padding-bottom: 15px; background-color: #fff;}
#search:focus, #search.noIcon{background: #fff !important;}
#searchClear{height: 20px; width: 20px; background: url(../img/close-circle-outline.svg) no-repeat right !important; float: right; position: absolute; top: -3px; right: 5%; min-height: 40px; min-width: 20px; cursor: pointer;}

#searchFirmwareStatus, #searchAccessPoints, #searchActivity, #searchAdvancedAP{background: url(../img/icon_search.svg) no-repeat right center;  background-size: 23px; background-position:98%; background-color: #fff;}

.card-header{background-color: #154898; color:#fff;}

.dataTableCon{background-color: #dde4eb; padding:10px;}
.dataTable{font-size: 13px; border-radius: 6px; width: 100% !important; margin:auto !important; background-color: #fff;;}
.dataTable tr:hover{box-shadow: 1px 3px 5px rgb(88 95 102 / 30%); cursor: pointer;}
.dataTables_wrapper .dataTables_paginate .paginate_button:active, 
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: transparent !important; box-shadow: none !important; border:1px solid transparent !important;}
.dataTables_wrapper .dataTables_info{float:none; clear:none}
.paginate_button i{color:#154898; border:1px solid #154898;background-color:#fff;   width: 24px; height: 24px; border-radius: 50%; padding-top: 4px;}
.paginate_button.disabled i{color: #9ba5af; border: 1px solid #9ba5af; background-color:transparent;}


.errorCodeRow{cursor: pointer;}

.cancelButton{background: #154898 0% 0% no-repeat padding-box; box-shadow: 1px 2px 4px #0d174f33; border: solid 1px #154898; margin: 10px; font-weight: bolder; font-size: 13px; background-color: #fff;text-align: center;border-radius: 5px;color: #154898;}
.cancelButton:hover{background-color: #154898; color: #DEE3FC;border-color:#154898;}

.hospitalName{font-size: 20px;;}
.card-header{font-size:18px;}

.dropdown-toggle{border: solid 1px #c0bfbf; border-radius: 5px;}

.btn-ref{color:#154898; border-color:#154898; background-color: #fff;;}
.gj-datepicker{margin-bottom: 25px;}
.gj-icon{color:#154898; }

.change-btn{color:#154898; border-color:#154898; background-color: #fff;}

.timelineDate{color:#154898;}
#timelineLine{width: 2px; height: 100%; background-color: #d7eefe; position: absolute; left: 0px;z-index: 0; display:none;}
.overdue{color:red; font-size:24px;}
.na{color:#ccc;}

.componentExpander{color:#000; text-decoration: none;;}
.componentExpander i{color:#154898;}

.reportExpander{color:#000; text-decoration: none;}
.reportExpander i{color:#3f54cc}


.btn-outline{border:solid 2px #154898; color:#154898; background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); font-weight: 500;}
.getReportBtn{/*border:solid 2px #817be9; background-color:#5369E5; color:#fff;*/ text-transform: uppercase; padding:15px 30px}

#reportDetailsCon{background-color: #dde4eb; padding:10px; margin-bottom: 50px;;}
#reportDetailsCon .stripe{background-color:#e4e7ea !important;}
#reportBottom{position:fixed; bottom:0; width: 100%; background-color: #fff; right:0; /*width: 83%;*/ width:91%; height: 50px;}
#reportDetailsCon .btn{text-transform: uppercase;}
.whiteBG{background-color:#fff;}

#myCanvas{width: 40% !important; height: 100% !important;padding-left: 10%;padding-top: 1%;}

/*.circleNum{border: solid 1px black; border-radius: 50%; height: 30px; width: 30px; justify-content: center; align-items: center; display: flex;}
.circleNum.active{background-color: #154898; color: #fff;}*/

#updateDetailsCon, #updateDetailsMain, #updateDetailsCon2{background-color: #dde4eb; padding:10px;}
#updateDetailsMain{margin-bottom: 50px;}
#updatesBottom{position:fixed; bottom:0; width: 100%; background-color: #fff; right:0; width: 83%; height: 50px;}

#updateTable{width: 100% !important;}

.updateBtn{background-color: white;color:#154898;    border: solid 1px #154898;width: 125px !important; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);}
.updateBtn.inactive{cursor: none; background: none; color: rgb(163, 172, 181) !important; border: solid 1px #ced3d7 !important;}
.updateBtn.active{border:1px solid #797979 !important; background-color:#486aa8 !important; color:#fff !important;}

.reportBtn{background-color: white;color:#5369E5;    border: solid 1px #154898;width: 125px !important;}
.reportBtn.inactive{cursor: none; background: none; color: rgb(163, 172, 181) !important; border: solid 1px #ced3d7 !important;}
.reportBtn.active{border:1px solid #486aa8 !important; background-color:#486aa8 !important; color:#fff !important;}

.updateCon{margin-bottom:50px;}

#smSettingsHeader{font-size: 18px; font-weight: bold;}
#serviceMonitorDetailsCon{background-color: #dde4eb; padding:10px;}
#smBottom{position:fixed; bottom:0; width: 100%; background-color: #fff; right:0; width: 83%; height: 50px;}

#reportCMMSCon2 .col-2, #reportCMMSCon2 .col-3{word-break: break-all;}

#errorCodeModalBodySolution ul{list-style: none;}

.activerow{box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 4%)}

#emailpassInvalid{color:red}

#callibrationDueDateBG{position: absolute; width:8.3%; background-color: #eee; height:120%; z-index: 0; top:-7px;}

.form-check-input{border:1px solid #154898;}
.form-check-input:checked[type=checkbox]{ background-color:#fff; border:1px solid #154898;   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23154898' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");}


.btn{border-radius: 25px;}
.btn-secondary{background-color: #fff; border:2px solid #154898;color: #154898;}
.btn-secondary:hover{background-color: #edeef6;color: #154898;}

#assetSelect, #assetSelectReports, #reportTypeSelectReports{padding-top: 15px; padding-bottom: 15px;}

table.dataTable thead th, table.dataTable tfoot th{font-weight: normal;}
table.dataTable tbody{font-weight: bold;}


#shim{height:400px; margin-top:130px; border-radius: 15px;}

.btn-ghost{box-shadow: 1px 2px 8px 0px rgba(39, 38, 106, 0.16); color:#154898;}

table.dataTable.no-footer{border-bottom: none;}

.dt-checkboxes{border-color:#5768e5}

#circleNum1CMMS, #circleNum2CMMS{display: none;}

.cmms01{transform:translateX(-50%); display: inline-block;color:#dadeed; font-weight: bold;}
.cmms01.active{color:#154898;}
.cmms02{transform:translateX(50%); display: inline-block;color:#dadeed; font-weight: bold;}
.cmms02.active{color:#154898;}
.cmmsbullet01{width: 15px; height: 15px; display: inline-block; position: relative; left:-7px; border-radius:50%; background-color:#dadeed;}
.cmmsbullet01.active{background-color:#696e73;}
.cmmsbullet02{width: 15px; height: 15px; display: inline-block; position: relative; right:-7px; border-radius:50%;background-color:#dadeed;}
.cmmsbullet02.active{background-color:#696e73;} 
.cmmsBulletCon .col-1{background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(218,222,237,1) 49%, rgba(218,222,237,1) 51%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);}


.updates01{transform:translateX(-50%); display: inline-block;color:#dadeed; font-weight: bold;}
.updates01.active{color:#154898;}
.updates02{ display: inline-block;color:#dadeed; font-weight: bold;}
.updates02.active{color:#154898;}
.updates03{transform:translateX(50%); display: inline-block;color:#dadeed; font-weight: bold;}
.updates03.active{color:#154898;}

.updatesbullet01{width: 15px; height: 15px; display: inline-block; position: relative; left:-7px; border-radius:50%; background-color:#dadeed;}
.updatesbullet01.active{background-color:#696e73;}
.updatesbullet02{width: 15px; height: 15px; display: inline-block; position: relative; right:0px; border-radius:50%;background-color:#dadeed;}
.updatesbullet02.active{background-color:#696e73;} 
.updatesbullet03{width: 15px; height: 15px; display: inline-block; position: relative; right:-7px; border-radius:50%;background-color:#dadeed;}
.updatesbullet03.active{background-color:#696e73;} 


.updatesbulletCon .col-1, .updatesbulletCon .col-2{background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(218,222,237,1) 49%, rgba(218,222,237,1) 51%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);}

.destinationHeader{font-size: 20px; font-family: 'Barlow'; }
.form-check-input[type=checkbox]{scale:2}

#updateDetailsCon3{background-color: #dde4eb; padding: 10px; margin-bottom: 50px;}

.advancedSectionLinkCon{height: 65px;}
.advancedSectionLink{color: #53595f; text-align: center; display: block; font-size: 16px; text-decoration: none;  width: 100%;padding-bottom: 10px;border-bottom:#fff 6px solid;}
.advancedSectionLink.active{border-bottom:#00aeef 6px solid;}

.advancedSection{background-color: #dde4eb; padding: 10px; margin-bottom: 50px;}

.editAdvancedAp, .deletedAdvancedAp{text-transform: uppercase; width: 120px;}

#advancedCustomLabelsSelectAssetType{padding-top: 15px; padding-bottom: 15px;}

#scheduleHour, #scheduleMin{width:150px !important}

.breakall{word-break: break-all;}