body {
  background-color: #e2e3e6;
  overflow-x: hidden;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: calc(15.5px + 0.25vw);
}
a {
  color: #00b9f5;
  font-weight: 400;
  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:focus,
* a:hover {
  text-decoration: none !important;
}
a .fa {
  color: #4d4d4d;
}
.fa-caret-down {
  color: #595959 !important;
}
.fa-angle-down {
  color: #595959 !important;
  font-size: 14px !important;
}
.fa-globe {
  color: blue !important;
}
.grp {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.prntCsv {
  padding: 2px 50px;
  background-color: #494949;
  margin-bottom: 5px;
  color: #fff;
}
.expcsv {
  float: right;
  padding-top: 4px;
}
.ovrTbl td:first-child, .ovrTbl th:first-child {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.updTbl td, .updTbl td {
  padding: 2px !important;
}
.updTbl input, .updTbl select {
  padding: 5px !important;
  border: none !important;
}
.delTbl td {
  padding: 6px !important;
}
.dropdown-hover-all .dropdown-menu,
.dropdown-hover > .dropdown-menu.dropend {
  margin-left: -1px !important ;
}
.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: 1px solid silver;
  font-size: calc(14px + 0.10vw) !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.tbhead {
  background-color: #ededed;
  cursor: cell !important;
  color: #333;
}
.thct, .tdc5 {
  text-align: center;
}
.thctr {
  text-align: center;
  font-weight: bold;
}
.tdc1, .tdc3 {
  font-weight: bold;
  color: #7733ff;
  text-align: center;
}
.tdc2, .tdc4 {
  font-weight: bold;
  color: #4e029a;
  text-align: center;
}
.tdc1, .tdc5 {
  font-size: calc(14.5px + .15vw) !important;
}
.tdc2 {
  font-size: calc(14.5px + .175vw) !important;
}
.tdc3 {
  font-size: calc(15.5px + .2vw) !important;
}
.tdc4 {
  font-size: calc(15.5px + .25vw) !important;
}
.tbtot1 {
  font-weight: bold;
  color: #210261;
  padding-left: 10px !important;
}
.tbtot2 {
  font-weight: bold;
  color: #4d0099;
  padding-left: 10px !important;
}
.txc {
  text-align: center;
}
.myTbl1 th, .myTbl1 td  {
  font-size: calc(14px + 0.10vw);
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.myTbl1 td:first-child{ 
  min-width: 140px; 
}
.startWt, .endWt {
  min-width: 110px;
}
.wtStat {
  text-align: center;
  background-color: #fff;
  padding: 15px 15px 10px 15px;
}
.wtStat .form-control, .wtStat .form-select {
  padding-top: 5px;
  padding-bottom: 5px;
}
.wtStat table td {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.arrvs {
  background-color: #ffeecc !important;
}
.dpats {
  background-color: #e6f2ff !important;
}
.ovrs {
  background-color: #f6dcf9 !important;
}
.tot3 {
  background-color: #f2f2f2 !important;
}
.updItem2 {
  background-color: #e6e6ff;
  border-radius: 8px;
}
.rptHd {
  color: #7733ff;
  text-align: center;
  margin-bottom: 5px;
}
.rptDiv1 {
  text-align: center;
}
.nav-tabs {
  border-bottom: none;
}
.navbar-nav a:hover {
  background-color: #f2f2f2;
}
a .fa-home {
  color: #7a4ba8;
}
a .fa-list-alt {
  color: #f8b44e;
}
a .fa-navicon {
  color: #4b2626;
}
a .fa-download {
  color: #008000;
}
a .fa-print {
  color: #787878;
}
a .fa-upload {
  color: #008000;
}
a .fa-chart-column {
  color: #ff5050;
}
a .fa-plane {
  color: #4d79ff;
}
a .fa-facebook, a .fa-reply {
  color: #4d79ff;
}
*:focus {
  outline: none !important;
}
h3 {
  font-size: calc(20px + 0.6vw);
  font-weight: bolder;
}
h4 {
  font-size: calc(19px + 0.4vw);
  font-weight: bold;
}
h5, .fntHd1 {
  font-size: calc(17px + 0.325vw);
  font-weight: 700;
}
h6, .rptHd {
  font-size: calc(15.5px + 0.3vw);
  font-weight: 600;
}
.fnt1, .cdheader {
  font-size: calc(15.5px + 0.25vw);
}
.fnt2, input, select, li, a, textarea, ul.ulCls1, ul.ulCls2 {
  font-size: calc(15.5px + 0.14vw) !important;
}
.fnt3, .faint1, p, #mlmsg {
  font-size: calc(15.5px + 0.12vw);
}
a .fa, li .fa, span .fa, .sidebar-menu .sdbarText, .treeText1 {
  font-size: calc(17.5px + 0.2vw);
}
a .fab, li .fab, span .fab, a .fas, li .fas, span .fas {
  font-size: calc(20px + 0.2vw);
}
.sbt1, .sbt2, .wtOk1, .wtOk2, .wtOk3 {
  font-size: calc(16px + 0.15vw);
}
.sbt1, .sbt2, .wtOk1, .wtOk2 {
  padding-left: 15px;
  padding-right: 15px;
  font-weight: bold;
}
.sbt1 {
  margin-top: 40px;
  margin-bottom: 30px;
}
.sbt2 {
  margin-top: 20px;
  margin-bottom: 15px;
}
.wtOk3 {
  padding-left: 7px;
  padding-right: 7px;
  font-weight: 600;
}
p {
  font-weight: 400;
  line-height: 1.6;
  color: #666;
  margin: 0;
}
i {
  cursor: pointer;
}
label {
  color: rgba(43, 61, 81, 0.7);
  text-transform: capitalize;
}

.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.5rem !important;
}

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

.mb-4 {
  margin-bottom: 2rem !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);
}
.pdOpr {
  padding-left: 2rem !important;
  padding-right: 6rem !important;
}
.treeText2 {
  color: #4700b3;
}
.treeText2:focus {
  color: #280163;
}
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: #7a7a7a;
  color: #fff;
}
.operatorList,
.actypeList,
.depatList,
.destnList,
.aerdList1,
.aerdList2,
.aerdList3,
.contryList,
.subjectList,
.conditionList,
.firList {
  position: absolute;
  z-index: 100;
}
.aerdList1, .aerdList2, .aerdList3,.depatList, .destnList, .actypeList {
  text-align: center;
}
.etsp {
  padding-bottom: 7px;
}
.wtQary {
  padding: 5px;
  margin-bottom: 10px;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 8px;
}
.qaryTitle1 {
  color: yellow;
  font-weight: bolder;
  text-align: center;
}
.qaryTitle2 {
  color: #00f2ff;
  font-weight: bolder;
  text-align: center;
}
.qaryTitle3 {
  color: #ffffff;
  font-weight: bolder;
  text-align: center;
}
.qaryBg1 {
  background-color: #615b4b;
}
.qaryBg2 {
  background-color: #595977;
}
.qaryBg3 {
  background-color: #804f87;
}
.wtQaryArr button {
  color: #804d00;
}
.wtQaryDep button {
  color: #4d4dff;
}
.wtUpdSrch {
  background-color: #fff;
  padding: 20px 15px 10px 15px;
  width: 94%;
}
.hdNtm1 {
  color: #003d66;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}
.card {
  margin-bottom: 10px;
}
.card1 {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 8px;
  padding: 5px;
}
.card-header {
  padding: 20px;
  background-color: transparent;
  color: #757575;
  border-bottom: none;
}
.card-header p {
  margin-top: 10px;
  color: #8e8e8e;
  font-size: 16px;
}
.cdheader {
  color: #8600b3;
  font-weight: bold;
  margin-bottom: 20px;
}    
.cardCls1, .cardCls2  {
  background-color: #fff;
  padding-left: 15px;
  padding-right: 15px;
}    
.cardCls1 {
  height: 360px;
}
.cardCls1 li {
  line-height: 1.5;
}    
.cardCls2 {
  height: 280px;
}
.cardCls2 li {
  line-height: 2.0;
}
.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;
  border-radius: 50%;
}
.foto1,
.foto2 {
  padding: 0;
  height: auto;
  border-radius: 50%;
}
.foto1 {
  width: 26px;
}
.foto2 {
  width: 34px;
}
.msgBtn {
  width: 34px;
  height: 34px;
}
.fomManif,
.fomBill,
.fomOthers,
.picUpld1 {
  border: 2px solid #ddd;
  color: #000;
  padding: 5px;
}
.fomManif {
  background-color: #ccccff;
}
.fomBill {
  background-color: #e1cbe1;
}
.fomOthers {
  background-color: #efd4ab;
}
.fomDiv1,
.fomDiv2,
.fomDiv3 {
  padding: 10px;
  margin-bottom: 10px;
  border: 2px solid #ddd;
}
.fomDiv1 {
  background-color: #f7e9d4;
  min-height: 200px;
}
.fomDiv2 {
  min-height: 200px;
}
.fomDiv3 {
  min-height: 150px;
}
#ImgId1, #ImgId2, #ImgId3 {
  width: 100%;
  height: auto;
}
.imgMsg2 {
  width: calc(40px + 3vw);
}
.imgWt1 {
  width:calc(21px + .2vw);
}
.imgWt2 {
  width:calc(16px + .2vw);
}
.adHead {
  display:flex;
  justify-content:center;
  text-align:center
}
.tot2 {
  padding: 10px;
  color: #4d4d4d;
  background-color: #fff;
  border: 2px solid #cc99ff;
  border-radius: 50px;
  text-align: center;
}
.notFoundImg {
  width: 460px;
  height: auto;
}
.picContena1 {
  margin-bottom: 10px;
}
.wtPic {
  background-color: #fff;
  margin-bottom: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
}
#cklst {
  display: none;
}
.chklst {
  background-color: #d6d6d6;
  padding: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
  border: 5px solid #fff;
}
.rutKlas {
  padding: 10px;
  border: 2px solid #e6ccff;
  border-radius: 5px;
  margin-bottom: 5px;
}
.orad {
  padding: 5px 0;
}
.recvKlas2 {
  color: #333;
  font-weight: 500;
}
#sndHd {
  color: blue;
}
.msg_container {
  border-radius: 5px;
  border: 2px solid #cccccc;
  color: #000;
}
.brder1 {
  border: 1px solid #ccc;
}
.tooltip {
  text-decoration: none;
  position: relative;
}
.tooltip span {
  display: none;
}
.tooltip:hover span {
  display: block;
  position: fixed;
  overflow: hidden;
}
.desc {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
#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;
  padding: 15px;
}
.updSrch {
  padding: 10px 20px 0 20px;
}
.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;
}
.faint1 {
  color: #707070;
}
.btnArr {
  background-color: #bd8801;
  color: #fff;
}
.btnArr:hover {
  background-color: #aa7a01;
  color: #fff;
}
.btnDep1 {
  background-color: #3c9aff;
  color: #fff;
}
.btnDep1:hover {
  background-color: #1b89ff;
  color: #fff;
}
.btnDep2 {
  background-color: #03acb5;
  color: #fff;
}
.btnDep2:hover {
  background-color: #028d95;
  color: #fff;
}
.btnOvr1 {
  background-color: #a86098;
  color: #fff;
}
.btnOvr1:hover {
  background-color: #935486;
  color: #fff;
}
.btnOvr2 {
  background-color: #ffffff;
  color: #550145;
}
.btnOvr2:hover {
  background-color: #ddd;
  color: #410134;
}
.btn1 {
  background-color: #fff;
  color: #333;
  border: 2px solid #ccc;
  border-radius: 8px;
  padding: 4px 10px;
  text-align: center;
  margin-bottom: 5px;
}
.btn1: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;
}
.tblStat1 td:nth-child(2), .tblStat2 td:nth-child(2) { 
  min-width: 90px; 
}
.tblStat1 td:nth-child(3), .tblStat2 td:nth-child(4) { 
  min-width: 120px;
}
.statDate {
  width: 95px;
}
.indxCls2 {
  color: #fff;
  font-weight: bold;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}
