﻿body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	overflow-x: hidden;
	overflow-y: auto;
}

label {
font-weight: normal;
}

.wrapper {
	position: relative;
	min-height: 100vh;
}

/*dölja h1 viewbag-title*/
.content-header > h1 {
    display: none;
    font-size: 24px;
    margin: 0;
}

.no-print {
    display: none;
}

@font-face {
    font-family: "Source Sans Pro";
    src: url(../fonts/SourceSansPro-Regular.ttf) format("truetype");
}


/*Userbooking*/
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #19BCB9 !important;
    border-color: #963357 !important;
    color: #fff;
    padding: 1px 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #FCF6F9 !important;
    color: #000 !important;
}

.select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus {
    border: 1px solid #19BCB9 !important;
    outline: medium none;
}

.select2-container--default .select2-selection--multiple:focus {
    border-color: #19BCB9 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    margin-right: 5px;
}

.edit_action input, .edit_action select, .new_action input, .new_action select, .form-group.edit input, .form-group.edit select {
	margin-bottom: 7px;
	min-width: 120px;
	width: auto;
	border: solid #d2d6de 1px;
	padding: 5px;
}

.form-group.edit h4 {
	margin-bottom: 10px;
}



/*most popular treatment*/

/*div#treeBox.dhxtree_dhx_terrace div.containerTableStyle table::first-line {
    background-color: yellow;
}*/

/*div#treeBox.dhxtree_dhx_terrace div.containerTableStyle table:first-child .selectedTreeRow {
        color: deeppink !important;
    }*/


.selectedTreeRow {
    background-color: #000 !important;
    color: #fff !important;
    padding: 3px !important;
}

.standartTreeRow {
    -moz-user-select: none;
    font-family: source sans pro !important;
    font-size: 12px;
    text-transform: capitalize;
}

/*breadcrumb*/
.content-header > .breadcrumb {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #9e9e9e;
    float: right;
    margin-top: -16px;
    padding-left: 10px;
    padding-right: 17px;
    position: relative;
    right: 0;
    top: 0;
    margin-right: 15px;
}

.breadcrumb > li + li::before {
    color: #333333 !important;
    content: "/ ";
    padding: 0 5px;
}

.content-header > .breadcrumb > li > a {
    color: #19BCB9;
    font-weight: 900;
}

.breadcrumb .fa.fa-home {
    color: #19BCB9;
    font-size: 14px;
}

.breadcrumb .fa.fa-calendar {
    font-size: 11px;
    position: relative;
    top: -1px;
}

#logga {
    background: transparent url("/content/css/img/logga.png") no-repeat scroll 42px 0 / 55% auto;
    height: 100px;
    left: 50%;
    margin-left: -92px;
    margin-top: 3px;
    position: absolute;
    width: 183px;
    z-index: 100;
}

.main-menu-right
{
    float:right;
    width:45%;
}

.logoff p {
    display: inline;
    color: #fff;
    font-weight: 500;
}

.logoff
{
    margin-top: 15px;
    float: right;
    font-size: 18px;
    font-weight: lighter;
}

.search {
    margin-top: 15px;
    margin-left: 15px;
    float: left;
    width: 200px;
}
.search i {
    color: white;
}

.search-result {
    background-color: white;
    color: black;
    overflow-y: visible;
    width: 350px;
    padding: 10px;
    border: 1px solid #999;
    border-top: none;
    margin-top: 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display:none;
}

.search-result i {
    color: black;
    margin-left: 5px;
    margin-right: 5px;
}

#lang-selector {
    float: right;
    margin-top: -8px;
    min-width: 150px;
}

a {
    color: #555555;
    text-decoration: none;
}


.content-wrapper, .right-side {
    background-color: #ecf0f5;
    min-height: 100%;
    z-index: 800;
}

.content-wrapper {
    background-color: #fff;
    color: #444;
    /*font-family: maven_proregular,Arial,sans-serif;*/
    font-size: 13px;
    overflow-x: hidden;
   /* overflow-y: scroll;*/
    padding-top: 10px;
}


.navbar .fa.fa-calendar {
    padding-right: 7px;
}

/*skin*/

.bg-purple-active {
    background-color: #000 !important;
}

.bg-purple {
    background-color: #000 !important;
}

.rapide {
    color: #19BCB9;
    text-decoration: none;
}

.bg-rapide {
    background-color: #19BCB9 !important;
    color: #fff !important;
}

.skin-purple .main-header .navbar {
    background-color: #000 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.nav .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}

.nav a:hover .caret {
    border-bottom-color: #19BCB9 !important;
    border-top-color: #19BCB9 !important;
}

.form-control {
    color: #1c1c1b;
    padding: 5px;
}

textarea {
    color: #999;
    padding: 5px;
    border: solid 1px #d2d6de;
    width: 500px;
}

.nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret {
    border-bottom-color: #FFF;
    border-top-color: #FFF;
}

.skin-purple .main-header li.user-header {
    background-color: #000 !important;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    margin-top: -2px !important;
}


/*boxes*/

.box.box-solid.rapide-minor {
    background: #fff none repeat scroll 0 0 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    height: 100%;
    left: -8px;
    position: relative;
    top: -37px;
}

.box.main {
    border-top: 0px solid #000;
    box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.1);
    border-radius: 0;
}

.btn:hover, .btn:focus {
    color: #fff;
    text-decoration: none;
}

.btn-box-tool-rapide {
    background: transparent none repeat scroll 0 0;
    box-shadow: none !important;
    color: #fff;
    font-size: 12px;
    padding: 5px;
}

.tools-rapide {
    border-left: 1px solid #fff;
    height: 30px;
    position: relative;
    right: -105px;
    top: -84px;
    width: 50px;
}

.box-header.with-border-rapide {
    border-bottom: 1px solid #19BCB9;
}

.box-header-rapide {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
    padding-bottom: 0px;
}

.rapide-actions {
    height: 378px;
    overflow: auto;
}

.actions {
    margin-top: -25px;
}

.box-header-rapide > .fa, .box-header-rapide > .glyphicon, .box-header-rapide > .ion, .box-header-rapide .box-title-rapide {
    background-color: #19BCB9;
    color: #fff;
    display: inline-block;
    font-family: playfair_displaybold_italic,Arial,sans-serif;
    font-size: 20px;
    margin-bottom: 0;
    margin-left: -30px;
    padding: 14px 68px 14px 18px;
    position: relative;
    text-transform: lowercase;
    top: -32px;
}


