@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");

body {
  background: #292d39;
  width: 100%;
}

  .index-body {
  background: url(/img/background-login-3.jpg) no-repeat bottom center scroll;
  display: block;
    width: 100vw;
    height: 100vh; 
    padding: 0;
    /* text-align: center; */
    color: white;
    background-position: 30% 45%;
    background-color: black;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
} 

/* .index-body {
  font-family: 'Rubik', sans-serif;
  
  background-image: url(/img/background-login-3.jpg) ;
  background-repeat: no-repeat;
  background-position: 30% 45%;
  background-size: cover; 
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  width: 100%;
  position: absolute;
  height: 100%;
} */





/* MEDIDAS PROVISÓRIAS NA INTERFACE */

.navbar {
  border-radius: none !important;
}

.navbar-brand img.img-responsive {
  z-index: 50;
}

.navbar-brand button.close {
  margin: 0 !important;
}

#side-menu li a{
  color: #ffffff !important;
  font-size: 14px !important;
}

.fc-header-left, .fc-header-center, .fc-header-right {
    background-color: #2d323f !important;
    border: none;
}

.fc-header-left h2 {
  color: #ffffff !important;
}

.fc-day-header {
  background-color: #2d323f !important;
  content: #fff !important;
}

.fc-button {
  color: #ffcc04 !important;
  border: 1px #ffcc04 !important;
}

.fc-button:hover {
  background-color: transparent !important;
}

.fc-button:active {
  color: #ffffff !important;
  background-color: #ffcc04 !important;
}

.fc-view {
  background-color: #2d323f !important;
  border: #262b35 !important;
}

.panel-footer {
  padding: 10px !important;
}

.panel-footer p{
  padding: 10px 0 !important;
  color: #ffffff !important;
}

.panel-body {
  background-color: #2d323f !important;
  height: auto;
  /* min-height: 300px !important; */
  border: none;
  object-fit: cover !important;
  object-position: center !important;
  padding: 0 !important;
}


.panel-body::before img{
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center !important;
}


.table-responsive {
  overflow: hidden;
}

#listaCarrinho {
  width: 100% !important;
  margin-top: 50px !important;
}

#listaCarrinho tfoot tr {
  width: 300px !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

#listaCarrinho tr {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-bottom: 10px !important;
}

#btn-finalizar-pagamento {
  width: 200px !important;
  margin: 0 !important;
}


.model-header {
  
  margin-top: 50px !important; 
}


@media only screen and (min-width: 1400px) {
  .banner-body {
    height: 300px !important;
  }
}

@media only screen and (max-width: 590px) {
  .modal-content {
     width: 90vw !important;
  }
}

/* FINAL -  MEDIDAS PROVISÓRIAS NA INTERFACE */


h5 {
  color: #fff;
  font-weight: normal;
}

h4 {
  color: #fff;
  font-weight: bold;
}

.page-header {
  font-size: 24px;
}

/* Event Subscription - start */
.enter-event #page-wrapper {
  margin-left: 0px;
}

.enter-event .details-subtitle {
  margin: 4px 0px;
}

.inscricao {
  margin-top: 20px;
}

.btn-inscricao {
  background: #36c736;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 16px 40px;
}

.event-title {
  font-weight: 500;
  text-transform: uppercase;
}

/* Event Subscription - end */


/* Modals - Start */

.modal.in .modal-dialog .modal-content {
  background: #15171d;
}

.modal.in .modal-dialog .modal-content span {
  color: #fff;
}

.modal.in .modal-dialog .modal-content b {
  color: #ffcd04;
  font-weight: 500;
}

.modal.in .modal-dialog .modal-content .modal-header {
  border-bottom: 1px solid #333847;
}

.modal.in .modal-dialog .modal-content .close {
  opacity: 1.0;
}

.modal.in .modal-dialog .modal-content .close span {
  opacity: 1 !important;
}

.modal.in .modal-dialog .modal-content .modal-footer {
  border-top: 1px solid #333847;
}

.modal.in .modal-dialog .modal-content .modal-footer .btn {
  background: none;
  color: #fff;
}

.modal.in .modal-dialog .modal-content .modal-header .modal-title {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}

/* Modals - End */

.navbar {
  margin-bottom: 30px !important;
}

.navbar-brand > img {
  max-height: 25px
}

.navbar-brand {
  height: auto;
}

.panel-body h4 {
  border-bottom: 1px solid #36c736;
}

.navbar.navbar-default.navbar-static-top {
  padding: 15px 0px;
}

#side-menu li a i {
  margin-right: 12px;
}

