#page-top{
   margin:0;
   padding:0;
}

/*
 Margin classes
*/
@media screen and (max-width:1200px) and (min-width:992px) { /* md classes */
   .r-m-t-md{
      margin-top:10px !important;
   }
   .r-m-b-md{
      margin-bottom:10px !important;
   }
   .t-left-md{
      text-align: left !important;
   }
}

@media screen and (max-width:991px) and (min-width:768px) { /* sm classes */
   .r-m-t-sm{
      margin-top:10px !important;
   }
   .r-m-b-sm{
      margin-bottom:10px !important;
   }
   .t-left-sm{
      text-align: left;
   }
}

@media screen and (max-width:991px) { /* sm classes */
   .r-m-t-xsm{
      margin-top:10px !important;
   }
   .r-m-b-xsm{
      margin-bottom:10px !important;
   }
}

@media screen and (max-width:768px) { /* xs classes */
   .r-m-t-xs{
      margin-top:10px !important;
   }
   .r-m-b-xs{
      margin-bottom:10px !important;
   }
}


/* Responsive table */
@media only screen and (max-width: 800px) {

   /* Force table to not be like tables anymore */
   table.responsive,
   table.responsive thead,
   table.responsive tbody,
   table.responsive th,
   table.responsive td,
   table.responsive tr {
      display: block;
   }

   /* Hide table headers (but not display: none;, for accessibility) */
   table.responsive thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
   }

   table.responsive tr { border: 1px solid #ccc; }

   table.responsive td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50% !important;
      white-space: normal;
      text-align:left;
   }

   table.responsive td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 55%;
      padding-right: 10px;
      white-space: nowrap;
      text-align:left;
      font-weight: bold;
      text-overflow: ellipsis;
   }

   /*
   Label the data
   */
   table.responsive td:before { content: attr(data-title); }
}

.table td.fit, 
.table th.fit {
    white-space: nowrap;
    width: 1%;
}

/*
   Fix sidebar stacked icons alignment
*/
.menu-icon {
   margin-left: -13px !important;
}

.mini-navbar .menu-icon {
   margin-left: -9px !important;
   display: block !important;
}

.footer.fixed {z-index: 2010;}

/*
   Reduce font size of app name (mini sidebar)
*/
.logo-element{font-size:17px;}

.bootstrap-tagsinput{
   width: 100%;
   border: 1px solid #e5e6e7;
   border-radius: 1px;
   box-shadow:none;
}
.bootstrap-tagsinput .tag {
    display: inline-block !important;
    font-size: 14px;
    height: 22px;
    margin-bottom: 5px;
}

textarea.form-control{
   width:100% !important;
}

.checkbox label, .radio label{
   padding-left: 0;
   padding-right: 20px;
}
.table-checkbox .checkbox{
	text-align: center;
}

input[date-picker][readonly],
input[date-picker][disabled],
input[clock-picker][readonly]{
   background-color: #fff;
}

.signature-pad{
   border: 5px dashed #ddd;
}
.sign-success{
   border: 5px dashed #1c84c6;
}
.sign-primary{
   border: 5px dashed #1ab394;
}

.r-tabs .r-tabs-tab {
   margin: 0 0 -1px;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{
  background-color: #00c5ad;
  color: #fff;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
   background-color: #1ab394 !important;
   border-color: #1ab394 #1ab394 rgba(0, 0, 0, 0) !important;
   border-bottom: #1ab394 !important;
   color: #fff !important;
}

/* Typeahead */
span.twitter-typeahead .tt-menu,
span.twitter-typeahead .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  max-height: 200px;
  overflow-y: auto;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
span.twitter-typeahead .tt-suggestion {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.input-group.input-group-lg span.twitter-typeahead .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.input-group.input-group-sm span.twitter-typeahead .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
span.twitter-typeahead {
  width: 100%;
}
.input-group span.twitter-typeahead {
  display: block !important;
  height: 34px;
}
.input-group span.twitter-typeahead .tt-menu,
.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
}
.input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {
  border-radius: 0;
}
.input-group span.twitter-typeahead:first-child .form-control {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group span.twitter-typeahead:last-child .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.input-group.input-group-sm span.twitter-typeahead {
  height: 30px;
}
.input-group.input-group-sm span.twitter-typeahead .tt-menu,
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 30px !important;
}
.input-group.input-group-lg span.twitter-typeahead {
  height: 46px;
}
.input-group.input-group-lg span.twitter-typeahead .tt-menu,
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 46px !important;
}


