/** ----------------------------------------------------------
 *
 * Contains the main layout of the page and the individual styles.
 * Acts as the main stylesheet for theme.
 *
 *		Include your notes or table of contents below....
 *		Include color hex's or values of your grid
 *
 *		1. OOCSS GRID
 *		2. MAIN LAYOUT
 *		3. HEADER
 *			- Brand
 *			- Search Form
 *		4. Navigation
 *			- Primary Navigation
 *			- tablet Navigation
 *			- Secondary Navigation
 *			- Secondary Nav 2-5 Levels deep
 *		5. Mixed
 *		6. Footer
 *		7. Page Specific Layout
 *			- Homepage
 *			- Search Results
 *		8. Device and Responsive Layout
 *			- Breakpoint 960px
 *			- Breakpoint 640px
 *				- Search Form
 *				- Main Content
 *		9. Print Styles
 *			- Simple Theme custom print styles
 *
 * @author Your Name <email@silverstripe.com>
 * ------------------------------------------------------- */

/* OOCSS Grid
* https://github.com/stubbornella/oocss/wiki/grids
*/

.line, /* line - Groups units on one horizontal line. Note: for mobile layout units may be stacked to avoid horizontal scrolling. */
.lastUnit {
    overflow:hidden;
    *overflow:visible;
    *zoom:1;
    padding:0 10px;
}
.unit { /* unit - Base class which divides a line into sections (columns). */
    float:left;
    padding:0 10px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box; /* box-sizing:border-box; creates a box-model where 
    padding and border are NOT added onto the width - they are included in the width, 
    so a 200px wide element with 20px padding will be 200px, NOT 240px wide */
}
.unitRightv { /* Use this class if you want to offset a column eg: |--content(.unit)--|--content(.unit)--|--no-content--|--no-content--|--content(.unitRighttv)--| */
    float:right;
}

/* sizeXofY - Extends unit. Indicates the fractional width of the unit, for example size3of4 would take up three quarters, or 75%, of the horizontal space. 
The following fractions are supported: 1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5, 4/5 */
/* It is possible to add more columns if you wish you will just have to add the fractions that are missing eg: .size1of6 {width:16.66666%;} */

.size1of1 {
    float:none;
}
.size1of2 {
    width:50%;
}
.size1of3 {
    width:33.33333%;
}
.size2of3 {
    width:66.66666%;
}
.size1of4 {
    width:25%;
}
.size3of4 {
    width:75%;
}
.size1of5 {
    width:20%;
}
.size2of5 {
    width:40%;
}
.size3of5 {
    width:60%;
}
.size4of5 {
    width:80%;
}
.lastUnit { /* lastUnit - Extends unit. Applied to the last child of every line. */
    float:none;
    width:auto;
    _position:relative; /* Bug fix for IE6 - Internet Explorer 6 and below wouldn't fail on properties that were prefixed with non-alphanumeric characters. 
    meaning that anything prefixed with _ wouldn't be picked up by any other browsers */
    _left:-3px;
    _margin-right:-3px;
}

/* MAIN LAYOUT */
html, body {
    width:100%;
    height:auto;
}
body {
    margin: 0;
    background: #fff;
    min-width: 240px; 
    -webkit-text-size-adjust: none; /* The text size is not adjusted for Safari on iPhone */
    font-family: "Lato", Arial, Helvetica, sans-serif;
    overflow-x:hidden;
}
.ie7 body,
.ie8 body {
    min-width: 860px; /* media queries are not supported in ie7/8 without a polyfill */
}
.main {
    background: transparent;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.inner {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 0px;
}
.ie6 .inner {
    width: 960px;
}
.no-sidebar .content-container {
    float: left;
    width:100%; /* makes content container full width when there is no sidebar */
    height:100%;
}
.sidebar { /* this is the sidebar element */
    margin-top: 12px;
}
.no-sidebar .sidebar {
    display: none;
}
.page-container {
    overflow:hidden;
}

/* HEADER */
.header {
    background: transparent;
}

.header .inner {
    padding-top: 45px;
    padding-bottom: 73px;
    position: relative;
    min-height: 72px;
}

.HowItWorksPage .header .inner {
    padding-top: 45px;
    padding-bottom: 147px;
    position: relative;
    min-height: 72px;
}

/* Brand */
header .brand, header .brand:hover {
    float: left;
    color: #fff;
    display: inline-block;
}
.brand h1 {
    margin: 0;
    padding: 0;
    font-size: 48px;
    font-family: "Lato","HelveticaNeueLTPro-Bd", "Helvetica Neue LT Pro Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue LT Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: 600;
    font-stretch: normal; /* default value. No font stretching */
    line-height: 1em;
}
.brand p {
    color: #888;
    margin-bottom: 22px;
}

/* Search form */

.search-bar {
    position: absolute;
    right: 13px;
    top: 12px;
}
.search-bar .field {
    margin: 0;
    padding: 0;
}
.search-bar form input.text {
    width: 155px;
    padding: 5px 34px 5px 15px;
    color: #888;
    margin: 0;
    border: none;
    -moz-border-radius: 14px;
    border-radius: 14px;
    background: #fff;
}

.search-bar form input.action { /* positions the search button icon over the top of the search input */
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: 0;
    cursor: pointer;
    border: none;
    padding: 5px;
    background: none;
    font-family: 'WebSymbolsRegular';
    color: #848484;
    border-radius: 0;
    margin: 0;
}
.search-bar form input.active,
.search-bar form input.action:hover {
    color: #000;
}
.search-bar form input:focus,
.header textarea:focus {
    outline: none; /* removes default browser outlining on focus */
}
.search-dropdown-icon {
    display: none; /* hides search-dropdown-icon when site is at full width - media queries set it to display:block when at mobile/tablet width */
}

.secondary_menu {
    width:100%;
    max-width:1380px;
    height:28px;
    margin:auto;
    padding-left: 10px;
    padding-right: 15px;    
}

.calendar_menu {
    float:left;
}
.freelancer_menu {
    float:right;
}
.calendar_menu li, .freelancer_menu li {
    float: left;
    margin-right: 30px;
    margin-bottom: 5px;
}
.freelancer_menu li:last-child {
    margin-right: 0;
}
.fc-icon-left-single-arrow:after, .fc-icon-right-single-arrow:after{
    font-weight:400;
}
.calendar_menu li a, .freelancer_menu li a {
    color: #3f3f3f;
    white-space:nowrap;
}
.calendar_menu li a:hover, .freelancer_menu li a:hover, .calendar_menu li a.current, .freelancer_menu li a.current, .freelancer_menu li a.section {
    color: #c1c1c1;
    text-decoration: none;
}
.calendar-day {
    font-weight:900;
}
.calendar-day.in-month {
    cursor:pointer;
}
.calendar-day-label {
    margin-right: 18px;
    font-size:12px;
    margin-top: -6px;
}
.calendar-widget-table tbody .hasEvent {
    background-image: none!important;
}
.calendar-widget-table a:hover {
    text-decoration: none;
}

#loading-indicator {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display:none;
}

@-webkit-keyframes spin1 {
    0% { -webkit-transform: rotate(0deg);}
    100% { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin1 {
    0% { -moz-transform: rotate(0deg);}
    100% { -moz-transform: rotate(360deg);}
}
@-o-keyframes spin1 {
    0% { -o-transform: rotate(0deg);}
    100% { -o-transform: rotate(360deg);}
}
@-ms-keyframes spin1 {
    0% { -ms-transform: rotate(0deg);}
    100% { -ms-transform: rotate(360deg);}
}
@-keyframes spin1 {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
} 
#loading-indicator img {
    -webkit-animation: spin1 2s infinite linear;
    -moz-animation: spin1 2s infinite linear;
    -o-animation: spin1 2s infinite linear;
    -ms-animation: spin1 2s infinite linear;
    animation: spin1 2s infinite linear;
    width: 50%;
}

.popup {

}

.dropdown.regions {

}

.dropdown.regions .dropdown-menu {
    background-color:#fff;
    border-radius:0;
    border-top: #e3e3e3 2px solid;
    border-bottom: #e3e3e3 2px solid;
    /*width:100vw;*/
    /*width: 1192px;*/
    /*width: 90%;*/
    width: 1246px;
    max-width: 100%;
    margin-top:70px;
    padding-left:50px;
    padding-right:50px;
    padding-top:19px;
    padding-bottom:7px;

}
.dropdown.regions .dropdown-menu>li {
    border:0!important;
    float:left;
    width:25%;
    padding-bottom: 48px;
}

.dropdown.regions .link {
    text-transform: uppercase;
}


.add-service {
    padding:2px!important;
    margin-left:-10px;
}

#openDashBoardServices .add-service {
    margin-left:-18px;
}

.service-act {
    float:right;
    padding-top:7px;
}
.ArtistRegistrationFivePage .service-act {
    float:right;
    padding-top:0px;
}
span.small-optional {
    font-size: 10px;
}
.shift-up {
    margin-top: 10px!important;
}
div#recurrence .modal-dialog {
    width: 486px;
    height: 248px;
    max-width:100%;
    max-height: 100%;
    padding-top:10px;
}
div#recurrence .modal-header {
    padding-left: 100px;
    padding-right: 100px;
    font-size: 16px;
}
#recurrence .modal-content {
    min-height: 248px;
}

#recurrence .modal-content .modal-body .container{
    width: 65%;
    margin: 0 auto;
    min-height: 85px;
}

.modal-header h2 {
    font-size: 18px;
}
.narrow input.numeric {
    width:100%;
}
.unpadded {
    padding-left:14px;
    padding-right:4px;
}
input#Form_Form_action_Update:hover {
    font-weight:400!important;
    background:transparent!important;
}

.modal {
    overflow-y: none;
}

.modal-open {
    padding-right: 0px !important;
}

.pic-container img {
    border:none;
}
li.small.dz-image-preview.dz-processing.dz-success.success {
    list-style: none;
}
ul.file-attachment-field-previews.grid {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0px;
    top: 0px;
    max-width:100%;
}
div.dropzone-holder p {
    white-space:nowrap;
}
a.dropzone-select.dz-clickable {
    font-size:10px;
    cursor:pointer;
}
a.dropzone-select.dz-clickable:hover {
    color:#fff;
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
    border-radius:0;
    box-shadow:none;
    height:50vh;
    padding:20px;
    background-color:#ffeced;
}
.modal-header {
    text-align: center;
    border:0;
}
.appointment {
    text-align:left;
    background-color:#ddd;
    text-transform: uppercase;
    flex: 1 100%;
    padding:3px;
    min-height:25px;
    border: 1px solid black;
    margin:-1px 0 0 0px;
    font-weight:400;
    font-size: 10px;
    overflow-x: hidden;
}
.subhead {
    font-style: italic;
}
.appointmentDot {
    display:none;
}
.appointment:first-of-type {
    margin:0;
}
.day {
    flex: 1 100%;
}
#travelPopup .modalContent {
    width:80%;
}
#travelPopup .modalContent p {
    line-height: 30px;
}
.smallDialog{

}
.errorModalDialog.smallDialog > div {
    max-width:409px;
    max-height:289px;
}
.errorModalDialog.smallDialog .modalContent {
    width:100%;
    font-size:14px;
    margin-left:48px;
    margin-right:48px;
    letter-spacing:0px;
}
.errorModalDialog.smallDialog .modalContent h2 {
    margin-top: -15px;
    margin-bottom: 30px;
}

.errorModalDialog.smallDialog .modalContent p {
    margin-top:0;
}
.todayView > div {
    width: 1145px;
    max-width: 100%;
    height: 522px;
    max-height: 100%;
    /*overflow-y: auto;*/
    margin: 77px  auto;
    padding: 5px 20px 13px 20px;
    background-color:#ffeced;
}

.todayView > div.completedview {
    overflow-y: auto;
}

.todayView .scroll-table {
    height: 370px;
    max-height: 100%;
    overflow-y: auto;
}
.todayView > div::-webkit-scrollbar, 
.todayView .scroll-table::-webkit-scrollbar {
    width: 6px;

}

.todayView > div::-webkit-scrollbar-track,
.todayView .scroll-table::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
}

.todayView > div::-webkit-scrollbar-thumb,
.todayView .scroll-table::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius:3px;
}

.todayView > div h2 {
    text-align: center;
    text-transform: uppercase;
    margin: 10px 5%;
    font-size: 14px;
}

#today table {
    width: 98%;
    max-width: 702px;
    margin: auto;
} 
#today .TodayMobile  {
    display:none;
}

#today table tr {

    border: 2px solid #333;
}
#today table td {
    padding:14px 0 14px 25px;
}

#today table td img {
    margin-bottom: -10px;
    width: 30px;
    height: 30px;
}


#today .apppointmentContent:hover {
    cursor: pointer;
}

.color1 {
    background-color: #ffeed8;
}
.color2 {
    background-color: #def7ff;
}
.color3 {
    background-color: #c0c9ff;
}
.color4 {
    background-color: #e5c9ff;
}
.color5 {
    background-color: #beffdf;
}
.color6 {
    background-color: #ffd5cb;
}
.color7 {
    background-color: #fcffc3;
}
.color8 {
    background-color: #ffccfd;
}
.color9 {
    background-color: #d5ffc2;
}
.color10 {
    background-color: #b6daff;
}
.color11 {
    background-color: #ffe2a8;
}
.color12 {
    background-color: #ffb6e0;
}
.color13 {
    background-color: #a3f5e7;
}


span.required {
    background:transparent;
    font-weight:700;
    margin-left: 5px;
    font-size:14px;
}
.carousel-control {
    opacity:0;
}

.calendar-widget-table tbody td.unavailable {
    background-color: #aeaeae;
    transition: all 0.3s ease-in;
}
.calendar-widget-table tbody td.available {
    background-color: #fff;
    transition: all 0.3s ease-in;
}
.calendar-widget-table tbody td:last-child {
    border-right: none;
}
.calendar-widget-table tbody td.selected {
    background-color: #ffeced;
    transition: all 0.3s ease-in;
}
.arrow-left {

    width: 30px;
    height: 42px;
    margin-top: -21px;
    font-size: 30px;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    left:15px;
}
.arrow-left:before {
    content:  url(../images/arrow_back.png);
}

.word-counter {
    font-size: 10px;
    clear: both;
    margin-top: 3px;
    float: right;
    position: absolute;
    right: 10px;
    top: -31px;
    text-transform: uppercase;
    color: #aaa;
}

.welcome-container {
    display:none;
}
.row.narrow {
    margin-right:-5px;
    margin-left:-5px;
}

.arrow-right {
    width: 30px;
    height: 42px;
    margin-top: -21px;
    font-size: 30px;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    right:20px;
}
.arrow-right:before {
    content:  url(../images/arrow_forward.png);
}

.reg-back-link {
    background: none;
    padding: 0;
    color: #000;
    display: inline-block;float:right;margin-top: 10px;
    margin-bottom: 10px;margin-right:50px;
}
.mapModalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.mapModalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.mapModalDialog > div {
    width: 600px;
    position: relative;
    margin: 10% auto;
    padding: 15px 20px 13px 20px;
    border-radius: 0px;
    background: #ffeced;
    text-align:center;
}
#map {
    margin:auto;
    width:500px; height:400px;
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background: #00d9ff;
}

.customer-regform .col-md-6,
.customer-regform 
.col-md-12,
.customer-regform .col-md-9{
    padding-left: 5px;
    padding-right: 5px;
}

.registration-form .col-md-6,
.registration-form .col-md-12,
.registration-form .col-md-9{
    padding-left: 5px;
    padding-right: 5px;
}

.booking-eval-form > div:first-child {
    background-color: #ffeced; 
    max-height: 629px; 
    padding: 35px 35px;
    max-width: 669px;
}

.booking-eval-form .cost {
    margin-bottom:0!important;
}

#Form_PromoForm_agreement {
    margin-top:-15px;
    margin-left:0px;
}
.row.bottom {
    margin-top:10px;
}
label[for=Form_PromoForm_agreement_0] > div{
    display:inline;
    float:right;
    width:90%;
    font-size: 12px;
}
.promodisclaimer {
    font-size: 10px; 
    width:475px;
    max-width:100%;
    letter-spacing: 1px;
}
.content-section {
    width: 90%;margin: 0 auto;max-width:750px;
}
/* NAVIGATION */

