/* Minification failed. Returning unminified contents.
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,22): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(70,22): run-time error CSS1039: Token not allowed after unary operator: '-third-color'
(137,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(153,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(157,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(166,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(199,22): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(206,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(242,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(243,24): run-time error CSS1039: Token not allowed after unary operator: '-second-color'
(254,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(269,28): run-time error CSS1039: Token not allowed after unary operator: '-third-color'
(273,28): run-time error CSS1039: Token not allowed after unary operator: '-fourth-color'
(334,17): run-time error CSS1039: Token not allowed after unary operator: '-second-color'
(338,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(343,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(347,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(396,28): run-time error CSS1039: Token not allowed after unary operator: '-third-color'
(454,31): run-time error CSS1039: Token not allowed after unary operator: '-second-color'
(455,28): run-time error CSS1039: Token not allowed after unary operator: '-second-color'
(623,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(645,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(712,306): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(736,22): run-time error CSS1039: Token not allowed after unary operator: '-third-color'
(833,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(842,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(843,27): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(948,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(949,23): run-time error CSS1039: Token not allowed after unary operator: '-second-font'
(1007,27): run-time error CSS1039: Token not allowed after unary operator: '-custom-font'
(1084,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1085,17): run-time error CSS1039: Token not allowed after unary operator: '-second-color'
(1086,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(1101,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(1146,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(1201,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(1207,27): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(1218,27): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(1231,27): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(1238,27): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(1291,28): run-time error CSS1039: Token not allowed after unary operator: '-fourth-color'
(1292,17): run-time error CSS1039: Token not allowed after unary operator: '-second-color'
(1328,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(1336,22): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1348,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(1362,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(1387,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(1401,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(1494,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(1574,2): run-time error CSS1030: Expected identifier, found ' '
(1574,2): run-time error CSS1019: Unexpected token, found ' '
(1773,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1774,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(1778,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(1832,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-font'
(1979,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(1992,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(2229,22): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2428,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2436,38): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(2468,17): run-time error CSS1039: Token not allowed after unary operator: '-second-color'
(2469,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2495,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2544,28): run-time error CSS1039: Token not allowed after unary operator: '-second-color'
(2559,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2560,28): run-time error CSS1039: Token not allowed after unary operator: '-second-color'
(2564,17): run-time error CSS1039: Token not allowed after unary operator: '-second-color'
(2568,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2572,32): run-time error CSS1039: Token not allowed after unary operator: '-fourth-color'
(2883,26): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2913,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2929,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2945,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2946,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2979,30): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(2990,27): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(3022,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(3023,23): run-time error CSS1039: Token not allowed after unary operator: '-second-font'
(3203,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3219,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3235,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3263,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3279,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3295,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3655,36): run-time error CSS1039: Token not allowed after unary operator: '-fourth-color'
(3859,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(3867,27): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(3980,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3990,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4048,17): run-time error CSS1039: Token not allowed after unary operator: '-second-color'
(4049,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
 */
/*Table of content
    - Basic Elements
    - Admin booking
    - Customerbooking
    - Organization file upload css
    - Organization Field Override Grid css

*/

/*Import custom font:*/
@import url('');

:root {
    --main-font: 'HelveticaNeue';
    --custom-font: 'ebgaramond-regular';
    --third-font: 'Tahoma';
    --main-color: #000;
    --second-color: #fff;
    --third-color: #dadada;
    --fourth-color: #444;
}

/*Import custom font:*/

@font-face {
    font-family: 'ebgaramond-regular';
    src: url('../fonts/ebgaramond-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue.woff2') format('woff2');
}


/*
ADMIN VIEWS
    ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/
/*
BASIC ELEMENTS
    ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/
/*
Header
    ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/


/*
Footer
    ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/

.main-footer {
    background: var(--main-color);
    color: #fff;
}

    .main-footer a {
        color: #999!important;
        text-decoration: none;
    }
/*
Background
    Set background color if there is no image as background
    ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.content-wrapper {
    background: var(--third-color);
}

.content-wrapper {
    color: #444;
    font-family: maven_proregular,Arial,sans-serif;
    font-size: 13px;
    overflow-x: hidden;
    padding-top: 10px;
}

.content-wrapper, .right-side {
    background-color: #ecf0f5;
    min-height: 100%;
    z-index: 800;
}

/*dölja h1 viewbag-title*/
.content-header > h1 {
    display: none;
    font-size: 24px;
    margin: 0;
}

.no-print {
    display: none;
}

.modal {
    z-index: 99999;
}
.modal-title
{
    text-transform: capitalize;
}

.modal-backdrop {
    z-index: 99990;
}


.gap-top-5 {
    margin-top: 5px;
}

.gap-top-10 {
    margin-top: 10px;
}
.gap-left-5{
     margin-left: 5px;
}
.gap-left-10{
     margin-left: 10px;
}
.txt-center {
    text-align:center;
}

.width-auto{
   width:100%!important;
}

/*
Font
    ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/
h1, h2, h3, h4, h5, h6 {
    font-family: var(--main-font);
}

 
/*.navbar {
    font-family: Arial;
}


.footer {
    font-family: Arial;
}*/



.content {
    font-family: var(--main-font);
}

span {
    font-family: var(--main-font);
}

/*
Links
    ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/

a {
    color: var(--main-color);
}


/*
Pagination
    ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/

.pagination-container {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.pagination li a {
    border: none;
    background: none;
}

    .pagination li a:hover {
        background: none !important;
        color: #5ca2d2;
    }

.pagination .active a, .pagination > .active > a:hover {
    background: #5ca2d2 !important;
    border: none;
    border-radius: 50% !important;
}


.pagination .active a, .pagination > .active > a:hover {
    background: var(--main-color) !important;
    border: none;
    border-radius: 50% !important;
}

.pagination li a:hover {
    background: none !important;
    color: var(--main-color);
}

/*
Scrollbar
    ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/

body ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

body ::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

body ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}


/*BASIC ELEMENTS
 ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/
/*.w-300{
    width:300px!Important;
}*/

/*Input area text and drop down*/

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--main-color) !important;
    border-color: var(--second-color) !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 var(--main-color) !important;
    outline: medium none;
}

.select2-container--default .select2-selection--multiple:focus {
    border-color: #5ca2d2 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    margin-right: 5px;
}


.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.day:hover {
    background-color: var(--third-color) !important;
}

.datepicker table tr td.active.active, .datepicker table tr td.active:hover.actived {
    background-color: var(--fourth-color) !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: #5ca2d2;
    font-weight: 900;
}

.breadcrumb .fa.fa-home {
    color: #5ca2d2;
    font-size: 14px;
}

.breadcrumb .fa.fa-calendar {
    font-size: 11px;
    position: relative;
    top: -1px;
}

/*HEADER
----------------------------------------------------------------------------------------------------------------------------------------------------------
*/

.main-header .navbar-brand {
    color: #fff!important;
}
.navbar a{
    color: var(--second-color) !important;
    
}
.navbar .dropdown-menu li a{
    color: var(--main-color) !important;
    
}

.skin-purple .main-header .navbar{
    background-color: var(--main-color) !important;
}

