.top_header {
    width: 100%;
    background: #505050;
    min-height: 69px;
    background-image: -webkit-linear-gradient(top, #38a3f9 0, #2673b1 100%);
    background-image: -o-linear-gradient(top, #38a3f9 0, #2673b1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#38a3f9), to(#2673b1));
    background-image: linear-gradient(to bottom, #38a3f9 0, #2673b1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
    border-color: #dcdcdc;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
    -webkit-box-shadow: 0px 5px 4px 0px rgba(25, 50, 50, 0.47);
    -moz-box-shadow:    0px 5px 4px 0px rgba(25, 50, 50, 0.47);
    box-shadow:         0px 5px 4px 0px rgba(25, 50, 50, 0.47);
    z-index:100;
    position:relative;
    padding:5px 0;
}
.footer {
    background-color: #505050;
    bottom: 0;
    height: 40px;
    position: fixed;
    width: 100%;
}
.login_top_margin {
    margin-top:70px;
}
.akproduct_box{
    text-align:center;
}
.navbar {
    margin-bottom:0;
}
.navbar-inverse {
    background:#505050;
    border:0;
}
.navbar-inverse .navbar-nav > li > a {
    color:#fff;
    font-size:13px;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color:#2775b4;
    color:#fff;
    text-shadow:none;
}

.akazell_logo {}

.top_user_details {
    margin-top:20px;
}
.top_user_details ul {
    margin:0;
    padding:0;
}
.top_user_details ul li {
    float:left;
    padding:0 12px;
    list-style:none;
}
.top_user_details ul li h4 {
    color: #444444;
    font-size: 12px;
    margin: 0 0 0 45px;
    padding: 0;
}
.top_user_details ul li p {
    color: #888888;
    font-size: 10px;
    margin: 0 0 0 45px;
}
.notification_container {
    width:245px;
}
.notification_container ul li {
    margin:0;
    padding:5px 0;
    border-bottom:#ebebeb solid 1px;
}
.notification_container ul li a {
    text-decoration:none;
    font-size: 12px;
}
.notification_container > .header {
    border-bottom:#ccc solid 1px;
}
.notifi_user_pic {
    width:40px;
    height:40px;
    border:#d5d5d5 solid 2px;
}
.notification_header {
    height:40px;
    line-height:43px;
}
.menu {
    height:200px;
}
.menu > li {
    margin:0;
    padding:5px 0 !important;
    border-bottom:#ebebeb solid 1px;
}
.margin-right {
    margin-right:5px;
}
.top_icon_class {
    color:#b2d9f8;
    font-size:18px;
}
.user_text {
    color:#b2d9f8 !important;
    font-size:14px;
}
.user_pic {
    width:50px;
    height:50px;
    border:#9ecaee solid 2px;
}
.search_drp_btn {
    width: 54px;
    height:40px;
    background: #505050;
    background-image: -webkit-linear-gradient(top, #38a3f9 0, #2673b1 100%);
    background-image: -o-linear-gradient(top, #38a3f9 0, #2673b1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#38a3f9), to(#2673b1));
    background-image: linear-gradient(to bottom, #38a3f9 0, #2673b1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
    z-index:100;
    position:relative;
    color:#fff;
    border:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}
.search_container {
    height:40px;
    border-top-right-radius:4px !important;
    border-bottom-right-radius:4px !important;
    width:280px;
    position:absolute;
}
.input-group-btn {
    font-size:19px;
}
.search_akbtn {
    position:absolute !important;
    background:none;
    z-index:200;
    margin:6px 0 0 -39px !important;
    color:#2979ba !important
}
.search_hl_container {
    margin:10px 0 0 0;
}
.form-control::-moz-placeholder {
    color:#777;
    opacity:1;
    font-style:italic !important;

}
.form-control:-ms-input-placeholder {
    color:#777;
    font-style:italic !important;
}
.form-control::-webkit-input-placeholder {
    color:#777;
    font-style:italic !important;
}
.product_item_drop {
    background-color:#c6e5ff;
    border:1px solid #3293e1;
    border-radius:0;
    box-shadow:0;
    padding:10px;
    height:200px;
    width:451px;
}
.product_item {
    padding-bottom:7px;
    width:429px;
    border-bottom:1px solid #79c3ff;
    overflow:auto;
    margin-top:10px;
}
.product_item .item_thump {
    width:60px;
    height:60px;
    border:#79c3ff solid 1px;
    border-radius:4px;
    background:#fff;
    font-size:13px;
    color:#235a9b;
    font-weight:bold;
    text-align:center;
    line-height:55px;
    float:left;
    margin-right:10px;
}
.product_item .item_des {
    float:left;
    width:359px;
}
.product_item .item_des h1 {
    font-size:13px;
    margin:0;
    font-weight:bold;
    color:#235a9b;
}
.product_item .item_des p {
    font-size:12px;
    margin:5px 0;
}
.user_align {
    margin:-12px 0 0;
}
.notification_text {
    font-size:12px;
}
.navbar {
    border-radius:0;
}
.footer_link {
    color: #fff;
    text-align: center;
    line-height:42px;
}
.footer_link p a {
    color:#fff !important;
    font-size:13px;
}
.en_flag {
    width:32px;
    height:21px;
    background:url('../images/en_flag.png') no-repeat;
    border:0;
    margin:18px 13px;
}
.dk_flag {
    width:32px;
    height:21px;
    background:url('../images/dk_flag.png') no-repeat;
    border:0;
}
.en_flag_in {
    width:22px;
    height:18px;
    background:url('../images/en_flag_l.png') no-repeat;
    border:0;
    margin:0;
}
.dk_flag_in {
    width:22px;
    height:18px;
    background:url('../images/dk_flag_l.png') no-repeat;
    border:0;
}
.login_top_margin .form-control, .login_top_margin .btn, .login_top_margin .input-group-addon {
    border-radius:0;
}
.login_top_margin hr {
    margin:0;
}
.th_bg {
    background:#396a9c;
    color:#fff;
}
.date_time {
    color: #fff;
    font-size: 12px;
    margin: 17px 0 0;
    text-align: right;
}
.login_top_margin label {
    display: inline-block;
    font-weight: 700;
    margin: 9px 0;
    max-width: 100%;
}

.blue {
    background: none repeat scroll 0 0 #396a9c;
    height: 40px;
}
.dropdown-menu > li > a {
    font-size: 13px;
}

.modal-text{
    width:100% !important;
}

.show_advanced_settings, .hide_advanced_settings{
    font-size:11px;
    color: #2673b1;
    cursor:pointer;
  
}

.hide_advanced_settings
{
    display:none;
    
}

.table-striped .icon{
    margin:0px 5px 0px 5px;
}

.news-close{
    cursor: pointer;
    margin-left: 10px;
}

.news_head{
    font-size:20px;

}

#note_upadate_message{
    margin-top: 20px;
}

.service_list_table.additional_service{
    display:none;
}
.child_service .service_name{
    margin-left: 5%;
}

.reservation_from_in_reservation_list{
    margin:1px 7px;
}

.reservation_from_in_reservation_list span{
    background-color: white;
}

.reservation_in_popup{
    width:48%;
    float:left;
    border:1px solid black;
    margin: 1%;
    padding: 1%;
    border-radius: 3px;
}

.label-contact{
    border-radius: 0.25em;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 21px;
    line-height: 1;
    margin-bottom: 5px;
    padding: 3px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

#contactReservations{
    z-index:1071;
}

.booking_outer{
    cursor: default;
}

.reservation_list_time_interval{
    width:100% !important;
    min-height: 20px;
    height: 70px;
    /*height:128px;
    border:1px solid grey;*/

}

/*.booking_icons{
    position: absolute;
    right: 3px;
    bottom: 0;
} */

.reservation_list_time_interval span{
    
    min-height: 20px;
}

.reservation_list_time_interval .reservation{
    width:100%;
    /*margin-left:5px;*/
    float:left;
    padding-top:0px;
   /* height:100% ;*/
}

/*.overlaps{
    border:1px solid green !important;
}*/

.reservation_list_time_interval td{
    border:1px solid grey !important;
    padding:0px !important;
    line-height: 1.5 !important;
    box-sizing : border-box;
    vertical-align: top !important;
    /*height:129px;
    height:150px;*/
    height: 70px;
    }


.reservation_additional_details{
   /* display:none;*/
}
.reservation_continue{
    height: auto;
    /*min-height: 30px;*/
    height:128px;
}

.reservation {
     border-right: 1px solid grey !important;
     border-left: 1px solid grey !important;
     text-overflow: ellipsis;
     overflow: hidden;
}

.reservation_starts{
    border-top: 1px solid grey;
}


.reservation_ends{
    border-bottom: 1px solid grey;
}

.multiple_booking{
    height: auto;
   /* min-height: 222px;   */
}

.unavailable_time_slot{
    background-color: lightgray;
}

#simplemodal-container , #simplemodal-container a{
    color:white !important;
}


.reservation_starts_small.reservation_starts,.reservation_duration_below_30.reservation_starts,.reservation_starts.multiple_booking{
    cursor:pointer !important;
}

#modal_company_source_message{
    color:red;
    display: none;
}

#modal_credit_group_message{
    color:red;
    display: none;
}

#modal_customer_type_message{
    color:red;
    display: none;
}

#modal_bussiness_type_message{
    color:red;
    display: none;
}