.box-header-rapide .minor {
    box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    padding: 13px 20px 14px 16px;
    position: relative;
    right: 12px;
    top: -6px;
    width: 216px;
}

.add-tool-wrapper {
    background-color: #f9f9f9;
    padding: 20px 10px 10px 20px;
}

/*ul*/

.global-events {
    font-size: 0.9em;
    list-style: outside none none;
    margin-left: -44px;
}

/*fonts*/


.main-header .navbar-collapse a {
    color:#fff;
    display: block;
    font-size: 15px;
    padding: 15px 10px;
    text-transform: none;
}

#ddlLocation .dropdown-menu{
    max-height:300px;
    overflow-y:scroll;
}

    #ddlLocation .dropdown-menu a {
        color:#000;
    }

    #menuOrganization .dropdown-menu{
    max-height:300px;
    overflow-y:scroll;
}


h6, h5, h4, h3, h2, h1 {
    color: #1c1c1b;
    /*font-family: maven_problack,Arial,sans-serif;*/
    font-weight: normal;
    line-height: 160%;
    margin: 0;
}


.navline_left {
    top: 1px !important;
}

.dhx_cal_tab.unit.dhx_cal_tab_standalone {
    margin-left: 60px;
}

/*schedule general*/

#calendar-box {
    margin-top:35px;
}

.dhx_cal_container * {
    font-family:  'Segoe UI' ,Arial,sans-serif !important;
}




.dhx_cal_container {
    height: 720px !important;
    margin-left: -5px;
    margin-top: -51px;
}

    .dhx_cal_container.dhx_scheduler_month {
        height: 900px !important;
    }


.dhx_scale_bar.dhx_second_scale_bar {
    background: #eee none repeat scroll 0 0 !important;
    color: #fff !important;
    font-size:14px;
}
.dhx_scale_bar.dhx_second_scale_bar a {
    color: #000;
    font-weight: 400;
}

    .dhx_cal_navline .dhx_cal_date {
        /*left: -30px !important;*/
        /*z-index: 1000;*/
    }

.dhx_cal_date {
    color: #19BCB9 !important;
    font-size: 2em !important;
    margin-left: 29px !important;
    margin-top: -2px !important;
}

.dhx_scale_bar.dhx_second_scale_bar::before {
    content: "" !important;
    background: none !important;
    width: 0px;
    height: 0px;
}

.error-content-lightbox{
    color: red;
    text-align: center;
}

.dhx_scheduler_week_unit div.dhx_cal_header.dhx_scale_bar::before {
    content: none !important;
    position: relative;
    top: 3px;
    max-width: 24px !important;
    max-height: 24px !important;
}

.dhx_scale_bar.dhx_second_scale_bar::before {
    content: "" !important;
    background: none !important;
    width: 0px;
    height: 0px;
}