.main-header .navbar-collapse a{
    font-family: var(--main-font);
    font-size: 18px;
}

.caret{
    margin-left: 10px !important; 
}

/*.logoff p, .navbar-brand{
    font-family: var(--main-font) !important;
}*/

/*Logotype*/

#logga {
    background: transparent url("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;
}

/*logout*/
.logoff p {
    display: inline;
    color: #fff;
    font-weight: 500;
}

.logoff {
    margin-top: 15px;
    float: right;
    font-size: 18px;
    font-weight: lighter;
}
 


a {
    color: #5ca2d2;
    text-decoration: none;
}


/*Tables*/
table.table tr:nth-child(even) {
    background-color: var(--third-color);
}


a:active, a:hover {
    outline: 0 none !important;
    color: #5ca2d2;
}

hr {
    margin-top: 5px;
    margin-bottom: 5px;
}


/*
FOOTER
    ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/




.navbar .fa.fa-calendar {
    padding-right: 7px;
}

/*skin*/

.bg-purple-active {
    background-color: #000 !important;
}

.bg-purple {
    background-color: #000 !important;
}

.rapide {
    color: #5ca2d2;
    text-decoration: none;
}

.bg-rapide {
    background-color: #5ca2d2 !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: var(--second-color) !important;
    border-top-color: var(--second-color) !important;
}

.form-control {
    color: #999;
    padding: 5px;
}


.edit_location .box-openHours select.form-control {
    margin: 0 10px;
}

.edit_location .box-openHours input[type=checkbox] {
    height: 33px;
    margin-right: 10px!Important;
}
.edit_location .box-openHours p[for="isclosed"] {
    margin-left: 5px;
}

.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!important;
    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 #5ca2d2;
}

.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: #5ca2d2;
    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;
}

/*ul*/

.global-events {
    font-size: 0.9em;
    list-style: outside none none;
    margin-left: -44px;
}

/*fonts*/


.main-header .navbar-collapse a {
    color: #6f6f6e;
    display: block;
    font-family: maven_problack,Arial,sans-serif;
    font-size: 15px;
    padding: 15px 10px;
    /*text-transform: uppercase;*/
}


h6, h5, h4, h3, h2, h1 {
    color: #1c1c1b;
    font-family: maven_problack,Arial,sans-serif;
    font-weight: normal;
    line-height: 160%;
    margin: 0;
}

#navbar-collapse .dropdown-menu {
    height: 300px;
    overflow-y: scroll;
}

.navline_left {
    top: 1px !important;
}

.dhx_cal_tab.unit.dhx_cal_tab_standalone {
    margin-left: 60px;
}

/*schedule general Calendar view */

#calendar-box {
    margin-top: 40px;
}

.dhx_cal_container * {
    font-family: var(--main-font) !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-color: #fff !important;
    color: #fff !important;
    font-size: 14px;
}


.dhx_cal_date {
    color: var(--main-color) !important;
    font-size: 2em;
    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;
}

/*asset chair icon*/

.dhx_scale_bar:before {
    background: rgba(0, 0, 0, 0) url("/content/rapide/img/chair-06.png") no-repeat scroll -4px 0 / 100%;
    content: " ";
    height: 18px;
    position: relative;
    top: 3px;
    width: 18px;
}

.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;
}


.dhx_scheduler_month .dhx_scale_bar::before {
    content: "" !important;
}


.dhx_scale_bar {
    border-left: 1px solid #cecece;
    color: #000000 !important;
    font-weight: 300 !important;
    padding-top: 2px;
}


.dhx_scale_bar {
    background: #5ca2d2 !important;
    color: #fff !important;
    font-size: 17px;
    font-weight: lighter !important;
    font-family: arial !important;
}

.dhx_scale_holder_now {
    background-image: url(/scripts/dhtmlxScheduler/imgs_dhx_terrace/databg.png);
    /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqBAMAAACAUCxPAAAAMFBMVEXs7vT8/vwXAIoAAAAAAIIAAAAAAAAAAAABAAAAAAAAAAAAAADgAZHtALESAEIAAH6yTmwcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAADklEQVR42mMQYCAWEg0AUwQBUUpA2DQAAAAASUVORK5CYII='); /*\Scripts\dhtmlxScheduler\imgs\databg.png*/ */;
}

/*.dhx_cal_navline {
  background: #eeeeee none repeat scroll 0 0 !important;
}*/


/*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: var(--third-color) none repeat scroll 0 0 !important;
    color: #5ca2d2 !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: #5ca2d2 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: #5ca2d2 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: #5ca2d2 none repeat scroll 0 0 !important;
    font-family: maven_problack !important;
    font-weight: 100;
    color: #ffffff !important;
    font-size: 17px;
}

.dhx_cal_tab.active {
    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: var(--main-font) !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;
}


    .dhx_cal_tab.active, .dhx_scale_bar, .dhx_cal_today_button, .dhx_cal_next_button:before, .dhx_cal_prev_button:before {
        background-color: var(--main-color) !important;
        font-family: var(--main-font) !important;
    }

/*.btn-rapide {
    background-color: #5ca2d2 !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;
}

.main-header #navbar-search-input:focus, .main-header #navbar-search-input:active {
    background: #5ca2d2 none repeat scroll 0 0;
    border-color: #fff !important;
    color: #fff;
}


/*Events*/

.closed_section {
    background-color: silver;
    border: 1px solid #000;
}

.yellow_section {
    background-color: yellow;
    opacity: 0.25;
    filter: alpha(opacity=25);
}

.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;
}

.dhx_cal_event .dhx_body, .dhx_cal_event.dhx_cal_select_menu .dhx_body {
    line-height: 14px;
}

.dhx_event_resize.dhx_footer {
    z-index: -1;
}
/*Changes for Custom Event Box*/
.hide-event-body .dhx_body {
    display: none !important;
    /*padding-bottom:5px;*/
}


.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;
    line-height:15px;
}
.dhx_cal_event .dhx_title .has-image{
    padding-left: 20px;
    width: calc(100% - 20px);
}


/*Changes for Custom Event Box*/

.input-validation-error {
    border: 1px solid red !important;
}

/*Tooltip*/
.cd-description {
    background: #fff none repeat scroll 0 0;
    color: var(--main-color);
    font-family: var(--second-font);
}

/*___________________________lightbox________________________________*/

#customer-remove-icon {
    width: 20px;
    display: inline-block;
    height: 15px;
    position: relative;
}

    #customer-remove-icon span {
        position: absolute;
        top: -5px;
        cursor: pointer;
        display: none;
    }

/*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: 628px !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;
    }


/*New Lightbox
------------------------------------------------------------------
*/

#custom-lightbox {
    display: none;
}

    #custom-lightbox h3 {
        text-align: center;
        margin: 5px 0;
        font-family: var(--custom-font);
    }

    #custom-lightbox hr {
        width: 70%;
    }

    #custom-lightbox .btn-back {
        left: 15px!important;
    }

    #custom-lightbox .btn-save {
        margin-right: 15px;
    }

    #custom-lightbox .checkbox-wrapper {
        margin: 0;
    }
     
    .customerCredentials input,
    .customerCredentials select {
        width: 100%;
    }

