html, body {
    background-color: #ecf0f5;
}

#infoMessage {
  text-align: center;
}

.modal {
  position: relative;
  top: auto;
  bottom: auto;
  right: auto;
  left: auto;
  display: block;
  z-index: 1;
  background: transparent!important;
  height: 100%;
}

.modal-fixed {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    display: none;
}

.modalView {
  background: rgba(0, 0, 0, 0.5);
  width:      100%;
  height:     100%;
  z-index:    10000;
  top:        0;
  left:       0;
  position:   fixed;
  display:    none;
}

.modalViewLoading {
  width:      100%;
  height:     100%; 
  z-index:    10000;
  top:        0; 
  left:       0; 
  position:   fixed;
  display:    none;
}

.spinner_container {
    display: block;
    background: rgba(0,0,0,.5);
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    position: absolute;
    border-radius: 6px;
}

.modalView_bis {
  z-index:    9999 !important;
}

.sidebar-menu>li.header {
    text-transform: uppercase;
    padding-bottom: 0;
}

.sidebar-menu .tooltip-inner {
    white-space: break-spaces !important;
    width: 200px;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    width:inherit;
    height:inherit;
    margin: 0 auto;
    pointer-events: all;
}
@media (max-width: 767px) {
    .modal-dialog {
        position: relative;
        width: auto !important;
        
    }

    .modal-content {
       margin: 10px !important;
       width: auto !important;
    }
}

.margin-xxs {margin: 4px;}
.margin-xs {margin: 10px;}
.margin-default {margin: 16px;}
.margin-nm {margin: 20px;}
.margin-lg {margin: 40px;}

.no-margin-bottom {margin-bottom: 0px !important;}
.no-margin-top {margin-top: 0px !important;}
.no-margin-left {margin-left: 0px !important;}
.no-margin-right {margin-right: 0px !important;}

.margin-bottom-xxs {margin-bottom: 4px !important;}
.margin-bottom-xs {margin-bottom: 10px !important;}
.margin-bottom-default {margin-bottom: 16px !important;}
.margin-bottom-nm {margin-bottom: 20px !important;}
.margin-bottom-lg {margin-bottom: 40px !important;}

.margin-top-xxs {margin-top: 4px !important;}
.margin-top-xs {margin-top: 10px !important;}
.margin-top-default {margin-top: 16px !important;}
.margin-top-nm {margin-top: 20px !important;}
.margin-top-lg {margin-top: 40px !important;}

.margin-right-xxs {margin-right: 4px !important;}
.margin-right-xs {margin-right: 10px !important;}
.margin-right-default {margin-right: 16px !important;}
.margin-right-nm {margin-right: 20px !important;}
.margin-right-lg {margin-right: 40px !important;}

.margin-left-xxs {margin-left: 4px !important;}
.margin-left-xs {margin-left: 10px !important;}
.margin-left-default {margin-left: 16px !important;}
.margin-left-nm {margin-left: 20px !important;}
.margin-left-lg {margin-left: 40px !important;}

.margin-bottom-box {margin-bottom: 15px !important;}

.padding-xxs {padding: 4px;}
.padding-xs {padding: 10px;}
.padding-default {padding: 16px;}
.padding-nm {padding: 20px;}
.padding-lg {padding: 40px;}

.no-padding-bottom {padding-bottom: 0px !important;}
.no-padding-top {padding-top: 0px !important;}
.no-padding-left {padding-left: 0px !important;}
.no-padding-right {padding-right: 0px !important;}

.padding-bottom-xxs {padding-bottom: 4px !important;}
.padding-bottom-xs {padding-bottom: 10px !important;}
.padding-bottom-default {padding-bottom: 16px !important;}
.padding-bottom-nm {padding-bottom: 20px !important;}
.padding-bottom-lg {padding-bottom: 40px !important;}

.padding-top-xxs {padding-top: 4px !important;}
.padding-top-xs {padding-top: 10px !important;}
.padding-top-default {padding-top: 16px !important;}
.padding-top-nm {padding-top: 20px !important;}
.padding-top-lg {padding-top: 40px !important;}

.padding-right-xxs {padding-right: 4px !important;}
.padding-right-xs {padding-right: 10px !important;}
.padding-right-default {padding-right: 16px !important;}
.padding-right-nm {padding-right: 20px !important;}
.padding-right-lg {padding-right: 40px !important;}

.padding-left-xxs {padding-left: 4px !important;}
.padding-left-xs {padding-left: 10px !important;}
.padding-left-default {padding-left: 16px !important;}
.padding-left-nm {padding-left: 20px !important;}
.padding-left-lg {padding-left: 40px !important;}

.padding-bottom-box {padding-bottom: 15px !important;}

.tickets-tablelist, .dataTable {
  font-size: 12px;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    top:auto !important;
    bottom: 8px;
}

.menus-tablelist {
    border: solid 1px #524e8f;
    border-collapse: separate;
    border-radius: 2px;
}

.menus-tablelist, .passengers-tablelist, .vehicles-tablelist, .accessories-tablelist {
    font-size: 11px;
}

.menus-tablelist thead{
    /*background-color: #888;*/
    background-color: #524e8f;
    color: white;
}

.darkgray {
    color: #666;
    font-size: 85%;
    vertical-align: middle !important;
}


tr.row-annulled, tr.row-annulled.row_selected {
    /*background-color: #ea6153;*/
    color: #ea6153;
    /*font-weight: bold;*/
}

/*tr.row-annulled .darkgray {
    color: white;
}*/

tr.row-annulled .text-light-blue {
    color: #ea6153 !important;
}

tr.row-annulled:hover {
    /*background-color: #cb5448 !important;*/
}

/*.subtree-connector.row-annulled {
    height: 44px;
}*/


.menus-tablelist .boardingcards_annulled thead {
    background-color: transparent;
}

.menus-tablelist .boardingcards_annulled th {
    color: #cb5448;
}

.boardingcards_annulled {
    margin-bottom: 10px;
    width: 20%;
    max-width: 20%;
}

.passengers-tablelist thead {
    /*background-color: #2980b9;*/
    /*background-color: #397da3;*/
    background-color: #888;

    color: white;
}



.vehicles-tablelist thead {
    /*background-color: #27ae60;*/
    /*background-color: #408eba;*/
    /*background-color: #397da3;*/
    background-color: #888;
    color: white;
}

.accessories-tablelist thead {
    /*background-color: #ea6153;*/
    /*background-color: #83b5d2;*/
    /*background-color: #397da3;*/
    background-color: #888;

    color: white;
}

.tree-connector {
    height: 68px;
    position: relative;
    border-left: solid 1px #999;
    border-bottom: solid 1px #999;
    display: block;
    left: 7px;
    top: -14px;
}

.subtree-connector {
    height: 23px;
    position: relative;
    border-left: solid 1px #999;
    border-bottom: solid 1px #999;
    display: block;
    left: 8px;
    top: -14px;
}

/*.citizens-list th {
  white-space: nowrap;
}*/

/*.citizens-list .label {
	font-size: 95%;
}*/

.big-margin-bottom-xs {margin-bottom: 100px;}

.square-color-box {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 1px 6px 0px 0px;
    background-color: #ddd;
}

.calendar-trash {
	padding: 3px 12px 3px 12px;
    cursor: pointer;
	font-size: 22px;
	color: red;
    margin-top: -4px;
}

.to-trash{
  background-color:red;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  color: white;
}

.inline-check {
    display: inline-block;
    font-size: 80%;
    width: 79px;
}

.inline-check-small {
    display: inline-block;
    font-size: 80%;
    width: 60px;
    margin-top: 0px;
}

.inline-check-normalfont {
    font-size: 100%;
    width: 100px;
    display: inline-block;
}

textarea {
    resize:both;
}

#calendar {
    min-height:550px;
}

.fc-basic-view .fc-body .fc-row {
    min-height: 5.6em !important;
}

/*.fc-content {*/
/*    white-space: normal !important;*/
/*}*/

button.btn a {
    color: white;
}

.but-container {
    white-space: nowrap;
}

.but-container .btn {
    float:none !important;
}

.but-container .btn+.btn {
    margin-left: -3px;
}

.display_none {
    display: none;
}

.display_inline {
    display: inline !important;
}

.ui-widget{font-family:'Source Sans Pro';font-size:1em}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:'Source Sans Pro';font-size:0.9em}

table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    opacity: 1 !important;
}

.citizen-box {
    box-shadow: none !important;
    margin-bottom: 0px !important;
}

hr.small { margin: 7px 0px; }

hr.xsmall { margin: 3px 0px; }

hr.xxsmall { margin: 0px 0px; }

.font-medium {
    font-weight: 400;
}

.gm-style {
    font-family:'Source Sans Pro' !important;
}

.daterangepicker .ranges .input-mini {
    width: 94px;
    font-size: 10px;
}

.input-group-xs .chosen-container-single .chosen-single {
    height: 23px;
    line-height: 23px;
}

.input-group-xs .chosen-container-single .chosen-single div b {
    /*background-size: 52px 30px !important;*/
    background-position-y: 1px;
}

.input-group-xs .chosen-container-single .chosen-single abbr {
    top: 6px;
}

.input-group-xs .chosen-single {
    font-size: 12px;
}

.input-group-xs .chosen-results {
    font-size: 11px;
}

.input-group-xs .form-control-feedback {
    height: 23px;
    line-height: 23px;
    width: 20px;
    right: 52px;
}

