/*!
 * Custom CSS - ECB v1.2
 */
 
body {
  background-color: #f2f2f2;
  font-size:12px;
}
#wrapper {
  width: 100%;
}
#page-wrapper {
  padding: 0 15px;
  min-height: 568px;
  background-color: white;
  
}

@media (min-width: 1081px) {
 
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 220px;
    padding: 0 15px;
    border-left: 1px solid #e7e7e7;
  }
  
  .chat-panel
  {
      bottom:0px;
      position:fixed;
      z-index:9999;
      margin-bottom:0px;
      margin-top:250px;
  }
  .nav-searchbar
    {
        float:right;
    }
}

@media (max-device-width: 1080px)
{
    .navbar-header
    {
        background:#1a4582;
    }
    .navlefticons, .navbar-second
    {
        display:none;
    }
    
    .login-page-head
    {
        height:80px;
    }
    .login-page-head .logotext
    {
        padding-bottom:20px;
    }
    .nav-searchbar
    {
        float:none;
        background:#1d4386;
    }
    .padtop50ms
    {
     padding-top:50px;   
    }
}


.margin-right0
{
    margin-right:0px;
}
.navbar-search
{
 float:left;
 /*max-width:200px;*/
 padding:5px 0px 0px;
 margin-right:70px;
}

.navbar-search .input-group-btn
{
    position:absolute;
    right:0px;
}

.navbar-top-links {
  margin-right: 0;
}
.dropdown-toggle
{
    color:#fff;
}
.dropdown-toggle:hover, a.dropdown-toggle, a.dropdown-toggle:hover
{
    color:#fff;
    
}
.navbar-top-links li {
  display: inline-block;
}
.navbar-top-links li:last-child {
  margin-right: 15px;
}
.navbar-top-links li a {
  padding: 5px;
  min-height: 20px;
  font-size:11px;
}
.lighticon
{
    font-size:1px;
    float:right;
}


.selected-menu
{
    margin-bottom:40px;
    border-bottom:solid 1px #e6e4e4;
    background:#fff;
   
}
.selected-menu a
{
    color:#27adeb;
}

.sidebar .sidebar-nav.navbar-collapse, div .sidebar-nav.navbar-collapse.collapse.in
{
    display:block;
}

@media  (max-width: 1080px) {
    #side-menu .selected-menu
    {
        margin-top:0px;
    }
    
    .sidebar .sidebar-nav.navbar-collapse
    {
        display:none;
    }
    div .sidebar-nav.navbar-collapse.collapse.in
    {
        display:block;
    }
    
    .nav-toggle
    {
        
    max-width: 100vw;

    }
}

@media  (min-width: 810px) and (max-width: 999px) {
    #side-menu .selected-menu
    {
        margin-top:0px;
    }
    li#theselectedtopnav ul
    {
        max-height:calc(100vh - 1px);
    }
    
}
@media (min-width: 1000px) {
#side-menu .selected-menu
    {
        margin-top:29px;
    }

    #side-menu .margin29
    {
        margin-top:29px;
    }
    li#theselectedtopnav ul
    {
        /*max-height:280px;
        max-height:calc(100vh - 373px);*/
        max-height:calc(100vh - 300px);
    }
}
@media (min-width: 1080px) {
    #side-menu
    {
        bottom:0px;
        position:fixed;
        z-index:999;
        width:220px;
        margin-top:60px;
        border-top:solid 1px #e7e7e7;
    }
    #side-menu .selected-menu
    {
        top:0px;
        position:fixed;
        z-index:999;
        width:220px;
       
    }
    .login-page-head
    {
     height:40px;
    }
    
}

 @media (min-width: 1081px) 
{
    .navbar-second
    {
        
        padding-left:260px;
    }
    
}
.headmod-nav
{
    background-color: #0a4574;
    border-top: solid 1px #6596bc;
    color: #fff
}
.sidebar .head-mod-name
{
    padding:5px 5px 5px 12px;
    
}
.greybar
{
    height:6px;
    background:#72777d;
    color:#000;
    font-size:7px;
    padding:0px;
    margin:0px;
    line-height:5px;
}

.sidebar .nav-third-level li .submenu
{
    padding-left:50px;
}
.topnav-text
{
    font-size:11px;
    padding:4px 2px;
    color:#fff;
    border:solid 0px #3985d0;
    border-radius:3px;
    margin:2px 10px;
}

