html,body {min-height: 100vh;margin:0;padding:0;overflow-x: hidden;}
body{width:100%;font-family: monospace;}

body::-webkit-scrollbar-track {	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);	border-radius: 0px;background-color: #ececec;}
body::-webkit-scrollbar {width: 6px;background-color: #dedede;box-shadow: inset 0 0 6px rgba(0,0,0,.3);}
body::-webkit-scrollbar-thumb {	border-radius: 0px;	box-shadow: inset 0 0 6px rgba(0, 75, 70, 0.8);background: #009688;-moz-box-shadow: inset 0 0 6px rgba(0, 75, 70, 0.8);}

*::-webkit-scrollbar-track {	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);	border-radius: 0px;background-color: #ececec;}
*::-webkit-scrollbar {width: 6px;background-color: #dedede;box-shadow: inset 0 0 6px rgba(0,0,0,.3);}
*::-webkit-scrollbar-thumb {	border-radius: 0px;	box-shadow: inset 0 0 6px rgba(0, 75, 70, 0.8);background: #009688;-moz-box-shadow: inset 0 0 6px rgba(0, 75, 70, 0.8);}

#sidebar::-webkit-scrollbar,#sidebar-collapsed::-webkit-scrollbar {display:none;}

h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

.subHeading {color:#009688;}

.row {position: relative;display: flex;padding: 1rem;width: calc(100% - 2rem);height: fit-content;}
.col-1, .col-1-2, .col-1-3, .col-1-4, .col-1-5, .col-1-6 {position: relative;float:left;display:inline-block;}
.col-1 {width:100%;}
.col-1-2 {width:50%;}
.col-1-3 {width:33.33333%;}
.col-1-4 {width:25%;}
.col-1-5 {width:20%;}
.col-1-6 {width:16.66667%;}
.h-100 {height:100%;}
.w-100 {width:100%;}

/* Padding */
.p-0 {padding: 0 !important;}
.p-1 {padding: 0.5rem !important;}
.p-2 {padding: 1rem !important;}
.p-3 {padding: 1.5rem !important;}
.p-4 {padding: 2rem !important;}
.px-0 {padding-left: 0 !important;padding-right: 0 !important;}
.px-1 {padding-left: 0.5rem !important;padding-right: 0.5rem !important;}
.px-2 {padding-left: 1rem !important;padding-right: 1rem !important;}
.px-3 {padding-left: 1.5rem !important;padding-right: 1.5rem !important;}
.px-4 {padding-left: 2rem !important;padding-right: 2rem !important;}
.py-0 {padding-top: 0 !important;padding-bottom: 0 !important;}
.py-1 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}
.py-2 {padding-top: 1rem !important;padding-bottom: 1rem !important;}
.py-3 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}
.py-4 {padding-top: 2rem !important;padding-bottom: 2rem !important;}
.pl-0 {padding-left: 0 !important;}
.pl-1 {padding-left: 0.5rem !important;}
.pl-2 {padding-left: 1rem !important;}
.pl-3 {padding-left: 1.5rem !important;}
.pl-4 {padding-left: 2rem !important;}
.pr-0 {padding-right: 0 !important;}
.pr-1 {padding-right: 0.5rem !important;}
.pr-2 {padding-right: 1rem !important;}
.pr-3 {padding-right: 1.5rem !important;}
.pr-4 {padding-right: 2rem !important;}
.pt-0 {padding-top: 0 !important;}
.pt-1 {padding-top: 0.5rem !important;}
.pt-2 {padding-top: 1rem !important;}
.pt-3 {padding-top: 1.5rem !important;}
.pt-4 {padding-top: 2rem !important;}
.pb-0 {padding-bottom: 0 !important;}
.pb-1 {padding-bottom: 0.5rem !important;}
.pb-2 {padding-bottom: 1rem !important;}
.pb-3 {padding-bottom: 1.5rem !important;}
.pb-4 {padding-bottom: 2rem !important;}

/* Margin */
.m-0 {margin: 0 !important;}
.m-1 {margin: 0.5rem !important;}
.m-2 {margin: 1rem !important;}
.m-3 {margin: 1.5rem !important;}
.m-4 {margin: 2rem !important;}
.px-0 {margin-left: 0 !important;margin-right: 0 !important;}
.mx-1 {margin-left: 0.5rem !important;margin-right: 0.5rem !important;}
.mx-2 {margin-left: 1rem !important;margin-right: 1rem !important;}
.mx-3 {margin-left: 1.5rem !important;margin-right: 1.5rem !important;}
.mx-4 {margin-left: 2rem !important;margin-right: 2rem !important;}
.my-0 {margin-top: 0 !important;margin-bottom: 0 !important;}
.my-1 {margin-top: 0.5rem !important;margin-bottom: 0.5rem !important;}
.my-2 {margin-top: 1rem !important;margin-bottom: 1rem !important;}
.my-3 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}
.my-4 {margin-top: 2rem !important;margin-bottom: 2rem !important;}
.ml-0 {margin-left: 0 !important;}
.ml-1 {margin-left: 0.5rem !important;}
.ml-2 {margin-left: 1rem !important;}
.ml-3 {margin-left: 1.5rem !important;}
.ml-4 {margin-left: 2rem !important;}
.mr-0 {margin-right: 0 !important;}
.mr-1 {margin-right: 0.5rem !important;}
.mr-2 {margin-right: 1rem !important;}
.mr-3 {margin-right: 1.5rem !important;}
.mr-4 {margin-right: 2rem !important;}
.mt-0 {margin-top: 0 !important;}
.mt-1 {margin-top: 0.5rem !important;}
.mt-2 {margin-top: 1rem !important;}
.mt-3 {margin-top: 1.5rem !important;}
.mt-4 {margin-top: 2rem !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 0.5rem !important;}
.mb-2 {margin-bottom: 1rem !important;}
.mb-3 {margin-bottom: 1.5rem !important;}
.mb-4 {margin-bottom: 2rem !important;}

.flex {display:flex;}
.position-relative {position: relative;}
.position-fixed {position: fixed;}
.position-absolute {position: absolute;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}
.border-0 {border: 0px !important;}

/* Backgrounds */
.bg-0 {background: #3C5663;border:1px solid #3C5663;color: #FFFFFF;}
.bg-1 {background: #009688;border:1px solid #009688;color: #FFFFFF;}
.bg-2 {background: #FFC107;border:1px solid #FFC107;color: #FFFFFF;}
.bg-3 {background: #F14538;border:1px solid #F14538;color: #FFFFFF;}
.bg-4 {background: #17609C;border:1px solid #17609C;color: #FFFFFF;}
.bg-5 {background: #FF9800;border:1px solid #FF9800;color: #FFFFFF;}
.bg-6 {background: #FFFFFF;border:1px solid #333333;color: #333333;}
.bg-1-light {background: #00ab9b;border:1px solid #00ab9b;color: #FFFFFF;}
.bg-light-grey {background: #EFEFEF;}

.stat-box {margin: 0 0 1rem 1rem;height: 100px;box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.25);padding: 20px;}
.stat-box i {font-size: 60px;line-height: 90px;width: 90px;text-align: center;border: 5px solid #fff;border-radius: 50%;margin-right: 10px;}
.stat-box right {position:relative;float:right;text-align:left;width:calc(100% - 120px);padding:5px;display: block;height: inherit;}
.stat-box.bg-0 heading {background: #FFFFFF;padding:5px 15px;color:#3C5663;font-size: 16px;}
.stat-box.bg-1 heading {background: #FFFFFF;padding:5px 15px;color:#009688;font-size: 16px;}
.stat-box.bg-2 heading {background: #FFFFFF;padding:5px 15px;color:#FFC107;font-size: 16px;}
.stat-box.bg-3 heading {background: #FFFFFF;padding:5px 15px;color:#F14538;font-size: 16px;}
.stat-box.bg-4 heading {background: #FFFFFF;padding:5px 15px;color:#17609C;font-size: 16px;}
.stat-box.bg-5 heading {background: #FFFFFF;padding:5px 15px;color:#FF9800;font-size: 16px;}
.stat-box.bg-6 heading {background: #333333;padding:5px 15px;color:#FFFFFF;font-size: 16px;}
.stat-box stat {position:absolute;bottom:0;right:0;font-size: 50px;font-weight: bold;}

.p-btn {margin: 0 0 1rem 1rem;height: 45px;box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.25);border-radius: 25px;line-height: 30px;font-size: 20px;}
.p-btn l {width: 30px;text-align: center;border-right:1px solid #fff;position: relative;float: left;display: inline-block;padding: 8px 8px 8px 12px;font-size: 30px;line-height: 28px;}
.p-btn c {width: calc(100% - 143px);text-align: left;position: relative;float: left;display: inline-block;padding: 8px 20px;}
.p-btn r {width: 30px;text-align: center;border-left:1px solid #fff;position: relative;float: right;display: inline-block;padding: 8px 12px 8px 8px;line-height: 30px;font-size: 24px;}

.fm-btn {margin: 0 0 1rem 1rem;height: 50px;box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.25);border-radius: 25px;line-height: 30px;font-size: 22px;}
.fm-btn l {width: 40px;text-align: center;border-right:1px solid #fff;position: relative;float: left;display: inline-block;padding: 10px;}
.fm-btn c {width: calc(100% - 163px);text-align: left;position: relative;float: left;display: inline-block;padding: 10px 20px;}
.fm-btn r {width: 40px;text-align: center;border-left:1px solid #fff;position: relative;float: right;display: inline-block;padding: 10px;}

.plus-btn {background: #009688;color: #FFFFFF;margin-left: 5px;font-size: 24px;padding: 0px 6px;padding-top: 4px;}
.plus-btn:hover {background: #ffc107;color: #FFFFFF;text-decoration: none;}
.plus-btn a, .plus-btn a:hover {color: #FFFFFF;text-decoration: none;}

.search-btn {position:absolute;right:0;top: -2px;background: #009688;color: #ffffff;margin-left: 5px;font-size: 28px;padding: 2px 5px 3px 6px;cursor: pointer;}
.search-btn:hover {background: #037d72;color: #FFFFFF;text-decoration: none;}

.close_btn {font-size: 25px;padding: 0 1rem;cursor:pointer;float: right;}
.close_btn:hover {transform: rotate(360deg);transition: all 0.5s ease-in-out 0s;}

.pagination {position: relative;display: inline-block;font-size: 16px;background: #009688;color: #FFFFFF;padding: 5px 10px;border-radius: 3px;}
.pagination.current {position: relative;display: inline-block;font-size: 16px;background: #F9BB00;color: #FFFFFF;padding: 5px 10px;border-radius: 3px;}
.pagination:hover {background: #037d72;}

/* Tables */

table {width: 100%;}
thead {background: #009688;color: #FFFFFF;}
table>thead>tr>td {padding: 10px;font-weight: 600;font-size: 18px;}
table>tbody>tr>td {padding: 5px 10px;font-size: 16px;background: #FFFFFF;border-bottom: 1px solid #7a909a}
tr:nth-child(even)>td {background-color: #F2F2F2;}

/* Responsive */
@media screen and (max-width:1650px) {
  .col-1-3, .col-1-4, .col-1-5, .col-1-6 {width: 50%;}
}
@media screen and (max-width:1200px) {
  .col-1-2, .col-1-3, .col-1-4, .col-1-5, .col-1-6 {width: 100%;}
  .h-100 {height: inherit;}
}

@media screen and (max-width:1080px) {
  .close_btn {padding: 0 0 0 10px;}
  .close_btn:hover {-webkit-transform: scale(1.5);transform: scale(1.5);}
  .content div {zoom: 95%;}
}

@media screen and (max-width:780px) {
  .content div {zoom: 90%;}
  h1 {font-size: 22px;}
  h2 {font-size: 20px;}
  h3 {font-size: 18px;}
  h4 {font-size: 16px;}
  h5 {font-size: 14px;}
  h6 {font-size: 13px;}
}