@charset "utf-8";
/* css document */

.hidden {
    display: none;
}

body {
    padding: 0;
    border: 0;
    margin: 0;
    line-height: 1.4;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 16px;
}

table {
    margin-bottom: 1.5rem;
    font-size: 16px;
}

th {
    margin: .5rem 0 .25rem;
    font-size: 1.15rem;
    color: #13294b;
    text-align: left;
    line-height: 1.2;
}

#Analyte-rates td {
    vertical-align: middle;
}

#Analyte-rates th,
#Analyte-rates td {
    padding: 10px;
}

#Analyte-rates tr.bg-gray {
    font-size: 0;
}

.w-200 {
    max-width: 200px !important;
}

.align-right {
    text-align: right;
}

.align-right.search {
    margin-right: 1rem;
    margin-top: 1rem;
}

.align-right.home-search {
    margin-right: 12px !important;
}

.archive {
    color: #cc6600;
}

/* link colors  */
a {
    color: #d93a17;
    text-decoration: none;
    font-weight: 700;
}

a:hover {
    color: #13294b;
    text-decoration: underline;
}

a:active {
    color: #d93a17;
}

a img {
    border: 0;
}

/*
.edu-il-ws-6610-5-content {
    line-height: 1.3;
}
*/
figure {
    margin: inherit;
}

/* Create two unequal columns that floats next to each other */

.column {
    float: left;
    padding: 1rem 2rem 1rem 0;
}

.left {
    width: 35%;
}

.right {
    width: 65%;
}

.half {
    width: 50%;
}

.quarter {
    width: 25%;
}

.fifth {
    width: 20%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* breadcrumb styles */

.breadcrumb {
    font-size: 90%;
    margin: 1rem 0 1rem 2rem;
    max-width: 39rem;
    float: left;
}

.breadcrumb a {
    color: #13294b;
}

.breadcrumb a:hover {
    color: #d93a17;
}



.carousel-caption > h2 > a,
.carousel-caption > h2 > a:hover {
    color: #f1f4fe;
}

.carousel-caption > h2 > a:hover {
    text-decoration: underline;
}

ul ul,
ol ul {
    list-style-type: square;
}


/***** styles for WARM's IWCS listings to be in columns *****/

#ws-pa-8935 #blog-wrapper .topic .topic-wrapper .topic-title {
    width: 40%;
    margin-right: 1rem;
    float: left;
}

/***** end WARM styles *****/

/****** styles for Advisory Board styling *******/

.mainText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 0;
}

.mainText .profile-photo {
    margin-bottom: 1.5rem;
}

.mainText .profile-photo img {
    width: 175px;
    height: auto;
    border: 1px solid #e6e6e6;
    max-width: 100%;
    margin-left: 5px;
    box-shadow: 0 0 0 5px #F4F4F2, 0 0 0 6px #E0E0E0;
}

.mainText .profile-details > span {
    display: block;
    color: #767676;
    line-height: 1.5;
}

.mainText .profile-details > span:nth-of-type(2) {
    color: #000;
}

.mainText .profile-details > span:nth-of-type(3) {
    font-style: italic;
}

.mainText .profile-details .name {
    font-weight: 600;
    font-size: 1.15rem;
}

.advisory-board .mainText .profile-details .name {
    color: #000 !important;
}

.mainText .search-result {
    /*    width: 100%;*/
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 1rem 0;
    padding-right: 1.25rem;
}

.advisory-board .mainText .search-result {
    margin: 1rem 0;
    width: 50%;
}


/****** end Advisory Board styles ******/

#contentcolumn {
    padding: 0;
    width: 56.25em;
    margin: 0 auto;
    background-color: #ffffff;
    position: relative;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#contentcolumn h5.blue-bar {
    background-color: #13294b;
    color: #ffffff !important;
    padding: .5rem;
    margin: 1.5rem 0 1.75rem !important;
}

.img-left {
    float: left;
    margin-right: 1.5rem;
    margin-bottom: .5rem;
}

