.countt{
	text-align:center;
	padding: 15px;
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0px 0px 30px #f2f2f1;
    border: 2px solid #f4f4f4;
}
.countt h4{
	font-size: 30px;
    font-weight: 600;
}
.countt p{
	font-size: 18px;
    font-weight: 600;
	margin-bottom:0px;
}
.home-count1 ul{
	padding-left: 10px;
}
.home-count1 h5{
	font-size: 14px;
	color:#000;
}

.home-count1 ul li {
	list-style: none;
	display: inline-block;
	padding: 8px 15px 0px 15px;
	margin: 2px;
	border: 2px solid #f4f4f4; 
	text-align:center;
	box-shadow: 0px 0px 30px #f2f2f1;
	text-transform: capitalize;
	border-radius:25px;
} 
.home-count1 ul li {
	outline:none;
}
.loadu{
	position: relative;
    left: 45%; 
	top: 40%;
}
.load1{
	position: absolute;
    top: 45%;
    left: 45%;
}
.textcolor{
	color:#000;
}
.p-subtitle{
	font-size: 12px;
	margin-top: 5px;
}
.new-dashboard{
	width:1250px;
}
.todo-btn {
    background: mediumpurple;
    color: #fff!important;
    padding: 5px 12px;
    border-radius: 13px;
    font-size: 12px;
    float: right;
    cursor: pointer;
}
.complete-btn {
    color: #fff;
    font-weight: 700;
    padding: 2px 12px;
    border: 1px solid #fa6163;
    border-radius: 25px;
    background: #fa6163;
    font-size: 12px;
    margin-top: 39px;
}
.complete-btn:hover{
	color:#fff;
}
.d-title{
	float:right;
	margin-right: 15px;
}


.L_status {
	padding: 3px 4px;
	color: white;
	width: 95%; 
	/*display: block;*/
	text-align: center;
}

.table tbody tr td.user-info span {
	padding-left: 0px;
}
.panel {
	box-shadow: none;   
} 

.unqualified-status p{
	display: inline-block;
	background: #fe9005;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 12px;
	border-radius: 13px;
	font-size: 10px;
	font-weight: 600;
}


.dropup-content {
  position: absolute;
  bottom: 48px; 
  right:2px;
  background-color: #fff;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 9999999;
  padding-left: 0px;
  list-style: none;
display:none;

}
/* Links inside the dropup */
.dropup-content a {
  color: black!improtant;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
   position: relative;
  
}

/* Change color of dropup links on hover */
.dropup-content a:hover {background-color: #ddd}

/* Show the dropup menu on hover */
.dropup:hover .dropup-content {
		display: block;
		list-style:none;
		padding-left:0px;
}

/* Change the background color of the dropup button when the dropup content is shown */
.dropup:hover .dropbtn {
  background-color: ;
}


.view-table-ico1{
	font-size: 16px;
    border: 1px solid rgba(65, 195, 53, 0.77);
    padding: 3px;
    width: 25px;
    display: inline-block; 
    text-align: center;
	background:rgba(65, 195, 53, 0.77);   
    box-shadow: 0px 3px 1px #6d7f6c;
    color:#fff; 
}

.edit-table-ico2{
	font-size: 16px;
    border: 1px solid rgba(252, 123, 8, 0.77);
    padding: 5px;
    width: 25px;
    display: inline-block;
    text-align: center;
	background:rgba(252, 123, 8, 0.77);    
    box-shadow: 0px 3px 1px #7f7d7b;
    color:#fff; 
}
.edit-table-ico3{
  font-size: 16px;
    border: 1px solid #0D47A1;
    padding: 5px;
    width: 25px;
    display: inline-block;
    text-align: center;
  background:#388E3C;    
    box-shadow: 0px 3px 1px #388E3C;
    color:#fff; 
}
.custom-radio .custom-control-input:checked ~ .custom-control-indicator:before {
    content: "\e6ce";
    right: 0.5px;
    top: -2px;
    font-size: 11px!important;
    line-height: 1.3;
    vertical-align: initial;
}
.cd-breadcrumb.triangle li > * {
    position: relative;
    padding: 1em .8em 18px 2.5em;
    color: #2c3f4c;
    background-color: #edeff0;
    border-color: #edeff0;
    display: inline-block;
}

/* For Buttons */

.edit-btn {
    padding: 2px 6px;
    border: none;
    outline: none !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.16), 0 2px 10px rgba(0,0,0,.12);
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
    display: -webkit-inline-box;
}



