编辑文件 - layout

✏️ 正在编辑: layout_corretor.css

路径: /srv/systems_dir/yuppiecred-bkp/public/styles/layout_corretor.css
提示: 您可以编辑任何文件（包括二进制文件），但请注意不当修改可能导致文件损坏。

html{
    height: 100%;
}

body {
    height: inherit;
    padding-top: 60px;
    background: #eaeaea;
}

/*MENU DE NAVEGAÇÃO SUPERIOR*/

#logo-top-cliente, #logo-yuppie {
    margin: 0;
    width: 150px;
    float:left;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom:0;
    border: 1px solid transparent;
}
.navbar-header{
    width: 100%;
}

.navbar-brand {
    float: left;
    height: inherit; 
    padding: 0;

}
.navbar-default {
    background-color: inherit;
    min-height: 60px;
    border-radius: 0
}

.navbar-nav {
    float:left;
    margin: 0;
}

.navbar-default .navbar-nav > li > a {
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border-radius: 4px;
    color: #fff;
}

.navbar-toggle {
    border: none;
    color: #fff;
}

ul.navigation {
    height: 50px;
    margin: 2px 0 0 0;
    display: inline-block;
}

ul.navigation li {
    float: left;
    width: 83px;
}

ul.navigation li a {
    line-height: 50px;
    height: 50px;
    display: block;
    padding: 5px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
}
ul.navigation li a.menu_item_1 {
    background: none !important;
    color: #fff;
}
ul.navigation li a.menu_options {
    background: none !important;
    color: #fff;
}
ul.navigation li a.menu_callcenter {
    background: none !important;
    color: #fff;
}
ul.navigation li a.pos_venda {
    background: none !important;
    color: #fff;
}
ul.navigation li a.mensagens {
    background: none !important;
    color: #fff;
}
ul.navigation li a.roteiros{
    background: none !important;
    color: #fff;
}
ul.navigation li a.atualizacao_sistema{
    background: none !important;
    color: #fff;
}
ul.navigation li a.folha_ponto{
    background: none !important;
    color: #fff;
}
ul.navigation li a.simulador{
    background: none !important;
    color: #fff;
}
.navbar-default .navbar-nav>li>a {

}
.dropdown{
    float: right;
}

.dropdown-toggle{
    padding: 10px 10px;
    display: inline-block;
    line-height: 25px;
    margin: 5px 0 5px 10px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none !important;
}

.dropdown.open>a, .dropdown.open>a:focus, .dropdown.open>a:hover, .dropdown>a:focus, .dropdown>a:hover {
    color: #555;
    background-color: #e7e7e7;
}

.dropdown-menu{
    width:180px;
    left: auto;
    right: 0;
}

.atualizacao_sistema.bagde:after{
    content:"!";
    position: absolute;
    background: red;
    top:2rem;
    width:1.7rem;
    text-align: center;
    line-height: 2rem;
    font-size: 1.0rem;
    border-radius: 50%;
    color:white;
    border:1px solid white; 
}

/*FIM - MENU DE NAVEGAÇÃO SUPERIOR*/

/* MENU DE NAVEGACÃO LATERAL */

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#content-wrapper, #breadcrumbs{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#breadcrumbs *{
    font-weight: bold;
}

#sidebar-wrapper ul{
    width: 100%;
    min-width: 250px;
    min-height: 100%;
    background: #222d32;
}

#wrapper{
    overflow: hidden;
    position: relative;
    padding-bottom: 39px;
}
#content-wrapper{
    overflow-y: auto;
    position: relative;
    height: 100%;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    margin-right: -250px;
}

.rotate.left{
    transform:rotate(180deg);
}

.sidebar-nav {
    position: absolute;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    line-height: 40px;  
}

.sidebar-nav li a {
    text-indent: 10px;
    display: block;
    text-decoration: none;
    color: #999;
    padding: 5% 0;
    font: 14px sans-serif;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    text-indent: 15px;
    background: #1a2226;
    color: #fff;
}

.sidebar-nav > .sidebar-brand span {
    font-size: 14px;
    font-weight: bold;
}

.sub-menu{
    background: #1a2226;
}

.sub-menu li span{
    text-indent: 25px;
}

.scroll-fix{
    height: 70px;
}
/* FIM - MENU DE NAVEGACÃO LATERAL */

/* CONTEXTO DE NAVEGAÇÃO */

#nav-context {
    height: 40px;
    background: #fff;
    padding: 15px;
    position: relative;
    width: 30px;
}

