.align-end { align-items: end; } 
.ui-datepicker { z-index: 999; } 


.color-drop { height: 37px; position: relative; } 
.color-drop.on { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); } 
.color-title { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: default; } 
.color-title span { height: 100%; display: block; padding: 7px; } 
.color-drop ul { display: none; position: absolute; left: 0; top: 36px; width: 100%; background: #f5f8fa; border: 1px solid #8d8d8d; padding-left: 0; z-index: 1; } 
.color-drop ul li { list-style: none; padding: 2px 7px; display: flex; align-items: center; } 
.color-drop ul li:hover { background-color: #1967d2; } 
.color-chip { width: 18px; height: 18px; margin-right: 10px; border-radius: 50%; border: 2px solid #fff; outline: 1px solid #9d9d9d; } 
.color-drop ul li:hover .color-chip { outline-color: transparent; } 
.color-txt { width: calc(100% - 28px); } 
.color-drop ul li:hover .color-txt { color: #fff; } 
.color-result { display: flex; align-items: center; padding: 7px; } 
.color-result span { padding: 0; width: calc(100% - 28px); } 

/* 색상 믹스일 경우 컬러칩 삭제 */
/* .mix .color-chip {display: none;} */




@media (min-width: 992px){
 .container, .container-lg, .container-md, .container-sm { max-width: 100%; } 
 }

@media (min-width: 1200px){
 .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1280px; } 
 }