.indxDiv1 {
  background-image: linear-gradient(#6389fd, #baaac1);
  padding: 0;
}
.indxDiv2 {
  color: #fff;
  font-weight: bolder;
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
  justify-content: center;
}
.indxDiv4 {
  width:calc(230px + 5vw);
  line-height:30px;
  padding-left: 10px;
  padding-right: 10px;
}
.indxDiv5 {
  color: #fff;
  font-weight: bolder;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 5vh;
  margin-bottom: 5vh;
  text-shadow: 2px 2px 2px #fda3e2d9;
}
.indxDiv8 {
  border-top:2px solid #ddd;
  width:100vw;
  margin:0;
}
.indxDiv7 {
  margin-bottom: 30px;
}
.indxImg {
  width: 90%;
  border-radius: 30%;
  background-color: rgb(253, 253, 153);
  
}

.adresLine1 {
  display: inline;
}
.adres2,
.ftime2 {
  border: none;
  border-radius: 4px;
  height: 32px;
  background-color: #fafafa;
  margin-bottom: 5px;
  padding: 4px;
}
.adres1,
.adres2,
.ftime1 {
  margin-right: 5px;
}
.ftime2 {
  padding-left: 10px;
}
.adres2 {
  text-align: center;
  width: 105px;
}
.copied {
  width: 100px;
  border: none;
  pointer-events: none;
  margin-left: 10px;
  background-color: #ecf8fc;
  height: 34px;
  font-size: 20px;
  color: #333;
}
.btnAcept {
  font-size: 18px;
  font-weight: bold;
  height: 34px;
  padding: 2px 10px;
  background-color: #0d6efd;
  color: #fff;
  border: none;
  border-radius: 4px;
}
.btnAcept:hover {
  background-color: #0248b1;
}
.btnGrp {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  margin-bottom: 3px;
}
.btnGrp2 {
  position: relative;
  display: inline-flex;
}
.prtFp {
  text-align: center;
  font-size: calc(13px + 0.8vw);
  font-weight: bold;
  color: #004d1a;
  margin-bottom: 10px;
}
.prtHead {
  background-color: #198754;
  cursor: cell !important;
  color: #fff;
}
.prts {
  background-color: #fff;
  border: 2px solid #ddd;
  padding-top: 20px;
  padding-bottom: 20px;
}
.addrs1 {
  padding: 10px;
  background-color: #ccccff;
}
.addrs2 {
  padding: 14px 15px 30px 15px;
  background-color: #b3b3ff;
  border-radius: 5px;
}
.label2 {
  margin-bottom: 15px;
}
.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;
}
.btnReset1,
.btnReset2 {
  width: 50px;
  background-color: #80d4ff;
  border: 2px solid #ddd;
  border-radius: 5px;
  height: 30px;
}
.btnReset1:hover,
.btnReset2:hover {
  background-color: #4dc3ff;
}
.megIndx1 {
  color: #fff;
  font-weight: bolder;
  font-family: Arial, Helvetica, sans-serif;
}
.prntbl {
  margin-left: 15px;
  margin-top: 12px;
}
.prntbl:hover {
  color: blue;
}
.wtNtm3, .wtNtm4 {
  padding: 10px 10px 5px 10px;
  min-height: 80vh;
}
.ntmLine1 {
  font-weight: bold;
}
.allNtm {
  color: blueviolet;
  font-weight: bold;
  font-size: 19px;
  text-align: center;
  background-color: #f2f2f2;
  border: 2px solid #ddd;
}
.ntmall2,
.ntmImpt {
  width: 100px;
  height: 30px;
  border: 2px solid #ddd;
  border-radius: 5px;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
}
.ntmall2:hover,
.ntmImpt:hover {
  background-color: #f2f2f2;
}
.ntmTitle1,
.ntmTitle2 {
  border: none;
  color: blueviolet;
  font-weight: bold;
}
.ntmTitle1 {
  height: 30px;
  width: 150px;
}
.ntmTitle2 {
  text-align: center;
}
.ntmlarge {
  text-align: center;
  font-weight: bold;
  font-size: calc(18px + .35vw);
}
#NotamtableData {
  overflow: auto;
}
#btnNotam {
  margin-bottom: 10px;
}
#ntmtext {
  text-align: justify;
}
.ntmIndxCls {
  color: blue;
  font-weight: bolder;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 10px;
}
.statDate {
  width: 95px;
}
.prt {
  text-align: right;
  color: #00cc00;
}
.plt {
  color: #b3b300;
}
.cnt1 {
  position: relative;
  color: #fff;
  font-size: 11px;
  top: -8px;
  left: -10px;
  border-radius: 50%;
  background-color: red;
  width: 24px;
  height: 24px;
}
.cnt2 {
  padding: 1px 5px;
}
.cnt3 {
  padding: 2px 3px;
}
.contentPic {
  border-radius:50%;
}
.contentTtl, .profileTtl {
  color: #ff80ff;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.5),
    2px -2px 0 rgba(255, 255, 255, 0.9);
  font-size: calc(19px + 0.4vw);
  
}
.contentDiv {
  margin-bottom: calc(25px + 7vh);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.contentDiv:last-child {
  margin-bottom: 40px;
}
.contentTtl {
  margin-top: 4vh;
  margin-bottom: 5vh;
}
.profileTtl {
  margin-bottom: 10px;
}
.btnCntHead {
  border: 2px solid #ddd;
  border-radius: 10px;
  padding: 10px 20px;
  background-color: goldenrod;
  color: #fff;
  font-weight: bold;
}
.btnContent,
.profilDiv3 {
  font-weight: bolder;
  text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.4),
    2px -2px 0 rgba(255, 255, 255, 0.7);
  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;
}
.btnContent {
  color: #a64dff;
  background-color: #d9ffcc;
  border: none;
  border-radius: 8px;
  padding: 5px !important;
  font-weight: bold;
}
.btnContent:hover {
  background-color: #c6ffb3;
}
.profilDiv2 {
  width: 240px;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  text-align: center;
}
.profilDiv3 {
  height: 200px;
  border-radius: 8px;
  padding: 15px;
  border: 0;
  background: linear-gradient(to right, #da8cff, #9a55ff);
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.profilDiv3:hover {
  opacity: 0.8;
}
.profilDiv4 {
  color: #ffffff;
  font-weight: bolder;
  margin-bottom: 15px;
}
.profilDiv5 {
  border-radius: 50%;
  height: 120px;
  background-color: yellow;
  color: blue;
  padding: 10px;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  word-wrap: break-word;
  justify-items: center;
  margin-left: 1px;
  margin-right: 1px;
}
.modCnt {
  background-color: #E5E5E5;
  min-height: 400px;
}
#comMsg,
.comMsg {
  font-size: 18px;
  font-weight: bold;
  color: red;
}
.comWrap {
  border-bottom: 1px solid #cccccc;
  padding: 10px 5px;
}
.comName {
  color: blue;
  margin-right: 10px;
}
#message {
  text-align: justify;
}
.comDisplay {
  padding-left: 10px;
  padding-right: 10px;
  height: 100vh;
  overflow-y: scroll;
}
.ntmRadeo {
  width: fit-content;
}
.bbotm1,
.bbotm3 {
  border-bottom: 2px solid #ddd;
  background-color: #e6f2ff;
  padding: 5px 0;
  margin-bottom: 10px;
}
.bbotm2,
.bbotm4 {
  justify-content: space-around;
}
.bbotm2 {
  padding-left: 3px;
  padding-right: 1px;
}
.bbotm4 {
  padding-left: 5px;
  padding-right: 5px;
}
.pdlr {
  padding-left: 20px;
  padding-right: 20px;
  font-weight: bold;
}
.ntmall1 {
  width: 100px;
}
.ntmall2 {
  margin-right: 2px;
}
.ftime2 {
  width: 170px;
}
.ntmWrap2 {
  margin: 0;
  padding: 0;
  background-image: url("/images/ntmBg2");
  background-repeat: no-repeat;
  background-size: contain;
  height: 91vh;
}
.ntmIndxCls {
  font-size: 20px;
}
.ntmTitle1 {
  font-size: 14px;
}
.ntmSrch1, .ntmSrch2, .ntmSrch3 {
  border: 2px solid #ddd;
  border-radius: 5px;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
  height: 30px;
}
.ntmSrch1 {
  width: 75px;
}
.ntmSrch2 {
  width: 85px;
}
.ntmSrch3 {
  width: 105px;
}
.ntmSrch1:hover, .ntmSrch2:hover, .ntmSrch3:hover {
  background-color: #f2f2f2;
}
.wtNtm1 {
  background-color: #d9d9d9;
}
.modContent {
  padding: 15px 10px 30px 10px;
}
.modInfo {
  padding: 15px 10px;
}
.mbtm1 {
  margin-bottom: 30px;
}
.modbd1 {
  padding-left: 10px;
  padding-right: 10px;
}
.megIndx1 {
  padding-left: 10px;
}
.mglt1 {
  margin-left: 10px;
}
.timShd {
  max-width: 100px;
  word-wrap: break-word;
}
.ntmVal {
  background-color: #fff;
  padding: 15px 15px 10px 15px;
  margin-bottom: 10px;
}
.ntamText {
  max-width: 240px;
  word-wrap: break-word;
}
.conter {
  width: 60px;
  color: #0099e6;
}
.fplWrap1 {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px 10px 10px 10px;
  font-size: 14px;
  background-color: #e0e0eb;
  border-bottom: 2px solid #7f7f7f;
  border-left: 2px solid #7f7f7f;
  border-right: 2px solid #7f7f7f;
  margin-right: auto !important;
  margin-left: auto !important;
}
.fplHd1,
.fplHd2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-top: 0;
  text-align: center;
  line-height: 1.2;
}
.fplHd1 {
  color: #fff;
  background-color: #7f7f7f;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 2px solid #7f7f7f;
  border-left: 2px solid #7f7f7f;
  border-right: 2px solid #7f7f7f;
}
.fplHd2 {
  color: #fff;
  background-color: #8080ff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 2px solid #8080ff;
  border-left: 2px solid #8080ff;
  border-right: 2px solid #8080ff;
}
.fpltp {
  border: 2px solid #ddd;
  background-color: #f0f0f0;
  border-radius: 10px;
  text-align: center;
}
.Eq1 {
  text-align: right;
}
.faint1 {
  color: #7575a3;
}

