Code Beautifier
CSS Formatter and Optimiser
based on csstidy 1.3
language: en de fr ptAddThis
CSS Input
CSS-Code:

hr{float:left; width:100%;}
.form-group{display:inline-block; width:100%;}
.inline-block{display:inline-block; width:100%;}
.coment_con{margin-top: 7px !important; font-style: inherit;}
.padding_none{padding:0px !important;}
.padding-topmin{padding-top:20px !important;}
.po-field{    padding: 37px 0 10px;}
.top-quantity{font-size: 24px;    margin: 0px;}
.bor_top{ border-top: 1px dotted #e4ebf2;}
.max-height{min-height:250px; height:auto;}
.new_vtn_add{background: none !important;border: none !important;color: #000 !important;}
.purchase_order:before{content: "\e04f"; font-family: Simple-Line-Icons;speak: none;font-style: normal;font-weight: 400;font-variant: normal; text-transform: none;}
.title_bottom{padding-bottom:20px; border-bottom:1px solid #e7ecf1;}
.add_newarea{border: 1px solid #d4d4d4;border-radius: 2px;background-color: #fff; width:100%;}
.hideul{list-style: none;margin: 0px;padding: 0px;    border: 1px solid #d4d4d4;    background: #fff;}
.hideul li{padding:5px;}
.sample_editable{border-top:1px solid #d4d4d4;}
.sample_editable button{width:100%;}
.notifi{padding: 5px; border-radius: 30px !important;background: #e5e5e5;font-weight: 700;    color: #000;}
.tooltip.right {width:100% !important;}
.form_padding{padding-top:20px; padding-bottom:20px;}
.border-bottom{border-bottom:1px solid #e5e5e5;}
.ember-view{}
.ac-box { position: relative; display: block; zoom: 1;vertical-align: middle;}
.sel_icon{position: absolute; right: 0;display: block; width: 18px;height: 100%;  border-radius: 0 4px 4px 0;    top: 15%;}
#tax_info{display:none;}
#txmainfront{display:none;}
#input_slide{display:none;}
#txmainfrontmute{display:none;}
.add_naMEForm{display:none;}
.mymodalstyle{    z-index: 999999;}
.addline{    padding: 10px;font-size: 16px;}
.addline i{margin-right:5px;}
.hover_change{border:none;}
.hover_change:hover{    border: 1px dashed gray;    background: #F8F8F8;}
.scroll-addr {min-width: 300px;max-height: 165px;overflow-y: auto;}
.divider {height: 1px;  margin: 9.5px 0; overflow: hidden;  background-color: #e5e5e5;}
.add_naMEForm{ border: 1px solid #ccc;list-style: none; padding: 10px;margin-top: 10px;}
.change_add{cursor:pointer;}
.list-column { border-right: 1px solid #c7c6c7;}
.bread_necrb{    float: left; padding: 0px;}
.m_top{margin-top:30px;}
.border-dot{ border-bottom: 1px dashed #E9E9E9;}
.margin_right{margin-right:10px;}
.margin_none{margin:0px !important;}
.border_none{border:none !important;}
.pick_item{    padding: 10px 35px 5px;}
.alert { padding: 15px;margin-bottom: 21px;border: 1px solid transparent;border-radius: 2px;}
.item-tag{padding: 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; background: #1E95DA;color: #FFF;}
.label-inactive { margin-left: 10px;padding: 3px 7px;vertical-align: middle; background-color: #bbb; color: #fff;}
.font-md { font-size: 18px;}
.items-label{padding-bottom:5px;}
.bottom-space {
    padding-bottom: 10px!important;
}
.image-upload {
      position: relative;
    border: 1px dashed #D6D6D6;
    padding: 10px;
    text-align: center;
background-color: #FAFAFA;}
 .item-details-container {
    padding: 35px 35px 0 20px;
}
.default-image {
    font-size: 65px;
    opacity: .1;
}
#upload input[type=file] {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
#upload {
    position: absolute;
    overflow: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
}
.drag-text {
    margin-bottom: 0;
    padding-top: 5px;
}
.ovflow_auto{overflow:auto}
.hide_text_ul{
    color: black;
    list-style: none;
    margin: 0px;
    padding: 0px;    border-top: none; border:1px solid #e5e5e5;}
.hide_text_ul li{    padding: 5px;}
.hide_text_ul li:hover{background:#2FA3E6; color:#fff}
.col_red{color:red;}
CSS from URL:

 PROCESS CSS

 
Code Layout
Compression (code layout):

Custom template

 Options
 Preserve CSS
 Sort Selectors (caution)
 Sort Properties
Regroup selectors

Optimise shorthands

 Compress colors
 Compress font-weight
 Lowercase selectors
Case for properties:
 None
 Lowercase
 Uppercase
 Remove unnecessary backslashes
 Remove last ;
 Discard invalid properties

 Add timestamp
 Output as file
  Messages
5
Optimised number: Changed "0px" to "0"
8
Optimised number: Changed "0px" to "0"
14
Invalid property in CSS2.1: border-radius
15
Optimised number: Changed "0px" to "0"
19
Invalid property in CSS2.1: border-radius
24
Invalid property in CSS2.1: zoom
25
Invalid property in CSS2.1: border-radius
36
Invalid property in CSS2.1: overflow-y
41
Optimised number: Changed "0px" to "0"
45
Optimised number: Changed "0px" to "0"
48
Invalid property in CSS2.1: border-radius
49
Invalid property in CSS2.1: -webkit-border-radius
Invalid property in CSS2.1: -moz-border-radius
Invalid property in CSS2.1: border-radius
67
Invalid property in CSS2.1: opacity
77
Invalid property in CSS2.1: opacity
88
Optimised color: Changed "black" to "#000"
90
Optimised number: Changed "0px" to "0"
91
Optimised number: Changed "0px" to "0"
Input: 3.838KB, Output:3.564KB, Compression Ratio: 7.1%(-274 Bytes)
Select or Copy to Clipboard
hr {
float:left;
width:100%;
}

.coment_con {
margin-top:7px!important;
font-style:inherit;
}

.padding_none {
padding:0!important;
}

.padding-topmin {
padding-top:20px!important;
}

.po-field {
padding:37px 0 10px;
}

.top-quantity {
font-size:24px;
margin:0;
}

.bor_top {
border-top:1px dotted #e4ebf2;
}

.max-height {
min-height:250px;
height:auto;
}

.new_vtn_add {
background:none!important;
border:none!important;
color:#000!important;
}

.purchase_order:before {
content:"\e04f";
font-family:Simple-Line-Icons;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
}

.title_bottom {
padding-bottom:20px;
border-bottom:1px solid #e7ecf1;
}

.add_newarea {
border:1px solid #d4d4d4;
border-radius:2px;
background-color:#fff;
width:100%;
}

.hideul {
list-style:none;
border:1px solid #d4d4d4;
background:#fff;
margin:0;
padding:0;
}

.sample_editable {
border-top:1px solid #d4d4d4;
}

.sample_editable button {
width:100%;
}

.notifi {
border-radius:30px!important;
background:#e5e5e5;
font-weight:700;
color:#000;
padding:5px;
}

.tooltip.right {
width:100%!important;
}

.form_padding {
padding-top:20px;
padding-bottom:20px;
}

.border-bottom {
border-bottom:1px solid #e5e5e5;
}

.ac-box {
position:relative;
display:block;
zoom:1;
vertical-align:middle;
}

.sel_icon {
position:absolute;
right:0;
display:block;
width:18px;
height:100%;
border-radius:0 4px 4px 0;
top:15%;
}

.add_naMEForm {
display:none;
border:1px solid #ccc;
list-style:none;
margin-top:10px;
padding:10px;
}

.mymodalstyle {
z-index:999999;
}

.addline {
font-size:16px;
padding:10px;
}

.addline i {
margin-right:5px;
}

.hover_change {
border:none;
}

.hover_change:hover {
border:1px dashed gray;
background:#F8F8F8;
}

.scroll-addr {
min-width:300px;
max-height:165px;
overflow-y:auto;
}

.divider {
height:1px;
overflow:hidden;
background-color:#e5e5e5;
margin:9.5px 0;
}

.change_add {
cursor:pointer;
}

.list-column {
border-right:1px solid #c7c6c7;
}

.bread_necrb {
float:left;
padding:0;
}

.m_top {
margin-top:30px;
}

.border-dot {
border-bottom:1px dashed #E9E9E9;
}

.margin_right {
margin-right:10px;
}

.margin_none {
margin:0!important;
}

.border_none {
border:none!important;
}

.pick_item {
padding:10px 35px 5px;
}

.alert {
margin-bottom:21px;
border:1px solid transparent;
border-radius:2px;
padding:15px;
}

.item-tag {
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
background:#1E95DA;
color:#FFF;
padding:0 10px;
}

.label-inactive {
margin-left:10px;
vertical-align:middle;
background-color:#bbb;
color:#fff;
padding:3px 7px;
}

.font-md {
font-size:18px;
}

.items-label {
padding-bottom:5px;
}

.bottom-space {
padding-bottom:10px!important;
}

.image-upload {
position:relative;
border:1px dashed #D6D6D6;
text-align:center;
background-color:#FAFAFA;
padding:10px;
}

.item-details-container {
padding:35px 35px 0 20px;
}

.default-image {
font-size:65px;
opacity:.1;
}

#upload input[type=file] {
width:100%;
height:100%;
cursor:pointer;
}

#upload {
position:absolute;
overflow:hidden;
opacity:0;
top:0;
left:0;
bottom:0;
}

.drag-text {
margin-bottom:0;
padding-top:5px;
}

.ovflow_auto {
overflow:auto;
}

.hide_text_ul {
color:#000;
list-style:none;
border-top:none;
border:1px solid #e5e5e5;
margin:0;
padding:0;
}

.hide_text_ul li:hover {
background:#2FA3E6;
color:#fff;
}

.col_red {
color:red;
}

.form-group,.inline-block {
display:inline-block;
width:100%;
}

.hideul li,.hide_text_ul li {
padding:5px;
}

#tax_info,#txmainfront,#input_slide,#txmainfrontmute,.m_top_tip {
display:none;
}
.m_top_tip{position:relative;}
.m_top_tip>.popover.bottom>.arrow{  left: 0px;
    margin-left: 10px;}
.so-inner-widget {
    border: 1px solid #DAE1E4;
    border-radius: 7px !important;
    background-color: #fff;
	margin-bottom: 20px;
}
.font_size_tip{    font-size: 36px;}
.new_col_back .text-red {
    color: #db3f26!important;
}
.text-parshipped {
    color: #ddb630;
}
.new_col_back .ff-light{font-size:12px;    padding-bottom: 10px;}
.new_col_back{     background-color: #F0F5F7; border-top: 1px solid #DDE5E8;}
.bor_right{border-right: 1px solid #DDE5E8;}
.so-inner-widget:hover {
    border: 1px solid #41A0D9;
}
.min_width .dropdown-menu{    min-width: 100px;}
.margin_li_top{margin-top:24px;}
    .pcs-template {
            font-family: Open Sans;
            font-size: 9pt;
            color: #333333;
            background:  #ffffff ;
            }
            .pcs-header-content {
            font-size: 9pt;
            color: #333333;
            background-color: #ffffff;
            }
            .pcs-template-body {
            padding: 0 0.400000in 0 0.550000in;
            }
            .pcs-template-footer {
            height: 0.700000in;
            font-size: 6pt;
            color: #aaaaaa;
            padding: 0 0.400000in 0 0.550000in;
            background-color: #ffffff;
            }
            .pcs-footer-content {
            word-wrap: break-word;
            color: #aaaaaa;
            border-top: 1px solid #e3e3e3;
            }
            .pcs-label {
            color: #817d7d;
            }
            .pcs-entity-title {
            font-size: 28pt;
            color: #000000;
            }
            .pcs-orgname {
            font-size: 10pt;
            color: #333333;
            }
            .pcs-customer-name {
            font-size: 9pt;
            color: #333333;
            }
            .pcs-itemtable-header {
            font-size: 9pt;
            color: #ffffff;
            background-color: #3c3d3a;
            }
            .pcs-taxtable-header {
            font-size: 9pt;
            color: #000;
            background-color: #f5f4f3;
            }
            .itemBody tr {
            page-break-inside: avoid;
            page-break-after:auto;
            }
            .pcs-item-row {
            font-size: 8pt;
            border-bottom: 1px solid #e3e3e3;
            background-color: #ffffff;
            color: #000000;
            }
            .pcs-item-sku {
            margin-top: 2px;
            font-size: 10px;
            color: #545454;
            }
            .pcs-item-desc {
            color: #727272;
            font-size: 8pt;
            }
            .pcs-balance {
            background-color: #f5f4f3;
            font-size: 9pt;
            color: #000000;
            }
            .pcs-totals {
            font-size: 9pt;
            color: #000000;
            background-color: #ffffff;
            }
            .pcs-notes {
            font-size: 8pt;
            }
            .pcs-terms {
            font-size: 8pt;
            }
            .pcs-header-first {
            background-color: #ffffff;
            font-size: 9pt;
            color: #333333;
            height: auto;
            }
            .pcs-status {
            color: ;
            font-size: 15pt;
            border: 3px solid ;
            padding: 3px 8px;
            }
            @page :first {
            @top-center {
            content: element(header);
            }
            margin-top: 0.700000in;
            }
            .pcs-template-header {
            padding: 0 0.400000in 0 0.550000in;
            height: 0.700000in;
            }
			.details-container {
			position: relative;
			margin-bottom: 35px;
			border: 1px solid #eee;
			}
			
			.ribbon {
    position: absolute!important;
    top: -5px;
    left: -5px;
    overflow: hidden;
    width: 96px;
    height: 94px;
    border-bottom-right-radius: 92px;
}
.ribbon .ribbon-success {
    background: #1fcd6d;
    border-color: #18a155;
}
.ribbon .ribbon-inner {
    text-align: center;
    color: #FFF;
    top: 24px;
    left: -31px;
    width: 135px;
    padding: 3px;
    position: relative;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.ribbon .ribbon-inner:after, .ribbon .ribbon-inner:before {
    content: "";
    border-top: 5px solid transparent;
    border-left: 5px solid;
    border-left-color: inherit;
    border-right: 5px solid transparent;
    border-bottom: 5px solid;
    border-bottom-color: inherit;
    position: absolute;
    top: 20px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.ribbon .ribbon-inner:before {
    left: 0;
    border-left: 2px solid transparent;
}
.ribbon .ribbon-inner:after {
    right: -2px;
    border-bottom: 3px solid transparent;
}
.border_left {
    border-left: 1px solid #D7DADC!important;
    min-height: 650px;
    height: auto;
}
.page-bar {
    margin: -25px -14px 0 !important;
}
.row{margin-bottom:5px;}
.act_dump{
	margin-left:10px; cursor:pointer;
}
#hide_i_1, .hide_tr{display:none;}
.text-open {
    color: #1093de;
}
.separationline {
    border-left: 1px solid #CCC;
    padding-left: 8px;
}
.text-success {
    color: #388a10;
}
.ship-details {
    min-height: 140px;
  
    padding: 20px 0 15px;
    background-color: #FBFAFA;
    line-height: 1.5;
}
.shipment-icon{    font-size: 70px;margin-top: 40px;}
#hide_tr_a, #hide_i_1_a{display:none;}
#hide_i_1_a, #hide_i_a{    margin-left: 0px;
    margin-right: 10px;}
.mini_down, .mini_up{    font-size: 10px;
    color: #ccc;}
.ac-dp-group{    border: 1px solid #B7B6B6;
    background: #fff;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0px;
   /*  top: 33px; */padding: 5px;}
.ac-dp-group ul{margin: 0px;padding: 0px; list-style: none;margin-top:5px;}
.ac-dp-group li{padding:5px;}
.active_li{background: rgb(29, 110, 197);color: #fff;}
.ac-dp-group li:hover{background: rgb(29, 110, 197);color: #fff;}
.popovercontainer{position:relative;}
.popovercontainer .popover{   max-width: 100%;}
.eform-control{width:100%;}
.l_pre{    font-size: 12px;}
.setting_icon{    font-size: 20px !important;
    margin-top: 10px !important;}
	
	
	.enquiry_form{
				width: 100%;
				display: inline-block;
			}
			.enquiry_head{
				float: left;
                width: 47%;
				text-align:right;
			}
			.enquiry_head h3 {
				font-size: 18px;
				text-transform: uppercase;
				font-weight: 600;
				margin-top: 10px;
			}
			.enquiry_check{
				float: right;
                width: 47%;
			}
			.enquiry_check label {
				font-weight: 600;
				font-size: 15px;
				text-transform: uppercase;
			}
			.first_form{
				border: solid 1px #c2cad8;
                padding: 15px;
			}
			.first_form h3{
				font-size: 15px;
				margin-top: 13px;
				text-transform: uppercase;
				font-weight: 600;
			}
			.margin10{
				margin-top:10px;
			}
			.second_form{
                border: solid 1px #c2cad8;
                padding: 15px;
			}
			.second_form h3{
				font-size: 15px;
				margin-top: 13px;
				text-transform: uppercase;
				font-weight: 600;
			}