.app-main-container {
  position: relative;
  z-index: 0;
  margin-bottom: 0;
}

.app-bg {
  background: #F5F5F5 !important;  
}

.clickable {
  cursor: pointer !important;
}

.uppercase { 
  text-transform: uppercase !important;
}

.disabled-row {
  color: #767676 !important;
} 

::-webkit-input-placeholder { 
  text-transform: none !important;
}

:-moz-placeholder { 
  text-transform: none !important;
}

::-moz-placeholder { 
  text-transform: none !important;
}

:-ms-input-placeholder { 
  text-transform: none !important;
}

::placeholder {
  text-transform: none !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}


.m-l-5 {
  margin-left: 5px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.no-margin {
  margin: 0px !important;
}

.no-padding {
  padding: 0px !important;  
}

.bold {
  font-weight: bold !important;
}

.v-centered {
  vertical-align: middle !important;
}

.centered {
  text-align: center !important
}

.right-aligned {
  text-align: right !important
}

.red.text {
  color: #D92B2F !important;
}

.orange.text {
  color: #F0712C !important;
}

.yellow.text {
  color: #F9BC2E !important;
}

.olive.text {
  color: #B5CA31 !important;
}

.green.text {
  color: #2DB84B !important;
}

.teal.text {
  color: #1CB5AC !important;
}

.blue.text {
  color: #2987CD !important;
}

.violet.text {
  color: #643CC6 !important;
}

.purple.text {
  color: #A23BC5 !important;
}

.pink.text {
  color: #DE3E96 !important;
}

.brown.text {
  color: #A46743 !important;
}

.grey.text {
  color: #767676 !important;
}

.black.text {
  color: #1B1C1D !important;
}

.white.text {
  color: #FFFFFF !important;
}

.bold.text {
  font-weight: bold !important;
}

.ui.vertical.menu .item > i.icon.left {
  float: none;
  margin: 0em 0.35714286em 0em 0em !important;
}

.ui.divider {
  margin-top: 7px !important;  
}

.nowrap {
  white-space: nowrap !important;
}

input:read-only {
  background-color: #F5F5F5 !important;
}

.ui.form .field :disabled,
.ui.form .field.disabled {
  opacity: 0.8 !important;
}

.ui.form .field.disabled label {
  opacity: 0.8 !important;
}

@media only screen and (max-width: 768px) {
  .form-label {
    margin-top: 12px !important;
  }
}

@media only screen and (min-width: 991px) {
  .mobile-only {
    display: none !important;
  }
}

@media only screen and (max-width: 990px) {
  .desktop-only {
    display: none !important;
  }
}

.modal-content-scrolling {
  height: calc(100vh - 210px);
  overflow-y: auto;
}

.tabs-container {
  min-height: 75vh; 
  margin-top: 20px !important;
}

.datatable-segment {
  margin: 20px 0px 0px 0px !important;
  padding: 0px 0px 0px !important;
  min-height: 150px !important;
}

.form-segment {
  min-height: 250px !important;
}

.details-cell {
  width: 45px !important;
}