/*bootstrap 5 column style*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
/*bootstrap 5 column style*/

#reservationsModal{
    padding: 0 !important;
    z-index: 9999;
}
#reservationsModal .modal-content{
    border-radius: 0;
}
#reservationsModal .modal-lg{
    max-width: 1100px;
    width: calc(100% - 20px);
}
.clImg{
    padding: 5px 5px 5px 15px;
}
.noMargin{
    margin: 0;
}
#reservationsModal .modal-header{
    position: relative;
}
#reservationsModal .close{
    position: absolute;
    top:15px;
    right: 15px;
    z-index: 9;
}
#reservationsModal .modal-body .panel,
#reservationsModal .modal-body .panel-heading{
    border-radius: 0;
}
#reservationsModal .modal-body .panel-heading h4{
    margin: 5px 0 0;
}
#reservationsModal .modal-body .panel-heading{
    border: none;
}
#reservationsModal .slimScrollBar{
    border-radius: 0 !important;
}
#reservationsModal .label{
    border-radius: 0;
    float: right;
    padding: 4px 6px;
}
#reservationsModal .modal-footer button{
    border-radius: 0;
    background-color: #4a79a7;
    padding: 8px 25px;
    min-width: auto;
}
#reservationsModal .modal-footer button:hover{
    background-color: #192430;
}
.filterLinks a{
    display: inline-block;
    color: #333;
    font-weight: 400;
    padding: 0 5px;
    border-right: 1px solid #e5e5e5;
}
.filterLinks a:hover{
    color: #337ab7;
}
.filterLinks a:last-child{
    border-right: none;
}
.filterLinks a.active{
    font-weight: 700;
}
.modalBoxText{
    font-size: 100%;
}
.modalBoxText span{
    color: #777;
}
@media only screen and (max-width:767px){
    .row-eq-height-xs{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .botMarg-xs{
        margin-bottom: 10px;
    }
}
@media only screen and (max-width:640px){
    .customCol{
        width: 100%;
        margin-bottom: 5px;
    }
    .customCol:last-child{
        margin-bottom: 0;
    }
    #reservationsModal .panel-info{
        font-size: 12px;
    }
    #reservationsModal .panel-info strong{
        font-size: 11px;
    }
    #reservationsModal .mgn-btm-15{
        margin-bottom: 10px;
    }
    #reservationsModal .modal-body .panel-heading h4{
        margin-top: 0;
    }
}

/*.modal-content{
    margin-left: 67px;
    margin-right: -79px;
}*/
.tablesorter tr:first-child td.tablesorter-headerUnSorted {
    background-image: url('http://tablesorter.com/themes/blue/bg.gif');
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
.tablesorter tr th.tablesorter-headerUnSorted {
    background-image: url('http://tablesorter.com/themes/blue/bg.gif');
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}


/*dashboard customize start*/
.collapsebleContent{
    max-height: none;
}
.collapsebleContent .row{
    position: relative;
    min-height: 1px;
    margin-bottom: 15px;
    transition: all 0.4s ease-in-out;
}
.dashBtns{
    overflow-x: auto;
}
.dashBtn{
    border: 1px solid #e6e6e6;
    padding: 15px 30px 15px 80px;
    font-size: 120%;
    font-weight: 400;
    color: #192430;
    display: inline-block;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    /*background-color: #192430;*/
    position: relative;
    min-width: 220px;
    text-align: left;
}
.dashBtn:hover{
    background-color: #4AA895;
    color: #fff;
}
.dashBtn .dashBtnIcon{
    position: absolute;
    width: 50px;
    height: 100%;
    top: 0;
    left: 0;
    border-right: 1px solid rgba(255, 255, 255, .2);
    background-color: rgba(25, 36, 48, 0.75);
    transition: all 0.25s ease-in-out;
}
.dashBtn:hover .dashBtnIcon{
    background-color: rgba(0,0,0,0);
}
.dashBtn .dashBtnIcon img{
    position: absolute;
    width: 65%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.btnGroup .dashBtn{
    margin-right: 15px;
}
.btnGroup .dashBtn:last-child{
    margin-right: 0;
}
.dashContentOverlay{
    overflow: auto;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    padding: 0 10px;
}
.backBtn{
    margin-left: 0;
}
/*dashboard customize end*/

.downloadIcon ul{
    margin-bottom: 0;
    display: block;
}
.downloadIcon li a{
    margin: 0 !important;
}

@media only screen and (max-width:1024px){
    .downloadIcon{
        display: none;
    }
}

@media only screen and (max-width:640px){
    .btnGroup .dashBtn{
        display: block;
        margin-right: 0;
    }
}
.addList{
    position: absolute;
    right: 25px;
    top: 10px;
}
.addList.collapse {
    display: block;
}
.fa{padding-right: 7px;}
.funnelChart#chartdiv .amChartsLegend{
	overflow:inherit !important;
	}
.funnelChart .legend-title,.funnelChart .legend-range{
	position:absolute;
	left:10px;
	width:100%;
	text-align:center;
	}
.funnelChart .legend-title{
	top: -53px;
    font-size: 17px;
    font-weight: 700;
	}
.funnelChart .legend-range{
	top:-28px;
	font-weight:700;
    font-size: 15px;
	}
.funnelChart#chartdiv .amcharts-export-menu{
	position:absolute !important;
	width:100px;
	top:-60px;
	right:0;
	z-index:100;
	}