/*<style type="text/css">
                                    div.image {
                                    max-width:            24px;
                                    max-height:           24px;
                                    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB1klEQVRIiaXVvWsUQRgG8EMU4QRBJHpc3GcuGBBiaSkpxD9BrKLH3Tybw68UdiIi6cRAIGBra5PKj8ZaqxQifhR+QRB0d5+5M4qYqIisxe5FC+8yc3lhih3Y57fvCzNbqQypFO2pzPCawMcyfC2wJ7Ar8JXAR1lkr6ZoTw3LGFhZxMsCc5/lYOeCAWd4yRdQxAvBQGrsCe8Oong6vINGq+YLfBhv7g8G8sr8DoG/PYAfweH9Eri2NWC1HWDVo4M3owMR33sA74KDu5Gt58c6uwQrD+BjUu9U00ar4RWe1DtVId6Q4aLArx7AZwcuCfFGUu9UtwSyw+cOlC/e8z5o4F2BeVprj4UALwOAF6MA6wHAt1GA4OUFpLX22KiA95Uh8KbA5ZCVwd7wCh84OvBk8dOJnws8vq2wf6t3qDnuYB/8ZyTLXjMfVjJ2RoauCIyflAdvTYbPSiRx4Ong4C84v0+wD8uQ7w7xlbwyv1NgKnC1uEZ4XeBPgbkD73+anNnr/+WIz5ThK90Je+TvfgH0n1PMHi07y2XsKW8gi3hLYO6i+HZ/L5mgUfED+uUardomGvFOOcKFgA5sU+B6Bju7iR48u0fgU4Erbyfndvf3nYkvCuwN6uAP126AKtac3moAAAAASUVORK5CYII=');
                                    }
                                    </style>



    <style type="text/css">
                                    div.image {
                                    max-width:            24px;
                                    max-height:           24px;
                                    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAsJJREFUSA2tVE1IVFEUPufNDFRDFELOEEhEBaUFRRHRJmcsoVoEtWhXIATRokUgJJXzRg0qNy1auahFQUKLhH4WojMWSrbvB0EIopwxQpHInB/f6XvO3Nt9T8ffHgzn7zvfuXPOuZfpP3zjDckTjsPX2JIoO9JenU48Z2JxqXmt/Jl48iRIXps8zMFopP/GuOuzzMCqdOGrvjz5WVWYVL41/YPxhtsRkeIYyMyDjkZTiV2qgBlQvmVLR4qnfOQwZcAkWFMBJjlqks3pwt2mL2gai+kTx+9sKnKhOiihH1V916dcrAjvZm+TP0TSrSmihKZaskAmljzNFnXkndx+NytPOcrGk99JaBA7WKuZXIXpvlpP5V+0QCbWdoFZHoHMXeoRJI8ISQ0OvQNk5xVJWU45G+Spz0cVC4zV24dA/hAJ0+j1uWjK7jWTs7HkGRTp0T6h7q0v7Gltl5WKQ7Ys6xYwAZz2SsRH7uZyQH6XOeaEFZAnpq10zz/IxtqayJKz5HAYIzwCkIPWrMvE7cMcDH+M9jZrUgx4myIB5tuWvsQQka1cWuoC2cbOMBWnH6Df68vPiAJ1ofeEmIPhfkbsPQkPlw5QWiG0sMc/XJWsC3Dhz05hkFf+3HbWgbwOsglSI1n4pTZ8ip7BTCH0FbFZX3w5Zi4/s/FtJeC/YwCBzWhBC/YScy1u0SdvEh+AvQc/rKKg7erjL3h7biprWRKXq9kPxJt/DzMAs9EbP2gBW8/AjYGgAwu4DyQhmJ0L4Ffs8hRg5ldCzjA51q8VM1VI8BSI9Le+q4BbtVtv0VIMaH7pMAe7PIdaKs+zRSY429i+nWadOIiP4aWrx12rKcdzkMNYowH43kxUyVDdMztv5pr6vAKT9fbmXIDuYlkuATgvbiaX9VHc/svRdKJ/gZiXYI7c4kEA3du6ks/d3YuRVOKxP+kveezetgyzTA8AAAAASUVORK5CYII=');
                                    }
                                    </style>



    <style type="text/css">
                                    div.image {
                                    max-width:            16px;
                                    max-height:           16px;
                                    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAdxJREFUOBGVUk1IVFEUPufOj0om6BhvaNGuhW0M2giFjIq5CBezECJoF+TSVrVpuhrSImahGxciuGrVrkAoHVuMoIgIUdCikAjC30ItFXtzT9+deffxZETGA5fz833n3HPvOUznkPWukXvCkmOS956hR/xB+1xr/kbPqCfi/wA/YXO83XSSVx7+U7UWEPLvumTorzbZ5tZcgIR6bEJF5K2z4s6IatFabRVVuzF0Q8T8LAl9BN4WcCTGNOH4VX/weUAnW37xK9zYD/ALiCmcyzgBl9+lC7k+V6Cqg9QODQPsYFLXvMLTb5a4mdHXjeJVa6OjKaudhAU2uoezhqgdwCBo036cjx2J4tRIACF//KOmN2EcRrmt9dsvL5B/8Bt+eUQRwjYYS3iOLZbF/F97BT0QwVEbEvtrVKmOYlEgsFuRfMfFRdSMs50uF7i08HgfW3afWDIk/MmCaC2OrcvDGCLDUk5ImHB8JwoETj30UXo+N259O43UDufTc8/GAvxUFX6iKLPIrJZPZZ0RDGZbzVjL6PoGxYdeJ/ZG68oMqmmVKbj491svmpOJ4wf4gW5muYn4RZw9+EXcNJ9QycmW2Se7jm912MFm7/OrpmRmEbsSJZywhdbwzF63YBb7D+BlkAp2aR7TAAAAAElFTkSuQmCC');
                                    }
                                    </style>


    <style type="text/css">
                                    div.image {
                                    max-width:            16px;
                                    max-height:           16px;
                                    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7ElEQVQ4jY3Tu0qDQRCG4cRDL4JehKBBrNIJlqKghYU3YAQrIQiCtaCVtY2HgIK3YOFNiL2EqI0HvIDHwhHC5nf//WBglp1559tdttFIhA30jaqP9bR+RBhUNP/puQTwkQG8lwCeMoDHEsBDBnBfArjNAK7/a5rGG3o4ywBOcYMXTKWQeXRxmAHso4O5KhdtfGMVO1G4F9GJWMEnlqsAS5nJqdpVgGZMPqiJXYzVvkZAB3gtKk4aZ7AW5/2KfLakcRznuMJmWD7y+8EucYHJHGAhLmk71sc4iXwr9hbrXLQwEXkPd0PuWmgO1/8AD8YM7mzLw30AAAAASUVORK5CYII=');
                                    }
                                    </style>
    

    <style type="text/css">
                                    div.image {
                                    max-width:            16px;
                                    max-height:           16px;
                                    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA10lEQVQ4ja3Rr0rDURQA4OtMMsQnMAwUVkymFZPBYJwvYBCMgqCIbHUPYNZiN9h8hJWxOgw2LRuMYRL5DLsDvfP3D3bghMO99+Pcc0IIIWAdj5jgGZuhSuDE3+hUBdoJ8IZaFaCOaYIcVe3iIQH6uMYxNsoAB5bjDk94x1kRsIbXBDiPZ00McFOE3CbACL2Y9/hCFztZwDa+//lKGp9oZCEvJQA4zQIOY6tFHezmzaKFq5gz8y0s6kvs5Q4zwT4wLP1gJQC2sB9zbL7ORV0vA/RyBnjx++4PknbDuklSs3YAAAAASUVORK5CYII=');
                                    }


    

<style type="text/css">
                                    div.image {
                                    max-width:            16px;
                                    max-height:           16px;
                                    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA5klEQVQ4jZ3TPyuGURyH8ZuBeJJBLCRR8h7YvAGrYlL0sIo3YLCYZDeyWky8ATHIxqRYrEKJj+E55dfj/tPxrTOc3znXdTr/iiIj2MYzLtGXwxaYxqffjOQKtgJ8lwUnwXEQ7DRN7sUidrGMWdwm+AtTdfAAzvGBm3RoMRdNq+/hAeOhNh8Eq1XgCvbxggMMh7GFBL9isAwe8zffuMcJTlPtrGr1Ft5LJN1p1+19CUdYT20zQRuhNlonWMNh6PcnQU8l1CWYwOS/BSXCfAGGdF7fdTjUN1zp/MRWHTyHp4ZbeMRM5H4A+7Cj3lC2uhEAAAAASUVORK5CYII=');
                                    }
                                    </style>

    */

.dhx_scheduler_month .dhx_scale_bar::before {
    content: "" !important;
}


.dhx_scale_bar {
    background-color: #fafafa !important;
    border-left: 1px solid #cecece;
    color: #000000 !important;
    font-weight: 300 !important;
    padding-top: 2px;
   
}


.dhx_scale_bar {
    background: #19BCB9 !important;
    color: #fff !important;
    font-size: 17px;
    font-weight: lighter !important;
    font-family: arial !important;
    z-index:99;
    user-select: none;
}

.dhx_scale_holder_now {
	background-image: url(/scripts/dhtmlxScheduler/imgs_dhx_terrace/databg.png);
}

/*month-view*/

.dhx_cal_event_clear {
    color: #000 !important;
}


.dhx_month_head {
    color: #000;
    /*font-family: maven_problack;*/
    font-size: 16px !important;
}


.dhx_now .dhx_month_body, .dhx_now .dhx_month_head {
    /*font-family: maven_problack,Arial,sans-serif !important;*/
    background: #ffdfeb none repeat scroll 0 0 !important;
    color: #19BCB9 !important;
    font-size: 2em !important;
}

.dhx_cal_event_clear.dhx_cal_event_line_start.dhx_cal_event_line_end {
    color: #444 !important;
}

/*Calendar buttons general*/