.customer-type, .company-name {
    width: 49%;
    display: inline-block;
}

.customer-info .add-button {
    float: initial;
}


/*Addons*/

.addon-lable th {
    font-weight: 100;
}

.addon-lable table {
    width: 95%;
    margin-left: 15px;
    font-size: 14px;
}

.addon-list-table {
    width: 100%;
    margin-left: 10px;
    margin-top: 10px;
}


.addon-list {
    border: 1px solid lightgrey;
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

.addons-price {
    padding-top: 10px;
}

#txtCustomerAddonList {
    width: 70%;
}

.addon-choice-section {
    margin: 10px 0;
}

    .addon-choice-section input {
        border: 1px solid lightgrey;
    }

.add-button,.clear-button {
    background-color: var(--main-color);
    color: var(--second-color);
    font-family: var(--main-font);
    border: none;
    float: right;
    padding: 2px 15px;
}


.dhx_wrap_section table {
    width: 100%;
    margin: 10px;
}

.dhx_wrap_section th,
.dhx_wrap_section td {
    width: 20%;
    font-family: var(--main-font);
}

.addon-list td,
.addon-lable th {
    width: 15%;
}

.addon-list td.removeRow{
    width:6%;
} 

th.addonActionName,
td.addonActionName {
    width: 30% !important;
}

.addonRow {
    margin-right: 15px;
    margin-top: 5px;
    display: table;
}

    .addonRow textarea,
    .addonRow input,
    .addonRow select {
        border: none;
        resize: none;
        height:20px;
    }

.addonActionCategoryDDL {
    width: 50px;
}

.removeRow :hover {
    cursor: pointer;
}

.dhx_cal_light input {
    font-family: inherit;
    font-size: 11pt;
}

.lightbox-inner ::placeholder {
    font-family: var(--main-font);
}

.lightbox-inner .dhx_wrap_section,
.lightbox-inner .dhx_cal_ltext {
    overflow: visible;
}


.free-text textarea {
    resize: none;
    width: 100%;
    margin-top: 15px;
    font-size: 12px;
    padding: 10px 15px;
}


.addons-price.container {
    width: 100%;
}

.addons-price .price-label {
    width: 50% !important;
    padding: 5px 0 3px 0;
    display: inline-block;
}

.addons-price .price-value {
    width: auto;
    float: right;
    display: inline-block;
    margin-right: 30px;
    padding: 5px 0 3px 0;
    font-size: 15px;
}

.addonRow input,
.addonRow textarea,
.addonRow select,
.addonRow td {
    font-size: 10px !important;
}

#AddOns h4 {
    text-align: center;
}


/*Booking handler and reference*/

.booking-handler,
.booking-free-text {
    width: 49%;
    display: inline-block;
    font-family: var(--main-font);
    margin-bottom: 10px;
}

    .booking-handler label,
    .booking-free-text label {
        font-family: var(--main-font)!important;
        font-weight: 100!important;
        padding: 0px!important;
        display: block!important;
    }

    .booking-handler select,
    .booking-free-text input {
        width: 90%!important;
        height: 25px!important;
        font-size: 14px!important;
        font-family: var(--main-font)!important;
    }

/*Discounts*/
#discount-grid p
{
    margin:0;
}
.discount-area {
    padding: 10px 15px 10px 15px;
}

    .discount-area label {
        font-family: var(--main-font)!important;
        padding: 0px!important;
        font-weight: 100!important;
    }

    .discount-area select {
        border: 1px solid lightgrey;
        font-family: var(--main-font);
        width: 100%;
        height: 26px;
        font-size: 14px;
    }

    .discount-area .price-label {
        width: 50% !important;
        padding: 15px 0 3px 0;
        display: inline-block;
    }


    .discount-area .price-value {
        width: auto;
        float: right;
        display: inline-block;
        margin-right: 30px;
        padding: 15px 0 3px 0;
        font-size: 15px;
    }

#txtTotalPrice {
    font-size: 15px;
}



#btnClose {
    border: none;
}

#HandlerId {
    color: grey;
}

    #HandlerId option {
        color: black;
    }

        #HandlerId option:first-child {
            color: grey;
        }


/* Lightbox - Customer List*/
#booking-customer-list .glyphicon {
    cursor: pointer;
}

#booking-customer-list .action-icons span:not(:last-child) {margin-right: 8px!Important;}

#booking-customer-list tr.active td{
    background-color: var(--fourth-color);
    color: var(--second-color);
}


/*.dhx_cal_lsection input, textarea{
    height:30px !important;
    margin-top: 0px !important;
}*/

.sol-container, #action-dropdown-label {
    margin-top: 0px !important;
}



/*time*/

.dhx_cal_light_wide {
    width: 90%;
    max-width: 1000px;
    display: none;
}

    .dhx_cal_light_wide .dhx_section_time {
        left: 110px;
        height: 0px;
        display: none;
        position: absolute;
    }

    .dhx_cal_light_wide .dhx_cal_larea {
        width: auto;
    }

.lightbox-inner {
    padding: 0 15px;
    font-family: var(--main-font);
}

    .lightbox-inner.addons {
        padding: 0px;
    }

.dhx_cal_ltitle {
    background: var(--main-color) 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_wrap_section label {
    font-family: var(--main-font) !important;
    font-size: 15px;
    font-weight: normal;
}

.dhx_wrap_section.required {
    font-size: 10px;
    min-height: 10px !important;
    display: flex;
}


.dhx_cal_light_wide label {
    padding-left: 10px;
    font-family: var(--main-font);
    margin: 0px;
}

.dhx_wrap_section.time {
    display: inline-flex;
}

span.required-field {
    color: red;
}


.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: var(--main-font);
    height: 100%;
    outline: 0 none !important;
    overflow: auto;
    resize: none;
    width: 100%;
}

.dhx_wrap_section [class*='col'] {
    padding: 0;
}

.dhx_cal_light_wide .dhx_cal_lsection {
    text-transform: initial;
    font-family: var(--main-font) !important;
    text-align: left;
    font-weight: lighter;
}

.dhx_cal_light_wide .dhx_wrap_section {
    border: none;
}

#txtTotalPrice {
    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 {
    width: 90px;
}


#startTimeSelect, #endTimeSelect {
    width: 70px;
}

#endTimeSelect {
    margin-left: 0px;
}


#chkSendSms {
    margin-left: 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;
    line-height: 1;
    width: auto !important;
    min-width: 150px;
}

.dhx_cal_light {
    font-family: var(--main-font) !important;
    font-size: 15px;
}

/*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 close Buttons*/

.dhx_btn_set.dhx_left_btn_set.dhx_cancel_btn_set > div {
    color: transparent;
    position: absolute;
    right: -9px;
    top: 3px;
}

    .dhx_btn_set.dhx_left_btn_set.dhx_cancel_btn_set > div::after {
        color: #fff;
        font-size: 18px;
        font-family: FontAwesome;
        content: "\f00d";
    }