#breadcrumbs{
    background: #fff;
    padding: 10px 15px 5px 0;
}

#breadcrumbs > span{
    position: relative;
    top: -5px;
}

#breadcrumbs #saudacao, #breadcrumbs #saudacao a{
    font-weight: bold;
    color: #d47f00;
    width: 300px;
    top: 5px;
}
.context-separator{
    font-weight: bold;
    color: #999999;
}

#breadcrumbs #menu-toggle {
    display: inline-block;
    margin: 0 15px;
    cursor: pointer;
    top: 0px;
}

#breadcrumbs > a {
    color: #1a2226;
}

.rotate{
    transform: rotate(0deg);
    transition: all 0.5s linear;
}

/* FIM - CONTEXTO DE NAVEGAÇÃO */

/* CONTEUDO DE PAGINACAO*/

div#painel .box > div {
    background-color: #FFF;
    border: none;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    margin-bottom: 15px;
    padding: 5px;
}

div#painel .box h2,div#painel .box h3 {
    background-color: #fff; 
    color: #333;
    padding: 5px 10px 20px 5px;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 0;
    border: none;
    border-top: 3px solid #024e9d;
    border-bottom: 1px solid #eaeaea;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

.small-box {
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    min-width: 235px;
}

.small-box>.inner {
    padding: 10px
}

.small-box>.small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255,255,255,0.8);
    display: block;
    z-index: 10;
    background: rgba(0,0,0,0.1);
    text-decoration: none;
    min-height: 17px;
}

.small-box>.small-box-footer:hover {
    color: #fff;
    background: rgba(0,0,0,0.15)
}

.small-box h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0
}

.small-box p {
    font-size: 15px
}

.small-box p>small {
    display: block;
    color: #f9f9f9;
    font-size: 13px;
    margin-top: 5px
}

.small-box h3,.small-box p {
    z-index: 5
}

.small-box .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0,0,0,0.15)
}

.small-box:hover {
    text-decoration: none;
    color: #f9f9f9
}

.small-box:hover .icon {
    font-size: 95px
}

.bg-red,.bg-yellow,.bg-aqua,.bg-blue,.bg-light-blue,
.bg-green,.bg-navy,.bg-teal,.bg-olive,.bg-lime,
.bg-orange,.bg-fuchsia,.bg-purple,.bg-maroon,.bg-black,
.bg-red-active,.bg-yellow-active,.bg-aqua-active,.bg-blue-active,
.bg-light-blue-active,.bg-green-active,.bg-navy-active,
.bg-teal-active,.bg-olive-active,.bg-lime-active,.bg-orange-active,
.bg-fuchsia-active,.bg-purple-active,.bg-maroon-active,.bg-black-active {
    color: #fff !important
}

.bg-gray {
    color: #000;
    background-color: #d2d6de !important
}

.bg-gray-light {
    background-color: #f7f7f7
}

.bg-black {
    background-color: #111 !important
}

.bg-red,.callout.callout-danger,.alert-danger,.alert-error,.label-danger,.modal-danger .modal-body {
    background-color: #dd4b39 !important
}

.bg-yellow,.callout.callout-warning,.alert-warning,.label-warning,.modal-warning .modal-body {
    background-color: #f39c12 !important
}

.bg-aqua,.callout.callout-info,.alert-info,.label-info,.modal-info .modal-body {
    background-color: #00c0ef !important
}

.bg-blue {
    background-color: #0073b7 !important
}

.bg-light-blue,.label-primary,.modal-primary .modal-body {
    background-color: #3c8dbc !important
}

.bg-green,.callout.callout-success,.alert-success,.label-success,.modal-success .modal-body {
    background-color: #00a65a !important
}

.bg-navy {
    background-color: #001f3f !important
}

.bg-teal {
    background-color: #39cccc !important
}

.bg-olive {
    background-color: #3d9970 !important
}

.bg-lime {
    background-color: #01ff70 !important
}

.bg-orange {
    background-color: #ff851b !important
}

.bg-fuchsia {
    background-color: #f012be !important
}

.bg-purple {
    background-color: #605ca8 !important
}

.bg-maroon {
    background-color: #d81b60 !important
}

.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important
}

.bg-black-active {
    background-color: #000 !important
}

.bg-red-active,.modal-danger .modal-header,.modal-danger .modal-footer {
    background-color: #d33724 !important
}

.bg-yellow-active,.modal-warning .modal-header,.modal-warning .modal-footer {
    background-color: #db8b0b !important
}

