@font-face {
    font-family: 'OpenSans-Bold';
    src: url('OpenSans-Bold.ttf');
    src: local('OpenSans-Bold'), url('OpenSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Regular.ttf');
    src: local('Open Sans'), url('OpenSans-Regular.ttf') format('truetype');
}
/*	General	*/
html{background:url('../images/bg-wrapper.png');}
body{margin:0 auto; font:12px Open Sans; color:#444; padding:0; text-align:center;}
a, a:visited{color:#29568F; text-decoration:none;}
a:hover, a:active{text-decoration:none;}
ol, ul, dl{margin:0; padding:0;}
ul li{list-style:none;}
table{border-collapse: separate; border-spacing: 2px;}
th, td{padding:5px 10px; line-height:20px; border:none;}
input[type=text], input[type=password]{min-width:200px; padding: 0 10px; height:22px; line-height:22px; border: 1px solid #ccc; background:#f6f6f6;}
#sf_admin_container textarea{width:220px;}
textarea{line-height: 20px; border:1px solid #ccc; background:#f6f6f6;}
input[type=submit], input[type=button]{padding: 4px 20px;height: 32px;background-color: #000000;border: 1px solid #ffffff;box-shadow: 0 0 0px 1px #000;vertical-align: middle;color: #fff;font-weight: bold;cursor: pointer;margin: 2px;display: inline-block;}
input[type=submit]:hover, input[type=button]:hover{background:#aad80f; border-color:#55A809;}
select{height: 32px;line-height: 32px;background-color: #fff;border: 1px solid #ccc;vertical-align: middle;width: 222px;padding: 4px 10px;display: inline-block;margin: 2px;}
select[multiple=multiple]{height:100px;}
option{background:#fff;}
p, fieldset, table, pre{margin:0;}
/*	Layout	*/
#header{display:none;}
.content{padding:10px; min-width: 900px; margin-bottom:20px;}
.content .content{margin-left:0; padding:0; min-width:0; margin-bottom:0; display:inline-block;}
#sf_admin_container{padding:10px; border:1px solid #ccc; display:inline-block; margin:0 auto; background:#fff; margin-right:10px; margin-top:20px;}
#sf_admin_container h1{margin:0 auto; text-align: center; background: #000; color:#fff; padding:5px 10px;}
#sf_admin_container ul li a{background-position: 4px center !important;display: inline-block;background-color: #fff !important;box-shadow: 0 1px 1px rgba(0,0,0,0.3);padding: 4px 10px 4px 30px;margin: 2px;}
#sf_admin_container ul.sf_admin_td_actions li {display: inline-block;margin-right: 0;}
#sf_admin_container ul.sf_admin_actions li{display:block; float:left;margin-right: 0;}
#sf_admin_bar{margin:0; float:none;}
#sf_admin_content{clear:both;}
.sf_admin_list p{background:#E7EEF6; padding: 5px 15px; line-height:20px; text-align: center;}
#sf_admin_container .sf_admin_form_row .content{padding: 5px 10px;}
.sf_admin_form_row div{overflow: hidden;}
#sf_admin_container label{word-wrap: break-word; width:180px; padding: 8px 10px 5px 0; min-height: 20px;}
.checkbox_list{height:120px; overflow:auto;}
#sf_admin_container .checkbox_list li{display:block; font-size: 0; margin-bottom:4px;}
#sf_admin_container .checkbox_list input{margin-top:5px; display:block; float:left;}
#sf_admin_container .checkbox_list label{margin-left:20px; padding:0; display:block;  font-size: 14px;}
/*	Menu	*/
.menu{float:left; position:fixed; height:100%; width:190px; background-color:#fff; border-left:9px solid #000; border-right:1px solid #999; text-align:left; z-index:999; left:-200px;}
#menu a:hover{background:#CBE2FF; cursor:pointer;}
.menu li{width:100%; position:relative;}
.menu li li a{padding:0 5% 0 10%; width:85%; background:#EAF3FF;}
.menu a{padding:2px 10px; display:block; line-height:20px;}
.menu a:hover{background:#CBE2FF; cursor:pointer;}
.menu ul ul{display:none; margin-bottom:2px;}
#bt-menu{position: fixed; top: 4px; left:0px; height: 40px; width: 40px; padding: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background:url(../images/bt-menu.png) #000 no-repeat center; cursor:pointer;}
/*	Table	*/
#sf_admin_content .sf_admin_list td, #sf_admin_content .sf_admin_list th{max-width:200px;}
#sf_admin_container thead th{background:#000; position: relative;color:#fff;}
#sf_admin_container thead th a{color:gold;}
#sf_admin_container td, #sf_admin_container th{border:none; vertical-align: middle; text-align: center;}
#sf_admin_container tr.even{background:#EAF3FF;}
#sf_admin_container thead img, #sf_admin_container tfoot img{right: 8px; top: 7px;}
#sf_admin_container tr.even:hover,  #sf_admin_container tr.odd:hover{background:#FFE;}
#sf_admin_container .sf_admin_form_row{display:block;}
/*	Actions	*/
#sf_admin_container ul.sf_admin_actions{margin:20px 0 0; display:inline-block;}
#sf_admin_container ul.sf_admin_actions li a{height:24px; line-height:24px; display: block;}
/*	Proforma	*/
#sf_admin_container.proforma{padding:0; background:none; border:none;}
.flip{background:#fff; border-bottom:1px solid #ddd; padding-bottom:1px;}
#page{background:#fff; padding-bottom:70px; border:1px solid #ddd;}
.section{padding:0 20px; margin-bottom: 20px; overflow:hidden;}
#pro-heading{padding:20px 0 0 20px;}
#pro-heading h2{float:right; width:70%; background:#000; color:#fff; padding:10px 20px 10px 5px; text-align:right; font-size:12pt;}
.header-box table{width:100%;}
#pro-header tr:hover{background:#CBE2FF;}
#pro-header table tr{background:#CBE2FF;}
#pro-header table td label{width:100%; display: block; padding: 0;}
#pro-header table input[type=text] {max-width: calc(100% - 20px);}
#pro-header table td strong{text-align:left; display:block;}
#pro-header select{width:99%; margin:0; padding:0 1% 0 0; max-width:300px;}
#pro-header tbody th{background:#CBE2FF;}
#pro-referent, #pro-summary{background:#999; padding:20px;}
.two-inline{width:40%; float:left; margin:0 2%;}
.two-inline span{display:block; margin-bottom: 4px;}
.two-inline select, #sf_admin_container .three-inline input[type=text]{display:block;width: 100%; margin: 0;}
.three-inline{width:29%; float:left; margin:0 2%;}
.three-inline span{display:block; margin-bottom: 4px;}
.three-inline select, #sf_admin_container .three-inline input[type=text]{display:block;width: 100%; margin: 0;}
#sf_admin_container .five-inline #proforma_large, #sf_admin_container .five-inline #proforma_width, #sf_admin_container .five-inline #proforma_height {width: 30px; min-width: 30px;padding: 0 2px;}
#sf_admin_container .three-inline #proforma_large, #sf_admin_container .three-inline #proforma_width, #sf_admin_container .three-inline #proforma_height {width: 30px; min-width: 30px;padding: 0 2px;}
.five-inline{width:15%; float:left; margin:0 2%;}
#volume{width:17%; float:left; margin:0 2%;}
#volume table tr td{padding: 4px;}
.five-inline span{display:block; margin-bottom: 4px;}
.five-inline select, #sf_admin_container .five-inline input[type=text]{display:block;width: 87%; margin: 0;min-width:100px;}
.three-inline select, #sf_admin_container .three-inline input[type=text]{display:block;width: 87%; margin: 0;min-width:100px;}
#pro-pf-list table{width:100%;}
#pro-pf-list tr:hover{background:#CBE2FF;}
#pro-pf-list thead tr{background:#CBE2FF;}
#pro-pf-list tbody.sep tr td{background: #FFF; padding: 0; line-height: 2px; height: 2px;}
#pro-pf-list tbody tr{background:#F0F8D6 !important;}
#pro-pf-list tfoot tr{background:#CBE2FF;}
#pro-notes textarea{width:98%; max-width:98%; padding:5px 1%;}
.two-inline{width:44%; margin-right:4%; float:left;}
#pro-footer div{margin-bottom: 10px; text-align: left;}
#signature{margin-top:20px;}
#signature span{float:right; padding:5px 10px;}
#signature label{float:right; padding:5px 10px; border-bottom:1px solid #444;}
span.add{background:url(../images/add.png) no-repeat center; display:block; height:20px;}
span.remove{background:url(../images/cancel.png) no-repeat center; display:block; height:20px;}
span.view{background:url(../images/view.png) no-repeat center; display:block; height:20px;}
span.duplica{background:url(../images/duplicate.png) no-repeat center; display:inline-block; height:20px; width:20px; vertical-align:middle;}
#sf_admin_container td.bt-text:hover, #sf_admin_container th.bt-text:hover{background:#96BF0D; cursor:pointer;}
.bt-text div{display:inline-block; margin:0 auto; min-width:110px;}
.bt-text div strong{float:left;}
.bt-text div span.add{float:left; width:20px; margin-left:5px;}
#sf_admin_container ul.sf_admin_td_actions li.sf_admin_action_files a{background:url(../images/list.png) no-repeat left center;}
#sf_admin_container ul.sf_admin_td_actions li.sf_admin_action_signature a{background:url(../images/tick.png) no-repeat left center;}
.sf_admin_filter table{margin:20px auto; background:#ccc;}
#sf_admin_container .sf_admin_filter tbody tr{background:#eee;}
#sf_admin_container .sf_admin_filter tbody tr{background:#eee;}
#sf_admin_container .sf_admin_filter_field_date input[type=text]{width:80px; min-width:0px; margin-right:5px;}
#sf_admin_container .sf_admin_filter_field_date input[type=checkbox]{clear:both; margin:4px;}
#sf_admin_container .sf_admin_filter_field_date br{display:none;}

#sf_admin_container ul li.sf_admin_action_mail a{background: url("../images/email.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);padding-left: 20px;}
#sf_admin_container ul li.sf_admin_action_view a{background: url("../images/view.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);padding-left: 20px;}
#sf_admin_container ul li.sf_admin_action_duplica a{background: url("../images/duplica.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);padding-left: 20px;}

.sf_admin_pagination a img{background-color: #000;border: 1px solid #fff;box-shadow: 0 0 0 1px #000;}

/* DL Country */
th.dl_country{background: #ddd none repeat scroll 0 0 !important}