﻿

.mobileBody { display: none; }

#headline { display:none; }

h2          { font-size: 280%; }
h2 span     { font-size: inherit !important; }

@media(max-width:991px) {
    .mobileBody      { display: block; }
    #body            { display:none; }
}
#GridLeft           { display: none; }
#GridPage           { width: 100%; margin-left: 0; text-align: center; }
#body img { max-width: 100%; }


span.fileUploaded span { width: auto; display: inline-block; float: none; font-weight: bold; }
.custom-divider span.fileUploaded      { margin-right: 0;width: 100%; background: #9AE16B; padding: 10px 0px; margin-top: 5px; }
span.fileUploaded:before { content: "\f00c";display: inline-block;font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
                                border-radius: 100%;  color: #9AE16B; background: #ffffff; padding: 2px 4px; font-size: 110%; margin-left: 7px; margin-right: 5px; }
span.fileUploadedError span { width: auto; display: inline-block; float: none; font-weight: bold; }
span.fileUploadedError:before { content: "\f00d";display: inline-block;font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
                                border-radius: 100%; color: #fff; background: #E36B6D; padding: 2px 4px; font-size: 110%; margin-left: 7px; margin-right: 5px; }
.custom-divider span.fileUploadedError       { margin-right: 0;width: 100%; background: #E9D1D1; padding: 10px 0px; margin-top: 5px; }
#custom-sub-contain.submit-container { width: 60%; font-size: 85%; }


.customitems-topimage { margin-bottom:20px; }

#headline h1 { text-align:center;}

.custom-items-hr {
    background-image:       linear-gradient(to right, #999 11%, rgba(255,255,255,0) 0%);
    background-position:    bottom;
    background-size:        17px 2px;
    background-repeat:      repeat-x;
    border:                 none;
    height:                 3px;
    margin:                 22px 0px;
}

textarea {
    max-width: 100%;
}

.send-requset-wrapper { background: transparent;border: 1px solid; max-width: 60%;margin: auto; float: none; display: inline-block;padding:20px;margin-top:50px; }
.send-request-header  { float: left;width: 100%; }
.send-requset-headline { font-size: 180%;margin: 0px;font-family: source_sans_proregular;margin-bottom:15px; }

.send-request-note {
    color: #fff;
    float: left;
    width: 100%;
}


#itemimage {
    display: inline-block;
    background: #396D7B !important;
    height: 40px !important;
    max-width: 130px !important;
    width: 100%;
    padding: 8px;
    color: #FFF !important;
    position: relative;
}

#itemimage:before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    content: attr(data-name);
    text-align: center;
    font-size: 120%;
    display: inline-block;
    background: #396D7B !important;
    height: 40px !important;
    padding: 8px;
    color: #FFF !important;
    left: 0px;
    width: 100%;
    cursor:pointer;
}

#iteminfo {
    background: #ffffff !important;
    display: inline-block;
    float: none;
    clear: both;
    margin-bottom:15px;
    /*border:0px;*/
    padding:14px;
}
a.customJewelGoBack                                     { display: inline-block; background: transparent; color: #F36639; border: 1px solid #F36639; padding: 12px 25px; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; }
a.customJewelGoBack:hover, a.customJewelGoBack:focus    { background: #F36639; color: #ffffff; }

.upload-file-text {
    font-size: 113%;
}

.form #custom-sub-contain span + span {
    font-size: 79%;
}

.form #custom-sub-contain span {
       padding-right: 0;
    width: 100%;
    display: inline-block;
    background: transparent;
    color: #F36639;
    border: 1px solid #F36639;
    padding: 12px;
    transition:all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out;
}

.form #custom-sub-contain span:hover {
    background: #F36639;
    color: #ffffff;
}

.form #custom-sub-contain span + span {
    background: #DC5D34;
}
.form .form-submit {
    width: 100%;
    /* padding: 0 !important; */
}

#custom-sub-contain {
    width: 100%;
    padding: 0;
}
#custom-sub-contain {
    display: inline-block;
    float: none !important;
    margin-top: 0px !important;
    padding-right: 0px;
    text-align: right;
}

.custom-divider {
    margin: 10px 0px;
}

.custom-divider span {
    width: 65%;
    float: left;    text-align: left;
    margin-right: 5%;
}

.custom-divider input#itemimage {
    float: left;
    width: 30%;visibility:hidden;width: 0px;
    height: 0px !important;
    padding: 0;
}
button.uploadFileBtn {
    border: 1px solid;
    background: transparent;
    padding: 10px;
    font-size: 120%;
    -webkit-appearance: none;    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
button.uploadFileBtn:hover {
    background: #D6D6D6;
}
.custom-divider {
    margin-bottom: 20px;
}

.not-registered a {
    color: #000000;
    width: 35%;
    display: inline-block;
    padding: 7px 5px;
    text-align: center;
    font-size: 130%;
    vertical-align: middle;
    height: 47px;
    border: 1px solid #000000;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    letter-spacing: 1px;margin-right:15px;
}

.not-registered a:hover { background: #D6D6D6; }

.not-registered { display: inline-block;width: 100%; }
.not-registered h3 { margin-bottom: 20px; font-size: 120%; }

.custom-btn    { padding-right: 0;display: inline-block;background: transparent;color: #F36639;border: 1px solid #F36639;padding: 12px;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-webkit-appearance:none; }
.custom-btn:hover { background: #F36639; color: #ffffff; }


@media(max-width:991px) {
    .send-requset-wrapper   { width:100%;max-width:100%; padding:20px 10px; }
    button.uploadFileBtn    { width:35%; }
    .custom-divider span    { width:55%; }
    .mobileBody img { max-width: 100%;height: auto; }
}
@media(max-width:767px) {
    .send-requset-headline { font-size: 140%;margin-bottom:0; }
    .custom-divider span { width: 100%;text-align: center; }
    button.uploadFileBtn { width: 100%;margin-top: 5px; }
    #iteminfo { padding: 5px;height: 50px; }
    #custom-sub-contain { font-size: 80%; }
    .not-registered a   { width:42%; padding:9px 5px; }
}