.panel-body .nav-pills > li.active > a, .panel-body .nav-pills > li.active > a:focus, .panel-body .nav-pills > li.active > a:hover {
  background-color: #36c736;
  color: #fff;
}

.panel-body .nav-pills li.active a:hover {
  color: #fff;
}

span {
  color: #777;
}

.inline-block {
  display: inline-block !important;
}

.subsection-title {
  color: #fff;
}

.photo-grid i {
  color: #337ab7;
  margin-top: 6px;
}

.photo-grid img {
  border-radius: 4px;
}

.tags-category .badge {
  background: #36c736;
  font-weight: 500;
}

.tags-category .badge a {
  color: #fff;
  margin-right: 4px;
}

/* ATHELETE PROFILE - BEGIN */

.details-subtitle {
  color: #ffcd04 !important;
  font-size: 14px;
  font-weight: 500;
  margin: 10px 0px;
  display: inline-block;
}

.detail-data {
  color: #fff;
}

.profile-pic {
  text-align: center;
}

.profile-pic img {
  border-radius: 50%;
  margin: 0 auto;
}

.profile-status .progress {
  margin-top: 20px;
  height: 40px;
  border-radius: 20px;
}

.profile-status .progress .progress-bar {
  line-height: 40px;
}

.photos-videos .col-lg-6:first-child {
  border-right: 1px solid #333847;
}