/* Primary navigation */
.header .inner .unit {
    position: relative; /* used to position the main navigation */
}
.header .primary ul {
    position:absolute;
    bottom:0;
    right:0; /* positions the main navigation */
}
.header .primary li {
    float: left;
    padding-bottom: 14px;
    margin: 0 5px;
    position: relative;
    white-space: nowrap; /* forces text to never wrap onto a second line */
}
.header .primary li a {
    color: #3f3f3f;
    font-size: 13px;
    font-family: "Lato",Helvetica, Arial, sans-serif;
    padding: 6px 8px;
    font-weight: 700;
    display: block;
    text-decoration: none;
}
.header .primary li a:hover {
    color: #c1c1c1;
}
.header .primary li.section a,
.header .primary li.current a {
    color: #fff;
}
.header .primary li.section:after,
.header .primary li.current:after {
    content: '}'; /* adds triangle beneath current nav item ('}' is renders as a triangle when WebSymbolsRegular is set as the font) */
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    bottom: -7px;
    font-family: 'WebSymbolsRegular';
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

/* Tablet Navigation */
/* When navigation and logo overlap tablet-nav is initialized */
.tablet-nav .brand p {
    margin-bottom: 0;
}
.tablet-nav .header .inner {
    padding-top: 20px;
}
.tablet-nav .header .primary ul {
    float: left;
    clear: both;
    margin: 20px 0 0 -13px;
    white-space: nowrap;
    right: auto; /* resets the right property value that is set for the desktop site */
}
.tablet-nav .header .primary ul li {
    white-space: nowrap;
}
.tablet-nav .header .primary ul li a { /* there is no hover on touch devices so no transition on hover is necessary */
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
}
.tablet-nav .footer .right {
    float: left;
    width: 100%;
}

/* Secondary navigation */
.main .secondary h3 {
    font-size: 20px;
    color: #AAA;
    margin: 0 0 8px 0;
    font-family: "Lato","CamboRegular", Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
}
.main .secondary {
    border-bottom: 1px solid #e5e5e5;
}
.main .secondary ul {
    padding: 0;
    margin: 0;
}
.main .secondary li {
    border-top: 1px solid #e5e5e5;
    position: relative;
    list-style-type: none;
    margin-bottom: 0;
}
.main .secondary li .arrow { 
    color: #b80000;
    padding-right: 5px;
    display: block;
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    left: 2px;
    top: 7px;
    -moz-transition: 0.2s; /* this transition moves the arrow from left:2px to left:6px */
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.main .secondary li a:hover .arrow {
    left: 6px; /* this sets the final position for the arrow transition */
}
.main .secondary li a { /* side nav link styling */
    padding: 10px 0;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    color: #333;
    line-height: 17px;
    border-bottom: none;
    font-family: "Lato",'Lucida Sans', 'Lucida Grande', Arial, Helvetica, sans-serif;
}
.main .secondary li .text {
    padding-left: 28px;
    display: block;
}
.main .secondary li.current a.current {
    color: #b80000;
    background-color: #EDEDED;
}
.main .secondary li.section,
.main .secondary li.current {
    background-color: #F3F3F3;
}
.main .secondary li.section a,
.main .secondary li.current a {
    color: #000;
}


/* Secondary navigation 2-5 levels deep */
.main .secondary ul ul {
    display: none;
}
.secondary ul li.current ul,
.secondary ul li.section ul { /* Only show child pages from selected parent */
    display: block;
}
.secondary li.current ul ul {
    display: none;
}
.main .secondary ul ul li a { padding-left: 10px; } /* Indent all sidebar navigation levels*/
.main .secondary ul ul li a .arrow { left: 12px; }
.main .secondary ul ul li a:hover .arrow { left: 16px; }

.main .secondary ul ul ul li a { padding-left: 20px; }
.main .secondary ul ul ul li a .arrow { left: 22px; }
.main .secondary ul ul ul li a:hover .arrow { left: 26px; }

.main .secondary ul ul ul ul li a { padding-left: 30px; }
.main .secondary ul ul ul ul li a .arrow { left: 32px; }
.main .secondary ul ul ul ul li a:hover .arrow { left: 36px; }

.main .secondary ul ul ul ul ul li a { padding-left: 40px; }
.main .secondary ul ul ul ul ul li a .arrow { left: 32px; }
.main .secondary ul ul ul ul ul li a:hover .arrow { left: 36px; }

.main .secondary li a:hover,
.main .secondary li.section a:hover,
.main .secondary li.current a:hover {
    color: #b80000;
}
.body-container {
    background: url(../images/bg.png) no-repeat center; 
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    margin: 0 auto;
    height:100vh;
    width:100vw;

    display: flex;
    justify-content: center;
    align-items: center;
    max-width:100%;
    max-height:100%;

}

.content-wrapper {
    width:100vw;
    max-width:1440px;
    display:inline-block;
    position:relative;
}
.content-wrapper:after {
    padding-top: 71.1111111%;
    display: block;
    content:'';
}
.content-container {
    background: url(../images/transparent.png) no-repeat center; 
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height:1024px;
    max-width:1440px;

}
.logo-holder {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    max-width:46%;
}

.button-holder {
    position:absolute;
    top:87%;
    left:50%;
    transform: translate(-50%, -50%);
    max-width:46%;
    width:29%;
}

.CustomerRegistrationPage .custom-button-holder {
    position:absolute;
    left:50%;
    transform: translate(-50%);
    max-width:46%;
    width:29%;
    bottom: 22px;
}
/*
.box-wrapper {
       width:80vw;
    max-width:791px;
    display:inline-block;
    position:relative;
}
.box-wrapper:after {
        padding-top: 64.728192161%;
    display: block;
    content:'';
}*/
.welcome-sec,.contact-form,.contact-land {

    margin: 0 auto;
    width:54.93%; 
    height: 35.55%;
    max-width: 791px;
    max-height:512px;
    /*padding: 100px 0 0px 0;*/
    background-color: #fff;
    text-align:center;
    background: rgba(255, 255, 255, 0.6);
    /*display:none;*/
    position:relative;


}
.contact-form,.contact-land {
    opacity:1;
}
.contact-land {
    display:block;
}

input.text {

}

.welcome-sec button {
    float:none;
    padding: 8px 0px;
    background:#fff;
    border: 2px solid #000;
    color:#000;
    font-weight:bold;
    white-space: nowrap;
    max-width:100%;
    min-width:180px;
    position:absolute;
    bottom:10px;
}


.contact-form .form-actions {
    text-align: center;
    margin-top:10%;
}

/* MIXED */
header:after,
.main:after,
#Root:after,
.search-bar:after,
header .inner:after,
footer:after { /* clearfix */
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}
.search-bar form input.action,
.header .primary li a,
.footer a { /* adds color transition when links/inputs on hover */
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
.footer a.brand { color: #333; margin-left: 0; }
.footer a.brand:hover { color: #B80000; }
body h1 span.amp {
    font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia;
    font-style: italic;
}


/* FOOTER */
.footer {
    color: #999;
    background: transparent;
    /*padding: 20px 0;*/
    font-size: 11px;
    line-height: 22px;
    width:100%;
    left:0;
    position:absolute;

}
.footer a {
    color: #999;
    text-decoration: underline;
}
.footer a:hover {
    /*color: #B70000;*/
}
.footer .left {
    float: left;
    color: #000;
    display: block;
    margin-bottom: 10px;
}
.footer .right {
    float: right;
    display: block;
    margin-bottom: 10px;
}
.footer span {
    padding: 0 3px;
    color: #bbb;
}

.footer .primary {
    border-top: 0;
    margin-top: 50px;    
    padding: 50px 0;
}

.HowItWorksPage .footer .primary, 
.BecomeArtistPage .footer .primary {
    border-top: 1px solid #e3e3e3;
    margin-top: 96px;    
    padding: 75px 0;
    margin-left: 22px;
    margin-right:11px;    
}
.footer .primary,
.footer .primary ul {
    white-space: nowrap;
    min-height: 30px;
    list-style-type: none;
    text-align: center;
}
.footer .primary li {
    display: inline;
    padding-bottom: 14px;
    margin: 0 5px;
    position: relative;
}
.footer .primary a {
    color: #3f3f3f;
    font-size: 16px;
    font-family: "Lato",Helvetica, Arial, sans-serif;
    padding: 6px 8px;
    font-weight: 400;
    text-decoration: none;
}   

.foot-note {
    font-size: 14px;
    font-weight: 400;
}

.ie6 .footer .primary li,
.ie7 .footer .primary li { /* this is a bugfix for ie6/7 */
    display: inline;
    zoom: 1;
    margin-right: 10px;
}
.footer .primary li:after { /* adds '/' to separate the footer navigation items */
    padding: 0 3px 0 5px;
    content: '';
    color: #999;
}
.footer .primary li a:hover, .footer .primary a:hover { /* adds '/' to separate the footer navigation items */
    color: #c1c1c1;
}
.footer .primary li:last-child:after {
    content: ''; /* makes sure last nav item doesn't have a '/' following it */
}
.footer .arrow {
    padding: 0 8px 0 5px;
    color: #b80000;
    font-size: 13px;
}
.footer .primary .nav-open-button {
    display: none; /* the footer includes the primary nav include - this makes sure the nav open close button doesn't show up */
}

/* PAGE SPECIFIC LAYOUT */

/* Homepage */
/* currently no Hompage specific styles - feel free to add your own */

/* Search Results */
.typography .searchResults h1 {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.searchResults p.searchQuery {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
}
.searchResults ul#SearchResults {
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    margin:0;
}
.searchResults ul#SearchResults li {
    border-top: 1px solid #e5e5e5;
    padding: 20px 0;
    list-style-type: none;
}
.searchResults ul#SearchResults p {
    margin-bottom: 10px;
}
.searchResults #PageNumbers a {
    padding: 0 5px;
}
.searchResults #PageNumbers .pagination {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
    display:table; /* displays the pagination as a table so that elements stay inline and the middle column adjusts its size to accomodate and the right arrow stays to the right */
    width:100%;
}
.searchResults #PageNumbers .pagination span{
    display:table-cell; /* each element in the pagination div displays as a table cell */
}
.searchResults #PageNumbers p {
    text-align: center;
    padding:20px 0;
}
.searchResults #PageNumbers .next,
.searchResults #PageNumbers .prev {
    font-size: 14px;
    padding: 0 20px;
    display:table-cell; /* each element in the pagination div displays as a table cell */
    vertical-align: middle;
    border-bottom:0 !important;
}
.searchResults #PageNumbers .next {
    margin-left: 15px;
}
.searchResults #PageNumbers .prev {
    margin-right: 15px;
}

/* DEVICE & RESPONSIVE LAYOUT */
.header .nav-open-button {
    display: none; /* removes the nav toggle button for desktop site */
}
#media-query-trigger {
    /* instead of detecting the width of the window in simple/javascript/script.js it detects the visibility of this element (which is set using media queries) 
    instead to trigger the hiding/showing of nav and search in mobile mode */
    display: none;
    visibility: hidden;
}

.instagramFeed {
    width : 100%;
    margin: 0 auto;
    text-align:center;
}

.instagramFeed img {
    margin: 0 12.5px;
}

.customer-regform form input.text, 
.customer-regform form select {
    border: 2px solid #000;
    text-align:left;
    padding-left:10px;
    height:44px;
}

.CustomerRegistrationPage .customer-regform form input.text, 
.CustomerRegistrationPage .customer-regform form select {
    border: 2px solid #000;
    text-align:left;
    padding-left:10px;
    height:50px;
}

.registration-form form input.text, 
.registration-form form select {
    border: 2px solid #000;
    text-align:left;
    padding-left:10px;
    height:50px;
}

#openDashBoardBio .registration-form form input.text, 
#openDashBoardBio .registration-form form select {
    border: 2px solid #000;
    text-align:left;
    padding-left:10px;
    height:40px;
    max-width: 216px;
}

#openDashBoardBio .registration-form form textarea {
    height:93px;
    max-width: 440px;    
}

.ArtistRegistrationFourPage .registration-form form input.text, 
.ArtistRegistrationFourPage .registration-form form select {
    height:40px;
}

.ArtistRegistrationTwoPage .registration-form input[name=DOBDay].text,   
.ArtistRegistrationTwoPage .registration-form input[name=DOBMonth].text,
.ArtistRegistrationTwoPage .registration-form input[name=DOBYear].text {
    text-align: center;
    padding-left: 10px;
}

.ArtistRegistrationTwoPage .registration-form div#Form_Form_AccountNumber_Holder {
    margin: 5px 0 0px;
}

.customer-regform form textarea, 
.customer-regform form .textajaxuniquetext {
    border: 2px solid #000;
    text-align:left;
    padding-left:10px;
}

.registration-form form textarea, 
.registration-form form .textajaxuniquetext {
    border: 2px solid #000;
    text-align:left;
    padding-left:10px;
}

.customer-regform div.field, .registration-form div.field {
    margin: 10px 0 0px;
}    

.customer-regform form .checkbox,m .registration-form form .checkbox {
    margin-left: 0px;
}

.customer-regform form .checkbox label.right, 
.customer-regform form .radio label.right {
    float: none;
    padding-left: 0;
    font-weight: 400;

}

.registration-form form .checkbox label.right, 
.registration-form form .radio label.right {
    float: none;
    padding-left: 0;
    font-weight: bolder;

}

.customer-regform form input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    position: relative;
    visibility: hidden;
}
.registration-form form input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    position: relative;
    visibility: hidden;
}
#today table input[type=checkbox],
.customer-regform form input[type=checkbox],
.customer-regform form input[type=checkbox] + label::before,
.registration-form form input[type=checkbox],
.registration-form form input[type=checkbox] + label::before,
#today table input[type=checkbox] + label::before{
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.customer-regform form input[type=checkbox] + label::before,
.registration-form form input[type=checkbox] + label::before,
#today table input[type=checkbox] + label::before {
    content: '';
    text-align: center;
    /*background: #ddd;*/
    display: inline-block;
    pointer-events: none;
    opacity: 1;
    color: black;
    transition: all .3s ease;
    border: 2px solid black;
    width: 20px;
    height: 20px;
    margin-right: 20px;
    margin-top: -5px;
}

#noNotifications .registration-form form input[type=checkbox] + label::before {
    background: #fff;
}

.CustomerRegistrationPage .customer-regform form input[type=checkbox] + label::before {
    content: '';
    text-align: center;
    /*background: #ddd;*/
    display: inline-block;
    pointer-events: none;
    opacity: 1;
    color: black;
    transition: all .3s ease;
    border: 2px solid black;
    width: 20px;
    height: 20px;
    margin-right: 14px;
    margin-top: -5px;
    margin-left: 36px;
}

.ArtistRegistrationFivePage .registration-form input[type=checkbox] + label::before {
    margin-right: 63px;
}

.ArtistProfilePage .registration-form form input[type=checkbox] + label::before {
    margin-right: 34px;
}

.ArtistProfilePage form .checkboxset li, .ArtistProfilePage form .optionset li {
    margin-bottom: 25px;
    list-style-type: none;
}

.BookingEvaluationPage .registration-form form input[type=checkbox] + label::before {
    margin-right: 14px;
}

#cancellationPolicy .closeDashBoardBtn {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

#cancellationPolicy .typography {
    width: 905px;
    max-width: 100%;
    text-align: center;
    padding-top: 20px;
    max-height: none;
    height: auto;

}

#cancellationPolicy li {
    list-style-position: inside;
    margin-left: -1em;
}

#cancellationPolicy h4 {
    text-transform: uppercase;
    text-align:center;
}

.customer-regform form input[type=checkbox]:hover ,
.registration-form form input[type=checkbox]:hover ,
#today table input[type=checkbox]:hover {
    cursor: pointer;
}
.customer-regform form input[type=checkbox]:hover + label::before,
.registration-form form input[type=checkbox]:hover + label::before,
#today table input[type=checkbox] + label::before {
    content: '';
    background: #ffffff;
    box-shadow: inset 0 0 30px #555;
}
.customer-regform form input[type=checkbox]:checked + label::before ,
.registration-form form input[type=checkbox]:checked + label::before ,
#today table input[type=checkbox]:checked + label::before {
    content: '';
    box-shadow: inset 0px 0px 100px #000, 0px 0px 0px #000;
}
#today table input[type=checkbox]:checked:hover + label::before ,
.customer-regform form input[type=checkbox]:checked:hover + label::before {
    opacity: 1;
}
.registration-form form input[type=checkbox]:checked:hover + label::before {
    opacity: 1;
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.customer-regform a.btn, .customer-regform button, .customer-regform form input[type="submit"], .customer-regform .Actions .action {
    background: #000;
    width: 100%;
    padding: 12px 15px;
    font-weight: 400;
    letter-spacing: 0.1em;
}
.customer-regform form input[type="submit"]:hover {
    text-decoration: underline;
}
.registration-form a.btn, .registration-form button, .registration-form form input[type="submit"], .registration-form .Actions .action {
    background: #000;
    width: 100%;
    padding: 12px 15px;
}

.registration-form a.btn:hover, .registration-form button:hover, .registration-form form input[type="submit"]:hover, .registration-form .Actions .action:hover, 
.registration-form .Actions a:hover{
    background: #fff;
    color: #000;
    font-weight: bold;    
    text-decoration: underline;

}

#openDashBoardServices .registration-form form input[type="submit"], openDashBoardServices .registration-form .Actions .action {
    background: #000;
    width: 100%;
    /*padding: 12px 15px;*/
    padding: 0;
    font-size:12px;
    width: 144px;
    height: 38px;
}

.registration-form button.updatePromo {
    text-decoration: none;
}


.registration-form .service-btn:hover, .registration-form .service-btn-app:hover, .registration-form .service-btn-app-x:hover, #Form_Form_action_Register:hover {
    text-decoration: none;
}


.customer-regform ::-webkit-input-placeholder {
    font-size: 12px;
    color: #c0c0c0;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    letter-spacing: 0.2em;

}
.registration-form ::-webkit-input-placeholder {
    font-size: 12px;
    color: #c0c0c0;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    letter-spacing: 0.2em;

}

.customer-regform input[type="text"]:-moz-placeholder { /* older Firefox*/
    font-size:12px;
    color: #c0c0c0;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: "Lato", Arial, Helvetica, sans-serif;
}
.registration-form input[type="text"]:-moz-placeholder { /* older Firefox*/
    font-size:12px;
    color: #c0c0c0;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: "Lato", Arial, Helvetica, sans-serif;
}

.customer-regform input[type="text"]::-moz-placeholder { /* Firefox 19+ */ 
    font-size: 12px;
    color: #c0c0c0;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    letter-spacing: 0.2em;

} 
.registration-form input[type="text"]::-moz-placeholder { /* Firefox 19+ */ 
    font-size: 12px;
    color: #c0c0c0;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    letter-spacing: 0.2em;

} 
.customer-regform input[type="text"]::-moz-placeholder { 
    font-size: 12px;
    color:#c0c0c0; 
    font-weight: 700;
    opacity: 1px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: "Lato", Arial, Helvetica, sans-serif; 
    letter-spacing: 0.2em;
}
.registration-form input[type="text"]::-moz-placeholder { 
    font-size: 12px;
    color:#c0c0c0; 
    font-weight: 700;
    opacity: 1px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: "Lato", Arial, Helvetica, sans-serif; 
    letter-spacing: 0.2em;
}

.customer-regform input[type="email"]::-moz-placeholder { /* Firefox 19+ */ 
    font-size: 12px;
    color: #c0c0c0;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: "Lato", Arial, Helvetica, sans-serif;
} 
.registration-form input[type="email"]::-moz-placeholder { /* Firefox 19+ */ 
    font-size: 12px;
    color: #c0c0c0;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: "Lato", Arial, Helvetica, sans-serif;
} 
.customer-regform input[type="email"]::-moz-placeholder { 
    font-size: 12px;
    color:#c0c0c0; 
    font-weight: 700;
    opacity: 1px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: "Lato", Arial, Helvetica, sans-serif; 
    letter-spacing: 0.2em;
}
.registration-form input[type="email"]::-moz-placeholder { 
    font-size: 12px;
    color:#c0c0c0; 
    font-weight: 700;
    opacity: 1px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: "Lato", Arial, Helvetica, sans-serif; 
    letter-spacing: 0.2em;
}

.customer-regform :-ms-input-placeholder { 
    font-size: 12px; 
    color: #c0c0c0;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    letter-spacing: 0.2em;
}
.registration-form :-ms-input-placeholder { 
    font-size: 12px; 
    color: #c0c0c0;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    letter-spacing: 0.2em;
}


.cust-reg .content-container {
    width:100vw;
    margin-top: 25px;
}

.body-container.cust-reg {
    background: url(../images/Registration_art.jpg) no-repeat center; 
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    /*height:80vh; */
    width:100vw;
    height:740px; 
}

body.modal-open {
    overflow: hidden;
    position: fixed;
}        

.content-container .content-container-block {
    display:block;
    width:100%;
    height:100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 500px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;    
}    

.customer-regform {
    margin: 0 auto;
    width: 54.93%;
    height: auto;
    max-width: 791px;
    min-height: 511px;
    background-color: #ffeced;
    text-align: center;
    position: relative;

    webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.CustomerRegistrationPage .customer-regform {
    top: -57px;
}

.RegistrationNoticePage .customer-regform {
    top: -22px;
}

.booking-eval-form {
    margin: 0 auto;
    width: 54.93%;
    height: 693px;
    max-width: 670px;
    max-height: 693px;
    background-color: transparent;
    position: relative;

    font-size: 18px;
    webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 54px;
    margin-bottom: 77px;
}
.booking-eval-form .head { 
    font-weight: bold;
}    

.booking-eval-form .col-head { 
    font-weight: bold;
    margin-bottom: 30px;
}    



.booking-eval-form form input[type="submit"], .booking-eval-form button {
    padding: 10px 15px;
    margin-top: 0px;
}

.booking-eval-form form input[type="submit"]:hover, .booking-eval-form button:hover {
    text-decoration: none;
}

.booking-eval-form form input[type="text"], .booking-eval-form button {
    height: 41px;
    max-width: 195px;
}



.customer-regform #Form_Form_action_Update, .registration-form #Form_Form_action_Update {
    background: none;
    padding: 0;
    color: #000;
    float:right;
    text-align:right;
    text-transform: none;
    width:auto;
    border: 0;
}

.customer-regform form input.text, .customer-regform form textarea, .customer-regform form .textajaxuniquetext, .customer-regform form select {
    letter-spacing: 0.1em;
    font-size: 14px;
    color: #000;;
}

.registration-form form input.text, .registration-form form textarea, .registration-form form .textajaxuniquetext, .registration-form form select {
    letter-spacing: 0.1em;
    font-size: 12px;
}

.BookingEvaluationPage .registration-form form input.text {
    font-size: 14px;
}

#openDashBoardServices .registration-form form input.text {
    max-width: 440px;
}

.ArtistRegistrationFivePage .registration-form .textarea .middleColumn{
    text-align:right;
}
.ArtistRegistrationFivePage .registration-form form textarea {
    max-width: 440px;
    max-height: 93px;
    font-size:14px;
}

.ArtistRegistrationFivePage .service-block {
    max-width: 440px;
    margin-left: auto; 
    margin-right: 0;
}