.funnelChart#chartdiv .amcharts-export-menu .export-main > a{
	display:none !important;	
	}
.funnelChart#chartdiv .amcharts-export-menu ul{
	float:right;
	margin-top:17px;
	}
.funnelChart#chartdiv .amcharts-export-menu li{
	display:none;
	}
.funnelChart#chartdiv .amcharts-export-menu li:last-child{
	display:block;
	}
.funnelChart#chartdiv .amcharts-export-menu li:last-child a{
	display: block;overflow: hidden;text-indent: -13333337px;width: 36px;height: 36px;padding: 0;background-repeat: no-repeat;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAACXBIWXMAAA3XAAAN1wFCKJt4AAADGGlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjaY2BgnuDo4uTKJMDAUFBUUuQe5BgZERmlwH6egY2BmYGBgYGBITG5uMAxIMCHgYGBIS8/L5UBFTAyMHy7xsDIwMDAcFnX0cXJlYE0wJpcUFTCwMBwgIGBwSgltTiZgYHhCwMDQ3p5SUEJAwNjDAMDg0hSdkEJAwNjAQMDg0h2SJAzAwNjCwMDE09JakUJAwMDg3N+QWVRZnpGiYKhpaWlgmNKflKqQnBlcUlqbrGCZ15yflFBflFiSWoKAwMD1A4GBgYGXpf8EgX3xMw8BSMDVQYqg4jIKAUICxE+CDEESC4tKoMHJQODAIMCgwGDA0MAQyJDPcMChqMMbxjFGV0YSxlXMN5jEmMKYprAdIFZmDmSeSHzGxZLlg6WW6x6rK2s99gs2aaxfWMPZ9/NocTRxfGFM5HzApcj1xZuTe4FPFI8U3mFeCfxCfNN45fhXyygI7BD0FXwilCq0A/hXhEVkb2i4aJfxCaJG4lfkaiQlJM8JpUvLS19QqZMVl32llyfvIv8H4WtioVKekpvldeqFKiaqP5UO6jepRGqqaT5QeuA9iSdVF0rPUG9V/pHDBYY1hrFGNuayJsym740u2C+02KJ5QSrOutcmzjbQDtXe2sHY0cdJzVnJRcFV3k3BXdlD3VPXS8Tbxsfd99gvwT//ID6wIlBS4N3hVwMfRnOFCEXaRUVEV0RMzN2T9yDBLZE3aSw5IaUNak30zkyLDIzs+ZmX8xlz7PPryjYVPiuWLskq3RV2ZsK/cqSql01jLVedVPrHzbqNdU0n22VaytsP9op3VXUfbpXta+x/+5Em0mzJ/+dGj/t8AyNmf2zvs9JmHt6vvmCpYtEFrcu+bYsc/m9lSGrTq9xWbtvveWGbZtMNm/ZarJt+w6rnft3u+45uy9s/4ODOYd+Hmk/Jn58xUnrU+fOJJ/9dX7SRe1LR68kXv13fc5Nm1t379TfU75/4mHeY7En+59lvhB5efB1/lv5dxc+NH0y/fzq64Lv4T8Ffp360/rP8f9/AA0ADzT6lvFdAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAACLSURBVHjajJExEoMgEEXfIrUXstXDeALtEjs8AYdhnImFF+ICpAAzagjmN8DO5/+/u2JIeHJGesuHEC4EiYfiBgrovuR3kw7EGAZAMhYBmDV9KkxZlV5RZ3vYK7WYcB+yCF1I8IgKvpjBK+yRf/4NWM3IQpO1n9hwGnC4H5P8p4uqvWwvYeUVL+8BAAPHGgMYDCETAAAAAElFTkSuQmCC');background-color: #fff;background-position: center;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);border-radius: 18px;margin: 8px 8px 0 10px;	}