.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: #5ca2d2 !important;
    border: 1px solid #000 !important;
    border-radius: 100px !important;
    padding-bottom:7px;
    color: #fff;
    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: #5ca2d2 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 (max-width: 767px) {
    .dhx_cal_navline .dhx_cal_date {
        font-size: 15px !important;
    }

    .dhx_cal_navline .dhx_cal_next_button {
        width: 29px !important;
    }

    .dhx_cal_navline .dhx_cal_prev_button {
        width: 29px !important;
        right: 44px;
    }

    .dhx_cal_navline .dhx_cal_today_button {
        width: 40px !important;
        right: 85px;
    }

    .dhx_scale_bar.dhx_second_scale_bar {
        font-size: 11px;
        font-weight: 600 !important;
    }

    .dhx_cal_tab {
        width: 45px;
    }

    .dhx_cal_tab_last {
        width: 62px;
        left: 115px !important;
    }
}




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

    .dhx_cal_date {
        font-size: 16px !important;
        margin-top: 0 !important;
    }
}

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

    .dhx_cal_date {
        font-size: 14px !important;
        margin-top: 0 !important;
    }
}

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

    .dhx_cal_date {
        font-size: 18px !important;
        margin-top: 0 !important;
    }
}

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

    .dhx_cal_date {
        font-size: 8px;
        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;
    }
}


/*Booking 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;
}



/*treatment detail seen under tree box
     ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#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: #5ca2d2;
    font-weight: bold;
}


/*Startpage
----------------------------------------------------------------------------------------------------------------------------------------------------------
*/

.login-box, .register-box {
    margin: 4% auto;
    width: 360px;
}

.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-color: var(--main-color);
    font-family: var(--main-font);
}

.startmenu-labels {
    font-family: var(--main-font);
    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: #5ca2d2;
    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 .cd-description {
    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: var(--custom-font);
    font-size: 35px;
    font-weight: 300;
    margin-bottom: 25px;
    text-align: center;
}
/*Login-page
     ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/

#loginForm {
    width: 100%;
}

.login-box .login-group {
    margin-top: 20px;
    font-size: 16px;
    font-family: Arial;
    text-align: center;
}


.login-box-body {
    box-shadow: 0 5px 11px rgba(0,0,0, 0.3);
    border-radius: 3px;
}

.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

     ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#step2 .form-group, #step2 .cd-description, #step3 .form-group, #step3 .cd-description {
    display: none;
}
.form-search-group .control-label {text-align:right!important; font-size:large;}



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

    .cd-description {
        left: 0px;
        top: 0px;
    }
}




@media only screen and (max-width:480px ) {
    #cd-timeline::before {
        height: 100%;
    }

    .wrapper-customerbooking #cd-timeline.cd-container.customerbooking {
        padding-top: 45px;
    }

    .wrapper-customerbooking .poweredby {
        margin-left: 70px;
        margin-top: -30px;
        padding-bottom: 50px;
    }

    .cd-timeline-content {
        margin-top: -12px;
        margin-bottom: -12px;
    }


        .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: var(--main-color);
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}

    .box-header-locations a {
        color: white;
        font-size: 30px;
        float: right;
    }

.box-title-locations {
    font-family: var(--main-font);
    text-align: center;
    color: white;
    display: inline;
}

.box-locations {
    padding: 20px;
    height: auto;
    background-color: white;
    margin-bottom: 20px;
    width: 100%;
    overflow-y: auto;
    position: relative;
}

.form-header {
    width: 100%;
    display: inline-block;
}

.box-locations .form-left {
    width: 50%;
    float: left;
    padding-right: 20px;
}

    .box-locations .form-left label {
        margin-top: 10px;
    }



.locationName {
    float: left;
    display: -webkit-box;
}

    .locationName p {
        width: 150px;
    }

#LocationName {
    width: 250px;
}

.openingHours {
    width: 70px;
}


#partialView ul {
    padding: 0px;
}

.chair-image {
    margin-right: 10px;
}

.editLocation, .deleteLocation {
    width: 10px;
}

    .editLocation i, .deleteLocation i {
        width: 10px;
        font-size: 16px;
        color: black;
    }


.box-locations .form-right {
    width: 50%;
    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;
}


.box-locations input {
    margin-bottom: 7px;
}

    .box-locations input[type=text],
    .box-locations input[type=number],
    .box-locations input[type=email], 
    .box-locations input[type=url] 
    {
        width: 250px;
    }

.form-right label.right {
    width: 44px;
    text-align: center;
}

.box-locations ul {
    list-style: none;
}




#btnNewShop, #btnSave, box-location-btn {
    float: right;
    bottom: 0;
}


.box-openHours, openChairs {
    float: left;
}

.btnAddChair, .btnDeleteChair, .btnSaveEdit {
    padding: 5px 20px;
    position: relative;
    background-color: #5ca2d2 !important;
    border: 1px solid #000 !important;
    border-radius: 100px !important;
    color: #fff;
    text-transform: uppercase;
    font-family: 'FontAwesome', maven_proregular,Arial,sans-serif;
    margin-top: 12px;
}

.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;
}






/*new locations
     ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/

.form-group .control-label {
    width: 200px;
    text-align: left;
    margin-left: 10px;
    margin: 0px;
}


.form-group p .control-label {
    width: 100%;
}
#EditAssetWrapper .form-group .control-label,
#EditAssetWrapper .checkbox h5,
#EditAssetWrapper .form-group h5 {
    width: 100%;
    font-weight: normal;
    font-size: 14px;
}

.form-group.new_location, .form-group.edit_location {
    margin-left: 0px;
}

    .form-group.new_location input, .form-group.edit_location input {
        margin: 0px 5px 0px 5px !important;
    }

    .form-group.edit_location.group1 input {
        margin: 0 !important;
    }


.box-day {
    display: flex;
    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 {
        margin-top: 8px;
    }



/*edit location & edit action*/

.openChairs li, .openChairs ul, .box-openHours ul {
    margin: 0px;
    padding: 0px;
}

.chair img {
    background: var(--main-color);
    width: 40px;
    display: inline-block;
}

.chair p {
    margin: 0;
    padding: 5px 3px;
    width: 20px;
    display: inline-block;
    font-weight: 300;
}

.chair .setting-icon {
    background-color: #444;
    border-radius: 15px;
    height: 30px;
    width: 30px;
}


.chair input[type=text] {
    margin-bottom: 7px;
    width: 100px !important;
    border: solid #d2d6de 1px;
    padding: 5px;
}

.closeUntil {
    display: none;
    /*width: 40px;*/
}
.closeUntil input[type=text] {
    width: 115px !important;
}
.form-group.edit_action, .form-group.new_action, .form-group.edit {
    margin: 0;
}

.gap-right-10 {
    margin-right: 10px;
}


.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: 50px;
    width: auto;
    border: solid #d2d6de 1px;
    padding: 5px;
}

.form-horizontal .form-group{
    margin-right:auto;
}

#EditLocationWrapper div.form-group > .control-label,
#AddLocationWrapper div.form-group > .control-label
{
    width: auto!important
}

p.field-discription
{
    color: #555;
    margin-top:-18px;
    margin-left: 0 !important;
}
#EditLocationWrapper .field-discription{
    color: #555;
    margin-left:18px;
}

