@font-face {
	font-family: Rajdhani;
	src: url(../fonts/Rajdhani-Regular.ttf);
	font-weight: 400;
}

@font-face {
	font-family: Rajdhani;
	src: url(../fonts/Rajdhani-Medium.ttf);
	font-weight: 500;
}

@font-face {
	font-family: Rajdhani;
	src: url(../fonts/Rajdhani-Bold.ttf);
	font-weight: 700;
}

html, body {
	font: normal 15px/27px "Rajdhani", Helvetica, Arial, Verdana, sans-serif;
	word-spacing: normal;
	background-color: #000;
	color: #fff;
	scroll-behavior: smooth;
    line-height: 19px;
    height: 100%;
}

h2 {
	font: 32px/42px "Rajdhani", Helvetica, Arial, Verdana, sans-serif;
	text-transform: none;
	font-size: 25px;
}

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

a, a:hover {
	color: #0d76a6;
}

footer {
	text-align: center;
	background: linear-gradient(135deg, #2d6d90 0%, #479dbd 100%);
	color: #fff;
	height: 95px;
}

footer a{
	color: #fff;
}

form label {
	color: #006e93;
}

hr{
	width: 200px;
    margin: auto;
    border: 1px solid #2d6d90;
    margin-top: 0;
    border-top: none;
    max-width: 100%;
}

video {
    object-fit: cover;
}

.title_base {
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px;
    color: #2c6d93;
}

.list_tlv {
    background-color: #f9f9f9;
    padding: 20px;
}

.form-control, .custom-select {
	border: solid 1px #58595b;
}

.btn-warning {
    border-radius: 50px;
    min-height: 38px;
}

.commands {
    margin: 0 10px;
}

.search_container {
}

input.form-control.search {
}

span#Search {
    border: none;
    color: #046a91;
}

.form-control:focus {
    box-shadow: unset;
}
/*
.table.table-hover {
    color: #fff;
}

.table thead th {
	border: none;
    text-align: center;
    padding: unset;
}

.table .th {
}

.table td{
	border: none;
    padding: 0;
    vertical-align: middle;
}

.table .td{
    border: solid 1px #58595b;
    border-right: none;
    width: 100%;
    height: 30px;
    padding: 5px;
    margin: 5px 0;
    overflow: hidden;
    color: #6f7076;
}

.table thead tr:first-child{
	border: none;
}

.pagination_static {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}*/

/* table { border-collapse: separate;  border-spacing: 10px;} *//*
td:first-child .td, td:first-child{ border-top-left-radius: 50px; }
td:last-child .td, td:last-child{ border-top-right-radius: 50px; }
td:first-child .td, td:first-child{ border-bottom-left-radius: 50px; }
td:last-child .td, td:last-child{ border-bottom-right-radius: 50px; }
td:last-child .td{ border-right:solid 1px #2d6d90;}*/

.card-body {
    padding: 1rem;
}

.td .action {
    background-color: #d1d3d4;
    border-radius: 26px;
    padding: 5px;
    font-size: 20px;
    color: #046a91;
    width: 30px;
    height: 30px;
    margin-top: -5px;
}

.button{
    background: linear-gradient(135deg, #2d6d90 0%, #479dbd 100%);
    border-radius: 100px;
    padding: 0px 20px;
    min-height: 38px;
    line-height: 38px;
    float: right;
    color: #fff;
    border: none;
    cursor: pointer;
    outline: none !important;
}

#calendar .tab-content {
    transition: all .3s;
}

.modal-backdrop.show {
    opacity: .3;
}

.modal-dialog-centered {
	height: calc(100% - (1.75rem * 2))
}
  
.pointer {
	cursor: pointer;
}

.help{
	cursor: help;
}

.strength {
	transition: all 0.5s ease-out;
	height: 0;
	overflow: hidden;
	text-align: center;
}

#strength.mb-2 {
	height: 25px;
}

.weak {
	background-color: red;
	width: 33%;
	color: #fff;
}

.medium {
	background-color: yellow;
	width: 66%;
}

.strong {
	background-color: green;
	width: 100%;
	color: #fff;
}

#pww_msg.mb-2 {
	height: 80px;
}

.container.login {
    margin-top: -120px;
}

.card {
    border: 3px solid #2d6d90;
    border-radius: 0;
}

.login .card-header, .form .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background: linear-gradient(135deg, #2d6d90 0%, #479dbd 100%);
    color: #fff;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    width: 75%;
    margin: -25px auto 0;
}

.login .input_container, .form .input_container{
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
}

.login .icon{
    background-color: #d1d3d4;
    color: #046a91;
    border-radius: 25px;
    padding: 9px;
    width: 45px;
    font-size: 30px;
    text-align: center;
    float: left;
}

.login .input {
    background-color: #d1d3d4;
    color: #58595b;
    width: 67%;
    border: none;
    height: 45px;
    margin-left: 13px;
    padding-left: 10px;
}

.login ::placeholder{
	color: #58595b;
}

.forgot{
	color: #6d6e71;	
}

.alert {
    max-width: 750px;
    margin: auto;
}

.nav-link:hover {
	text-decoration: underline;
}

