/*
	default : bdc3c7
	success : 27ae60
	info : 3498db
	warning : e67e22
	danger : e74c3c
	confirm : 8e44ad
*/

.lis-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:999999;overflow:auto}
.lis-modal.light{background:rgba(255,255,255,0.8)}

.lis-modal .lis-modal-popup{width:380px;display:block;margin:0 auto 0;background:#FFF;box-shadow:0 0 3px rgba(0,0,0,0.3);border-radius:4px;overflow:hidden}

body.lis-modal-open{overflow:hidden;padding-right:17px;}

/* lis-header */
.lis-modal .lis-modal-popup .lis-modal-header{padding:20px;padding-right:60px;position:relative}
.lis-modal .lis-modal-popup .lis-modal-header h2{font-size:1.4em;margin:0;padding:0;font-weight:normal}

.lis-modal .lis-modal-popup .lis-modal-header .lis-close{position:absolute;top:20px;right:20px;width:30px;height:30px;text-align:center;line-height:30px;cursor:pointer;transition:0.3s;border-radius:3px}
.lis-modal .lis-modal-popup .lis-modal-header .lis-close:hover{background:rgba(0,0,0,0.3);color:rgba(0,0,0,0.8)}

/* lis-content */
.lis-modal .lis-modal-popup .lis-modal-content{padding:20px;color:#2f2f2f}

/* lis-footer */
.lis-modal .lis-modal-popup .lis-modal-footer{padding:10px;border-top:1px solid #ccc;text-align:right;}
.lis-modal .lis-modal-popup .lis-modal-footer:empty{display:none}

/* xs */
.lis-modal.xs .lis-modal-popup{width:300px}

/* lg */
.lis-modal.lg .lis-modal-popup{width:800px}

/* gestion des couleurs */
.lis-modal .lis-modal-popup .lis-modal-header{background:#bdc3c7}
.lis-modal.info .lis-modal-popup .lis-modal-header{background:#3498db}
.lis-modal.success .lis-modal-popup .lis-modal-header{background:#27ae60}
.lis-modal.warning .lis-modal-popup .lis-modal-header{background:#e67e22}
.lis-modal.danger .lis-modal-popup .lis-modal-header{background:#e74c3c}
.lis-modal.confirm .lis-modal-popup .lis-modal-header{background:#8e44ad}

.lis-modal.info .lis-modal-popup .lis-modal-header h2,
.lis-modal.success .lis-modal-popup .lis-modal-header h2,
.lis-modal.danger .lis-modal-popup .lis-modal-header h2,
.lis-modal.confirm .lis-modal-popup .lis-modal-header h2,
.lis-modal.warning .lis-modal-popup .lis-modal-header h2{color:#ecf0f1}

.lis-modal.info .lis-modal-popup .lis-modal-header .lis-close,
.lis-modal.success .lis-modal-popup .lis-modal-header .lis-close,
.lis-modal.danger .lis-modal-popup .lis-modal-header .lis-close,
.lis-modal.confirm .lis-modal-popup .lis-modal-header .lis-close,
.lis-modal.warning .lis-modal-popup .lis-modal-header .lis-close{color:#ecf0f1}

/* lis-btn */
.lis-btn{padding:10px 20px 10px 10px;font-size:1em;border:1px solid;display:inline-block;cursor:pointer;text-decoration:none;transition:0.3s;border-radius:4px;background:#ecf0f1}
.lis-btn i{margin-right:5px}

.lis-modal .lis-modal-popup .lis-modal-footer .lis-btn {margin-left:10px}

/* gestion des couleurs */
.lis-btn.info{border-color:#3498db;color:#2f2f2f}
.lis-btn.success{border-color:#27ae60;color:#2f2f2f}
.lis-btn.warning{border-color:#e67e22;color:#2f2f2f}
.lis-btn.danger{border-color:#e74c3c;color:#2f2f2f}
.lis-btn.confirm{border-color:#8e44ad;color:#2f2f2f}

.lis-btn.info:hover{border-color:#2d85bf;background:#3498db;color:#ecf0f1}
.lis-btn.success:hover{border-color:#229351;background:#27ae60;color:#ecf0f1}
.lis-btn.warning:hover{border-color:#cc6f1e;background:#e67e22;color:#ecf0f1}
.lis-btn.danger:hover{border-color:#cc4135;background:#e74c3c;color:#ecf0f1}
.lis-btn.confirm:hover{border-color:#773a91;background:#8e44ad;color:#ecf0f1}

/* animations */
.animated.fast{  -webkit-animation-duration: 0.5s; animation-duration: 0.5s;}

/* modal content */
.lis-modal.warning .lis-modal-popup .lis-modal-content img{max-width:100%}
.lis-modal.warning .lis-modal-popup .lis-loader{position:absolute;top:0;left:0;}
.lis-modal.warning .lis-modal-popup .lis-ajax-loaded{max-height:0;overflow:hidden;transition: max-height 0.4s;min-height:25px}
.lis-modal.warning .lis-modal-popup .lis-ajax-loaded.complet{max-height:60vh;overflow:auto;}