.btn {
  padding-left: 30px;
  padding-right: 30px;
}
.btn-primary {
  color: #fff!important;
  background: #333!important;
}
.btn-primary:hover {
  color: #fff!important;
  background: #000!important;
}
.btn-primary:active {
  color: #fff!important;
  background: #333!important;
}

.btn-orange {
  color: #fff!important;
  font-size: 14px;
  background: #f15a22!important;
}
.btn-orange:hover {
  color: #fff!important;
  font-size: 14px;
  background: #f15a22!important;
}
.btn-orange:active {
  color: #fff!important;
  font-size: 14px;
  background: #f15a22!important;
}

.btn-dark {
  color: #fff!important;
  font-size: 14px;
  background: #222!important;
}
.btn-dark:hover {
  color: #fff!important;
  font-size: 14px;
  background: #222!important;
}
.btn-dark:active {
  color: #fff!important;
  font-size: 14px;
  background: #222!important;
}

.btn-secondary {
  color: #fff!important;
  font-size: 14px;
  background: #424242!important;
}
.btn-secondary:hover {
  color: #fff!important;
  font-size: 14px;
  background: #313A46!important;
}
.btn-secondary:active {
  color: #fff!important;
  font-size: 14px;
  background: #313A46!important;
}

.bg-dark {
	background: #262524!important;
}
.text-orange {
	color: #f15a22!important;
}
.underline1 {
  font-size: 21px;
  display: inline-block;
  padding-bottom: 2px;
  position: relative;
  margin-bottom: 30px;
  font-weight: 400;
}
.bold {
	font-weight: bold;
}
.tt1 {
	margin-top: -70px;
}
.font2 {
	font-family: "Nunito", sans-serif;
}
.rounded1 {
	border-radius: 0px!important;
}
.rounded2 {
	border-radius: 0px!important;
}
.watermark1 {
  background-image: url("jidmac3.svg?001")!important;
  width: 100%;
  background-position: center!important; 
  background-size: cover!important;
  background-repeat: no-repeat!important;
}
.watermark2 {
  background-image: url("greyscale.jpg?001")!important;
  width: 100%;
  background-position: center!important; 
  background-size: cover!important;
  background-repeat: no-repeat!important;
}
.bg-light {
  background: #FFFCFA!important;
}
.underline {
  text-decoration: underline;
}
.btn-lg {
  font-weight: 500!important;
  padding-left: 30px!important;
  padding-right: 30px!important;
  padding-bottom: 12px!important;
  padding-top: 12px!important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
  border: none!important;
  margin-top: 7px;
  margin-bottom: 7px;
}
.btn {
  margin-top: 10px;
  border-radius: 4px!important;
  font-size: 14px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: capitalize;
}
.btn:hover {
  font-size: 14px;
  opacity: 0.8;
  text-transform: capitalize;
}
.bg-grey-2 {
  background: #807D7D;
  color: #000;
}
.bg-grey {
	background: #F2F2F2;
}
.border1 {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.border2 {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.bshade {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px!important;
}
.btn-xxs {
  padding: 4px!important;
  font-size: 13px!important;
}
.small1 {
  background: #fafafa;
  font-size: 13px;
  color: #000;
}
.small2 {
  font-size: 11px!important;
  color: #000; 
}
.widget-49 .widget-49-title-wrapper {
  display: flex;
  align-items: center;
}
.widget-49 .widget-49-title-wrapper .widget-49-date-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #edf1fc;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-primary .widget-49-date-day {
  color: #4e73e5;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-primary .widget-49-date-month {
  color: #4e73e5;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fcfcfd;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-secondary .widget-49-date-day {
  color: #dde1e9;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-secondary .widget-49-date-month {
  color: #dde1e9;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-success {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #e8faf8;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-success .widget-49-date-day {
  color: #17d1bd;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-success .widget-49-date-month {
  color: #17d1bd;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ebf7ff;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-info .widget-49-date-day {
  color: #36afff;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-info .widget-49-date-month {
  color: #36afff;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-warning {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: floralwhite;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-warning .widget-49-date-day {
  color: #FFC868;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-warning .widget-49-date-month {
  color: #FFC868;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-danger {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #feeeef;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-danger .widget-49-date-day {
  color: #F95062;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-danger .widget-49-date-month {
  color: #F95062;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-light {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fefeff;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-light .widget-49-date-day {
  color: #f7f9fa;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-light .widget-49-date-month {
  color: #f7f9fa;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-dark {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ebedee;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-dark .widget-49-date-day {
  color: #394856;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-dark .widget-49-date-month {
  color: #394856;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-base {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #f0fafb;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-base .widget-49-date-day {
  color: #68CBD7;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-base .widget-49-date-month {
  color: #68CBD7;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-meeting-info {
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
}

.widget-49 .widget-49-title-wrapper .widget-49-meeting-info .widget-49-pro-title {
  color: #3c4142;
  font-size: 17px;
  font-weight: bold;
}

.widget-49 .widget-49-title-wrapper .widget-49-meeting-info .widget-49-meeting-time {
  color: #000;
  font-size: 17px;
}

.widget-49 .widget-49-meeting-points {
  font-weight: 400;
  font-size: 13px;
  margin-top: .5rem;
}

.widget-49 .widget-49-meeting-points .widget-49-meeting-item {
  display: list-item;
  color: #727686;
}

.widget-49 .widget-49-meeting-points .widget-49-meeting-item span {
  margin-left: .5rem;
}

.widget-49 .widget-49-meeting-action {
  text-align: right;
}

.widget-49 .widget-49-meeting-action a {
  text-transform: uppercase;
}
.gt1 {
  margin-left: 17px;
}
.shadow2 {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px!important;
}
.black {
  color: #000!important;
  border: 1px solid #333;
}
.navbox {
  margin-top: 30px;
}
.btn-xs {
  padding-top: 2px!important;
  padding-bottom: 2px!important;
  padding-left: 8px!important;
  padding-right: 8px!important;
  font-size: 13px!important;
}
h1 {
  font-size: 21px;
}
.form-control {
color: #000;
}
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(236,99,6, 0.8)!important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(236,99,6, 0.6)!important;
  outline: 0 none;
}