#EditLocationWrapper .box-locations input[type="text"], 
#EditLocationWrapper .box-locations input[type="checkbox"],
#EditLocationWrapper .box-locations input[type="number"],
#AddLocationWrapper .box-locations input[type="text"], 
#AddLocationWrapper .box-locations input[type="checkbox"],
#AddLocationWrapper .box-locations input[type="number"]
{
    margin: 0px!important
}



/*new treatments/products*/

.form-wrapper {
    padding: 20px 0px 20px 20px;
}

    .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;
}



/*Actions, categories, locations tables*/

.actions th, .categories th, .listview th, .limitations 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: #ffe9f1;
}


.actionEditLink, .categoryEditLink, .customerName, .locationName, .organizationName {
    font-family: maven_problack,Arial,sans-serif;
    /*text-transform: uppercase;*/
}

.box-locations th, .box-locations td {
    padding: 0px 10px;
}

.categoryColor div {
    width: 20px;
    height: 20px;
    margin-left: 20px;
}

.action-categories label {
    display: block;
}

.category-label-note {
    font-size: 10px;
    color: red;
    line-height: 0px;
}


/*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%;
}


/*Pagination of tables
     ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/


/*Buttons
     ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/

.btn-default, .btn-save, .btn-back, .btn-new {
    float: right;
    background-color: var(--main-color) !important;
    border-radius: 0px !important;
    text-transform: uppercase;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    box-shadow: 0 4px 6px rgba(0,0,0, 0.3);
    font-size: 18px;
    font-family: 'FontAwesome', var(--main-font), Arial,sans-serif;
    border: none !important;    
    margin-top: 12px
}
#btnActionLogin {
    border-radius: 100px !important;
    font-size:13px;
}
.btn-new {
    float: right;
}

.btn-back {
    float: left;
}

.btn-save {
    float: right;
}

    .btn-back:hover, .btn-save:hover, .btn-default:hover, .btn-new:hover {
        cursor: pointer;
    }

.btn-default:hover, .btn-default.hover, .btn-default:active, .btn-default:focus, .btn-default.focus, .btn-default:active:focus {
    background-color: #e7e7e7 !important;
    cursor: pointer;
    color: #fff;
}

.btn.btn-primary,
.btn.btn-success {
    color: var(--second-color) !important;
    background-color: var(--main-color) !important;
    border-radius: 1px;
}


#addlimitation {
    margin-top: -10px;
}



/*Calendar view
    ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/

.row.calendar-container {
    margin-top: 45px;
}

.fixed .content-wrapper, .fixed .right-side {
    padding-top: 50px;
}

.show-tree, .hide-tree {
    margin-left: 20px;
    margin-top: 10px;
    background-color: var(--main-color) !important;
    border-radius: 100px !important;
    color: #fff;
    width: 200px;
    text-align: center;
    cursor: pointer;
    padding: 10px;
    text-transform: uppercase;
    box-shadow: 0 4px 6px rgba(0,0,0, 0.3);
}





/*Customer views
----------------------------------------------------------------------------------------------------------------------------------------------------------
*/

.btn-success {
    background-color: #5ca2d2;
    color: #fff;
    border: none;
    border-radius: 50px;
    box-shadow: 0 4px 6px rgba(0,0,0, 0.3);
}

    .btn-success:hover, .btn-sucess[disabled], .btn-success.disabled:hover, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success:hover, .btn-success:active, .btn-success.hover, .btn-success:active {
        background-color: #5ca2d2;
        color: #fff;
    }

#PhoneNumber {
    width: 250px;
}

#Email {
    width: 250px;
}

#Address {
    width: 250px;
}

