body {
  min-height: 100vh;
  color: var(--admin-text);
  font-size: calc(15px + 0.3vw);
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  overflow-x: hidden;
  background-color: #e1e1e8;
  /* background-color: #e3e3fc; */
  /* background-color: #eeeef0; */
  /* background-color: #ebebfb;*/
} 
.body2 {
  background: linear-gradient(180deg, #dbdbdf 0%, #f7e8e8 42%, #e2e1e1 100%);
}

:root {
  --sidebar-width: calc(230px + 7vw);
  --sidebar-mini-width: calc(50px + 3vw);
  --admin-bg: #c2d6fa;
  --admin-surface: #ffffff;
  --admin-surface-soft: #fcf8fa;
  --admin-border: #dbefe7;
  --admin-text: #1f2937;
  --admin-muted: #6b7280;
  --admin-primary: #2563eb;
  --admin-primary-dark: #1d4ed8;
  --admin-info: #0dcaf0;
  --admin-success: #0f766e;
  --admin-warning: #d97706;
  --admin-danger: #dc2626;
  --admin-ovr: #bd02b7;
  --admin-uav: #7a2a2a;
  --admin-itad: #484868;
  --admin-sidebar: #111827;
  --admin-sidebar-soft: #1f2937;
  --admin-shadow-sm: 0 10px 24px rgba(15, 23, 42, 0.06);
  --admin-shadow: 0 18px 46px rgba(15, 23, 42, 0.09);
  --admin-shadow-lg: 0 26px 70px rgba(15, 23, 42, 0.12);
  --admin-ring: 0 0 0 4px rgba(37, 99, 235, 0.12);
}

*:focus {
  outline: none !important;
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
}

a {
  cursor: pointer;
  -webkit-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  -ms-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  text-decoration: none !important;
}

a .fa {
  color: #494949;
}

.fa-caret-down {
  color: #494949 !important;
}

p {
  font-weight: 400;
  line-height: 1.6;
  color: #666;
  margin: 0;
}

i {
  cursor: pointer;
}

label {
  text-transform: capitalize;
}

input[type="text"], input[type="number"], input[type="email"], textarea {
  color: #595959 !important;
}

/* Gray color when no date is selected */
input[type="date"] {
  color: #d2cece;
}

/* Change color after a valid date is selected */
input[type="date"]:valid {
  color: #595959;
}

/* Style the native calendar icon */
input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  filter: invert(0.6); /* lower number darkens the color */
}

select {
  color: #595959 !important; 
}

/* Color of all other dropdown menu options */
select option {
  color: #595959; 
}

input[type="file"] {
  color: #c6c4c4;
  border-radius: 30px;
  background-color: #fbfbfb;
  width: 90%;
}

input[type="file"]::file-selector-button {
  color: #c6c4c4;
  background-color: #fbfbfb;
  border: none;
  padding: 6px 5px 6px 15px ;
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: transparent;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: transparent;
}

.picUpld1 input[type="file"] {
  color: #717171;
  border: 2px solid #63cff3;
}

input[type="file"]::file-selector-button {
  color: #717171;
}

.faint1, label {
  color: #5f5f5f;
  font-weight: 500;
}

.faint2 {
  color: #fff;
  font-weight: bold;
}

thead {
  pointer-events: none;
}

@media print {
  .hyde1, .noPrt {
    display: none !important;
  }
  table {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* .sumArr1, .sumArr2, .sumDep, .sumHel, .sumOvf, .sumUav, .sumItad {
  color: #01489e !important;
  font-weight: bold;
  }
  table td, table th {
    border: 1px solid #e3e3e3 !important
  } */
}

.formContr {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.drpItem {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  font-size: calc(19px + 0.25vw);
  color: #39639f;
  font-weight: 400;
  clear: both;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.drpItem.active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}
.drpItem.disabled, .drpItem:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.drpItem:hover, .drpItem:focus {
  color: #3e67a0;
  background-color: #edf4fb;
}

.grp {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.grps {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.jstc {
  justify-content:center;
}

.ovrTbl td:first-child,
.ovrTbl th:first-child {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.dropdown-hover-all .dropdown-menu,
.dropdown-hover>.dropdown-menu.dropend {
  margin-left: -1px !important;
}

.bukDel {
  text-align: center;
  background-color: rgba(255, 255, 255, .9);
}
#rptTbl2::selection {
  color: rgb(202, 3, 3);
  background: yellow;
}
.tblBoda {
  width: 100%;
  border: 2px solid #ddd !important;
  border-collapse: collapse;
}
table::selection {
  color: red;
  background: yellow;
}
.table {
  border-color: transparent;
}
table, .table, select, input, textarea, li, .vewOne {
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
}
.table > :not(:first-child){
  border-top: 0px solid currentColor;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}
table th, table td {
  /* border-bottom: 1px solid #ddd; */
  font-size: calc(14px + 0.1vw) !important;
  padding: 12px 6px !important;
}
.tbhead{
  background-color:#595959;
  color:#fff;
}
.tbhead:hover{
  background-color: #575757 !important;
}
.tblHed{
  background-color:#807f7f;
}
.tblHed{
  color:#fff;
}
.tblHed:hover{
  background-color: #8c8c8c !important;
}
.tbhad{
  background-color:#edf0fc;
}
.tbhad{
  color:#333;
}
.tbhad:hover{
  background-color: #e2e8ff !important;
}
.thctr {
  text-align: center;
  font-weight: bold;
}
.tmet {
  padding-right: 40px !important;
}
.mtricTbl td {
  color: #7a2a2a !important;
  font-weight: bold !important;
  text-align: right;
}
.mtricTbl th {
  color: #2563eb !important;
  font-weight: bold !important;
}
.tbtot {
  font-weight: bold;
  color: #210261;
  font-size: calc(16px + 0.4vw);
}
.tdc1 {
  text-align: center;
}
.tdc2 {
  font-weight: bold;
  color: #7733ff;
  text-align: center;
}
.tdc3 {
  font-weight: bold;
  color: #4e029a;
  text-align: center;
}
.tdc1, .tdc4 {
  font-size: calc(14.5px + .15vw) !important;
}
.tdc2 {
  font-size: calc(15.5px + .2vw) !important;
}
.tdc3 {
  font-size: calc(15.5px + .25vw) !important;
}

.faint1, .faint2 {
  font-size: calc(15px + 0.1vw) !important;
}

.tab-pane tr:hover, #admTable tr:hover, #rptTbl1 tr:hover, #rptTbl2 tr:hover, #sumaryTbl1 tr:hover, .delTbl tr:hover {
  color: #2313fc;
}
.tab-pane tr:nth-child(even), #admTable tr:nth-child(even), #rptTbl1 tr:nth-child(even), #rptTbl2 tr:nth-child(even), #sumaryTbl1 tr:nth-child(even), .delTbl tr:nth-child(even){
  background-color: #f2f2f2;
}

#mdTable th, #mdTable td, .profTable th, .profTable td {
  padding-left: 20px !important;
}

.nav-tabs {
  border-bottom: none;
}

.navbar-nav a:hover {
  background-color: #f2f2f2;
}

.form-control, .form-select {
  border: 1px solid #e8eef4;
  padding: 0.375rem 0.75rem;
  border-radius: 0.4rem;
}

a .fa-home {
  color: #7a4ba8;
}

a .fa-list-alt {
  color: #f8b44e;
}

a .fa-download {
  color: #20a768;
}

a .fa-print {
  color: #787878;
}

a .fa-upload {
  color: #008000;
}

a .fa-chart-column {
  color: #ff5050;
}

a .fa-plane,
a .fa-facebook,
a .fa-reply {
  color: #4d79ff;
}

.fa-plane-arrival {
  color: #a37503 !important;
}

.fa-plane-departure {
  color: #0d6efd !important;
}

.fa-helicopter {
  color: #20a768 !important;
}

.fa-paper-plane {
  color: #b04f4f !important;
}

.fa-plane-arrival {
  color: #a37503 !important;
}

h3 {
  font-size: calc(23px + 0.6vw) !important;
  font-weight: bolder;
}

h4 {
  font-size: calc(21px + 0.5vw) !important;
  font-weight: bold;
}

h5 {
  font-size: calc(16px + 0.4vw) !important;
}

h5 {
  font-weight: 700;
}

h6,
.fnt6 {
  font-weight: 600;
}

h6,
.fnt6 {
  font-size: calc(15.5px + 0.3vw) !important;
}

.fnt1 {
  font-size: calc(13px + 0.25vw) !important;
}

.mtricTbl th {
  font-size: calc(14px + 0.3vw) !important;
}

.fnt7, .dvKlas2, .thctr, .mtricTbl td, .sendTo {
  font-size: calc(16px + 0.3vw) !important;
}

.statRepHead {
  font-size: calc(18px + 0.3vw) !important;
}

.fnt2,
input,
select,
textarea,
ul.ulCls1,
ul.ulCls2,
li,
p,
#mlmsg {
  font-size: calc(15px + 0.2vw) !important;
}

a .fab,
li .fab,
span .fab,
a .fas,
li .fas,
span .fas,
.servList li,
#sndHd {
  font-size: calc(17px + 0.3vw) !important;
}

a .fa,
li .fa,
span .fa {
  font-size: calc(16px + 0.25vw) !important;
}

.fnt5 {
  font-size: calc(17px + 0.3vw) !important;
}

.fnt3 {
  font-size: calc(15.5px + 0.3vw) !important;
}

.sbt1,
.sbt2,
.sbt3,
.sbt4,
.sbt5,
.wtOk2 {
  font-size: calc(14px + 0.2vw) !important;
}

.sbt1,
.sbt2,
.sbt3,
.sbt4,
.sbt5 {
  padding: 7px 25px !important;
}

.btn,
.sbt1,
.sbt2,
.sbt3,
.sbt4,
.sbt5,
.wtOk1,
.wtOk2 {
  font-weight: 600 !important;
}

.sbt1 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.sbt2 {
  margin-top: 25px;
  margin-bottom: 10px;
}

.sbt3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.sbt4 {
  margin-top: 10px;
  margin-bottom: 30px;
}

.sbt5 {
  margin-top: 30px;
  margin-bottom: 15px;
}

.wtOk2 {
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 600;
}

.mgbt1 {
  margin-bottom: 7px;
}

.mgbt2 {
  margin-bottom: 10px;
}

.mgbt3 {
  margin-bottom: 15px;
}

.noArr {
  background-color: transparent !important;
  border: 1px solid #ffe6b3;
}

.noOvr {
  background-color: transparent !important;
  border: 1px solid #fcd0f3;
}

.noUav {
  background-color: transparent !important;
  border: 0;
}

.wt7 {
  text-align: center;
}

.mbt-1 {
  margin-bottom: 0.25rem !important;
}

.mbt-2 {
  margin-bottom: 0.5rem !important;
}

.mbt-3 {
  margin-bottom: 1rem !important;
}

.mbt-4 {
  margin-bottom: 2rem !important;
}

.mbt-5 {
  margin-bottom: 3rem !important;
}

.mbtm-1 {
  margin-bottom: 0.25rem !important;
}

.mbtm-2 {
  margin-bottom: 0.5rem !important;
}

.mbtm-3 {
  margin-bottom: 1rem !important;
}

.mbtm-4 {
  margin-bottom: 2rem !important;
}

.mbtm-5 {
  margin-bottom: 3rem !important;
}


.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: calc(.2rem + 0.015vw) !important;
}

.m-2 {
  margin: calc(.45rem + .015vw) !important;
}

.m-3 {
  margin: calc(.92rem + .025vw) !important;
}

.m-4 {
  margin: 2rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 2rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 2rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.6rem !important;
}

.mb-3 {
  margin-bottom: 1.1rem !important;
}

