﻿
.image-wrapper {
    position: relative;
    display: inline-block;
}

.remove-btn {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #ff3b3b;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}

    .remove-btn:hover {
        background: darkred;
        transform: scale(1.1);
    }

    .remove-btn i {
        font-size: 14px;
    }

.error-border {
    border: 1px solid red;

}

.error-message {
    width: 45%;
    color: #a11907 !important;
    font-weight: bold;
    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size: small;
}
.success-message {
    width: 45%;
    color: #387738 !important;
    font-weight: bold;
    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size: small;
}
.form-control.notFoundTextBox,
.form-control.notFoundTextBox:focus,
.form-control.notFoundTextBox:active {
    background-color: #a11907 !important;
    font-weight: bold;
    color: #fff !important;
    border-color: #a11907 !important;
    box-shadow: inset 0 10px 105px rgba(161, 25, 7) !important;
    text-shadow: 0 0 10px #fff, 0 0 10px #fff !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   }

.form-control.successTextBox,
.form-control.successTextBox:focus,
.form-control.successTextBox:active {
    background-color: #387738 !important;
    color: #fff !important;
    font-weight: bold;
    box-shadow: inset 0 10px 105px rgba(56, 119, 56) !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-shadow: 0 0 1px #fff, 0 0 5px rgba(255, 255, 255, 0.8) !important;
}

.form-control:focus {
    box-shadow: none !important;
}
.capbox {
    background-color: #BBBBBB;
    background-image: linear-gradient(#BBBBBB, #9E9E9E);
    border: #2A7D05 0px solid;
    border-width: 2px 2px 2px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    padding: 5px 8px 5px 8px;
    border-radius: 4px 4px 4px 4px;
}

.capbox-inner {
    font: bold 12px arial, sans-serif;
    color: #000000;
    background-color: #E3E3E3;
    margin: 0px auto 0px auto;
    padding: 3px 10px 5px 10px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
}