/* CUSTOMERBOOKING
 ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/

ul.available li {
    background-color: var(--second-color);
    border: 1px solid #000;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    list-style: outside none none;
    margin-right: 12px;
    margin-top: 12px;
    padding: 8px 12px;
    text-align: center;
}

    ul.available li:hover, #hano ul.available li:active, #hano ul.available li.selected {
        background-color: var(--main-color);
        border-color: var(--second-color);
    }

.details .prefix, .details .binding {
    color: var(--second-color);
}

.cd-timeline-content button {
    background-color: var(--main-color);
}

    .cd-timeline-content button:hover, .cd-timeline-block button[disabled]:hover {
        background-color: var(--fourth-color);
    }

.TimeResult {
    margin-top: 15px;
}

.select2-container--default.select2-container--focus, .select2-selection.select2-container--focus, .select2-container--default:focus, .select2-selection:focus, .select2-container--default:active, .select2-selection:active {
    outline: medium none;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
    height: 34px;
    padding: 6px 12px;
}

.customerbooking .select2-selection.select2-selection--single {
    padding: 0;
}

.select2-container--default.select2-container--open {
    border-color: #3c8dbc;
}

.select2-dropdown {
    border: 1px solid #d2d6de;
    border-radius: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3c8dbc;
    color: white;
}

.select2-results__option {
    padding: 3px 12px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    height: auto;
    margin-top: -4px;
    padding-left: 0;
    padding-right: 0;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 6px;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
    right: 3px;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-top: 0;
    }

.select2-dropdown .select2-search__field, .select2-search--inline .select2-search__field {
    border: 1px solid #d2d6de;
}

    .select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus {
        border: 1px solid #3c8dbc;
        outline: medium none;
    }

.select2-container--default .select2-results__option[aria-disabled="true"] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #ddd;
}

    .select2-container--default .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__option[aria-selected="true"]:hover {
        color: #444;
    }

.select2-container--default .select2-selection--multiple {
    border: 1px solid #d2d6de;
    border-radius: 0;
}

    .select2-container--default .select2-selection--multiple:focus {
        border-color: #3c8dbc;
    }

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #d2d6de;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3c8dbc;
    border-color: #367fa9;
    color: #fff;
    padding: 1px 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
    margin-right: 5px;
}

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }


.select2-container .select2-search--inline {
    margin-left: 5px !important;
    padding-left: 3px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    outline: 0 none;
    padding-left: 3px;
}

/*.select2-search__field {
    background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAS0AAADdCAMAAADZ2NRxAAABDlBMVEUiIiIjIyMkJCQlJSUnJyc3Nzc4ODg7Ozs8PDw+Pj4/Pz9BQUFHR0dISEhMTExOTk5QUFBRUVFUVFRoaGhpaWltbW1ubm5ycnJzc3N0dHR1dXV8fHx9fX1+fn5/f3+CgoKEhISFhYWJiYmKioqLi4uMjIyNjY2UlJSVlZWWlpaXl5efn5+goKChoaGioqKjo6OkpKSlpaWmpqanp6esrKytra2urq6vr6+wsLCxsbGysrKzs7O0tLS3t7e7u7vExMTGxsbIyMjLy8vPz8/S0tL6+vr7+/v8/Pz9/f3+/v4oKCh7e3u4uLgmJiZsbGwyMjLu7u7FxcX////t7e2oqKipqanv7++AgIC5ubmBgYHL+Lm9AAAFQklEQVR4XuzQSQoCQRAAwXpfL7OPy/8/IngQj0pDiRD5giRi+zx9q0VLtGjRokVLtGjRokWLlmjRokWLFi3RokWLFi1aokWLFi1atESLFi1atJajTlM9Lz+ZHnzO1tqvPZ71+7LlN/ycqrXO8Wpe8wHGnxO1Wom3yu0fsFp5cHcnO1EGURiGT9NoHBLnhHFQWDArGBpoUBJHLIib2iD3fyMu3+iuuqr7fKfeK6g8+f7Fn1RSFWeu0Tod2j8Nz7J8Z/+f+XRGWmDBFQOrnstqsOCKgwXXDLRGYBFc+lhwjaauNZozIrjksWhuNGWtE7AIrhhYcJ1MVet4YERwhcCiwfEUtY7AIrjO42DBNTWtD2AVcEliwXVUoVWDBZc+Fg0+FGrVY8EVCAuu9lrvwSrgEsaC631zrUOwAnCB1ZjLmmLBpY9Fg8NCrXosuOJgwdVQ6wCsIi59LLiaae2DVcaljwXXQbUWWNG4zodW2GC/idaeUQWXLhZc9Vq7ZjVc+li0V6EFVhWXPhbtVmrtmFVz6WPBVaW1bVbPpY9FOxVaYFVx6WPRdrkWWA5cjlhwlWsdGclzgVXbx4m0vs1bdfNXeaZdNTjzzfcJtNILI/l1saz6XqZyrS9G6utiWU36Wq51b20ajoMsi96Va700c1iX47LoVbnWIzOHdTkuix6Xaz0wc1iX47LoYbnWMzOHdTkui56Xay2YOazLcVm0XK71yRy4JLDsc7nWjyfWsuFY/DOkpz/LtfKpOaxLYFk2nuivesNCrGs8tKa9zRNpXb92WJf7st5cl2nBteCwLudlLYBVoOXApYyFlj+XPhZaDlyiWItgFWg5cIljoeXAJY5VrgXXogOXGhZa/lz6WGj5c+ljoeXAdRENCy1/Ln0stPy59LHQ8ufSx0LLn0sfCy1/Ln0stPy59LHQcuTyx1oCq0DLicsd61cu1PLn0sdCq4hryZPrwg0LraJ+OXAJYKHlz6WPhZY/lz4WWv5c+lhoCXDJY6GlwKWOhZY8V3usZbBKtdS52mPdplyhJcGlj4VWOddyY67LWWGtJIe3C9Jtay5hLLR0uOSx0CovrbTmksVCS4lLFQstKS5RLLS0uDSx0BLlao+1mnK9lhqXIhZaclyCWGjVllZbc+lhoSXH9ftPzpdaWGgpcslgtddqf5X35qb5PXgJLdYl3FrKGlpwSWNpaFFa6xkLrV65wFLSgqtfLLT65AJLTQuuXrHQ6pELLEUtuPrEQqtbrvWUVbXg6hELrd64wNLVorTeHxZafXGBpa4FlwCWvhZcnWGh1R/XHVjaWnD1iIVWfC6womhRuusNC634XGCF1IIrPhZaClz6WGjF5wIrqhZc8bHQis8FVlwtuOJjoRWdC6zgWnDFx0IrPtd9ytG14IqOhVZkLrDia1G6j42FVnQusOJrwRUZC63gXBspu2vpc4HVlxZcYbHQCskFVm9alDaCYqEVl2szU1dacIXEQisq11buV4s2A2KhFYsLrL61aMuq+9sOHeI0GERhFP1FExAgYQMzbzZQTcDVUHP3vxgUqaP5UkEm754lnEGbrce7Bo22GHtmcbBf16TN1uNdk3ZbjA2zONisa9Jyi7ldFgdbdU3abuVdk7ZbeVfRdivvKtpu5V1F+y0qyHKLCrLcooIst6ggy637XQu3birIcosKstxiBVlusYIst1hBllusIMstVpDlFivIcosVZLnF+Xq7up5x62+fL79Zr1+4dc/l4+3pdHp+/77g1v9yyy233HJLbrnllltuuSW33HLLLbfckltuueWWW/oBdMBtFEi1nVQAAAAASUVORK5CYII=") no-repeat scroll left center / 4% !important;
    background-position-x: 10px;
    padding-left: 25px;
}*/


.binding, .prefix {
    color: #5ca2d2;
    display: inline !important;
    font-weight: bold;
}

.prefix {
    line-height: 30px !important;
}



.available {
    margin: 0 !important;
    padding: 0;
}



.cd-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

    .cd-container::after {
        /* clearfix */
        content: '';
        display: table;
        clear: both;
    }


.details {
    border: 1px solid;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 10px;
}

/* -------------------------------- 

Main components 

-------------------------------- */
/*header {
  height: 200px;
  line-height: 200px;
  text-align: center;
  background: #303e49;
}
header h1 {
  color: white;
  font-size: 18px;
  font-size: 1.125rem;
}*/


@media only screen and (min-width: 1170px) {
    /*header {
    height: 300px;
    line-height: 300px;
  }
  header h1 {
    font-size: 24px;
    font-size: 1.5rem;
  }*/
}

#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 0em;
    margin-bottom: 2em;
}

    #cd-timeline::before {
        background: #000000 none repeat scroll 0 0;
        content: "";
        height: 91%;
        left: 18px;
        margin-bottom: -5px !important;
        position: absolute;
        top: 53px;
        width: 4px;
    }

@media only screen and (min-width: 800px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
    }


        #cd-timeline::before {
            left: 50%;
            margin-left: -2px;
            /*top: -171px;*/
        }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0 !important;
}

    .cd-timeline-block:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-timeline-block:first-child {
        margin-top: 0;
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }

@media only screen and (min-width: 1170px) {
    .cd-timeline-block {
        margin: 10em 0;
    }

        .cd-timeline-block:first-child {
            margin-top: 0;
        }

        .cd-timeline-block:last-child {
            margin-bottom: 0;
        }
}

.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

    .cd-timeline-img img {
        display: block;
        height: 28px;
        left: 50%;
        margin-left: -15px;
        margin-top: -13px;
        position: relative;
        top: 50%;
        width: 28px;
    }

    .cd-timeline-img.cd-picture {
        background: #75ce66;
    }

    .cd-timeline-img.cd-movie {
        background: #c03b44;
    }

    .cd-timeline-img.cd-location {
        background: #f0ca45;
    }

    .cd-timeline-img.cd-shopping {
        background: #f0ca45;
    }

    .cd-timeline-img.cd-rapide {
        background: var(--main-color) !important;
        z-index: 100 !important;
    }