.img-right {
    float: right;
    margin-left: 1rem;
    margin-bottom: .5rem;
}

.img-border {
    border: 1px solid #ddd;
}

.float-right {
    float: right;
    margin-left: 1rem;
}

.float-left {
    float: left;
    margin-right: 1rem;
}

.quick-start {
    max-width: 100%;
    padding: 1rem 0;
}

#contentcolumn h2 {
    margin: 1px 0 0 0;
    background-color: #42536e;
    color: #fff;
    padding: .5rem 2rem;
}

#contentcolumn h2 a {
    color: #f1f4fe;
    text-decoration: none;
    display: block;
}

#contentcolumn h3 {
    margin: 1.5rem 0 .75rem;
    font-weight: 700;
    color: #13294B;
    font-size: 1.75em;
    line-height: 1.2;
}

#contentcolumn h4 {
    margin: 1.5rem 0 .75rem;
    font-weight: 700;
    color: #13294B;
    font-size: 1.5rem;
    line-height: 1.2;
}

#contentcolumn h5 {
    margin-bottom: 1px;
    font-size: 1.25rem;
    margin: 1.5rem 0 .75rem;
    color: #13294b;
}

#contentcolumn p {
    margin-top: 0;
}

iframe {
    margin-top: .5rem;
}

#maincontent,
.page-content {
    clear: both;
    padding: 1.5em;
}

#maincontent h1 {
    margin: 0;
    padding: 0;
    border: 0;
}

#maincontent ul {
    padding-left: 1.25rem;
    margin-top: 0;
}

#maincontent ul.unstyled {
    list-style: none;
    padding-left: 0;
}

#sidebar ul li {
    padding: 0;
}

.multi-column {
    columns: 200px 3;
}

/* mainly in news items/highlights */
#maincontent sup,
#maincontent sub {
    font-size: 7pt;
}

.caption {
    color: #41536D;
    font-size: small;
    font-style: italic;
    padding-top: .5rem;
    padding-bottom: 1rem;
    max-width: 98%;
    line-height: 1.2;
    display: block;
}

/* sidebar navigation styles - added 5/17/2018 by Jennifer Davis */

ul.areas,
ul.nav-sidebar {
    list-style: none;
    margin: 0 0 1em;
}

ul#children.nav-sidebar {
    margin-top: 2em;
}

ul.areas li,
ul.nav-sidebar li {
    border-bottom: 1px solid #fff;
}

ul.areas li a,
ul.nav-sidebar li a {
    text-decoration: none;
    font-weight: 700;
    color: #fff;
    display: block;
    background-color: #69738a;
    padding: .5rem 1.25rem;
}

ul.areas li a:hover,
ul.nav-sidebar li a:hover {
    background-color: #ddd;
    color: #42536e;
}

.nav-extend {
    margin: -1.05rem 0 2rem 8px;
    border-top: 1px solid #fff;
}

.pl-1 {
    padding-left: 1rem;
}

.small {
    font-size: 80%;
}



/*******************

header and footer below this line

*********************/

#header {
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    top: 0;
    left: 0;
}

#header #inrsbar {
    text-transform: uppercase;
    padding-top: .25em;
    padding-bottom: 1.15em;
    width: 56.25em;
    margin-left: -.1em;
    background-color: #e6e6e6;
    padding-left: .1em;
    padding-right: .1em;
}

#header #inrsbar a {
    font-size: smaller;
    color: #aaa;
    text-decoration: none;
    margin: 0;
}

#header #inrsbar a:link,
#header #inrsbar a:visited {
    color: #424242;
}

#header #inrsbar a:hover,
#header #inrsbar a:focus {
    color: #696969;
    text-decoration: underline;
}

#header #inrsbar #inrstxt {
    float: left;
    padding-left: .5em;
}

a.inrstxt {
    color: #fff;
}

span.inrstxt {
    margin: 0;
    float: left;
    padding-left: .5em;
}

#header #inrsbar #uiuctxt {
    float: right;
    padding-right: .5em;
}

span.uiuctxt {
    margin: 0;
    float: right;
    padding-right: .5em;
}

