.icon{
	font-size:20px; 
	 color:#ADB6CC; 
	 padding-left:18px; 
}
.shift{
	margin-top:40px;
	padding-left:20px;
	padding-right:20px;
}
 .textest {
 padding:30px;
    font-size: 16px;
    
    font-weight: initial;
    margin-bottom: 20px;
    
}
.line{
width:80%;
margin-left:0px;
  color: #ADB6CC;

}
.client{
	padding:0px!important;
}
.border-bottom{
	 background-color:#f8f9fc; border-bottom:1px solid #ECEFF2;
 }
 .lab{
	 color:#14316D !important;font-weight:bold!important
 }
 .left{
	 padding-left:20px;
 }
 .left-right{
	 margin-left:20px;margin-right:20px;
 }
 .newclient{
	 margin-right:40px!important;
 }
 .group2{
	 border:2px solid #E9ECF3; border-radius:7px; width:300px;
 }
 .tuff{
	 background-color:#FFF;
 }
 .bread{
	 border-right:1px solid #e0e0e0;
 }
 .right{
	 padding-right:20px;
 }
 .dates{
	 padding-top:10%;padding-bottom:3%;
 }
 .aligncenter{
	 text-align:center;
 }
 .top{
	 padding-top:10px;
 }
 .top2{
	 padding-top:20px;
 }
 .cross{
	 float:right;  color:#ccc;
 }
 .margintop{
	 margin-top:10px;
 }
 .margintop2{
	 margin-top:20px;
 }
 .first{
	 color:#14316D !important;
 }
 .cross{
	 float:right; padding-right:20px !important; color:#ccc;
 }
 .radius{
	 border-radius:15px;
 }
 .radius2{
	 border-radius:20px;
 }
 
 .color  {color: transparent;    border-radius: 50%;    width: 40px;    height: 40px;    margin: 10px; border:none !important;}  
 
 #scolor{background-color:#6cd5cb;color: transparent;    border-radius: 50%;    width: 40px;    height: 40px;    margin: 0 10px; border:none !important;}  
 #c1 { background-color:#6cd5cb;}  
 #c2 { background-color:#a6e5bd;}    
 #c3 { background-color:#e7f286;}      
 #c4 { background-color:#ffec78;}      
 #c5 { background-color:#ffbf69;}     
 #c6 { background-color:#ff9cbb;}       
 #c7 { background-color:#bbc1e8;}       
 #c8 { background-color:#a5dff8;}      
 #c9 { background-color:#91e3ee;} 
 .color2{
 display:flex;
 align-items:center;
 }
 .services1{
	 border-left:20px solid #6CD5CB;
	 border-radius:10px;
 }
 .services{
	 display:flex; align-items:center; justify-content:space-between
 }

 .staff22{
	 font-weight:bold; margin:0px !important;
 }
 .staff2f{
	 display:flex; margin-top:30px;
 }
 .stuff{
	 width:42px;float:left;
 }
 .message{
	 padding-top:100px;
	 width:100%;
	 max-width:300px;
 }
 .marginbottom{
	 text-align:center; margin-top:20px;margin-bottom:40px;
 }
 .paddingright{
	 padding-right:30px;
 }
 .setup{
	 padding-left:50px; color:#14316D;
 }
 .setup1{
	 border-radius:20px; background-color:#F8F9FC;
 }
 .setup2{
	 margin-bottom:20px;width:300px;
 }
 .setup3{
	 margin-top:15px;
 }
 .setup4{
	 color:#14316D;
 }
 .setup5{
	 padding-left:50px;color:#14316D;
 }
 .setting1{
	 margin-bottom:30px;
 }
 .setting2{
	 margin:20px;
 }
 .book3{
	 margin-top:30px; font-size: 50px;
    text-align: left;font-family:Work Sans,sans-serif; font-weight:500;color:rgb(40, 49, 64);
 }
 .book2{
	 width:100%; margin-top:30px;
 }
 .book4{
	 margin-top:50px;
 }
 .book5{
	 padding-top:60px;
 }
 .book6{
	 display:relative;
 }
 .book7{
	 display: flex;
    justify-content: space-between;
    padding: 10px;
 }
 .book8{
	 margin-right:10px;
 }
 .book9{
	 padding-top:30px;
 }
 .book10{
	 text-align:center; color:#14316D !important; padding-top:50px;
 }
 .book11{
	 width:80%;
	 margin-left:30px;
	 margin-bottom:20px;
	 margin-top:30px;
 }
 .book12{
	 text-align:center; padding-top:50px;
 }
 .book13{
 text-align:center; padding-top:20px;}
 .book14{
	 padding-top:10px; text-align:center;
 }
 .ser-border{
	 border-left:20px solid #ffb6C1;border-radius:10px;
 }
 .ser-border1{
	 border-left:20px solid #6CD5CB! important;border-radius:10px!important;
	 position:relative;
 }
 .colours{
	 display:flex; align-items:center;
	 
	 
 }
 .colours1{
	 width:30px; 
	 height:30px;
	 
 }
 .pop-up{
	 border-radius:30px; padding-bottom:20px;
 }
 .pop{ color: rgb(20, 49, 109);
    margin-top: 1rem;
    border: 1px dashed rgb(19, 49, 109);
    padding: 10px;
    border-radius: 0.2rem;
    background: rgba(228, 228, 228, 0.25);
 }
 .pop1{
	 max-width: 60% !important;
 }
				 
