.main {
	margin-top:20px;
}
.card-body {
	padding: 1.25rem;
}
.main i {
	font-size:20px;
}
.ico-small {
	font-size:80% !important;
}
.card-header i {	
	display: inline-block;
    margin-top: -5px;
    vertical-align: middle;
}
.card-actions a {
	padding: 13px 10px 10px 10px !important;
	font-size:0.875rem !important;
	width:auto !important;
}
#form-content {
	display:none;
}
#form-content-2 {
	display:none;
}
#table-lectures {
	display:none;
}
.hide_block {
	display:none;
}
.show_block {
	display:block;
}
a {
	cursor:pointer;
}
.visible {
	display: show;
}
.set_user_account {
	display: block;
}
/* mida de les icones en l'app */
.ico-sc-size {
	font-size: 1.4em !important;
}/* mida de les icones en l'app */
.ico-sc-size-sm {
	font-size: 0.8em !important;
}
/* 
	INICI: Colors especifics de QR Counter

	Colors originals 
	background-color: #20a8d8;
	border-bottom: 1px solid #1985ac;
*/
.app-header.navbar .navbar-brand {
	background-color: #D31A2B;
	border-bottom: 1px solid #97121E;
}
@media (min-width: 992px) {
  .brand-minimized .app-header.navbar .navbar-brand {
    width: 50px;
    background-color: #D31A2B;
    /*background-image: url("../img/logo.png");*/
    background-size: 24px;
    border-bottom: 1px solid #97121E; } 
}
@media (max-width: 991px) {
  .app-header.navbar {
    position: fixed !important;
    z-index: 1020;
    width: 100%;
    text-align: center;
    background-color: #D31A2B;
    border-bottom: 1px solid #97121E; }
    .app-header.navbar .navbar-toggler {
      color: white; 
	}
    .app-header.navbar .nav-link {
      color: white; 
	}
}
.progress-bar {
  height: 1rem;
  line-height: 1rem;
  color: #fff;
  background-color: #E31B2E;
  transition: width 0.6s ease; 
}
.pace .pace-progress {
  position: fixed;
  top: 0;
  right: 100%;
  z-index: 2000;
  width: 100%;
  height: 2px;
  background: #E31B2E; }
/* FI: Colors especifics de QR Counter */

/* INICI Brand */
.app-header.navbar .navbar-brand {
    background-size: 90% auto;
}	
/* FI Brand */

/* INICI: tooltips */
.my-tooltip-small {
	color: #20a8d8 !important;
	font-size: 1em !important;
}
.my-tooltip-smaller {
	color: #20a8d8 !important;
	font-size: 0.75em !important;
}
.tooltip-inner {
    max-width: 350px;
	text-align: left;
    background-color: #2c3334;
}
.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #2c3334;
}
.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #2c3334;
}
.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #2c3334;
}
.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #2c3334;
}
/* FI: tooltipx */

/* INICI: Posar nom client */
.nav_customer {
	color: #D31A2B;
	text-align: left;
	padding-left: 1%;
	font-size: 1rem;
}
.nav_customer_inside {
	color: #D31A2B;
	text-align: left;
	padding-left: 1%;
	font-size: 1rem;
	display: none;
	margin-bottom: 1%;
}
@media (min-width: 992px) {
	.nav_customer { display: block; }
	.nav_customer_inside { display: none; }
}
@media (max-width: 991px) {
	.nav_customer { display: none; }
	.nav_customer_inside { display: block; }
}
/* FI: Posar nom client */

/* Mida minima per que no petin els grids, pero la lia més que una altre cosa i per ara ho trec
@media (max-width: 800px) {
	html, body { min-width:800px; }
} */

/* Que els select2 quedin bé */
.select2-container--bootstrap {
    width: 100% !important;
}

/*
*	VALIDATION STYLES
*/
.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.52344rem;
  background-size: 1.04688rem 1.04688rem; }

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .custom-control {
  color: #79c447; }

.has-success .form-control, .has-success .daterangepicker .input-mini, .daterangepicker .has-success .input-mini, .has-success .input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-color: #79c447; }

.has-success .input-group-addon {
  color: #79c447;
  border-color: #79c447;
  background-color: #e9f6e1; }

.has-success .form-control-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2379c447' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); }

.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .custom-control {
  color: #fabb3d; }

.has-warning .form-control, .has-warning .daterangepicker .input-mini, .daterangepicker .has-warning .input-mini, .has-warning .input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-color: #fabb3d; }

.has-warning .input-group-addon {
  color: #fabb3d;
  border-color: #fabb3d;
  background-color: white; }

.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fabb3d' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); }

.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .custom-control {
  color: #ff5454; }

.has-danger .form-control, .has-danger .daterangepicker .input-mini, .daterangepicker .has-danger .input-mini, .has-danger .input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-color: #ff5454; }

.has-danger .input-group-addon {
  color: #ff5454;
  border-color: #ff5454;
  background-color: white; }

.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff5454' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); }

.has-danger .select2-container {
    border: 1px solid #ff5454;
}

.has-success .select2-container {
  color: #79c447; 
}


/**
* Color fons modals
*/
.modal-primary .modal-content {
	background-color: #d2eef7; }

.modal-secondary .modal-content {
	background-color: #f2f4f8; }

.modal-success .modal-content {
	background-color: #e4f3da; }

.modal-info .modal-content {
	background-color: #e4f3da; }

.modal-warning .modal-content {
	background-color: #fef1d8; }

.modal-light .modal-content {
	background-color: #fefefe; }

.modal-dark .modal-content {
	background-color: #d7d9d9; }

.modal-danger .modal-content {
	background-color: #ffdddd; }

/* INICI: DataTables */
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{font-weight: bold;}
table.dataTable td.reorder{text-align:left}
/* FI: DataTables */

.irs-min .irs-max .irs-from, .irs-to, .irs-single {
	color: black;
}

.loader-modal .modal-dialog{
    display: table;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px);
  }
  
.loader-modal .modal-dialog .modal-content{
  background-color: transparent;
  border: none;
}



/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}