.coreg-tool p.success span {
    color: green;
}

.coreg-tool div.errors li span {
    color: darkred;
}

.coreg-tool label.error {
    color: darkred;
}

.coreg-tool input.error {
    background-color: lightpink;
}

.coreg-tool h2.success span {
    color: green;
}

.coreg-tool sup {
    vertical-align: top;
}

.coreg-tool textarea {
    width: 99%;
    height: 100px;
    resize: none;
}

.coreg-tool div.hr {
    height: 1px;
    background-color: #d3d3d3;
    margin: 15px 0;
}

.coreg-tool-footer {
    font-size: .9em;
    color: #777777;
}

.coreg-tool.coreg-tool-admin th, .coreg-tool.coreg-tool-admin td {
    text-align: left;
    padding-right: 10px;
}

.coreg-tool.coreg-tool-admin input[type="text"] {
    width: 200px;
}

.coreg-tool {
    margin-bottom: 20px;
}

.coreg-tool input[type="text"] {
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #222;
    font-size: 16px;
    font-weight: 300;
    padding: 16px;
    width: 100%;
    height: 55px;
}

.coreg-col-3 button {
    background-color: #1269D3;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300;
    padding: 16px 24px;
    width: 100%;
    height: 55px;
}

.coreg-col-3 button:hover {
    background-color: #333;
}

.coreg-append-info {
    font-size: 14px; 
    margin-top: 5px; 
    margin-bottom: 0px; 
    text-align: center;
}

.coreg-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.coreg-col-9,
.coreg-col-3 {
    position: relative;
    width: 100%;
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.coreg-col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.coreg-col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

@media (min-width: 768px) and (max-width: 991px) {  
    .coreg-col-9 {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }
    
    .coreg-col-3 {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }
}

@media (max-width: 767px) {
    .coreg-col-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .coreg-col-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}