/*dev custom css */

/* Adjustment*/
@media screen and (min-width: 320px) and (max-width: 360px)
{


}
/* End Adjustment*/

@media screen and (min-width: 320px) and (max-width: 1024px)
{
	#complete-profile-container
    {
    	padding: 15px!important;
      	margin: 0 0 32px !important;
        padding-left: 10px !important;
    }

    .lefttab
	{
    }

  	.righttab
	{
    }

  	.centertab
	{
	}

    .completeNewAppointmentLayoutContainer .clndr-date-customized
	{
      	height: 37px !important;
    }

    .mobilecontent .appointment-description-label span
    {
    }

    .mobilecontent .dttitleuc
    {
        margin-left: 15px;
    }

    .mobilecontent .appointment-description-container
    {
      	font-size: 15px !important;
    }

    .mobilecontent .appointment-slot-length.appointment-slot-length-hosted
    {
        margin: 25px 0 25px ;
    }

    .windows8
    {
      	margin: 20% auto;
    }

    .lefttab
    {
		box-shadow: 0 1px 6px 0 rgba(0,0,0,.14);
		text-align: center;
    }

    .righttab
    {
		box-shadow: 0 1px 6px 0 rgba(0,0,0,.14);
		text-align: center;
    }

    .selected-slot-container
	{
    	text-align: left !important;
    }

    .ABtimeslot1
    {
		display: none !important;
		margin-top: 10px;
    }

    .ABcalender
    {
    	margin-top:10px;
    }

    .uiarange
    {
        margin-top: 10px;
    }

    #ABmyModal .modal-content
    {
        background: transparent;
    }

    .slots-container
    {
    	padding: 0;
      	margin:0;
    }

    .ABtimelist
    {
      	padding: 0;
      	margin:0;
      	width: 100%;
    }

    .ABtimelist li
    {
		list-style: none;
		border-bottom: 1px solid gray;
		padding: 13px;
		width: 100%;
		color: white;
		font-size: 18px;
		padding-right: 100px;
    }

    .ABtimelist li:last-child
    {
    	border-bottom: none !important;
    }

    .ABlitime
    {
    	padding: 0px;
      	margin: 0px;
      	width: 200px;
      	text-align: left;
      	border-radius: 0px !important;
      	background: black;
      	color: white;
    	cursor: pointer;
    }

    .ABlitime .adjust
    {
      	position: absolute;
      	right: 10px;
      	top: 30px !important;
    }

    .ABtimelist input[type="radio"]
    {
		position: absolute;
		right: 10px;
		top: 15px;
    }

    #ABmyModal .slots-container .slot-item
    {
		padding: 18px;
		margin: 0px;
		border-radius: 0px !important;
		background: black !important;
		color: white !important;
		width: 100%!important;
		text-align: left;
    }
}

.desktophide .slots-container .slot-item
{
}

.slots-container .slot-item:hover
{
    background: transparent; !important;
}

.mobilecontent .publicFacingAppointmentContainer
{
	height: auto !important;
	min-height: auto !important;
	box-shadow:none;
	border:0 !important;
	padding: 6px;
}

.mobilecontent .form-container
{
	min-height: 319px !important;
}

#ABmyModal .publicFacingAppointmentContainer
{
	border:0 !important;
	height: auto;
	min-height: auto;
	padding: 0;
}

#ABmyModal .modal-body
{
	padding: 0px;
}

#ABmyModal
{
	text-align: center;
	padding: 0!important;
}

