/* app.css file */
@media screen {
html
{
	height: 100%;
	font-size: 12px;
	background-color: white;

}

body
{
	height: calc(100% );
	width: calc(100%);
}

.app
{
	height: 100%;
}

.sciicc-content
{
	height: 100%;
	margin-top: 42px;
}

@media only screen and (min-width: 576px) 
{
	.sciicc-content div.full
	{
		min-height: 100%;
	}
}

.show {
  display: block !important;
}

.fg-cfe
{
	color: #008e5a !important;
}

.bg-cfe
{
	background-color: #008e5a !important;
}

.bd-cfe
{
	border-color: #008e5a !important;
}

.sciicc-subtitle
{
	color: #008e5a !important;
	margin-bottom: 10px;
}

.cipo-form
{
	padding: 10px;
	border-radius: 5px;
	border: solid 1px #efefef;
	background-color: white;
	align-content: center;
}


.imsas-input-busqueda
{
	border: none;
	border-bottom: solid 1px white;
	background: none;
	color: white;
	width: calc(100% - 15px);
}

.cipo-input-busqueda-invitado
{
	border: black;
	border-bottom: solid 1px black;
	background: none;
	color: black;
	width: calc(100% - 15px);
}
}@media screen {
.stm-menu
{
	font-size: 14px;
	padding: 10px;
	background-color: #E72E27;
	border-right: solid 1px #d4d4d4;
	color: #E8E7E7;
	/*xt-shadow: 1px 1px black;*/
	font-weight: 600;
}

.stm-titulo
{
	/*font-size: 20px !important;
	padding: 1px 7px;
	border-radius: 3px;*/
	text-align: center !important;
	color: white !important;
	font-weight: 700;
}

.stm-derecha 
{
  text-align: right !important;
  align-content: right !important;
}

.stm-izquierda
{
  text-align: left !important;
  align-content: left !important;
}

.stm-centrado
{
  text-align: center !important;
  align-content: center !important;
}

.stm-validar-usu
{
	color: #BF2525 !important;
}

.stm-validar-usu-back
{
	background-color: #BF2525 !important;
	color: white !important;
	text-align: center !important;
	font-size: 12px;
}

.stm-usuarios
{
	color: #0D4C97 !important;
}

.stm-usuarios-back
{
	background-color: #565A5E !important;
	color: white !important;
	text-align: center !important;
	font-size: 12px;
}

.stm-unidad-user-back
{
	color: black !important;
	text-align: center !important;
	font-size: 16px !important;
}

.stm-unidad-user-back-color
{
	background-color: #E3E5E6 !important;
}

input[type=checkbox] {
  transform: scale(2.5) !important;
}

.stm-input-small
{
  width: 50px !important;
}

.atm-bordeimagen{
	border:1px solid #CCCCCC;
	padding:5px;
	display:block
}

.scicc-filtros h6
{
	color: #388485;
}

.cipo-section
{
	padding: 0;
	margin: 0;
}

.cipo-section.center
{
	text-align: center;
}

.centrado
{
	text-align: center !important;
}

.cipo-table
{
	border-collapse: collapse;
	width: 100%;
	margin-top: 50px;
}

.cipo-table.reporte
{
	border: solid 1px #dadada;
	width: 100%;
	margin: auto;
	margin-top: 40px;
	background-color: white;
}

.cipo-table thead th
{
	background-color: #D1C5C9;
	/*#BB5352*/
	color: #414143;
	padding: 5px;
	font-weight: 100;
	text-align: center;
	font-weight: bold;
}

.cipo-table.reporte thead th
{
	background-color: #F0F0F0;
	text-shadow: 1px 1px #fff;
}

.cipo-table.reporte thead th.right
{
	text-align: right;
}

.cipo-table td
{
	border-bottom: solid 1px #e0e0e0;
	padding: 5px;
	text-align: center;
}

.cipo-table.reporte tbody td.right
{
	text-align: right;
}

.scicss-btn-lst
{
	padding: 5px;
}

/*Carla*/
.scicss-btn-lst:hover
{
	cursor: pointer;
	background-color: #E56B66;
	color: white !important;
}

.scicc-filters-list
{
	list-style-type: none;
	padding: 0;
	padding-left: 10px;
}

.scicc-info-list li
{
	margin: 5px 0
}

.imsas-square
{
	padding: 1px 7px;
	border-radius: 3px;
}

.imsas-square.armada
{
	background-color: #4DAF76;
}

.imsas-square.desarmada
{
	background-color: red;
}

.sccicc-textarea
{
	resize: none;
	width: 100%;
	padding: 5px;
}

.imsas-title
{
	background-color: #870336;
	/*#A11210*/
	margin: 0;
	padding: 10px 0 5px 20px;
	font-size: 13px;
	color: white;
	position: fixed;
	z-index: 1;
}

.cipo-title.reporte
{
	width: 100%;
}

.cipo-login
{
	font-size: 12px;
	padding: 10px;
	background-image: url("../assets/fondo.jpg");
	text-shadow: 1px 1px white;
	font-weight: 200;
	background-size: cover;
	height: 100%;
	
}

.cipo-fondo
{
	background-image: url("../assets/suterm-gris.png");
	height: 100%;
	align-content: center;
	opacity: 10%;
}

.cipo-fondo2
{
    background-image: url("../assets/suterm-gris.jpg");
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.cipo-login-cointainer
{
	font-size: 12px;
	padding: 10px;
	text-shadow: 1px 1px white;
	font-weight: 200;
}

.cipo-login-merror
{
	color: #B21B1B;
	font-size: 12px;
	font-weight: bold;
}

.eliminado-correcto
{
	color: #2557BA;
	font-size: 18px;
	font-weight: bold;
}

.eliminar-usuario-titulo
{
	color: #B21B1B;
	font-size: 26px;
	font-weight: bold;
}

.switch input { 
    display:none;
}

.switch {
    display:inline-block;
    width:30px;
    height:15px;
    margin:4px;
    transform:translateY(50%);
    position:relative;
}

.slider {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:15px;
    box-shadow:0 0 0 1px #777, 0 0 2px #777;
    cursor:pointer;
    border:2px solid transparent;
    overflow:hidden;
    transition:.2s;
}
.slider:before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background:#777;
    border-radius:15px;
    transform:translateX(-15px);
    transition:.2s;
}

input:checked + .slider:before {
    transform:translateX(15px);
    background:#47A7A9;
}
input:checked + .slider {
    box-shadow:0 0 0 1px #47A7A9,0 0 1px #47A7A9;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
}@media screen {
.catalog-box {
    border: solid 1px #d5d5d5;
    padding: 5px;
    margin-right: 5px;
}

.scicc-filters-list li{
	padding: 5px;
}

.scicc-filters-list li:hover {
	background-color: gainsboro;
	cursor: pointer;
}

.scicc-filters-list li.selected {
	background-color: #505050;
	color: white;
}

.list-title {

	font-weight: 600;
    margin-left: -5px;
}

.scicc-filters-list li i {
    float: right;
    margin-right: 7px;
    margin-top: 3px;
}
}/* app.css file */
@media screen {
.cipo-navbar
{
	background-color: #230505;
	/*#500908-44021B-370707*/
}

.cipo-navbar .dropdown-menu
{
	background-color: #F1F9F9;
}
.navbar-nav li a
{
	color: white !important;
}

.navbar-nav li div a
{
	color: #414143 !important;
}

.cipo-brand
{
	color: #F1EFEF !important;
	/*D7E1DB*/
	font-size: large;
	font-weight: bold;
}

.cipo-nav-user
{
	right: 20;
	color: white;
	font-weight: bold;
}

.sciicc-nav-warning
{
	right: 20;
	color: red !important;
	font-weight: bold;
}
}@media screen {
.scicc-text.activo
{
	color: #42A141;
}

.scicc-text.baja
{
	color: red;
}

.scicc-text.piso
{
	color: #FA29FF;
}

.scicc-text.rep
{
	color: #20ADCB;
}
}@media screen {
@keyframes intro {

  0%   {top: -1000px; opacity: 0};
  100% {top: 0; opacity: 1};
}

.cipo-mensajes
{
  z-index: 10000;
  position: fixed;
  top: 0;
  right: 0;
  padding: 50px 70px 0 0;  
}

.cipo-mensajes ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.cipo-mensajes ul li {
  
  width: 100%;
  z-index: 10000;
  cursor: pointer;
  animation: intro 0.5s;
  padding: 10px 15px;
  margin-bottom: 10px;
}

.cipo-mensajes ul li.success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.cipo-mensajes ul li.danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
}@media print {
  	@page {
  	height: 62mm !important;
  	width: 100mm !important;
    zoom: 20% !important;
    size: landscape !important;
    text-align: center !important;
    position:absolute;
    top:50%;
    left:50%;
    }

    header, footer, nav, aside, table, input, i, main {
      display: none;
    }

    html {
      height: 58mm !important;
      width: 96mm !important;
      zoom: 50% !important;
      size: landscape !important;
      position:absolute;
      top:50%;
      left:50%;
    }
}


/*
@page {size: A4 landscape}

@media print{
  	border: black 1px solid !important;
  	height: 62mm !important;
  	width: 100mm !important;
}

a:after {
  content: " (" attr(href) ") ";
}

a:before {
  content: " (" attr(href) ") ";
}
*/
@media screen {
.btn-reporte
{
	border: none;
	background-color: transparent;
	color: white;
	cursor: pointer;
}

.btn-reporte:hover
{
	font-weight: bold;
}

.scicc-input-busqueda.normal
{
	width: auto !important;
}
}@media screen {
.sidebar 
{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 42px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar-sticky 
{
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) 
{
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather 
{
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}
}
@media screen {
.DashboardContainer {
	width: 100%;
}

.DashboardContainer video {
	width: 100% !important;
}


.DashboardContainer button {
	
	background-color: #048c5c;
	padding: 13px;
	border-radius: 50%;
	border: solid 3px #cbc4c4;
	cursor: pointer;

}

.DashboardContainer button svg {

	fill: white;
	height: 40px;
	width: 40px;
}

.modal-body.webcam {
	padding: 0 !important;
	text-align: center;
}

.imgpreview {

	width: 100%;
	cursor: pointer;
}
}