.mail-info:nth-child(even) {
   background: #eee;
   border: 2px solid #ddd;
}
.mail-info:nth-child(odd) {
    background: #eee;
	border: 2px solid rgba(250, 97, 99, 0.76);
}
.mail-info{
	padding: 10px 0px;
    border: 1px solid #ddd; 
	margin-bottom:15px;
	width:100%;
	word-break: break-all;
}
.m-info{
	padding: 10px;
    background: #fff;
    margin-bottom: 10px;
}
.m-sub{color: #fa6163!important;}

.m-info p{
	margin-bottom:0;     
	text-align: justify;
	
}
.m-info-btn{
	float: right;
    padding: 3px 10px;
    border: #ddd;
    background: #fa6163;
    color: #fff;
}



.tl1{
	margin-top:10px;
	text-align:right;
	}
.tl1 .icon-edit i{
	color: #fa6163;
	font-size: 16px;
    margin-bottom: 5px;
	}
.tools .icon-edit i{
	color: #fa6163;
	font-size: 16px;
    margin-bottom: 5px;
	}
.tools1 .icon-edit i{
	color: #fa6163;
	font-size: 16px;
    margin-bottom: 5px;
	}
.tl1 .icon-edit{
	font-size: 14px;
    font-weight: 400;
    /* color: #3d3d3d; */
    color: #545454;
    vertical-align: middle;
    border: 1px solid #cccccc;
    padding: 5px 7px;
	cursor: pointer;	
}
.panel-heading .p-head{
	padding-left: 30px;
	font-size: 1.368rem;
}
.panel-heading .tools a.icon-edit {
		font-size: 14px;
		font-weight: 400;
		/* color: #3d3d3d; */
		color: #545454;
		vertical-align: middle;
		border: 1px solid #cccccc;
		padding: 3px 7px;
		margin-top: -5px;
	}
	.panel-heading .tools a {
    margin-left: 6px;
}
.panel-heading .tools1 a.icon-edit {
		font-size: 14px;
		font-weight: 400;
		/* color: #3d3d3d; */
		color: #545454;
		vertical-align: middle;
		border: 1px solid #cccccc;
		padding: 3px 7px;
		margin-top: -5px;
	}
	.panel-heading .tools1 a {
		margin-left: 6px;
}
.panel-heading .tools1 {
    position: absolute;
    top: 27px;
    right: 0;
}
.panel-heading .tools1 {
    float: right;
    font-size: 0;
}







.navbar1 {
  overflow: hidden;
  background-color: #333;
  position: fixed;
  bottom: 0;
  width: 100%;
}

.navbar1 a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 12px 16px;
  text-decoration: none;
  font-size: 14px;
}

.navbar1 a:hover {
  background: #f1f1f1;
  color: black;
}

.navbar1 a.active {
  background-color: #4CAF50;
  color: white;
}

