/************************************************************************
CONTENIDO RESPONSIVO
*************************************************************************/

body{
	font-family: Arial !important;
}

.d-none{
	display: none !important;
}

body {
  background-color: #f2f7ff !important;
}

.br-none {
  border: 0px solid !important;
}
.sh-none {
  box-shadow: none !important;
}
.bg-none {
  background: transparent !important;
}

.btn-inline {
  margin-top: 25px !important;
}

.poll-right {
  float: right !important;
}

body .top-header .logo {
  height: 45px !important;
}

.right-side > .content-header > .breadcrumb {
  padding: 20px 5px !important;
}

.top-header .logo,
.top-header .logo:hover {
  background-image: url(../assets/img/icm_logo.png) !important;
  background-size: contain !important;
}

.skin-white a, .ui-widget-content a {
  color: #1e1e1e !important;
}

.skin-white .dropdown-menu > li > a:hover{
  background-color: #ececec
}

@media screen and (min-width: 992px) {
  .left-side {
    top: 46px !important;
  }
}

.skin-white .logo {
  background-color: #fff !important;
}

.skin-white .left-side {
  background: #fff !important;
}

.skin-white .sidebar > .sidebar-menu > li > a {
    padding: 1.5rem 1.5rem !important;
}

skin-orange .left-side {
  background: #ED7630;
}

.sidebar .sidebar-menu > li > a {
  padding: 1rem 2rem !important;
}

.sidebar .sidebar-menu .treeview-menu > li > a {
  padding: 0.8rem 3rem !important;
  font-size: 13px !important;
}

.skin-white .right-side > .content-header {
  background: none !important;
  box-shadow: none !important;
  padding: 2rem 0rem 0rem 2rem !important;
}

.right-side {
  background-color: transparent !important;
  padding: 0rem 2rem !important;
}

.skin-white .navbar {
    background-color: #f9f9f9 !important;
}

.skin-white .navbar .nav > li > a:hover {
    background: rgb(185 185 185 / 40%) !important;
    color: initial !important;
}

.skin-white .navbar .sidebar-toggle .icon-bar {
    background: gray !important;
}

.skin-white .navbar .nav a, .skin-white .navbar .nav .ui-widget-content a {
    color: initial !important;
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
  .right-login-content {
    padding: 3rem !important;
  }
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12 {
    width: 100% !important;
    display: contents !important;
  }

  button {
    margin-bottom: 5px;
  }

  .btn-inline {
    margin-top: 0em !important;
  }

  .modal-responsive {
    position: fixed !important;
    width: 100% !important;
    left: 0px !important;
    top: 0px !important;
  }

  .ui-tabs .ui-tabs-nav li a {
    font-size: 10px !important;
  }
}