#header #surveys {
    clear: both;
    font-size: 0.76em;
    word-spacing: -1px;
    background-color: #707171;
    padding: .2em .5em .3em;
    border-top: 1px solid #ccc;
}

#header #surveys a {
    color: #424242;
    text-decoration: none;
}

#header #surveys a:link,
#header #surveys a:visited {
    color: #fff;
    font-weight: 400;
}

#header #surveys a.selectedsurvey {
    color: #ccc;
    text-decoration: none;
}

#header #surveys a:hover,
#header #surveys a:focus {
    color: #ccc;
    text-decoration: underline;
}

#header #surveys ul {
    padding: 0;
    margin: 0;
    border: 0;
}

#header #surveys li {
    margin: 0;
    list-style: none;
    display: inline;
    padding-left: 0;
    padding-right: 0;
}

.navmarker {
    padding: 0;
    margin: 0;
    border: 0;
    color: #696969;
}

#header #surveys li.first {
    margin: 0;
    border: 0;
    list-style: none;
    display: inline;
    padding-left: 0;
    padding-right: .1em;
}

/* banner or header images    */

#bannerimage {
    height: 10em;
    background-color: #1d2b4c;
    position: relative;
    display: block;
    border-top: none;
    border-bottom: none;
    border: 0;
}

#bannerimage #surveyname {
    color: #fff;
    font-size: xx-large;
    position: absolute;
    bottom: 2.9em;
    left: 1em;
}

#bannerimage #surveyname a {
    color: #fff;
    text-decoration: none;
}

#bannerimage .homehide {
    visibility: hidden;
    display: block;
    min-height: 5.31em;
}

#bannerimage #surveyname a:link,
#bannerimage #surveyname a:visited {
    color: #fff;
}

#surveyname2 {
    color: #fff;
    font-size: xx-large;
    position: absolute;
    bottom: 1.75em;
    left: 1em;
    text-decoration: none;
}

#surveyname3 {
    color: #fff;
    font-size: xx-large;
    position: absolute;
    bottom: 1.13em;
    left: 1em;
    text-decoration: none;
}

#bannerimage #surveyname a:hover,
#bannerimage #surveyname a:focus {
    color: #fff;
}

#bannerimage #uilogo {
    color: #fff;
    position: absolute;
    bottom: .5em;
    right: .8em;
    border: 0;
}

#bannerimage #uilogo img {
    border: 0;
}

#headerimage {
    position: absolute;
    width: 56.25em;
    height: 5.31em;
    border: none;
}

#header #navbar {
    clear: both;
    font-size: smaller;
    background-color: #000;
    padding-left: 2em;
    height: 2em;
    border-top: none;
    border-bottom: none;
    line-height: 2em;
}

#navbar #navlinks {
    float: left;
    z-index: 9999;
    /*Makes sure that the menu overlaps the Flashbox*/
}

#navbar #navlinks ul {
    padding: 0;
    margin: 0;
    border: 0;
}

/* We apply background color and border bottom white and width to 150px */
#navbar #navlinks li {
    margin: 0;
    list-style: none;
    display: inline-block;
    padding-left: .5em;
    padding-right: 1em;
    border-right: 2px solid #ffffff;
    height: 2em;
    line-height: 2em;
}

#navbar #director {
    float: right;
    padding-right: .5em;
}

#navbar a {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
}

#navbar a:link,
#navbar a:visited {
    color: #fff;
}

#navbar a:hover,
#navbar a:focus {
    color: #ccc;
    text-decoration: underline;
}

#navbar div#googlesearchbox div {
    margin: 0;
    padding: 0;
    border: 0;
    padding-top: .3em;
}

#navbar div#googlesearchbox input {
    margin: 0;
    padding: 0;
}

#navbar div#googlesearchbox #cse-search-box {
    margin: 0;
    padding: 0;
}

#navbar div#googlesearchbox {
    float: right;
}

#navbar div#googlesearchbox div #hidden {
    margin: 0;
}