.topnav-text .icon
{
    font-size:16px;
    color:#fff;
    padding-top:5px;
}

.navbar-second
{
    min-height:30px;
    color:#fff;
    margin-top:29px;
    background-image: radial-gradient(#1f7a3e 5%, #96b57d 15%, #519156 60%);
    border-top:solid 0px #7ca5c7;
   
}

.navbar-second .navsec
{
    font-size:9px;
    padding:3px 25px 1px 25px;
    line-height:14px;
    color:#fff;
   float:left;
   text-align:center;
   cursor:pointer;
   font-weight:normal;
}

.navbar-second .navsec:hover
{
    color:#000;
}

.navbar-second li
{
    padding:5px 5px;
    margin:0px 10px;
}
.navbar-second .navsec .icon
{
    font-size:18px;
}

.navbar-second .lightsmicon
{
    font-size:15px;
    color:#cedff7;
    padding-top:2px;
}
.active-normal-nav .icon
{
   margin-left:-6px;
}
.active-normal-nav
{
border-bottom:solid 1px #e6e4e4;
}
.sidebar .nav-second-level li a, .active-normal-nav
{
    background:#f2f2f2;
    color:#000;
    border-top:solid 1px #e6e4e4;
    padding:4px 10px 4px 50px;
    font-size:11px;
    
}

.sidebar .nav-second-level li > ul li a
{
    padding-left:30px;
    
}

.navbar-top-links .dropdown-menu li {
  display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
  margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
  padding: 3px 20px;
  min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
  white-space: normal;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
  width: 310px;
  min-width: 0;
}
.navbar-top-links .dropdown-messages {
  margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
  margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
  margin-left: -123px;
}
.navbar-top-links .dropdown-user {
  right: 0;
  left: auto;
}

li#theselectedtopnav a.selectli, .rest-subnav a:active
{
    background:#4c91ca;
}

li#theselectedtopnav ul
{
    display:block;
    /*max-height: 260px;*/
    overflow-y: auto;
}

.sidebar .sidebar-nav.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
  
}
.sidebar .sidebar-search {
  padding: 15px;
}
.sidebar ul li a {
  border-top: 1px solid #6596bc;
}
 a.submenu.sub-headmod-nav.active
 {
    background-color: #559dac;
    border-top: solid 1px #d3e5f5;
    color: #fff;
 }
 
.sidebar ul li a {
  background-color: #0a4574;
    color:#fff;
    cursor:pointer;
    text-decoration:none;
}
/*
.sidebar ul li a.active,.sidebar ul li.active {
  background-color: #4c91ca;
    border-top: solid 1px #d3e5f5;
    color:#fff;
}
*/

.sidebar .subactli  a {
  background-color: none;
    border-top: solid 1px #d3e5f5;
    color:#fff;
}
.sidebar ul li ul li a .icon
{
    color:#000;
    font-size:12px;
}


.sidebar .rest-subnav ul
{
    /*height:0px;*/
    display:none;
}

.navicon-General, .navicon-Booking, .navicon-Customer, .navicon-ERP, .navicon-Setting, .navicon-Admin, .navicon-Dashboard, .navicon-Reservation,.navicon-Dcheckin,.navicon-Groupcheckin, .fo-display-listview, .fo-display-infoview, .fo-display-gridview, .navicon-Document, .paxcount1
{
font-family: 'erp-icon-font';
  top: 0;
  left: 10px;
  font-size:18px;
   padding-right:8px;
   vertical-align:middle;
   line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
   
}

.navicon-Reservation:before
{
    content: "\e028";
    color:#d77efb;
}
.navicon-Dcheckin:before
{
    content: "\e285";
    color:#f5ec6a;
}
.navicon-Groupcheckin:before
{
    content: "\e1cd";
    color:#f17171;
}
.navicon-General:before
{
    content: "\e043";
    color:#f17171;
}
.navicon-Booking:before
{
    content: "\e1a7";
    color:#f5ec6a;
}
.navicon-Customer:before
{
    content: "\e1cd";
    color:#d77efb;
}
.navicon-Document:before
{
    content: "\e3c9";
    color:#f5ec6a;
}
.navicon-ERP:before
{
    content: "\e02a";
    color:#f5148d;
}
.navicon-Setting:before
{
    content: "\e5e7";
    color:#d09547;
}
.navicon-Admin:before
{
    content: "\e112";
    color:#fff;
}

