/*
Description: Estilos creados para S-cool
Author: @JoelB
Version: 1.0 
*/


/* Index of this css file
-------------------------
    1. General
    2. Basics
    3. Header
    4. Navigation
    5. Footer 
------------------------*/
/* On desktop */
@media (min-width: 767px) {
  .hide{
    display: initial !important;
  }

  .hideInverse{
    display: none !important;
  }

  .navbar-seanjs {
    margin-left: 220px;
  }

  .no-pad{
    padding: 0;
  }
}


/* 1. General
----------------------------------- */
@media(min-width:768px) {
  .no-pad{
    padding: 0;
  }
  .no-pad-right{
    padding-right: 0;
  }
  .no-pad-left{
    padding-left: 0;
  }
  .no-pad1{
    padding: 0 23px;
  }

  .col-22-p{
    width: 22%;
  }
  .col-28-p{
    width: 28%;
  }
}

/* 2. Basics
----------------------------------- */
/*Hide Columns*/
@media (max-width: 582px) {
  .hide2{
    display: none;
  }
}

@media (max-width: 1280px) {
  .hide4{
    display: none;
  }
}

@media (max-width: 768px) {
  .hide1{
    display: none;
  }


  .hide, .navbar-logo{
    display: none;
  }

  .hideInverse{
    display: initial;
  }
  .sidenav {
    margin-left: -220px;
    margin-top: 57px;
  }
  .navbar-right{
    margin-right: 0 !important;
  }
  .user-dropdown{
    text-align: right !important;
  }
}
@media (min-width: 768px) {
  .hide3{
    display: none !important;
  }
}
/* 3. Header
----------------------------------- */


@media (max-width: 767px) {
  /* ngDialog Confirm */
.confirm .buttons{
    padding-bottom:1em; 
    padding-right:1em;
}

.confirm .title{
    text-align: center;
    padding: 1em 0.5em;
}
}

@media (min-width: 768px) {
  .schedules .btn-field{
    position: relative; 
    top:30px; 
  }

  .btn-field-bulk{
    position: relative; 
    top:23px; 
  }
}

@media (max-width: 767px) {
  .inputSearch, .createNew .btn-main{
    width: 100%;
  }

  .createNew .btn-main{
    margin-top: 10px !important;
  }

  .gridCourse{
    margin-bottom: 0 !important;
  }
  .gridCourse:last-child{
    margin-bottom: 1em !important;
  }

  .btn-submit{
    margin-left: 0 !important;
    margin-top: 10px;
  } 

  .listTabs .ng-isolate-scope{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .listTabs .nav-tabs>li>a {
    color: #A3AEBE;
    border: none;
    border-bottom: solid 2px #FFF;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600; 
    min-width: 100px;
    text-align: center; 
    padding: 11px 15px;
  }
}

/*DashBoard*/
 @media (min-width:1500px) and (max-width:1920px)  {
  .dash .tarjet{
    min-height: 100px;
  }
}
@media (min-width:1200px) and (max-width:1499px) {
  .dash .tarjet{
    min-height: 242px;
  }
}
@media (max-width:1199px) and (min-width:1066px) {
  .dash .tarjet{
    min-height: 312px;
  }
}
@media (max-width:1065px) and (min-width:970px) {
  .dash .tarjet{
    min-height: 284px;
  }
}
@media (max-width:969px) and (min-width:768px) {
  .dash .tarjet{
    min-height: 242px;
  }
}
@media (max-width:767px) {
  .dash .tarjet{
    min-height: 100px;
  }
}