/*! Created on: 16/11/2017, 10:05:59
Created by: 20073
Owner: Havan Lojas de Departamentos Ltda
Location: Brusque/SC - Brasil */

/* reset begin */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, cite, del, dfn, em, img, input, ins, kbd, q, s, samp, small, strong, sub,
sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, code, b, u, i, article, 
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, nav, ruby, section, 
summary, time, textarea, mark, audio, video, caption, tbody, tfoot, thead, tr, th, td{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
:focus{outline: 0;}
ol, ul{list-style: none; }
table{border-collapse: collapse; border-spacing: 0; }
caption, th, td{text-align: left; font-weight: normal; }
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none;}
del{text-decoration:line-through}
a, s, ins{text-decoration: none;} 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{display: block; }
/* reset end */

@font-face {
    font-family: 'PT Sans';
    src: url('Fonts/PTSans.eot');
    src: url('Fonts/PTSans.eot?#iefix') format('embedded-opentype'), 
        url('Fonts/PTSans.woff2') format('woff2'),
        url('Fonts/PTSans.woff') format('woff'),
        url('Fonts/PTSans.ttf') format('truetype'),
        url('Fonts/PTSans.svg#PTSans-Caption') format('svg');
}

body{position: relative; height: 100%; font: normal normal normal 0.938em/1 'PT Sans',sans-serif; background: #f3f3f3; color: #002a5d;}
html{height: 100%;}

/* Begin elements */
a{color: inherit;}
.href a,
a.href{color: #006bea;}
a:hover{text-decoration: underline;}
a.no-under:hover{text-decoration: none;}
a:active{color: #5500a4;}

b, 
strong{font-weight: 600;}
em{font-style: italic;}
small{font-size: 0.733em; line-height: normal;}
sub, sup{font-size: 0.8em }
sub{vertical-align: sub }
sup{vertical-align: super }

h1{font-size: 2.5em;}
h2{font-size: 2em;}
h3{font-size: 1.75em;}
h4{font-size: 1.5em;}
h5{font-size: 1.25em;}
h6{font-size: 1em;}
h1, h2, h3, h4, h5, h6{margin-bottom: 0.2em; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit;}

ul.def,
ul.dsc,
ol.dec,
ol.abc{line-height: normal; padding: 5px 10px 5px 20px;}
ul.def li,
ul.dsc li,
ol.dec li,
ol.abc li{margin: 4px 0 6px; }
ul.dsc{list-style-type: disc;}
ol.dec{list-style-type: decimal;}
ol.abc{list-style-type: lower-alpha;}

dl.def dt,
dl.block dt,
dl.inline dt{font-weight: 600;}
dl.colon dt:after{content: ':';}
dl.def dt{margin: 5px 0 2px;}
dl.block dt{float: left; min-height: 18px; margin-right: 6px;}
dl.block dd{display: block; min-height: 18px; margin-bottom: 8px;}
dl.inline dt{float: left; margin: 3px 0;}
dl.inline dd{float: left;  margin: 3px 20px 3px 5px;}

dl.dd-bold dt,
dl.dd-bold dt,
dl.dd-bold dt{font-weight: normal;}
dl.dd-bold dd,
dl.dd-bold dd,
dl.dd-bold dd{font-weight: 600;}
/* End elements */

/* Begin classes*/
.arrow{position: relative; float: left; width: 15px; height: 15px; background: inherit; border: solid #BBB; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.arrow.top{border-width: 1px 0 0 1px;}
.arrow.rgt{border-width: 1px 1px 0 0;}
.arrow.btm{border-width: 0 1px 1px 0;}
.arrow.lft{border-width: 0 0 1px 1px;}

.bg-lyel{background: #ffffdd; color: #456;}
.bg-blu{background: #306aae; color: #FFF;}
.bg-grn{background: #018000; color: #FFF;}
.bg-gry{background: #EEE; color: #000;}
.bg-org{background: #ef8c00; color: #000;}
.bg-red{background: #CF0008; color: #FFF;}
.bg-yel{background: #FF0; color: #000;}
.bg-wht{background: #FFF; color: #000;}
.bg-pnk{background: #CB00CB; color: #FFF;}
.bg-pur{background-color: #912CEE; color: #FFF;}

.br{float: left; width: 100%; padding: 0; margin: 0; border: 1px solid transparent;}

.opc80{opacity: 0.8;}
.opc60{opacity: 0.6;}
.opc50{opacity: 0.5;}
.opc40{opacity: 0.4;}
.opc30{opacity: 0.3;}
.opc20{opacity: 0.2;}

.overlay{display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #002A5D; opacity: 0.2;}
.overlay.on{display: block; z-index: 900;}

.capit{text-transform: capitalize;}
.capit-fl:first-letter{text-transform: capitalize;}
.caps{text-transform: uppercase;}
.sml-caps{font-variant: small-caps;}
.bold{font-weight: 600;}
.xbold{font-weight: 900;}
.rgt{text-align: right;}
.lft{text-align: left;}
.cnt{text-align: center;}
.jst{text-align: justify;}
.ft-rgt{float: right;}
.ft-lft{float: left;}
.ft-none{float: none;}
.hide{display: none !important;}
.show,
.block{display: block;}
.inline{display: inline-block;}
.img-rsp{max-width: 100%; height: auto;}
.dsk .mob{display: none !important;}
.mob .dsk{display: none !important;}

.clear:after{content: "."; visibility: hidden; display: block; height: 0; clear: both;}

[data-shorttip]{position: relative;}
[data-shorttip] .shorttip-wrp{position: absolute; width: 320px; height: 1px; background: none; z-index: 1;}
[data-shorttip] .shorttip-wrp .shorttip{max-width: 300px; width: auto; height: auto; padding: 6px 5px 6px 8px; color: #234; font-size: 14px; font-style: normal; line-height: normal; font-weight: 500; text-align: left; background: #ffffed; border-radius: 2px; box-shadow: -1px 1px 4px #000; z-index: 1;}

.msg{display: none; float: left; width: 100%; margin: 5px 0; padding: 6px 8px; font-size: 0.933em; line-height: normal; text-decoration: none;}
.msg.error,
.msg.success,
.msg.warn,
.msg.info{display: block;}
.msg.error{color: #ef4a4a; background: #FFFFEF; outline: 1px solid #ffafb6;}
.msg.success{color: #36af3b; background: #effff0; outline: 1px solid #99df9c;}
.msg.warn{color: #456; background: #ffffe8; outline: 1px solid #BCD;}
.msg.info{color: #0086E6; background: #eef8ff; outline: 1px solid #5EBFFC;}

.fs080{font-size: 0.80em; line-height: normal;}
.fs085{font-size: 0.85em; line-height: normal;}
.fs090{font-size: 0.90em; line-height: normal;}
.fs095{font-size: 0.95em; line-height: normal;}
.fs105{font-size: 1.05em; line-height: normal;}
.fs110{font-size: 1.10em; line-height: normal;}
.fs115{font-size: 1.15em; line-height: normal;}
.fsdef{font-size: 16px; line-height: normal;}

.lhdef{line-height: normal;}
.lh110{line-height: 1.1em;}
.lh120{line-height: 1.2em;}
.lh130{line-height: 1.3em;}
.lh140{line-height: 1.4em;}
.lh150{line-height: 1.5em;}
.lh160{line-height: 1.6em;}

.par5,
.par5 p{margin-top: 5px;}
.par10,
.par10 p{margin-top: 10px;}
.par15,
.par15 p{margin-top: 15px;}

.hv,
.hvr{cursor: pointer;}

.ent-info{position: relative; float: left; width: 100%; padding: 5px 10px 3px; background: #FFF; border: 1px solid; border-color: #E9F6FF #FFF #B3D7EF #B3D7EF;}
.ent-info p{float: left; margin-right: 20px;}
.ent-info small{display: block; margin-left: 2px;}

.mrg-l5{margin-left: 5px;}
.mrg-l10{margin-left: 10px;}
.mrg-l20{margin-left: 20px;}
.mrg-l30{margin-left: 30px;}

.mrg-r5{margin-right: 5px;}
.mrg-r10{margin-right: 10px;}
.mrg-r20{margin-right: 20px;}
.mrg-r30{margin-right: 30px;}

.mrg-t10{margin-top: 10px;}
.mrg-t20{margin-top: 20px;}
.mrg-t30{margin-top: 30px;}
.mrg-t40{margin-top: 40px;}
.mrg-t50{margin-top: 50px;}
.mrg-t75{margin-top: 75px;}
.mrg-t100{margin-top: 100px;}

.mrg-tb10{margin: 10px 0;}
.mrg-tb20{margin: 20px 0;}
.mrg-tb30{margin: 30px 0;}
.mrg-tb40{margin: 40px 0;}
.mrg-tb50{margin: 50px 0;}
.mrg-tb75{margin: 75px 0;}
.mrg-tb100{margin: 100px 0;}

.pad0{padding: 0;}
.pad5{padding: 5px;}
.pad10{padding: 10px;}
.pad20{padding: 20px;}
.pad30{padding: 30px;}

.brd-01{border: 1px solid #CCC;}
.brd-02{border: 1px solid #888;}
.brd-03{border: 1px solid #444;}
.brd-04{border: 1px solid #000;}

.tlbl{color: #00a4ff;}
.tblu{color: #306aae;}
.tgrn{color: #018000;}
.torg{color: #ef8c00;}
.tpur{color: #912CEE;}
.tred{color: #CF0008;}
.tgry{color: #707070;}

.nowrap{white-space: nowrap;}
.break-word{word-break: break-all;}
.box-stl{border: 1px solid; border-color: #EFEFEF #EFEFEF #B3B3BF #B3B3BF;}
.dots-t{border-top: 1px dotted;}
.dots-b{border-bottom: 1px dotted; }

.ht10{height: 10vh;}
.ht20{height: 20vh;}
.ht30{height: 30vh;}
.ht40{height: 40vh;}
.ht50{height: 50vh;}

.wt0{width: 0}
.wt5{width: 5%}
.wt10{width: 10%}
.wt15{width: 15%}
.wt20{width: 20%}
.wt25{width: 25%}
.wt30{width: 30%}
.wt35{width: 35%}
.wt40{width: 40%}
.wt45{width: 45%}
.wt50{width: 50%}
.wt55{width: 55%}
.wt60{width: 60%}
.wt65{width: 65%}
.wt70{width: 70%}
.wt75{width: 75%}
.wt80{width: 80%}
.wt85{width: 85%}
.wt90{width: 90%}
.wt95{width: 95%}
.wt100{width: 100%}

.col20, .col25,
.col30, .col33,
.col40, .col50,
.col60, .col66,
.col70, .col75,
.col80, .col100{position: relative; float: left;}

.col20{width: 20%;}
.col25{width: 25%;}
.col30{width: 30%;}
.col33{width: 33.33%;}
.col40{width: 40%;}
.col50{width: 50%;}
.col60{width: 60%;}
.col66{width: 66.66%;}
.col70{width: 70%;}
.col75{width: 75%;}
.col80{width: 80%;}
.col100{width: 100%;}

@media (max-width: 799px) {
    .col20, .col25,
    .col30, .col33,
    .col40, .col50,
    .col60, .col66,
    .col70, .col75,
    .col100{width: 100%;}
}

/*** Begin Icons ***/
@font-face {
    font-family: 'HvnIconFont';
    src: url('https://transaction.havan.com.br/Code/Css/HvnIconFont/HvnIconFont.eot');
    src: url('https://transaction.havan.com.br/Code/Css/HvnIconFont/HvnIconFont.eot?#iefix') format('embedded-opentype'), 
        url('https://transaction.havan.com.br/Code/Css/HvnIconFont/HvnIconFont.woff') format('woff'),
        url('https://transaction.havan.com.br/Code/Css/HvnIconFont/HvnIconFont.ttf') format('truetype'),
        url('https://transaction.havan.com.br/Code/Css/HvnIconFont/HvnIconFont.svg#HvnIconFont') format('svg');
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "HvnIconFont";
        src: url("https://transaction.havan.com.br/Code/Css/HvnIconFont/HvnIconFont.svg#HvnIconFont") format("svg");
    }
}
i[class^="hicon"]{position: relative; font: normal normal normal 0.938em/1em HvnIconFont, Arial; display: inline-block; padding: 0.05em 0.075em; font-size: inherit; color: inherit; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; speak: none; direction: ltr; font-feature-settings: 'liga' 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
i[class^="hicon"].hv:hover{box-shadow: 0 0 0.15em #000; cursor: pointer;}
i[class^="hicon"].wht{color: #FFFFFF;}
i[class^="hicon"].yel{color: #FFE900;}
i[class^="hicon"].org{color: #FF9600;}
i[class^="hicon"].red{color: #DD0000;}
i[class^="hicon"].grn{color: #019F00;}
i[class^="hicon"].blu{color: #1B79DF;}
i[class^="hicon"].gry{color: #CFCFCF;}
i[class^="hicon"].blk{color: #112233;}

i[class^="hicon"].is070{font-size: 0.7em;}
i[class^="hicon"].is115{font-size: 1.15em;}
i[class^="hicon"].is130{font-size: 1.3em;}
i[class^="hicon"].is160{font-size: 1.6em;}
i[class^="hicon"].is190{font-size: 1.9em;}

i.hicon-search:before{content: '\F000';}
i.hicon-zoomin:before{content: '\F001';}
i.hicon-zoomout:before{content: '\F002';}
i.hicon-close:before{content: '\F003';}
i.hicon-closeb:before{content: '\F004';}
i.hicon-cart:before{content: '\F005';}
i.hicon-plus:before{content: '\F006';}
i.hicon-minus:before{content: '\F007';}
i.hicon-ok:before{content: '\F008';}
i.hicon-ok2:before{content: '\F009';}
i.hicon-ok3:before{content: '\F010';}
i.hicon-star:before{content: '\F011';}
i.hicon-quest:before{content: '\F012';}
i.hicon-excla:before{content: '\F013';}
i.hicon-pointl:before{content: '\F014';}
i.hicon-pointr:before{content: '\F015';}
i.hicon-pointu:before{content: '\F016';}
i.hicon-pointd:before{content: '\F017';}
i.hicon-check0:before{content: '\F018';}
i.hicon-check1:before{content: '\F019';}
i.hicon-checkx1:before{content: '\F020';}
i.hicon-warn:before{content: '\F021';}
i.hicon-arrowl:before{content: '\F022';}
i.hicon-arrowr:before{content: '\F023';}
i.hicon-menu:before{content: '\F024';}
i.hicon-pointli:before{content: '\F025';}
i.hicon-pointri:before{content: '\F026';}
i.hicon-login:before{content: '\F027';}
i.hicon-logout:before{content: '\F028';}
i.hicon-delete:before{content: '\F029';}
i.hicon-email:before{content: '\F030';}
i.hicon-gift:before{content: '\F031';}
i.hicon-xml:before{content: '\F032';}
i.hicon-nfe:before{content: '\F033';}
i.hicon-image:before{content: '\F034';}
i.hicon-expand:before{content: '\F035';}
i.hicon-hide:before{content: '\F036';}
i.hicon-filter:before{content: '\F037';}
i.hicon-pointtd:before{content: '\F038';}
i.hicon-info:before{content: '\F039';}
i.hicon-down:before{content: '\F040';}
i.hicon-up:before{content: '\F041';}
i.hicon-location:before{content: '\F042';}
i.hicon-fone:before{content: '\F043';}
i.hicon-clock:before{content: '\F044';}
i.hicon-barcode:before{content: '\F045';}
i.hicon-money:before{content: '\F046';}
i.hicon-print:before{content: '\F047';}
i.hicon-home:before{content: '\F048';}
i.hicon-apps:before{content: '\F049';}
i.hicon-logoti:before{content: '\F050';}
i.hicon-doc:before{content: '\F051';}
i.hicon-plusb:before{content: '\F052';}
i.hicon-minusb:before{content: '\F053';}
i.hicon-refresh:before{content: '\F054';}
i.hicon-reload:before{content: '\F055';}
i.hicon-more:before{content: '\F056';}
i.hicon-edit:before{content: '\F057';}
i.hicon-config:before{content: '\F058';}
i.hicon-facehappy:before{content: '\F059';}
i.hicon-faceindif:before{content: '\F060';}
i.hicon-facesad:before{content: '\F061';}
i.hicon-faceconfused:before{content: '\F062';}
i.hicon-password:before{content: '\F063';}
i.hicon-user:before{content: '\F064';}
i.hicon-tshirt:before{content: '\F065';}
i.hicon-save:before{content: '\F066';}
i.hicon-infob:before{content: '\F067';}
i.hicon-warnb:before{content: '\F068';}
i.hicon-box:before{content: '\F069';}
i.hicon-openbox:before{content: '\F070';}
i.hicon-truck:before{content: '\F071';}
i.hicon-creditcard:before{content: '\F072';}
i.hicon-calendar:before{content: '\F073';}
i.hicon-month:before{content: '\F074';}
i.hicon-download:before{content: '\F075';}
i.hicon-upload:before{content: '\F076';}
i.hicon-pricetag:before{content: '\F077';}
i.hicon-contact:before{content: '\F078';}
i.hicon-facebook:before{content: '\F079';}
i.hicon-gplus:before{content: '\F080';}
i.hicon-instagram:before{content: '\F081';}
i.hicon-twitter:before{content: '\F082';}
i.hicon-youtube:before{content: '\F083';}
i.hicon-service:before{content: '\F084';}
i.hicon-switch:before{content: '\F085';}
i.hicon-travel:before{content: '\F086';}
i.hicon-creditcardb:before{content: '\F087';}
i.hicon-passchange:before{content: '\F088';}
i.hicon-pdf:before{content: '\F089';}
i.hicon-arrowt:before{content: '\F090';}
i.hicon-arrowb:before{content: '\F091';}
i.hicon-forbidden:before{content: '\F092';}
i.hicon-left:before{content: '\F093';}
i.hicon-right:before{content: '\F094';}
i.hicon-giftcard:before{content: '\F095';}
i.hicon-cellphone:before{content: '\F096';}
i.hicon-secure:before{content: '\F097';}
i.hicon-attach:before{content: '\F098';}
i.hicon-cut:before{content: '\F099';}
i.hicon-chat:before{content: '\F100';}
i.hicon-emailb:before{content: '\F101';}
i.hicon-link:before{content: '\F102';}
i.hicon-updown:before{content: '\F103';}
i.hicon-moreb:before{content: '\F104';}
i.hicon-rotatel:before{content: '\F105';}
i.hicon-rotater:before{content: '\F106';}
i.hicon-shrink:before{content: '\F107';}
i.hicon-whatsapp:before{content: '\F108';}
i.hicon-pinterest:before{content: '\F109';}


/* End New font icons */

/* Begin buttons */
.btn{display: inline-block; margin-right: 2px; padding: 0.633em 1.067em; line-height: normal; border: none; font-size: 1.133em; background: #fcc31a; background: linear-gradient(to bottom,#ffcc33,#fcc31a); color: #123; text-align: center; cursor: pointer; box-shadow: -1px 1px 2px rgba(0,0,0,0.25);}
.btn:focus,
.btn:hover{background: #ffcc33;}
.btn.rgt{float: right; margin: 0 0 0 2px; text-align: center;}
.btn.small{padding: 0.333em 1em; font-size: 0.933em;}
.btn.sec{background: #018000; background: linear-gradient(to bottom,#018f00,#018000); color: #FFF;}
.btn.sec:focus,
.btn.sec:hover{background: #018f00;}
.btn.imp{background: #255c99; background: linear-gradient(to bottom,#306aae,#255c99); color: #FFF;}
.btn.imp:focus,
.btn.imp:hover{background: #306aae; color: #FFF;}
.btn[disabled],
.btn[disabled="disabled"]{background: #EEE; color: #789;}
.btn[disabled]:hover,
.btn[disabled="disabled"]:hover{cursor: auto;}

.hvn-form span.btn-side{height: auto; margin-top: 14px;}
.hvn-form span.btn-side .btn{width: 100%; height: 39px; line-height: 1.1em;}
span.file span{overflow: hidden; width: auto; height: 41px; padding-top: 12px; font-size: 1em;}
span.file span input[type="file"]{position: absolute; left: 0; top: 0; font-size: 50px; filter: alpha(opacity=0); opacity: 0;}

/* End buttons */

@media (max-width: 799px) {
    .hide799,
    .rsp799{display: none;}
    .hvn-form span.btn-side{height: auto;}
    .hvn-form span.btn-side .btn{width: auto; height: auto; line-height: normal;}
    span.file span{width: auto; padding: 12px 10px 0;}
}
@media (max-width: 639px) {
    .hide639,
    .rsp639{display: none;}
}
@media (max-width: 479px) {
    .btn{margin-bottom: 5px;}
    .btn.rgt{float: left; margin: 0;}
    .btn.small{padding: 0.25em 0.867em; font-size: 1.133em;}
    .hide479,
    .rsp479{display: none;}
}

/* End classes */

/* Structure begin */
.hvn-header,
.adm-header,
.hvn-main,
.adm-footer,
.hvn-footer{position: relative; float: left; width: 100%;}

.hvn-header .header-bar > div,
.adm-header header,
.hvn-header header,
.hvn-header nav > div,
.hvn-main .content,
.hvn-footer .footer-bar > div,
.adm-footer footer,
.hvn-footer footer{position: relative; margin: 0 auto; max-width: 1200px; padding: 0 10px;}
.hvn-header .header-bar > div:after,
.adm-header header:after,
.hvn-header header:after,
.hvn-header nav > div:after,
.hvn-main .content:after,
/*.hvn-footer .footer-bar > div:after,*/
.adm-footer footer:after,
.hvn-footer footer:after{content: "."; visibility: hidden; display: block; height: 0; clear: both;}

.header-bar{background: #e7ebee;}
.header-bar ul{float: right;}
.header-bar li{float: left;}
.header-bar a{display: block; padding: 7px 0 7px 20px; font-size: 0.933em;}
.header-bar a:hover{color: #000;}

.hvn-header{background: #f7f8f9;}
.hvn-header header{padding: 6px 10px;}

.hvn-header .close-menu{position: relative; display: none; float: right; margin: 10px 15px; z-index: 2;}
.hvn-header .btn-menu-rsp{display: none; float: left; color: #002a5d;}
.hvn-header .btn-menu-rsp span{float: left; margin-left: 4px; line-height: 1.80em; font-size: 1.25em;}

.hvn-header .btn-menu-rsp i{float: left; font-size: 2.1em;}
.hvn-header .logo-hvn{float: left; height: 70px;}
.hvn-header .header-info{float: right; margin-top: 6px; text-align: right; color: #000;}
.hvn-header .header-info li{padding: 6px 0; font-size: 0.933em;}

.hvn-header nav{background: #002a5d;}
.hvn-header nav div > ul{position: relative; display: table;}
.hvn-header nav div > ul > li{position: relative; display: table-cell; height: 40px; width: 12%; text-align: center; vertical-align: middle; color: #FFF;}
.hvn-header nav div > ul > li.home{width: 4%;}
.hvn-header nav div > ul > li a{display: block; padding: 6px 0; color: #FFF; text-decoration: none;}
.hvn-header nav div > ul > li:hover,
.hvn-header nav div > ul > a:hover{background: #083368; cursor: pointer;}
.hvn-header nav ul.lev2{display: none; position: absolute; left: 0; top: 40px; background: #FFF; padding: 10px 0; border: 1px solid #EEE; box-shadow: -1px 1px 4px #000; z-index: 2;}
.hvn-header nav ul.lev2 .arrow{top: -18px; left: 25px;}
.hvn-header nav ul.lev2 li{color: #123; text-align: left;}
.hvn-header nav ul.lev2 li a{min-width: 150px; padding: 10px 30px 10px 20px; white-space: nowrap; color: #002a5d;}
.hvn-header nav ul.lev2 li a:hover{margin-left: -3px; border-left: 3px solid #FFD557; background: #002a5d; color: #FFF;}

.hvn-main{background: #FFF; background: #FFF url("https://transaction.havan.com.br/Code/Images/estatua-havan-bg.png") no-repeat right bottom;}
.hvn-main .content{min-height: 400px; padding: 40px 10px;}
.hvn-main .content .default{position: relative; float: left; width: 100%;}

.hvn-footer{border-top: 1px solid #e2e2ee;} 
.hvn-footer .footer-fieldset{float: left; margin-top: 25px; padding: 10px 20px 20px; border: 1px solid;} 
.hvn-footer .footer-fieldset legend{padding: 0 10px; font-size: 1.667em; font-weight: 600;} 
.hvn-footer .footer-fieldset label{font-size: 1.333em; font-weight: 600;} 
.hvn-footer .footer-fieldset .news-letter{float: left; width: 50%;} 

.hvn-footer .footer-fieldset .input-wrp{float: left; width: 100%;}
.hvn-footer .footer-fieldset .input-wrp label{display: block; margin-bottom: 8px;}
.hvn-footer .footer-fieldset .input-wrp input{float: left; width: 80%; height: 36px; padding: 0 5px; background: #003676; color: #FFF; border: 1px solid #789;}
.hvn-footer .footer-fieldset .input-wrp input::placeholder{color: #FFF;}
.hvn-footer .footer-fieldset .input-wrp button{float: left; width: 50px; height: 36px; background: #ffcc33; border: none; color: #003676; font-size: 1.8em; cursor: pointer;}

.hvn-footer .footer-fieldset .about-hvn{float: left; width: 35%; margin: 2px 0;} 
.hvn-footer .footer-fieldset .logo-hvn-footer{float: right; height: 58px;} 

.hvn-footer .footer-fieldset .social{float: left; width: 270px; margin-top: 8px;} 
.hvn-footer .footer-fieldset .social li{float: left; margin-right: 10px; padding: 6px; background: #FFF; font-size: 1.33em; border-radius: 50%; box-shadow: -1px 1px 1px #DDD;} 
.hvn-footer .footer-fieldset .social a{color: #002a5d;} 

.hvn-footer .footer-menu{float: left; width: 100%; margin: 30px 0;}
.hvn-footer .footer-menu ul{float: left; width: 23%; margin-right: 2%;}
.hvn-footer .footer-menu ul i.hicon-pointd{float: left; margin: 3px 4px 0 0; font-size: 0.75em;}
.hvn-footer .footer-menu ul p{display: inline-block; margin-bottom: 8px; font-size: 1.333em;}
.hvn-footer .footer-menu ul a{display: block; padding: 8px 0; color: #002a5d; transition: all 0.30s ease-in-out;}
.hvn-footer .footer-menu ul a:hover{padding-left: 5px;  background: #ffcc33; text-decoration: none;}
.hvn-footer .footer-menu .contact .fone{padding: 10px 0; }
.hvn-footer .footer-menu .contact small{display: inline-block; padding: 10px 0;}

.hvn-footer .footer-bar{position: relative; background: #003676; color: #FFF; font-size: 0.8em; line-height: normal;}
.hvn-footer .footer-bar div{height: 50px;}
.hvn-footer .footer-bar address{float: left; margin-top: 10px;}
.hvn-footer .footer-bar p{float: right; padding: 10px 42px 2px 0; text-align: right; color: #FFF; background: url(https://transaction.havan.com.br/Code/Images/icon-havan-labs-w.svg) no-repeat right 6px; background-size: 36px auto;}

@media(max-width: 999px) {
    .hvn-header header{padding: 5px;}

    .hvn-header header.fixed{position: fixed; left: 0; top: 0; width: 100%; z-index: 2; background: #e7ebee; border-bottom: 1px solid #FFF; box-shadow: -1px 1px 4px #000; transition: 0.5s;}
    .hvn-header header.fixed .btn-menu-rsp{display: block; margin-top: 4px;}
    .hvn-header header.fixed .logo-hvn{height: 40px;}
    .hvn-header header.fixed .header-info{display: none;}

    .hvn-header .close-menu,
    .hvn-header .btn-menu-rsp{display: block;}
    .hvn-header .logo-hvn{float: right; height: 50px;}
    .hvn-header .header-info{position: absolute; left: 5px; bottom: 0;}
    .hvn-header .header-info li{float: left; padding: 4px 20px 4px 0;}

    .hvn-header nav{display: block; position: fixed; width: 250px; height: 100%; left: 0; top: 0; margin-left: -250px; padding-bottom: 20px; overflow: auto; z-index: 10; transition: 0.5s;}
    .hvn-header nav div > ul{float: left;}
    .hvn-header nav div > ul > li.home,
    .hvn-header nav div > ul > li{float: left; width: 100%; height: auto; text-align: left;}
    .hvn-header nav div > ul > li a{padding: 15px;  border-bottom: 1px solid #003676;}
    .hvn-header nav ul.lev2{display: none; position: relative; top: 0;}
    .hvn-header nav ul.lev2 li a{padding: 15px 0 15px 20px; border: none;}

}
@media(max-width: 799px){
    .hvn-header header{border-bottom: 1px solid #d1d1e0;}
    .hvn-footer .footer-fieldset .about-hvn{width: 50%;} 
    .hvn-footer .footer-fieldset .logo-hvn-footer{display: none;} 
    .hvn-footer .footer-menu ul{width: 48%; margin: 0 2% 20px 0;}
    .hvn-footer .footer-bar address{width: 100%;font-size: 0.715rem;}
    .hvn-footer .footer-bar div{height: 100px;}
    .hvn-footer .footer-bar p{float: left; text-align: left; margin-top: 5px; padding: 8px 0 8px 42px; background-position: -1px;}
}
@media(max-width: 639px){
    .hvn-header .header-bar > div,
    .adm-header header,
    .hvn-header nav > div,
    .hvn-main .content,
    .adm-footer footer,
    .hvn-footer footer{padding: 0 5px;}
    .hvn-main .content{min-height: 200px; padding: 30px 10px;}

    .hvn-footer .footer-fieldset .news-letter{width: 100%;} 
    .hvn-footer .footer-fieldset .about-hvn{width: 100%; margin-top: 15px;} 
    .hvn-footer .footer-menu ul{width: 100%; margin: 0 0 20px 0; padding-left: 10px;}
    .hvn-footer .footer-menu .contact{margin-left: 10px;}
    /*.hvn-footer .footer-menu .contact span{margin-top: 10px;}*/
    .hvn-footer .footer-menu .contact p.fone{line-height: 1.5em;}
}
@media(max-width: 479px){
    .hvn-footer .footer-fieldset .input-wrp input{width: 75%;}
    .hvn-footer .footer-fieldset .input-wrp button{width: 20%;}
    .hvn-footer .footer-bar div{height: 110px;}
}

.hvn-adm .hvn-main{min-height: 100%; padding: 40px 0 130px; background: #FFF;}
.hvn-adm .content{min-height: 0; padding-top: 30px; padding-bottom: 40px;}
.hvn-adm .page-title{margin-bottom: 0;}

.adm-header{position: fixed; left: 0; top: 0; background: #002A5D; border-bottom: 1px solid #FFF; box-shadow: 0 1px 6px #333; z-index: 900;} 
.adm-header header{max-width: 100%;}

.adm-header .btn-wrp,
.adm-header .logo-hvn,
.adm-header .user-info{float: left; display: table; height: 42px;}
.adm-header .btn-wrp a{display: table-cell; vertical-align: middle; color: #FFF; cursor: pointer;}
.adm-header .btn-wrp i{float: left; font-size: 1.75em;}
.adm-header .btn-wrp span{float: left; margin: 3.5px 0 0 4px; font-size: 1.333em;}
.adm-header .logo-hvn{float: right;}
.adm-header .logo-hvn img{height: 24px; margin-top: 10px;}
.adm-header .user-info{float: right;}
.adm-header .user-info .user{display: table-cell; vertical-align: middle; text-align: right; color: #FFF;}
.adm-header .user-info img{display: inline-block; width: 42px; margin: 2px -10px 0 10px;}
.adm-header .user-info .logout{float: right; text-align: center; margin: 8px 15px 0; padding: 0 10px;  border: solid #0a3973; border-width: 0 1px;}
.adm-header .user-info .logout a{color: #FFF;}
.adm-header .user-info .logout a small{display: block;}
.adm-header .user-info .logout i{display: block; padding: 1px 0 0; color: #F00;}

.adm-menu .menu-wrp{position: relative; z-index: 901;}
.adm-menu .menu-wrp aside{position: fixed; left: 0; top: 0; width: 250px; height: 100%; margin-left: -250px; padding: 15px 0 20px; background: #F4F5F6; box-shadow: 1px 0 6px #666; overflow: auto; transition: 0.5s;}
.adm-menu .menu-wrp aside .menu-back{float: right; padding: 6px; font-size: 1.2em;}
.adm-menu .menu-wrp ul{float: left; width: 100%; padding: 5px 0 20px; font-size: 0.875em;}
.adm-menu .menu-wrp ul li{float: left; width: 100%; border-bottom: 1px solid #DDD; cursor: pointer;}
.adm-menu .menu-wrp ul li:first-child{border-top: 1px solid #DDD;}
.adm-menu .menu-wrp ul li:hover{background: #FFF;}
.adm-menu .menu-wrp ul li a{display: block; padding: 15px; color: #004fb1;}
.adm-menu .menu-wrp ul li a:hover{outline: 1px solid #EEE;}

.adm-footer{margin-top: -130px; padding-bottom: 48px; background:#002A5D;}
.adm-footer footer{font-size: 0.733em; line-height: 1.133em; color: #FFF;}
.adm-footer footer .links{position: relative; float: left; width: 100%; margin: 10px 0;}
.adm-footer .links .apps{position: relative; float: left; width: 260px;}
.adm-footer .links .apps img{float: left; width: 125px; margin-right: 5px; border-radius: 3px;}

.adm-footer .links .social-wrp{position: relative; float: right;}
.adm-footer .links .social li{float: left; margin-left: 8px; padding: 6px;  font-size: 1.33em; border: 2px solid; border-radius: 50%;} 
.adm-footer .links .social a{color: #FFF;} 

.adm-footer footer address{float: left; line-height: normal;}
.adm-footer footer p{float: right; margin: -8px 0 0 10px; padding: 8px 42px 8px 0; text-align: right; line-height: normal; color: #FFF; background: url(https://transaction.havan.com.br/Code/Images/icon-havan-labs-w.svg) no-repeat right 3px; background-size: 36px auto;}
@media(max-width: 799px){
    .adm-header .btn-wrp,
    .adm-header .logo-hvn,
    .adm-header .user-info{height: 40px;}
    .adm-header .hide-user{display: none;}
    .adm-header .logo-hvn{float: right;}
    .adm-header .logo-hvn img{margin-top: 8px;}
    .adm-header .user-info{width: 100%; height: 36px; border-top: 1px solid #0a3973;}
    .adm-header .user-info .logout{position: absolute; top: 40px; right: -5px; width: 38px; margin: 4px 10px 3px; border: none;}
    .adm-header .user-info .user{float: right; margin-right: 50px;}
    .hvn-adm .hvn-main{padding: 75px 0 175px;}
    .adm-footer{margin-top: -175px;}
    .adm-footer footer address{width: 100%; margin: 5px 0 15px;}
    .adm-footer footer p{width: 100%; padding: 8px 0 8px 42px; text-align: left; background-position: left;}
}
@media(max-width: 479px){
    .adm-footer .links .apps{width: 100%;}
    .adm-footer .links .social-wrp{float: left; margin-top: 15px;}
    .adm-footer .links .social li{margin: 0 8px 0 0;} 

}
/* Structure end */

/*** Begin form ***/
.hvn-form{position: relative; float: left; width: 100%; margin: 10px 0 0;}
.hvn-form form{position: relative; float: left; width: 100%; padding-top: 8px;}
.hvn-form fieldset{position: relative; margin-top: -8px; padding: 20px 20px 20px 10px; background: #f2f2f2; border-top: 1px solid #d0d3d7;}
.hvn-form fieldset:last-child{border-bottom: 1px solid #d0d3d7;}
.hvn-form legend{margin-left: 6px; padding: 0 5px; color: #4b4b4b; font-weight: 600;}
.hvn-form span{position: relative; float: left; height: 70px; padding-left: 10px; }
.hvn-form span.clean{height: auto; padding: 0;}
.hvn-form span.htauto{height: auto;}
.hvn-form span.wtauto{width: auto;}
.hvn-form span.txt{height: auto; width: 100%; margin-bottom: 15px;}
.hvn-form span.txt span{height: auto; width: 100%; padding: 10px;}
.hvn-form label{display: block; height: 14px; margin-left: 2px; white-space: nowrap; font-size: 0.85em; color: #6b6b6b;}
.hvn-form span small{float: right; width: 100%; margin-top: 4px; text-align: right; color: #3a94ff; font-size: 0.8em;}
.hvn-form textarea,
.hvn-form select,
.hvn-form input[type="text"],
.hvn-form input[type="email"],
.hvn-form input[type="tel"],
.hvn-form input[type="file"],
.hvn-form input[type="password"]{display: inline-block; transition: all 0.30s ease-in-out; width: 100%; height: 40px; line-height: 40px; padding: 0 5px; color: #4b4b4b; background: #FFF; border: 1px solid #d3d3d3;}
.hvn-form input[type="password"]::-ms-reveal{display: none;}
.hvn-form select{padding-right: 0;}
.hvn-form input[type="file"]{padding: 0;}
.hvn-form input:focus,
.hvn-form select:focus,
.hvn-form textarea:focus{box-shadow: 0 0 2px #999;}
.hvn-form .ta{width: 100%; height: auto; padding-bottom: 14px;}
.hvn-form .ta textarea{min-height: 20vh; padding: 10px; line-height: normal; overflow: auto; resize: vertical;}

.hvn-form span input[type="radio"],
.hvn-form span input[type="checkbox"]{float: left; margin: 0.5px 6px 0; padding: 0; line-height: 1em;}
.hvn-form span.check label{margin-top: 25px; line-height: 1em; font-size: 1em;}
.hvn-form span.radio label{float: left; margin: 25px 10px 0 2px; line-height: 1em; font-size: 1em;}
.hvn-form span.check small,
.hvn-form span.radio small{margin-top: 5px;}

mark.warn{position: absolute; padding: 3px 8px; line-height: 1.333em; top: 60px; left: 10px; color: #333; font-size: 0.867em; background: #ffffed; border-radius: 2px; box-shadow: -1px 1px 4px #000;  z-index: 1;}
mark.warn:before{content: '\F021'; margin-right: 4px; font-family: HvnIconFont, Arial; font-size: 1.467em;}

.hvn-form .empty{background: #ffeff0; box-shadow: 0 0 2px #000; outline-color: #ffafb6;}

.hvn-form input[readonly],
.hvn-form input[readonly="readonly"],
.hvn-form input[disabled],
.hvn-form select[disabled],
.hvn-form select[disabled="disabled"]{color: #999;}

input::-webkit-input-placeholder{color: #BBB;}
input::-moz-placeholder{color: #BBB;}
input:-ms-input-placeholder{color: #BBB;}

.hvn-form span.btn-rgt input{width: 70%;}
.hvn-form span.btn-rgt .btn{float: right; width: 30%; height: 40px; line-height: 40px; margin: 0; padding: 0; font-size: 1.6em; border: 1px solid #cfba7d; box-shadow: none;}

.hvn-form span.btn-wrp{float: left; width: 100%; height: auto; margin-top: 10px;}

.hvn-form span.wt25-75 select,
.hvn-form span.wt25-75 input{width: 25%;}
.hvn-form span.wt25-75 > select + select,
.hvn-form span.wt25-75 > input + input{float: right; width: 74%;}
.hvn-form span.wt33-66 select,
.hvn-form span.wt33-66 input{width: 33%;}
.hvn-form span.wt33-66 > select + select,
.hvn-form span.wt33-66 > input + input{float: right; width: 65%;}
.hvn-form span.wt50-50 select,
.hvn-form span.wt50-50 input{width: 49.5%;}
.hvn-form span.wt50-50 > select + select,
.hvn-form span.wt50-50 > input + input{float: right; width: 49.5%;}
.hvn-form span.wt75-25 select,
.hvn-form span.wt75-25 input{width: 74%;}
.hvn-form span.wt75-25 > select + select,
.hvn-form span.wt75-25 > input + input{float: right; width: 25%;}
.hvn-form span.wt25-25-50 select,
.hvn-form span.wt25-25-50 input{width: 23%;}
.hvn-form span.wt25-25-50 > select + select,
.hvn-form span.wt25-25-50 > input + input{margin-left: 2%;}
.hvn-form span.wt25-25-50 > select + select + select,
.hvn-form span.wt25-25-50 > input + input + input{float: right; width: 50.25%; margin: 0;}

@media(max-width: 799px){
    .hvn-form span,
    .hvn-form span[class^="wt"]{width: 50%}
    .hvn-form span.ta{width: 100% !important;}
    @media screen and (-webkit-min-device-pixel-ratio: 0){select{line-height: 30px!important}}
    .hvn-form span.check,
    .hvn-form span.radio{width: 100%; height: auto;}
    .hvn-form span.check label{margin: 15px 0;}
    .hvn-form span.radio label{margin: 15px 10px 15px 2px;}
    .hvn-form span.wt50,
    .hvn-form span.wt55,
    .hvn-form span.wt60,
    .hvn-form span.wt65,
    .hvn-form span.wt70,
    .hvn-form span.wt75,
    .hvn-form span.wt80,
    .hvn-form span.wt85,
    .hvn-form span.wt90,
    .hvn-form span.wt95,
    .hvn-form span.wt100{width: 100%;}
}
@media(max-width: 639px){
    .hvn-form fieldset{padding: 20px 10px 20px 10px;}
    .hvn-form span{padding-left: 0;}
    .hvn-form span,
    .hvn-form span[class^="wt"]{width: 100%}
}
/*** End Forms ***/

/*Begin new grid*/
.hvn-grid{position: relative; float: left; width: 100%; margin: 10px 0 0;}
.hvn-grid table{float: left; width: 100%; background: #FFF; padding: 0; border: 1px solid #789;} 
.hvn-grid thead,
.hvn-grid tfoot{background: #789; color: #FFF; border: 1px solid #789;}
.hvn-grid th,
.hvn-grid td{position: relative; display: table-cell; height: 36px; padding: 6px 4px; line-height: 1em; vertical-align: middle;}
.hvn-grid td img{max-width: 100px; max-height: 70px; padding: 3px; background: #FFF; box-shadow: -1px 1px 2px #CCC;}

.hvn-grid.rsp tr{float: left; display: table; width: 50%;}
.hvn-grid.rsp thead tr,
.hvn-grid.rsp tfoot tr{height: 35px;}
.hvn-grid.rsp tbody tr{height: 50px;}
.hvn-grid.rsp tbody.tr-h40 tr{height: 40px;}
.hvn-grid.rsp tbody.tr-h90 tr{height: 90px;}
.hvn-grid.rsp td{height: auto;}
.hvn-grid tbody.line tr{border-top: 1px solid #DDD;}
.hvn-grid tbody.zebra tr:nth-child(even){background: #EEE; border: solid #DDD; border-width: 1px 0;}
.hvn-grid.rsp tbody.line tr{border: none;}
.hvn-grid.rsp tbody.line tr:nth-child(4n+3),
.hvn-grid.rsp tbody.line tr:nth-child(4n+4){ border: solid #DDD; border-width: 1px 0;}
.hvn-grid.rsp tbody.zebra tr:nth-child(even){background: none; border: none;}
.hvn-grid.rsp tbody.zebra tr:nth-child(4n+3),
.hvn-grid.rsp tbody.zebra tr:nth-child(4n+4){background: #EEE; border: solid #DDD; border-width: 1px 0;}

.hvn-grid td .action{position: absolute; top: 2px; right: 5px; width: 300px;}
.hvn-grid td .action i{position: relative; float: right; z-index: 1;}
.hvn-grid td .action ul{position: relative; display: none; min-width: 100px; float: right; margin: 17px -22px 0; padding: 4px 0; background: #ffffed; border: 1px solid #ABC; box-shadow: -1px 1px 2px #456; z-index: 2;}
.hvn-grid td .action ul li{display: block; padding: 4px 0;}
.hvn-grid td .action ul li a{display: block; padding: 4px 15px; cursor: pointer;}
.hvn-grid td .action ul li a.del{color: #F00;}

.hvn-grid td .more{position: absolute; top: 2px; right: 5px;} 
.hvn-grid td .more div{display: none; position: absolute; float: left; width: 320px; top: 16px; right: 8px; z-index: 1;}
.hvn-grid td .more div dl{float: right; padding: 0 0 6px; background: #ffffed; border: 1px solid #ABC; box-shadow: -1px 1px 2px #456;}
.hvn-grid td .more div dt{margin-top: 6px; padding: 8px 10px 6px; color: #006bea; border-top: 1px solid #e7e8eb; font-size: 0.867em; line-height: 0.867em;}
.hvn-grid td .more div dt:first-child{border: none;}
.hvn-grid td .more div dd{padding: 0 10px; line-height: 20px;}

.hvn-grid th[data-order-by]{font-family: HvnIconFont, Arial; cursor: pointer;}
.hvn-grid th[data-order-by]:before{content: '\F103'; padding-right: 4px; font-size: 0.867em;}
.hvn-grid th[data-order-by].headerSortUp:before{content: '\F041';}

.hvn-grid.rsp.tr25-75 tr:nth-child(odd){width: 25%;}
.hvn-grid.rsp.tr25-75 tr:nth-child(even){width: 75%;}
.hvn-grid.rsp.tr40-60 tr:nth-child(odd){width: 40%;}
.hvn-grid.rsp.tr40-60 tr:nth-child(even){width: 60%;}
.hvn-grid.rsp.tr60-40 tr:nth-child(odd){width: 60%;}
.hvn-grid.rsp.tr60-40 tr:nth-child(even){width: 40%;}
.hvn-grid.rsp.tr75-25 tr:nth-child(odd){width: 75%;}
.hvn-grid.rsp.tr75-25 tr:nth-child(even){width: 25%;}

@media (max-width: 799px) {
    .hvn-grid.rsp tbody tr,
    .hvn-grid.rsp tbody.tr-h40 tr,
    .hvn-grid.rsp tbody.tr-h90 tr{height: auto;}
    .hvn-grid.rsp thead tr,
    .hvn-grid.rsp tfoot tr{height: auto;}
    .hvn-grid.rsp th,
    .hvn-grid.rsp td{height: auto;}
    .hvn-grid.rsp tr:nth-child(even) th,
    .hvn-grid.rsp tr:nth-child(even) td{text-align: right;}
    .hvn-grid.rsp td.pad-rgt{padding-right: 20px;}
    .hvn-grid.rsp tbody td .action{top: 50%; margin-top: -10px;}
    .hvn-grid.rsp tbody.line tr:nth-child(4n+3),
    .hvn-grid.rsp tbody.zebra tr:nth-child(4n+3){border-width: 1px 0 0;}
    .hvn-grid.rsp tbody.line tr:nth-child(4n+4),
    .hvn-grid.rsp tbody.zebra tr:nth-child(4n+4){border-width: 0 0 1px;}
    .hvn-grid.rsp tr{width: 100% !important;}
}
@media (max-width: 479px) {
    .hvn-grid.rsp{font-size: 0.938em;}
}
/*End new grid*/

/*** Begin accordion ***/
.hvn-accordion{position: relative; float: left; width: 100%; margin: 10px 0;}
.hvn-accordion > ul{float: left; width: 100%; outline: 1px solid #7D7D8F;}
.hvn-accordion ul li{float: left; width: 100%; background: #FFF;}
.hvn-accordion ul li section{display: none; float: left; width: 98%; min-height: 0; margin: 0; padding: 0 1% 10px; border: none;}
.hvn-accordion a.action{float: left; width: 100%; line-height: 40px; color: #FFF; outline: 1px solid #FFF; background: #8B8B9F; background: linear-gradient(to bottom, #8B8B9F, #7D7D8F);}
.hvn-accordion a.action:hover{background: #8B8B9F;}
/*.hvn-accordion a.action:before{content: ''; float: left; width: 20px; height: 20px; margin: 10px 6px 0; background: url(../Images/sprite-20x20.png) 0 -280px;}*/
.hvn-accordion a.up:before{background-position: 0 -260px;}
.hvn-accordion.dark a.action{background: #003676; background: linear-gradient(to bottom, #003676, #002A5D);}
.hvn-accordion.dark a.action:hover{background: #003676;}
.hvn-accordion .hvn-form fieldset{background: #E9F6FF;}
@media (max-width: 799px){
    .hvn-accordion a.action{line-height: 56px;}
    .hvn-accordion a.action:before{margin: 18px 6px 0;}
}
/*** End accordion ***/

/*** Being tabs ***/
.hvn-tabs{position: relative; float: left; width: 100%; margin: 10px 0;}
.hvn-tabs ul.tabs{float: left; width: 100%; padding: 2px 0 0; border-right: 2px solid #F4F5F6; outline: none; background: #F4F5F6;}
.hvn-tabs ul.tabs li{display: table; float: left; width: auto; height: 40px; margin: 0 1px 0 0; font-size: 0.867em; text-align: center;}
.hvn-tabs ul.tabs li a{display: table-cell; vertical-align: middle; padding: 0 10px; line-height: normal; color: #FFF; background: #8B8B9F; background: linear-gradient(to bottom, #8B8B9F, #7D7D8F); border-radius: 4px 4px 0 0;}
.hvn-tabs ul.tabs li a:hover{cursor: pointer; background: #8B8B9F;}
.hvn-tabs ul.tabs li a.active{position: relative; background: #FFF; color: #45454F; border: solid #8B8B9F; border-width: 1px 0 0 1px;}
.hvn-tabs ul.tabs a i{margin-top: -3px;}
.hvn-tabs .tabs-content{float: left; width: 100%; border: solid #8B8B9F; border-width: 0 0 1px 1px; border-right: 1px solid #F4F5F6; background: #FFF;}
.hvn-tabs .tabs-content section{display: none; float: left; width: 100%; min-height: 0; margin: 0; padding: 10px 20px; background: #FFF !important; border: none;}
.hvn-tabs .tabs-content section.active{display: block;}
.hvn-tabs .tabs-content .btn-tabs{width: 100%; height: auto; margin: 0 0 10px 20px; padding: 0;}
.hvn-tabs .tabs-content .btn-tabs .btn{margin: 0 2px 0 0;}
.hvn-tabs .hvn-form{margin: 0;}
.hvn-tabs .hvn-form form{padding: 0 0 10px;}
.hvn-tabs .hvn-form fieldset{background: #E9F6FF;}
.hvn-tabs .hvn-form .btn{margin-top: 10px;}
.hvn-tabs .hvn-form .btn-wrp .btn{margin-top: 0;}

@media (max-width: 799px){
    .hvn-tabs ul.tabs li{width: 100%;}
}
/*** End tabs ***/

/*** Begin monthPicker ***/
.monthpicker-wrp{display: none; position: absolute; width: 260px; background: #FFF; box-shadow: -1px 1px 6px #000; z-index: 899;}
.monthpicker-wrp .picker-head{position: relative; float: left; width: 98%; margin: 1%; background: #28486D; color: #FFF;}
.monthpicker-wrp .picker-head a{position: absolute; left: 0; top: 0; float: left; padding: 8px 7px;}
.monthpicker-wrp .picker-head a.plus{left: auto; right: 0;}
.monthpicker-wrp .picker-head a:hover{background: #2A66A2;}
.monthpicker-wrp .picker-head .year{float: left; width: 100%; padding: 10px 0 6px; font-size: 1.2em; text-align: center;}
.monthpicker-wrp .picker-content{float: left; width: 99%; padding: 0.5% 0.5% 1%; background: #FFF;}
.monthpicker-wrp .picker-content li{float: left; width: 23%; margin: 1%; background: #F5F5F5; background: linear-gradient(to bottom, #FFF, #EEE); text-align: center;}
.monthpicker-wrp .picker-content a{display: block; padding: 10px 0; color: #295992; outline: 1px solid #DDD;}
.monthpicker-wrp .picker-content a.set,
.monthpicker-wrp .picker-content a:hover{background: #FFF; outline: 1px solid #0073EA;}
.monthpicker-wrp .picker-content .month-picker{display: none;}
/*** End monthPicker ***/

/*** Begin hvn-dropdown ***/
.hvn-dropdown{position: relative; float: left;}
.hvn-dropdown i.hicon-pointd{font-size: 0.65em;}
.hvn-dropdown > a.open{cursor: pointer;}
.hvn-dropdown > div{display: none; position: absolute; min-width: 180px; max-width: 400px; background: #FFF; color: #89A; box-shadow: -1px 1px 6px #000; z-index: 1; border: solid #EEE; border-width: 0 1px 1px;}
.hvn-dropdown > div p{float: left; margin: 12px 15px -4px; font-size: 0.867em; white-space: nowrap;}
.hvn-dropdown > div ul{float: left; width: 100%; padding: 8px 0; border-bottom: 1px solid #EEE;}
.hvn-dropdown > div ul a{display: block; padding: 6px 15px; color: #456; white-space: nowrap;}
.hvn-dropdown > div ul a:hover{margin-left: -2px; background: #EEE; border-left: 2px solid #000;}
.hvn-dropdown.dark > div{background: #255c99; color: #ABC; border-color: #124075;}
.hvn-dropdown.dark > div ul{border-bottom: 1px solid #124075;}
.hvn-dropdown.dark > div ul a{color: #FFF;}
.hvn-dropdown.dark > div ul a:hover{background: #124075; border-color: #FFCC33;}
@media (max-width: 799px) {
    .hvn-dropdown .btn{padding: 0.533em 1em; font-size: 1.133em;}
}
@media (max-width: 639px) {
    .hvn-dropdown .btn{width: auto;}
}
/*** End hvn-dropdown ***/

/** begin hvn-gallery **/
.hvn-gallery{position: relative; float: left; width: 100%; margin: 10px 0;}
.hvn-gallery .img-box{position: relative;float: left;width: 19%;height: 150px;margin: 15px 1.25% 0 0;text-align: center;box-shadow: 4px 6px 10px -5px #999;overflow: hidden;}
.hvn-gallery .img-box .hicon-zoomin{ display: block; visibility: hidden; opacity: 0; transition: all .18s ease-in-out; position: absolute; left: 50%; top: 50%; margin-left: -17px; margin-top: -17px; color: #FFF; font-size: 2em; text-shadow: 1px 2px 5px #000; text-shadow: 1px 2px 5px 1px 2px 5px rgba(0, 0, 0, 0.44); z-index: 1;}
.hvn-gallery .img-box .btn-download{position: absolute; top: 2px; right: 4px; padding: 6px; color: #FFCC33; font-size: 1.333em; z-index: 1;}
.hvn-gallery .img-box .btn-download i { text-shadow: 1px 2px 5px #000; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.44) }
.hvn-gallery .img-box:hover .hicon-zoomin{ visibility: visible; opacity: 1;}
.hvn-gallery .img-box:nth-child(5n){margin-right: 0;}
.hvn-gallery .img-box a{display: block;}
.hvn-gallery .img-box img{width: 100%;min-height: 100%;display: block;background: #FFF;position: absolute;top: 50%;transform: translateY(-50%);}
.hvn-gallery .img-box:hover{box-shadow: 4px 6px 15px -5px #999;}
.hvn-gallery .img-box p{float: left; width: 100%; margin: 6px 0 4px;}
@media(max-width: 999px){
    .hvn-gallery .img-box{width: 24%; margin-right: 1.33%;}
    .hvn-gallery .img-box:nth-child(5n){margin-right: 1.33%;}
    .hvn-gallery .img-box:nth-child(4n){margin-right: 0;}
}
@media(max-width: 799px){
    .hvn-gallery .img-box{width: 32.33%; margin-right: 1.5%;}
    .hvn-gallery .img-box:nth-child(4n){margin-right: 1.5%;}
    .hvn-gallery .img-box:nth-child(3n){margin-right: 0;}
}
@media(max-width: 639px){
    .hvn-gallery .img-box{width: 49%; margin-right: 2%;}
    .hvn-gallery .img-box:nth-child(3n){margin-right: 2%;}
    .hvn-gallery .img-box:nth-child(2n){margin-right: 0;}
}
@media(max-width: 479px) {
    .hvn-gallery .img-box img{height: 130px;}
}
/** End hvn-gallery **/

/*** Begin Modal ***/
.hvn-modal-overlay,
.hvn-loading-overlay{display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: url(https://transaction.havan.com.br/Code/Images/overlay.png); z-index: 900;}

.hvn-modal-wrapper{display: none; position: absolute; top: 20px; left: 50%; z-index: 901;}
.hvn-modal-wrapper .modal-win{display: block; position: relative; max-width: 1024px; margin: 0 auto; background: #FFF; border: 1px solid #002A5D; box-shadow: -1px 1px 6px #000;}
.hvn-modal-wrapper .modal-win:after{content: ''; display: block; height: 0; margin: 0; padding: 0; clear: both;}
.hvn-modal-wrapper .modal-win header{float: left; width: 100%; height: auto; padding: 5px; background: #002A5D; z-index: auto;}
.hvn-modal-wrapper .modal-win header h5{float: left; width: 93%; margin: 0; line-height: 30px; color: #FFF;}
.hvn-modal-wrapper .modal-win header a{float: right; padding: 6px 4px; font-size: 1.15em; color: #FFF;}
.hvn-modal-wrapper .modal-win > section{float: left; width: 100%; min-height: 0; padding: 15px;}
.hvn-modal-wrapper .modal-win section form{width: 100%; margin-top: 0; padding: 0; border: none;}
.hvn-modal-wrapper .modal-win footer{float: left; width: 100%; height: auto; padding: 8px 10px; color: #839EBF; font-size: 0.867em; border-top: 1px solid #EEE;}
.hvn-modal-wrapper .modal-win footer p{float: left; width: 690px; margin: 0;}
.hvn-modal-wrapper .modal-win footer small{float: right; width: 85px; text-align: right;}

.hvn-loading-overlay{z-index: 950;}
.hvn-loading-overlay div{position: absolute; width: 160px; height: 102px; left: 50%; top: 50%; margin: -30px 0 0 -80px; background: url(https://transaction.havan.com.br/Code/Images/loading.gif) center top no-repeat;}
.hvn-loading-overlay div p{margin-top: 38px; color: #FFF; text-align: center; font-size: 0.867em;}
.hvn-loading-overlay div a{float: none; width: 130px; margin-top: 75px; padding: 0.5em 0;}

/*.element-loading{position: absolute; width: 100%; height: 100%; top: 0 ; left: 0; opacity: 0.75; background: #FFF url(https://transaction.havan.com.br/Code/Images/loading.gif) center center no-repeat; z-index: 99;}*/

.hvn-alert{display: none; position: absolute; width: 380px; height: 240px; top: 50%; left: 50%; margin: -120px 0 0 -190px; z-index: 901; background: #FFF; border: 1px solid #1f426b;}
.hvn-alert .alert-win{position: relative; float: left; width: 100%; box-shadow: -1px 1px 6px #000;}
.hvn-alert .alert-win header{float: left; width: 100%; max-width: none; height: auto; padding: 4px 10px; background: #1f426b; z-index: auto;}
.hvn-alert .alert-win header h5{float: left; width: 93%; margin: 0; line-height: 30px; color: #FFF;}
.hvn-alert .alert-win header a{float: right; width: 20px; line-height: 30px; text-align: right;}
.hvn-alert .alert-win header i{float: right; margin: 4px -5px 0 0; color: #FFF;}
.hvn-alert .alert-win > section{display: table; width: 100%; height: 180px; padding: 10px 10px 15px;}
.hvn-alert .alert-win section p{float: none; display: table-cell; vertical-align: middle; text-align: center;}
.hvn-alert .alert-win footer{float: left; width: 100%; padding: 6px 10px; color: #839EBF; font-size: 0.867em; border-top: 1px solid #CFECFF;}
.hvn-alert .alert-win footer p{float: left; width: 250px; margin: 0;}
.hvn-alert .alert-win footer small{float: right; width: 85px; line-height: normal; text-align: right;}

@media (max-width: 999px) {
    .hvn-modal-wrapper .modal-win footer p{width: 100%;}
    .hvn-modal-wrapper .modal-win footer small{display: none;}
}
@media (max-width: 799px) {
    .hvn-modal-wrapper .modal-win header h5{width: 89%;}
    .hvn-alert{height: 245px;}
    .hvn-alert .alert-win header h5{width: 88%;}
    .hvn-alert .alert-win header a{width: 30px;}
    .hvn-alert .alert-win header i{margin: 0;}
}
@media (max-width: 639px) {
    .hvn-modal-wrapper .modal-win header,
    .hvn-alert .alert-win header{position: relative;}
    .hvn-alert .alert-win footer .btn{width: auto; margin-bottom: 0; padding: 0.4em 1em;}
}
@media (max-width: 479px) {
    .hvn-alert{width: 300px; margin: -120px 0 0 -150px;}
    .hvn-alert .alert-win header h5{width: 88%;}
    .hvn-alert .alert-win header a{width: 30px;}
    .hvn-alert .alert-win footer{width: 96%; padding: 6px 2%;}
}
/*** End Modal ***/

/*** Begin pagination ***/
.hvn-pagination .pagination{position: relative; float: left; width: 100%; padding-left: 0; margin: 6px 0; z-index: 0;}
.hvn-pagination .pagination > li{width: auto;}
.hvn-pagination .pagination > li > a{position: relative; float: left; padding: 5px 12px; margin-left: -1px; background-color: #ffffff; border: 1px solid #CDE; font-size: 0.9em; color: #1975CF;}
.hvn-pagination .pagination > li:first-child > a{margin-left: 0;}
.hvn-pagination .pagination > li > a:hover,
.hvn-pagination .pagination > li > a:focus{background-color: #ECEDEE; cursor: pointer; color: #00509F; border-bottom: 1px solid #95C2EF;}
.hvn-pagination .pagination > .active > a,
.hvn-pagination .pagination > .active > a:hover,
.hvn-pagination .pagination > .active > a:focus{z-index: 2; color: #ffffff; cursor: default; background-color: #3b76b2; border-color: #3b76b2; font-weight: bold;}
.hvn-pagination .pagination > .disabled > a,
.hvn-pagination .pagination > .disabled > a:hover,
.hvn-pagination .pagination > .disabled > a:focus{color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #CDE;}
/*** End pagination ***/

/*** Begin clockpicker ***/
.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);}
.popover.top{margin-top:-10px}
.popover.right{margin-left:10px}
.popover.bottom{margin-top:-8px}
.popover.left{margin-left:-10px}
.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0;}
.popover-content{padding:9px 14px;}
.popover>.arrow,
.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;overflow:visible;margin:0;padding:0;z-index:auto;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;bottom:auto;left:auto;right:auto;top:auto;-webkit-transform:none;-ms-transform:none;transform:none}
.popover>.arrow{border-width:11px}
.popover>.arrow:after{content:"";border-width:10px}
.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}
.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}
.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}
.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}
.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}
.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}
.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}
.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}
.text-primary{color:#428bca}
.clockpicker .input-group-addon{cursor:pointer}
.clockpicker-moving{cursor:move}
.clockpicker-align-left.popover>.arrow{left:25px}
.clockpicker-align-top.popover>.arrow{top:17px}
.clockpicker-align-right.popover>.arrow{left:auto;right:25px}
.clockpicker-align-bottom.popover>.arrow{top:auto;bottom:6px}
.clockpicker-popover .popover-title{background-color:#28486D;color:#FFF;font-size:24px;font-weight:700;line-height:20px;text-align:center}
.clockpicker-popover .popover-title span{cursor:pointer}
.clockpicker-popover .popover-content{background-color:#f8f8f8;padding:12px}
.popover-content:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.clockpicker-plate{background-color:#fff;border:1px solid #ccc;border-radius:50%;width:200px;height:200px;overflow:visible;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.clockpicker-canvas,
.clockpicker-dial{width:200px;height:200px;position:absolute;left:-1px;top:-1px}
.clockpicker-minutes{visibility:hidden}
.clockpicker-tick{border-radius:50%;color:#666;line-height:26px;text-align:center;width:26px;height:26px;position:absolute;cursor:pointer}
.clockpicker-tick.active,
.clockpicker-tick:hover{background-color:#c0e5f7;background-color:rgba(0,149,221,.25)}
.clockpicker-button{background-image:none;background-color:#fff;border-width:1px 0 0;border-top-left-radius:0;border-top-right-radius:0;margin:0;padding:10px 0}
.clockpicker-button:hover{background-image:none;background-color:#ebebeb}
.clockpicker-button:focus{outline:0!important}
.clockpicker-dial{-webkit-transition:-webkit-transform 350ms,opacity 350ms;-moz-transition:-moz-transform 350ms,opacity 350ms;-ms-transition:-ms-transform 350ms,opacity 350ms;-o-transition:-o-transform 350ms,opacity 350ms;transition:transform 350ms,opacity 350ms}
.clockpicker-dial-out{opacity:0}
.clockpicker-hours.clockpicker-dial-out{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.clockpicker-minutes.clockpicker-dial-out{-webkit-transform:scale(.8,.8);-moz-transform:scale(.8,.8);-ms-transform:scale(.8,.8);-o-transform:scale(.8,.8);transform:scale(.8,.8)}
.clockpicker-canvas{-webkit-transition:opacity 175ms;-moz-transition:opacity 175ms;-ms-transition:opacity 175ms;-o-transition:opacity 175ms;transition:opacity 175ms}
.clockpicker-canvas-out{opacity:.25}
.clockpicker-canvas-bearing,
.clockpicker-canvas-fg{stroke:none;fill:#0095dd}
.clockpicker-canvas-bg{stroke:none;fill:#c0e5f7}
.clockpicker-canvas-bg-trans{fill:rgba(0,149,221,.25)}
.clockpicker-canvas line{stroke:#0095dd;stroke-width:1;stroke-linecap:round}
.clockpicker-button.am-button{margin:1px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px}
.clockpicker-button.pm-button{margin:1px 1px 1px 136px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px}
/*** Begin clockpicker ***/