*{margin:0;padding:0}
.center{margin:auto}
.round{border-radius:50%;overflow:hidden}
.b2{border-radius:2px;overflow:hidden}
.b5{border-radius:5px;overflow:hidden}
.b10{border-radius:10px;overflow:hidden}
.pointer{cursor:pointer;cursor:hand}
:focus.nooutline{outline:none}

.hidden{visibility:hidden}
.nodisplay{display:none}
.noselect{user-select:none;-ms-user-select: none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;}
.ib{display:inline-block;*display:inline;zoom:1;}
@media print {
.noprint{display:none} 
.pagebreak{page-break-before:always}
}

/*floating, clearing and grouping*/
.fl{float:left}
.fr{float:right}
.cl{clear:left}
.cr{clear:right}
.clr{clear:both}
.group:before,.group:after {content:"";display:table}
.group:after {clear:both}
.group {zoom:1}

/*providing gaps*/
div.vspace{clear:both;overflow:hidden;height:0px}
div.hspace{float:left;overflow:hidden;height:1px;width:0px}

/*positioning*/
.absolute{position:absolute}
.fixed{position:fixed}
.relative{position:relative}
.t{top:0}
.b{bottom:0}
.l{left:0}
.r{right:0}
.acc{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;max-width:100%;max-height:100%;
_left:50%;_margin-left:expression((-(this.offsetWidth/2))  + "px") ;
	    	 _top:50%; _margin-top:expression((-(this.offsetHeight/2))  + "px");

_width: expression(this.clientWidth > this.parentNode.clientWidth ? this.parentNode.clientWidth + "px" : this.clientWidth + "px");
_height: expression(this.clientHeight > this.parentNode.clientHeight ? this.parentNode.clientHeight + "px" : this.clientHeight + "px");
*left:50%;*margin-left:expression((-(this.offsetWidth/2))  + "px") ;
	    	 *top:50%; *margin-top:expression((-(this.offsetHeight/2))  + "px");

*width: expression(this.clientWidth > this.parentNode.clientWidth ? this.parentNode.clientWidth + "px" : this.clientWidth + "px");
*height: expression(this.clientHeight > this.parentNode.clientHeight ? this.parentNode.clientHeight + "px" : this.clientHeight + "px");
}
.fcc{position:fixed;top:0;left:0;bottom:0;right:0;margin:auto}

/*box type*/
.bbox{box-sizing:border-box}
.cbox{box-sizing:content-box}

/*overflow*/
.ohidden{overflow:hidden}
.ovisible{overflow:visible}
.oscroll{overflow:scroll}
.oauto{overflow:auto}
.xhidden{overflow-x:hidden}
.xvisible{overflow-x:visible}
.xscroll{overflow-x:scroll}
.xauto{overflow-x:auto}
.yhidden{overflow-y:hidden}
.yvisible{overflow-y:visible}
.yscroll{overflow-y:scroll}
.yauto{overflow-y:auto}
.te{text-overflow:ellipsis}

/*alignment*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.justify{text-align:justify}

/*Vertical Center/Bottom alignment*/ 
.vc{vertical-align:middle;display:inline-block;*display:inline;zoom:1;line-height:normal} /*Parent's height must be set equal to line height*/
.vb{vertical-align:bottom;display:inline-block;*display:inline;zoom:1;line-height:normal} /*Parent's height must be set equal to line height*/

/*Containers. Give margins for spacing*/
.cfl{position:relative;float:left;box-sizing:border-box}
.cfr{position:relative;float:right;box-sizing:border-box}

/*font*/
.size0{font-size:0}

.size6{font-size:6pt}
.size7{font-size:7pt}
.size8{font-size:8pt}
.size9{font-size:9pt}
.size10{font-size:10pt}
.size11{font-size:11pt}
.size12{font-size:12pt}
.size13{font-size:13pt}
.size14{font-size:14pt}
.size15{font-size:15pt}
.size16{font-size:16pt}
.size17{font-size:17pt}
.size18{font-size:18pt}
.size19{font-size:19pt}
.size20{font-size:20pt}
.size21{font-size:21pt}
.size22{font-size:22pt}
.size23{font-size:23pt}
.size24{font-size:24pt}
.size25{font-size:25pt}
.size26{font-size:26pt}
.size27{font-size:27pt}
.size28{font-size:28pt}
.size29{font-size:29pt}
.size30{font-size:30pt}