.thirty{
	width:30px!important; height:30px!important;
}
.thirty23{
	border-radius:30px!important;
}

.defaulty{
	border-radius:15px!important;
	border:2px solid #DCDDE0;
	background-color:white;
	width:100%;
	height:400px;
	margin-top:20px;
}
.new-section{
	color:#14316D;
	text-align:center;
	padding-top:7%;
}

.new-section1{
	color:#14316D;
	text-align:center;
	padding-top:10px;
}
.new-section2{
	color:#14316D;
	
}
.new-section3{
	border-radius:15px!important;
	border:2px solid #DCDDE0;
	background-color:#F8F9FC;
	margin-bottom:30px;
	height:auto;
	
}
.new-section4{
	color:#14316D;
	padding-top:10px;
	padding-left:10px;
}
.new-section5{
	border-radius:1px!important;
	border:1px solid #DCDDE0;
	background-color:white;
	height:auto;
	padding:30px;
}

.new-section6{
	color:#14316D;
	padding-left:30%;
	
}
.new-section7{
	color:#6D83C2;
	padding-left:15%;
	padding-top:30px;
	
}
.defaulty2{
	
	border:2px solid #DCDDE0;
	background-color:white;
	width:100%;
	height:70px;
	position:fixed;
	bottom:0px;
	
	z-index:99999999;

}
.decimal{
	margin-top:10px;
	text-align:center;
	width:auto;
	font-size:13px;
}
.decimal2{
	float:right;
	color:#14316D;
}
.roww{
	max-width:100%;
	
}
/* Red */
.danger {
  border-color: #f44336;
  color: red;
}