.navicon-Dashboard:before
{
    
    content: "\e4c7";
    color:#d0e4a6;
}

.sidebar ul li a .icon {
    color:#fff;
    font-size:15px;
    padding-right:5px;
}

.sidebar ul li a  .iconorange, .navsec .iconorange
{
    color:#d09547;
}
.sidebar ul li a  .iconblue, .navsec .iconblue
{
    color:#99c1ec;
}
.sidebar ul li a  .iconred, .navsec .iconred
{
    color:#f17171;
}
.sidebar ul li a  .iconpink, .navsec .iconpink
{
    color:#f5148d;
}
.sidebar ul li a  .iconpurple, .navsec .iconpurple
{
    color:#d77efb;
}
.sidebar ul li a  .iconyellow, .navsec .iconyellow
{
    color:#f5ec6a;
}
.sidebar ul li a  .icongrey, .navsec .icongrey
{
    color:#d4d4d0;
}
.sidebar ul li a  .icongreen, .navsec .icongreen
{
    color:#d0e4a6;
}

.sidebar ul li a  .iconseagreen, .navsec .iconseagreen
{
    color:#11d2a9;
}



.sidebar .active-normal-nav .icon {
  float: left;
}
.sidebar .icon.arrow:before {
  content: " \2023";
}
.sidebar .active > a > .icon.arrow:before {
  content: " \02D1";
}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
  border-bottom: none !important;
  
}

.sidebar .nav-second-level li a {
  padding-left: 37px;
}
.sidebar .nav-third-level li a {
  padding-left: 52px;
}

.sidebar .nav-second-level li .subactive
{
    background:#559dac;
}
.no-show-nav
{
    height:0px;
}

@media (min-width: 1081px) {
  .sidebar {
    z-index: 1;
    position: absolute;
    width: 220px;
    margin-top: 69px;
  }
.topmargin30 {
    z-index: 1;
    position: absolute;
    width: 220px;
    margin-top: 30px;
  }
  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
  .login-page .container, .login-page
  {
      overflow:hidden;
  }
}
.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all .5s;
}
.btn-primary.btn-outline {
  color: #428bca;
}
.btn-success.btn-outline {
  color: #5cb85c;
}
.btn-info.btn-outline {
  color: #5bc0de;
}
.btn-warning.btn-outline {
  color: #f0ad4e;
}
.btn-danger.btn-outline {
  color: #d9534f;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: white;
}
.chat {
  margin: 0;
  padding: 0;
  list-style: none;
}
.chat li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999999;
}
.chat li.left .chat-body {
  margin-left: 60px;
}
.chat li.right .chat-body {
  margin-right: 60px;
}
.chat li .chat-body p {
  margin: 0;
}
.panel .slidedown .glyphicon,
.chat .glyphicon {
  margin-right: 5px;
}
.chat-panel .panel-body {
  height: 350px;
  overflow-y: scroll;
}
.login-page
{
 /*background-image:url(../images/erpbg2.png);*/
 background-image:url(../images/herpbg10.jpg);
 background-repeat:no-repeat;
 background-position:center;
}
.login-left
{
 background-image:url(../images/charts.png);
 background-repeat:no-repeat;
 background-position: 40px center;
}
.login-page .container
{
    width:100%;
    height:100%;
    padding:0px;
    margin:0px;
}
.login-page-head
{
 background:#0d6dbd;
 color:#fff;
 padding:12px;
}
.navbar-default .login-page-head
{
 padding:0px;
}

.login-page-head div
{
    font-size:12px;
    cursor:pointer;
}
.login-side-panel {
  background:#efefed;
  float:right;
  height:100%;
  padding-right:40px;
  padding-left:20px;
}
.login-panel {
  margin-top: 25%;
  margin-bottom:100%;
  overflow:hidden;
}
.login-page-head .loginpage-nav
{
    font-size:12px;
    cursor:pointer;
    padding:0px 25px;
    float:left;
    background:#124673;
}
.login-page-head .loginpage-nav .icon
{
    color:#ea9ca3;
}

