body{margin:0px !important; padding:0px !important;}

*{outline:none;}
button{outline:none !important;}

 /* Fonts */
@font-face {
	font-family: 'lato';
	src: url('../fonts/Lato-Regular.eot');
	src: local('☺'), url('../fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato-Regular.ttf') format('truetype'), url('../fonts/Lato-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*Placeholder*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #464646;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #464646;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #464646;
}
:-moz-placeholder { /* Firefox 18- */
  color: #464646;
}

a:hover{text-decoration:none;}

/* Background Color */
.bg-red-tint-1x{background-color:#cc3333;}
.bg-white{background:white !important;}
.bg-light-grey{background-color:#ecf0f5;}
.bg-dark-blue{background-color:#425155;}
.bg-grey{background-color:#EFEFEF !important;}

.bg-slategrey{background-color:#708090 !important;}
.bg-wild-wand{background-color: #f5f5f5 !important;}
.bg-light-grey{background-color:#eaeaea !important;}
.bg-light-grey2{background-color:#e2e2e2 !important;}
.bg-dark-grey{background-color:#464646 !important;}

/* Text Color */
.text-white{color:white !important;}
.text-black{color:black !important;}
.text-dark-gray{color:#464646;}
.text-orange{color:#fd6900;}

/* Text Font and Size */
.text{font-family:'lato'}
.text-1x{font-size:15px !important; font-family:'lato';}
.text-2x{font-size:20px !important; font-family:'lato';}
.text-3x{font-size:25px !important; font-family:'lato';}
.text-4x{font-size:30px !important; font-family:'lato';}
.text-5x{font-size:35px !important; font-family:'lato';}
.text-6x{font-size:40px !important; font-family:'lato';}
.text-7x{font-size:45px !important; font-family:'lato';}
.text-8x{font-size:50px !important; font-family:'lato';}
.text-9x{font-size:55px !important; font-family:'lato';}
.text-10x{font-size:60px !important; font-family:'lato';}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin-top:2px; margin-bottom:2px;}

/* Text box, Select box */
.text-control{width:100%; min-height:40px; padding:10px; border:2px solid #ececec; background-color:#ececec; transition:all 0.25s ease-in-out;}
.text-control:focus{border:2px solid #FFC10E; letter-spacing:1.5px; background-color:transparent;}

/* Padding */
.no-padding{padding:0px !important;}
.padding-5x{padding:2px 5px !important;}
.padding-btm-5x{padding-bottom:5px;}
.padding-btm-10x{padding-bottom:20px;}
.padding-5R{padding-right:10px !important;}

/* Margin */
.no-margin{margin:0px !important;}
.margin-btm-5x{margin-bottom:5px;}

/* Button */
.login-body .btn{border-radius:0px; padding:10px;}

/* Border */
.no-border-radius{border-radius:0px;}
.with-border{border-bottom:1px solid #e4e4e4;}

/* Width & Height */
.height-auto{min-height:auto !important;}


/* HR */
hr{margin-top:10px; margin-bottom:10px; border:0px; border-top-style:dotted !important; border-top:2px solid #eee; width:50%;}

/* Login Body */
.login-wrap{width:100%; min-height:100vh; float:left;}
.login-box{width:40%; min-height:200px; margin:15% 0px 0px 29%; float:left; box-shadow:0px 0px 5px #7d7878;}
.login-header{width:100%; min-height:10px; float:left; padding:15px 0px 10px 0px;}
.login-body{width:100%; min-height:150px; float:left;  padding:15px 0px;}
.logo-img{width:60%;}

/* Navbar */
.navbar{border-radius:0px; border:0px; background-color:#cc3333; margin:0px; transition:all 0.25s ease-in-out;}
.navbar-default .navbar-nav > li > a{color:white; transition:all 0.25s ease-in-out;}
.navbar-default .navbar-nav > .active > a , .navbar-default .navbar-nav > li > a:hover{background-color:#bd1515 !important; color:white !important;}

.content{padding:15px; float:left; min-height:85vh; width:100%;}
.box{width:100%; min-height:100px; float:left; border-radius:5px; border-top:3px solid #bd1515; box-shadow:0px 3px 1px #C0C0C0; transition:all 0.25s ease-in-out;}
.box-header{width:100%; min-height:10px; float:left; padding:10px 15px;}
.box-body{width:100%; min-height:100px; float:left; padding:10px 15px;}
.box-footer{width:100%; min-height:10px; float:left; padding:10px 15px;}

.box-absolute{position:absolute; top:50px; left:0px; right:0px;}

/*Tours*/
.tour-absolute{position:absolute; left:52%;  width:20%; z-index:1;}
.tour-box{transition:all 0.25s ease-in-out; position:relative; top:0px;}
.tour-box .affix{width:18.9%; left:72.3%; z-index:0; bottom:250px; top:71px;}
.tour-header{width:100%; min-height:10px; padding:5px; float:left;}
.tour-body{width:100%; min-height:30px; padding:5px; float:left;}
.tour-title{margin:0px; font-family:'lato'; font-weight:700; color:#FC5E00;}
.tour-title small{margin:0px; font-family:'lato'; color:#FC5E00;}
.price-box{border:1px solid  #FC5E00; border-bottom-style:dotted; border-top-style:dotted; border-right:0px; border-left:0px; border-radius:5px;}
.panel-heading .accordion-toggle:after {font-family: 'Glyphicons Halflings'; content: "\e080"; float: right; color:white;}
.panel-heading .accordion-toggle.collapsed:after{content: "\e114";}
.tout-points ul{margin:0px 40px; padding:0px; list-style-type:none;}
.tout-points ul li{padding-bottom:3px;}
.tout-points ul li:before{content: "\f1b0"; font-family: FontAwesome; display: inline-block; margin-left: -1em; padding: 0px 5px;}
.table{margin-bottom:0px;}

#package-view  .modal-dialog{width: 1024px;  margin: 30px auto;}

.photo-preview{max-height: 150px; min-height:50px;
    top: -20px;
    left: 208px;
    position: relative;
    width:50px;}

.photo-previewa{max-height: 150px; min-height:50px;
    top: -20px;
    left: 208px;
    position: relative;
    width:230px;}

.testi-photo-preview{position:absolute; right:10px; width:80px; top:-6px; border:px solid #bdbdbd; background:white;}
.small-box {
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    display: block;
    margin-bottom: 20px;
    position: relative;
    min-height: 110px;
}
.small-box>.inner {
    padding: 0px;
}
.small-box h3 {
    font-size: 2.2rem;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 0;
    white-space: nowrap;
}
.small-box h3, .small-box p {
    z-index: 5;
}
.small-box p {
    font-size: 1.6rem;
}
.bg-info, .bg-info>a {
    color: #fff!important;
}
.bg-info {
    background-color: #17a2b8!important;
}
.bg-success {
    background-color: #28a745!important;
}
.bg-warning {
    background-color: #ffc107!important;
}
.bg-danger {
    background-color: #dc3545!important;
}
.bg-success, .bg-success>a {
    color: #fff!important;
}
.bg-warning, .bg-warning>a {
    color: #fff!important;
}
.bg-danger, .bg-warning>a {
    color: #fff!important;
}

.small-box>.small-box-footer {
    background-color: rgba(0,0,0,.1);
    color: rgba(255,255,255,.8);
    display: block;
    padding: 3px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 10;
}
.small-box .icon {
    color: rgba(0,0,0,.15);
    z-index: 0;
}
.small-box .icon>i.fa, .small-box .icon>i.fab, .small-box .icon>i.fad, .small-box .icon>i.fal, .small-box .icon>i.far, .small-box .icon>i.fas, .small-box .icon>i.ion {
    font-size: 70px;
    top: 20px;
}
.small-box .icon>i {
    font-size: 50px;
    position: absolute;
    right: 10px;
    top: 30px;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear,-webkit-transform .3s linear;
}

    .col-lg-3 .small-box h3, .col-md-3 .small-box h3, .col-xl-3 .small-box h3 {
    font-size: 1.8rem;
    background-color: rgba(0,0,0,.1);
    padding: 8px;
    text-align: center;
    font-weight: 500;
}

@media print{
.col-sm-6 {
    width: 50%; float:left;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin-top:2px !important; margin-bottom:2px !important;}
.text-1x,.panel-title, .table, .tout-points ul li, .tout-points {font-size:15pt !important; padding:0px}
.text-2x{font-size:20px !important;}
.text-3x{font-size:25px !important;}
.panel-group{padding-bottom:0px !important;}
.panel-body, .panel-heading{padding:2px;}
p{margin:0 0 0px;}
}