.danger:hover {
  background: #E9ECF3;
  color: red;
}
.boton {
  border: 2px solid red;
  background-color: white;
  color: red;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border-radius:30px;
  margin-left:30px;
}
.defty{
	
	border:2px solid #DCDDE0;
	background-color:#14316D;
	width:100%;
	height:auto;
	
}				 
.defty2{
	color:white;
	padding-left:30px;
	
}
.new-section32{
	border-radius:15px!important;
	border:2px solid #DCDDE0;
	background-color:#F8F9FC;
	margin-bottom:30px;
	height:auto;
	margin-left:30px;
}
.minuss{
	float:right; 
	padding-right:10px;
}
.arrow{
	font-size:48px;
	color:white;
	padding-right:30px;
}
.lefty{
	padding-left:10%;
	font-size:20px;
}
.lefty2{
	float:right;
	padding-right:30px;
	padding-top:0px!important;
	color:#ccc;
	font-size:30px;
}
.defty-part{
	
	border:2px solid #DCDDE0;
	background-color:white;
	width:100%;
	height:auto;
	border-radius:10px;
	
	padding-bottom:30px;
	
}
@media only screen and (max-width: 600px) {
  .defty-part {
    display:none;
  }
}
.new-section11{
	color:#14316D;
	text-align:left;
	padding-top:20px;
	padding-left:30px;
}
.new-section22{
	color:#14316D;
	padding-left:10px;
	
}
.box{
margin-left:10%;
}
.bill{
	color:#314A7F;
}
.bill1{
	border:1px solid #CCC;
	background-color:white;
}
.bill2{
	font-size:30px;
}
.bill3{
	padding-bottom:30px;
}
.bill4{
	font-size:9px;
}
.bill5{
	 height: auto;
  border: 1px solid #F8F9FC;
  background-color: white;
  border-radius:19px;
  padding-top:20px;
  padding-left:20px;
    padding-right:20px;
margin-bottom:30px;
}
.bill6{
	border:2px solid #F8F9FC;
	
}
.bill7{
	float:right;
}
.bill8{
	padding-left:3px;
}
.bill9{
	width:150px;
	border-radius:10px;
	margin-bottom:50px;
}
.bill0{
	float:right;height:40px;
}
.bill09{
	padding-left:5%;
	padding-right:5%;
}
.bill08{
	border:2px solid #13316D;
}
.bill07{
	 border: 1px solid #E9E9E9;
  background-color: white;
  border-radius:19px;
  padding-top:20px;
  padding-left:20px;
    padding-right:20px;
	padding-bottom:40px;
margin-top:15px;
margin-left:50px;
margin-bottom:20px;
height:auto%;
margin-right:50px;
}
.details{
	height:auto;
	 border: 1px solid #E9E9E9;
  background-color: white;
  border-radius:19px;
  padding-top:20px;
  padding-left:10px;
    padding-right:10px;
	padding-bottom:30px;
margin-bottom:30px;

}
.button4 {
  background-color: white;
  color: black;
  border: 2px solid orange;
}