#unit td, th {
  color: #000;
}
.bg-success-light {
  background: #e1ebe5;
}
.text-black p {
  color: #000;
  font-size: 13px;
}
.fixed {
  position: fixed!important;
}
.bg-none {
  background: #F7F4EF!important;
}
.bb {
  border-bottom: 1px solid #E3E3E3!important;
}
.ribbon-primary {
  background: #f15a22!important;
}
.ip_addr {
  font-family: 'Roboto', sans-serif;
  margin-top: 18px;
  margin-left: 25px;
  position: fixed;
  color: #C3C3C3;
  font-size: 12px;
}
.nametag {
  text-decoration: none;
  font-size: 18px;
}
.dataTables_filter input { 
  height: 40px; 
  border: 2px solid;
  min-width: 230px!important;
  box-shadow: rgba(243,145,0, 0.24) 0px 3px 8px;
  margin-bottom: 20px;
}
.dataTables_filter label { 
  font-size: 12px;
  color: #2d8051;
}
div.dt-buttons {
  border-radius: 0px!important;
  margin-top: 3px;
  float: left;
}
.table-bordered {
  border-color: #ccc!important;
  padding: 3px!important;
}
thead {
  background: #E4E4E4;
}
.excelButton {
  margin-top: 30px;
}
.ptc-1 {
  margin-top: 30px;
}
.calendar {
  width: 100%;
}
.bg-green {
  background: #396E4D;
  color: #fff;
  border: 2px solid #396E4D!important;
  border-radius: 0px!important;
}
.nav-sml a {
  font-size: 11px!important;
}
.ff1 {
  border-left: 2px solid #f15a22;
}
.b1 {
  border: 1px solid #ccc;
  border-bottom: 3px solid #f15a22;
}
.teal{
  background: #008080;
  color: #fff;
}
.purple{
  background: #800080;
  color: #fff;
}
.infobox1 {
  border-radius: 5px;
  min-height: 100px;
  background: #f0f0f0;
  color: #000;
  font-size: 13px;
  padding: 10px;
}
.fc-col-header-cell-cushion {
  color: #000;
}
.fc-daygrid-day-number {
  color: #000!important;
  background: transparent;
}
.nofade {
  -webkit-transition-duration: 0s!important;
  transition-duration: 0s!important;
}
.offcanvas-header {
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(229,229,229,1) 53%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(229,229,229,1) 53%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(229,229,229,1) 53%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.offcanvas-title {
  font-size: 18px;
}
#signature-pad {
  border: 2px solid #000;
}
#tpnframe {
  border-radius: 8px;
  height: 80vh!important;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.desc-box {
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #ccc;
}
.signature_signed {
  border: 2px solid #000;
  width: 100%;
}
.afford-amount {
  font-size: 16px;
  font-weight: bold;
}
.agentbox {
  margin-top: 20px;
  padding: 14px;
  border-radius: 8px;
  background: #fce3e3;
}
#invoice1 p {
  font-size: 13px!important;
}
#invoice1 small {
  font-size: 10px!important;
  font-weight: bold;
}
#invoice1 address {
  font-size: 14px;
  color: #000;
}
.shadow3 {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.boxtitle1 {
  font-size: 25px;
  color: #f15a22;
}
.border-dark {
  border: 2px solid #000!important;
}
.btn-pay {
  height: 60px;
}
#contract1 p {
  font-size: 13px;
}
#uppercase input {
  text-transform: uppercase;
}
.fc-daygrid-day-events {
  font-weight: 300!important;
  font-size: 15px!important;
}
#mobile_nav_menu {
  display: none!important;
}
.full_screen_logo {
  margin-left: 15px;
}
.fc-header-toolbar {
  font-size: 12px!important;
}
.importance10 {
  background: #FB1F18!important;
  color: #fff!important;
}
.importance9 {
  background: #F63920!important;
  color: #fff!important;
}
.importance8 {
  background: #F35827!important;
  color: #fff!important;
}
.importance7 {
  background: #F57C2C!important;
  color: #fff!important;
}
.importance6 {
  background: #F69D31!important;
  color: #fff!important;
}
.importance5 {
  background: #F4BC38!important;
  color: #fff!important;
}
.importance4 {
  background: #CABE5C!important;
  color: #fff!important;
}
.importance3 {
  background: #ABC99D!important;
  color: #fff!important;
}
.importance2 {
  background: #8DC9B5!important;
  color: #fff!important;
}
.importance1 {
  background: #15BEEB!important;
  color: #fff!important;
}
.editor p{
  font-size: 12px!important;
}
.fc-status-1 {
  color: #ccc!important;
  text-decoration: line-through!important;
}
.fc-status-0 {
  color: #000!important;
}
#calendar {
    height: 750px!important;
    overflow-y: auto;
}
.ptcf-1 {
  margin-top: -40px;
}
.note {
  line-height:1.5;
  border:0;
  border-radius:3px;
  background: linear-gradient(#F9EFAF, #F7E98D);
  overflow:hidden;
  transition:box-shadow 0.5s ease;
  font-smoothing:subpixel-antialiased;
  width: 100%;
  padding: 10px;
}
.notify-text {
  padding: 10px;
  border: 1px solid #ccc;
  background: #F9F9F9;
  width: 100%;
}
#edit_contract {
  font-size: 12px!important;
}
#content_box table {
  color: #000!important;
  font-size: 13px!important;
  background: #fff;
}
#content_box td {
    padding: 3px;
}
#content_box p {
  font-size: 15px;
  line-height: 25px;
}
#content_box h1 {
  font-size: 34px;
}
#content_box h2 {
  font-size: 24px;
}
#content_box h3 {
  font-size: 19px;
}
#content_box table {
  width:100%;
}
.buttons-html5 {
  border: 1px solid #000!important;
  margin-bottom: 10px!important;
  background: #069!important;
}
#gradient .card-body {
  padding-left: 10px!important;
}
#gradient2 .card-header {
color: #000;
padding-top: 12px;
padding-bottom: 12px;
}
.pillbox1 {
  border-radius: 0px!important;
  box-shadow: rgba(67, 71, 85, 0.37) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em!important;
  border: 1px solid #a3a3a3!important;
}
.modal-header {
  padding-top: 12px;
  padding-bottom: 12px;
}
.border {
  border: 1px solid #ccc;
}
.border-dashed {
  border: 2px dashed #ccc!important;
}
.btn-search {
  height: 38px;
  margin-top: 0px;
}
.app-search {
  margin-left: 71px;
}
.h5 {
  font-size: 13px!important;
}
.float-left-sm {
  margin-left: 10px!important;
}
.selected td {
background: #f2f7f4!important;
border: 1px solid #ccc!important;
}
.card-header {
  font-weight: bold;
  padding-bottom: 8px;
  border-radius: 0px!important;
  text-transform: uppercase;
}
.card {
  border-radius: 0px!important;
  border: 1px solid #ccc!important;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.card-body {
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}
h4 {
  font-size: 16px;
}
.text-white {
  text-shadow: none!important;
}
.modal-content {
  border-radius: 0px!important;
  border: 1px solid #a3a3a3!important;
}
.modal-header {
  border-radius: 0px!important;
  border-left: 0px!important;
  border-right: 0px!important;
  border-top: 0px!important;
}
@media print {
 .watermark2 {
  display: none!important;
 }
}
.modal-body p {
  color: #000;
}
#signature1 {
  background: #ededed;
  border-radius: 2px;
}
.agent_stamp {
  border-top: 1px dashed #ccc;
  margin-top: 10px;
  padding-top: 10px;
}
#editor {
    min-height: 400px!important;
}