.mb-4, .mgb4 {
  margin-bottom: 1.65rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 2rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 2rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 2rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 2rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 2rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 2rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.ml-1 {
  margin-left: calc(5px + 2vw);
}

.mr-1 {
  margin-right: calc(5px + 2vw);
}

.ml-3 {
  margin-left: calc(1px + 5vw);
}

.mr-3 {
  margin-right: calc(1px + 5vw);
}

.wtLg,
.wtRg {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

.cards1, .cards2 {
  border: none;
}

ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

ul.uls {
  list-style-type: circle;
  list-style-position: outside;
  margin-bottom: 0;
  padding-left: 15px;
  line-height: 25px;
}

ul.ulCls1,
ul.ulCls2 {
  margin-top: 0;
  background: #fff;
  list-style-type: none;
  line-height: 1.7;
  padding: 5px 10px;
  max-height: 200px;
  overflow: auto;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0.0625em 0.0625em,
    rgba(0, 0, 0, 0.13) 0px 0.125em 0.5em,
    rgba(0, 0, 0, 0.13) 0px 0px 0px 2px inset;
}

li.liCls1 {
  cursor: pointer;
}

li.liCls2,
notFnd {
  padding: 5px;
  cursor: pointer;
  color: #b30000;
}

li.liCls1:hover {
  background: #e4e3e3;
  color: #fff;
}

.oprList,
.uavopsList,
.actypList,
.depatList,
.destnList,
.aerdList1,
.aerdList2,
.rgOnlyList,
.rgnoList,
.rgHelList,
.rutList,
.enptList,
.exptList,
.contryList,
.adrList,
.takofs1List,
.takofs2List {
  position: absolute;
  z-index: 100;
}

.aerdList1,
.aerdList2,
.depatList,
.destnList,
.actypList,
.rgOnlyList,
.rgnoList,
.rgHelList,
.rutList,
.enptList,
.exptList,
.adrList,
.takofs1List,
.takofs2List {
  text-align: center;
}

.oprList, .uavopsList {
  text-align: left;
  text-indent: 0.2cm;
}

.sumDep {
  background-color: #e6f2ff !important;
}

.sumOvf {
  background-color: #f6dcf9 !important;
}

.sumHel {
  background-color: #d1f8bb !important;
  color: #333;
  font-weight: 700;
}

.iads {
  background-color: #6c757d !important;
  color: #fff;
  font-weight: 700;
}

.sumArr2 {
  background-color: #b59b4d;
  color: #fff;
}

.sumArr1 {
  background-color: #ffe6b3 !important;
  color: #4a3500;
}
.sumArr1:hover {
  background-color: #fbe5b9 !important;
}

.sumDep {
  background-color: #3c9aff !important;
  color: #fff;
}

.sumDep:hover {
  background-color: #459efd !important;
}

.sumHel {
  background-color: #2da56d !important;
  color: #fff;
}

.sumHel:hover {
  background-color: #36bd7e !important;
}

.sumOvf {
  background-color: #b669ad !important;
  color: #fff;
}
.sumOvf:hover {
  background-color: #c773be !important;
}

.sumUav {
  background-color: #b47373 !important;
  color: #fff;
}
.sumUav:hover {
  background-color: #c78080 !important;
}

.uavTitl {
  color: #764260 !important;
}

.sumItad {
  background-color: #7694ad;
  color: #fff;
}
.sumItad:hover {
  background-color: #86a7c2;
}

.sumArDp {
  background-color: #938ac6 !important;
  color: #fff;
}
.sumArDp:hover{
  background-color: #ada2e7 !important;
}

.sumAdr {
  background-color: #0a8db8 !important;
  color: #fff;
}
.sumAdr:hover {
  background-color: #139ecd !important;
}

.tot3 {
  background-color: #f2f2f2 !important;
}

.updItem2 {
  background-color: #dcdcfb;
  border-radius: 10px;
}

.rptHd {
  color: #7733ff;
  text-align: center;
  margin-bottom: 5px;
}

.rptDiv1 {
  text-align: center;
}

.wtQary {
  margin-bottom: 10px;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 10px;
}

.qaryTitle1 {
  color: yellow;
  font-weight: bolder;
  text-align: center;
}

.qaryTitle2 {
  color: #00f2ff;
  font-weight: bolder;
  text-align: center;
}

.qaryTitle3 {
  color: #fff;
  font-weight: bolder;
  text-align: center;
}

.qaryTitle4 {
  color: #03d9e5;
  font-weight: bolder;
  text-align: center;
}

.qaryBg1 {
  background-color: #7a6f4c;
}

.qaryBg2 {
  background-color: #578bc0;
}

.qaryBg3 {
  background-color: #a1688f;
}

.qaryBg4 {
  background-color: #27865a;
}

.qaryBg5 {
  background-color: #b47373;
}

.qaryBg6 {
  background-color: #686874;
}

.card1 {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 8px;
  padding: 5px;
}

.chatHeader, .rptHeader {
  font-size: calc(16px + .3vw);
  padding-left: 10px;
  padding-right: 10px;
  color: #ac51c8;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.chatHeader {
  margin-bottom: 10px;
}

.rptHeader {
  padding-top: 15px;
  padding-bottom: 5px;
}

.cardChart2,
.cardRpt1,
.cardRpt2 {
  background-color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 20px;
}

.rptBody {
  padding: 0.5rem 1.4rem 1.2rem 1.4rem;
}

.chatBody {
  padding: 1.4rem;
}

.chat3A, .chat3B {
  margin-bottom: 20px;
}

.chat3A, .chat3C {
  background-color: #ddeefe;
}

.chat3B {
  background-color: #e0fed0;
}

.chkbox {
  width: 25px !important;
  height: 25px !important;
}

.pd1,
.pd2 {
  padding: 5px;
}

.shdow {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0.0625em 0.0625em,
    rgba(0, 0, 0, 0.1) 0px 0.125em 0.5em,
    rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset;
}

.shdow2 {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0.0625em 0.0625em,
    rgba(0, 0, 0, 0.13) 0px 0.125em 0.5em,
    rgba(0, 0, 0, 0.13) 0px 0px 0px 2px inset;
}

.msgBtn {
  color: #fff;
  font-weight: bold;
  border: none;
  padding: 0;
  border-radius: 50%;
}

.foto1,
.foto2,
.foto3 {
  padding: 0;
  border-radius: 50%;
}

.foto1 {
  width: 22px;
  height: 22px;
}

.foto2 {
  width: 26px;
  height: 26px;
}

.foto3, .msgBtn {
  width: 32px;
  height: 32px;
}

.picUpld1 {
  border: 2px solid #ddd;
  color: #000;
  padding: 5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.fomDiv1 {
  padding: 10px;
  margin-bottom: 10px;
  border: 2px solid #ddd;
  background-color: #f7e9d4;
  min-height: 200px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#ImgId1 {
  width: 100%;
  height: auto;
}

.itadTr {
  background-color: #7694ad !important;
  color: #fff;
}
.itadTr:hover{
  background-color: #89abc6 !important;
}
.adHead {
  display: flex;
  justify-content: center;
  text-align: center
}

.notFoundImg {
  width: 460px;
  height: auto;
}

.rutKlas {
  padding: 10px;
  border: 2px solid #e6ccff;
  border-radius: 5px;
  margin-bottom: 5px;
}

#sndHd {
  color: #1984b2;
}

.sendTo {
  margin-right: 10px;
  color: #595959;
}

.msg_container {
  color: #000;
  background-color: #d9d0f1 !important;
  overflow-x: hidden !important;
}

.oflow {
  overflow-x: hidden !important;
}

.tooltip {
  text-decoration: none;
  position: relative;
}

.tooltip span {
  display: none;
}

.tooltip:hover span {
  display: block;
  position: fixed;
  overflow: hidden;
}

#multi-response {
  font-size: 15px;
  color: red;
}

.fa.ucol {
  color: #00cccc !important;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

.table1 {
  border: 3px solid #b3d1fe;
}

.oprt {
  color: #8600b3;
}

.calsgn {
  background-color: #00b38f;
  color: #fff;
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
  padding: 2px 0;
}

.regno {
  margin-bottom: 25px;
  color: blue;
  font-weight: bold;
}

.dept,
.tday {
  font-weight: 800;
}

.tday {
  float: right;
}

.statStyItad {
  background-color: #7694ad;
  color: #fff;
}

.btnSend {
  background-color: #817dd9;
  color: #fff;
}

.btnSend:hover {
  background-color: #7570cd;
  color: #fff;
}

.iBtns {
  padding: 4px 10px;
  background-color: #fff;
  border-radius: 8px;
}
.iBtns:hover {
  background-color: #f2f2f2;
}

.btnHead1 {
  background-color: #7d75aa;
  color: #fff;
}

.btnHead1:hover {
  background-color: #5f4ebf;
  color: #fff;
}

.btnArr {
  background-color: #d4b862;
  color: #fff;
}

.btnArr:hover {
  background-color: #c4ab61;
  color: #fff;
}

.btnDep1 {
  background-color: #3c9aff;
  color: #fff;
}

.btnDep1:hover {
  background-color: #1b89ff;
  color: #fff;
}

.btnDep2 {
  background-color: #03d9e5;
  color: #fff;
}

.btnDep2:hover {
  background-color: #02bcc6;
  color: #fff;
}

.btnDep3 {
  background-color: #75bed6;
  color: #fff;
}

.btnDep3:hover {
  background-color: #6aacc2;
  color: #fff;
}

.btnOvf1 {
  background-color: #cb87bb;
  color: #fff;
}

.btnOvf1:hover {
  background-color: #bb76ad;
  color: #fff;
}

.btnOvf2 {
  background-color: #fff;
  color: #550145;
}

.btnOvf2:hover {
  background-color: #ddd;
  color: #410134;
}

.btnOvf3 {
  background-color: #852e72;
  color: #fff;
}

.btnOvf3:hover {
  background-color: #974084;
  color: #fff;
}

.btnHel1 {
  background-color: #20a768;
  color: #fff;
}

.btnHel1:hover {
  background-color: #179f60;
  color: #fff;
}

.btnHel2 {
  background-color: #01944f;
  color: #fff;
}

.btnHel2:hover {
  background-color: #019d54;
  color: #fff;
}

.btnUav1 {
  background-color: #a86969;
  color: #fff;
}

.btnUav1:hover {
  background-color: #9c6363;
  color: #fff;
}

.btnUav2 {
  background-color: #b06767;
  color: #fff;
}

.btnUav2:hover {
  background-color: #964b4b;
  color: #fff;
}

.btnItad {
  background-color: #607d94;
  color: #fff;
}

.btnItad:hover {
  background-color: #566b7d;
  color: #fff;
}

.btnArdp {
  background-color: #aaa3d7;
  color: #fff;
}

.btnArdp:hover {
  background-color: #a09acd;
  color: #fff;
}

.btn1, .btn2 {
  font-size: calc(13px + 0.15vw);
  color: #fff;
  border-radius: 50px;
  padding: 8px 10px;
  text-align: center;
  font-weight: 500;
  border: none;
  width: 110px;
  margin-bottom: 20px;
}

.btn1 {
  background-color: #28bcc7;
}

.btn1:hover {
  background-color: #29afb9;
}

.btn2 {
  background-color: #29c874;
}

.btn2:hover {
  background-color: #30b86f;
}

.btn3 {
  border: none;
  background-color: transparent;
  color: #2196f3;
}

.btn4 {
  border: none;
  background-color: transparent;
}

.btn5 {
  background-color: #fff;
  color: #333;
  border: 2px solid #ccc;
  border-radius: 8px;
  padding: 4px 10px;
  text-align: center;
  margin-bottom: 5px;
}

.btn5:hover {
  background-color: #e6e6ff;
  color: #333;
}

.btnGrp {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 3px;
}

.btnGrp2 {
  position: relative;
  display: inline-flex;
}

.twc1 {
  min-width: 50px;
  text-align: center;
}

.tw1 {
  min-width: 70px;
}

.opr1 {
  min-width: 180px;
}

.addrs1 {
  padding: 10px;
  background-color: #ccccff;
}

.addrs2 {
  padding: 14px 15px 30px 15px;
  background-color: #b3b3ff;
  border-radius: 5px;
}

.aerod {
  border-bottom: 3px solid #cccccc;
  padding-bottom: 10px;
}

.aerod2 {
  border-bottom: 3px solid #cccccc;
}

.aerod3 {
  border-bottom: 3px solid #cccccc;
  padding-bottom: 10px;
  padding-top: 15px;
}

.tblStat2 td:nth-child(2),
.tblStat3 td:nth-child(2),
.delTbl td:nth-child(2) {
  min-width: 90px;
}

.tblStat2 td:nth-child(4),
.tblStat3 td:nth-child(3),
#itadTb td:nth-child(2) {
  min-width: 150px;
}

.statDate {
  width: 95px;
}

.compyText1 {
  /* color: blueviolet; */
  color: #28d6fd;
  font-weight: bolder;
  text-shadow: 2px 2px 1px #fff;
}

.indxCls2 {
  color: #fff;
  font-weight: bold;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

.indxDiv1A {
  background-image: linear-gradient(#6389fd, #baaac1);
  padding: 0;
}

.indxDiv1B {
  width: calc(250px + 5vw);
}
  
.indxDiv2 {
  text-align: center;
  margin-top: calc(20px + 2vh);
  margin-bottom: 10px;
}

.indxDiv4 {
  line-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: calc(20px + 2vh);
}

.indxDiv5a {
  color: #fff;
  font-weight: bolder;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: 2px 4px 4px #2c011fd9;
}

.indxDiv5b {
  color: #fff;
  font-weight: bolder;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: 2px 4px 4px #ff41c6d9;
}

.indxDiv5a,
.indxDiv5b {
  margin-bottom: calc(20px + 2vh);
}

.indxDiv7 {
  margin-bottom: calc(20px + 1vh);
}

.indxDiv8 {
  border-top: 2px solid #ddd;
  margin: 0;
}

.indxDiv6 {
  margin-bottom: 20px;
}

.indxImg {
  width: calc(180px + 25vw);
  border-radius: 50%;
}

.prt {
  text-align: right;
  color: #00cc00;
}

.plt {
  color: #b3b300;
}

.copyrit {
  margin-top: 20px;
  color: #b90191;
  line-height: 2;
}

.cnt1 {
  position: relative;
  color: #fff;
  font-size: 11px;
  top: -30px;
  left: -10px;
  border-radius: 50%;
  background-color: red;
  width: 26px;
  height: 26px;
}

.cnt2 {
  padding: 1px 5px;
}

.cnt3 {
  padding: 2px 3px;
}

.contentPic,
.userPic {
  border-radius: 50%;
}

.contentTtl, .indxCnt {
  font-size: calc(20px + 0.3vw);
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 10px;
  text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.3),
    2px -2px 0 rgba(255, 255, 255, 0.3);
}

.contentTtl {
  color: #ff02ea;
  margin-top: 3vh;
  margin-bottom: 5vh;
}

.indxCnt {
  color: #dc67d2;
  margin-top: .2rem;
  margin-bottom: 1rem;
}

.contentDiv {
  margin-bottom: calc(25px + 4vh);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.contentDiv:nth-last-child(-n+2) {
  margin-bottom: 30px;
}

.btnCntHead {
  border: 2px solid #ddd;
  border-radius: 10px;
  padding: 10px 20px;
  background-color: goldenrod;
  color: #fff;
  font-weight: bold;
}

.btnCnts {
  font-size: calc(15px + 0.2vw) !important;
  color: #8104fe;
  background-color: #d9ffcc;
  border: 2px solid #a9fa8e;
  border-radius: 50px !important;
  font-weight: bold !important;
  width: 130px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.btnCnts:hover {
  background-color: #cfffc1;
  color: #8104fe;
}

.butn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.butn-check[disabled] + .butn, .butn-check:disabled + .butn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

@media (prefers-reduced-motion: reduce) {
  .butn {
    transition: none;
  }
}

.butn:hover {
  color: #212529;
}

.butn-check:focus + .butn, .butn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.butn:disabled, .butn.disabled, fieldset:disabled .butn {
  pointer-events: none;
  opacity: 0.65;
}

.pdtop {
  padding-top: 30px;
}

#comMsg,
.comMsg {
  font-size: 18px;
  font-weight: bold;
  color: red;
}

#comWrap {
  border: 10px solid #fff;
  padding: 10px;
  border-radius: 10px;
}

.comName {
  color: blue;
  margin-right: 10px;
}

#message {
  text-align: justify;
}

.comDisplay {
  padding-left: 10px;
  padding-right: 10px;
  height: 100vh;
  overflow-y: scroll;
}

/* Trumbowyg */

.trumbowyg-button-pane {
  min-height: 80px !important;
  padding: 5px 10px !important;
}

.trumbowyg-dropdown-emoji {
  min-width: 300px;
  padding: 7px 0 7px 5px;
}

.trumbowyg-dropdown-emoji button {
  height: 30px !important;
  width: 30px !important;
  font-size: 16px !important;
}

.trumbowyg-box,
.trumbowyg-editor {
  min-height: 150px !important;
}

.trumbowyg-editor,
.trumbowyg-textarea {
  min-height: 150px !important;
}

.receiver {
  width: 200px;
  padding: 3px 15px;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
}

/* Reduce Scrollbar width in message  */

.comDisplay::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #fff;
  overflow-x: auto;
}

.comDisplay::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
  overflow-x: auto;
}

.comDisplay::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ccc;
  overflow-x: auto;
}

/* ***** Login Card ***** */
.lgCard {
  background-color: #fff !important;
  margin-bottom: 20px;
}

/* ***** Other Styles ***** */

.btnStart1, .btnStart2 {
  font-size: calc(16px + 0.3vw) !important;
  font-weight: 500;
  display: inline-block;
  border-radius: 50% !important;
  color: #fff;
  background-color: #728ad0;
  width: 130px;
  padding: 6px 12px !important;
}
.btnStart1 {
  border: 2px solid #fff;
}
.btnStart2 {
  border: 2px solid #ca63b9;
  margin-top: 60px;
}

.btnStart1:hover, .btnStart2:hover {
  background-color: #627bc8;
  color: #fff;
}

.startBtn1,
.indxDiv7 {
  justify-content: center;
  display: flex;
  align-items: center;
}

textarea {
  resize: none;
}

.mesg1,
.mesg2,
.mesg3 {
  border: 2px solid #cc99ff;
  text-align: center;
  max-width: fit-content;
  padding: 5px 20px;
  margin-bottom: 10px;
  margin-right: auto !important;
  margin-left: auto !important;
}

.mesg1 {
  color: blue;
  background-color: #fff;
  border-radius: 50px;
  margin-top: 10px;
}

.mesg2 {
  background-color: #e6fff7;
  border-radius: 10px;
  margin-top: 10px;
}

.mesg3 {
  color: red;
  background-color: #fff;
  border-radius: 50px;
  margin-top: 10px;
}

hr {
  margin: 0;
}

.hr2 {
  width: auto;
  background: #000;
  height: 1px;
  opacity: 0.15;
}

.hr2 {
  margin-bottom: 10px;
  margin-top: 10px;
}

.notce {
  border: 2px solid #fde6ea;
  border-radius: 10px;
  padding: 10px;
  background-color: #fbfbfb;
  width: 100%;
}

.sdbarText {
  color: #6a34a0;
  font-size: calc(15px + 0.25vw);
}

.trnsfm {
  text-transform: uppercase;
}

.contentPic {
  width: calc(40px + 1.5vw);
}

.userPic {
  width: calc(25px + 1.5vw);
}

.picName li {
  line-height: 1.2;
  color: #fff;
}

.txtc {
  text-align: center;
}

.txtl {
  text-align: left;
}

.txtr {
  text-align: right ;
}

.txml {
  padding-left: 8px !important;
}

.txNama {
  color: #02fbf7;
  font-weight: bolder;
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 0.5rem;
}

.txWit {
  color: #ffffff !important;
  font-weight: 600;
}
.txPry {
  color: #2563eb;
}
.txSuc {
  color: #0f766e;
}
.txDan {
  color: #dc2626;
}
.txwan {
  color: #d97706;
}
.txSec {
  color: #6c757d;
}
.txPup {
  color: #6f42c1;
}
.txPu2 {
  color: #5f028a;
}
.txora {
  color: #fd7e14;
}
.txInf {
  color: #0dcaf0;
}
.txdak {
  color: #565c62;
}
.txLit {
  color: #f8f9fa;
}
.txYel {
  color: #ffc107;
}
.txBlu {
  color: #0165fc;
}
.txRed {
  color: #96232f;
}
.txGre {
  color: #198754;
}
.txGra {
  color: #6c757d;
}
.txInd {
  color: #6610f2;
}


/* Background colors */
.bgLt1 {
  background-color: #fefefe !important;
}
.bgWit {
  background-color: #fff;
}
.bgPry {
  background-color: #0d6efd;
  color: #fff;
  font-weight: 530;
}
.bgSuc {
  background-color: #198754;
  color: #fff;
  font-weight: 530;
}
.bgLem {
  background-color: #22f901;
  color: #fff;
  font-weight: 530;
}
.bgDan {
  background-color: #dc2626;
  color: #fff;
  font-weight: 530;
}
.bgWan {
  background-color: #d97706;
  color: #333;
  font-weight: 530;
}
.bgSec {
  background-color: #6c757d;
  color: #fff;
  font-weight: 530;
}
.bgPup {
  background-color: #6f42c1;
  color: #fff;
  font-weight: 530;
}
.bgOra {
  background-color: #fd7e14;
  color: #595959;
  font-weight: 530;
}
.bgInf {
  background-color: #0dcaf0;
  color: #595959;
  font-weight: 530;
}
.bgDak {
  background-color: #212529;
  color: #fff;
  font-weight: 530;
}
.bgLit {
  background-color: #f8f9fa;
  color: #333;
  font-weight: 530;
}
.bgYel {
  background-color: #ffc107;
  color: #595959;
  font-weight: 530;
}
.bgBlu {
  background-color: #0165fc;
  color: #fff;
  font-weight: 530;
}
.bgRed {
  background-color: #96232f;
  color: #fff;
  font-weight: 530;
}
.bgInd {
  background-color: #6610f2;
  color: #fff;
  font-weight: 530;
}

/* Light background colors */

.bgLBlu {
  background-color: #ddeefe;
}

.bgLGre {
  background-color: #e0fed0;
}

.bgLArr {
  background-color: #fcf9f3;
}

.bgLDep {
  background-color: #eef1f3;
}

.bgLOvf {
  background-color: #f4ecf3;
}

.bgLHel {
  background-color: #e9efec;
}

.bgLUav {
  background-color: #f3eeee;
}

.bgLItad {
  background-color: #ececed;
}

/* Text colors */

.txArr1, .txArr2 {
  color: #a17402;
}

.txDep1, .txDep2 {
  color: #2383ac;
}

.txOvf1, .txOvf2 {
  color: #a901a3;
}

.txHel1, .txHel2 {
  color: #017740;
}

.txUav1, .txUav2 {
  color: #7a2a2a;
}

.txItad1, .txItad2 {
  color: #4b4ba5;
}

.txArdp {
  color: #7676b5;
}

.txOvf3 {
  color: #b86c98;
}

.txArr2, .txDep2, .txOvf2, .txHel2, .txUav2, .txItad2 {
  opacity: .8;
}

.title2,
.titleHead1,
.titleOvr {
  font-weight: bold;
  text-align: center;
  padding: 10px 5px;
  margin-bottom: 0;
  width: 100%;
}

.title2 {
  color: #8a2be2;
  background-color: #e6f2ff;
}

.titleHead1 {
  color: #8a2be2;
  background-color: #fafad0;
  border: 1px solid #8a8989;
}