/* 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 ***** */
.btnUser {
  padding: 1px 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: 0.5s;
  color: #fff;
  background-color: #198754;
}
.btnUser:hover {
  background-color: #39ac39;
  color: #f2f2f2;
}
.btnUser:focus {
  background-color: #11603b;
}
.btnStart {
  font-weight: bold;
  letter-spacing: 1px;
  display: inline-block;
  border-radius: 50px;
  transition: 0.5s;
  color: #fff;
  background-color: #00bfff;
}
.btnStart:hover {
  background-color: #33ccff;
  color: #f2f2f2;
}
.startBtn1, .indxDiv6 {
  justify-content: center;
  display:flex;
  align-items:center;
}
textarea {
  resize: none;
}
.mesg1,
.mesg2,
.mesg3,
.mesg4 {
  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: #4d4d4d;
  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;
}
.mesg4 {
  background-color: #e6fff7;
  border-radius: 10px;
  margin-top: 5px;
}
hr {
  margin: 0;
}
.hr2 {
  width: auto;
  background: #000;
  height: 1px;
  opacity: 0.15;
}
.hr2 {
  margin-bottom: 10px;
  margin-top: 10px;
}
.mistak {
  border: 2px solid pink;
  padding: 10px;
}
.treeview .treeAnch:hover {
  background-color: #f2f2f2;
}
.active .treeAnch .sdbarText {
  color: #912bf7;
}
.trnsfm {
  text-transform: uppercase;
}
.contentPic {
  width: calc(35px + 2vw);
}
.upld {
  color: #00b9f5;
}
.titColoArr {
  color: #a17402;
}
.titColoDep {
  color: #02aabd;
}
.titColoOvr {
  color: #80027b;
}
.title1 {
  color: #666699;
  font-weight: bold;
  margin-bottom: 15px;
}
.title2, .titleHead1, .titleOvr  {
  font-weight: bold;
  text-align: center;
  padding: 10px 5px;
  margin-bottom: 0;
  width: 100%;
}
.title2 {
  color: blueviolet;
  background-color: #e6f2ff;
}
.titleHead1 {
  color: #333;
  background-color: #b1f3ae;
}
.titleOvr {
  color: rgb(72, 2, 137);
  background-color: #f6dcf9;
}
.checkbx, input[type="checkbox"] {
  width: 15px;
  height: 15px;
}
.dropdown-item {
  color: #248f8f;
}
.modal-content {
  max-height: 95vh;
  overflow: auto;
}
.modHead1,
.modHead2,
.modHead3,
.modHead4,
.modHead5,
.modArr,
.modDep,
.modOvr {
  text-align: center;
  color: #333;
}
.modHead1, .modHead3, .modHead4, .modHead5, .modArr, .modDep, .modOvr {
  font-weight: bold;
  padding: calc(14px + .5vh) calc(10px + .1vw);
}
.modHead1 {
  background-color: #b1f3ae;
}
.modHead3 {
  background-color: #fdcf02;
  color: #333;
}
.modHead4 {
  background-color: #61a0ff;
  color: #fff;
}
.modArr {
  background-color: #ffe6b3;
  color: #694c01;
}
.modDep {
  background-color: #c1dfff;
  color: blue;
}
.modOvr {
  background-color: #fcd0f3;
  color: #490047;
}
.modColor1 {
  color: #400080;
}
.modColor2 {
  color: #023e97;
}
.modColor3 {
  color: #105635;
}
.modColor4 {
  background-color: #f2f2f2;
}
.modBy {
  padding: 0 25px;
}
.modbd1 {
  margin-top: 30px;
}
.modBdy1 {
  background-color: #e6e6ff;
  border-left: 15px solid #fff;
  border-right: 15px solid #fff;
  border-bottom: 15px solid #fff;
}
.offcanvas-start {
  width: 280px !important;
}
.btn3 {
  color: #00b9f5;
  font-weight: 400;
  border: none;
  padding: 0;
  text-align: center;
  background-color: transparent;
}
.btn3:hover {
  color: #025976;
}
.btn2 {
  color: #fff;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
  width: 120px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.colo1 {
  background-color: #946402;
}
.colo1:hover {
  background-color: #7e5501;
}
.colo2 {
  background-color: #3d7ee0;
}
.colo2:hover {
  background-color: #2163c5;
}
.colo5 {
  background-color: #d1c3d1;
}
.msgWrap {
  display: inline-flex;
}
.msgImg {
  margin-right: 10px;
}
.msgSender1 {
  color: #7f00fd;
}
.msgSender2 {
  color: #015fed;
}
.msgSender3 {
  color: #017640;
}
.msgtimDiv {
  margin-bottom: 10px;
  font-size: 14px;
}
.msgText, .msgText p {
  text-align: justify;
  margin-top: 7px;
  font-size: calc(16px + 0.15vw);
  font-weight: 500;
  line-height: 1.7;
  color: #595959;
  margin: 5px;
}
.btnClose {
  color: #000;
  opacity: 0.5;
  font-size: 20px;
  background-color: transparent;
  border: none;
  width: 30px;
  height: 30px;
  padding: 0;
  text-align: center;
  float: right;
  margin-right: 10px;
}
.btnClose:hover {
  background-color: #800000;
  color: #fff;
}
.modal-content .prnBtn {
  font-size: 18px;
  margin-left: 15px;
  margin-top: 12px;
  color: #595959;
}
.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 {
  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 {
  padding: 0 10px;
  border: 2px solid #ddd;
  border-radius: 5px;
}
.adminHd {
  font-weight: bold;
  color: #0d6efd;
}
.edt1 {
  border: 3px solid #aacafa;
  border-radius: 10px;
}
.edt2 {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #aacafa;
}
.ht1 {
  height: 34px;
}
.wtAdm1,
.admUsers,
.admMngUser,
.wtLg,
.wtRg {
  background-color: #ffffff;
}
.wtLg, .wtRg {
  margin: auto;
  margin-top: 10px;
  padding: 10px 5px;
}
.wt1 {
  width: 80px;
}
.wt2 {
  width: 110px;
}
.wt3 {
  width: 120px;
}
.wt4 {
  width: 170px;
}
.wt5 {
  width: 180px;
}
.wt6 {
  width: 200px;
}
.wt7 {
  width: 220px;
}
.wt8 {
  width: 280px;
}
.wt9 {
  width: 50px;
}
.wt10 {
  width: 60px;
}
.wt11 {
  width: 40px;
}
.wt12 {
  width: 160px;
}
.wt13 {
  width: 70px;
}
.wt14 {
  width: 100px;
}
.wtItem1, .wtItem2 {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
}
.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(22px + 0.3vw);
}
.wtOf {
  width: 98%;
}
.wtC78 {
  width: 66%;
}
.wtC612 {
  width: 80%;
}
.stats2 {
  background-color: #ccccff;
}
.stats3a {
  background-color: #b9b9ff;
}
.stats3b {
  background-color: #bdeedc;
}
.wtAdm2 {
  text-align: center;
  background-color: #fff;
  padding: 15px 15px 10px 15px;
}
.wtAdm2 .form-control, .wtAdm2 .form-select {
  padding-top: 5px;
  padding-bottom: 5px;
}
.wtAdm2 table td {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.statRepHead1,
.statRepHead2,
.statRepHead3 {
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
}
.statRepHead1, .statRepHead4 {
  color: #9900e6;
}
.statRepHead2 {
  color: blue;
}
.statRepHead3 {
  color: red;
  text-shadow: 2px 3px 2px #fff;
}
.statRepHead4 {
  margin-bottom: 10px;
}
.svSty1,
.statSty1,
.statSty2,
.statSty3,
.statSty4,
.statSty5,
.statSty6,
.statSty7 {
  border-radius: 8px;
  padding: 10px 5px 0 5px;
  border: 1px solid #e3e3e3;
}
.svSty1 {
  background-color: #83a883;
}
.statSty1 {
  background-color: #ddd;
}
.statSty2, .colo3 th {
  background-color: #ffe6b3;
}
.statSty3, .colo4 th {
  background-color: #cce5ff;
}
.statSty4 {
  background-color: #fcd0f3;
}
.statSty5 {
  background-color: #adebad;
}
.statSty6 {
  background-color: #e7d6ff;
}
.svQery1 {
  background-color: #83a883;
  border: 5px solid goldenrod;
}
.svQery2, .svOtPut {
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
}
.svQery2 {
  color: #fff;
}
.svQery3 {
  color: #fff;
  margin-bottom: 10px;
  margin-top: 20px;
  font-weight: 500;
}

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

.navbar {
  max-height: 50px;
}
.contena1, .contena2, .contena3 {
  margin-top: 58px;
  margin-bottom: 60px;
}
.contena4 {
  margin-top: 50px;
  margin-bottom: 60px;
}
.nvSpace1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.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;
}
.nvbtm,
.nvbtm2,
.nvbtm3 {
  background-color: #fff;
  justify-content: space-between;
  min-height: 50px;
  border-top: 2px solid #ddd;
  margin-bottom: 0;
}
.compyText1 {
  /* color: blueviolet; */
  color: #28d6fd;
  font-weight: bolder;
  text-shadow: 2px 2px 1px #fff;
  width:calc(200px + 6vw);
}
.logoText {
  color: #0d6efd;
  font-weight: bold;
  text-shadow: 1px 1px 2px #00ffff;
  font-size: calc(1.27rem + 0.3vw);
}
.offcanvas-body .sidebar-menu > li {
  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: 15px;
  white-space: nowrap;
  overflow: hidden;
}
.sidebar-menu:hover {
  overflow: visible;
}
.sidebar-menu > li {
  position: relative;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}
.sidebar-menu > li > a {
  padding: 12px 5px 12px 15px;
  display: block;
  position: relative;
  font-size: 16px;
  background-color: #ffffff;
}
.sidebar-menu > li > a > i {
  padding-right: 6px;
  display: inline;
}
.sidebar-menu > li.active > a {
  color: rgb(70, 17, 68);
  font-weight: 600;
  background: #ffffff;
}
.sidebar-menu .fa, .sidebar-menu .fab {
  margin-right: 40px;
}
.sidebar-menu .sdbarText {
  color: #912bf7;
}
.welcm, .treeText1 {
  color: #912bf7;
}
.treeText1:focus {
  color: #46018b !important;
}

/* 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;
}
.servList .title {
  font-size: calc(15px + .6vw);
}
.servList li {
  font-size: calc(15px + .4vw) !important;
}
.servItem .icon i {
  line-height: 0;
  margin-right: 20px;
  color: #38618e;
}
.servItem .title {
  margin-bottom: 10px;
  color: #7575a3 !important;
  font-weight: 600;
}
.servItem .title:hover {
  color: red;
}

/* ******** Footer *************/
.footerMain {
  background-color: #e5dbeb;
}

.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: 30px;
}
.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;
}


/* Jquery Chosen */
.chosen-container {
  font-size: 16px;
}
.chosen-container .chosen-drop {
  width: 230px !important;
  padding: 5px 2px 5px 15px !important;
  font-size: 16px;
}
.chosen-container .chosen-results {
  margin: 0 4px 4px 0;
  padding: 2px 2px 2px 6px;
  max-height: 200px !important;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  height: 35px !important;
}
.chosen-container-multi .chosen-choices li.search-choice {
  margin: 8px 5px 3px 0 !important;
  padding: 3px 5px 3px 5px !important;
  border: none !important;
  border-radius: 3px !important;
  font-size: 16px !important;
  background-color: #ffffff !important;
}

/* ********* Max Media Screen ******** */
@media screen and (max-width: 991px){
  .hde, .welcome {
    display: none !important;
  }
  .indxDiv5,
  .indxDiv2 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px){
  .navBrand {
    display: none !important;
  }
  .hde2 {
    display: none !important;
  }
}
@media screen and (max-width: 575px){
  .homm, .picDiv1, .hde3 {
    display: none !important;
  }
  .cnts {
    padding-left: 10px;
  }
  #mapArea {
    padding: 10px;
  }
}
@media screen and (max-width: 400px){
  .aerodLabel {
    margin-bottom: 20px;
  }
}
.aerodm {
  height: 30px;
}
/* ***** Min Screen Width ***** */