.resend {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
background: rgb(255,168,76); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
color: #000!important;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border: none!important;
}
/* The snackbar - position it at the bottom and in the middle of the screen */
#alertbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 280px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #313A46; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 26px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 30px; /* 30px from the bottom */
}

#alertbar.show {
  visibility: visible; /* Show the snackbar */
}
.nav-item {
  text-transform: capitalize!important;
}
.btn-light {
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(224,224,224,1) 50%, rgba(225,225,225,1) 92%, rgba(225,225,225,1) 100%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 50%,rgba(225,225,225,1) 92%,rgba(225,225,225,1) 100%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 50%,rgba(225,225,225,1) 92%,rgba(225,225,225,1) 100%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
  color: #000!important;
  font-size: 13px!important;
  border: 1px solid #ccc!important;
}
.card-body .mdi {
  font-size: 19px!important;
  color: #777;
}
.btn .mdi {
  font-size: 15px!important;
  color: #000;
  padding-right: 3px;
  padding-bottom: 0px;
  padding-top: 0px;
}
.labeltag {
  background: #f15a22!important;
  padding: 7px;
  border-radius: 4px;
  color: #fff;
  margin-bottom: 50px;
}
.gradient5 {
background: #e0582b;
}
.noresults {
  background: #E4E4E4;
  border-radius: 4px;
  padding: 8px;
  color: #000;
}
.comments {
  height: 100px;
  border-radius: 0px!important;
}
.locked h1{
  color: #ccc!important;
}
.locked .btn {
  opacity: 0.3;
}