.main {
  padding: 16px;
  margin-bottom: 30px;
}

	#table1_wrapper .col-xs-12 {
		width: 100%;
		padding: 0px; 
	}
	.theme-iconcolor{
		color:#fa6163;
	}
	.supbox{
		border: 1px dotted;
		padding: 3px;
		margin-bottom: 5px;
	}
	.bill-subhead {
	   /* margin-top: 15px; */
		font-size: 16px;
		text-shadow: 0px 0px;
		margin-bottom: 7px;
		color: #fa6163;
		padding: 10px 15px 10px 15px;
		background-color: rgb(244, 246, 249);
		border-radius: 4px;
	}
	.fileList li img{
		padding-right: 7px;
	}

	#outer p{
		margin-bottom:0;
	}
	
	#tablenew tbody td {
		display: block;
		text-align: right;
	}
	#tablenew tbody td:before {
		content: attr(data-th);
		display: block;
		text-align: center;
		float: left;
		font-weight: bold;
		color:#fa6163;
	}
	#tablenew thead {
		display: none;
	}
	#tablenew tr {
		border: 1px solid #ddd;
		margin-bottom: 15px;
		display: block;
	}
	#tablenew.table-hover tbody tr:hover {
		background-color: rgba(238, 238, 238, 0.49);
	}
	#tablenew2 .tbody {overflow-x:scroll;}
	.supplymodel .modal-dialog {
    display: block!important;
	}
	.modal-email-send .form-head {
		width:100%!important;
	}
	.suplytype{text-align:right;}
	.suplyform .tox-tinymce{height:300px!important;}
	mark {  
    background-color: #ff0;
    color: #000;
	font-size: 12px;
	}
	.visahead i{font-size: 24px;position: absolute;top: 35px;left: 0px;}  
	.intab{margin-top: 0!important;}
	@media(max-width:600px){
		/* .supplymodel .modal-dialog {display: inline-block!important;} */
		/* #tablenew1 tbody td {display: block; } */
		.supplymodel .modal-dialog {margin-top: 50px;}  
		.suplytype{text-align:left;}  
		#supplierModelnew .modal-body {padding: 15px;}
		#emailModel .modal-dialog {display: block;}
		#emailModel .modal-content {margin-top: 90px;}  
		.panel-heading .mobto{position: relative!important;}
		.panel-heading .mobto a.icon-edit{margin-bottom: 5px;margin-top: 0;}
		.oshow{margin-top:50px;}
		.newpanelhead{padding: 24px 40px 14px!important;} 
		.nopading{padding:0!important;} 
		.newrow{display:block;}
		.visahead i{position: static;} 
	}  
	@media (min-width: 768px){
	.modal-xl {width: 90%;/* max-width: 1200px; */}
	.newpanelhead{padding: 24px 40px 14px!important;}
	}
	



	
	@media(max-width:1100px){
		#supplierModel .modal-content, #test1 .modal-content, #test2 .modal-content {
			max-width: 100%!important;
		}
		#supplierModel .modal-dialog, #test1 .modal-dialog, #test2 .modal-dialog {
			max-width: 100%!important;
		}
	}

	#supplierModel .table > thead > tr > th {
		font-weight: 600;
		color: #fa6163;
		font-size: 14px;
		width: 20%;
	}
	#supplierModel .table th{
		padding: 0.3rem;
	}
	#supplierModel .table-responsive tbody > tr > td {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}  
	#supplierModel  .form-subhead {
		margin-top: 0px;
	}
	#supplierModel.modal-add-data .modal-body {
		padding: 10px 30px 15px;
	}
	#supplierModel .modal-dialog ,#test1 .modal-dialog, #test2 .modal-dialog {
		max-width: 1000px;
	}

	#supplierModel .modal-content,#test1 .modal-content, #test2 .modal-content {
		max-width: 1000px;
	}
	#test1 .modal-content {
		min-height: 600px;
	}
	#demo12 form{
		width: 100%;
	}
	#supplierModel .field_required{
		display: block;
		width: 100%;
		text-align: center;
	}
	.table-responsive1 {
		width: 100%;
		overflow-x: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar; 
	}

.quotepwrap p{
	/*font-weight:600;*/
	color:#000;
}

.btn1 span{
	font-size: 19px;
	margin-right: 0px;
	vertical-align: middle;
}
.btn1{
	padding:4px 6px;
}
.dobtn{
	background: #23a2de;
	border: 1px solid;
}
.dobtn:hover{
	background: #23a2de;
	border: 1px solid;
}
.viewbtn{
	background: #1d9e3f;
	border: 1px solid;
}
.viewbtn:hover{
	background: #1d9e3f;
	border: 1px solid;
}

