body,
    html
    {
        height: auto;
    }
    
    .appointment-title
    {
        margin-top: 0;
        font-weight: inherit;
        font-size: inherit;
        display: inline-block;
        padding-left: 4px;
    }
    
    .paypal-checkout-message
    {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .paypal-checkout-description
    {
        margin-bottom: 10px;
    }

    
    .widgetSuccessContainerRow
    {
        margin-top: 200px;
    }

    .success-message-sec
    {
        margin-right: 20px;
        margin-left: 20px;
        min-height: 0px;
    }

    .success-message
    {
        font-size: 18px;
        margin: auto;
    }

    .app-title
    {
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        padding: 0;
        border-bottom: 2px solid #ddd;
        display: block;
        text-align: left;
        padding-bottom: 10px;
        margin-right: 30px;
    }

    .calendar-head
    {
        margin-top: 0px;
        font-size: 15px;
        margin-bottom: 15px;
        color: #1c1c1c;
    }

    .title
    {
        text-align: center;
        background: #fff;
        font-size: 20px;
        font-weight: 400;
        padding: 5px;
        margin-top: 10px;
    }

    .appointment-desc-sec
    {
        font-size: 12px;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .appointment-description-container
    {
        font-size: 14px;
        font-weight: normal;
    }

    .appointment-slot-length
    {
        float: none;
        font-size: 12px;
        font-weight: 600;
    }
    

    .publicFacingAppointmentContainer
    {
        background: #fff;
        min-height: 275px;
    }
    
    
    .select-date-message
    {
        font-size: 15px;
    }
    
    .selected-slot-container
    {
        padding-top: 20px;
    }

    .slot-date
    {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .slots-container .slot-item
    {
        background: #555555;
        border: none;
        -webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
    }


    .slots-container .slot-item:hover
    {
        box-shadow: none;
        background: #555555;
    }

    #complete-logo-container
    {
        height: 60px;
        margin: 10px 0 0;
        padding-left: 0;
    }
    
    .continue-btn span
    {
        background: #f09812;
        background: -moz-linear-gradient(top, #f09812 1%, #c85202 100%);
        background: -webkit-linear-gradient(top, #f09812 1%,#c85202 100%);
        background: linear-gradient(to bottom, #f09812 1%,#c85202 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09812', endColorstr='#c85202',GradientType=0 );
        color: #fff;
        padding: 10px;
        display: block;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        width: 80%;
        margin: 15px auto;
        border: 2px solid #ce631e;
        border-radius: 15px !important;
        text-decoration: none;
        cursor:pointer;
    }

    .logo-in-booking
    {
        height: 100%;
    }

    .col-sm-5.left-section-part
    {
        width: 35%;
        display: inline-block;
        float: left;
        background: #fefefe;
        padding: 20px !important;
        min-height: 100%;
    }

    .col-sm-7.right-section-part
    {
        width: 65%;
        display: inline-block;
        vertical-align: top;
        background: #fafafa;
        padding: 20px !important;
        min-height: 100%;
    }

    .container
    {
        width:auto;
        /*max-width:775px;*/
    }

    .page_content
    {
        padding:0;
    }

    body
    {
        background-color: #fff;
    }

    .page-content
    {
        padding: 0;
    }

    .survayGreen
    {
        display: none;
    }

    .about-section
    {
        margin-right: 30px;
    }
    
    .about-section .left
    {
        width: 70%;
        display: inline-block;
    }

    .about-section .left span
    {
        font-size: 13px;
        font-weight: 600;
        color: #393939;
    }

    .about-section .right
    {
        display: inline-block;
        float: right;
    }

    .about-section .right p
    {
        color: #5ac7bc;
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 0;
    }

    .video-frame-sec_fixes
    {
        margin-left: 0;
        /*margin-right: 70px;*/
    }

    .video-container iframe
    {
        width: 90%!important;
        height: 315px;
    }

    .fc table
    {
        font-size: 12px;
    }

    .note
    {
        color: #bfbfbf;
        margin-bottom: 0;
        padding-top: 10px;
        border-left: 0;
        padding-left: 0;
    }

    #creator-details-container #creator-full-name
    {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
        padding-top: 5px;
        padding-left: 5px;
        color: #333;
        font-weight: 600;
    }

    #complete-profile-container #creator-details-container
    {
        margin-left: 5px;
    }

    div#complete-profile-container
    {
        padding-left: 0;
    }

    .slot-section.show
    {
        /*margin-right: 125px;*/
    }

    .appointment-timezone-container
    {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .portlet
    {
        margin-bottom: 0px !important;
    }

    
    .slot-section
    {
        min-height: 100% !important;
    }

    .slots-container .slot-item
    {
        width: 150px;
        font-size: 12px !important;
        display: inline-block !important;
    }
	
    .appointmentVideoContainer
    {
        min-height: 275px;
    }


	@media(max-width:1050px)
    {
	    .model_embedappointment .modal-dialog
        {
		    width: 90% !important;
        }
	}

    @media(max-width:767px)
    {
        .col-sm-5.left-section-part
        {
            width: 100%;
            min-height: auto;
        }

        .col-sm-7.right-section-part
        {
            width: 100%;
            min-height: auto;
        }

        .app-title
        {
            font-size: 13px;
            margin-right: 0;
        }

        .continue-btn,
        .about-section
        {
            margin-right: 0;
        }

        .note
        {
            display: block;
            width: 100%;
            float: left;
        }

        .video-frame-sec_fixes,
        .slot-section.show
        {
            margin-right: 0;
        }

        .col-sm-5.left-section-part,
        .col-sm-7.right-section-part
        {
            padding: 15px;
        }
    }