body{
        font-family: 'Rubik', sans-serif; /*'Quicksand', sans-serif;*/
        color:#656565;
        background-color:  white !important;

    }


    
    
    .md-form {
		margin-top:0px;
    }

    .custom-btn-primary {
    color: #fff;
    background-color: #309795 !important;
    }

    .timeline-title{
        font-weight: bold;		color:#1b0088b8;
    }

    .paso{
        margin-top: 30px;
    }

    .title {
        margin-top: 20px;
        Xtext-align: right;
        //font-weight: bold;
        color: #ed1f57;
        font-size: 1.5em;
    }

    .btn-jr{
        border-raDius:20px;
     }

     #loaderRJ{
        margin-top:200px;
     }

     /**
 * Error color for the validation plugin
 */

    span.error {
      color: #e74c3c;
    }

     .loader .loader-overlay {
    background: white ; /*#0d0e133b;*/
    }

.loader .loader-load {
    height: 60px;
    width: 50px;
    background: url(buble.gif) no-repeat 50% 50%;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-opacity: 0.8;
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    /* opacity: 4; */
    overflow: hidden;
    position: absolute;
    top: 50%;
    z-index: 1000;
    margin: -20px 0 0 -20px;
}

.modal-footer {

    border-top: 0px solid #dee2e6; 

}


/*tabas */
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.jrPanel{
    padding-left:0px;
}
/* Listas*/
ul {
  list-style: none;
  
}
ul li::before {
  content: ""; /*"\2022";*/
  color: darkblue; 
  list-style-type: none;
  xfont-size:20px;
}

label{
  Xfont-weight:700;
  color:#656565;
  margin-right:10px;
  /*margin-left:10px;*/
}


.jrcard {
    box-shadow: 0 3px 6px rgba(0,0,0,.1607843137254902);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border-radius: .5rem;
padding:20px;
    height: 300px;
}

.jrcard:hover {
    box-shadow: 5px 5px 20px -7px rgba(0,0,0,.4);
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}

.jrcard2 {
  /*  box-shadow: 0 3px 6px rgba(0,0,0,.1607843137254902);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border-radius: .5rem;
padding:10px;
    height: auto;
    background-color:   #828282 !important    ;*/
    /*box-shadow: 0 3px 6px rgba(0,0,0,.1607843137254902);*/
-webkit-transition: all .5s ease;
transition: all .5s ease;
border-radius: 40px;
padding: 10px;
height: auto;
background-color: #d8d3d3f2 !important;
border: 0px solid #d8d3d3f2;

}



.jrcard2:hover {
    box-shadow: 5px 5px 20px -7px rgba(0,0,0,.4);
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}


     body{
        csolor:darkgray;
     }

    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
     {   margin-top:8px;
     }

     .latamTime{
         padding-top: 14px;
     }

    .hide {
        display: none ;
        }


.form-control:focus { // Fic flatpickr
    outline: 0;
    box-shadow: 0 0 black;
}

.xmui-textfield>input:disabled, .mui-textfield>input:read-only, .mui-textfield>textarea:disabled, .mui-textfield>textarea:read-only {
    cursor: auto; //Fix Flatpicker
}

/* Select */
.custom-select{
	border:0px;
	border-bottom: 1px solid #ced4da;
    border-radius: 0px;
    padding-left: 0px;
    color:#757575;
}
    
/* Timeline */

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 5px solid #ed1650b8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}


.nivoSlider {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
}
 


/*Swall*/

.swal2-styled.swal2-confirm {
    background-color: #2c3350 !important;
}

.swal2-styled.swal2-confirm:focus {
     box-shadow: 0 0 0 3px none !important; 
}
/* MDB custom */


