/* CSS Document */
#form-serviceType .bootstrap-select
{
  width: 100%;
}

.gray-background
{
	background-color: #eee;
}

.white-background
{
	background: white;
    padding: 20px;
    padding-bottom: 30px;
    padding-top: 40px;
    box-shadow: 3px 3px 10px #aaa;
}

.navbar-inverse {
    background-color: #333;
    border-color: #333;
    box-shadow: 3px 3px 10px #aaa;
}

h1, h2, h3, h4, h5
{
	color: gray;
	padding-left: 15px;
}

div .warning
{
    background: #fcf8e3;
    color: black;
    border: 0.5px solid gray;
}

.general-info .col-xs-3
{
    padding: 5px;
}

.main-panel>.content {
    margin-top: 0;
}

.collapse.in {
    display: block;
}

/* CUSTOM BY BOUND3R */
.bg-login {
    position: relative;
    background: url("https://twototango.co/app/themes/tango/assets/landing_page/img/s1Back.jpg");
}
.bg-login::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0.5) 100%);
}

.custom-file-label::after {
    content: "Seleccionar Archivo"
}

/* templarally hide button "prev"  */
.wizard .actions > ul > li:first-child {
    display: none;
}

.sidenav-header {
    height: auto;
}
.navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand > img {
    max-height: 124px;
}

label:not(.custom-control-label) {
    display: flex;
    align-items: flex-end;
    /* min-height: 3rem; */
}

.main-content {
    min-height: 100vh;
    padding-bottom: 55px;
}

.footer-auto-bottom {
    height: 45px;
}

.card.card-stats {
    min-height: 125px;
}

.card-stats .card-body {
    display: flex;
    align-items: center;
    width: 100%;
}
.card-stats .card-body .row {
    width: 100%;
}

.bg-secondPurple {
    background: #000d3a;
}

.nav-link i.ni {
    top: 0;
}

.nav-link:hover {
    opacity: 0.8;
    transition: all 0.2s ease;
}

.badge-pill {
    line-height: 1.2;
}

.text-basic{
    color:#b1a4d9;
}

.text-select{
    color:#402374;
}

.icon-basic{
    color:#b1a4d9;
}

.icon-select{
    color:#402374;
}

.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active span {
    color:#402374;
}

.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active i {
    color:#402374;
}

.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    border-radius: 0.375rem;
    background:none;
}

.navbar-search .input-group {
    transition: background-color 0.3s linear;
    transition-delay: 0s;
    transition-delay: 0.15s;
    border: 0 solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-radius: 0.5rem!important;
}

.sidenav .navbar-brand {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 0;
}

.g-sidenav-pinned .sidenav {
    max-width: 200px !important;
}

.g-sidenav-pinned .sidenav.fixed-left + .main-content {
    margin-left: 200px;
}

.dropdown-menu {
    min-width: auto;
}

.bg-basic {
    background: #ffffff;
}

::-webkit-input-placeholder { /* Edge */
color: #b1a4d9!important;
}

:-ms-input-placeholder { /* Internet Explorer */
color: #b1a4d9!important;
}

::placeholder {
color: #b1a4d9!important;
}

.text-basic-title{
    color:#8c7abf;
}

.btn-fav-icon{
    font-size: 1.25rem!important;
    letter-spacing: 0rem!important;
}

.avatar-mini{
    width: 30px!important;
    height: 30px!important;
}

.btn-outline-select{
    color: #402374;
    background-color: transparent;
    background-image: none;
    border-color: #402374;
}

.containerImg { 
    position: relative; 
}

.containerImg img { 
    display: block;
}

.containerImg i { 
    position: absolute; 
    bottom:0; 
    right:-7px; 
}

.btn-fav-icon-agenda{
    font-size: 1rem!important;
    letter-spacing: 0rem!important;
    background: #f7f7ff;
    padding: 3px;
    border-radius: 50% !important;
}

.margin-top-card{
    margin-top: 75px;
}

.card-img-top{
    width: 130px;
    height: 130px;
}

.card-avatar-center{
    width: 130px;
    height: 130px;
}

.text-warning-custom{
    color: #F2617F!important;
}

.iti {
    width: 100%;
}

.text-blue-custom{
    color: rgb(38 42 130)!important;
}

.carousel-caption {
    position: initial;
    z-index: 10;
    right: 15%;
    bottom: 20px;
    left: 15%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color: #fff;
}

.carousel-indicators li {
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
    transition: opacity 0.6s ease;
    text-indent: -999px;
    opacity: 0.5;
    border-top: 10px solid transparent;
    border-bottom: 0px solid transparent;
    background-color: #fff;
    background-clip: padding-box;
    flex: 0 1 auto;
}

.carousel-indicators {
    position: absolute;
    z-index: 15;
    right: 0;
    bottom: 50px;
    left: 0;
    display: flex;
    margin-right: 15%;
    margin-left: 15%;
    padding-left: 0;
    list-style: none;
    justify-content: center;
}

.carousel {
    position: initial;
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.add-file-button{
    border: 1px solid #DADAF2!important;
    color: #DADAF2!important;
    padding-right: 12px!important;
    padding-left: 12px!important;
    padding-top: 8px!important;
    padding-bottom: 6px!important;
}

.radio-group-custom input[type="radio"]:checked+label {
    background-color: #e9e9f2;
    border: 1px solid #7d80b4!important;
    color: black;
}

.btn-outline-primary-custom {
    color: black;
    border: 1px solid #DADAF2!important;
    background-color: transparent;
    border-radius: 10px;
}

.progress {
    height: 11px;
}

.btn.btn-round {
    border-radius: 30px;
}

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

.shadow-sm {
    box-shadow: 0 0 0.5rem rgb(136 152 170 / 30%) !important;
}

.navbar {
    padding: 0rem 1rem;
}

.bg-login2 {
    position: relative;
    background: url("http://188.40.64.184:9510/static/img/Fondo desktop completo.png");
}