html{
overflow-x:hidden;
}
.dashboard-left{
background:#F2F2F2;
position:static;
height:100%;
width:100%;
}
.dashboard-right{
overflow:hidden;
float:static;
width:100%;
}
.dtxt{display:none;}
.dash-ct{
width:25px;
margin:0 auto;
text-align:left;
text-indent:20px;
}
.cpadding40{padding:10px;}
.pdfix{padding-left:0px; padding-right:0px;}
@media (min-width: 800px) {
.dashboard-left{
position:fixed;
width:20%;
}
.dashboard-right{
float:right;
width:80%;
}
.dtxt{display:block;}
.dash-ct{
width:210px;
margin:0 auto;
text-align:left;
text-indent:20px;
}
.cpadding40{padding:40px;}
}
.cbhide{display:none;}
@media (min-width: 500px) {
.cbhide{display:block; float:left}
}
@media (min-width: 992px) {
.pdfix{padding-left:15px; padding-right:15px;}
}
/*dashboard-tabs*/
.dashboard-tabs{
border-bottom:1px solid #ebebeb;
}
.dashboard-tabs li{
background:#f2f2f2;
color:#999999;
padding:0px;
margin:0px;
border-bottom:1px solid #e6e6e6;
}
.dashboard-tabs li a{
width:100%;
min-height:50px;
color:#999999;
padding-top:15px;
text-align:center;
}
.dashboard-tabs li.active{
background:#fff;
color:#333;
border-bottom:1px solid #e5e5e5;
position:relative;
}
.dashboard-tabs li.active a{
color:#333;
}
.dropdown-menu2 {
position: absolute;
top: 115px;
left: 0px;
z-index: 1000;
display: none;
float: left;
max-width: 200px;
padding: 0px;
margin: 0px;
font-size: 14px;
list-style: none;
background-color: #ffffff;
border: 1px solid #e6e6e6;
border: 1px solid rgba(0, 0, 0, 0.10);
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
background-clip: padding-box;
}
.dropdown-menu2 > li {
background-color: #fff;
}
.dropdown-menu2 > li > a {
display: block;
height:40px;
padding: 10px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #666;
white-space: nowrap;
border-bottom:0px solid #efefef;
transition: all .2s ease-in-out;
}
.dropdown-menu2 > li > a:hover,
.dropdown-menu2 > li > a:focus {
color: #0099cc;
text-decoration: none;
background-color: #fff;
}
.dropdown-menu2 > .active > a,
.dropdown-menu2 > .active > a:hover,
.dropdown-menu2 > .active > a:focus {
color: #000;
text-decoration: none;
background-color: #fff;
outline: 0;
}
.dropdown-menu2 > .disabled > a,
.dropdown-menu2 > .disabled > a:hover,
.dropdown-menu2 > .disabled > a:focus {
color: #999999;
}
.dropdown-menu2 > .disabled > a:hover,
.dropdown-menu2 > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
/*Makes bootstrap menu drop on hover*/
ul.nav li.dropdown > ul.dropdown-menu2 {
display: block;
margin-top:40px;
opacity:0;
max-width:0;
max-height:0;
transition: all .3s ease-in-out;
overflow:hidden;
}
ul.nav li.dropdown.open > ul.dropdown-menu2 {
display: block;
margin-top:0px;
opacity:1;
max-width:900px;
max-height:800px;
}
img.roundav{border-radius: 100px;}
img.dash-avatar{width:41px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
ul.d-status{ width:auto; margin:0;padding:0; list-style:none; float:right; font-family:Lato; color:#999999; font-size:12px;}
ul.d-status li { float:left; margin-left:20px;}
ul.d-status li a{ text-decoration:none; color:#999999; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
ul.d-status li a:hover{ color:#333;}
ul.d-status li span.d-not{ width:20px; height:20px; display:block; background:#f2f2f2; font-family:Lato; font-size:11px; padding:2px 0; text-align:center; color:#999999; float:right; margin-left:10px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
ul.d-status li span.d-not.active{background:#ff6633; color:#fff;}
ul.d-status li span.d-mes{ width:20px; height:20px; display:block; background:#f2f2f2; font-family:Lato; font-size:11px; padding:2px 0; text-align:center; color:#999999; float:right; margin-left:10px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
ul.d-status li span.d-mes.active{background:#0099cc; color:#fff;}
ul.d-status li span.d-tas{ width:20px; height:20px; display:block; background:#f2f2f2; font-family:Lato; font-size:11px; padding:2px 0; text-align:center; color:#999999; float:right; margin-left:10px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
ul.d-status li span.d-tas.active{background:#72bf66; color:#fff;}
.jqstooltip{
min-width:50px;
height:25px!important;
}
.stats{
display:block;
height:260px!important;
opacity:0.5;
box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.1);
}
.bgstats{background:url('../../images/dash/lines.png') #fff bottom; position:relative;}
.peoplevisits{
box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.1);
padding:30px;
font-family:lato;
font-size:13px;
color:#666;
}
.dbox-visitors{
display:block;
background:#fff;
padding:10px;
box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.1);
border:1px solid #eeeeee;
margin-bottom: 30px;
}
.dbox-visitors:hover{
border:1px solid #e5e5e5;
cursor:pointer;
}
.orangebox{width:70px;height:70px;background:#ff6633; float:left; margin-right:20px;}
.cyanbox{width:70px;height:70px;background:#66cccc; float:left; margin-right:20px;}
.greenbox{width:70px;height:70px;background:#72bf66; float:left; margin-right:20px;}
.darkbox{width:70px;height:70px;background:#4c4c4c; float:left; margin-right:20px;}
ul.visitsboolets{list-style:none; font-family:Lato; font-size:12px; margin:0px; padding:0px; color:#666;}
ul.visitsboolets li{float:left; margin-right:20px;}
ul.visitsboolets li a{text-decoration:none; color:#666;}
ul.visitsboolets li a:hover{text-decoration:none; color:#333;}
ul.visitsboolets li span.blue{width:9px; height:9px; background:#0099cc; display:block; float:left; margin-top:4px; margin-right:10px;}
ul.visitsboolets li span.red{width:9px; height:9px; background:#ff6633; display:block; float:left; margin-top:4px; margin-right:10px;}
ul.visitsboolets li span.green{width:9px; height:9px; background:#72bf66; display:block; float:left; margin-top:4px; margin-right:10px;}
ul.visitsboolets li span.yellow{width:9px; height:9px; background:#ffcc33; display:block; float:left; margin-top:4px; margin-right:10px;}
ul.visitsboolets li span.grey{width:9px; height:9px; background:#cccccc; display:block; float:left; margin-top:4px; margin-right:10px;}
.dboxarrow{
width:9px;
height:17px;
display:block;
background:url('../../images/dash/arrow.png');
float:right;
margin-top:-10px;
}
.visitsnr{
position:absolute;
bottom:25px;
line-height:66px;
font-family:Lato;
font-size:12px;
margin-left:15px;
}
ul.mdates{position:absolute; bottom:-30px; left:50px; list-style:none; Width:100%; font-size:12px; color:#666; margin:0; padding:0;}
ul.mdates li{float:left; width:25%;}
.stats2container{
padding-bottom:10px;
}
.chartcontainer{
margin-top:2px;
font-size:12px;
color:#999;
}
.chartext{
width:85px;
text-align:center;
margin-top:10px;
}
.cpadding01{padding:0 30px;}
.progress2 {
height: 10px;
margin-bottom: 0px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar-black {
background-color: #4c4c4c;
}
.progress-striped .progress-bar-black {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/*Navigation-tabs2*/
.navigation-tabs2{
height:43px;
border-bottom:1px solid #ebebeb;
}
.navigation-tabs2 li{
height:43px;
float:left;
background:#efefef;
color:#999999;
padding:0 15px 0 10px;
margin-left:2px;
border-left:1px solid #ebebeb;
border-top:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;
border-right:1px solid #ebebeb;
border-radius:5px 5px 0 0;
}
.navigation-tabs2 li.active{
border-bottom:1px solid #fff;
}
.navigation-tabs2 li a{
color:#999999;
}
.navigation-tabs2 li.active{
background:#fff;
color:#333;
border-left:1px solid #e5e5e5;
border-top:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
}
.navigation-tabs2 li.active a{
color:#333;
}
.cfctrl{
border:1px solid #ccc!important;
border-right:0px!important;
}
.tablehover td{padding:5px}
.tablehover{background:#fff; transition: all .2s ease-in-out; }
.tablehover:hover{background:#efefef; cursor:pointer;}
.tablehover2 td{padding:10px 15px}
.tablehover2 {width:100%;}
.tablehover2:hover{background:#FAFAFA; cursor:pointer;}
.masternotice{
position:fixed;
bottom:2px;
right:2px;
width:300px;
height:43px;
background:#fff;
background:rgba(50,50,50,0.9);
border:1px solid rgba(0,0,0,0.1);
padding:10px;
color:#fff;
}
.poscls{position:absolute; top:1px; right:7px;}
ul.checklist3 {margin:0px;padding:0px;}
.checklist3 li {list-style-image:url('../../images/check.png'); list-style-position:inside; padding:0px; position:relative; left:-20px; color:#666; background:#efefef; padding:5px; margin-bottom:5px;width:100%;}
.checklist3 li:hover {background:#e5e5e5; cursor:pointer;}
.popover{width:300px;}
li.popwidth .popover {
width:300px;
position:absolute;
margin-left:-89px!important;
}
li.popwidth .popover.bottom .arrow{
left:250px;
}
li.popwidth2 .popover {
width:300px;
position:absolute;
margin-left:109px!important;
}
li.popwidth2 .popover.bottom .arrow{
left:50px;
}
.fixedtopic{
height:305px;
overflow:hidden;
border:solid 1px #E5E5E5;
margin-left:2px;
margin-top:-30px;
border-top:none;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
padding-top:15px;
}
.lfeed {
height:340px;
}
.msgbox{
padding:10px;
background:#efefef;
cursor:pointer;
}
.msgbox:hover{
background:#e5e5e5;
}
.msgbox2{
padding:10px;
background:#fff;
cursor:pointer;
}
.msgbox2:hover{
background:#d6ebf5;
}
.cwth{width:30px;}
.dbox-1 {width:13%}
.dbox-2 {width:17%}
@media (max-width: 1300px) {
.dbox-1 {width:17%}
.dbox-2 {width:22%}
.wh25percent {width:21%;}
}
@media (max-width: 992px) {
.dbox-1 , .dbox-2{width:49%;float:left;}
.wh25percent {width:44%;}
}
@media (max-width: 769px) {
.dbox-1 , .dbox-2{width:25%}
.wh25percent {width:29%;}
.table-responsive {border:none;}
}
@media (max-width: 400px) {
.fixedtopic {padding:30px 0px;}
.dbox-1 , .dbox-2 {width:100%}
.wh25percent {width:100%;}
.navigation-tabs2 li {width:100%;}
.table-responsive {border:none;}
.tab-content4 {padding:0px;clear:both;}
}
.loadingbox {
position:absolute;
}
/************************ Updates for the dashboard ******************************/
body.modal-open {margin-right:0;}
button i {margin-right:5px;}
fieldset.scheduler-border {
border: 1px groove #ddd !important;
padding: 1.2em !important;
margin: 0 0 1.5em 0 !important;
-webkit-box-shadow: 0px 0px 0px 0px #000;
box-shadow: 0px 0px 0px 0px #000;
}
legend.scheduler-border {
font-size: 14px !important;
font-weight: bold !important;
text-align: center !important;
border:none;
width:120px !important;
margin-bottom:0;
}
tr.tDnD_whileDrag td {background:#FFF7A6 !important;}
td.handler {cursor:move;}
td.image {width:50%;}
td.country {width:20%}
td.river {width:20%}
td.price_from {width:10%;}
td .btn.pull-right {margin-left:10px;}
td .btn.btn-warning, td .btn.btn-info {width:110px; text-align:left;}
.th-avatar {width:50px;}
.th-first_name {width:20%;}
.th-last_name {width:20%;}
.th-email {width:25%;}
.th-name {width:25%;}
.th-theme {width:15%;}
.th-title {width:50%;}
.th-author {width:25%;}
.th-entry {width:25%;}
.th-datetime {width:25%;}
.alert {}
.strong {font-weight:700;}
.manager h3 {margin:0 0 20px;}
.manager form {margin-top:20px;}
.checkbox-wrap {border:1px solid #ddd; border-radius:4px; padding:10px 0;}
.text-error {color:#cc0000; margin:5px 0 0;}
.user-avatar {border-radius:50%;}
.note-editor {margin:5px 10px 0 10px;}
#button_save {width:130px;}
.datepicker .prev {position:relative; top:auto; left:auto; background:inherit; float:none; margin-left:0;}
table.dataTable thead .sorting {background-image:url(/asset/images/sort_both.png);}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
background-position:right center;
background-repeat:no-repeat;
cursor:pointer;
}
table.dataTable thead .sorting_asc {background-image:url(/asset/images/sort_asc.png);}
table.dataTable thead .sorting_desc {background-image:url(/asset/images/sort_desc.png);}
.modal-dialog .list-box {height:400px; overflow:hidden; overflow-y:auto;}
.modal-dialog label {font-weight:400;}
.modal-dialog ul {overflow:hidden; padding:0;}
.modal-dialog ul li {float:left; list-style:none; height:27px; overflow:hidden; text-overflow:ellipse; white-space:nowrap;}
#home_vacation_style h3 {margin:0 0 20px;}
#most_popular_country_form {margin-top:20px;}
#most_popular_river_form {margin-top:20px;}
#hvImage {margin-top:5px;}
#popular_tour_cruise h3 {margin:0 0 20px;}
#popular_tour_cruise h4 {margin:0 0 20px; text-align:center;}
#popular_tour_cruise_form {margin-top:20px;}
#cruise2 {height:auto;}
#popular_country_detail h3 {margin:0 0 20px;}
#most_popular_country_form {margin-top:20px;}
#mpcImageFileName {margin-top:5px;}
#popular_river_detail h3 {margin:0 0 20px;}
#most_popular_river_form {margin-top:20px;}
#mprImageFileName {margin-top:5px;}
#tour_reviews td .btn.btn-warning, #tour_reviews td .btn.btn-info {width:95px;}
/* Tours Management */
#tours.loading, #signature_tour_import.loading {background:url(../../images/ajax_loader.gif) no-repeat center 20%;}
#tours.loading .container, #signature_tour_import.loading .container {opacity:0.35;}
#tours th.sortable, #signature_tour_import th.sortable {cursor:pointer; background:url(../../images/icon_ascending.png) no-repeat 97% 15px;}
#tours th.sortable.ASC, #signature_tour_import th.sortable.ASC {background-position:97% -22px;}
#tour_detail .nav-tabs {border-bottom:none; margin-top:30px;}
#tour_detail .nav-tabs li {background:none;}
#tour_detail .nav-tabs li a {cursor:pointer;}
#tour_detail .tab-content {height:auto; margin-bottom:20px;}
#tour_consistency .nav-tabs {border-bottom:none; margin-top:30px;}
#tour_consistency .nav-tabs li {background:none;}
#tour_consistency .nav-tabs li a {cursor:pointer;}
#tour_consistency .tab-content {height:auto; margin-bottom:20px;}
/* Vendor Management */
#vendor_detail .nav-tabs {border-bottom:none; margin-top:30px;}
#vendor_detail .nav-tabs li {background:none;}
#vendor_detail .nav-tabs li a {cursor:pointer;}
#vendor_detail .tab-content {height:auto; margin-bottom:20px;}