/* Space out content a bit */
body {
    padding-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    top:0px !important
}
/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-left: 15px;
  padding-right: 15px;
}

.navbar-toggle {
    margin-left: 5px;
    margin-top: 18px !important;
    margin-bottom: 18px !important;
    position: absolute;
    left: 0px;
}

dir-pagination-controls.ng-isolate-scope {
    float: right;
}

.div-icon-clear{
    position: relative;
}

.icon-clear{
    position: absolute;
    top: 13px;
    right: 8px;
    color: #9E9E9E;
}

table{
    white-space: nowrap;
}

.blocks_unavailables{
  margin-right: 20%;
}

.bg-team-web{
    background-color: #EFEFEF;
}

.nav-second-level {
    padding-left: 18px;
    margin-top: 1px !important;
}

.btn-close button{
    position:relative !important;
    right: -20px !important;
}

th{
    outline: none;
}

.help-block-text{
    font-size: 12px;
    margin-top: 5px;
    position: absolute;
}

.has-error {
    color: #aa4745;
}

.has-error .form-control:focus {
    border-color: #aa4745 !important;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

.btn-xss{
    padding: 1px 2px !important;
}

.div-noticacion a{
    color: #ffffff;
}

.input-group-addon {
    background: #9d9d9d;
    color: whitesmoke;
    border: #9d9d9d solid 1px;
}

.input-gruop-new{
    border: solid 1px #e5e5e5 !important;
    border-radius: 3px !important;
}

.pagination{
    margin-top: 0 !important;
}

.input-gruop-new:focus {
    border: 1px solid #AAAAAA !important;
    box-shadow: none;
    outline: 0 !important;
    color: #333333;
}

/* Custom page header */
.header {
  border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
  padding-bottom: 19px;
}

#loading-bar-spinner{
    display: none !important;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

/* Customize container */
@media (min-width: 768px) {

    .container {
        max-width: 730px;
    }
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

.icon-tuten{
    display: none !important;
}

.name-tuten{
    display: block;
}
.app-container{
    margin-top: 15px;
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
  /* Space out the masthead
  .header {
    margin-bottom: 30px;
  }*/
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}

.nav>li.active>a {
text-decoration: none;
background-color: #eee;
}

.md-table-pagination  span{
  color: #333;
}

.pagination{
    display: block;
}

.md-select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 11px;
  height: 48px;
  position: relative;
  display: flex;
  align-items: center;
}

.angular-google-map-container {
  height: 400px;
}

.my-animation.ng-enter {
      -webkit-animation: fadeInDown 1s;
      -moz-animation: fadeInDown 1s;
      animation: fadeInDown 1s;
}
.my-animation.ng-leave {
  -webkit-animation: fadeOutUp 1s;
  -moz-animation: fadeOutUp 1s;
  animation: fadeOutUp 1s;
}

.labels {
  color: red;
  background-color: white;
  font-family: "Lucida Grande", "Arial", sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  width: 60px;
  border: 2px solid black;
  white-space: nowrap;
}
.radio-visible{
  padding-left: 10px !important;
}
.radio-visible input[disabled]{
  color: #cccccc;
}
.radio-visible input{
  display: block !important;
}
.payment-type{
  border-radius: 5px;
  border: 1px solid #ccc;
  font-weight: 700;
  margin-left: 4px;
  padding: 5px;
  font-weight: 700;
}
.alert-danger {
  color: #a94442;
  /*background-color: #f2dede !important;*/
  border-color: #ebccd1;
}
.text-muted {
  color: #98a6ad;
}
.text-xs {
  font-size: 12px;
}
.m-xxs{margin: 2px 4px}
.m-xs{margin: 5px;}
.m-sm{margin: 10px;}
.m{margin: 15px;}
.m-md{margin: 20px;}
.m-lg{margin: 30px;}
.m-xl{margin: 50px;}
.m-n{margin: 0 !important}

.m-l-none{margin-left: 0 !important}
.m-l-xs{margin-left: 5px;}
.m-l-sm{margin-left: 10px;}
.m-l{margin-left: 15px}
.m-l-md{margin-left: 20px;}
.m-l-lg{margin-left: 30px;}
.m-l-xl{margin-left: 40px;}
.m-l-xxl{margin-left: 50px;}

.m-l-n-xxs{margin-left: -1px}
.m-l-n-xs{margin-left: -5px}
.m-l-n-sm{margin-left: -10px}
.m-l-n{margin-left: -15px}
.m-l-n-md{margin-left: -20px}
.m-l-n-lg{margin-left: -30px}
.m-l-n-xl{margin-left: -40px}
.m-l-n-xxl{margin-left: -50px}

.m-t-none{margin-top:0 !important}
.m-t-xxs{margin-top: 1px;}
.m-t-xs{margin-top: 5px;}
.m-t-sm{margin-top: 10px;}
.m-t{margin-top: 15px}
.m-t-md{margin-top: 20px;}
.m-t-lg{margin-top: 30px;}
.m-t-xl{margin-top: 40px;}
.m-t-xxl{margin-top: 50px;}

.m-t-n-xxs{margin-top: -1px}
.m-t-n-xs{margin-top: -5px}
.m-t-n-sm{margin-top: -10px}
.m-t-n{margin-top: -15px}
.m-t-n-md{margin-top: -20px}
.m-t-n-lg{margin-top: -30px}
.m-t-n-xl{margin-top: -40px}
.m-t-n-xxl{margin-top: -50px}

.m-r-none{margin-right: 0 !important}
.m-r-xxs{margin-right: 1px}
.m-r-xs{margin-right: 5px}
.m-r-sm{margin-right: 10px}
.m-r{margin-right: 15px}
.m-r-md{margin-right: 20px}
.m-r-lg{margin-right: 30px}
.m-r-xl{margin-right: 40px}
.m-r-xxl{margin-right: 50px}

.m-r-n-xxs{margin-right: -1px}
.m-r-n-xs{margin-right: -5px}
.m-r-n-sm{margin-right: -10px}
.m-r-n{margin-right: -15px}
.m-r-n-md{margin-right: -20px}
.m-r-n-lg{margin-right: -30px}
.m-r-n-xl{margin-right: -40px}
.m-r-n-xxl{margin-right: -50px}

.m-b-none{margin-bottom: 0 !important}
.m-b-xxs{margin-bottom: 1px;}
.m-b-xs{margin-bottom: 5px;}
.m-b-sm{margin-bottom: 10px;}
.m-b{margin-bottom: 15px;}
.m-b-md{margin-bottom: 20px;}
.m-b-lg{margin-bottom: 30px;}
.m-b-xl{margin-bottom: 40px;}
.m-b-xxl{margin-bottom: 50px;}

.m-b-n-xxs{margin-bottom: -1px}
.m-b-n-xs{margin-bottom: -5px}
.m-b-n-sm{margin-bottom: -10px}
.m-b-n{margin-bottom: -15px}
.m-b-n-md{margin-bottom: -20px}
.m-b-n-lg{margin-bottom: -30px}
.m-b-n-xl{margin-bottom: -40px}
.m-b-n-xxl{margin-bottom: -50px}

.pull-in{margin-left: -15px;margin-right: -15px;}
.btn-link{border: transparent !important;}
.app-data-empty{padding-top: 50px; padding-bottom: 50px;}
.app-data-empty i{display: inline;}
.no-radius{border-radius: 0}

/*============================
=            form            =
============================*/
.form-group .text-muted{
  margin-left: 2px;
}
/*=====  End of form  ======*/

/*==============================
=            titles            =
==============================*/
h1.app-title,
.h1.app-title,
h2.app-title,
.h2.app-title,
h3.app-title,
.h3.app-title,
h4.app-title,
.h4.app-title{
  margin: 0px;
}
/*=====  End of titles  ======*/

/*=======================================
=            app-attach-file            =
=======================================*/
.attach-file{
  border: 1px solid #e8e8e8;
  display: grid;
  float: left;
  min-height: 161px;
  padding-top: 10px;
  text-align: center;
  width: 200px;
}
.attach-file .cont-labels{
  background-color: #f5f5f5;
  border-radius: 0 0 3px 3px;
  bottom: 6px;
  display: inline-block;
  left: 4px;
  margin-top: 6px;
  min-height: 64px;
  padding: 6px;
  text-align: center;
  width: 100%;
}
.attach-file .label{
  display: inline-block;
  padding: 7px 1px 7px 7px;
  width: 100%;
}
.attach-file .label:first-child{
  margin-bottom: 4px;
}
.attach-file .label a{
  color: #ffffff;
  float: right;
}
/*=====  End of app-attach-file  ======*/

/*====================================
=            app-comments            =
====================================*/
.app-comments .well{
  -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
  border-left: 0px;
  border-radius: 0px;
  border-right: 0px;
  border-top: 0px;
  box-shadow: inset 0 0 0 rgba(0,0,0,0);
  margin-bottom: 0px;
  padding: 0px;
}
.app-comments .well .comment-father{
  border-bottom: 1px solid #e3e3e3;
  padding: 15px;
}
.app-comments__btn-add{
  background-color: #337ab7 !important;
  border-color: transparent;
  color: #ffffff !important;
}
.app-comments .btn-reply{
  display: inline-block;
  width: 100%;
  height: 20px;
  margin-top: 15px;
}
.app-comments .btn-reply button{
  padding-top: 0px;
  padding-bottom: 0px;
}
.app-comments .text-comment{
  word-wrap: break-word;
}
.app-comments .comment-son{
  border-left: 15px solid #ccc;
  margin-bottom: 0px;
  padding: 15px;
  width: 100%;
}
.app-comments .comment-son{
  border-bottom: 1px solid #e3e3e3;
  border-top: none;
}
.app-comments .comments-empty{
  padding: 50px 15px;
}
/*=====  End of app-comments  ======*/

/*====================================
=            multi select            =
====================================*/
.ui-select-multiple input.ui-select-search:not(.ng-touched) {
  width: 100% !important;
}
.ui-select-multiple.ui-select-bootstrap input.ui-select-search{
  margin-bottom: 5px;
}
.app-select-multiple .ui-select-match-item.btn.btn-default.btn-xs{
  border-width: 1px !important;
  color: #333 !important;
  border-color: #ccc;
}
.app-select-multiple .close.ui-select-match-close{
  line-height: 0.9 !important;
}
.app-select-multiple .dropdown-menu{
  border-radius: 4px !important;
}
/*=====  End of multi select  ======*/

/*=================================
=            app label            =
=================================*/
.app-label{
  display: inline-block;
  margin-left: 4px;
  padding: 0.4em 0.6em 0.3em;
  font-size: 11px;
}
/*=====  End of app label  ======*/

/*======================================================
=            Greysacale background and text            =
======================================================*/
.app-bkg-color-f5 {
  background-color: #f5f5f5;
}
.app-text-color-f5 {
  color: #f5f5f5;
}
.app-bkg-color-eee {
  background-color: #eee;
}
.app-text-color-eee {
  color: #eee;
}
.app-bkg-color-ccc {
  background-color: #ccc;
}
.app-text-color-ccc {
  color: #ccc;
}
.app-bkg-color-bbb {
  background-color: #bbb;
}
.app-text-color-bbb {
  color: #bbb;
}
.app-bkg-color-aaa {
  background-color: #aaa;
}
.app-text-color-aaa {
  color: #aaa;
}
.app-bkg-color-999 {
  background-color: #999;
}
.app-text-color-999 {
  color: #999;
}
.app-bkg-color-666 {
  background-color: #666;
}
.app-text-color-666 {
  color: #666;
}
.app-bkg-color-333 {
  background-color: #333;
}
.app-text-color-333 {
  color: #333;
}
/*=====  End of Greysacale background and text  ======*/
/*============================================
=            text graysacle color            =
============================================*/
.app-text-light {
  color: #edf1f2;
}
.app-text-primary {
  color: #7266ba;
}
.app-text-success {
  color: #27c24c;
}
.app-text-info {
  color: #23b7e5;
}
.app-text-warning {
  color: #fad733;
}
.app-text-danger {
  color: #f05050;
}
.app-text-dark {
  color: #3a3f51;
}
.app-text-black {
  color: #1c2b36;
}
/*=====  End of text graysacle color  ====== */
/*==============================
=            tables            =
==============================*/
.app-table table{
  margin-bottom: 0px;
}
.app-table-footer{
  border-top: none;
}
.app-table-footer__records{
  margin-left: 10px;
  line-height: 2.5;
}
/*=====  End of tables  ======*/

/*==============================
=            login           =
==============================*/
.help-block-text-login{
    font-size: 12px;
    position: relative;
}
/*=====  End of login  ======*/
/*==============================
=   Google Map - Toggle =
==============================*/
.pac-container {
    z-index: 10000 !important;
}
/*=====  End of login  ======*/
/*==============================
=      System Alerts       =
==============================*/
.cont-number-alert {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 2px solid #e25454;
    background: #e25454;
}
.number-alert {
    text-align: center;
    display: block;
}

.filter_segment label,.filter_segment select{
  display:inline-block;
}

.filter_segment label{
  position:relative;
  top: 11px;
  width: auto;
}

.filter_segment select{
  width: 21%;
}

.filter_segment{
  width: 100%;
}
/*=====  End of System Alerts ======*/

.leaflet-control-container .leaflet-routing-container-hide {
  display: none;
}