/* verder del validation de bootstrap */
.md-form input:not([type]).valid, .md-form input:not([type]):focus.valid, .md-form input[type=password]:not(.browser-default).valid, .md-form input[type=password]:not(.browser-default):focus.valid, .md-form input[type=email]:not(.browser-default).valid, .md-form input[type=email]:not(.browser-default):focus.valid, .md-form input[type=url]:not(.browser-default).valid, .md-form input[type=url]:not(.browser-default):focus.valid, .md-form input[type=time]:not(.browser-default).valid, .md-form input[type=time]:not(.browser-default):focus.valid, .md-form input[type=date]:not(.browser-default).valid, .md-form input[type=date]:not(.browser-default):focus.valid, .md-form input[type=datetime]:not(.browser-default).valid, .md-form input[type=datetime]:not(.browser-default):focus.valid, .md-form input[type=datetime-local]:not(.browser-default).valid, .md-form input[type=datetime-local]:not(.browser-default):focus.valid, .md-form input[type=tel]:not(.browser-default).valid, .md-form input[type=tel]:not(.browser-default):focus.valid, .md-form input[type=number]:not(.browser-default).valid, .md-form input[type=number]:not(.browser-default):focus.valid, .md-form input[type=search]:not(.browser-default).valid, .md-form input[type=search]:not(.browser-default):focus.valid, .md-form input[type=search-md].valid, .md-form input[type=search-md]:focus.valid, .md-form input[type=text]:not(.browser-default).valid, .md-form input[type=text]:not(.browser-default):focus.valid, .md-form textarea.md-textarea.valid, .md-form textarea.md-textarea:focus.valid {
    border-bottom: 1px solid #ced4da !important;
    box-shadow: none !important;
}

.badge-dark, .badge-danger{
    background-color: #2c3350!important;
    font-size: 0.8em;
    width: 60px;
    /* padding: 0px; */
    padding: 10px;
    cursor: pointer;
}
.md-form label {

    color: #0000004f;
}
.picker__box .picker__header .picker__date-display {
    background-color: #309795;
}

.btn-info {
    color: #fff;
    background-color: #f72f26!important;
}

.md-form input:not([type]):focus:not([readonly])+label, .md-form input[type=password]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=email]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=url]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=time]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=date]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=datetime]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=tel]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=number]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=search]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=search-md]:focus:not([readonly])+label, .md-form input[type=text]:not(.browser-default):focus:not([readonly])+label, .md-form textarea.md-textarea:focus:not([readonly])+label {
    color: #309795;
}

.md-form input:not([type]):focus:not([readonly]), .md-form input[type=password]:not(.browser-default):focus:not([readonly]), .md-form input[type=email]:not(.browser-default):focus:not([readonly]), .md-form input[type=url]:not(.browser-default):focus:not([readonly]), .md-form input[type=time]:not(.browser-default):focus:not([readonly]), .md-form input[type=date]:not(.browser-default):focus:not([readonly]), .md-form input[type=datetime]:not(.browser-default):focus:not([readonly]), .md-form input[type=datetime-local]:not(.browser-default):focus:not([readonly]), .md-form input[type=tel]:not(.browser-default):focus:not([readonly]), .md-form input[type=number]:not(.browser-default):focus:not([readonly]), .md-form input[type=search]:not(.browser-default):focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=text]:not(.browser-default):focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #309795;
    box-shadow: 0 1px 0 0 #309795;
}

.form-check-input[type=radio].with-gap:checked+label:after, .form-check-input[type=radio]:checked+label:after, label.btn input[type=radio].with-gap:checked+label:after, label.btn input[type=radio]:checked+label:after {
    background-color: #e41a11b5;
}

.form-check-input[type=radio].with-gap:checked+label:after, .form-check-input[type=radio].with-gap:checked+label:before, .form-check-input[type=radio]:checked+label:after, label.btn input[type=radio].with-gap:checked+label:after, label.btn input[type=radio].with-gap:checked+label:before, label.btn input[type=radio]:checked+label:after {
    border: 2px solid #309795;
}

.dropdown-info .dropdown-content li a, .dropdown-info .dropdown-content li span:hover, .dropdown-info .dropdown-content li.active {
    background-color: #2c3350!important;
}
.dropdown-content li>span {
    color: #2c3350!important;
}

/* Flatpicker custom */

.flatpickr-months .flatpickr-month {
    background: #2c3350 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: #2c3350 !important;
}

.flatpickr-weekdays {
    background: #2c3350 !important;
    }

span.flatpickr-weekday {
    background: #2c3350 !important;
    color: white!important;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #2c3350 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #2c3350!important;
}


/* Seelct2 custim by RT*/

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: inherit;
    line-height: 38px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    
     border-radius: 1px!important; 
     border: 0px !important;
     border-bottom: 2px solid #309795  !important;
}


.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 38px;
    user-select: none;
    -webkit-user-select: none;
}

.myselect {
    color: #309795;
    margin-bottom: 1em;
    padding: .25em;
    border: 0;
    border-bottom: 2px solid currentcolor; 
    Xfont-weight: bold;
    Xletter-spacing: .15em;
    border-radius: 0;
    font-size:1.25em
 
  }

  .myselect:focus {
    outline: 0 !important;
      border-bottom-color: #rgba(0,0,0,0.8)  !important;
  }