@charset "utf-8";
/* CSS Document */
:root{
   --header_bg: #fdd;
   --sidebarlight:#fff;
   --bg-lightblue:#1cc9e4 ;
   --white-text:#fff;
   --black-text:#000;
   --bg-gray-light: #e1eaea ;
}
.dis-none{
  display: none;
}
.m-t-5{
  margin-top: 5px;
}
body{ font-family:calibri; color:#636363;}
.top-header{ background:#428bca; border-bottom:5px #686d6f solid; margin:0px; padding:20px; text-align:center; color:#FFF;}
.top-header h1{ font-size:42px; margin:0px; padding:0px; font-family:calibri !important;}

.login-screen{ background:#fafafa; border:#dedede solid 5px; margin:35px 0 0 0px;}
.login-screen-inner{padding:15px; margin:0px;}
.login-screen-inner-text{ font-size:18px; color:#428bca; margin:0 0 20px 0; padding:0px 0 10px 0; border-bottom:#d5e3ef solid 1px;}


.password-forgot{ background:#fff; border:#dedede solid 5px; margin:35px 0 0 0px; display:none; }
.password-forgot-inner{padding:15px; margin:0px;}
.password-forgot-inner-text{ font-size:18px; color:#e65a43; margin:0 0 20px 0; padding:0px 0 10px 0; border-bottom:#f3cdc6 solid 1px;}


.ace-icon{ padding-right:10px;}
.green{color:#69aa46 !important;}
.white{color:#fff !important;}
.gray{color:#636363 !important;}
.blue{color:#428bca !important;}
.block{ display:block !important;}
.red{ color:#e65a43 !important;}


/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.btn-blue{ background:#428bca; color:#FFF;}
.btn-red{ background:#d15b47; color:#FFF;}
.forgot-password{background:#428bca; border-top: 2px solid #597597; padding:10px; margin:10px 0 0 0; color:#ffffff; font-size:16px;}
.forgot-password a{ color:#FFF; text-decoration:none;}
.forgot-password a:hover{ color:#505050; text-decoration:none;}
.back-login{background:#c16050; border-top: 2px solid #976559; padding:10px; margin:10px 0 0 0; color:#ffffff; font-size:16px; text-align:center;}
.back-login a{ color:#FFF;}
.back-login a:hover{ color:#505050; text-decoration:none;}

.footer{ background:#f4f4f4; margin:30px 0 0 0; padding:10px; border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; text-align:center; color:#636363;}

/* inner page design */
.navbar-blue{ background:#428bca; color:#FFF !important;}
.navbar-blue a{color:#FFF;}
.navbar-blue a:hover{color:#FFF;}
.innerpage-menu{ background:#e7e7e7; border-bottom:#d4d4d4 solid 1px;}
.date1{ background:#555555; padding:15px 10px; margin:0 5px 0 0; text-align:center; float:left;cursor:pointer;}
.time{ background:#892e65; padding:15px 10px; margin:0 5px 0 0; text-align:center; float:left;cursor:pointer;}
.logout{ background:#2e8965; padding:15px 10px; float:left; margin:0 0px 0 0; cursor:pointer;}
.fa-sign-out{ font-size:18px !important;}
.left-panel{ margin:5px 0 0 0; padding:0px; position:relative;}
.list-group-item a{ text-decoration:none !important;}
.fa-key{ font-size:18px !important;}
.breadcrumb > li > a{ color:#428bca;}
.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "/ ";
    padding: 0 5px;
}

.inner-page-h1{ font-size:24px; color:#636363; margin:0px 0 10px 0; padding:0px;}
.form-model{margin:10px 0 0 0; padding:0px;}
.logout-2{ display:none; width:100%;}
.ace-icon-brd{ border:#FFF solid 2px; border-radius:50px; padding:1px 3px; margin:0 3px 0 0;}
.ace-icon-bg1{ background:#6fb3e0; color:#FFF; padding:7px 8px; width: 26px; height: 26px; margin: 3px;}
.ace-icon-bg2{ background:#d15b47; color:#FFF; padding:7px 8px; width: 26px; height: 26px; margin: 3px;}

.date-form { margin: 10px; }
label.control-label span { cursor: pointer; }


.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert-white.rounded{border-radius:3px;-webkit-border-radius:3px;}
.alert-danger {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-white{
	background-image: linear-gradient(to bottom, #FFFFFF, #F9F9F9);
	border-top-color: #d8d8d8;
	border-bottom-color: #bdbdbd;
	border-left-color: #cacaca;
	border-right-color: #cacaca;
	color:#404040;
	padding-left: 61px;
	position:relative;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.alert-white .icon:after{
  -webkit-transform:  rotate(45deg);  
     -moz-transform:  rotate(45deg); 
      -ms-transform:  rotate(45deg); 
       -o-transform:  rotate(45deg);  
		  transform:  rotate(45deg);
		  
	display:block;
	content: '';
	width:10px;
	height:10px;
	border:1px solid #BDBDBD;
	position:absolute;
	border-left:0;
	border-bottom:0;
	top:50%;
	right:-6px;
	margin-top:-3px;
	background:#fff;
}
.alert-white.alert-danger .icon, .alert-white.alert-danger .icon:after{
	border-color:#ca452e;
	background:#da4932;
}
.alert-white.alert-success .icon, .alert-white.alert-success .icon:after{
	border-color:#54A754;
	background:#60C060;
}
.alert-white.rounded .icon{border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;}
.alert-white .icon{
	text-align:center;
	width:45px;
	height: 103%;
	position:absolute;
	top:-1px;
	left:-1px;
	border:1px solid #BDBDBD;
	padding-top:15px;
}
.bv-form .help-block {
    margin-bottom: 0;
}
.bv-form .tooltip-inner {
    text-align: left;
}
.nav-tabs li.bv-tab-success > a {
    color: #3c763d;
}
.nav-tabs li.bv-tab-error > a {
    color: #a94442;
}

.bv-form .bv-icon-no-label {
	top: 0;
}

.bv-form .bv-icon-input-group {
	top: 0;
	z-index: 100;
}

.navbar-nav > .active > a {background-image: linear-gradient(to bottom, #b3b3b3 0px, #e4e4e4 100%);
    background-repeat: repeat-x;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset;}
	

.spinner {
  width: 75px;
}
.spinner input {
  text-align: right;
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
  position: absolute;
  top: 0;
  left: 4px;
}

.thead-bg{ background:#e7e7e7; color:#636363; font-weight:bold;}
.dddddd{ width:20px; height:20px; border:#636363 solid 1px; border-radius:25px; background:#FFF;}



input[type=radio] {
    display: inline-block;
}

input[type=radio] + label {
    padding:  10px;
}
input[type=radio] + label::before { 
    display: inline-block;
    border: 1px solid #000;
    border-radius: 50%;
    margin: 0 0.5em;
}
input[type=radio]:checked + label::before {
    background-color: #ffa;
}


.radio4 + label::before {
    width: 1.5em;
    height: 1.5em;
}


/* add css */

.message{padding-left: 40px;  }



.sorting_disable1{background:none !important; cursor: default !important;}
.ace-icon-bg3{ background:#008000; color:#FFF; padding:7px 8px;  width: 26px; height: 26px; margin: 3px;}



@media (max-width:767px)
{
	 .top-header h1{ font-size:170%; max-width:100%;}
	 .date1{display:none !important;}
	 .time{ display:none !important}
	 .left-panel{ display:none;}
	 .breadcrumb{margin:15px 0 0 0;}
	 .logout-2{ display:block; color:#FFF !important;}
	 .logout-1{ display:none !important;}
	 .dropdown-menu{width:100%;}
	 .search-btn{ margin-top:10px;}
	 
}


.dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

/*********************comment CSS*****************************/
.noti-fication{ margin:0 5px 0 0; padding:15px 21px; background:#d15b47; float:left;}
.noti-fication a{ text-decoration:none !important;}
.noti-fication a:hover{background:none !important;}
.noti-fication a:focus{ color:#FFF; background:none !important;}
.divder{ border-top:#d4d4d4 solid 1px; margin:0px 0px;}
#le-alert{ margin-top:-50px;}
.alert-white{ background:#FFF; border:#d4d4d4 solid 1px;}
.ex-bg{ background:#f7ecf2;  border-bottom:#d4d4d4 solid 1px; border-top:#d4d4d4 solid 1px;}
.ex-bg1{ background:#f5f5f5;}
.dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.table-responsive1{width:100%;margin-bottom:15px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;}
.text-center{
  text-align: center;
}
.form-model .form-group {
margin-bottom: 5px;

}
.btn-filter {
    background: #0f2a42;
        background-image: none;
    color: #FFF;
    margin-right: 10px;
}
 
.btn.btn-filter:hover, .btn.btn-filter:focus {
    color: #fff;
    text-decoration: none;
}
table.dataTable thead > tr > th{
  vertical-align: top;
}
.text-right{
  text-align: right;
}
th.date{
width: 70px;
}
th.action{
width: 100px !important;
}
.leavetbl > tbody > tr:nth-child(2n+1) > td,
 .leavetbl > tbody > tr:nth-child(2n+1) > th {
    background-color: transparent !important;
}
 
 #tour-request .detail-header{padding: 15px;
      color: #fff;
      border-radius: 2px;
      background: #519ED4;}
       #tour-request .text-info{color:#fff;}
        #tour-request .the-legend {
      border-style: none;
      border-width: 0;
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 0;
      width: auto;
      padding: 0 10px;
      background: #519ED4;
      color: #fff;
      margin-left: 19px;
      }
      #tour-request .the-fieldset {
      border: 1px solid #e0e0e0;
      background: #F5F9FD;
      }
     #tour-request .tab-content {
      border: 1px solid #e6dfdf;
      padding: 13px;
      }
     #tour-request .nav-tabs>li.active>a, 
     #tour-request .nav-tabs>li.active>a:focus, 
     #tour-request .nav-tabs>li.active>a:hover {
      color: #555;
      cursor: default;
      background-color: #DC7159;
      color: #fff;}
     #tour-request  .nav-tabs{border-bottom:none;}
     #tour-request  .nav-tabs>li{border: 1px solid #00000024;}
     #tour-request  .nav-tabs>li>a{margin-right: 0px; border-radius: 0px;}
     #tour-request  .nav-tabs>li.active>a, 
     #tour-request .nav-tabs>li.active>a:focus, 
     #tour-request .nav-tabs>li.active>a:hover{border: none;}
      #tour-request .local{color: #DC7159; margin:0px;}
      #tour-request .action{margin-top: 13px;}
      #tour-request .panel {
    margin-bottom: 5px;}
    #tour-request .panel-group {
    margin-bottom: 5px;}
   #tour-request  .btn-draft{background-color:#134603; color:#fff;}
    #tour-request .btn-reset{background-color:#DC7159; color:#fff;}
   #tour-request  .pt{padding: 10px;}
    #tour-request .btn-draft:hover{ color: #fff; background-color:#0E3402; }
   #tour-request  .btn-reset:hover{ color: #fff; background-color:#C1543B; }


  .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.pa-20 {
    padding: 0.42857rem !important;
}
.mr-15 {
    margin-right: 1.07143rem !important;
}
.mb-30 {
    margin-bottom: 2.14286rem !important;
}
.absolute-centered {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
}
.pos-rel {
    position: relative !important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.media:first-child {
    margin-top: 0;
}
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}
.media {
    margin-top: 15px;
}
.icon {
    width: 60px;
    height: 60px;
    background-color: var(--bg-lightblue);
    color: var(--white-text);
}
.font-size-48 {
    font-size: 2.71429rem !important;
}
.rounded-circle {
    border-radius: 50%!important;
}
.font-size-48 {
    font-size: 2.71429rem !important;
}
.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important;
}
.media-body {
    -ms-flex: 1;
    flex: 1;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}