.photos-videos h5 {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

.photos-videos img {
  border-radius: 8px;
}

/* ATHLETE PROFILE - END */


/* BUTTONS - BEGIN */

.btn-add-small {
  background: #333847;
  color: #fff;
  padding: 5px 17px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #333847;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
}
.btn-add-small:hover {
  background: #333847;
  color: #36c736;
  text-decoration: none;
  border: 1px solid #36c736;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;


}

.btn-save-infos {
  background: none;
  border: 1px solid #ffcd04;
  color: #ffcd04;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 16px;
  border-radius: 4px;
}

.btn-adicionar {
  color: #fff;
  background: #36c736;
  border: 1px solid #36c736;
}

/* @media  only screen and (min-device-width: 320px), 
        only screen and (max-device-width: 812px), 
        only screen and (-webkit-min-device-pixel-ratio: 2), 
        only screen and ( min--moz-device-pixel-ratio: 2), 
        only screen and ( -o-min-device-pixel-ratio: 2/1) { 

  .img-proporcional {
    max-width: 100%; 
    height: 300px; 
    object-fit: cover; 
    object-position: center !important;    
  } 
}  */

.img-proporcional {
  max-width: 100%; 
  height: 200px; 
  object-fit: cover; 
  object-position: center !important;
}

.img-proporcional-capa {
  max-width: 100%; 
  height: 300px; 
  object-fit: cover; 
  object-position: center !important;
}

@media  only screen and (min-device-width: 320px), 
        only screen and (max-device-width: 812px), 
        only screen and (-webkit-min-device-pixel-ratio: 2), 
        only screen and ( min--moz-device-pixel-ratio: 2), 
        only screen and ( -o-min-device-pixel-ratio: 2/1) { 

  .add-champ {
    margin: 21px 0px 0px 0px;
    padding-right: 15px;
    padding-left: 15px;    
  } 
} 

.add-champ {
  display: block;
  margin: 21px 0px 0px 0px;
}

.btn-add-champ {
  background: none;
  border: 1px solid #36c736;
  color: #36c736;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  padding: 9px 16px;
  border-radius: 4px;
}

.btn-add-dourado {
  background: none;
  color: #ffcc04;
  border: solid 1px #ffcc04;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  padding: 9px 16px;
  border-radius: 4px;
}

.btn-search {
  background: none;
  border: 1px solid #36c736;
  color: #fff;
  background: #36c736;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  padding: 9px 16px;
  border-radius: 4px;
}

/* BUTTONS - END */

/* Club Configs - BEGIN*/

.configs .page-header {
  display: inline-block;
  margin: 0px;
  border: 0px;
  color: #fff;
}

.configs .save-infos {
  display: block;
  float: right;
}

.configs .nav.nav-pills.nav-justified {
  padding: 20px 0px;
}

.configs .nav-pills > li.active > a, .configs .nav-pills > li.active > a:focus, .configs .nav-pills > li.active > a:hover {
  background-color: #292d39;
}

.configs .nav-pills li a {
  color: #ffcd04;
}

.configs .nav-pills li.active a:hover {
  color: #ffcd04;
}

/* Club Configs - END */


/* Club Atletas - BEGIN*/

.atletas .page-header {
  display: inline-block;
  margin: 0px;
  border: 0px;
  color: #fff;
}

.atletas .save-infos {
  display: block;
  text-align: right;
}

/* Club Atletas - END */


/* Club Atleta Novo - BEGIN*/

.atleta-novo .page-header {
  display: inline-block;
  margin: 0px;
  border: 0px;
  color: #fff;
}

.atleta-novo .save-infos {
  display: block;
  float: right;
}

.atleta-novo .nav.nav-pills.nav-justified {
  padding: 20px 0px;
}

.atleta-novo .nav-pills > li.active > a, .atleta-novo .nav-pills > li.active > a:focus, .atleta-novo .nav-pills > li.active > a:hover {
  background-color: #292d39;
}

.atleta-novo .nav-pills li a {
  color: #ffcd04;
}

.atleta-novo .nav-pills li.active a:hover {
  color: #ffcd04;
}

/* Club Atleta Novo - END */


/* Club events - BEGIN*/

.events .page-header {
  display: inline-block;
  margin: 0px;
  border: 0px;
  color: #fff;
}

.events .save-infos {
  display: block;
  float: right;
}

.events .nav.nav-pills.nav-justified {
  padding: 20px 0px;
}

.events .nav-pills > li.active > a, .events .nav-pills > li.active > a:focus, .events .nav-pills > li.active > a:hover {
  background-color: #292d39;
}

.events .nav-pills li a {
  color: #ffcd04;
}

.events .nav-pills li.active a:hover {
  color: #ffcd04;
}

/* Club events - END */

/*#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    }*/

    body .overlay {
      display: none;
    }



    .banner-sec {
      border-radius: 10px;
      padding: 0;
      position: absolute;
      top: 25%;
      left: 5%;
      background: rgba(0, 0, 0, 0.5);
      min-height: 374px;
      max-width: 50%;
    }

    .login-sec {
      margin-top: 10% !important;
      /* margin: 10px; */
      padding: 25px 25px;
      position: relative;
      /* top: 50%; */
      /* left: 10%; */
      background: #292d39;
      border-radius: 10px;
      /* max-width: 350px; */
      box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    }

    .login1-sec {
      margin-top: 10% !important;
      /* margin: 10px; */
      padding: 25px 25px;
      position: relative;
      /* top: 50%; */
      /* left: 10%; */
      background: rgba(0, 0, 0, 0.5);
      border-radius: 10px;
      /* max-width: 350px; */
      box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    }

    .signup-block .login-sec {
        right: 5%;
        max-width: 430px;
        top: 14%;
    }

    .login-sec a {
      width: 100%;
      text-align: center;
      display: block;
      color: #fff;
      text-decoration: underline;
      margin-top: 12px;
    }

    .login-sec .copy-text {
      position:absolute;
      width:80%;
      bottom:20px;
      font-size:13px;
      text-align:center;
    }
    .login-sec .copy-text i {
      color:#FEB58A;
    }
    .login-sec .copy-text a {
      color:#E36262;
    }
    .login-sec h2 {
      margin-bottom: 30px;
      font-weight: 600;
      font-size: 20px;
      text-transform: uppercase;
      color: #DE6262;
    }
    /*.login-sec h2:after {
      content:" "; width:100px;
      height:5px;
      background:#FEB58A;
      display:block;
      margin-top:20px;
      border-radius:3px;
      margin-left:auto;
      margin-right:auto;
      }*/

      .login-sec .login-form .form-group label {
        font-size: 12px;
        font-weight: 500;
        color: #777;
      }

      .btn-login {
        font-size: 14px;
        background: #36c736;
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
        display: block;
        margin-top: 20px;
        width: 100%;
        padding: 10px 0px;
      }

      .btn-login:hover {
        color: #fff;
        background: #2FAD2F;
      }

      .banner-text {
        width: 70%;
        position: absolute;
        bottom: 130px;
        padding-left: 60px;
      }
      .banner-text h2 {
        color:#fff;
        font-weight:500;
      }
      .banner-text h2:after {
        content:" ";
        width:100px;
        height:5px;
        background:#FFF;
        display:block;
        margin-top:20px;
        border-radius:3px;
      }
      .banner-text p {
        color:#fff;
      }

      .btn-leia {
        color: #fff;
        border: 1px solid #fff;
        transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        position: absolute;
        padding: 10px 45px;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 2px;
      }

      .btn-leia:hover {
        color: #fff;
        border: 1px solid #fff;
        opacity: .5;
      }



      #wrapper {
        width: 100%;
      }
      #page-wrapper {
        padding: 0 15px;
        min-height: 568px;
        background-color: #181c28;
        /* padding-top: 30px !important; */
      }
      @media (min-width: 768px) {
        #page-wrapper {
          position: inherit;
          margin: 0 0 0 250px;
          padding: 0 30px;
          /*border-left: 1px solid #e7e7e7;*/
        }
      }
      .navbar-top-links {
        margin-right: 0;
      }
      .navbar-top-links li {
        display: inline-block;
      }
      .navbar-top-links li:last-child {
        margin-right: 15px;
      }
      .navbar-top-links li a {
        padding: 15px;
        min-height: 50px;
        color: #36c736;
      }
      .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;
      }
      .sidebar .sidebar-nav.navbar-collapse {
        padding-left: 0;
        padding-right: 0;
      }
      .sidebar .sidebar-search {
        padding: 15px;
      }
      .sidebar ul li {
        border-bottom: 1px solid #14161C;
      }
      .sidebar ul li a {
        color: #36c736;
        padding: 20px 15px;
      }
      .sidebar ul li a.active {
        background-color: #21242E;
      }
      .sidebar .arrow {
        float: right;
      }
      .sidebar .fa.arrow:before {
        content: "\f104";
      }
      .sidebar .active > a > .fa.arrow:before {
        content: "\f107";
      }
      .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;
      }
      @media (min-width: 768px) {
        .sidebar {
          z-index: 1;
          position: absolute;
          width: 250px;
          margin-top: 66px;
        }
        .navbar-top-links .dropdown-messages,
        .navbar-top-links .dropdown-tasks,
        .navbar-top-links .dropdown-alerts {
          margin-left: auto;
        }
      }
      .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-panel {
        margin-top: 25%;
      }
      .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;
        }
      }



      /* Bootstrap Modifications */
      .panel-default {
        -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
        box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
        border-radius: 4px;
        border: none;
        background: none;
      }

      .navbar {
        background-color: #fff;
      }

      .navbar-default {
        background-color: #292d39;
        border-color: #14161C;
      }

      .nav > li > a:focus, .nav > li > a:hover {
        background-color: #21242e;
      }

      .panel-primary > .panel-heading {
        color: #fff;
        background-color: #292d39;
        border-color: #292d39;
      }

      .panel-primary {
        border-color: #292d39;
        background: none;
        -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
        box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
      }

      .panel-default > .panel-heading {
        color: #FFF;
        background-color: #292d39;
        border-color: #333847;
        font-weight: 500;
        text-transform: uppercase;
        padding: 20px 30px;
      }

      .panel-heading {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
      }

      .panel-body {
        background: #292d39;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
      }

      thead {
        color: #fff;
      }

      td {
        color: #ffcd04;
      }

      td a {
        margin-right: 10px;
      }

      .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        border-top: 1px solid #333847;
      }

      .table > thead > tr > th {
        border-bottom: 2px solid #333847;
      }

      label {
        font-weight: 400;
        color: #fff;
      }

      @media (max-width: 1400px) {
        .btn-add-small {
          padding: 5px 10px;        
        }
      }

      @media (max-width: 768px) {
        .profile-status {
          margin-bottom: 24px;
        }

        .photos-videos .btn-add-small {
          float: right;
        }

        .photos-videos .col-lg-6:first-child {
          border-bottom: 1px solid #333847;
          border-right: 0px;
          margin-bottom: 10px;
          padding-bottom: 20px;
        }

        .table-responsive {
          border: 0px;
        }

        .photos .row:first-child, .videos .row:first-child {
          margin-bottom: 15px;
        }

        .navbar-default .navbar-collapse, .navbar-default .navbar-form {
          border-color: #292d39;
        }
      }

      @media (max-width: 500px) {
        .profile-status {
          margin-bottom: 24px;
        }

        .photos .row:first-child, .videos .row:first-child {
          margin-bottom: 0px;
        }

        .photos-videos .col-lg-6:first-child {
          padding-bottom: 0px;
        }
        .photos-videos .btn-add-small {
          float: right;
        }

        .navbar-default .navbar-collapse, .navbar-default .navbar-form {
          border-color: #292d39;
        }

        .navbar-top-links .dropdown-user {
          left: 0;
        }

        .photos-videos img {
          border-radius: 8px;
          width: 100%;
          margin: 10px 0px;
        }

        .table-responsive {
          border: none;
        }

        .login-sec {
          position: inherit;
          max-width: 100%;
          border-radius: 0px;
        }

        .banner-sec {
          position: inherit;
          max-width: 100%;
          min-height: auto;
          border-radius: 0px;
        }

        .banner-text {
          width: 100%;
          position: inherit;
          padding: 10px;
        }

        .btn-leia {
          position: inherit;
        }
      }


      .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: #21242e;
        border-color: #21242e;
      }

      .photos-videos .btn-add-small {
        float: right;
      }

      .photos .row:first-child, .videos .row:first-child {
        margin-bottom: 15px;
      }

      @media only screen 
      and (-webkit-min-device-pixel-ratio: 2), 
      only screen 
      and ( min--moz-device-pixel-ratio: 2), 
      only screen 
      and ( -o-min-device-pixel-ratio: 2/1) {
        .login-sec .login-form .form-group label {
          font-size: 40px !important;
          font-weight: 500 !important;
          color: #fccb03 !important
        }

        .input-login-mobile {
          height: 80px !important; 
          font-size: 40px !important;
        }

        .btn-login-mobile {
          height: 100px !important;
          font-size: 30px !important;
        }

        .form-check-label-login{
          font-size: 40px !important;
          margin-top: 3% !important;
          margin-bottom: 3% !important;
        }

        .form-check-input-login{
          min-width: 30px !important;
          min-height: 30px !important;
        }

        .label-nao-cadastro-login
        {
          font-size: 35px !important;
          margin-top: 3% !important;
          margin-bottom: 3% !important;
        }

        .p-login{
          font-size: 32px
        }

        .h2-login{
          font-size: 50px;
        }

        .error-login{
          font-size: 35px;
          padding: 15px;
        }
       }

      /* Portrait and Landscape iPhone 5, 6+, 7+ e 8+*/
      @media only screen 
      and (min-device-width: 320px) 
      and (max-device-width: 812px) 
      and (-webkit-min-device-pixel-ratio: 3)
      /* uncomment for only portrait: */
      /* and (orientation: portrait) */
      /* uncomment for only landscape: */
      /* and (orientation: landscape) */ { 
        .login-sec .login-form .form-group label {
          font-size: 40px !important;
          font-weight: 500 !important;
          color: #fccb03 !important
        }

        .input-login-mobile {
          height: 80px !important; 
          font-size: 40px !important;
        }

        .btn-login-mobile {
          height: 100px !important;
          font-size: 30px !important;
        }

        .form-check-label-login{
          font-size: 40px !important;
          margin-top: 3% !important;
          margin-bottom: 3% !important;
        }

        .form-check-input-login{
          min-width: 30px !important;
          min-height: 30px !important;
        }

        .label-nao-cadastro-login
        {
          font-size: 35px !important;
          margin-top: 3% !important;
          margin-bottom: 3% !important;
        }

        .p-login{
          font-size: 32px
        }

        .h2-login{
          font-size: 50px;
        }

        .error-login{
          font-size: 35px;
          padding: 15px;
        }
      }

      /* Portrait and Landscape iPhone 5, 6, 6S, 7 e 8 */
      @media only screen 
      and (min-device-width: 320px) 
      and (max-device-width: 812px) 
      and (-webkit-min-device-pixel-ratio: 2)
      /* uncomment for only portrait: */
      /* and (orientation: portrait) */
      /* uncomment for only landscape: */
      /* and (orientation: landscape) */ { 
        .login-sec .login-form .form-group label {
          font-size: 40px !important;
          font-weight: 500 !important;
          color: #fccb03 !important
        }

        .input-login-mobile {
          height: 80px !important; 
          font-size: 40px !important;
        }

        .btn-login-mobile {
          height: 100px !important;
          font-size: 30px !important;
        }

        .form-check-label-login{
          font-size: 40px !important;
          margin-top: 3% !important;
          margin-bottom: 3% !important;
        }

        .form-check-input-login{
          min-width: 30px !important;
          min-height: 30px !important;
        }

        .label-nao-cadastro-login
        {
          font-size: 35px !important;
          margin-top: 3% !important;
          margin-bottom: 3% !important;
        }

        .p-login{
          font-size: 32px
        }

        .h2-login{
          font-size: 50px;
        }

        .error-login{
          font-size: 35px;
          padding: 15px;
        }
        
      }

      .error-login{
        padding: 15px 15px 15px 0px;
      }

      .is-invalid{
        border: 2px solid red;
      }
      
      /* @media only screen and (-webkit-min-device-pixel-ratio: 2), 
      only screen and ( min--moz-device-pixel-ratio: 2), 
      only screen and ( -o-min-device-pixel-ratio: 2/1) { 
      
      
      } */