.titleOvr {
  color: #480289;
  background-color: #f6dcf9;
}

.checkbx,
input[type="checkbox"] {
  width: 15px;
  height: 15px;
}

.welcm {
  color: #fff;
  font-size: calc(16px + 0.2vw) !important;
}

.modal-content {
  max-height: 95vh;
  overflow: auto;
}

.modCnt .modal-header {
  border-bottom: none;
  padding: 1rem 1rem .4rem 1rem;
}

.chatSty1 input, .chatSty1 select {
  border-radius: 30px;
}

.chatSty1 button, .dvKlas1 button, .dvKlas2 button {
  border-radius: 50% !important;
  width: 150px;
}

.dvKlas1, .dvKlas2 {
  border-radius: 15px;
  color: #333;
}

.dvKlas1 input[type="number"] {
  padding-left: 1rem;
  color: #717171;
  background-color: #fbfbfb;
}

.dvKlas1 {
  padding: 25px 13px 13px 13px;
  justify-items: center;
}

.dvKlas2 {
  padding: 25px 15px 15px 15px;
}

.modBdy2 {
  padding: 0 13px 13px 13px;
}

.dvKlas2 input, .dvKlas2 select {
  padding-left: 1rem;
  padding-right: 1rem !important;
  background-color: #fbfbfb;
  border-radius: 30px;
}

.impt1, .impt2 {
  border-radius: 30px !important;
}

.impt1 {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 80%;
}

.impt2 {
  width: 100%;
}

.modHead2,
.modHead3,
.modHead4,
.modHead5,
.modHead6,
.modArr,
.modDep,
.modOvf,
.modItad {
  text-align: center;
  color: #333;
}

.modHead1,
.modHead3,
.modHead4,
.modHead5,
.modHead6,
.modArr,
.modDep,
.modHel,
.modOvf,
.modUav,
.modItad {
  font-weight: bold;
  padding: calc(14px + 1vh) calc(14.5px + .1vw);
}

.modUav {
  text-align: center;
  color: #fff;
}

.modHead1 {
  background-color: #7d75aa;
  color: #fff;
}

.modHead3 {
  background-color: #fdcf02;
  color: #333;
}

.modHead4 {
  background-color: #61a0ff;
  color: #fff;
}

.modHead6 {
  background-color: #3c9aff;
  color: #fff;
}

.modArr {
  background-color: #ffe6b3;
  color: #694c01;
}

.modDep {
  background-color: #c1dfff;
  color: blue;
}

.modHel {
  background-color: #20a768;
  text-align: center;
  color: #fff;
}

.modOvf {
  background-color: #fcd0f3;
  color: #490047;
}

.modUav {
  background-color: #b47373;
  color: #fff;
}

.modItad {
  background-color: #7694ad;
  color: #fff;
}

.modColor1 {
  color: #400080;
}

.modColor2 {
  color: #023e97;
}

.modColor3 {
  color: #105635;
}

.modColor4 {
  background-color: #f2f2f2;
}

.modbd1 {
  margin-top: 30px;
}

.modBdy1 {
  background-color: #43c3ee;
  /* text-align: center; */
}

.modBdy1 label {
  color: #fff !important;
  font-weight: 600;
}

.boder1 {
  border: 2px solid #fdcf02;
}

.uvBoda {
  border: 2px solid #ba7e7e;
  border-radius: 8px;
}

.ovBoda {
  border: 2px solid #ffa2da;
  border-radius: 8px;
}

.hcBoda {
  border: 2px solid #88d388;
  border-radius: 8px;
}

.iadBoda {
  border: 2px solid #899eb5;
  border-radius: 8px;
}

.pdMg1 {
  padding: 5px;
}

.pdMg2 {
  padding: 20px 5px 0 5px;
  margin-bottom: 10px;
}

.colo1 {
  background-color: #946402;
}

.colo1:hover {
  background-color: #7e5501;
}

.colo2 {
  background-color: #3d7ee0;
}

.colo2:hover {
  background-color: #2163c5;
}

#sentModal .modal-content,
#receivedModal .modal-content,
#newMsgModal .modal-content {
  background-color: #f2f2f2;
}

.msgSntRcvNew {
  background-color: #fbfbfb;
  border-radius: 10px;
}

.msgWrap {
  display: inline-flex;
  margin-bottom: 10px;
}

.msgImg {
  margin-right: 10px;
}

.msgSender1 {
  color: #7f00fd;
}

.msgSender2 {
  color: #015fed;
}

.msgSender3 {
  color: #017640;
}

.msgtimDiv {
  margin-bottom: 10px;
  font-size: calc(13px + 0.1vw);
  color: #548a6c;
}

.msgText p {
  line-height: 1.5;
}

.msgText p,
.msgSender1,
.msgSender2,
.msgSender3,
.btnClose1,
.btnClose2 {
  font-size: calc(18px + 0.2vw) !important;
}

.btnClose1 {
  color: #000;
  opacity: 0.5;
  background-color: transparent;
  border-radius: 5px;
  border: none;
  width: 30px;
  height: 30px;
  padding: 0;
  text-align: center;
  float: right;
  margin-right: 10px;
}

.btnClose1:hover {
  background-color: #800000;
  color: #fff;
}

.btnClose2, .prt2 {
  color: #fff;
  opacity: 0.7;
  background-color: transparent;
  border: none;
  border-radius: 5px;
  width: 32px;
  height: 32px;
  padding: 0;
}

.btnClose2:hover {
  background-color: #800000;
  color: #fff;
}

.prt2:hover {
  background-color: #f2f2f2;
  color: #333;
}

.edt1 {
  border: 3px solid #595959;
  border-radius: 10px;
  background-color: #f2f2f2;
}
.edt1 #printTable {
  padding-left: 10px;
  padding-right: 10px;
}

.edt2 {
  border: 2px solid #dcd9fc;
  border-radius: 10px;
  background-color: #adf8f8;
}

.nav-link {
  padding: 0.5rem;
}

.profColo {
  background-color: #def2ff !important;
}

.profle1 .nav-link {
  width: 100%;
}

.profle1 label {
  color: #168bba;
}

.profle2 {
  border: 3px solid #fff;
  border-radius: 50% !important;
}

.gpps {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #595959;
  color: #fff;
}

.ptCls {
  display: flex;
  gap: 10px;
}

.modal-content .prnBtn {
  font-size: 18px;
  margin-left: 15px;
  margin-top: 12px;
  color: #595959;
}

.chatSty1 {
  background-color: #f2f2f2;
  padding: 30px 10px 5px 35px;
}

.prnBtn:hover {
  color: blue;
}

.btnKlos {
  color: #000;
  font-size: 17px;
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 8px;
}

.btnKlos:hover {
  background-color: #800000;
  color: #fff;
}

.form-select {
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 0.4rem center;
  background-size: 16px 12px;
}

.adminSach, .wtDats {
  border: 2px solid #ddd;
  border-radius: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

.adminSach {
  width: 80px;
}

.wtDats {
  width: 135px;
}

.adminHd {
  font-weight: bold;
  color: #0d6efd;
}

.ht1 {
  height: 35px;
}

.wtLg,
.wtRg,
.wth3,
.wtMod1,
.cardChart1 {
  background-color: #fff;
}

.wt1 {
  width: 80px;
}

.wt2 {
  width: 100px;
}

.wt3 {
  width: 120px;
}

.wt4 {
  width: 160px;
}

.wt5 {
  width: 180px;
}

.wt6 {
  width: 200px;
}

.wt7 {
  width: 220px;
}

.wt8 {
  width: 260px;
}

.wt9 {
  width: 280px;
}

.wtMs {
  max-width: fit-content;
  margin-right: auto !important;
  margin-left: auto !important;
}

.wtMs2 {
  max-width: fit-content;
  padding: 10px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: auto !important;
  margin-left: auto !important;
}

.wtAerd {
  width: calc(20px + 0.3vw);
}

.wtOf {
  width: 98%;
}

.chatWt1 .chat3B label {
  color: #3c7a3c;
}

.chatWt1 .chat3A label, .chatWt2 .chat3C label {
  color: #3a5e81;
}

.rptSty {
  border: 10px solid #fff;
  border-radius: 20px;
}

.rptColo1 {
  background-color: #97daa8;
}

.rptColo2 {
  background-color: #b9b9ff;
}

.chartColo1 {
  background-color: #97daa8;
}

.chartColo2 {
  background-color: #bdeedc;
}

.wtC78 {
  width: 66%;
}

.wtC612 {
  width: 80%;
}

.stats2 {
  background-color: #ccccff;
}

.pdd1 {
  padding: 15px 22px;
}

.pdd2 {
  padding: 10px 10px;
}

.pdd3 {
  padding: 3px;
}

.pdd4 {
  padding: 10px 
}

.pdd5 {
  padding: 10px 10px 0 10px;
}

.pdd6 {
  padding: 10px;
}

.pdd7 {
  padding: 10px;
}

.pdd8 {
  padding: 15px 25px 20px 25px;
}

.pdd9 {
  padding: 15px 10px;
}

.pdd10{
  padding: 10px 15px;
}

.pdd11 {
  padding: 15px 20px
}

.pdd12 {
  padding: 10px;
}

.pdd13{
  padding: 12px 17px;
}

.pdd14 {
  padding: 20px 15px;
}

.pdd15 {
  padding: 15px;
}

.pdd16 {
  padding: 10px 20px;
}

.pdd17 {
  padding: 15px 17px 22px 17px;
}

.pdLg {
  padding: 20px 5px 10px 5px;
}

.wtLg,
.wtRg,
.chatWt1 {
  width: 94%;
}
.chatWt2 {
  width: 90%;
}

.wtMod2,
.wtMod3,
.wtMod4,
.wtOpr {
  width: 97% !important;
}

.wth1, .wth2, .wth4, .wth5, .wtMod5 {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
}

.wtStat {
  background-color: #fff;
  border-radius: 10px;
}

.wtStat .form-control,
.wtStat .form-select {
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 0.4rem;
}

.wtStat .faint1 {
  color: #595959;
  font-weight: 500;
}

.wtMod1,
.wtMod2,
.wtMod3,
.wtMod4,
.wtUpd2 {
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px !important;
}

.wtUpd2 {
  background-color: #f1f1f1;
}

.logSty{
  border-radius: 10px;
  border: 1px solid #e3e3e3;
}

.updSty1 {
  /* border-radius: 15px;
  border: 2px solid #7a7a7a;
  padding: 10px; */
  margin-top: 10px;
}

.updSty2 {
  border-radius: 15px;
  padding: 15px;
}

.sprat1 {
  padding-right: 10px;
}

.sprat2 {
  padding-left: 10px;
}

.statRepHead {
  color: #ff02ea;
  font-weight: bolder;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 20px;
  text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.3),
    2px -2px 0 rgba(255, 255, 255, 0.3);
}

.updHead1 {
  margin-bottom: 10px;
}

.bR5 {
  border-radius: 5px !important;
}

.bR8 {
  border-radius: 8px !important;
}

.bR10 {
  border-radius: 10px !important;
}

.bR15, .chat3A, .chat3B, .chat3C, .wtMod5 {
  border-radius: 15px !important;
}

.bR20 {
  border-radius: 20px !important;
}

.bR30 {
  border-radius: 30px !important;
}

.bR40 {
  border-radius: 40px !important;
}

.bR50 {
  border-radius: 50px !important;
}

.bR50p {
  border-radius: 50% !important;
}

.opMod1 {
  background-color: #1dfbbc;
}

.opMod2 {
  background-color: #00b9f5;
}

.statStyUav {
  background-color: #b47373;
  border-radius: 8px;
  border: 1px solid #f9bebe;
}

.statStyUser {
  background-color: #77ccbb;
  border-radius: 8px;
}

.arrColo {
  background-color: #decb91;
}

.depColo {
  background-color: #8fc0d0;
}

.ovfColo {
  background-color: #d598d0;
}

.helColo1 {
  background-color: #ebebeb;
}

.helColo2 {
  background-color: #2cc891;
  border-radius: 8px;
}

.uavColo {
  background-color: #d39393;
  border-radius: 10px;
}

.itadColo {
  background-color: #3c9aff;
}

.arrs {
  background-color: #ffe6b3;
}

.deps {
  background-color: #cce5ff;
}

.ovfs {
  background-color: #fcd0f3;
}

.hels {
  background-color: #27a77b;
}

.uavs {
  background-color: #c08585;
}

.itads {
  background-color: #7694ad;
}

.ardps {
  background-color: #d8d0ff;
  color: #f0000f;
}

.hels label, .uavs label, .itads label {
  color: #fff;
}


/* ##### NAVBAR, SIDEBAR AND MAIN STYLING ##### */

.subContnt {
  background-color: #acf2fb;
  margin-bottom: 7px;
  justify-content: space-around;
}
.contaner {
  min-height: 100vh;
}

.adminSidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 1040;
  width: var(--sidebar-width);
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  color: #333;
  /* box-shadow: 18px 0 42px rgba(15, 23, 42, 0.18); */
  transform: translateX(0);
  transition: width 0.2s ease, transform 0.2s ease;
}

.adminSidebar {
  border-right: 1px solid var(--adminSidebar-border);
}

.sidebarHeader {
  padding: .6rem .7rem .5rem .7rem;
  margin-inline: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  justify-items: center;
}

.mainContnt {
  min-height: 100vh - 24px;
  padding: 10px 5px 12px 5px;
}

.brandSubtitle {
  color: #fff !important;
  font-weight: 600;
  color: var(--adminSidebar-muted);
  min-width: 0;
  transition: opacity 0.16s ease, width 0.16s ease;
}

.brandMark {
  display: flex;
  align-items: center;
  min-width: 0;
  color: #fff;
}

.actvList {
  display: grid;
  gap: 1.1rem;
}

.actvItem1 {
  padding: 8px 5px;
  gap: 1.2rem;
  display: grid;
  grid-template-columns: auto 1fr;
}

.actvItem2 {
  background-color: #fff;
  padding: 10px 15px;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.actvItem1, .actvItem2 {
  font-size: calc(16px + .15vw) !important;
}

.actvItem2:last-child {
  margin-bottom: 0;
}

.actvItem1:hover {
  background-color: #f1fff1;
}

.tsuc {
  color: #609760 !important;
}

.actvDotS, .actvDotP, .actvDotW, .actvDotI, .actvDotL {
  width: 7px;
  height: 7px;
  margin-top: 0.45rem;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.08);
}

.actvDotB {
  background-color: #939594;
}

.actvDotS {
  background-color: #51db9a;
}

.actvDotP {
  background-color: #6098ea;
}

.actvDotL {
  background-color: #d575e0;
}

.actvDotW {
  background-color: #faaf5a;
}

.actvDotI {
  background-color: #61ddf6;
}

.brand-copy,
.brand-title,
.nav-text {
  min-width: 0;
  transition: opacity 0.16s ease, width 0.16s ease;
  color: #333;
}

.sidebarFooter {
  border-top-color: var(--adminSidebar-border);
  color: var(--adminSidebar-text);
}

.sidebarFooter {
  text-align: center;
  margin-top: auto;
  margin-inline: 1.25rem;
  padding: 1.5rem .1rem 1rem .1rem ;
  border-top: 1px solid rgba(102, 157, 246, 0.08);
  white-space: nowrap;
}

.foterTxt {
  min-width: 0;
  color: #92fa01;
  text-align: center;
  font-weight: 600;
}

.brand-title,
.brandSubtitle {
  display: block;
  white-space: nowrap;
}

.brand-title {
  font-size: 1.05rem;
  font-weight: 800;
}

.sidebarNav {
  display: grid;
  gap: 0.45rem;
  padding: 0 1rem;
}

.sidebarNav>li {
  list-style-type: none;
}

.statusDot {
  flex: 0 0 auto;
  background: #22c55e;
}

.sidebarBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1030;
  display: none;
  background: rgba(15, 23, 42, 0.5);
}

.subContaner {
  width: auto;
  min-width: 0;
  min-height: 100vh;
  margin-left: var(--sidebar-width);
  transition: margin-left 0.2s ease;
}

.mainNavbar, .adminSidebar {
  background-color: #6a86ba;
  backdrop-filter: blur(14px);
}

.mainNavbar {
  position: sticky;
  top: 0;
  z-index: 1020;
  /* border-bottom: 1px solid var(--admin-border); */
  box-shadow: var(--admin-shadow-sm);
  justify-items: center;
  min-width: 50px;
}