.funnelChart#chartdiv .amcharts-export-menu li:last-child a:hover {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAACXBIWXMAAA3XAAAN1wFCKJt4AAADGGlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjaY2BgnuDo4uTKJMDAUFBUUuQe5BgZERmlwH6egY2BmYGBgYGBITG5uMAxIMCHgYGBIS8/L5UBFTAyMHy7xsDIwMDAcFnX0cXJlYE0wJpcUFTCwMBwgIGBwSgltTiZgYHhCwMDQ3p5SUEJAwNjDAMDg0hSdkEJAwNjAQMDg0h2SJAzAwNjCwMDE09JakUJAwMDg3N+QWVRZnpGiYKhpaWlgmNKflKqQnBlcUlqbrGCZ15yflFBflFiSWoKAwMD1A4GBgYGXpf8EgX3xMw8BSMDVQYqg4jIKAUICxE+CDEESC4tKoMHJQODAIMCgwGDA0MAQyJDPcMChqMMbxjFGV0YSxlXMN5jEmMKYprAdIFZmDmSeSHzGxZLlg6WW6x6rK2s99gs2aaxfWMPZ9/NocTRxfGFM5HzApcj1xZuTe4FPFI8U3mFeCfxCfNN45fhXyygI7BD0FXwilCq0A/hXhEVkb2i4aJfxCaJG4lfkaiQlJM8JpUvLS19QqZMVl32llyfvIv8H4WtioVKekpvldeqFKiaqP5UO6jepRGqqaT5QeuA9iSdVF0rPUG9V/pHDBYY1hrFGNuayJsym740u2C+02KJ5QSrOutcmzjbQDtXe2sHY0cdJzVnJRcFV3k3BXdlD3VPXS8Tbxsfd99gvwT//ID6wIlBS4N3hVwMfRnOFCEXaRUVEV0RMzN2T9yDBLZE3aSw5IaUNak30zkyLDIzs+ZmX8xlz7PPryjYVPiuWLskq3RV2ZsK/cqSql01jLVedVPrHzbqNdU0n22VaytsP9op3VXUfbpXta+x/+5Em0mzJ/+dGj/t8AyNmf2zvs9JmHt6vvmCpYtEFrcu+bYsc/m9lSGrTq9xWbtvveWGbZtMNm/ZarJt+w6rnft3u+45uy9s/4ODOYd+Hmk/Jn58xUnrU+fOJJ/9dX7SRe1LR68kXv13fc5Nm1t379TfU75/4mHeY7En+59lvhB5efB1/lv5dxc+NH0y/fzq64Lv4T8Ffp360/rP8f9/AA0ADzT6lvFdAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAACESURBVHjalJExEoMwDARXHtf5UGr+lC644wc8JkPJg/AHjsKGwUQJwzUaaU66k2SioqdFzW0n6ESwEgIXCED3NX4T6QANkiR0RqkMpoUHYI5JAdlUzCVH4l220LXJv4g1/pQIZPeOWyUHxiO/7QbGyIuJpyufmPkcf5GaCXd+4e2xZ+sA6io6BwqpaIUAAAAASUVORK5CYII=');background-color: #4c4c4c;}.downloadIcon,.downloadIcon ul{display: inline-block;}

/* visit toggle box style */
.showVisit {
    z-index: 5;
    position: fixed;
    top: 65%;
    right: 0;
    width: 100%;
    max-width: 350px;
    transform: translateY(-50%) translate3d(100%, 0, 0);
    transition: all 0.5s ease-in-out;
    background-color: #192430;
}
.showVisitCon{
    padding: 30px;
    color: #fff;
    min-height: 240px !important;
}
.visitToggleBtn {
    position: fixed;
    width: auto;
    top: 0;
    left: 0;
    padding: 0 15px;
    background-color: #4aa895;
    height: 40px;
    line-height: 40px;
    font-size: 110%;
    font-weight: 700;
    z-index: 3;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    transform-origin: 0% 0%;
    transform: rotate(-90deg) translate(-100%, -100%);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
}
.visitToggleBtn:hover,.visitToggleBtn:active,.visitToggleBtn:focus{
    background-color: #1661ab;
    color: #fff;
    text-decoration: none;
}
.showVisit.in{ transform: translateY(-50%) translate3d(0,0,0); z-index: 4; }
/* visit toggle box style */

