/*#region  FONTS  */


@font-face {
    font-family: 'Kenyan-Bold';
    src: url(../Styles/Fonts/KenyanCoffeeRg-Bold.woff);
    font-weight: bold;
    font-style:normal;
}


@font-face {
    font-family: 'Kenyan-Regular';
    src: url(../Styles/Fonts/KenyanCoffeeRg-Regular.woff);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url(../Styles/Fonts/OpenSans-ExtraBold.ttf);
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'OpenSans-Bold';
    src: url(../Styles/Fonts/OpenSans-Bold.ttf);
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url(../Styles/Fonts/OpenSans-SemiBold.ttf);
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-SemiBoldItalic';
    src: url(../Styles/Fonts/OpenSans-SemiBoldItalic.ttf);
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url(../Styles/Fonts/OpenSans-Regular.ttf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url(../Styles/Fonts/OpenSans-Light.ttf);
    font-weight:lighter;
    font-style: normal;
}



/*#endregion */

h1 {font-family: OpenSans-SemiBold; font-weight:normal; font-size:20pt; margin:0; padding:0;}
h2 {font-family: Kenyan-Regular; font-weight:normal; font-size:20pt; margin:0; padding:0;}
h3 {font-family: "OpenSans-SemiBold"; font-weight:normal; font-size:16pt;}

p {font-family:OpenSans-Regular, sans-serif; font-weight:normal; color:#000; padding:.25em 0em; font-size:12pt;}
p.bold {font-family:OpenSans-Bold, sans-serif; font-weight:bold; color:#000; padding:.25em 0em; font-size:12pt;}
p.bolder {font-family:OpenSans-ExtraBold, sans-serif; font-weight:bolder;color:#000; padding:.25em 0em; font-size:12pt;}


a {font-family:"OpenSans-Regular"; font-weight:normal; color:#000; font-size:inherit; outline:0; padding:.25em 0em; -webkit-tap-highlight-color: transparent;}
a:hover {font-family:"OpenSans-Regular"; font-weight:normal; font-size:inherit; outline:0; color:#a6111f;}

h3.ul-header {margin-top:1em;}


/*#region JQUERY WIDGETS  */

.ui-tooltip {
    font-size:small;
    color:#444;
    font-family:Arial, Helvetica, sans-serif;
}

.ui-autocomplete { max-height: 200px; overflow-y: scroll; overflow-x: hidden; font-size:10pt;}

.ui-menu .ui-menu-item {
    padding:.25em 0em;
}

.ui-menu .ui-menu-item a {
    display:block;
    font-family:OpenSans-SemiBold, sans-serif;
    font-size:10pt;
}

#keywords .ui-menu-item a:hover {
    display:block;
    font-family:OpenSans-SemiBold, sans-serif;
    font-size:10pt;
    text-decoration:underline;
}

.ui-menu .ui-menu-item a > span {
    font-family:OpenSans-SemiBold, sans-serif;
    font-size:10pt;
    vertical-align:top;
}




/*#endregion */


ul {padding:1em; margin:0em 1em;}
li {font-family:"OpenSans-Regular"; font-weight:normal; color:#000; padding-bottom:1em;}

ul.ul-checkmark {list-style-image:url(../Content/Images/Layout/checkmark_on_circle16x16.png);}
ul.ul-checkmark > li {font-family:"OpenSans-Regular"; font-weight:normal; color:#000; padding:.5em;}

ul.no-bullets {list-style:none; padding:0; margin:0;}
ul.no-bullets > li {padding:.5em 0em;}
li {font-family:"OpenSans-Regular"; font-weight:normal; color:#000;}

select {border:1px solid #dbdbdb; border-radius:3px; padding:.15em;}

.ajax-response {font-size:small;}
.field-validation-error { font-family:OpenSans-SemiBold, sans-serif; color:#be2438; font-size:smaller; }





/* JQuery Dialogs */

.dialog-modal-image {
    border:0;
    margin:0; padding:0;
    background-color:#fff;
}

.dialog-modal-image .ui-dialog-titlebar {
    display:none;
}

div.polaroid-image {
    background-color:#fff;
    padding:1em 1em 2em 1em;
}

div.polaroid-image img {
    width:90%;
    height:auto;
    margin:0 auto;
}

.image-wrapper {
    display:block;
    overflow:hidden;
    box-sizing:border-box;

}

.image-wrapper a {
    text-decoration:none;
    outline:0;
}

.image-wrapper img {
    width:100%;
    height:auto;
}

.red-text {color:#a6111f;}
.green-text {color:green;}
.blue-text {color:#0078d7;}
.white-text {color:#fff;}
.black-text {color:#000;}
.orange-text {color:#ffae42; }

.red-background {background-color:#a6111f;}
.green-background {background-color:green;}
.blue-background {background-color:#0078d7;}
.dark-blue-background {background-color:#183B61;}
.black-background{background-color:#000;}
.silver-background {background-color:silver;}


.nonwoven-blue {background-color:#183B61;}
.paper-green {background-color:#1D4B41;}
.plastic-purple{background-color:#412651;}
.poly-red{background-color:#642341;}
.cotton-clay {background-color:#615853;}
.packaging-teal {background-color:#008D95;}

.fa-lightbulb {color:#0080ff;}
.inline {display:inline;}
.light {font-family:OpenSans-Light; font-weight:normal;}
.normal {font-weight:normal;}
.bold {font-weight:bold;}
.bolder {font-weight:bolder;}
.italic {font-style:italic;}
.highlight {background-color:yellow;}
.underline {text-decoration:underline;}
.small-text {font-size:9pt;}
.ellipsis {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.no-padding {padding:0; margin:0;}
.clickable {cursor:pointer;}
.shadow { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.round-corners {
    border: 1px solid transparent;
    border-radius: 7px;
}
.video-embed {display:inline-block; background-color:#a6111f; border-left:3px solid #C1595C; border-right:3px solid #840D19;  border-top:3px solid #B8414B; border-bottom:3px solid #840D19; border-radius:5px; color:#fff; padding:.5em; text-decoration:none; outline:0; vertical-align:middle;}
.video-embed:hover {display:inline-block; background-color:#af292c; border-left:3px solid #C1595C; border-right:3px solid #840D19;  border-top:3px solid #B8414B; border-bottom:3px solid #840D19; border-radius:5px; color:#fff; padding:.5em; text-decoration:none; outline:0; vertical-align:middle;}
.video-embed > i {padding-left:.5em; font-size:16pt; vertical-align:middle; }

.source {font-size:.7em; font-style:italic;}

.glossary {padding:1em .25em; text-align:left;}
.glossary dt {font-family:OpenSans-SemiBold, sans-serif; font-size:12pt; color:#000; font-weight:bold;}
.glossary dd {font-family:OpenSans-Regular, sans-serif; font-size:12pt; color:#000; margin-bottom:1em;}



/*#region FORM ELEMENTS */

/*remove the clear 'x' in input fields */
input[type]::-ms-clear,
input[type]::-webkit-search-decoration,
input[type]::-webkit-search-cancel-button,
input[type]::-webkit-search-results-button,
input[type]::-webkit-search-results-decoration { 
  display: none; width:0; height:0;
}

.auth-form {
    margin:0 auto;
    max-width:500px;
}

.auth-form .form-ctrl {
    margin-bottom:2em;
    display:block;
    overflow:visible;
    padding:0;
}

/*#endregion */

/*#region  Buttons */

.green-action-btn {background-image:none!important; outline:0!important; border:1px solid transparent!important; border-radius:5px!important; background-color:#009900!important; color:#fff!important; padding:.5em; cursor:pointer;}
.yellow-action-btn {background-image:none!important; outline:0!important; border:1px solid transparent!important; border-radius:5px!important; background-color:#FFA902!important; color:#fff!important; padding:.5em; cursor:pointer;}
.red-action-btn {background-image:none!important; outline:0!important; border:1px solid transparent!important; border-radius:5px!important; background-color:#8b0000!important; color:#fff!important; padding:.5em; cursor:pointer;}
.gray-action-btn {background-image:none!important; outline:0!important; border:1px solid transparent!important; border-radius:5px!important; background-color:#dbdbdb!important; color:#000!important; padding:.5em; cursor:pointer;}
.blue-action-btn {background-image:none!important; outline:0!important; border:1px solid transparent!important; border-radius:5px!important; background-color:#172F53!important; color:#fff!important; padding:.5em; cursor:pointer;}


.small-red-action-btn {
    background-image:none!important;
    background-color:#8b0000!important;
    color:#fff!important;
    font-size:small!important;
    border:1px solid transparent!important;
    padding:0em!important;
    margin:.5em!important;
}

.small-gray-action-btn {
    background-image:none!important;
    background-color:#dbdbdb!important;
    color:#000!important;
    font-size:small!important;
    border:1px solid transparent!important;
    padding:0em!important;
    margin:.5em!important;
}

select {border:1px solid #dcdcde; padding:.25em; font-size:.9em; }

button {-webkit-tap-highlight-color: transparent; outline:0;}

/*#endregion */

/*#region Special Lists */

ul.simple-list {
    padding:.5em;
    margin:.25em;
}

ul.simple-list > li {
    padding:.25em; margin:0em .75em;
}

.image-text-list {display:block; overflow:hidden; margin:1em 0em;}
.image-text-list > img {display:inline-block; float:left; margin-right:.5em; width:40px; height:40px;}
.image-text-list > div {overflow:hidden; vertical-align:middle;}
.image-text-list > div h3 {padding:0; margin:0; }
.image-text-list > div h4 {padding:0; margin:0; }
.image-text-list > div > p {display:block; vertical-align:middle; padding:.25em 0; margin:0;}
.image-text-list > div > p:first-child {display:block; vertical-align:middle; padding:0em 0em .25em 0; margin:0;}
.image-text-list > div.no-header > p {display:inline-block; vertical-align:middle; padding:0; margin:0; line-height:40px;}

.large-number-list {
    margin-top:1em;
}

.large-number-list .list-item {
    display: block;
    overflow: auto;
    clear: both;
    margin-bottom: 1em;
}

.large-number-list .list-item div:first-child {
    font-family:OpenSans-SemiBold;
    width: 30px;
    font-size: 25px;
    font-weight: bold;
    float: left;
    padding:0; margin:0;
}

.large-number-list .list-item div:nth-child(2) {
    display:block;
    position:relative;
    box-sizing:border-box;
    float: none;
    overflow: hidden;
    vertical-align: top;
}

.large-number-list .list-item div > p {
    display:block;
    vertical-align: top;
    font-size:14pt;
    line-height:22pt;
    margin:0;
    padding:.25em .25em .25em .25em;
}


/*#endregion */