.mainNavbar  .container-fluid {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

.mainNavbar {
  padding: 12px 0;
}

.search-input {
  max-width: 520px;
  border-color: var(--admin-border);
  border-radius: 8px;
  background: var(--admin-surface-soft);
  min-height: 42px;
  box-shadow: none;
}

.search-input:focus {
  border-color: #93c5fd;
  box-shadow: var(--admin-ring);
}

.navbar-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

html:not([data-theme="dark"]) {
  --admin-sidebar: #ffffff;
  --admin-sidebar-soft: #eef4ff;
  --admin-sidebar-border: #dbe4ef;
  --admin-sidebar-text: #475569;
  --admin-sidebar-text-strong: #0f172a;
  --admin-sidebar-muted: #64748b;
  --admin-sidebar-icon-bg: #eaf2ff;
  --admin-sidebar-icon: #2563eb;
  --admin-sidebar-shadow: 18px 0 42px rgba(15, 23, 42, 0.08);
}
.iconBtns,
.profImg {
  border: 1px solid var(--admin-border);
  background: #fff;
  color: var(--admin-text);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.iconBtns:hover,
.iconBtns:focus,
.profImg:hover,
.profImg:focus {
  border-color: #001f44;
  box-shadow: var(--admin-ring);
}

.iconBtns {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  font-weight: 800;
}

.profImg {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  min-height: 42px;
  padding: 0.35rem 0.65rem;
  border-radius: 8px;
  font-weight: 500;
}

.profImg {
  box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.08);
}

.pageHeading,
.metricTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.pageHeading {
  background-color: #fbfbfb;
  border-radius: 20px;
}

.pageHeading h1 {
  font-weight: 800;
  letter-spacing: 0;
}
.pgHd1 {
  margin-bottom: calc(10px + 1vh);
  padding: calc(10px + .5vh) calc(10px + 1vw);
}
.pgHd2 {
  margin-bottom: calc(7px + .7vh);
  padding: calc(5px + .6vh) calc(10px + 1vw);
}
.appNam1 {
  color: var(--admin-primary);
  font-size: calc(14px + 0.2vw);
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
}

.appNam2 {
  color: var(--admin-success);
  text-align: center;
}

.bt6 {
  color: #333;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  padding: 0;
  text-align: center;
  font-weight: 500;
  border: none;
}

.bt6 {
  background-color: #cafcca !important;
}

.btn {
  font-size:calc(15px + .2vw);
  padding: 5px calc(10px + .3vw);
  font-weight: 500;
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
  transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.btn:hover,
.btn:focus {
  transform: translateY(-1px);
}

.btn-primary {
  border-color: var(--admin-primary);
  background: var(--admin-primary);
}

.btn-primary:hover,
.btn-primary:focus {
  border-color: var(--admin-primary-dark);
  background: var(--admin-primary-dark);
}

.metricCard {
  border: 1px solid var(--admin-border);
  border-radius: 10px;
  background: var(--admin-surface);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0.0625em 0.0625em,
    rgba(0, 0, 0, 0.1) 0px 0.125em 0.5em,
    rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset;
}

.metricCard {
  position: relative;
  min-height: 200px;
  padding: 1rem;
  overflow: hidden;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.metricCard::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0 ;
  width: 4px;
  background: var(--metric-color, var(--admin-primary));
}

.metricCard:hover {
  border-color: #c6d5e8;
  box-shadow: var(--admin-shadow-sm);
  transform: translateY(-3px);
}

.metric-primary {
  --metric-color: var(--admin-primary);
}

.metric-info {
  --metric-color: var(--admin-info);
}
.metric-success {
  --metric-color: var(--admin-success);
}

.metric-warning {
  --metric-color: var(--admin-warning);
}

.metric-danger {
  --metric-color: var(--admin-danger);
}

.metric-ovr {
  --metric-color: var(--admin-ovr);
}

.metric-uav {
  --metric-color: var(--admin-uav);
}

.metric-itad {
  --metric-color: var(--admin-itad);
}

.metric-label {
  color: var(--admin-muted);
  font-size: calc(0.7rem + 0.25vw );
  font-weight: 800;
  text-transform: uppercase;
}

.metric-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  font-weight: 800;
  width: 42px;
  height: 42px;
  text-align: center;
  border-radius: 8px;
  background: #eaf2ff;
  color: var(--metric-color, var(--admin-primary));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.metric-success .metric-icon {
  background: #e7f6f3;
}

.metric-warning .metric-icon {
  background: #fff4df;
}

.metric-danger .metric-icon {
  background: #ffecec;
}

.metric-ovr .metric-icon {
  background: #fce7fb;
}

.metric-uav .metric-icon {
  background: #fae6e6;
}

.metric-itad .metric-icon {
  background: #f0f0ff;
}

.metric-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: calc(0.5rem + .5vh);
  font-size: calc(0.9rem + .2vw) ;
}

.metric-meta li {
  color: #6d6dc3;
  font-weight: 600;
}

/* ***** Navbar Style ***** */

.navbar {
  max-height: 50px;
}

.contena1 {
  margin-top: 58px;
  margin-bottom: 60px;
}

.nvSpace1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.navbar-expand {
  /* border-bottom: 2px solid #ddd; */
  border-top: 2px solid #ddd;
}

.nvbr {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
  display: inline;
}

.nvbtm1,
.nvbtm2 {
  background-color: #fff;
  justify-content: space-between;
  min-height: 50px;
  border-top: 2px solid #ddd;
  margin-bottom: 0;
}

.logoText {
  color: #0d6efd;
  font-weight: bold;
  text-shadow: 1px 1px 2px #00ffff;
  font-size: calc(16px + 0.5vw);
}

.offcanvas-body .treeview {
  border-bottom: 1px solid #ddd;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.7rem 0.5rem 0.4rem 0.5rem;
  background-color: #f0f0f5;
}

.offcanvas-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin-top: 0rem;
  margin-right: 0.7rem;
  margin-bottom: 0rem;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.offcanvas-body {
  flex-grow: 1;
  padding: 0.1rem 0.5rem 1rem 0.5rem;
  overflow-y: auto;
}

.succsmsg {
  text-align: center;
  color: blue;
  margin-top: 30px;
  margin-bottom: 20px
}

/* ***** Sidebar Menu ***** */
.sidebar {
  padding-bottom: 10px;
  font-size: 16px;
}

.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
}

.sidebar-menu:hover {
  overflow: visible;
}

.treeview {
  position: relative;
  padding: 0;
  margin-bottom: 8px;
}

.treeAnch {
  padding: 12px 10px 12px 20px;
  display: block;
  position: relative;
  background-color: #fff;
  border-radius: 3px;
}

.treeAnch:hover, .treeAnch:focus {
  background-color: #f1fbfc;
}

.treeAnch:active {
  background-color: #78f7ad;
}

.treeAnch>i {
  padding-right: 6px;
  display: inline;
}

.sidebar-menu .fa,
.sidebar-menu .fab {
  margin-right: 20px;
}

/* Content Menu Section */
.megSecHd {
  text-align: center;
  padding-bottom: 5px;
  font-weight: 600;
  margin-bottom: 20px;
  position: relative;
  color: #4d4d4d;
}

.megSecHd:after {
  content: "";
  position: absolute;
  display: block;
  width: 130px;
  height: 2px;
  background: #00ace6;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.servList {
  background-color: #f7f7f7;
  padding: 20px;
}

/* ******** Footer *************/
.footerMain {
  background-image: linear-gradient(#6389fd, #baaac1);
}

.footerFa1 {
  color: #0099e6;
}

.footerFa1,
.footerFa2 {
  text-align: center;
}

/* Pagination */
.paginate {
  display: flex;
  padding-left: 10px;
  list-style: none;
  margin-bottom: 20px;
}

.pagine {
  margin-bottom: 10px;
}

.page_link {
  font-size: 1.2em;
  padding: 5px 12px;
  color: #fff;
  background-color: #80bfff;
  border-radius: 5px;
}

.page_link:hover {
  color: #fff;
  background-color: #3399ff;
}

.active .page_link {
  background-color: #1a8cff;
}

.next_link,
.prev_link {
  font-size: 1.2em;
}

#loading {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #ddd;
  opacity: 0.8;
  z-index: 9999;
  font-size: 30px;
  text-align: center;
  padding-top: 20vh;
  font-family: tahoma;
  display: none;
}

/* ****** md-input-wrapper ******* */
.md-input-wrapper {
  position: relative;
  padding-top: 4px;
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

.md-input-wrapper:last-child {
  margin-bottom: 0px;
}

.md-input-wrapper>label {
  text-transform: initial;
  color: #727272;
  position: absolute;
  top: 15px;
  pointer-events: none;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}

.md-input-wrapper select,
.md-input-wrapper textarea,
input[type="email"].md-form-control,
input[type="file"].md-form-control,
input[type="number"].md-form-control,
input[type="password"].md-form-control,
input[type="text"].md-form-control {
  border-radius: 0;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: rgba(233, 11, 11, 0.15);
  -webkit-box-shadow: inset 0 -1px 0 transparent;
  box-shadow: inset 0 -1px 0 transparent;
  box-sizing: border-box;
  padding: 8px 4px;
  background: 0 0;
  width: 100%;
  display: block;
  max-height: 120px;
}

.md-form-control:focus~label,
.md-form-control:valid~label {
  top: -14px;
  font-size: 14px;
  color: #1b8bf9;
}

.md-form-control:focus {
  border-bottom: 2px solid orange !important;
}

/* ***** Checkbox css start ***** */
.rkmd-checkbox {
  color: #818181;
  display: inline-block;
  position: relative;
}

.rkmd-checkbox .captions {
  padding-left: 20px;
}

.rkmd-checkbox .input-checkbox {
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 32px;
  text-align: center;
  vertical-align: middle;
  top: -3px;
}

.rkmd-checkbox .input-checkbox input[type="checkbox"] {
  visibility: hidden;
  position: absolute;
  left: 7px;
  bottom: 7px;
  margin: 0;
  padding: 0;
  outline: none;
  cursor: pointer;
  opacity: 0;
}

.rkmd-checkbox .input-checkbox input[type="checkbox"]+.checkbox:before {
  content: "\f14a";
  color: #717171;
  position: absolute;
  left: 4px;
  bottom: 8px;
  width: 18px;
  height: 18px;
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: -6px;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 1;
}

.rkmd-checkbox .input-checkbox input[type="checkbox"]:checked+.checkbox:before {
  content: "\f00c";
}

.rkmd-checkbox .input-checkbox input[type="checkbox"]:active:not(:disabled)+.checkbox:before {
  -webkit-transform: scale3d(0.88, 0.88, 1);
  -moz-transform: scale3d(0.88, 0.88, 1);
  -ms-transform: scale3d(0.88, 0.88, 1);
  transform: scale3d(0.88, 0.88, 1);
}

.rkmd-checkbox .input-checkbox input[type="checkbox"]:disabled+.checkbox:before {
  color: rgba(0, 0, 0, 0.157) !important;
}

.rkmd-checkbox.checkbox-light .label,
.rkmd-checkbox.checkbox-light input[type="checkbox"]+.checkbox:before,
.rkmd-checkbox.checkbox-light label {
  color: #fff;
}

.rkmd-checkbox.checkbox-light input[type="checkbox"]:disabled+.checkbox:before {
  color: #5d5d5d !important;
}

.rkmd-checkbox.checkbox-light.checkbox-rotate input[type="checkbox"]+.checkbox:before {
  border-color: #fff;
}

.rkmd-checkbox.checkbox-light.checkbox-rotate input[type="checkbox"]:disabled+.checkbox:before {
  border-color: #5d5d5d !important;
}

.rkmd-checkbox .label,
.rkmd-checkbox label {
  cursor: pointer;
}

.rkmd-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"]+.checkbox {
  cursor: pointer;
}

.rkmd-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"]+.checkbox:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 7px;
  width: 18px;
  height: 18px;
  border: 2px solid #717171;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 1;
}

.rkmd-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"]:checked+.checkbox:before {
  left: 11px;
  width: 12px;
  height: 20px;
  border-width: 2px;
  border-style: solid;
  border-top: transparent;
  border-left: transparent;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  border-radius: 1px;
}

.rkmd-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"]:disabled+.checkbox:before {
  border-color: rgba(0, 0, 0, 0.157) !important;
}

.rkmd-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"].checkbox-ripple .ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.rkmd-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"].checkbox-ripple .ripple.animated {
  display: block;
  -webkit-transition: checkbox-ripple 400ms ease-out;
  -moz-transition: checkbox-ripple 400ms ease-out;
  -ms-transition: checkbox-ripple 400ms ease-out;
  transition: checkbox-ripple 400ms ease-out;
}

.rkmd-checkbox.checkbox-rotate .checkbox-primary input[type="checkbox"]:checked+.checkbox:before {
  border-color: #2196f3;
}

.rkmd-checkbox.checkbox-rotate .checkbox-warning input[type="checkbox"]:checked+.checkbox:before {
  border-color: #f57c00;
}

.rkmd-checkbox.checkbox-rotate .checkbox-success input[type="checkbox"]:checked+.checkbox:before {
  border-color: #4caf50;
}

.rkmd-checkbox.checkbox-rotate .checkbox-info input[type="checkbox"]:checked+.checkbox:before {
  border-color: #40c4ff;
}

.rkmd-checkbox.checkbox-rotate .checkbox-danger input[type="checkbox"]:checked+.checkbox:before {
  border-color: #ff5252;
}

/* ***** Charts ***** */
#chartdiv1,
#chartdiv2,
#chartOvrDiv {
  background-color: #fff;
  border-radius: 8px;
  min-height: 440px;
  padding: 15px;
  width: 767px;
}

#charts1 {
  overflow-x: auto;
}

.iconBtns,
.profImg {
  background-color: var(--admin-surface) !important;
  color: var(--admin-text);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}

.btn-light {
  border-color: var(--admin-border);
  background: var(--admin-surface-soft);
  color: var(--admin-text);
}

.btn-outline-secondary {
  border-color: var(--admin-border);
  color: var(--admin-text);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  border-color: var(--admin-primary);
  background: #eaf2ff;
  color: var(--admin-primary-dark);
}

.dropdown-menu {
  border-color: var(--admin-border);
  background-color: var(--admin-surface);
}

.text-muted {
  color: var(--admin-muted) !important;
}

body,
.adminSidebar,
.subContaner,
.metricCard,
.dropdown-menu {
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.table {
  --bs-table-color: var(--admin-text);
  --bs-table-border-color: var(--admin-border);
}


@media screen and (prefers-reduced-motion: reduce) {
  .iconBtns,
  .profImg,
  .btn,
  .metricCard,
  .table tbody tr {
    transition: none;
  }

  .btn:hover,
  .btn:focus,
  .metricCard:hover {
    transform: none;
  }
}

.adminFooter {
  color: var(--admin-muted);
  padding: 0px calc(10px + 2vw);
}

.adminFooter .container-fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ********* Max Media Screen ******** */
@media screen and (max-width: 991.98px) {
  .adminSidebar {
    width: min(var(--sidebar-width), calc(100vw - 48px));
    transform: translateX(-100%);
  }

  .subContaner {
    margin-left: 0;
  }

  body.sidebar-open {
    overflow: hidden;
  }

  body.sidebar-open .adminSidebar {
    transform: translateX(0);
  }

  body.sidebar-open .sidebarBackdrop {
    display: block;
  }

  .hde,
  .welcome {
    display: none !important;
  }
}

@media screen and (max-width: 767.98px){
  .navBrand,
  .hde2,
  .hyde2 {
    display: none !important;
  }
  .navbar-actions {
    gap: 0.5rem;
  }

  .profImg {
    padding: 0.3rem;
  }
  .navBrand, .hde2, #mapUsnm {
    display: none !important;
  }
}

@media screen and (max-width: 575.98px){
  .rptMb, .cards1 {
    margin-bottom: 15px;
  }

  .fulSreen, .btnPic {
    display: none !important;
  }

  .adminFooter .container-fluid {
    align-items: flex-start;
    flex-direction: column;
  }

  .pageHeading {
    align-items: flex-start;
    flex-direction: column;
  }
  .homm, .picDiv1, .hde3 {
    display: none !important;
  }
  .cnts {
    padding-left: 10px;
  }
}
@media screen and (max-width: 399.98px){
  #usnm {
    display: none !important;
  }
  .aerodLabel {
    margin-bottom: 20px;
  }
}
.aerodm {
  height: 30px;
}

/* ***** Min Screen Width ***** */

