#body {
	background-color: var(--body-color) !important;
	color: #383737 !important;
    margin: 0;
    padding: 0;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
	font-family:Georgia, 'Times New Roman', Times, serif;
}
#header{
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
}
#sidebar{
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
  font-size: 16px;
}

.page-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1;
}

#footer {
  background-color: var(--primary-color) !important;
  color: #ffffff;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1000;
  box-sizing: border-box;
}

#footer a{
  color: #ffffff !important;
  font-size: 18px;
}
#footer a:hover{
  color: var(--text-color) !important;
}
/* #notificationdropdown{
  background-color: var(--primary-color) !important;
}
#notificationdropdown i:hover{
  color: var(--text-color) !important;
} */
#avatar{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #242020;
  padding: 10px;
  text-align: center;
}
#collapsebtn{
  color: #ffffff !important;
}
#collapsebtn:hover{
  color: var(--text-color) !important;
}
#searchbtn:hover{
  color: #222121 !important;
}
#content{
  border-radius:8px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:1px;
  background-color: rgb(239, 240, 239);
  margin-bottom: 80px;
}
#login{
  text-align: center;
}
#logintitle{
  bottom: 2px !important;
  color: #ffffff !important;
  margin-top: 20px;
  font-weight: 500;
}
#loginbody{
  color: #ffffff !important;
  font-size: 16px;
  margin-top: 40px;
}
#loginpagelabel{
  color: #ffffff !important;
  font-size: 16px;
}
#loginpageurl{
  color: var(--secondary-color) !important;
}
#loginpageurl:hover{
  color: #ffffff !important;
}
#viewallnotifications{
    background-color: var(--primary-color) !important;
}
#viewallnotifications a{
    color: #ffffff !important;
}
#viewallnotifications a:hover{
    color: var(--text-color) !important;
}
#loginwrapper {
	background-color: var(--body-color) !important;
}
#myTable .btn{
    height: 40px !important;
    font-size: 16px !important;
    border-radius: 3px !important;
}
.buttons-copy, .buttons-excel, .buttons-csv, .buttons-pdf, .buttons-print{
    height: 35px !important;
    font-size: 13px !important;
    background-color: #4d4d4d !important;
    border: 0px !important;
    color: #ffffff !important;
    outline: 0px !important;
}

.buttons-copy:hover, .buttons-excel:hover, .buttons-csv:hover, .buttons-pdf:hover, .buttons-print:hover{
    height: 35px !important;
    font-size: 13px !important;
    background-color: #363636 !important;
    border: 0px !important;
    color: #ffffff !important;
    outline: 0px !important;
}

.nav-pills .nav-item{
    border-radius: 0px;
}

#viewfield{
    background: #e9ecef;
    padding: 8px;
    height: 47px;
    border-radius: 3px;
    border:1px solid #e4e4e4;
}

#viewtextarea{
    background: #e9ecef;
    padding: 8px;
    height: auto;
    border-radius: 3px;
    border:1px solid #e4e4e4;
}

.nav-pills .nav-item .nav-link{
    background: #083424 !important;
    border-radius: 0px;
    border-right: 1px solid #ffffff;
    color: #ffffff;
    margin-bottom: 6px;
}

.nav-pills .nav-item .nav-link:hover{
    background: #044c32 !important;
    border-radius: 0px;
    border-right: 1px solid #ffffff;
    color: #ff8d00 !important;
}

.nav-pills .nav-item .active{
    background: #044c32 !important;
    border-radius: 0px;
    border-right: 1px solid #ffffff;
    color: #ff8d00 !important;
}