﻿::placeholder {
    opacity:.5;
}

.store-instance-addnew {
    width:100%;
    overflow: hidden;
    margin-top:15px;
}

.store-option {
    cursor:pointer;
}

.store-str {
    width: 48%;
    float: left;
    border: 1px solid;
    line-height: 28px;
    /* margin: 0 2px 2px 0; */
}
p.apliiq-api {
    text-transform: initial;
    margin: 0 !important;
    width: 100%;
    display: block;
}

div.showsecret {
    text-align: left;
    color: blue;
    margin: 20px 0px;
    cursor: pointer;
    text-decoration: underline;
}
b.app-keysecret {
        font-size: .8rem;
}

div.resetapp-keysecret {
    width: 140px;
    padding: 5px;
    line-height: 20px;
    height: 33px;
    margin: auto;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: left;
    background-image: url(https://assets.apliiq.com/images/icons/reset-key-icon.png);
    border: 1px solid silver;
    border-radius: 5px;
}
input#new_StoreName:disabled {
    color:#80808052;
}

span.error {
    display: initial;
}

td.btn {
    text-align:center;
}
.grid-action-btn {
    cursor:pointer;
}

span.requiredaction {
    color:red;
    text-decoration:underline;
    font-size: 0.8rem;
}

.newRecordInfo .sectionheader {
    text-indent:10px;
}
.radio-btn {
    padding-top: 0px;
}
.choice-sel {
    background-position: center 0px;
}
.blckDefault {
    height: 0;
    max-height: 35px !important;
}   
.blckOpen {
    height: auto;
    max-height: 250px !important;
}
.copy-icon::before {
    content: "\1F4CB";
    cursor: pointer;
}

#modal article.io-new-store {
    max-width: 100%;
    max-height: 100%;
    height:100%;
}

.newRecordInfo input.fulfillment-inp{
    font-size:.80rem;
}

.url-note {
    text-align: left;
    padding: 10px;
    font-size: .80rem;
}
    .url-note label {
        font-weight:bold;
    }
    .url-note a {
        color:blue;
        text-decoration:underline;
        font-size: .80rem;
    }


@media screen and (min-width: 768px){
    #modal article.io-new-store {
        max-width: 650px;
        max-height: 90%;
    }
    /*.stores {
        width: 80%;
    }*/
    .radio-btn {
        padding-top: 5px;
    }
     .blckDefault {
        max-height: 45px;
    }
    .choice-sel {
        background-position: center 5px;
    }
}