@media screen and (min-width: 300px) {
  .dropdown-menu {
    min-width: 220px;
    padding: 5px;
  }

  .footerMain {
    font-size: 16px;
    padding: 50px 20px;
  }

  .footerMain .footerFa1 {
    font-size: 23px !important;
  }

  .footerMain .footerFa2 {
    font-size: 20px !important;
  }

  .footerMain .footerFa3 {
    font-size: 20px !important;
  }

  .compnyLogo1 {
    width: 70px;
    height: auto;
  }

  .compnyLogo2 {
    width: 60px;
    height: auto;
  }

  .compnyLogo3 {
    width: 55px;
    height: auto;
    margin-right: 5px;
  }

  .compnyLogo4 {
    width: 50px;
    height: auto;
  }

  .servItem .icon i {
    font-size: 20px;
  }

  .servItem .title {
    font-size: 19px;
  }

  .offcanvas-start {
    width: 280px !important;
  }

  .lgCard {
    padding: 10px 13px 5px 13px;
  }

  .adminHd {
    font-size: calc(16px + 0.9vw);
  }
  .lnks {
    padding-left: 0;
    padding-right: 10px;
  }
  .resat {
    padding: 0 3px;
  }

  .dept,
  .tday {
    font-size: 16px;
  }

  .calsgn {
    font-size: 110%;
  }

  .lnks {
    padding-left: 0;
    padding-right: 10px;
  }

  .resat {
    padding: 0 3px;
  }

  .srchUser {
    padding-left: 20px;
    padding-right: 0;
  }

  .rptSty {
    padding: 20px;
  }

  .btnStart1 {
    padding: 4px 12px;
  }

  .modInfo {
    padding: 15px 10px;
  }

  .mbtm1 {
    margin-bottom: 30px;
  }

  .modbd1 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (min-width: 340px) {
  .adminSach {
    width: 85px;
  }
  
  .wtDats {
    width: 135px;
  }
  .rkmd-checkbox .captions {
    padding-left: 25px;
  }

  .offcanvas-start {
    width: 290px !important;
  }

  .pdLg {
    padding: 20px 10px 10px 10px;
  }
}

@media screen and (min-width: 360px) {
  .pdd1 {
    padding: 18px 25px;
  }
  .mainContnt {
    padding: 10px 10px 15px 10px;
  }

  .btnCnts {
    width: 140px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .iconBtns {
    width: 33px;
    height: 33px;
  }

  .rkmd-checkbox .captions {
    padding-left: 30px;
  }

  .offcanvas-start {
    width: 310px !important;
  }

  .dept,
  .tday {
    font-size: 16px;
  }
}

@media screen and (min-width: 380px) {
  .rptSty, .chatWt1, .chatWt2, .wtUpd2 {
    width: 350px;
  }
  
  .cardBody2 {
    padding: 0.6rem 1.2rem;
  }
}

@media screen and (min-width: 400px) {
  .wtMs,
  .wtCnt {
    width: 94%;
  }
  
  .wtLg,
  .wtRg,
  .wth7,
  .wtStat {
    width: 380px;
  }

  .wtMod2, 
  .wtMod3, 
  .wtMod4,
  .wtOpr {
    width: 380px !important;
  }

  .pdd3 {
    padding: 4px;
  }

  .mainNavbar {
    padding: 12px 5px;
  }

  .iconBtns {
    width: 34px;
    height: 34px;
  }

  .adminSach {
    width: 100px;
  }
  
  .wtDats {
    width: 140px;
  }

  .adminSach, .wtDats {
    padding-left: 12px;
    padding-right: 10px;
  }

  .pdLg {
    padding: 20px 15px 15px 15px;
  }
  .nvSpace1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .btnCnts {
    width: 150px;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .pdd1 {
    padding: 20px 30px;
  }

  .pdd2 {
    padding: 10px 13px;
  }

  .pdd4 {
    padding: 15px 
  }

  .pdd5 {
    padding: 12px 12px 0 12px;
  }
  
  .pdd6 {
    padding: 12px;
  }
  
  .pdd7 {
    padding: 12px;
  }

  .pdd9 {
    padding: 20px 15px;
  }

  .pdd10 {
    padding: 15px 20px;
  }

  .pdd12 {
    padding: 15px;
  }

  .pdd15 {
    padding: 17px;
  }

  .servItem .icon i {
    font-size: 21px;
  }

  .servItem .title {
    font-size: 20px;
  }
}

@media screen and (min-width: 420px) {
  .offcanvas-start {
    width: 320px !important;
  }
}

@media screen and (min-width: 440px) {
  .pdLg {
    padding: 20px;
  }
  .modbd1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (min-width: 460px) {
  .ftime1 {
    margin-left: 0;
  }

  .ad23 {
    margin-right: 20px;
  }

  .mbtm1 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 480px) {
  .wtMod5 {
    width: 450px !important;
  }
  .iconBtns {
    width: 35px;
    height: 35px;
  }
  .offcanvas-start {
    width: 350px !important;
  }
  .padBtm {
    padding-left: 6px;
  }
}

@media screen and (min-width: 500px) {
  .modInfo {
    padding: 15px;
  }
}

@media screen and (min-width: 520px) {
  .wth5 {
    width: 490px;
  }
}

@media screen and (min-width: 576px) {
  .profle2 {
    border: 4px solid #fff;
  }
  .chatHeader {
    margin-bottom: 13px;
  }

  .rptHeader {
    padding-top: 17px;
    padding-bottom: 5px
  }
  .pdd8 {
    padding: 17px 27px 22px 27px;
  }
  .dvKlas1 {
    padding: 30px 17px 17px 17px;
  }
  .dvKlas2 {
    padding: 30px 20px 20px 20px;
  }
  .modBdy2 {
    padding: 0 17px 17px 17px;
  }
  .pdd3 {
    padding: 5px;
  }
  .tmet {
    padding-right: 50px !important;
  }
  .btn1, .btn2 {
    width: 120px;
  }
  .metricCard::before {
    width: 6px;
  }
  .mainNavbar {
    padding: 12px 17px;
  }
  .mainContnt {
    padding: 12px 12px 20px 12px;
  }

  .pdd1 {
    padding: 25px 40px;
  }

  .pdd2 {
    padding: 12px 16px;
  }

  .pdMg1 {
    padding: 10px;
    margin-bottom: 15px;
  }

  .pdMg2 {
    padding: 30px 10px 0 10px;
    margin-bottom: 10px;
  }

  #comWrap {
    padding: 10px 20px;
  }

  .adminSach, .wtDats {
    width: 150px;
  }

  .adminSach, .wtDats {
    padding-left: 15px;
    padding-right: 10px;
  }

  .btnCnts {
    width: 160px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  .iconBtns {
    width: 36px;
    height: 36px;
  }

  .ps4 {
    padding-left: 20px;
  }

  .txml {
    padding-left: 15px !important;
  }

  .foto1 {
    width: 24px;
    height: 24px;
  }

  .foto3, .msgBtn {
    width: 34px;
    height: 34px;
  }

  .ovrTbl td:first-child,
  .ovrTbl th:first-child {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .ml-3 {
    margin-left: calc(1px + 10vw);
  }

  .mr-3 {
    margin-right: calc(1px + 10vw);
  }

  .chatSty1 {
    padding: 35px 15px 5px 40px;
  }

  .picUpld1 {
    padding: 10px
  }

  .fomDiv1 {
    padding: 15px;
  }

  .footerMain {
    font-size: 18px;
    padding: 60px 20px;
  }

  .footerMain .footerFa1 {
    font-size: 24px !important;
  }

  .footerMain .footerFa2 {
    font-size: 21px !important;
  }

  .footerMain .footerFa3 {
    font-size: 21px !important;
  }

  .copyrit {
    margin-top: 0;
  }

  .contentTtl {
    margin-top: 3vh;
    margin-bottom: 6vh;
  }

  .compnyLogo1 {
    width: 75px;
  }

  .compnyLogo2 {
    width: 63px;
  }

  .compnyLogo3 {
    width: 60px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .compnyLogo4 {
    width: 55px;
  }

  .wth4 {
    max-width: 550px !important;
  }

  .wtC78 {
    width: 58%;
  }

  .wtC612 {
    width: 42%;
  }

  .rptSty {
    width: 98%;
  }

  .wtMs {
    max-width: 550px !important;
  }

  .servList {
    padding: 25px 40px 40px 40px;
  }

  .servItem .icon i {
    font-size: 22px;
  }

  .servItem .title {
    font-size: 21px;
  }

  .wtRg {
    width: 97%;
  }

  .lgCard {
    padding: 10px 15px 5px 15px;
  }

  .dept,
  .tday {
    font-size: 18px;
  }
}

@media screen and (min-width: 600px) {
  .ad23 {
    margin-right: 60px;
  }
}

@media screen and (min-width: 620px) {
  #chartdiv1,
  #chartdiv2,
  #chartOvrDiv {
    padding: 15px 20px;
  }
}

@media screen and (min-width: 640px) {
  .ad23 {
    margin-right: 80px;
  }
}

@media screen and (min-width: 660px) {
  .ad23 {
    margin-right: 100px;
  }

  .rptSty {
    padding: 25px;
  }

  .rptSty {
    width: 650px;
  }
}

@media screen and (min-width: 680px) {
  .ad23 {
    margin-right: 100px;
  }
  
  .wth6 {
    width: 660px;
  }
}

@media screen and (min-width: 700px) {
  .wtRg {
    width: 680px;
  }
  .wtMod1 {
    max-width: calc(500px + 20vw) !important;
  }
}

@media screen and (min-width: 720px) {
  .ad23 {
    margin-right: 120px;
  }
  .wth2 {
    width: 700px;
  }
}

@media screen and (min-width: 768px) {
  .btnStart1, .btnStart2 {
    width: 150px;
  }
  .servList {
    padding: 15px;
  }
  .wtMod2, 
  .wtMod4 {
    width: 420px !important;
  }
  .chatWt1 {
    width: 680px;
  }
  .wtUpd2 {
    margin-top: 15px;
  }
  #chartdiv1,
  #chartdiv2,
  #chartOvrDiv {
    width: 100%;
  }
  .mainNavbar {
    padding: 12px 25px;
  }
  .mgt1 {
    margin-top: 10px;
  }
  .cards1 {
    padding-right: 12px;
  }
  .cards2 {
    padding-left: 12px;
  }
  .hyde1 {
    display: none !important;
  }

  .pdd5 {
    padding: 15px 5px 10px 15px;
  }

  .pdd6 {
    padding: 15px 15px 10px 5px;
  }

  .pdd7 {
    padding: 15px;
  }
  
  .pdd8 {
    padding: 20px 30px 25px 30px;
  }

  .pdd9 {
    padding: 30px 20px;
  }

  .pdd10 {
    padding: 20px 25px;
  }

  .pdd11 {
    padding: 20px 25px;
  }

  .pdd12, .pdd15 {
    padding: 20px;
  }

  .pdd13{
    padding: 15px 20px;
  }

  .pdd14 {
    padding: 25px 20px;
  }

  .pdd16 {
    padding: 13px 23px;
  }

  .pdd17 {
    padding: 15px 20px 25px 20px;
  }

  .mgbt1 {
    margin-bottom: 10px;
  }
  
  .mgbt2 {
    margin-bottom: 12px;
  }
  
  .mgbt3 {
    margin-bottom: 20px;
  }

  .notce {
    padding: 15px;
  }

  .txml {
    padding-left: 20px !important;
  }

  .indxImg {
    width: calc(250px + 15vw);
  }

  .indxDiv5a,
  .indxDiv5b{
    margin-bottom: calc(20px + 4vh);
  }

  .indxDiv6 {
    margin-bottom: 30px;
  }

  .ovrTbl td:first-child,
  .ovrTbl th:first-child {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .picUpld1 {
    padding: 15px
  }

  .fomDiv1 {
    padding: 20px;
  }

  .footerMain {
    font-size: 19px;
    padding: 90px 20px;
  }

  .footerMain .footerFa1 {
    font-size: 27px !important;
  }

  .footerMain .footerFa2 {
    font-size: 23px !important;
  }

  .footerMain .footerFa3 {
    font-size: 22px !important;
  }

  .nvbtm2 {
    display: none;
  }

  .servItem .icon i {
    font-size: 24px;
  }

  .servItem .title {
    font-size: 22px;
  }

  .wtStat {
    width: 100%;
  }

  .wtMs {
    width: 600px;
  }

  .dept,
  .tday {
    font-size: 20px;
  }

  .tdb {
    border-top: 0 !important;
  }

  .ad23 {
    margin-right: 40px;
  }

  .adminHd {
    font-size: 20px;
  }
}

@media screen and (min-width: 900px) {
  .wtStat {
    max-width: 840px;
  }
  .lnks {
    padding-right: 15px;
  }

  .ad23 {
    margin-right: 60px;
  }
}

@media screen and (min-width: 992px) {
  .cnt1 {
    top: -35px;
    left: -10px;
    width: 28px;
    height: 28px;
  }
  .servList {
    padding: 25px;
  }
  .nav-link {
    padding: 0.5rem 1rem;
  }
  .btnStart1 {
    border: 3px solid #fff;
  }
  .btnStart2 {
    border: 3px solid #ca63b9;
  }
  .btnStart1, .btnStart2 {
    width: 160px;
  }

  .metricCard {
    padding: 1.4rem 1.6rem;
  }
  .chat3A, .chat3B {
    margin-bottom: 25px;
  }
  .actvDotS, .actvDotP, .actvDotW, .actvDotI {
    width: 8px;
    height: 8px;
  }
  .tmet {
    padding-right: 60px !important;
  }
  #chartdiv1,
  #chartdiv2,
  #chartOvrDiv {
    width: calc(100vw - (var(--sidebar-mini-width) + 48px));
  }
  .mainNavbar {
    padding: 12px 30px;
  }
  .sidebarHeader {
    padding: .7rem .7rem .5rem .7rem;
  }
  .contentDiv {
    margin-bottom: calc(25px + 8vh);
  }

  .contentDiv:nth-last-child(-n+3) {
    margin-bottom: 30px;
  }
  :root {
    --sidebar-width: calc(150px + 10vw);
  }

  .compnyLogo1 {
    width: 80px;
  }
  
  .compnyLogo2 {
    width: 66px;
  }

  .compnyLogo3 {
    width: 65px;
  }

  .compnyLogo4 {
    width: 60px;
  }

  body.sidebar-mini .adminSidebar {
    width: var(--sidebar-mini-width);
  }

  body.sidebar-mini .subContaner {
    margin-left: var(--sidebar-mini-width);
  }

  body.sidebar-mini .sidebarNav {
    padding: 0 .6rem;
  }

  body.sidebar-mini .treeAnch {
    padding-left: 12px;
  }

  body.sidebar-mini .txNama {
    margin-left: 0;
  }
  
  body.sidebar-mini .txNama,
  body.sidebar-mini .brandSubtitle,
  body.sidebar-mini .picName li,
  body.sidebar-mini .foterTxt {
    width: 0;
    opacity: 0;
    overflow: hidden;
  }

  body.sidebar-mini .sidebarHeader,
  body.sidebar-mini .sidebarFooter {
    margin-inline: 1rem;
    padding-inline: 0;
  }

  .btnCnts {
    width: 165px;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .rptBody {
    padding: .5rem 2rem 1rem 2rem;
  }

  .chatBody {
    padding: 1.5rem;
  }

  .txml {
    padding-left: 25px !important;
  }

  .nvbtm1 {
    display: none;
  }

  .chkbox {
    margin-top: 5px;
  }

  .indxDiv5a,
  .indxDiv5b {
    margin-bottom: calc(20px + 4vh);
  }

  #multi-response {
    font-size: 16px;
  }

  .msgImg {
    margin-right: 14px;
  }

  .ovrTbl td:first-child,
  .ovrTbl th:first-child {
    padding-left: 25px !important;
    padding-right: 20px !important;
  }

  .indxDiv6 {
    margin-bottom: 40px;
  }

  .indxDiv3 {
    width: calc(250px + 5vw);
    line-height: 30px;
    text-align: center;
  }

  .txbox {
    font-size: 21px;
  }

  ul.ulCls1,
  ul.ulCls2 {
    max-height: 250px;
  }

  .ml-3 {
    margin-left: calc(20px + 10vw);
  }

  .mr-3 {
    margin-right: calc(20px + 10vw);
  }

  .checkbx,
  input[type="checkbox"] {
    width: 16px;
    height: 16px;
  }

  .noResut {
    margin-bottom: 60px;
  }

  .foto1 {
    width: 26px;
    height: 26px;
  }

  .foto2 {
    width: 28px;
    height: 28px;
  }

  .foto3, .msgBtn {
    width: 36px;
    height: 36px;
  }

  .contena1 {
    margin-bottom: 20px;
  }

  p {
    line-height: 1.7;
  }

  table th,
  table td {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .tblStat2 td:nth-child(2),
  .tblStat3 td:nth-child(2),
  .delTbl td:nth-child(2) {
    min-width: 95px;
  }
  
  .tblStat2 td:nth-child(4),
  .tblStat3 td:nth-child(3),
  #itadTb td:nth-child(2) {
    min-width: 160px;
  }

  .footerMain {
    font-size: 20px;
    padding: 100px 30px;
  }

  .footerMain .footerFa1 {
    font-size: 29px !important;
  }

  .footerMain .footerFa2 {
    font-size: 24px !important;
  }

  .footerMain .footerFa3 {
    font-size: 23px !important;
  }

  #chartdiv1,
  #chartdiv2,
  #chartOvrDiv {
    padding: 20px;
  }

  .modal-content .prnBtn {
    font-size: 19px !important;
  }

  .dropdown-menu {
    min-width: 250px;
    padding: 10px 5px;
  }

  .servItem .icon i {
    font-size: 24px;
  }

  .servItem .title {
    font-size: 23px;
  }

  .sbt1,
  .sbt2,
  .sbt3,
  .sbt4,
  .sbt5 {
    padding: 7px 27px !important;
  }

  .sbt1 {
    margin-top: 40px;
    margin-bottom: 30px;
  }

  .sbt2 {
    margin-top: 30px;
    margin-bottom: 15px;
  }

  .sbt3 {
    margin-top: 25px;
    margin-bottom: 5px;
  }

  .sbt4 {
    margin-top: 15px;
    margin-bottom: 35px;
  }

  .sbt5 {
    margin-top: 35px;
    margin-bottom: 15px;
  }

  .wtOk2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .modal-lg,
  .modal-xl {
    max-width: 1000px;
  }

  .rptSty {
    padding: 30px;
  }

  .svWrap {
    height: 91vh;
  }

  .testColor {
    color: #4848fd;

    color: #d183db;
    color: #fae8fc;
    color: #018949;
  }

  .wtOpr,
  .wtCnt {
    max-width: calc(450px + 50vw) !important;
  }

  .lnks {
    padding-right: 30px;
  }

  .resat {
    padding: 2px 5px;
  }

  .srchUser {
    padding-left: 30px;
  }

  .adminHd {
    margin-right: 10px;
  }

  .ad23 {
    margin-right: 150px;
  }

  .btnStart1 {
    padding: 4px 15px;
  }

  .wt9 {
    width: 320px;
  }
}

@media screen and (min-width: 1100px) {
  .srchUser {
    padding-left: 60px;
  }

  .adminHd {
    margin-right: 30px;
  }

  .lgCard {
    padding: 12px 17px 5px 17px;
  }
}

@media screen and (min-width: 1200px) {
  .rptSty {
    padding: 35px;
  }
  .wtStat {
    max-width: 860px;
  }
  .mainNavbar {
    padding: 12px 35px;
  }
  body.sidebar-mini .treeAnch {
    padding-left: 14px;
  }
  .iconBtns {
    width: 37px;
    height: 37px;
  }
  .wtQary {
    width: 900px;
  }

  .indxImg {
    width: calc(300px + 10vw);
  }

  .txbox {
    font-size: 22px;
  }

  .mgbt1 {
    margin-bottom: 12px;
  }
  
  .mgbt2 {
    margin-bottom: 15px;
  }

  .pdd1 {
    padding: 30px 45px;
  }

  .pdd2 {
    padding: 12px 20px;
  }

  .pdd3 {
    padding: 6px;
  }

  .pdd4 {
    padding: 17px;
  }

  .pdd5 {
    padding: 20px 10px 15px 20px;
  }

  .pdd6 {
    padding: 20px 20px 15px 10px;
  }

  .pdd7 {
    padding: 20px;
  }

  .pdd9 {
    padding: 40px 25px;
  }

  .pdd10 {
    padding: 23px 28px;
  }

  .pdd11 {
    padding: 25px 30px;
  }

  .pdd12, .pdd15 {
    padding: 25px;
  }

  .pdd13{
    padding: 17px 22px;
  }

  .pdd14 {
    padding: 30px 25px;
  }

  .footerMain {
    font-size: 22px;
    padding: 120px 30px;
  }

  .footerMain .footerFa1 {
    font-size: 33px !important;
  }

  .footerMain .footerFa2 {
    font-size: 26px !important;
  }

  .footerMain .footerFa3 {
    font-size: 24px !important;
  }

  .navbar {
    max-height: 55px;
  }

  .contena1 {
    margin-bottom: 30px;
    margin-top: 65px;
  }

  ul.uls {
    margin-bottom: 10;
    padding-left: 20px;
    line-height: 30px;
  }

  option {
    line-height: 1.9;
    font-size: 18px;
  }

  .btnStart1 {
    padding: 12px 20px;
  }

  .wtOk2 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .servItem .icon i {
    font-size: 25px;
  }

  .servItem .title {
    font-size: 24px;
  }

  .md-input-wrapper {
    margin-bottom: 25px;
  }

  .lgCard {
    padding: 15px 20px 5px 20px;
  }

  .srchUser {
    padding-left: 80px;
  }

  .adminHd {
    margin-right: 40px;
  }

  .dept,
  .tday {
    font-size: 21px;
  }

  .md-input-wrapper select,
  .md-input-wrapper textarea,
  input[type="email"].md-form-control,
  input[type="file"].md-form-control,
  input[type="number"].md-form-control,
  input[type="password"].md-form-control,
  input[type="text"].md-form-control {
    padding: 10px 6px;
    font-size: 17px;
  }

  .md-form-control:focus~label,
  .md-form-control:valid~label {
    top: -14px;
    font-size: 15px;
  }
}

@media screen and (min-width: 1400px) {
  .wtMod5 {
    width: 470px !important;
  }
  .cnt1 {
    top: -37px;
    left: -10px;
  }
  .metric-icon {
    width: 44px;
    height: 44px;
  }
  .metricCard::before {
    width: 8px;
  }
  .indxCnt {
    margin-top: .4rem;
    margin-bottom: 1.5rem;
  }
  .btnStart1, .btnStart2 {
    width: 180px;
    padding: 7px 15px;
  }
  .chatSty1 button, .dvKlas2 button {
    width: 160px;
  }
  .chatBody {
    padding: 1.7rem;
  }
  .chatSty1 {
    padding: 40px 20px 10px 45px;
  }
  .pdd8 {
    padding: 22px 32px 27px 32px;
  }
  .dvKlas1 {
    padding: 35px 20px 20px 20px;
  }
  .dvKlas2 {
    padding: 35px 25px 25px 25px;
  }
  .modBdy2 {
    padding: 0 20px 20px 20px;
  }
  .impt1 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .dvKlas1 input[type="number"] {
    padding-left: 1.3rem;
  }
  input[type="file"]::file-selector-button {
    padding: 6px 5px 6px 20px ;
  }
  .statRepHead {
    margin-top: 15px;
    margin-bottom: 25px;
  }
  .cards1 {
    padding-right: 13px;
  }
  .cards2 {
    padding-left: 13px;
  }
  .rptSty {
    padding: 40px;
  }
  .pdd1 {
    padding: 33px 50px;
  }
  .pdd3 {
    padding: 7px;
  }
  .pdd16 {
    padding: 15px 25px;
  }

  .pdd17 {
    padding: 17px 22px 27px 22px;
  }

  .sbt1 {
    margin-top: 45px;
    margin-bottom: 30px;
  }

  .sbt2 {
    margin-top: 35px;
    margin-bottom: 20px;
  }

  .sbt3 {
    margin-top: 30px;
    margin-bottom: 10px;
  }

  .sbt4 {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .sbt5 {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .chatWt1 {
    width: 700px;
  }
  .chatWt2 {
    width: 370px;
  }
  .cardBody2 {
    padding: 0.7rem 1.4rem;
  }
  .actvItem1, .actvItem2 {
    padding: 9px 5px;
  }
  .actvDotS, .actvDotP, .actvDotW, .actvDotI {
    width: 9px;
    height: 9px;
  }
  .tmet {
    padding-right: 70px !important;
  }
  .sdbarText {
    font-size: calc(12px + 0.5vw);
  }
  body.sidebar-mini .sidebarNav {
    padding: 0 .7rem;
  }
  body.sidebar-mini .treeAnch {
    padding-left: 16px;
  }
  .adminSach, .wtDats {
    width: 160px;
    padding-right: 15px;
  }
  .btn1, .btn2 {
    padding: 9px 15px;
    width: 130px;
  }
  .btn5 {
    font-size: 21px;
    padding: 3px 10px;
  }

  .wtLg {
    width: 430px;
  }

  .wtRg {
    width: 700px;
  }

  .wth1 {
    width: 1000px;
  }
  
  .wth2 {
    width: 730px;
  }

  .wth4 {
    max-width: 600px !important;
  }

  .wth5 {
    width: 520px;
  }

  .wth6 {
    width: 610px;
  }
  .wth7 {
    width: 490px;
  }

  .wtMod2, 
  .wtMod4 {
    width: 450px !important;
  }

  .wtUpd2 {
    width: 490px;
  }
  .wtQary {
    width: 1000px;
  }
  .mainContnt {
    padding: 15px 15px 25px 15px;
  }
  .mainNavbar {
    padding: 13px 40px;
  }

  #comWrap {
    padding: 15px 30px;
  }

  .wtStat {
    max-width: 880px;
  }
  .pdLg {
    padding: 25px;
  }
  .iconBtns {
    width: 38px;
    height: 38px;
  }
  .chatHeader, .rptHeader {
    padding-left: 12px;
    padding-right: 12px;
  }
  .chatHeader {
    margin-bottom: 15px;
  }

  .rptHeader {
    padding-top: 20px;
    padding-bottom: 7px
  }

  .sidebar-menu .fa,
  .sidebar-menu .fab {
    margin-right: 25px;
  }
  .pdMg1 {
    padding: 15px;
    margin-bottom: 15px;
  }

  .pdMg2 {
    padding: 40px 20px 10px 20px;
    margin-bottom: 15px;
  }

  .indxDiv6 {
    margin-bottom: 60px;
  }

  .msgImg {
    margin-right: 17px;
  }

  .mesg1,
  .mesg2,
  .mesg3 {
    padding: 7px 25px;
  }

  .ovrTbl td:first-child,
  .ovrTbl th:first-child {
    padding-left: 30px !important;
    padding-right: 20px !important;
  }

  table th,
  table td {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .tblStat2 td:nth-child(2),
  .tblStat3 td:nth-child(2),
  .delTbl td:nth-child(2) {
    min-width: 105px;
  }

  .tblStat2 td:nth-child(4),
  .tblStat3 td:nth-child(3),
  #itadTb td:nth-child(2) {
    min-width: 170px;
  }

  .modal-content .prnBtn {
    font-size: 20px;
    margin-left: 20px;
  }

  .btnClose1 {
    width: 32px;
    height: 32px;
    margin-right: 15px;
  }

  .btnClose2, .prt2 {
    width: 34px;
    height: 34px;
  }

  .foto1 {
    width: 28px;
    height: 28px;
  }

  .foto2 {
    width: 30px;
    height: 30px;
  }

  .foto3, .msgBtn {
    width: 38px;
    height: 38px;
  }

  .dropdown-menu {
    min-width: 300px;
    padding: 15px 10px;
  }

  .dept,
  .tday {
    font-size: 22px;
  }

  #chartdiv1,
  #chartdiv2,
  #chartOvrDiv {
    padding: 20px 30px;
  }

  .offcanvas-start {
    width: 370px !important;
  }

  .notce {
    padding: 20px;
  }

  .navbar {
    max-height: 60px;
  }

  .contena1 {
    margin-top: 70px;
  }

  .compnyLogo1 {
    width: 85px;
  }
  
  .compnyLogo2 {
    width: 70px;
  }

  .compnyLogo3 {
    width: 70px;
  }

  .compnyLogo4 {
    width: 65px;
  }

  .md-input-wrapper select,
  .md-input-wrapper textarea,
  input[type="email"].md-form-control,
  input[type="file"].md-form-control,
  input[type="number"].md-form-control,
  input[type="password"].md-form-control,
  input[type="text"].md-form-control {
    padding: 10px 4px;
    font-size: 18px;
  }

  .md-form-control:focus~label,
  .md-form-control:valid~label {
    top: -14px;
    font-size: 16px;
  }

  .btnStart1 {
    padding: 14px 24px;
  }

  .srchUser {
    padding-left: 120px;
  }

  .adminHd {
    margin-right: 50px;
  }

  .wt1 {
    width: 85px;
  }

  .wt2 {
    width: 115px;
  }

  .wt3 {
    width: 125px;
  }

  .wt4 {
    width: 180px;
  }

  .wt5 {
    width: 190px;
  }

  .wt6 {
    width: 210px;
  }

  .wt7 {
    width: 230px;
  }

  .wt8 {
    width: 280px;
  }

  .wt9 {
    width: 340px;
  }

  .btnCnts {
    width: 170px;
    padding-top: 23px;
    padding-bottom: 23px;
  }
}

@media screen and (min-width: 1600px) {
  .cnt1 {
    top: -38px;
    left: -10px;
    width: 30px;
    height: 30px;
  }
  .metric-icon {
    width: 46px;
    height: 46px;
  }
  .chatSty1 button, .dvKlas2 button {
    width: 180px;
  }
  .pdd17 {
    padding: 20px 25px 30px 25px;
  }
  .chat3A, .chat3B {
    margin-bottom: 30px;
  }
  .wtMod2, 
  .wtMod4 {
    width: 470px !important;
  }
  .cards1 {
    padding-right: 15px;
  }
  .cards2 {
    padding-left: 15px;
  }
  .rptSty {
    padding: 45px;
  }
  .wtStat {
    max-width: 900px;
  }
  .form-control, .form-select {
    padding: 0.4rem 0.8rem;
  }
  .cardBody2 {
    padding: 0.8rem 1.6rem;
  }
  .actvItem1, .actvItem2 {
    padding: 10px 6px;
  }
  .rptSty {
    width: 700px;
  }
  .chatWt1 {
    width: 730px;
  }
  .chatWt2 {
    width: 390px;
  }
  .actvDotS, .actvDotP, .actvDotW, .actvDotI {
    width: 10px;
    height: 10px;
  }
  .mainNavbar {
    padding-left: 50px;
    padding-right: 50px;
  }
  body.sidebar-mini .treeAnch {
    padding-left: 18px;
  }
  .treeAnch {
    padding-left: 25px;
  }
  .edt1 #printTable {
    padding-left: 15px;
    padding-right: 15px;
  }
  .iBtns {
    padding: 5px 15px;
  }

  .btn5 {
    font-size: 22px;
    padding: 4px 12px;
  }
  .wth2 {
    width: 770px;
  }

  .wth6 {
    width: 650px;
  }
  .wth7 {
    width: 510px;
  }

  .wtRg {
    width: 740px;
  }

  .wtQary {
    width: 1100px;
  }
  .iconBtns {
    width: 39px;
    height: 39px;
  }

  .pdd8 {
    padding: 25px 35px 30px 35px;
  }

  .wth1 {
    width: 1050px;
  }

  .sidebar-menu .fa,
  .sidebar-menu .fab {
    margin-right: 30px;
  }

  .pdd1 {
    padding: 35px 55px;
  }

  .pdd2 {
    padding: 15px 25px;
  }

  .pdd3 {
    padding: 8px;
  }

  .pdd4 {
    padding: 20px;
  }

  .pdd5 {
    padding: 25px 10px 20px 25px;
  }

  .pdd6 {
    padding: 25px 25px 20px 10px;
  }

  .pdd7 {
    padding: 25px;
  }

  .pdd9 {
    padding: 50px 30px;
  }

  .pdd10 {
    padding: 26px 30px;
  }

  .pdd11 {
    padding: 30px 35px;
  }

  .pdd12, .pdd15 {
    padding: 30px;
  }

  .pdd13{
    padding: 20px 25px;
  }

  .pdd14 {
    padding: 35px 30px;
  }

  .mgbt1 {
    margin-bottom: 15px;
  }
  
  .mgbt2 {
    margin-bottom: 18px;
  }
  
  .mgbt3 {
    margin-bottom: 25px;
  }

  .txml {
    padding-left: 35px !important;
  }

  .chkbox {
    width: 30px !important;
    height: 30px !important;
  }

  #multi-response {
    font-size: 17px;
  }

  .ht1 {
    height: 40px;
  }

  .adminSach, .wtDats {
    width: 180px;
  }

  .tblStat2 td:nth-child(2),
  .tblStat3 td:nth-child(2),
  .delTbl td:nth-child(2) {
    min-width: 110px;
  }

  .tblStat2 td:nth-child(4),
  .tblStat3 td:nth-child(3),
  #itadTb td:nth-child(2) {
    min-width: 180px;
  }

  table th,
  table td {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .txbox {
    font-size: 24px;
  }

  .checkbx,
  input[type="checkbox"] {
    width: 17px;
    height: 17px;
  }

  .modal-content .prnBtn {
    font-size: 21px;
  }

  ul.ulCls1,
  ul.ulCls2 {
    max-height: 300px;
  }

  .prt2 {
    width: 34px;
    height: 34px;
  }

  p {
    line-height: 1.8;
  }

  .offcanvas-start {
    width: 390px !important;
  }

  .title2 {
    padding: 12px 8px;
  }

  .updHead1 {
    margin-bottom: 20px;
  }

  .rptDiv1 {
    margin-top: 10px;
  }

  .wth4 {
    max-width: 650px !important;
  }

  option {
    line-height: 20px;
    font-size: 19px;
  }

  .footerMain .contact1 {
    font-size: 23px !important;
  }

  .footerMain,
  .dept,
  .tday {
    font-size: 23px;
  }

  .footerMain {
    padding: 140px 40px;
  }

  .footerMain .footerFa1 {
    font-size: 36px !important;
  }

  .footerMain .footerFa2 {
    font-size: 27px !important;
  }

  .footerMain .footerFa3 {
    font-size: 25px !important;
  }

  .servItem .icon i {
    font-size: 26px;
  }

  .servItem .title {
    font-size: 25px;
  }

  .sbt1,
  .sbt2,
  .sbt3,
  .sbt4,
  .sbt5 {
    padding: 8px 30px !important;
  }

  .wtOk2 {
    padding: 6px 15px;
  }

  .navbar {
    max-height: 65px;
  }

  .contena1 {
    margin-top: 75px;
  }

  .compnyLogo1 {
    width: 90px;
  }

  .compnyLogo2 {
    width: 75px;
  }

  .compnyLogo3 {
    width: 75px;
  }

  .compnyLogo4 {
    width: 70px;
  }

  .indxCls {
    font-size: 28px;
  }

  .btnStart1 {
    padding: 16px 26px;
  }

  .md-input-wrapper {
    margin-bottom: 30px;
  }

  .wt1 {
    width: 95px;
  }

  .wt2 {
    width: 125px;
  }

  .wt3 {
    width: 135px;
  }

  .wt4 {
    width: 195px;
  }

  .wt5 {
    width: 205px;
  }

  .wt6 {
    width: 225px;
  }

  .wt7 {
    width: 245px;
  }

  .wt8 {
    width: 310px;
  }

  .wt9 {
    width: 360px;
  }

  .btnCnts {
    width: 180px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media screen and (min-width: 1800px) {
  .wtMod5 {
    width: 510px !important;
  }
  .cnt1 {
    font-size: 12px;
    top: -40px;
    left: -10px;
  }
  .metric-icon {
    width: 48px;
    height: 48px;
  }
  .indxCnt {
    margin-top: .7rem;
    margin-bottom: 2rem;
  }
  .btnStart1, .btnStart2 {
    width: 200px;
  }
  .chatSty1 button, .dvKlas2 button {
    width: 200px;
  }
  .chatBody {
    padding: 2rem;
  }
  .pdd8 {
    padding: 27px 37px 32px 37px;
  }
  .impt1 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .dvKlas1 input[type="number"] {
    padding-left: 1.6rem;
  }
  input[type="file"]::file-selector-button {
    padding: 6px 5px 6px 25px ;
  }
  .dvKlas1 {
    padding: 40px 22px 22px 22px;
  }
  .dvKlas2 {
    padding: 40px 30px 30px 30px;
  }
  .modBdy2 {
    padding: 0 22px 22px 22px;
  }
  .wtMod2, 
  .wtMod4 {
    width: 510px !important;
  }
  .statRepHead {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .pdd1 {
    padding: 40px 60px;
  }
  .pdd3 {
    padding: 9px;
  }

  .sbt2 {
    margin-top: 40px;
    margin-bottom: 25px;
  }

  .sbt3 {
    margin-top: 35px;
    margin-bottom: 15px;
  }

  .sbt4 {
    margin-top: 25px;
    margin-bottom: 45px;
  }

  .sbt5 {
    margin-top: 45px;
    margin-bottom: 25px;
  }

  .wtStat {
    max-width: 1000px;
  }
  .actvItem1, .actvItem2 {
    padding: 11px 7px;
  }
  .cardBody2 {
    padding: 0.9rem 1.8rem;
  }
  .tmet {
    padding-right: 80px !important;
  }
  .mainNavbar {
    padding-left: 70px;
    padding-right: 70px;
  }
  .btn1, .btn2 {
    padding: 9px 20px;
    width: 140px;
  }
  .btn5 {
    font-size: 23px;
  }
  body.sidebar-mini .sidebarNav {
    padding: 0 .8rem;
  }
  .sidebarNav {
    padding: 0 1.1rem;
  }
  body.sidebar-mini .treeAnch {
    padding-left: 18px;
  }
  .treeAnch {
    padding-left: 30px;
  }
  .wth2 {
    width: 800px;
  }
  .wtUpd2 {
    width: 450px;
  }

  .wth6 {
    width: 700px;
  }
  .wth7 {
    width: 550px;
  }

  .mainContnt {
    padding: 17px 17px 25px 17px;
  }

  .wtRg {
    width: 770px;
  }

  .pdLg {
    padding: 30px;
  }

  .wth1 {
    width: 1100px;
  }

  .sidebar-menu .fa,
  .sidebar-menu .fab {
    margin-right: 40px;
  }
  .iconBtns {
    width: 40px;
    height: 40px;
  }
  .pgHd1 {
    margin-bottom: 28px;
    padding: 19px 28px;
  }
  .pgHd2 {
    margin-bottom: 20px;
    padding: 16 28px;
  }
  :root {
    --sidebar-width: 360px;
  }
  .nvLogo {
    width: 64px;
  }
  .myInputs {
    font-size: 18px;
  }
  .stbl {
    padding-left: 20px;
    padding-right: 20px;
  }
  .cards1 {
    padding-right: 17px;
  }
  .cards2 {
    padding-left: 17px;
  }
  .chatHeader, .rptHeader {
    padding-left: 15px;
    padding-right: 15px;
  }
  .chatHeader {
    margin-bottom: 20px;
  }

  .rptHeader {
    padding-top: 22px;
    padding-bottom: 10px
  }

  .compnyLogo1 {
    width: 95px;
  }

  .compnyLogo2 {
    width: 80px;
  }

  .compnyLogo3 {
    width: 80px;
  }

  .compnyLogo4 {
    width: 75px;
  }

  .msgImg {
    margin-right: 20px;
  }

  .servList {
    padding: 30px 100px 50px 100px;
  }

  ul.uls {
    padding-left: 30px;
  }

  .mesg1,
  .mesg2,
  .mesg3 {
    padding: 10px 30px;
  }

  .ovrTbl td:first-child,
  .ovrTbl th:first-child {
    padding-left: 40px !important;
    padding-right: 30px !important;
  }

  .tblStat2 td:nth-child(2),
  .tblStat3 td:nth-child(2),
  .delTbl td:nth-child(2) {
    min-width: 115px;
  }

  .tblStat2 td:nth-child(4),
  .tblStat3 td:nth-child(3) ,
  #itadTb td:nth-child(2){
    min-width: 190px;
  }

  .txbox {
    font-size: 25px;
  }

  .rkmd-checkbox .input-checkbox {
    width: 36px;
    height: 36px;
  }

  .chatSty1 {
    padding: 45px 25px 10px 50px;
  }

  .foto1 {
    width: 30px;
    height: 30px;
    text-align: center;
  }

  .foto2 {
    width: 32px;
    height: 32px;
  }

  .foto3, .msgBtn {
    width: 40px;
    height: 40px;
  }

  p {
    line-height: 2.0;
  }

  .dept,
  .tday {
    font-size: 24px;
  }

  table th,
  table td {
    font-size: 17.5px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .dropdown-menu {
    min-width: 350px;
  }

  .notce {
    padding: 25px;
  }

  .offcanvas-start {
    width: 410px !important;
  }

  #chartdiv1,
  #chartdiv2,
  #chartOvrDiv {
    padding: 25px 40px;
  }

  .wtLg {
    width: 470px;
  }

  .wth4 {
    max-width: 700px !important;
  }

  .wth5 {
    width: 550px;
  }

  option {
    line-height: 1.8 !important;
    font-size: 20px;
  }

  .modal-content .prnBtn {
    font-size: 22px;
    margin-left: 25px;
    margin-top: 15px;
  }

  .btnClose1 {
    width: 34px;
    height: 34px;
    margin-right: 20px;
  }

  .btnClose2, .prt2 {
    width: 38px;
    height: 38px;
  }

  .servItem .icon i {
    font-size: 27px;
  }

  .servItem .title {
    font-size: 26px;
  }

  .rptHd {
    font-size: 21px;
    font-weight: 600;
  }
  
  .bbotm1,
  .bbotm3 {
    border-bottom: 2px solid #ddd;
    background-color: #02203f;
    padding: 5px 10px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .bbotm2 {
    justify-content: space-around;
    padding: calc(3px + .05vw) calc(10px + .1vw);
  }

  .md-input-wrapper select,
  .md-input-wrapper textarea,
  input[type="email"].md-form-control,
  input[type="file"].md-form-control,
  input[type="number"].md-form-control,
  input[type="password"].md-form-control,
  input[type="text"].md-form-control {
    padding: 9px 4px;
    font-size: 19px;
  }

  .md-form-control:focus~label,
  .md-form-control:valid~label {
    top: -14px;
    font-size: 17px;
  }

  .rptSty {
    padding: 50px;
    width: 750px;
  }

  .chatWt1 {
    width: 770px;
  }
  .chatWt2 {
    width: 420px;
  }

  .wt1 {
    width: 105px;
  }

  .wt2 {
    width: 135px;
  }

  .wt3 {
    width: 145px;
  }

  .wt4 {
    width: 210px;
  }

  .wt5 {
    width: 220px;
  }

  .wt6 {
    width: 240px;
  }

  .wt7 {
    width: 260px;
  }

  .wt8 {
    width: 330px;
  }

  .wt9 {
    width: 380px;
  }

  .btnCnts {
    width: 190px;
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .me-1 {
    margin-right: 0.75rem !important;
  }

  .me-2 {
    margin-right: 1.2rem !important;
  }

  .me-3 {
    margin-right: 1.7rem !important;
  }

  .ms-1 {
    margin-left: 0.75rem !important;
  }

  .ms-2 {
    margin-left: 1.2rem !important;
  }

  .ms-3 {
    margin-left: 1.7rem !important;
  }
}

@media screen and (min-width: 2000px) {
  .wtMod5 {
    width: 530px !important;
  }
  .cnt1 {
    top: -41px;
    left: -11px;
    width: 32px;
    height: 32px;
  }
  .metric-icon {
    width: 50px;
    height: 50px;
  }
  .chatSty1 button, .dvKlas2 button {
    width: 220px;
  }
  .chat3A, .chat3B {
    margin-bottom: 35px;
  }
  .metricCard {
    padding: 1.6rem 2.5rem;
  }
  .pdd8 {
    padding: 30px 40px 35px 40px;
  }
  .rptSty {
    width: 800px;
    padding: 55px;
  }
  .wth1 {
    width: 1200px;
  }
  .pdd3 {
    padding: 10px;
  }
  .cards1 {
    padding-right: 20px;
  }
  .cards2 {
    padding-left: 20px;
  }
  .cardBody2 {
    padding: 1rem 2rem;
  }

  .statRepHead {
    font-size: 24px;
  }

  .chatHeader, .rptBody {
    font-size: 22px;
  }

  .chatHeader {
    margin-bottom: 25px;
  }

  .rptHeader {
    padding-top: 25px;
    padding-bottom: 12px
  }

  .pdd16 {
    padding: 20px 30px;
  }

  .pdd17 {
    padding: 22px 27px 32px 27px;
  }
  .chatWt1 {
    width: 800px;
  }
  .chatWt2 {
    width: 450px;
  }
  .actvItem1, .actvItem2 {
    padding: 12px 8px;
  }
  .actvDotS, .actvDotP, .actvDotW, .actvDotI {
    width: 11px;
    height: 11px;
  }
  
  .tblStat2 td:nth-child(2),
  .tblStat3 td:nth-child(2),
  .delTbl td:nth-child(2) {
    min-width: 120px;
  }

  .tblStat2 td:nth-child(4),
  .tblStat3 td:nth-child(3) ,
  #itadTb td:nth-child(2){
    min-width: 200px;
  }

  .sbt1,
  .sbt2,
  .sbt3,
  .sbt4,
  .sbt5 {
    padding: 8px 35px !important;
  }
  #chartdiv1,
  #chartdiv2,
  #chartOvrDiv {
    width: 1500px;
  }
  .mainNavbar {
    padding-left: 100px;
    padding-right: 100px;
  }
  body {
    font-size: 21px;
  }
  .btn1, .btn2 {
    font-size: 17px;
    padding: 10px 20px;
    width: 150px;
  }
  .btn5 {
    font-size: 24px;
    padding: 5px 14px;
  }

  .msgText p,
  .msgSender1,
  .msgSender2,
  .msgSender3,
  .btnClose1,
  .btnClose2 {
    font-size: 22px;
  }
  .wtLg {
    width: 500px;
  }
  .wtAerd {
    width: 26px;
  }
  .sidebarNav, body.sidebar-mini .sidebarNav {
    padding: 0 1.3rem;
  }
  body.sidebar-mini .treeAnch {
    padding-left: 20px;
  }
  .treeAnch {
    padding-left: 40px;
  }
  .btn {
    font-size: 19px;
    padding: 6px 16px;
  }
  table th, table td {
    font-size: 16px !important;
  }
  .sdbarText {
    font-size: 22px;
  }

  .btnCnts {
    font-size: 20px !important;
    width: 200px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .indxImg {
    width: calc(350px + 5vw);
  }

  .mainContnt {
    padding: 20px 20px 25px 20px;
  }

  .msgtimDiv {
    font-size: 15px;
  }

  .wtMod1 {
    max-width: 900px !important;
  }

  .tbtot {
    font-size: 24px;
  }

  .wth5 {
    width: 600px;
  }

  .wtRg {
    width: 800px;
  }
  .sidebar-menu .fa,
  .sidebar-menu .fab {
    margin-right: 45px;
  }
  .iconBtns {
    width: 42px;
    height: 42px;
  }

  .pdd1 {
    padding: 45px 65px;
  }

  .pdd2 {
    padding: 15px 30px;
  }

  .pdd4 {
    padding: 25px;
  }

  .pdd5 {
    padding: 30px 15px 25px 30px;
  }

  .pdd6 {
    padding: 30px 30px 25px 15px;
  }

  .pdd7 {
    padding: 30px;
  }

  .pdd9 {
    padding: 60px 35px;
  }

  .pdd10 {
    padding: 30px 35px;
  }

  .pdd11 {
    padding: 35px 40px;
  }

  .pdd12, .pdd15 {
    padding: 35px;
  }

  .pdd13{
    padding: 22px 27px;
  }

  .pdd14 {
    padding: 40px 35px;
  }
  
  .mgbt3 {
    margin-bottom: 30px;
  }

  .pgHd1 {
    margin-bottom: 30px;
    padding: 21px 30px;
  }
  .pgHd2 {
    margin-bottom: 25px;
    padding: 18 30px;
  }
  .mainStart, .fota1 {
    padding: 30px;
  }
  :root {
    --sidebar-width: 400px;
    --sidebar-mini-width: 120px;
  }
  .nvLogo {
    width: 70px;
  }
  .myInputs {
    font-size: 19px;
  }
  .stbl {
    padding-left: 25px;
    padding-right: 25px;
  }

  .pdMg1 {
    padding: 20px;
    margin-bottom: 20px;
  }

  .pdMg2 {
    padding: 50px 30px 20px 30px;
    margin-bottom: 20px;
  }

  h3 {
    font-size: 35px !important;
  }
  
  h4 {
    font-size: 31px !important;
  }
  
  h5, .statRepHead {
    font-size: 24px !important;
  }
  
  h6,
  .fnt6 {
    font-size: 21.5px !important;
  }
  
  .fnt1 {
    font-size: 20px !important;
  }
  
  .fnt7, .dvKlas2, .thctr, .mtricTbl td, .sendTo {
    font-size: 22px !important;
  }
 
  .fnt2,
  input,
  select,
  textarea,
  ul.ulCls1,
  ul.ulCls2,
  li,
  p,
  #mlmsg {
    font-size: 19px !important;
  }
  
  a .fab,
  li .fab,
  span .fab,
  a .fas,
  li .fas,
  span .fas,
  .servList li,
  #sndHd {
    font-size: 23px !important;
  }

  a .fa,
  li .fa,
  span .fa,
  .mtricTbl th {
    font-size: 21px !important;
  }

  .fnt5, .dvKlas2 {
    font-size: 23px !important;
  }
  
  .fnt3,
  .wtOk2 {
    font-size: 21.5px !important;
  }

  .sbt1,
  .sbt2,
  .sbt3,
  .sbt4,
  .wtOk2,
  .sbt5 {
    font-size: 18px !important;
  }

  .contentTtl {
   font-size: 26px !important;
  }

  .contentPic {
    width: 70px;
  }
  
  .userPic {
    width: 55px;
  }
  
  .drpItem {
    font-size: 26px;
  }

  .ps4 {
    padding-left: 30px;
  }

  .tdc1, .tdc4 {
    font-size: 17.5px !important;
  }
  .tdc2 {
    font-size: 19.5px !important;
  }
  .tdc3 {
    font-size: 20.5px !important;
  }

  .faint1, .faint2 {
    font-size: 17px !important;
  }

  .txml {
    padding-left: 45px !important;
  }

  #multi-response {
    font-size: 18px;
  }
  
  .wtStat {
    max-width: 1100px;
  }

  .ht1 {
    height: 45px;
  }

  .servList {
    padding: 30px 140px 50px 140px;
  }

  p {
    line-height: 2.2;
  }

  .modal-content .prnBtn {
    font-size: 23px;
    margin-left: 35px;
  }

  .btnClose1 {
    width: 36px;
    height: 36px;
    margin-right: 25px;
  }

  .btnClose2, .prt2 {
    width: 40px;
    height: 40px;
  }

  .updHead1 {
    margin-bottom: 30px;
  }

  .title2 {
    padding: 15px 10px;
  }

  .wth4 {
    max-width: 750px !important;
  }

  .offcanvas-start {
    width: 430px !important;
  }

  .footerMain .contact1 {
    font-size: 25px !important;
  }

  .footerMain {
    font-size: 25px;
    padding: 160px 50px;
  }

  .footerMain .footerFa1 {
    font-size: 40px !important;
  }

  .footerMain .footerFa2 {
    font-size: 30px !important;
  }

  .footerMain .footerFa3 {
    font-size: 27px !important;
  }

  .contena1 {
    margin-top: 80px;
  }

  .compnyLogo1 {
    width: 100px;
  }

  .compnyLogo2 {
    width: 85px;
  }

  .compnyLogo3 {
    width: 85px;
  }

  .compnyLogo4 {
    width: 80px;
  }

  .dept,
  .tday {
    font-size: 25px;
  }

  .rptDiv1 {
    margin-top: 20px;
  }

  .servItem .icon i {
    font-size: 28px;
  }

  .servItem .title {
    font-size: 27px;
  }

  .wt1 {
    width: 120px;
  }

  .wt2 {
    width: 150px;
  }

  .wt3 {
    width: 160px;
  }

  .wt4 {
    width: 230px;
  }

  .wt5 {
    width: 240px;
  }

  .wt6 {
    width: 260px;
  }

  .wt7 {
    width: 280px;
  }

  .wt8 {
    width: 360px;
  }

  .wt9 {
    width: 400px;
  }
}

@media screen and (min-width: 2300px) {
  .wtMod5 {
    width: 560px !important;
  }
  .servList {
    padding: 30px 170px 50px 170px;
  }
  .indxCnt {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
  }
  .btnStart1, .btnStart2 {
    width: 220px;
  }
  .rptSty {
    width: 850px;
    padding: 60px;
  }
  .mainNavbar {
    padding-left: 140px;
    padding-right: 140px;
  }

  .btnCnts {
    width: 220px;
  }
}

@media screen and (min-width: 2600px) {
  .wtMod5 {
    width: 600px !important;
  }
  .servList {
    padding: 30px 200px 50px 200px;
  }
  .pdd17 {
    padding: 25px 30px 35px 30px;
  }
  .impt1 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .sbt5 {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .dvKlas1 {
    padding: 45px 25px 25px 25px;
  }
  .dvKlas2 {
    padding: 45px 35px 35px 35px;
  }
  .modBdy2 {
    padding: 0 25px 25px 25px;
  }
  .wtMod2, 
  .wtMod4 {
    width: 550px !important;
  }
  .cards1 {
    padding-right: 22px;
  }
  .cards1 {
    padding-left: 22px;
  }
  .rptSty {
    width: 900px;
  }
  .wtStat, .wth1 {
    width: 1300px;
  }
  .mainNavbar {
    padding-left: 160px;
    padding-right: 160px;
  }
  .btnCnts {
    width: 230px;
  }
  .cBody {
    background: #333;
  }
  .contaner {
    width: 2500px;
    margin-right: auto;
    margin-left: auto;
    background-color: #e1e1e8;
  }
  .adminSidebar {
    inset: 0 0 0 calc((100vw - 2500px)/2);
  }
}

@media screen and (min-width: 768px) and (max-width: 820px) {
  .mtcd3, .mtcd4 {
    min-height: 350px;
  }
}

/* Media Screen Min Height */
@media screen and (min-height: 500px) {
  .wtUpd2 {
    margin-top: 15px;
  }
}

@media screen and (min-height: 560px) {
  .wtLg {
    margin-top: 15px;
  }

  #chartdiv1,
  #chartdiv2 {
    height: 480px;
  }

  #chartOvrDiv {
    height: 520px;
  }
}