.dhx_cal_next_button, .dhx_cal_prev_button, .dhx_cal_tab, .dhx_cal_today_button {
    color: #000 !important;
    border: 1px solid #000 !important;
}

    /*Calendar tabs/buttons rapide*/

    .dhx_cal_tab.dhx_cal_tab_standalone {
        float: left !important;
        margin-top: 15px;
        position: static;
    }

.dhx_cal_prev_button, .dhx_cal_next_button {
    position: relative;
    overflow: hidden;
    background: none no-repeat scroll center center !important;
}


    .dhx_cal_prev_button:before {
        content: "" !important;
        position: absolute !important;
        width: 200%;
        height: 200%;
        top: -50%;
        left: -50%;
        z-index: -1;
        background: #19BCB9 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAPCAYAAAD6Ud/mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMjMxMTU2RTA5MjA2ODExODA4MzkzODI3MjczQzA3MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QkI4QjhEM0UyNzkxMUU0OTYxN0E5N0Q5N0JDNTY4RiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QkI4QjhEMkUyNzkxMUU0OTYxN0E5N0Q5N0JDNTY4RiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTIzMTE1NkUwOTIwNjgxMTgwODM5MzgyNzI3M0MwNzAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTIzMTE1NkUwOTIwNjgxMTgwODM5MzgyNzI3M0MwNzAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Cq1mxAAAA90lEQVR42qxTOwqDQBA1TQoFgyJaeycbSaE2indI6QVDICQpksYrxEKLzWyYJZNh/Wzig4cy8z6wrpYQoum6TgzDcIZ3B2itREdmymzZIQe9+OAItFcosTFLoZfDGPgkwxPQ/aPExQwFmR2r5V584wb0fijx0Eshsy0qqpjgAtwZlOzQQ1GpPRfXTHgF+gtKfNRS1FSjM5XM8ACGEyUhaihKrhsz58x4BwYaXYA7ilyXOXUchaYsIvtIU1KM5c2dfcaCWuAW2bJdNpW15DalmgvCP3w6l7P06vIyoxKTorGydKnf9M9PSEli4t2828zQ4PNgYnoJMADqLqqdOfl88QAAAABJRU5ErkJggg==") no-repeat scroll center center / 15% !important;
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .dhx_cal_next_button:before {
        content: "" !important;
        position: absolute !important;
        width: 200%;
        height: 200%;
        top: -50%;
        left: -50%;
        z-index: -1;
        background: #19BCB9 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAPCAYAAAD6Ud/mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMjMxMTU2RTA5MjA2ODExODA4MzkzODI3MjczQzA3MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QkI4QjhEM0UyNzkxMUU0OTYxN0E5N0Q5N0JDNTY4RiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QkI4QjhEMkUyNzkxMUU0OTYxN0E5N0Q5N0JDNTY4RiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTIzMTE1NkUwOTIwNjgxMTgwODM5MzgyNzI3M0MwNzAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTIzMTE1NkUwOTIwNjgxMTgwODM5MzgyNzI3M0MwNzAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Cq1mxAAAA90lEQVR42qxTOwqDQBA1TQoFgyJaeycbSaE2indI6QVDICQpksYrxEKLzWyYJZNh/Wzig4cy8z6wrpYQoum6TgzDcIZ3B2itREdmymzZIQe9+OAItFcosTFLoZfDGPgkwxPQ/aPExQwFmR2r5V584wb0fijx0Eshsy0qqpjgAtwZlOzQQ1GpPRfXTHgF+gtKfNRS1FSjM5XM8ACGEyUhaihKrhsz58x4BwYaXYA7ilyXOXUchaYsIvtIU1KM5c2dfcaCWuAW2bJdNpW15DalmgvCP3w6l7P06vIyoxKTorGydKnf9M9PSEli4t2828zQ4PNgYnoJMADqLqqdOfl88QAAAABJRU5ErkJggg==") no-repeat scroll center center / 15% !important;
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }



.dhx_cal_today_button {
    background: #19BCB9 none repeat scroll 0 0 !important;
    /*font-family: maven_problack !important;*/
    font-weight:100;
    color: #ffffff !important;
    font-size:17px;
}

.dhx_cal_tab.active {
    background-color: #19BCB9 !important;
    border: 1px solid #000000 !important;
    color: #ffffff !important;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}


.dhx_cal_tab.dhx_cal_tab_standalone.active {
    margin-right: -1px;
}

.dhx_cal_tab.dhx_cal_tab_last.active {
    margin-left: 6px;
    top: 15px;
}

.dhx_cal_tab.dhx_cal_tab_last {
    margin-left: 6px;
    top: 15px;
}

.dhx_cal_tab, .dhx_cal_today_button {
    font-weight: 200 !important;
    font-size: 17px;
    font-family: Arial !important;

}

.dhx_cal_next_button, .dhx_cal_prev_button, .dhx_cal_tab, .dhx_cal_today_button, .dhx_cal_tab, .dhx_cal_date, .dhx_cal_today_button {
    border-radius: 0 !important;
}


.btn-rapide {
    background-color: #19BCB9 !important;
    border: 1px solid #000000 !important;
}

/*footer*/
.main-footer {
	background: #6F6F6E none repeat scroll 0 0;
	border-top: 1px solid #eee;
	color: #fff;
	padding: 15px;
	text-decoration: none;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.main-header #navbar-search-input:focus, .main-header #navbar-search-input:active {
    background: #19BCB9 none repeat scroll 0 0;
    border-color: #fff !important;
    color: #fff;
}


/*Events*/

.closed_section
{
    background-color: orange;
    cursor: not-allowed;
    opacity: 0.1;
    border: 1px solid #000;
}

.dhx_event_resize {
    bottom: 8px;
    font-family: monospace !important;
    font-size: 11px !important;
    height: 8px !important;
    left: 0;
    line-height: 8px !important;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
}

    .dhx_event_resize::after {
        content: "=";
    }


.dhx_cal_event .dhx_body, .dhx_cal_event .dhx_footer, .dhx_cal_event .dhx_header {
    background: #f2f2f2 none repeat scroll 0 0 !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    font-family: "Source Sans Pro" !important;
    font-size: 14px;
    overflow: hidden;
    width: 100%;
    color:#000!important;
}

/*Changes for Custom Event Box*/
.hide-event-body .dhx_body
{
    display:none!important;
    /*padding-bottom:5px;*/
}

/*.my_event_body {
    border: 1px solid #000;
    cursor: move !important;
    height: 12px;
    text-align: center;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding-bottom: 5px;
    padding-top: 2px;
    width: 100%;
    background-color: #1796b0;
}
.my_event_body span {
    display: inline-block;
    font-weight: bold;
}*/

.dhx_cal_event .dhx_title {
    border: 1px solid #000;
    cursor: move !important;
    height: 12px;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    text-align: center;
}


/*.dhx_title {
    height:20% !important;
    padding:0 !important;
    border-bottom-width: 0px !important;
}

.dhx_body {
    border-top-width: 0px !important;
    height:95% !important;
    
    padding:0 !important;
}*/

/*Changes for Custom Event Box*/

.input-validation-error {
    
    border: 1px solid red !important;
}

/*___________________________lightbox________________________________*/

/*buttons*/

.dhx_delete_btn_set {
    left: -615px !important;
    position: relative !important;
}

.dhx_save_btn_set {
    color: #fff;
    text-shadow: 0 -1px 0 #6f6f6f;
    position: relative !important;
    left: 593px !important;
}

.dhx_btn_set, .dhx_btn_set div {
    height: 30px;
    line-height: 27px !important;
}

.dhx_wrap_section {
    min-height :40px !important;
}
.dhx_wrap_section input, .dhx_wrap_section textarea, .dhx_wrap_section select{
    font-size: 11pt !important;
   
}

#HandlerId{
  
  color: grey;
}
#HandlerId option { color: black; }
#HandlerId option:first-child{
  color: grey;
}





