.dInside {
	width: 100%;
	position: relative;
}
.msg {
    position: relative;
    height: 100vh;
    scroll-behavior: smooth;
    width: 100%;
}
.msg button {
    border-radius: 50%;
    height: 80px;
    width: 80px;
    position: absolute;
	right: 50px;
	bottom: 50px;
    text-align: center;
    padding: 5px;
    background-color: #002C40;
    color: white;
    font-weight: bold;
	box-shadow: 2px 5px 5px darkgrey;
}
.dHead {
	position: sticky;
	width: 100%;
}
.dProfile {
	background-color: #002C40;
	color: white;
	padding: 15px;
	width: 100%;
	height: 60px;
	position: relative;
}
.dProfile ul {
	display: flex;
	position: absolute;
	right: 50px;
}
.dProfile ul li {
	padding: 0 10px;
}
.dBody {
	padding: 0 50px;
	display: flex;
}
.dLeft {
	width: 65%;
	padding: 20px 10px;
}
.dLHead, .dRHead {
	padding: 0;
    border-bottom: 2px dotted #002C40;
    margin: 10px 0;
}

.dLIns {
	padding: 40px;
}
.dRight {
	width: 40%;
	padding: 15px 5%;
}
.dRIns {
	padding: 10px;
	background: #f2f2f2;
}
.dTitle {
	display: flex;
	background: #f2f2f2;
	font-weight: 600;
	padding: 5px 0;
}
.dRTitle {
	display: flex;
}
.dRow {
	display: flex;
	padding: 10px 0;
	border-bottom: 1px dotted #002C40;
}
.dSID {
	width: 5%;
	text-align: center;
}
.dATitle {
	width: 80%;
	text-align: start;
}
.dProgress {
	width: 15%;
	margin: 0 auto;
	text-align: center;
}
.dProgress a {
	cursor: pointer;
	padding: 5px 10px;
	font-size: 12px;
	height: fit-content;
    border: 1px solid darkgreen;
    background-color: #C2E9F2;
    border-radius: 10px;
	transition:  top .3s;
}
.dProgress a:hover {
	cursor: pointer;
	padding: 5px 10px;
    background-color: darkgreen;
	transition:  top .3s;
	color: white;
    border-radius: 10px;
}
.dComment {
	width: 25%;
	text-align: start;
}
.dRight #eachRow {
    width: 100%;
}
.dRight #eachRow button {
	right: 0;
}

.inFlex {
    width: 80%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}

.mrs {
	margin-right: 5%;
}
.bold {
	font-weight: 600;
	display: none;
}
.small {
	font-size: 14px;
}
.ropRow {
    display: flex;
    justify-content: space-between;
	padding: 10px 0;
    border-bottom: 1px solid #f2f2f2;
    align-items: flex-end;
}
.titleDate {
	width: 100%;
    display: inline-flex;
    justify-content: space-between;
}
.mRow {
    display: inline-flex;
    align-items: center;
	padding: 10px 0;
}
.mRow i {
    font-size: 25px;
    margin-right: 10px;
}
.aPanel .mRow {
    display: block;
}
.adBody {
    display: flex;
    width: 100%;
}
.adLeft {
    width: 300px;
    margin-right: 2%;
    min-height: calc(100vh - 60px);
    padding: 50px;
    background-color: #002c4047;
    color: darkblue;
}
.adLeft div {
    margin-bottom: 10px;
}
.adLeft a {
    border: none;
    color: black;
    padding: 5px;
    font-size: 16px;
    font-weight: 500;
}
.adLeft button:hover {
    color: darkgreen;
}
.adRight {
    width: 80%;
}
.adRight .dBody {
    padding-left: 0;
}
.adRight .dLeft {
    width: 90%;
}
.mr .btn::before, .btn::after {
    background: unset;
    height: auto;
}
.mr .btn:hover {
    background: darkgreen;
    color: white;
    transition: .5s;
}
.mr .btn:hover::after {
    background: unset;
}
.mr .btn {
    width: 80%;
    padding: 5px 20px;
    height: unset;
    border: none;
}
.aATitle {
    width: 30%;
}
.aMail {
    width: 25%;
}
.aRole {
    width: 20%;
}
.dProgress a {
    margin-right: 10px;
}
.aAction {
    width: auto;
}
.adUse {
    width: 50%;
    padding: 40px;
}
.borderPad {
    padding-right: 10px;
    border-bottom: 2px solid darkgreen;
    width: max-content;
    margin: 20px 0;
}

.adUse table {
    width: 80%;
    color: black;
    background-color: unset;
    border: none;
}
.rBorder {
    border-right: 2px solid #f2f2f2;
}
.adUse tr {
    border: none;
    border-bottom: 1px solid #f2f2f2;
}
.adUse td {
    border: none;
}
.adForm {
    display: flex;
}
.adUseRole {
    width: 50%;
    padding: 50px;
}
.rSelect {
    width: 50%;
}


.rView:before {
    top: 0;
    transition: top 1s ease;
}
.rView:after {
    top: 20%;
    transition: bottom 1s ease;
}

