/* login */
.login-bg{background-color: #ff0c75;
    background-image: linear-gradient(180deg, #ff0c75 10%, #aa1d52 100%);
    background-size: cover;
}
.loginColumns { max-width: 420px; }

/* generales */
.pace .pace-progress {
    background: #fff;
}

.header-bg {
    color: #fff;    
    height: 51px;
    background: rgba(255,12,117,1);
    background: -moz-linear-gradient(left, rgba(255,12,117,1) 0%, rgba(170,29,82,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,12,117,1)), color-stop(100%, rgba(170,29,82,1)));
    background: -webkit-linear-gradient(left, rgba(255,12,117,1) 0%, rgba(170,29,82,1) 100%);
    background: -o-linear-gradient(left, rgba(255,12,117,1) 0%, rgba(170,29,82,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,12,117,1) 0%, rgba(170,29,82,1) 100%);
    background: linear-gradient(to right, rgba(255,12,117,1) 0%, rgba(170,29,82,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0c75', endColorstr='#aa1d52', GradientType=1 );
}

#navbar .nav > li > a { padding: 15px 25px 15px; color: #fff !important; }
.top-navigation .navbar .nav > li.active { background: #9e0044 !important; }
#navbar .nav > li a:hover, #navbar .nav > li a:focus { background: #9e0044 !important; color: #fff !important; }
.top-navigation .wrapper.wrapper-content { padding: 10px 20px; }


a{ color:#676a6c !important; }
a:hover{ color: #ff0c75 !important; text-decoration:none;}

.text-pink{ color: #ff0c75 !important; }
.link-pink{ color:#ff0c75 !important; }
.link-pink:hover{ color: #ff0c75 !important; text-decoration:underline;}

/* .btn-pink{ background-color: #fff; color: #E22275; border: 1px solid #E22275;} 
.btn-pink:hover{background: #E22275 !important; color: #fff;;}
*/
.label-pink{ background-color: rgba(255,12,117,1); color: #fff; }
.btn-pink{ background-color: rgba(255,12,117,1); color: #fff; }
.btn-pink:hover{background: rgba(170,29,82,1) !important; color: #fff;;}

.btn-success {
    color: #fff;
    background-color: rgba(170,29,82,1);
    border-color: rgba(170,29,82,1);
  }
  .btn-success:hover,
  .btn-success:focus,
  .btn-success.focus {
    color: #fff;
    background-color: rgba(170,29,82,1);
    border-color: rgba(170,29,82,1);
  }
  .btn-success.disabled,
  .btn-success:disabled {
    color: #fff;
    background-color: rgba(170,29,82,1);
    border-color: rgba(170,29,82,1);
  }
  .btn-success:not(:disabled):not(.disabled):active,
  .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: rgba(170,29,82,1);
    border-color: rgba(170,29,82,1);
  }

.form-control:focus,
.single-line:focus {
    border-color: #E22275 !important;
}

.select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #E22275;
}

.modal-open>.select2-container{ z-index: 9999;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #E22275;
}


.modal-body { padding: 20px; }


.hide{ display: none !important;}

.p5{ padding:5px !important;}
.p10{ padding:10px !important;}
.pt10{ padding-top:10px !important;}
.pt20{ padding-top:20px !important;}
.pr20{ padding-right:20px !important;}
.pb10{ padding-bottom: 10px !important;}
.pb50{ padding-bottom: 50px !important;}

.mtb20{ margin-top:20px !important; margin-bottom:20px !important;}

.mt0{ margin-top:0px !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}

.mb0{ margin-bottom:0px !important;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb50{ margin-bottom:50px !important;}
.mb100{ margin-bottom:100px !important;}

.mr0{ margin-right:0px !important; }
.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }

.ml20{ margin-left:20px !important;}

.label{ font-size: 10px;}
.bg-gris{background: #f3f3f4;}

.modal-xl {
    max-width: 95%;
}

.table > thead{ color: #676a6c; background-color: #f0f0f0;}
.ibox-content{ padding:10px;}

/* fin - clases generales */

/* swal2 */
.swal2-title{ font-size: 25px !important;}
.swal2-styled.swal2-confirm{ background-color: rgba(255,12,117,1)}

/* expedientes */

.expediente-item{
    display: block;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}


/* expedientes files */
.item-file:hover{ background-color: #eee;}

.swal2-confirm{ margin-right: 20px; width: 50px; background-color: rgba(255,12,117,1); border-color:rgba(255,12,117,1); color: #fff;}
.swal2-confirm:hover{background: rgba(170,29,82,1) !important; border-color:rgba(255,12,117,1); color: #fff;;}
.swal2-cancel{width: 50px;}