/*
*** Perfect Admin Panel
*** Create by: reds
*** @mail: julio@agenciaprai.com
*** Site: www.prai.com.br
*** CSS INLINE
*** Date modificado: 09/06/15
*** Date create: 04/04/15
*/

html {margin: 0; padding: 0; height: 100%;}
body {margin: 0; padding: 0; height: 100%; background: #FFFFFF;}
body, td, th, input, select, textarea, option, optgroup {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}

input[type='file']{border: 1px solid transparent;}
input:hover{border: 1px solid #C4C6C9;}
input, select{border-radius: 3px; border: 1px solid #e3e3e3;}
input[type='text'], input[type='password'] {padding: 5px;}
select {padding: 3px;}
textarea {padding: 2px;}
a, a:visited {color: #003366; text-decoration: none; cursor: pointer;}
a img {border: 0;}
form {margin: 0; padding: 0;}
label {cursor: pointer;}

/*HEADER*/
#header .div1 {height: 56px; padding: 0px 30px; background: url('../image/header.png') repeat-x; min-width: 900px;}
#header .div2 {color: #FFFFFF; padding: 18px 0px 0px 0px; float: left;}
#header .div3 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-align: right; padding: 15px 0px 0px 0px; float: right;}
#header .div2 span {font-weight: bold;}

/*MENU*/
#menu {background: url('../image/menu.png') repeat-x; position: relative; z-index: 1; height: 34px; clear: both; padding: 0px 30px; min-width: 900px;}
#menu > ul.left {float: left;}
#menu > ul.right {float: right;}
#menu > ul {position: relative; margin: 0; padding: 0;}
#menu > ul ul {list-style: none; margin: 0; padding: 0; background-color: #353535;}
#menu > ul a {display: block; text-decoration: none;}
#menu > ul li {float: left; list-style: none;}
#menu > ul > li + li {background: url('../image/split.png') center left no-repeat;}
#menu > ul .top {padding: 10px 15px 9px 17px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-align: center;}
#menu > ul li ul {position: absolute;}
#menu > ul ul li {padding: 2px; clear: both; border-bottom: 1px dashed #474646;}
#menu > ul .selected .top {background: url('../image/selected.png') repeat-x; color: #FFFFFF;}
#menu > ul .parent {background-image: url('../image/arrow-right.png');  background-position: 95% center; background-repeat:no-repeat;}
#menu > ul li ul ul {margin: -29px 0 0 161px;}
#menu > ul li li a {padding: 5px; margin: 1px; color: #FFFFFF;	 width: 147px;}
#menu > ul li li > a:hover {margin: 0px; border: 1px solid #02437B; background-color: #3B7CB1; border-radius: 3px;}
#menu i {margin-top: -5px; padding-right: 5px; color: #EDC240; text-shadow: 0 0 2px #000;}

/*container*/
#container {height: 100%;}
body > #container {height: auto; min-height: 100%;}
#content {background: #FFFFFF url('../image/background.png') 0px 1px repeat-x; padding: 10px 30px 0px 30px; min-width: 900px; padding-bottom: 128px;}
#footer {background: #FFFFFF url('../image/footer.png') repeat-x; height: 50px; padding-top: 38px; text-align: center; font-size: 12px; color: #333; position: relative; margin-top: -92px; clear: both;}
#footer a {olor: #333; text-decoration: underline;}
	
/*HELPERS*/
.breadcrumb, .breadcrumb a {font-size: 12px; color: #666; margin-bottom: 15px;}
.success {padding: 10px 10px 10px 33px; margin-bottom: 15px; background: #EAF7D9 url('../image/success.png') 10px center no-repeat; border: 1px solid #BBDF8D; color: #555555; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.warning {padding: 10px 10px 10px 33px; margin-bottom: 15px; background: #FFD1D1 url('../image/warning.png') 10px center no-repeat; border: 1px solid #F8ACAC; color: #555555; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.attention {padding: 10px 10px 10px 33px; margin-bottom: 15px; background: #FFF5CC url('../image/attention.png') 10px center no-repeat; border: 1px solid #F2DD8C; color: #555555; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.required {color: #FF0000; font-weight: bold;}
.error {margin-top: 3px; color: #FF0000; display: block; font-size: 12px; font-weight: normal;}
.help {color: #666; font-size: 11px; font-weight: normal; font-family: Verdana, Geneva, sans-serif; display: block;}
.icon {vertical-align: middle; cursor: pointer;}
.image {border: 1px solid #EEEEEE; padding: 10px; display: inline-block;}
.image img {margin-bottom: 5px;}

.box {margin-bottom: 15px;}
.box > .heading {height: 38px; padding-left: 7px; padding-right: 7px; border: 1px solid #DBDBDB; background: url('../image/box.png') repeat-x; -webkit-border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px; -khtml-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px;}
.box > .heading h1 {margin: 0px; padding: 11px 0px 0px 0px; color: #003A88; font-size: 16px; float: left;}
.box > .heading h1 img {float: left; margin-top: -1px; margin-left: 3px; margin-right: 8px;}
.box > .heading .buttons {float: right; padding-top: 7px; margin-right: 5px;}
.box > .heading .buttons .button {margin-left: 5px;}
.box > .content h2 {text-transform: uppercase; color: #FF802B; font-size: 15px; font-weight: bold; padding-bottom: 3px;border-bottom: 1px dotted #000000;}
.box > .content {width: 100%; padding: 10px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; min-height: 300px; overflow: auto;}

/*REDS***BTN*/
.reds-boxp{width: 130px; display: inline-block; margin-right: 5px;}
.reds-left{float: left;}
.reds-btn{background-color: #E9B12A; padding: 3px 15px; border: 1px solid #B78712; border-radius: 3px; text-decoration: none; font-weight: 700;}
.reds-btn:hover{background-color: #9C7515; color: #fff;}
.reds-btn2{background-color: #f1f1f1; border: 1px solid #D8D8D8; border-radius: 3px; padding: 3px 15px; text-decoration: none; font-weight: 700;}
.reds-btn2:hover{background-color: #0168C9; border: 1px solid #065FB6; color: #fff;}
.reds-btn3 {background-color: #FB5B5B; padding: 3px 15px; border: 1px solid #E32A2A; border-radius: 3px; text-decoration: none; font-weight: 700;}
.reds-btn3:hover {background-color: #E32A2A; color: #FFF;}

/*REDS***BACKUP*/
.big-box{height: 400px !important;}
.big-btn1{background-color: #52A9E5; border: 1px solid #2B7CB4; border-radius: 3px; padding: 15px 25px; text-decoration: none; font-weight: 700; color: #fff; text-transform: uppercase; transition: 0.7s;}
.big-btn:hover{background-color: #C99517; border: 1px solid #9B741D;}
.big-btn2{background-color: #FF3D3D; border: 1px solid #BA1D1D; border-radius: 3px; padding: 15px 25px; text-decoration: none; font-weight: 700; color: #fff; text-transform: uppercase; transition: 0.7s;}
.big-btn:hover{background-color: #BA1D1D; border: 1px solid #9B741D;}
/*REDS****BACKUP*/

a.button, .list a.button {text-decoration: none; color: #FFF; display: inline-block; padding: 5px 15px 5px 15px; background: #0371DB; border-radius: 3px; border: 1px solid #00498F; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; transition: 1s;}
a.button:hover{background-color: #00498F;}

.list {border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px;}
.list td {border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}
.list thead td {background-color: #EFEFEF; padding: 0px 5px;}
.list thead td a, .list thead td {text-decoration: none; color: #222222; font-weight: bold;}
.list tbody td a {text-decoration: none;}
.list tbody td {vertical-align: middle; padding: 0px 5px; background: #FFFFFF;}
.list tbody tr:hover td {background-color: #FFFFCB;}
.list .left {text-align: left; padding: 7px;}
.list .right {text-align: right; padding: 7px;}
.list .center {text-align: center; padding: 7px;}
.list .asc {padding-right: 15px; background: url('../image/asc.png') right center no-repeat;}
.list .desc {padding-right: 15px; background: url('../image/desc.png') right center no-repeat;}
.list tr.filter td, .list tr:hover.filter td {padding: 5px; background: #E7EFEF;}

.pagination {border-top: 1px solid #DDDDDD; display: inline-block; width: 100%; padding-top: 6px;}
.pagination .links {float: left; padding-top: 6px;}
.pagination .links a {border: 1px solid #DDDDDD; padding: 4px 10px; font-size: 12px; text-decoration: none; color: #A3A3A3;}
.pagination .links b {border: 1px solid #269BC6; padding: 4px 10px; font-size: 12px; font-weight: normal; text-decoration: none; color: #269BC6; background: #FFFFFF;}
.pagination .results {float: right; padding-top: 6px; font-size: 12px;}

table.form {width: 100%; border-collapse: collapse; margin-bottom: 20px;}
table.form > tbody > tr > td:first-child {width: 200px;}
table.form > tbody > tr > td {padding: 10px; color: #000000; border-bottom: 1px dotted #CCCCCC;}
#tab-customer #tab-payment #tab-address-1, input[type='text']{min-width: 90%;}

.scrollbox {border: 1px solid #e3e3e3; border-radius: 3px; width: 350px; height: 100px; background: #FFFFFF; overflow-y: scroll;}
.scrollbox img {float: right; cursor: pointer;}

.htabs {padding: 0px 0px 0px 10px; height: 30px; line-height: 16px; border-bottom: 1px solid #DDDDDD; margin-bottom: 15px;}
.htabs a {border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background: #FFFFFF url('../image/tab.png') repeat-x; padding: 7px 15px 6px 15px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-align: center; text-decoration: none; color: #000000; margin-right: 2px;display: none;}
.htabs a.selected {padding-bottom: 7px; background: #FFFFFF;}

.vtabs {width: 190px; padding: 10px 0px; min-height: 300px; float: left; display: block; border-right: 1px solid #DDDDDD;}
.vtabs a {display: none;}
.vtabs a, .vtabs span {display: block; float: left; width: 160px; margin-bottom: 5px; clear: both; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background: #F7F7F7; padding: 6px 14px 7px 15px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-align: right; text-decoration: none; color: #000000;}
.vtabs a.selected {padding-right: 15px; background: #FFFFFF;}
.vtabs a img, .vtabs span img {position: relative; top: 3px; cursor: pointer;}
.vtabs-content {margin-left: 205px;}

.accordion-heading {background: #EFEFEF; border: 1px solid #DDDDDD; padding: 8px; font-weight: bold; font-size: 13px; color: #555555; margin-bottom: 15px;}
.accordion-heading a {float: right; margin-top: 1px; font-weight: normal; text-decoration: none;}
.accordion-content {padding: 0px 0px 15px 0px; overflow: auto;}

.scrollbox div {padding: 3px;}
.scrollbox div input {margin: 0px; padding: 0px; margin-right: 3px;}
.scrollbox div.even {background: #FFFFFF;}
.scrollbox div.odd {background: #E4EEF7;}

.overview {float: left; width: 49%; margin-bottom: 20px;}
.overview table {width: 100%;}
.overview td + td {text-align: right;}

.statistic {float: right; width: 49%; margin-bottom: 20px;}
.range {float: right; color: #FFF; vertical-align: middle;}
.range {padding-top: 1px; padding-right: 1px;}
.range, .range select {font-size: 11px;}

.latest {clear: both;}
.latest tbody td {background: #FFF;}

.dashboard-heading {background: rgba(0, 84, 154, 0.77); color: #FFF; border-bottom: 1px solid #8EAEC3; padding: 5px; font-size: 14px; font-weight: bold;}
.dashboard-content {background: #FCFCFC; border: 1px solid #DDD; padding: 10px; min-height: 180px;}
.refresh {cursor: pointer; position: relative; top: 3px;}