#navbar div#googlesearchbox div #submit {
    font-size: .8em;
    margin-left: .4em;
    padding-left: .3em;
    padding-right: .3em;
}

#navbar div#googlesearchbox div #text {
    height: 1em;
    line-height: 1em;
    font-size: .9em;
    float: left;
    margin: 0;
}


#footerarea {
    clear: both;
    background-color: #ddd;
    padding: 1.5em;
    font-size: 10px;
    border-top: 1px solid #ccc;
    top: 0;
    height: 12em;
}

#footerarea .column_left {
    float: left;
    color: #444444;
    padding-left: 1em;
}

#footerarea .column_right {
    float: right;
    color: #444444;
    text-align: right;
    padding-right: 1em;
}

#footerarea h3 {
    font-size: 12px;
    padding-top: 0;
    margin-top: 0;
    color: #444444;
}

#footerarea h1,
#footerarea h2,
#footerarea h3,
#footerarea h4,
#footerarea h5 {
    margin-bottom: 0;
    padding-bottom: .25rem;
    color: #444444;
}

#footerarea p,
#footerarea ul,
#footerarea li {
    margin-top: 0;
    font-size: 12px;
    line-height: 1.4;
}

#footerarea li {
    padding: .2em;
}

#footerarea a {
    color: #444444;
    text-decoration: none;
}

#social {
    text-align: right;
}

#social img {
    margin: 0 4px 0 4px;
}

.social-links {
    padding: 1rem 0 0;
}

div.social-links img {
    max-width: 2rem;
}

div.social-links a img {
    -webkit-filter: opacity(80%);
    /* Safari 6.0 - 9.0 */
    filter: opacity(80%);
}

div.social-links a:hover img {
    filter: opacity(100%);
    -webkit-filter: opacity(100%);
}


/*******************

other structure/style classes

*********************/


.rightlinkboxblueborder {
    float: right;
    border: solid thin #19198d;
    text-align: center;
    padding: .5em 1em .5em 1em;
    margin: 0 0 1em 1em;
    font-size: 0.9em;
    clear: both;
    width: 14em;
}

.rightlinkboxbluebordercontainer {
    float: right;
    padding: 0;
    margin: 0 0 0 0.15em;
}

.rightlinkboxblueborder p {
    text-align: left;
    margin: 0.3em;
}

.rightlinkboxblueinset {
    float: right;
    border: solid medium #19198d;
    text-align: center;
    padding: .5em 1em .5em 1em;
    margin: 0 0 1em 1em;
    font-size: 0.9em;
    clear: both;
    width: 18em;
}

.border,
.brdr {
    border: 1px lightgray solid;
}

/*  from the highlights page, but now universal.   */

.divbar {
    background: #d7dfee;
    margin: 0 0 6px 0;
    padding: 2px 4px 2px 8px;
    font-size: 1.2em;
    text-decoration: none;
    font-weight: bold;
    overflow: hidden;
}

.divbar a {
    color: black;
    text-decoration: none;
    display: block;
}

.divbar:hover {
    text-decoration: none;
}

.divunderline {
    border-bottom: 1px solid black;
}

.outerlist ul {
    margin: 0 0 .75em 0;
}

div.hbar {
    border-bottom: 2px solid #ccc;
    margin: 1em auto;
}

div.hbartbl {
    border-bottom: 2px solid #ccc;
    margin: 0 auto;
}

div.hbartbldark {
    border-bottom: 1px solid #333333;
    margin: 0 auto;
}

div.hbartbllight {
    border-bottom: 1px solid #bfccd6;
    margin: 0 auto;
}

#bottomnav {
    margin: 1em auto .5em auto;
    padding: .8em;
    text-align: center;
    font-size: 0.9em;
    border-top: 2px solid #ccc;
    clear: both;
}

img.imageright,
div.imageright {
    float: right;
    margin: 0 0 .25em .5em;
    text-align: left;
}

img.imageleft,
div.imageleft {
    float: left;
    margin: 0 1em .25em 0;
    text-align: left;
}

