.bg-gradient-primary {
    background-color: #6a6c71;    
}
#pageRoute {
	display: none;
}
.form-group.required .control-label:after {
    content: "*";
    color: #ca1717;
    padding-left: 3px;
    font-weight: bold;
}
.notify {
	top: 10px;
    right: 0;
	display: none;
	z-index: 99999;
}
.notify .close {
	right: 4px;
    top: 0;
}
.card-body-icon {
    position: absolute;
    z-index: 0;
    top: -1.25rem;
    right: -1rem;
    opacity: 0.4;
    font-size: 5rem;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
.dataTables_length {
    float: left;
    position: relative;
    margin-right: 10px;
    margin-top: 4px;
}
.customModalContent { padding: 1rem; }
.fa, .fas {
	cursor: pointer;
}
.city-input { display: none; }
.state-input { display: none; }
#commercial { display:none; }
.meeting-time-to { width: 50%; }
.meeting-time-to-meridiem { width: 45%; }
.meeting-time-from { width: 50%; }
.meeting-time-from-meridiem { width: 45%; }
.fa-plus-circle { color: green; }
.add_photo_button, .remove_photo_button {
	cursor: pointer;
}
.add_video_button, .remove_video_button {
	cursor: pointer;
}
.fa-minus-circle { color: red; }
.document-list-box {
    border: 1px solid #CECECE;
}
span.image-tooltip-red {
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    transform: translate(-100%) rotate(270deg);
    position: absolute;
    transform-origin: right top;
    background-color: #b90000;
    color: #fff;
    letter-spacing: 0.3px;
    font-size: 11px;
    padding: 2px 5px;
    border-radius: 9%;
}
span.image-tooltip-green {
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    transform: translate(-100%) rotate(270deg);
    position: absolute;
    transform-origin: right top;
    background-color: #00b930;
    color: #fff;
    letter-spacing: 0.3px;
    font-size: 11px;
    padding: 2px 5px;
    border-radius: 9%;
}

/*Customlabel Modal*/
.bgHigh--modal > div{position: static;}
.bgHigh--modal > div:before{background-color: #fd969e; background-clip: padding-box;  -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; overflow: hidden; z-index: 0; content: ""; display: inline-block; float: left; position: absolute; left: 5px; top: 0; height: 100%; width: -webkit-calc(100% - 10px);width: -moz-calc(100% - 10px); width: calc(100% - 10px);}
.bgHigh--modal > div > *{z-index: 10;}
.bgHigh--modal .row.w-100{background-color: transparent; overflow: visible; background-clip: padding-box;  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.customLabel__modal{cursor: pointer;border: 2px solid #fff; background-color: #fff; overflow: hidden;  width: 100%; display: inline-block; float: left; margin-bottom: 0.75rem; float: left; display: inline-block;}
.customLabel__modal:not(:last-of-type){margin-right: 0.75rem;}
.customLabel__modal input{opacity: 0; display: inline-block; visibility: hidden; position: absolute; left: 100%; top: 100%;}
.contentCustom__modal .title:after{position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%); left: 0; width: 20px; height: 20px; z-index: 1; opacity: 0; visibility: hidden;content: ""; display: inline-block; float: none; background-image: url(../../img/site/icons/checked.svg); background-size: 20px 20px; background-position: center;border: 1px solid #1a1a1a; -moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%; background-clip: padding-box; margin-top: -2px;}
.contentCustom__modal .title:before{position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%); left: 0; width: 20px; height: 20px; z-index: 1; opacity: 1; visibility: visible;content: ""; display: inline-block; float: none; border: 1px solid #1a1a1a; background-size: 20px 20px; background-position: center;-moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%; background-clip: padding-box; margin-top: -2px;}
.contentCustom__modal .title{color: #1a1a1a; padding: 10px 25px; position: relative; float: none; display: inline-block; min-width: 140px;}
.contentCustom__modal{background-color: transparent; padding: 18px 22px; position: relative;}
input:checked ~ .contentCustom__modal{background-color: #f7f7f7; border: 1px solid #1a1a1a;}
.wrapFormEle{float: left; width: 100%;text-align: center;}
.formEle{display: none; float: left; table-layout: fixed; width: 100%; text-align: center; padding: 1rem 5px 1rem; vertical-align: middle;}
.formEle__inner{float: none; display: table-cell; position: relative; vertical-align: top; padding-left: 7.5px; padding-right: 7.5px;}
input:checked ~ .contentCustom__modal .wrapFormEle{border-top: 1px solid #1a1a1a;}
input:checked ~ .contentCustom__modal .formEle{display: table;}

.tableMain {
    float: left;
    width: 100%;
    table-layout: fixed;
    position: relative;
}
.tableMain td, .tableMain th {
    padding: 10px 8px;
    text-align: left;
    letter-spacing: 0.375px;
    word-wrap: break-word;
}
.color-red {
	color: #FF0000;
}
.color-green {
	color: #6EA500;
}
button.documents-update-button {
	width: 90px;
    text-align: center;
}
td.text-td-center {
	text-align:center;
}
#addInputs div {
	border: 1px solid #464545;
    border-radius: 22px;
    padding: 0 7px 2px 7px;
	cursor: pointer;
}
.rmbtn {
	background-color: #FF0000;
    border-radius: 15px;
    color: #fff;
    cursor: pointer;
    width: 25px;
    height: 25px;
    text-align: center;
}
.qOptionBlock {
	background-color: #e2eae9;
    width: 100%;
    margin: 0 auto 35px;
    padding: 11px 0;
    border-radius: 5px;
    border: 1px solid #26a796;
}
/* bootstrap-tagsinput.css file - add in local */

.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
}
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.page-loading {
   display:none;
   position: fixed;
   width: 100%;
   height: 100%;
   background: rgba(255,255,255,.5);
   z-index: 999;
   top: 0;
   left: 0;
   display: flex;
   align-content: center;
   justify-content: center;
   flex-wrap:wrap;
   opacity:0;
   visibility:hidden;
   font-size:20px;
   font-weight:500;
   text-transform:uppercase;
   opacity:1; 
   color:#71717a;
   visibility:visible;
   }
   
   .selected_product { font-size: 12px; }
.select2-selection--single{
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px)!important;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}