@font-face {
    font-family: 'Verdana';
    src: url('../fonts/Verdana-Bold.woff2') format('woff2'),
        url('../fonts/Verdana-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Verdana';
    src: url('../fonts/Verdana.woff2') format('woff2'),
        url('../fonts/Verdana.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Verdana';
    src: url('../fonts/Verdana.woff2') format('woff2'),
        url('../fonts/Verdana.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
p {
	text-align: justify;
	line-height: 22px !important;
}




body {
	color: #000 !important;
	font-family: 'Verdana';
}
.error{
     color: red;
     margin-bottom:0px;
     padding-bottom: 0px;
     text-align: left;
}
.error-msg-text{
     position: fixed !important;
     bottom: 10px;
     right: 10px;
}
.textarea-manage{
	resize:vertical;
}
.case_study_img_td{
	height: 100px;
	width: 100px;
}
.case_study_status_lbl{
	cursor: pointer;
}
.case-study-delete-btn{
	margin-left: 10px;
}
.input-fields{
	color: #555;
}
.ua_img_td{
	height: 100px;
	width: 100px;
}
.about_img{
	height: 80px;
	width: 80px;
}
.img-outr{
	position: relative;
	display: inline-block;
}
.img-outr > .tr{
	position: absolute;
    top: -5px;
    right: -5px;
    color: #fff;
    padding: 1px;
    border-radius: 50%;
    background: red;
    width: 20px;
    height: 20px;
    display: inline-block;
    font-size: 13px;
    text-align: center;
}
.skin-blue .sidebar a span {
	white-space: normal;
}
.login-text-cls{
	color: #fff;
}
.acknowledgement-note-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.acknowledgement-note-list li {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
    border: 1px solid #C9C9C9;
    background: #fff;
    padding: 15px;
    border-radius: 7px;
}
.acknowledgement-note-list span {
    color: #7FC1FB;
}
.float-right {
    float: right!important;
}
.action-btns{
	margin-left: 5px;
}
.action-btns i{
	margin-left: 5px;
}

/*--tab design css--*/
.profile-fields h3 {
	font-size: 24px;
	color: #000;
	padding-bottom: 10px;
	padding-top: 20px;
}
.profile-fields .nav-tabs .nav-item.show .nav-link, .profile-fields .nav-tabs .nav-link.active {
	color: #0072df;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
}
.profile-fields .nav-tabs .nav-link {
	color: #000;
}
.profile-fields {
	display: inline-block;
	padding: 10px 30px;
}
.profile-fields .save-btn {
	background: #0072DF !important;
	line-height: 18px;
	padding: 8px 30px;
	font-weight: normal;
	border-radius: 5px;
	font-size: 16px;
	text-transform: capitalize;
}
.dash-box .profile-fields small a {
	color: #0072DF;
	padding: 5px 0;
	display: block;
}
.dash-box .profile-fields textarea.form-control {
	height: 160px;
	font-size: 14px;
	color: #000 !important;
	background: #fff;
	padding: 10px 10px;
	margin: 5px 0;
}
.profile-fields input {
	border: 1px solid #ccc;
	border-radius: 0;
	margin: 0 0 10px 0;
	height: 38px !important;
	box-shadow: 0 0 0;
	font-size: 15px;
	color: #000;
	background: #fff !important;
}

/*--comments--*/
.sub-titles {
	font-size: 22px;
	font-weight: bold;
	padding-top: 25px;
	padding-bottom: 15px;
}
/*.attachment-section-text h5 {
	font-size: 18px;
	font-weight: 500;
	color: #182427;
	margin: 0;
}*/
.attachment-section-text h6 {
	font-size: 14px;
	font-weight: normal;
	color: #ABABAB;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}
.attachment-section-text p {
	color: #646768;
	font-size: 15px;
	line-height: 25px;
}
.profile-fields .add-btns {
	text-align: right;
	float: right;
	cursor: pointer;
	font-size: 16px;
	background: #0072df;
	color: #fff !important;
	padding: 4px 30px;
	border-radius: 5px;
}
.wrapper {
	perspective: inherit;
}
.btn.save-btn.btn-close {
	float: right !important;
	background: #7FC1FB !important;
}
.profile-fields .modal-title {
	font-size: 24px;
	color: #000;
}
.dash-box .profile-fields label {
	font-size: 20px;
}
.dah-content .dash-box {
	box-shadow: 0 0 0 !important;
}
.status-text {
	font-size: 13px !important;
	padding-left: 10px;
}
.status-text.pending-sts {
	color: #ea1010;
} 
.status-text.apprv-sts {
	color: #48C859;
}
.status-text.new-pending-sts {
	color: #eaa710;
}
.homeAbout .imgVideoOuter button img {
	display: none;
}
.attachment-section-text {
    width: 100%;
}
.rep-view-btns{
	margin-left: 100px;
}
.word-break-down{
	word-wrap: break-word;
}
.dah-content.prospect-details label {
	font-size: 15px;
	margin-bottom: 3px;
}
.dah-content.prospect-details textarea.form-control {
	background: #f2f2f2;
}
.profile-fields #is_refferal_source {
	border: 1px solid #ccc;
	border-radius: 0;
    margin: 0 0 10px 0;
	height: 38px !important;
	box-shadow: 0 0 0;
	font-size: 15px;
	color: #000;
	background: #fff !important;
}
#frmRepPersonalInfo label {
	font-size: 15px;
}
.prospect-details-notes{
	width: 100%;
	height: 400px;
	overflow-y: scroll;
}
.cs-ua-boxes{
	/*height: 124px;*/
	height: 142px;
}
.ackNoteTxtFont p{
	font-size: 16px;
	color: #18212A !important;
}
.loader_div{
    position: absolute;
    top: 120px;
    bottom: 0%;
    left: 447px;
    right: 0%;
    z-index: 99;
    opacity:0.7;
    height: 84px;
    display:none;
}
/*--20-8-2019--*/
.boxLay .out .btText p {
	font-size: 16px;
	color: #000 !important;
}
.split-med p a, .split-med p {
	color: #000;
}
.main.aboutUs .tiles .textContent h5 {
	color: #000;
	}
	
/*--22-8-2018--*/	
#frmUploadProspects label {
	border-radius: 33px;
	line-height: 36px;
	padding: 0 15px;
	background: #7FC1FB;
	color: #fff;
	width: 100%;
	text-align: center;
	height: 40px;
	font-size: 14px;
} 
#frmUploadProspects label:hover{
	color: #fff;
	background: #4ca7f7;
}
#frmUploadProspects input[type="file"] {
    display: none;
}
.add-btn {
	line-height: 38px;
	height: 40px;
	font-size: 14px;
	width: 100%;
}
.photo img {
	width: 100%;
}
.must-head .navbar-brand img {
	width: 270px;
}
.rep_logo_img {
	width: 350px;
}
.email-preview{
	background-size: cover !important;
	background-position: center center !important;
}
/*--3-9-2019--*/
#case-details .case-details_imgs {
	max-width: 1140px;
	margin: 0px auto;
	padding: 0 15px;
	height: 300px;
	display: block;
	width: 67%;
}
#case-details .case-details_imgs img {
	height: 100%;
	margin: 0 auto;
	display: block;
}