.size6px{font-size:6px}
.size7px{font-size:7px}
.size8px{font-size:8px}
.size9px{font-size:9px}
.size10px{font-size:10px}
.size11px{font-size:11px}
.size12px{font-size:12px}
.size13px{font-size:13px}
.size14px{font-size:14px}
.size15px{font-size:15px}
.size16px{font-size:16px}
.size17px{font-size:17px}
.size18px{font-size:18px}
.size19px{font-size:19px}
.size20px{font-size:20px}
.size21px{font-size:21px}
.size22px{font-size:22px}
.size23px{font-size:23px}
.size24px{font-size:24px}
.size25px{font-size:25px}
.size26px{font-size:26px}
.size27px{font-size:27px}
.size28px{font-size:28px}
.size29px{font-size:29px}
.size30px{font-size:30px}

.normal{font-weight:normal}
.bold{font-weight:bold}
.italic{font-style:italic}

.arial{font-family:Arial, Helvetica, sans-serif}
.times{font-family:"Times New Roman", Times, serif}
.courier{font-family:"Courier New", Courier, monospace}

ol.none,ul.none{list-style-type:none}
ol.disc,ul.disc{list-style-type:disc}
ol.circle,ul.circle{list-style-type:circle}
ol.square,ul.square{list-style-type:square}
ol.decimal,ul.decimal{list-style-type:decimal}
ol.lowerroman,ul.lowerroman{list-style-type:lower-roman}
ol.upperroman,ul.upperroman{list-style-type:upper-roman}
ol.lowerlatin,ul.lowerlatin{list-style-type:lower-latin}
ol.upperlatin,ul.upperlatin{list-style-type:upper-latin}

ol.mln{ counter-reset: item }
ol.mln > li{ display: table }
ol.mln > li:before { display: table-cell; content: counters(item, ".") ". "; counter-increment: item;padding-right:5px }
ol.mln > li ol.mln > li:before {content: counters(item, ".") " ";}

li.mar0{margin-bottom:0px;}
li.mar5{margin-bottom:5px;}
li.mar10{margin-bottom:10px;}
li.mar15{margin-bottom:15px;}
li.mar20{margin-bottom:20px;}
li.mar25{margin-bottom:25px;}
li.mar30{margin-bottom:30px;}
li.mar35{margin-bottom:35px;}
li.mar40{margin-bottom:40px;}

ol.marl10, ul.marl10{margin-left:10px}
ol.marl15, ul.marl15{margin-left:15px}
ol.marl20, ul.marl20{margin-left:20px}
ol.marl25, ul.marl25{margin-left:25px}
ol.marl30, ul.marl30{margin-left:30px}
ol.marl35, ul.marl35{margin-left:35px}
ol.marl40, ul.marl40{margin-left:40px}

ol.mart10, ul.marl10{margin-top:10px}
ol.mart15, ul.marl15{margin-top:15px}
ol.mart20, ul.marl20{margin-top:20px}
ol.mart25, ul.marl25{margin-top:25px}
ol.mart30, ul.marl30{margin-top:30px}
ol.mart35, ul.marl35{margin-top:35px}
ol.mart40, ul.marl40{margin-top:40px}

.pad1{padding:1px}
.pad2{padding:2px}
.pad3{padding:3px}
.pad4{padding:4px}
.pad5{padding:5px}
.pad6{padding:6px}
.pad7{padding:7px}
.pad8{padding:8px}
.pad9{padding:9px}
.pad10{padding:10px}
.pad15{padding:15px}
.pad20{padding:20px}
.pad25{padding:25px}
.pad30{padding:30px}
.pad35{padding:35px}
.pad40{padding:40px}
.pad45{padding:45px}
.pad50{padding:50px}

table{border-collapse:collapse;border-spacing:0;border-style:none}
table.pad1 td,table.pad1 th {padding:1px}
table.pad2 td,table.pad2 th {padding:2px}
table.pad3 td,table.pad3 th {padding:3px}
table.pad4 td,table.pad4 th {padding:4px}
table.pad5 td,table.pad5 th {padding:5px}
table.pad6 td,table.pad6 th {padding:6px}
table.pad7 td,table.pad7 th {padding:7px}
table.pad8 td,table.pad8 th {padding:8px}
table.pad9 td,table.pad9 th {padding:9px}
table.pad10 td,table.pad10 th {padding:10px}