img.imagenormal,
div.imagenormal {
    margin: 0 0 .25em 0;
    text-align: left;
}

/*  page content styles from this point down....   */

.txtvsmall {
    font-size: x-small;
}

.txtsmall {
    font-size: small;
}

.txtmedium {
    font-size: medium;
}

.txtlarge {
    font-size: large;
}

.txtvlarge {
    font-size: x-large;
}

.txtserif {
    font-family: Times New Roman, serif;
}

.txtcentered {
    width: 100%;
    text-align: center;
}

.divcentered {
    margin-left: auto;
    margin-right: auto;
}

.grayedout {
    color: #ddd;
}

.grayedoutdark {
    color: #bbb;
}

.headertext {
    font-size: 110%;
    color: #27547f;
}

p.bdy,
div.bdy,
li.bdy,
td.bdy {
    font-size: 0.95em;
}

p.indent0 {
    margin-left: 1em;
}

p.indent1 {
    margin-left: 2em;
}

p.indent2 {
    margin-left: 3em;
}

p.indent3 {
    margin-left: 4em;
}

.inlineindent1 {
    margin: 0 0 0 1em;
}

.inlineindent2 {
    margin: 0 0 0 2em;
}

.inlineindent3 {
    margin: 0 0 0 3em;
}

.inlineindent4 {
    margin: 0 0 0 4em;
}

.zermrg {
    margin: 0;
}

ul.zermrg {
    margin: 0 0 0 1em;
}

/* add IE6 constraint in iecorrect.asp also */

.zrobotmrg {
    margin-bottom: .02pt;
}

.bld {
    font-weight: bold;
}

.itl {
    font-style: italic;
}

.udl {
    text-decoration: underline;
}

.elevnptlinklist {
    font-size: 0.95em;
    margin-bottom: .8em;
    margin-left: .4in;
}

.elevnptlinklistri {
    font-size: 0.95em;
    margin-bottom: 0.4em;
    margin-left: 0.60in;
    text-indent: -0.20in;
}

.tenptlinklist {
    font-size: 0.95em;
    margin-bottom: .8em;
    margin-left: .4in;
}

.tenptlinklistri {
    font-size: .8em;
    margin-bottom: 0.4em;
    margin-left: 0.60in;
    text-indent: -0.20in;
}

.pdflink8 {
    font-size: 8pt;
}

a.linkplain {
    text-decoration: none;
    color: black;
}

/*   kevin started   */

.headerbar {
    background-color: #d7dfee;
    margin: 0 auto .8em auto;
}

table {
    border-collapse: collapse;
    border-color: #a7a9ac;
    border-width: 1px;
}

td {
    vertical-align: top;
}

thead tr:nth-child(2) {
    text-align: left;
}

.bg-gray {
    background-color: #e7e7e7 !important;
}

/* added for table headings on hilites.asp, info.asp, drought pages, etc. */

.menuIndent a {
    margin-left: .2in;
    text-indent: -.2in;
}

p.np,
li.np,
div.np {
    margin-left: 0.62in;
    text-indent: -.2in;
}

p.np0,
li.np0,
div.np0 {
    margin-left: .22in;
    text-indent: -.2in;
}

p.nphdr,
li.nphdr,
div.nphdr {
    margin-left: .2in;
    font-weight: bold;
}

p.npnri,
li.npnri,
div.npnri {
    margin-left: 0.42in;
}

/* custom indents for purposes not related to normal indents above */
p.npnoindent,
li.npnoindent,
div.npnoindent {
    margin-left: .2in;
}

p.npnoindentbld,
li.npnoindentbld,
div.npnoindentbld {
    margin-left: .2in;
    font-weight: bold;
}

p.npindent,
li.npindent,
div.npindent {
    margin-left: .2in;
    padding-left: .4in;
    font-size: .8em;
}

/*  10pt */
p.npdoubleindent {
    margin-left: .4in;
    padding-left: .42in;
    font-size: .7em;
}

/*  8pt - for highlights and news, mostly  */
p.para,
ul.para,
li.para {
    margin: 0 20px 14px 5px;
}