.preferences-added-by{
    margin-top: -24px;
    font-size: 13px !important;
}

/*-11-9-2019--*/
.navbar-light .navbar-nav .nav-pro .dropdown-menu {
	padding: 4px 5px;
}
.navbar-light .navbar-nav .nav-pro .dropdown-item {
	padding: 10px 6px;
	border-bottom: 1px solid #eee;
	font-size: 12px;
}
.rep-acknow-image{
    width: auto !important;
}

/* Responsive (Mobile) Design
**********************************************************/
@media (min-width:1025px) and (max-width:1400px) {
}

@media (min-width:993px) and (max-width:1024px) {
}

@media (max-width:992px) {
}
@media (min-width:768px) and (max-width:992px) {
#frmUploadProspects label {
	line-height: 30px;
	height: 35px;
	font-size: 11px;
	padding: 0px 3px;
}
.add-btn {
	line-height: 30px;
	height: 35px;
	font-size: 11px;
	padding: 0px 3px;
}

}

@media (max-width:768px) {
    .heading-bg .col-sm-2, .heading-bg .col-sm-3 {
	padding: 0 5px;
}
}
@media (max-width:767px) {

.add-btn {
	margin-bottom: 10px;
}
#personal_details .col-lg-3 {
	width: 100% !important;
	display: block !important;
	max-width: 100% !important;
	flex: 100%;
}
.profile-fields {
		padding: 10px 0px;
}
#example1 ul {
	width: 100% !important;
}

}


@media (min-width:481px) and (max-width:767px) {
    #frmUploadProspects label {
	line-height: 30px;
	height: 35px;
	font-size: 11px;
	padding: 0px 3px;
}
.add-btn {
	line-height: 30px;
	height: 35px;
	font-size: 11px;
	padding: 0px 3px;
}
.profile-fields .nav-tabs .nav-link {
	padding: 3px 7px;
	font-size: 12px;
}

}
@media (max-width:480px) {
    	.dah-content .nav-tabs .nav-item {
		width: 100%;
}
	.dah-content .nav-tabs .nav-link {
	border: 1px solid #ece5e5;
}
.profile-fields .tab-content .col-3 {
	width: 100% !important;
	flex: 100%;
	max-width: 100%;
}
table.dataTable ul li span {
	word-break: break-all;
	white-space: normal;
	font-size: 13px;
}
}

/* iphone 6+ landscape */
@media only screen and (min-device-width :414px) and (max-device-width :736px) and (orientation : landscape) {
}

/* iphone 6 + */
@media only screen and (min-device-width :414px) and (max-device-width : 420px) and (orientation : portrait) {
}

/* iphone 6 portrait */
@media only screen and (min-device-width : 374px) and (max-device-width : 375px) and (orientation : portrait) {
}

/* iphone 6 landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
}

@media (max-width:320px) {
}

.navbar.navbar-expand-lg.navbar-light.bg-light {
  background-color: lightgray !important;
}
.must-head .navbar-nav.ml-auto a {
  color: #000 !important;
}