/*.dhx_cal_lsection input, textarea{
    height:30px !important;
    margin-top: 0px !important;
}*/

.sol-container, #action-dropdown-label {
    margin-top:0px !important;
}

.dhx_cal_light input {
    font-size:11pt;
}




/*time*/



.dhx_cal_light_wide .dhx_section_time {
    left: 110px;
    height: 0px;
    display: none;
    position: absolute;
}

.dhx_cal_ltitle {
    background: #000 none repeat scroll 0 0 !important;
    color: #fff !important;
    cursor: move !important;
    font-size: 1.5em;
    height: 36px !important;
    line-height: 33px !important;
    padding: 0 0 6px 4px !important;
}


.dhx_cal_light {
    border: 1px solid #cecece;
    border-radius: 0 !important;
    height: auto !important;
    padding-bottom: 10px;
}

.dhx_cal_light .dhx_cal_larea {
    height: auto !important;
}

.dhx_cal_ltext textarea {
    /*font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.3em !important;*/
    font-family:Tahoma;
    height: 100%;
    outline: 0 none !important;
    overflow: auto;
    resize: none;
    width: 100%;
}
#txtTotalPrice {
    font-family: Arial;
    font-size: 17px;
    vertical-align: middle;
}

.dhx_cal_event .dhx_footer {
    background-color: transparent !important;
    border: 0 none;
    height: 9px !important;
    margin-top: -3px;
}

.dhx_event_resize.dhx_footer {
    background: #f2f2f2 none repeat scroll 0 0 !important;
    border: 0 none !important;
    color: #000 !important;
    /*display:none;*/
}

#duration-time {
    width: 350px;
    margin-top: 6px;
    margin-left: 112px;
}

#startTime, #endTime {
    margin-left: 10px;
    width: 90px;
}


#startTimeSelect, #endTimeSelect {
    margin-left: 10px;
    width: 70px;
}

#chkSendSms {
    margin-left: 10px;
}

#custom-lightbox #spnPinCode {
    color: #727272;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    height: 20px;
    margin-left: 10px;
    padding: 4px 0 4px 10px;
}


.sol-container {
    margin-left: 160px;
    margin-top: 10px;
}

/*Validation...................*/

.required_field {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    float: left;
    left: 3px;
    padding: 0 7px 1px 5px;
    position: absolute;
    top: 2px;
}

    .required_field::before {
        content: "!";
        /*font-family: maven_problack !important;*/
        font-size: 2rem;
        color: red;
    }
/*...............Validation*/

.dhx_cal_lsection {
    
    color: #000 !important;
    /*font-family: maven_problack !important;*/
    text-transform: uppercase;
    font-size: 17px !important;
    width: 185px !important;
    line-height:1;
}

.dhx_cal_light {
    /*font-family: maven_problack !important;*/
    font-size: 8pt;
}

/*Modal*/

.dhtmlx_modal_box {
    /*font-family: maven_problack !important;*/
    text-align: center;
}

.dhtmlx_button input, .dhtmlx_popup_button div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    box-sizing: content-box;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    vertical-align: top;
}



/*Lightbox Buttons*/

.dhx_btn_set.dhx_left_btn_set.dhx_cancel_btn_set > div {
    color: #000;
    position: absolute;
    right: -9px;
    top: 3px;
}

    .dhx_btn_set.dhx_left_btn_set.dhx_cancel_btn_set > div::after {
        color: #fff;
        content: "X ";
        font-size: 18px;
    }

.dhx_btn_set.dhx_right_btn_set.dhx_delete_btn_set {
    left: 11px !important;
    position: absolute !important;
}

/*.dhx_btn_set, .dhx_cancel_btn_set {
    border: 1px solid #000 !important;
}*/

.dhx_delete_btn_set {
    background-color: red !important;
    border: 1px solid #000 !important;
    color: #fff;
}

.dhx_btn_set {
    border-radius: 0 !important;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin: 12px 0 0;
    padding: 0;
}

.dhx_save_btn_set, .dhx_delete_btn_set, .dhx_location_btn_set{
    background-color: #19BCB9 !important;
    border: 1px solid #000 !important;
    border-radius: 100px !important;
    padding: 0 20px 5px 20px !important;
    color: #fff !important;
    text-transform: uppercase;
    font-family: 'Arial',sans-serif;
    font-size: 13px;
    font-weight: 100;
}

.dhx_save_btn_set, .dhx_delete_btn_set {
    position: absolute;
}

.dhx_save_btn_set:hover, .dhx_delete_btn_set:hover, .dhx_location_btn_set:hover{
    color: #fff;
}



.dhx_location_btn_set {
    padding: 0px 20px;
    position: relative;
}


.dhtmlx_popup_button.dhtmlx_ok_button div {
    background: #19BCB9 none repeat scroll 0 0 !important;
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
}

/*pop-up*/

.dhtmlx_popup_text {
    border: 0 none !important;
}



