p{
  font-size: 14px;
}
article{
  padding-bottom: 40px;
}
.msg, .error {
  color:#F00;
}
.msg2 {
  color:#090;
}
.form_error{
  display:none;
  color:#F00;
}
p.cc_error{
  color:#F00;
  font-size:16px;
}
#errorMessage{
  color:#F00;
  font-weight:bold;
}
.system-mesage {
  padding: 10px;
  font-weight:bold;
}
.system-mesage .success{
  color:green;
}
.system-mesage .error{
  color:red;
}
.green{
  color:#00CC33;
}
form .error{
  color: red;
  margin: 8px 0;
}
.text-red{
  color: red;
}
.icon {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
button, input[type=submit]{
  cursor: pointer;
}
.dataTables_wrapper > .mdl-grid:first-child label{
    font-size: 15px;
    color: #2a3342;
    font-weight: 400;
}
.dataTables_wrapper > .mdl-grid:first-child,
.dataTables_wrapper > .mdl-grid:last-child  {
  display: flex;
  padding: 15px;
}
.dataTables_wrapper > .mdl-grid:first-child .mdl-cell,
.dataTables_wrapper > .mdl-grid:last-child .mdl-cell {
  flex: 1
}
.dataTables_wrapper > .mdl-grid:first-child .mdl-cell:nth-child(2),
.dataTables_wrapper > .mdl-grid:last-child .mdl-cell:nth-child(2) {
  text-align: right;
}
div#masterplansTable_info {
  font-size: 15px;
}

.dataTables_wrapper > .mdl-grid:first-child .form-control {
  border: 1px solid #dadadaa6;
  background: none;
  margin: 0 4px;
  border-radius: 5px;
  box-shadow: 0px 0px 3px 0px #efefef;
}
.dataTables_wrapper > .mdl-grid:first-child .mdl-cell:nth-child(2) .form-control.input-sm{
  padding-left:10px;
  padding-right:10px;
  margin-left:10px;
  width: 215px;
}
.navbar-menu {
  max-width: 20em;
  transition: max-width 0.3s ease-in-out;
}
.navbar-menu a, .navbar-menu p{
  text-decoration: none!important;
}
.navbar-menu .active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.navbar-menu ul li{
  margin-bottom: 5px;
}
.mobile-logo{
  display: none;
}
.menu-collapsed .navbar-menu{
  max-width: 6.5em;
}
.menu-collapsed .collapse-item,
.menu-collapsed .navbar-menu ul li a p{
  display: none;
}
.menu-collapsed .mobile-logo {
  display: block;
  width: 6.5em;
}
.lm-ctnr {
  margin-top: 65px;
}
.main-column {
  position: relative;
  margin-left: 24em;
  transition: margin-left 0.3s ease-in-out;
}
.menu-collapsed .main-column{
  margin-left:6em;
  transition: margin-left 0.3s ease-in-out;
}
.avatar-container {
  background: #2563EB;
  border-color: #2563EB;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  padding: 8px;
}
.dropdown-tw{
  padding: 20px 30px;
}
.dropdown-tw a{
  text-decoration: none!important;
  cursor: pointer;
  color: #2A3342!important;
}
.dropdown-tw button i, .dropdown-tw a i{
  margin-right: 10px;
  vertical-align: middle;
}
.dropdown-tw button:hover, .dropdown-tw a:hover{
  color: #0858d2!important;
}
#deleteModal, #renameModal, #uploadModal{
  z-index: 99;
}
#renameModal .input {
  width: 100%;
  margin-bottom: 30px;
  border-radius: .75rem;
  border-width: 1px;
  border-color: #f0f0f0;
  background-color: #f0f0f0;
  padding: .5rem .75rem;
  font-weight: 600;
}