#Form_Form_Promo {
    background-color: #fff5f4;
    padding-right: 10px;
}

.how-works-btn {
    float:none;
    position:relative;
    margin-top:117px;
    font-weight: 400;
    letter-spacing: 3px;
    padding-left: 22px;
    padding-right: 22px;
    padding-bottom: 9px;
    padding-top: 9px;
    margin-right:6px;
    margin-left: 26px;
}

.how-boxes-body .how-boxes-body-col-container {
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;*/
    /*-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;*/
    margin-top: 10px;    
}

.artist-boxes:hover, .how-boxes-section:hover {
    cursor: pointer;
}

#Form_Form_travel li {
    text-align:left;
    margin-bottom: 20px;
}

.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

.modalDialog img {
    border: 0;
    padding: 0;
    margin:0;
    background:none;
}


.modalDialog:target {
    opacity:1;
    pointer-events: auto;
    overflow-y:auto;
}

.modalDialog > div {
    width: 400px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 0px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}


.errorModalDialog,
#openClientAppointsments.modalDialog{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255,0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    font-weight:400;
}
#openClientAppointments {
    z-index:200;
}

.errorModalDialog:target {
    opacity:1;
    pointer-events: auto;
}

.errorModalDialog > div
{
    max-width: 790px;
    max-height: 511px;
    width:100%;
    height:100%;
    position: relative;
    margin: 10% auto;
    /*padding: 5px 20px 13px 20px;*/
    background: #ffeced;
    display:flex;

}

#enterAvailability.errorModalDialog > div
{
    max-width: 790px;
    max-height: 381px;
    width:100%;
    height:100%;
    position: relative;
    margin: 16% auto;
    /*padding: 5px 20px 13px 20px;*/
    background: #ffeced;
    display:flex;

}

#openClientAppointments > div {
    max-width:none;
    background-color:transparent;

}
#openClientAppointments  .closeButton {
    text-align:center;
    display:block;
}
#openClientAppointments .todayView > div {
    margin:0 auto;
    margin-top: -30px;
    padding-top: 30px;

}
.errorModalDialog > div > div {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;

}

.errorModalDialog .modalContent {
    text-align:center;
    text-transform:uppercase;
    line-height:28px;
    font-size:20px;
    font-weight:400;
    width:59%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;

}


#enterAvailability.errorModalDialog .modalContent {
    text-align:center;
    text-transform:uppercase;
    line-height:28px;
    font-size:20px;
    font-weight:400;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;

}
.modeless{
    left:0;
    bottom:auto;
    right:0;
    /*margin-left:-300px;*/
}
.errorModalDialog .modalContent p {
    margin-top: 32px;

}

#enterAvailability.errorModalDialog .modalContent p {
    margin-top: 17px;

}

.lowercase {
    text-transform: lowercase;
    margin-top:10px;
}

.errorModalDialog .closeButton {
    color: #000000;
    line-height: 25px;
    position: absolute;
    text-align: center;
    padding-top:36px;
    width:100%;

}

.errorModalDialog .new-appointment .closeButton {
    padding-top:0px;
    top: 30px;

}

.close:hover { background: #00d9ff; }

.custom-login-form {
    padding: 50px 0;

}
.custom-login-form form input.text, 
.custom-login-form form textarea, 
.custom-login-form form .textajaxuniquetext, 
.custom-login-form form select {
    background-color: inherit;
}

.custom-login-form a.btn, .custom-login-form button, .custom-login-form input[type="submit"], .custom-login-form .Actions .action {
    float: none;
    width: 200px;
    font-weight: 400;
}
/*
.custom-login-form a:hover, .custom-login-form button:hover, .custom-login-form input[type="submit"]:hover {
    text-decoration: underline;
}
*/

.custom-login-form .form-actions {
    text-align:center;
    padding: 40px 0;
}

.custom-login-form form {
    margin: 0 auto;
}
.modalDialog > div {
    max-width: 752px;
    max-height: 489px;
    width: 100%;
    height: 100%;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    background: #ffeced;
}    

.modalDialog .cross-close {
    text-align:center;
    margin: 20px 0;
}


.modalDialog {
    background: rgba(255,255,255,0.9);
    font-family: "Lato", Arial, Helvetica, sans-serif;
}

.custom-login-form hr {
    border-top: 2px solid #000;
}

.custom-login-form a {
    color: #000;
}

.custom-login-form a:hover { 
    text-decoration: underline;
}

.custom-login-form .helplinks .left {
    float:left;
}

.custom-login-form .helplinks .right {
    float:right;
}

.helplinks {
    font-weight:700;
}

.dropzone-holder {
    background-color: #e3e3e3!Important;
}

.dropzone-holder.uploadable {
    border: 1px solid #999!Important;
}

.pic-container p a, .pic-container p a:hover {
    color: #101010;
}

.pic-container .dropzone-holder  { 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pic-container .fileattachment p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;     
}

.pic-container .fileattachment ul.file-attachment-field-previews.grid li {
    padding: 8px 0px 70px 0px;
    margin: 0;
}   

.col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}
.col-xs-5th {
    width: 20%;
    float: left;
}

.bb-continer {
    background: #ffeced;
    padding:50px 0;
}

.navbar-brand {
    position: absolute;
    width: auto;
    left: 50%;
    top: 0;
    text-align: center;
    margin: auto;
    transform: translate(-50%);
}
.navbar-toggle {
    z-index:3;
    float:left;
    margin-left:20px;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-default a {
    color: #3f3f3f!Important;
    font-size: 13px!Important;
    font-family: "Lato",Helvetica, Arial, sans-serif!Important;
    padding: 6px 8px!Important;
    font-weight: 400!Important;
    display: block!Important;
    text-decoration: none!Important;
}

.navbar-default li a.current {
    color: #c1c1c1!important;
}

.navbar-default a img{
    margin: 0 auto;
}    
.navbar-default a img.mobileview{
    display: none;
}    


.navbar-default a:hover {
    color: #c1c1c1!Important;
    background-color: transparent!Important;

}
.navbar-default {
    background-color: transparent!Important; 
    border-color: transparent!Important;
    margin-bottom: 0;

}

img.search-top-ico-menu {
    display:none;
    margin: 0 auto;
    float: right;
    margin-right: 20px;
    position: absolute;
    /*op: 13px;*/
    right: -10px;
    z-index: 10;
}

.navbar-default .navbar-collapse {
    border-color: #fff;
    border:0;
}

.navbar-default .collapsing {
    display:none;
}



.navbar-nav>li {
    margin: 0 40px 0 0;
    margin-top: 30px;
}

.navbar-nav>li>.dropdown-menu {
    background-color: #ffeced;
    border: none;
    padding: 10px 5px;
    box-shadow: none;
    width: 250px;

}

.navbar-nav>li>a:hover, .navbar-nav>li>a:focus {
    background-color: #fff!Important;
}

.navbar-nav>li>.dropdown-menu>li {
    padding: 10px;
}

.navbar-nav>li>.dropdown-menu>li>span, .navbar-nav>li>.dropdown-menu>li>a {
    padding: 6px 8px;
    white-space: nowrap;
    font-size: 13px!Important;
}

.navbar-nav>li>.dropdown-menu>li>a.logout-link:hover {
    color: #333333!Important;
}

.navbar-nav>li>.dropdown-menu>li>a.link-in-menu {
    text-decoration: underline!Important;
}


.navbar-nav>li>.dropdown-menu>li:not(:last-child) {
    border-bottom: 1px solid #000;
}


.how-boxes-body {
    height: 520px;
    width: 100vw;
    background: url(../images/HowItWorks.png) no-repeat top left; 

    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    max-height: 100%;    


}

.artist-body {

    height: 1082px;
    width: 100vw;
    background: url(../images/ArtistBenefits_Art.png) no-repeat top left; 

    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    max-height: 100%;        
}




.how-boxes-body .content-container {
    /*height: 60vh;
    width: 100vw;*/
}

.artist-body .content-container {
    height: 120vh;
    width: 100vw;
}

.artist-body .artist-desktop-section {
    display: block;
}

.artist-body .artist-mobile-section {
    display: none;
}

.how-boxes-body .how-boxes-col {
    background-color: #FFECED; 
    text-align: center; 
    opacity: 0.9;
    padding:40px 35px;
    width:100%; 
    max-width: 319px; 
    height: 357px; 
    max-height: 357px;
    margin: 0 auto;
    margin-bottom:20px;
}

.artist-body .how-boxes-col {
    background-color: #FFECED; 
    text-align: center; 
    opacity: 0.9;
    padding:20px 5px;
    width:384px; 
    max-width: 100%; 
    height: 425px; 
    max-height: 425px;
    margin: 0 auto;
    margin-bottom:50px;
    /*margin-top: 30px;*/
}

.how-boxes-body .how-boxes-col-head {
    opacity: 1;
    font-size:18px;
    font-weight:400;
    line-height:23px;
}    

.artist-body .how-boxes-col-head {
    opacity: 1;
    font-size:18px;
    font-weight:400;
    line-height:23px;
    height: 70px;
}    

.how-boxes-body .how-boxes-col-text, .artist-body .how-boxes-col-text {
    letter-spacing: 0.05em;
    font-weight:400;
    font-size: 14px;
    height:100px;
    line-height: 25px;
    white-space: nowrap;
}    

.artist-body .how-boxes-col-text {
    font-size: 16px;
}    


.how-boxes-body img, .artist-body img {
    background-image:none;
    border:0;
    text-align:center;
    padding:20px;
    height:100px;
    margin-top: 5px;
}

.artist-separator {
    margin: 75px 0;text-align:center;
}

.how-header {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 435px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.become-artist-header {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 425px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;    
}

.how-header p {
    padding-top: 146px;
    font-size:50px;
    line-height:37px;
    font-weight:400;
    letter-spacing: 0.1em;
    margin: 0;
}

.become-artist-header p {
    padding-top: 149px;
    font-size:50px;
    line-height:60px;
    font-weight:400;
    letter-spacing: 0.1em;
    margin: 0;
}

img.how-boxes-section, img.artist-boxes {
    background-image:none;
    border:0;
    text-align:center;
    margin-bottom: 52px;
    margin-top: -10px;

}

.footer-menu {
    width:60%; 
    margin: 0 auto;    
}

.footer .foot-note {
    color:#000;
    margin-top:175px;
}

.footer .menu-text {
    margin-bottom: 80px;
}


button.service-btn {
    margin-top: 80px;
    white-space:nowrap;
    width: 55px;
    height: 31px;
    padding: inherit;
}

button.service-btn-app {
    /*margin-top: 20px;*/
    white-space:nowrap;
    width: 55px;
    height: 31px;
    padding: 0px 10px;
    margin-right:5px;
}

button.service-btn-app-x {
    /*margin-top: 20px;*/
    white-space:nowrap;
    width: 27px;
    height: 31px;
    padding: 0px 5px;
    font-weight: 400;
}

.carousel li {
    margin-bottom: 0;
    margin: 0;
    border-color:#000;
    width: 10px;
    height: 10px;
}

.carousel li.active {
    background-color: #000;
    margin: 0;
    border-color:#000;
    width: 10px;
    height: 10px;    
}

ol.carousel-indicators {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;    
}

.navbar-default .nav-mobile-only {
    display:none;
}

.navbar-default .nav-desktop-only {
    display:block;
}    

div#openDashBoardPwd > div {
    max-width: 480px; 
    max-height:400px;
    text-align:center;
    margin : 15% auto;
}

div#openDashBoardBankDetails > div {
    max-width: 485px; 
    max-height:450px;
    text-align:center;
    margin : 15% auto;    
}
div#openDashBoardShowBankDetails > div
{
    max-width: 482px; 
    max-height:417px;
    text-align:center;
    margin : 15% auto;
}
p.dashBrdheader {
    font-size:18px;
    text-transform:uppercase;
    padding:10px;
}

#openDashBoardBio p.dashBrdheader {
    font-size:18px;
    text-transform:uppercase;
    padding:0px;
}

#openDashBoardServices p.dashBrdheader {
    margin-bottom: 0px;
}

div#openDashBoardDetails > div {
    max-width: 480px; 
    max-height:none;
    text-align:center;
    margin : 3% auto;
    height:auto;
    padding-bottom:80px;
}

div#openDashBoardGallery > div {
    max-width: 870px; 
    max-height:708px;
    height: 700px;
    text-align:center;
    margin : 10% auto;
}

div#openDashBoardServices > div {
    max-width: 788px; 
    max-height:565px;
    text-align:center;
    margin : 10% auto;
}

div#openDashBoardBio > div {
    max-width: 851px; 
    max-height:none;
    height: auto;
    text-align:center;
    margin : 10% auto;
}

div#openDashBoardBio .bioTravelSubmit {
    width: 55px;
    height: 31px;
    padding:0;
    margin-right:0;

}

div#openDashBoardBio .bioTravelSubmit:hover {
    text-decoration: none;
}

div#openDashBoardFreelanceMenu > div {
    max-width: 600px; 
    max-height:420px;
    text-align:center;
    margin : 34% auto;
}

div#openDashBoardFreelanceMenu > div span {
    text-transform: uppercase;
    display: block;
    margin-top: 20px;
}

div#openDashBoardFreelanceMenu > div a {
    text-decoration: underline;
}

div#openDashBoardFreelanceMenu > div a.link-no-line {
    text-decoration: none;
    margin-top: 10px;
}

div#openDashBoardPwd > div a.closeDashBoardBtn, 
div#openDashBoardDetails > div a.closeDashBoardBtn,
div#openDashBoardGallery > div a.closeDashBoardBtn, 
div#openDashBoardServices > div a.closeDashBoardBtn, 
div#openTravelPolicy > div a.closeDashBoardBtn,
div#openDashBoardFreelanceMenu > div a.closeDashBoardBtn, 
div#openDashBoardShowBankDetails > div a.closeDashBoardBtn, 
div#openDashBoardBankDetails > div a.closeDashBoardBtn,
div#openClientAppointments > div a.closeDashBoardBtn,
div#confirmCancelled > div a.closeDashBoardBtn
{
    color: #000000;
    line-height: 50px;
    text-align: center;
    padding-top: 20px;
    width: 100%;
    display: block;
}

div#openDashBoardServices > div a.closeDashBoardBtn {
    padding-top: 0px;
}

div#openDashBoardGallery > div a.closeDashBoardBtn {
    padding-top: 14px;
}

div#openClientAppointments > div a.closeDashBoardBtn {
    line-height: 10px;
}

div#confirmCancelled {
    text-align:center;
}
div#confirmCancelled > div > div {
    max-width: 310px;
    margin: 25px auto;
    font-size: 15px;
}
div#confirmCancelled > div {
    border: 1px solid black;
    width:468px;
    height:267px;
}
div#confirmCancelled > div > div > p {
    margin-bottom:30px;
}

div#openDashBoardPwd > div > div,
div#openDashBoardDetails > div > div, 
div#openDashBoardServices > div > div,
div#openDashBoardFreelanceMenu > div > div {
    margin: 0 auto;
    width:95%;
    margin-top: -20px;
}

div#openDashBoardGallery > div > div {
    margin: 0 auto;
    width:90%;
    margin-top: -50px;
}

div#openDashBoardPwd p.dashBrdheader,
div#openDashBoardGallery p.dashBrdheader, 
div#openDashBoardServices p.dashBrdheader,
div#openDashBoardBio p.dashBrdheader {
    font-weight:400;

}

div#openDashBoardBio .registration-form {
    margin-left: 25px;
}

div#openDashBoardBio .mob-label {
    display:none;
}

div#openDashBoardBio span.qual-bullet, .ArtistRegistrationFourPage span.qual-bullet {
    line-height:54px;
}



div#openDashBoardGallery  form {
    max-width: 100%;
}

div#openDashBoardDetails p.dashBrdheader{
    font-weight:600;
    margin-bottom:20px;
}

div#openDashBoardPwd p.label-dashbrd,
div#openDashBoardDetails p.label-dashbrd ,
div#openDashBoardServices p.label-dashbrd {
    margin: 20px 0 20px;
    text-align:left;
    white-space:nowrap;
}

div#openDashBoardPwd .Actions {
    width:50%; 
    margin: 12% auto;    
}
div#openDashBoardDetails .Actions {
    width:50%; 
    margin: 10% auto;    
}

div#openDashBoardServices .Actions {
    width:50%; 
    margin: 2% auto;
}

div#openDashBoardGallery .Actions {
    width:147px;
    height:40px;
    margin: 0 auto;
    font-size:16px;
}

div#openDashBoardPwd form input[type="submit"]:hover,
div#openDashBoardDetails form input[type="submit"]:hover, 
div#openDashBoardServices form input[type="submit"]:hover {
    text-decoration: none;
}

div#openDashBoardDetails  a.change-pwd {
    float:left;
}
div#openDashBoardDetails  a.change-pwd:hover {
    text-decoration: underline;
    color: #000;
}

div#openDashBoardServices form .service {
    margin: 0 auto;
}        

div#openDashBoardServices form .service-name {
    font-weight: 900; 
    padding-left:5px; 
    font-size: 15px; 
    text-transform: uppercase;
    text-align:left;
}        

div#openDashBoardServices form .service-length {
    font-weight: 400; 
    font-size: 15px; 
    text-transform: uppercase;
    text-align:left;
}        

div#openDashBoardServices form .service-price {
    font-weight: 400; 
    font-size: 15px; 
    text-transform: uppercase;
    text-align:left;
    padding-left: 35px;
}       

div#openDashBoardServices .content::-webkit-scrollbar {
    width: 6px;

}

div#openDashBoardServices .content::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
}

div#openDashBoardServices .content::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius:3px;
}

#Form_AvailabilityForm label, #existing-availability-modal label {
    margin: 20px 0 20px;
    white-space: nowrap;
    text-align: right;
    width: 100%;
    padding-left: 15px;
    letter-spacing: 1px;
}
#existing-availability-modal .modal-content, #availability-modal .modal-content {
    width:790px;
    max-width: 100%;
    height:511px;
}
#availability-modal .underlined, #availability-modal .underline,#existing-availability-modal .underlined, #existing-availability-modal .underline {
    text-decoration: underline;
}

#availability-modal .underlined,#existing-availability-modal .underlined {
    text-transform: uppercase;
}

#availability-modal span.date,#existing-availability-modal span.date {
    margin-left: 10px;
}

#availability-modal .modal-header,#existing-availability-modal .modal-header {
    padding-top: 0;
}    

#availability-modal .modal-content, #existing-availability-modal .modal-content,#recurrence .modal-content {
    height: auto;
    border:0;
}

#availability-modal .recurringDate, #existing-availability-modal .recurringDate,#recurrence .recurringDate {
    text-transform: uppercase;
}
#availability-modal .recurringDate {
    margin-bottom:18px;
}

#availability-modal .recurrence-dates {
    border-top:1px solid black;
    margin-top:25px;
    padding-top:35px;
    display:none;

}

#availability-modal button.availabilityRecurrance:hover {
    text-decoration: none;
}

#availability-modal .avail-notice,#existing-availability-modal .avail-notice {
    font-size: 9px;
    text-transform: uppercase;
    word-spacing: 0.01em;
}

#availability-modal .row .col-md-4,#existing-availability-modal .row .col-md-4,
#availability-modal .row .col-md-5,#existing-availability-modal .row .col-md-5,
#availability-modal .row .col-md-2,#existing-availability-modal .row .col-md-2{
    padding-left: 5px;
    padding-right: 5px;
}

#availability-modal .row-recur {
    width:48%; 
    margin : 0 auto;
}


#availability-modal .modal-body {
    overflow-y: auto;
    min-height: 330px;
    max-height: 500px;
}

#existing-availability-modal .existing-date {
    font-size:18px;
    text-transform:uppercase;
}