@media only screen and (min-width: 800px) {
    .cd-timeline-img {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    /*border-radius: 0.25em;*/
    padding: 1em;
    box-shadow: 0 3px 0 var(--main-color) !important;
}

    .cd-timeline-content:after {
        content: "";
        display: table;
        clear: both;
    }


    .cd-timeline-content h2 {
        font-family: var(--main-font) !important;
        font-weight: 600;
        margin-left: 16px;
        color: #303e49;
    }

    .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-description {
        font-size: 1em;
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-description {
        display: inline-block;
    }

    .cd-timeline-content p {
        margin: 1em 0;
        line-height: 1.6;
    }

    .cd-timeline-content .cd-read-more {
        float: right;
        padding: .8em 1em;
        background: #acb7c0;
        color: white;
        border-radius: 0.25em;
    }

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb;
}

.cd-timeline-content .cd-description {
    color: var(--main-color) !important;
    font-family: var(--second-font) !important;
    float: left;
    opacity: 0.7;
    padding: 0.8em 0;
}


.fa.fa-info-circle.description {
    margin-right: 3px;
}

.cd-timeline-content::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: 13px;
    content: "";
    height: 0;
    position: absolute;
    right: 100%;
    top: 16px;
    width: 0;
}

@media only screen and (min-width: 980px) {
    .cd-timeline-content h2 {
        font-size: 2.25rem !important;
    }

    .cd-timeline-content p {
        font-size: 16px;
        font-size: 1.3rem;
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-description {
        font-size: 14px;
        font-size: 1rem;
    }
}

@media only screen and (min-width: 800px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }

        .cd-timeline-content::before {
            top: 24px;
            left: 100%;
            border-color: transparent;
            border-left-color: white;
        }

        .cd-timeline-content .cd-read-more {
            float: right;
        }

        .cd-timeline-content .cd-description {
            position: absolute;
            width: 100%;
            left: 122%;
            top: 6px;
            font-size: 16px;
            font-size: 1rem;
        }

    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right;
    }

        .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            top: 24px;
            left: auto;
            right: 100%;
            border-color: transparent;
            border-right-color: white;
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
            float: right;
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-description {
            left: auto;
            right: 122%;
            text-align: center;
        }

    .cd-timeline-content .cd-description {
        background: #ffffff none repeat scroll 0 0;
        color: #5ca2d2;
        font-family: playfair_displaybold_italic,Arial,sans-serif;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.5;
        padding: 10px 10px 10px 28px;
        text-align: left !important;
        width: 100% !important;
    }


        .cd-timeline-content .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-timeline-block:nth-child(2n) .cd-timeline-content .cd-description::before {
        border-color: transparent white transparent transparent;
        right: auto;
        left: 100%;
        top: 9px !important;
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }
}

@media only screen and (min-width: 1170px) {
    /* inverse bounce effect on even content blocks */
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }
}

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

    #logga {
        display: none;
    }

    #cd-timeline {
        margin-top: -86px;
    }
}


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

    .cd-timeline-content h1, h2 {
        line-height: 1.2 !important;
    }

    h2, .h2 {
        font-size: 1.5rem !important;
    }
}


@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

/*icons*/

.cd-timeline-icon {
    color: #ffffff;
    font-size: 2.3rem;
    left: 9px;
    position: relative;
    top: 7px;
}

.fa.fa-info.cd-timeline-icon {
    font-size: 3.5rem;
    left: 23px;
    top: 11px;
}


@media only screen and (min-width: 800px) {

    .cd-timeline-icon {
        font-size: 3rem;
        left: 15px;
        position: relative;
        top: 14px;
    }

    .fa.fa-info-circle.description {
        margin-right: 3px;
        position: absolute;
        top: 4px;
        left: 5px;
    }
}


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

    .fa.fa-info.cd-timeline-icon {
        font-size: 3.1rem;
        left: 15px;
        top: 4px;
    }

    .content-header {
        padding: 0px 0px 0;
        position: relative;
    }
}


/* tweaks */



.cd-timeline-content h1, h2 {
    line-height: 1.5;
}

h2, .h2 {
    font-size: 2rem;
}


#reservation.form-control {
    color: #000;
    font-weight: 700;
}


/*Block*/
.blockUI.blockOverlay {
    cursor: no-drop !important;
    position: relative;
    z-index:9999998!Important;
}
.blockUI.process-spinner{
    z-index:9999999!Important;
}




/*calendar*/
.dropdown-menu {
    min-width: 260px !important;
}


/*Hiding footer and header for customerbooking
    not applied for now
*/


/*#logga {
    display: none;
}

header {
    display: none;
}

footer {
    display: none;
}

.content-header {
    display: none;
}


.navbar-custom-menu {
    display: none;
}

.collapse.navbar-collapse.pull-left {
    display: none !important;
}*/

/*________________________________________________________________________*/


/* Organization file upload css
----------------------------------------------------------------------------------------------------------------------------------------------------------
*/

#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: 180px;
        min-width: 100px;
    }

        #tblFileControl td .file-text #spnFileText {
            padding-right: 3px;
        }

        #tblFileControl td .file-text #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: 0px;
    position: relative;
}


/* Organization Field Override Grid css
 ----------------------------------------------------------------------------------------------------------------------------------------------------------
*/

.field-override-wrap .text-box {
    margin: 5px 0;
}

.error {
    color: red;
}

.wrapper-customerbooking header.main-header {
    display: none;
}

.wrapper-customerbooking .content-wrapper {
    padding-top: 0;
}

.wrapper-customerbooking #cd-timeline.cd-container.customerbooking {
    margin-top: 0;
}

.wrapper-customerbooking .main-footer {
    display: none;
}

.field-validation-error {
    color: red;
    font-size: 12px;
}

.validation-summary-errors {
    color: red;
    text-align: center;
    font-size: 12px;
    width: 83%;
}

/*Report View Css*/
.report-wrapper .export-wrapper {
    margin-bottom: 5px;
    margin-left: 25px;
}

    .report-wrapper .export-wrapper img {
        float: left;
    }

    .report-wrapper .export-wrapper > a {
        display: inline-block;
        float: left;
        line-height: 20px;
        padding-top: 10px;
        text-decoration: underline;
    }

.report-wrapper .form-wrapper #divTable {
    margin-left: 25px;
}

.check-wrapper label {
    font-weight: normal;
    margin-left: 10px;
}

.check-wrapper input[type="checkbox"] {
    min-width: auto;
    width: auto !important;
}

/*Customer Booking Icon on booked box in calendar view*/
.img-cust-webicon {
    left: 2px;
    position: absolute;
    top: 3px;
    width: 18px;
}

/*Auto Complete feature in lightbox*/
.autocomplete-suggestions {
    z-index: 99999 !important;
}

/*Start Asset Popup Css*/

.setting-icon-wrapper {
    height: 48px;
}

    .setting-icon-wrapper a {
        padding: 10px 5px !important;
    }

    .setting-icon-wrapper img {
        height: 25px !important;
    }

.form-group input.w-large {
    width: 50%;
}

#fileupload-wrapper {
    padding: 5px;
    border: 2px dashed #eee;
}

    #fileupload-wrapper.hover {
        border: 2px dashed #000;
    }

