body {
    padding-top: 0px;
    padding-bottom: 10px;
}

.big-font {
    font-size: 16px;
}

.machine-font {
    font-size: 12px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 0px;
    padding-right: 0px;
}

/*Overwrite the bootstrap to remove left,right margin*/
.container-fluid {
    padding-left:0px;
    padding-right:0px;
}


.required:after {
    content: "*";
    font-weight: bold;
    color: red;
}
/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}



/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

.panel-heading {
    padding: 5px 5px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.button-box {
    border: 1px solid #e3e3e3;
    padding: 10px 0px;
    background-color: #f2f2f2;
    border-radius: 5px;
    text-align: right;
    padding-right: 150px;
}

.btn-sq-lg {
    min-width: 150px !important;
    min-height: 150px !important;
    padding:10px;
    border-radius:10px;
}

.btn-sq {
    min-width: 100px !important;
    min-height: 100px !important;
    font-size: 10px;
    border-radius: 10px;
}

.btn-sq-sm {
    min-width: 50px !important;
    min-height: 50px !important;
    font-size: 10px;
    border-radius: 5px;
}

.btn-sq-xs {
    min-width: 25px !important;
    min-height: 25px !important;
    padding: 2px;
    border-radius: 5px;
}

/*Start - Custom Buttons Section*/
/*Blue Berry*/


.btn-blueberry {
    color: #ffffff;
    background: radial-gradient(#ff00ff, #990099);
    background-size: cover;
    background-position: bottom;
    /*background-color: #B300B3;
    border-color: #990099;*/
}

    .btn-blueberry:hover,
    .btn-blueberry:focus,
    .btn-blueberry:active,
    .btn-blueberry.active,
    .open .dropdown-toggle.btn-blueberry {
        color: #ffffff;
        background-color: #660066;
        border-color: #990099;
    }

    .btn-blueberry:active,
    .btn-blueberry.active,
    .open .dropdown-toggle.btn-blueberry {
        background-image: none;
    }

    .btn-blueberry.disabled,
    .btn-blueberry[disabled],
    fieldset[disabled] .btn-blueberry,
    .btn-blueberry.disabled:hover,
    .btn-blueberry[disabled]:hover,
    fieldset[disabled] .btn-blueberry:hover,
    .btn-blueberry.disabled:focus,
    .btn-blueberry[disabled]:focus,
    fieldset[disabled] .btn-blueberry:focus,
    .btn-blueberry.disabled:active,
    .btn-blueberry[disabled]:active,
    fieldset[disabled] .btn-blueberry:active,
    .btn-blueberry.disabled.active,
    .btn-blueberry[disabled].active,
    fieldset[disabled] .btn-blueberry.active {
        background-color: #B300B3;
        border-color: #990099;
    }

    .btn-blueberry .badge {
        color: #B300B3;
        background-color: #ffffff;
    }

/*PepperMint Button*/
.btn-peppermint {
    color: #FFFFFF;
    background: radial-gradient(#36e2a9, #169C70);
    background-size: cover;
    background-position: bottom;
    /*background-color: #1BBD87;
    border-color: #169C70;*/
}

    .btn-peppermint:hover,
    .btn-peppermint:focus,
    .btn-peppermint:active,
    .btn-peppermint.active,
    .open .dropdown-toggle.btn-peppermint {
        color: #FFFFFF;
        background-color: #169C70;
        border-color: #169C70;
    }

    .btn-peppermint:active,
    .btn-peppermint.active,
    .open .dropdown-toggle.btn-peppermint {
        background-image: none;
    }

    .btn-peppermint.disabled,
    .btn-peppermint[disabled],
    fieldset[disabled] .btn-peppermint,
    .btn-peppermint.disabled:hover,
    .btn-peppermint[disabled]:hover,
    fieldset[disabled] .btn-peppermint:hover,
    .btn-peppermint.disabled:focus,
    .btn-peppermint[disabled]:focus,
    fieldset[disabled] .btn-peppermint:focus,
    .btn-peppermint.disabled:active,
    .btn-peppermint[disabled]:active,
    fieldset[disabled] .btn-peppermint:active,
    .btn-peppermint.disabled.active,
    .btn-peppermint[disabled].active,
    fieldset[disabled] .btn-peppermint.active {
        background-color: #1BBD87;
        border-color: #169C70;
    }

    .btn-peppermint .badge {
        color: #1BBD87;
        background-color: #FFFFFF;
    }

/*Mr.Grey Button*/
.btn-grey {
    color: #FFFFFF;
    background: radial-gradient(#999999, #666666);
    background-size: cover;
    background-position: bottom;
    /*background-color: #8C8C8C;
    border-color: #666666;*/
}

    .btn-grey:hover,
    .btn-grey:focus,
    .btn-grey:active,
    .btn-grey.active,
    .open .dropdown-toggle.btn-grey {
        color: #FFFFFF;
        background-color: #737373;
        border-color: #666666;
    }

    .btn-grey:active,
    .btn-grey.active,
    .open .dropdown-toggle.btn-grey {
        background-image: none;
    }

    .btn-grey.disabled,
    .btn-grey[disabled],
    fieldset[disabled] .btn-grey,
    .btn-grey.disabled:hover,
    .btn-grey[disabled]:hover,
    fieldset[disabled] .btn-grey:hover,
    .btn-grey.disabled:focus,
    .btn-grey[disabled]:focus,
    fieldset[disabled] .btn-grey:focus,
    .btn-grey.disabled:active,
    .btn-grey[disabled]:active,
    fieldset[disabled] .btn-grey:active,
    .btn-grey.disabled.active,
    .btn-grey[disabled].active,
    fieldset[disabled] .btn-grey.active {
        background-color: #8C8C8C;
        border-color: #666666;
    }

    .btn-grey .badge {
        color: #8C8C8C;
        background-color: #FFFFFF;
    }

/*GreenTea Button*/
.btn-greentea {
    color: #FFFFFF;
    background: radial-gradient(#85e085, #47D147);
    background-size: cover;
    background-position: bottom;
    /*background-color: #70DB70;
    border-color: #47D147;*/
}

    .btn-greentea:hover,
    .btn-greentea:focus,
    .btn-greentea:active,
    .btn-greentea.active,
    .open .dropdown-toggle.btn-greentea {
        color: #FFFFFF;
        background-color: #47D147;
        border-color: #47D147;
    }

    .btn-greentea:active,
    .btn-greentea.active,
    .open .dropdown-toggle.btn-greentea {
        background-image: none;
    }

    .btn-greentea.disabled,
    .btn-greentea[disabled],
    fieldset[disabled] .btn-greentea,
    .btn-greentea.disabled:hover,
    .btn-greentea[disabled]:hover,
    fieldset[disabled] .btn-greentea:hover,
    .btn-greentea.disabled:focus,
    .btn-greentea[disabled]:focus,
    fieldset[disabled] .btn-greentea:focus,
    .btn-greentea.disabled:active,
    .btn-greentea[disabled]:active,
    fieldset[disabled] .btn-greentea:active,
    .btn-greentea.disabled.active,
    .btn-greentea[disabled].active,
    fieldset[disabled] .btn-greentea.active {
        background-color: #70DB70;
        border-color: #47D147;
    }

    .btn-greentea .badge {
        color: #70DB70;
        background-color: #FFFFFF;
    }

    /*Skyblue Button*/
.btn-skyblue {
    color: #FFFFFF;
    background: radial-gradient(#99ccff, #3399FF);
    background-size: cover;
    background-position: bottom;
    /*background-color: #66B3FF;
    border-color: #3399FF;*/
}

    .btn-skyblue:hover,
    .btn-skyblue:focus,
    .btn-skyblue:active,
    .btn-skyblue.active,
    .open .dropdown-toggle.btn-skyblue {
        color: #FFFFFF;
        background-color: #3399FF;
        border-color: #3399FF;
    }

    .btn-skyblue:active,
    .btn-skyblue.active,
    .open .dropdown-toggle.btn-skyblue {
        background-image: none;
    }

    .btn-skyblue.disabled,
    .btn-skyblue[disabled],
    fieldset[disabled] .btn-skyblue,
    .btn-skyblue.disabled:hover,
    .btn-skyblue[disabled]:hover,
    fieldset[disabled] .btn-skyblue:hover,
    .btn-skyblue.disabled:focus,
    .btn-skyblue[disabled]:focus,
    fieldset[disabled] .btn-skyblue:focus,
    .btn-skyblue.disabled:active,
    .btn-skyblue[disabled]:active,
    fieldset[disabled] .btn-skyblue:active,
    .btn-skyblue.disabled.active,
    .btn-skyblue[disabled].active,
    fieldset[disabled] .btn-skyblue.active {
        background-color: #66B3FF;
        border-color: #3399FF;
    }

    .btn-skyblue .badge {
        color: #66B3FF;
        background-color: #FFFFFF;
    }

.btn-piglet {
    color: #FFFFFF;
    background: radial-gradient(#d279a6, #BF4080);
    background-size: cover;
    background-position: bottom;
    /*background-color: #CC6699;
    border-color: #BF4080;*/
}

    .btn-piglet:hover,
    .btn-piglet:focus,
    .btn-piglet:active,
    .btn-piglet.active,
    .open .dropdown-toggle.btn-piglet {
        color: #FFFFFF;
        background-color: #BF4080;
        border-color: #BF4080;
    }

    .btn-piglet:active,
    .btn-piglet.active,
    .open .dropdown-toggle.btn-piglet {
        background-image: none;
    }

    .btn-piglet.disabled,
    .btn-piglet[disabled],
    fieldset[disabled] .btn-piglet,
    .btn-piglet.disabled:hover,
    .btn-piglet[disabled]:hover,
    fieldset[disabled] .btn-piglet:hover,
    .btn-piglet.disabled:focus,
    .btn-piglet[disabled]:focus,
    fieldset[disabled] .btn-piglet:focus,
    .btn-piglet.disabled:active,
    .btn-piglet[disabled]:active,
    fieldset[disabled] .btn-piglet:active,
    .btn-piglet.disabled.active,
    .btn-piglet[disabled].active,
    fieldset[disabled] .btn-piglet.active {
        background-color: #CC6699;
        border-color: #BF4080;
    }

    .btn-piglet .badge {
        color: #CC6699;
        background-color: #FFFFFF;
    }

.btn-strawberry {
    color: #FFFFFF;
    background: radial-gradient(#ff6666, #ff3333);
    background-size: cover;
    background-position: bottom;
    /*background-color: #FF6666;
    border-color: #ff3333;*/
}

    .btn-strawberry:hover,
    .btn-strawberry:focus,
    .btn-strawberry:active,
    .btn-strawberry.active,
    .open .dropdown-toggle.btn-strawberry {
        color: #FFFFFF;
        background-color: #ff3333;
        border-color: #ff3333;
    }

    .btn-strawberry:active,
    .btn-strawberry.active,
    .open .dropdown-toggle.btn-strawberry {
        background-image: none;
    }

    .btn-strawberry.disabled,
    .btn-strawberry[disabled],
    fieldset[disabled] .btn-strawberry,
    .btn-strawberry.disabled:hover,
    .btn-strawberry[disabled]:hover,
    fieldset[disabled] .btn-strawberry:hover,
    .btn-strawberry.disabled:focus,
    .btn-strawberry[disabled]:focus,
    fieldset[disabled] .btn-strawberry:focus,
    .btn-strawberry.disabled:active,
    .btn-strawberry[disabled]:active,
    fieldset[disabled] .btn-strawberry:active,
    .btn-strawberry.disabled.active,
    .btn-strawberry[disabled].active,
    fieldset[disabled] .btn-strawberry.active {
        background-color: #FF6666;
        border-color: #ff3333;
    }

    .btn-strawberry .badge {
        color: #FF6666;
        background-color: #FFFFFF;
    }

.btn-mango {
    color: #FFFFFF;
    /*background-color: #FFD24D;
    border-color: #FFC61A;*/
    background: radial-gradient(#ffd966, #FFC61A);
    background-size: cover;
    background-position: bottom;
}

    .btn-mango:hover,
    .btn-mango:focus,
    .btn-mango:active,
    .btn-mango.active,
    .open .dropdown-toggle.btn-mango {
        color: #FFFFFF;
        background-color: #FFC61A;
        border-color: #FFC61A;
    }

    .btn-mango:active,
    .btn-mango.active,
    .open .dropdown-toggle.btn-mango {
        background-image: none;
    }

    .btn-mango.disabled,
    .btn-mango[disabled],
    fieldset[disabled] .btn-mango,
    .btn-mango.disabled:hover,
    .btn-mango[disabled]:hover,
    fieldset[disabled] .btn-mango:hover,
    .btn-mango.disabled:focus,
    .btn-mango[disabled]:focus,
    fieldset[disabled] .btn-mango:focus,
    .btn-mango.disabled:active,
    .btn-mango[disabled]:active,
    fieldset[disabled] .btn-mango:active,
    .btn-mango.disabled.active,
    .btn-mango[disabled].active,
    fieldset[disabled] .btn-mango.active {
        background-color: #FFD24D;
        border-color: #FFC61A;
    }

    .btn-mango .badge {
        color: #FFD24D;
        background-color: #FFFFFF;
    }

    /*Orange button*/
.btn-orange {
    color: #FFFFFF;
    /*background-color: #FF8533;
    border-color: #FF6600;*/
    background: radial-gradient(#ff944d, #FF6600);
    background-size: cover;
    background-position: bottom;
}

    .btn-orange:hover,
    .btn-orange:focus,
    .btn-orange:active,
    .btn-orange.active,
    .open .dropdown-toggle.btn-orange {
        color: #FFFFFF;
        background-color: #FF6600;
        border-color: #FF6600;
    }

    .btn-orange:active,
    .btn-orange.active,
    .open .dropdown-toggle.btn-orange {
        background-image: none;
    }

    .btn-orange.disabled,
    .btn-orange[disabled],
    fieldset[disabled] .btn-orange,
    .btn-orange.disabled:hover,
    .btn-orange[disabled]:hover,
    fieldset[disabled] .btn-orange:hover,
    .btn-orange.disabled:focus,
    .btn-orange[disabled]:focus,
    fieldset[disabled] .btn-orange:focus,
    .btn-orange.disabled:active,
    .btn-orange[disabled]:active,
    fieldset[disabled] .btn-orange:active,
    .btn-orange.disabled.active,
    .btn-orange[disabled].active,
    fieldset[disabled] .btn-orange.active {
        background-color: #FF8533;
        border-color: #FF6600;
    }

    .btn-orange .badge {
        color: #FF8533;
        background-color: #FFFFFF;
    }

.btn-blue {
    color: #ffffff;
    /*background-color: #337AB7;
    border-color: #2E6DA4;*/
    background: radial-gradient(#609dd2, #2E6DA4);
    background-size: cover;
    background-position: bottom;
}

    .btn-blue:hover,
    .btn-blue:focus,
    .btn-blue:active,
    .btn-blue.active,
    .open .dropdown-toggle.btn-blue {
        color: #ffffff;
        background-color: #337AB7;
        border-color: #2E6DA4;
    }

    .btn-blue:active,
    .btn-blue.active,
    .open .dropdown-toggle.btn-blue {
        background-image: none;
    }

    .btn-blue.disabled,
    .btn-blue[disabled],
    fieldset[disabled] .btn-blue,
    .btn-blue.disabled:hover,
    .btn-blue[disabled]:hover,
    fieldset[disabled] .btn-blue:hover,
    .btn-blue.disabled:focus,
    .btn-blue[disabled]:focus,
    fieldset[disabled] .btn-blue:focus,
    .btn-blue.disabled:active,
    .btn-blue[disabled]:active,
    fieldset[disabled] .btn-blue:active,
    .btn-blue.disabled.active,
    .btn-blue[disabled].active,
    fieldset[disabled] .btn-blue.active {
        background-color: #337AB7;
        border-color: #2E6DA4;
    }

    .btn-blue .badge {
        color: #337AB7;
        background-color: #ffffff;
    }

.btn-gold {
    color: #ffffff;
    /*background-color: #CCCC26;
    border-color: #97971c;*/
    background: radial-gradient(#d7d728, #97971c);
    background-size: cover;
    background-position: bottom;
}

    .btn-gold:hover,
    .btn-gold:focus,
    .btn-gold:active,
    .btn-gold.active,
    .open .dropdown-toggle.btn-gold {
        color: #ffffff;
        background-color: #d7d728;
        border-color: #97971c;
    }

    .btn-gold:active,
    .btn-gold.active,
    .open .dropdown-toggle.btn-gold {
        background-image: none;
    }

    .btn-gold.disabled,
    .btn-gold[disabled],
    fieldset[disabled] .btn-gold,
    .btn-gold.disabled:hover,
    .btn-gold[disabled]:hover,
    fieldset[disabled] .btn-gold:hover,
    .btn-gold.disabled:focus,
    .btn-gold[disabled]:focus,
    fieldset[disabled] .btn-gold:focus,
    .btn-gold.disabled:active,
    .btn-gold[disabled]:active,
    fieldset[disabled] .btn-gold:active,
    .btn-gold.disabled.active,
    .btn-gold[disabled].active,
    fieldset[disabled] .btn-gold.active {
        background-color: #d7d728;
        border-color: #97971c;
    }

    .btn-gold .badge {
        color: #CCCC26;
        background-color: #ffffff;
    }

.btn-background {
    color: #ffffff;
    /*background-color: #637194;
    border-color: #47526B;*/
    background: radial-gradient(#7583a3, #47526B);
    background-size: cover;
    background-position: bottom;
}

    .btn-background:hover,
    .btn-background:focus,
    .btn-background:active,
    .btn-background.active,
    .open .dropdown-toggle.btn-background {
        color: #ffffff;
        background-color: #637194;
        border-color: #47526B;
    }

    .btn-background:active,
    .btn-background.active,
    .open .dropdown-toggle.btn-background {
        background-image: none;
    }

    .btn-background.disabled,
    .btn-background[disabled],
    fieldset[disabled] .btn-background,
    .btn-background.disabled:hover,
    .btn-background[disabled]:hover,
    fieldset[disabled] .btn-background:hover,
    .btn-background.disabled:focus,
    .btn-background[disabled]:focus,
    fieldset[disabled] .btn-background:focus,
    .btn-background.disabled:active,
    .btn-background[disabled]:active,
    fieldset[disabled] .btn-background:active,
    .btn-background.disabled.active,
    .btn-background[disabled].active,
    fieldset[disabled] .btn-background.active {
        background-color: #637194;
        border-color: #47526B;
    }

    .btn-background .badge {
        color: #637194;
        background-color: #ffffff;
    }
/*End - Custom Buttons Section*/


/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

/* Breadcrumbs buttons*/
/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3;
}

.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
}

    .btn-breadcrumb .btn:first-child {
        padding: 6px 6px 6px 10px;
    }

    .btn-breadcrumb .btn:last-child {
        padding: 6px 18px 6px 24px;
    }

    /** Default button **/
    .btn-breadcrumb .btn.btn-default:not(:last-child):after {
        border-left: 10px solid #fff;
    }

    .btn-breadcrumb .btn.btn-default:not(:last-child):before {
        border-left: 10px solid #ccc;
    }

    .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
        border-left: 10px solid #ebebeb;
    }

    .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
        border-left: 10px solid #adadad;
    }

    /** Primary button **/
    .btn-breadcrumb .btn.btn-primary:not(:last-child):after {
        border-left: 10px solid #428bca;
    }

    .btn-breadcrumb .btn.btn-primary:not(:last-child):before {
        border-left: 10px solid #357ebd;
    }

    .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
        border-left: 10px solid #3276b1;
    }

    .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
        border-left: 10px solid #285e8e;
    }

    /** Success button **/
    .btn-breadcrumb .btn.btn-success:not(:last-child):after {
        border-left: 10px solid #5cb85c;
    }

    .btn-breadcrumb .btn.btn-success:not(:last-child):before {
        border-left: 10px solid #4cae4c;
    }

    .btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
        border-left: 10px solid #47a447;
    }

    .btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
        border-left: 10px solid #398439;
    }

    /** Danger button **/
    .btn-breadcrumb .btn.btn-danger:not(:last-child):after {
        border-left: 10px solid #d9534f;
    }

    .btn-breadcrumb .btn.btn-danger:not(:last-child):before {
        border-left: 10px solid #d43f3a;
    }

    .btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
        border-left: 10px solid #d2322d;
    }

    .btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
        border-left: 10px solid #ac2925;
    }

    /** Warning button **/
    .btn-breadcrumb .btn.btn-warning:not(:last-child):after {
        border-left: 10px solid #f0ad4e;
    }

    .btn-breadcrumb .btn.btn-warning:not(:last-child):before {
        border-left: 10px solid #eea236;
    }

    .btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
        border-left: 10px solid #ed9c28;
    }

    .btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
        border-left: 10px solid #d58512;
    }

    /** Info button **/
    .btn-breadcrumb .btn.btn-info:not(:last-child):after {
        border-left: 10px solid #5bc0de;
    }

    .btn-breadcrumb .btn.btn-info:not(:last-child):before {
        border-left: 10px solid #46b8da;
    }

    .btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
        border-left: 10px solid #39b3d7;
    }

    .btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
        border-left: 10px solid #269abc;
    }

.table > thead > tr > th {
    text-align: left;
    vertical-align: top;
}