.button4:hover {background-color: #e7e7e7;}

.buttones {
 width:130px;
 box-shadow: 5px 5px 5px 5px #EFF1F5;
  border: 1px solid #F5F7F9;
  color: #14316D;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius:15px;
  transition-duration: 0.4s;
  cursor: pointer;
}
.details2{
	margin-top:-20px;
	color:black;
}
.details3{
height:auto;
	
}.details33{
 border: 1px solid #E9E9E9;
  background-color: white;
  border-radius:19px;
margin-bottom:30px;
	
}	
.detail{
	height:100%;
}
@media only screen and (max-width: 600px) {
  .detail {
    display:none;
  }
}
.details33-top{
	 margin-top:-10%!important;
  }
  @media only screen and (max-width: 600px) {
  .details33-top {
    margin-top:0%!important;
  }
  }
 .commpact{
	  width:300px;
	  margin-bottom:30px;
  }
  .bottommm{
	  padding-bottom:30px;
  }
 
 .view{
	 border: 1px solid #E9E9E9;
  background-color: white;
  border-radius:19px;
  padding-top:20px;
  
margin-top:15px;
margin-left:60px;
margin-bottom:20px;
height:auto;
margin-right:60px;
}
.button5 {
  background-color: white;
  color: black;
  border: 2px solid orange;
}

.button5:hover {background-color: #e7e7e7;}

.buttones2 {
 width:190px;
 
  border: 2px solid #14316D;
  color: #14316D;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius:15px;
  transition-duration: 0.4s;
  cursor: pointer;
}
 .view2{
	 border-right:2px solid #E9ECF3!important;
	 padding-top:0px!important;
 }
 .alignleft{
	 text-align:left;
 }
 .view3{
	 color:#4A9CFC;
 }
 .view4{
	 padding-bottom:40px;
 }
 .view5{
	 width:70px;
	 height:80px;
	 padding-top:20px;
 }
 .view6{
	 width:350px;height:40px; font-size:15px;
 }
 .view7{
	 width:150px;height:40px; font-size:15px;
 }
 .APPOINTMENT{
	  border: 1px solid #E9E9E9;
  background-color: white;
  border-radius:19px;
  padding-top:20px;
  padding-left:20px;
    padding-right:20px;
	padding-bottom:40px;
margin-top:15px;

margin-bottom:20px;
height:auto;
 }
 .locations{
	 background-color:white;
 }
 .locations:hover{
	 background-color:#F8F9FC;
 }
 .publish{
	
	border:2px solid #DCDDE0;
	background-color:#ffffff;
	width:100%;
	height:auto;
	
}	
.publish2{
	color:#14316D;
	text-align:left;
	font-weight:bold;
	
}
.publish3{
	padding-left:17%;
	font-size:13px;
}	
.publish4{
	float:right;
	margin-bottom:30px;
}
.publish5{
	float:left;
	margin-bottom:30px;
}
.newresource{
	background-color:white;
}
.newresource:hover{
	background-color:#F8F9FC;
}
.password{
	border: 2px solid #14316D;
  color: #14316D;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius:15px;
  transition-duration: 0.4s;
  cursor: pointer;
}
.new-section323{
	border-radius:15px!important;
	border:2px solid #DCDDE0;
	background-color:white;
	margin-bottom:30px;
	height:auto;
	margin-left:30px;
}
.new-section404{
	color:#14316D;
	padding-top:30px;
	background-color:white;
	padding-bottom:20px;
}
.new-section404:hover{
	background-color:#CCCDCE;
}
.new-section405{
	color:#14316D;
	padding-top:30px;
	background-color:white;
	padding-bottom:20px;
	padding-left:10%;
}
.step{
	border:1px solid #EAEDF3;
	width:55px;
	height:57px;
	background-color:#F9FAFC; 
	border-radius:5px;
	color:#D7DCE6; 
	text-align:center;
}
.step1{
	border:1px solid #EAEDF3;
	width:55px;
	height:57px;
	background-color:#13316D; 
	border-radius:5px;
	color:white; 
	text-align:center;
}
.step2{
	border:1px solid #EAEDF3;
	width:55px;
	height:57px;
	background-color:#F9FAFC; 
	border-radius:5px;
	color:#13316D; 
	text-align:center;
}
.create{
	border:1px solid #ADB6CC;
	border-style: dotted; 
	background-color:#FAFAFA;
}
.new-sect{
	color:#14316D;
	text-align:center;
	padding-top:2%;
}
.new-sect2{
text-decoration: underline;	
}
.new-sect3{
	border-bottom:1px solid  #F0F0F0;
}
.newly{
	color:#67B7FD; padding:10px; text-decoration:none;
}
.newly2{
	color:#29C0CC; padding:20px; text-decoration:none;
}
.newly3{
	color:#9AD56B; padding:20px; text-decoration:none;
}
.newly4{
	color:#FC6792; padding-left:20px; text-decoration:none;
}
.step3{
	border:1px solid #EAEDF3;
	width:65px;
	height:37px;
	background-color:#F8F9FB; 
	border-radius:5px;
	color:#30579F; 
	text-align:center;
	padding-top:5px;
	float:left;
	margin-left:20px;
	overflow: auto;
	
}
.checkout404{
	margin-left:40px;
}
.step33{
	border:1px solid #EAEDF3;
	width:65px;
	height:37px;
	background-color:#F8F9FB; 
	border-radius:5px;
	color:#30579F; 
	text-align:center;
	padding-top:5px;
	float:left;
	margin-left:12%;
	overflow: auto;
	
}
.btn-primaryy{
background-color:white;
color:#14316D;


}
.btn-primaryy:hover{
background-color:#E9ECF3;

}
.btn-primaryy2{
background-color:#14316D;
color:white;


}
.dragon{
border:2px solid #E9E9E9;
height:250px;
width:300px;
background-color:#F8F9FC;
border-radius:15px;

}
.dragon2{
border:2px solid #E9E9E9;
height:200px;
width:300px;
background-color:white;
border-radius:15px;

}
.dragon3{
border:2px solid #E9E9E9;
height:250px;
width:300px;
background-color:white;
border-radius:15px;

}
.working{
border-right:1px solid #E5E5E5! important; 	
}
.working1{
	background-color:white;
}
.working1:hover{
	background-color:#EAF7FB;
}