.fileinput-button {
    background-color: #fff;
    border: 1px dashed #ccc;
    color: #000;
    display: inline-block;
    height: 80px;
    overflow: hidden;
    padding-top: 29px;
    position: relative;
    width: 100%;
}

    .fileinput-button input {
        cursor: pointer;
        direction: ltr;
        font-size: 200px;
        margin: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

#assetImagePreview {
    list-style: none;
    padding: 0;
}

    #assetImagePreview li {
        float: left;
        height: 80px;
        margin-bottom: 10px;
        margin-right: 10px;
        max-width: 110px;
        position: relative;
    }

        #assetImagePreview li img.preview {
            max-height: 100%;
            max-width: 100%;
        }

    #assetImagePreview .remove-image.glyphicon {
        background-color: #000;
        color: #fff;
        font-size: 10px;
        height: 13px;
        line-height: 10px;
        margin: 0;
        padding: 1px;
        position: absolute;
        right: 0;
        top: 0;
        width: 14px;
        z-index: 99999;
    }

        #assetImagePreview .remove-image.glyphicon:hover {
            background-color: var(--fourth-color);
            color: #fff;
        }

.check-wrapper h5 {
    font-weight: 700;
}

.checkbox input[type="checkbox"] {
    position: relative;
    float: left;
    min-width: auto;
    margin: 0px;
}

.editAssetTimerBox.ui-timepicker-wrapper {
    z-index:99999;
}

/*End Asset Popup Css*/

/*Invioice view css*/

#FilterTool tr:nth-child(even),
#InvoiceStatusDetails tr:nth-child(even) {
    background-color: transparent;
}

#InvoiceStatusDetails {
    width: 100%;
}

#partialView {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

    #partialView input[type="text"],
    #partialView select {
        width: 100%;
        height: 30px;
    }

    #partialView table td .asset-name{
        width:250px!Important;
    }

.filter-options {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
    .filter-options table#FilterTool {
        width: 100%;
        max-width: 100%;
    }
    .filter-options #FilterTool input,
    .filter-options #FilterTool select
    {
        min-width: 80px;
    }
    .filter-options #FilterTool .row2 td {
        padding-top:5px;
    }
    .filter-options #FilterTool .col1 {
        min-width:90px;
    }
    .filter-options #FilterTool .col3 {
        min-width:80px;
    }
    .filter-options #FilterTool .col5 {
        min-width:120px;
    }
    .filter-options #FilterTool .col6 {
        min-width:150px;
    }

.filter-do {
    float: none;
    margin: auto;
}

    .filter-do button {
        margin-top: 20px;
    }

    .filter-do .btn-default {
        float: none;
        margin: auto;
        display: block;
        font-size: 17px;
    }





#InvoiceStatusDetails th {
    padding: 0 0 0 10px;
}

.booking-editlink {
    font-weight: 700;
    text-decoration: underline;
}


/*Invoice tooltip*/



.invoice-help-icon:hover {
    cursor: pointer;
}



.invoice-tooltip {
    display: none;
    position: absolute;
    right: 15px;
    background: #fff;
    border: 1px solid black;
    padding: 10px;
    margin-top: 30px;
    box-shadow: 2px 4px 15px rgba(0,0,0,0.4);
}

i.invoice-help-icon:hover + div.invoice-tooltip {
    display: block;
}


/*Discounts*/

#DiscountCreate textarea {
    width: 250px;
}

#DiscountCreate select {
    padding: 5px;
}



/*CKEditor Drop Down css*/
.cke_combopanel {
    width: 200px !Important;
}

.cke_combo_open {
    padding-top: 10px !Important;
    position: absolute !Important;
    right: 5px !Important;
}

.cke_panel_block ul {
    list-style: none !Important;
}

.cke_panel_block h1 {
    background-color: #eee;
    font-size: 15px;
    font-weight: bold;
    padding-top: 2px;
    text-align: center;
}

.cke_panel_block ul {
    font-size: 13px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

    .cke_panel_block ul li {
        padding: 0;
    }

        .cke_panel_block ul li a {
            border-bottom: 1px dashed #ddd;
            display: inline-block;
            padding: 3px 5px;
            width: calc(100% - 10px);
        }

            .cke_panel_block ul li a:hover {
                background-color: #eee;
            }
/*CKEditor Drop Down css*/

#iconDeleteNewBooking {
    z-index: 9999;
    position: absolute;
    right: -2px;
    color: orangered;
    background-color: black;
    font-size: 11px;
    cursor: pointer;
}

/*Bootstrap Check Box Css*/
.checkbox.New {
    font-family: var(--main-font);
    font-size: 12px;
    margin: 0px;
    height: 20px;
    padding: 0px 20px;
}

    .checkbox.New label {
        font-family: var(--main-font);
    }

        .checkbox.New label:after,
        .radio.New label:after {
            content: '';
            display: table;
            clear: both;
        }

    .checkbox.New .cr,
    .radio.New .cr {
        position: relative;
        display: inline-block;
        border: 1px solid #a9a9a9;
        border-radius: .25em;
        width: 1.3em;
        height: 1.3em;
        float: left;
        margin-right: .5em;
    }

.radio.New .cr {
    border-radius: 50%;
}

    .checkbox.New .cr .cr-icon,
    .radio.New .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

    .radio.New .cr .cr-icon {
        margin-left: 0.04em;
    }

.checkbox.New label input[type="checkbox"],
.radio.New label input[type="radio"] {
    display: none;
}

    .checkbox.New label input[type="checkbox"] + .cr > .cr-icon,
    .radio.New label input[type="radio"] + .cr > .cr-icon {
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        transition: all .3s ease-in;
    }

    .checkbox.New label input[type="checkbox"]:checked + .cr > .cr-icon,
    .radio.New label input[type="radio"]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    .checkbox.New label input[type="checkbox"]:disabled + .cr,
    .radio.New label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }

/*Bootstrap Check Box Css*/

.cke_dialog_background_cover {
    z-index: 100009 !Important;
}

table.cke_dialog {
    z-index: 100010 !Important;
}


/*Loader*/

.loader-header {
    text-align: center;
    color: #fff;
    position: absolute;
    left: 46.5%;
    top: 46%;
    margin: 0 auto;
    font-size: 22px;
}


#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin: -75px 0 0 -75px;
    border: 6px solid rgba(243, 243, 243, 0.26);
    border-radius: 50%;
    border-top: 6px solid #fff;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#loader-screen {
    display: none;
    text-align: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.81);
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.form-horizontal .radio, .form-horizontal .checkbox {
    padding-left: 0;
}

/*Add customer popup css*/
#addCustomerPopupWrapper {
    padding: 0;
    margin: 0;
}

    #addCustomerPopupWrapper label {
        font-weight: normal;
    }

    #addCustomerPopupWrapper table {
        width:100%;
    }

    #addCustomerPopupWrapper table tr td:first-child {
        width:40%;
    }

    #addCustomerPopupWrapper select#CompanyId,
    #addCustomerPopupWrapper #CustomerInfo {
        width: 250px;
    }

/*Start - Search Tool Css*/
.search-tool-wrapper {
    padding: 5px 0px 5px 20px;
}

    .search-tool-wrapper #txtSearchText {
        width: 200px;
    }

    .search-tool-wrapper button {
        padding: 4px 10px;
        margin: 0 0 0 10px;
    }
/*End - Search Tool Css*/


/*Confirmation message*/

.model-ok-button,
.model-close-button {
    color: var(--second-color) !important;
    background-color: var(--main-color) !important;
    border-radius: 0px !important;
}