@charset "utf-8";

/*template*/
*{margin:0; padding:0; outline:none; font-family:'Arimo', serif;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
hr, legend{display:none;}
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; font-size:16px; font-size:1.6rem; line-height:1.628571; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; background:url('../images/background.jpg') repeat-x top #D9EAD0; color:#020800;}
body.login{background:#D9EAD0;}

h1, h2, h3, h4, h5, h6{width:100%; height:auto; font-family:'Nunito', serif; font-weight:bold; line-height:1.2; color:#2c9901;}
h1{font-size:26px; font-size:2.6rem; margin:0px 0px 35px 0px;}
h2{font-size:20px; font-size:2.0rem; margin:0px 0px 10px 0px;}
h2.padding{margin-bottom:35px;}
h2.padding-top{margin-top:35px;}
p.nomargin{margin:0 !important;}
p.comment{margin:0px 0px 35px 0px; color:#a0a0a0;}

a, a *{text-decoration:underline; color:#060000;}
.smaller{font-size:13px;}
small{font-size:11px;}
small.lift{margin-top:-30px;}
small.red,
small.red *{color:#cd0f00 !important;}
.clear{clear:both;}
.content ul,
.content ol{list-style:disc outside; margin:0px 0px 30px 20px;}

table{}
table td{vertical-align:top; padding:3px 0px;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

.left{float:left !important;}
.right{float:right !important;}

/*forms*/
form.form-grid{display:grid; grid-template-columns:200px auto; gap:16px;}
form.form-grid.order{gap:0px;}
form.form-grid .wide{grid-column-end:span 2;}
form.form-grid h2{margin-bottom:8px;}
form.form-grid h3{}
form.form-grid div{padding:8px 0px;}
form.form-grid div.margin-top{margin-top:16px;}
form.form-grid div ul,
form.form-grid div ol{list-style:disc outside; margin:0px 0px 30px 20px;}
form.form-grid.order div{padding:0px;}
form.form-grid.order div.padding{padding:16px;}
form.form-grid div.hide{display:none;}
form.form-grid div.row{border-bottom:1px dotted #eae9e9;}
form.form-grid div.nopadding{padding:0px;}
form.form-grid div.comment{background:#f7f5df; color:#666666; padding:8px; border-radius:8px; font-size:1.4rem;}
form.form-grid.order div,
form.form-grid div.noborder{border-bottom:none !important;}
form.form-grid div.label{color:#787371; font-size:1.6rem; }
form.form-grid div.row label.red{color:#cd0f00;}
form.form-grid div:not(.input-wrapper-submit) span{display:block; height:32px; line-height:32px; color:#a3a3a3; font-size:1.2rem;}
form.form-grid div input[type="datetime-local" ],
form.form-grid div input[type="time" ],
form.form-grid div input[type="date" ]{color:#6b6b6b;}
form.form-grid div input[type="text"],
form.form-grid div input[type="number"],
form.form-grid div input[type="date"],
form.form-grid div input[type="time"],
form.form-grid div input[type="password"],
form.form-grid div input[type="datetime-local"]{width:100%; height:32px; line-height:32px; padding:4px 8px; box-sizing:border-box; border-radius:8px; border:1px solid #ededed; color:#6b6b6b; font-family:'Arimo', serif; font-size:1.6rem; background:#ffffff;}
form.form-grid div select{width:100%; height:32px; line-height:32px; font-size:1.6rem; padding:4px 8px; box-sizing:border-box; border-radius:8px; color:#6b6b6b; background:#ffffff; border:1px solid #ededed; font-family:'Arimo', serif;  font-size:1.6rem; color:#555555;}
form.form-grid div select{height:unset; line-height:unset;}
form.form-grid div select option{color:#6b6b6b;}
form.form-grid div input[type="text"].red,
form.form-grid div input[type="number"].red,
form.form-grid div input[type="date"].red,
form.form-grid div input[type="time"].red,
form.form-grid div input[type="password"].red,
form.form-grid div select.red,
form.form-grid div textarea.red,
form.form-grid div input[type="datetime-local"].red{border:1px solid #cd0f00;}
form.form-grid div input[type="text"]:focus,
form.form-grid div input[type="number"]:focus,
form.form-grid div input[type="date"]:focus,
form.form-grid div input[type="time"]:focus,
form.form-grid div textarea,
form.form-grid div input[type="datetime-local"]:focus{border:1px solid #d4dbe2; color:#002e5f;}
form.form-grid div textarea{width:100%; height:300px; line-height:24px; padding:16px; box-sizing:border-box; border-radius:8px; background:#ffffff; color:#6b6b6b; border:1px solid #ededed; font-family:'Arimo', serif;  font-size:1.6rem; } 
form.form-grid div textarea:focus{border:1px solid #d4dbe2; color:#002e5f;}
form.form-grid div.ckeditor{position:relative; display:block; }
form.form-grid div.ckeditor label{position:absolute; top:-20px; left:0; font-size:11px; padding:0px 1%; transition:all 0.1s linear; opacity:1; color:#6b6b6b;}
form.form-grid div.ckeditor .ck-editor__editable_inline{min-height:400px;}
form.form-grid div.ckeditor .ck-editor__main{padding:0px;}
form.form-grid div.submit{display:grid; grid-template-columns:1fr 1fr;}
form.form-grid div.submit input[type=button],
form.form-grid div.submit input[type=submit],
form.form-grid div.submit input[type=button],
form.form-grid div.submit input[type=submit]{border:0px; font-family:'Arimo', serif; font-size:1.6rem; width:fit-content; padding:8px 24px; border-radius:8px; line-height:24px; text-align:center; text-decoration:none; cursor:pointer;}
form.form-grid div.submit input[type=submit].grey,
form.form-grid div.submit input[type=button].grey{color:#6b6b6b; background-color:#a4a4a4;}
form.form-grid div.submit input[type=submit].red,
form.form-grid div.submit input[type=button].red{color:#ffffff; background-color:#cd0f00;}
form.form-grid div.submit input[type=submit].green,
form.form-grid div.submit input[type=button].green{color:#ffffff; background:#26c281;}
form.form-grid div.submit .left input[type=button],
form.form-grid div.submit .left input[type=submit]{float:left;}
form.form-grid div.submit .right input[type=button],
form.form-grid div.submit .right input[type=submit]{float:right;}


/*messageholder*/
.messageholder{width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:99999; background:rgba(0,0,0, 0.5);}
.messageholder div{width:960px; height:auto; min-height:105px; display:block; position:relative; margin:170px auto; padding:15px; box-sizing:border-box; border-radius:10px; box-shadow:1px 2px 4px rgba(87,87,91,.35);}
.messageholder div,
.messageholder div *{color:#ffffff; font-weight:bold;}
.messageholder div a{width:35px; height:35px; display:block; position:absolute; top:15px; right:15px; text-decoration:none;}
.messageholder div a i{font-size:35px; font-size:3.5rem; text-decoration:none;}
.messageholder div.red{background:#cd0f00;}
.messageholder div.green{background:#26c281;}
.messageholder div.yellow{background:#fab153;}

/*tooltips*/
.tooltip{position:relative; display:inline-block;}
.tooltip .tooltip-text{ visibility:hidden; width:120px; background-color:#555; color:#fff; text-align:center; padding:5px 0; border-radius:6px; position:absolute; z-index:1; bottom:125%; left:50%; margin-left:-60px; opacity:0; transition:opacity 0.3s;}
.tooltip .tooltip-text::after{content:""; position:absolute; top:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:#555 transparent transparent transparent;}
.tooltip:hover .tooltip-text {visibility:visible; opacity:1;}

/*header*/
header{height:105px; padding:35px 35px 0px 35px; box-sizing:border-box;}
header .logo h1{width:240px; height:67px; display:block; text-indent:-4000px; background:url('../images/logo-pvsas-left.webp') no-repeat top left;}
header .search input{width:75%; height:35px; background:none; border:none; border-bottom:2px solid #ffffff; color:#ffffff;}
header .add button{width:105px; height:35px; border-radius:5px; font-weight:bold; border:0; cursor:pointer; float:right; background:#002e5f; color:#ffffff;}

/*section*/
section{padding-bottom:35px;}

/*nav*/
nav .ico{width:40px; height:52px; display:block; float:left;}
nav .ico i{text-decoration:none;  font-size:20px; font-size:2.0rem; color:#ffffff;}
nav .date{width:auto; height:70px; padding-top:35px; line-height:70px; color:#ffffff;}
nav .date .ico i{color:#ffffff;}
nav ul{width:80%;}
nav ul li a{width:100%; height:52px; display:block; float:left; line-height:52px; text-decoration:none; padding-bottom:4px;}
nav ul li a:hover,
nav ul li a.on .ico i,
nav ul li a.on,
nav ul li a:hover .ico i{color:#2c9901;}
nav ul li a,
nav ul li a .ico i{color:#005F87;}
nav ul li a.red,
nav ul li a.red .ico i{color:#cd0f00;}

/*article*/
article{min-height:500px; background:#ffffff; box-shadow:1px 2px 4px rgba(119,115,113,.35); padding:35px; box-sizing:border-box; border-radius:5px;}

article .tabbar{width:100%; height:auto; display:block; overflow-y:hidden; overflow-x:auto; background:#005F87; border-radius:5px; margin-bottom:35px;}
article .tabbar a{line-height:50px; padding:0px 20px; display:block; transition:.2s; text-decoration:none; font-size:15px; font-size:1.5rem; font-weight:bold; float:left; color:#e8e7e7;}
article .tabbar a i{text-decoration:none !important;}
article .tabbar a.disabled,
article .tabbar a.disabled *{text-decoration:none; color:#bfbfbf !important; pointer-events:none !important; cursor:default !important;}
article .tabbar a.grey{color:#c3c1c1;}
article .tabbar a.on{color:#ffffff;}
article .tabbar a:hover{color:#ffffff;}
article .tabbar a.green,
article .tabbar a.red{padding-left:0px;}
article .tabbar a.green i{color:#2c9901; width:30px; height:30px; text-align:center; line-height:30px; border-radius:4px; background:#ffffff;}
article .tabbar a.red i{color:#cd0f00; width:30px; height:30px; text-align:center; line-height:30px; border-radius:4px; background:#ffffff;}

article p{margin-top:35px;}

article table{width:100%; border:0; margin-top:35px;}
article table.nomargin{margin-top:0px;}
article table tr{}
article table tr th{padding:4px; font-size:14px; font-size:1.4rem; font-weight:bold; text-align:left; border-bottom:2px solid #d9dfe5; color:#020800;}
article table tr td span.grey{color:#020800;}
article table tr td span.blue{color:#020800;}
article table tr td span.green{color:#26c281;}
article table tr td span.orange{color:#f39c11;}
article table tr td span.red{color:#d81a16;}
article table.overview tr td{margin:2px 0px; padding:12px 4px; border-bottom:1px solid #ebeff2;}
article table.overview tr:nth-of-type(odd) td{background:#f6f6f7;}
article table.overview tr td a,
article table.overview tr td a *{text-decoration:none; color:#020800;}
article table.overview tr td i{width:40px; text-align:center; font-size:20px; font-size:2.0rem;}
article table.overview tr td i.fa-genderless{color:#29d967;}
article table.overview tr td i.fa-venus{color:#e96ac8;}
article table.overview tr td i.fa-mars{color:#299bd9;}
article table.overview tr td i.fa-building{color:#8e44ad;}
article table.overview tr td i.fa-pencil-alt{color:#26c281;}
article table.overview tr td i.fa-trash-alt{color:#cd0f00;}
article table.overview tr td a.disabled,
article table.overview tr td a.disabled *{text-decoration:none; color:#bfbfbf; pointer-events:none; cursor:default; color:#bfbfbf;}
article table.detail tr td{padding:4px; border-bottom:1px solid #ebeff2;}
article table.detail tr td:first-child{width:150px; color:#020800; font-weight:normal;}
article table.detail tr td img{width:100%;}
article table.financial tr.sub td{font-size:14px; font-size:1.4rem;}
article table.financial tr td{border-bottom:1px solid #ebeff2;}
article table.financial tr.info td{background:#ebeff2;}

article ul.bigrow{margin-top:45px;}
article ul.bigrow li{width:100%; min-height:45px; display:grid; grid-template-columns:45px 1fr 200px 45px 45px; margin-bottom:10px; padding:5px; box-sizing:border-box; background:#efefef;}
article ul.bigrow li span{line-height:45px;}
article ul.bigrow li span.icon{text-align:center;}
article ul.bigrow li a i{text-decoration:none;}
article ul.bigrow li a.green,
article ul.bigrow li a.red{padding-left:0px;}
article ul.bigrow li a i{width:45px; height:45px; text-align:center; line-height:45px;}
article ul.bigrow li a.green i{color:#26c281;}
article ul.bigrow li a.red i{color:#cd0f00;}

article ul.grab li{cursor:-webkit-grab; cursor:grab;}
article ul.grab li:active{cursor:-webkit-grabbing; cursor:grabbing;}

article .message{margin-top:35px;}
article .message span{padding-right:15px;}

article .stats .block{width:25%; height:140px; display:block; float:left; text-align:center; color:#ffffff; overflow:hidden; position:relative; box-sizing:border-box; text-decoration:none;}
article .stats .block:nth-of-type(2){border-left:6px solid #ffffff; border-right:6px solid #ffffff;}
article .stats .block:nth-of-type(3){border-right:6px solid #ffffff;}
article .stats .block span{width:100%; display:block; font-size:60px; font-size:6.0rem; font-weight:bold; color:inherit; text-decoration:none;}
article .stats .block i{width:100%; height:100%; display:block; position:absolute; top:48px; left:0px; font-size:100px; font-size:10.0rem; color:#ffffff; opacity:0.3; text-decoration:none;}
article .stats .block.blue{background:#299bd9;}
article .stats .block.green{background:#26c281;}
article .stats .block.purple{background:#8e44ad;}
article .stats .block.yellow{background:#fab153;}

article .notes{width:auto; height:auto; display:block; margin-top:35px;}
article .notes .conversation{width:365px; height:auto; display:block; float:left;}
article .notes .conversation .note{width:100%; heigth:auto; display:block; margin-bottom:35px; padding:15px; box-sizing:border-box; border-bottom:2px solid #d9dfe5; border-radius:5px;}
article .notes .conversation .note.sticky{background:#feefdc; border-bottom:2px solid #fab153;}
article .notes .conversation .note span{color:#002e5f; font-size:14px; font-size:1.4rem; font-weight:bold;}
article .notes .conversation .note span i{margin-right:15px;}
article .notes .conversation .note form i{text-decoration:none; cursor:pointer; color:#cd0f00;}
article .notes .conversation .note p{margin-top:15px;}
article .notes .write{width:250px; height:auto; display:block; float:right; padding:15px; box-sizing:border-box; border-radius:5px; background:#ededed;}

article .page-numbers{width:100%; height:35px; display:block; margin:15px 0px; text-align:center;}
article .page-numbers span{width:35px; height:35px; display:block; float:left; border:1px solid #ebf1f7; line-height:35px; margin:0px 3px; text-align:center; font-weight:bold; text-decoration:none !important;}

article .uploader{width:100%; height:80px; display:block; line-height:80px; text-align:center; border:1px solid #002e5f !important; padding:0px !important; margin-top:16px;}
article .uploader label{display:block;}
article .uploader label:hover{background:#e0f1fa; cursor:pointer;}

article .photo-overview{width:100%; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:16px; margin:16px 0px 32px 0px;}
article .photo-overview .wrapper{display:block; border:1px solid #ebeff2; padding:8px;}
article .photo-overview .wrapper .image{width:100%; height:140px; display:block; }
article .photo-overview .wrapper .image img{width:100%; height:100%; object-fit:cover;}
article .photo-overview .wrapper .controls{width:100%; height:28px; margin-top:12px; background:#f6f6f7; text-align:center;}

/*section*/
section.login{width:30%; height:auto; display:block; margin:75px auto 0px auto;}
section.login .logo{width:100%; display:block; margin-bottom:35px; text-align:center;}
section.login .logo h1{width:100%; height:67px; display:block; text-indent:-4000px; margin:0px auto; background:url('../images/logo-pvsas-center.webp') no-repeat center;}
section.login .form{width:100%; display:block; padding-top:35px;}

/*footer*/
footer{height:35px; text-align:right;}
footer p,
footer p *{font-size:12px; font-size:1.2rem; margin:0px; color:#b3aeab;}

@media only screen and (min-width:1260px)
{
    /*grid*/    
    body{min-width:1260px}.nested{margin:0!important}.container{width:1260px;height:auto;display:block;margin:auto}.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{display:inline;float:left}.pull-1,.pull-10,.pull-11,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.push-1,.push-10,.push-11,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9{position:relative}.container .grid-1{width:105px;margin:0}.container .grid-2{width:210px;margin:0}.container .grid-3{width:315px;margin:0}.container .grid-4{width:420px;margin:0}.container .grid-5{width:525px;margin:0}.container .grid-6{width:630px;margin:0}.container .grid-7{width:735px;margin:0}.container .grid-8{width:840px;margin:0}.container .grid-9{width:945px;margin:0}.container .grid-10{width:1050px;margin:0}.container .grid-11{width:1155px;margin:0}.container .grid-12{width:1260px;margin:0}.first{margin:0 10px 0 0!important}.last{margin:0 0 0 10px!important}.container .prefix-1{padding-left:105px}.container .prefix-2{padding-left:210px}.container .prefix-3{padding-left:315px}.container .prefix-4{padding-left:420px}.container .prefix-5{padding-left:525px}.container .prefix-6{padding-left:630px}.container .prefix-7{padding-left:735px}.container .prefix-8{padding-left:840px}.container .prefix-9{padding-left:945px}.container .prefix-10{padding-left:1050px}.container .prefix-11{padding-left:1155px}.container .suffix-1{padding-right:105px}.container .suffix-2{padding-right:210px}.container .suffix-3{padding-right:315px}.container .suffix-4{padding-right:420px}.container .suffix-5{padding-right:525px}.container .suffix-6{padding-right:630px}.container .suffix-7{padding-right:735px}.container .suffix-8{padding-right:840px}.container .suffix-9{padding-right:945px}.container .suffix-10{padding-right:1050px}.container .suffix-11{padding-right:1155px}.container .push-1{left:105px}.container .push-2{left:210px}.container .push-3{left:315px}.container .push-4{left:420px}.container .push-5{left:525px}.container .push-6{left:630px}.container .push-7{left:735px}.container .push-8{left:840px}.container .push-9{left:945px}.container .push-10{left:1050px}.container .push-11{left:1155px}.container .pull-1{left:-105px}.container .pull-2{left:-210px}.container .pull-3{left:-315px}.container .pull-4{left:-420px}.container .pull-5{left:-525px}.container .pull-6{left:-630px}.container .pull-7{left:-735px}.container .pull-8{left:-840px}.container .pull-9{left:-945px}.container .pull-10{left:-1050px}.container .pull-11{left:-1155px}
}

@media only screen and (min-width:995px) and (max-width: 1259px) 
{
    /*grid*/
    body{min-width:960px}.nested{margin:0!important}.container{width:960px;height:auto;display:block;margin:auto}.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{display:inline;float:left}.pull-1,.pull-10,.pull-11,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.push-1,.push-10,.push-11,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9{position:relative}.container .grid-1{width:80px;margin:0}.container .grid-2{width:160px;margin:0}.container .grid-3{width:240px;margin:0}.container .grid-4{width:320px;margin:0}.container .grid-5{width:400px;margin:0}.container .grid-6{width:480px;margin:0}.container .grid-7{width:560px;margin:0}.container .grid-8{width:640px;margin:0}.container .grid-9{width:720px;margin:0}.container .grid-10{width:800px;margin:0}.container .grid-11{width:880px;margin:0}.container .grid-12{width:960px;margin:0}.first{margin:0 10px 0 0!important}.last{margin:0 0 0 10px!important}.container .prefix-1{padding-left:80px}.container .prefix-2{padding-left:160px}.container .prefix-3{padding-left:240px}.container .prefix-4{padding-left:320px}.container .prefix-5{padding-left:400px}.container .prefix-6{padding-left:480px}.container .prefix-7{padding-left:560px}.container .prefix-8{padding-left:640px}.container .prefix-9{padding-left:720px}.container .prefix-10{padding-left:800px}.container .prefix-11{padding-left:880px}.container .suffix-1{padding-right:80px}.container .suffix-2{padding-right:160px}.container .suffix-3{padding-right:240px}.container .suffix-4{padding-right:320px}.container .suffix-5{padding-right:400px}.container .suffix-6{padding-right:480px}.container .suffix-7{padding-right:560px}.container .suffix-8{padding-right:640px}.container .suffix-9{padding-right:720px}.container .suffix-10{padding-right:800px}.container .suffix-11{padding-right:880px}.container .push-1{left:80px}.container .push-2{left:160px}.container .push-3{left:240px}.container .push-4{left:320px}.container .push-5{left:400px}.container .push-6{left:480px}.container .push-7{left:560px}.container .push-8{left:640px}.container .push-9{left:720px}.container .push-10{left:800px}.container .push-11{left:880px}.container .pull-1{left:-80px}.container .pull-2{left:-160px}.container .pull-3{left:-240px}.container .pull-4{left:-320px}.container .pull-5{left:-400px}.container .pull-6{left:-480px}.container .pull-7{left:-560px}.container .pull-8{left:-640px}.container .pull-9{left:-720px}.container .pull-10{left:-800px}.container .pull-11{left:-880px}
}

@media only screen and (min-width: 785px) and (max-width: 994px) 
{
    /*grid*/
    .container{width:100%!important}.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{display:inline;float:left}.container .grid-1{width:8.333333333333333%;margin:0}.container .grid-2{width:16.66666666666667%;margin:0}.container .grid-3{width:25%;margin:0}.container .grid-4{width:33.33333333333333%;margin:0}.container .grid-5{width:41.66666666666667%;margin:0}.container .grid-6{width:50%;margin:0}.container .grid-7{width:58.33333333333333%;margin:0}.container .grid-8{width:66.66666666666667%;margin:0}.container .grid-9{width:75%;margin:0}.container .grid-10{width:83.33333333333333%;margin:0}.container .grid-11{width:91.66666666666667%;margin:0}.container .grid-12{width:100%;margin:0}.first{margin:0 5px 0 0!important}.last{margin:0 0 0 5px!important}.container .prefix-1{padding-left:8.333333333333333%}.container .prefix-2{padding-left:16.66666666666667%}.container .prefix-3{padding-left:25%}.container .prefix-4{padding-left:33.33333333333333%}.container .prefix-5{padding-left:41.66666666666667%}.container .prefix-6{padding-left:50%}.container .prefix-7{padding-left:58.33333333333333%}.container .prefix-8{padding-left:66.66666666666667%}.container .prefix-9{padding-left:75%}.container .prefix-10{padding-left:83.33333333333333%}.container .prefix-11{padding-left:91.66666666666667%}.container .suffix-1{padding-right:8.333333333333333%}.container .suffix-2{padding-right:16.66666666666667%}.container .suffix-3{padding-right:25%}.container .suffix-4{padding-right:33.33333333333333%}.container .suffix-5{padding-right:41.66666666666667%}.container .suffix-6{padding-right:50%}.container .suffix-7{padding-right:58.33333333333333%}.container .suffix-8{padding-right:66.66666666666667%}.container .suffix-9{padding-right:75%}.container .suffix-10{padding-right:83.33333333333333%}.container .suffix-11{padding-right:91.66666666666667%}.container .push-1{left:8.333333333333333%}.container .push-2{left:16.66666666666667%}.container .push-3{left:25%}.container .push-4{left:33.33333333333333%}.container .push-5{left:41.66666666666667%}.container .push-6{left:50%}.container .push-7{left:58.33333333333333%}.container .push-8{left:66.66666666666667%}.container .push-9{left:75%}.container .push-10{left:83.33333333333333%}.container .push-11{left:91.66666666666667%}.container .pull-1{left:-18.333333333333333%}.container .pull-2{left:-16.66666666666667%}.container .pull-3{left:-25%}.container .pull-4{left:-33.33333333333333%}.container .pull-5{left:-41.66666666666667%}.container .pull-6{left:-50%}.container .pull-7{left:-58.33333333333333%}.container .pull-8{left:-66.66666666666667%}.container .pull-9{left:-75%}.container .pull-10{left:-83.33333333333333%}.container .pull-11{left:-91.66666666666667%}
}

@media only screen and (max-width: 784px)
{
    /*grid*/
    body{min-width:0}.nested{margin:0!important}.container{width:100%!important}.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{width:100%;clear:both;float:none;margin:auto;display:inline-block;zoom:1}.grid_1 .grid_1,.grid_10 .grid_1,.grid_10 .grid_10,.grid_10 .grid_2,.grid_10 .grid_3,.grid_10 .grid_4,.grid_10 .grid_5,.grid_10 .grid_6,.grid_10 .grid_7,.grid_10 .grid_8,.grid_10 .grid_9,.grid_11 .grid_1,.grid_11 .grid_10,.grid_11 .grid_11,.grid_11 .grid_2,.grid_11 .grid_3,.grid_11 .grid_4,.grid_11 .grid_5,.grid_11 .grid_6,.grid_11 .grid_7,.grid_11 .grid_8,.grid_11 .grid_9,.grid_12 .grid_1,.grid_12 .grid_10,.grid_12 .grid_11,.grid_12 .grid_12,.grid_12 .grid_2,.grid_12 .grid_3,.grid_12 .grid_4,.grid_12 .grid_5,.grid_12 .grid_6,.grid_12 .grid_7,.grid_12 .grid_8,.grid_12 .grid_9,.grid_2 .grid_1,.grid_2 .grid_2,.grid_3 .grid_1,.grid_3 .grid_2,.grid_3 .grid_3,.grid_4 .grid_1,.grid_4 .grid_2,.grid_4 .grid_3,.grid_4 .grid_4,.grid_5 .grid_1,.grid_5 .grid_2,.grid_5 .grid_3,.grid_5 .grid_4,.grid_5 .grid_5,.grid_6 .grid_1,.grid_6 .grid_2,.grid_6 .grid_3,.grid_6 .grid_4,.grid_6 .grid_5,.grid_6 .grid_6,.grid_7 .grid_1,.grid_7 .grid_2,.grid_7 .grid_3,.grid_7 .grid_4,.grid_7 .grid_5,.grid_7 .grid_6,.grid_7 .grid_7,.grid_8 .grid_1,.grid_8 .grid_2,.grid_8 .grid_3,.grid_8 .grid_4,.grid_8 .grid_5,.grid_8 .grid_6,.grid_8 .grid_7,.grid_8 .grid_8,.grid_9 .grid_1,.grid_9 .grid_2,.grid_9 .grid_3,.grid_9 .grid_4,.grid_9 .grid_5,.grid_9 .grid_6,.grid_9 .grid_7,.grid_9 .grid_8,.grid_9 .grid_9{padding-left:0;padding-right:0}.container .pull_1,.container .pull_10,.container .pull_11,.container .pull_2,.container .pull_3,.container .pull_4,.container .pull_5,.container .pull_6,.container .pull_7,.container .pull_8,.container .pull_9,.container .push_1,.container .push_10,.container .push_11,.container .push_2,.container .push_3,.container .push_4,.container .push_5,.container .push_6,.container .push_7,.container .push_8,.container .push_9{left:0}
}

@media only screen and (max-width: 479px)
{
    /*grid*/
    .container{width:100%!important}.nested{margin:0!important}.container .grid_1,.container .grid_10,.container .grid_11,.container .grid_12,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9{width:260px}
}