@media screen and (min-height: 600px) {
  .wtUpd2 {
    margin-top: 20px;
  }
  .mgt1 {
    margin-top: 10px;
  }
  .wtLg {
    margin-top: 20px;
  }

  #chartdiv1,
  #chartdiv2 {
    height: 520px;
  }

  #chartOvrDiv {
    height: 560px;
  }
}

@media screen and (min-height: 700px) {
  .statRepHead {
    margin-top: 20px;
    margin-bottom: 25px;
  }
  .mgt1 {
    margin-top: 15px;
  }
  .pgHd1 {
    padding: calc(10px + .4vh) calc(10px + 1vw);
  }
  .pgHd2 {
    padding: calc(10px + .2vh) calc(10px + 1vw);
  }

  .wtLg {
    margin-top: 30px;
  }

  .fomDiv1 {
    min-height: 250px;
  }

  #chartdiv1,
  #chartdiv2 {
    height: 560px;
  }

  #chartOvrDiv {
    height: 600px;
  }
}

@media screen and (min-height: 800px) {
  .wtUpd2 {
    margin-top: 25px;
  }
  .fomDiv1 {
    min-height: 300px;
  }

  #chartOvrDiv {
    height: 700px;
  }
}

@media screen and (min-height: 1000px) {
  .statRepHead {
    margin-top: 22px;
    margin-bottom: 27px;
  }
  .mb-1 {
    margin-bottom: 0.4rem !important;
  }
  
  .mb-2 {
    margin-bottom: 0.7rem !important;
  }
  
  .mb-3 {
    margin-bottom: 1.3rem !important;
  }
  
  .mb-4, .mgb4 {
    margin-bottom: 1.8rem !important;
  }
  
  .mb-5 {
    margin-bottom: 3.3rem !important;
  }
  .mgt1 {
    margin-top: 20px;
  }
  .wtLg {
    margin-top: 40px;
  }
  #chartdiv1,
  #chartdiv2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #chartOvrDiv {
    height: 900px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .fomDiv1 {
    min-height: 350px;
  }
}