.rView {
    display: none;
    position: absolute;
    top: 20%;
    left: 25%;
    width: 40%;
    padding: 30px;
    transition: bottom 1s ease;
    background-color: #b8c4ca;
    box-shadow: 4px 4px 4px #f2f2f2;
}
.rVRow {
    padding: 5px 0;
    display: flex;
    border-bottom: 1px solid #f2f2f2;
}
.rVRow .rvId {
    width: 10%;
    text-align: center;
}
.rVRow .rvName {
    width: 60%;
}
.rVRow .rvAction {
    width: 30%;
    text-align: center;
}
.rClose {
    padding-top: 10px;
    text-align: right;
}

.dashMenu {
    top: 0;
    border-top: unset;
    background: #152f32;
    margin-top: 0;
}
.dashMenu nav.subNav {
    margin-top: 0;
}
.dashMenu i {
    color: white;
}
.dashMenu h4 {
    color: white;
}
.dashMenu nav ul li a {
    color: white;
}
.dashMenu nav ul li a:hover {
    color: wheat;
    border-bottom: 1px solid wheat;
}
.tab-pane {
    margin: 20px;
}
.conDesc input[type="checkbox"] {
    display: block;
}
.contDetails input[type="checkbox"] {
    display: block;
}
.check {
    display: flex;
    align-items: center;
}
.call .con-image {
    min-height: inherit;
    position: relative;
}
.call h3 {
    position: absolute !important;
    bottom: 5vh !important;
    padding: 10px !important;
    color: white;
    background: #000000a8;
}
.cImg img {
    width: 100%;
}

.contDetails .contDetails ul {
    padding: 0;
}
.contDetails .tabList li {
    width: 25%;
    text-align: center;
}
.tabList li a {
    font-size: 16px;
}
.contDetails .nav-tabs li.active a,
.contDetails .nav-tabs li.active a:focus,
.contDetails nav-tabs li.active a:hover {
    background: #f2f2f2;
    border: unset;
    /* color: unset; */
}
.contDetails {
    padding: 30px;
    width: 70%;
    margin: 30px;
    background: #f2f2f2;
}
.flexs {
    display: flex;
    width: 100%;
    margin-top: 20px;
    justify-content: space-between;
}
.sBtn a {
    padding: 10px 20px;
}
.fileUpload label {
    font-size: larger;
}
.fileUpload input#file {
    padding: 20px;
    background: #dfdfdf;
    width: 100%;
    margin: 10px 0;
}
.contHead,
.contList {
    display: flex;
    justify-content: space-around;
}
.contList label {
    text-align: left;
    width: 25%;
    font-weight: 400;
}
.contHead label {
    text-align: left;
    width: 25%;
    font-weight: 300;
}
.subSection {
    padding: 10px 0;
}
.subSection h4 {
    padding: 8px 0;
}
.ack {
    margin-bottom: 15px;
}
.ack ul {
    padding-left: 20px;
}
.ack ul li {
    list-style: disc;
    font-size: 16px;
}
.subSection,
.check label {
    font-weight: 400;
    padding: 0 5px;
}
.subSection select {
    width: 30%;
    padding: 8px;
}
.metaIn {
    padding: 10px 0;
}
#addCont {
    display: none;
}
.addcontMain {
    width: 40%;
    margin: auto;
    position: absolute;
    top: 10%;
    left: 22%;
    background: #b8c4ca;
}
.addContCon {
    padding: 50px;
}
.addcontBody {
    padding: 10px 0;
}

.divs {
    display: block;
    width: 60%;
    padding: 10px 0;
}
.sectionIn {
    width: 60%;
    display: flex;
    border-bottom: 1px solid #f2f2f2;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}
#thumb,
#c4p {
    display: none;
}
.imgPre {
    display: flex;
}
.imgPre input#file {
    height: 60px;
    width: 30%;
}
.thum,
.cfp {
    margin-right: 5%;
    height: 60px;
    padding: 15px;
    background: #f2f2f2;
}
#settings .fileUpload {
    min-height: 200px;
    margin: 20px 0;
}



/* Style the tab */
.tab {
  float: left;
  margin-right: 5%;
  /* border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  height: 300px; */
}

#menus .tab {
    padding-right: 20px;
    border-right: 1px solid black;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 5px 10px;
  width: 100%;
  border: none;
  outline: none;
  margin: 5px 0;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  /* background-color: #ccc; */
  background-color: gainsboro;
}

/* Style the tab content */
.tabcontent {
  float: left;
  /* padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  height: 300px; */
  border-left: none;
}
#menus #Menu,
#menus #Leftbar,
#menus #Rightbar,
#menus #Footer {
    width: 50%;
}

#menus .flexs {
    align-items: center;
    border-bottom: 2px solid gainsboro;
    padding-bottom: 5px;
}
#menus .flexs button {
    margin: 0;
}
#menus .sectionIn {
    margin-bottom: 20px;
}
.eTemp {
    width: 50%;
    padding: 10px;
    background: #f2f2f252;
}
.eBody pre {
    width: 95%;
    font-size: 14px;
}
.eSubj {
    align-items: center;
    padding-bottom: 10px;
    width: 95%;
}