/* ========================================================================== #General ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsTitleSuccess, #pjWrapperTicketSupport_theme1 .pjTsTitleError { margin: 0; font-size: 16px; line-height: 1.4; font-weight: bold; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsBtn { display: inline-block; vertical-align: middle; cursor: pointer; } #pjWrapperTicketSupport_theme1 .pjTsBtn:hover { text-decoration: none; } #pjWrapperTicketSupport_theme1 .pjTsBtn:focus { outline: none; } #pjWrapperTicketSupport_theme1 .pjTsBtnPrimary { height: 45px; padding: 0 30px; border: 1px solid #40af5f; font-size: 17px; line-height: 43px; font-weight: 600; text-transform: uppercase; } #pjWrapperTicketSupport_theme1 .pjTsBtnFile { height: 41px; padding: 0 15px; border: 1px solid #8b8989; font-size: 17px; line-height: 39px; font-weight: 400; text-transform: uppercase; } #pjWrapperTicketSupport_theme1 .pjTsBtnLink { padding: 0; font-size: 15px; line-height: 1.67; text-transform: capitalize; } #pjWrapperTicketSupport_theme1 .pjTsBtnLink:hover { text-decoration: none; } /* ========================================================================== #pjTsForm ========================================================================== */ #pjWrapperTicketSupport_theme1 .form-group { margin: 0; padding-bottom: 20px; } #pjWrapperTicketSupport_theme1 .form-control { height: 41px; padding: 0 10px; font-size: 15px; line-height: 1.4; } #pjWrapperTicketSupport_theme1 .control-label { font-size: 15px; line-height: 1.67; font-weight: 400; text-align: left; } #pjWrapperTicketSupport_theme1 textarea.form-control { padding: 10px; height: 150px; } #pjWrapperTicketSupport_theme1 select.form-control { cursor: pointer; } #pjWrapperTicketSupport_theme1 .pjTsCaptcha .pjTsFormControls { overflow: hidden; } #pjWrapperTicketSupport_theme1 .pjTsCaptcha img, #pjWrapperTicketSupport_theme1 .pjTsCaptcha .form-control { display: inline-block; vertical-align: middle; } #pjWrapperTicketSupport_theme1 .pjTsCaptcha .form-control { width: 100px; margin-right: 10px; } #pjWrapperTicketSupport_theme1 .pjTsForm .pjTsBtnLink { margin-left: 5px; } #pjWrapperTicketSupport_theme1 .pjTsForm .pjTsTitleSuccess, #pjWrapperTicketSupport_theme1 .pjTsForm .pjTsTitleError { padding-bottom: 15px; } #pjWrapperTicketSupport_theme1 .help-block, #pjWrapperTicketSupport_theme1 .help-block ul, #pjWrapperTicketSupport_theme1 .help-block li { margin: 0; } /* ========================================================================== #pjTsContainer ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsContainer { padding: 15px; } /* ========================================================================== #pjTsHeader ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsHeader { padding-bottom: 20px; } #pjWrapperTicketSupport_theme1 .pjTsNav .pjTsBtn { height: 41px; padding: 0 15px; font-size: 17px; line-height: 37px; font-weight: 600; text-transform: uppercase; } /* ========================================================================== #pjTsBody ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsBody .panel-heading .panel-title { font-size: 17px; line-height: 1.4; font-weight: 700; text-transform: uppercase; } #pjWrapperTicketSupport_theme1 .pjTsBody .panel-heading .pjTsBtnLink { font-weight: bold; text-transform: uppercase; } /* ========================================================================== #pjTsTableTickets ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsTableTickets { margin-top: -1px; } #pjWrapperTicketSupport_theme1 .pjTsTableTickets th { font-size: 15px; line-height: 1.67; text-align: left; } #pjWrapperTicketSupport_theme1 .pjTsTableTickets tr:first-of-type:hover { background: none; } #pjWrapperTicketSupport_theme1 .pjTsTableTickets td:first-of-type { min-width: 50%; } #pjWrapperTicketSupport_theme1 .pjTsTableTickets a { font-weight: bold; } #pjWrapperTicketSupport_theme1 .pjTsTableTickets a:hover { text-decoration: none; } /* ========================================================================== #pjTsTicketDetails ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsTicketDetails { padding-bottom: 10px; } #pjWrapperTicketSupport_theme1 .pjTsTicketDetails p, #pjWrapperTicketSupport_theme1 .pjTsTicketReply p { margin: 0; font-size: 14px; line-height: 1.57; } #pjWrapperTicketSupport_theme1 .pjTsTicketTitle { margin: 0; font-size: 16px; line-height: 1.67; font-weight: 700; text-transform: uppercase; } #pjWrapperTicketSupport_theme1 .pjTsTicketDetails .pjTsTicketTitle, #pjWrapperTicketSupport_theme1 .pjTsTicketReply .pjTsTicketTitle { margin: 0; line-height: 1.2; font-weight: 700; text-transform: uppercase; } #pjWrapperTicketSupport_theme1 .pjTsTicketDetails .pjTsTicketTitle { font-size: 36px; } #pjWrapperTicketSupport_theme1 .pjTsTicketReply .pjTsTicketTitle { font-size: 24px; } #pjWrapperTicketSupport_theme1 .pjTsTicketDetails .pjTsTicketMeta, #pjWrapperTicketSupport_theme1 .pjTsTicketReply .pjTsTicketMeta { margin: 0; padding-bottom: 10px; line-height: 1.4; } #pjWrapperTicketSupport_theme1 .pjTsTicketDetails .pjTsTicketMeta { font-size: 16px; } #pjWrapperTicketSupport_theme1 .pjTsTicketReply .pjTsTicketMeta { font-size: 15px; } #pjWrapperTicketSupport_theme1 .pjTsTicketMeta strong { text-transform: capitalize; } #pjWrapperTicketSupport_theme1 .pjTsTicketDetailsActions p, #pjWrapperTicketSupport_theme1 .pjTsListFiles { display: inline-block; vertical-align: middle; } #pjWrapperTicketSupport_theme1 .pjTsTicketDetailsActions p { padding-right: 5px; font-size: 15px; line-height: 1.67; font-weight: bold; text-transform: capitalize; } #pjWrapperTicketSupport_theme1 .pjTsListFiles { margin: 0; padding-top: 5px; } #pjWrapperTicketSupport_theme1 .pjTsListFiles li { padding: 0 0 5px 0; } #pjWrapperTicketSupport_theme1 .pjTsListFiles li:after { display: inline; vertical-align: middle; content: "|"; } #pjWrapperTicketSupport_theme1 .pjTsListFiles li:last-of-type:after { display: none; } #pjWrapperTicketSupport_theme1 .pjTsListFiles .pjTsBtnLink { text-transform: none; } /* ========================================================================== #pjTsPagination ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsPagination { padding: 10px 0; border-top: 0; text-align: center; } #pjWrapperTicketSupport_theme1 .pjTsPagination .pagination { margin: 0; font-size: 0; } #pjWrapperTicketSupport_theme1 .pjTsPagination li, #pjWrapperTicketSupport_theme1 .pjTsPagination a, #pjWrapperTicketSupport_theme1 .pjTsPagination li > span { display: inline-block; vertical-align: middle; } #pjWrapperTicketSupport_theme1 .pjTsPagination li { padding: 0 2px; } #pjWrapperTicketSupport_theme1 .pjTsPagination a, #pjWrapperTicketSupport_theme1 .pjTsPagination li > span { width: 32px; height: 32px; margin: 0; padding: 0; border: 1px solid #fff; font-size: 16px; line-height: 28px; text-align: center; border-radius: 4px; } #pjWrapperTicketSupport_theme1 .pjTsPagination a:hover, #pjWrapperTicketSupport_theme1 .pjTsPagination .active a { text-decoration: none; } #pjWrapperTicketSupport_theme1 .pjTsPagination li > span:hover { background: none; cursor: default; } #pjWrapperTicketSupport_theme1 .pjTsPagination a[aria-label] { width: auto; padding: 0 5px; } /* ========================================================================== #pjTsFormSendMessage ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsFormSendMessage { padding-top: 10px; } #pjWrapperTicketSupport_theme1 .pjTsFormSendMessage .pjFsFormTitle { margin: 0; padding-bottom: 10px; font-size: 24px; line-height: 1.1; font-weight: 700; text-transform: uppercase; text-align: center; } #pjWrapperTicketSupport_theme1 .pjTsFormSendMessage .pjFsFormTitleSucces { font-size: 16px; text-transform: none; } /* ========================================================================== #pjTsAddFile ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsAddFile { overflow: hidden; display: block; padding-bottom: 5px; } #pjWrapperTicketSupport_theme1 .pjTsAddFile p { margin: 0; font-size: 13px; line-height: 1.56; text-transform: capitalize; } #pjWrapperTicketSupport_theme1 .pjTsAddFile .pjTsUploadedFiles { display: inline-block; font-size: 15px; vertical-align: middle; } #pjWrapperTicketSupport_theme1 .pjTsAddFileAdded .pjTsUploadedFiles { padding: 5px 0; } #pjWrapperTicketSupport_theme1 .pjTsBtnUpload { position: relative; display: inline-block; } #pjWrapperTicketSupport_theme1 .pjTsAddFileAdded .pjTsBtnUpload { display: none; } #pjWrapperTicketSupport_theme1 .pjTsFileUploadField { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } #pjWrapperTicketSupport_theme1 .pjTsAddFile .pjTsBtnReset { display: none; } #pjWrapperTicketSupport_theme1 .pjTsAddFileAdded .pjTsBtnReset { display: inline-block; } /* ========================================================================== #Responsive ========================================================================== */ @media only screen and ( max-width: 767px ) { /* ========================================================================== #pjTsHeader ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsNavLanguage { padding-bottom: 15px; text-align: left; } } @media only screen and ( max-width: 480px ) { /* ========================================================================== #pjTsHeader ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsNav .pjTsBtn { font-size: 14px; line-height: 39px; font-weight: 400; } #pjWrapperTicketSupport_theme1 .pjTsNavLanguage ~ .pjTsNav .pjTsBtn { padding: 0 5px; } /* ========================================================================== #pjTsTicketDetails ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsTicketDetails .pjTsTicketTitle { font-size: 24px; } #pjWrapperTicketSupport_theme1 .pjTsTicketReply .pjTsTicketTitle { font-size: 18px; } } @media only screen and ( max-width: 380px ) { /* ========================================================================== #pjTsTicketDetails ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsTicketDetails .pjTsTicketTitle { font-size: 19px; } /* ========================================================================== #pjTsFormAccess ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsFormAccess .form-group:last-of-type { text-align: center; } } body { background-color: #e2e2e2; } body [id^=pjWrapperTicketSupport_theme1] { background-color: inherit; } header .logo { margin: 10px 10px 30px 10px; } body > div { max-width: 100% !important; } .stepwizard-step p { margin-top: 10px; } .stepwizard-row { display: table-row; } .stepwizard { display: table; position: relative; } .stepwizard-step button[disabled] { opacity: 1; filter: alpha(opacity=100); } .stepwizard-row:before { top: 14px; bottom: 0; position: absolute; content: " "; width: 98%; height: 1px; background-color: #ccc; z-order: 0; } .stepwizard-step { display: table-cell; text-align: center; position: relative; } .btn-circle { width: 30px; height: 30px; text-align: center !important; padding: 6px 0 !important; font-size: 12px !important; line-height: 1.428571429 !important; border-radius: 15px !important; } label.custom-email, label.custom-assunto { margin-right: 4% !important; } div.custom-email { width: 87.6% !important; } select.custom-assunto { width: 105.3% !important; } label.custom-usuario { width: 12.4% !important; } select.custom-usuario { width: 105.1% !important; } div.identificar-radio { margin-left:2.5%; } div.identificar-radio label.radio-inline:last-child { margin-left:5%; } label.localidade { width: 16.6% !important; } div.localidade { width: 83.4% !important; } [id^=pjWrapperTicketSupport_theme1] .btn-primary { color: #fff; background-color: #d71921; border-color: #d71921; } [id^=pjWrapperTicketSupport_theme1] .btn-primary.active, [id^=pjWrapperTicketSupport_theme1] .btn-primary.focus, [id^=pjWrapperTicketSupport_theme1] .btn-primary:active, [id^=pjWrapperTicketSupport_theme1] .btn-primary:focus, [id^=pjWrapperTicketSupport_theme1] .btn-primary:hover, [id^=pjWrapperTicketSupport_theme1] .open>.dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } [id^=pjWrapperTicketSupport_theme1] .btn-primary.active, [id^=pjWrapperTicketSupport_theme1] .btn-primary.focus, [id^=pjWrapperTicketSupport_theme1] .btn-primary:active, [id^=pjWrapperTicketSupport_theme1] .btn-primary:focus, [id^=pjWrapperTicketSupport_theme1] .btn-primary:hover, [id^=pjWrapperTicketSupport_theme1] .open>.dropdown-toggle.btn-primary { color: #fff; background-color: #da565c; border-color: #f16d73; } div.fade-load { display: none; } div.fade-load.ativo { background-color: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; position: fixed; top: 0; display: block; } div.fade-load.ativo div.carregando-gif { position: absolute; top: 40%; text-align:center; width: 100%; height: 100%; left: 48%; } div.fade-load.ativo div.carregando-gif div.box { background: #d71921; width: 60px; height: 60px; border-radius: 22px; } div.fade-load.ativo div.carregando-gif button { display:none; } div.fade-load.ativo div.carregando-gif div.box img { margin-top: 23%; } div.fade-load.ativo div.bloco-alerta { width: 100%; height: 100%; position: absolute; text-align: center; top: 40%; } div.fade-load.ativo div.bloco-alerta p.mensagem { padding: 0 20px; } div.termos { margin-right: 10px; margin-top: 11px; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background: rgba(0, 0, 0, 0.48); } .modal-dialog { z-index: 999999; } .custom-center { margin: auto; width: 50%; border: 3px solid green; padding: 10px; } .rodape { margin-top:20px; text-align:center; } .label-nome { width: 149px !important; } .input-nome { width: 87.5% !important; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxko2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff'); } /* ========================================================================== #General ========================================================================== */ #pjWrapperTicketSupport_theme1 * { font-family: 'Open Sans', sans-serif; } #pjWrapperTicketSupport_theme1 .fa { font-family: 'FontAwesome'; } #pjWrapperTicketSupport_theme1 .glyphicon { font-family: 'Glyphicons Halflings'; } #pjWrapperTicketSupport_theme1 .pjTsTitleSuccess { color: #3c763d; } #pjWrapperTicketSupport_theme1 .pjTsTitleError { color: #a94442; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsBtnPrimary { border-color: #40af5f; background: #4dc66f; color: #fff; } #pjWrapperTicketSupport_theme1 .pjTsBtnPrimary:hover { background: #40af5f; } #pjWrapperTicketSupport_theme1 .pjTsBtnLink { color: #24426f; } #pjWrapperTicketSupport_theme1 .pjTsBtnLink:hover { color: #40af5f; } #pjWrapperTicketSupport_theme1 .pjTsBtnFile { border-color: #8b8989; background: #a2a2a2; color: #fff; } #pjWrapperTicketSupport_theme1 .pjTsBtnFile:hover { background: #8b8989; } /* ========================================================================== #pjTsForm ========================================================================== */ #pjWrapperTicketSupport_theme1 .form-control { border-color: #ddd; background: #f7f7f7; color: #7a7676; } #pjWrapperTicketSupport_theme1 .form-control:focus { border-color: #1f3c68; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); box-shadow: 0 0 10px rgba(0, 0, 0, .3); } #pjWrapperTicketSupport_theme1 .control-label { color: #393636; } #pjWrapperTicketSupport_theme1 .has-error label, #pjWrapperTicketSupport_theme1 .has-error .control-label { color: #a94442; } #pjWrapperTicketSupport_theme1 .has-error .form-control { border-color: #a94442; } #pjWrapperTicketSupport_theme1 .has-success label, #pjWrapperTicketSupport_theme1 .has-success .control-label { color: #3c763d; } #pjWrapperTicketSupport_theme1 .has-success .form-control { border-color: #3c763d; } /* ========================================================================== #pjTsHeader ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsNav .pjTsBtn { border-color: #ddd; background: #f7f7f7; color: #3d5d8c; } #pjWrapperTicketSupport_theme1 .pjTsNav .pjTsBtn:hover, #pjWrapperTicketSupport_theme1 .pjTsNav .pjTsBtn.pjTsBtnActive { border-color: #d71921; background: #d71921; color: #fff; } /* ========================================================================== #pjTsBody ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsBody, #pjWrapperTicketSupport_theme1 .pjTsBody .panel-heading, #pjWrapperTicketSupport_theme1 .pjTsBody .panel-body, #pjWrapperTicketSupport_theme1 .pjTsBody .panel-footer { border-color: #ddd; } #pjWrapperTicketSupport_theme1 .pjTsBody .panel-heading { background: #f7f7f7; } #pjWrapperTicketSupport_theme1 .pjTsBody .panel-heading .panel-title { color: #3d5d8c; } #pjWrapperTicketSupport_theme1 .pjTsBody .panel-footer { background: #f7f7f7; } /* ========================================================================== #pjTsTableTickets ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsTableTickets tr:hover { background: #f7f7f7; } #pjWrapperTicketSupport_theme1 .pjTsTableTickets tr:first-of-type:hover { background: none; } #pjWrapperTicketSupport_theme1 .pjTsTableTickets th { color: #1f3c68; } #pjWrapperTicketSupport_theme1 .pjTsTableTickets td { color: #7a7676; } #pjWrapperTicketSupport_theme1 .pjTsTableTickets .pjTsTableDate { color: #40af5f; } #pjWrapperTicketSupport_theme1 .pjTsTableTickets a { color: #40af5f; } #pjWrapperTicketSupport_theme1 .pjTsTableTickets a:hover { color: #1f3c68; } /* ========================================================================== #pjTsTicketDetails ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsTicketDetails p, #pjWrapperTicketSupport_theme1 .pjTsTicketReply p { color: #7a7676; } #pjWrapperTicketSupport_theme1 .pjTsTicketDetails .pjTsTicketTitle, #pjWrapperTicketSupport_theme1 .pjTsTicketReply .pjTsTicketTitle, #pjWrapperTicketSupport_theme1 .pjTsTicketTitle { color: #3d5d8c; } #pjWrapperTicketSupport_theme1 .pjTsTicketDetails .pjTsTicketMeta, #pjWrapperTicketSupport_theme1 .pjTsTicketReply .pjTsTicketMeta { color: #393636; } #pjWrapperTicketSupport_theme1 .pjTsTicketMeta span { color: #40af5f; } #pjWrapperTicketSupport_theme1 .pjTsTicketMeta strong { color: #1f3c68; } #pjWrapperTicketSupport_theme1 .pjTsTicketDetailsActions p, #pjWrapperTicketSupport_theme1 .pjTsListFiles li:after { color: #40af5f; } /* ========================================================================== #pjTsPagination ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsPagination a { border-color: #fff; background: #fff; color: #3d5d8c; } #pjWrapperTicketSupport_theme1 .pjTsPagination a:hover, #pjWrapperTicketSupport_theme1 .pjTsPagination .active a { border-color: #1f3c68; background: #24426f; color: #fff; } /* ========================================================================== #pjTsFormSendMessage ========================================================================== */ #pjWrapperTicketSupport_theme1 .pjTsFormSendMessage .form-control { background: #fff; } #pjWrapperTicketSupport_theme1 .pjTsFormSendMessage .pjFsFormTitle { color: #3d5d8c; } #pjWrapperTicketSupport_theme1 .pjTsFormSendMessage .pjFsFormTitleSucces { color: #3c763d; } .custom-nome { width: 10%; }