.floatboxright {
    float: right;
    margin: 0 30px 8px 16px;
    border: 1px solid #8089ac;
    padding: 8px;
    font-size: 8pt;
    color: #dd0000;
    text-decoration: none;
}

.fburnerlink {
    font-size: 8pt;
    color: #e87400 !important;
    text-decoration: none;
}

hr.cntnt {
    color: #ccc;
    margin: 2rem;
}

.projecttitle {
    margin-bottom: 10px;
    font-weight: bold;
}

.ulttl {
    margin: 10px 0 0 10px;
    font-weight: bold;
}

/*  kevin stopped here ...   */

/* archive project style */
#contentcolumn h2.archiveHeader {
    background: #cc6600;
}

#contentcolumn h2.archiveHeader:after {
    content: "archived content";
    text-align: right;
    text-transform: uppercase;
    font-size: 13px;
    float: right;
    padding-top: 0.4rem;
}

.gwsstinsert {
    float: right;
    margin: 0 .1em .3em .5em;
}

.clear {
    clear: both;
}

/* DOM styles for popups (KM) */
#DOMWindow {
    text-align: center;
}

.close {
    background: #ffffff;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2px;
    cursor: pointer;
}

.newsstripe {
    background-color: #ffd8b0;
    padding: 0.4em;
    margin-bottom: 0.6em;
}

/* end DOM styles for popups */

.left_col {
    width: 60%;
    float: left;
}

.right_col {
    float: left;
    padding-left: 25px;
    margin-left: 25px;
    border-left: 1px solid #CCCCCC;
    margin-bottom: 50px;
    font-size: .7em;
}

.image_cap {
    width: 25em;
    margin-bottom: 25px;
}

.image_capinsideright {
    float: right;
    width: 10em;
    margin: 4px 0 4px 4px;
}

.image_inline {
    width: 18em;
    margin-bottom: 10px;
}

#presscontent p {
    width: 60%;
    text-align: justify;
    margin: 0 20px 14px 0;
    font-family: "times new roman", serif;
    font-size: 12.3pt;
}

.new {
    /* yellow tag to show new material*/
    background-color: rgb(255, 233, 71);
    border-radius: 4px;
    font-weight: bolder;
    font-size: 8px;
    padding: 1px 2px;
    margin: 0 .5em;
    box-shadow: 0 1px 0 #CCC75A;

}

.newfade {
    opacity: .5;
}

.buttondonate a {
    padding: 5px 10px;
    margin: 5px 0;
    display: block;
    width: 126px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.buttondonatebig a {
    padding: 8px 10px;
    margin: 5px 0;
    display: block;
    width: 198px;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#donate-button {
    margin: 1em;
}

#donate-button a.bttn,
#donate-button a.bttn:visited {
    background: #13294B;
    text-decoration: none;
    color: white;
    margin: auto;
}

#donate-button a.bttn:hover {
    background-color: #C84113;
    color: white;
    text-decoration: none;
}

/*  below is addition by bryan to fix some issues  */

#highlightbox {
    margin: 1em;
    padding: .55em 0;
}

#highlightbox p {
    margin: .7em;
}

.sidebox {
    padding: 0 0 0 .5em;
}

.infobox {
    border: 1px solid #ddd;
    background-color: #fafafa;
}

.infobox ul {
    list-style-type: none;
}

