@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'); @import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300&display=swap'); @import url("Fontawesome4/css/font-awesome.min.css"); @import url("BootstrapIcons/bootstrap-icons.min.css"); /* Tools */ .noPad { padding:0px; } .pad5 { padding:5px;} .pad10 { padding:10px;} .pad15 { padding:15px;} .pad20 { padding:20px;} .pad30 { padding:30px;} .pad50 { padding:50px;} .pad10t { padding-top:10px;} .pad20t { padding-top:20px;} .pad50t { padding-top:50px;} .pad10b { padding-bottom:10px;} .pad10l { padding-left:10px;} .pad20l { padding-left:20px;} .pad20b { padding-bottom:20px;} .margin01 { margin:1px;} .margin03 { margin:3px;} .margin10 { margin:10px;} .margin20 { margin:20px;} .marginLeft20 { margin-left:20px; } .marginRight10 { margin-right:10px; } .marginTop150 { margin-top:150px; } .marginTop100 { margin-top:100px; } .marginTop50 { margin-top:50px; } .marginTop25 { margin-top:25px; } .marginTop10 { margin-top:10px; } .marginBot5 { margin-bottom:5px; } .marginBot10 { margin-bottom:10px; } .marginBot25 { margin-bottom:25px; } .marginBot50 { margin-bottom:50px; } .marginBot80 { margin-bottom:80px; } .marginBot150 { margin-bottom:150px; } .alignLeft { text-align:left !important;} .alignRight { text-align:right !important;} .alignCenter { text-align:center !important;} .vmiddle { vertical-align: middle;} .vtop { vertical-align: middle;} .hideThis { display: none; } .shadow_diffuse { text-shadow: 0 0 40px rgba(0, 0, 0, 0.49);} .floatright { float:right !important;} .fit-content { width:fit-content} .border-right { border-right:1px solid #cecece;} .border-bottom { border-bottom:1px solid #cecece;} .border-top-medium { border-top:6px solid #174764;} .box-shadow-subtle li { box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.33);} .box-shadow-medium { box-shadow: 0px -3px 17px rgba(0, 0, 0, 0.3);} .box-shadow-normal { box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);} .box-shadow-smooth { box-shadow: -1px 2px 10px 0px #0000001f; } .table-shadow-kill table { box-shadow:none;} .div-shadow-kill div { box-shadow:none;} .clear-list { list-style: none; padding:0px; margin: 0px;} .fullWidth { width:100% !important } .fullHeight { height:100% !important } .fullWidth-controls input { width:100% !important; } .expand { width:100% !important; } .vh-full { height: 100vh; } .vw-full { height: 100vw;} .break-word { word-break: break-word; } .white-space-normal { white-space: normal;} .pointer-cursor { cursor: pointer;} i { margin-right:10px;} html { height: 100%;} body { background-color:#CCD4DB !important; } /* Color Box */ .color-purple { color:#4a0082 !important;} .color-orange { color:#FF6600 !important;} .color-green { color:#158241 !important;} .color-blue { color:#00CCFF !important;} .color-dark-blue { color:#676f89 !important;} .color-red { color:#e61e1e !important;} .color-dark-red { color:#5d0208 !important;} .color-pale-blue { color:#24859e !important;} .color-pale-green { color:#79A6A6 !important;} .color-grey { color:#CCCCCC !important;} .color-white { color:#FFFFFF !important;} .color-neutral-grey { color:#CCD4DB} .color-header-grey { color:#c7d1db } .color-dark-grey { color:#667988} .color-teal { color:#3353b7} .color-pale-teal { color:#33B7B7} .color-cyan { color:#33B7B7; } .color-new-purple { color:#a45eff !important;} .color-new-orange { color:#fa9436 !important;} .color-new-green { color:#33b740 !important;} .color-new-teal { color:#3353b7 !important} .border-new-purple { border-color:#a45eff !important;} .border-new-orange { border-color:#fa9436 !important;} .border-new-green { border-color:#33b740 !important;} .border-new-teal { border-color:#3353b7 !important;} .background-orange { background-color:#FF6600 !important;} .background-green { background-color:#158241 !important;} .background-blue { background-color:#00CCFF !important;} .background-dark-blue { background-color:#1B3A59 !important;} .background-red { background-color:#e61e1e !important;} .background-dark-red { background-color:#5d0208 !important;} .background-pale-blue { background-color:#24859e !important;} .background-pale-green { background-color:#79A6A6 !important;} .background-light-grey { background-color:#E5EAEE !important;} .background-azure-grey { background-color:#f7f8f8 !important;} .background-grey { background-color:#CCCCCC !important;} .background-header-grey { background-color:#c7d1db !important;} .background-sidebar-grey { background-color:#dae3eb !important;} .background-dark-grey { background-color:#a3b2bf !important;} .background-white { background-color:#FFFFFF !important;} .background-purple { background-color:#5b31d2 !important;} .background-teal { background-color:#63D9AF !important;} .background-cyan { background-color:#33B7B7 !important;} .background-none { background-color: none !important;} .background-new-teal { background-color:#3353b7; color:white} .background-new-purple { background-color:#a45eff; color:white} .background-new-orange { background-color:#fa9436; color:white} .background-new-green { background-color:#33b740; color:white} /* FONT FAMILY Configuration */ .Table-Title { font-family:'Open Sans' } .table-items-flex { font-family:'Open Sans'; font-size:14px; } /* Fontography */ .font-primary { font-family:'Open Sans' !important; } .font-secondary { font-family:'Dosis' !important; } .text-sub { font-size:12px; font-family:'Open Sans'} .text-small { font-size: 0.75em !important;} .text-normal { font-size: 0.85em !important;} .text-normal-condensed { font-size: 0.85em !important;} .text-standard { font-size: 1em !important;} .text-standard-medium { font-size: 1.1em !important;} .text-medium { font-size: 1.3em !important;} .text-medium-large { font-size: 1.7em !important;} .text-large { font-size: 2em !important;} /* Table Form Experience */ .Table_Form { background-color:#E9EDF1; border:1px solid #CCCCCC; } .Table-Title { background-color: #1B3A59; border-bottom: 1px solid #CCCCCC; text-align: left; padding: 5px; color: #FFF; font-size:14px; } .Table-Title i { } .Table-Sub-Title { background-color:#c5cdd5; padding:3px; margin-bottom:10px; text-shadow: #ffffff54 0px 1px; font-weight:bold; font-size:14px; color:#1b3a59; } /* Lists, Bullet Lists format */ .table-items-flex div { background-color:white; margin-right:5px; margin-bottom:5px; border-radius:3px; min-width:19.5%; transition: 0.2s all; cursor:pointer; } .table-items-flex div:hover { background-color: #1b3a59; color: white; } .table-items-flex div i { display:inline; font-size:24px; color:#b8c0c7; margin-bottom:10px; } .paginator { display:flex;font-family:'open sans';font-size: 1.2em;} .paginator a { color:#1d2838; text-decoration: none; border: 0px solid #dbdbdb; margin: 1px; padding:0px 6px 0px 6px} .paginator-list { list-style: none;padding: 0px;margin: 0px;display:flex;flex-wrap: wrap;} .paginator li a { border: 1px solid #dbdbdb;margin: 1px;border-radius: 2px;color:#1d2838;min-width: 30px;display: block;text-align: center; text-decoration: none;} .paginator li a:hover { background-color: rgb(240, 240, 240);} .paginator li .active { background-color: #75929e !important;color: white;border: 1px solid #75929e;} /* FORMS LEGACY */ /* Costumização Formulário */ .tableform2 { background-color:#f2f2f2; border:1px solid #cccccc; font-family:verdana, arial, helvetica, sans-serif;font-size:10px;color:#1b3a59} .TableForm { background-color:#e9edf1;border:1px solid #CCCCCC;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#1B3A59} .TableForm SELECT { background-color:#fff;/*border:1px solid #999999;*/font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#333333} .TableForm INPUT { background-color:#fff;/*border:1px solid #999999;*/font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;} .TableForm RADIO { background-color:#fff;border:1px solid #FF0000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#333333} .TableForm Th { background-color:#1B3A59;border-bottom:1px solid #CCCCCC;text-align:left;padding:5px;color:#FFF} .TableForm span { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; } .NoBorders { border:0px !important;} .AddBorders { border:1px solid #dedede !important;} .AddBordersTD TD { border:1px solid #dedede !important;} .tablePadLarge td { padding:20px !important;} .tablePadSmall td { padding:10px !important;} .tablePadmicro td { padding:4px !important;} .tablePadmicro#dbTabela tr { font-size: 0.8em !important; } .tablePadmicro#dbTabela td { padding: 7px 4px !important } /* ------------------------------------------------------ */ /* VERSION 2015 -----------------------------------------*/ /* ------------------------------------------------------ */ .TableContainer { background-color:white; box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.1); border:1px solid #dadada; /* margin-left:auto; margin-right:auto; */ font-family:Verdana, Arial, Helvetica, sans-serif; padding:5px; } /* Moldura para os conteúdos */ .TableContainer table { width:100%; } /* Moldura para os conteúdos */ .TableForm2015 TD { padding: 10px; } .TableForm2015 th { padding: 10px; background-color: rgb(227, 240, 253); border-left: 4px solid rgb(178, 216, 255); } .TableForm2015 tr { margin-top:5px; margin-bottom:5px; } .TableForm2015 th i { background-color: rgb(166, 187, 208); padding: 10px; border-radius: 16px; color: white; } .TableForm2015 tr:nth-child(odd) { background-color: whitesmoke; } .TableForm2015 input { padding: 5px; border: solid 1px #dcdcdc; transition: box-shadow 0.3s, border 1.3s, background-color 1s; border-radius:2px; } .TableForm2015 input:focus { border-left: solid 2px #707070; box-shadow: 1px 2px 5px 1px #F4F4F4; background-color:#E0E0E0; border: solid 1px white; } .TableForm2015 select { padding: 5px; border: solid 1px #dcdcdc; transition: box-shadow 0.3s, border 1.3s, background-color 1s; border-radius:2px; } .TableForm2015 select:focus { border-left: solid 2px #707070; box-shadow: 1px 2px 5px 1px #F4F4F4; background-color:#E0E0E0; border: solid 1px white; } /* ------------------------------------------------------ */ /* VERSION v2 (2018) --------------------------------------*/ /* ------------------------------------------------------ */ .TableFormV2 { border:0px solid #CCCCCC;background-color:white; font-family:'Open Sans'; /* font-size:0.72em; */ font-size:12px !important;color: black; /* margin:5px 0px 0px 0px; */ border:0px solid grey;width:100%; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); border-radius: 3px; position:relative; } /* .TableFormV2 th { padding: 0px; background-color: #1B3A59; border-bottom: 1px dotted rgb(181, 172, 158); text-align:left; font-size: 13px; text-shadow: 1px 1px rgba(28, 28, 28, 0.48); color: white } */ .TableFormV2 th { color: #2a3f54;border-bottom: 1px solid #dde4ea; font-size: 13px; margin-left: 40px; } .TableFormV2 TD { padding: 2px 0px 2px 0px; vertical-align:top; } /* SubTableForm */ .SubTableForm { box-shadow:none; font-family:"open sans"; font-size:12px; padding:5px; background-color: #f7fafc; font-family:"open sans"; margin-bottom:10px; width:100%;} .SubTableForm th { padding:5px; font-size:11px; box-shadow:none; background-color:#ebf1f8; } .SubTableForm TD { width:auto !important; } /* DESIGN MODE */ .designmode TD:nth-of-type(1) { background-color:purple; } .designmode TD:nth-of-type(2) { background-color:red; } .designmode TD:nth-of-type(3) { background-color:green; } .designmode TD:nth-of-type(4) { background-color:pink; } .designmode TD:nth-of-type(5) { background-color:purple; } .designmode TD:nth-of-type(6) { background-color:red; } .designmode TD:nth-of-type(7) { background-color:rgb(105, 0, 18); } .designmode TD:nth-of-type(8) { background-color:orange; } .designmodeborders td { border: 1px dotted #0000006e !important;} /* Default Size 4 Columns */ .TableFormV2 TD:nth-of-type(1) { width:10%; padding-right:5px; text-align:right; font-weight:600; padding-top:7px;} .TableFormV2 TD:nth-of-type(2) { width:35%; } .TableFormV2 TD:nth-of-type(3) { width:10%; padding-right:5px; text-align:right; font-weight:600; vertical-align:top; /* font-weight:bold; */ padding-top:7px; } .TableFormV2 TD:nth-of-type(4) { } .TableFormV2 TD:nth-of-type(5) { padding-right:5px; text-align:right; font-weight:600; vertical-align:top; padding-top:7px; } .TableFormV2 TD:nth-of-type(7) { padding-right:5px; text-align:right; font-weight:600; vertical-align:top; padding-top:7px; } /* For Labels Alignment */ .TableFormV2 TD:nth-of-type(2) > span { padding-top:5px; display:inline-block; margin-left:10px; } .TableFormV2 TD:nth-of-type(4) > span { padding-top:5px; display:inline-block; margin-left:10px; } .TableFormV2 TD:nth-of-type(6) > span { padding-top:5px; display:inline-block; margin-left:10px; } /* Default Size * Columns */ .col-table-equal { display: table; width:100%; table-layout:fixed; } .col-table-equal TD { display: table-cell; width: auto;} /* Default Size 1 Columns */ .col-table-1 TD:nth-of-type(1) { width:100%; padding-right:5px; text-align:left; /* font-weight:bold; */} /* Default Size 2 Columns */ .col-table-2 TD:nth-of-type(1) { width:10%; padding-right:5px; text-align:right; /* font-weight:bold; */} .col-table-2 TD:nth-of-type(2) { width:90%; padding-right: 15px; text-align:left; } /* Default Size 3 Columns */ .col-table-3 TD:nth-of-type(1) { width:10%; padding-right:5px; text-align:right; /* font-weight:bold; */} .col-table-3 TD:nth-of-type(2) { width:auto; } .col-table-3 TD:nth-of-type(3) { width:10%; padding-right:5px; text-align:right;/* font-weight:bold; */} .col-table-3 TD:nth-of-type(4) { width:auto; } .col-table-3 TD:nth-of-type(5) { width:10%; padding-right:5px; text-align:right; /* font-weight:bold; */} .col-table-3 TD:nth-of-type(6) { width:auto; padding-right:5px;} /* Default Size 4 Columns */ .col-table-4 TD:nth-of-type(1) { width:10%; padding-right:5px; text-align:right;/* font-weight:bold; */} .col-table-4 TD:nth-of-type(2) { width:35%; padding-right: 15px;} .col-table-4 TD:nth-of-type(3) { width:10%; padding-right:5px; text-align:right; /* font-weight:bold; */} .col-table-4 TD:nth-of-type(4) { width:35%; text-align:left; padding-right: 15px } /* Default Size 6 Columns */ .col-table-6 TD:nth-of-type(1) { width:10%; padding-right:5px; text-align:right;/* font-weight:bold; */ } .col-table-6 TD:nth-of-type(2) { width:25%; padding-right: 15px} .col-table-6 TD:nth-of-type(3) { width:10%; padding-right:5px; text-align:right; /* font-weight:bold */;} .col-table-6 TD:nth-of-type(4) { width:25%; padding-right: 15px} .col-table-6 TD:nth-of-type(5) { width:10%; padding-right:5px; text-align:right; /* font-weight:bold; */ } .col-table-6 TD:nth-of-type(6) { width:20%; padding-right:5px; /* font-weight:bold; */ } .col-table-6 TD.utilizador input[type="text"] { width:85% !important; } .col-table-6 TD.email input[type="text"] { width:85% !important; } .col-table-6 TD.write textarea { width:90% !important; } /* Default Size 8 Columns */ .col-table-8 TD:nth-of-type(1) { width:11%; padding-right:5px; text-align:right;/* font-weight:bold; */ } .col-table-8 TD:nth-of-type(2) { width:auto; padding-right: 15px} .col-table-8 TD:nth-of-type(3) { width:10%; padding-right:5px; text-align:right; /* font-weight:bold */;} .col-table-8 TD:nth-of-type(4) { width:auto; padding-right: 15px} .col-table-8 TD:nth-of-type(5) { width:10%; padding-right:5px; text-align:right; /* font-weight:bold; */ } .col-table-8 TD:nth-of-type(6) { width:auto; padding-right:5px; /* font-weight:bold; */ } .col-table-8 TD:nth-of-type(7) { width:10%; padding-right:5px; /* font-weight:bold; */ } .col-table-8 TD:nth-of-type(8) { width:auto; padding-right:5px; /* font-weight:bold; */ } /* Default Size 10 Columns */ .col-table-10 TD { padding:5px !important; vertical-align:middle!important } .col-table-10 TD:nth-of-type(1) { width:11%; text-align:right; } .col-table-10 TD:nth-of-type(2) { width:auto; } .col-table-10 TD:nth-of-type(3) { width:10%; text-align:right;} .col-table-10 TD:nth-of-type(4) { width:auto; } .col-table-10 TD:nth-of-type(5) { width:10%; text-align:right; } .col-table-10 TD:nth-of-type(6) { width:auto; } .col-table-10 TD:nth-of-type(7) { width:10%; } .col-table-10 TD:nth-of-type(8) { width:auto; } .col-table-10 TD:nth-of-type(9) { width:10%; } .col-table-10 TD:nth-of-type(10) { width:auto; } .Table-Title-Divider { background-color:#EBF1F8; font-size:1.15em; } .Table-Title-Divider span { margin:0px !important; padding:3px 0px 3px 0px !important; font-weight:600 !important; font-family:'Open Sans';} .col-table-divider hr {} /* Rules Override */ /* .TableFormV2 tr:nth-child(odd) { background-color: #e9edf1; } */ .TableFormV2 th i { padding:8px !important; /* border-right: 1px solid #B9B2A7; */ margin-right: 7px; display: inline-block;} .TableFormV2 button i { padding:0px; /* margin-left:10px; */ margin-right:10px; } .TableFormV2 input { width:100%; padding: 1px; border: solid 1px #C5C5C5; border-radius:2px; margin-top:2px; margin-bottom:2px; padding:2px; text-indent:5px; box-shadow: inset 0 1px 2px rgba(10,10,10,.1); } .TableFormV2 select { width:auto; padding: 1px; border: solid 1px #C5C5C5; border-radius:2px; margin-top:2px; margin-bottom:2px; padding:2px; min-width: 15%; box-shadow: inset 0 1px 2px rgba(10,10,10,.1); text-align: left !important;} .TableFormV2 textarea { width:100%; height: 60px; border-radius: 5px; margin-top:2px; margin-bottom:2px; padding:5px; border-left: 4px solid darkgrey; box-shadow: inset 0 1px 2px rgba(10,10,10,.1);} .TableFormV2 input, select, textarea { font-family: 'open sans' !important; font-size: 13px !important} .TableFormV2 :disabled { border: 1px solid #C4CED8; background-color: #edf0f2; } .TableFormV2 :readonly { border: 1px solid #C4CED8; background-color: #edf0f2; } .TableFormV2 select:focus { border-left: solid 2px #707070; box-shadow: 1px 2px 5px 1px #F4F4F4; background-color:#E0E0E0; border: solid 1px white; } .TableFormV2 option { background-color: #506578; color:white; font-family: 'open sans' } .TableFormV2 .radio-group label { display:inline-block; min-width:100px; text-align:center; } .TableFormV2 .radio-group label:hover { background-color:red; } .TableFormV2 .radio-group label { background-color:blue; } .TableFormV2 .radio-group input { display:none; } .TableFormV2 .select-optgroup { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; height: unset !important; } .TableFormV2 .select-optgroup-dark { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; height: unset !important; } .TableFormV2 .select-optgroup optgroup { background-color: rgb(236, 236, 236); } .TableFormV2 .select-optgroup optgroup option { background-color:white; color:black} .TableFormV2 .select-optgroup-dark optgroup { background-color: #68747e; color:white } .TableFormV2 .select-optgroup-dark optgroup option { background-color: #4e575e;} .colorFill { background-color:#e9edf1;} .dark-table { background-color: #222d32;color: white;} .dark-table th { background-color: #35525f;color: white; border-bottom:1px solid rgba(255, 255, 255, 0.5)} .TableIsCentered { margin-left: auto; margin-right: auto; width:auto !important; min-width: 789px !important;} .editable { background-color: #ffffff; display: inline-block !important; width: 100%; padding: 2px; border: 1px solid #e9ecef; border-radius: 2px;} .reset-table input { padding:0px; margin:0px; width:revert; } .reset-table select { padding:0px; margin:0px; } .reset-table tr { all:revert; border:1px solid #f8f8f8; text-align:center } .reset-table td { all: revert !important; } .reset-textarea textarea { height:unset; background-color:red} /* TableFormV2 Reformating */ .table-3-col TD { all:revert; padding:0px; } .table-3-col:disabled { margin: 0px; } .table-3-col TD:nth-of-type(2) { width: unset; padding-right: 15px; text-align: left; } .table-3-col TD:nth-of-type(2) span { width: unset; padding-right: 15px; margin-left: 0px; } .table-3-col TD:nth-of-type(3) { width: unset; padding-right: 5px; text-align: left; font-weight: 600; vertical-align: top; /* font-weight: bold; */ padding-top: 7px; } .table-3-col textarea { } .table-3-col select { } .table-3-col TD:nth-of-type(3) select { margin-left: 0px; } .table-3-col TD:nth-of-type(3) textarea { margin-left: 0px; width: unset; } .table-4-col TD { all:revert; padding:0px; } .col-table-valign TD:nth-of-type(1) { vertical-align: middle; padding: 0px 5px; text-align: right; } .col-table-valign TD:nth-of-type(2) { vertical-align: middle; padding: 0px 5px; text-align: left; } .col-table-valign TD:nth-of-type(2) span { vertical-align: middle; padding:0px; margin:0px; } .col-table-valign TD:nth-of-type(3) { vertical-align: middle; text-align: right; } /* Custom Radio */ .control { display: block; position: relative; padding-left: 30px; margin-bottom: 15px; cursor: pointer; text-align:left; } .control input { position: absolute; z-index: -1; opacity: 0;} .control__indicator { position: absolute; top: 0px; left: 0; height: 20px; width: 20px; background: #e6e6e6; } .control--radio .control__indicator { border-radius: 50%;} .control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator { background: #ccc;} .control input:checked ~ .control__indicator { background: #5693b1;} .control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator { background: #0e647d;} .control input:disabled ~ .control__indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none;} .control__indicator:after { content: ''; position: absolute; display: none;} .control input:checked ~ .control__indicator:after { display: block;} .control--checkbox .control__indicator:after { left: 8px; top: 4px; width: 5px; height: 11px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .control--checkbox input:disabled ~ .control__indicator:after { border-color: #7b7b7b;} .control--radio .control__indicator:after { left: 6px; top: 6px; height: 8px; width: 8px; border-radius: 50%; background: #fff; } .control--radio input:disabled ~ .control__indicator:after { background: #7b7b7b;} .control--label { padding:6px 0px 10px 0px; font-weight:bold;} .TableFormTitle { background-color: rgb(27, 58, 89); text-align: left; color: white; padding: 5px; } .checkbox-wrap label {margin-left: .5rem !important;} /*ICONS */ .TableFormV2 .data input { width:175px; } .TableFormV2 .telefone input, select { width:92%; } .TableFormV2 .fax input, select { width:92%; } .TableFormV2 .desconto input, select { width:75px; } .TableFormV2 .moeda input, select { width:75px; } .TableFormV2 .utilizador input, select { width:92%; } .TableFormV2 .desconto input, select { width:80px; } .TableFormV2 .email input, select { width:92%; } .TableFormV2 .upload input, select { width:92%; } .TableFormV2 .write textarea { width:92%; } .TableFormV2 .cartao input, select { width:92%; } .TableFormV2 .data:after { margin-left:5px; margin-right:5px; color:grey; font-family: 'fontawesome'; font-size:14px; border:0px solid red; content: "\f073"; vertical-align:middle;} .TableFormV2 .telefone:after { margin-left:5px; margin-right:5px; color:grey; font-family: 'fontawesome'; font-size:16px; border:0px solid red; content: "\f095" !important; vertical-align:middle;} .TableFormV2 .fax:after { margin-left:5px; margin-right:5px; color:grey; font-family: 'fontawesome'; font-size:16px; border:0px solid red; content: "\f02f" !important; vertical-align:middle;} .TableFormV2 .utilizador:after { margin-left:5px; margin-right:5px; color:grey; font-family: 'fontawesome'; font-size:16px; border:0px solid red; content: "\f2bd" !important; vertical-align:middle;} .TableFormV2 .desconto:after { margin-left:0px; margin-right:0px; color:grey; font-family: 'Calibri'; font-size:14px; border:0px solid red; content: "%"; vertical-align:middle; font-weight:bold;} .TableFormV2 .moeda:after { margin-left:5px; margin-right:5px; color:grey; font-family: 'fontawesome'; font-size:14px; border:0px solid red; content: "\f0d6"; vertical-align:middle;} .TableFormV2 .email:after { margin-left:5px; margin-right:5px; color:grey; font-family: 'fontawesome'; font-size:14px; border:0px solid red; content: "\f0e0"; vertical-align:middle;} .TableFormV2 .upload:after { margin-left:5px; margin-right:5px; color:grey; font-family: 'fontawesome'; font-size:14px; border:0px solid red; content: "\f0a0"; vertical-align:middle;} .TableFormV2 .write:after { margin-left:5px; margin-right:5px; color:grey; font-family: 'fontawesome'; font-size:14px; border:0px solid red; content: "\f040"; vertical-align:top; } .TableFormV2 .cartao:after { margin-left:5px; margin-right:5px; color:grey; font-family: 'fontawesome'; font-size:14px; border:0px solid red; content: "\f2c3"; vertical-align:middle; } .TableFormV2 .email:nth-of-type(1) { width:90%;} .TableFormV2 .upload:nth-of-type(1) { width:90%;} .TableFormV2 .prefixo > input:nth-of-type(1) { width:15% } .TableFormV2 .prefixo > input:nth-of-type(2) { width:50% } /* .TableFormV2 .errRequiredField { white-space:pre; background-color:orange; border-radius:50px; padding-left:10px; padding-right:10px; color:white; display:none; } */ /* .TableFormV2 .errRequiredField:: { content: ' \A' ; display:block; } */ .TableFormV2 .errRequiredField { white-space:pre;background-color:orange;border-radius:50px;padding-left:10px;padding-right:10px;color:white;height: 19px;vertical-align: middle;line-height: 10px; display:none !important;} .TableFormV2 .errRequiredField::after { content: ' \A' ; display:block; } .TableFormV2 .noteField { white-space:pre;background-color:#ccd4db;border-radius:50px;padding-left:10px;padding-right:10px;color:white;height: 19px; vertical-align: middle; line-height: 10px; display:block; color:black} .TableFormV2 .noteField::after { content: ' \A' ; display:block; } .dark-header th { background-color: #edf0f2; border-bottom:0px; overflow:hidden;} .even tr:nth-child(even) { background-color:#f3f5f7; } .odd tr:nth-child(odd) { background-color:#f3f5f7; } .table-lines td { border-bottom:1px solid #E9EEF3;} .separator { width:100%;height: 1px;background-color: #a4b4c3;margin-top: 10px; margin-bottom: 10px; position: relative;display: block;} /* Resets */ .TableFormV2 .inline checkbox { vertical-align: middle !important; } .TableFormV2 .inline input { width:auto; vertical-align: middle } .TableFormV2 .inline select { width:auto; vertical-align: middle; } .TableFormV2 .inline input[type='checkbox'] { width:auto; vertical-align: middle; margin-left: 10px; } .TableFormV2 .inline label { margin:0px; } .breakwidth TD:nth-of-type(1) { width:auto;} .breakwidth TD:nth-of-type(2) { width:auto; } .breakwidth TD:nth-of-type(3) { width:auto; } .breakwidth TD:nth-of-type(4) { width:auto; } .noHeight { height:auto!important} /* Labels, Pills and focused information */ .label-base { border: 1px solid #d5d5d5; border-radius: 5px; padding: 2px; background-color: #f1f1f1; white-space: nowrap; text-align: center; vertical-align: baseline; line-height: 1; } /* Containers */ .Table-Title-White { font-size: 15px; font-weight:bold;color:#2a3f54; font-family: "Open Sans"; border-bottom: 1px solid #ccd4db; background-color:white; border-radius:3px 3px 0px 0px; /* margin-top:5px; */ padding: 5px 5px 5px 10px; position:relative; } .Table-Contents-White { background-color:white; font-family: "Open Sans"; padding: 10px 5px 10px 10px; border-radius:0px 0px 3px 3px; font-family: 'Open Sans'; font-size: 0.70em; color: black; } .Table-Contents-simple { background-color:white; font-family: "Open Sans"; border-radius:3px 3px 3px 3px; font-family: 'Open Sans'; font-size: 0.70em; color: black; } /* TableForm BIG */ .TableFormBig { background-color:#e9edf1;border:1px solid #CCCCCC;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#1B3A59} .TableFormBig SELECT { background-color:#fff;border:1px solid #999999;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333333} .TableFormBig INPUT { background-color:#fff;border:1px solid #999999;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;} .TableFormBig RADIO { background-color:#fff;border:1px solid #FF0000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333333} .TableFormBig Th { background-color:#1B3A59;border-bottom:1px solid #CCCCCC;text-align:left;padding:5px;color:#FFF} /* Listagem de Pesquisas */ .GridBoxHeader { background-color:#1B3A59;height:25px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:10px;color:#FFF} .GridBoxHeader a:link { color:#FFFFFF;text-decoration:none} .GridBoxHeader a:visited { color:#FFFFFF;text-decoration:none} .GridBoxHeader a:hover { color:#FFFF66;text-decoration:none} .GridBoxItem { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;text-decoration:none} .GridBoxAlterItem { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;text-decoration:none;background-color:#F7F9FB} .GridBoxNav { padding:20px} .GridBoxNav SPAN { background-color:#1B3A59;padding:15px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11PX;color:#FFFFFF} .GridBoxNav A { background-color:#F7F9FB;padding:15px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11PX;text-decoration:none;color:#333333} .GridBoxFooter { background-color:#CCCCCC} .GridTable TD { border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCCCCC;border-right-width:1px;border-right-style:solid;border-right-color:#CCCCCC;border-left-width:1px;border-left-style:solid;border-left-color:#CCCCCC;height:25px} .GridTableV2 td { border: 0px !important;} .GridTableV2Header td {background-color:#0b4b69; text-align:left !important; color:white;} .GridTableV2Footer td {background-color:#f3f3f3; border-bottom:1px solid #00000021 !important; } /* Table Listing Format */ .List-Header-Options-compact { background-color:white; position:fixed; width:100%; z-index:10; top:0px; min-height:25px; display:flex } .List-Header-Options-compact div { flex-direction: row; line-height:16px;} .List-Header-Options { background-color:white; position:fixed; width:100%; z-index:10; top:0px; min-height:47px; } .List-Header-Options { display:flex;} .List-Header-Options div { flex-direction: row; line-height:16px;} .List-Header--Icon a { text-decoration:none; } .List-Header--Icon { display:block; width:55px; text-align:center; padding:8px;} .List-Header--Icon:hover { background-color:#e9edf1; color:black; cursor:pointer;} .List-Header--Icon i { margin:0px; display:block;} .icons-inline i { display: inline; } .icon-x1 { font-size: 1.1em !important; } .icon-x2 { font-size: 1.2em !important; } .icon-x3 { font-size: 1.5em !important; } .Table-List { width:100%; } .Table-List thead th { background-color:#1d3852; color:white; padding:5px; font-size:12px;} .Table-List-Header { background-color:#1d3852 !important; color:white; padding:5px !important; font-size:12px !important;} /* Telerik */ .Table-List td { padding:5px; border-bottom:1px solid #d1d3d8; border-right:1px dashed #d1d3d8; font-size:12px; text-align:center !important; width:auto !important; } .Table-List tbody th { background-color:#e9eef3; } .Table-List tr { padding:10px; } .Table-List tr:nth-child(odd) { background-color:#e9eef3; } .Table-List-child { width:100%; } .Table-List-child thead th { background-color:#1d3852; color:white; padding:5px; font-size:12px;} .Table-List-child-Header { background-color:#1d3852 !important; color:white; padding:5px !important; font-size:12px !important;} /* Telerik */ .Table-List-child td { padding:5px;border-bottom: 1px solid #d1d3d8;border-right: 0px dashed #d1d3d8; width:auto !important; text-align:initial!important} .Table-List-child tbody th { background-color:#e7ebee; } .Table-List-child tr { padding:10px; } .Table-List-child tr:nth-child(odd) {background-color: #f8fafc;} .Table-List--fixed table { width:100%; table-layout: fixed; } .Table-List--fixed th { background-color:#1d3852; color:white; padding:6px; font-size:12px} .Table-List--Content { height:300px; overflow-x:auto; margin-top: 0px; border: 1px solid rgba(255,255,255,0.3); } .Table-List--Content td { padding:6px; border-bottom:1.9px solid #d1d3d8; border-right:1px dashed #d1d3d8; font-size:12px; } .Table-List--Content tr:nth-child(odd) { background-color:#e9eef3; } /* MODALS */ #ModalSimpleMessage { position:fixed; top:0px; bottom:0px; left:0px; right:0px; background-color:#222e3be0; z-index:1030; overflow:none; display:none;} /* #modal-window-feedback { position:fixed; top:0px; bottom:0px; left:0px; right:0px; background-color:#222e3be0; z-index:1030; overflow:none; display:none;} */ .window-wrapper { position: fixed; background-color: #222d32e0; top:0px; left: 0px; right: 0px; bottom: 0px; z-index: 1500; display:none; overflow:auto; } .window-contents { width: 70%; } .window-zoom-in { animation-name: scaleThis; animation-duration: 0.2s; animation-fill-mode: forwards; } .element-rotate-180-in { animation: anime-rotate-180-in ease-in 0.3s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards; /*when the spec is finished*/ } .element-rotate-180-out { animation: anime-rotate-180-out ease-in 0.3s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:backwards; /*when the spec is finished*/ } /* Pure Modal*/ /* The Modal */ .modal-window { display: none; position: fixed; z-index: 8000; left: 0; top: 0; width: 100%; bottom: -22px; overflow: auto; background: rgba(0,0,0,0.5); } .modal-content { margin: 10% auto; border-radius: 4px; width: 400px; position: relative; background-color: white; transition: all 0.3s ease; } .modal-content.maximized { border-radius: 8px; } .modal-close { position: absolute; top: -20px; right: -4px; font-size: 1.5em; font-weight: bold; cursor: pointer; z-index: 1; background-color: white; width: 30px; height: 30px; border-radius: 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,0.2); transition: all 0.2s ease; } .modal-close:hover { background-color: #f8f9fa; transform: scale(1.1); } .modal-url { position: absolute; top: -20px; right: 70px; font-weight: bold; cursor: pointer; z-index: 1; background-color: #1679a7; color:white; width: 30px; height: 30px; border-radius: 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,0.2); transition: all 0.2s ease; } .modal-url:hover { background-color: #009ae2; transform: scale(1.1); } .modal-url i { color:white;} .modal-maximize, .modal-default { position: absolute; top: -20px; right: 32px; font-size: 16px; cursor: pointer; z-index: 1; background-color: white; width: 30px; height: 30px; border-radius: 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,0.2); transition: all 0.2s ease; } .modal-maximize:hover, .modal-default:hover { background-color: #f8f9fa; transform: scale(1.1); } .modal-default { display: none; } .modal-body { padding: 0px; } .modal-window .target-contents { height:100%; background-color: #ccd4db; position:relative } .bmd-modalContent { border-bottom:1px solid silver !important;} /*.target-contents-loading { height: 100%; width: 100%; display: none; font-size: 2em; border-radius: 10px; }*/ .target-contents-loading { top: 50%; position: absolute; left: 50%; height: 20px; width: 20px; z-index: 1 } .target-contents-loading .wrapper-loader { display: flex; justify-content: center; align-items: center; height: 100%; position: absolute; width: 100%; } .target-contents-loading i { animation: spin 1s linear infinite; font-size:2em} @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); }} /* Animations */ /* Safari 4.0 - 8.0 */ @keyframes scaleThis { from { transform: scale(0.8,0.8); } to { transform: scale(1,1)} } @keyframes anime-rotate-180-in{ 0% { transform: rotate(-90deg) scaleX(0.60) scaleY(0.60) ; } 50% { transform: rotate(-1deg) ; } 76% { transform: rotate(14deg) ; } 100% { transform: rotate(0deg) scaleX(1) scaleY(1) ; } } @keyframes anime-rotate-180-out{ 0% { transform: rotate(-90deg) scaleX(0.60) scaleY(0.60) ; } 50% { transform: rotate(-1deg) ; } 76% { transform: rotate(14deg) ; } 100% { transform: rotate(0deg) scaleX(1) scaleY(1) ; } } /* ------------------------------------------------------ */ /* BOOTSTRAP Custom --------------------------------------*/ /* ------------------------------------------------------ */ /* SubTableForm */ .Table-Contents-White .container-fluid { padding:0px; margin:0px;} .form-group { } .row .SubTableForm { padding:5px;font-size:13px; background-color: #f7fafc; font-family:"open sans"; margin-bottom:10px;} .row .control-label { font-family:"open sans"; font-size: 1.1em; font-weight:bold;} .row > span { display:none; } .row > label { text-align:right;} .row .form-group { margin-bottom: 0.3rem !important; } .row > form-control { font-family:"open sans"; font-size: 1.1em; color:red; } .row > input { padding: 1px; border: solid 1px #C5C5C5; border-radius:2px; margin-top:0px; margin-bottom:0px; padding:2px; font-size: 1.1em; height:auto !important;} .row > select { padding: 1px; border: solid 1px #C5C5C5; border-radius:2px; margin-top:0px; margin-bottom:0px; padding:2px; font-size: 1.1em; height:auto !important;} .row > textarea { height: 60px ; border-radius: 5px; margin-top:2px; margin-bottom:2px; padding:5px; color:darkgrey; border-left: 4px solid darkgrey;} /* for custom scrollbar for webkit browser*/ ::-webkit-scrollbar { width: 12px; height: 10px; border: 1px solid black; } ::-webkit-scrollbar-track { background-color:#e7e7e7; } ::-webkit-scrollbar-thumb { background-color:#1D3852; } /* PRECIFICAÇÃO */ .Precificacao { padding:0px;margin-top:10px; margin-left:25px; list-style:none; display:inline-block; font-size:12px; } .Precificacao li { background-color:white;margin-bottom: 7px;min-width:500px;box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);/* float: left; */display: block; min-height: 50px;} .Precificacao .p_Title { display: table-column;width: 14%;float: left;text-align: center;vertical-align: bottom;padding-top: 12px;font-weight:bold;padding-left: 8px;} .Precificacao .p_Icon { float: left;border-right: 1px solid #C9C9C9; } .Precificacao .p_Equation { float: left;padding-top: 13px;padding-left: 20px;} .Precificacao .p_Equation span:first-child { font-weight:bold;} /* FILES FROM FOLDERS */ .Section_Adicionar_Apagar span { font-family:Verdana, Arial, Helvetica, sans-serif; margin-left: 17px; background-color: rgb(159, 188, 219); padding: 10px; border-radius: 6px; } .DisableArea { opacity: 0.5;} /* FILES FROM FOLDERS */ .Section_Adicionar_Apagar span { font-family:Verdana, Arial, Helvetica, sans-serif; margin-left: 17px; background-color: rgb(159, 188, 219); padding: 10px; border-radius: 6px; } /* .btn-col-1 > input { float:left; width:98% !important; margin-right:5px; } */ /* .btn-col-2 > input { float:left; width:44.5% !important; margin-right:5px; } */ /* .btn-col-2 > select { float:left; width:44.5% !important; margin-right:5px; } */ /* .btn-col-2 > label { float:left; width:44.5% !important; margin-right:5px; } */ /* .btn-col-3 > input { float:left; width:29.4% !important; margin-right:5px; } */ /* .btn-col-3 > select { float:left; width:29.4% !important; margin-right:5px; } */ /* .btn-col-3 > label { float:left; width:29.4% !important; margin-right:5px; } */ /* .btn-col-4 > input { float:left; width:21.8% !important; margin-right:5px; } */ /* .btn-col-4 > select { float:left; width:21.8% !important; margin-right:5px; } */ /* .btn-col-4 > label { float:left; width:21.8% !important; margin-right:5px; } */ /* .Btn_Group { list-style:none; margin:0px; width: 100%;} */ /* .Btn_Group LI { display:inline; } */ /* .Btn_Group .to_right { float: right;} */ /* Errors */ .MandatoryField { border-right: 0px solid #961A1A; color: #F66600; text-shadow: 0px 1px rgba(255, 255, 255, 0.5); } .MandatoryField input { border: 1px solid orange; } .MandatoryField TR { border-left:5px solid orange; } .MandatoryField:after { color:#F66600; font-family: 'FontAwesome'; font-size:13px; margin-left:5px; border:0px solid orange; content: "\f071" } .RedField { background-color:red; color:red;} .MandatoryWarning { border: 1px dotted #f66600 !important; } .info-FieldRequired { background-color: #eceff3; border-radius: 8px; padding: 3px 5px 3px 5px; font-size: 12px; font-weight: bold; color: #f66600; position:relative} .info-FieldQuestion { font-size: 13px; border:1px solid rgb(207, 220, 226); border-radius: 2px; margin-bottom: 5px; line-height: 20px;} /* Side Bar */ .MandatoryFields_Wrapper { POSITION: FIXED; Z-INDEX: 1000; /* background-color: rgb(196, 206, 216); */ right: -200px; height: 100%; width: 200px; border-left: 2px solid white; box-sizing:border-box; z-index:5; background: rgba(255,255,255,1); background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 16%, rgba(196,206,216,1) 62%, rgba(196,206,216,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(16%, rgba(246,246,246,1)), color-stop(62%, rgba(196,206,216,1)), color-stop(100%, rgba(196,206,216,1))); background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 16%, rgba(196,206,216,1) 62%, rgba(196,206,216,1) 100%); background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 16%, rgba(196,206,216,1) 62%, rgba(196,206,216,1) 100%); background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 16%, rgba(196,206,216,1) 62%, rgba(196,206,216,1) 100%); background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 16%, rgba(196,206,216,1) 62%, rgba(196,206,216,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4ced8', GradientType=1 ); } .MandatoryFields_Notify { padding: 25px; font-family:verdana; font-size:12px; } /* Add to Btn Classes */ .IconButton img { margin-left:10px; vertical-align:-4px;} /* Telerik Override*/ .riTextBox:disabled, .RadInputMgr:disabled { opacity: 0.8 !important; } .rcbList .rcbItem { border-bottom: 1px solid #ccd4db;} /* Telerik radDropDown*/ .radDatePickerControl .RadPicker.RadDateTimePicker { width:180px !important;} /* BootStrap override */ .alert { margin-bottom:0px !important;} /* ToolTip Box Notification */ .ToolTip_Notify span { background: url(../Icons/comment.png) no-repeat;background-position: 5px; font-size:11px; display:inline-block; margin-top:10px;} .ToolTip_Notify span { background-color:white; border-radius:5px;border-left:3px solid rgba(27, 58, 89, 0.62); transition: all ease-in-out 0.3s;padding:10px 28px;} .ToolTip_Notify span:hover { background-color:#bac8d7; border-radius:5px; border-left:3px solid rgba(27, 58, 89, 0.23); color:white; } .PreAnalise_List { list-style:none; } .PreAnalise_List li { padding:10px 0px 0px 0px; display:inline-block; width:30.8%; font-size:16px !important; margin-right:15px; } .PreAnalise_List li span { font-size:12px; font-weight:bold; padding-bottom:5px; display:block; } .PreAnalise_List li select { display:block; padding:5px; border-radius:5px; font-size:13px; width:100%; } /* Dashboard Utilities */ .Pill-info { margin-bottom:5px;border: 1px solid #afb8bf;border-radius: 5px;display: flex;align-items: center;} .Pill-info span:nth-child(1) { background-color: #afb8bf;padding: 8px;width: 52px;text-align:center;font-size: 18px;font-weight:bold;color: white;/* flex-grow: 1; */} .Pill-info span:nth-child(2) { font-size: 13px;color: #2a3f54;padding: 10px;} .Badge-Square-White { display: inline-block; background-color: white; border: 1px solid #ccd4db; font-family: open sans; font-weight: bold; color: #90959b !important; padding:0px 5px 0px 5px} .Badge-Square-White i { color: #90959b !important; } .Badge-Round-White { display: inline-block; background-color: white; border: 1px solid #ccd4db; border-radius: 50px; font-family: open sans; font-weight: bold; color: #90959b !important; padding:0px 5px 0px 5px} .Badge-Round-White i { color: #90959b !important; } /* Help Dialog */ /* .help-button span { background-color: #7ea9c9; position: absolute; right: 0px;margin-top: -28px;margin-right: 19px;color: #ffffff; border-radius:2px;} */ /* .help-button-relative span { position: relative; margin-right: 0px;} */ /* .help-button span:hover { background-color: #eaf1f6; border: 0px;height: 30px;} */ /* .help-button i { text-align:center;padding: 0px;margin: 0px;width: 28px;height: 22px;} */ /* .help-contents { visibility: hidden; opacity:0; transition: visibility 0s, opacity 0.1s linear; position: absolute; top: 28px; right: 5px; */ /* background-color: #eaf1f6; padding: 24px; font-size: 16px; font-weight: normal; margin: 0px; width: 88%; */ /* right: 16px; border-left: 5px solid #8899a9; box-shadow: 0px 3px 2px 0px #00000026; z-index:10; } */ /* .help-button:hover .help-contents { visibility: visible; opacity: 1; } */ /* Help Dialog */ .help-button { display:inline; width:28px; cursor:pointer; float: right;/* margin-top: 3px; */ margin-right: 4px; } .help-button span { background-color: #94a4b3; right: 0px;color: #ffffff;border-radius:2px; position: relative;margin-right: 0px;display: block; height:25px;} .help-button-table { display:inline;width:28px; } .help-button span:hover { background-color: #94a4b3; border: 0px;} .help-button i { text-align:center;padding: 0px !important ;margin: 0px !important;width: 28px; line-height: 25px;} .help-contents { visibility: hidden; opacity:0; transition: visibility 0s, opacity 0.1s linear; position: absolute; top: 30px; background-color: #f8f8f8; padding: 24px; font-size: 13px; font-weight: normal; margin: 0px; right: 5px; border-left: 5px solid #485866; box-shadow: 0px 3px 2px 0px #00000026; z-index:10; color: #0a2239; width: 45%;} .help-button:hover .help-contents { visibility: visible; opacity: 1; } /* Simple Flex GRID + check rule for Mobile */ .flex-grid { display: flex; flex-direction: row; position:relative; } .flex-grid div { align-self: center;} .fgrow { flex-grow:1; } /* Grid Mode + Grid Setups */ .grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(32.5%, 1fr)); grid-gap: 1rem; } .grid-container-fill { display: grid; grid-template-columns: repeat(auto-fill, minmax(106px, 1fr)); grid-column-gap: 0.3rem; } .grid-two-columns { display:grid;grid-template-columns: 1fr 40px;grid-column-gap: 10px;align-items: center;} .grid-three-columns { display:grid;grid-template-columns: repeat(auto-fit, minmax(32%, 1fr));grid-column-gap: 10px;align-items: center;grid-row-gap: 10px;} .grid-four-columns { display:grid;grid-template-columns: repeat(auto-fill, minmax(24%, 1fr));grid-column-gap: 10px;grid-row-gap: 10px;} .grid-five-columns { display:grid;grid-template-columns: repeat(auto-fill, minmax(19%, 1fr));grid-column-gap: 10px;grid-row-gap: 10px;} .grid-six-columns { display:grid;grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));grid-column-gap: 10px;grid-row-gap: 10px;} .grid-header-side { display: grid; grid-template-columns: 300px auto; grid-template-rows: auto 1.8fr; grid-template-areas: "Header Header" "Side-Bar Side-Contents";} .grid-header-sideBar { display: grid; grid-template-columns: auto 1fr 1fr; grid-template-rows: auto 1fr 1fr; grid-template-areas: "Side-Bar Header Header" "Side-Bar Side-Contents Side-Contents" "Side-Bar Side-Contents Side-Contents";} .Header { grid-area: Header; } .Side-Bar { grid-area: Side-Bar; width: 260px; } .Side-Contents { grid-area: Side-Contents; } /* With Media Query /* /* Gallery tricks */ .square { width: 100%; padding-bottom: 100%; background-size: cover; background-position: center; } .photo-label { color:white; padding:5px;} th[role="button"] { cursor: pointer;} /* TH with roles equals button (Collapse Gallery ) /* Dropdown Special Options Dialog */ .sub-dropdown-open { display:inline-block;} .sub-dropdown-open:hover { } .sub-dropdown-open:hover .sub-dropdown-contents { display:block;} .List-Header--Icon:hover .sub-dropdown-contents { display:block;} .sub-dropdown-contents { position:absolute; background-color:#e9edf1; display:none; left:0px; top:46px; } .List-Header--Notify { position: absolute; padding: 4px 5px; border-radius: 20px; height: 22px; width: 22px; bottom: 7px; left: 17px; } .List-Header--iconUp { position: absolute; bottom: 13px; left: 30px; } /* Listagem ITEMS */ .Item_List { background-color:white; border-radius:2px; padding:5px; box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 0px 0px; min-width:300px; } .card-maker { display:flex; flex-wrap: wrap; flex:1; } .card-maker div { background-color:white; border-radius:3px; flex:10%; } /* LIST ITEM FLEX */ /* Example for */ /*
Adriano Silva
*/ .list-item-flex {display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;} .list-item-flex div { display: flex; } .list-item-flex div div:nth-of-type(2) { min-width: 100px;} .list-item-flex label {margin: 0px 10px 0px 0px ;padding: 0px;min-width: 80px;text-align: right; font-weight: bold; color:#869AAE} /* Stats */ .Ranking_Wrapper { background-color: #cad4dd; width: 100%; margin-top:5px;margin-left:5px;text-align: center;} .Ranking_Wrapper div { display:inline-block; font-size:18px !important; } #RedFlag { font-size:16px; margin-right:10px;} .Stats_Items { display:inline-block; padding:10px; } .Stats_Items { font-family: verdana; font-weight: bold; font-size: 13px; list-style: none; float: left;} .Stats_Items div:nth-child(2) { background-color:white;padding:5px 20px 5px 20px; box-shadow: 0px 1px 1px 0px silver; border-radius: 80px; color:#911616;} /* Para o AudatextEnvio */ .Wrapper_Red_Flags { background-color: #cad4dd; padding:10px; } .Red_Flags { padding:0px; margin:0px; list-style:none; display:inline;} .Red_Flags LI { display:inline; margin-right:10px; } .Red_Flags span { font-size:13px; box-shadow:rgba(0, 0, 0, 0.11) 2px 0px 10px; display:inline-block;} .Red_Flags span:nth-child(1) { color:#4b647a; background-color:white; padding:4px 10px 4px 10px; border-radius:7px 0px 0px 7px;} .Red_Flags span:nth-child(2) { color:white; font-weight:bold; font-size:14px; background-color:#8a9eb1; padding:4px; border-radius:0px 5px 5px 0px; width:35px; display:inline-block; text-align:center } /* ucMensagem */ .Msg_TEXT_Subject { font-family:Verdana; font-size:14px; font-weight:bold; } /* Caixa simples de informação, estilo Loading*/ .SimpleBox { padding: 10px; text-align: center; background-color: #e9edf1; font-family: verdana; border: 1px solid #cccccc; margin: 2px 0px 1px 0px; font-size: 14px;} .SimpleBox img { padding:5px; display:block; margin-left:50%; margin-right:50%; background-color:white; border-radius:5px; margin-top:5px; } .SimpleBox-Green { padding: 16px;text-align: center; background-color: #7ebe85; font-family: verdana; border: 1px solid #cccccc; margin: 2px 0px 1px 0px; font-size: 14px; font-weight: bold; color: white;} .SimpleBox-Red { padding: 16px;text-align: center; background-color: #b56357; font-family: verdana; border: 1px solid #cccccc; margin: 2px 0px 1px 0px; font-size: 14px; font-weight: bold; color: white;} .Notify { background-color: #F66600;padding: 4px 8px 3px 8px;font-size: 9px !important;border-radius: 18px;color: white;font-weight: bold;right: 2px;position: absolute;top: -9px; display: none;/* font-family: open-sans; */} .NotifyVue { background-color: #F66600;padding: 4px 8px 3px 8px;font-size: 9px !important;border-radius: 18px;color: white;font-weight: bold;right: 2px;position: absolute;top: -9px; /* font-family: open-sans; */} /* Icons for Buttons*/ .Icon_Save { background-image: url(/Layout/Icons/disk.png); background-position: 7px 6px; background-repeat: no-repeat;} /* Inline Nav Icons */ .Inline-Nav-Options { display:flex; /* padding:20px; */ flex-wrap:wrap; } .Inline-Nav-Options div { padding:20px; /* margin-right:5px; margin-bottom:5px; */ width:33%; text-align:center; align-items:flex-start; border-radius: 2px; flex-basis:0; flex-grow:1; } .Inline-Nav-Options div:first-child { border-left:0px; } .Inline-Nav-Options div { border-left:1px solid #ccd4db; } .Inline-Nav-Options div:hover { background-color:white; } .Inline-Nav-Options i { font-size:38px;margin:0px 0px 10px 0px;color: #ccd4db; color:#015475;} .Inline-Nav-Options a { font-size:14px; color:#015475; text-decoration:none;} .Inline-Nav-Options a:hover { text-decoration:none;} .small-nav i { font-size:24px; color:#015475 } .small-nav a { font-size:12px; line-height:18px; font-weight:normal; } .small-nav div { } /* Some Tricks for IMG */ .image-round-shadow { width: 200px; height: 138px; border-radius: 5px; box-shadow: 0px 0px 10px 0px #0000005c; } .image-round-shadow img { width: 200px !important; height: 138px !important; border-radius: 5px; box-shadow: 0px 0px 10px 0px #0000005c; } /* Input Stylings */ .input-light-round { border: 0px; background-color: #e9eef3; border-radius: 50px !important; color: #1d3852; padding:4px 10px 4px 10px !important; font-size:14px; width: auto !important; box-shadow: none !important; border:none !important; } /* Nav Tab Formation */ /* BootStrap TAB Nav, custom edit */ .nav-link-silver { flex-grow: 1; font-family: 'Open Sans'; font-size: 13px; text-align: center; } .nav-link { background-color: #314e5d !important; margin-right: 3px !important; border-radius: 3px 3px 0px 0px !important; font-family: 'Open Sans' !important; font-size: 13px !important; color: white !important; padding: 0.2rem 1rem !important; border: 0px !important; transition: all 0.2s ease-in-out !important; } .nav-link:hover { color: white !important; background-color: #0c6c90 !important; } .nav-tabs .nav-item { position: relative; } /* Hack for the Mandatory Notify Count, adding to bootstrap default */ .nav-link.active { background-color: #ffffff !important; font-weight: bold !important; border-color: white !important; color: black !important; } .nav-is-fixed { position: sticky; z-index: 1000; top: 0px; left: 0px; right: 0px; background-color: white; box-shadow: 0px 0px 8px 0px #00000042; animation-name: slideIn; animation-duration: 0.2s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } .nav-is-fixed li { flex-grow: 1; } .nav-is-fixed .nav-item { margin-bottom: 0px; } .nav-is-fixed .nav-item .notify { position: inherit; } .nav-is-fixed .nav-link { margin: 0px !important; border-radius: 0px !important; color: white; } .nav-is-fixed .nav-link.active { font-weight: bold !important; } /* Mobile Gadgets */ .nav-menu-collapsed { display: none; } @keyframes slideIn { from { top: -50px; } to { top: 0px; position: fixed; } } /* Formatacao Notas Processo Documento */ .Notas_Processo { padding: 6px;margin: 0px;} .NP_Header { font-weight: bold;padding: 5px;background-color: #ebf1f8;} .NP_Header b { color: #98A3AC;} .NP_Text { padding: 5px; margin-bottom: 10px;} .notas-processo-wrapper.active .NP_Header_v2 { background-color:#193652; color:white; } .notas-processo-wrapper.active .NP_Text_v2 { background-color: #5f7f9d; color:white; font-weight:bold; position:relative;} .notas-processo-wrapper.active:last-child .NP_Header_v2 { background-color:#193652 !important; color:white !important; } /* ------------------------------------- */ /* Formatação para a Pàgina KPC's */ /* ------------------------------------- */ /* Font Sizes */ .kpcTitle { font-size:12px; } .KpcWidth { font-size:11px; } .kpcContainer { font-size:12px; } .KpcSavings { font-size:12px; } .KpcAlert { font-size:12px; } .KpcSavingsFinal input { font-size:12px;} .KpcSavingsHeader { font-size:12px; } .kpcBody { background-color:#f7f7ff; font-family:verdana;} /* Colocar na tag body da página */ .KpcWidth { width:99%; margin-left:auto; margin-right:auto; } /* Class para acrescentar à tag Table, define largura e centra a mesma */ .kpcContainer { background-color:white; margin-bottom:20px; margin-top:10px; border:1px solid white; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); width:99%; margin-left:auto; margin-right:auto;} /* Aspecto Geral da Tabela */ .kpcContainer select { border:0px; padding:10px; width:98%; background-color:whitesmoke; line-height:17px; border-bottom:1px solid silver;} /* Selects e Inputs dentro deste container são formatados aqui */ .kpcContainer input { border:0px; padding:10px; width:98%; background-color:whitesmoke; line-height:17px; border-bottom:1px solid silver;} /* Selects e Inputs dentro deste container são formatados aqui */ .kpcContainer th { background-color:#dde4f1; font-weight:normal; } /* Formatação para o Header (th) */ .kpcContainer i { color:#7f889a } /* Formatação para o Header (th) */ .kpcCols th:nth-child(1) { width:70%; border-left:8px solid #44597e; text-align:left; } /* A primeira celula do th tem um design próprio */ .kpcCols th:nth-child(4) { width:100px; } /* A primeira celula do th tem um design próprio */ .kpcLines td { border-bottom:1px solid #dde4f1; } /* Linhas separadoras das rows, aspecto global ) */ /* .KpcAlertIcon { background:url(../../Layout/icons/bullet_error.png) no-repeat; background-position: 4px -1px; background-color:grey; width:50px; height:23px; float:left } */ .KpcAlertIcon { background:url(../../Layout/icons/bullet_error.png) no-repeat;background-position: 11px 1px;width:40px;height:23px;float:left;} /* Icon de Alerta, ex: + texto */ .KpcObsIcon {background:url(../../Layout/icons/comment.png) no-repeat;background-position: 2px 5px;width: 23px;height: 21px;/* float:right; */display: inline-block;vertical-align: bottom;} .kpcTitle { text-indent:25px; line-height:16px; } .KpcSavings { color:#44597e; text-align:center; background-color: #f7f7f7;} .KpcSavingsFinal { text-align:center;} .KpcSavingsFinal input { text-align:center;} .kpcBox { border-top:1px dashed silver; } .kpcBox ul { padding:0px; margin:0px; } .kpcBox ul li { display:inline-block; margin-right:10px; vertical-align:top } .kpcBox ul li:nth-child(1) { width:10%; text-align:right; font-weight:bold; } .kpcBox ul li:nth-child(2) { width:75%; } .kpcBox ul li:nth-child(3) { text-align:right; } .kpcBox textarea { width:100%;height:33px;/* border:0px; */background-color: #f7f7f7;border: 1px solid #dde4f1;border-radius: 5px;} .KpcSubTitle { font-weight:normal; font-size:11px; } .KpcSavingsHeader { float:right; display: inline-block;background-color: #dde4f1;padding: 1px;border-radius: 5px;color: #44597e;padding: 0px 10px 0px 10px; } .KpcBox_ValidatedBy { background-color:hsla(0, 0%, 90%, 1); padding:10px; border-left:1px solid #44597e; } .KpcBox_ValidatedBy div {display:block;line-height: 17px;} .Btn_RadioGroup_wrap { text-align:center;width: 100%;float: left; } .Btn_RadioGroup { display: inline-block; text-align:center; } .Btn_RadioGroup input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px;width: 1px;border: 0;overflow: hidden;} .Btn_RadioGroup label { display: inline-block;float: left;cursor: pointer;padding: 7px;background-color: #eff2f7;border-bottom: 1px solid #d4d9e2; border-right: 1px solid #c1cadc;box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.17); transition: all 0.2s ease-in-out; min-width:30px} .Btn_RadioGroup input:checked + label { background-color: #7f889a;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.49);color: white;font-weight: bold;} .Btn_RadioGroup label:first-of-type { border-radius: 4px 0 0 4px;} .Btn_RadioGroup label:last-of-type { border-radius: 0 4px 4px 0;} /* OBJ_ADD Override */ .Legacy-New-Doc { padding: 0px;} .Legacy-New-Doc dl { display:inline-flex;flex-direction: row;flex-wrap: wrap;width: 100%;} .Legacy-New-Doc dt { width: 100%;padding: 10px;background-color: #97a7b6;color: #ffffff;display: block;margin: 10px 0px 10px 0px;} .Legacy-New-Doc dd { padding: 5px;margin: 0.2%;list-style: none;height: 52px;width: 14.5%;overflow: hidden;line-height: 14px;display: table;border-left: 4px solid #ccd4db;flex-grow: 1;} .Legacy-New-Doc dd li { height: 100%;border: 1px solid #ededed;display: table-cell;vertical-align: middle;padding: 10px;} .Legacy-New-Doc dd li a { width: 100%;float: left;vertical-align: middle;text-decoration: none; color: #1e4366; display:flex } .Legacy-New-Doc dd li i { display: inline; margin-right: 5px; } .Legacy-New-Doc dd:hover{ border-left: 4px solid #98a2ac;background-color: #e9eef3;} /* dropwdown.scss override */ .dropdown-menu-form { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 30rem; padding: .5rem 0; margin: .125rem 0 0; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; font-size: inherit; } /* OBJ_ADD Override Compact .Legacy-New-Doc { padding: 0px;} .Legacy-New-Doc dl { display:inline-flex;flex-direction: row;flex-wrap: wrap;width: 100%;} .Legacy-New-Doc dt { width: 100%;padding: 10px;background-color: #97a7b6;color: #ffffff;display: block;margin: 10px 0px 10px 0px;} .Legacy-New-Doc dd {padding: 5px;margin: 0.2%;list-style: none;height: 39px;width: 14.5%;overflow: hidden;line-height: 13px;display: table;border-left: 4px solid #ccd4db;flex-grow: 1;} .Legacy-New-Doc dd li {height: 100%;border: 1px solid #ededed;display: table-cell;vertical-align: middle;padding: 5px;margin: 0px;} .Legacy-New-Doc dd li a { width: 100%;float: left;vertical-align: middle;text-decoration: none; color: #1e4366; } .Legacy-New-Doc dd li i { display: inline; margin-right: 5px; } @media all and (max-width: 1400px) { .table-items-flex div { min-width:49%; } } @media all and (max-width: 1500px) { .telefone:after {display:none; } .utilizador:after {display:none; } .email:after {display:none; } .data:after {display:none; } .moeda:after {display:none; } .upload:after {display:none; } /* .inline { display:block; } }*/ /* Dynamic Styling */ .d-headerBox { font-family:'Open Sans'; font-size: 13px; font-weight: bold; color: #2a3f54; background-color:white; border-bottom:1px solid #dde4ea; border-radius: 3px 3px 0px 0px; width:100%; box-shadow: 0px 2px 4px 0px #00000033; position:relative; } /* should be equal to TableFormV2 */ .d-contentBox { border:0px solid #CCCCCC;background-color:white; font-family:'Open Sans'; color: black; border:0px solid grey;width:100%; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); border-radius: 0px 0px 4px 4px; position:relative; } /* should be equal to TableFormV2 */ .d-contentTitle { background-color: #edf0f2; border-bottom:0px; font-family:'Open Sans'; font-size: 13px; font-weight: bold; color: #2a3f54; text-shadow: 0px 1px white;} .d-contentTitle i { margin-right: 10px;} .d-contentTitle-Dark { background-color: #314e5d; border-bottom: 0px; font-family: 'Open Sans'; font-size: 13px; font-weight: bold; color: #ffffff;} .d-contentTitle-Dark i { margin-right: 10px;} /* Dynamic Sheet moved to components.css */ /*.Dynamic-sheet-wrapper {border:1px solid #c4ceda;border-radius:3px;margin: 3px;} .Dynamic-sheet {display: flex;position: relative;margin-left: 27px;} .Dynamic-sheet:hover .ds-delete-row { opacity:0.5} .ds-Header {text-align: center;margin-left: 27px; margin-left: 27px;} .ds-focus { outline:2px solid orange; outline-offset: -2px;} .ds-label-mobile { display: none;} .ds-Header div { background-color: #edf0f2; } .ds-grow { flex: 1 1 100%; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .ds-grow input:disabled { background-color: white; } .ds-delete-row { z-index: 500; left: -28px; top: 3px; position: absolute; border-right: 1px solid silver; opacity: 0.4; } .ds-delete-button { border: 0px solid rgb(218, 218, 218);border-radius: 2px;background-color: white; z-index: 500} .ds-delete-button:focus { outline: none } .ds-confirm-button { border: 0px solid rgb(218, 218, 218);border-radius: 2px;background-color: white; z-index: 500; display: none;} .ds-confirm-button:focus { outline: none } .ds-newItem-button { display: none;} .hideAddButtonOnMobile { display: block; }*/ /* ----- myPortal Components ----- /* /* Cards */ /** WEBCHAT * Module ***************************************************************************** */ .wbc-color-theme {color: #6b839a !important;} .grid-frame-webchat { display: grid; grid-template-columns: 1.2fr 0.8fr; grid-template-rows: 2fr; grid-auto-columns: 1fr; gap: 0px 0px; grid-auto-flow: row; grid-template-areas: "grid-left grid-right"; width: 100%; height: calc(100vh - 48px); position: relative; } .grid-frame-webchat-left { grid-area: grid-left; } .grid-frame-webchat-right { grid-area: grid-right; } .grid-webchat { display: grid; grid-template-columns: 0.5fr 1fr auto; grid-template-rows: 2fr; grid-auto-columns: 1fr; gap: 0px 0px; grid-auto-flow: row; grid-template-areas: "grid-left grid-right"; width: 100%; height: calc(100vh - 48px); position: relative; } .grid-webchat-left { grid-area: grid-left; border-radius: 8px 0px 0px 8px; overflow: hidden; } /* Contains SubGrid */ .grid-webchat-right { grid-area: grid-right; border-radius: 0px 8px 8px 0px; overflow: hidden; display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; grid-auto-columns: 1fr; gap: 0px 0px; grid-auto-flow: row; grid-template-areas: "wbc-header-chat" "wbc-chat-body" "wbc-transmitter"; width: 100%; height: 100%; position: relative; } .wbc-header-chat { grid-area: wbc-header-chat; } .wbc-chat-body { grid-area: wbc-chat-body; } .wbc-transmitter { grid-area: wbc-transmitter; } .wbc-header-group { background-color: #dee7ee; padding: 15px 5px; display: flex; flex-direction: row; align-items: center; min-height: 70px } .wbc-header-chat { background-color: #23a1a9; padding: 15px 5px; display: flex; align-items: center; position: relative; min-height: 70px } /** WEBCHAT * Group Listing ** */ .wbc-groupList-wrap-scroll { scroll-behavior: auto;overflow-y:auto ; height: calc(100vh - 143px); } .wbc-groupList-wrap { display: flex; flex-direction: row; align-items: center; padding: 10px 10px; border-bottom: 1px solid #d8d8d8; transition: 0.1s ease-in-out; cursor: pointer; } .wbc-groupList-active {background-color: #edf7ff;border-right: 7px solid #46577d;box-shadow: 0px 0px 10px #5a9ca091;} .wbc-groupList-wrap:hover { background-color: #343a40; color:white } .wbc-groupList-wrap:hover .wbc-gL-date { background-color: #ffffff; color: #343a40; } .wbc-circular-icon { border-radius: 50px; background-color: rgb(255, 255, 255); width: 40px; height:40px; color:white; display: flex; justify-content: center; align-items: center; color:rgb(43, 43, 43) } .wbc-circular-icon-notify { background-color: #ff814f; position: absolute; width: 18px; height: 18px; border-radius: 20px; right: 4px; color: white; font-size: 0.6em; top: -6px; font-weight: bold; line-height: 18px; text-align: center; border: 1.1px solid white; } .wbc-gL-titleGroup { font-size: 0.85em; font-weight: 600; line-height: 16px; margin-bottom: 5px; } .wbc-gL-date { background-color: #dee7ee; border-radius: 30px; padding: 4px 10px; font-weight: bold; font-size: 0.65em; line-height: 13px; } .wbc-gL-lastMsg { font-size: 0.80em; line-height: 18px; color:grey } .wbc-gL-service { width: 45px; height: 30px; background-color: white; border-radius: 50px; display: flex; align-items: center; position: absolute; left: -22px; margin-top: -48px; cursor: pointer; clip: rect(0px, 30px, 31px, 0px); transition: 0.1s ease-in-out; color:black } .wbc-gL-service span { position: absolute; left: 100px; } .wbc-gL-service .fa-whatsapp { margin-left: 8px; font-size: 1.25em; color: #49c858 } .wbc-gL-service .fa-telegram { margin-left: 6px; font-size: 1.25em; color: #34acde} .wbc-gL-service:hover { width: 132px; left: -100px; clip: rect(0px, 108px, 31px, 0px); color:black } .wbc-gL-service:hover span { left: 28px; z-index: 1;} .wbc-c-titleGroup { font-size: 1.3em; font-weight: 600; line-height: 16px; margin-bottom: 3px; color:white; } .wbc-c-userList { font-size: 0.85em; line-height: 16px; margin-bottom: 5px; color:white; } .wbc-btn-markRead { z-index: 1; background-color: rgb(64 103 137 / 47%); padding: 0px 15px; font-size: 0.8em; border-top: 0px; border-radius: 20px; display: flex; align-items: center; justify-content: center; border: 1px solid #ffffff21; margin-right: 9px; flex-wrap: nowrap; width: 30%; height: 33px; } .wbc-btn-markRead:hover { box-shadow: 0px 0px 10px rgba(61, 111, 158, 0.494); cursor: pointer; } .wbc-btn-markRead i { font-size: 1.3em; margin: 0px; color: #7ad4ff;} .wbc-btn-markRead-v2 { position: absolute; bottom: 54px; left: 15px; z-index: 1; background-color: #60778b45; padding: 7px 21px; border-top-left-radius: 20px; border-top-right-radius: 20px; font-size: 0.8em; /* border: 1px solid #ffffff30; */ border-top: 0px; color: white; transition: 0.2s all; cursor: pointer; backdrop-filter: blur(10px); } .wbc-btn-markRead-v2:hover { background-color: #60778b; } .wbc-btn-markRead-v2 i { font-size: 1.3em; margin: 0px; color: #7ad4ff;} /** WEBCHAT * Message Content ** */ .wbc-c-MenuTop { padding: 0px 20px; cursor: pointer; } .wbc-c-MenuTop i { margin: 0px; } .wbc-chat-body { background:url(Visual/webchat_background.png); height: 100%; background-color: #374550; font-size: 0.8em; overflow-x: hidden; position: relative; box-shadow: 5px 6px 8px #0000005e inset; } /** WEBCHAT * Message Content Scrollbar ** */ /* Firefox */ .wbc-scroll { scrollbar-width: 10px; scrollbar-color: #ffffff #ffffff; } .wbc-scroll::-webkit-scrollbar { width: 10px; border: 0px solid #ffffff; } .wbc-scroll::-webkit-scrollbar-track { background: transparent; } .wbc-scroll::-webkit-scrollbar-thumb { background-color: #60778b; border-radius: 10px; border: 0px solid #ffffff; } .wbc-bubble-row-incoming { margin-bottom: 10px; } .wbc-bubble-row-outgoing { display: flex; justify-content: flex-end; margin-bottom: 10px;} .wbc-bubble-incoming { background-color: #252e36; color:white; display: inline-block; max-width: 80%; border-radius: 5px; position: relative; line-height: 16px; } .wbc-bubble-outgoing { background-color: #60778b; color:white; display: inline-block; max-width: 80%; border-radius: 5px; position: relative; line-height: 16px; } .wbc-b-userName { color: #23A1A9; font-weight: 600; margin-bottom: 8px; } .wbc-b-content { color: #dbdbdb; min-width: 150px; } .wbc-photoWrap { display: flex; gap: 10px; flex-wrap: wrap; width: 100%; margin-bottom: 10px; } .wbc-photo-holder { width: 23vh; height:23vh; background-size: cover; background-position: center; border-radius: 5px; box-shadow: 0px 4px 12px #00000040;} .wbc-b-timeStamp { color: rgb(255 255 255 / 37%); font-size: 0.8em; background-color: rgb(96 119 139); padding: 0px 10px; border-radius: 50px; position: absolute; bottom: -6px; right: 0px; } .wbc-bubble-incoming .wbc-b-timeStamp { background-color: #252e36 } .wbc-b-i { width: 20px; height: 20px; background-color: #252e36; position: absolute; top:0px; left: -15px; clip-path: polygon(0 0, 100% 100%, 100% 0);} .wbc-b-o { width: 20px; height: 20px; background-color: #60778b; position: absolute; top:0px; right: -15px; clip-path: polygon(0 0, 0% 100%, 100% 0);} /* Webchat Buttons */ .wbc-button-round { background-color: #0f6762; width: 40px; height: 40px; border-radius: 50px; display: flex; align-items: center; justify-content: center; position: relative; } .wbc-button-round i {color:white;position: relative;margin-right: 8px;} .wbc-button-round i:nth-child(2) {position: absolute;right: -2px;top: 8px;color:rgb(255, 255, 255);font-size: 0.7em;} /* Webchat Text Area */ .wbc-transmitter { background-color: #60778b; display: flex; align-items: center; justify-content: space-around; position: relative; } .wbc-t-input { } .wbc-t-input-text { background-color: #7d96ab; width: 100%; border:0px; border-radius: 50px; color:white; padding: 10px 20px; line-height: 18px; word-wrap: break-word; white-space: pre-wrap; outline: none; } .wbc-t-input-send { padding: 5px 30px; cursor: pointer;} .wbc-t-input-send i { color:white; margin: 0px; font-size: 1.6em;} .wtc-t-groupIcons { display: flex; justify-content: center; align-items: center; font-size: 1.2em; color:white; padding: 0px 8px; } .wtc-t-groupIcons i { padding: 12px; cursor: pointer;} .wbc-t-input-send-disabled { cursor: not-allowed; opacity: 0.5;} /* Webchat Panel Attachments */ .wtc-t-optionsPanel { display: flex; justify-content: center; align-items: center; position: absolute; background-color: rgba(22, 22, 22, 0.445); backdrop-filter: blur(3px); top: 0px; left: 0px; margin-top: -108px; height: 108px; width: 100%; } .wtc-t-oP--itemGroup { display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0px 5px; padding: 15px 10px; border-radius: 5px; cursor: pointer; color: white; background-color: #0e141a; transition:0.2s ease-in; } .wtc-t-oP--itemGroup:hover { background-color: #263d55; } .wtc-t-oP--itemGroup i { color: white; font-size: 2em; text-shadow: -1px 1px 12px #23a1a9; } /* Webchat Chat Options */ .wtc-h-optionsPanel { display: flex; align-items: flex-start; position: absolute; flex-direction: column; background-color:#2b3946; backdrop-filter: blur(3px); top: 0px; right: 0px; height: 100%; z-index: 2; box-shadow: -7px 0px 31px #00bcd440; overflow-x: hidden; border-radius: 10px 0px 0px 10px; border:1px solid #00ffff36 } .wbc-h-oP-userList { color:white; display: flex; align-items: center; padding: 10px 5px; justify-content: space-between; width: 100%; background-color: #1a222a; margin-bottom: 1px; position: relative;} .wbc-button-light { background-color: #7d96ab; border:0px; padding: 5px 10px; border-radius: 5px; cursor: pointer; } .wbc-button-white { border: 0px solid #c1c1c1; background-color: #ffffff; padding: 4px 18px; border-radius: 28px; cursor: pointer; color: #23a1a9 !important; transition: 0.2s all; outline: none; } .wbc-button-white:hover {background-color: #5a73ab;color: white !important;margin-top: -5px;box-shadow: 0px 3px #00000024;outline: none;} .wbc-h-oP-sectionLabel { display: flex; padding: 10px; background-color: black; width: 100%; margin-top: 10px;} .wbc-h-oP-sectionLabel { display: flex; padding: 10px; background-color: black; width: 100%; margin-top: 10px;} /* Webchat Forms and Inputs */ .wbc-form-add { display: flex; justify-content: space-between; align-items: center; padding: 10px; width: 100%; } .wbc-f-addInput { width: calc(100% - 10px); padding: 10px; background-color: #36434f; border: 2px solid teal; border-radius: 50px; color:white; font-weight: bold; outline: none;} .wbc-f-addInputAdded { width: calc(100% - 10px); padding: 10px; background-color: #46577d; border: 0px solid teal; border-radius: 50px; color: white; font-weight: bold; outline: none; } .wbc-f-addInput-button { background-color: #46577d; border:0px; color:white; padding: 10px 10px; width: 43px; height: 43px; font-size: 1.2em !important; border-radius: 50px; cursor: pointer; display: flex; align-items: center; justify-content: center; } .wbc-f-addInput-button i { margin: 0px;} .wbc-f-delete-button { background-color: white; border:1px solid grey; color:grey; padding: 10px 10px; width: 43px; height: 43px; font-size: 1.2em !important; border-radius: 50px; cursor: pointer; display: flex; align-items: center; justify-content: center; } .wbc-f-delete-button i { margin: 0px; } .wtc-h-oP-close { position: absolute; top: 0px; right: 0px; padding: 10px; cursor: pointer; } .wbc-h-oP-close-button { border:1px solid #7d96ab; background-color: transparent; color:white; padding: 10px 10px; width: 43px; height: 43px; border-radius: 50px; cursor: pointer; display: flex; align-items: center; justify-content: center; transform: rotate(0deg); transition: 0.2s all; outline: none !important; transform: rotate(45deg) } .wbc-h-oP-close-button:hover {transform: scale(1.1,1.1);background-color: #46577d;border:1px solid black;} .wbc-h-oP-close-button:hover div { transform: rotate(-45deg); } .wbc-h-oP-close-button div:nth-child(1) { background-color: white; width: 2px; height: 20px; position: absolute; transition: 0.2s all;} .wbc-h-oP-close-button div:nth-child(2) { background-color: white; width: 20px; height: 2px; position: absolute; transition: 0.2s all;} /* Webchat Modal Window */ .wbc-modal { position: absolute; width: 100%; height: 100%; z-index: 5; top:0px; left: 0px; display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.2); backdrop-filter: blur(5px); } .wbc-modal .Table-Contents-White { font-size: unset; } .wbc-modal-scrollable { overflow-y: auto; height: 66vh; } .wbc-modal-fixed { position: fixed;} /* Webchat Theme Light */ .wbc-theme-light .wbc-h-oP-sectionLabel { background-color: #f4f4f4; } .wbc-theme-light .wbc-f-addInput { background-color: white; border:1px solid #23a1a9; color:black; } /* Webchat Colors */ .wbc-bg-1 { background-color: #5a738c;color:white;} .wbc-bg-2 { background-color: #C97D60; color:white; } .wbc-bg-3 { background-color: #680E4B; color:white; } .wbc-bg-4 { background-color: #F85A3E; color:white; } .wbc-bg-5 { background-color: #398e92; color:white; } .wbc-bg-6 { background-color: #75a16f; color:white; } .wbc-bg-7 { background-color: #F18F01; color:white; } .wbc-bg-8 { background-color: #4A6C6F; color:white; } .wbc-bg-9 { background-color: #92331b; color:black; } .wbc-bg-10 { background-color: #3a225f; color:white; } /* PRE-LOADERS */ .wbc-b-loading { border: 1px solid #c0c0c047; border-radius: 20px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 11px 0px; background-color: #00000085; margin: 4px 0px; position: relative; width: 20%; flex-direction: row; position: absolute; right: 11px; top: 6px; } .wbc-b-loading-fixed { position: relative; } .wbc-b-loading-wrap { position: relative; margin-left: -38px; margin-top: -16px; } .wbc-b-loading i { font-size: 0.7em; color: #23a1a9; position: absolute; } .wbc-b-loading i:nth-child(1) { animation: wbc-b-loading-0 1s ease-in-out infinite; animation-direction: alternate; animation-delay: 0.1s; left:5px; top:0px; } .wbc-b-loading i:nth-child(2) { animation: wbc-b-loading-0 1s ease-in-out infinite; animation-direction: alternate; animation-delay: 0.2s; left:15px; top:0px; } .wbc-b-loading i:nth-child(3) { animation: wbc-b-loading-0 1s ease-in-out infinite; animation-direction: alternate; animation-delay: 0.3s; left:25px; top:0px;} @keyframes wbc-b-loading-0 { 0% { color: #23a1a9;} 50% { top:10px; text-shadow:0px 0px 8px #eeaa49; } 100% { color:#ff814f} } .wbc-loading-paperPlane { animation: wbc-loading-paperPlane-1 1.5s ease-in-out infinite; animation-direction: alternate; } .wbc-loading-paperPlane-1 { animation: wbc-loading-paperPlane-1 1.5s ease-in-out infinite; animation-direction: alternate; animation-delay: 2s; } .wbc-loading-paperPlane-wings { animation: wbc-loading-paperPlane-2 1.5s ease-in-out infinite; animation-direction: alternate; } .wbc-loading-paperPlane-wings-1 { animation: wbc-loading-paperPlane-2 1.5s ease-in-out infinite; animation-direction: alternate; animation-delay: 2s; } .wbc-loading-paperPlane-rotate { animation: wbc-loading-paperPlane-rotate 1.5s ease-in-out infinite; animation-direction: normal; transform-origin: 107.3px 106.8px; } @keyframes wbc-loading-paperPlane-1 { 0% { } 20% { transform: translateY(5px) } 50% { transform: translateY(-20px); } 50% { transform: translateY(-10px); transform: scale(0.9,0.9); } 100% { } } @keyframes wbc-loading-paperPlane-rotate { 0% { transform: rotate(0); } 50% { background-color:green; } 100% { transform: rotate(360deg); } } @keyframes wbc-loading-paperPlane-2 { 0% { } 20% { opacity: 0; color:white } 100% { } } /* OverRides */ .multiselect__input { color:black !important; } .multiselect .multiselect__tags { display: block; padding: 8px 40px 0 8px; border-radius: 2px; border: 1px solid #c5c5c5; background: #fff; font-size: 11px; box-shadow: inset 0 1px 2px rgba(10,10,10,.1); min-height: 30px;} #dynamicGrid .multiselect .multiselect__tags { display: block; padding: 8px 40px 0 8px; border-radius: 2px; border: 0px solid #c5c5c5; background: #fff; font-size: 11px; box-shadow: inset 0 1px 2px rgba(10,10,10,.1); min-height: 30px;} .multiselect .multiselect__placeholder { color: #adadad;display: inline-block;margin-bottom: 8px;padding-top: 0px;} .multiselect .multiselect__select { position: absolute;width: 40px;height: 34px; } .Dynamic .multiselect input:focus { background-color: transparent; color:white; outline: 0px; border:0px; box-shadow:none} .Dynamic .multiselect__option { border-bottom: 1px solid #e6e6e6; } .Dynamic .multiselect__option:after { line-height: 32px; display:none; } .Dynamic .multiselect__single { font-size: 11px; } .Dynamic .multiselect__content-wrapper { box-shadow: 0px 0px 10px #00000088; } .Dynamic .multiselect--active { z-index: 200; } /*#dynamicGrid .multiselect__content-wrapper { position:relative !important; }*/ #dynamicGrid .multiselect__content-wrapper { position: absolute !important; /* width: 32vh; /*top: 37px;*/ z-index: 200; /*height: 300px;*/ } #dynamicGrid .multiselect--active { z-index: 200; } .switch-field { display: flex; overflow: hidden; } .switch-field input {position: absolute !important;clip: rect(0, 0, 0, 0);height: 1px;width: 1px;border: 0;overflow: hidden;} .switch-field label { background-color: #e4e4e4; color: rgba(0, 0, 0, 0.6); font-size: 14px; line-height: 1; text-align: center; padding: 10px 25px; margin: 0px; /* border: 1px solid rgba(0, 0, 0, 0.2); */ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); transition: all 0.1s ease-in-out; } .switch-field label:hover { cursor: pointer; } .switch-field input:checked + label {background-color: #46577d;box-shadow: none;color: white;font-weight: 700;} .switch-field label:first-of-type { border-radius: 4px 0 0 4px; } .switch-field label:last-of-type { border-radius: 0 4px 4px 0; } /* Side Overlay frame */ .side-overlay { position: absolute; height: 100%; background-color: #CCD4DB; top: 0px; right: 0px; width: 50%; box-shadow: -7px 0px 19px #00000047; } .side-overlay-iframe { width: 100%; height: 99.1%; border: 0px; } .grid-iframeOverlay { display: grid; grid-template-rows: 43px 0px 1fr; grid-auto-columns: 1fr; grid-auto-rows: 1fr; gap: 0px 0px; grid-auto-flow: row; width: 100%; height: 100%; } .nav { grid-area: 1 / 1 / 2 / 2; } .logo { grid-area: 2 / 1 / 3 / 2; } .iframe { grid-area: 3 / 1 / 4 / 2; } .disabled { opacity:0.5; pointer-events: none;} /* SLA Box / Regulatory */ .regPrazo_box { border: 1px solid #0a2239; border-radius: 5px; font-size: 0.85em; display: flex; text-align: center; font-weight: bold; margin: 0px 10px; color:white;} .regPrazo_Title { font-size: 0.80em;text-wrap: nowrap;padding: 1px 0px;min-width: 110px;} .regPrazo_Days { font-size: 1.2em; color:#a0e0f1; text-wrap: nowrap; } .regPrazo_Status { padding: 0px 8px;font-size: 0.85em; text-wrap: nowrap;} .regPrazo_Expired { border: 1px solid #FF3939; } .regprazo_OnGoing { border: 1px solid #278bac; } .regPrazo_Paused { border: 1px solid #FF9800; } .regPrazo_border { padding: 5px 10px; } .regPrazo_Icon { margin-top: 8px;margin-bottom: 2px;} /* .regPrazo_Icon_svg { background: url(Svg/timer-pause-svgrepo-com.svg) no-repeat center center; background-size: contain; height: 28px; width: 28px; color:white } */ /* .regprazo_OnGoing .regPrazo_Icon::after { font-family: "fontawesome"; font-weight: 900; content: "\f017\0020\f04b"; color:#51AC27; font-size: 1.3em; } */ .regprazo_OnGoing .regPrazo_Icon { background: url(Svg/timer-play-svgrepo-com.svg) no-repeat center center; background-size: contain; height: 26px; width: 100%; margin-bottom: -1px; margin-top: 6px; } .regprazo_OnGoing .regPrazo_border { border-right:1px solid #278bac} .regprazo_OnGoing .regPrazo_Status { color: #278bac } .regPrazo_Paused .regPrazo_Icon { background: url(Svg/timer-pause-svgrepo-com.svg) no-repeat center center; background-size: contain; height: 20px; width: 100%; } .regPrazo_Paused .regPrazo_border { border-right:1px solid #FF9800} .regPrazo_Paused .regPrazo_Status { color: #FF9800 } .regPrazo_Expired .regPrazo_Icon::after { font-family: "fontawesome"; font-weight: 900; content: "\f273"; color:#FF3939; font-size: 1.3em; } .regPrazo_Expired .regPrazo_border { border-right:1px solid #FF3939} .regPrazo_Expired .regPrazo_Status { color: #FF3939 } .regPrazoTimer_box { background-color: #00000054; border-radius: 50px; height: 7px; width: 90%; margin: 5px 0px; overflow: hidden; } .regPrazoTimer_box div { border-radius: 50px; height: 7px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .regPrazoTimer-yellow { background-color: #FF9800; } .regPrazoTimer-blue { background-color: #278bac; } .regPrazoTimer-red { background-color: #FF3939; } /* Notas Processo */ #Notas_Processo { overflow: auto; width: 300px; } #Notas_Processo > div .notas-processo-wrapper:last-child .NP_Header_v2 { background-color: #f9efca } .notas-processo-wrapper { border: 1px solid #d5d5d5;text-align: left;margin: 0px;border-radius: 5px;margin-bottom: 7px; overflow: hidden;box-shadow: 0px 1px 4px #00000024;width: 98%; background-color: white; font-size: 0.75em; line-height: 15px;} .NP_Header_v2 {padding: 3px 8px;background-color: #ebf1f8;color: #4572a3;display: flex;justify-content: space-between;} .NP_Text_v2 {padding: 9px 8px; word-break: break-word;} .notas-processo-highlight { } /* PhotoInfoCards ex: casafari Interface */ .cardPhotoInfo-wrap { } /* .cardPhotoInfo-scroll { overflow: auto; height: calc(100vh - 54px ); } */ .cardPhotoInfo-scroll { overflow: auto; height: calc(100vh - 160px ); } .cardPhotoInfo-wrap .cardContainer { background-color: white; display: flex; width: 100%; border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 10px #0000001f; border:2px solid white; margin-bottom: 10px; transition: 0.1s transform; position: relative; } .cardPhotoInfo-wrap .cardContainer:hover { transform: scale(1.02); cursor: pointer; } .cardContainer.active { border:3px solid #546573; box-shadow: 0px 0px 10px white;} .cardContainer.active { background-color: #546573; color:white} .cardContainer.active img { filter: invert();} .cardContainer.active .price { color:white} .cardContainer.active i { color:white !important} .cardPhotoInfo-wrap .photo-frame { background-size: cover; background-repeat: no-repeat; width: 300px; display: flex; align-items: center; justify-content: space-around; background-position: center; position: relative;} .cardContainer .photo-controls { color: white; display: flex; align-items: center; justify-content: space-between; width: 100%; } .cardContainer .photo-controls i { font-size: 1.3em; text-shadow: 0px 1px 9px #00000082; margin: 10px; } /* .cardContainer .inputCheckbox-wrapper { background-color: white; padding: 5px 15px; position: absolute; top:0px; left: 0px; border-bottom-right-radius: 5px; } */ .cardContainer .inputCheckbox { font-size: 2em; transform: scale(1.5); border-color: red; background-color: white; margin: 0px 0px; } .cardPhotoInfo-wrap .content-frame { width: 100%;} .cardPhotoInfo-wrap .infoHeader { padding: 0px 10px; display: flex; align-items: center; justify-content: space-between; } .cardPhotoInfo-wrap .price { font-size: 1.6em; font-weight: 500; margin-bottom: -3px;} .cardPhotoInfo-wrap .sub-price { font-size: 0.95em; font-weight: 500; margin-bottom: 5px;} .cardPhotoInfo-wrap .sub-price i { color:#00000054; margin-right: 5px;} .cardPhotoInfo-wrap .infoBar { display: flex; align-items: center; gap:10px; border-bottom:1px solid silver; padding: 0px 10px; padding-bottom: 8px; opacity: 0.8; } .cardPhotoInfo-wrap .infoBar span { margin-left: 5px; } .cardPhotoInfo-wrap .infoBar img { margin-top: -5px; height: 16px; } .cardPhotoInfo-wrap .infoItems { margin: 5px; font-size: 0.77em; } .cardPhotoInfo-wrap .listing-url-wrap { display: flex; flex-direction: row; } .cardPhotoInfo-wrap .listing-url-header { border-top:1px dashed silver; display: flex; align-items: center; justify-content: space-between; padding: 3px 10px; font-size: 0.75em; font-weight: bold; margin-top: 10px; color: var(--gray); } .cardPhotoInfo-wrap .listing-url { font-size: 0.75em; padding: 3px 10px; margin: 3px 6px; border-radius: 5px; text-wrap: pretty; background-color: #33b7be; color:white; line-height: 15px; } .cardPhotoInfo-wrap .listing-url a { color:white} .cardPhotoInfo-wrap .listing-url a:visited { color:white} /* .cardPhotoInfo-wrap .infoBullets { display: flex; padding: 2px; flex-wrap: wrap; height: 100%;align-items: flex-end; border-right: 1px solid #00000024; } */ .cardPhotoInfo-wrap .info-itemBox {margin: 0px;border-radius: 3px;padding: 0px 5px;font-size: 0.75em;display: flex;align-items: center;flex-grow: 1;font-weight: bold;line-height: 13px;} .cardPhotoInfo-wrap .item-active { background-color: #51AC27; color:white; justify-content: center; height: 20px; } .cardPhotoInfo-wrap .item-inactive { background-color: #ffffff; color: #988b8b; border: 1px solid orange; justify-content: center; height: 20px; } .cardPhotoInfo-wrap .item-market {background-color: #00000080;color: white;} .cardPhotoInfo-wrap .item-market i { font-size: 1em; margin:5px; } .info-itemBox.item-top {position: absolute;top: 0px;left: 0px;} .info-itemBox.item-bottom {position: absolute;left: 0px;bottom:0px;} /* TimeLine Component */ #TimeLineSection .TimeLine-wrapper:last-child .tl-liner-wrapp { display:none} .tl-fixed-sideBar { width: 220px !important; display: table-cell;} .tl-calendarScroll { overflow: overlay; height: calc(100vh - 30px); padding-bottom: 50px; top: 30px !important; } #tl-Calendar { display: flex !important; align-items: center; justify-content: center; flex-wrap: wrap; } .tl-calendarScroll-wrapp { border-right: 1px solid #dee2e6;} .tl-calendar-item { background-color: #edeef1; padding: 3px; margin: 2px 10px; text-align: center; border-radius: 4px; position: relative; transition: 0.15s all ease-in-out; width: 100%; border: 1px solid white; } .tl-calendar-item:hover { transform: scale(1.05); margin: 7px 10px; box-shadow: 0px 5px 10px #0000001a; } .tl-calendar-item .tl-date-Day { font-size: 1.1em !important; } .tl-calendar-item .tl-date-Day::after { height: 2px !important; margin: 0px auto !important; } .tl-calendar-item .tl-date-month { margin: unset !important; color: #828282; font-family: 'Aleo'; } .tl-calendar-item .tl-date-count { background-color: white; border-radius: 27px; color: #b7b9df; display: flex; align-items: center; justify-content: center; font-size: 0.8em; padding: 0px 4px; min-width: 90px } .tl-calendar-itemClick { text-decoration: none !important; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; } .tl-filterWrapp { display: flex; justify-content: flex-start; align-items: center; padding: 1px; z-index: 2020 !important;} .TimeLine-wrapper {display: flex;align-items: stretch;justify-content: center;width:100%;flex-direction: column;padding: 10px;} .TimeLine-box {display: flex;position: relative;width: 100%;flex-direction: row;margin-bottom: 8px;} .timeLine-WhiteBox { background-color: white; border-radius: 5px; border: 1px solid silver; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.141); padding: 6px; display: flex; position: relative; width: 100%; } .timeLine-typeWrapper { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0px 10px; border-right: 2px solid rgb(240, 240, 240); min-width: 125px; justify-content: space-between; } .timeLine-ContentWrapper { display: flex; flex-direction: column; padding: 0px 20px; } .timeLine-dateGroup-sticky { position: sticky; top:0px; z-index: 1020; background-color: white; } .timeLine-dateGroup-wrapp { font-family: 'Open Sans'; font-weight: bold; padding: 5px 0px; margin-bottom: 5px; font-size: 0.85em; display: flex; align-items: center; background-color: white; position: sticky; top:27px; z-index: 1020; box-shadow: 0px 6px 14px 0px #ffffff; cursor: pointer; } .timeLine-dateGroup-wrapp .date { text-align: center;background-color: #e3e8f3;min-width: 230px;padding: 3px 8px;border-radius: 50px;color: #687185; display: flex; justify-content: space-around; transition: 0.3s all;} .timeLine-dateGroup-wrapp .line { height: 1px;width: 100%;height: 2px;background-color: #ededed; transition: 0.3s all;} .timeLine-dateGroup-wrapp:hover .date { background-color: #4c5e87; color:white } .timeLine-dateGroup-wrapp:hover .line { background-color: #4c5e87; color:white } .tl-mobileWrap { display: none;} .tl-Triangle { width: 40px; height: 40px; background-color: rgb(255, 255, 255); position: absolute; left: -19px; top:20px; clip-path: polygon(50% 0, 0 50%, 50% 100%); z-index: 1; } .tl-Triangle-shadow { width: 40px; height: 40px;background-color: rgb(178 178 178);position: absolute;left: -20px;top:20px;clip-path: polygon(50% 0, 0 50%, 50% 100%);} .tl-dateWrapper {background-color: #ffffff;padding: 10px 10px;text-align: center;font-family: 'Aleo'; border: 1px solid #e9e9e9;border-radius: 5px;margin-right: -7px;width: 230px;border-left: 5px solid #e5e5e5;} .tl-dateHeight {display: flex;/* flex-direction: row; *//* height: 100%; *//* flex-wrap: nowrap; */} .tl-date-Day {font-size: 1em;color:#3C81C6; } .tl-date-Day::after { /* content: ''; */ display: block; width: 80%; height: 3px; background-color: rgb(225, 225, 225); border-radius: 5px; margin: -5px auto; } .tl-date-month { margin-top: -6px;font-size: 0.75em;} .tl-date-hour { font-size: 0.95em;color: #627fb1;padding: 1px 10px;border-radius: 5px;display: flex;font-weight: bold; text-align: center;justify-content: center;flex-direction: row; margin-top:17px; margin-right:20px;} .tl-date-hour i { margin-right: 5px;} .timeLine-Title { font-family: 'Aleo'; font-size: 0.9em; line-height: 16px; padding-bottom: 3px; word-break: break-word; } .timeLine-Contents { line-height: 14px; font-size:0.8em; } .tl-icon-Wrapper { width: 100%; display: flex; flex-direction: column; align-items: center;} .tl-icon-base { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; border-radius: 50px; margin-bottom: 4px; padding: 15px; } .tl-icon-estado { border: 2px solid #33b7b7; } .tl-icon-base i { margin: 0px;} .tl-state-base { border-radius: 50px; padding: 0px 5px; width: 100%; text-align: center; font-family: 'Aleo'; font-size: 0.85em; padding-top: 2px;} .tl-buttonLink { border-radius: 2px; padding: 2px 15px; font-size: 0.8em; border: 1px solid #bedaf6; background-color: #ecf6ff; color: #3c6593; position:absolute; right: 5px; bottom: 5px; display: flex; align-items: center; justify-content: space-evenly; text-decoration: none; } .tl-buttonLink i { margin-left:5px !important; } .tl-buttonLink:hover { transition: 0.3s all ease-in-out; background-color: #3c6593; color:white } .tl-liner-wrapp { display: flex; align-items: center; justify-content: center; height: 100%; margin-bottom: -30px; display:none} .tl-liner { height: 100%; border-left: 2px dashed rgb(233, 233, 233); position: relative; } .tl-liner::after { content: '●'; margin: 0px; position: absolute; bottom: -13px; right: -3.5px; color: #c6c6c6; z-index: 1; } .tl-liner::before { content: '●'; margin: 0px; position: absolute; top: -13px; right: -3.5px; color: #c6c6c6; } .tl-liner-wrapp-mobile { display: none;} .is-mobile { display: none;} /* Basic Vue Fade */ .fade-enter-active, .fade-leave-active { transition: opacity 0.5s ease-in-out; } .fade-enter-from, .fade-leave-to { opacity: 0; } .slide-up-enter-active, .slide-up-leave-active { transition: transform 0.5s ease; } .slide-up-enter, .slide-up-leave-to { transform: translateY(-100%); opacity: 0; } .slide-up-leave-active { transform: translateY(100%); } /* Markdown Base */ /* --- Base --- */ #markdownTarget { } #markdownTarget h1, #markdownTarget h2, #markdownTarget h3, #markdownTarget h4, #markdownTarget h5, #markdownTarget h6 { font-weight: 600; line-height: 1.25; color: #1f2937; } #markdownTarget h1 { font-size: 1.2rem; } #markdownTarget h2 { font-size: 1.15rem; color: #000000c6; } #markdownTarget h3 { font-size: 1.1rem; } #markdownTarget h4 { font-size: 1.1rem; } /* --- Paragraphs & Links --- */ #markdownTarget p { margin: 0em 0; margin-bottom: 1rem; } /* --- Links --- */ #markdownTarget a { color: #244a5e; /* azul vivo */ text-decoration: none; position: relative; font-weight: 500; transition: color 0.2s ease; } #markdownTarget a::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background: #244a5e4e; /* azul claro para contraste */ transform: scaleX(0); transform-origin: left; transition: transform 0.25s ease; } #markdownTarget a:hover { color: #244a5e; /* azul mais escuro */ } #markdownTarget a:hover::after { transform: scaleX(1); } /* --- Horizontal rule --- */ #markdownTarget hr { border: none; border-top: 1px solid rgba(0, 0, 0, 0.453); margin: 2em 0; } /* --- Lists --- */ #markdownTarget ul, #markdownTarget ol { margin: 0.1em 0 0.2em 1.5em; padding: 0; } #markdownTarget li { margin: 0.3em 0; } #markdownTarget ul li::marker { color: #244a5e; } #markdownTarget ol li::marker { color: #244a5e; font-weight: bold; } #markdownTarget ul ul { font-size: 0.8em; } /* --- Tables (Card Style) --- */ #markdownTarget table { width: 100%; border-collapse: collapse; margin: 1em 0; font-size: 0.75rem; background-color: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); } #markdownTarget th, #markdownTarget td { padding: 0.75em 1em; text-align: left; border-bottom: 1px solid #e5e7eb; } #markdownTarget th { background-color: #f9fafb; font-weight: 600; color: #374151; } #markdownTarget tr:hover td { background-color: #f3f4f6; } #markdownTarget tr:last-child td { border-bottom: none; } /* --- Blockquotes --- */ #markdownTarget blockquote { margin: 1em 0; padding: 0.75em 1em; border-left: 4px solid #3b82f6; background-color: #f9fafb; color: #374151; font-style: italic; border-radius: 4px; } #markdownTarget blockquote blockquote { border-left-color: #10b981; background-color: #f3f4f6; } #markdownTarget blockquote blockquote blockquote { border-left-color: #f59e0b; background-color: #fef3c7; } /* --- Inline Code --- */ #markdownTarget code { background-color: #e2e5ea; color: #111827; padding: 0.2em 0.4em; border-radius: 4px; font-family: "Fira Code", "Courier New", monospace; font-size: 0.9rem; } /* --- Code Blocks --- */ #markdownTarget pre { background-color: #1e293b; color: #f8fafc; padding: 1em; border-radius: 6px; overflow-x: auto; font-family: "Fira Code", "Courier New", monospace; font-size: 0.9rem; line-height: 1.5; } /* MasterWindows2 - ucMWHProcesso */ .background-grad { background-image: linear-gradient(to right, #1b3a59, #224364, #284c6f, #2f557a, #365e86, #345a80, #31557a, #2f5174, #243f5c, #192e44, #0f1e2e, #010d1a); background-color: #1b3a59;} .background-grad-v2 { background: linear-gradient(180deg,#10192A 0%, #345379 100%);} .BoxDetails-v2 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#FFFFFF} .BoxDetails-v2 TR{ height:22px} .BoxDetails-v2 select { text-align:left} .processo-logo-client { margin-bottom: 7px; border-bottom: 1px solid #ffffff26; padding-bottom: 7px; } .processo-subestado-group { display: flex; align-items: center;} .processo-subestado-group select { background-color: transparent; color: white; border: 1px solid #18263c69; font-size: 1em !important; padding: 2px 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; margin-left: 10px; background-image: linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%); background-position: calc(100% - 18px) calc(50% - 0px),calc(100% - 12px) calc(50% - 0px); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; appearance: none;} .processo-subestado-group input[type="submit"] { background-color: #18263c; border-radius: 20PX !important; COLOR: WHITE; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; margin-left: -3px !important; height: 21px !important; min-width: 55px !important; } .processo-subestado-group select option { background: #294264; color: white; box-shadow: 0px 0px 10px black; } .ImageHolder { border: 0px; overflow: unset; } /* Costumização Layout Tabs */ .tab-content { width: 100%; } .tabNav-pills { width: 34px; margin-right: -1px; z-index: 1 } .tabNav-pills .tab-link { text-align: center; border: none; transition: all 0.3s ease; outline-style: none; margin-bottom: 4px; background-color: transparent; color: #7ca2be; padding: 5px 7px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; cursor: pointer; border: 1px solid #ffffff4d; border-right: 0px; } .tabNav-pills .tab-link:last-child { margin-bottom: 0px; } .tabNav-pills .tab-link i { vertical-align: middle; margin: 0px; font-size: 1.1em; } .tabNav-pills .tab-link.active { background-color: #7ca2be; color: #d7e4ef; } .tab-pane { display: none; border: 1px solid #7ca2bea3; border-radius: 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .tab-pane.active { display: block; } .process-nav { display: grid; background-color: #33597f38; padding: 4px 9px; border-radius: 4px; font-size: 0.8em; color: white; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; height: 75px; overflow: auto; min-width: 225px; margin: 0px 15px 0px 14px; /* border: 1px solid #ffffff3b; */ grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); justify-items: center; } .process-nav a { position: relative; display: block; border: 1px solid #ffffff3b; /* margin: 0px 9px 0px 0px;*/ border-radius: 30px; padding: 3px 8px; margin-bottom: 3px; background-color: transparent; color: white; text-decoration: none; text-align: center; width: 94%; } .process-nav .active { background-color: #2866a7; color: #b8dafe } .process-nav a::before { font-family: "bootstrap-icons"; content: "\f38b"; display: inline-block; margin-left: 0.4em; font-size: 1em; vertical-align: middle; color: white; margin-right: 4px; } .process-nav a::after { font-family: "bootstrap-icons"; content: "\F471"; display: inline-block; right: -13px; font-size: 1.3em; vertical-align: middle; color: #ffffff78; position: absolute; margin-top: 1px; z-index: 2; font-weight: 100; } .process-nav a:last-of-type::after { content: ""; } @media all and (max-width: 800px) { .table-items-flex div { min-width: 100%; } } @media screen and (max-width: 768px) { .hide-if-mobile { display:none !important;} .show-if-mobile { display:block } .TableFormV2 { border: 0; margin-bottom:10px; } .TableFormV2 caption { font-size: 1.3em; } .TableFormV2 thead th { border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .TableFormV2 th { display: block; } .TableFormV2 tr { display: block; border-bottom: 0px solid gainsboro;} .TableFormV2 td { display: block;width:100%; font-size:14px; text-align:left !important; padding: 0px 5px 0px 5px; } .TableFormV2 td::before { font-weight: bold; text-transform: uppercase; } .TableFormV2 td:last-child { border-bottom: 0;} .TableFormV2 input { margin:5px 0px 15px 0px; width: 95%; } .TableFormV2 select { margin:5px 0px 15px 0px; width: 95%; } .telefone:after { display:none; } .fax:after { display:none; } .utilizador:after { display:none; } .email:after { display:none; } .data:after { display:none; } .moeda:after { display:none; } .upload:after { display:none; } .inline { display:block; } .TableFormV2 TD:nth-of-type(1) { width: 100%; text-align:left;} .TableFormV2 TD:nth-of-type(2) { width: 100%; text-align:left;} .TableFormV2 TD:nth-of-type(3) { width: 100%; text-align:left;} .TableFormV2 TD:nth-of-type(4) { width: 100%; text-align:left;} .help-contents { width:auto; font-size:16px; } .Table-Contents-White { overflow:auto;} .List-Header-Options { height:auto;} .List-Header-Options-compact { height:auto;} /* Rules for > alternative 768px not In Use .flex-grid-mobile { width: 100% } .flex-grid-mobile .flex-grid { width:100%; align-items: center; flex-wrap: wrap} .flex-grid-mobile .flex-grid div { align-self:auto; } .flex-grid-mobile .flex-grid select, input, textarea { width:100%; padding:5px; border-radius:3px; border:1px solid silver; } */ .flex-grid-mobile { width: 100% } .flex-grid-mobile .flex-grid { flex-direction: column; width:100%; align-items:initial;} .flex-grid-mobile .flex-grid div { align-self:auto; padding:5px 0px 5px 0px;} .flex-grid-mobile .flex-grid select, input, textarea { width:100%; padding:5px; border-radius:3px; border:1px solid silver; } .grid-three-columns { grid-template-columns: 1fr;} .grid-four-columns { grid-template-columns: 1fr;} .grid-five-columns { grid-template-columns: 1fr;} .grid-six-columns { grid-template-columns: 1fr;} /* This Grid Changes in Mobile */ .grid-header-side { display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto 1fr; grid-template-areas: "Header" "Side-Bar" "Side-Contents";} /* Rules for the Modal Window Content */ .window-wrapper { overflow: auto; } .centering-wrapp { align-items: flex-start !important; } .window-contents { width: 95%; padding-top: 2%;} .Dynamic .text-label-control { text-align:left} .Dynamic-sheet-wrapper { border:0px solid rgb(168, 181, 196); overflow:unset !important; } .Dynamic-sheet { /* display: flex; */ flex-direction: column; margin-bottom: 20px; border-radius: 5px; } .ds-card { border:1px solid rgb(192, 206, 214); background-color: white; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.082); overflow: visible; margin:unset; } .ds-grow { display: flex; justify-content: center; flex: unset; border-right: 0px;} .ds-grow .label { max-width: 100px; display:flex; align-items: center; } .ds-label-mobile { display: flex; width: 30%; padding-left: 10px; align-items: center; } .ds-label-desktop { display: none;} .ds-separator { height: 20px;} .ds-delete-row { z-index: 0; right: 5px; top: -13px; position: absolute; opacity:1; border:0px; } .ds-delete-button { border:1px solid rgb(218, 218, 218); border-radius: 50px; } .ds-delete-button i { color:grey } .ds-confirm-button { border:1px solid rgb(218, 218, 218); border-radius: 50px; } .ds-newItem-button { display: block} .hideAddButtonOnMobile { display: none; } #dynamicGrid .multiselect__content-wrapper { position: absolute !important; width: 100% !important; top: unset; } } @media (orientation: portrait) { /* TimeLine Component */ .tl-dateWrapper { display: none;} .tl-fixed-sideBar { width: unset !important; } .timeLine-ContentWrapper {padding: 0px 0px;width: 100%;} .timeLine-Contents { padding: 5px 0px; } .timeLine-WhiteBox { width: 100%;} .timeLine-typeWrapper { display: none;} .timeLine-Title { word-break: break-word; margin-top: 10px; } .TimeLine-box { margin-bottom: 28px; width: 100%;} .tl-mobileWrap {display: flex;align-items: center;justify-content: space-between;border-bottom: 2px solid #efefef;margin: 3px 0px;} .tl-mobileWrap .tl-icon-Wrapper {display: flex;flex-direction: row-reverse;width: unset;align-items: center;} .tl-mobileWrap .tl-state-base {width: 120px;padding: 3px 0px;margin-right: -20px;/* margin-top: 7px; */} .tl-mobileWrap .tl-icon-base {background-color: white;width: 35px;height: 35px;margin-bottom: 0px;} .tl-mobileWrap .tl-icon-base i { font-size: 0.8em;} .tl-dateWrapper-Mobile { display: flex; flex-direction: row; align-items: center;} .tl-dateWrapper-Mobile .tl-date-Day { font-size: 1.4em; display: flex; flex-direction: row; align-items: center; display:none; } .tl-dateWrapper-Mobile .tl-date-Day::after { content: ""; width: 3px; height: 25px; background-color: rgb(232, 232, 232); margin: 0px 6px; } .tl-dateWrapper-Mobile .tl-date-month { margin: 0px 0px; display:none;} .tl-dateWrapper-Mobile .tl-date-hour { margin: 0px 0px;} .tl-liner-wrapp { display: none; } .tl-liner-wrapp-mobile {position: absolute;bottom: 0px;width: 1px;height: 28px;left: 50%;display: flex;align-items: center;justify-content: center;top: 100%;} #tl-Calendar { flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; } .tl-calendarScroll-wrapp { border-right: 1px solid #e5e5e5; } .tl-calendarScroll { overflow-x: auto; height: unset; padding-bottom: unset; max-width: 3000px; width: 100%; overflow-y: hidden; white-space: nowrap; } .tl-calendar-item { padding: 8px; margin: 3px 1px; text-align: center; width: 100px; } .tl-calendar-itemClick { text-decoration: none !important; display: flex; flex-direction: column; justify-content: space-around; align-items: center; flex-wrap: wrap; } .tl-buttonLink { width: fit-content; } .is-mobile { display: flex;} }