.arcticmodal-overlay,
.arcticmodal-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
.arcticmodal-container {
    overflow: auto;
    margin: 0;
    padding: 0;
    border: 0; 
    border-collapse: collapse;
}
*:first-child+html .arcticmodal-container {
    height: 100%
}
.arcticmodal-container_i {
    height: 100%;
    margin: 0 auto;
}
.arcticmodal-container_i2 {
    padding: 10px;
    margin: 0;
    border: 0;
    vertical-align: middle;
}
.arcticmodal-error {
    padding: 20px;
    border-radius: 10px;
    background: #000;
    color: #fff;
}
.arcticmodal-loading {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background: #000 url(loading.gif) no-repeat 50% 50%;
}
.box-modal {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 30px 0;
    background: #f1f6f9;
    font-size: 15px;
    color: #3c3c3c;
    border-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15), 0 2px 20px 0 rgba(0, 0, 0, 0.39)
}
.box-modal-set {
    padding: 40px; 
    max-width: 600px;
}
table {
  width: 0;
}

.hover-close {
    color: #9b9b9b !important; 
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg));
    -webkit-transition:all 300ms;   
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    transition:all 300ms;
    cursor: pointer;
    position: fixed; 
    top: 17px; 
    right: 17px;
    font-size: 28px;
    z-index: 9999 !important; 
}

.hover-close:hover {
    color: #fff !important; 
}