@media screen and (min-height: 1100px) {
  .mgt1 {
    margin-top: 25px;
  }
  .mgb4 {
    margin-bottom: 3rem !important;
  }
}

@media screen and (min-height: 1200px) {
  .statRepHead {
    margin-top: 25px;
    margin-bottom: 30px;
  }
  .mgb4 {
    margin-bottom: 3.5rem !important;
  }
  .mgt1 {
    margin-top: 30px;
  }
  .metricCard {
    min-height: 220px;
  }
  #chartdiv1,
  #chartdiv2 {
    margin-top: 1vh;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #chartOvrDiv {
    height: 1000px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .wtRg {
    margin-top: 20px;
  }
}

@media screen and (min-height: 1300px) {
  .mgt1 {
    margin-top: 35px;
  }
  .mgb4 {
    margin-bottom: 4rem !important;
  }
  .wtRg {
    margin-top: 3vh;
  }

  .fomDiv1 {
    min-height: 400px;
  }

  #chartOvrDiv {
    height: 1100px;
  }
}
@media screen and (min-height: 1400px) {
  .statRepHead {
    margin-top: 27px;
    margin-bottom: 33px;
  }
  .mgb4 {
    margin-bottom: 4.5rem !important;
  }
  .mgt1 {
    margin-top: 40px;
  }
  .metricCard {
    min-height: 240px;
  }
}

