/*
Get ROBOTO FONT, use everywhere

@import url(https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700,800,900,400italic,900italic);

    font-family: "Roboto", sans-serif;
*/

body {
    padding-top: 20px;
    margin-top: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;;
}


.info-box-header {
    padding: 6px;
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    background-color: #fff;

}


.control-label-80 {
    margin-bottom: 0;
    vertical-align: middle;
    width: 80px;
}

.control-label-120 {
    margin-bottom: 0;
    vertical-align: middle;
    width: 120px;
}

.control-label-160 {
    margin-bottom: 0;
    vertical-align: middle;
    width: 160px;
}

.control-labell {
    margin-bottom: 0;
    text-align: left;
    vertical-align: middle;
}


.input20 {
    width: 20px;
}

.input40 {
    width: 40px;
}

.input50 {
    width: 50px;
}

.input60 {
    width: 60px;
}

.input80 {
    width: 80px;
}

.input90 {
    width: 90px;
}

.input100 {
    width: 100px;
}

.input120 {
    width: 120px;
}

.input140 {
    width: 140px;
}

.input160 {
    width: 160px;
}

.input200 {
    width: 200px;
}

.input240 {
    width: 240px;
}


.input300 {
    width: 300px;
}
.input400 {
    width: 400px;
}
.input500 {
    width: 500px;
}
.input600 {
    width: 600px;
}

.input800 {
    width: 800px;
}

.input900 {
    width: 900px;
}


.pager .active a {
    background-color: #000;
    color: #fff;
}


.pager .active a:hover {
    background-color: #000;
    color: #fff;
}


.labelc {
    background: #e0e0e0;
}

.labelreq {
    color: dodgerblue;
}


.dropzone {
    border: 3px solid #0087f7;
    border-radius: 5px;
    background: whitesmoke;

}



#login-id label {
    color:#fff;
}


.h1color {
    background-color: #000;
    color: #2e6da4;

}

.ulnone {
    list-style-type: none;

}

.parared {
    color: red;
}


.row h4 {
    font-weight: bold;
}

.row ae {
    margin-bottom: 20px;
}

.btn {

margin-bottom: 10px;
}


.searchboxes {
    margin-right: 15px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.searchlabel {
    margin-right: 25px;
}


.width20 {
    width: 30%;
}

.width30 {
    width: 30%;
}

.width50 {
    width: 50%;
}


.width70 {
    width: 70%;
}

.form-group {
    margin-bottom: 4px;
    margin-left: 0px;
 }

.dropdown {
    height: 40px;
}

.numalign {
    text-align: right;
    padding-right: 16px;
}

.text_center {
    text-align: center;
}

.color_red {
    color: red;
}

.thwidth70 {
    width: 70%;
}

.thwidth60 {
    width: 60%;
}


.thwidth50 {
    width: 50%;
}

.thwidth10 {
    width: 10%;
}

.buttonallign {
    margin-left: 44px;
}

.well {
    background-color: #cccccc;
            /*
            #8080804d;
             */
}

.side-nav li a {
    padding: 10px;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909;
    font-weight: lighter;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #909;
    opacity:  1;
    font-weight: lighter;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #909;
    opacity:  1;
    font-weight: lighter;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #909;
    font-weight: lighter;
}
:-ms-input-placeholder { /* Microsoft Edge */
    color:    #909;
    font-weight: lighter;
}

.tr-red {
    color: #b52b27;
}

.tr-blue {
    color: #206ea1;
}

textarea {
    width: 90%;
    height:200px;
    background-color: white;

}
.textarealong {
    height:400px;
    width: 90%;
    background-color: white;

}

.labelred {
    color: red;
}


.side-nav li a {
    padding: 8px;
}



.textcenter {
    text-align: center;
}


.invoice-title h2, .invoice-title h3 {
    display: inline-block;
}

.table > tbody > tr > .no-line {
    border-top: none;
}

.table > thead > tr > .no-line {
    border-bottom: none;
}

.table > tbody > tr > .thick-line {
    border-top: 2px solid;
}

.table > tbody > tr > .thick-bline {
    border-bottom: 2px solid;
}

.nopaddingleft {
    padding-left: 0;
}


.prodimgsize {
    height: 240px;
    width:  240px;
}


.panel-turquoise {
    border-color: #00FFFF;
    background: #00FFFF;
}

.panel-gray {
    border-color: #9d9d9d;
    background: #9d9d9d;
}

.panel-meet {
    border-color: #99ccff;
    background: #99ccff;
}
.breadcrumb-container {
    width: 100%;
    background-color: #f8f8f8;
    /*border-bottom-color: 1px solid #f4f4f4;*/
    list-style: none;
    margin-top: 28px;
    min-height: 25px;
    box-shadow: 0 3px 0 rgba(60, 57, 57, .2)
}

.breadcrumb-container li {
    display: inline
}
.breadcrumb {
    font-size: 12px;
    padding-top: 3px
}
.breadcrumb>li:last-child:after {
    content: none
}

.breadcrumb>li:last-child {
    font-weight: 700;
    font-style: italic
}
.breadcrumb>li>i {
    margin-right: 3px
}

.breadcrumb>li:after {
    font-family: FontAwesome;
    content: "\f101";
    font-size: 11px;
    margin-left: 3px;
    margin-right: 3px
}
.breadcrumb>li+li:before {
    font-size: 11px;
    padding-left: 3px
}

input[type="checkbox"] {
    transform:scale(1.6);
    padding-right: 20px;
}

.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.colx {
    display: table-cell; /* Make elements inside the container behave like table cells */
    padding: 600px;
}

.required {
    color: #337ab7;
    margin-left: 20px;
}

/*list-style-type: none;  / takes buttons off of ul list