.bg-aqua-active,.modal-info .modal-header,.modal-info .modal-footer {
    background-color: #00a7d0 !important
}

.bg-blue-active {
    background-color: #005384 !important
}

.bg-light-blue-active,.modal-primary .modal-header,.modal-primary .modal-footer {
    background-color: #357ca5 !important
}

.bg-green-active,.modal-success .modal-header,.modal-success .modal-footer {
    background-color: #008d4c !important
}

.bg-navy-active {
    background-color: #001a35 !important
}

.bg-teal-active {
    background-color: #30bbbb !important
}

.bg-olive-active {
    background-color: #368763 !important
}

.bg-lime-active {
    background-color: #00e765 !important
}

.bg-orange-active {
    background-color: #ff7701 !important
}

.bg-fuchsia-active {
    background-color: #db0ead !important
}

.bg-purple-active {
    background-color: #555299 !important
}

.bg-maroon-active {
    background-color: #ca195a !important
}

div#filter form>dl {
    width: 892px;
}

.data_coluna_dupla{
    width: 100% !important;
}

button,input,select,textarea {
    line-height: 17px;
}

.ms-search .close-modal-select {
    display: none;
}

label {
    display: block;
}

dd,dt {
    line-height: 2.4
}

div#filter #f_filtro_contrato dt[id^='data'][id$='a-label'] label,
div#filter #f_filtro_contrato_corretor dt[id^='data'][id$='a-label'] label,
div#filter #f_filtro_proposta dt[id^='data'][id$='a-label'] label,
div#filter #f_filtro_pagar_comissao dt[id^='data'][id$='a-label'] label,
div#filter #f_filtro_media_comissionamento dt[id^='data'][id$='a-label'] label,
div#filter #f_filtro_rel_producao_supervisor dt[id^='data'][id$='a-label'] label {
    margin: 0 0 0 -3px;
}

div#filter #f_filtro_contrato dt[id^='data'][id$='a-label']+dd input,
div#filter #f_filtro_contrato_corretor dt[id^='data'][id$='a-label']+dd input,
div#filter #f_filtro_proposta dt[id^='data'][id$='a-label']+dd input,
div#filter #f_filtro_pagar_comissao dt[id^='data'][id$='a-label']+dd input,
div#filter #f_filtro_media_comissionamento dt[id^='data'][id$='a-label']+dd input,
div#filter #f_filtro_rel_producao_supervisor dt[id^='data'][id$='a-label']+dd input {
    margin: 0 0 0 -105px;
}

.footer {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: #024e9d;
  z-index: 11;
}

/* CORREÇÃO INDIVIDUAL PARA OS FORMULÁRIOS */

div#filter form#f_filtro_contrato_corretor>dl{
    width: 897px;
}

#f_filtro_rel_producao_corretor dl{
    width:920px!important; 
    max-width: 1280px;
    min-width: 920px;
}

#form_filtro_borderolistar dl{
    width: auto;
}

#btn_filtrar-element, #btn_filter-element{
    clear: left;
}

#f_filtro_contrato_corretor #data_liberacao_de-label{
    clear: left;
}

/* FIM - CORREÇÃO INDIVIDUAL PARA OS FORMULÁRIOS*/

/* ACOMPANHAR PORTABILIDADE */

.corretor-portabilidade textarea {
    line-height: 32pt;
    width:100%;
    height: 100pt;
    max-height:100px;
}

.corretor-portabilidade .aprovacao-corretor.apply,
.corretor-portabilidade .aprovacao-corretor.delete
{
    padding:12px 12px;
    border:none;
    text-align: center;
    background-size: 100% 100%;
}

.corretor-portabilidade .aprovacao-corretor.apply{
    background: url(../assets/icon_apply.png) no-repeat 5px;
}
.corretor-portabilidade .aprovacao-corretor.delete{
    background: url(../assets/icon_remove.png) no-repeat 5px;
}

.corretor-portabilidade div#view-content table th.aprovacao-corretor{
    border-width: 1px;
    border-color: #fff;
    border-style: solid;
    text-align:center;
}

.corretor-portabilidade div#view-content table td.aprovacao-corretor {
    border-width: 1px;
    border-color: #fff;
    border-style: solid;
}

.corretor-portabilidade table{
    border-collapse: collapse;
    table-layout: fixed;
    word-wrap:break-word;

}

.corretor-portabilidade table tr{
    vertical-align: top;
}
.corretor-portabilidade table thead th{
    vertical-align: bottom;
}

