@import url("https://www.ghx.com/css/fonts.css");

.pbBody input[type="text"],select,textarea{
    display: block;
    height: 34px;
    min-width: 97%;
    margin-right:20px;
    padding-left: 2%;
    font-size: 14px!important;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;   
}
select{
    width: 100%;
}
textarea{
    height: 250px;
    width: 98.5%;    
}
input[type="submit"].submitBtn{
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 16px !important;
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;    
    font-size: 24px;
    /*line-height: 1.33;*/
    border-radius: 6px;
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;    
    font-family: 'UniversLTW01-47LightCn', sans-serif;   
}
input[type="submit"].submitBtn.Disabled{
    background: #ddd;
    animation: pulse 1s infinite;
    border-color: #999;
    color: #666;
    cursor: progress;
}
@keyframes pulse{
    0%{
        background-color: #ddd;
        border-color: #aaa;
        color: #666;        
        
    }
    50%{
        background-color: #f2f2f2;
        border-color: #bbb;
            color: #999;
        
    }
    100%{
        background-color: #ddd;
        border-color: #aaa;
	    color: #666;        
        
    }
}
.bPageBlock .requiredInput .requiredBlock{
    bottom: 5px;
    left: -5px;
}
label{
    color: #555;
    font-size: 14px;
    display: inline-block;
    margin-top: 5px;
    font-weight: 700;
}
body .bPageBlock{
    background: white;
    padding: 0;
    margin: 0 auto;
    max-width: 1024px;
}
body .bPageBlock, body #bodyCell .bResource .secondaryPalette, body .secondaryPalette.bPageBlock, body .individualPalette .secondaryPalette.bPageBlock, body .bodyDiv .genericTable, body .genericPageBlockTable, body .bodyDiv .bSubBlock, body .bComponentBlock .bPageBlock, body .bMyDashboard .bPageBlock, body.rlHoverFrame .bPageBlock, body.subjectSelectionPopup div.choicesBox, body.lookupTab .secondaryPalette.bPageBlock, body.popupTab .secondaryPalette.bPageBlock, body.UserTagStatsPage .secondaryPalette.bPageBlock{
    background: white;
    border: 0;
}
.bPageBlock .detailList tr td, .bPageBlock .detailList tr th, .hoverDetail .bPageBlock .detailList tr td, .hoverDetail .bPageBlock .detailList tr th{
    border: 0;
}
body .bPageBlock .pbBody .pbSubheader{
    padding: 5px;
    color: black !important;
    font-size: 14px;
    background: #DDE4E9!important;
}
h1,h3{
    font-family: 'UniversLTW01-47LightCn', sans-serif;
}
.bPageBlock .pbTitle{
    width: 100% !important;
}
a {color: #369!important;}
.bPageBlock .detailList .dataCol{
    width: 50%;
}
body .bPageBlock .pbTitle h2,h2.mainTitle{
    font-size: 36px !important;
    line-height: 1.2;
    color: #666;    
    font-family: 'UniversLTW01-47LightCn', sans-serif;
}
.apexp .bPageBlock.apexDefaultPageBlock .pbHeader>table{
    border:0;
}
.success{
    width: 100px;    
    padding-bottom: 1.5em;
}

.center{
    margin: 0 auto;
    padding: 3em 0 5em;    
    clear: both;
    text-align:center;
    max-width: 700px;    
}    
.mainTitle strong{
    color: #74B566;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 1.5em;
    max-width: 490px;
    margin-bottom: .5em;
}
p{
    color: #666;
    font-size: 14px;
    line-height: 1.428571429;
    text-align: left;
}
svg{
    width:108px;
    height: 108px;
}
g{
    transform: scale(1.5);
}


@-webkit-keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }
    100% {
        stroke-dashoffset: 0
    }
}
@-ms-keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }
    100% {
        stroke-dashoffset: 0
    }
}
@keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }
    100% {
        stroke-dashoffset: 0
    }
}
@-webkit-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }
    100% {
        stroke-dashoffset: 480px
    }
}
@-ms-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }
    100% {
        stroke-dashoffset: 480px
    }
}
@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }
    100% {
        stroke-dashoffset: 480px
    }
}
/* other styles */
/* .svg svg {
display: none
}
*/
.inlinesvg .svg svg {
    display: inline
}
/* .svg img {
display: none
} */
.icon--order-success svg path {
    -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
    animation: checkmark 0.25s ease-in-out 0.7s backwards
}
.icon--order-success svg circle {
    -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
    animation: checkmark-circle 0.6s ease-in-out backwards
}