/* Media views*/


@media only screen and (max-width: 1220px) {

    /*#treeBox {
        width: 279px !important;
    }*/

    
}


@media only screen and (max-width: 1220px) {

    .dhx_cal_date {
        
        margin-left: 34px !important;
        margin-top: 0 !important;
    }
}


@media only screen and (min-width: 1200px) {

    /*#treeBox {
        width: 310px !important;
    }*/

    .dhx_scale_bar.dhx_second_scale_bar {
        font-size: 12px/28px;
        /*font-family: maven_problack,Arial,sans-serif;*/
    }
}


@media only screen and (min-width: 1500px) {

    /*#treeBox {
        width: 380px !important;
    }*/

    .standartTreeRow {
        -moz-user-select: none;
        font-family: source sans pro !important;
        font-size: 14px !important;
        text-transform: capitalize;
    }
}


/*Tree*/

#treeBox {
    background: #fff none repeat scroll 0 0;
    border-color: #444;
    border-style: solid;
    border-width: 3px 1px 1px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    margin-right: 10px;
    margin-top:75px;
    min-height: 279px !important;
    max-height: 677px;
    min-width: 280px !important;
    padding-bottom: 10px !important;
    padding-top: 4px;
    resize: both !important;
    top: 55px;
    z-index: 999 !important;
}

/*Show/hide treebox*/
.show-tree, .hide-tree {
    margin-left: 20px;
    margin-top:10px;
    background-color: #19BCB9 !important;
    border: 1px solid #000 !important;
    border-radius: 100px !important;
    color: #fff;
    width: 200px;
    text-align: center;
    cursor: pointer;
    padding: 8px;
    text-transform: uppercase;
}

/*treatment detail*/
#treatment-detail{
    width:350px;
    height:150px;
    border: 1px #444 solid;
    background-color: white;
    padding: 15px;
    border-radius: 11px;
    margin-top:25px;
}

#treatment-detail p.name { font-size:14px; font-weight:bold;}

#close-treatment-detail {
    color: #19BCB9;
    font-weight:bold;

}


/*Startpage*/

.login-box, .register-box {
    margin: 4% auto;
    width: 360px;
}

.login-box-body,
.register-box-body {
    background: #e7e7e7;
}
.rapide_ul {
    list-style: outside none none;
    padding: 20px;
}

.startmenu {
    margin-bottom: 15px;
    
}

.btn-social.btn-lg *:first-child {
    font-size: 1.5em !important;
    line-height: 45px !important;
    width: 45px !important;
}

.btn.btn-block.btn-success.btn-social.btn-lg.rapide-start {
    background: #19BCB9 none repeat scroll 0 0;
    /*font-family: maven_problack,Arial,sans-serif;*/
}

.startmenu-labels {
    font-family: playfair_displaybold_italic,Arial,sans-serif;
    font-size: 1.5em;
    margin-bottom: 8px;
    margin-top: 30px !important;
    text-align: center;
}

.cd-description::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent white transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    content: "";
    height: 0;
    position: absolute;
    right: 100%;
    top: 10px;
    width: 0;
}

.cd-description {
    background: #ffffff none repeat scroll 0 0;
    color: #19BCB9;
    display: inline-block;
    font-family: playfair_displaybold_italic,Arial,sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    left: 342px;
    line-height: 1.5;
    padding: 10px 10px 10px 15px;
    position: relative;
    text-align: left !important;
    top: 45px;
    visibility: hidden;
    
}

.startmenu:hover .cd-description{
    visibility: visible;
}

.rapide_ul .fa.fa-info-circle.description {
    left: -5px;
    position: relative;
}

.login-logo, .register-logo {
    font-family: playfair_displaybold_italic,Arial,sans-serif;
    font-size: 35px;
    font-weight: 300;
    margin-bottom: 25px;
    text-align: center;
}
/*Login-page*/
.login-box .login-group {
    margin-top: 20px;
    font-size: 16px;
    font-family: Arial;
    text-align: center;
}


.login-group a {
    text-align: center;
}

.login-group .form-left{
    float:left;
}

.login-group .form-left label {
    width:100px;
    text-align:left;
    margin-top:10px;
    margin-bottom:10px;
}

.login-group .right input{
    width: 200px;
    float:left;
    margin-top:7px;
    margin-bottom:7px;
    
}




#btnLogin {
    padding-left: 0px !important;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}


/*Customer-booking-page*/
#selected-slot {
	margin-top: 20px;
	float: left;
}

#selected-info {
	font-size: 18px;
	margin-left: 40px;
}


#step2 .form-group, #step2 .cd-description, #step3 .form-group, #step3 .cd-description {
	display: none;
}


.locationselector {
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font-size: 16px;
    color: #1c1c1b;
}

@media only screen and (max-width:984px ) {
	.cd-description {
        left: 0px;
        top: 0px;
    }
}




@media only screen and (max-width:480px ) {

    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 126px;
    }

    .cd-timeline-content {
        margin-top: -12px;
        margin-bottom: -12px;
    }

        .cd-timeline-content h2 {
            margin-left: 16px;
        }

        .cd-timeline-content::before {
            display: none;
        }

    #cd-timeline::before {
        left: 58px !important;
        margin-left: -2px !important;
        top: -171px;
    }

    .cd-timeline-img {
        height: 40px;
        left: 41px !important;
        top: -8px !important;
        width: 40px;
    }

    .content {
        margin: -50px -21px -35px -79px !important;
    }

    .cd-description {
        left: 0px;
        top: 0px;
    }
}

/*.wrapper {
  margin-top: -117px !important;
}*/

/*Handling Locations*/

.center {
    margin-left:25%;
    margin-right:25%;
}

.box-header-locations {
    height: 40px;
    background-color: #19BCB9;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}

.box-header-locations a {
    color: white;
    font-size: 30px;
    float: right;
}

.box-title-locations {
    color: white;
    font-family: playfair_displaybold_italic,Arial,sans-serif;
    display: inline;
}

.box-locations {
    padding: 10px 0 0 0;
    height: auto;
    background-color:white;
    margin-bottom:20px;
    width:100%;
    overflow-y: auto;
}
.box-blacklist {
    padding: 20px;
    height: auto;
    background-color:#f9f9f9;
    margin-bottom:20px;
    width:100%;
    overflow-y: auto;
}
    .box-blacklist label{
        min-width: 70px;
    }

    .box-blacklist .btnSaveEdit{
        margin-left: 15px;
    }

    .box-blacklist #Comment {
        min-width: 300px;
    }

    .form-header {
        width: 100%;
        display: inline-block;
    }

