.logo {
    margin-left: 20%;
}

.delete-button {
    margin: 4% 0 4% 29%;
    border: 1px solid #ef0c0c;
    background: none;
    color: #ef0c0c;
    font-size: 20px;
}

@media only screen and (max-width: 720px) {

    .logo {
        margin-left: 28%;
    }

    .profile-user {
        margin-left: 20%;
    }

    .delete-button {
        margin: 4% 0 3% 19%
    }
}


input[type="file"] {
    display: none;
}

@media only screen and (max-width: 375px) {
    .personal-text {
        padding-top: 0px !important;
    }
}

@media only screen and (max-width: 414px) {
    .personal-text {
        padding-top: 0px !important;
    }
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    /*margin-top: 4%;*/
    height: 40px;
    text-align: center;
    border-radius: 5px;
    width: 519px;
}

.login-view .col-sm-6:last-child {
    height: 925px;
}

@media only screen and (max-width: 720px) {
    .login-view .col-sm-6:last-child {
        height: 590px;
    }
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-right: -1px;
    height: 44px;
    padding: 5px;
    background: #0cb8b6;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {

    height: 44px;
    font-size: 14px;
    padding-top: 11px;
}

.button-file-upload {
    border-radius: 3px !important;
}

label[for=upload-img] {
    display: inline-block;
    border: 3px solid #ccc;
    color: #666;
    font-weight: bold;
    background: #eee;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer
}

label[for=upload-img]:hover {
    background: #ddd
}

/*
label[for=upload-img] input {
    display: none
}
*/

.thumb {
    position: relative;
    height: auto !important;
    overflow: hidden;
    margin: 40px 0;
}

.thumb:before {
    content: "";
    display: block;
    position: absolute;
    width: 96%;
    height: 96%;
    border: 3px dashed #00000;
    z-index: 9;
    top: 1%;
    left: 1%;
    opacity: 0;
    transition: all 0.2s;
    pointer-events: none
}

.thumb:hover::before {
    opacity: 0.6
}

.thumb img {
    /*min-height:100%;*/
    max-height: 51vh;
    width: 100%;
    transition: all 0.4s;
    /*margin-left:-50px;*/
}

.text-length {
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    max-height: 44px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* Logo positioning with better responsive behavior */
.logo {
    margin-left: 20%;
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease;
}

/* Enhanced delete button with hover effects */
.delete-button {
    margin: 4% 0 4% 29%;
    border: 1px solid #ef0c0c;
    background: none;
    color: #ef0c0c;
    font-size: 20px;
    padding: 8px 15px;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.delete-button:hover {
    background-color: #ef0c0c;
    color: white;
}

/* Improved responsive styling */
@media only screen and (max-width: 720px) {
    .logo {
        margin-left: 15%;
    }

    .profile-user {
        margin-left: 10%;
    }

    .delete-button {
        margin: 4% 0 3% 10%;
        font-size: 16px;
    }
}

/* Hide file input but make it accessible */
input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Enhanced form label styling */
label {
    display: block;
}

.custom-label {
    margin-bottom: 8px !important;
    font-weight: 600 !important;
    color: #049694 !important;
    margin-left: 10px;
}

/* Personal text responsive fix */
@media only screen and (max-width: 414px) {
    .personal-text {
        padding-top: 0 !important;
        margin-bottom: 10px;
    }
}

/* Improved custom file upload button */
.custom-file-upload {
    border: 1px solid #01a9ac;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    height: auto;
    text-align: center;
    border-radius: 5px;
    width: 100%;
    max-width: 519px;
    background-color: #fff;
    color: #01a9ac;
    transition: all 0.3s ease;
    font-weight: 500;
}

.custom-file-upload:hover {
    background-color: #01a9ac;
    color: white;
}

.custom-file-upload i {
    margin-right: 8px;
}

/* Login view height adjustment */
.login-view .col-sm-6:last-child {
    min-height: 600px;
    height: auto;
}

/* Input group button styling to match pharmacy theme */
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
    margin-right: -1px;
    height: 44px;
    padding: 5px 15px;
    background: #01a9ac;
    color: white;
    border: 1px solid #01a9ac;
    transition: all 0.3s ease;
}

.input-group-btn:first-child > .btn:hover,
.input-group-btn:first-child > .btn-group:hover {
    background: #01dbdf;
}

/* Form control consistent styling */
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    height: 44px;
    font-size: 14px;
    padding: 10px 15px;
    border: 1px solid #ddd;
}

/* Form control focus state */
.form-control:focus {
    border-color: #01a9ac;
    outline: 0;
    box-shadow: 0 0 8px rgba(1, 169, 172, 0.3);
}

/* Button file upload more consistent with design */
.button-file-upload {
    border-radius: 5px !important;
    background-color: #01a9ac;
    color: white;
    border: none;
    padding: 10px 15px;
}

/* Image upload container */
.wrap {
    /*width: 300px;*/
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding: 15px;
}

/* Upload image label styling */
label[for=upload-img] {
    display: inline-block;
    border: 2px solid #01a9ac;
    color: #01a9ac;
    font-weight: bold;
    background: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

label[for=upload-img]:hover {
    background: #01a9ac;
    color: white;
}

/* Form group styling */
.form-group {
    margin-bottom: 20px;
}

.form-group.floating-label label {
    background: white;
    padding: 0 5px;
    font-size: 16px;
    color: #01a9ac;
    transition: all 0.3s ease;
}

.form-group.floating-label .form-control {
    padding-top: 15px;
}

/* Required field styling */
.required-field label:after {
    content: " *";
    color: #e74c3c;
}

/* Error message styling */
.error-message {
    color: #e74c3c;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

/* Success styling */
.has-success .form-control {
    border-color: #01a9ac;
}

.has-success .control-label {
    color: #01a9ac;
}

/* Error styling */
.has-error .form-control {
    border-color: #e74c3c;
}

.has-error .control-label {
    color: #e74c3c;
}