input.largerCheckbox {
width: 20px;
height: 20px;
border: 1px solid #000!important;
color: #000!important;
}
input.largerCheckbox::focus {
width: 20px;
height: 20px;
border: 1px solid #000!important;
color: #000!important;
}
input.form-check-input {
width: 20px;
height: 20px;
border: 1px solid #000!important;
color: #000!important;
}
input.form-check-input::focus {
width: 20px;
height: 20px;
border: 1px solid #000!important;
color: #000!important;
}
.form-check-label {
  margin-top: 3px;
  margin-left: 5px;
  color: #000!important;
}
.uploadimg {
  float: left;
  width: 110px;
  height: 110px;
  border-radius: 8px;
  background: #ccc;
  margin-right: 10px;
  border: 2px solid #333!important;
}
.notebox {
  border: 1px solid #444;
}
.slim-btn-remove {
  display: none;
}
.form-control {
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 0px!important;
}
.form-select {
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 0px;
}
.form-select:disabled {
  border: 1px solid #ccc;
  color: #000!important;
}

.total {
  background: #ccc!important;
  color: #000;
}
.table-black td {
  border-color: #ccc!important;
}
.table-black {
  color: #000!important;
}
.border-black {
  border-color: #000!important;
}
.s1 {
  width: 50px;
}
.keypad {
  font-size: 23px;
  height: 50px;
  border-left: 1px solid #ccc;
  border-bottom: 2px solid #E8620E;
  max-width: 40px!important;
}
.hr-orange {
  padding-top: 5px;
  padding-bottom: 15px;
  border-bottom: 2px solid #f15a22!important;
}
.notes {
  background: #EBEBEB;
}
.cost-box {
  background: #FFFFE9;
  color: #000!important;
}
.cost-box:focus {
  background: #FFFFE9;
  color: #000!important;
  border: 1px solid #333!important;
}
.btn-apply {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
  background: #f15a22;
  color: #fff;
  border: none!important;
}
.tt2 {
  padding-top: 8px!important;
  font-weight: bold!important;
  color: #000!important;
  font-size: 13px;
}
.h5 {
  text-transform: uppercase;
}
.img-thumbnail {
  padding: 2px!important;
  border: 2px solid #ccc!important;
}
#leads th {
  font-size: 8pt!important;
  padding: 8px;
}
#leads td {
  font-size: 9pt!important;
  padding: 5px;
}
.mdi {
  padding-bottom: 0px!important;
}
.btn-xxxs {
  margin:0px!important;
  padding-top: 1px!important;
  padding-bottom: 1px!important;
  padding-left: 4px!important;
  padding-right: 2px!important;
}
#edititem a:link {
  color: #FF5B5B!important;
  font-weight: bold!important;
  text-decoration: underline;
}
#edititem a:active {
  color: #FF5B5B!important;
  font-weight: bold!important;
  text-decoration: underline;
}
#edititem a:hover {
  color: #FF5B5B!important;
  text-decoration: underline;
  font-weight: bold!important;
}
#edititem a:visited {
  color: #FF5B5B!important;
  font-weight: bold!important;
  text-decoration: underline;
}
#font-small a,p,li,td,th,tr,thead {
  font-size: 13px!important;
}