/* Calendar style fix */
mwl-calendar a i {color:#fff;}
mwl-calendar small.badge {color:#fff;}
mwl-calendar ul li{list-style: none;}
.mwl-calendar .event {
   display: inline-block;
   background-color: #c3c3c3;
   width: 20px;
   height: 20px;
   margin-right: 15px;
   margin-bottom: 2px;
   -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,.4);
   box-shadow: inset 0 0 5px 0 rgba(0,0,0,.4);
   border-radius: 10px;
   border: 1px solid #fff;
   float: left;
}

.event-item, .cal-hours{
   color:#fff;
}

.cal-month-day{overflow-y: auto;}
.cal-month-day:active:hover{overflow-y: hidden;}
.cal-month-day::-webkit-scrollbar {width: 5px;}
.cal-month-day::-webkit-scrollbar-track {background: #f1f1f1;}
.cal-month-day::-webkit-scrollbar-thumb {background: #1ab394;}
.cal-month-day::-webkit-scrollbar-thumb:hover {background: #1ab394;}
.skin-1 .cal-month-day::-webkit-scrollbar-thumb {background: #0e9aef;}
.skin-1 .cal-month-day::-webkit-scrollbar-thumb:hover {background: #0e9aef;}

#planningContainer {position: relative;}
#planningLoaderContainer {position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(255, 255, 255, 0.5);}
#planningLoaderContainer i {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:100px;}


.list-group-item.grey{
   background-color: #eee;
}

/* Dual Listbox */
.bootstrap-duallistbox-container select{
   min-height: 250px;
}

/* uiBoostrap Modal Fullscreen */

.modal-fullscreen.modal{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.modal-fullscreen .modal-dialog {
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}

.modal-fullscreen .modal-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0;
  box-shadow: none;
}

.modal-fullscreen .modal-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  border: 0;
}

.modal-fullscreen .modal-body {
  position: absolute;
  top: 50px;
  bottom: 60px;
  width: 100%;
  overflow: auto;
}

.modal-fullscreen .modal-footer {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 13px;
}

@media (min-width: 1200px) {
   .modal-xlg .modal-dialog {
      width: 90%; 
   }
}

.stacked-modal{
   z-index: 9999 !important;
   background-color: rgba(47, 64, 80, 0.5) !important;
}
.stacked-modal-2{
   z-index: 99999 !important;
   background-color: rgba(47, 64, 80, 0.5) !important;
}
.stacked-modal-3{
   z-index: 999999 !important;
   background-color: rgba(47, 64, 80, 0.5) !important;
}

.dropdown-menu{min-width: 450px;}

.no-margin-bottom{margin: 0px !important;}

.datepicker, .clockpicker-popover{
   z-index: 99999 !important;
}

/* CSS Multiselect */
.multiselect-reset .input-group {width:100%;}
.multiselect-reset .btn {margin-bottom: 0px; border-radius:0;display:block;width:100%;}
.multiselect-item.divider {margin-top:0px}
.multiselect-clear-filter {margin-bottom:0px !important}


/* CSS Helper Classes */
.red{color: red;}

.space-2{height:2px;}
.space-4{height:4px;}
.space-6{height:6px;}
.space-8{height:8px;}
.space-10{height:10px;}
.center{text-align: center;}
.pointer{cursor:pointer;}
.bold{font-weight:bold !important;}
.uppercase{text-transform: uppercase;}
.text-overflow{
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.text-ellipsis{
   display: table;
   overflow: hidden;
   white-space: nowrap;
   width: 100%;
   table-layout: fixed;
   text-overflow: ellipsis;
}

.grey-bg{
   background-color: #cccaca;
}

.blue-bg, .nav-tabs > li.active > a.tab-success{
   background-color: #1a7bb9 !important;
}

.skin-1 .navbar .nav>li>a:hover{
   color: #1a7bb9 !important;
}

/* Template Fix */
.logo-name{
   font-size: 40px !important;
   font-weight: bold !important;
   letter-spacing: -3px !important;
}
.tooltip{
   z-index:99999999;
}
.popover {
   z-index: 99999;
}
.popover-content{
   max-height: 250px;
   max-width: auto !important;
   overflow-y: auto;
}

.has-error input:focus{
   border-color: #ed5565 !important;
}

.image-picker .ibox-content {
   padding:0;
   height: 200px;
   position: relative;
   padding-bottom: 100%;
   overflow: hidden;
   width: 100%;
}

.image-picker .ibox-content img {
   position: absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.file-box .delete-link{
   position :absolute;
   top:5px;
   right:5px;
}

/* Carousel base class */
.carousel {
  max-height: 100%;
  max-height: 380px;
  margin-bottom: 60px;
  height:auto;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  max-height: 100%;
  max-height: 380px;
  background-color: #777;
}
.carousel-inner > .item > img {
 /*  position: absolute;*/
  top: 0;
  left: 0;
  min-width: 40%;
  max-width: 100%;
  max-height: 380px;
  width: auto;
  margin-right:auto;
  margin-left:auto;
  height:auto;
}

.md-skin .navbar-static-top > li > a {
    color: #ffffff;
}

.modal-header {
    border-bottom: 1px solid #1ab394;
    background: #1ab394;
    color: #fff;
}

.modal-content {
    border: 1px solid #1ab394;
}

.ibox-content, .ibox-title {
    border-width: 1px;
}

.skin-1.top-navigation .navbar-brand{
   background: #0e9aef;
}
.skin-1.top-navigation .btn-primary{
   background: #0e9aef;
   border: #0e9aef;
}

.skin-1 .modal-header {
    border-bottom: 1px solid #1c84c6;
    background: #1c84c6;
    color: #fff;
}

.skin-1 .modal-content {
    border: 1px solid #1c84c6;
}

.skin-1.top-navigation .nav-tabs > li.active > a,
.skin-1.top-navigation .nav-tabs > li.active > a:hover,
.skin-1.top-navigation .nav-tabs > li.active > a:focus {
   background-color: #0e9aef !important;
   border-color: #0e9aef #0e9aef rgba(0, 0, 0, 0) !important;
   border-bottom: #0e9aef !important;
   color: #fff !important;
}

.skin-1.top-navigation .nav-tabs > li > a:hover{
   color: #0e9aef !important;
}

.skin-1 .list-group a.active{
   background-color: #0e9aef !important;
   color: #fff !important;
}

/* Carousel : fix img size */
.carousel-inner > .item > img {
   min-width: auto;
}

.zindex {
  z-index: 99000 !important;
}
.zindex1 {
  z-index: 99900 !important;
}

.btn-upload {
   position: relative;
   overflow: hidden;
 }
 .btn-upload input {
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   opacity: 0;
   filter: alpha(opacity=0);
   transform: translate(-300px, 0) scale(4);
   -webkit-transform: translate(-300px, 0) scale(4);
   -ms-transform: translate(-300px, 0) scale(4);
   -o-transform: translate(-300px, 0) scale(4);
   font-size: 23px;
   direction: ltr;
   cursor: pointer;
 }
 * html .btn-upload {
   line-height: 24px;
   margin: 1px -3px 0 0;
 }
 * + html .btn-upload {
   padding: 2px 15px;
   margin: 1px 0 0 0;
 }
 a:disabled {
   cursor: not-allowed;
 }

 #toast-container {
   z-index: 9999999 !important;
}