#existing-availability-modal .Actions {
    border-top:1px solid black;
    padding:50px;
}

.existing-actions {
    font-size:11px;
    color:black;
    margin-top: 22px;
}
.existing-bookiing-notes {
    font-size:9px;
    display:none;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    margin-top: 7px;    
    line-height: 10px;
}

.existing-actions a {
    color:black;
}
.existing-actions a:hover {
    color:#333;
}

.calendr-week-container {
    max-width: 1380px;
    /*max-height: 602px;*/
    margin: 0 auto;
}

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0;
}

.fc-view-container .fc-time-grid-container {
    max-height: 602px!Important;
}

.fc td:first-child:not(.fc-time) {
    border-top:0;
    border-left: 0;
    border-right: 0;
}

.fc td {
    height: 29px;
}


.fc td:last-child:not(.fc-time) {
    border-bottom:0;
}

.fc .fc-toolbar h2 {
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 14px;

    text-transform: uppercase;
}

.fc-time-grid-event > .fc-content {
    height: 100%;
}

.fc .fc-time {
    font-family: "Lato", Arial, Helvetica, sans-serif;

}

.fc-time-grid-event .fc-title {
    text-transform: capitalize;
}

.fc .fc-button {
    border: 0;
    background: none;
    text-shadow: none;
    box-shadow: none;
    font-size: 1.3em;
    height: 1.1em;
    background:transparent!important;
}

.fc .fc-button:focus {
    outline: none;
}

.fc .fc-widget-content table {
    /*
    border: 5px solid #d8d8d8;
    border-top:none;
    border-bottom:none;
    */
}

.fc-unthemed .fc-today {
    background: #fff;
}

.fc td.fc-today {
    border-style: solid; 
}

.fc .fc-widget-header .fc-day-header {
    text-transform: uppercase;
    font-weight: 400;
    font-size:12px;
}

.fc .fc-widget-content .fc-day {
    border-left-width: 5px; 
    border-top: none;
    background-color: inherit;
}


.fc .fc-widget-header,
.fc .fc-widget-header table,
.fc .fc-widget-header thead,
.fc .fc-widget-header table tr, 
.fc .fc-widget-header table th {
    border: none!Important;
}    

.fc .fc-widget-content td {
    /*border-left-width: 5px; */
}


.fc-time-grid .fc-slats tr:nth-of-type(4n+0)  {
    border-bottom: 5px solid #d8d8d8;
}

.fc-time-grid-event .fc-bg  {
    background: none;
    opacity: 1;
}

.fc-time-grid .fc-event {
    border: 2px solid #000;
    border-radius: 0px;
}

.fc-event {
    padding: 10px;
    font-weight: 200;
    font-size: 12px!important;
}

.fc-time-grid-event .fc-time {
    font-size: 12px;
}

.fc-time-grid-event .fc-title {
    font-size: 12px!important;
    text-transform: uppercase;
}

div#calendar .fc-scroller::-webkit-scrollbar {
    width: 0.5em;
}

div#calendar .fc-scroller::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
}

div#calendar .fc-scroller::-webkit-scrollbar-thumb {
    background-color: #030002;
    /*outline: 1px solid #030002;*/
    border-radius: 50px;
}

.qtip {
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 14px;    
    max-width: 600px;
    min-width: 50px;    
}


.qtip.appointmentClass {
    background-color: #feecec!Important;
}



.qtip.appointmentClass .qtip-titlebar {
    background-color: #feecec!Important;
    height: 30px;
}

.qtip.appointmentClass .qtip-titlebar .qtip-close {
    position:relative;
}

.qtip.appointmentClass .qtip-icon .ui-icon {
    margin-left: 0;
    margin: 0 auto;
    padding-left:20px;
}

.qtip.appointmentClass button {
    width: 133px;
    height: 38px;
    font-size:12px;

}

.qtip.appointmentClass .action {
    margin: 0 auto;
    max-width: 312px;
    text-align:center;
    height: 50px;
    padding:0;

}

.qtip.appointmentClass .action-completed {
    margin: 0 auto;
    max-width: 146px;
    text-align:center;
    height: 50px;
    padding:0;

}

.qtip.appointmentClass .qtip-titlebar .qtip-title {
    display:none;
}

.qtip.appointmentClass .qtip-content  {
    padding: 0;
}    

.qtip.appointmentClass .qtip-content .col-head {
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 14px;
}    

.qtip.appointmentClass .qtip-content .col-answer {
    font-size: 12px;
}    

.qtip.appointmentClass .qtip-content .head {
    font-weight: bold;
}    

.qtip.appointmentClass .qtip-content td {
    padding-bottom: 6px;
}   
.qtip-light .qtip-titlebar, .qtip-default .qtip-titlebar {
    background-color: #fff;
    margin-bottom: 10px;
}

.qtip-default {
    border: 2px solid #000;
    padding: 10px 0px 0 0px;
    background-color: #fff;
    color: #000;
}

.qtip-default .qtip-titlebar .qtip-close {
    border: 0;
    color: #000;
    font-size: 14px;    
    text-decoration: none;
}

.qtip-icon .ui-icon {
    width: 30px;
    height: 30px;
    margin-left: 20px;
    line-height: 14px;
    text-align: center;
    text-indent: 0;
    background: none;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 30px;  
}

.qtip-default .qtip-icon {
    background: none;
}

table.upcoming {
    border: 0;
    text-transform: none;
    font-size: 13px;
    text-align: left;
    max-width:720px;
    margin-top: 30px!important;
}
.client-appointments > div {
    width:790px;
}
#today table.upcoming tr {
    border:0;
    border-bottom:2px solid black;
}
#today table.upcoming td:first-of-type {
    text-transform:uppercase;
}

.client-appointments p {
    font-size: 13px;
    text-align:center;
}
.client-appointments > div h2 {
    font-size:16px;
    white-space: nowrap;
}
.edit-form-box .dropdown-toggle.btn-default {
    background-color: #000;
    color: #fff;
}

.edit-form-box .edit-form-btn {
    background-color: #000;
    color: #fff;
    height : 50px;
    position: relative;
    width: 100%;
    font-size: 14px;
    margin: 0 auto;
    border-radius : 0;
}

form#Form_EditServicesForm .edit-form-box .edit-form-btn,
.edit-services-section .edit-form-box .edit-form-btn {
    background-color: #fff5f4;
    border: #000;
    border: 2px solid #000;
    color: #000;
    text-align:left;
    font-size:12px;
    cursor:default;
}

#openDashBoardServices .edit-form-btn, #openDashBoardServices #Form_EditServicesForm_servicepriceholder {
    max-width: 215px;
}



form#Form_EditServicesForm .edit-form-box .scrollable-menu,
.edit-services-section .edit-form-box .scrollable-menu {
    margin: 2px 0 0 0;
    box-shadow: none;
    border-radius: 0;
    background-color: #fff5f4;
    border: 2px solid #000;
}

form#Form_EditServicesForm .edit-form-box .edit-form-btn:hover, 
form#Form_EditServicesForm .edit-form-box .edit-form-btn:active, 
form#Form_EditServicesForm .edit-form-box .edit-form-btn:visited,
.edit-services-section .edit-form-box .edit-form-btn:hover, 
.edit-services-section .edit-form-box .edit-form-btn:active, 
.edit-services-section .edit-form-box .edit-form-btn:visited {
    background-color: #fff5f4!Important;
    text-decoration: none!Important;
    font-weight: normal!Important;
}

form#Form_EditServicesForm .edit-form-box .open .dropdown-toggle.btn-default, 
.edit-services-section .edit-form-box .open .dropdown-toggle.btn-default{
    background-color: #fff5f4;
    border-color: #fff5f4;          
}    

form#Form_EditServicesForm .edit-form-box .edit-form-btn:hover img, 
.edit-services-section .edit-form-box .edit-form-btn:hover img{
    visibility: visible;
}

form#Form_EditServicesForm .edit-form-box .scrollable-menu li a, 
.edit-services-section .edit-form-box .scrollable-menu li a {
    color: #000;
}


.edit-form-box .btn-group {
    width: 100%;
}

.edit-form-box .edit-form-btn img {
    width: 12px;
    visibility: visible;
    position:absolute;
    margin-right: 10px;
    right: 10px;
    top: 40%;

}

form#Form_EditServicesForm .edit-form-box .edit-form-btn .fc-icon, 
.edit-services-section .edit-form-box .edit-form-btn .fc-icon{
    visibility: hidden!Important;
    position:absolute!Important;
    margin-right: 10px;
    right: 0;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
    ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}



.edit-form-box .edit-form-btn:hover, 
.edit-form-box .edit-form-btn:active, 
.edit-form-box .edit-form-btn:visited {
    background-color: #000!Important;
    color: #fff;
    text-decoration: none!Important;
    font-weight: normal!Important;
}

.edit-form-box .open .dropdown-toggle.btn-default {
    background-color: #000;
    color: #fff;
    border-color: #000;          
}    

.edit-services-section .edit-form-box .edit-form-btn:hover, 
.edit-services-section .edit-form-box .edit-form-btn:active, 
.edit-services-section .edit-form-box .edit-form-btn:visited {
    background-color: #fff5f4!Important;
    color: #000;
    text-decoration: none!Important;
    font-weight: normal!Important;
}

form#Form_EditServicesForm .edit-form-box .open .dropdown-toggle.btn-default, 
.edit-services-section .edit-form-box .open .dropdown-toggle.btn-default {
    color: #000;
    border-color: #000;  
    box-shadow: none;
}    

.edit-form-box .edit-form-btn:hover img {
    visibility: visible;
}

form#Form_EditServicesForm .edit-form-box .edit-form-btn:hover .fc-icon, 
.edit-services-section .edit-form-box .edit-form-btn:hover .fc-icon {
    visibility: visible;
}

.edit-form-box .scrollable-menu {
    height: auto;
    max-height: 168px;
    overflow-x: hidden;
    width: 100%;
    background-color: #000;
    border-radius: 0;

}

form#Form_EditServicesForm .edit-form-box .scrollable-menu, 
.edit-services-section .edit-form-box .scrollable-menu {
    height: auto;
    max-height: 130px;
    overflow-x: hidden;
    width: 100%;
    border-radius: 0;

}

.edit-form-box .scrollable-menu li a {
    line-height: 30px;
    color: #fff;
    width: 100%;
    margin : 0 auto;
    text-align:center;
}

form#Form_EditServicesForm .edit-form-box .scrollable-menu li, 
.edit-services-section .edit-form-box .scrollable-menu li {
    margin: 5px 0;
}

form#Form_EditServicesForm .edit-form-box .scrollable-menu li a, 
.edit-services-section .edit-form-box .scrollable-menu li a {
    line-height: 35px;
    padding: 0;
}

form#Form_EditServicesForm .dropdown-menu>li>a:focus, form#Form_EditServicesForm .dropdown-menu>li>a:hover, 
.edit-services-section .dropdown-menu>li>a:focus, .edit-services-section .dropdown-menu>li>a:hover {
    color: #fff!Important;
    background-color: #000;
}

.edit-form-box .scrollable-menu li a:hover {
    color: #000;
}

.registration-form .fc-icon {
    display: inline-block;
    font-size: 2em;
    line-height: .5em;
    height: .5em;
    font-family: "Courier New", Courier, monospace;
}

.edit-form-box .scrollable-menu::-webkit-scrollbar {
    width: 4px;
}

.edit-form-box .scrollable-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
}

.edit-form-box .scrollable-menu::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 2px;
}

form#Form_EditServicesForm .edit-form-box .scrollable-menu::-webkit-scrollbar-thumb, 
.edit-services-section .edit-form-box .scrollable-menu::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 2px;
}




.col-gallery-freelancer #carousel-freelancer {
    max-width: 545px;
    margin-bottom:30px;
}

.col-gallery-freelancer .item .thumb {
    width: 88px;
    height: 88px;
    cursor: pointer;
    float: left;
    /*margin: 30px 14px 30px 14px;*/
    margin: 0px 25px 5px 0;
}
.col-gallery-freelancer .item .thumb-first {
    margin-left: 0px;
}

#thumbcarousel .carousel-control.right {
    position: absolute;
    right: -4%;
    font-size: 40px;
    color: #000;
    background: none;
}    

#carousel-freelancer .carousel-control.right {
    background: none;
}    

#thumbcarousel .arrow-right {
    right: -50%;
}

#thumbcarousel .carousel-control.left {
    position: absolute;
    left: -4%;
    font-size: 40px;
    color: #000;
    background: none;
}

#carousel-freelancer .carousel-control.left {
    background: none;
}

/*
#thumbcarousel .carousel-inner > .next.left, #thumbcarousel .carousel-inner > .prev.right {
    left: 0 !important;
}

#thumbcarousel .carousel-inner .active.left  { left: -113px;             }
#thumbcarousel .carousel-inner .active.right { left: 113px;              }
#thumbcarousel .carousel-inner .next         { left: 113px;               }
#thumbcarousel .carousel-inner .prev         { left: -113px;              }
#thumbcarousel .carousel-control.left        { background-image: none; }
#thumbcarousel .carousel-control.right       { background-image: none; }
#thumbcarousel .carousel-inner .item         { background: white;      }


#myCarousel .carousel-inner > .next.left, #myCarousel .carousel-inner > .prev.right {
    left: 0 !important;
}

#myCarousel .carousel-inner .active.left  { left: -113px;             }
#myCarousel .carousel-inner .active.right { left: 113px;              }
#myCarousel .carousel-inner .next         { left: 113px;               }
#myCarousel .carousel-inner .prev         { left: -113px;              }
#myCarousel .carousel-control.left        { background-image: none; }
#myCarousel .carousel-control.right       { background-image: none; }
#myCarousel .carousel-inner .item         { background: white;      }

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
      left: 0;
      -webkit-transform: translate3d(113px, 0, 0);
      transform: translate3d(113px, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
      left: 0;
      -webkit-transform: translate3d(-113px, 0, 0);
      transform: translate3d(-113px, 0, 0);
  }
}

*/

#thumbcarousel .arrow-left {
    left: -50%;
}

#thumbcarousel .carousel-control {
    width: 5%;
}    

.col-gallery-freelancer .item .thumb-last {
    margin-right: 0px;
}

.col-gallery-freelancer .item .thumb img {
    width: 100%;
    margin: 2px;
}
.col-gallery-freelancer .item img {
    width: 100%;	
    max-width: 545px;
    height: auto;
    max-height: 703px;        
    text-align:center;
    /*margin: 0 auto;*/
}

.col-gallery-freelancer ol.carousel-indicators {
    display: none;
}

#thumbcarousel .carousel-inner {
    padding: 0;
}

/* end profile carousel */

/* start  profile collapse */

.col-info {
    padding-left:56px;
}

.booking-section {
    margin-top: 100px;
}

.col-info .panel-heading {
    border:0;
    padding:0;
    color: inherit;
    background:none;
}    

.col-info .panel-group .panel {
    border:0!Important;
}

.col-info .panel {
    box-shadow: none;
    min-height: 44px;   
}

.col-info p {
    line-height: 44px;
}

.col-info a.travel, .col-info a.travel:hover {
    text-decoration: underline;
    color: #333;
    width:100%;
    padding-bottom:37px;
}

.col-info .how-travel{
    margin-bottom:22px;
}

.col-info ul, .col-info ol, .col-info dl {
    margin: 0; 
}

.col-info ul li {
    list-style-type: none;
}
.col-info li {
    margin-bottom: 20px;
}

.booking-section button {
    border-radius: 0;
    color: #fff;
    width: 99%;
    border-color: #000!Important;
    text-align: center;
    height: 46px;

}

.col-info button {
    border-radius: 0;
    color: #fff;
    width: 195px;
    height: 41px;
    border-color: #000!Important;
    text-align: center;
    padding: 6px 12px;
}

.col-info .service-dropdown, .col-info .book-now  {
    margin-left:10px;
} 


.booking-section button {
    text-align: left;
}
.col-info .btn-group {
    width: 100%;
}

.booking-section .btn-group {
    max-width: 100%;
    width: 400px;
}

.col-info .btn-group.open>button>span, .booking-section .btn-group.open>button>div {
    text-decoration: none!Important;
}

.booking-section button>div {
    width: 345px;
    max-width: 100%;
    overflow-x: hidden;        
}

.col-info .btn-group.open .dropdown-toggle, .booking-section .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}


.col-info button:hover, .col-info button:focus, .col-info button:active, .col-info button:visited, 
.booking-section button:hover, .booking-section button:focus, .booking-section button:active, .booking-section button:visited
{
    background-color: #000!Important;
    color: #fff!Important;
    font-weight: normal!Important;
    text-decoration: none!Important;
}

.col-info .btn-default:active:focus, .col-info .btn-default:active:hover, 
.booking-section .btn-default:active:focus, .booking-section .btn-default:active:hover {
    background-color: #000!Important;
    color: #fff!Important;    
}

.col-info .open>.dropdown-toggle.btn-default:focus, .col-info .open>.dropdown-toggle.btn-default:hover, 
.booking-section .open>.dropdown-toggle.btn-default:focus, .booking-section .open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}        

.col-info button.book-now:hover, .col-info button.book-now:focus, .col-info button.book-now:active, .col-info button.book-now:visited {
    background: #fff!Important;
    color: #000!Important;
    font-weight: bold!Important;
    text-decoration: none!Important;
}

.col-info .select-services:hover, 
.col-info .select-services:active, 
.col-info .select-services:visited 
.booking-section .select-services:hover, 
.booking-section .select-services:active, 
.booking-section .select-services:visited 
{
    background-color: #000!Important;
    color: #fff;
    text-decoration: none!Important;
    font-weight: normal!Important;
}

.col-info .select-services img, 
.booking-section .select-time img {
    width: 12px;
    visibility: hidden;
    position: absolute;
    margin-right: 10px;
    right: 10px;
    top: 40%;
}

.booking-section .select-services img {
    width: 12px;
    position: absolute;
    margin-right: 10px;
    right: 10px;
    top: 40%;
}

.col-info .select-services:hover img, 
.booking-section .select-services:hover img, 
.booking-section .select-time:hover img {
    visibility: visible;
}

.col-info #dropservices {
    background-color: #000;
    color: #fff;
    width: 394px;
    padding: 20px 0;
    margin-top: 54px;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    position:relative;
    z-index: 2;
    max-height: 790px;
    overflow-y: auto;
    overflow-x:hidden;
    margin-left: 10px;
}
.col-info #dropservices::-webkit-scrollbar {
    width: 6px;

}

.col-info #dropservices::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
}

.col-info #dropservices::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius:3px;
}

.col-info #dropservices > .row:not(:last-child) {
    margin-bottom:20px;
}

.col-info .service-dropdown:hover{
    font-weight: 200!Important;
    text-decoration: none;
}

.col-info .service-dropdown {
    position:relative;
}

.col-info .service-dropdown img {
    /*visibility: hidden;*/
    position:absolute;
    right: 18px;
    top:12px;
}

.col-info .service-dropdown:hover img{
    visibility: visible;
}



.col-info .dropdown-menu,
.booking-section .dropdown-menu {
    background-color: #000;
    color: #fff;
    width:100%;
    max-width:100%;
    padding: 20px 0;
    margin-top: 5px;
    margin-left: 0;
    left: 0px;
    border-radius: 0;
    box-shadow: none;
    border:0;
    position:relative;
    max-height:354px;
    overflow-y: auto;
}

.booking-section .dropdown-menu::-webkit-scrollbar {
    width: 6px;

}

.booking-section .dropdown-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
}

.booking-section .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius:3px;
}



.booking-section .book-time .dropdown-menu {
    height: auto;
    max-height: 354px;
    overflow-x: hidden;
}

.booking-section .book-time .dropdown-menu::-webkit-scrollbar {
    width: 6px;

}