.input-group-xs .form-control-feedback-right-fix  {
    right: 38px;
}

.input-group-xs .form-control-feedback-no-right  {
    right: 0px;
}

.input-xs {
    height: 23px;
    padding: 3px 6px;
    font-size: 12px;
    line-height: 1.5;
}

.form-group-small .help-block {
    margin-bottom: 0px;
}

.input-group-xs .help-block {
    margin-bottom: 0px;
}

.input-group-sm .chosen-container-single .chosen-single {
    height: 30px;
    line-height: 30px;
}

.input-group-sm .chosen-container-single .chosen-single div b {
    background-size: 52px 30px !important;
}

.input-group-sm .chosen-container-single .chosen-single abbr {
    top: 10px;
}

.has-error .chosen-container-single .chosen-single {
    border-color: #dd4b39;
}

/*.has-error #upload-file-info font{
    color: #dd4b39;
}*/

.chosen-container .chosen-drop, .chosen-container-active .chosen-choices, .chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #605ca8 !important;
}

.chosen-container-active .chosen-single {
    border: 1px solid #605ca8;
}

.input-group-sm .chosen-single {
    font-size: 12px;
}

.input-group-sm .chosen-results {
    font-size: 11px;
}

.chosen-container-single .chosen-single {
    border-radius: 0px;
}

.chosen-container-multi .chosen-choices {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chosen-container-single .chosen-default {
    border-radius: 0;
}

.chosen-container-multi .chosen-choices .search-field input[type="text"] {
    padding: 6px 12px;
    color: #bbb;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
}

.chosen-container-multi .chosen-choices {
    border: 1px solid #d2d6de;
}

.chosen-container-active .chosen-choices {
    border: 1px solid #3c8dbc;
}

.chosen-container-multi .chosen-choices .search-choice {
    line-height: 9px;
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    top: 3px;
}

.chosen-container-multi .chosen-choices .search-choice span {
    /*line-height: 12px;*/
    font-size: 12px;
}

ul.chosen-choices li.search-choice {
    background-color: #605ca8 !important;
    border: solid 1px #605ca8 !important;
    color: #fff !important;
    background-image: none !important;
    border-radius: 4px !important;
    margin: 3px 0 3px 5px !important;
    padding: 5px 20px 6px 5px !important;
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    background: none !important;
    background-image: none !important;
    font-size: 14px;
    height: 14px;
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close:before {
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f00d";
    position: absolute;
    color: rgba(255,255,255,0.7);
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover:before {
    color: #fff;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #605ca8;
}

.form-group.has-error .chosen-container-multi .chosen-choices {
    border-color: #dd4b39;
}


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
        background-image: none !important;
    }
}


li.active-result.result-selected {
    background-color: lightgrey !important;
    color: black !important;
}

ul.pie-legend  {
    margin: 0;
    padding: 0;
    font-size: 10px;
}

.pie-legend li {
    list-style: none;
    margin: 0px 10px 0px 0px;
    clear: both;
    line-height: 21px;
    cursor: default;
}

.chart-legend li span {
    display: block;
    width: 14px;
    height: 14px;
    margin: 3px 5px 0px 5px;
    float: left;
}

.chart-legend li:hover {
    background-color: #eaeaea;
    border-radius: 3px;
}

.ui-tooltip {
    display: block;
    opacity: 0.9;
    position: absolute;
    visibility: visible;
    max-width: 200px;
    z-index: 1000000;
    font-family:'Source Sans Pro';
    font-size: 12px !important;
    color: #FFFFFF;
    padding: 3px 8px;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: inset 0 1px 0 #000000; /* Safari 4 */
    -moz-box-shadow: inset 0 1px 0 #000000; /* Firefox 3.6 */
    box-shadow: inset 0 1px 0 #000000;
    border-radius: 4px 4px 4px 4px;
    background: #000000;
    border: 1px solid #000000;
}

body .ui-tooltip {
	border-width: 1px;
}

.force_display_block {
    display: block !important;
    background-color: #f4f4f4;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.footer-sign {
    background: transparent url(../images/aionlab-logo-small.png) no-repeat left center;
    width: 82px;
    height: 14px;
    display: block;
    float: left;
    background-size:76px 14px;
}

@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
            .footer-sign {
                background: transparent url(../images/aionlab-logo-small@2x.png) no-repeat left center;
                background-size:86px 15px;
                width: 90px;
                height: 19px;
            }
}

#pageLoad {
    z-index: 100002;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 1;
    cursor: wait;
    position: fixed;
    background-color: #ecf0f5;   
}

table.advanced_search tbody td select.form-control {
    width: 100%;
    font-size: 12px;
    height: 24px;
    padding: 0px 0px;
}

table.advanced_search tbody td input {
    width: 100%;
    font-size: 12px;
    height: 24px;
    border: solid 1px  #d2d6de;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    padding: 6px;
    min-width: 244px;
}

table.advanced_search tbody td input.adv_date {
    
    min-width: 120px !important;
    text-align: center;
}

table.advanced_search input:focus {
    outline: none;
    border: solid 1px #3c8dbc;
    /*box-shadow: none;*/
}

table.advanced_search>tbody>tr>td,
table.advanced_search>tbody>tr>th,
table.advanced_search>tfoot>tr>td,
table.advanced_search>tfoot>tr>th,
table.advanced_search>thead>tr>td,
table.advanced_search>thead>tr>th {
    padding: 1px;
}

.daterangepicker.dropdown-menu {
/*    z-index: 849 !important;*/
}

.flex-bottom {
    display: flex;
    align-items: flex-end;
}

.ui-datepicker {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    padding: 5px;
    width: auto;
     -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*margin-top: 2px;*/
}

/*
.ui-datepicker:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-top: 0;
    border-bottom-color: #ccc;
    position: absolute;
    top: -7px;
    left: 30%;
    margin-left: -7px;
}

.ui-datepicker:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute;
    top: -6px;
    left: 30%;
    margin-left: -6px;
}
*/

.ui-datepicker table tr td, .ui-datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none !important;
    vertical-align: middle;
    position: relative;
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
}

.ui-datepicker td.ui-datepicker-other-month a {
    color: #aaa;
}

.ui-datepicker-calendar a.ui-state-default, .ui-datepicker-calendar a.ui-widget-content .ui-state-default, .ui-datepicker-calendar a.ui-widget-header .ui-state-default {
    background: none;
    border: none;
}

.ui-widget-header {
    background: none;
    border: none;
}

.ui-datepicker-month, .ui-datepicker-year {
    display: inline;
    border-radius: 0px !important;
    box-shadow: none;
    border-color: #d2d6de;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.ui-datepicker-month:focus, .ui-datepicker-year:focus {
    outline: none;
}

.ui-datepicker table {
    font-size: 13px;
}

.ui-datepicker-current-day {
    background: #357ebd !important;
    
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: #fff !important;
    opacity: 1;
}


.ui-datepicker table tr td.ui-datepicker-days-cell-over.ui-datepicker-today:before,
.ui-datepicker table tr td.ui-datepicker-today:before{
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.ui-datepicker table tr td.ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today:before,
.ui-datepicker table tr td.ui-datepicker-current-day.ui-datepicker-today:before {
    border-bottom-color: #fff;
}

.ui-datepicker table tr td:hover {
    background: #eeeeee;
    cursor: pointer;
}

.ui-datepicker table tr td.ui-datepicker-unselectable:hover {
    background: none;
}

.ui-timepicker-div dl dt {
    font-size: 12px;
    margin-left: 4px;
}

.ui-timepicker-div .ui-slider-horizontal {
    margin-top: 4px;
}

.ui-widget-header .ui-icon {
    background-image: none;
    margin-top: 2px;
}


.ui-widget-header .ui-state-hover {
    background: none;
}

.ui-datepicker-prev, .ui-datepicker-next {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-top: 3px;
}

.ui-datepicker .ui-datepicker-prev:hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next:hover {
    right: 3px;
}

.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
    cursor: pointer;
    border: solid 1px transparent !important;
    background-color: #eee;
    top: 1px;
}

.ui-datepicker-prev:before {
    content: "\f060";
    position: absolute;
    top: 4px;
    left: 5px;
    color: black !important;
}

.ui-datepicker-next:before {
    content: "\f061";
    position: absolute;
    top: 4px;
    left: 5px;
    color: black !important;
}

.ui-datepicker-buttonpane.ui-widget-content {
    border: none;
}

select {
    background: transparent;
}

.control-sidebar {
    overflow: auto;
    height: 87%;
    /*height: 95vh;*/
    font-size: 13px;
    margin-top: 50px;
    padding-top: 0px;
    z-index: 1001;
    background-color: transparent;
}

/*.control-sidebar-heading {*/
/*    font-size: 20px;*/
/*    padding: 0px;*/
/*}*/

/*h3.control-sidebar-subheading {*/
/*    font-size: 16px;*/
/*}*/

.control-sidebar ul {
    margin: -6px 0 0 18px;
    padding: 0;
}

.modal_help {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 10010;
}

@media (max-width: 767px) {
    .modal_help {
        top: 65px;
    }
    .control-sidebar {
        margin-top: 100px;
        /*height: 90vh;*/
    }
}

.modal_help a {
    color: white;
}

.colorpicker-2x .colorpicker-saturation {
    width: 200px;
    height: 200px;
}
.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
    width: 33px;
    height: 200px;
}
.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {
    height: 30px;
}