.navbar-nav>li.dropdown:hover>a, .navbar-nav>li.dropdown:hover>a:hover,
	.navbar-nav>li.dropdown:hover>a:focus {
	background-color: rgb(231, 231, 231);
	color: rgb(85, 85, 85);
}

li.dropdown:hover>.dropdown-menu {
	display: block;
	padding: 7px;
	top: 22px;
}

.banner {
    width: 100%;
    height: 250px;
    background-image: url(../img/cubosVal_foto3_lv.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    margin: 10px 0;
    position: relative;
}

.banner h1 {
    width: 345px;
    position: absolute;
    bottom: 0;
    margin-left: 20px;
    text-transform: uppercase;
    margin-bottom: 0;    
}

.page_text {
    text-align: center;
    margin: 20px auto 20px;
}

.page-item.active .page-link {
	z-index: unset;
	color: #fff;
	background-color: #2b7090;
	border-color: #2b7090;
}

.card {
	box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1);
}

.form_card {
	border: 1px solid #ced4da;
	padding: .375rem .75rem;
	line-height: 1.5;
	border-radius: .25rem;
}

.container.form {
	margin: 50px auto;
}

#bottom {
	margin: 50px 0 30px 0;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before
	{
	top: 0;
	border-width: .4rem .4rem 0;
	border-top-color: #006e93;
}

.tooltip-inner {
	max-width: 200px;
	padding: .25rem .5rem;
	color: #fff;
	text-align: center;
	background: linear-gradient(135deg, #0d76a6 30%, #13a8c6 100%);
	border-radius: .25rem;
}

td.action div.action {
    max-height: 100px;
    overflow: hidden;
}

.time {
    float: left;
    background-color: #479cbd;
    border-left: 2px solid rgba(66, 68, 90, 0.25);
    text-align: center;
}

.time div {
    line-height: 26px;
    color: #fff;
    padding: 0 2px 0 2px;
}

.info {
    color: #fff;
    background-color: #479dbd;
}

.calendar-container-title{
    display: grid;
    border: 2px solid rgba(66, 68, 90, 0.25);
    border-radius: 0.15em;
    width: 100%;
    height: 25px;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    border-bottom: none;    
}

.calendar-container {
    display: grid;
    border: 2px solid rgba(66, 68, 90, 0.25);
    border-radius: 0.15em;
    padding: 1em 0;
    overflow-y: auto;
    grid-template-columns: repeat(7, 1fr);
}

.calendar-container div {
    margin: 1px 3px;
    background: rgba(66, 68, 90, 0.075);
    border: 2px solid transparent;
    border-radius: 0.15em;
    transition: all 0.3s;
    cursor: pointer;
    flex: 0 13%;
    height: 20px;
    margin-bottom: 5px;
}

.calendar-container div.selected {
    background: #7febc2;
    border: 2px solid rgba(0, 0, 0, 0.075);
}

.selection {
    background: rgba(46, 115, 252, 0.11);
    border-radius: 0.1em;
    border: 2px solid rgba(98, 155, 255, 0.81);
}

/*** loading ***/
.load {
    position: relative;
    margin: 0 auto;
    width: 120px;
    height:0px;
    overflow: hidden;
    transition: all .25s ease-in;
}

.waiting{
    margin: 13px auto;
    height:100px;
}

.door {
    position: absolute;
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -20px;
    width: 140px;
    height: 140px;
    z-index: 1;
    border: 70px solid #fff;
    border-radius: 75px;
    transition: border .5s ease-in;
}

.hole{
    border: 0 solid #fff;
}

.door_container {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}

.door_bg{
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -15;
}
.gear {
  	position: absolute;
  	z-index: -10;
  	width: 40px;
  	height: 40px;
  	-webkit-animation: spin 5s infinite;
          animation: spin 5s infinite;
}

.one {
    left: 5px;
    top: 5px;
}

.two {
    left: 40px;
    width: 80px;
    height: 80px;
    -webkit-animation: spin-reverse 5s infinite;
              animation: spin-reverse 5s infinite;
}

.three {
  	top: 45px;
  	width: 60px;
  	height: 60px;
}

@-webkit-keyframes spin {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  50% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  50% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.lil-circle {
  	position: absolute;
  	border-radius: 50%;
  	box-shadow: inset 0 0 10px 2px gray, 0 0 50px white;
  	width: 100px;
  	height: 100px;
  	opacity: .65;
}

.blur-circle {
  	position: absolute;
  	top: -19px;
  	left: -19px;
}

/*** ***/

@media ( min-width : 1200px) {
	
	.modal-dialog-centered {
  		height: calc(100% - (.5rem * 2))
	}

	.container {
	    max-width: 1200px;
	}
	
	.table .th  {
		padding: 3px;
	}
	
	.banner {
/* 		background-size: cover;
		height: 265px; */
		height: 180px;
		background-position: bottom center;
	}
	
	ul.dropdown-menu {
	    min-width: 213px;
	}
	
	.container.login {
	    width: 440px;
	}
	
	#calendar .tab-content {
	    height: 65px;
	}

	.calendar-container {
	    width: 1120px;
	    float: left;
	}
	
	.day_p{
		padding-left: 70px;
	}
	
	.videocall_continer, .videocall:fullscreen {
	    height: 100%;
	}

	footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 25px;
	}
}