.booking-section .book-time .dropdown-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
}

.booking-section .book-time .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius:3px;
}


.booking-section .book-time .dropdown-menu li {
    text-align:center;
}

.booking-section .book-time .dropdown-menu li:not(:last-child) {
    margin-bottom: 20px;
}

.booking-section .dropdown-menu li {
    margin-bottom: 0;

}

.booking-section #Form_BookForm_Address_Holder {
    padding-left: 35px;
}

.booking-section .trave-cost-label {
    padding-left: 35px;
}

.booking-section .travel-container {
    /*width: 400px;*/
    margin:0 auto;
}

.booking-section .update-address {
    text-align:center;
    width: 70px;
}
.col-info .open>.dropdown-toggle.btn-default, 
.booking-section .open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.col-info .dropdown-menu>li>a,
.booking-section .dropdown-menu>li>a {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    word-spacing: 0.05em;
    font-size: 13px;
}

.col-info .dropdown-menu>li>a:hover, .booking-section .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000;

}

.booking-section .book-time .dropdown-menu>li>a:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;

}

.booking-section .col-label {
    font-size: 14px;
}

.col-info .panel-body {
    border: 0!Important;
    font-size: 16px;
}

.col-info .panel-heading a:focus, a:hover {
    text-decoration: none;
}    

.col-info .glyphicon {
    top: -2px;
    font-weight: 200;
    font-size: 9px;
}

.col-info span.panel-title {
    font-size: 18px;
}

.col-info .panel-title a:hover {
    color: #333; 
}

.col-info .collapsing {
    -webkit-transition: height .01s ease;
    -o-transition: height .01s ease;
    transition: height .01s ease;
}

.booking-section  .your-booking-heading {
    font-size: 20px;
    margin-bottom:83px;
}

.booking-section .registration-form form input[type="submit"], .booking-section .registration-form .Actions .action {
    background: none;
    padding: 0;
    color: #000;
    display: inline-block;float:right;margin-top: 10px;
    margin-bottom: 10px;margin-right:50px;
    width: auto;
    border: 0;
    text-transform:none;
}

/* end profile collapse */

/* start of css for browsing artist */

.artist-browse .list-freelancer {
    max-width: 1048px;
    margin-bottom: 35px;
    margin-top: 5px;
    padding-left:6px;
}

.artist-browse .img-wrapper  {
    cursor: pointer;  
    position: relative;  
    overflow: hidden;  
    margin: 25px 0;
    text-align:center;
}

.artist-browse .img-wrapper img {
    max-width:100%;
}    

.artist-browse .img-wrapper .caption {  
    background-color: rgba(0,0,0,0.75);  
    position: absolute;
    color: #fff;  
    z-index: 100;  
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
    left: 0;  
    opacity: 0;  
    width: 299px;  
    height: 299px;  
    font-size: 16px;
    left: 50%;
    transform: translate(-50%);
}    

.artist-browse .img-wrapper .caption .caption-text {      
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); 
    color: #fff;
    text-transform: uppercase;
    text-align:center;
}  

.artist-browse .img-wrapper:hover .fade-caption  {  
    opacity: 1;  
}  

.artist-browse .img-wrapper .mob-caption {
    display:none;
    text-align:center;
    font-size: 16px;    
}



div#noNotifications .newAppointmentContent::-webkit-scrollbar {
    width: 6px;

}

div#noNotifications .newAppointmentContent::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
}

div#noNotifications .newAppointmentContent::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius:3px;
}    

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
    width: 28px;
    height: 3px;
}

div.new-appointment {
    background:#ffeced;    
    font-size:12px;
}

#noNotifications > div {
    width: 791px;
    max-width: 100%;
    height: 381px;
    max-height: 100%;
}

#noNotifications .new-appointment {
    min-width:1px;
    font-size:12px;
    display:block;
}

#noNotifications .new-appointment .registration-form {
    background:#ffeced;        
}

div.new-appointment form {
    width: 100%; 
    max-width: 100%;
}

div.new-appointment .title {
    font-size: 14px;
    text-transform: capitalize;
    text-align:center;
}

div.new-appointment .subtext {
    margin: 10px 0 15px 0;
    text-align:center;
}

div.new-appointment .newAppointmentContent {
    width: 100%; 
    height: auto!important; 
    overflow-y: auto;
}   

div.new-appointment .newAppointmentContent table {
    width: 100%; 
    max-width:791px; 
    margin: 0 auto;
    border:0;
}

div.new-appointment .newAppointmentContent tr {
    border:0; 
    border-bottom: 2px solid #000; 
    text-align:left;
    background:none;
    height: 100px;
}

div.new-appointment .newAppointmentContent td.col-form {
    max-width:50px; 
    vertical-align:top; 
    border:0;
    height:69px;
}

div.new-appointment .newAppointmentContent td {
    padding: 10px 2px;
    vertical-align:top ;
    border:0;
    padding-top: 38px;
}





div.new-appointment .mob-view {
    display: none;
}

.ArtistProfilePage .container {
    max-width: 1048px;
}

.ArtistProfilePage .artist-back  {
    margin-bottom:61px;
    margin-top: 7px;
}

.RegistrationUpdatePage form {
    margin: 0 auto;
    max-width: 655px;    
}

.ArtistRegistrationTwoPage .cust-reg .img-step-desk, 
.ArtistRegistrationThreePage .cust-reg .img-step-desk,
.ArtistRegistrationFourPage .cust-reg .img-step-desk,
.ArtistRegistrationFivePage .cust-reg .img-step-desk, 
.ArtistRegistrationSixPage .cust-reg .img-step-desk {
    background-image:none;
    border:0;
    margin-bottom:40px;
    text-align:center;
    max-width: 100%;    
}



.ArtistRegistrationTwoPage .cust-reg .img-step-mob, 
.ArtistRegistrationThreePage .cust-reg .img-step-mob,
.ArtistRegistrationFourPage .cust-reg .img-step-mob, 
.ArtistRegistrationFivePage .cust-reg .img-step-mob, 
.ArtistRegistrationSixPage .cust-reg .img-step-mob {
    display:none;
    background-image:none;
    border:0;
    margin-bottom:40px;
    text-align:center;
    max-width: 100%;  
    margin: 0 auto;
    margin-bottom: 20px;
    width: 210px;
}

.ArtistRegistrationTwoPage .cust-reg .col-label,
.ArtistRegistrationThreePage .cust-reg .col-label,
.ArtistRegistrationSixPage .cust-reg .col-label {
    text-align:left;
    font-size: 12px;
    letter-spacing: 0.1em;
    margin:10px 0;
}

.ArtistRegistrationFourPage .cust-reg .col-label,
.ArtistRegistrationFivePage .cust-reg .col-label, 
.ArtistRegistrationSixPage .cust-reg .col-label {
    text-align:left;
    font-size: 14px;
    margin:10px 0;
}

.ArtistRegistrationTwoPage .registration-form form .col-form-field {
    padding-left: 50px;;
}

.ArtistRegistrationFivePage .cust-reg .service-name {
    font-weight: 400; 
    padding-left:5px; 
    font-size: 15px; 
    text-transform: uppercase;
}

.ArtistRegistrationFivePage .cust-reg .service-length,
.ArtistRegistrationFivePage .cust-reg .service-price {
    font-weight: 400; 
    font-size: 14px; 
    text-transform: uppercase;
    line-height:31px;
}

.ArtistRegistrationFivePage .cust-reg .service-price {
    padding-left: 25px;
}

div.col-info .panel-heading {
    display:block;
}
div.col-info .artist-prof-mob-qna {
    display:none;    
}    

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    outline-offset:inherit;
}

.qtip.appointmentClass .customer-regform form input[type=checkbox]:checked + label::before {
    content: '';
    box-shadow: inset 0px 0px 100px #000, 0px 0px 0px #000;
}

.qtip.appointmentClass .customer-regform  {
    width: 100%;
}        

.qtip.appointmentClass .for-confirm-change {
    display:none;
}

.qtip.appointmentClass .customer-regform .action {
    width: 50%;
    margin-top: 30px;
}

.qtip.appointmentClass .customer-regform  {
    height: auto;
    max-height:none;
    padding: 10px;
}

.qtip.appointmentClass .customer-regform button {
    width: 146px;
    height: 40px;

    position: absolute;
    left:50%;
    transform: translate(-50%, -50%);    
}    


.qtip.appointmentClass .customer-regform .head {
    font-weight:600;
    margin-bottom: 10px;
}        

.qtip.appointmentClass .customer-regform div.field {
    margin-left: 17px;
}            

.qtip.appointmentClass .customer-regform .subhead {
    margin: 20px 5px;
    font-style: normal;
}        

.qtip.appointmentClass .customer-regform label span {
    letter-spacing: 0.1em;
    font-weight:400;

}            

.qtip.appointmentClass .customer-regform label a {
    text-decoration: underline;
    color: #000;
}                


.ArtistProfilePage .date-time {
    margin-top: 20px;
}

div#availability-modal .modal-footer {
    text-align: center;
}

button.disable-button, button.disable-button:hover {
    background: #555!important;
    border-color: #555!important;
    color: #fff!important;
    font-weight: normal!important;
}

.now-active {
    min-height: 450px;
}

.ArtistRegistrationTwoPage .welcome-header, 
.RegistrationUpdatePage .welcome-header {
    display:none;
}

.ArtistRegistrationThreePage .member-text {
    text-transform: lowercase;
}

.ArtistRegistrationFivePage .cust-reg .travel-option {
    width:76%;
}

.ArtistRegistrationFivePage .registration-form form input[type=checkbox] + label a {
    text-decoration:underline;
}

/* end of css for browsing artist */

.BookingConfirmNoticePage .book-confirm-margin-top {
    margin-top: 100px;
}

.ArtistRegistrationSixPage .cust-reg .subhead {
    font-style: normal;
}

.ArtistRegistrationFourPage .cust-reg .subhead {
    font-style:normal!important;
}

#availability-modal .modal-footer {
    border-top: 0;
}

.home-section-separator {
    width: auto;
    height: 1px;
    border-top: 1px solid #e3e3e3;
    margin:73px auto;
    margin-left: 22px;
    margin-right:11px;
}

.artist-browse {
    width: 1010px;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.ArtistProfilePage .booking-section .travel-container .for-traveling-section {
    margin-top: -18px;
}

.ArtistRegistrationSixPage .pic-container, 
#openDashBoardGallery .pic-container {
    max-width: 145px;
    width:100%;
    max-height: 180px;

}

.ArtistRegistrationSixPage .pic-container ul li img, 
#openDashBoardGallery .pic-container ul li img {
    max-width: 100%;
    max-height: 100%;
}

.how-works-footer {
    border-top: 1px solid #e3e3e3;
    padding-top:93px;
}

.ArtistProfilePage button.book-now-disable, .ArtistProfilePage button.book-now-disable:hover {
    opacity: 0.65; 
    cursor: not-allowed;    
    background-color: #000!Important;
    color: #fff!Important;
}

.qtip.qtip-default.appointmentClass {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100vh;    
}

@media only screen and (width: 600px) { 
    div#openDashBoardDetails > div {
        max-width: 600px;
    }

    .page-container div#openDashBoardPwd > div {
        max-width: 600px;
    }        

    div#openDashBoardShowBankDetails > div {
        max-width: 600px;
    }    
    
    .CustomerRegistrationPage .main .body-container.cust-reg {
        background: url(../images/Registration_art.jpg) no-repeat top left!important;
    }        

}    

@media only screen and (max-width: 360px) { 
    #Form_Form #Form_Form_Artist_Holder {
        margin-left: 0px;
    }

    .page-container div#openDashBoardPwd p.label-dashbrd {
        font-size: 10px;
    }    

    .page-container div#openDashBoardPwd .registration-form ::-webkit-input-placeholder {
        font-size: 9px;
    }

    .page-container div#openDashBoardPwd .registration-form input[type="text"]:-moz-placeholder { /* older Firefox*/
        font-size: 9px;
    }

    .page-container div#openDashBoardPwd .registration-form input[type="text"]::-moz-placeholder { /* Firefox 19+ */ 
        font-size: 9px;
    }

    .page-container div#openDashBoardPwd .registration-form input[type="text"]::-moz-placeholder { 
        font-size: 9px;
    }        

    .page-container div#openDashBoardBio .registration-form {
        /*margin-left: 25px;*/
    }    

    .page-container div#openDashBoardBio .registration-form .col-md-1, 
    .page-container div#openDashBoardBio .registration-form .col-xs-1,
    .page-container div#openDashBoardBio .registration-form .col-md-11,
    .page-container div#openDashBoardBio .registration-form .col-xs-11 {
        padding-right: 10px;
        padding-left: 10px;
    }    

    .page-container div#openDashBoardBio #mapDialog .modal-content {
        padding: 0;
    }
}    

@media only screen and (max-width: 768px) { 
    div.how-works-section, div.become-artist-section {
        margin-top: 20px;
        padding-left: 10%;
        padding-right: 10%;
    }

    .how-boxes-body .how-boxes-col
    {
        padding: 40px 10px;
        height: 380px;
        max-height: 380px;
    }    

    .artist-body .how-boxes-col 
    {
        padding: 40px 10px;
        height: 530px;
        max-height: 530px;
    }

    .artist-body {
        height: 1150px;
    }

    .main > .container {
        margin-top: 20px;
    }    

    .body-container.cust-reg {
        margin-top: 20px;
    }    

    .secondary_menu {
        margin-top: 20px;
    }

    div#openDashBoardPwd > div {
        max-width: 545px;
    }    

    .now-active {
        min-height: 200px;
    }    

    .BookingConfirmNoticePage .book-confirm-margin-top {
        margin-top: 50px;
    }

    .CustomerRegistrationPage .customer-regform {
        min-height: 330px;
        top: 0;
    }    
    .customer-regform {
        width:100%;
    }
    .ArtistRegistrationSixPage .gal-col {
        width: 100%!important; 
    }    

    .home-section-separator {
        display:none;
    }

    .how-boxes-body .how-boxes-body-col-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0;
    }    

    .ArtistProfilePage .col-info .service-dropdown, .ArtistProfilePage .col-info .book-now, .ArtistProfilePage .col-info #dropservices { 
        margin-left:0px;
    } 

    .ArtistProfilePage .col-info button {
        width: 100%;
        height: auto;
    }    

    #openDashBoardGallery .gallery-photo-label {
        font-size:97%
    }    

    .HowItWorksPage .how-works-footer, .BecomeArtistPage .how-works-footer {
        border-top: 0;
        padding-top:50px!important;
    }    

    .social-link {
        margin-top: 25px;
    }

    .ArtistRegistrationFourPage .registration-form .col-xs-6 {
        padding-left: 2px;
        padding-right: 2px;    
    }    

    .ArtistRegistrationFourPage  .how-many-years-section {
        margin-top: 20px!important   ;
    }

    .ArtistRegistrationFivePage hr {
        margin-top: 30px!important;
        margin-bottom: 20px!important;
    }
    .ArtistRegistrationFivePage  .subtext {
        font-size: 10px;
        text-transform: lowercase;
    }

    .page-container .customer-regform ::-webkit-input-placeholder {
        font-size: 11px;
    }
    .page-container .registration-form ::-webkit-input-placeholder {
        font-size: 11px;

    }

    .page-container .customer-regform input[type="text"]:-moz-placeholder { /* older Firefox*/
        font-size: 11px;
    }
    .page-container .registration-form input[type="text"]:-moz-placeholder { /* older Firefox*/
        font-size: 11px;
    }

    .page-container .customer-regform input[type="text"]::-moz-placeholder { /* Firefox 19+ */ 
        font-size: 11px;
    } 
    .page-container .registration-form input[type="text"]::-moz-placeholder { /* Firefox 19+ */ 
        font-size: 11px;
    } 
    .page-container .customer-regform input[type="text"]::-moz-placeholder { 
        font-size: 11px;
    }
    .page-container .registration-form input[type="text"]::-moz-placeholder { 
        font-size: 11px;
    }

    .page-container .customer-regform input[type="email"]::-moz-placeholder { /* Firefox 19+ */ 
        font-size: 11px;
    } 
    .page-container .registration-form input[type="email"]::-moz-placeholder { /* Firefox 19+ */ 
        font-size: 11px;
    } 
    .page-container .customer-regform input[type="email"]::-moz-placeholder { 
        font-size: 11px;
    }
    .page-container .registration-form input[type="email"]::-moz-placeholder { 
        font-size: 11px;
    }

    .page-container .customer-regform :-ms-input-placeholder { 
        font-size: 11px;
    }
    .page-container .registration-form :-ms-input-placeholder { 
        font-size: 11px;
    }    

    div#openDashBoardFreelanceMenu > div span {
        font-size: 12px;
    }    

    div#openDashBoardFreelanceMenu > div .link-in-menu {
        font-size: 10px;
    }        

    .ArtistBrowsePage .artist-browse {
        padding-left: 15px; 
        padding-right: 15px;
    }    

    .ArtistBrowsePage .artist-browse .row {
        margin-left: 0; 
        margin-right: 0;
    }        

    .ArtistProfilePage .booking-section .registration-form form input[type="submit"], 
    .ArtistProfilePage .booking-section .registration-form .Actions .action {
        margin-right: 0;
    }    

    .ArtistProfilePage .travel-book-separator {
        margin-top: 40px!important;
        margin-bottom: 45px!important;
    }

    div#noNotifications .new-appointment .newAppointmentContent td {
        padding-top: 10px; 
    }    

}    

@media (width: 320px) {
    .page-container .custom-login-form ::-webkit-input-placeholder {
        font-size: 15px;
        letter-spacing:0.1em;
    }

    .page-container .custom-login-form input[type="text"]:-moz-placeholder { /* older Firefox*/
        font-size:15px;
        letter-spacing:0.1em;
    }

    .page-container .custom-login-form input[type="text"]::-moz-placeholder { /* Firefox 19+ */ 
        font-size: 15px;
        letter-spacing:0.1em;
    }

    .page-container .custom-login-form input[type="text"]::-moz-placeholder { 
        font-size: 15px;
        letter-spacing:0.1em;
    }    

    .page-container .registration-form ::-webkit-input-placeholder {
        font-size: 10px;
        letter-spacing: 0.1em;

    }

    .page-container .registration-form input[type="text"]:-moz-placeholder { /* older Firefox*/
        font-size: 10px;
        letter-spacing: 0.1em;
    }

    .page-container .registration-form input[type="text"]::-moz-placeholder { /* Firefox 19+ */ 
        font-size: 10px;
        letter-spacing: 0.1em;
    }

    .page-container .registration-form input[type="text"]::-moz-placeholder { 
        font-size: 10px;
        letter-spacing: 0.1em;
    }    

    .page-container div.modalDialog > div, div.errorModalDialog > div {
        max-height: none!important;
        height: 800px!important;
        position:relative!important;
    }        

    .page-container div.modalDialog, div.errorModalDialog {
        top: 0!important;
    }    

    .ArtistRegistrationFourPage form, #openDashBoardBio form {
        padding-left: 22px!important;
    }    

    .ArtistRegistrationFourPage .cust-reg .col-label {
        padding-left: 22px!important;
        letter-spacing:normal!important;
    }    

    .page-container #map {
        width: 285px;
    }    

    .page-container #mapDialog #map {
        width: 274px;
    }        

    .page-container #mapDialog .modal-content {
        padding: 0;
    }    

    .page-container #openMapModal {
        overflow-y: scroll;
        overflow-x: hidden;        
    }

    .page-container #openMapModal > div {
        height: inherit;
    }    

    .ArtistRegistrationSixPage .gal-col {
        width: 100%!important;
    }    

    .CustomerRegistrationPage #Form_Form_Artist_Holder input[type=checkbox] + label::before {
        margin-left: 0!important;
    }    

}