#testModal .modal-dialog, #testModal .modal-content{
	max-width: 1000px;
}
li.room-list
{
	width: 20%;
	float:left;
}
.package-section
{
	margin-left: 2px;  
}
.s7-plane:before {
    content: "\e625";
}
.s7-cash:before {
    content: "\e68c";
} 
.add-reason-modal
{
	width:100%;
}
span.lead-info
{
	position: relative;
    left: 32px;
}
.form-subhead {
    margin-top: 15px;
    font-size: 16px;
    text-shadow: 0px 0px;
    margin-bottom: 7px;
    padding: 10px 15px 10px 50px;
    background-color: rgb(244, 246, 249);
    border-radius: 4px;
	cursor: pointer;
}
.displayblock1 {
    border-top: 0px solid #e6e6e6;
}
.form-head{
	padding: 10px 15px 10px 5px;
    background-color: white!important;
    border-radius: 4px;
	cursor: pointer;
	border-bottom: 1px solid #eee!important;
}
.view-page-display .form-group p {
    font-size: 14px;
    text-shadow: none;
    color: rgba(0, 0, 0, 0.86);
    letter-spacing: .2px;
}
.collapse {
    display: none!important;
}
.collapse.show {
    display: flex!important;
} 
.form-head.lead-information:before{
      font-family: 'Stroke 7';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 23px;
    vertical-align: middle;
    position: absolute;
    top: 7px;
    content: "\e688";
    /*left: 15px;*/ 
    color: #fa6163;
    color: #3d3d3d;
    border: 1px solid;
    border-radius: 50%;
	transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
}
.form-subhead:before {
      font-family: 'Stroke 7';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 23px;
    vertical-align: middle;
    position: absolute;
    top: 7px;
    content: "\e688";
    left: 15px;
    color: #fa6163;
    color: #3d3d3d;
    border: 1px solid;
    border-radius: 50%;
	transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
}
.form-head.collapsed:before, .form-subhead.collapsed:before{
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
}
.view-page-display label {
    opacity: .8;
}
.table tbody tr td.user-info span {
    padding-left: 0;
    padding-top: 5px;
}
.post-notes-sticky-container {
    min-height: 220px;
}
.file-view ul, .timeline-btns {
    list-style: none;
    padding: 0;
    display: inline-block;
    position: RELATIVE;
    right: 0;
    MARGIN-LEFT: -10PX;
    top: 0;
    MARGIN-BOTTOM: 15PX;
    PADDING: 0;
} 
/*changes*/
.extra-info 
{
	padding-top: 0px!important;
}
h5 span.status
{
	font-size: 1.25rem!important;
    font-weight: 700!important;
}
.right-content
{
	font-size: 12px;
    /* color: rgba(0, 0, 0, 0.47); */
    font-weight: 600;
    color: #fa6163;
}
.extra-info p {
    font-size: 12px;
    border-bottom: 1px solid rgba(232, 232, 232, 0.39);
    padding-bottom: 10px;
}
.home-height-scroll
{
	overflow: hidden!important;
	overflow-y: scroll!important;
}
.del-new-added {
    position: absolute;
    top: -23px;
    right: 4px;
    z-index: 10;
}
.add-more
{
	padding: 6px 0px;
}
.package-border
{
	border-bottom: 1px solid #eee;
}