#ABmyModal:before
{
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

#ABmyModal .modal-dialog
{
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.mobilecontent #ABmyModal .slot-date
{
	padding: 0px !important;
	margin: 0px !important;
}

.mobilecontent .ABdisscription1 .fa.fa-clock-o
{
	font-size: 108% !important;
	position: relative !important;
	top: 0px !important;
}

.slot-section
{
	height: auto;
	min-height: auto;
}

.mobilecontent .ABdisscription1
{
	margin-top: 8px !important;
	border:none !important;
}

.completeNewAppointmentLayoutContainer .btnforbookuc
{

}

#actualRelatedAppointmentsListContainer .optitleuc
{

}

#actualRelatedAppointmentsListContainer .rconttimenprice
{

}

#actualRelatedAppointmentsListContainer.optDeskuc
{

}

#actualRelatedAppointmentsListContainer .text-right button
{

}

.ABcalender .formuc
{
	width: 100%;
	margin: 0px auto;
}


#creator-full-name
{
	font-family: "Open Sans";1;
	font-size: 35px;
	line-height: 37px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0 0 0px;
	margin: 0;
	word-wrap: break-word;
}

.creator-designantionuc
{
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	padding: 0;
	margin: 0;
}

.desktophide .publicFacingAppointmentContainer
{
	height: auto;
	min-height: 100%;
}

.desktophide .appointment-video-section
{

}

.desktopcontent .ABtimeslot1
{
	margin-top: 10px;
}

.videocontainer
{
	padding: 15px 15px 15px 30px;
	margin: 0 0 0 -30px;
	position: relative;
	z-index: 9;
}

.desktopcontent .ABtimeslot1 button
{
	box-shadow: 1px 1px 1px 1px rgb(54, 109, 37);
}

#complete-profile-container
{

}

.desktopcontent .leftblock
{
	background: rgb(242, 242, 242) none repeat scroll 0% 0%;
	position: relative;
	z-index: 9;
	margin: 0px;
	height: 200px;
}

.desktopcontent .leftblock #profile-image-container img, .desktopcontent .leftblock #mobile-profile-image-container img
{
	width: 80%;
	height: auto;
	max-width: 80% !important;
	max-height: 100% !important;
	margin: 0px auto;
	position: absolute;
	top: -50%;
	left: 25px;
	border: 3px solid #f2f2f2;
}

.desktopcontent .leftblock #creator-social-media
{

}

.desktopcontent .leftblock #creator-social-media a
{
	width: 40px;
	height: 40px;
	padding-top: 11px;
	font-size: 16px;
}

.social-block a
{
	background: transparent !important;
}

.socialbutton
{
	width: 80%;
	margin: 0 auto;
}

.social
{
	padding-top: 36%;
	text-align: center;
	padding-bottom: 10px;
}

.socialbutton button
{
	width: 100%;
	font-size: 17px;
	line-height: 15px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 50px;
	border-radius: 4px;
	background: url(/assets/global/img/contact-icon.png) no-repeat 10px #f99f22;
	transition: all .3s ease-in-out 0s;
	border: none;
}

.lefttab p
{
	font-size: 15px;
	font-weight: 600;
}

.righttab p
{
	font-size: 15px;
	font-weight: 600;
}

.mobiletab #creator-details-container, .mobiletab #mobile-creator-details-container
{
	margin-left: 0px;
	margin-bottom: 10px;
}

.mobiledisplay #creator-details-container, .mobiledisplay #mobile-creator-details-container
{

}

.mobiletab #profile-image-container img, .mobiletab #mobile-profile-image-container img
{
	position: absolute;
	top: -35px;
}

.mobilecontent .appointment-description-container
{
	margin-left: 9px;
}

.mobilecontent .ABdisscription1
{
	padding:0 !important;
}

.mobilecontent .glyphicon-calendar
{
	top: 10px;
	margin-right: 10px;
    left: 3px;
}

.desktophide .ABcalender .formuc
{
	width: 100%;
	margin: 0px auto;
}

.desktopcontent .ABcalender
{
	box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.14);
	margin-top: 20px;
	padding-bottom: 25px;
	background: rgb(242, 242, 242) none repeat scroll 0% 0%;
}

.desktopcontent .dttitleuc
{
	margin-top: 20px;
}

.desktopcontent  #creator-social-media
{
	display: block !important;
}


.mobiledisplay .mobileicon
{
	width: 25px !important;
	height: 25px !important;
	padding-top: 0px !important;
	margin: 0px 0 3px 6px !important;
	font-size: 15px !important;
	line-height: 25px !important;
}

.mobiledisplay
{
	position: relative;
}

.mobiledisplay .mobileprofileimage img
{
	min-height: 75px
	top: 10px;
}

.socialicons
{
	position: absolute;
	bottom: -8px;
}

.centertab
{
	box-shadow: 0 1px 6px 0 rgba(0,0,0,.14);
	text-align: center;
}

.centertab p
{
	font-size: 15px;
	font-weight: 600;
}

.desktophide .slots-container button
{

}


/*Mobile Adjustment*/
#ABmyModal .publicFacingAppointmentContainer
{
    min-height: 100% !important;
}

#ABmyModal div.form-container.publicFacingAppointmentContainer.publicFacingAppointmentSlotsContainer.newAppointmentLayout.center-block
{
    min-height: 100% !important;
}

#ABmyModal div.form-body.slot-section.ABtimeslot.show
{
    min-height: 100% !important;
}

.mobilecontent div.appointment-description-label.pull-left
{
    width:auto;
}

.mobilecontent #actualRelatedAppointmentsListContainer button
{
    padding: 7px 20px;
    font-size: 13px;
}

.mobilecontent .ABdisscription1 div.pull-left.colrightuc
{
    width: auto;
}

.mobilecontent .completeNewAppointmentLayoutContainer .otheroptionuc
{
    margin-left: 10px;
}

@media screen and (min-width: 320px)
{
    .mobileheaderpart2
    {
        padding-left: 20px;
    }
}


@media screen and (min-width: 360px)
{
    .mobileheaderpart2
    {
        padding-left: 15px !important;
    }
}

@media screen and (min-width: 510px) and (max-width: 900px)
{
    .mobilecontent .glyphicon-calendar
    {
        top: 0px;
    }

    .mobilecontent .appointment-description-container
    {
        margin-left: 5px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1030px)
{

}

.lefttab
{
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.14);
    text-align: center;
}

.righttab
{
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.14);
    text-align: center;
}