#content-box h1, h2, h3, h4 {
  font-size: 18px!important;
}
#content-box p, li, td, th,small {
  font-size: 14px!important;
  font-family: 'Roboto', sans-serif!important;
}
.badge-success {
  font-size: 12px!important;
  background: #4d9167; padding: 5px; border-radius: 4px; color: #fff;
}
.badge-danger {
  opacity: 0.8;
  font-size: 12px!important;
  background: #e83f3f; padding: 5px; border-radius: 4px; color: #fff;
}
.badge-grey {
  opacity: 0.8;
  font-size: 12px!important;
  background: #706f6f; padding: 5px; border-radius: 4px; color: #fff;
}
.badge-orange {
  opacity: 0.8;
  font-size: 12px!important;
  background: #F15A22; padding: 5px; border-radius: 4px; color: #fff;
}
.badge-success-lg {
  padding-top: 10px!important;
  padding-bottom: 10px!important;
  padding-left: 20px!important;
  padding-right: 20px!important;
  font-size: 14px!important;
  background: #4d9167; padding: 5px; border-radius: 4px; color: #fff;
}
.badge-danger-lg {
  padding-top: 10px!important;
  padding-bottom: 10px!important;
  padding-left: 20px!important;
  padding-right: 20px!important;
  opacity: 0.8;
  font-size: 14px!important;
  background: #e83f3f; padding: 5px; border-radius: 4px; color: #fff;
}
.badge-grey-lg {
  padding-top: 10px!important;
  padding-bottom: 10px!important;
  padding-left: 20px!important;
  padding-right: 20px!important;
  opacity: 0.8;
  font-size: 14px!important;
  background: #706f6f; padding: 5px; border-radius: 4px; color: #fff;
}
.badge-orange-lg {
  padding-top: 10px!important;
  padding-bottom: 10px!important;
  padding-left: 20px!important;
  padding-right: 20px!important;
  opacity: 0.8;
  font-size: 14px!important;
  background: #F15A22; padding: 5px; border-radius: 4px; color: #fff;
}
.btn {
  margin-top: 0px!important;
}
table.dataTable>thead .sorting::before,
 table.dataTable>thead .sorting_asc::before,
 table.dataTable>thead .sorting_desc::before,
 table.dataTable>thead .sorting_asc_disabled::before,
 table.dataTable>thead .sorting_desc_disabled::before {
    right: 0;
    content: "";
}
 
 table.dataTable>thead .sorting::after,
 table.dataTable>thead .sorting_asc::after,
 table.dataTable>thead .sorting_desc::after,
 table.dataTable>thead .sorting_asc_disabled::after,
 table.dataTable>thead .sorting_desc_disabled::after {
    right: 0;
    content: "";
}
 
 table.dataTable>thead>tr>th:not(.sorting_disabled),
 table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-right: 4px;
    padding-left: 4px;
}
 
 table.dataTable>thead>tr>th,
 table.dataTable>thead>tr>td {
    padding-right: 4px;
    padding-left: 4px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black!important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: black!important;
}
::-ms-select-placeholder { /* Microsoft Edge */
  color: black!important;
}
/* with the :focus here, we would show grey when not using the element */
select {
  color: black!important;
}
/* with the :focus here, we show grey when using the element */
select:focus {
  color: #999!important;
}
option {
  color: black;
}
option:first-of-type {
  color: #999!important;
}

.dt-buttons button {
   background: #333!important;
   color: #fff!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: none;
  color: black!important;
  border-radius: 4px;
  border: 1px solid #828282;
}
 
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background: none;
  color: black!important;
}