table.stripeeven tr:nth-child(even) td,table.stripeodd tr:nth-child(odd) td{background:#eee}
/* For customizing stripes
table.stripeeven.pink tr:nth-child(even) td,table.stripeodd.pink tr:nth-child(odd) td{background:pink}
*/

table.outline tr th:first-child,table.outline tr td:first-child {border-left:1px solid #bbb}/*leftmost td th*/
table.outline tr th:last-child,table.outline tr td:last-child {border-right:1px solid #bbb}/*rightmost td th*/
table.outline tr:first-child th,table.outline tr:first-child td{border-top:1px solid #bbb}/*topmost td th*/
table.outline tr:last-child th,table.outline tr:last-child td{border-bottom:1px solid #bbb}/*bottom td th*/

table.horz tr:not(:last-child) th,table.horz tr:not(:last-child) td{border-bottom:1px solid #bbb}/*all td th except last row*/
table.vert tr th:not(:last-child),table.vert tr td:not(:last-child){border-right:1px solid #bbb}/*all td th except last column*/

/* For customizing border-color 
table.outline.blue tr th,table.outline.blue tr td{border-color:blue}
table.horz.green tr:not(:last-child) th,table.horz.green tr:not(:last-child) td{border-bottom-color: green}
table.vert.red tr th:not(:last-child),table.vert.red tr td:not(:last-child){border-right-color:red}
*/

.border{border:1px solid #ddd}
.bt{border-top:1px solid #ddd}
.br{border-right:1px solid #ddd}
.bb{border-bottom:1px solid #ddd}
.bl{border-left:1px solid #ddd}

/*White-Space*/
.wsnormal{white-space:normal}
.wsnowrap{white-space:nowrap}
.wspreline{white-space:pre-line}
.wspre{white-space:pre}
.wsprewrap{white-space:pre-wrap}
.wb{word-break:break-all}
.ww{word-wrap:break-word}
	
/* Shadow */
.depth-2dp {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.depth-3dp {box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);}
.depth-4dp {box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);}
.depth-6dp {box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);}
.depth-8dp {box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);}
.depth-16dp{box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);}
.depth-24dp{box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);}

/*Flex Box*/
.flex{display:flex}
.inline-flex{display:inline-flex}

.f-nowrap{flex-wrap:nowrap} /*default. makes single row/column flexbox*/
.f-wrap{flex-wrap:wrap} /*makes multi row/column flexbox. top to bottom  progression for row based and left to right progression for column based*/
.f-wraprev{flex-wrap:wrap-reverse} /*makes multi row/column flexbox. bottom to top  progression for row based and right to left progression for column based. parent overflow:auto does not work*/

.f-row{flex-direction:row} /*default. row based filling of flex items starting from left most first*/ 
.f-col{flex-direction:column} /*column based filling of flex items starting from top most first*/
.f-rowrev{flex-direction:row-reverse} /*row based filling of flex items starting from right most first*/
.f-colrev{flex-direction:column-reverse}/*column based filling of flex items starting from bottom most first*/

/*Following are added to flexbox for aligning all contents across main axis. aligns horizontaly for row based direction. aligns verticaly for col based direction*/
.fjc-start{justify-content:flex-start} /*default. actual alignment depends upon flex-direction and flex-wrap*/
.fjc-end{justify-content:flex-end} /*actual alignment depends upon flex-direction and flex-wrap*/
.fjc-mid{justify-content:center}
.fjc-sb{justify-content:space-between}
.fjc-sa{justify-content:space-around}
.fjc-se{justify-content:space-evenly}

/*Following are added to multi line flex box for aligning all contents across cross axis. aligns  verticaly for row based direction. aligns horizontaly for col based direction*/
.fac-st{align-content:stretch} /*default.same as fai-st.*/
.fac-start{align-content:flex-start}
.fac-end{align-content:flex-end} /*parent overflow:auto does not work*/
.fac-mid{align-content:center} /*parent overflow:auto does not work*/
.fac-sa{align-content:space-around} /*same as fai-mid for singleline content. parent overflow:auto does not work*/
.fac-sb{align-content:space-between}

/*Following are added to single line flexbox for aligning all contents across cross axis. aligns verticaly for row based direction. aligns horizontaly for col based direction*/
.fai-st{align-items:stretch} /*default.same as fac-st. */
.fai-start{align-items:flex-start}
.fai-end{align-items:flex-end}
.fai-mid{align-items:center} /*same as fac-sa for multiline content*/
.fai-bl{align-items:baseline}

/* Overrides align-items property given above for individual single line flexbox items across cross axis.aligns verticaly for row based direction. aligns horizontaly for col based direction*/
.fas-st{align-self:stretch}
.fas-start{align-self:flex-start}
.fas-end{align-self:flex-end}
.fas-mid{align-self:center}  
.fas-bl{align-self:baseline}

.f-fill{flex:1}/*added to flex item for filling the left over space in flexbox along main axis*/

/*CSS grid*/
.grid{display:grid}
.inline-grid{display:inline-grid}
.g-row{grid-auto-flow:row}
.g-col{grid-auto-flow:column}

.gjc-start{justify-content:start}
.gjc-end{justify-content:end}
.gjc-center{justify-content:center}
.gjc-sb{justify-content:space-between}
.gjc-sa{justify-content:space-around}
.gjc-se{justify-content:space-evenly}

.gac-start{align-content:start}
.gac-end{align-content:end}
.gac-center{align-content:center}
.gac-sb{align-content:space-between}
.gac-sa{align-content:space-around}
.gac-se{align-content:space-evenly}

.gji-start{justify-items:start}
.gji-end{justify-items:end}
.gji-center{justify-items:center}
.gji-st{justify-items:streach}

.gai-start{align-items:start}
.gai-end{align-items:end}
.gai-center{align-items:center}
.gai-st{align-items:streach}

.gjs-start{justify-self:start}
.gjs-end{justify-self:end}
.gjs-center{justify-self:center}
.gjs-st{justify-self:streach}

.gas-start{align-self:start}
.gas-end{align-self:end}
.gas-center{align-self:center}
.gas-st{align-self:streach}

/*opacity*/
.o0{opacity:0}
.o1{opacity:.1}
.o2{opacity:.2}
.o3{opacity:.3}
.o4{opacity:.4}
.o5{opacity:.5}
.o6{opacity:.6}
.o7{opacity:.7}
.o8{opacity:.8}
.o9{opacity:.9}

/*Button*/
.btn {
    /* Structure */
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    box-sizing: border-box;
/* Display */
    font-family: inherit;
    font-size: 100%;
    padding: .5em 1em;
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 4px;
}
.btn::-moz-focus-inner {padding:0;border:0}
.btn:hover,
.btn:focus {
    filter: alpha(opacity=90);
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.btn:active {
    /*box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;*/
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    border-color: #000\9;
}
.btn[disabled] {
    border: none;
    background-image: none;
    filter: alpha(opacity=40);
    opacity: 0.40;
    cursor: not-allowed;
    box-shadow: none;
    pointer-events: none;
}
/*Standard Backgrounds*/
.primary,.secondary,.success,.error,.warning{color:#fdfdfd}
.primary{background: rgb(0, 120, 231)} /*dark blue */	
.secondary {background: rgb(66, 184, 221)}/*light blue */
.success{background: rgb(28, 184, 65)} /*green */
.error{background: rgb(202, 60, 60)} /*maroon */
.warning {background: rgb(223, 117, 20)} /*orange */
/*
For Custom Button
.btncustom{color:#fdfdfd !important; background-color:#a00 !important;}
or any color/bg color from color CSS
*/
/*legacy styles*/
.hyperlink{color:blue;cursor:pointer;cursor:hand}
input.textbox,textarea,select{padding:3px;font:bold 10pt tahoma;border:1px solid black}
input[type=text]:focus,input[type=password]:focus {outline: none}

/*Media Queries*/
@media screen and (min-width: 35.5em) {
    .g-sm-1,
    .g-sm-1-1,
    .g-sm-1-2,
    .g-sm-1-3,
    .g-sm-2-3,
    .g-sm-1-4,
    .g-sm-3-4,
    .g-sm-1-5,
    .g-sm-2-5,
    .g-sm-3-5,
    .g-sm-4-5,
    .g-sm-5-5,
    .g-sm-1-6,
    .g-sm-5-6,
    .g-sm-1-8,
    .g-sm-3-8,
    .g-sm-5-8,
    .g-sm-7-8,
    .g-sm-1-12,-
    .g-sm-5-12,
    .g-sm-7-12,
    .g-sm-11-12,
    .g-sm-1-24,
    .g-sm-2-24,
    .g-sm-3-24,
    .g-sm-4-24,
    .g-sm-5-24,
    .g-sm-6-24,
    .g-sm-7-24,
    .g-sm-8-24,
    .g-sm-9-24,
    .g-sm-10-24,
    .g-sm-11-24,
    .g-sm-12-24,
    .g-sm-13-24,
    .g-sm-14-24,
    .g-sm-15-24,
    .g-sm-16-24,
    .g-sm-17-24,
    .g-sm-18-24,
    .g-sm-19-24,
    .g-sm-20-24,
    .g-sm-21-24,
    .g-sm-22-24,
    .g-sm-23-24,
    .g-sm-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: top;
    }

    .g-sm-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .g-sm-1-12,
    .g-sm-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .g-sm-1-8,
    .g-sm-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .g-sm-1-6,
    .g-sm-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .g-sm-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .g-sm-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .g-sm-1-4,
    .g-sm-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .g-sm-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .g-sm-1-3,
    .g-sm-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .g-sm-3-8,
    .g-sm-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .g-sm-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .g-sm-5-12,
    .g-sm-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .g-sm-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .g-sm-1-2,
    .g-sm-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .g-sm-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .g-sm-7-12,
    .g-sm-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .g-sm-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .g-sm-5-8,
    .g-sm-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .g-sm-2-3,
    .g-sm-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .g-sm-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .g-sm-3-4,
    .g-sm-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .g-sm-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .g-sm-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .g-sm-5-6,
    .g-sm-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .g-sm-7-8,
    .g-sm-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .g-sm-11-12,
    .g-sm-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .g-sm-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .g-sm-1,
    .g-sm-1-1,
    .g-sm-5-5,
    .g-sm-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 48em) {
    .g-md-1,
    .g-md-1-1,
    .g-md-1-2,
    .g-md-1-3,
    .g-md-2-3,
    .g-md-1-4,
    .g-md-3-4,
    .g-md-1-5,
    .g-md-2-5,
    .g-md-3-5,
    .g-md-4-5,
    .g-md-5-5,
    .g-md-1-6,
    .g-md-5-6,
    .g-md-1-8,
    .g-md-3-8,
    .g-md-5-8,
    .g-md-7-8,
    .g-md-1-12,
    .g-md-5-12,
    .g-md-7-12,
    .g-md-11-12,
    .g-md-1-24,
    .g-md-2-24,
    .g-md-3-24,
    .g-md-4-24,
    .g-md-5-24,
    .g-md-6-24,
    .g-md-7-24,
    .g-md-8-24,
    .g-md-9-24,
    .g-md-10-24,
    .g-md-11-24,
    .g-md-12-24,
    .g-md-13-24,
    .g-md-14-24,
    .g-md-15-24,
    .g-md-16-24,
    .g-md-17-24,
    .g-md-18-24,
    .g-md-19-24,
    .g-md-20-24,
    .g-md-21-24,
    .g-md-22-24,
    .g-md-23-24,
    .g-md-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .g-md-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .g-md-1-12,
    .g-md-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .g-md-1-8,
    .g-md-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .g-md-1-6,
    .g-md-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .g-md-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .g-md-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .g-md-1-4,
    .g-md-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .g-md-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .g-md-1-3,
    .g-md-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .g-md-3-8,
    .g-md-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .g-md-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .g-md-5-12,
    .g-md-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .g-md-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .g-md-1-2,
    .g-md-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .g-md-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .g-md-7-12,
    .g-md-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .g-md-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .g-md-5-8,
    .g-md-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .g-md-2-3,
    .g-md-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .g-md-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .g-md-3-4,
    .g-md-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .g-md-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .g-md-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .g-md-5-6,
    .g-md-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .g-md-7-8,
    .g-md-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .g-md-11-12,
    .g-md-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .g-md-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .g-md-1,
    .g-md-1-1,
    .g-md-5-5,
    .g-md-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 64em) {
    .g-lg-1,
    .g-lg-1-1,
    .g-lg-1-2,
    .g-lg-1-3,
    .g-lg-2-3,
    .g-lg-1-4,
    .g-lg-3-4,
    .g-lg-1-5,
    .g-lg-2-5,
    .g-lg-3-5,
    .g-lg-4-5,
    .g-lg-5-5,
    .g-lg-1-6,
    .g-lg-5-6,
    .g-lg-1-8,
    .g-lg-3-8,
    .g-lg-5-8,
    .g-lg-7-8,
    .g-lg-1-12,
    .g-lg-5-12,
    .g-lg-7-12,
    .g-lg-11-12,
    .g-lg-1-24,
    .g-lg-2-24,
    .g-lg-3-24,
    .g-lg-4-24,
    .g-lg-5-24,
    .g-lg-6-24,
    .g-lg-7-24,
    .g-lg-8-24,
    .g-lg-9-24,
    .g-lg-10-24,
    .g-lg-11-24,
    .g-lg-12-24,
    .g-lg-13-24,
    .g-lg-14-24,
    .g-lg-15-24,
    .g-lg-16-24,
    .g-lg-17-24,
    .g-lg-18-24,
    .g-lg-19-24,
    .g-lg-20-24,
    .g-lg-21-24,
    .g-lg-22-24,
    .g-lg-23-24,
    .g-lg-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .g-lg-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .g-lg-1-12,
    .g-lg-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .g-lg-1-8,
    .g-lg-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .g-lg-1-6,
    .g-lg-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .g-lg-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .g-lg-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .g-lg-1-4,
    .g-lg-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .g-lg-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .g-lg-1-3,
    .g-lg-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .g-lg-3-8,
    .g-lg-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .g-lg-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .g-lg-5-12,
    .g-lg-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .g-lg-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .g-lg-1-2,
    .g-lg-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .g-lg-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .g-lg-7-12,
    .g-lg-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .g-lg-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .g-lg-5-8,
    .g-lg-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .g-lg-2-3,
    .g-lg-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .g-lg-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .g-lg-3-4,
    .g-lg-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .g-lg-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .g-lg-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .g-lg-5-6,
    .g-lg-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .g-lg-7-8,
    .g-lg-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .g-lg-11-12,
    .g-lg-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .g-lg-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .g-lg-1,
    .g-lg-1-1,
    .g-lg-5-5,
    .g-lg-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 80em) {
    .g-xl-1,
    .g-xl-1-1,
    .g-xl-1-2,
    .g-xl-1-3,
    .g-xl-2-3,
    .g-xl-1-4,
    .g-xl-3-4,
    .g-xl-1-5,
    .g-xl-2-5,
    .g-xl-3-5,
    .g-xl-4-5,
    .g-xl-5-5,
    .g-xl-1-6,
    .g-xl-5-6,
    .g-xl-1-8,
    .g-xl-3-8,
    .g-xl-5-8,
    .g-xl-7-8,
    .g-xl-1-12,
    .g-xl-5-12,
    .g-xl-7-12,
    .g-xl-11-12,
    .g-xl-1-24,
    .g-xl-2-24,
    .g-xl-3-24,
    .g-xl-4-24,
    .g-xl-5-24,
    .g-xl-6-24,
    .g-xl-7-24,
    .g-xl-8-24,
    .g-xl-9-24,
    .g-xl-10-24,
    .g-xl-11-24,
    .g-xl-12-24,
    .g-xl-13-24,
    .g-xl-14-24,
    .g-xl-15-24,
    .g-xl-16-24,
    .g-xl-17-24,
    .g-xl-18-24,
    .g-xl-19-24,
    .g-xl-20-24,
    .g-xl-21-24,
    .g-xl-22-24,
    .g-xl-23-24,
    .g-xl-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .g-xl-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .g-xl-1-12,
    .g-xl-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .g-xl-1-8,
    .g-xl-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .g-xl-1-6,
    .g-xl-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .g-xl-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .g-xl-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .g-xl-1-4,
    .g-xl-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .g-xl-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .g-xl-1-3,
    .g-xl-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .g-xl-3-8,
    .g-xl-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .g-xl-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .g-xl-5-12,
    .g-xl-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .g-xl-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .g-xl-1-2,
    .g-xl-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .g-xl-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .g-xl-7-12,
    .g-xl-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .g-xl-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .g-xl-5-8,
    .g-xl-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .g-xl-2-3,
    .g-xl-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .g-xl-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .g-xl-3-4,
    .g-xl-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .g-xl-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .g-xl-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .g-xl-5-6,
    .g-xl-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .g-xl-7-8,
    .g-xl-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .g-xl-11-12,
    .g-xl-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .g-xl-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .g-xl-1,
    .g-xl-1-1,
    .g-xl-5-5,
    .g-xl-24-24 {
        width: 100%;
    }
}