.colorpicker-2x  .colorpicker-selectors i {
    width: 12px;
    height: 12px;
}

#upload-file-info {
    display: inline-block;
    vertical-align: middle;
}

.form-read dd {
    margin-bottom:  16px;
}

.pull-right .btn {
    margin-left:0px;
}

.has-error label:before {
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f05c";
    position: relative;
    left: 0;
    color: #dd4b39;
    padding-right: 2px;
}

.has-error .input-group .input-group-addon {
    border-color: #dd4b39;
}

.has-error p {
    color: #dd4b39;
    font-size: 12px;
    margin-bottom: 0px;
}

.form-error-message {
    display: none;
}

.main-sidebar .user-panel {
    white-space: normal !important;
    display: none;
}

.fancybox-overlay {
    z-index: 10010;
}

.main-footer {
    font-size: 12px;
}
.login-footer {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-top: 20px;
    color: #666;
    opacity: .7;
    font-size: 12px;
}

.login-footer .footer-sign {
    background-size: 65px 12px;
    width: 70px;
}

.info-box-icon-sm .info-box-text {
    width: 90%;
}

.info-box-text-desc {
    color: #999 !important;
    font-size: 11px;
    height: 58px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

@media (max-width: 767px) {
    .info-box-text-desc {
        font-size: 13px;
    }
}

.content-header > .breadcrumb {
    font-size: 11px;
    top: 18px;
}

.content-header > .breadcrumb {
    background-color: #ecf0f5;
}

@media (max-width: 991px) {
    .content-header > .breadcrumb {
        position: relative;
        margin-top: 5px;
        top: 0;
        right: 0;
        float: none;
        background: #d2d6de !important;
        padding-left: 10px;
    }
    .content-header > .breadcrumb li:before {
        color: #97a0b3;
    }
}

.fa-font-text {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.main-header .logo {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


ul.sidebar-menu li > ul li > ul li span {
    font-size: 90%;
}

.panel-iconmenu {
    position: absolute;
    right: 32px;
    top: 50%;
    margin-top: -6px;
}

.sidebar-mini.sidebar-collapse .panel-iconmenu {
    right: 12px;
    margin-top: -6px;
}

.sidebar-mini.sidebar-collapse ul li > ul li  .panel-iconmenu {
    right: 32px;
    margin-top: -6px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    width: 230px;
}

.panel-icon {
    opacity: .2;
}

.panel-icon-active {
    opacity: .8;
}

.panel-icon:hover {
    opacity: .8;
}

.box-header h3.box-title {
    margin-right: 50px;
}

.box-header h4.box-title, h4.box-title {
    font-size: 14px;
    margin-right: 50px;
}

.sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > span > .fa-angle-left {
    -webkit-transition: transform ease-in-out .2s;
    -o-transition: transform ease-in-out .2s;
    transition: transform ease-in-out .2s;
}

table .img-responsive {
    width: 100%;
}

th.sortable.sorting.footable-visible.footable-last-column, td.footable-visible.footable-last-column {
    border-right: 0px;
}

.footable.breakpoint>tbody>tr>td>span.footable-toggle {    
    font-size: 12px;
}

.footable-row-detail-inner {
    width: 100%;
}

.footable-row-detail-row {
    line-height: 2em;
}

.footable-row-detail-name {
    text-align: right;
    padding-right: 1em;
}

.footable-row-detail-value .square-color-box {
    margin-top: 4px;
}

.table-hover>tbody>tr.footable-row-detail:hover{
    background-color:#fff
}

td.cell-action {
    padding: 6px 4px 5px 4px !important;
}

td.cell-action .btn-group-xs>.btn, .btn-xs {
    font-size: 11px !important;
}

@media (min-width: 1681px) {
    .tickets-tablelist, .dataTable {
        font-size: 14px;
    }

    .passengers-tablelist, .vehicles-tablelist, .accessories-tablelist {
        font-size: 13px;
    }

    td.cell-action {
        padding: 8px !important;
    }
    
    td.cell-action .btn-group-xs>.btn, .btn-xs {
        font-size: 12px !important;
    }

    .tree-connector {
        height: 75px;
    }

    .subtree-connector {
        height: 25px;
    }
}

.adv-search-button {
    margin-top: 10px;
}

h3.modal-title {
    font-size: 20px;
}

.load-spin {
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -18px;
    width: 36px;
    height: 36px;
    position: absolute;
}

.load-spin:before {
    font: normal normal normal 36px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f110";
    color: white;
}

#messages h4 {
    margin-bottom: 0px;
}

.citizenDisabled, .citizenDisabled a.manage_tag {
    color: lightgray;
}

.form_hint_box {
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 10px;
    color: #777;
    font-style: italic;
}

.has-error .ui-multiselect.ui-helper-clearfix.ui-widget {
    border-color: #dd4b39;
}

.ui-multiselect.ui-helper-clearfix.ui-widget {
    width: 100% !important;
	border-color: #d2d6de;
}

.ui-multiselect.ui-helper-clearfix.ui-widget .selected {
	width: 50% !important;
}

.ui-multiselect.ui-helper-clearfix.ui-widget .selected.connected-list {
	width: 100% !important;
}

.ui-multiselect.ui-helper-clearfix.ui-widget .available {
	width: 50% !important;
	border-left-color: #d2d6de;
}

.ui-multiselect.ui-helper-clearfix.ui-widget .available.connected-list {
	width: 100% !important;
}

input.search.empty.ui-widget-content.ui-corner-all {
    height: 27px !important;
    width: 50% !important;
    border-radius: 0px !important;
    color: black !important;
    font-weight: normal !important;
}

input.search.empty.ui-widget-content.ui-corner-all:focus {
   
    outline: none;
    border: solid 1px #3c8dbc;
}

.ui-multiselect .count {
    width: 50%;
    overflow: hidden;
    height: 24px;
}

.actions.ui-widget-header.ui-helper-clearfix {
    background-color: lightgray;
	border: solid 1px white;
}

.ui-helper-clearfix {
    min-height: 38px;
}

/*td ul {
	padding: 0px 0px 0px 14px !important;
}*/

a.normal_text {
	color: #333;
}

.small_text {
    font-size: 0.8em;
}
.no_value {
    color: gray;
    font-style: italic;
}

.rowDisabled, .rowDisabled .no_value, .rowDisabled a.normal_text  {
	color: lightgray;
}

th.th-text-center {
    padding-right: 0px !important;
    text-align: center;
    color: #555;
    font-weight: normal;
}

/*table.dataTable thead > tr > th {
    padding-right: 22px !important;
}*/

.company-logo {
    max-height: 60px;
}

.ticket_sub_table {
    background-color: #f4f4f4;
    display: none;
}

/*DEFAULT TABLE*/
tr.row_selected {
    background-color: #f4f4f4;
}

.table th {
    outline: none;
}

tr.row_selected td {
    border-top: 1px solid #e4e4e4 !important;
}

/*.boardingcards-tablelist tr.row_selected td {
    border-top: 1px solid #397da3 !important;
}
*/
td.footable-row-detail-cell {
    background-color: #f4f4f4;
}

.table-bordered > thead>tr>th, .table-bordered > thead > tr > td {
    border-bottom-width: 0px;
}

.table-hover > tbody > tr.tr-no-result:hover > td,
.tr-no-result > td {
    background-color: white;
}
/*END DEFAULT*/

/* CUSTOMIZED TABLE */
/*

// OPENED BG COLOR #b9caff

tr.even {
    background-color:#eeeeee;
}

tr.odd {
}

.table-hover > tbody > tr:hover {
  background-color: #FFFFC2;
}

.table-bordered {
  border: 1px solid #dedede;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #dedede;
}

.table-bordered thead {
    background-color: #dedede;
}

tr.row_selected {
    background-color: #FFFFC2;
}

tr.row_selected td {
    border-top: 1px solid #d4d4d4 !important;
}

.ticket_sub_table {
    background-color: #FFFFC2;
    display: none;
}*/
/*END CUSTOM TABLE*/

.control-label {
    font-size: 80%;
    margin-bottom: 0px;
    padding-right: 0px;
}

.bottom5 {
    margin-bottom: 5px;
}

.bottom10 {
    margin-bottom: 10px;
}

.top10 {
    margin-top: 10px;
}

.top30 {
    margin-top: 30px;
}

.reset-th-padding {
    padding-right: 8px !important;
}


.chosen-container-single .chosen-default {
    color: #bbb;
}

td .callout {
    margin: 0 !important;
}

/* Fix for chosen right border covered by the dropdown AND / OR advanced filter left border */
.form-adv-filters .input-group-btn:last-child>.btn, .form-adv-filters .input-group-btn:last-child>.btn-group {
    margin-left: 0px;
}

.btn-adv-filters {
    border-left: none;
    width: 51px;
}

.input-group-addon.search_ticket_departure_date_dateIcon {
    border-left: none;
}
/* End fix */

.panel-title {
    font-size: 14px;
    font-weight: bold;
}

.panel-title > a:before {
    font-family: FontAwesome;
    content: "\f0d7";
    /*content: "\f115";*/
    padding-right: 5px;
    width: 13px;
    display: inline-block;
    text-align: center;
}

.panel-title > a.collapsed:before {
    content: "\f0da";
    /*content: "\f114";*/
    padding-right: 5px;
    width: 13px;
    display: inline-block;
    text-align: center;
}

.panel-title  > a.collapsed {
    color: #666;
}

.panel-title  > a,
.panel-title  > a:hover
/*.panel-title  > a:active, */
/*.panel-title  > a:focus */
{
    text-decoration:none;
    color: black;
}



.form-adv-filters .panel-group {
    margin-bottom: 0px;
}

.grayiconcolor {
    color: lightgray;
}

/* Fix Bootstrap collapse with jQuery “Chosen” select: height becomes too large before snapping back */
.chosen-container:not(.chosen-with-drop) .chosen-drop {
    display: none;
}
/* End fix */

.chosen-container {
    font-family: "FontAwesome", 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    cursor: auto;
}

.label-field-with-value {
    color: #3c8dbc;
}

.tickets_loading {
    position: absolute;
    left: 0; 
    top: 0; 
    right: 0; 
    bottom: 0;
    z-index: 1000;
    background: rgba(255,255,255,0.7);
    font-size: 26px;
    text-align: center;
}

/*textarea {
    width: 100%;
}*/

#field-ticket_layout_content {
    height: 350px;
}

.loading {
    position: absolute;
    left: 0; 
    top: 0; 
    right: 0; 
    bottom: 0;
    z-index: 2;
    background: rgba(255,255,255,0.7);
}

.loading .content {
    position: absolute;
    transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #555;
}

.auto-overflow {
    overflow: auto;
}

.dark-green {
    color: #008000;
}

.bg-siremar {
    background-color: #0060a8;
}

.noicon > .info-box-content {
    margin-left: 0px;
}
.ticketoffices-list .info-box-icon {
    width: 10px;
    /*height: 89px;*/
    /*border-top-left-radius: 0px;*/
    /*border-bottom-left-radius: 0px;*/
}

.ticketoffices-list .info-box-content {
    margin-left: 10px;
}

span.info-box-number.ticketoffice-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticketoffices-list .info-box-text.no-upper,  .info-box-text.no-upper {
    text-transform: none;
    font-size: 12px;
}

.fix-line-height {
    line-height: 18px;
}

.ticketoffices-list .info-box-text.email-address, .ships-list .info-box-text.email-address {
    margin-top: 3px;
    text-transform: none;
}

.ticketoffices-list .info-box-text.phone-number {
    position: absolute;
    bottom: 20px;
}


.ticketoffices-list .info-box-text.map-link,  .info-box-text.map-link  {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.ticketoffices-list .info-box-text,  .ships-list .info-box-text {
    font-size: 11px;
}

.ticketoffices-list .info-box {
    background-color: #ecf0f5;
    /*border: solid 1px #0060a8;*/
}

.ticketoffices-list .info-box.agencies {
    background-color: #effcff;
}

.ships-list .info-box {
    background-color: #ecf0f5;
}

.multiline {
    white-space: pre-wrap;
    max-height: 60px;
    line-height: 14px;
}

.icheckbox_square-blue, .iradio_square-blue {
    top: -2px;
}

.big-label {
    font-size: 11px;
}

label.radio-class {
    padding-top: 5px;
    padding-right: 10px;
}

.dl-horizontal.dl-xsmall {
    margin-bottom: 0px;
}

.dl-horizontal.dl-small {
    margin-bottom: 0px;
}

.dl-horizontal.dl-medium {
    margin-bottom: 0px;
}

.dl-horizontal.dl-large {
    margin-bottom: 0px;
}

.pagination {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#usertable_filter {
    font-size: 80%;
}

.font-normal {
    font-weight: normal;
}

.footable.breakpoint>tbody>tr>td>span.footable-toggle:before {
    position: relative;
    top: 2px;
}

.extra_ticket_details {
    margin-bottom: 10px;
    width: 98%;
    max-width: 98%;
}

div.dataTables_paginate {
    font-size: 12px;
}

.radio-horizontal  {
    margin-bottom: 0px;
    font-size: 12px;
}

.radio-horizontal .radio {
    display: inline-block;
}

.found-item, .found-item.row_selected {
    background-color: #FFFFC2;
}

.small_menu_text {
    font-size: 95%;
}

tr.found-item:hover, tr.found-item.row_selected:hover {
    background-color: #ffff74 !important;
}

.row_child !previous + tr.found-item {
    background-color: red !important; 
}

.bg-white {
    background-color: white;
}

.add-padding {
    padding: 2px;
}

.hasclear {
    padding-right: 22px !important;
}

.form-control-feedback {
    color: #888888;
    pointer-events: auto;
    vertical-align:middle;
}

.input-group-sm .form-control-feedback {
    height: 30px;
    line-height: 30px;
    width: 30px;
    right: 52px;
}

.input-group-sm .form-control-feedback-right-fix  {
    right: 38px;
}

.form-control-feedback.right10 {
    right: 10px !important;
}

.form-control-feedback.right38 {
    right: 38px !important;
}

.form-control-feedback:hover {
    color: #464646;
}

.boardingcard-read-type {
    width: 14px;
}

.boardingcard-read-type-small {
    width: 12px;
}

.grocerycrud.list-unstyled {
/*    white-space: nowrap;*/
    margin-left: 2px;
}

ul.list-unstyled > li:before {
  content: "- ";
  margin-left: -6px;
}

ul.list-unstyled > li.nocontent:before {
    content: "";
    text-indent: 0px;
}

ol.grocerycrud {
    margin-left: -22px;
    margin-bottom: 0px;
}

.ui-multiselect .connected-list {
    min-height: 200px;
}

.progress-detail {
    margin-top: -18px;
    display: block;
    margin-bottom: 10px;
    color: lightgray;
    font-size: 80%;
}

.goal-elaboration-date {
    color: lightgray;
    font-size: 80%;
    margin-top: -2px;
    display: block;
}

.colorpicker-element {
    z-index: 0;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    text-align:left;
    margin-right:-4px;
}

.search-highlight {
    font-weight: bold;
    background-color: #FFFFC2;
}

.label .search-highlight {
    color: black;
}

.fa-small {
    font-size: 80%;
}

.fa-gray {
    color: #888;
}

.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fa-badge {
    /*margin-left: -7%;*/
    /*vertical-align: bottom;*/
}

.info-box-text-desc {
    color: #999 !important;
    font-size: 75%;
    height: 58px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.info-box-text-desc-line {
    color: #999 !important;
    font-size: 75%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.info-box-clickable {
    cursor: pointer;
}

.text-darkgray {
    color: #999 !important;
}

.modal-dialog {
    overflow-y: initial !important;
}

.modal-coupon-view {
    user-select: none;
}

.modal-fixed-body {
    height: 350px;
    overflow-y: auto;
}

#import_progress {
    display: block;
    min-height: 100px;
    margin-top: 20px;
    color: black;
}

#import_progress .load-spin:before {
    color: black;
}

.transparent_box {
    position: relative;
    width: 100%; 
    display: block; 
    min-height: 50px; 
}

h4.boardingcard {
    margin-top: -10px;
    padding-top: 10px;
    margin-bottom: -7px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: #eee;
}

button.modal-button.disabled {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .15;
}

.loading_message {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    color: #000;
    font-size: 18px;
    text-align: center;
    width: 100%;
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
    color: #999;
}

.form-group .help-block {
    display: none;
}

.form-group.has-error .help-block {
    color: #dd4b39;
    font-size: 11px;
    display: block;
}

.bar-graph, .line-graph {
    overflow: auto;
}

ul.passenger-ticket-info li {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
}

ul.passenger-ticket-info label {
    margin-bottom: 0px;
    text-align: center;
    width: 100%;
}

ul.passenger-ticket-info span {
    display: block;
    text-align: center;
}

.passenger-badge .info-box-text {
    text-transform: none;
}

.passenger-badge .info-box-icon {
    height: 110px;
    line-height: 110px;
    width: 40px;
    background: rgba(0, 0, 0, 0.1);
    font-size: 30px;
}

.passenger-badge .info-box-content {
    margin-left: 40px;
}

.bg-pink {
    background-color: #E799A3;
    color: #fff !important;
}

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

.bg-neutral span.info-box-icon {
    color: #a0a0a0 !important;
}

#accomodationResult .nav-tabs-custom {
    margin-bottom: 0px;
    box-shadow: none;
}

.bg-neutral:hover {
    background-color: #ffffda;
}

.panel-menu .info-box-text {
    color: #333;
}

.tooltip-wrapper {
    display: inline-block;
}

.ship-select .chosen-container-single .chosen-single {
    border: 1px solid #f4f4f4;
}

.tabs-dashboard {
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
}

.nav-tabs-custom.tabs-dashboard > .tab-content {
    position: relative;
    background: #e6eaf0;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    min-height: 100px;
    overflow: auto;
    overflow-x: hidden;
}

.nav-tabs-custom.tabs-dashboard > .nav-tabs > li.active, .nav-tabs-custom.tabs-dashboard > .nav-tabs > li.active:hover {
    background: #e6eaf0;
}

.nav-tabs-custom.tabs-dashboard > .nav-tabs > li.active > a, .nav-tabs-custom.tabs-dashboard > .nav-tabs > li.active:hover > a {
    background: transparent;
}

.nav-tabs-custom.tabs-dashboard > .nav-tabs > li.active > a {
    border-right-color: #ddd;
    border-left-color: #ddd;
}

.nav-tabs-custom.tabs-dashboard > .nav-tabs {
    border-bottom-color: #ddd;
}

.nav-tabs-custom.tabs-dashboard > .nav>li>a {
    padding: 6px 15px;
}

.nav-tabs-custom.tabs-dashboard > .nav-tabs > li > a {
    color: #888;
}

.nav-tabs-custom.tabs-dashboard > .nav-tabs > li.active > a {
    color: #444;
}

.nav-tabs-custom.tabs-dashboard > .nav-tabs > li {
    margin-right: 0px; 
    white-space: nowrap;
}

.custom-nav-tab {
    display: inline-block !important; 
    border-right: none !important;
}

.active .force-border-right {
    border-right: solid 1px #ddd !important;
}

.custom-nav-tab-edit {
    display: inline-block !important; 
    border-left: none !important; 
    border-right: none !important; 
    padding: 2px 6px !important;
    cursor: pointer !important;
}

a.custom-nav-tab-edit.edit-tab:hover, a.custom-nav-tab-delete.delete-tab:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    border-radius: 3px;
}