.centertab
{
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.14);
    text-align: center;
}

.mobileheaderpart2
{
    margin-left: 0px;
    margin-top: 15px;
}

.mobileheaderpart2 #creator-full-name
{
    line-height: 17px !important;
    font-size: 16px !important;
    font-family: inherit;
}

.mobilecontent #relatedAppointmentsContainer
{
  	margin-top: 0;
}

.mobileconten .other-appointments-available-label
{
  	padding-top: 0px;
}

.mobileconten #actualRelatedAppointmentsListContainer
{
  	margin-top: 8px;
}

/* End Mobile Adjustment*/

/* Desktop Font Adjust*/
.desktophide .completeNewAppointmentLayoutContainer .descriptionUC .appointment-description-label
{
	font-size: 20px;
}

.desktophide .appointment-video-section
{
	margin-bottom: 0px;
}

.desktophide .other-appointments-available-label
{
	padding-top: 0px;
}

.desktophide #actualRelatedAppointmentsListContainer
{
	margin-top: 0px;
}

.desktophide .glyphicon-calendar
{

}

.mobiledisplay .creator-designantionuc
{
	font-size: 15px !important;
    line-height: 23px!important;
}

.desktophide .ABtimeslot1
{
	margin-top: 16px;
}

.desktophide .user-info-section
{
	margin-top: 16px !important;
}

.desktophide .form-container.publicFacingAppointmentContainer.publicFacingAppointmentSlotsContainer.newAppointmentLayout.center-block
{
    min-height: 410px !important;
}

.desktophide .appointmentVideoContainer
{
    padding:0px;
    padding-top: 6px;
}

.desktophide #relatedAppointmentsContainer .otheroptionuc
{
    margin-left: 0px;
    margin-top: 40px;
    margin-bottom: 15px
}

.desktophide #relatedAppointmentsContainer
{
 	margin-top: 0px;
}

.desktophide .completeNewAppointmentLayoutContainer .borderbxuc
{
 	margin: 10px 0 0 !important;
}

.desktophide .appointment-description-label.pull-left
{
    width: 25%;
}

.desktophide  .pull-left.colrightuc
{
    width: 100%;
    margin-top: 4px;
}

.container.hideinmobile
{
    font-family: "Open Sans";
}

/* Desktop Font Adjust End*/