@media (width: 768px) {
    .page-container .main {
        margin-top: 50px;
    } 

    .RegistrationNoticePage .now-active {
        min-height: 400px;
    }            

    .col-info {
        padding-left: 10px;
    }

    .ui-datepicker-prev {
        left: 0;
    }    

    .ui-datepicker-next {
        right: 0;
    }    

    .ui-datepicker tbody td {
        padding-bottom: 8px!Important;
    }    

    button.service-btn {
        margin-top: -30px;
    }    

    .CustomerRegistrationPage .customer-regform {
        min-height: 400px;
    }        

    .HowItWorksPage .main .how-boxes-body .how-boxes-col {
        padding: 33px 8px;

    }       

    .nav-mobile-only .dropdown.regions.open .dropdown-menu {
        width: 90%;

    }    

    div#openDashBoardServices form .content {
        width: 84%;
    }    

    .main .how-boxes-body {
        background: url(../images/HowItWorks.png) no-repeat top left!important;
    }    

    .main .artist-body {
        background: url(../images/ArtistBenefits_Art.png) no-repeat top left!important;
        background-size: cover!important;
    }    
    
    .CustomerRegistrationPage .main .body-container.cust-reg {
        background: url(../images/Registration_art.jpg) no-repeat top left;
    }    
}