.custom-nav-tab-delete {
    display: inline-block !important; 
    border-left: none !important; 
    padding: 2px 6px !important;
    cursor: pointer !important;
}

li > .tab-actions {
    display: inline-block;
    border-right: solid 1px transparent;
    padding: 8px 6px 9px 0px;
    top: -1px;
    position: relative;
}

li.active > .tab-actions {
    border-right: solid 1px #f4f4f4;
}

li.active > .tab-actions a {
    color: #444;
}

li > .tab-actions a {
    color: #888;
}

.module-section-container {
    border: 1px dashed #c0c0c0;
    padding: 0px 10px;
}

.box.box-solid.box-default.module-box {
    margin-bottom: 10px;
    border: 1px solid #bbb;
    border-radius: 0px;
}

.btn.btn-box-tool.btn-trash:hover {
    /*color: #e50026 !important;*/
}

.sortable-panel-highlight {
    display: block;
    border: 1px dashed #ccc !important;
    height: 28px;
    width: 160px;
    margin: 4px;
}

.modules-available {
    min-height: 40px;
}

.chosen-container .chosen-results li.disabled-result {
    color: #bbb;
    cursor: not-allowed;
}

.editable-clear-x {
    background-size: 13px 13px;
}

.ui-sortable > div, .ui-sortable > li, .ui-sortable > li a {
    cursor: move;
}