.corretor-portabilidade table tfoot tr th button
{
    text-align: right;
    color: #000;
}

@media(min-width:769px) {
    #wrapper {
        padding-left: 0;
        height: 100%;
    }

#wrapper.toggled {
        padding-left: 250px;
    }

#wrapper.toggled #sidebar-wrapper {
        width: 250px;
    }

#page-content-wrapper {
        padding: 20px;
    }

#wrapper.toggled #page-content-wrapper {
        margin-right: 0;
    }
}

@media(max-device-width:768px) {

body{
        padding: 0;
        margin: 0;
    }

*, .tit_local, .h4, h4 {
        font-size: 32pt;
    }
    .container-fluid{
        margin: 0;
        padding: 0;
    }

#top #logo-top-cliente {
        width: 250px;
        height: 126px;
    }

#top #logo-yuppie{
        display: none;
    }

.navbar-header{
        max-height: 126px;
    }
    .navbar-header .navigation {
        height: auto;
        display: inline-block;
    }

.navbar-header .navigation li {
        padding: 5px;
        height: 96px;
        width: 96px;
        margin: 0 20px;
    }

ul.navigation li a{
        position: relative;
    }

ul.navigation li a.menu_item_1 {
        top: 12px;
    }

ul.navigation li a.simulador {
        top: 12px;
    }

ul.navigation li a.mensagens {
        top: 10px;
    }

ul.navigation li a.roteiros {
        top: 15px;
        font-size: 35pt;
    }

.dropdown {
        width: 289px;
        margin: 10px 0;
    }

a.dropdown-toggle {
        width: 100%;
        margin: 0;
        text-align: center;
    }

.dropdown-menu{
        width: 100%;
        margin: -2px 0 0 -2px;
    }

.dropdown li {
        padding: 24pt 0;
    }

.dropdown-menu>li>a {
        text-align: center;
    }

.dropdown-menu>li>a span {
        display: none;
    }

#top, #wrapper{
        width: 400px !important;
        padding: 0;
        margin: 0;
    }

#sidebar-wrapper, #content-wrapper{
        position: fixed;
    }

#content-wrapper, #breadcrumbs{
        overflow-y: auto;
    }

#wrapper.toggled #sidebar-wrapper {
        width:90%;
        top: 126px;
    }

#sidebar-wrapper ul {
        min-width: 800px;
        background: #024e9d;
        height: auto;
    }

#sidebar-wrapper ul li a span:first-child{
        display: none;
    }

#sidebar-wrapper ul li a {
        text-indent: 24pt;
    }

#sidebar-wrapper ul ul {
        border-bottom: 1px solid;
    }

#sidebar-wrapper ul ul li a {
        text-indent: 70pt;
    }

#sidebar-wrapper .sidebar-nav .sidebar-brand{
        display: none;
    }

.sidebar-nav li a, .sidebar-nav li a *, #navigation-button a span{
        font-size: 36pt !important;
    }

.sidebar-nav li a, .sidebar-nav li a *{
        color: #fff !important;
    }

.scroll-fix {
        height: 170px;
    }

#wrapper.toggled{
        padding-left: 0;
    }

#wrapper.toggled #content-wrapper {
        -ms-transform: translateX(90%); /* IE 9 */
        -webkit-transform: translateX(90%); /* Safari */
        transform: translateX(90%);
    }

#wrapper.toggled #breadcrumbs{
        -ms-transform: translateX(90%); /* IE 9 */
        -webkit-transform: translateX(90%); /* Safari */
        transform: translateX(90%);
    }

#content-wrapper{
        top: 270px;
        width: 100%;
        height: 91%;
        padding-bottom: 230px;
    }

#breadcrumbs{
        position: fixed;
        width: 100%;
        top: 126px;
        z-index: 1000;
    }

#breadcrumbs #menu-toggle{
        margin: 0 50px;
        font-size: 100pt;
        float: left;
        top: 0;
    }

#breadcrumbs > span{
        top: 30pt;
    }

#saudacao{
        display: none;
    }

#page-content-wrapper{
        height: auto;
    }

.valor>span{
        float:none;
    }

#painel td {
        padding: 10px 30px;
    }

div#painel > div {
        margin: 40px auto 20px auto;
    }

div#painel .box{
        overflow-x: hidden;
    }

div#painel .box h2,div#painel .box h3 {
        font-size: 40pt;
        padding: 50px;
        width: 100%;
        display:block;
    }

