/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


/* The Modal (background) */
/* .modal {
    display: none; Hidden by default
    position: fixed; Stay in place
    z-index: 1; Sit on top
    left: 0;
    top: 0;
    width: 100%; Full width
    height: 100%; Full height
    overflow: auto; Enable scroll if needed
    background-color: rgb(0,0,0); Fallback color
    background-color: rgba(0,0,0,0.4); Black w/ opacity
} */
/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 10% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */                          
}
.modal-content.packageUserUpload {
    width: 30%;
}

.modal-content.packageUserInfo, .modal-content.packageInfo{
    width: 75%; /* Could be more or less, depending on screen size */
}

.modal-content.userInfo {
	margin: 5% auto; /* 15% from the top and centered */
}
/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
#right-menu a {
    display:block;
    width:100px;
    line-height:40px;
    text-align:center;
    background-color:#eeeeee;
    color:#000000;
    border-radius: 20px;
    float:left;
    font-size: 0.9rem;
    margin-right: 5px;
}

#right-menu a:first-child {
    background-color:#7549de;
    color:#ffffff;
}

.cresh_loading{
    width:100%;
    height:100%;
    left:0px;
    position:fixed;
    background: rgba(255,255,255,0.5);
    z-index:1000;
}

.loader-container{
    margin: 0 -50% 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index:1001; /* 이 값으로 레이어의 위치를 조정합니다. */
}

.ball-beat>div:nth-child(2n-1){
    animation-delay: -.35s!important;
}

.loader-purple div {
    background-color: #9c27b0 !important;
}

.ball-beat>div {
    width: 15px;
    height: 15px;
    margin: 2px;
    display: inline-block;
    animation: ball-beat .7s 0s infinite linear;
}

.ball-beat>div, .ball-scale-multiple>div {
    background-color: #6b6f82;
    border-radius: 100%;
}

.cresh_form {
    margin-bottom : 2rem;
}

.cresh_form .form-control{
    height: calc(1.25em + 1.5rem + 2px);
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #4e5154;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #babfc7;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    display: inline;
}

.cresh_form .check-btn{
    display: none;
}