.ui-sortable > li.unsortable a {
    cursor: pointer;
}

.tabs-setup {
    overflow:visible;
}

.margin-bottom-huge {
  margin-bottom: 146px;
}

.trash-color {
    /*color: #dd4b39;*/
    /*opacity: .5;*/
}

.active .trash-color {
    /*opacity: 1;*/
}

.btn-refresh-target {
    position: absolute;
    right: 15px;
}

.alert-small {
    padding: 5px 10px;
}

.btn-stats {
    margin-bottom: 3px;
    padding: 4px 4px;
    margin-top: 2px;
}

.tab-content-view {
    overflow: visible !important;
}

.btn-dropdown {
    margin-right: 4px;
}

.overlay-fix {
    height: 98% !important;
}

.export-canvas {
    top: 0 !important;
    left: 0 !important;
    position: fixed !important;
}

.export-canvas-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}

.export-canvas-btn {
    border: none;
    background-color: transparent;
    font-size: 14px;
    margin-bottom: 2px;
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.export-canvas-btn > i {
    display: none;
}

.fa-xs {
    font-size: 70% !important;
}

.ship-disabled {
    opacity: 0.5;
}

.daterangepicker .calendar td.today {
    background-color: #ffffde;
}

.daterangepicker .calendar td.today.in-range {
    background-color: #f5f8e4;
}

.daterangepicker .calendar td.today.active {
    background-color: #357ebd;
}

.text-white {
  color: #fff !important;
}

.text-white .popover-title {
    color: #333 !important;
}

a.editable-target {
    color: #fff !important;
    font-weight: bold;
}

.editable-target .editable-click, a.editable-target.editable-click, a.editable-target.editable-click:hover {
    border-bottom: dashed 1px #fff;
}

.info-box-editable-no-buttons .editableform .control-group, .info-box-editable-no-buttons .editable-input, .info-box-editable-no-buttons .editable-input select {
    width: 100%;
}

.info-box.info-box-icon-sm .info-box-icon {
    width: 35px;
    font-size: 15px;
}

.info-box.info-box-icon-sm .info-box-content {
    margin-left: 35px;
}

.info-box.info-box-icon-sm .info-box-text {
    font-size: 12px;
}

.info-box.info-box-icon-sm .progress-description {
    font-size: 11px;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

.small-box-container {
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.small-box-container .small-box-footer {
    font-size: 12px;
}

.small-box h3 {
    margin-bottom: 0px;
}

.small-box-small {
    font-size: 40%;
    color: inherit;
}

.fa-stack-05x {
    font-size: 0.5em;
}

.small-box .icon.icon-stack {
    top: -5px;
    right: -22px;
    font-size: 56px;
    text-shadow: none;
}

.small-box:hover .icon.icon-stack {
    font-size: 60px;
}

.small-box .close-button .btn.btn-box-tool {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    font-size: 14px;
    color: white;
    opacity: 0.8;
}

.small-box .close-button .btn.btn-box-tool:hover {
    opacity: 1;
}

.box-body-alarm {
    padding-bottom: 3px;
}

.panel-no-border {
    border: none;
    border-radius: 0px;
    box-shadow: 0px 0px 0px;
    margin-bottom: 0px;
}

.panel-alarm {
    padding-top: 3px;
    margin-left: -10px;
    margin-right: -10px;
    border-top: solid 1px #f4f4f4;
}

.panel-no-border > .panel-heading {
    background-color: transparent;
    border: solid 0px transparent;
}

.trend-icon {
    color:rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 9px;
    right: 8px;
}

ul .dropdown-menu li a {
    display: block !important;
}

ul .dropdown-menu li a.force-border-right {
    border-right: solid 0px transparent !important;
}

.dropdown b.caret {
    margin-left: 6px;
    margin-top: -1px;
}

.btn-close-alarm {
    margin-top: -5px;
    padding: 0px;
}

.smartphone-numbers {
    display: inline-block;
    width:42px;
    text-align: right;
    font-size: 90%;
    white-space: nowrap;
}

.smartphone-progress-group {
    min-width: 192px;
    text-align: left !important;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    border-radius: 3px;
    cursor: default;
}

.smartphone-progress-group:hover {
    background-color: #ffffde;
}

.smartphone-progress-text {
    font-weight: normal !important;
}

.smartphone-progress {
    margin-top: 2px !important;
    margin-bottom: 0px !important;
    /*background-color: #ddd;*/
}

.map-image {
    max-height: 75vh;
    margin: 0 auto;
}

.table_analysis_checkin {
    border-left: 1px solid #bbb !important;
    border-right: 1px solid #bbb !important;
}

.table_analysis_checkin_total {
    border-left: 1px solid #bbb !important;
    border-right: 1px solid #bbb !important;
    border-top: 1px solid #bbb !important;
    background-color: #eee;
    font-weight: bold;
}

.table_analysis_checkin_header {
    border-left: 1px solid #bbb !important;
    border-right: 1px solid #bbb !important;
    border-bottom: 1px solid #bbb !important;
}

.anomaly {
    display: inline-block;
}

.anomaly-empty {
    cursor: pointer;
}

.panel-menu {
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 0px;
}

.panel-title-option {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: normal;
}

.panel-menu-setup .info-box-text {
    font-size: 12px;
}

.shipload_report {
    display: inline-block;
    margin: 4px 0px 2px 0px;
}

.shipload_report .chosen-container {
    font-size: 12px;
}

.shipload_report .chosen-container-single .chosen-single {
    height: 28px;
    line-height: 26px;
    top: -1px;
    border-radius: 3px;
    background-color: #f4f4f4;
    border-color: #ddd;
}

.shipload_report .chosen-container-single .chosen-drop {
    margin-top: -3px;
}

.shipload_report .chosen-container-single .chosen-single abbr {
    top: 9px;
}

.shipload_report .chosen-container-single .chosen-single div b {
    background-position-y: 3px;
}

.login-logo .app-icon {
    width: 36px;
    height: 36px;
    margin-top: -6px;
}

.logo-lg .app-icon, .logo-mini .app-icon {
    width: 18px;
    height: 18px;
    margin-top: -4px;
}

.readonly_label {
    white-space: pre-line;
    display: block;
}

.form-input-box .readonly_label {
    margin-top: 4px;
}

.img-circle {
    border: solid 1px #ccc;
}

.skin-purple-light .sidebar-menu>li.active>a {
    background-color: #eee !important;
}

.skin-purple-light .sidebar-menu>li.current>a {
    color: #000;
    background: #f4f4f5;
}

.skin-purple-light .sidebar-menu>li.current {
    border-left-color: #605ca8 !important;
    border-left-style: solid;
    border-left-width: 3px;
}

.sidebar-menu > li > a {
    padding: 10px 5px 10px 15px;
}

.sidebar-menu > li.current > a {
    padding: 10px 5px 10px 12px;
}

.sidebar-menu .current .treeview-menu > li > a {
    padding: 5px 5px 5px 12px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #605ca8;
    border-color: #605ca8;
}

input.quantity {
    display: inline-block;
    width: 28px;
    background-color: white;
    text-align: center;
    height: 97%;
    font-size: 12px;
    margin-right: 4px;
}

.ui-multiselect li a.action {
    cursor: pointer;
}

.timeline > li > .label {
    position: absolute;
    padding: 7px;
    border-radius: 50%;
    left: 8px;
    top: 6px;
}

.fa-stack-sm {
    line-height: 1.5em;
    height: 1.5em;
    text-align: center;
}

.input-quantity {
    text-align:center; 
    width:50px; 
    display: inline-block;
    padding: 0px;
}

.product_attributes_label {
    text-align: right;
    margin-top: 5px;
}

.box-widget {
    border: none;
    position: relative;
}

.widget-user .widget-user-header {
    padding: 20px;
    height: 120px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.widget-user .widget-user-username {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 300;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.widget-user .widget-user-desc {
    margin-top: 0;
}

.widget-user .widget-user-image {
    position: absolute;
    top: 65px;
    left: 50%;
    margin-left: -45px;
}

.more_description {
    height: 56px;
    display:block;
    overflow:hidden;
    margin-bottom: 10px;
    white-space: pre-line;
    position: relative;
}

.more_description .read-more { 
    position: absolute; 
    bottom: 0; 
    left: 0;
    width: 100%; 
    text-align: center; 
    margin: 0; 
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2), white);
}

.event_summary .btn-app > .badge {
    font-size: 12px !important;
    font-weight: bold;
}


ul.grocerycrud.list-unstyled > li > ul > li {
    margin-left: 14px;
}

ul.grocerycrud.list-unstyled > li > ul > li:before {
    content: "- ";
    color: #999;
    margin-left: -6px;
}

.form-control:focus {
    border-color: #605ca8 !important;
}

table.dataTable thead > tr > th.sorting_disabled {
    padding-right: 8px;
}

.btn-app-small {
    padding: 9px 5px;
    margin: 0 0 5px 0px;
    min-width: 60px;
    height: 50px;
}

.widget-user-2 .widget-user-header {
    padding: 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.widget-user-2 .widget-user-username, .widget-user-2 .widget-user-desc {
    margin-left: 75px;
}

.widget-user-2 .widget-user-username {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 300;
}

.widget-user-2 .widget-user-desc {
    margin-top: 0;
}

.widget-user-2 .widget-user-image>img {
    width: 65px;
    height: auto;
    float: left;
}

.input-group-addon a {
    color: #666;
}

h4.order_line {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
}

.fancybox-opened {
    z-index: 28030;
}

@media screen and (max-width: 767px) {
    div.dataTables_filter .btn {
        margin-top: -1px;
    }
}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

@media (max-width: 991px) {
    .col-md-margin {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .dl-horizontal.dl-xsmall dt {
        width: 70px;
    }
    .dl-horizontal.dl-xsmall dd {
        margin-left: 80px;
    }

    .dl-horizontal.dl-small dt {
        width: 110px;
    }
    .dl-horizontal.dl-small dd {
        margin-left: 130px;
    }

    .dl-horizontal.dl-medium dt {
        width: 175px;
    }
    .dl-horizontal.dl-medium dd {
        margin-left: 195px;
    }

    .dl-horizontal.dl-large dt {
        width: 270px;
    }
    .dl-horizontal.dl-large dd {
        margin-left: 295px;
    }

    .modal-large {
        width: 70%;
    }
}

@media (max-width: 1199px) {
   .form-adv-filters .form-group {
        margin-bottom: 0px;
   }
}

@media print {    
    .no-print, .no-print *, .gmnoprint, .gm-style-cc , .gmnoscreen
    {
        display: none !important;
    }
    
    .modal-content {
        -webkit-box-shadow: none !important;;
        -moz-box-shadow: none !important;;
        box-shadow: none !important;;
    }
    
    .vertical-align-center {
        vertical-align: top;
    }
    
    .modal-header {
        border-bottom: none;
    }
}

.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #605ca8 !important;
    background-color: white;
}

.tab-upload.nav-tabs-custom > .nav-tabs {
    background-color: #eaeaea;
}

.box-noborder {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.box-noborder > .box-header {
    background-color: transparent !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    background: #357ebd none;
    color: white;
    padding: 5px;
    border-radius: 4px;
}

.text-line-through {
    text-decoration: line-through;
}

.modal-fix {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.navbar-nav > .messages-menu.event-menu > .dropdown-menu > li .menu > li > a > p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.navbar-nav > .messages-menu.event-menu > .dropdown-menu > li .menu > li > a > div > img {
    height: auto;
}

.event-image-selector {
    height: 13px;
    margin-top: -2px;
    margin-right: 2px;
}

.row-sortable {
    cursor: move;
}

.ui-sortable-helper {
    cursor: move;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.fa-sm {
    font-size:0.63em;
}

.skin-purple-light .main-header .logo {
    background-color: #555299 !important;
}

.box.box-purple {
    border-top-color: #605ca8;
}

.sell_list .info-box-number {
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sell_list .info-box-product {
    font-size: 11px;
    max-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sell_list .info-box-sell {
    position: absolute;
    bottom: 12px;
    right: 18px;
    text-align: right;
    width: 100px;
    font-size: 28px;
    font-weight: bold;
}

.sell_list .info-box-sell-gift {
    position: absolute;
    bottom: 17px;
    left: 30%;
    text-align: left;
    width: 100px;
    font-size: 14px;
    font-weight: bold;
    margin-left: 16px;
}

.sell_list .info-box-icon {
    width: 30% !important;
}

.sell_list .info-box-content {
    margin-left: 30% !important;
}

.box-remove-button {
    margin-right: 5px;
    font-weight: bold;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.sell_countdown {
    display: inline-block;
}

.dl-horizontal.form-read dt {
    white-space: normal;
    font-size: 80%;
    margin-top: 2px;
}

.box-flat {
    border-radius: 0px;
    border-top: none;
    box-shadow: none;
}

@media (max-width: 768px) {
    .login-box, .register-box {
        margin-top: 48px;
    }
}

.language-selector-login {
    float:right;
}

.language-selector-login a {
    color: #444444;
}

.navbar-custom-menu > .navbar-nav.language-selector-login > li > .dropdown-menu.dropdown-menu-language-selector {
    right: 0px !important;
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu.dropdown-menu-language-selector {
    right: auto;
    width: 140px !important;
}

.label_history {
    width: 34px;
    display: inline-block;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

.form_title {
    margin-top: 0px;
    color: #605ca8;
    font-weight: bold;
    font-size: 15px;
}

.form_subtitle {
    font-weight: 400;
    font-size: 13px;
    color: #605ca8;
}

.CodeMirror {
    border: solid 1px #d2d6de;
}

.event-image-list {
    display: inline-block;
    color: #dedede;
    width: 30px;
    text-align: center;
    border: dashed 1px rgba(150,150,150, 0.3);
    margin: 0px 3px;
    line-height: 18px;
}

.shops-list {
    max-height: 286px;
    overflow: scroll;
    overflow-x: clip;
}

.shops-list .event-image-list {
    line-height: 28px;
}

@media (max-width: 991px) {
    .error-page > .error-content > p {
        text-align: center;
    }
}

input.disable-arrows::-webkit-outer-spin-button,
input.disable-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.disable-arrows[type=number] {
    -moz-appearance: textfield;
}

.half-opacity {
    opacity: 0.5;
}

.table .image-thumbnail img {
    height: 25px;
    max-width: 130px;
}

.btn-hover {
    z-index: 10 !important;
    outline: none !important;
    border-radius: 0px !important;
}

.btn-hover:focus,.btn-hover:active {
   outline: none !important;
}

.input-spinner {
    padding: 5px 0px !important;
}

.input-spinner:focus {
    border-color: #d2d6de !important;
}

.number-spinner {
    width: 130px;
}

.font-select {
    width: 100%;
}

.ui-datepicker, .datepicker {
    z-index: 100000 !important;
}

/*.input-px::after {
    content: 'px';
    position: absolute;
    left: -20px;
    top: 6px;
    z-index: 1;
    pointer-events: none;
}*/

.fieldset-scheduler-border {
    border: 1px solid #ddd !important;
    margin: 0;
    min-width: 0;
    padding: 10px;
/*    position: relative;*/
    border-radius: 4px;
    background-color: #fff;
    padding-left: 10px!important;
    margin: 0px 0px;
}

.legend-scheduler-border {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px;
    width: auto;
    border: none;
    padding: 5px 10px 5px 10px;
    background-color: #ffffff;
    color: #605ca8;
}

.legend-small {
    font-weight: normal;
    font-size: 10px;
    display: block;
    color:#6c757d;
    margin-top: -20px;
    padding: 5px 10px 15px 10px;
}

.td-3 {
    width: 25%;
}

.td-2 {
    width: 16.66666667%;
}

.td-1 {
    width: 8.33333333%;
}

.td-button-minus {
    padding: 0px 8px;
}

.table-timeslot > thead > tr > th {
    font-size: 10px !important;
    border-bottom: none;
}
select.input-xs {
    height: 24px;
    line-height: 24px;
    font-size: 10px;
    padding: 2px;
}

.shops-list .info-box {
    background-color: #f4f4f4;
    padding: 10px;
    overflow: hidden;
}

.info-box-event-name {
    margin-top: 6px;
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
}

.info-box-event-link {
    font-size: 10px;
    overflow: hidden;
    white-space: nowrap;
}

.fc-view-container {
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
}

.schedule_calendar .fc-event {
    cursor: pointer;
}

.external-schedule {
   color: white;
}

.calendar-add {
    padding: 3px 12px 3px 12px;
    cursor: pointer;
    font-size: 22px;
    color: #00a65a;
    margin-top: -4px;
}

.calendar-add:hover {
  background-color:#00a65a;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  color: white;
}

.tab-content.tab-content-grocery {
  padding: 28px 10px;
  border-bottom: solid 0px white;
}

.nav-tabs-custom.nav-tabs-grocery {
    margin-bottom: 0px;
    box-shadow: none;
}

.nav-tabs-custom > .nav-tabs > li.dropdown.pull-right.tabdrop.active:first-of-type.active > a {
    border-left-color: #f4f4f4;
}

.menus-tablelist {
    
}
/*th#ticket_menu_amount_remaining {
    width: 100% !important;
}

th#ticket_menu_amount {
    width: 100%;
}*/

.font-weight-light {
    font-weight: 400;
}

.form-events-filter {
    border:  1px solid #f4f4f4;
}

.form-events .form-control-feedback {
    color: #d2d6de !important;
}

table.menus-tablelist.main-menus-tablelist > thead th:nth-last-child(3) {
    width:  100%;
}

.font-strong-small {
    font-size: 10px;
    font-weight: bold;
}

.bg-green .search-highlight {
    color: yellow;
    background-color: #00a65a !important;
}

.upload-gallery-placeholder {
    display: inline-block;
    width: calc(16.6666667% - 1rem);
    padding-bottom: calc(16.6666667% - 1rem);
    height: 0;
    position: relative;
    margin: 0.5rem;
    cursor: default;
    visibility: visible;
    /*border: 1px solid #dad55e;*/
    -webkit-box-shadow:inset 0px 0px 0px 1px #dad55e;
    -moz-box-shadow:inset 0px 0px 0px 1px #dad55e;
    box-shadow:inset 0px 0px 0px 1px #dad55e;
    background: #fffa90;
    /*box-sizing: border-box;*/
    /*-moz-box-sizing: border-box;*/
    /*-webkit-box-sizing: border-box;*/
}
.float-right {
    float: right;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}

.dt-buttons {
    float: right;
    margin-left: 10px;
}

div.ColVis {
    float: right;
    margin-bottom: 0;
}

.dt-button {
    background-color: #f4f4f4;
    color: #444;
    font-size: 13px !important;
    border-radius: 0px;
    border: 1px solid #ddd;
    padding: 4px 15px;
    line-height: 1.5;
}

.dt-button:hover {
    background-color: #d2d2d2;
    border: 1px solid #ccc;
}

.btn[class*='bg-']:focus {
    -webkit-box-shadow: inset 0 0 100px rgb(0 0 0 / 20%);
    box-shadow: inset 0 0 100px rgb(0 0 0 / 20%);
}

.localized-label:after {
    content: "=";
}

#ticket_table_wrapper .dataTables_length, #ticket_detail_table_wrapper .dataTables_length {
    float: left;
}

.white-space-normal dt {
    white-space: normal;
}

.white-space-break-spaces dt {
    white-space: break-spaces;
}

.dataTables_wrapper {
    overflow: scroll;
}

.box-office-ticket-list .dataTables_wrapper {
    padding-bottom: 24px;
}

.filterhead {
    padding-top: 0px !important;
}

.embed-video {
    margin-right: 8px;
    border: solid 1px #d9d9d9;
}

.row-sortable-timeslot {
    height: 35px;
}

.chosen-size .chosen-container-multi .chosen-choices {
    min-height: 34px !important;
}

.input-group-sm.chosen-size .chosen-container-multi .chosen-choices {
    min-height: auto !important;
}

.calendar-section {
    margin-top: 16px;
    margin-bottom:2px;
    line-height: 16px;
}

.section-collapsible {
    cursor: pointer;
    text-indent: 18px;
}

.section-collapsible::before {
    content: "\f0d7";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
}

.section-collapsible.collapsed::before {
    content: "\f0da";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
}

.events_timeslots {
  margin-bottom: 0;
  padding-bottom: 4px;
}

.schedule_calendar {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.table-select-transaction {
    border: solid 1px #f5f5f5;
    border-collapse: initial;
}

.table-select-transaction > thead > tr > th {
    border-bottom: 0px solid #f4f4f4;
}

.table-select-transaction > tbody > tr {
    cursor: pointer;
}

.table-select-transaction > tbody > tr.selected {
    background-color: #605ca8;
    color: white !important;
}

.table-select-transaction > tbody > tr.selected .text-green, .table-select-transaction > tbody > tr.selected .text-red {
    color: white !important;
}

.form-control-feedback.right94 {
    right: 94px !important;
}

.has-error .table-select-transaction {
    border: solid 1px #dd4b39;
}

.external-event {
    font-size: 12px;
}

.js_qrcode img {
    width: 100%;
    margin-top: 16px;
}

.coupon_badge {
    width: 570px;
    height: 341px;
    border: solid 1px #f4f4f4;
    border-radius: 10px;
    padding: 16px;
}

.coupon_business {
    margin-top: 66px;
}

.coupon_container {
    overflow: hidden;
    width: 210mm;
    page-break-after: always;
}

.gcheck, .vcheck {
    accent-color: #605ca8;
    cursor: pointer;
}

.gcheck-all {

}

.gcheck-row {
    margin: 0 !important;
}

.checkbox_row {
    cursor: pointer;
}

.coupon_padding {
    display: none;
}

.print-coupon-container .coupon_padding {
    display: inline-block;
}

.print-coupon-container .coupon_badge {
    width: 63.5mm;
    height: 38.1mm;
    float: left;
    margin-right: 2.5mm;
    border-color: #fff;
    border: solid 0.5px #fff;
}

.print-coupon-container .coupon_business {
    margin-top: 16px;
    width: 70%;
    display: inline-block;
}

.print-coupon-container .coupon_nominative {
    width: 70%;
    display: inline-block;
}

.print-coupon-container .js_qrcode img {
    width: 46px;
    float: left;
    margin-top: 0px;
}

.print-coupon-container h1 {
    margin-top: 0;
    font-size: 14px;
}
.modal-dialog .overlay {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: -1px;
    z-index: 1052;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: .3rem;
}

.no-padding-top {
    padding-top: 0px !important;
}

#divImageMediaPreview img {
    width: 70%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}

.item {
    width: 120px;
    min-height: 120px;
    max-height: auto;
    float: left;
    margin: 3px;
    padding: 3px;
}

.btn-xxs {
    display: inline-block;
    border: 1px solid rgba(52, 58, 64, .5);
    padding: 0px 5px;
    cursor: pointer;
    color: #343a40;
    border-radius: 2px;
    font-size: .8em;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bg-white{
    background-color: rgba(255, 255, 255);
}

.bg-opaque-hover:hover {
    background-color: rgba(52, 58, 64, .5);
    color: white;
}

.bg-dark-gray-hover:hover {
    background-color: #94979a;
    color: white;
}

.bg-light-blue-hover:hover {
    background-color: rgba(60, 141, 188);
    color: white;
}

.bg-orange-hover:hover {
    background-color: rgba(243, 156, 18);
    color: white;
}

.bg-ivory {
    background-color: #f9fafc;
}

.pretty-radio-buttons.no-margins .radio {
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.timeslot_external {
    width: 75%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

td.table-detail, th.table-detail {
    background-color: #fafafa;
}

.text-xs {
   font-size: 85%;
}

.table-hover>tbody>tr:hover td.table-detail {
    background-color: #f5f5f5;
}

.widget-user-2.widget-timeslots-sections .widget-user-header {
    padding: 6px;
}

.widget-timeslots-sections-icon {
    float:left;
    width: 65px;
    margin-top: 10px;
    text-align: center;
}

.widget-timeslots-sections-icon .fa {
    font-size: 46px;
}

.widget-user-2.widget-timeslots-sections .badge {
    font-size: 16px;
}

.input-xs+.form-control-feedback {
    width: 30px;
    height: 23px;
    line-height: 23px;
    top: -2px;
}

.input-sm+.form-control-feedback {
    top: -2px;
}

.last_update_box {
    color: #999;
    float: right;
    margin-top: 2px;
}

#product4client_filter .ColVis {
    float: left;
    margin-bottom: 0;
    margin-top: 8px;
}

ul.ColVis_collection {
    width: auto;
    border-radius: 0;
    border: solid 1px #f4f4f4;
}

ul.ColVis_collection li {
    background: white;
    border: solid 1px #f4f4f4;
    border-top: solid 0 transparent;
    border-radius: 0;
}

ul.ColVis_collection li:hover {
    background: #f5f5f5;
    border: solid 1px #f4f4f4;
    border-top: solid 0 transparent;
}

tr td .btn-export-vendor-products {
    opacity: .3;
    -webkit-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}

tr:hover td .btn-export-vendor-products {
    opacity: 1;
    -webkit-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}

a.form-language-selector {
    color: #444;
}

.form-language {
    display: inline-block;
    opacity: .4;
    margin-right: 8px;
}

.form-language.active {
    opacity: 1;
}

.no-translation {
    font-style: italic;
    margin-bottom: 10px;
}

.collpasible-translation-container {
    border: solid 1px #e7e7e7;
    border-radius: 3px;
    margin-bottom: 8px;
}

.collpasible-translation-container .form-group, .collpasible-translation-container .row {
    margin-left: 0;
    margin-right: 0;
}

.translation-collapsible {
    margin-left: 12px;
    padding: 10px;
    cursor: pointer;
}

.translation-collapsible::before {
    content: "\f0d7";
    font-family: 'FontAwesome';
    position: absolute;
    left: 20px;
}

.translation-collapsible.collapsed::before {
    content: "\f0da";
    font-family: 'FontAwesome';
    position: absolute;
    left: 20px;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
}

.timeslot_schedule_empty {
    color: #999;
}
.modal-footer .btn+.tooltip+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.alert-default {
    background-color: #ecf0f5;
    border-color: #dfe3e8;
}
.total_app {
    cursor: pointer;
}
.text-lead {
    font-size: 15px;
}
.text-large {
    font-size: 16px;
}
.text-nowrap {
    white-space: nowrap;
}
.tooltip-table-head {
    white-space: initial;
    min-width: 200px;
}

.info-box-small {
    min-height: 50px;
    background: #ecf0f5;
    position: relative;
}

.info-box-with-link:before {
    content: "\f08e";
    position: absolute;
    bottom: 2px;
    right: 4px;
    font: normal normal normal 10px FontAwesome;
    color: #ccc;
}
.info-box-with-link:hover:before {
    color: #999;
}
.info-box-small .info-box-icon.bg-gray {
    color: #fff;
}
.info-box-small .info-box-icon {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    margin: 10px;
}
.info-box-small  .info-box-text {
    font-weight: 400;
    color: #333;
}
.info-box-small .info-box-content {
    padding: 5px 10px;
    margin-left: 20px;
}
.info-box-small .info-box-text-desc {
    height: auto;
    min-height: 20px;
    font-size: 80%;
}
.checksetup-section {
    color: #777;
    font-size: 15px;
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    margin-top: 0;
}
.checksetup-section.text-red {
    font-weight: 600;
}
.checksetup-section.text-green {
    font-weight: 600;
}
.checksetup-panel .half-opacity .bg-green,
.checksetup-panel .half-opacity .bg-red {
    background-color: #d2d6de !important;
}
.checksetup-panel .half-opacity .text-green,
.checksetup-panel .half-opacity .text-red  {
    color: #d2d6de !important;
}
.checksetup-desc-item {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 4px;
    float: left;
}
.pretty-radio-buttons .radio {
    display: inline-block;
}

.skin-purple-light .treeview-menu>li.active .svg_icon, .skin-purple-light .treeview-menu>li:hover .svg_icon {
    fill: #000;
}
.fieldset-checksetup-border {
    border: 1px solid #ddd;
    margin: 0;
    min-width: 0;
    padding: 10px;
    padding-bottom: 4px;
    border-radius: 4px;
    background-color: #fff;
    padding-left: 10px !important;
    margin-bottom: 20px !important;
}
.legend-checksetup-border {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    width: auto;
    border: none;
    padding: 4px 10px;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
/*    border: solid 1px #ddd;*/
/*    border-radius: 4px;*/
}
.border-red {
    border-color: rgba(221,75,57,.5) !important;
}
.border-green {
    border-color: rgba(0,166,90,.5) !important;
}
.legend-block {
    width: calc(100% + 2px);
    height: 14px;
    background-color: white;
    position: absolute;
    top: 12.5px;
    left: -1px;
    z-index: 1;
}
.checksetup-panel-title {
    margin-bottom: 4px;
    margin-top: 4px;
    font-size: 20px;
}
.fa.fa-x-twitter{
    font-family:sans-serif;
}
.fa.fa-x-twitter::before{
    content:"𝕏";
    font-size:1.2em;
}
.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}
.menu-category-sortable {
    cursor: move;
}
.menu-sortable {
    cursor: move;
}
.sortable-highlight {
    border: dashed 2px #ccc;
    width: 100%;
    height: 41px;
    margin-bottom: 11px;
    background: #f4f4aa;
}
.input-group.input-group-slider .input-group-addon {
    border-color: transparent;
    background-color: transparent;
    min-width: 65px;
    text-align: left;
    white-space: nowrap;
}
.sort-arrow {
    margin: 0 12px 0 4px;
}
.image-icon {
    height: 32px !important;
    width: 32px !important;
    object-fit: cover;
    margin-right: 8px;
    border: 1px solid #f4f4f4;
    border-radius: .25rem;
}
.normal-padding {
    padding: 10px;
}
.icheckbox_square-purple.disabled, .icheckbox_square-purple.disabled + small  {
    cursor: not-allowed !important;
}
.icheckbox_square-purple.disabled + small  {
    opacity: .5;
}
.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: auto;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: unset;
    background: rgba(0, 0, 0, 0.2);
}
.area-overview-name {
    max-width: 75%;
    display: inline-block;
}
.area-overview-current-people {
    position: absolute;
    top: 4px;
    right: 10px;
    text-align: center;
}
.area-overview-label {
    font-size: 50%;
    font-weight: bold;
}
.area-overview-current-people-value {
    font-size: 130%;
}
.bg-transparent {
    background-color: transparent !important;
}
.input-group-addon button {
    padding: 8px 12px;
}
.custom-box {
    margin-bottom: 12px;
}
.product-report-label {
/*    white-space: nowrap;*/
/*    max-width: 460px;*/
/*    text-overflow: ellipsis;*/
/*    overflow: hidden;*/
}
.product-report-table td {
    vertical-align: middle !important;
}

.text-italic {
    font-style: italic;
}

.dataTitle {
    background-color: #f4f4f4;
    padding: 12px 10px;
    margin-bottom: 0px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

.dataTitleDetails {
    background-color: #f4f4f4;
    margin-bottom: 0px;
    padding: 4px 10px;
    border-top: solid 1px #dedede;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.reportTitle {
    margin: 0 !important;
}

.box-table-consumption {
    border: solid 1px #dedede;
    border-radius: 3px;
}

.table-consumption {
    border: 0;
}

.table-consumption thead tr, .table-consumption tfoot tr  {
    background-color: #f4f4f4;
}

.table-consumption > tbody > tr:first-child > td {
    border-top-color: #dedede;
}

.dataBox {
    background-color: white;
}

.row-margin-xs {
    margin-right: -5px;
    margin-left: -5px;
}
.row-margin-xs .col-lg-1, .row-margin-xs .col-lg-10, .row-margin-xs .col-lg-11, .row-margin-xs .col-lg-12, .row-margin-xs .col-lg-2, .row-margin-xs .col-lg-3, .row-margin-xs .col-lg-4, .row-margin-xs .col-lg-5, .row-margin-xs .col-lg-6, .row-margin-xs .col-lg-7, .row-margin-xs .col-lg-8, .row-margin-xs .col-lg-9, .row-margin-xs .col-md-1, .row-margin-xs .col-md-10, .row-margin-xs .col-md-11, .row-margin-xs .col-md-12, .row-margin-xs .col-md-2, .row-margin-xs .col-md-3, .row-margin-xs .col-md-4, .row-margin-xs .col-md-5, .row-margin-xs .col-md-6, .row-margin-xs .col-md-7, .row-margin-xs .col-md-8, .row-margin-xs .col-md-9, .row-margin-xs .col-sm-1, .row-margin-xs .col-sm-10, .row-margin-xs .col-sm-11, .row-margin-xs .col-sm-12, .row-margin-xs .col-sm-2, .row-margin-xs .col-sm-3, .row-margin-xs .col-sm-4, .row-margin-xs .col-sm-5, .row-margin-xs .col-sm-6, .row-margin-xs .col-sm-7, .row-margin-xs .col-sm-8, .row-margin-xs .col-sm-9, .row-margin-xs .col-xs-1, .row-margin-xs .col-xs-10, .row-margin-xs .col-xs-11, .row-margin-xs .col-xs-12, .row-margin-xs .col-xs-2, .row-margin-xs .col-xs-3, .row-margin-xs .col-xs-4, .row-margin-xs .col-xs-5, .row-margin-xs .col-xs-6, .row-margin-xs .col-xs-7, .row-margin-xs .col-xs-8, .row-margin-xs .col-xs-9 { 
    padding-right: 5px;
    padding-left: 5px;
}

.checksetup-lastupdate {
    font-size: 80%;
    color: #848484;
    padding-left: 23px;
    font-weight: normal;
}

.text-uppercase {
    text-transform: uppercase;
}

.online-help-button {
  background-color: #555299;
}

.control-sidebar-bg, .control-sidebar {
    right: -480px;
    width: 480px;
}

@media (max-width: 480px) {
    .control-sidebar-bg, .control-sidebar {
        right: -320px;
        width: 320px;
    }
}

@keyframes highlight {
    25%  {color: #fff}
    50%  {background-color: #ec971f; color: #fff}
    100% { background-color: #fff; color: #555}
}

.highlight-active {
    background-color: #fff;
    animation-name: highlight;
    animation-duration: .3s;
}

@media (max-width: 767px) {
    .text-sm-center {
        text-align: center !important;
    }
}
@media print
{
    @page {
      size: 210mm 297mm;
      margin-top: 15.2mm;
      margin-left: 7.2mm;
      margin-right: 3mm;
    }
   
    html, body {
        font-size: 11px;
        background: #FFF;
        overflow: visible;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    body {
        padding-top: 15mm;
    }
    .print-coupon-container {
        page-break-after: always;
    }
    .container. .wrapper {
      width: 100% !important;
      min-width: auto !important;
   }
}

@media print and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    html, body {
        zoom: 122.5%;
    }
}