@media (min-width:320px) and (max-width:320px) {
    .product_item_drop {
        width:auto;   
    }
    .product_item {
        width:232px;
    }
    .product_item .item_des{
        width:150px;
    }
    .language_right {
        float: left !important;
    }
}
@media (min-width:360px) and (max-width:360px) {
    .product_item_drop {
        width:auto;   
    }
    .product_item {
        width:273px;
    }
    .product_item .item_des{
        width:150px;
    }
    .language_right {
        float: left !important;
    }
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.nav > li > a:hover {
    background: #2775b4 !important;
}
.dropdown-menu li {
    float: none !important;
}
#notifications-container {
    height: 300px;
    overflow-y: scroll;
}
ul#sortable li {
    height:26px !important;
    padding: 0 0 2px 5px !important;
}
.tooltip {
    opacity:10 !important;
    display:inline;
    position: relative;
}
table.overview > tbody > tr > td {
    padding: 7px 4px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th:hover {
    background: #369df1;
}
.ui-datepicker td {
    height:28px !important;
}
/*.container {
    width:99.8%;
}*/
label {
    font-weight: normal;
}
.time_dt_notification {
    font-size: 85%;
}
.product_item_drop {
    padding-left:8px !important;
}
.input-group .form-control {
    margin: 0px !important;
}
.ui-multiselect-checkboxes label input {
    margin-right:7px;
}
.ui-multiselect-checkboxes label {
    font-size:12px;
}
ul.ui-autocomplete{z-index: 500}
div.ui-datepicker{z-index: 5001 !important;}
li.ui-menu-item{font-size: 12px;text-indent: 5px;}
.dropdown-menu {
    z-index:1101;
}
.ui-multiselect-hasfilter ul {
    font-weight:normal;
}
.button-panel button {
    min-width:80px !important;
}
.ui-dialog  {
    z-index:1000;
}
.ui-autocomplete {
    z-index: 5000 !important;
}
.ui-helper-reset {
    font-weight: bold !important;
    font-size: 11px !important;
}
.badge {
    background-color: #fff !important;
    border-radius: 10px;
    color: #0a5a8f !important;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.ui-dialog {
    width: 800px !important;
    font-size: 11px !important;
    z-index: 5000 !important ;
}
.ui-datepicker {
    font-size: 12px !important;
}
.ui-dialog-titlebar-close {
    width: 16px;
    width: 16px;
    padding: 0;
    background: url('../images/close.png') no-repeat;
    margin: -5px 0 0 !important;
    border: 0;
    z-index: 5000;
}
.minicolors-theme-bootstrap .minicolors-input {
    padding: 10px 0 8px 47px !important;
    width: 114px !important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align:middle;
}

input[type="text"], input[type="password"], input[type="email"], input[type="mobile"] {
    margin:2px;
}
.top-bar-menu > ul > li {
    margin: 2px 0;
}
/* on mobile browsers, I set a width of 100% */
table.mceLayout, textarea.tinyMCE {
    width: 100% !important;
}

/* on large screens, I use a different layout, so 600px are sufficient */
@media only screen and (min-width: 600px) {
    table.mceLayout, textarea.richEditor {
        width: 600px !important;
    }
}
table.mceLayout, textarea.tinyMCE {
    width: 100% !important;
}

.mceToolbar td {
    display:table-row;
    float: left;
}
.mceToolbar td:nth-of-type(11){
    clear: left;
}

@media only screen and (min-width: 600px) {
    table.mceLayout, textarea.richEditor {
        width: 600px !important;
    }

    .mceToolbar td {
        display:table-cell;
        float: none;
    }
    mceToolbar td:nth-of-type(11){
        clear: none;
    }
}
.mce-tinymce{
    width: 100% !important;
    margin-top: 10px !important;

}
.mce-tinymce img{
    width: 100% !important;
}
.lable_right {
    width: auto;
    height: auto;
}
.lable_right ul {
    margin: 0;
    padding: 0;
}
.lable_right li {
    float: left;
    list-style: none;
}
@media (min-width:320px) and (max-width:360px) {
    .lable_right li {
        list-style: none;
        margin:5px !important;
    }
    .mobile_media .table-form > tbody > tr > td:first-child,
    .table-form > .label{
        width:20% !important;
        display: none;
    }
    .desktop_media {
        display: block;
        font-weight: bold;
    }
    .front-media .table-form > tbody > tr > td:first-child, .table-form .label{
        /*display: none;*/
    }
}

.lable_bold {
    font-weight: bold;
    margin: 5px 0;
}
@media (min-width:370px) and (max-width:2900px) {
    .lable_right li {
        list-style: none;
        margin:5px !important;
    }
    .desktop_media {
        display: none;
    }
}
.orderline {
    padding:10px 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .orderline {
        padding:15px 0px 0px 0px;
    }
}
@media (min-width:320px) and (max-width:680px) {
    ul#sortable {
        width: auto !important;
    }
}


a {
    white-space: pre-line !important;
}
.no-bold {
    font-weight: normal !important;
    margin:5px 0;
}
.top_user_details .messages-menu .dropdown-toggle{
    white-space: normal !important;
}



@media print
{
    table { page-break-after:auto !important; }
        tr    { page-break-inside:avoid !important; page-break-after:auto !important }
        td    { page-break-inside:avoid !important; page-break-after:auto !important}
        th    { page-break-inside:avoid !important; page-break-after:auto !important}
        div   { page-break-inside:avoid !important;  }
        .reservation { 
        page-break-inside:avoid !important; 
        border: 1px solid #ccc;
        margin: 0 0 10px;
        padding: 5px;
        }
        thead { display:table-header-group !important; }

}


/*contact edit page styles*/

td.contact_person{
    width:47%;
    margin: 3%;
}
td.company_information{
    width:47%;
    margin: 3%;
}

@media (min-width:320px) and (max-width:768px) {
    td.contact_person{
        display: block;
        float: left;
        width: 100%;
        margin: 0%!important;
    }

    td.company_information{
        display: block;
        float: left;
        width: 100%;
        margin: 0%!important;
    }
}

/*end contact edit page styles*/


.no-padding{
    padding: 0 !important;
    margin: 0 !important;
}