/* The button on top of the sidebar */
button.components-button[aria-label="Hreflang Manager"] > span{
    margin-right: 2px !important;
}

/* Sidebar START ---------------------------------------------------------------------------------------------------- */

.dahm-set-connection{
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    height: 47px !important;
    font-size: 16px;
    padding: 13px 15px !important;
}

.dahm-set-connection:hover{
    background: #f8f9f9 !important;
}

.dahm-set-connection-container{
    width: 100%;
}

.dahm-set-connection-text{
    float: left;
    height: 21px;
    font-size: 13px;
    font-weight: 600;
    color: #191e23;
    line-height: 21px;
}

.dahm-set-connection-text:hover{
    color: #191e23;
}

.dahm-set-connection-icon{
    float: right;
    height: 21px !important;
    line-height: 21px !important;
    color: #191e23;
}

.dahm-set-connection-icon:hover{
    color: #191e23;
}

/* Sidebar END ------------------------------------------------------------------------------------------------------ */

/* Modal START ------------------------------------------------------------------------------------------------------ */

.dahm-modal{
    width: 800px;
    max-height: 556px;
}

.dahm-modal .components-modal__header{
    margin-bottom: 0;
}

.dahm-modal .components-modal__content{
    padding-bottom: 0;
}

.dahm-single-connection .components-base-control{
    margin: 0 -24px 8px;
    border-bottom: 1px solid #e3e3e3;
}

.dahm-single-connection .components-base-control:first-of-type{
    margin-top: 8px;
}

.dahm-single-connection:last-of-type .components-base-control:last-of-type{
    margin-bottom: 0;
    border-bottom: none;
}

.dahm-single-connection .components-base-control__label,
.dahm-single-connection .components-input-control__label{
    color: #555;
    display: block;
    /* margin-top: 16px; */
    display: inline-block;
    font-size: 12px !important;
    margin-bottom: 0;
    margin-right: 16px;
    height: 24px;
    text-align: right;
    width: 200px;
    line-height: 24px !important;
    float: left;
    text-transform: unset !important;
    font-weight: 400 !important;
}

.dahm-single-connection:last-of-type .components-base-control .components-base-control__field{
    /*margin-bottom: 0;*/
}

.dahm-single-connection .components-base-control .components-base-control__field{
    margin: 0 24px 8px;
}

.dahm-synthetic-label{
    margin-bottom: 8px;
    cursor: pointer;
    margin-top: 16px;
    color: #555d66;
}

/* Input Field */
.dahm-single-connection .components-base-control .components-text-control__input{
    height: 24px;
    line-height: 16px;
    box-shadow: none;
    padding: 3px 5px;
    margin: 0 !important;
    border-color: #dddddd;
    border-radius: 0;
    min-height: auto;
    display: inline-block;
    color: #333;
    font-size: 12px;
    line-height: 16px;
    width: 500px;
}

.dahm-single-connection .components-base-control .components-text-control__input:focus{
    border-color: #5b9dd9;
    box-shadow: none;
    outline: none;
}

.dahm-single-connection .components-flex{
    display: inline-block !important;
}

.dahm-single-connection .components-select-control > div:first-of-type{
    display: inline-block !important;
    float: left;
}

.dahm-single-connection .components-flex__item{
    margin-right: 16px !important;
    float: left !important;
}

.dahm-single-connection .components-input-control__container{
    width: 500px !important;
    /*display: inline-block !important;*/
    margin-left: 0;
}

.dahm-single-connection .components-base-control .components-select-control__input{
    width: 100% !important;
    border-color: #dddddd !important;
    border-radius: 0 !important;
    color: #333 !important;
    height: 24px !important;
    display: inline-block !important;
    line-height: 16px !important;
    margin: 0 !important;
    min-height: auto !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    max-width: 100% !important;
    width: 543px !important;
}

.dahm-single-connection .components-base-control .components-select-control__input:focus{
    border-color: #5b9dd9;
    box-shadow: none;
    outline: none;

}

@media (max-width: 828px){
    .dahm-single-connection .components-base-control__label,
    .dahm-single-connection .components-input-control__label{
        text-align: left;
    }
}

/* Modal END -------------------------------------------------------------------------------------------------------- */