/*changes*/
@media (max-width:320px)
{
	.modal-open .modal {
		overflow-x: hidden;
		overflow-y: scroll;
	}
	.add-reason-modal
	{
		margin: 63px auto!important;
	}
	.modal-content
	{
		position: relative;
		right: -1px;
		min-width: 20px;
		margin: -382px auto;
	}
	.width-xs-full {
		flex: none!important; 
	}
	.panel-heading .tools a.icon {
		font-size: 10px;
		padding: 5px 4px;
	}
	.panel-heading .tools a span {
		font-size: 16px;
	}
	.panel-heading .tools1 a.icon {
		font-size: 10px;
		padding: 5px 4px;
	}
	.panel-heading .tools1 a span {
		font-size: 16px;
	}
}
@media (max-width:480px)
{
	.modal-open .modal {
		overflow-x: hidden;
		overflow-y: scroll;
	}
	.modal-content
	{
		position: relative;

		right: -1px;
		min-width: 20px;
	}
	.width-xs-full {
		flex: none!important; 
	}
	.panel-heading .tools a.icon {
		font-size: 10px;
		padding: 5px 4px;
	}
	.panel-heading .tools a span {
		font-size: 16px;
	}
	.panel-heading .tools1 a.icon {
		font-size: 10px;
		padding: 5px 4px;
	}
	.panel-heading .tools1 a span {
		font-size: 16px;
	}
}
@media (min-width:480px) and (max-width:767 )
{
	.modal-open .modal {
		overflow-x: hidden;
		overflow-y: scroll;
	}
	
	.width-xs-full {
		flex: none!important; 
	}
	.panel-heading .tools a.icon {
		font-size: 10px;
		padding: 5px 4px;
	}
	.panel-heading .tools a span {
		font-size: 16px;
	}
	.panel-heading .tools1 a.icon {
		font-size: 10px;
		padding: 5px 4px;
	}
	.panel-heading .tools1 a span {
		font-size: 16px;
	}
}
@media (max-width:600px)
{
	.modal-open .modal {
		overflow-x: hidden;
		overflow-y: scroll;
	}
	
	.width-xs-full {
		flex: none!important; 
	}
	.panel-heading .tools a.icon {
		font-size: 10px;
		padding: 5px 4px;
	}
	.panel-heading .tools a span {
		font-size: 16px;
	}
	.panel-heading .tools1 a.icon {
		font-size: 10px;
		padding: 5px 4px;
	}
	.panel-heading .tools1 a span {
		font-size: 16px;
	}
}
.pcss::placeholder{
	color:#ddd;
}

#feedback2 span, feedback1 span, #feedback span{
	color: #fff;
    padding-right: 6px;
    font-size: 18px;
}
#feedback {
	height: 0px;
	width: 85px;
	position: fixed;
	right: 0;
	top: 58%;
	z-index: 1000;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}
#feedback1 {
	height: 0px;
	width: 85px;
	position: fixed;
	right: 0;
	top: 70%;
	z-index: 1000;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	margin-top: 53px;
}
#feedback2 {
	height: 0px;
	width: 85px;
	position: fixed;
	right: 0;
	top: 28%;
	z-index: 1000;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	margin-top: 53px;
}
#feedback p, #feedback1 p {
    display: block;
    background: #00495d;
    height: 47px;
    padding-top: 10px;
    width: 112px;
    text-align: center;
    color: #fff;  
    font-family: Arial, sans-serif;
    font-size: 17px;  
    font-weight: bold;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: -1px -2px 3px #5d5d5d;
}
#feedback2 p {
    display: block;
    background: #00495d;
    height: 47px;
    padding-top: 10px;
    width: 160px;
    text-align: center;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 17px;  
    font-weight: bold;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: -1px -2px 3px #5d5d5d;
}
#feedback p {
    width: 119px;
    }
#feedback p:hover, #feedback1 p:hover, #feedback2 p:hover {
	background:#fa6163;
	cursor: pointer;
}

/*14nov2019*/

.remove-add-field1 {
    background: #fa6163;
    color: #fff;
    font-size: 16px;
    border-radius: 50%;
    /* margin-top: -17px; */
    margin-top: 0px;
    display: inline-block;
    outline: 0px;
    margin-left: 50px;
    position: absolute;
}
.remove-add-field2 {
    background: #fa6163;
    color: #fff;
    font-size: 16px;
    border-radius: 50%;
    /* margin-top: -5px; */
	 margin-top: 0px;
    display: inline-block;
    outline: 0px;
    margin-left: 50px;
	position: absolute;
}

.notes-kit{
	padding: 15px 15px 15px 15px;
    background: #f6f5f5;
	margin-bottom: 10px;
	border-radius: 10px;
}
.notes-kit:hover{
box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
    transition: box-shadow .3s;
}
.note-link{
	position: absolute;
    right: 25px;
    top: 8px;
	color:#fff!important;
}
.title-link{
	position: absolute;
    right: 12%;
    top: 8px;
	color:#fff!important;
}
.s-note{
    margin-right: 20px;
	word-break: break-word;
}
.d-time{
	color:#fa6163;
	font-weight:600;
	margin-bottom: 0px;
}