.solid {
	border: solid;
}

.card-outline-info .card-header {
	background-color: #ffffff;
}

.control-label {
	font-size: 14px;
	margin-top: 8px;
}

label{
	font-size: 14px;
}

.form-control{
	font-size: 14px;
	margin-bottom: 15px;
}

.form-group label{
	font-size: 14px;
}

.form-group{
    margin-bottom: 0px;
}

.requirenote {
	color: #FF0004;
}

.table td, .table th {
    padding: .40rem;
}

.x_title {
    border-bottom: 1px solid #E6E9ED;
    padding: 0px 5px 0px 5px;
    margin-bottom: 15px;
}

.table thead th, .table th {
    font-weight: normal;
}

pre {
		font-family: "Rubik", sans-serif;
		display: block;
		padding: 0px;
		margin: 0 0 10px;
		line-height: 1.5;
		font-size: 1rem;
		color: #656767;;
		word-break: break-all;
		word-wrap: break-word;
		background-color: #ffffff;
		border: 0px solid #fff;
		border-radius: 4px;
}

.select-inline {
    display: inline;
    min-width: 20%;
    max-width: 50%;
    width: auto;
}

.invoice-container .invoice-status {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
}

.unpaid {
    color: #EC2F2F;
}

.paid {
    color: #55CE63;
}

#myTopBtn {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 50px;
  z-index: 99;
  font-size: 14px;
  border: none;
  outline: none;
  background-color: #55CE63;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}

#myTopBtn:hover {
  background-color: #76D883;
}

input.lock {
    background-color: #F0F0F0;
	cursor: not-allowed;
}

.u-img:hover .rounded{
   border:solid 1px #76D883;
   cursor: pointer;
}

#ordersummary {
    margin: 0px 0;
    padding: 0;
    border: 1px solid #dddddd;
   
   
   
}

#ordersummary table {
    width: 100%;
}


#ordersummary div.item_description {
    font-size: 14px;
}

#ordersummary div.itempricing {
    text-align: right;
    font-size: 20px;
}

#ordersummary tr.item td {
    padding: 10px 10px 12px 10px;
    border-bottom: 1px dashed #b4b4b4;
}

#ordersummary tr.subtotal td {
    background-color: #ffffdf;
    font-size: 14px;
    padding: 4px 10px;
}

#ordersummary tr.tax td {
    background-color: #e6f7ff;
    font-size: 12px;
    padding: 4px 10px;
}

#ordersummary tr.total td {
    background-color: #e7ffda;
    font-size: 26px;
    padding: 6px 10px;
}

#ordersummary tr.recurring td {

    background-color: #ffe1e1;
    font-size: 12px;
    padding: 4px 10px;

}

.ordersummarytitle {
    font-family: Arial;
    font-size: 20px;
    text-align: center;
}

.notice_hover {
	color:#6C757D;
}

.dropdown-menu {
	
}

.modal-dialog {
    max-width: 700px;
}

.requirenote {
	color: #FF0004;
}

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}