/* Dialog Theme CSS */

.modal-dialog {
	border-radius: 16px !important;
	margin-top: 10px;
}

.modal-content {
	
	border: 0 none;
	border-radius: 16px;
}

.modal-header {
    background-color: #01209F !important;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #aaa;    
    padding: 8px 15px;
    color: white;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;    
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
}

.modal-header .close {
    margin-top: -1px;
	font-weight: normal;
	color: #E0007A;
	opacity: 1;
	text-shadow: none;
	font-size: 30px;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}
.close:hover {
	cursor: pointer;
	background: none;
}

.modal-footer {
	padding: 4px 0 4px 0;
	text-align: center;
    background: white;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;	
}

.modal-body {
	background:white;
	padding: 15px 15px 0px 15px;
}

.modal-header.bootstrap-dialog-draggable {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.modal-header.bootstrap-dialog-draggable:active {
	cursor: -webkit-grabbing !important;
	cursor: -moz-grabbing !important;
	cursor: -o-grabbing !important;
	cursor: -ms-grabbing !important;
	cursor: grabbing !important;
}

/* ----------------- */

.modal .btn-primary {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

.modal .btn-primary:hover {
    color: #fff !important;
    background-color: #286090 !important;
    border-color: #204d74 !important;
}

.modal .btn-danger {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.modal .btn-danger:hover {
    color: #fff !important;
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
}

.modal .btn {
    display: inline-block;
    /*display: inline-block !important; hemos quitado el !important porque en los modal
    el archivo ocultar_nuevo.tpl.js no funciona 29/11/2021*/
    padding: 6px 12px !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.42857143 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    -ms-touch-action: manipulation !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	text-transform: initial !important;
}
.modal .btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}

.modal .btn-default:hover {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

.modal-footer .btn+.btn {
    margin-bottom: 0 !important;
    margin-left: 5px !important;
}

.modal input[class="form-control"] {
    display: block !important;
    width: 100% !important;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
}

.modal input[class="datepicker form-control"] {
    height: 34px !important;
}

.modal .form-control:focus {
    border-color: #66afe9 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
}

.modal select[class="form-control select2"] {
    height: 34px !important;
}

.modal span.select2 {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    font-size: 14px !important;
    padding: 0px 0px !important;
    line-height: 1.42857143 !important;
}

.modal label {
    max-width: 100% !important;
    margin-bottom: 5px !important; 
    font-weight: 700 !important;
}

.modal .panel-default {
    border-color: #cccccc !important;
    border-radius: 3px !important;
}

.modal .panel-heading {
    border-radius: 3px !important;
}

.modal .modal-header {
    background-color: #01209F !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #aaa !important;
    padding: 8px 15px !important;
    color: white !important;
    font-weight: bold !important;
    font-size: 16px !important;
    line-height: 22px !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
}

.modal .bfd-dropfield {
    display: block !important;
    margin-top: 10px !important;
}

.modal .bfd-dropfield-inner {
    border: 5px dashed #888 !important;
    color: #888 !important;
    cursor: pointer !important;
    font-size: 32px !important;
    text-align: center !important;
}

.modal .close > span {
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
}

.modal .no-scroll-select select {
    background: none !important;
}

/* Titulo subir archivos */
.modal-dialog:not(.modal-extra) h4 {
    color: white;
    text-transform: inherit;
}