@media screen and (min-height: 1500px) {
  .mgb4 {
    margin-bottom: 5rem !important;
  }
  #chartdiv1,
  #chartdiv2 {
    height: 600px;
    padding-top: 35px;
    padding-bottom: 35px;
  }

  #chartOvrDiv {
    height: 1300px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wtRg {
    margin-top: 4vh;
  }
}

@media screen and (min-height: 1600px) {
  .statRepHead {
    margin-top: 30px;
    margin-bottom: 35px;
  }
  .metricCard {
    min-height: 260px;
  }
}

@media screen and (min-height: 1800px) {
  .statRepHead {
    margin-top: 35px;
    margin-bottom: 40px;
  }
  .wtQary {
    width: 1200px;
  }
  .metricCard {
    min-height: 280px;
  }
  #chartdiv1,
  #chartdiv2 {
    height: 700px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  #chartOvrDiv {
    height: 1000px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .wtRg {
    margin-top: 5vh;
  }
}

@media screen and (min-height: 2000px) {
  .metricCard {
    min-height: 300px;
  }
  .wtQary {
    width: 1300px;
  }
  #chartdiv1,
  #chartdiv2 {
    height: 800px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media screen and (min-height: 2200px) {

  #chartdiv1,
  #chartdiv2 {
    height: 900px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 499.99px) and (min-height: 680px) {
  .wth5 {
    margin-top: 15px;
  }
}

@media screen and (min-width: 500px) and (min-height: 600px) {
  .wth5 {
    margin-top: 20px;
  }
}

@media screen and (min-width: 500px) and (min-height: 900px) {
  .wth5 {
    margin-top: 25px;
  }
}

@media screen and (min-width: 576px) and (min-height: 600px) {
  .wth4 {
    margin-top: 20px;
  }
}

@media screen and (min-width: 576px) and (min-height: 700px) {
  .rptSty, .chatWt1, .chatWt2 {
    margin-top: 15px;
  }

  .wth4 {
    margin-top: 30px;
  }
}

@media screen and (min-width: 576px) and (min-height: 900px) {
  .rptSty, .chatWt1, .chatWt2 {
    margin-top: 20px;
  }

  .contentTtl {
    margin-top: 4vh;
    margin-bottom: 7vh;
  }

  .trumbowyg-box,
  .trumbowyg-editor {
    min-height: 400px;
  }

  .trumbowyg-editor,
  .trumbowyg-textarea {
    min-height: 400px;
  }
}

@media screen and (min-width: 576px) and (min-height: 1000px) {
  .trumbowyg-box,
  .trumbowyg-editor {
    min-height: 250px !important;
  }

  .trumbowyg-editor,
  .trumbowyg-textarea {
    min-height: 250px !important;
  }

  .contentTtl {
    margin-top: 5vh;
    margin-bottom: 8vh;
  }
}

@media screen and (min-width: 576px) and (min-height: 1200px) {
  .rptSty, .chatWt1, .chatWt2 {
    margin-top: 25px;
  }
  .contentTtl {
    margin-top: 6vh;
    margin-bottom: 9vh;
  }
}

@media screen and (min-width: 576px) and (min-height: 1500px) {
  .rptSty, .chatWt1, .chatWt2 {
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px) and (min-height: 600px) {
  .edt2 table td {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  .mbtm-1 {
    margin-bottom: calc(4px + 2.0vh) !important;
  }

  .mbtm-2 {
    margin-bottom: calc(8px + 2.0vh) !important;
  }

  .mbtm-3 {
    margin-bottom: calc(16px + 2.0vh) !important;
  }

  .mbtm-4 {
    margin-bottom: calc(24px + 2.0vh) !important;
  }

  .mbtm-5 {
    margin-bottom: calc(48px + 2.0vh) !important;
  }
}

@media screen and (min-width: 768px) and (min-height: 700px) {
  .edt2 table td {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .mbt-1 {
    margin-bottom: calc(4px + 1.0vh) !important;
  }

  .mbt-2 {
    margin-bottom: calc(8px + 1.0vh) !important;
  }

  .mbt-3 {
    margin-bottom: calc(16px + 1.0vh) !important;
  }

  .mbt-4 {
    margin-bottom: calc(24px + 1.0vh) !important;
  }

  .mbt-5 {
    margin-bottom: calc(48px + 1.0vh) !important;
  }

  .mbtm-1 {
    margin-bottom: calc(4px + 3.0vh) !important;
  }

  .mbtm-2 {
    margin-bottom: calc(8px + 3.0vh) !important;
  }

  .mbtm-3 {
    margin-bottom: calc(16px + 3.0vh) !important;
  }

  .mbtm-4 {
    margin-bottom: calc(24px + 3.0vh) !important;
  }

  .mbtm-5 {
    margin-bottom: calc(48px + 3.0vh) !important;
  }
}

@media screen and (min-width: 768px) and (min-height: 800px) {
  .edt1 table td {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
}

@media screen and (min-width: 768px) and (min-height: 900px) {
  .wtStat {
    margin-top: 15px;
  }
  .edt2 table td {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
}

@media screen and (min-width: 768px) and (min-height: 1000px) {
  .wtStat table td {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
  .wtStat {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) and (min-height: 1100px) {
  .treeview {
    margin-bottom: 9px;
  }
  .treeAnch {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .brandSubtitle {
    margin-top: .5rem;
    margin-bottom: .4rem;
  }

  .sidebarFooter {
    padding: 1.5rem .1rem 1.3rem .1rem ;
  }
  .wtStat {
    margin-top: 22px;
  }
  .wtStat table td {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .mbtm-1 {
    margin-bottom: calc(4px + 5.0vh) !important;
  }

  .mbtm-2 {
    margin-bottom: calc(8px + 5.0vh) !important;
  }

  .mbtm-3 {
    margin-bottom: calc(16px + 5.0vh) !important;
  }

  .mbtm-4 {
    margin-bottom: calc(24px + 5.0vh) !important;
  }

  .mbtm-5 {
    margin-bottom: calc(48px + 5.0vh) !important;
  }

  .mbt-1 {
    margin-bottom: calc(4px + 1.5vh) !important;
  }

  .mbt-2 {
    margin-bottom: calc(8px + 1.5vh) !important;
  }

  .mbt-3 {
    margin-bottom: calc(16px + 1.5vh) !important;
  }

  .mbt-4 {
    margin-bottom: calc(24px + 1.5vh) !important;
  }

  .mbt-5 {
    margin-bottom: calc(48px + 1.5vh) !important;
  }
}

@media screen and (min-width: 768px) and (min-height: 1200px) {
  .treeview {
    margin-bottom: 11px;
  }
  .treeAnch {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .brandSubtitle {
    margin-top: .6rem;
    margin-bottom: .6rem;
  }
  .wtStat {
    margin-top: 25px;
  }
  .wtStat table td {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}

@media screen and (min-width: 768px) and (min-height: 1300px) {
  .treeview {
    margin-bottom: 12px;
  }
  .treeAnch {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .brandSubtitle {
    margin-top: .6rem;
    margin-bottom: .8rem;
  }
  .wtStat {
    margin-top: 30px;
  }
  .wtStat table td {
    padding-top: 21px !important;
    padding-bottom: 21px !important;
  }
  .wtStat .form-control,
  .wtStat .form-select {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .mbtm-1 {
    margin-bottom: calc(4px + 6.0vh) !important;
  }

  .mbtm-2 {
    margin-bottom: calc(8px + 6.0vh) !important;
  }

  .mbtm-3 {
    margin-bottom: calc(16px + 6.0vh) !important;
  }

  .mbtm-4 {
    margin-bottom: calc(24px + 6.0vh) !important;
  }

  .mbtm-5 {
    margin-bottom: calc(48px + 6.0vh) !important;
  }

  .mbt-1 {
    margin-bottom: calc(4px + 2.0vh) !important;
  }

  .mbt-2 {
    margin-bottom: calc(8px + 2.0vh) !important;
  }

  .mbt-3 {
    margin-bottom: calc(16px + 2.0vh) !important;
  }

  .mbt-4 {
    margin-bottom: calc(24px + 2.0vh) !important;
  }

  .mbt-5 {
    margin-bottom: calc(48px + 2.0vh) !important;
  }
}

@media screen and (min-width: 768px) and (min-height: 1400px) {
  .treeview {
    margin-bottom: 14px;
  }
  .treeAnch {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .brandSubtitle {
    margin-top: .7rem;
    margin-bottom: 1rem;
  }
  .sidebarFooter {
    padding: 1.5rem .1rem 1.5rem .1rem ;
  }
  .wtStat table td {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media screen and (min-width: 768px) and (min-height: 1500px) {
  .treeview {
    margin-bottom: 16px;
  }
  .treeAnch {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .brandSubtitle {
    margin-top: .9rem;
    margin-bottom: 1rem;
  }
  .wtStat {
    margin-top: 35px;
  }
  .wtStat table td {
    padding-top: 27px !important;
    padding-bottom: 27px !important;
  }

  .mbt-1 {
    margin-bottom: calc(4px + 3vh) !important;
  }

  .mbt-2 {
    margin-bottom: calc(8px + 3vh) !important;
  }

  .mbt-3 {
    margin-bottom: calc(16px + 3vh) !important;
  }

  .mbt-4 {
    margin-bottom: calc(24px + 3vh) !important;
  }

  .mbt-5 {
    margin-bottom: calc(48px + 3vh) !important;
  }
}

@media screen and (min-width: 768px) and (min-height: 1600px) {
  .wtStat .form-control,
  .wtStat .form-select {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .treeview {
    margin-bottom: 18px;
  }
  .treeAnch {
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .wtStat {
    margin-top: 40px;
  }
  .wtStat table td {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 768px) and (min-height: 1700px) {
  .treeview {
    margin-bottom: 20px;
  }
  .treeAnch {
    padding-top: 28px;
    padding-bottom: 28px;
  }
}

@media screen and (min-width: 768px) and (min-height: 1800px) {
  .treeview {
    margin-bottom: 22px;
  }
  .treeAnch {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .mbt-1 {
    margin-bottom: calc(4px + 4vh) !important;
  }

  .mbt-2 {
    margin-bottom: calc(8px + 4vh) !important;
  }

  .mbt-3 {
    margin-bottom: calc(16px + 4vh) !important;
  }

  .mbt-4 {
    margin-bottom: calc(24px + 4vh) !important;
  }

  .mbt-5 {
    margin-bottom: calc(48px + 4vh) !important;
  }
}

@media screen and (min-width: 992px) and (min-height: 1000px) {
  .edt1 table td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .edt2 table td {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}

@media screen and (min-width: 1400px) and (min-height: 1200px) {
  .edt1 table td {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  .edt2 table td {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}

@media screen and (min-width: 1400px) and (min-height: 1500px) {
  .footerMain {
    padding: 180px 70px;
  }

  .edt2 table td {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 1400px) and (min-height: 1800px) {
  .footerMain {
    padding: 190px 80px;
  }
}

@media screen and (min-width: 1400px) and (min-height: 2000px) {
  .footerMain {
    padding: 200px 100px;
  }
}

.msgTbl1 table {
  width: 100%;
  border-collapse: collapse;
  background-color: #fff;
}

.msgTbl1 table td {
  padding-top: calc(3px + 0.05vw) !important;
  padding-bottom: calc(3px + 0.05vw) !important;
  padding-left: calc(8px + 0.05vw) !important;
  padding-right: calc(4px + 0.05vw) !important;
  font-size: calc(14px + 0.2vw) !important;
}

.msgTbl1 th {
  text-align: left;
}

.msgTbl1 {
  overflow: auto;
  margin-bottom: 15px;
  max-height: calc(130px + 6vh);
  border-radius: 2px;
  padding: calc(9px + 0.2vw);
}

@media screen and (max-width: 991.98px) and (min-height: 500px){
  .mainNavbar {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}

@media screen and (max-width: 991.98px) and (min-height: 550px){
  .mainNavbar {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 991.98px) and (min-height: 600px){
  .mainNavbar {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

@media screen and (max-width: 991.98px) and (min-height: 700px){
  .mainNavbar {
    padding-top: 17px;
    padding-bottom: 17px;
  }
}

@media screen and (max-width: 991.98px) and (min-height: 800px){
  .mainNavbar {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

@media screen and (max-width: 991.98px) and (min-height: 900px){
  .mainNavbar {
    padding-top: 19px;
    padding-bottom: 19px;
  }
}

@media screen and (max-width: 991.98px) and (min-height: 1000px){
  .mainNavbar {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 991.98px) and (min-height: 1100px){
  .mainNavbar {
    padding-top: 21px;
    padding-bottom: 21px;
  }
}

@media screen and (max-width: 991.98px) and (min-height: 1200px){
  .mainNavbar {
    padding-top: 22px;
    padding-bottom: 22px;
  }
}

@media screen and (min-width: 992px) and (min-height: 700px) {
  .mainNavbar {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}

@media screen and (min-width: 992px) and (min-height: 800px) {
  .mainNavbar {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 992px) and (min-height: 900px) {
  .mainNavbar {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

@media screen and (min-width: 992px) and (min-height: 1000px) {
  .mainNavbar {
    padding-top: 17px;
    padding-bottom: 17px;
  }
}

@media screen and (min-width: 992px) and (min-height: 1100px) {
  .mainNavbar {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .sidebarHeader {
    padding: 1rem .7rem .6rem .7rem;
  }
}

@media screen and (min-width: 992px) and (min-height: 1200px) {
  .mainNavbar {
    padding-top: 19px;
    padding-bottom: 19px;
  }
}

@media screen and (min-width: 992px) and (min-height: 1300px) {
  .mainNavbar {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sidebarHeader {
    padding: 1.2rem .7rem .8rem .7rem;
  }
}

@media screen and (min-width: 992px) and (min-height: 1400px) {
  .mainNavbar {
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .sidebarHeader {
    padding: 1.4rem .7rem 1rem .7rem;
  }
}

@media screen and (min-width: 992px) and (min-height: 1500px) {
  .mainNavbar {
    padding-top: 22px;
    padding-bottom: 22px;
  }
}

@media screen and (min-width: 992px) and (min-height: 1600px) {
  .mainNavbar {
    padding-top: 23px;
    padding-bottom: 23px;
  }

  .sidebarHeader {
    padding: 1.6rem .7rem 1.2rem .7rem;
  }
}

@media screen and (min-width: 992px) and (min-height: 1700px) {
  .mainNavbar {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

@media screen and (min-width: 992px) and (min-height: 1800px) {
  .mainNavbar {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}