.infobox li {
    margin-top: .5em;
    margin-left: -1em;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.ScriptWrapper,
.sfDisplayNone {
    display: none;
}

.sf_1col_1_100 {
    float: none;
    margin: 0;
}

.sf_2cols_1_25,
.sf_3cols_1_25,
.sf_3cols_3_25,
.sf_2cols_2_25,
.sf_4cols_1_25,
.sf_4cols_2_25,
.sf_4cols_3_25,
.sf_4cols_4_25 {
    float: left;
    margin: 0;
    width: 25%;
}

.sf_2cols_1_33,
.sf_3cols_1_33,
.sf_3cols_3_33 {
    float: left;
    margin: 0;
    width: 33%;
}

.sf_2cols_1_50,
.sf_3cols_2_50 {
    float: left;
    margin: 0;
    width: 50%;
}

.sf_2cols_1_67 {
    float: left;
    margin: 0;
    width: 67%;
}

.sf_2cols_1_75 {
    float: left;
    margin: 0;
    width: 75%;
}

.sf_2cols_2_33 {
    float: right;
    margin: 0;
    width: 33%;
}

.sf_2cols_2_50 {
    float: right;
    margin: 0;
    width: 50%;
}

.sf_2cols_2_67 {
    float: right;
    margin: 0;
    width: 67%;
}

.sf_2cols_2_75 {
    float: right;
    margin: 0;
    width: 75%;
}

.sf_3cols_2_34 {
    float: left;
    margin: 0;
    width: 34%;
}

.sf_5cols_1_20,
.sf_5cols_2_20,
.sf_5cols_3_20,
.sf_5cols_4_20,
.sf_5cols_5_20 {
    float: left;
    margin: 0;
    width: 20%;
}

.sf_2cols_2_25 .sf_2cols_2in_25,
.sf_2cols_2_33 .sf_2cols_2in_33,
.sf_2cols_2_50 .sf_2cols_2in_50,
.sf_2cols_2_67 .sf_2cols_2in_67,
.sf_2cols_2_75 .sf_2cols_2in_75,
.sf_3cols_2_34 .sf_3cols_2in_34,
.sf_3cols_3_33 .sf_3cols_3in_33,
.sf_3cols_2_50 .sf_3cols_2in_50,
.sf_3cols_3_25 .sf_3cols_3in_25,
.sf_4cols_2_25 .sf_4cols_2in_25,
.sf_4cols_3_25 .sf_4cols_3in_25,
.sf_4cols_4_25 .sf_4cols_4in_25,
.sf_5cols_2_20 .sf_5cols_2in_20,
.sf_5cols_3_20 .sf_5cols_3in_20,
.sf_5cols_4_20 .sf_5cols_4in_20,
.sf_5cols_5_20 .sf_5cols_5in_20 {
    margin-left: 12px;
}

.sf_block {
    display: block;
}

.sf_cols {
    clear: both;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}

.sf_cols:after {
    clear: both;
    content: "";
    display: block;
    font-size: 1px;
    height: 0;
    visibility: hidden;
}

.sfimageWrp {
    overflow-x: hidden;
}

.sfimageWrp img,
.sfContentBlock img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.sfClearfix:after {
    clear: both;
    content: "";
    display: block;
    font-size: 1px;
    height: 0;
    visibility: hidden;
}

* .sf_colsOut + .sf_colsOut {
    margin-left: -1px !important;
}

* html .sf_cols {
    display: block;
}

* html .sf_cols .sf_colsOut {
    display: inline;
}

* .sf_colsOut + .sf_colsOut {
    margin-left: -1px !important;
}

@media screen and (max-device-width: 600px) {

    .sf_2cols_1_25,
    .sf_3cols_1_25,
    .sf_3cols_3_25,
    .sf_2cols_2_25,
    .sf_4cols_1_25,
    .sf_4cols_2_25,
    .sf_4cols_3_25,
    .sf_4cols_4_25,
    .sf_2cols_1_33,
    .sf_3cols_1_33,
    .sf_3cols_3_33,
    .sf_2cols_1_50,
    .sf_3cols_2_50,
    .sf_2cols_1_67,
    .sf_2cols_1_75,
    .sf_2cols_2_33,
    .sf_2cols_2_50,
    .sf_2cols_2_67,
    .sf_2cols_2_75,
    .sf_3cols_2_34,
    .sf_5cols_1_20,
    .sf_5cols_2_20,
    .sf_5cols_3_20,
    .sf_5cols_4_20,
    .sf_5cols_5_20 {
        float: none;
        margin: 0;
        width: 100%;
    }
}

/*  end of fix code  */

.sf-backend-wrp .k-button-group .k-tool-icon {
    width: 45px !important
}

;