html,body {
    height:100%;
    font-family: 'Raleway', sans-serif;
}

.navbar-brand{
    padding:5px;
    padding-left:20px;
}

.basicFont{
    font-family:'Arial',sans-serif;
}



.navbar-inverse{
    border-radius:0px !important;
    background-color:#000;
}

#mainContainer{
    padding-bottom:100px;
}

.animated{
    animation-duration: 0.75s !important;
}

.mainFileBox{
    border-radius: 5px;
    -webkit-box-shadow: 3px 10px 56px 0px #BBB;
    -moz-box-shadow: 3px 10px 56px 0px #BBB;
    box-shadow: 3px 10px 56px 0px #BBB;
    background-color: #286090;
    margin-top:10px;
    margin-bottom:10px;
    max-width:1280px;
}

@media (min-width: 767px){
    .mainFileBox{
        display: flex;
    }
}
/**
Intro
 */
#intro{
    padding-top:20%;
    margin-top:-50px;
}

#intro h1{
    text-align: center;
}

/**
Print UI
 */
.bottomBtn {
   width: 70px;
   height: 70px;
   border-radius: 50%;
   border:none;
   position: fixed;
   bottom: 23px;
   cursor: pointer;
   box-shadow: 0px 2px 5px #666;
}

#bulkEditBtn{
    background: #666;
    right: 150px;
}

#printNowBtn{
    background: #8BC34A;
    right: 50px;
}

.disabledBtn{
    background: #737373 !important;
}

.bottomBtn .glyphicon{
    font-size:2em;
    color:#FFF;
}

.bottomBtn p{
    margin-top:5px;
    position:absolute;
    text-align:center;
    width:100%;
    margin-left:-9px;
    background-color: #444;
    color:#fff;
    box-shadow: 0px 2px 5px #666;
}

#bottomBar{
    width:100%;
    height:60px;
    position:fixed;
    bottom:0;
    left:0;
    background-color:#DDD;
    -webkit-box-shadow: 14px 0px 20px -8px rgba(0,0,0,0.35);
    -moz-box-shadow: 14px 0px 20px -8px rgba(0,0,0,0.35);
    box-shadow: 14px 0px 20px -8px rgba(0,0,0,0.35);
}

#bottomPriceLabel{
    color:#777;
    margin-top:15px;
    float:right;
    margin-right:250px;
    text-align:right;
}

/**
File panel and box
 */

.filePanel{
    background-color: #FFF;
    padding:30px;
    margin-left:-15px;
    -webkit-box-shadow: 14px 0px 20px -8px rgba(0,0,0,0.35);
    -moz-box-shadow: 14px 0px 20px -8px rgba(0,0,0,0.35);
    box-shadow: 14px 0px 20px -8px rgba(0,0,0,0.35);
    align-items: stretch;
}

.printConfigPanel{
    color:#FFF;
}

.addPrintBtn{
    margin:10px;
}

.error {
    background:#c9302c;
    color:#fff;
}

/**
Print Config Box
 */
.printConfigBox{
    background-color:#fff;
    color:#888;
    border-radius: 3px;
    padding:0px 5px 11px 0px;
    width:100%;
    margin: 8px 0px 10px 0px;
    -webkit-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.15);
}

.fileNameBox{
    padding:5px;
    margin-left:10px;
    border-radius:2px;
}

.printConfigBox select, input{
    margin:0px 0px 20px 0px;
    padding:5px 0px 5px 0px;
    border-radius:2px;
    border: 1px solid #999;
}

.printConfigBox label{
    padding:5px;
}

.printConfigRow{
    margin-top:20px;
}

.printConfigBox .deleteBtn{
    float:right;
    font-size:1em;
    padding:3px 7px 2px 7px;
    margin-top:10px;
}

/**
Checkout modal
 */
#checkoutModal{
    width:100%;
    text-align: left;
}

#checkOutInfo input{
    width:80%;
}

#checkoutModal label{
    padding-left:5px;
}

.parsley-required{
    color:#a94442;
}

.parsley-minlength{
    color:#a94442;
}

#loadingAnim{
    width:100%;
    height:30px;
    border-radius: 5px;
}

/**
Backdrop
 */
.modal-backdrop{
    /*background:#286090;*/
    /*opacity:1 !important;*/
}