@media screen and (max-width: 769px){
      .calenda{
      display: none;
      }
      }
      .row {
      margin-right: -15px;
      margin-left: 0px;
      }
      @media screen and (min-width: 769px){
      .wrap .content {
      left: 22em;
      right: 0;
      }
      }
      @media screen and (max-width: 769px){
      .backquem {
      background: #efefef;
      height: auto;
      background-size: 100%;
      }
      }
      #calendarContainer-day-20{
      background:rgba(33, 84, 229, 0.76);;
      }
      #calendarContainer-day-11{
      background:rgba(33, 84, 229, 0.76);;
      }
      .col-xs-2 {
      width: 14.2%;
      /* padding: 0%; */
      }
      .mob {width:400px; margin:20px auto; padding:10px;}
      .history_wrap{width:100%; float:left; height:auto; }
      .history_list{    float: left;
      width: 100%;
      background: white;
      margin: 10px 0px;
      padding: 2%;
      border-radius: 3px;
      box-shadow: 0 0 3px #aaa;}
      .history_item_name{float:left; width:100%; padding:0px 10px; }
      .history_rate{float:left; width:30%; text-align:right; padding:0 10px;}
      .history_status{    float: left;
      width: 100%;
      padding: 5px 10px;
      background: #ececec;}
      .history_status .label{float:left;}
      .history_total{float:right;}
      hr {
      margin-top: 25px;
      margin-bottom: 2px;
      border: 0;
      border-top: 1px solid #eee;
      }
      .modal-backdrop.in {
      filter: alpha(opacity=50);
      opacity: .5;
      z-index: -1;
      }
      .btn-default {
      color: #203b8b;
      width: 100%;
      font-size: 11px;
      background-color: #fff;
      margin: 2% 0% 5% 0%;
      border-color: #ccc;
      }
      .modal-header {
      padding: 15px;
      border-bottom: 1px solid #e5e5e5;
      background: #1f3a8b;
      }
      .history_item_name span.item {
      width: 100%;
      float: left;
      margin-bottom: 2%;
      color: #163182;
      padding-bottom: 3%;
      font-size: 12px;
      border-bottom: 1px solid #d4d4d4;
      margin-top: 0%;
      }
      /*CSS DA AGEENDA */
      .dia-ag{
      padding: 0px;
      margin-bottom: 0px;
      color: #003c84;
      text-align: center;
      }
      .dia-0000000{
      font-size: 0.9rem;
      font-weight: bold;
      text-align: center;
      }
      .padding-do-evento{
      padding: 1%;
      border-top: none;
      }
      .dia-1111111 {
      font-size: 0.9rem;
      color: white;
      background: #0a60ab;
      padding: 2%;
      padding-bottom: 0p;
      border-radius: 2px;
      font-weight: 700;
      margin: 4px 0px;
      margin-bottom: 0p;
      height: 12.4px;
      overflow: hidden;
      }
      hr {
      margin-top: 5%;
      margin-bottom: 2px;
      border: 0;
      border-top: 1px solid #eee;
      }
      .outro-mes{
      color: #afafaf;
      }
      .btn-success {
      color: #fff;
      background-color: #002a5d;
      border-color: #002a5d;
      }
      .btn-success:hover {
      color: #fff;
      background-color: #003c84;
      border-color: #003c84;
      }
      .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
      color: #fff;
      background-color: #003c84;
      border-color: #003c84;
      }
      select{
      outline: none;
      }

      .estiloDia{
        cursor:pointer;
        transition: .1s ease-in;
      }

      .estiloDia:hover{
        transition: .1s ease-in;
        background: #e2f4f5;
      }

      .col-xs-2 {
         width: 14.2%;
         /* padding: 0%; */
         }
         .mob {width:400px; margin:20px auto; padding:10px;}
         .history_wrap{width:100%; float:left; height:auto; }
         .history_list{    float: left;
         width: 100%;
         background: white;
         margin: 10px 0 0;
         padding: 3%;
         border-radius: 3px;
         box-shadow: 0 0 3px #aaa;}
         .history_item_name{float:left; width:100%; padding:0px 10px; }
         .history_rate{float:left; width:30%; text-align:right; padding:0 10px;}
         .history_status{    float: left;
         width: 100%;
         padding: 5px 10px;
         background: #ececec;}
         .history_status .label{float:left;}
         .history_total{float:right;}
         hr {
         margin-top: 25px;
         margin-bottom: 2px;
         border: 0;
         border-top: 1px solid #eee;
         }
         .modal-backdrop.in {
         filter: alpha(opacity=50);
         opacity: .5;
         z-index: -1;
         }
         .btn-default {
         color: #203b8b;
         width: 100%;
         font-size: 11px;
         background-color: #fff;
         margin: 2% 0% 5% 0%;
         border-color: #ccc;
         }
         .modal-header {
         padding: 15px;
         border-bottom: 1px solid #e5e5e5;
         background: #002a5d;
         }
         .history_item_name span.item {
         width: 100%;
         float: left;
         margin-bottom: 2%;
         color: #163182;
         padding-bottom: 3%;
         font-size: 12px;
         border-bottom: 1px solid #d4d4d4;
         margin-top: 0%;
         }
         hr {
         margin-top: 5px;
         margin-bottom: 2px;
         border: 0;
         border-top: 1px solid #eee;
         }
         .btn-success {
         color: #fff;
         background-color: #002a5d;
         border-color: #002a5d;
         }
         .btn-success:hover {
         color: #fff;
         background-color: #003c84;
         border-color: #003c84;
         }
         .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
         color: #fff;
         background-color: #003c84;
         border-color: #003c84;
         }
         .pintarHora{
         height: 100px;
         float: left;
         z-index: 10;
         position: absolute;
         top: 0;
         left: 0;
         transition: .2s ease-in;
         cursor: pointer;
         }
         .pintarHora:hover{
         transition: .2s ease-in;
         background: rgba(55, 101, 236, 0.5);
         }