@media (min-width: 768px) {
    .col-sm-5th {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5th {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5th {
        width: 20%;
        float: left;
    }
}

@media only screen and (width: 800px) {
    .navbar-default img.search-top-ico-menu {
        display:inline;
    }
}
/* BREAKPOINT 960px */

@media only screen and (width: 960px) {
    .content img {
        max-width: 97%;
        height: auto;
    }
    .header .primary ul {
        margin-left: -12px;
        -webkit-padding-start: 0px;   
    }

    .main .cust-reg .content-container {

        width:150vw;

    }

    .content-container .customer-regform form .checkbox label.right, .radio label.right {

        float: left;

    }    


    .content-container .customer-regform {
        height: 19%;
        min-height: 63%;
    }    

    .EmailConfirmationPage .content-container .customer-regform {
        height: 19%;
        min-height: 512px;
    }        

    .content-container .customer-regform a.btn, 
    .content-container .customer-regform button, 
    .content-container .customer-regform form input[type="submit"], 
    .content-container .customer-regform .Actions .action {
        padding: 5px 10px;
    }    

    .content-container .customer-regform div.field {
        margin: 5px 0 0px;
    }     

    .tablet-nav .header {
        padding: 0px;
    }
    .tablet-nav .header .inner {
        padding: 20px 0 0 0;
        min-height: 0;
    }
    .tablet-nav .header .primary .nav-open-button {   
        z-index: 100;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 5px;
        display: block;
        cursor: pointer;
        font-family: 'WebSymbolsRegular';
        font-size: 20px;
        color: #929292;
    }
    .tablet-nav .header .primary ul {
        z-index: 10;
        position: relative;
        display: none; /* initially hiding the navigation */
        float: left;
        margin: 0;
        padding: 0;
        white-space: normal;
        width: 100%;
    }
    .tablet-nav .header .primary ul li {
        width: 100%;
        margin: 0;
        padding: 0;
        float: none;  displays list items vertically 
        background: none;
        position: relative;
        text-shadow: 0 1px #fff;
    }
    .tablet-nav .header .primary ul li:after {  
        content: '\003e';
        display: block;
        position: absolute;
        right: 20px;
        top: 0px;
        font-family: 'WebSymbolsRegular';
        font-size: 14px;
        color: #999;
        text-align: center;
        vertical-align: middle;
        line-height: 38px;
    }
    .tablet-nav .header .primary ul li a,
    .tablet-nav .header .primary ul li.current a,
    .tablet-nav .header .primary ul li.section a { 
        padding: 10px 0 10px 22px;
        font-weight: 700;
        border-bottom: 1px solid #bbb;
        color: #434343;
        background: #e7e7e7;
    }
    .tablet-nav .header .primary ul li.current a,
    .tablet-nav .header .primary ul li.section a {
        background: #CCCCCC;  
    }
    .tablet-nav .header .primary ul li a:hover {
        color: inherit;
    }
    .tablet-nav .header .primary li.section:after,
    .tablet-nav .header .primary li.current:after {
        display: none;  
    }
    .tablet-nav .tablet-nav .header nav.primary ul li {
        padding: 0;
    }    
}

@media only screen and (max-width: 960px) {

    .customer-regform ::-webkit-input-placeholder {
        font-size: 80%;
    }
    .registration-form ::-webkit-input-placeholder {
        font-size: 80%;
    }
    .ArtistRegistrationTwoPage .registration-form ::-webkit-input-placeholder {
        padding-left: 10px;
    }

    .customer-regform input[type="text"]:-moz-placeholder { /* older Firefox*/
        font-size: 80%;
    }
    .registration-form input[type="text"]:-moz-placeholder { /* older Firefox*/
        font-size: 80%;
    }

    .customer-regform input[type="text"]::-moz-placeholder { /* Firefox 19+ */ 
        font-size: 80%;
    } 
    .registration-form input[type="text"]::-moz-placeholder { /* Firefox 19+ */ 
        font-size: 80%;
    } 
    .customer-regform input[type="text"]::-moz-placeholder { 
        font-size: 80%;
    }
    .registration-form input[type="text"]::-moz-placeholder { 
        font-size: 80%;
    }

    .customer-regform input[type="email"]::-moz-placeholder { /* Firefox 19+ */ 
        font-size: 80%;
    } 
    .registration-form input[type="email"]::-moz-placeholder { /* Firefox 19+ */ 
        font-size: 80%;
    } 
    .customer-regform input[type="email"]::-moz-placeholder { 
        font-size: 80%;
    }
    .registration-form input[type="email"]::-moz-placeholder { 
        font-size: 80%;
    }

    .customer-regform :-ms-input-placeholder { 
        font-size: 80%;
    }
    .registration-form :-ms-input-placeholder { 
        font-size: 80%;
    }    

}

@media (max-width: 960px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
/* BREAKPOINT 640px */

/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 768px) { 
    .typography h2 {
        font-size:19px;
    }
    body {
        max-width: 768px;
        background-size: cover;
    }

    .navbar-default a img.desktopview{
        display: none;
    }            
    .navbar-default a img.mobileview{
        display: inline;
    }        
    #media-query-trigger {
        visibility: visible;
    }
    #map {
        margin:auto;
        width:300px; height:400px;
    }
    .mapModalDialog > div {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding: 20px 20px 13px 20px;
    }
    div.new-appointment .newAppointmentContent td.col-form {
        max-width: 50px;
        vertical-align: middle;
        border: 0;
        height: auto;
        display: table-cell;
    }
    button.service-btn {
        margin-top: -20px;
        white-space: nowrap;
        width: 100%;
        padding: inherit;
        background: none!important;
        padding: 0;
        color: #000;
        float: right;
        text-align: right;
        text-transform: none;
        width: auto;
        border: 0; 
        font-weight:700!important;

    }
    button.service-btn-app, button.service-btn-app-x  {
        background: none;
        padding: 0;
        color: #000;
        text-align: right;
        text-transform: none;
        width: auto;
        border: 0;   
        font-size:12px;
        font-weight:700!important;
        padding-top: 15px;
    }    

    .service-details .service-act {
        margin-right: 12px;
    }  
    .service-details {
        padding-right:25px;
    }
    .service-block {
        /*padding-right:20px;*/
    }

    .service-block .narrow{
        margin-left: -10px;
    }    

    .add-service {
        margin-right:23px;
    }

    button.service-btn-app-x  {
        float: right;
    }        
    .pic-container .dropzone-holder {    
        width: 147px;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 22px;
    }
    ul.file-attachment-field-previews.grid {
        margin-left:0;
    }

    ul.file-attachment-field-previews.grid li {
        font-size: 7px;
    }    

    a.dropzone-select.dz-clickable {
        font-size: 7px;
    }    

    div#openDashBoardGallery a.dropzone-select.dz-clickable, div#openDashBoardGallery .dropzone-action {
        font-size: 10px;
    }        
    /* Navigation*/

    .tablet-nav .header .brand {
        float: none;
        display: inline-block;
        margin-bottom: 22px;
    }
    .brand h1 {
        font-size: 40px;
    }
    .brand h1 {
        padding-right: 100px; /* padding stops .brand text from overlapping the search and nav buttons */
    }
    .tablet-nav .header {
        padding: 0px 0 20px 0;
    }
    .tablet-nav .header .inner {
        padding: 0 0 0 0;
        min-height: 0;
    }
    .tablet-nav .header .primary .nav-open-button { /* styling and positioning of the nav toggle button */
        z-index: 100;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 5px;
        display: block;
        cursor: pointer;
        font-family: 'WebSymbolsRegular';
        font-size: 20px;
        color: #929292;
    }
    .tablet-nav .header .primary ul {
        z-index: 10;
        position: relative;
        display: none; /* initially hiding the navigation */
        float: left;
        margin: 0;
        padding: 0;
        white-space: normal;
        width: 100%;
    }
    .tablet-nav .header .primary ul li {
        width: 100%;
        margin: 0;
        padding: 0;
        float: none; /* displays list items vertically */
        background: none;
        position: relative;
        text-shadow: 0 1px #fff;
    }
    .tablet-nav .header .primary ul li:after { /* creates the arrow for the primary nav links */
        content: '\003e';
        display: block;
        position: absolute;
        right: 20px;
        top: 0px;
        font-family: 'WebSymbolsRegular';
        font-size: 14px;
        color: #999;
        text-align: center;
        vertical-align: middle;
        line-height: 38px;
    }
    .tablet-nav .header .primary ul li a,
    .tablet-nav .header .primary ul li.current a,
    .tablet-nav .header .primary ul li.section a { /* styling the  top level nav links */
        padding: 10px 0 10px 22px;
        font-weight: 700;
        border-bottom: 1px solid #bbb;
        color: #434343;
        background: #e7e7e7;
    }
    .tablet-nav .header .primary ul li.current a,
    .tablet-nav .header .primary ul li.section a {
        background: #CCCCCC; /* makes background on current top level page slightly darker */
    }
    .tablet-nav .header .primary ul li a:hover {
        color: inherit;
    }
    .tablet-nav .header .primary li.section:after,
    .tablet-nav .header .primary li.current:after {
        display: none; /* hides the link arrow on current top level page */
    }
    .tablet-nav .tablet-nav .header nav.primary ul li {
        padding: 0;
    }
    .customer-regform form input.text,
    .customer-regform form select,
    .registration-form form input.text,
    .registration-form form select{
        height:34px;
    }
    .ArtistRegistrationFourPage .customer-regform form input.text,
    .ArtistRegistrationFourPage .customer-regform form select,
    .ArtistRegistrationFourPage .registration-form form input.text,
    .ArtistRegistrationFourPage  .registration-form form select{
        height:25px;
    }

    .ArtistRegistrationFourPage .bb-continer {
        padding: 15px 0 30px 0;
    }

    .ArtistRegistrationThreePage  .registration-form form input.text,
    .ArtistRegistrationThreePage  .registration-form form select{
        height:42px;
    }  

    .ArtistRegistrationThreePage  .registration-form button {
        padding: 10px 15px;
        margin-top: 5px;
    }


    .customer-regform .col-md-3,
    .registration-form .col-md-3{
        margin:0!important;
        padding-left:5px;
        font-size: 11px;
    }

    .ArtistRegistrationTwoPage .registration-form .col-md-3{
        padding-left:0;
    }

    .reg-back-link {
        margin-right:20px;
    }

    .ArtistRegistrationFourPage form {
        padding-left: 0;
    }

    .Actions {
        margin-top: 20px;
    }

    .ArtistRegistrationFourPage .Actions {
        margin-top: 20px;
        margin-right:0!important;
    }    

    .ArtistRegistrationFivePage .Actions {
        margin-top: -20px;
        margin-right: 0px!important;
    }

    .ArtistRegistrationSixPage .Actions{
        margin-top:0px;
        width: 90%;
    }


    .footer {
        padding-top:20px;
    }

    .customer-regform h4 {
        margin-top:30px;
    }

    .bb-continer {
        padding: 15px 0;
    }

    /* Search Form */
    .search-bar { /* adds new styling to mobile search bar */
        width: 100%;
        position: relative;
        top: 0;
        right: 0;
        display: none; /* hides searchbar initially */
        padding: 20px 0;
        margin: 0;
        background-color: #E7E7E7;
    }
    .search-dropdown-icon { /* styling for search toggle button */
        display: block;
        cursor: pointer;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 60px;
        top: 34px;
        font-family: 'WebSymbolsRegular';
        font-size: 20px;
        color: #ededed;
        text-align: center;
        line-height: 20px;
    }
    .search-bar form {
        margin: 0;
        width: 100%;
    }
    .search-bar form fieldset {
        padding: 0 18px;
        left: 0;
        right: 0;
        position: relative;
    }
    .search-bar div.field {
        margin-bottom: 0;
    }
    .search-bar form input.text {
        width: 89%; /* makes search input full width - allowing for space either side */
        max-width: 89%;
        padding: 8px 10% 8px 1%;
        text-indent: 15px;
        position: relative;
        display: block;
        right: 0;
        left: 0;
        border: 1px solid #e5e5e5;
        background: #fff;
        font-size: 17px;
        -moz-border-radius: 20px; /* increase border radius due to increased padding */
        border-radius: 20px;
    }
    .search-bar form input.action {
        right: 5%;
        top: 2px;
        font-size: 18px;
    }

    /* Main Content */
    .main {
        padding: 0px 0 0 0; /* decrease padding so that more content can fit on screen */
    }

    .HowItWorksPage .main, .BecomeArtistPage .main {
        padding-top: 0px;
        margin-top: -20px;
    }

    .content-container,
    .sidebar {
        width: 100%; /* sidenav is now shown above the page content */
        /*margin-bottom: 30px;*/
    }
    .typography h1 { /* decrease size of page heading due to smaller screen */
        font-size: 30px;
        line-height:35px;
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
    .typography p {
        font-size: 14px;
        line-height: 23px;
    }
    p.intro {
        font-size: 19px;
        line-height: 27px;
    }
    .main .inner {
        padding: 0 22px;
    }
    /* Secondry Nav */
    .secondary li a {
        line-height: 24px;
    }
    .secondary li .arrow {
        line-height: 26px;
    }
    /* Footer */
    .footer .right {
        float: left;
        width: 100%;
    }

    form br {
        height: 15px;
        display: block;
        content: "";
    }

    form .two-lines br {
        height: 5px;
    }

    .no-height br {
        height: 0px;
    }

    #today table {
        width: 95%!important;
        margin: auto;
    }
    #today table td.right {
        text-align: right;
    }
    #today table tr.move-up td{
       padding-top: 0px;
    }
       #today table tr.move-down td{
       padding-bottom: 0px;
    }
    #today .TodayMobile  {
        display:block;
    }
    #today .deskview  {
        display:none;
    }    

    #today .TodayMobile tr {

        /*border: 2px solid #333;*/
        border: 0;
    }
    #today .TodayMobile .mobileview {
        border-top: 2px solid #333;
        font-size: 13px;
    }
    #today .TodayMobile .mobileview:last-child {
        border-bottom: 2px solid #333;
    }    
    #today table td {
        /*padding:14px 0 14px 25px;*/
        padding: 4px 0px 4px 0px;
    }    

    #today table td img {
        margin-bottom: 0px;
        width: 17px;
        height: 15px;
        margin-top: -10px;
    }        

    .nav-mobile-only .dropdown.regions .dropdown-menu>li {
        float: none;
        width: 100%;
        padding: 0;
    }

    .nav-mobile-only .dropdown.regions a:hover {
        background-color: #feecec!Important;
    }



    .nav-mobile-only .dropdown.regions .dropdown-menu {
        margin-top: 0px;
        background-color: #fef4f5;
        border:0;
        width: 100%;

    }

    .nav-mobile-only .dropdown.regions .dropdown-menu>li a {
        font-size: 14px!Important;
        text-align:center;
    } 

    .booking-eval-form {
        width:100%;
        height:auto!important;
        font-size:13px;
        margin-top:0;
        margin-bottom:0;
    }

    .cust-reg .content-container {
        margin-top:0;
    }

    .booking-eval-form > div:first-child,  .booking-eval-form > div{
        background-color: #ffeced; height: auto; padding: 10px 10px;
    }
    .promodisclaimer {
        font-size: 9px;
        width: 290px;
        padding-left: 0px;
    }
    .BookingEvaluationPage .content-container {
        margin-bottom:0px;
    }

    .BookingEvaluationPage .content-container .booking-eval-form .alone {
        margin:10px 10px;
    }    

    .BookingEvaluationPage .content-container .booking-eval-form .top {
        margin-top:10px;
    }        

    .BookingEvaluationPage .content-container .booking-eval-form .head {
        font-size: 13px;
    }            

    .BookingEvaluationPage .content-container .booking-eval-form .bottom {
        margin-bottom:10px;
    }            

    .BookingEvaluationPage .content-container hr {
        margin-bottom:5px!Important;
    }    

    .BookingEvaluationPage form {
        padding: 0;
        margin-top: 20px;
    }    

    .BookingEvaluationPage form #Form_PromoForm_PromoCode {
        height: 43px;
    }        


    .BookingEvaluationPage .booking-eval-form > div .row {
        margin: 0px 10px;
    }

    .BookingEvaluationPage .booking-eval-form > div .col-head {
        margin: 10px 10px;
        font-size: 13px;
    }     

    .BookingEvaluationPage .booking-eval-form .more-action {
        margin-top: -35px;
    }    


    .customer-regform form input[type=checkbox] + label::before, .registration-form form input[type=checkbox] + label::before, #today table input[type=checkbox] + label::before {
        margin-right: 3px;
        margin-left: -22px;
        width: 15px;
        height: 15px;
    }

    .CustomerRegistrationPage .customer-regform form input[type=checkbox] + label::before, .registration-form form input[type=checkbox] + label::before, #today table input[type=checkbox] + label::before {
        margin-right: 10px;
        margin-left: -22px;
        width: 15px;
        height: 15px;
    }    

    .CustomerRegistrationPage .customer-regform form #Form_Form_Artist_Holder input[type=checkbox] + label::before, 
    .CustomerRegistrationPage .customer-regform form #Form_Form_Client_Holder input[type=checkbox] + label::before {
        margin-left: 0;
    }        

    .qtip.appointmentClass .customer-regform form {
        width: 100%;
        max-width:100%;
    }        

    .qtip.appointmentClass .customer-regform .head {
        font-weight:600;
        margin-bottom: 10px;
    }        

    .qtip.appointmentClass .customer-regform div.field {
        margin-left: 17px;
    }            

    .qtip.appointmentClass .customer-regform .subhead {
        font-size: 12px;
        margin: 20px 5px;
        font-style: normal;
    }        

    .qtip.appointmentClass .customer-regform label span {
        font-size:12px;
        letter-spacing: 0.1em;
        font-weight:400;

    }            

    label[for=Form_PromoForm_agreement_0] > div{
        display:inline;
        float:right;
        width:97%;
        font-size: 12px;
    }



    .typography h4 {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 5px;
        text-align:center;
    }

    .ArtistRegistrationThreePage .typography h4 {
        font-size: 14px!important;
    }

    /* .content-container .welcome-sec, .content-container .contact-form {
         margin-top:50%;
     }
 
     .content-container .contact-land {
         margin-top:50%;
     }
 
     .content-container .contact-form .form-actions {
         text-align: center;
     }*/
    body{
        /*font-size: 7pt; */
        /*line-height: 10px;*/
    }

    .welcome-sec,.contact-form,.contact-land {

        margin: 0 auto;
        width:79.1vw; 
        height: 51.2vw;
        max-width: 791px;
        max-height:512px;

    }


    .logo-holder {
        max-width:100%!important;
    }

    .main .inner .instagramFeed a img {
        width: 200px!Important;
        height: auto!Important;
    }    
    .main .inner .instagramFeed a:not(:first-child) {
        display:none;
    }

    .main .how-boxes-body {
        height: auto;
        width: auto;
        background: url(../images/home-mobile.png) no-repeat top left;
        background-size: cover;
        font-size: 8pt; 
        line-height: 10px;      
        padding: 50px 0 45px 0;
    } 

    .main .artist-body {
        height: 1300px;
        width: 100%;
        font-size: 8pt; 
        line-height: 10px;        
        margin-top: 40px;
        background: url(../images/become-artist-mobile.png) no-repeat top left;
        background-size: cover;
    }     


    .main .how-boxes-body .content-container, .main .artist-body .content-container {
        height: auto;
        width: auto;
        margin-bottom: 0;
    }     

    .main .artist-body .artist-desktop-section {
        display: none!Important;
    }

    .artist-body .artist-mobile-section {
        margin-top: 0px;
        display: block;
    }    

    .main .how-boxes-body .how-boxes-col {
        margin: 10px auto 30px auto;
        padding: 33px 11px;
        height: auto;  
        max-height: 289px;
        max-width: 260px;

    }         

    .main .how-boxes-body .how-boxes-col-last {
        margin-bottom: 0;
    }    

    .main .how-boxes-body .how-boxes-col img { 
        margin-top: 5px;
        padding: 20px 0 10px 0;
    }

    .main .artist-body .how-boxes-col {
        margin-bottom: 40px;
        /*
        margin: 10px 0 40px 0;
        padding: 40px 0px;
        height: auto;    
        */
    }             


    .main .how-boxes-body .how-boxes-col-text, .main .artist-body .how-boxes-col-text {
        height: auto;
        line-height: 18px;
    }    

    .main .how-boxes-body .how-boxes-col-text {
        white-space:normal;
        line-height: 25px;
        letter-spacing: 0.7px;
        font-size: 11px;
    }        

    .main .how-boxes-body .how-boxes-col-text.how-boxes-col-text-search {
        letter-spacing: 1.5px;
    }            


    .main .how-boxes-body .how-boxes-col-text br {
        display:none;
    }            


    .main .how-boxes-body .how-boxes-col-head {
        font-size: 18px;
    }            

    .main .how-boxes-body .how-boxes-col-text br {
        display:none;
    }        

    .main .arrow-right, .main .arrow-left {
        width: 26px;
        height: 40px;
    }        

    .BecomeArtistPage .main .arrow-right, .BecomeArtistPage .main .arrow-left {
        margin-top: -47px;
    }            

    .main .how-header, .main .become-artist-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;        
        min-height: 50px;
        margin-top:20px;
    }



    .main .how-header p {
        padding-top: 0px;
        font-size: 24px;
        margin-top: 78px;
        letter-spacing: 0.3em;
    }    

    .main .become-artist-header p {
        padding-top: 0px;
        font-size: 24px;
        margin-top: 78px;
        letter-spacing: 0.42em;
        word-spacing: 0.1em;
        line-height: 30px;
    }    

    .main .become-artist-header p br {
        display:none;
    }        

    .main .how-header .how-works-btn {
        margin-top:44px;
        letter-spacing: 1px;
        /*word-spacing: 1px;*/
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        margin-left: 0;
        margin-right: 0;
    }    

    .main img.how-boxes-section, .main img.artist-boxes {
        margin:25px 0 29px;
        height: 25px;
    }    

    .BecomeArtistPage .main img.how-boxes-section, .main img.artist-boxes {
        margin:25px 0 69px;
        height: 25px;
    }    

    footer .footer-menu .menu-text {
        display:none;
    }
    footer.footer .inner {
        padding: 0;
    }

    .page-container footer.footer .primary {
        /*border-top: 1px solid #e3e3e3;*/
        border-top: 0;
        margin-top: 0;
        padding: 0;
    }    

    .footer .primary, .footer .primary ul {
        min-height: 10px;
        margin-bottom: 10px;
    } 

    footer.footer .foot-note {
        margin-top:10px;
    }

    .navbar-default img.search-top-ico-menu {
        display:inline;
    }

    .header .navbar-default .nav-mobile-only {
        display:block;
        left: 15px;
        width: 100%;
        background: #feecec;
        z-index: 100;
        min-height: 400px;        
        margin:0;
        padding-top: 39px;
    }

    .header .navbar-default .nav-desktop-only {
        display:none;
    }    

    .header .navbar-default .navbar-collapse {
        background-color: #ffeced;
        margin-top: 10px;
        text-align: center;
        padding: 20px 0;

    }

    .header .navbar-default .navbar-collapse a {
        font-size: 18px!Important;
        letter-spacing: 0.2em;
    }   

    .header .navbar-default .navbar-nav>li {
        margin: 0;
    }    

    .helplinks a {
        width: 100%;
        text-align:center!Important;
        height: 30px;
    }

    .helplinks span {
        width: 100%;
        text-align:center!Important;
        height: 30px;
    }    

    .main .custom-login-form .helplinks .left, .main .custom-login-form .helplinks .right {
        float: none;
    }    

    .errorModalDialog .modalContent {
        width: 90%;
    }

    .errorModalDialog .modalContent p{
        font-size: 14px;
        line-height: 33px;
    }    

    .errorModalDialog > div {
        max-height: 447px;
        margin: 28% auto;
    }

    div#openDashBoardDetails p.label-dashbrd, 
    div#openDashBoardPwd p.label-dashbrd {
        font-size: 12px;
        margin: 10px 0 10px;
    }

    div#openDashBoardBankDetails p.label-dashbrd,
    div#openDashBoardShowBankDetails p.label-dashbrd {
        font-size: 11px;
        margin: 10px 0 10px;
        width: 70%!important;
    }

    div#openDashBoardDetails .registration-form form input.text, 
    div#openDashBoardDetails .registration-form form textarea, 
    div#openDashBoardDetails .registration-form form .textajaxuniquetext, 
    div#openDashBoardDetails .registration-form form select, 
    div#openDashBoardPwd .registration-form form input.text, 
    div#openDashBoardPwd .registration-form form textarea, 
    div#openDashBoardPwd .registration-form form .textajaxuniquetext, 
    div#openDashBoardPwd .registration-form form select    
    {
        font-size: 12px;
    }   

    div#confirmCancelled > div {
        width: 100%;
    }

    div#openDashBoardDetails .registration-form form, 
    div#openDashBoardPwd .registration-form form {
        padding:0;
    }

    div#openDashBoardDetails .registration-form ::-webkit-input-placeholder {
        letter-spacing:0.15em;
    }

    div#openDashBoardDetails .registration-form input[type="text"]:-moz-placeholder { /* older Firefox*/
        letter-spacing:0.15em;
    }

    div#openDashBoardDetails .registration-form input[type="text"]::-moz-placeholder { /* Firefox 19+ */ 
        letter-spacing:0.15em;
    }

    div#openDashBoardDetails .registration-form input[type="text"]::-moz-placeholder { 
        letter-spacing:0.15em;
    }    


    div#openDashBoardPwd .registration-form ::-webkit-input-placeholder {
        letter-spacing:0.09em;
    }

    div#openDashBoardPwd .registration-form input[type="text"]:-moz-placeholder { /* older Firefox*/
        letter-spacing:0.09em;
    }

    div#openDashBoardPwd .registration-form input[type="text"]::-moz-placeholder { /* Firefox 19+ */ 
        letter-spacing:0.09em;
    }

    div#openDashBoardPwd .registration-form input[type="text"]::-moz-placeholder { 
        letter-spacing:0.09em;
    }       



    div#openDashBoardPwd p.dashBrdheader,
    div#openDashBoardDetails p.dashBrdheader,
    div#openDashBoardGallery p.dashBrdheader  {
        margin-bottom: 0px;
        margin-top: 16px;

    }    

    div#openDashBoardServices p.dashBrdheader {
        margin-bottom: 0px;
        margin-top: -5px;

    }    

    div#openDashBoardGallery .dashBrdheader-sub {
        font-size: 11px;
        width:83%;
        margin: 0 auto;
    }


    div#openDashBoardPwd form, 
    div#openDashBoardDetails form,  
    div#openDashBoardServices form {
        max-width: 100%;
    }        

    div#openDashBoardDetails p.label-dashbrd {
        margin: 15px 0 5px 0;
    }    

    div#openDashBoardDetails .registration-form div.field {
        margin: 5px 0 0px;
    }    


    div#openDashBoardGallery {
        max-height: none;
        top:0!Important;
        /*position:absolute;*/
    }

    div#openDashBoardGallery form {
        padding: 0;
    }    
    div#openDashBoardGallery > div {
        height: auto!Important;
        max-height: none!Important;
        padding-bottom: 20%;
        position: relative!Important;
    }

    #existing-availability-modal .modal-content, #availability-modal .modal-content {
        width: 100%;
        height: 100vh;
        padding-left:10px;
        padding-right:10px;
    }    

    div#recurrence .modal-dialog {
        width: 100%;
        height: 100%;
    }    

    body .modeless {
        left: 0;
        bottom: auto;
        right: auto;
        margin-left: 0;
    }    

    div#recurrence .modal-header {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 0;
        padding-bottom:0;
    } 

    div#recurrence .modal-header h2 {
        line-height:22px!important;
    }

    .recurringDate {
        font-size:11px;
    }

    .confirmRecurrence {
        font-size:14px;
    }

    div#recurrence .modal-content .modal-body .container {
        width: 80%;
    }    

    div#availability-modal .row-recur {
        width: 75%;
    }

    #availability-modal .recurrence-dates {
        padding-top: 15px;
        margin-left: 5px;
    }    

    div#availability-modal .modal-dialog {
        overflow: auto!Important;
    }    

    div#availability-modal .modal-body {
        overflow-y: auto;
        height: 400px;
        padding-left: 10px;
        padding-right: 10px;
    }        

    div#availability-modal .modal-footer {
        text-align:center;
        border: 0;
    }            

    div#availability-modal .modal-body .Actions {
        margin: 0 auto!Important;
    }            

    div.col-info {
        padding-left:15px;
        margin-top:50px;
    }

    div#carousel-freelancer ol.carousel-indicators {
        display: block;
        position: absolute;
        bottom: -50px;
    }

    .carousel li {
        border-color: #fff; 
        background: #ccc;
    }    


    div#thumbcarousel {
        display:none;
    }

    .artist-browse .list-freelancer {
        margin-bottom: 0px;
        margin-top: 0px;        
        font-size:11px;
    }    

    div.artist-browse .img-wrapper .mob-caption {
        display:block;
        font-size:11px;
        text-transform: uppercase;
    }

    div.artist-browse .img-wrapper .caption {
        background-color: transparent; 
    }    

    div.col-info .how-travel{
        margin-bottom:15px;
    }    

    div.col-info h4{
        text-align:left;
    }        

    div.col-info #dropservices    {
        width:99%;
        max-height: 194px
    }

    div.booking-section  .your-booking-heading {
        margin-bottom:25px;
    }    

    div.booking-section button>div {
        max-width: 280px;
    }  

    div.booking-section #Form_BookForm_Address_Holder, 
    div.booking-section .trave-cost-label {
        padding-left: 0px;
    }

    div.booking-section .travel-container {
        width: 100%;
    }    

    body .fc {
        width: 99%;
        margin: 0 auto;
    }        

    body .fc-toolbar {
        margin-bottom: 0;
    }    

    body .fc-icon {
        font-size: 1.3em;
    }    

    body .fc .fc-toolbar > * > * {
        margin-left: -10px; 
    }    

    .fc .fc-toolbar h2 {
        font-size: 11px;
    }

    .week-highlight {
        background-color: red;
    }    

    .fc .fc-widget-header .fc-day-header, .fc .fc-time {
        font-size:11px;
    }    

    .fc .fc-time {
        font-size:10px;
    }    

    .fc-time-grid table {
        border: inherit;
    }    

    .fc-content {
        display : none;
    }

    .fc-time-grid .fc-slats tr:nth-of-type(4n+0)  {
        border-bottom: 1px solid #d8d8d8;
    }    

    .fc-unthemed td {
        border-width: 1px!Important;
        border-color: #eae9e9;
    }

    .secondary_menu {
        height: auto;
        text-align: center;
    }

    .calendar_menu, .freelancer_menu {
        display:inline-block;
        width: 100%;
        margin: 0 auto;
        float: none;
    }
    

    .calendar_menu li, .freelancer_menu li {
        display: inline;
        text-align: center;
        float: none;
        font-size: 11px;
    }    

    .calendar_menu li {
        margin-left: 15px;
        margin-right: 15px;
    }    

    .freelancer_menu li {
        margin-right: 0px;
        margin-left: 0px;
    }        

    .freelancer_menu {
        background-color: #feecec;
        margin-bottom: 20px;
        padding: 11px 0;
    }            

    .fc-view-container .fc-time-grid-container {
        max-height: 356px!Important;
    }    

    .fc td {
        height: 21px;
    }    

    .calendr-week-container {
        max-height: 1000px;
    }    

    .todayView > div {
        margin: 0 auto;
        height: auto;
        max-height: 100%;
        overflow-y:visible;
    }    

    .calendar-widget .calendar-widget-table tbody .calendar-day .calendar-inner .appointment {
        display:none;
    }

    .calendar-widget .calendar-widget-table tbody .calendar-day {
        position:relative;
    }
    .calendar-widget .calendar-widget-table tbody .calendar-day .calendar-inner .appointmentDot {
        display:inline;
        text-align: center;
        font-size: 40px;
        color: #feecec;     
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
    }    

    .calendar-widget .calendar-widget-table tbody td { 
        height:51px;
    }    

    .calendar-widget .calendar-widget-table { 
        table-layout: fixed; 
    }

    .calendar-day-label {
        margin-right: 0;
        margin-top: 0;
        text-align:center;
        font-size: 13px;
    }    

    .event-calendar-controls {
        min-height: 368px;
    }

    .calendar-widget .calendar-widget-table th {
        padding-top: 0px!important;
    }

    .calendar-widget .calendar-widget-table tbody td {
        border: 3px solid #e6e6e6;
    }    

    .calendar-widget .calendar-widget-table tbody td.calendar-header-day {
        font-size: 11px;
        padding:0;
    }        

    .calendar-widget .calendar-widget-table a.show-month {
        font-size: 11px;
    }    

    div#openDashBoardBio .registration-form {
        margin-left: 0;
    }    

    div#openDashBoardBio form {
        padding-left: 5px;
    }        

    div#openDashBoardBio > div {
        padding-left: 0;
        padding-right: 0;
        overflow-x: hidden;
        top: 65px;
    }
    .modalDialog > div {
        top: 0px;
        max-height: 464px;
    }
    .helplinks {
        margin-top:30px;
    }

    #Form_Form_Client_Holder {
        top: 10px;
    }
    #Form_Form_Artist_Holder {
        margin-left:0px;
        top: 10px;
        margin-bottom:2px;
    }

    #Form_Form_Artist_Holder input[type=checkbox] + label::before{
        margin-left:33px!important;
    }    

    #Form_Form_Agree_Holder label span {
        font-size:12px!important;
        word-spacing: 0.2em;
    }

    #Form_Form_Agree_Holder label:before {
        margin-left: 45px;
        margin-right: 11px;

    }    

    .CustomerRegistrationPage #Form_Form_action_Register {
        width: 118px;
        height:26px;
        padding-top: 2px;
        font-size: 12px;
    }

    #Form_Form_Agree_Holder .description > span {
        font-size:12px!important;
    }


    .body-container.cust-reg {
        background: url(../images/Registration_art.jpg) no-repeat center; 
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        height:66vh;
    }

    .CustomerRegistrationPage .body-container.cust-reg {
        background: url(../images/mobile_sign_in_art.png) no-repeat top left; 
    }

    div#openDashBoardBio .mob-label {
        display:block;
        text-align:left;
        text-transform: uppercase;
    }

    div#openDashBoardBio .desk-label {
        display:none;
    }    


    div#openDashBoardBio .registration-form form input.text, div#openDashBoardBio .registration-form form select {
        height: 25px;
    }    

    div#openDashBoardBio span.qual-bullet, .ArtistRegistrationFourPage span.qual-bullet {
        line-height: 8px;
        margin-top: 19px;
        display: block;
    }    

    div.new-appointment .mob-view {
        display: block;
    }    
    div.new-appointment .mob-view > div {
        margin-top: 10px;
    }

    table.CallenterAvailability {
        max-width:84%!important;
    }

    div.new-appointment .desk-view {
        display: none;
    }        

    div#openModal {
        background: none;
        top: 60px;
    }

    div.modalDialog, div.errorModalDialog {
        top: -39px!important;
        position: fixed!important;
    }
    div.modalDialog > div, div.errorModalDialog > div {
        top: 0px!important;
        max-height: 100%!important;
        max-width: 100%!important;
        height: 100%!important;
        margin:0!important;
        position: fixed!important;
    }    

    /* start profile carousel */
    .ArtistProfilePage .col-gallery-freelancer div.carousel {
        margin-top: 20px;

    }    

    .ArtistProfilePage .artist-back  {
        margin-bottom:0px;
        margin-left:0px;
    }    

    .ArtistProfilePage .ui-datepicker tbody td {
        padding-bottom: 0px!Important;
    }    

    .ArtistProfilePage .ui-datepicker th {
        padding: inherit!Important;
    }    

    .ArtistProfilePage .ui-datepicker {
        font-size: 12px;
    }        

    .ArtistProfilePage .booking-section {
        font-size: 14px;
        margin-top: 0px;
    }

    .customer-regform form input.text, .customer-regform form textarea, .customer-regform form .textajaxuniquetext, .customer-regform form select {
        font-size: 14px;
    }

    .CustomerRegistrationPage .customer-regform form input.text, 
    .CustomerRegistrationPage .customer-regform form textarea, 
    .CustomerRegistrationPage .customer-regform form .textajaxuniquetext, 
    .CustomerRegistrationPage .customer-regform form select {
        font-size: 11px;
        height:32px;
    }

    .CustomerRegistrationPage .customer-regform label {
        font-size: 11px;
    }

    .CustomerRegistrationPage .customer-regform #Form_Form_Artist_Holder label, 
    .CustomerRegistrationPage .customer-regform #Form_Form_Client_Holder label {
        float: left;
    }    

    .RegistrationUpdatePage .customer-regform form input.text, 
    .RegistrationUpdatePage .customer-regform form textarea, 
    .RegistrationUpdatePage .customer-regform form .textajaxuniquetext, 
    .RegistrationUpdatePage .customer-regform form select {
        font-size: 11px;
    }    

    .RegistrationUpdatePage .unpadded, 
    .ArtistRegistrationTwoPage .cust-reg .unpadded,
    .ArtistRegistrationThreePage .cust-reg .unpadded, 
    .ArtistRegistrationFourPage .cust-reg .unpadded, 
    .ArtistRegistrationFivePage .cust-reg .unpadded, 
    .ArtistRegistrationSixPage .cust-reg .unpadded {
        padding-left: 15px;
        padding-right: 15px;        
    }

    .ArtistRegistrationTwoPage .welcome-header,
    .RegistrationUpdatePage .welcome-header {
        display:inline;
    }

    .ArtistRegistrationThreePage .mobile-cap {
        text-transform: capitalize;
    }

    .ArtistRegistrationFivePage .cust-reg .edit-services-section .col-label{
        font-size:12px;
    }

    .edit-form-box {
        margin-top:5px!important;
    }

    .service-btn {
        font-size:12px;
    }
    .ArtistRegistrationFivePage .cust-reg .service-name {
        font-weight:400;
    }

    .ArtistRegistrationThreePage  .member-text {
        width: 60%;
    }

    .RegistrationUpdatePage #Form_Form_action_Update {
        font-size: 14px;
    }

    .registration-form form input.text, .registration-form form textarea, .registration-form form .textajaxuniquetext, .registration-form form select {
        font-size: 14px;
    }    

    div#openDashBoardServices .registration-form form input.text, 
    div#openDashBoardServices .registration-form form textarea, 
    div#openDashBoardServices .registration-form form .textajaxuniquetext, 
    div#openDashBoardServices .registration-form form select, 
    div#openDashBoardServices .registration-form form button span {
        font-size: 11px;
    }        

    div#openDashBoardShowBankDetails .registration-form form input.text, 
    div#openDashBoardShowBankDetails .registration-form form textarea, 
    div#openDashBoardShowBankDetails .registration-form form .textajaxuniquetext, 
    div#openDashBoardShowBankDetails .registration-form form select {
        font-size: 11px;
    }    

    div#openDashBoardBankDetails .registration-form form input.text, 
    div#openDashBoardBankDetails .registration-form form textarea, 
    div#openDashBoardBankDetails .registration-form form .textajaxuniquetext, 
    div#openDashBoardBankDetails .registration-form form select {
        font-size: 11px;
    }        


    .custom-login-form {
        font-size: 14px;
    }

    .custom-login-form form input.text {
        font-size: 20px;
        letter-spacing:0.1em;
    }

    .custom-login-form ::-webkit-input-placeholder {
        font-size: 20px;
        letter-spacing:0.1em;
    }

    .custom-login-form input[type="text"]:-moz-placeholder { /* older Firefox*/
        font-size:20px;
        letter-spacing:0.1em;
    }

    .custom-login-form input[type="text"]::-moz-placeholder { /* Firefox 19+ */ 
        font-size: 20px;
        letter-spacing:0.1em;
    }

    .custom-login-form input[type="text"]::-moz-placeholder { 
        font-size: 20px;
        letter-spacing:0.1em;
    }    

    .custom-login-form form  {
        max-width: 100%;
    }

    .RegistrationUpdatePage form {
        max-width:100%;   
    }    
    #loading-indicator {
        transform: translate(-25%,-25%);
    }

    .how-works-btn {
        font-size:12px;
    }
    .secondary_menu {

        padding-left: 0px;
        padding-right: 0px;
    }

    .border {
        border-bottom:1px solid #ddd;
        width:90%;
        display:block;
        margin: 2px auto 10px auto;
        
    }
    .AccountPage th::after {
        content:""; 
        background: #ddd; 
        position: absolute; 
        top: 191px; 
        left: 5%; 
        width: 90%; 
        height: 1px;
    }
    .calendar-widget table th {
        border:0!important;
    }
    .modal.fade .modal-dialog {
        width:100%;
        margin:0;
        height:100vh;
    }

    .calendr-week-container > hr {
        margin: 1em 0 0 0;
    }
    div#openDashBoardBio .bioTravelSubmit {
        margin-right: 0px;
        float: right;
    }
    .RegistrationUpdatePage form input[name*="DOB"]:-moz-placeholder { /* older Firefox*/
        text-align: center;
        padding-left:0;
    }

    .RegistrationUpdatePage form input[name*="DOB"]::-moz-placeholder { /* Firefox 19+ */ 
        text-align: center;
        padding-left:0;
    }

    .RegistrationUpdatePage form input[name*="DOB"]::-webkit-input-placeholder {
        text-align: center;
        padding-left:0;

    }

    .RegistrationUpdatePage h4 {
        text-align:center;
        font-size: 14px!important;
    }       

    .ArtistRegistrationTwoPage .cust-reg .img-step-desk, 
    .ArtistRegistrationThreePage .cust-reg .img-step-desk, 
    .ArtistRegistrationFourPage .cust-reg .img-step-desk, 
    .ArtistRegistrationFivePage .cust-reg .img-step-desk,
    .ArtistRegistrationSixPage .cust-reg .img-step-desk {
        display:none;
    }    
    .ArtistRegistrationTwoPage .cust-reg .img-step-mob,
    .ArtistRegistrationThreePage .cust-reg .img-step-mob, 
    .ArtistRegistrationFourPage .cust-reg .img-step-mob,  
    .ArtistRegistrationFivePage .cust-reg .img-step-mob,
    .ArtistRegistrationSixPage .cust-reg .img-step-mob {     
        display:block;
    }

    .ArtistRegistrationFourPage .cust-reg h4 {
        text-align:center;
        font-size: 14px!important;
        word-spacing: 0.35em;
        letter-spacing: 1.0px;
        margin: 0 30px;
        line-height: 1;
        margin-bottom: 10px;        
    }

    .ArtistRegistrationTwoPage .cust-reg h4  {   
        text-align:center;
        font-size: 14px;
        word-spacing: 0.35em;
        letter-spacing: 1.0px;
        margin: 0 30px;
        line-height: 1;
        margin-bottom: 10px;
    }    

    .ArtistRegistrationSixPage .cust-reg h4 {   
        text-align:center;
        font-size: 14px;
        letter-spacing: 1.0px;
        margin: 0 30px;
        line-height: 1;
        margin-bottom: 10px;
    }        

    .ArtistRegistrationFivePage .cust-reg h4 {   
        text-align:center;
        font-size: 14px;
        letter-spacing: 1.0px;
        margin: 0 30px;
        line-height: 1;
        margin-bottom: 10px;
    }        

    .ArtistRegistrationFourPage .cust-reg .subhead, 
    .ArtistRegistrationFivePage .cust-reg .subhead {
        font-size: 10px;
        line-height: 15px;
        margin-top: 8px;
        text-transform: none;
        font-style: normal;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: -25px;


    }

    .ArtistRegistrationFourPage .cust-reg .subhead {
        letter-spacing: 0.1px;
        width: 64%;
    }

    .ArtistRegistrationFourPage .cust-reg .subhead > div{
        font-size:10px;
    }    

    .ArtistRegistrationFivePage .cust-reg .subhead {
        width: 97%;
    }    


    .ArtistRegistrationThreePage .registration-form ::-webkit-input-placeholder {
        text-align: center;

    }


    .ArtistRegistrationSixPage .cust-reg .subhead {
        font-size:11px;
        line-height: 10px;
        width: 94%;
        margin: 0 auto;
        text-transform:none;
        padding-left: 6px;
    }    


    .ArtistRegistrationTwoPage .cust-reg .col-label, 
    .ArtistRegistrationThreePage .cust-reg .col-label, 
    .ArtistRegistrationFourPage .cust-reg .col-label, 
    .ArtistRegistrationFivePage .cust-reg .col-label,    
    .ArtistRegistrationSixPage .cust-reg .col-label {       
        font-size: 11px;
        line-height:1;
    }        
    .customer-regform div.field, .registration-form div.field {
        margin: 5px 0 0px;
    }
    .ArtistRegistrationFourPage .cust-reg .col-label {
        text-transform: uppercase;
        padding-left: 46px;
        margin: 0px;
        letter-spacing: 2px;
        word-spacing: 0.4em;
    }            

    .ArtistRegistrationFivePage .cust-reg .col-label {
        margin: 10px 0 4px 0;
    }                

    .ArtistRegistrationFivePage .cust-reg .col-label {
        text-transform: uppercase;
        margin-left: -5px;
    }   

    .ArtistRegistrationFivePage .edit-services-section .edit-form-box .edit-form-btn {
        height:34px;
        padding:0 15px;
    }

    .row.narrow .col-xs-8 {
        padding-right:0;
    }

    .ArtistRegistrationTwoPage .cust-reg input[type="submit"] {
        font-size: 14px;       
        margin-top: 20px;
    }

    .ArtistRegistrationThreePage .cust-reg input[type="submit"], 
    .ArtistRegistrationFourPage .cust-reg input[type="submit"], 
    .ArtistRegistrationFivePage .cust-reg input[type="submit"], 
    .ArtistRegistrationSixPage .cust-reg input[type="submit"] {        
        font-size: 13px;
        margin-right: -10px;
    }

    .ArtistRegistrationTwoPage .registration-form form input.text, 
    .ArtistRegistrationTwoPage .registration-form form textarea, 
    .ArtistRegistrationTwoPage .registration-form form .textajaxuniquetext, 
    .ArtistRegistrationTwoPage .registration-form form select, 
    .ArtistRegistrationThreePage .registration-form form input.text, 
    .ArtistRegistrationThreePage .registration-form form textarea, 
    .ArtistRegistrationThreePage .registration-form form .textajaxuniquetext, 
    .ArtistRegistrationThreePage .registration-form form select, 
    .ArtistRegistrationFourPage .registration-form form input.text, 
    .ArtistRegistrationFourPage .registration-form form textarea, 
    .ArtistRegistrationFourPage .registration-form form .textajaxuniquetext, 
    .ArtistRegistrationFourPage .registration-form form select,   
    .ArtistRegistrationFivePage .registration-form form input.text, 
    .ArtistRegistrationFivePage .registration-form form textarea, 
    .ArtistRegistrationFivePage .registration-form form .textajaxuniquetext, 

    .ArtistRegistrationFivePage .registration-form form select,
    .ArtistRegistrationSixPage .registration-form form input.text, 
    .ArtistRegistrationSixPage .registration-form form textarea, 
    .ArtistRegistrationSixPage .registration-form form .textajaxuniquetext, 
    .ArtistRegistrationSixPage .registration-form form select {

        font-size: 11px;
        color: #000;
    }      

    .ArtistRegistrationTwoPage .registration-form form .col-form-field {
        padding-left: 0;
    }

    .ArtistRegistrationSixPage .gal-col {
        width: 89%;
        margin : 0 auto;
    }

    .ArtistRegistrationSixPage .deskview {
        display:none;
    }




    .ArtistRegistrationFivePage .service-details .service-act {
        padding-top: 0;
    }

    .ArtistRegistrationFivePage .cust-reg .service-name {
        font-size: 11px; 
    }    

    .ArtistRegistrationFivePage .cust-reg .service-length,
    .ArtistRegistrationFivePage .cust-reg .service-price {
        font-size: 11px; 
    }    

    .ArtistRegistrationFivePage  ul li label {
        margin-left:  17px;
    }    

    .ArtistRegistrationFivePage .cust-reg .travel-option {
        display:block!Important;
        margin-left:50px;
        font-size:10px;
        text-transform: none;
        margin-top:5px;
        width:100%;
    }

    .travel-option label {
        min-height:45px;
    }





    .ArtistRegistrationFivePage .registration-form form input[type=checkbox] + label::before {
        margin-right:70px;
        width: 20px;
        height: 20px;
        margin-left: 20px;
    }

    .ArtistRegistrationSixPage #Form_Form {
        margin-top: 0!important;
    }

    ul#Form_Form_travel {
        font-size: 11px;
    }


    .FreelanceEmailConfirmationPage .customer-regform  {
        width: 90%;
    }    
    .FreelanceEmailConfirmationPage .customer-regform h4 {
        letter-spacing: 1.5px;
    }

    div.booking-section  .travel-container #Travel {
        margin-left:21px;
    }           

    div.col-info .panel-heading {
        /*display:none;*/
    }
    div.col-info .artist-prof-mob-qna {
        display:none;
        margin:0;
        background-color: #fff!Important;
        color: #000!Important;
        font-weight: normal!Important;
        text-decoration: none!Important;     
        border-color: #9c9996!Important;
        border-left: 0!Important;
        border-right: 0!Important;
        border-bottom: 0!Important;
        text-align:left!Important;
    }

    div.col-info .artist-prof-mob-qna img {
        float: right;
        width: 15px;
        padding-top: 5px;
    }    

    .BecomeArtistPage .artist-separator {
        display:none;
    }

    .artist-body .artist-mobile-section .how-boxes-col {
        width:100%; 
        max-width: 260px; 
        height: 360px; 
        max-height: 360px;
        padding: 31px 17px 23px 17px;
    }    

    .artist-body .artist-mobile-section .how-boxes-col-head {
        font-size: 13px;
        text-align:left;
        margin: 0 auto;
    }        

    .artist-body .artist-mobile-section .how-boxes-col-text {
        font-size: 11px;
        letter-spacing: 0.07em;
        white-space: normal;
        word-spacing: 1.5px;
    }            

    .artist-body .artist-mobile-section img {
        margin-top: 0;
    }    

    div.new-appointment {
        min-height: 100vh;
        min-width: 100vw;
        background: #ffeced;
        font-size: 12px;
        position: fixed;
        z-index: 10;        
    }    

    div.new-appointment .newAppointmentContent table {
        width: 80%!important;
        height: 100%!important;
        margin: 0 auto;
    }    

    div.new-appointment .newAppointmentContent {
        /*height: 100%!important;*/
    }

    div.new-appointment .subhead-text {
        /*letter-spacing: 0.1em;*/
        font-size:10px;
        width: 84%;
        margin: 0 auto!important;
    }    

    div#noNotifications div.new-appointment .newAppointmentContent tr {
        height: auto;
    }    

    div.new-appointment .registration-form form input[type=checkbox] + label::before {
        margin-left: 0;
    }    

    div#calendar .fc-scroller::-webkit-scrollbar {
        width: 0 !important;
    }

    div#calendar .fc-scroller {
        overflow:  -moz-scrollbars-none;
        -ms-overflow-style: none; 
    }

    div#calendar .fc-scroller::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
    }    

    div.Page .page-container .container {
        min-height: 70vh!Important;
    }

    .Page .content-section {
        width: 100%;
    }

    form#CustomLoginForm_LostPasswordForm input[type="submit"],
    form#CustomLoginForm_LostPasswordForm .Actions .action {
        margin-top: 57px;
        left: 0;
    }

    form#CustomLoginForm_LostPasswordForm input.text {
        border : 1px solid #000;
    }

    div#openClientAppointments > div {
        background-color: #ffeced;
    }    



    #availability-modal .edit-form-box .dropdown-toggle.btn-default,
    #existing-availability-modal .edit-form-box .dropdown-toggle.btn-default,
    .availabilityRecurrance
    {
        width: 102px!important;
        height: 34px;
        padding: 0!important;
        padding-right: 11px!important;
        margin-top:0;
    }

    #existing-availability-modal .Actions,
    #availability-modal .Actions,
    #existing-availability-modal label,
    #availability-modal label
    {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 0;
    }

    #availability-modal .avail-notice, #existing-availability-modal .avail-notice {
        font-size: 7px;
        line-height: 10px;
        margin-right: -14px;
        margin-left: 4px;
        letter-spacing: 0.1em;

    }

    .dropdown-menu{
        min-width:102px;
        width:102px;
    }

    .dropdown-menu>li>a {
        padding:0 10px;
    }

    .edit-form-box .edit-form-btn img {
        right: -4px;
        top: 35%;
        width:8px;
    }
    #Form_AvailabilityForm .row:nth-last-child(3) {
        margin-top:5px;
    }
    div#recurrence .modal-dialog {
        padding-top:0;
        width:100%;
    }
    #recurrence .modal-content .modal-body {
        padding-top:5px;
    }
    #recurrence .modal-content .modal-body .container {
        min-height:75px;
        overflow:auto;
        max-height:75px;
    }

    .modal-header h2 {
        font-size:14px;
    }

    #recurrence .modal-content {
        min-height: 185px;
        min-width: 375px;
        width: 100%;
        max-height: 185px;
        height: 185px;
    }

    #recurrence .modal-content {
        min-height:0;
    }
    #recurrence .modal-header h2 {
        font-size:13px;
    }

    #availability-modal .underlined, #existing-availability-modal .underlined {
        font-size:12px;
    }


    #Form_AvailabilityForm_BreakTwoLabel,
    #Form_AvailabilityForm_BreakOneLabel,
    .offset-back{
        margin-left:-20px!important; 
    }

    span.small-optional {
        font-size: 9px;
        text-align: right;
        position: absolute;
        right: 11px;
        top: 24px;
    }

    .col-md-4.col-xs-4.offset-back {
        margin-left: -10px;
        margin-right: 10px;
    }

    div#openDashBoardServices form {
        padding: 0;
        padding-left: 0!important;
    }

    div#openDashBoardServices form#Form_EditServicesForm .edit-form-box .edit-form-btn {
        height: 35px;
        padding-top: 8px;
    }    

    div#openDashBoardServices .service-details {
        padding-right: 0px; 
    }    

    div#openDashBoardServices form .content {
        height: 50vh!important;
    }

    .FreelanceEmailConfirmationPage .body-container {
        background-color: #ffeced!Important;
        height:100vh!Important; 
        width:100vw;
        position: absolute;
        top:0;
        z-index:10;
    }

    .ArtistProfilePage .row-profile {
        margin-top: -10px;
    }

    div#accountReview .modalContent p {
        font-size: 14px;
        line-height: 10px;
    }

    div#accountReview .modalContent p.thank {
        margin-bottom:20px;
    }

    div#openDashBoardServices h2 {
        font-size: 14px!Important;
        line-height:20px;
    }

    div#openDashBoardServices .dashBrdheader-sub {
        font-size: 11px;
    }

    div#openDashBoardServices form .service {
        font-size: 11px!important;
    }        

    div#openDashBoardServices form .service-name {
        font-size: 11px!important;
    }        

    div#openDashBoardServices form .service-length {
        font-size: 11px!important;
    }         

    .qtip.appointmentClass {
        width:100%!important;
        height: auto!important;
        top: 0!important;
        left: 50%!important;
        transform: translate(-50%);        
        border: 0!important;
        overflow-y: scroll;

    }


    .qtip.appointmentClass form input[type=checkbox] + label::before {
        margin-right: 12px;
    }    

    .BookingConfirmNoticePage .body-container {
        height: 100vh!important;
        background:  #ffeced!important;
        position: fixed;
        top: 0;
        z-index: 10;
        margin-top: 0px;
    }


    .BookingConfirmNoticePage .body-container a.cross{
        position: absolute;
        left:50%;
        transform: translate(-50%, -50%);        
    }    

    .BookingConfirmNoticePage h4 {
        font-size: 14px!important;
    }

    .EmailConfirmationPage .body-container,
    .RegistrationNoticePage .body-container {
        height: 100vh!important;
        background:  #ffeced!important;
        position: fixed;
        top: 0;
        z-index: 10;
        margin-top: 0px;
    }    


    div#cancellationPolicy > div    {
        top: 11px!important;
        max-height: none!important;
        height: auto!important;
        position:relative!important;
    }

    .ArtistProfilePage .booking-section .travel-container .for-traveling-section button {
        margin-top: 5px;
        padding: 0;
        height: 34px;
        width: 100%;
    }

    .ArtistProfilePage .booking-section .travel-container .for-traveling-section .col-xs-2 {
        padding: 0px;
    }

    .ArtistProfilePage .booking-section .travel-container {
        padding-left: 9px;
    }

    .ArtistProfilePage .date-time {
        margin-top: 0px;
    }

    .ArtistProfilePage .registration-form .col-md-3 {
        padding-left: 15px;
    }    

    div#today .mobileview button {
        background: #fff;
        border-color: #000;
        color: #000;
    }

    .errorModalDialog .new-appointment .subhead {
        font-size: 11px;
        font-style: normal;
    }    

    .ArtistBrowsePage .artist-browse .col-xs-6 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .FreelanceEmailConfirmationPage .body-container {
        margin-top: 0px;
    }

    .ArtistRegistrationFourPage .registration-form .row.narrow {
        margin-right: -15px;
    }

}






/* Print Styles */

/* Based on HTML5 boilerplate print styles */
@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    /* Simple theme custom print styles */
    .header,
    .footer,
    .nav-open-button,
    .search-bar,
    .search-dropdown-icon,
    nav.primary {
        display: none;
    }
}