body
{
    font-size : 14px;
    /* font-family:'Times New Roman', Times, serif; */
    margin: 0;
    padding: 0;
    /* font-family: 'cantarellboldoblique'; */
}
.spinner-border, .spinner-grow  
{
	margin-top: 48vh;
}
.loader
{
    position: fixed;
    background: rgba(0,0,0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    display: none;
    text-align: center;
}
#mainnavbar ul.navbar-nav > li > a
{
    color: white;
}
#nav-main .navbar-brand img
{
    width: 180px;
}
.text-site
{
    color : #2e405f;
}
.bg-site
{
    background: #2e405f;
    color: white !important;
}
.ellipsis3
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* number of lines to show */
	line-clamp: 3; 
	-webkit-box-orient: vertical;
}
.ellipsis5
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5; /* number of lines to show */
	line-clamp: 5; 
	-webkit-box-orient: vertical;
}
.qanelas_softblack
{
    font-family: 'qanelas_softblack';
}
.qanelas_softbold
{
    font-family: 'qanelas_softbold';
}
.qanelas_softheavy
{
    font-family: 'qanelas_softheavy';
}
.qanelas_softlight
{
    font-family: 'qanelas_softlight';
}
.mulilight
{
    font-family: 'mulilight';
}
.muliregular
{
    font-family: 'muliregular';
}
.mulibold
{
    font-family: 'mulibold';
}
.mulisemibold
{
    font-family: 'mulisemibold';
}
.rubikblack
{
    font-family: 'rubikblack';
}
.rubikbold
{
    font-family: 'rubikbold';
}
.rubiklight
{
    font-family: 'rubiklight';
}
.rubikmedium
{
    font-family: 'rubikmedium';
}
.rubikregular
{
    font-family: 'rubikregular';
}
.pt_sans_captionbold
{
    font-family: 'pt_sans_captionbold';
}
.pt_sans_narrowregular
{
    font-family: 'pt_sans_narrowregular';
}
.pt_sans_narrowbold
{
    font-family: 'pt_sans_narrowbold';
}
.pt_sansregular
{
    font-family: 'pt_sansregular';
}
.pt_sansbold
{
    font-family: 'pt_sansbold';
}
.bg-light-blue
{
    background: #dce7fd;
}
.bg-site2
{
    background: #2F5FA5;
    color : white;
}
.bg-site3
{
    background: #E6EFFE;
    /* color : white; */
}
.bg-site4
{
    background: #2E415E;
    color : white;
}
.btn-site-2
{
    background: #81adfd;
    border : none;
}
.bg-gray
{
    background: #E2E2E2;
}
.btn-site-2:hover, .btn-site-2:active, .btn-site-2:focus
{
    background: #689cfd;
    border : none;
}


#popupPractitioner
{
	position: absolute;
	height: auto;
	z-index: 999;
	right: 85px;
    top: 55px;
    display: none;
    width:300px;

}

#popupPractitioner .arrow{
    position: relative;
    width: 300px; 
    height: 29px;    
}
#popupPractitioner .arrow img{
    position: relative;
    top: -5px;
    left: 130px;
    z-index: 130;
    cursor: pointer;
}
#popupPractitioner .box{
    background: white none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-top-color: #e2e2e2;
    float: left;
    height: auto;
    padding: 10px 0 0;
    position: relative;
    width: 300px;
    box-shadow: 2px 2px 16px #CCCCCC;
    -webkit-box-shadow: 2px 2px 16px #CCCCCC;
    -moz-box-shadow: 2px 2px 16px #CCCCCC;
    
}
.fav-line
{
    height: 10px;background: #e2e2e2;width: 300px;
}
.fav-practitioner-inner
{
    max-height: 500px;
    overflow-y: auto;
}
.profile-image
{
    width: 175px;
    height: 175px;
}

.cursor-pointer
{
    cursor: pointer;
}


@media only screen and (max-width: 767px) 
{
    #mainnavbar ul.navbar-nav
    {
        width: 100%;
    }
    #nav-main .navbar-brand img
    {
        width: 150px;
    }
    #popupPractitioner
    {
        top: 230px;
    }
    .profile-image
    {
        width: 130px;
        height: 130px;
    }
}