.box-locations .form-left{
    width:100%;
    float:left;
    padding-right:20px;
}

.box-locations .form-left label{
  margin-top:10px;
}

.w-150{
    width: 150px!Important;
}

.w-larg{
    width: 300px!Important;
}

.w-xlarg{
    width: 400px!Important;
}

.locationName {
 
    float:left;
    display: -webkit-box;
}
.locationName p {
    width:150px;
}


.openingHours{
    width: 70px;
}


#partialView ul{
    padding:0px;
}

.chair-image{
    margin-right:10px;
}
.editLocation {
    width: 50px;
}
.editLocation i {
    width: 10px;
    font-size:16px;
    color:black;
}


.box-locations .form-right{
    width:100%;
    float:left;
    text-align:left;
    padding-left: 20px;
}

.form-right a:hover{
    color: white;
}
.box-locations .form-footer{
    max-height:100px;
    overflow:auto;
    position: relative;
    float:right;
    margin-top:25px;
}
  
#admin-customer-list li {
    border-bottom: 1px solid #f2f2f2;
    padding-top:   5px;
    padding-bottom: 5px;
}


.form-right label.right {
    width: 44px;
    text-align: center;
}

.box-locations ul{
    list-style:none;
}




#btnNewShop, #btnSave, box-location-btn{
    float:right;
    bottom:0;
}

.form-group.edit_location > hr {
    float: left;
    margin: 10px 0;
    width: 100%;
}
.chair{
    height:60px;
}
.height-auto{
    height:auto!important;
}
#asset-list .input-group-addon {
    padding: 5px 0;
    text-align: left;
}
#asset-list .input-group-addon .asset-id-label{
    display:block;
    margin-bottom:5px!important;
}

#asset-list .delete-asset {
	margin-top: 5px;
}

#asset-list .delete-asset a {
	color: #000000;
	font-size: 12px;
}

#asset-list .col1 {
	margin-top: 11px;
}
#asset-list .col1 .input-group-addon{
    background-color:transparent;
}
#asset-list .col1 .input-group-addon img {
    /*float: left;*/
}

#asset-list .col1 .input-group-addon input[type="text"]{
    /*float: left!important;*/
    width: 65%!important;
}
#asset-list .row.row1 {
    height: 35px;
    padding: 5px 0 0 !important;
}
#asset-list .row.row1 .closeChair {
    line-height: 30px !important;
    padding-right: 15px;
}
#asset-list .asset-action .row {
    padding: 5px 0;
}



.box-openHours, openChairs {
    float: left;
}

.btnAddChair, .btnDeleteChair, .btnSaveEdit, .btnRemoveLocation, .btnAction {
	padding: 5px 20px;
	position: relative;
	background-color: #19BCB9 !important;
	border: 1px solid #000 !important;
	border-radius: 100px !important;
	color: #fff;
	text-transform: uppercase;
	font-family: 'FontAwesome',Arial,sans-serif;
	margin-top: 12px;
}

.pad-rt-15{
    margin-right:15px;
}
.btnSaveEdit{
    float:right;
}


.box-openHours p {
    width:50px;
    display:inline-block;
    margin-top: 8px;
    text-align:center;
}

.box-openHours span {
    margin-top: 8px; 
}

.box-openHours select {
    width: 50px;    
}

#available-loader {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	display: none;
}

.loading {
	border: 8px solid #D4D5D8; 
	border-top: 8px solid #19BCB9;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 2s linear infinite;
	display: none;
	margin-left: auto;
	margin-right: auto;
}

@keyframes spin {
	 0% { transform: rotate(0deg); }
	 100% { transform: rotate(360deg); }
 }
    

/*new locations*/
.form-group .form-section {
	margin-top: 0px;
	margin-bottom: 10px;
}
	
.form-group .form-section span {
	margin-left: 10px;
}

.form-group .form-section div.wide input {
	min-width: 500px;
}

.form-group .form-label {
	margin-top: 0px;
	margin-bottom: 0px;
}

.form-group .control-label {
	width: 150px;
	text-align: left;
	margin-left: 10px;
	margin: 0px;
}


.form-group.new_location, .form-group.edit_location{
    margin-left: 0px;
    margin-right: 0px;
}

.form-group.new_location input, .form-group.edit_location input{
    margin: 0px 5px 0px 5px !important;
 }

ul.openhours-list {
    padding: 0;
}

    ul.openhours-list li {
        padding: 5px;
    }

        ul.openhours-list li div {
            min-width: 60px;
            margin-bottom: 3px;
            display: inline-block;
        }

        ul.openhours-list li input[type='text'] {
            min-width: 50px;
            width: 50px;
            margin-left: 10px;
            margin-right: 10px;
        }

.form-group.edit ul.openhours-list li select {
    display: inline;
    margin: 0px 10px 0px 10px;
    min-width: 80px;
}

.form-group .form-section ul.openhours-list li span {
    margin-left: 5px;
}



.box-day {
    display: -webkit-box;
    margin-bottom:5px;
    padding-left: 10px;
}
  

.box-day p{
    width: 100px;
    text-align:left;
}

.box-day select{
    margin: 0 10px 0 10px;
}  

.day, .changeName{
    /*display: -webkit-box;*/
}
.changeName p{
    width: 150px;
    margin-top: 8px;
}

/*
#CreateLocationWrapper .file-control-wrap{
    float: left;
    margin: 0 !important;
    padding-top: 7px;
}

#CreateLocationWrapper .file-control-wrap #btnFileUpload {
    float: left;
    margin: 0 !important;
}

#CreateLocationWrapper .file-control-wrap .file-text{
    float: left;
    margin-left:5px;
}*/

#tblFileControl td {
    margin: 0;
    padding: 7px 0 0;
}
#tblFileControl td > input span img {
    margin: 0 !important;
}
#tblFileControl td .file-text {
    float: left;
    margin-left: 5px !important;
    max-width: 300px;
    min-width: 300px;
}
#tblFileControl td .file-text #spnFileText {
    padding-right: 3px;
}

#removeImage {
    background: rgba(0, 0, 0, 0) url("/content/themes/base/images/ui-icons_cd0a0a_256x240.png") repeat scroll -98px 110px;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    width: 12px;
}
 

