@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);

/* UNIVERSAL */

html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    font-size: 14px;
}

/* ROOT FONT STYLES */
* {
    font-family: Helvetica, sans-serif, Arial;
    color: #333447;
    line-height: 1.5;
}

/* TYPOGRAPHY */
h1 { font-size: 2.5rem; }

h2 { font-size: 2rem; }

h3 {
    font-size: 1.375rem;
    margin: 15px 0 2px 0;
   
}

h4 { font-size: 1.125rem; }

h5 { font-size: 1rem; }

h6 { color: #525252;margin: 0;font-size: 1.03rem;}

p {
    font-size: 1.125rem;
    font-weight: 200;
    line-height: 1.8;
}

.font-light { font-weight: 300; }

.font-regular { font-weight: 400; }

.font-heavy { font-weight: 700; }

/* POSITIONING */

.left { text-align: left; }

.right { text-align: right; }

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.justify { text-align: justify; }

/* ==== GRID SYSTEM ==== */
.row{
	   display:block;
}
.container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.row {
    position: relative;
    padding: 2px 0 0 0;
    width: 100%;
}

.row [class^="col"] {
    float: left;
/*    margin: 0;*/
    min-height: 0.125rem;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 { padding: 1px;width: 96%; }

.col-1-sm { width: 4.33%; }

.col-2-sm { width: 12.66%; }

.col-3-sm { width: 21%; }

.col-4-sm { width: 29.33%; }

.col-5-sm { width: 37.66%; }

.col-6-sm { width: 46%; }

.col-7-sm { width: 54.33%; }

.col-8-sm { width: 62.66%; }

.col-9-sm { width: 71%; }

.col-10-sm { width: 79.33%; }

.col-11-sm { width: 87.66%; }

.col-12-sm { width: 96%; }

.row::after {
    content: "";
    display: table;
    clear: both;
}

.hidden-sm { display: none; }

@media only screen and (min-width: 33.75em) {
    /* 540px */
    .container { width: 80%; }
}

@media only screen and (min-width: 75em) {
    /* 1200px */
    .col-1 { width: 4.33%; }

    .col-2 { width: 12.66%; }

    .col-3 { width: 21%; }

    .col-4 { width: 29.33%; }

    .col-5 { width: 37.66%; }

    .col-6 { width: 46%; }

    .col-7 { width: 54.33%; }

    .col-8 { width: 62.66%; }

    .col-9 { width: 71%; }

    .col-10 { width: 79.33%; }

    .col-11 { width: 87.66%; }

    .col-12 { width: 96%; }

    .hidden-sm { display: block; }
}


@media only screen and (min-width: 43.75em) and (max-width:75em ) {
    /* 700px to 1200px */
    .col-md-1 { width: 4.33%; }

    .col-md-2 { width: 12.66%; }

    .col-md-3 { width: 21%; }

    .col-md-4 { width: 29.33%; }

    .col-md-5 { width: 37.66%; }

    .col-md-6 { width: 46%; }

    .col-md-7 { width: 54.33%; }

    .col-md-8 { width: 62.66%; }

    .col-md-9 { width: 71%; }

    .col-md-10 { width: 79.33%; }

    .col-md-11 { width: 87.66%; }

    .col-md-12 { width: 96%; }

    .hidden-sm { display: block; }
}
@media only screen and (min-width: 60em) {
    /* 960px */
    .container {
        width: 75%;
        max-width: 60rem;
    }
}


/**** CUSTOM CONTROLS ***/

h5 {
    color: #4d5b2a;
    margin: 0;
    font-size: 1.05rem;
}

.content_hdr {
    color: White;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    background-image: url(/filecatalog/websys/graphics/bg_content_title1.jpg);
    background-size: 2px 24px;
    padding: 4px;
    border-radius: 5px 5px 0 0;
}

.button {
    border: 1px solid #656565;
    border-radius: 3px;
    padding: 3px 15px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    background: #333333;
    color: white;
    box-shadow: 3px 2px 5px #737373;
    margin-right: 2px;
}
.button:disabled, .button[disabled] {
    background: #9e9e9e;
    border: none;
    cursor: not-allowed;
}
.content-header {
    color: #4c4c4f;
    border-bottom: 1px solid #e3d7d7;
}
.button_save {
    background-image: url(/filecatalog/websys/graphics/btn_save.jpg);
    background-color: black;
    background-repeat: no-repeat;
    cursor: hand;
    width: 20px;
    height: 20px;
}

.content_container {
    background-color: White;
    padding: 8px;
    border: solid 1px #696969;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 2px 8px #a0a0a0;
}

.dgrid {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    width: 100%;
}

.dgrid_hdr {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    background-color: #333333;
    color: White;
}

.dgrid_alt { background-color: #cccccc; }

.link {
    color: #900;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
}

.dgrid th {
    padding: 5px;
    color: white;
}

.dgrid td { padding: 3px; }

.page-content { padding: 5px 10px 10px 20px; }

.footer {
    border-top: 1px solid #9e9e9e;
    padding: 5px;
    border-color: #b3b3b3;
    margin-top: 12px;
}
.readonly {
    background: #dddddd;
}
select{
	    width: auto;
}


.label { font-weight: bold; }
.label-fixed { font-weight: bold; display: inline-block;width: 127px; }

.full-width { width: 100% !important; }

textarea {
    resize: vertical;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    margin-bottom: 4px;
}

input[type=checkbox] {
    height: 18px;
    width: 18px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

select {
    height: 26px;
    min-width: 50px;
}
.hide {
    display: none;
}
.text-right {
    text-align: right;
}
.Cancelled {
    background-color: #ff9b9b;
}
.In-Process {
    background-color: #a9e1f8;

}
.Complete {
    background-color: #92d792;
}
.audited-room {
    color: WHITE;
    font-weight: bold;
    BACKGROUND: GREEN;
}

.audited-room-item
{
	background:#9aff9a;
}
.button-large {
    height: 39px;
    min-width: 80px;
    font-weight: bold;
    font-size: 14px;
}
.pad10 {
    padding: 10px;
}
.page-header {
    border-bottom: 2px solid #808080;
    padding-bottom: 2px;
    margin: 10px 0 15px;
    color: #4d5b2a;
}

/*STICKY HEADER*/
#sticky-wrap {
    background: #fff;
    color: #fff;
    padding: 3px;
}

#sticky-wrap.stickyhead {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99999;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/* */

/* Margins and paddings*/
.marg-top5 { margin-top: 5px; }

.marg-top10 { margin-top: 10px; }

.marg-top20 { margin-top: 20px; }

.marg-bottom5 { margin-bottom: 5px; }

.marg-bottom10 { margin-bottom: 10px; }