@charset "utf-8";

.img-resize img { max-width:100%; height:auto; }

/* Item Layout */
.item-wrap { width:100%; overflow:hidden; }
.item-wrap .row { margin:0px; }
.item-wrap .col { padding:0px; }

/* Image Container */
.img-container { 
    position:relative; 
    overflow:hidden; 
    padding:20px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:5px;
    margin-bottom:15px;
}

/* Image Styles */
#sit_pvi {}
#sit_pvi_big {
    margin:0px auto 15px auto;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
}
#sit_pvi_big a { 
    display:none; 
}
#sit_pvi_big a.visible { 
    display:block; 
}
#sit_pvi_big img { 
    max-width:100%; 
    border:0; 
    margin:0px auto;
    border-radius:5px;
}
#sit_pvi_thumb { 
    margin:0 -4px; 
    text-align:center; 
    padding:10px; 
    overflow:hidden; 
}
#sit_pvi_thumb a { 
    display:inline-block; 
    margin:0 4px 4px 0; 
}
#sit_pvi_thumb img { 
    border:2px solid transparent; 
    border-radius:3px;
}
#sit_pvi_thumb img:hover { 
    border:2px solid #007bff; 
}

/* Form Container */
.form-container { 
    padding:20px;
    background:#f8f9fa;
    border:1px solid #ddd;
    border-radius:5px;
    margin-bottom:15px;
}

/* Form Styles */
.form-box {
    background:#fff;
    border-radius:5px;
    padding:20px;
    box-shadow:0 2px 4px rgba(0,0,0,0.1);
}

.form-header {
    margin-bottom:20px;
    padding-bottom:15px;
    border-bottom:2px solid #007bff;
}

.form-header h2 {
    margin:0;
    color:#333;
    font-size:18px;
    font-weight:bold;
}

.form-body {
    margin-bottom:20px;
}

.form-group {
    margin-bottom:15px;
}

.form-group label {
    font-weight:bold;
    color:#555;
    margin-bottom:5px;
}

.form-control {
    border:1px solid #ddd;
    border-radius:4px;
    padding:8px 12px;
}

.form-control:focus {
    border-color:#007bff;
    box-shadow:0 0 0 0.2rem rgba(0,123,255,.25);
}

.has-feedback .form-control-feedback {
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    display:block;
    width:34px;
    height:34px;
    line-height:34px;
    text-align:center;
    pointer-events:none;
}

.input-group-addon {
    background-color:#f8f9fa;
    border:1px solid #ddd;
    border-radius:4px;
    padding:8px 12px;
    font-size:14px;
    font-weight:normal;
    line-height:1;
    color:#555;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
}

.btn {
    display:inline-block;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
    user-select:none;
    border:1px solid transparent;
    padding:8px 16px;
    font-size:14px;
    line-height:1.5;
    border-radius:4px;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-block {
    display:block;
    width:100%;
}

.btn-lg {
    padding:12px 20px;
    font-size:16px;
    line-height:1.5;
    border-radius:6px;
}

.btn-blue {
    color:#fff;
    background-color:#007bff;
    border-color:#007bff;
}

.btn-blue:hover {
    color:#fff;
    background-color:#0069d9;
    border-color:#0062cc;
}

.btn-black {
    color:#fff;
    background-color:#343a40;
    border-color:#343a40;
}

.btn-black:hover {
    color:#fff;
    background-color:#23272b;
    border-color:#1d2124;
}

.well {
    padding:15px;
    margin-bottom:20px;
    background-color:#f8f9fa;
    border:1px solid #e9ecef;
    border-radius:4px;
}

.well-sm {
    padding:10px;
    border-radius:3px;
}

.cursor {
    cursor:pointer;
}

/* Responsive */
@media (max-width:767px) {
    .img-container,
    .form-container {
        padding:15px;
    }
    
    .form-box {
        padding:15px;
    }
    
    .form-header h2 {
        font-size:16px;
    }
}