#fileUploadError{
    float: left;
    font-size: 11px;
    margin-left: 5px;
    position: relative;
}


.valign-middle {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#tblFileControl .valign-middle > div{
     -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
#tblFileControl .img-wrap {
  height: 150px;
  margin-top: -60px;
  position: absolute;
  width: 300px;
}
#tblFileControl .img-wrap > div {
  padding: 0 20px;
  width: 100%;
	height: 100%;
}
   #tblFileControl .img-wrap > div > img {
        display: block;
        max-width: 100%;
    }

 #EditLocationWrapper .img-wrap.valign-middle {
    margin-top: -18px !important;
}
/*edit location & edit action*/

.openChairs li, .openChairs ul, .box-openHours ul{
  
    margin:0px;
    padding:0px;
}


.validation-summary-errors{
    color:red;
}


.chair img {
    width: 25px;
    display: inline-block;
}

 .chair p{
      width: 20px;
      display:inline-block;   
      font-weight:300;        
 }

.chair input[type=text]  {
    margin-bottom: 7px;
    width:100px;
    border:solid #d2d6de 1px;
    padding: 5px;

}

.chair .chk-prolog {
    height: 20px;
    margin-left: 153px;
    width: 100%;
}

.closeUntil {
    display: none;
    width:40px;
}

.form-group.edit_action, .form-group.new_action, .form-group.edit{
    margin-left: 0px;
}



.form-group.edit input[type="checkbox"] {
	min-width: 0;
}
/*new treatments/products*/
.form-wrapper {
	padding: 20px 0px 20px 20px;
}
.grid-wrapper{
    padding: 20px 0 0 0;
}

.form-wrapper .search{
    width: 100%;
}

.form-box{
    overflow-y: auto; 
}

.product-card{
     margin:auto;
     height:auto;
     background-color: white;
}

.product-card.all{
    max-width:1000px;

}

.product-card.small{
    width: 500px;
}

.form-scroll{
    overflow:scroll;
}

#color-code, #category{
    width:100px;
    border-radius:50px;
    display:inline;
    margin-bottom: 7px;
    margin-top:7px;
    padding:2px
}

.btnSave, .btnNew, .btnSearch{
    background-color: #19BCB9 !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    color: #fff;
    left: 654px !important;
}

.{
    background-color: #19BCB9;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    color: #fff;
    left: 654px !important;
}

/*Actions, categories, locations tables*/

.actions th, .categories th, .listview th{
    /*font-family: maven_problack,Arial,sans-serif;*/
    font-weight: normal;
    line-height: 160%;
    margin: 0;
    font-size:18px;
}

.product-card tr:nth-child(even){
    background-color: #f4f4f4;
}


.actionEditLink, .categoryEditLink, .customerName, .locationName{
    /*font-family: maven_problack,Arial,sans-serif;*/
    /*text-transform: uppercase;*/
}

.box-locations th, .box-locations td{
    padding: 0px 20px;
}

.categoryColor div{
    width: 20px;
    height: 20px;
  
    margin-left: 20px;
}


/*Customer edit*/

.form-customer{
   
    width:800px;
    background-color:white;
    margin-left:auto;
    margin-right:auto;
}

.form-customer .form-wrapper{
    min-height:300px;
    margin-bottom:30px;
}

#CustomerInfo{
    width:80%;
}

.child-org-checkbox {
	margin-left: 20px;
}

#otherLocationsList {
	padding-left: 0;
	margin-top: 10px;
}
#otherLocationsList .org-loc-checkbox {
	margin-left: 20px;
}

#otherLocationsList .chkLocation {
	margin-left: 40px;
}

/*pagination of tables*/
.pagination li a {
	border: none;
	background: none;
}

.pagination li a:hover{
    background: none !important;
    color: #19BCB9;
}

.pagination .active a, .pagination > .active > a:hover{
    background: #19BCB9 !important;
    border: none;
    border-radius: 50% !important;
}

.isclosed {
    padding:10px;
}

.isclosed input {
    min-width: 0px!important;
    margin-right: 5px;
    position: relative;
    top: 2px;
    left:-7px;
}

/*Edit Location Css*/
#prolong-header-checkbox span {
    padding: 0;
}


.fixed .content-wrapper .row.calender-assetbooking{
    padding-top:65px;
}

/*login*/
#login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	float: none;
	max-width: 60%;
}

#login .btn {
	float: right;
}

.child-organization {
	margin-left: 20px;
	font-size: 12px;
}

.dropdown-organizations .child-organization a {
    color: black;
}

.dropdown-organizations .organization a {
    color: black;
}

.dropdown-organizations{
	padding-right: 15px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
    background-color:black;
}

td a {
    color: #000000;
}

.logoff a {
    color:#fff;
}
    .logoff a:hover {
        text-decoration:none;
    }

.add-asset {
    padding: 5px 20px;
    position: relative;
    background-color: #19BCB9 !important;
    border: 1px solid #000 !important;
    border-radius: 100px !important;
    color: #fff;
    text-transform: uppercase;
    font-family: 'FontAwesome',Arial,sans-serif;
    margin-top: 12px;
}

.add-asset:hover {
	color: #fff;
}

a.navbar-brand{
	color:#fff;
}

a.navbar-brand:hover {
	color: #fff;
}
.btn-social.btn-lg {
	padding-left: 61px !important;
}

.btn-social {
	position: relative;
	padding-left: 44px !important;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btn-success {
	background-color: #00a65a;
	border-color: #008d4c;
}

.btn:focus {
	outline: none;
}

.navbar .nav > li > a {
	background-color:#000;
	color: #fff;
}

	.navbar .nav > li > a:hover {
		background-color: #000;
		color: #fff;
	}

.btn-social :first-child {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 32px !important;
	line-height: 34px !important;
	font-size: 1.6em !important;
	text-align: center;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.login-box-body, .register-box-body {
	background: #e7e7e7;
	padding: 20px;
	color: #444;
	border-top: 0;
	color: #666;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-top: 1px solid #f4f4f4;
}

.layout-top-nav .content-wrapper, .layout-top-nav .right-side, .layout-top-nav .main-footer {
	margin-left: 0;
}

.content {
	min-height: 250px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 50px;
}

#location-tooltip {
    height: 25px;
    background-color: white;
    border: 1px solid black;
    max-width: max-content;
    line-height: 25px;
    vertical-align: middle;
    position:absolute;
    z-index:999;
    padding-left:10px;
    padding-right:10px;
}