.erplogo
{
 /*background:#dff3c2;*/
 content:url(../images/erp_logo.png);
 /*padding:5px 10px;
 border-radius:0px;
 -moz-box-shadow:    inset 0 0 10px #667358;
   -webkit-box-shadow: inset 0 0 10px #667358;
   box-shadow:         inset 0 0 10px #667358;*/
   max-height:25px;
}
.login-page-head .logotext
{
 color:#4f5643;
 font-size:12px;
 font-weight:bold;
}

.container .footercopy
{
    width:100%;
    height:30px;
    text-align:center;
    color:grey;
    bottom:0px;
    z-index:999;
    background:#fff;
    padding:5px;
    position:absolute;
}

.flot-chart {
  display: block;
  height: 400px;
}
.flot-chart-content {
  width: 100%;
  height: 100%;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background: transparent;
}
table.dataTable thead .sorting_asc:after {
  content: "\f0de";
  float: right;
  font-family: fontawesome;
}
table.dataTable thead .sorting_desc:after {
  content: "\f0dd";
  float: right;
  font-family: fontawesome;
}
table.dataTable thead .sorting:after {
  content: "\f0dc";
  float: right;
  font-family: fontawesome;
  color: rgba(50, 50, 50, 0.5);
}
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  background-color: #eee !important;
}
.show-grid {
  margin: 15px 0;
}
.huge {
  font-size: 40px;
}
.panel-green {
  border-color: #5cb85c;
}
.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c;
}
.panel-green > a {
  color: #5cb85c;
}
.panel-green > a:hover {
  color: #3d8b3d;
}
.panel-red {
  border-color: #d9534f;
}
.panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}
.panel-red > a {
  color: #d9534f;
}
.panel-red > a:hover {
  color: #b52b27;
}
.panel-yellow {
  border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}
.timeline {
  position: relative;
  padding: 20px 0 20px;
  list-style: none;
}
.timeline:before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  margin-left: -1.5px;
  background-color: #eeeeee;
}
.timeline > li {
  position: relative;
  margin-bottom: 20px;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  float: left;
  position: relative;
  width: 46%;
  padding: 20px;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 26px;
  right: -15px;
  border-top: 15px solid transparent;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #ccc;
}
.timeline > li > .timeline-panel:after {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 27px;
  right: -14px;
  border-top: 14px solid transparent;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #fff;
}
.timeline > li > .timeline-badge {
  z-index: 100;
  position: absolute;
  top: 16px;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  border-radius: 50% 50% 50% 50%;
  text-align: center;
  font-size: 1.4em;
  line-height: 50px;
  color: #fff;
  background-color: #999999;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}
.timeline-badge.primary {
  background-color: #2e6da4 !important;
}
.timeline-badge.success {
  background-color: #3f903f !important;
}
.timeline-badge.warning {
  background-color: #f0ad4e !important;
}
.timeline-badge.danger {
  background-color: #d9534f !important;
}
.timeline-badge.info {
  background-color: #5bc0de !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}
@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px;
  }
  ul.timeline > li > .timeline-panel {
    width: calc(10%);
    width: -moz-calc(10%);
    width: -webkit-calc(10%);
  }
  ul.timeline > li > .timeline-badge {
    top: 16px;
    left: 15px;
    margin-left: 0;
  }
  ul.timeline > li > .timeline-panel {
    float: right;
  }
  ul.timeline > li > .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
  }
  ul.timeline > li > .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
  }
}

.custom-search-form .form-control:first-child
{
    height: 20px;
    padding: 2px 7px;
    font-size:11px;
  /*  background:#b3d0ef;
  border-radius: 10px;*/
  
}

.custom-search-form .btn
{
    padding: 3px 7px 0px; 
  background:#27869a;
  font-size:12px;
  border:none;
  color:#fff;
}

.nav>li .rest-subnav .icon
{
    color:#fff;
    font-size:18px;
    top: 0;
    left: 10px;
    padding-right: 8px;
    vertical-align: middle;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
}

.erp-home-topbg
{
	background-image: radial-gradient(#a95a70 5%, #805e73 15%, #7d3f65 60%);
}

.align-center
{
	text-align:center;
}
.align-right
{
	text-align:right;
}
.novert-margin
{
	margin-top:0px;
	margin-bottom:0px;
}

#menuBarDiv_template_data a{color:#333;}