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

body{margin:auto; font-family:'Open Sans', Arial, Verdana, Helvetica, sans-serif; font-size:13px; background:#f5f5f5; color:#555; -webkit-text-size-adjust: 100%;}


/* ---------------------------------------
GENERAL
------------------------------------------*/
button{font-family:'Open Sans', Arial, Verdana, Helvetica, sans-serif; display:inline-block; padding:8px 16px 8px 16px; font-size:16px; background:#f60; color:#FFF; border:0px; border-radius:5px; cursor:pointer; -webkit-appearance:button; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
button:hover{background:#DDD; color:#555;}

input, textarea{margin:0 0 6px; padding:10px; border:1px solid #ccc;}
select{margin-bottom:6px; padding:9px 24px 9px 9px; border:1px solid #CCC; -webkit-appearance:none; background:#fff url(/images/select-arrow-black.png) no-repeat; background-position:right center; background-size:22px;}
input[type="file"]{padding:10px; border:0;}

a{color:#a00; text-decoration:none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
a:hover{color:#f60; text-decoration:none; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}

h1{font-weight:normal; font-size:19px; letter-spacing:-1px; margin:0;}

img.ui-datepicker-trigger{width:36px; height:36px; vertical-align:middle;}

.page-buts{float:right; margin:0 0 10px;}
.page-buts-crumbs{margin:-32px 0 10px;}
.page-buts-wrap{margin:-10px 0 10px; position:relative; right:-1.4%;}
.nores{clear:both; padding:4% 0; text-align:center;}

@media screen and (max-width: 900px){
    button{font-size:15px;}
    img.ui-datepicker-trigger{width:24px; height:24px;}
}

@media screen and (max-width: 768px){
    h1{text-align:center; margin:0 0 10px;}

    .page-buts{float:none; text-align:center;}
    .page-buts-crumbs{margin:0 0 10px;}
    .page-buts-wrap{margin:0 0 10px;}
}

.status-grey{background:#bbb; border:4px solid #b2b2b2;}
.status-green{background:#5db85c; border:4px solid #4dae4c;}
.status-amber{background:#f0ad4e; border:4px solid #eea236;}
.status-red{background:#d9534f; border:4px solid #d43f3a;}
.status-purple{background:#af6ee4; border:4px solid #a066d0;}
.status-blue{background:#66c4ef; border:4px solid #5fbae4;}
.status-orange{background:#ff8533; border:4px solid #f60;}
.status-bar{padding:10px; margin:0 0 20px; color:#fff; text-align:center;}
.status-bord-purple{border:4px solid #a066d0;}
.status-bord-blue{border:4px solid #66c4ef;}
.status-bord-orange{border:4px solid #f60;}


/* ---------------------------------------
LOGIN
------------------------------------------*/
#login-logo{width:16%; margin:1%;}
#login{background:url(/images/login-bg.jpg); background-size:cover; color:#000;}
#login-wrapper{margin:auto; width:40%; padding:10% 0 0; color:#fff; text-align:center;}
#login-wrapper #panel{margin:auto; width:70%; padding:3% 5% 5%; background:rgba(0,0,0,0.4); border-radius:10px; overflow:hidden;}
#login-wrapper .ttl{font-size:28px; margin:0 0 2%;}
#login-wrapper input[type="email"], #login-wrapper input[type="password"]{width:90%; margin:8px 0 0 0; padding:5%; background:#333; color:#EEE; border:1px solid #555;}
#login-wrapper label{display:block; padding:10px 0;}
#login-wrapper button{padding:10px 20px; background:#e19800;}

@media screen and (max-width: 1024px){
    #login-logo{width:20%;}
    #login-wrapper{width:60%;}
}

@media screen and (max-width: 768px){
    #login-logo{width:30%; margin:2%;}
    #login{background: url(/images/login-bg-m.jpg) 50% 0; background-size:100%;}
    #login-wrapper{width:70%; padding:30% 0 0;}
    #login-wrapper .ttl{font-size:20px;}
}

@media screen and (max-width: 480px){
    #login-wrapper{width:90%;}
}


/* ---------------------------------------
HEADER
------------------------------------------*/
header{background:#fff; padding:15px; color:#333; overflow:hidden;}
header #logo{float:left; height:60px; margin:0;}
header #user{float:right; padding:0 10px 0 0; line-height:60px;}
header #user #heading{float:left;}
header #user #heading img{float:right; height:60px; margin:0 0 0 20px;}
header #user #heading span{display:block; font-size:12px;}


/* ---------------------------------------
NAV
------------------------------------------*/
nav{background:#FFF; border-bottom:1px solid #DDD;}
#nav{width:80%; height:46px; margin:auto;}
#nav li{position:relative; float:left; width:33.33%; text-align:center;}
#nav li a{display:block; height:20px; padding:14px 0 12px 0; color:#555;}
#nav li a:hover{background:#8b9ab1; color:#FFF;}

#nav dl{position:absolute; top:46px; left:0; z-index:99; width:100%; text-align:left; box-shadow: 0px 2px 8px -6px #000; border-top:2px solid #FF6600;}
#nav dl span{position:absolute; left:43%; top:-9px; width:0; height:0; border-left: 7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #FF6600;}

#nav dt a{padding:4.5% 4.5% 4.5% 6%; background:rgb(255,255,255); background:rgba(255,255,255,0.98); border-bottom:1px solid #DDD;}
#nav dt a:hover{background:rgb(139,154,177); background:rgba(139,154,177,0.96); color:#FFF;}

@media screen and (max-width: 1200px){
	#nav{width:99%; margin:0 1% 0 1%;}
}


/* ---------------------------------------
BREADCRUMBS
------------------------------------------*/
#breadcrumbs{clear:both; width:100%; color:#777;}
#breadcrumbs div{width:80%; margin:auto; padding:0 10px 0 10px; font-size:10px; text-transform:uppercase; letter-spacing:2px;}
#breadcrumbs div.page{width:98%; padding:0 1%;}
#breadcrumbs a{display:inline-block; padding:8px; color:#777;}
#breadcrumbs span{display:inline-block; padding:8px;}

@media screen and (max-width: 1200px){
    #breadcrumbs{padding:10px 0 6px;}
	#breadcrumbs div{width:96%; margin:0 2% 0 2%;}
    #breadcrumbs div.page{width:100%; padding:0; margin:0;}
    #breadcrumbs a{padding:2px 8px;}
    #breadcrumbs span{padding:2px 8px;}
}

@media screen and (max-width: 768px){
    #breadcrumbs div{width:auto; text-align:center;}
}


/* ---------------------------------------
MAIN STRUCTURE
------------------------------------------*/
#main{clear:both; width:80%; padding:30px 0 0 0; margin:auto; overflow:hidden;}
#full{clear:both; width:100%; margin:0; padding:1px 0 0 0; overflow:hidden;}

@media screen and (max-width: 1200px){
	#main{width:98%; margin:0 1% 0 1%;}
}

@media screen and (max-width: 768px){
    #main{padding:10px 0 0;}
}

#full-control{float:right; width:22%; height:100%; border-left:1px solid #c8d0e0;  background:#e6e6e6; }
#full-control .pad5{padding:5% 6%;}
#full-control .sidebox{padding:5% 6%; border-bottom:1px solid #c8c8c8;}
#full-control .sidebox b{display:block; padding:0 0 3% 0; font-size:17px; font-weight:normal;}
#full-control .sidebox input[type="text"]{width:90%; padding:3%;}
#full-control .sidebox select{width:94%; padding:3%;}

#full-control .sidebox.date-sel a{display:inline-block; margin:2px 0 0;}
#full-control .sidebox.date-sel input{margin:4px 0 0;}

#full-control .sidebox .nav-list li{clear:left; padding: 2% 0; border-bottom:1px solid #c8d0e0;}
#full-control .sidebox .nav-list img{width:32px; margin:0 10px 0 0; vertical-align: middle;}
#full-control .sidebox .nav-list a{padding:3%;}
#full-control .sidebox .nav-list .info{padding:0 3%; font-size:11px; color:#777; margin:-8px 0 0 46px;}

#full-control .sideinfo li{padding:8px 0; border-bottom:1px dotted #ccc; font-size:12px; text-align:right;}
#full-control .sideinfo b{float:left; display:inline; font-weight:bold; font-size:12px; padding:0; margin:0;}

#full-content{float:left; width:76.8%; margin:0 0 5% 0; padding:0;}
#full-content .head-wrap{padding:1.4%;}
#full-content .head-wrap h1{display:inline-block; min-width:20%;}

@media screen and (max-width: 900px){
    #full-control .sidebox{font-size:12px;}
    #full-control .sidebox b{font-size:15px;}
    #full-control .sideinfo li, #full-control .sideinfo b{font-size:11px;}
}

@media screen and (max-width: 768px){
    #full-control{float:none; width:auto;}
    
    #full-control .sidebox.date-sel{text-align:center;}
    #full-control .sidebox.date-sel a{font-size:14px; margin:8px 0 0;}
    #full-control .sidebox.date-sel input{margin:10px 0 0;}
    #full-control .sidebox.date-sel .apply{display:block; margin:10px 0 0;}
    
    #full-content{float:none; width:auto;}
}


/* ---------------------------------------
FOOTER
------------------------------------------*/
footer{clear:both; margin:5% 0 0 0; padding:4%; background:#fff; text-align:center;}


/* ---------------------------------------
COMPANY AND MACHINE GRID
------------------------------------------*/
.sort-buttons{clear:both; margin:0 0 20px; text-align:center;}
.sort-buttons button{display:inline-block; padding:0.6% 1.2%; background:#ddd; border-radius:0; margin:0 1px 0 0; font-size:14px; color:#222; cursor:pointer;}
.sort-buttons button:first-child{border-radius:5px 0 0 5px;}
.sort-buttons button:last-child{border-radius:0 5px 5px 0; margin:0;}
.sort-buttons button:hover{background:#ccc;}
.sort-buttons button.sel{background:#999; color:#fff;}

#grid{margin:0 0 30px;}
#grid.condense li{width:12.5%;}
#grid li{width:20%;}
#grid li:hover{opacity:0.8; filter:alpha(opacity=80);}
#grid article{margin:2%; border-radius:8px; text-align:center; position:relative;}
#grid a{display:table; width:92%; height:140px; padding:4%; color:#fff;}
#grid span{display:table-cell; vertical-align:middle;}
#grid span.none{display:none;}
#grid .man{display:block; position:absolute; right:1%; top:1%; width:26px; line-height:26px; background:#fff; border-radius:50%; color:#777;}
#grid .man.master{margin:0 28px 0 0;}
#grid .archive{position:absolute; right:6px; top:6px; height:20px; cursor:pointer;}
#grid .ic{width:100px; margin:10px 0 0;}
#grid .info{font-size:12px; text-align:right; padding:4px 0; border-bottom:1px dotted border: 1px solid rgb(255,255,255); border-bottom:1px dotted rgba(255,255,255,0.4);}
#grid .info span{float:left;}

@media screen and (max-width: 1800px){
    #grid.condense li{width:16.66%;}
}

@media screen and (max-width: 1500px){
    #grid.condense li{width:20%;}
}

@media screen and (max-width: 1024px){
	#grid li{width:25%;}
    #grid.condense li{width:25%;}
}

@media screen and (max-width: 768px){
    .sort-buttons{padding:10px 0 0;}
    .sort-buttons button{padding:2.4% 4.8%; font-size:11px;}

	#grid li{width:50%;}
    #grid.condense li{width:50%;}
}

@media screen and (max-width: 480px){
    #grid li{width:100%;}
    #grid.condense li{width:100%;}
    #grid .spcr{display:none;}
}


/* ---------------------------------------
TABULAR DATA
------------------------------------------*/
table{margin:0 0 2% 0;}
table tr{background:#FFF; transition: all 0.2s ease-out; vertical-align:top; margin-top:1px;}
table tr:hover{background:#f0f2f5; transition: all 0.2s ease-out;}
table th{padding:1%; background:#8b8b8b; color:#FFF; font-weight:normal; text-align:left;}
table th a{color:#FFF !important; text-decoration:underline !important;}
table td{padding:1%; border-bottom:1px solid #DDD; vertical-align:middle;}
table td .time{font-size:13px; color:#999;}
table .flag{color:#f60;}
table .flag img{display:block; width:20px; margin:auto;}

table#notes .info{color:#999; font-size:11px; margin:0 0 4px;}
table#notes p{margin:12px 0 0; padding:0;}

.icon{width:32px; padding:4px 0 0; text-align:center;}
.icon img{height:24px; cursor:pointer;}

/* Delete Row */
.del-back, .del-back:hover{background:#FAEBEB;}
.del-back .message{float:left; color:#a00;}
.del-back .options{float:right;}

.table-data td .lbl{display:none;}

@media screen and (max-width: 900px){
    table th{vertical-align:middle;}
    table th, table td, table td .time{font-size:11px;}
}

@media screen and (max-width: 768px){
    .table-info tr:hover{background:#fff;}
    .table-info td{display:block; width:auto; padding:4% 4% 2%; border:0; text-align:center;}
    .table-info td:nth-child(even){border-bottom:1px solid #DDD; padding:0 4% 4%;}

    .table-data{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
    .table-data tr:nth-child(odd){background:#fff;}
    .table-data tr:nth-child(even){background:#f4f4f4;}
    .table-data th{display:none;}
    .table-data td{display:inline-block; width:16%; padding:2%; border:0; text-align:center;}
    .table-data td.icon{width:16%; padding:2%;}
    .table-data td.del{float:right;}
    .table-data td .lbl, table td .time{display:block; font-size:10px; color:#999;}
    
    .table-list td{padding:3% 2%;}
    
    .table-note td{padding:4%;}
}


/* ---------------------------------------
LIGHTBOXES
------------------------------------------*/
#lightbox{font-size:13px; text-align:center;}
#lightbox h1{margin:0 0 10px;}
#lightbox input{width:80%;}
#lightbox select{width:87%;}
#lightbox button{margin:6px 0;}
#lightbox .er{border:1px solid #b00; background:#faebeb;}
#lightbox .er-txt{color:#b00;}
#lightbox .ok{border:1px solid #cae5cd; background:#d9ecdb;}


/* ---------------------------------------
Edit Structure
------------------------------------------*/
#editLeft{float:left; width:70%;}
#editLeft section{position:relative; margin:0 0 1% 0; padding:3%; background:#FFF; border-radius:5px; overflow:hidden;}
#editLeft section.split-l{float:left; width:43.5%;}
#editLeft section.split-r{float:right; width:43.5%;}
#editLeft section span.split-w{width:30%;}
#editLeft section input.split-w{width:10%;}

#editLeft section #left{float:left; width:48%;}
#editLeft section #right{float:right; width:49%;}

#editLeft .non-placeholder li{float:left; width:49%;}
#editLeft .non-placeholder .full{float:left; width:98%;}
#editLeft .non-placeholder label{float:left; width:38%; padding:2% 0;}
#editLeft .non-placeholder input{float:left;}

#editLeft h2{font-size:28px;}
#editLeft b{font-size:18px; font-weight:normal;}
#editLeft label{display:inline-block; padding:10px 0;}
#editLeft .half{float:left; width:50%;}
#editLeft .half .inlineb{padding:2% 0 0;}
#editLeft .third{float:left; width:33%;}

#editLeft #contacts{border-top:1px solid #eee; margin:20px 0 0;}
#editLeft #contacts li{padding:0 0 10px; border-bottom:1px solid #eee;}
#editLeft #contacts li .ttl{padding:20px 0; font-weight:bold;}
#editLeft #contact-add{padding:20px 0; text-align:center;}

#editLeft #notes{border-top:1px solid #eee; margin:20px 0 0;}
#editLeft #notes li{padding:0 0 10px; border-bottom:1px solid #eee;}
#editLeft #notes li .del{float:right; height:24px; margin:10px 0 0; cursor:pointer;}
#editLeft #notes li .ttl{padding:20px 0 2px; font-weight:bold;}
#editLeft #notes li .info{color:#999; font-size:11px; margin:0 0 16px;}
#editLeft #notes li p{margin:0 0 12px; padding:0;}
#editLeft #note-fields{padding:20px 0 0;}
#editLeft #note-attachment{margin:0 0 20px 20.5%;}
#editLeft #note-attachment .filetypes{color:#999; font-size:11px;}
#editLeft #note-add{padding:20px 0 0; text-align:center;}

#editRight{position:relative; float:right; width:27%; overflow:hidden;}
#editRight #theFixed{position:fixed; width:22%;}
#editRight #theFixed section{background:#FFF; margin:0 0 2% 0; padding:4%; border-radius:5px;}
#editRight button{margin:5% 0 0 0;}
#editRight b{display:block; font-size:16px; font-weight:normal;}
#editRight p{margin:0 0 8px 0; font-size:11px;}

#access li{float:left; width:33%;}
#sites li{float:left; width:33%;}
#branches li{float:left; width:33%;}

#vitals{margin:0 0 5% 0;}
#vitals li{padding:2% 1% 2% 1%; border-bottom:1px dotted #DDD; overflow:hidden;}
#vitals li span{float:right; text-align:right;}

.media-wrapper{position: relative; width:50%; height:0; padding: 0 0 35% 0; background:#eee; text-align: center; overflow:hidden;}
.media-wrapper b{font-size:24px;}
.media-wrapper .choice{}
.media-wrapper .choice div{padding:20% 0 0;}
.media-wrapper .choice div img{width:36px; margin: 2%; cursor: pointer;}		
.media-wrapper .media li{position: absolute; top:0; left:0; width:100%; height:0; padding: 0 0 70% 0; background:#eee;}
.media-wrapper .media div{padding:20% 0 0;}
.media-wrapper .media div img{width:48px;}
.media-wrapper .media div .logo{width:25%;}
.media-wrapper .media .del-btn{position: absolute; top:2%; right:2%; width:32px; cursor:pointer;}
.media-wrapper .media .loading{z-index:6; background:#777; color: #fff; cursor: progress;}
.media-wrapper .media .loading div img{width:36px; cursor: progress;}			
.media-wrapper .media .thanks{z-index:5; background:#555; color: #fff;}
.media-wrapper .media .delete{z-index:4; background:#FAEBEB; color: #a00;}
.media-wrapper .media .live{background:#eee no-repeat 50% 50%; background-size:contain; z-index:1;}
.media-wrapper .media .pdf{height:76%; padding:24% 0 0;}
.media-wrapper .media .pdf .ic{width:48px;}
.media-wrapper .media .upload div{padding:24% 0 0;}

@media screen and (max-width: 1200px){
    #editLeft section span.split-w{width:40%;}
    #editLeft section input.split-w{width:18%;}
}

@media screen and (max-width: 768px){
    #editLeft{float:none; width:auto;}
    #editLeft .half{float:none; width:auto;}
    #editLeft .third{float:none; width:auto;}
    #editLeft .inlineb{width:100% !important; margin:0 0 4px;}
    #editLeft input[type="text"], #editLeft input[type="email"], #editLeft input[type="number"], #editLeft input[type="tel"], #editLeft input[type="password"], #editLeft select, #editLeft textarea{width:100% !important; box-sizing:border-box;}
    #editLeft .w-auto{width:auto !important;}
    #editLeft #datepicker, #editLeft #datepicker2{width:86% !important; margin-right:4%;}
    
    #editRight{float:none; width:auto;}
    #editRight #theFixed{position:static; width:auto;}
    #editRight .save{text-align:center;}
    #editRight .save button{margin:0;}
    
    .media-wrapper{width:100%; padding: 0 0 70% 0;}
    .media-wrapper .media div{padding:3% 0 0;}
    .media-wrapper .media .loading div{padding:18% 0 0;}
    .media-wrapper .media .thanks div{padding:19% 0 0;}
    .media-wrapper .media div button{font-size:14px;}
    .media-wrapper .media .pdf{height:80%; padding:20% 0 0;}
    .media-wrapper .media .upload div{padding:18% 0 0;}
    
    #editScs{text-align:center;}
    #editScs ol{text-align:center; list-style-position:inside; margin:0;}
}


/* ---------------------------------------
REPORTS
------------------------------------------*/
.report-head .tabs{width:100%; border-bottom: 1px solid #ddd;}
.report-head .tabs li{display:inline-block; min-width:5%; padding: 0.7%; border:1px solid #ddd; border-bottom:0; border-radius:3px 3px 0 0; text-align: center; margin:0 4px -1px 0;}
.report-head .tabs li.primary{background:#fcf8e3; border:1px solid #eadbbc; border-bottom:1px solid #ddd;}
.report-head .tabs li.sel{border:1px solid #ddd; border-bottom: 1px solid #fff; background:#fff;}
.report-head .tabs li:hover{border:1px solid #ddd; border-bottom: 1px solid #fff; background:#fff; cursor: pointer;}
.report-head .reports{position:relative; width:100%; overflow:hidden;}
.report-head .detail{position:absolute; left:0; top:0; width:100%; background:#fff; padding:2%; overflow:hidden;}
.report-head .detail .chart{position:relative; float:left; width:30%; height:0; padding:0 0 30% 0;}
.report-head .detail .chart-sml{clear:both; padding:0 0 16%;}
.report-head .detail .chart .pie{position:absolute; top:0; left:0; width:100%; height:100%;}
.report-head .detail table{float:right; width:66%;}
.report-head .detail table tr{background:#fff;}
.report-head .detail table tr:nth-child(odd){background:#f6f6f6;}

.report-head .detail .graph-sel{text-align:center;}
.report-head .detail .graph-sel img{width:24px; padding:4px; margin:0 2px; background:#ddd; cursor:pointer;}
.report-head .detail .graph-sel img.sel{background:#aaa; cursor:default;}

.report-head .detail .timeline{position:relative; width:100%; height:0; padding:0 0 20% 0;}
.report-head .detail .timeline .line{position:absolute; top:0; left:0; width:100%; height:100%;}
.report-head .detail .nodata{text-align:center; padding:9% 0;}

.report-head .detail #summary{padding:0 2% 0 0;}
.report-head .detail #summary .l{clear:both; float:left; width:50%; margin:0 0 1%;}
.report-head .detail #summary .r{float:right; width:50%; margin:0 0 1%;}
.report-head .detail #summary .ttl{font-size:12px; font-weight:bold; text-align:center;}
.report-head .detail #summary .timeline{padding:0 0 30% 0;}
.report-head .detail #summary .nodata{padding:12% 0;}

@media screen and (max-width: 900px){
    .report-head .tabs li{font-size:11px;}
}

@media screen and (max-width: 768px){
    .report-head .tabs{width:96%; padding:2%;}
    .report-head .tabs li{padding: 2.8% 4%; min-width:6%; border-radius:3px; border:1px solid #ddd; margin:2px 0 0 4px;}
    .report-head .tabs li.primary{border:1px solid #eadbbc;}
    .report-head .tabs li.sel{border:1px solid #ddd;}
    .report-head .tabs li:hover{border:1px solid #ddd;}
    
    .report-head .detail .timeline{padding:0 0 50% 0;}
    .report-head .detail .nodata{padding:20% 0;}
    
    .report-head .detail #summary .l, .report-head .detail #summary .r{float:none; width:auto; margin:0 0 3%;}
    .report-head .detail #summary .ttl{font-size:11px;}
    .report-head .detail #summary .timeline{padding:0 0 50% 0;}
    .report-head .detail #summary .nodata{padding:20% 0;}
}


/* ---------------------------------------
VISUAL OUTPUTS
------------------------------------------*/
#visual-output{width:98%; max-width:1200px; margin:20px auto 30px;}
#visual-output tr{background:transparent;}
#visual-output td{white-space:nowrap; border:0;}
#visual-output td.ttl{font-weight:bold; text-align:center;}
#visual-output td.item{width:80px; text-align:right;}
#visual-output td div{width:100%; height:50px; border-radius:4px;}
#visual-output td div.status-0{background:#eee; border:2px solid #e4e4e4;}
#visual-output td div.status-1{background:#d9534f; border:2px solid #d43f3a;}
#visual-output td div.status-2{background:#f0ad4e; border:2px solid #eea236;}
#visual-output td div.status-3{background:#5db85c; border:2px solid #4dae4c;}

@media screen and (max-width: 768px){
    #visual-output td div{height:30px;}
}


/* ---------------------------------------
WIDTH GENERAL
------------------------------------------*/
.inlineb{display:inline-block !important; padding:1% 0 0 0; vertical-align:top;}
.w16{width:16px !important;}
.w30{width:30px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w150{width:150px !important;}
.w200{width:200px !important;}
.w250{width:250px !important;}
.w300{width:300px !important;}
.w350{width:350px !important;}
.w400{width:400px !important;}
.w450{width:450px !important;}
.w500{width:500px !important;}
.w550{width:550px !important;}
.w600{width:600px !important;}
.w650{width:650px !important;}
.w700{width:700px !important;}

.w1p{width:1% !important;}
.w2p{width:2% !important;}
.w3p{width:3% !important;}
.w4p{width:4% !important;}
.w5p{width:5% !important;}
.w6p{width:6% !important;}
.w7p{width:7% !important;}
.w8p{width:8% !important;}
.w9p{width:9% !important;}
.w10p{width:10% !important;}
.w15p{width:15% !important;}
.w20p{width:20% !important;}
.w25p{width:25% !important;}
.w30p{width:30% !important;}
.w35p{width:35% !important;}
.w40p{width:40% !important;}
.w45p{width:45% !important;}
.w50p{width:50% !important;}
.w55p{width:55% !important;}
.w60p{width:50% !important;}
.w65p{width:65% !important;}
.w70p{width:70% !important;}
.w75p{width:75% !important;}
.w80p{width:80% !important;}
.w85p{width:85% !important;}
.w90p{width:90% !important;}
.w95p{width:95% !important;}
.w100p{width:100% !important;}

.vam{vertical-align: middle;}