div#painel .box>div{
        width: 100%;
        height: auto;
        border-radius: 0;
        margin-bottom: 35px;
    }

#painel-corretor .small-box br{
        display: none;
    }

.small-box{
        margin-bottom: 25px;
    }

.small-box p {
        font-size: 25pt
    }

.small-box p>small {
        font-size: 23pt;
    }

form dl dt {
        margin: 30px 2px 0 2px;
    }
    
    div#ui-datepicker-div {
        width: 91% !important;
        top: 477px !important;
    }

div#filter dl dd>input.hasDatepicker:focus{
        position: fixed;
        top: 385px;
        width: 91% !important;
        left: 32px;
    }

div#view-content dl dt, div#view-content dl dd,
    div#filter dl dt, div#filter dl dd{
        width: 100% !important;
        float: none !important;
        height: 100%;
    }

dd#btn_filter-element, dd#btn_new-element, #fieldset-buttons button, #fieldset-buttons button[type="submit"] {
        height: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

#f_save_proposta dl.form_proposta fieldset legend {
        font-size: 50px;
    }

div#view-content dl dd > select, div#view-content dl dd > input, div#view-content dl dt label,
    div#filter dl dd > select, div#filter dl dd > input, div#filter dl dt label, form table input{
        width: 100% !important;
        margin: 0 !important;
    }

input[type="submit"], input[type="button"], button[type="button"]{
        background-image: none !important;
        line-height: 39px;
        padding: 15px !important;
        width: 100%;
        font-size: 32pt;
    }

form table input {
        width: auto !important;
    }

button, input, select, textarea {
        line-height: 66pt;
        height: 66pt;
        width: 100%;
    }

.custom-combobox-input {
        width: 100%;
    }

input[type="submit"].btn, input[type="button"].btn, button[type="button"].btn{
        text-indent: 0 !important;
    }

dl.zend_form dd#buttons-element dt, dl.zend_form dd#buttons-element dd{
        height: auto;
    }

a.link_remove, a.link_remove_no_event, a.link_edit, a.link_apply, a.link_view, a.link_upload, a.link_client, a.link_filter, a.link_phone, a.link_reuse, a.icon_print, a.link_print, a.link_calendar, a.link_keyboard, a.link_alert, a.link_money, a.link_add, a.link_protocolo_pdf, a.link_protocolo_excel, a.link_sinc, a.link_old{
        width: 60px;
        height: 60px;
        display: block;
        background-repeat: no-repeat;
        background-size: contain;
    }

ul.legenda, ul.legenda li {
        width: 100% !important;
        line-height: 39px;
    }

ul.legenda li {
        padding: 20px;
    }

div#content-wrapper.modal-select, div#wrapper.modal-select {
        position: relative;
        z-index: 9999999;
    }

div#filter dl .ms-drop input[type="checkbox"] {
        width: 50px !important;
        height: 50px !important;
    }
    
    .pagination>li>a, .pagination>li>span {
        padding: 30px;
    }

.ms-drop ul > li label {
        width: fit-content;
    }

.ms-drop ul {
        height: 90% !important;
        max-height: 90% !important;
    }

.ms-search input:first-child, .ms-search .close-modal-select{
        line-height: 100px;
    }
    .ms-search input:first-child {
        width: 85% !important;
        margin: 10px;
    }

.ms-search .close-modal-select {
        display: inline-block;
        font-size: 60px;
        margin: 0 0 0 30px;
    }

button.ms-choice {
        height: 66pt;
        line-height: 66pt;
    }

.ms-parent {
        width: 100% !important;
    }

.ms-drop.bottom {
        width: 95% !important;
        height: 95%;
        position: fixed;
        top: 2.5%;
        left: 2.5%;
        z-index: 1008;
    }

.ms-choice > div {
        height: 100%;
        background-position: center left;
    }

.ms-choice>span {
        top: 16px !important;
    }

.cpf{
        white-space: nowrap;
    }

footer.footer{
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 81px;
        background-color: #024e9d;
        z-index: 11;
        text-align: center;
    }

footer .container-fluid {
        height: 100%;
    }

footer #logo-yuppie{
        width: 100%;
        height: 100%;
        background-position: center;

}

/* ACOMPANHAR DE PORTABILIDADE*/

.corretor-portabilidade td input[type='radio'] {
        position: relative;
        line-height: 40pt;
        width: 40pt !important;
        height: 40pt;
        top: 11px;
    }

.corretor-portabilidade textarea{
        max-height: 100%;
    }

}

← 返回文件管理器