@media screen and (min-width: 320px){
  .fixed-top {
    padding-left: 5px;
    padding-right: 5px;
  }
  .txbox {
    font-size: 19px;
  }
  .dropdown-menu {
    min-width: 220px;
    padding: 5px;
  }
  .footerMain {
    font-size: 17px;
    padding: 30px 10px;
  }
  .footerMain .footerFa1 {
    font-size: 23px !important;
  }
  .footerMain .footerFa2 {
    font-size: 20px !important;
  }
  .footerMain .footerFa3 {
    font-size: 20px !important;
  }
  .copyrit {
    margin-top: 20px;
  }
  .logoText {
    font-size: 20px;
  }
  .compnyLogo1 {
    width: 80px;
    height: 80px;
    margin-right: 5px;
  }
  .compnyLogo2 {
    width: 50px;
    height: 50px;
    margin-right: 5px;
  }
  .nvbarLogo {
    width: 34px;
    height: auto;
    margin-right: 5px;
  }
  .compnyImg1 {
    width: 50px;
  }
  .welcm, .dropdown-item {
    font-size: 16px !important;
  }
  .servList {
    padding: 20px;
  }
  .servItem .icon i {
    font-size: 20px;
  }
  .servItem .title {
    font-size: 19px;
  }
  .wtAdm1,
  .wtLg,
  .wtRg,
  .wtMs,
  .wtPic,
  .wtCnt,
  .wtSend,
  .wtItem1,
  .wtItem2,
  .wtTotals,
  .wtQary,
  .wtNtmProm,
  .wtNtm1,
  .wtEquip,
  .wtInfo,
  .wtAdm2,
  .wtStat {
    width: 94%;
  }
  .wtNtm2, .wtNtm3, .wtNtm4 {
    max-width: 98% !important;
  }
  .wtNtm1,
  .wtNtm3,
  .wtNtm4 {
    padding: 10px;
  }
  .wtMod1, .wtMod2, .wtOpr {
    max-width: 94% !important;
  }
  .admUsers {
    padding-top: 10px;
    padding-bottom: 15px;
  }
  .msg_container {
    padding: 10px;
  }
  .padBtm {
    padding-left: 0;
  }
  .treeText2 {
    font-size: 16px;
  }
  .lgCard {
    padding: 10px 13px 5px 13px;
  }
  .adminSach {
    width: 130px;
  }
  .adminHd {
    font-size: calc(16px + 0.9vw);
  }
  .dept,
  .tday {
    font-size: 16px;
  }
  .thctr,
  .tbtot1 {
    font-size: calc(16px + 0.5vw);
  }
  .calsgn {
    font-size: 110%;
  }
  .lnks {
    padding-left: 0;
    padding-right: 10px;
  }
  .resat {
    padding: 0 3px;
  }
  .srchUser {
    padding-left: 20px;
    padding-right: 0;
  }
  #sndHd,
  .tbtot2{
    font-size: calc(16px + 0.5vw);
  }
  .recvKlas2 {
    font-size: calc(15px + 0.5vw);
  }
  .btnStart {
    padding: 6px 12px;
    font-size: 15px;
  }
  .modContent {
    padding: 15px 10px 30px 10px;
  }
  .modInfo {
    padding: 15px 10px;
  }
  .picContena1 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .mbtm1 {
    margin-bottom: 30px;
  }
  .modbd1 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .svQery1 {
    padding: 15px 5px;
  }
  .wtAdm1,
  .admMngUser {
    padding: 10px 10px 15px 10px;
  }
  .btnContent,
  .profilDiv3 {
    font-size: calc(15px + 0.5vw) !important;
  }
  .btnContent {
    padding: calc(10px + 0.1vw) calc(5px + 0.1vw) !important;
  }
  .updItem1 {
    padding: 10px 10px 5px 10px;
  }
  .updItem2 {
    margin: 15px;
    padding: 10px;
  }
}
@media screen and (min-width: 340px){
  .offcanvas-start {
    width: 290px !important;
  }
  .wtLg, .wtRg {
    padding: 10px;
  }
  .adminSach {
    width: 150px;
  }
  .ntmall1 {
    width: 104px;
  }
  .bbotm2 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .bbotm4 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 360px){
  .offcanvas-start {
    width: 310px !important;
  }
  .padBtm {
    padding-left: 2px;
  }
  .dept,
  .tday {
    font-size: 16px;
  }
}
@media screen and (min-width: 380px){
  .padBtm {
    padding-left: 3px;
  }
}
@media screen and (min-width: 400px){
  .svSty1,
  .statSty1,
  .statSty2,
  .statSty3,
  .statSty4,
  .statSty5,
  .statSty6,
  .statSty7 {
    padding: 10px 10px 0 10px;
  }
  .servItem .icon i {
    font-size: 21px;
  }
  .servItem .title {
    font-size: 20px;
  }
  .msg_container {
    padding: 10px 13px;
  }
  .padBtm {
    padding-left: 4px;
  }
  .modBy {
    padding: 0 30px;
  }
  .wtNtmProm, .wtLg, .wtRg {
    width: 380px;
  }
  .wtLg, .wtRg {
    padding: 15px;
  }
  .wtNtm2 {
    max-width: 380px !important;
  }
  .ftime1 {
    margin-left: 20px;
  }
  .wtNtm3, .wtNtm4 {
    padding: 15px 15px 10px 15px;
  }
  .bbotm2 {
    padding-left: 7px;
    padding-right: 7px;
  }
}
@media screen and (min-width: 420px){
  .offcanvas-start {
    width: 320px !important;
  }
}
@media screen and (min-width: 440px){
  .padBtm {
    padding-left: 5px;
  }
  .modbd1 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .wtLg, .wtRg {
    width: 400px;
    padding: 20px;
  }
  .wtAdm2 {
    width: 430px;
    padding: 20px 25px 15px 25px;
  }
}
@media screen and (min-width: 460px){
  .ftime1 {
    margin-left: 0;
  }
  .ad23 {
    margin-right: 20px;
  }
  .mbtm1 {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 480px){
  .offcanvas-start {
    width: 350px !important;
  }
  .padBtm {
    padding-left: 6px;
  }
}

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

@media screen and (min-width: 520px){
  .wtStat {
    width: 500px;
    padding: 20px 25px 15px 25px;
  }
}
@media screen and (min-width: 550px){
  .padBtm {
    padding-left: 7px;
  }
  .wtMod1 {
    max-width: 520px !important;
  }
  .modContent {
    padding: 15px 15px 30px 15px;
  }
  .wtPic {
    width: 500px;
  }
}

@media screen and (min-width: 576px){
  .tbtot1, .tbtot2 {
    padding-left: 15px !important;
  }
  .ovrTbl td:first-child, .ovrTbl th:first-child {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .wtNtm3, .wtNtm4 {
    padding: 20px 20px 15px 20px;
  }
  .wtNtm1 {
    padding: 10px 15px;
  }
  .wtNtm2 {
    max-width: 98% !important;
  }
  .fplWrap1 {
    padding: 10px 20px 15px 20px;
  }
  .btn2 {
    width: 130px;
  }
  .ml-3 {
    margin-left: calc(1px + 10vw);
  }
  .mr-3 {
    margin-right: calc(1px + 10vw);
  }
  .updItem1 {
    padding: 15px 20px 5px 20px;
  }
  .updItem2 {
    margin: 20px;
    padding: 15px;
  }
  .fomManif, .fomBill, .fomOthers, .picUpld1 {
    padding: 10px
  }
  .fomDiv1, .fomDiv2, .fomDiv3 {
    padding: 15px;
  }
  .footerMain {
    font-size: 18px;
    padding: 40px 15px;
  }
  .footerMain .footerFa1 {
    font-size: 24px !important;
  }
  .footerMain .footerFa2 {
    font-size: 21px !important;
  }
  .footerMain .footerFa3 {
    font-size: 21px !important;
  }
  .copyrit {
    margin-top: 0;
  }
  .compnyImg1 {
    width: 60px;
  }
  .btnContent,
  .profilDiv3 {
    font-size: calc(14px + 0.5vw) !important;
  }
  .btnContent {
    padding: calc(10px + 0.1vw) calc(6px + 0.1vw) !important;
  }
  .contentTtl {
    margin-top: 5vh;
    margin-bottom: 7vh;
  }
  .contentDiv {
    margin-bottom: calc(25px + 10vh);
  }
  .logoText {
    font-size: 22px;
  }
  .compnyLogo1 {
    width: 100px;
    height: 90px;
    margin-right: 10px;
    margin-left: 10px;
  }
  .compnyLogo2 {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    margin-left: 10px;
  }
  .nvbarLogo {
    width: 42px;
  }
  .wtC78 {
    width: 58%;
  }
  .wtC612 {
    width: 42%;
  }
  .wtMs {
    max-width: 550px !important;
  }
  .wtQary {
    padding: 10px 10px 5px 10px;
  }
  .servList {
    padding: 30px 40px 40px 40px;
  }
  .servItem .icon i {
    font-size: 22px;
  }
  .servItem .title {
    font-size: 21px;
  }
  .wtRg, .wtNtmProm {
    width: 97%;
  }
  .msg_container {
    padding: 10px 15px;
  }
  .lgCard {
    padding: 10px 15px 5px 15px;
  }
  .padBtm {
    padding-left: 10px;
  }
  .treeText2 {
    font-size: 17px;
  }
  .dept,
  .tday {
    font-size: 18px;
  }
  .tbtot2 {
    font-size: 19px;
  }
  .wtItem1, .wtSend {
    max-width: 550px !important;
  }
  .nvbtm3 {
    display: none;
  }
  .picContena1 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .svQery1 {
    padding: 15px 10px;
  }
}
@media screen and (min-width: 600px){
  .ad23 {
    margin-right: 60px;
  }
}
@media screen and (min-width: 620px){
}
@media screen and (min-width: 640px){
  .ad23 {
    margin-right: 80px;
  }
}
@media screen and (min-width: 660px){
  .ad23 {
    margin-right: 100px;
  }
}
@media screen and (min-width: 680px){
  .modBy {
    padding: 0 35px;
  }
  .wtAdd2, .wtInfo, .wtNtm2 {
    max-width: 670px !important;
  }
}
@media screen and (min-width: 720px){
  .wtMod2 {
    max-width: 700px !important;
  }
  .ad23 {
    margin-right: 120px;
  }
}
@media screen and (min-width: 768px){
  .svSty1,
  .statSty1,
  .statSty2,
  .statSty3,
  .statSty4,
  .statSty5,
  .statSty6,
  .statSty7 {
    padding: 12px 12px 0 12px;
  }
  .modBdy1 {
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
    border-bottom: 20px solid #fff;
  }
  .bbotm4 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .wtNtm3, .wtNtm4 {
    padding: 20px 25px 15px 25px;
  }
  .indxDiv7 {
    margin-bottom: 60px;
    margin-top: 60px;
  }
  .fixed-top {
    padding-left: 10px;
    padding-right: 10px;
  }
  .wtStat {
    width: 97%;
  }
  .txbox {
    font-size: 20px;
  }
  .prntCsv {
    padding: 2px 100px;
  }
  .msg_container {
    padding: 10px 20px;
  }
  .tbtot1, .tbtot2 {
    padding-left: 20px !important;
  }
  .ovrTbl td:first-child, .ovrTbl th:first-child {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .fomManif, .fomBill, .fomOthers, .picUpld1 {
    padding: 15px
  }
  .fomDiv1, .fomDiv2, .fomDiv3 {
    padding: 20px;
  }
  .footerMain {
    font-size: 19px;
    padding: 50px 20px;
  }
  .footerMain .footerFa1 {
    font-size: 27px !important;
  }
  .footerMain .footerFa2 {
    font-size: 23px !important;
  }
  .footerMain .footerFa3 {
    font-size: 22px !important;
  }
  .welcm, .dropdown-item {
    font-size: 17px !important;
  }
  .logoText {
    font-size: 24px;
  }
  .compnyImg1 {
    width: 65px;
  }
  .treeText2 {
    font-size: 18px;
  }
  .btnContent,
  .profilDiv3 {
    font-size: calc(14px + 0.4vw) !important;
  }
  .nvbtm2 {
    display: none;
  }
  .servItem .icon i {
    font-size: 24px;
  }
  .servItem .title {
    font-size: 22px;
  }
  .admUsers {
    padding-top: 15px;
    padding-bottom: 20px;
  }
  .wtAdm2 {
    width: 97%;
  }
  .wtQary {
    padding: 15px 15px 10px 15px;
  }
  .wtRg,
  .wtItem2,
  .wtTotals {
    width: 740px;
  }
  .wtRg {
    padding: 20px 25px;
  }
  .wtMs {
    width: 600px;
  }
  .admMngUser {
    width: 94%;
    padding: 15px 20px 20px 20px;
  }
  .dept,
  .tday,
  .tbtot2 {
    font-size: 20px;
  }
  .tdb {
    border-top: 0 !important;
  }
  .ad23 {
    margin-right: 40px;
  }
  .svQery1 {
    padding: 20px;
  }
  .svQery3 {
    width: 640px;
  }
  .adminHd {
    font-size: 20px;
  }
}
@media screen and (min-width: 900px){
  .wtUpdSrch {
    width: 880px;
    padding: 20px 20px 10px 20px;
  }
  .lnks {
    padding-right: 15px;
  }
  .ad23 {
    margin-right: 60px;
  }
}

@media screen and (min-width: 992px){
  .btnClose {
    font-size: 21px;
    width: 32px;
    height: 32px;
  }
  .startWt, .endWt {
    min-width: 130px;
  }
  .ntmTitle1 {
    font-size: 16px;
  }
  .prntCsv {
    padding: 2px 200px;
    margin-bottom: 10px;
  }
  #multi-response {
    font-size: 16px;
  }
  .msgImg {
    margin-right: 14px;
  }
  .msgtimDiv {
    font-size: 15px;
  }
  .wtStat table td {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .wtStat {
    width: 95%;
    padding: 20px 40px 15px 40px;
  }
  .wtNtm1 {
    padding: 15px 20px;
  }
  .wtNtm3 {
    max-width: calc(700px + 20vw) !important;
    padding: 35px 45px 30px 45px;
  }
  .wtNtm4 {
    max-width: calc(600px + 20vw) !important;
    min-height: 92vh;
  }
  .fplWrap1 {
    font-size: 18px;
    padding: 15px 20px 20px 20px;
  }
  .wtAdm2 table td {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .ovrTbl td:first-child, .ovrTbl th:first-child {
    padding-left: 25px !important;
    padding-right: 20px !important;
  }
  .pdOpr {
    padding-left: 2rem !important;
    padding-right: 7rem !important;
  }
  .adminSach {
    width: 180px;
  }
  .indxDiv7 {
    margin-bottom: 80px !important;
    margin-top: 80px !important;
  }
  .indxDiv3 {
    width:calc(250px + 5vw);
    line-height:30px;
    text-align: center;
  }
  .fixed-top {
    padding-left: 15px;
    padding-right: 15px;
  }
  .txbox {
    font-size: 21px;
  }
  .tbtot1, .tbtot2 {
    padding-left: 30px !important;
  }
  .myTbl1 th, .myTbl1 td  {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .myTbl1 td:first-child{ 
    min-width: 150px; 
  }
  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: 28px;
  }
  .foto2 {
    width: 36px;
  }
  .msgBtn {
    width: 36px;
    height: 36px;
  }
  .contena1, .contena2, .contena3, .contena4 {
    margin-bottom: 20px;
  }
  p {
    line-height: 1.7;
  }
  table th, table td {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .tblStat1 td:nth-child(2), .tblStat2 td:nth-child(2) { 
    min-width: 95px; 
  }
  .tblStat1 td:nth-child(3), .tblStat2 td:nth-child(4) { 
    min-width: 130px;
  }
  .footerMain {
    font-size: 20px;
    padding: 60px 30px;
  }
  .footerMain .footerFa1 {
    font-size: 29px !important;
  }
  .footerMain .footerFa2 {
    font-size: 24px !important;
  }
  .footerMain .footerFa3 {
    font-size: 23px !important;
  }
  .compnyImg1 {
    width: 70px;
  }
  .updSrch {
    padding: 10px 30px 0 30px;
  }
  .btnContent,
  .profilDiv3 {
    font-size: calc(14px + 0.3vw) !important;
  }
  .btnContent {
    padding: calc(10px + 0.2vw) calc(5px + 0.1vw) !important;
  }
  .modal-content .prnBtn {
    font-size: 19px;
  }
  .welcm, .dropdown-item {
    font-size: 18px !important;
  }
  .dropdown-menu {
    min-width: 250px;
    padding: 10px 5px;
  }
  .logoText {
    font-size: 26px;
  }
  .compnyLogo1 {
    width: 100px;
    height: auto;
  }
  .compnyLogo2 {
    width: 80px;
    height: auto;
  }
  .servItem .icon i {
    font-size: 24px;
  }
  .servItem .title {
    font-size: 23px;
  }
  .sbt1, .sbt2, .wtOk1, .wtOk2 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .sbt1 {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .sbt2 {
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .wtOk3 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .modal-lg,
  .modal-xl {
    max-width: 1000px;
  }
  .wtAdm2 {
    width: 88%;
    padding: 20px 40px 15px 40px;
  }
  .wtQary {
    width: calc(550px + 40vw);
    padding: 15px 20px 10px 20px;
  }
  .admMngUser {
    width: 940px;
  }
  .admMngUser {
    padding: 25px 30px;
  }
  .wtAdm1 {
    padding: 15px 20px 20px 20px;
  }
  .thctr,
  .tbtot1 {
    font-size: 20px;
  }
  .svWrap {
    height: 91vh;
  }
  .testColor {
    color: #018d06;
    display: none;
    color: #ff3c7d;
  }
  .indxDiv5,
  .indxDiv2 {
    margin-top: 30px;
    margin-bottom: 10vh;
  }
  .wtRg {
    width: calc(750px + 5vw);
    padding: 30px 35px;
  }
  .wtOpr, .wtCnt {
    max-width: calc(450px + 50vw) !important;
  }
  .contentTtl {
    margin-top: 6vh;
    margin-bottom: 8vh;
  }
  .lnks {
    padding-right: 30px;
  }
  .resat {
    padding: 2px 5px;
  }
  .srchUser {
    padding-left: 30px;
  }
  .adminHd {
    margin-right: 10px;
  }
  .nvbtm {
    display: none;
  }
  .ad23 {
    margin-right: 150px;
  }
  .btnStart {
    padding: 10px 15px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1100px){
  .wtStat {
    width: 90%;
  }
  .srchUser {
    padding-left: 60px;
  }
  .adminHd {
    margin-right: 30px;
  }
  .lgCard {
    padding: 12px 17px 5px 17px;
  }
  .wtNtm1 {
    width: 1040px;
  }
  .fplWrap1 {
    padding: 15x 10px 20px 25px;
  }
}
@media screen and (min-width: 1200px){
  .startWt, .endWt {
    min-width: 150px;
  }
  .wtAdm2 table td, .wtStat table td {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .wtStat {
    width: calc(700px + 30vw);
  }
  .ntmSrch1, .ntmSrch2, .ntmSrch3 {
    height: 32px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .ntmSrch1 {
    width: 90px;
  }
  .ntmSrch2 {
    width: 100px;
  }
  .ntmSrch3 {
    width: 110px;
  }
  .bbotm2 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .bbotm4 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .fplWrap1 {
    font-size: 19px;
    padding: 15px 25px 20px 35px;
  }
  .txbox {
    font-size: 22px;
  }
  .btnUser {
    padding: 1px 6px;
  }
  .svSty1,
  .statSty1,
  .statSty2,
  .statSty3,
  .statSty4,
  .statSty5,
  .statSty6,
  .statSty7 {
    padding: 15px 15px 0 15px;
  }
  .wtAdm2 {
    width: calc(700px + 30vw);
  }
  .wtQary {
    padding: 20px 25px 15px 25px;
  }
  .chosen-container .chosen-results {
    padding: 2px 2px 2px 8px;
    max-height: 250px !important;
  }
  .chosen-container-multi .chosen-choices li.search-choice {
    padding: 3px 5px 3px 8px !important;
    font-size: 17px !important;
  }
  .footerMain {
    font-size: 22px;
    padding: 70px 30px;
  }
  .footerMain .footerFa1 {
    font-size: 33px !important;
  }
  .footerMain .footerFa2 {
    font-size: 26px !important;
  }
  .footerMain .footerFa3 {
    font-size: 24px !important;
  }
  .compnyImg1 {
    width: 75px;
  }
  .navbar {
    max-height: 55px;
  }
  .contena1, .contena2, .contena3, .contena4 {
    margin-bottom: 30px;
  }
  .contena1 {
    margin-top: 65px;
  }
  .contena4 {
    margin-top: 55px;
  }
  .nvbarLogo {
    width: 46px;
  }
  .compnyLogo1 {
    width: 110px;
  }
  .compnyLogo2 {
    width: 90px;
  }
  ul.uls {
    margin-bottom: 10;
    padding-left: 20px;
    line-height: 30px;
  }
  option {
    line-height: 1.9;
    font-size: 18px;
  }
  .btnStart {
    padding: 12px 20px;
    font-size: 17px;
  }
  .sbt1, .sbt2, .wtOk1 {
    padding: 7px 25px;
  }
  .wtOk3 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .wtOk2 {
    padding: 6px 20px;
  }
  .sbt2 {
    margin-top: 35px;
    margin-bottom: 30px;
  }
  .servItem .icon i {
    font-size: 25px;
  }
  .servItem .title {
    font-size: 24px;
  }
  .logoText {
    font-size: 28px;
  }
  .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;
  }
  .wtRg {
    padding: 35px 40px;
  }
  .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;
  }
  .ntmIndxCls {
    font-size: 26px;
  }
  .ntmTitle1 {
    font-size: 18px;
  }
  .ntmTitle1 {
    width: 200px;
  }
  .wtNtmProm,
  .wtNtm1 {
    width: calc(900px + 20vw);
  }
  .wtNtm1 {
    padding: 25px 40px;
  }
}

@media screen and (min-width: 1400px){
  .prntCsv {
    padding: 5px 300px;
  }
  .startWt, .endWt {
    min-width: 160px;
  }
  .ntmVal {
    padding: 20px 25px 15px 25px;
  }
  .servList {
    padding: 30px 50px 40px 50px;
  }
  .msgImg {
    margin-right: 17px;
  }
  .mesg1,
  .mesg2,
  .mesg3,
  .mesg4 {
    padding: 7px 25px;
  }
  .bbotm2 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .bbotm4 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .fplWrap1 {
    padding: 20px 40px;
  }
  .wtAdd2, .wtInfo, .wtNtm2 {
    max-width: 700px !important;
  }
  .pdOpr {
    padding-left: 2rem !important;
    padding-right: 8rem !important;
  }
  .fa-angle-down {
    font-size: 15px !important;
  }
  .fixed-top {
    padding-left: 20px;
    padding-right: 20px;
  }
  .txbox {
    font-size: 23px;
  }
  .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;
  }
  .myTbl1 td:first-child{ 
    min-width: 160px; 
  }
  .tblStat1 td:nth-child(2), .tblStat2 td:nth-child(2) { 
    min-width: 100px; 
  }
  .tblStat1 td:nth-child(3), .tblStat2 td:nth-child(4) { 
    min-width: 140px;
  }
  .msg_container {
    padding: 15px 25px;
  }
  .modal-content .prnBtn {
    font-size: 20px;
    margin-left: 20px;
  }
  .btnClose {
    font-size: 22px;
    width: 34px;
    height: 34px;
    margin-right: 15px;
  }
  .btn1 {
    font-size: 21px;
    padding: 3px 10px;
  }
  .btn2 {
    width: 140px;
    font-size: calc(15px + 0.175vw);
  }
  .foto1 {
    width: 30px;
  }
  .foto2 {
    width: 38px;
  }
  .msgBtn {
    width: 38px;
    height: 38px;
  }
  .dropdown-menu {
    min-width: 300px;
    padding: 15px 10px;
  }
  .dept, .tday {
    font-size: 22px;
  }
  .tbtot2 {
    font-size: 21px;
  }
  .welcm, .dropdown-item {
    font-size: 19px !important;
  }
  .offcanvas-start {
    width: 400px !important;
    padding-left: 15px;
    padding-right: 15px;
  }
  .modBy {
    padding: 0 40px;
  }
  .mistak {
    padding: 15px;
  }
  #sndHd,
  .tbtot2 {
    font-size: calc(17px + 0.5vw);
  } 
  .recvKlas2 {
    font-size: calc(16px + 0.5vw);
  }   
  .cardCls2  {
    padding-left: 20px;
    padding-right: 20px;
  }
  .wtLg {
    width: 450px;
    padding: 20px;
  }
  .wtItem2 {
    width: 800px;
  }
  .wtNtmProm,
  .wtNtm1 {
    width: calc(700px + 45vw);
  }
  .wtAdm1 {
    padding: 20px 25px 25px 25px;
  }
  .wtMod1 {
    max-width: 550px !important;
  }
  .modContent {
    padding: 17px 17px 30px 17px;
  }
  .wtPic {
    width: 550px;
  }
  .wtMod2 {
    max-width: 750px !important;
  }
  .wtItem1, .wtSend {
    max-width: 600px !important;
  }
  .wtSend {
    padding: 10px 25px;
  }
  .wtUpdSrch {
    width: 1000px;
    padding: 30px 30px 20px 30px;
  }
  .admMngUser {
    width: 1000px;
  }
  .admMngUser {
    padding: 30px 40px;
  }
  .compnyImg1 {
    width: 80px;
  }
  .logoText {
    font-size: 29px;
  }
  .navbar {
    max-height: 60px;
  }
  .contena1 {
    margin-top: 70px;
  }
  .contena4 {
    margin-top: 60px;
  }
  .nvbarLogo {
    width: 50px;
  }
  .compnyLogo1 {
    width: 120px;
  }
  .compnyLogo2 {
    width: 100px;
  }
  .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;
  }
  .btnStart {
    padding: 14px 24px;
    font-size: 18px;
  }
  .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: 290px;
  }
  .wt9 {
    width: 55px;
  }
  .wt10 {
    width: 65px;
  }
  .wt11 {
    width: 45px;
  }
  .wt12 {
    width: 170px;
  }
  .wt13 {
    width: 75px;
  }
  .wt14 {
    width: 105px;
  }
  
  .m-1 {
    margin: 0.4rem !important;
  }
  .m-2 {
    margin: 0.7rem !important;
  }
  .m-3 {
    margin: 1.2rem !important;
  }

  .me-1 {
    margin-right: 0.4rem !important;
  }
  .me-2 {
    margin-right: 0.7rem !important;
  }
  .me-3 {
    margin-right: 1.2rem !important;
  }

  .ms-1 {
    margin-left: 0.4rem !important;
  }
  .ms-2 {
    margin-left: 0.7rem !important;
  }
  .ms-3 {
    margin-left: 1.2rem !important;
  }

  .mt-1 {
    margin-top: 0.4rem !important;
  }
  .mt-2 {
    margin-top: 0.7rem !important;
  }
  .mt-3 {
    margin-top: 1.2rem !important;
  }
  
  .mx-1 {
    margin-left: 0.4rem !important;
    margin-right: 0.4rem !important;
  }
  .mx-2 {
    margin-left: 0.7rem !important;
    margin-right: 0.7rem !important;
  }
  .mx-3 {
    margin-left: 1.2rem !important;
    margin-right: 1.2rem !important;
  }

  .my-1 {
    margin-top: 0.4rem !important;
    margin-bottom: 0.4rem !important;
  }
  .my-2 {
    margin-top: 0.7rem !important;
    margin-bottom: 0.7rem !important;
  }
  .my-3 {
    margin-top: 1.2rem !important;
    margin-bottom: 1.2rem !important;
  }

  .p-1 {
    padding: 0.4rem !important;
  }
  .p-2 {
    padding: 0.7rem !important;
  }
  .p-3 {
    padding: 1.2rem !important;
  }

  .pt-1 {
    padding-top: 0.4rem !important;
  }
  .pt-2 {
    padding-top: 0.7rem !important;
  }
  .pt-3 {
    padding-top: 1.2rem !important;
  }

  .pb-1 {
    padding-bottom: 0.4rem !important;
  }
  .pb-2 {
    padding-bottom: 0.7rem !important;
  }
  .pb-3 {
    padding-bottom: 1.2rem !important;
  }

  .ps-1 {
    padding-left: 0.4rem !important;
  }
  .ps-2 {
    padding-left: 0.7rem !important;
  }
  .ps-3 {
    padding-left: 1.2rem !important;
  }
  .ps-4 {
    padding-left: 1.7rem !important;
  }

  .pe-1 {
    padding-right: 0.4rem !important;
  }
  .pe-2 {
    padding-right: 0.7rem !important;
  }
  .pe-3 {
    padding-right: 1.2rem !important;
  }

  .px-1 {
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
  }
  .px-2 {
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
  }
  .px-3 {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }
  
  .py-1 {
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
  }
  .py-2 {
    padding-top: 0.7rem !important;
    padding-bottom: 0.7rem !important;
  }
  .py-3 {
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important;
  }
}
@media screen and (min-width: 1500px){
  .compnyLogo1 {
    width: 130px;
  }
  .compnyLogo2 {
    width: 110px;
  }
  .indxCls {
    font-size: 28px;
  }
}

@media screen and (min-width: 1600px){
  .ntmSrch1, .ntmSrch2, .ntmSrch3 {
    width: 120px;
    height: 34px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .startWt, .endWt {
    min-width: 180px;
  }
  .wtStat table td {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .wtStat {
    padding: 30px 50px 15px 50px;
  }
  #multi-response {
    font-size: 17px;
  }
  .wtAdd2, .wtInfo, .wtNtm2 {
    max-width: 750px !important;
  }
  .fplWrap1 {
    font-size: 21px;
  }
  .wtAdm2 table td {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .wtUpdSrch {
    width: 1100px;
  }
  .updTbl td, .updTbl td {
    padding: 3px !important;
  }
  .updTbl input, .updTbl select, .delTbl td {
    padding: 7px 8px !important;
  }
  .fa-angle-down {
    font-size: 16px !important;
  }
  .pdOpr {
    padding-left: 2rem !important;
    padding-right: 9rem !important;
  }
  .ht1 {
    height: 40px;
  }
  .adminSach {
    width: 210px;
  }
  .fixed-top {
    padding-left: 25px;
    padding-right: 25px;
  }
  .msg_container {
    padding: 15px 30px;
  }
  table th, table td {
    padding: 7px 13px !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;
  }
  .btn1 {
    font-size: 22px;
    padding: 4px 12px;
  }
  .btnClose {
    font-size: 24px;
    width: 36px;
    height: 36px;
  }
  .btnUser {
    padding: 2px 8px;
  }
  .updSrch {
    padding: 10px 35px 0 35px;
  }
  p {
    line-height: 1.8;
  }
  .offcanvas-start {
    width: 420px !important;
  }
  .title2 {
    padding: 12px 8px;
  }
  .indxDiv5,
  .indxDiv2 {
    margin-top: 50px;
  }
  .statRepHead1,
  .statRepHead2,
  .statRepHead3 {
    margin-bottom: 30px;
  }
  .statRepHead4 {
    margin-bottom: 20px;
  }
  .tbtot2 {
    font-size: 22px;
  }
  .rptDiv1 {
    margin-top: 10px;
  }
  .welcm, .dropdown-item {
    font-size: 20px !important;
  }
  .wtItem1, .wtSend {
    max-width: 650px !important;
  }  
  .wtItem2 {
    width: 850px;
  }
  .wtSend {
    padding: 10px 30px;
  }
  .wtMod2 {
    max-width: 800px !important;
  }
  .wtQary {
    padding: 30px 40px;
  }
  option {
    line-height: 20px;
    font-size: 19px;
  }
  .logoText {
    font-size: 30px;
  }
  .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 38px !important;
  }
  .chosen-container .chosen-results {
    padding: 2px 2px 2px 10px;
    max-height: 300px !important;
  }
  .chosen-container-multi .chosen-choices li.search-choice {
    padding: 3px 5px 3px 10px !important;
    font-size: 18px !important;
  }
  .footerMain .contact1 {
    font-size: 23px !important;
  }
  .footerMain, .dept, .tday {
    font-size: 23px;
  }
  .footerMain {
    padding: 80px 40px;
  }
  .footerMain .footerFa1 {
    font-size: 36px !important;
  }
  .footerMain .footerFa2 {
    font-size: 27px !important;
  }
  .footerMain .footerFa3 {
    font-size: 25px !important;
  }
  .servList {
    padding: 30px 80px 50px 80px;
  }
  .servItem .icon i {
    font-size: 26px;
  }
  .servItem .title {
    font-size: 25px;
  }
  .wtRg {
    padding: 35px 40px;
  }
  .sbt1, .sbt2, .wtOk1 {
    padding: 8px 30px;
  }
  .wtOk3 {
    padding: 6px 15px;
  }
  .btn2 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .navbar {
    max-height: 65px;
  }
  .contena1 {
    margin-top: 75px;
  }
  .contena4 {
    margin-top: 65px;
  }
  .nvbarLogo {
    width: 52px;
  }
  .compnyLogo1 {
    width: 140px;
  }
  .compnyLogo2 {
    width: 120px;
  }
  .btnStart {
    padding: 16px 26px;
    font-size: 19px;
  }
  .treeview {
    padding: 5px;
  }
  .md-input-wrapper {
    margin-bottom: 30px;
  }
  .wtAdm2 {
    padding: 30px 50px 15px 50px;
  }
  .cdheader {
    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: 305px;
  }
  .wt9 {
    width: 65px;
  }
  .wt10 {
    width: 70px;
  }
  .wt11 {
    width: 50px;
  }
  .wt12 {
    width: 180px;
  }
  .wt13 {
    width: 80px;
  }
  .wt14 {
    width: 110px;
  }
}

@media screen and (min-width: 1800px){
  .prntCsv {
    padding: 5px 400px;
  }
  .startWt, .endWt {
    min-width: 190px;
  }
  .msgImg {
    margin-right: 20px;
  }
  .msgtimDiv {
    font-size: 16px;
  }
  .wtAdd2, .wtInfo, .wtNtm2 {
    max-width: 800px !important;
  }
  .fplWrap1 {
    font-size: 23px;
    padding: 20px 55px;
  }
  .wtNtm4 {
    min-height: 90vh;
  }
  .indxImg {
    width: 80%;
  }
  .fa-angle-down {
    font-size: 17px !important;
  }
  .servList {
    padding: 30px 100px 50px 100px;
  }
  ul.uls {
    padding-left: 30px;
  }
  .mesg1,
  .mesg2,
  .mesg3,
  .mesg4 {
    padding: 10px 30px;
  }
  .modBdy1 {
    border-left: 25px solid #fff;
    border-right: 25px solid #fff;
    border-bottom: 25px solid #fff;
  }
  .btn2 {
    width: 150px;
  }
  .ovrTbl td:first-child, .ovrTbl th:first-child {
    padding-left: 40px !important;
    padding-right: 30px !important;
  }
  .svSty1,
  .statSty1,
  .statSty2,
  .statSty3,
  .statSty4,
  .statSty5,
  .statSty6,
  .statSty7 {
    padding: 20px 20px 5px 20px;
  }
  .welcm, .dropdown-item {
    font-size: 21px !important;
  }
  .tblStat1 td:nth-child(2), .tblStat2 td:nth-child(2) { 
    min-width: 110px; 
  }
  .tblStat1 td:nth-child(3), .tblStat2 td:nth-child(4) { 
    min-width: 200px;
  }
  .txbox {
    font-size: 25px;
  }
  .rkmd-checkbox .input-checkbox {
    width: 36px;
    height: 36px;
  }
  .msg_container {
    padding: 15px 35px;
  }
  .updItem1 {
    padding: 25px 30px 10px 30px;
  }
  .modBy {
    padding: 0 45px;
  }
  .updItem2 {
    margin: 25px;
    padding: 20px;
  }
  .btn1 {
    font-size: 23px;
  }
  .foto1 {
    width: 32px;
  }
  .foto2 {
    width: 40px;
  }
  .msgBtn {
    width: 40px;
    height: 40px;
  }
  p {
    line-height: 2.0;
  }
  .dept,
  .tday {
    font-size: 24px;
  }
  .myTbl1 td:first-child{ 
    min-width: 170px; 
  }
  table th, table td {
    font-size: calc(14px + 0.20vw) !important;
    padding: 7px 15px !important;
  }
  .dropdown-menu {
    min-width: 350px;
  }
  .mistak {
    padding: 20px;
  }
  .updSrch {
    padding: 15px 40px 5px 40px;
  }
  .offcanvas-start {
    width: 450px !important;
    padding-left: 20px;
    padding-right: 20px;
  }
  .treeview {
    padding: 7px;
  }
  .wtAdm1 {
    width: calc(850px + 50vw);
  }
  .wtMod1 {
    max-width: 600px !important;
  }
  .modContent {
    padding: 20px 20px 30px 20px;
  }
  .wtPic {
    width: 600px;
  }
  .wtItem1, .wtSend {
    max-width: 700px !important;
  }  
  .wtItem2 {
    width: 900px;
  }
  .wtSend {
    padding: 15px 35px;
  }
  .wtMod2 {
    max-width: 850px !important;
  }
  .wtAdm1 {
    padding: 20px 30px 30px 30px;
  }
  .wtTotals {
    width: 850px;
  }
  option {
    line-height: 1.8 !important;
    font-size: 20px;
  }
  .logoText {
    font-size: 31px;
  }
  .modal-content .prnBtn {
    font-size: 22px;
    margin-left: 25px;
    margin-top: 15px;
  }
  .btnClose {
    font-size: 26px;
    width: 38px;
    height: 38px;
    margin-right: 20px;
  }
  .tbtot2 {
    font-size: 23px;
  }
  .compnyImg1 {
    width: 90px;
  }
  .servItem .icon i {
    font-size: 27px;
  }
  .servItem .title {
    font-size: 26px;
  }
  .wtLg {
    width: 500px;
    padding: 30px;
  }
  .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;
  }
  .fixed-top {
    padding-left: 30px;
    padding-right: 30px;
  }
  .cardCls2  {
    padding-left: 25px;
    padding-right: 25px;
  }
  .admMngUser {
    width: 1200px;
    padding: 40px 50px;
  }
  .wt1 {
    width: 105px;
  }
  .wt2 {
    width: 135px;
  }
  .wt3 {
    width: 145px;
  }
  .wt4 {
    width: 210px;
  }
  .wt5 {
    width: 220px;
  }
  .wt6 {
    width: 240px;
  }
  .wt7 {
    width: 260px;
  }
  .wt8 {
    width: 320px;
  }
  .wt9 {
    width: 75px;
  }
  .wt10 {
    width: 75px;
  }
  .wt11 {
    width: 55px;
  }
  .wt12 {
    width: 190px;
  }
  .wt13 {
    width: 85px;
  }
  .wt14 {
    width: 115px;
  }
  .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){
  .ntmSrch1, .ntmSrch2, .ntmSrch3 {
    width: 140px;
    height: 36px;
    padding-left: 7px;
    padding-right: 7px;
  }
  .startWt, .endWt {
    min-width: 200px;
  }
  .wtStat table td {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .wtStat {
    padding: 30px 60px 20px 60px;
  }
  #multi-response {
    font-size: 18px;
  }
  .wtAdd2, .wtInfo, .wtNtm2 {
    max-width: 850px !important;
  }
  .wtAdm2 table td {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .wtUpdSrch {
    width: 1200px;
  }
  .wtRg {
    padding: 40px 50px;
  }
  .pdOpr {
    padding-left: 2rem !important;
    padding-right: 11rem !important;
  }
  .updTbl td, .updTbl td {
    padding: 4px !important;
  }
  .updTbl input, .updTbl select, .delTbl td {
    padding: 8px 10px !important;
  }
  .fa-angle-down {
    font-size: 18px !important;
  }
  .ht1 {
    height: 45px;
  }
  .servList {
    padding: 30px 200px 50px 200px;
  }
  .welcm, .dropdown-item {
    font-size: 22px !important;
  }
  .wtQary {
    padding: 40px 50px;
  }
  .txbox {
    font-size: 26px;
  }
  .msg_container {
    padding: 15px 40px;
  }
  .fixed-top {
    padding-left: 40px;
    padding-right: 40px;
  }
  .btn1 {
    font-size: 24px;
    padding: 5px 14px;
  }
  .btn2 {
    width: 160px;
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .btnUser {
    padding: 2px 10px;
  }
  .myTbl1 th, .myTbl1 td  {
    font-size: calc(14px + 0.15vw) !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  p {
    line-height: 2.2;
  }
  .modal-content .prnBtn {
    font-size: 23px;
    margin-left: 35px;
  }
  .btnClose {
    font-size: 28px;
    width: 40px;
    height: 40px;
    margin-right: 25px;
  }
  .statRepHead1,
  .statRepHead2,
  .statRepHead3 {
    margin-bottom: 40px;
  }
  .statRepHead4 {
    margin-bottom: 30px;
  }
  .title2 {
    padding: 15px 10px;
  }
  .wtItem1, .wtSend {
    max-width: 750px !important;
  }  
  .wtItem2 {
    width: 950px;
  }
  .offcanvas-start {
    width: 500px !important;
  }
  .wtSend {
    padding: 20px 40px;
  }
  .wtMod2 {
    max-width: 900px !important;
  }
  .logoText {
    font-size: 32px;
  }
  .chosen-container .chosen-results {
    padding: 2px 2px 2px 14px;
    max-height: 400px !important;
  }
  .chosen-container-multi .chosen-choices li.search-choice {
    padding: 3px 5px 3px 14px !important;
    font-size: 20px !important;
  }
  .footerMain .contact1 {
    font-size: 25px !important;
  }
  .footerMain {
    font-size: 25px;
    padding: 90px 50px;
  }
  .footerMain .footerFa1 {
    font-size: 40px !important;
  }
  .footerMain .footerFa2 {
    font-size: 30px !important;
  }
  .footerMain .footerFa3 {
    font-size: 27px !important;
  }
  .navbar {
    max-height: 70px;
  }
  .contena1 {
    margin-top: 80px;
  }
  .contena4 {
    margin-top: 70px;
  }
  .nvbarLogo {
    width: 55px;
  }
  .compnyImg1 {
    width: 100px;
  }
  .dept,
  .tday {
    font-size: 25px;
  }
  .rptDiv1 {
    margin-top: 20px;
  }
  .btnContent,
  .profilDiv3 {
    font-size: calc(14px + 0.27vw) !important;
  }
  .btnContent {
    padding: calc(10px + 0.2vw) calc(3px + 0.1vw) !important;
  }
  .wtOk2 {
    padding: 7px 25px;
  }
  .sbt1, .sbt2, .wtOk1 {
    padding: 8px 35px;
  }
  .sbt1 {
    margin-top: 60px;
    margin-bottom: 40px;
  }
  .sbt2 {
    margin-top: 50px;
    margin-bottom: 35px;
  }
  .wtOk3 {
    padding: 7px 18px;
  }
  .servItem .icon i {
    font-size: 28px;
  }
  .servItem .title {
    font-size: 27px;
  }
  .tbtot2 {
    font-size: 24px;
  }
  .wtAdm2 {
    padding: 30px 60px 20px 60px;
  }
  .cdheader {
    margin-bottom: 40px;
  }
  .wt1 {
    width: 120px;
  }
  .wt2 {
    width: 150px;
  }
  .wt3 {
    width: 160px;
  }
  .wt4 {
    width: 230px;
  }
  .wt5 {
    width: 240px;
  }
  .wt6 {
    width: 260px;
  }
  .wt7 {
    width: 280px;
  }
  .wt8 {
    width: 340px;
  }
  .wt9 {
    width: 95px;
  }
  .wt10 {
    width: 80px;
  }
  .wt11 {
    width: 60px;
  }
  .wt12 {
    width: 200px;
  }
  .wt13 {
    width: 90px;
  }
  .wt14 {
    width: 120px;
  }
}
@media screen and (min-width: 2500px){
  .wtStat {
    padding: 30px 70px 20px 70px;
  }
  .prntCsv {
    padding: 5px 500px;
    margin-bottom: 15px;
  }
  .startWt, .endWt {
    min-width: 220px;
  }
  .msgImg {
    margin-right: 24px;
  }
  .wtAdd2, .wtInfo, .wtNtm2 {
    max-width: 900px !important;
  }
  .indxImg {
    width: 65%;
  }
  .fplWrap1 {
    font-size: 26px;
    padding: 30px 60px;
  } 
  .fa-angle-down {
    font-size: 19px !important;
  }
  .wtRpt {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .pdOpr {
    padding-left: 2rem !important;
    padding-right: 13rem !important;
  }
  .ovrTbl td:first-child, .ovrTbl th:first-child {
    padding-left: 50px !important;
    padding-right: 40px !important;
  }
  .adminSach {
    width: 250px;
  }
  .servList {
    padding: 30px 250px 60px 250px;
  }
  .tblStat1 td:nth-child(2), .tblStat2 td:nth-child(2) { 
    min-width: 120px; 
  }
  .tblStat1 td:nth-child(3), .tblStat2 td:nth-child(4) { 
    min-width: 240px;
  }
  .modBdy1 {
    border-left: 30px solid #fff;
    border-right: 30px solid #fff;
    border-bottom: 30px solid #fff;
  }
  .btn2 {
    width: 170px;
  }
  ul.uls {
    padding-left: 40px;
  }
  .txbox {
    font-size: 27px;
  }
  .fixed-top {
    padding-left: 50px;
    padding-right: 50px;
  }
  .btn1 {
    font-size: 25px;
    padding: 5px 16px;
  }
  .checkbx, input[type="checkbox"] {
    width: 18px;
    height: 18px;
  }
  .myTbl1 th, .myTbl1 td  {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .myTbl1 td:first-child{ 
    min-width: 200px; 
  }
  table th, table td {
    padding: 8px 17px !important;
  }
  .modBy {
    padding: 0 50px;
  }
  .updSrch {
    padding: 15px 50px 10px 50px;
  }
  .dropdown-menu {
    min-width: 400px;
    padding: 20px 15px;
  }
  .offcanvas-start {
    width: 550px !important;
    padding-left: 25px;
    padding-right: 25px;
  }
  .welcm, .dropdown-item {
    font-size: 23px !important;
  }
  .foto1 {
    width: 34px;
  }
  .foto2 {
    width: 42px;
  }
  .msgBtn {
    width: 42px;
    height: 42px;
  }
  .dept,
  .tday,
  .tbtot2 {
    font-size: 26px;
  }
  .logoText {
    font-size: 33px;
  }
  .contena1 {
    margin-top: 90px;
  }
  .compnyImg1 {
    width: 120px;
  }
  .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 41px !important;
  }
  .chosen-container-multi .chosen-choices li.search-choice {
    font-size: 19px !important;
  }
  .footerMain .contact1 {
    font-size: 27px !important;
  }
  .footerMain {
    font-size: 26px;
    padding: 100px 60px;
  }
  .footerMain .footerFa1 {
    font-size: 42px !important;
  }
  .footerMain .footerFa2 {
    font-size: 31px !important;
  }
  .footerMain .footerFa3 {
    font-size: 28px !important;
  }
  .servItem .icon i {
    font-size: 29px;
  }
  .servItem .title {
    font-size: 28px;
  }    
  .cardCls2  {
    padding-left: 30px;
    padding-right: 30px;
  }
  .wtItem1, .wtSend {
    max-width: 800px !important;
  }  
  .wtItem2 {
    width: 1000px;
  }
  .wtPic {
    width: 650px;
  }
  .wtMod1 {
    max-width: 650px !important;
  }
  .modContent {
    padding: 22px 22px 30px 22px;
  }
  .wtMod2 {
    max-width: 950px !important;
  }
  .wtAdm1 {
    padding: 25px 35px 35px 35px;
  }
  .wtTotals {
    width: 900px;
  }
  .wtUpdSrch {
    width: 1350px;
  }
  .admMngUser {
    width: 1400px;
  }
  .wtAdm2 {
    padding: 30px 70px 20px 70px;
  }
  .admMngUser {
    padding: 40px 60px;
  }
  .svSty1,
  .statSty1,
  .statSty2,
  .statSty3,
  .statSty4,
  .statSty5,
  .statSty6,
  .statSty7 {
    padding: 25px 25px 10px 25px;
  }
  .treeText1 {
    font-size: 23px;
  }
  .wtLg {
    width: 550px;
    padding: 40px;
  }
  .wt1 {
    width: 140px;
  }
  .wt2 {
    width: 170px;
  }
  .wt3 {
    width: 180px;
  }
  .wt4 {
    width: 250px;
  }
  .wt5 {
    width: 260px;
  }
  .wt6 {
    width: 290px;
  }
  .wt7 {
    width: 310px;
  }
  .wt8 {
    width: 370px;
  }
  .wt9 {
    width: 105px;
  }
  .wt10 {
    width: 90px;
  }
  .wt11 {
    width: 65px;
  }
  .wt12 {
    width: 215px;
  }
  .wt13 {
    width: 95px;
  }
  .wt14 {
    width: 130px;
  }
  .me-1 {
    margin-right: 1rem !important;
  }
  .me-2 {
    margin-right: 1.5rem !important;
  }
  .me-3 {
    margin-right: 2rem !important;
  }
  .ms-1 {
    margin-left: 1rem !important;
  }
  .ms-2 {
    margin-left: 1.5rem !important;
  }
  .ms-3 {
    margin-left: 2rem !important;
  }
}
@media screen and (min-width: 3000px){
  .ntmSrch1, .ntmSrch2, .ntmSrch3 {
    width: 160px;
    height: 38px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .startWt, .endWt {
    min-width: 240px;
  }
  .servList {
   padding: 40px 200px 60px 200px;
  }
  .wtAdd2, .wtInfo, .wtNtm2 {
    max-width: 950px !important;
  }
  .txbox {
    font-size: 28px;
  }
  .myTbl1 th, .myTbl1 td  {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .myTbl1 td:first-child{ 
    min-width: 250px; 
  }
  .fixed-top {
    padding-left: 70px;
    padding-right: 70px;
  }
  .wtQary {
    padding: 40px 60px;
  }
  .btn1 {
    font-size: 26px;
  }
  .modal-content .prnBtn {
    font-size: 24px;
  }
  .btnClose {
    font-size: 29px;
    width: 42px;
    height: 42px;
  }
  .updSrch {
    padding: 20px 60px 15px 60px;
  }
  .offcanvas-start {
    width: 600px !important;
  }
  .welcm, .dropdown-item {
    font-size: 24px !important;
  }
  .wtRpt {
    width: 2700px;
  }
  .logoText {
    font-size: 34px;
  }
  .tbtot2 {
    font-size: 28px;
  }
  .dept,
  .tday {
    font-size: 27px;
  }
  .wtItem2 {
    width: 1050px;
  }
}

@media screen and (min-width: 3500px){
  .startWt, .endWt {
    min-width: 260px;
  }
  .indxImg {
    width: 60%;
  }
  .wtAdd2, .wtInfo, .wtNtm2 {
    max-width: 1000px !important;
  }
  .servList {
    padding: 40px 300px 70px 300px;
  }
  .pdOpr {
    padding-left: 2rem !important;
    padding-right: 16rem !important;
  }
  .fplWrap1,
  .btn1 {
    font-size: 27px;
  }
  .btn2 {
    width: 190px;
  }
  .myTbl1 th, .myTbl1 td  {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .myTbl1 td:first-child{ 
    min-width: 300px; 
  }
  .fixed-top {
    padding-left: 100px;
    padding-right: 100px;
  }
  .txbox {
    font-size: 29px;
  }
  .foto1 {
    width: 36px;
  }
  .foto2 {
    width: 44px;
  }
  .msgBtn {
    width: 44px;
    height: 44px;
  }
  .modal-content .prnBtn {
    font-size: 25px;
  }
  .btnClose {
    font-size: 30px;
    width: 44px;
    height: 44px;
  }
  .offcanvas-start {
    width: 700px !important;
  }
  .welcm, .dropdown-item {
    font-size: 25px !important;
  }
  .logoText {
    font-size: 35px;
  }
  .tbtot2 {
    font-size: 29px;
  }
  .dept,
  .tday {
    font-size: 28px;
  }
  .wtUpdSrch {
    width: 1500px;
  }
  .wtQary {
    width: 2000px;
  }
  .wtLg {
    width: 600px;
    padding: 50px;
  }
  .wtTotals {
    width: 1000px;
  }
  .wtMod2 {
    max-width: 1000px !important;
  }
  .wtMod1 {
    max-width: 700px !important;
  }
  .wtPic {
    width: 700px;
  }
  .wtItem1, .wtSend {
    max-width: 850px !important;
  } 
  .wtItem2 {
    width: 1100px;
  }
  .cdheader {
    margin-bottom: 100px;
  }
  .wt1 {
    width: 160px;
  }
  .wt2 {
    width: 190px;
  }
  .wt3 {
    width: 200px;
  }
  .wt4 {
    width: 270px;
  }
  .wt5 {
    width: 280px;
  }
  .wt6 {
    width: 310px;
  }
  .wt7 {
    width: 340px;
  }
  .wt8 {
    width: 400px;
  }
  .wt9 {
    width: 115px;
  }
  .wt10 {
    width: 100px;
  }
  .wt11 {
    width: 70px;
  }
  .wt12 {
    width: 230px;
  }
  .wt13 {
    width: 100px;
  }
  .wt14 {
    width: 140px;
  }
}

@media screen and (min-width: 4000px){
  .wtStat {
    width: 1900px;
  }
  .startWt, .endWt {
    min-width: 280px;
  }
  body {
    font-size: 25.5px;
  }
  .wtNtm3 {
    max-width: 1500px;
  }
  .wtNtm4 {
    max-width: 1400px !important;
  }
  .wtAdd2, .wtInfo, .wtNtm2, .wtTotals {
    max-width: 1100px !important;
  }
  .ntmlarge {
    font-size: 32px;
  }
  table th, table td {
    font-size: 22px !important;
  }
  .servList {
    padding: 40px 400px 80px 400px;
  }
  .megSecHd {
    font-size: 47px;
  }
  .servList .title {
    font-size: 39px;
  }
  .servList li {
    font-size: 31px !important;
  }
  h3 {
    font-size: 38px;
  }
  h4 {
    font-size: 35px;
  }
  h5, .fntHd1 {
    font-size: 30px;
  }
  h6, .rptHd {
    font-size: 27.5px;
  }
  .fnt1, .cdheader {
    font-size: 25.5px;
  }
  .fnt2, input, select, li, a, textarea, ul.ulCls1, ul.ulCls2 {
    font-size: 23px !important;
  }
  .fnt3, .faint1, p, #mlmsg {
    font-size: 21px;
  }
  a .fa, li .fa, span .fa, .sidebar-menu .sdbarText, .treeText1, .modal-content .prnBtn {
    font-size: 25px;
  }
  a .fab, li .fab, span .fab, a .fas, li .fas, span .fas, .btn1 {
    font-size: 28px;
  }
  .sbt1, .sbt2, .wtOk1, .wtOk2, .wtOk3, .btn2 {
    font-size: 22px;
  }
  .wtOk3 {
    padding: 7px 20px;
  }
  .wtCnt {
    width: 2400px;
  }
  .ml-1 {
    margin-left: 85px;
  }
  .mr-1 {
    margin-right: 85px;
  }
  .ml-3 {
    margin-left: 420px;
  }
  .mr-3 {
    margin-right: 420px;
  }
  .fixed-top {
    padding-left: 100px;
    padding-right: 100px;
  }
  .txbox, .dept, .tday {
    font-size: 29px;
  }
  .btnClose {
    font-size: 30px;
    width: 44px;
    height: 44px;
  }
  .offcanvas-start {
    width: 800px !important;
  }
  .welcm, .dropdown-item {
    font-size: 25px !important;
  }
  .logoText {
    font-size: 36px;
  }
  .tdc1, .tdc5 {
    font-size: 20.5px !important;
  }
  .tdc2 {
    font-size: 21.5px !important;
  }
  .tdc3 {
    font-size: 23.5px !important;
  }
  .tdc4 {
    font-size: 25.5px !important;
  }
  .contentTtl, .profileTtl {
    font-size: 35px
  }
  .wtQary {
    width: 2100px;
  }
  .wtAdm1 {
    width: 2850px;
  }
  .wtRg {
    width: 950px;
  }
  .wtAdm2 {
    width: 1900px;
  }
  .wtOpr {
    max-width: 2500px !important;
  }
  .wtMod2, .wtTotals {
    max-width: 1100px !important;
  }
  .wtItem1, .wtSend {
    max-width: 900px !important;
  } 
  .wtItem2 {
    width: 1200px;
  }
  .wtNtmProm,
  .wtNtm1 {
    width: 2500px;
  }
  .cdheader {
    margin-bottom: 100px;
  }
}

/* max height */
@media screen and (max-height: 559.99px){
  .wtAdm1,
  .admUsers,
  .admMngUser {
    min-height: 88vh;
  }
}

/* Media Screen Min Height */
@media screen and (min-height: 500px){
  .contena2 {
    margin-top: 60px;
  }
  .wtLg {
    margin-top: 3vh;
  }
}
@media screen and (min-height: 560px){
  .wtAdm1 {
    min-height: 85vh;
  }
  .admUsers,
  .admMngUser {
    min-height: 80vh;
  }
  .wtLg {
    margin-top: 5vh;
  }
}
@media screen and (min-height: 600px){
  .contena2 {
    margin-top: 70px;
  }
  .wtLg {
    margin-top: 6vh;
  }
}
@media screen and (min-height: 700px){
  .wtAdm1,
  .admUsers,
  .admMngUser {
    min-height: 80vh;
  }
  .wtLg {
    margin-top: 7vh;
  }
  .fomDiv1, .fomDiv2 {
    min-height: 250px;
  }
  .fomDiv3 {
    min-height: 200px;
  }
}
@media screen and (min-height: 800px){
  .wtLg {
    margin-top: 8vh;
  }
  .fomDiv1, .fomDiv2 {
    min-height: 300px;
  }
  .fomDiv3 {
    min-height: 250px;
  }
  #chartOvrdiv {
    height: 700px;
  }
}
@media screen and (min-height: 1000px){
  .fomDiv1, .fomDiv2 {
    min-height: 350px;
  }
  .fomDiv3 {
    min-height: 300px;
  }
}
@media screen and (min-height: 1100px){
 
}
@media screen and (min-height: 1200px){
  .wtRg {
    margin-top: 20px;
  }
}
@media screen and (min-height: 1300px){
  .wtRg {
    margin-top: 4vh;
  }
  .fomDiv1, .fomDiv2 {
    min-height: 400px;
  }
  .fomDiv3 {
    min-height: 350px;
  }
  #chartOvrdiv {
    height: 1100px;
  }
}
@media screen and (min-height: 1500px){
  .wtRg {
    margin-top: 5vh;
  }.indxCls {
    font-size: 28px;
  }
  .ntmIndxCls {
    font-size: 28px;
  }
  .wtRpt,
  .bbotm2 {
    width: 1400px;
  }
  .bbotm2 {
    background-color: #cce5ff;
  }
}

@media screen and (min-height: 1800px){
  .wtRg {
    margin-top: 6vh;
  }
}

@media screen and (min-height: 2000px){
}
@media screen and (min-height: 2200px){
}

@media screen and (max-width: 459.99px) and (min-height: 680px){
  .wtPic {
    margin-top: 5vh;
  }
}

@media screen and (max-width: 767px) and (min-height: 600px){
}
@media screen and (max-width: 767px) and (min-height: 700px){
  
}
@media screen and (max-width: 767px) and (min-height: 800px){
}
@media screen and (min-width: 460px) and (min-height: 600px){
  .wtPic {
    margin-top: 5vh;
  }
}
@media screen and (min-width: 460px) and (min-height: 900px){
  .wtPic {
    margin-top: 7vh;
  }
}@media screen and (min-width: 576px) and (min-height: 550px){
  .contena2 {
    margin-top: 80px;
  }
}
@media screen and (min-width: 576px) and (min-height: 600px){
  .wtUpdSrch {
    margin-top: 4vh;
  }
  .wtSend {
    margin-top: 9vh;
  }
}
@media screen and (min-width: 576px) and (min-height: 700px){
  .contena2 {
    margin-top: 90px;
  }
  .wtSend {
    margin-top: 10vh;
  }
}
@media screen and (min-width: 576px) and (min-height: 800px){
  .contena2 {
    margin-top: 100px;
  }
  .wtUpdSrch {
    margin-top: 6vh;
  }
}

@media screen and (min-width: 576px) and (min-height: 900px){
  .contena2 {
    margin-top: 110px;
  }
  .wtNtm3, .wtNtm4 {
    min-height: 75vh;
  }
  .wtUpdSrch {
    margin-top: 7vh;
  }
  .contentTtl {
    margin-top: 8vh;
    margin-bottom: 10vh;
  }
  .trumbowyg-box,
  .trumbowyg-editor {
    min-height: 400px;
  }
  .trumbowyg-editor,
  .trumbowyg-textarea {
    min-height: 400px;
  }
}
@media screen and (min-width: 576px) and (min-height: 1100px){
  .contena2 {
    margin-top: 120px;
  }
  .trumbowyg-box,
  .trumbowyg-editor {
    min-height: 250px !important;
  }
  .trumbowyg-editor,
  .trumbowyg-textarea {
    min-height: 250px !important;
  }
  .wtUpdSrch {
    margin-top: 10vh;
  }
  .contentTtl {
    margin-top: 9vh;
    margin-bottom: 11vh;
  }
}
@media screen and (min-width: 576px) and (min-height: 1200px){
  .contena2 {
    margin-top: 130px;
  }
  .contentTtl {
    margin-top: 10vh;
    margin-bottom: 12vh;
  }
  .wtNtm3, .wtNtm4 {
    min-height: 70vh;
  }
}
@media screen and (min-width: 768px) and (min-height: 600px){
  .edt2 table td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .contena3 {
    margin-top: 65px;
  }
  .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){
  .contena3 {
    margin-top: 75px;
  }
  .cardCls1 {
    height: 400px;
  }  
  .cardCls2 {
    height: 320px;
  }
  .edt2 table td {
    padding-top: 15px !important;
    padding-bottom: 15px !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: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 768px) and (min-height: 900px){
  .wtStat table td {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .wtStat {
    margin-top: 8vh;
  }
  .wtAdm2 table td {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .wtAdm2 {
    margin-top: 8vh;
  }
  .contena3 {
    margin-top: 90px;
  }
  .cardCls1 {
    height: 420px;
  }    
  .cardCls2 {
    height: 350px;
  }
  .edt2 table td {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .mb-1 {
    margin-bottom: calc(4px + 0.9vh) !important;
  }
  .mb-2 {
    margin-bottom: calc(8px + 0.9vh) !important;
  }
  .mb-3 {
    margin-bottom: calc(16px + 0.9vh) !important;
  }
  .mb-4 {
    margin-bottom: calc(30px + 1vh) !important;
  }
  .mb-5 {
    margin-bottom: calc(50px + 2vh) !important;
  }

  .mbt-1 {
    margin-bottom: calc(4px + 1.2vh) !important;
  }
  .mbt-2 {
    margin-bottom: calc(8px + 1.2vh) !important;
  }
  .mbt-3 {
    margin-bottom: calc(16px + 1.2vh) !important;
  }
  .mbt-4 {
    margin-bottom: calc(24px + 1.2vh) !important;
  }
  .mbt-5 {
    margin-bottom: calc(48px + 1.2vh) !important;
  }

  .mbtm-1 {
    margin-bottom: calc(4px + 4.0vh) !important;
  }
  .mbtm-2 {
    margin-bottom: calc(8px + 4.0vh) !important;
  }
  .mbtm-3 {
    margin-bottom: calc(16px + 4.0vh) !important;
  }
  .mbtm-4 {
    margin-bottom: calc(24px + 4.0vh) !important;
  }
  .mbtm-5 {
    margin-bottom: calc(48px + 4.0vh) !important;
  }
}
@media screen and (min-width: 768px) and (min-height: 1000px){
  .wtStat table td {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  .wtStat {
    margin-top: 9vh;
  }
  .wtAdm2 table td {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  .wtAdm2 {
    margin-top: 9vh;
  }
}
@media screen and (min-width: 768px) and (min-height: 1100px){
  .wtStat table td {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .wtStat {
    margin-top: 10vh;
  }
  .wtAdm2 table td {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .wtAdm2 {
    margin-top: 10vh;
  }
  .cdheader {
    margin-bottom: 30px;
  }
  .contena3 {
    margin-top: 100px;
  }
  .cardCls1 {
    height: 440px;
  }    
  .cardCls2 {
    height: 400px;
  }
  .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){
  .wtStat table td {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
  .wtAdm2 table td {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
  .cdheader {
    margin-bottom: 50px;
  }
  .contena3 {
    margin-top: 110px;
  }
  .cardCls1 {
    height: 460px;
  }    
  .cardCls2 {
    height: 430px;
  }
  .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: 1300px){
  .wtStat table td {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .wtAdm2 table td {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}
@media screen and (min-width: 768px) and (min-height: 1500px){
  .wtStat table td {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .wtStat .form-control, .wtStat .form-select {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .wtStat .form-control, .wtStat .form-select {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .wtAdm2 table td {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .wtAdm2 .form-control, .wtAdm2 .form-select {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .wtAdm2 .form-control, .wtAdm2 .form-select {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .contena3 {
    margin-top: 130px;
  }
  .cardCls1 {
    height: 480px;
  } 
  .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: 1800px){
  .contena3 {
    margin-top: 150px;
  }
  .cardCls1 {
    height: 500px;
  }
  .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: 12px !important;
    padding-bottom: 12px !important;
  }
  .edt2 table td {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}
@media screen and (min-width: 1400px) and (min-height: 900px){
  .cardCls1 {
    height: 440px;
  }
}
@media screen and (min-width: 1400px) and (min-height: 1000px){
  .cardCls1 {
    height: 460px;
  }
}
@media screen and (min-width: 1400px) and (min-height: 1100px){
  .cardCls1 {
    height: 480px;
  }
}
@media screen and (min-width: 1400px) and (min-height: 1200px){
  .edt1 table td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .edt2 table td {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .cardCls1 {
    height: 500px;
  }
}
@media screen and (min-width: 1400px) and (min-height: 1500px){
  .cardCls1 {
    height: 520px;
  }
  .footerMain {
    padding: 120px 70px;
  }
}
@media screen and (min-width: 1400px) and (min-height: 1800px){
  .cardCls1 {
    height: 540px;
  }
  .footerMain {
    padding: 150px 80px;
  }
}
@media screen and (min-width: 1400px) and (min-height: 2000px){
  .cardCls1 {
    height: 600px;
  }
  .footerMain {
    padding: 170px 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);
}