/*technoexponant Book Appointment css*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px)
{
    .completeNewAppointmentLayoutContainer .topprofileuc #complete-profile-container
    {
	    margin: 0 0 50px;
        padding: 10px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc .profile-image-in-booking
    {
        max-height: 70px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc #complete-profile-container #profile-image-container, .completeNewAppointmentLayoutContainer .topprofileuc #complete-profile-container #mobile-profile-image-container
    {
        width: 80px;
        margin-right: 10px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc #creator-details-container #creator-full-name,
    .completeNewAppointmentLayoutContainer .topprofileuc #mobile-creator-details-container #mobile-creator-full-name
    {
        font-size: 20px;
        line-height: 30px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc .socicon-btn.socicon-sm
    {
        width: 45px;
        height: 45px;
        padding-top: 6px;
        font-size: 24px;
        line-height: 35px;
        margin: 20px 0 0 10px;
    }

    .completeNewAppointmentLayoutContainer .descriptionUC .appointment-description-label
    {
        font-size: 15px;
        width: 40%;
    }

    .completeNewAppointmentLayoutContainer .descriptionUC .appointment-description-container
    {
        font-size: 13px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px)
{
    .completeNewAppointmentLayoutContainer .topprofileuc #complete-profile-container
    {
	    margin: 0 0 50px;
        padding: 15px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc .profile-image-in-booking
    {
        max-height: 70px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc #complete-profile-container #profile-image-container, .completeNewAppointmentLayoutContainer .topprofileuc #complete-profile-container #mobile-profile-image-container
    {
        width: 80px;
        margin-right: 10px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc #creator-details-container #creator-full-name,
    .completeNewAppointmentLayoutContainer .topprofileuc #mobile-creator-details-container #mobile-creator-full-name
    {
        font-size: 20px;
        line-height: 30px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc .socicon-btn.socicon-sm
    {
        width: 45px;
        height: 45px;
        padding-top: 6px;
        font-size: 24px;
        line-height: 35px;
        margin: 20px 0 0 10px;
    }

    .completeNewAppointmentLayoutContainer .descriptionUC .appointment-description-label
    {
        font-size: 15px;
        width: 40%;
    }

    .completeNewAppointmentLayoutContainer .descriptionUC .appointment-description-container
    {
        font-size: 13px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px)
{
    .completeNewAppointmentLayoutContainer .topprofileuc #complete-profile-container
    {
	    margin: 0 0 50px;
        padding: 20px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc .profile-image-in-booking
    {
        max-height: 80px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc #complete-profile-container #profile-image-container, .completeNewAppointmentLayoutContainer .topprofileuc #complete-profile-container #mobile-profile-image-container
    {
        width: 80px;
        margin-right: 10px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc #creator-details-container #creator-full-name,
    .completeNewAppointmentLayoutContainer .topprofileuc #mobile-creator-details-container #mobile-creator-full-name
    {
        font-size: 20px;
        line-height: 30px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc .socicon-btn.socicon-sm
    {
        width: 45px;
        height: 45px;
        padding-top: 6px;
        font-size: 24px;
        line-height: 35px;
        margin: 20px 0 0 10px;
    }

    .completeNewAppointmentLayoutContainer .descriptionUC .appointment-description-label
    {
        font-size: 15px;
        width: 40%;
    }

    .completeNewAppointmentLayoutContainer .descriptionUC .appointment-description-container
    {
        font-size: 13px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px)
{
    .completeNewAppointmentLayoutContainer .topprofileuc #complete-profile-container
    {
	    margin: 0 0 50px;
        padding: 24px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc .profile-image-in-booking
    {
        max-height: 141px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc #complete-profile-container #profile-image-container, .completeNewAppointmentLayoutContainer .topprofileuc #complete-profile-container #mobile-profile-image-container
    {
        width: 141px;
        margin-right: 23px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc #creator-details-container #creator-full-name,
    .completeNewAppointmentLayoutContainer .topprofileuc #mobile-creator-details-container #mobile-creator-full-name
    {
        font-size: 34px;
        line-height: 40px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc .socicon-btn.socicon-sm
    {
        width: 45px;
        height: 45px;
        padding-top: 6px;
        font-size: 24px;
        line-height: 35px;
        margin: 44px 0 0 21px;
    }

    .completeNewAppointmentLayoutContainer .descriptionUC .appointment-description-label
    {
        font-size: 22px;
        width: 30%;
    }

    .completeNewAppointmentLayoutContainer .descriptionUC .appointment-description-container
    {
        font-size: 18px;
    }

    .completeNewAppointmentLayoutContainer .publicFacingAppointmentSlotsContainer
    {
        min-height: 400px !important;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px)
{
    .completeNewAppointmentLayoutContainer .topprofileuc #complete-profile-container
    {
	    margin: 0 0 50px;
        padding: 24px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc .profile-image-in-booking
    {
        max-height: 141px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc #complete-profile-container #profile-image-container, .completeNewAppointmentLayoutContainer .topprofileuc #complete-profile-container #mobile-profile-image-container
    {
        width: 141px;
        margin-right: 23px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc #creator-details-container #creator-full-name,
    .completeNewAppointmentLayoutContainer .topprofileuc #mobile-creator-details-container #mobile-creator-full-name
    {
        font-size: 34px;
        line-height: 40px;
    }

    .completeNewAppointmentLayoutContainer .topprofileuc .socicon-btn.socicon-sm
    {
        width: 45px;
        height: 45px;
        padding-top: 6px;
        font-size: 24px;
        line-height: 35px;
        margin: 44px 0 0 21px;
    }

    .completeNewAppointmentLayoutContainer .descriptionUC .appointment-description-label
    {
        font-size: 22px;
        width: 30%;
    }

    .completeNewAppointmentLayoutContainer .descriptionUC .appointment-description-container
    {
        font-size: 18px;
    }

    .completeNewAppointmentLayoutContainer .publicFacingAppointmentSlotsContainer
    {
        min-height: 400px !important;
    }
}


.completeNewAppointmentLayoutContainer .topprofileuc
{
}

.completeNewAppointmentLayoutContainer .topprofileuc #complete-profile-container
{
    background: #275d8f;
}

.completeNewAppointmentLayoutContainer .appointment-view .appointmentContainerPublic
{
	padding-top:0;
}

.appointment-view .appointmentContainerPublic > .container
{
    width: 100%;
    padding: 0;
}

.completeNewAppointmentLayoutContainer .topprofileuc .profile-image-in-booking
{
    max-width: 100%;
    border-radius: 100% !important;
}

.completeNewAppointmentLayoutContainer .topprofileuc #creator-details-container #creator-full-name,
.completeNewAppointmentLayoutContainer .topprofileuc #mobile-creator-details-container #mobile-creator-full-name
{
    font-weight: bold;
    margin-bottom: 0;
}

.completeNewAppointmentLayoutContainer .topprofileuc #creator-details-container .creator-designantionuc,
.completeNewAppointmentLayoutContainer .topprofileuc #mobile-creator-details-container .creator-designantionuc
{
    font-size: 16px;
    line-height: 22px;
    margin: 9px 0 0;
}

.completeNewAppointmentLayoutContainer .topprofileuc .socicon-btn.socicon-sm
{
    float: left;
}


.completeNewAppointmentLayoutContainer .formuc .customizedCalendarView .fc-row.fc-widget-header
{
    background-color: #0f385b;
}
.completeNewAppointmentLayoutContainer .formuc .customizedCalendarView .fc-row.fc-widget-header th
{
    font-weight:normal;
}
.completeNewAppointmentLayoutContainer .formuc .fc-state-disabled
{
    background-color:#ececec !important;
    opacity:1 !important;
}
.completeNewAppointmentLayoutContainer .colrightuc
{
    width:70%;
}

.completeNewAppointmentLayoutContainer .descriptionUC .appointment-slot-length-hosted
{
    margin-top: 0;
    font-size: 18px;
    color: #333333;
    display:inline-block;
}


.completeNewAppointmentLayoutContainer .descriptionUC .appointment-description-container
{
    margin-top: 0;
    color: #333333;
    display:inline-block;
}

.completeNewAppointmentLayoutContainer .borderbxuc
{
    margin: 27px 0 0;
    padding: 28px 26px 12px;
    border: 1px solid #898989;
    border-radius: 4px !important;
}


.completeNewAppointmentLayoutContainer .selectdatetime .appointment-slot-length
{
    font-size: 15px;
}

.completeNewAppointmentLayoutContainer .selectdatetime .appointment-slot-length label
{
    font-weight: bold;
}

.completeNewAppointmentLayoutContainer .selectdatetime .appointment-slot-length i.fa.fa-clock-o
{
    font-size: 170%;
    position: relative;
    top: 5px;
}


.completeNewAppointmentLayoutContainer .formuc .fc-toolbar h2
{
	font-size:24px;
}

.completeNewAppointmentLayoutContainer #full-clndr .clndr-grid
{
	width: 100%;
}


.completeNewAppointmentLayoutContainer .formuc #full-clndr .clndr-grid
{
    border-right: 1px solid #cacaca;
}


.completeNewAppointmentLayoutContainer .formuc #full-clndr
{
	box-shadow:none;
}

.clearfixuc::after,
.clearfixuc::after
{
	display:table;
	clear:both;
	content:"";
}


.completeNewAppointmentLayoutContainer .no-of-slots-in-clndr
{
	font-size: 9px;
}

.completeNewAppointmentLayoutContainer .clndr-date-customized
{
    padding: 5px 0px !important;
    height: 50px !important;
}

.appointment-view .appointmentContainerPublic
{
	padding-top:0;
}



.topprofileuc #complete-profile-container
{
	margin: 0 0 50px;
    padding: 24px;
    background: #275D8F !important;
}

.topprofileuc #creator-details-container, .topprofileuc #mobile-creator-details-container
{
    color: #FFFFFF !important;
}

.topprofileuc .socicon-btn.socicon-sm
{
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #275D8F !important;
}

.completeNewAppointmentLayoutContainer .topprofileuc .socicon-btn.socicon-sm
{
    background-color: #FFFFFF !important;
    border-color: #FFFFFF  !important;
    color: #275D8F !important;
}

.completeNewAppointmentLayoutContainer .dttitleuc
{
    color: #000000 !important;
    font-weight: bold;
    font-size: 20px;
    margin: 0;
}

.completeNewAppointmentLayoutContainer .selectdatetime .appointment-slot-length-hosted
{
    margin: 15px 0 25px;
    color: #000000 !important;
}

.completeNewAppointmentLayoutContainer .appointment-desc-sec.descriptionUC
{
    margin: 0 0 10px;
    color: #000000 !important;
	margin-top: -16px;
}

.completeNewAppointmentLayoutContainer .descriptionUC .appointment-slot-length-hosted,
.completeNewAppointmentLayoutContainer .descriptionUC .appointment-description-container
{
    color: #000000 !important;
	min-height: 50px;
}

.completeNewAppointmentLayoutContainer .descriptionUC .appointment-description-label
{
    color: #000000 !important;
}

.completeNewAppointmentLayoutContainer .formuc .customizedCalendarView
{
    background-color: #275D8F !important;
    color: #FFFFFF !important;
}

.completeNewAppointmentLayoutContainer .formuc .publicFacingAppointmentCalendarContainer
{
    background-color: #275D8F !important;
}

.completeNewAppointmentLayoutContainer .formuc #full-clndr .clndr-controls
{
    background-color: #275D8F !important;
}

.completeNewAppointmentLayoutContainer .formuc  #full-clndr .clndr-grid .days .day, .formuc  #full-clndr .clndr-grid .days .empty
{
    background-image: none;
    background-color: #275D8F !important;
    color: #f0f0f0;
    border-left: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    font-weight: normal;
}


.publicFacingAppointmentContainer
{
	color: #000000 !important;
}

.completeNewAppointmentLayoutContainer .otheroptionuc
{
    color: #000000 !important;
    font-weight: bold;
    font-size: 22px;
    margin: 10px 0;
}

.completeNewAppointmentLayoutContainer .optitleuc
{
    color: #000000 !important;
    font-weight: bold;
    font-size: 24px;
}

.completeNewAppointmentLayoutContainer .rconttimenprice
{
    color: #000000 !important;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    margin: 11px 0 0;
}

.completeNewAppointmentLayoutContainer .rconttimenprice i
{
    color: #000000 !important;
    margin: 0 4px 0 0;
}

.completeNewAppointmentLayoutContainer .optDeskuc
{
    color: #000000 !important;
    font-size: 15px;
    line-height: 22px;
    margin: 12px 0;
}



.completeNewAppointmentLayoutContainer .formuc #full-clndr .clndr-grid .days-of-the-week .header-day
{
    border: 1px solid #cacaca;
    border-right-width: 0;
    color: #FFFFFF !important;
}

.completeNewAppointmentLayoutContainer .formuc #full-clndr .clndr-grid .days-of-the-week
{
    background-color: #0F385B !important;
}

.completeNewAppointmentLayoutContainer .formuc #full-clndr .clndr-grid .days-of-the-week::after,
.completeNewAppointmentLayoutContainer .formuc #full-clndr .clndr-grid .days-of-the-week::before
{
    content: "";
    display: table;
    overflow: hidden;
    font-size: 0;
    clear: both;
}

.completeNewAppointmentLayoutContainer .btnforbookuc
{
    background-color: #5A862A !important;
    background-color: #5A862A !important;
    font-size: 28px;
    line-height: 34px;
    padding: 30px 10px;
    overflow: inherit !important;
    border-radius: 4px !important;
    margin-top: 20px;
}

.completeNewAppointmentLayoutContainer .btn-success
{
    color: #FFFFFF !important;
}

.completeNewAppointmentLayoutContainer .btnbookuc
{
    background-color: #5A862A !important;
    border-color: #5A862A !important;
    padding: 10px 80px;
    border-radius: 2px !important;
}

.completeNewAppointmentLayoutContainer .btnbookthisuc
{
    background-color: #5A862A !important;
    border-color: #FFFFFF !important;
    padding: 10px 80px;
    border-radius: 2px !important;
}

.completeNewAppointmentLayoutContainer .newAppointmentLayout .slots-container .slot-item
{
    background-color: #559CC2 !important;
    color: #FFFFFF !important;
}

.completeNewAppointmentLayoutContainer .newAppointmentLayout .slots-container .slot-item:hover, active
{
    background: #0F385B;
    color: #FFFFFF !important;
}

#full-clndr .clndr-controls .clndr-previous-button, #full-clndr .clndr-controls .clndr-next-button
{
    color: #FFFFFF !important;
}

.completeNewAppointmentLayoutContainer .formuc #full-clndr .clndr-controls .current-month
{
    color: #FFFFFF !important;
}

.completeNewAppointmentLayoutContainer .formuc #full-clndr .clndr-grid .days .day
{
    color: #FFFFFF !important;
}

.completeNewAppointmentLayoutContainer .formuc  #full-clndr .clndr-grid .days .day.selectedClickDate
{
    border: 2px solid #fff !important;
    background-color: #39648c !important;
}


.completeNewAppointmentLayoutContainer .publicFacingAppointmentDetailsInputContainer .appointment_required_info_container, #ABmyModalform .appointment_required_info_container
{
    background: #D9ECE8 !important;
    color: #000000 !important;
}


.completeNewAppointmentLayoutContainer .publicFacingAppointmentDetailsInputContainer .customizedBookAppointmentButton,
.completeNewAppointmentLayoutContainer .video-frame-sec .customizedBookAppointmentButton,
#ABmyModalform .customizedBookAppointmentButton
{
    color: #FFFFFF !important;
    background-color: #5A862A !important;
    border-color: #5A862A !important;
}

.completeNewAppointmentLayoutContainer .publicFacingAppointmentSlotsContainer #no_slots_alert
{
	background-color: #A9D3C9 !important;
	border-color: #A9D3C9 !important;
	color: #000000 !important;
}

.custom-clndr-inactive .day-number
{
    opacity: 0.3;
}

.bookAppointmentPrivacyPolicyFooterRow
{
	margin-top: 5%;
}


a
{
    background-color: inherit !important;
}