/* preview tab style */
.previewContent{
    margin-bottom: 50px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
}
.previewTab,
.previewReport{
    height: 532px;
    padding: 20px;
    position: relative;
    float: left;
}
.previewTab{
    width: 350px;
    border-left: 1px solid #eee;
    float: right;
}
.previewReport{
    width: calc(100% - 350px);
}
.previewTab .nav-tabs{
    margin-bottom: 0;
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    text-align: center;
}
.previewTab .nav-tabs li{
    margin-left: -4px;
    border: none;
    width: 50%;
    position: relative;
}
.previewTab .nav-tabs li a{
    font-size: 100%;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    min-width: auto;
    background-color: #fff;
    border: 1px solid #eee;
    margin: 0;
    padding: 0 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.previewTab .nav-tabs li.active a{
    background-color: #eee;
    color: #1661ab;
    pointer-events: none;
}
.previewTab .nav-tabs li.active a:focus{
    border: 1px solid #eee;
}
.previewTab .nav-tabs li a:hover{
    border: 1px solid #192430;
}
.previewTab .nav-tabs li:after{
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px;
    border-style: solid;
    border-color: #eee transparent transparent transparent;
    opacity: 0;
    transition: all 0.25s ease-in-out;
}
.previewTab .nav-tabs li.active:after{
    opacity: 1;
}
.previewTab .tab-content{
    margin-top: 60px;
    height: calc(100% - 60px);
    overflow-y: auto;
}
.previewTabList .customiseCol{
    border-width: 0 0 1px 0;
    padding: 0 0 5px 0;
    margin-bottom: 10px;
}
.previewTabList:last-child .customiseCol{
    border-bottom-width: 0;
    margin-bottom: 0;
}
.previewTabList .customiseCol:hover{
    background: none;
}
.previewTabList .customiseCol .md-icon{
    width: 20px;
    height: 20px;
}
.previewTabList .customiseCol h4{
    font-size: 110%;
    line-height: 24px;
    margin: 0;
    width: calc(100% - 135px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}
.previewTabList .customiseCol .cdList1,
.previewTabList .customiseCol .cdList2 {
    margin: 0;
    float: right;
    width: 95px;
}
.previewTabList .customiseCol .cdList1 li,
.previewTabList .customiseCol .cdList2 li{
    padding: 0;
    margin-right: 2px;
}
.previewTabList .customiseCol .cdList1 li a,
.previewTabList .customiseCol .cdList2 li a{
    padding: 2px 4px;
    font-size: 100%;
    line-height: 100%;
}
.previewTabList .customiseCol .cdList1 li a:focus,
.previewTabList .customiseCol .cdList2 li a:focus{
    text-decoration: none;
}
.previewTabList .customiseCol .cdList1 li a:hover,
.previewTabList .customiseCol .cdList1 li.active a,
.previewTabList .customiseCol .cdList2 li a:hover,
.previewTabList .customiseCol .cdList2 li.active a{
    text-decoration: none;
    background-color: #192430;
    color: #fff;
    border: none;
}
/* preview tab style */
.previewTabList .customiseCol .cdList2 {
    margin: 0;
    float: right;
    width: 95px;
}

.previewTabList .customiseCol .cdList2 li {
    padding: 0;
    margin-right: 2px;
}
.previewTabList .customiseCol .cdList2 li.active a {
    text-decoration: none;
    background-color: #192430;
    color: #fff;
    border: none;
}
.cdList2 li{
    display: inline-block;
}
.previewTabList .customiseCol .cdList2 li a {
    padding: 2px 4px;
    font-size: 100%;
    line-height: 100%;
}
.cdList2 li.active a {
    background: #347ab8;
}

.tableContainer{
    height: 360px;
}

.tableContainer::-webkit-scrollbar{
    width: 1em;
}

.tableContainer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.tableContainer::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

@media only screen and (max-width:767px){
    .showVisit{
        max-width: 270px;
    }
    .showVisitCon {
        padding: 20px;
        min-height: 220px !important;
    }
}