/* =========================================================================== FAVORITES =========================================================================== */ #favorites { width: 118px; height: 535px; background: #F8F8E9; position: absolute !important; right: 0; top: 73px; position: absolute; } /* OPEN ================================================ */ #favorites.active { width: 488px; color: #fff; z-index: 10; } #favorites.active .holder { visibility: visible; } #favorites.active h1 { background: #005746; cursor: default; border: 1px solid #005746; } /* HEADINGS ================================================ */ #favorites h1, #favorites h3 { width: 96px; float: right; background: #f8f8e9 url('/static/img/common/bg-green.gif') right repeat-y; font-size: 16px; font-weight: normal; text-align: center; padding: 75px 10px 75px 10px; cursor: pointer; border: 1px solid #dfdfd1; } #favorites h1:hover, #favorites h3:hover { background: #005746; color: #fff; } #favorites h2 { font-size: 20px; font-weight: normal; margin: 10px 0; position: relative; } /* HOLDER ================================================ */ #favorites .holder { width: 330px; height: 570px; padding: 20px; float: right; background: #005746; color: #fff; position: relative; overflow: hidden; visibility: hidden; } #favorites .msg { position: absolute; top: 160px; padding: 60px; width: 210px; text-align: center; line-height: 18px; } #favorites .favorites-close { position: absolute; right: 20px; top: 10px; float: right; width: 40px; height: 40px; text-indent: -9999px; overflow: hidden; background: url('/static/img/common/bt-close.png'); } #favorites .favorites-close:hover { background-position: 0 -40px; cursor: pointer; } /* LIST ================================================ */ #favorites .holder-list { background: #00342a; float: left; width: 320px; height: 440px; padding: 0px; /* -moz-border-radius: 6px; -webkit-border-radius: 6px;*/ border: 5px solid #2D6F61; margin: 0 0 10px; } #favorites ul.list { border-right: 5px solid #2D6F61; padding-right: 0px !important; float: left; width: 320px; height: 440px; overflow: auto; } #favorites ul.list > li { list-style: none; float: left; padding: 10px 0; width: 275px; margin: 0 5px; border-bottom: 1px solid #2D6F61; } #favorites ul.list > li:first-child { padding-top: 5px; } #favorites ul.list > li:last-child { border-bottom: none; } #favorites ul.list > li dl dt { background: #ffd100; color: #005746; padding: 0 10px; position: relative; height: 30px; line-height: 30px; } #favorites ul.list > li dl dt span.favorites-remove { float: right; width: 20px; height: 20px; background: url('/static/img/common/icon-close.png'); position: absolute; right: 10px; top: 5px; cursor: pointer; text-indent: -9999px; overflow: hidden; } #favorites ul.list > li dl dd { padding: 5px 10px; } /* plans */ #favorites ul.plans li { float: left; width: 18px; height: 17px; text-indent: -9999px; overflow: hidden; background: url('/static/img/common/icons-plans-2.png'); margin: 0 10px 10px 0; } #favorites ul.plans li.personal { background: url(/static/img/common/ico_plano5.png) no-repeat; } #favorites ul.plans li.alfa { background: url(/static/img/common/ico_plano1.png) no-repeat; } #favorites ul.plans li.beta { background: url(/static/img/common/ico_plano2.png) no-repeat; } #favorites ul.plans li.delta { background: url(/static/img/common/ico_plano3.png) no-repeat; } #favorites ul.plans li.omega { background: url(/static/img/common/ico_plano4.png) no-repeat; } #favorites ul.plans li.omegaplatinum { background: url(/static/img/common/ico_plano6.png) no-repeat; } #favorites ul.plans li.alfa2 { background: url(/static/img/common/ico2_alfa2_plano1.png) no-repeat; } #favorites ul.plans li.beta2 { background: url(/static/img/common/ico2_beta2_plano2.png) no-repeat; } #favorites ul.plans li.delta2 { background: url(/static/img/common/ico2_delta2_plano3.png) no-repeat; } #favorites ul.plans li.personal2 { background: url(/static/img/common/ico2_personal2_plano5.png) no-repeat; } #favorites ul.plans li.omega.plus { background: url(/static/img/common/ico2_omegaplus_plano4.png) no-repeat; } /* custom scrollbar */ #favorites .jScrollArrowUp, #favorites .jScrollArrowDown { right: -10px; width: 30px; height: 30px; background: url('/static/img/common/scrollbar-arrows.png'); } #favorites .jScrollArrowUp { background-position: 0 -60px; } #favorites .jScrollArrowUp:hover { background-position: 0 -90px !important; } #favorites .jScrollArrowDown { background-position: 0 0; } #favorites .jScrollArrowDown:hover { background-position: 0 -30px !important; } #favorites .jScrollPaneDrag { background: #005746; margin-left: 0px; } #favorites .jScrollPaneTrack { background: #33796b; } /* CONTROLLERS ================================================ */ #favorites .controllers { width: 330px; float: left; } #favorites .controllers a { float: left; width: 40px; height: 40px; line-height: 40px; background: #004638 url('/static/img/common/favorites-controllers.png'); text-decoration: none; text-indent: -9999px; overflow: hidden; margin-right: 5px; /* -moz-border-radius: 5px; -webkit-border-radius: 5px;*/ } /* inactive____ */ #favorites .controllers a.inactive { opacity: 0.2; filter: alpha(opacity=20); cursor: default; background-color: #004638 !important; } /* clear */ #favorites .controllers a.favorites-clear { background-image: none; width: auto; text-indent: 0; text-align: center; width: 190px; color: #fff; } #favorites .controllers a.favorites-clear:hover { background-color: #fff; color: #004638; } #favorites .controllers a.favorites-clear.inactive { color: #fff !important; } /* send */ #favorites .controllers a.favorites-send { background-position: -1px 0; } #favorites .controllers a.favorites-send:hover { background-color: #fff; background-position: -1px -39px; } #favorites .controllers a.favorites-send.inactive { background-position: -1px 0; } /* print */ #favorites .controllers a.favorites-print-doc { background-position: -46px 0; margin-right: 0; } #favorites .controllers a.favorites-print-doc:hover { background-color: #fff; background-position: -46px -39px; } #favorites .controllers a.favorites-print-doc.inactive { background-position: -46px 0; } /* save */ #favorites .controllers a.favorites-save-doc { background-position: -89px 0; display:none; } #favorites .controllers a.favorites-save-doc:hover { background-color: #fff; background-position: -89px -39px; display:none; } #favorites .controllers a.favorites-save-doc.inactive { background-position: -89px 0; display:none; } .box-document { width: 330px; padding: 20px; float: right; background: #005746; color: #fff; position: absolute; overflow: hidden; right: 117px; top: 401px; z-index: 55; } .close-doc { position: absolute; right: 20px; top: 10px; float: right; width: 40px; height: 40px; text-indent: -9999px; overflow: hidden; background: url('/static/img/common/bt-close.png'); } .close-doc:hover { background-position: 0 -40px; cursor: pointer; } .abadocumento.active {background: #005746 !important; color: white !important;} .guia-medico-document {border: 5px solid #2D6F61; background: #00342a; border-radius: 8px; min-height: 345px; margin: 0 auto; } .guia-medico-document li {color: white; font-size: 13px; margin: 9px; text-transform: uppercase;} .guia-medico-document li a {color: white;} .guia-medico-document li a:hover {color: #297a6a;} .box-document .txt {color: white; font-size: 12px; line-height: 18px; margin: 8px 0;}