/* ========================================================================== #General ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsTitleSuccess, #pjWrapperTicketSupport_theme3 .pjTsTitleError { margin: 0; font-size: 16px; line-height: 1.4; font-weight: bold; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsBtn { display: inline-block; vertical-align: middle; cursor: pointer; } #pjWrapperTicketSupport_theme3 .pjTsBtn:hover { text-decoration: none; } #pjWrapperTicketSupport_theme3 .pjTsBtn:focus { outline: none; } #pjWrapperTicketSupport_theme3 .pjTsBtnPrimary { height: 45px; padding: 0 30px; border: 1px solid #40af5f; font-size: 17px; line-height: 43px; font-weight: 600; text-transform: uppercase; } #pjWrapperTicketSupport_theme3 .pjTsBtnFile { height: 41px; padding: 0 15px; border: 1px solid #8b8989; font-size: 17px; line-height: 39px; font-weight: 400; text-transform: uppercase; } #pjWrapperTicketSupport_theme3 .pjTsBtnLink { padding: 0; font-size: 15px; line-height: 1.67; text-transform: capitalize; } #pjWrapperTicketSupport_theme3 .pjTsBtnLink:hover { text-decoration: none; } /* ========================================================================== #pjTsForm ========================================================================== */ #pjWrapperTicketSupport_theme3 .form-group { margin: 0; padding-bottom: 20px; } #pjWrapperTicketSupport_theme3 .form-control { height: 41px; padding: 0 10px; font-size: 15px; line-height: 1.4; } #pjWrapperTicketSupport_theme3 .control-label { font-size: 15px; line-height: 1.67; font-weight: 400; text-align: left; } #pjWrapperTicketSupport_theme3 textarea.form-control { padding: 10px; height: 150px; } #pjWrapperTicketSupport_theme3 select.form-control { cursor: pointer; } #pjWrapperTicketSupport_theme3 .pjTsCaptcha .pjTsFormControls { overflow: hidden; } #pjWrapperTicketSupport_theme3 .pjTsCaptcha img, #pjWrapperTicketSupport_theme3 .pjTsCaptcha .form-control { display: inline-block; vertical-align: middle; } #pjWrapperTicketSupport_theme3 .pjTsCaptcha .form-control { width: 100px; margin-right: 10px; } #pjWrapperTicketSupport_theme3 .pjTsForm .pjTsBtnLink { margin-left: 5px; } #pjWrapperTicketSupport_theme3 .pjTsForm .pjTsTitleSuccess, #pjWrapperTicketSupport_theme3 .pjTsForm .pjTsTitleError { padding-bottom: 15px; } #pjWrapperTicketSupport_theme3 .help-block, #pjWrapperTicketSupport_theme3 .help-block ul, #pjWrapperTicketSupport_theme3 .help-block li { margin: 0; } /* ========================================================================== #pjTsContainer ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsContainer { padding: 15px; } /* ========================================================================== #pjTsHeader ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsHeader { padding-bottom: 20px; } #pjWrapperTicketSupport_theme3 .pjTsNav .pjTsBtn { height: 41px; padding: 0 15px; font-size: 17px; line-height: 37px; font-weight: 600; text-transform: uppercase; } /* ========================================================================== #pjTsBody ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsBody .panel-heading .panel-title { font-size: 17px; line-height: 1.4; font-weight: 700; text-transform: uppercase; } #pjWrapperTicketSupport_theme3 .pjTsBody .panel-heading .pjTsBtnLink { font-weight: bold; text-transform: uppercase; } /* ========================================================================== #pjTsTableTickets ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsTableTickets { margin-top: -1px; } #pjWrapperTicketSupport_theme3 .pjTsTableTickets th { font-size: 15px; line-height: 1.67; text-align: left; } #pjWrapperTicketSupport_theme3 .pjTsTableTickets tr:first-of-type:hover { background: none; } #pjWrapperTicketSupport_theme3 .pjTsTableTickets td:first-of-type { min-width: 50%; } #pjWrapperTicketSupport_theme3 .pjTsTableTickets a { font-weight: bold; } #pjWrapperTicketSupport_theme3 .pjTsTableTickets a:hover { text-decoration: none; } /* ========================================================================== #pjTsTicketDetails ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsTicketDetails { padding-bottom: 10px; } #pjWrapperTicketSupport_theme3 .pjTsTicketDetails p, #pjWrapperTicketSupport_theme3 .pjTsTicketReply p { margin: 0; font-size: 14px; line-height: 1.57; } #pjWrapperTicketSupport_theme3 .pjTsTicketTitle { margin: 0; font-size: 16px; line-height: 1.67; font-weight: 700; text-transform: uppercase; } #pjWrapperTicketSupport_theme3 .pjTsTicketDetails .pjTsTicketTitle, #pjWrapperTicketSupport_theme3 .pjTsTicketReply .pjTsTicketTitle { margin: 0; line-height: 1.2; font-weight: 700; text-transform: uppercase; } #pjWrapperTicketSupport_theme3 .pjTsTicketDetails .pjTsTicketTitle { font-size: 36px; } #pjWrapperTicketSupport_theme3 .pjTsTicketReply .pjTsTicketTitle { font-size: 24px; } #pjWrapperTicketSupport_theme3 .pjTsTicketDetails .pjTsTicketMeta, #pjWrapperTicketSupport_theme3 .pjTsTicketReply .pjTsTicketMeta { margin: 0; padding-bottom: 10px; line-height: 1.4; } #pjWrapperTicketSupport_theme3 .pjTsTicketDetails .pjTsTicketMeta { font-size: 16px; } #pjWrapperTicketSupport_theme3 .pjTsTicketReply .pjTsTicketMeta { font-size: 15px; } #pjWrapperTicketSupport_theme3 .pjTsTicketMeta strong { text-transform: capitalize; } #pjWrapperTicketSupport_theme3 .pjTsTicketDetailsActions p, #pjWrapperTicketSupport_theme3 .pjTsListFiles { display: inline-block; vertical-align: middle; } #pjWrapperTicketSupport_theme3 .pjTsTicketDetailsActions p { padding-right: 5px; font-size: 15px; line-height: 1.67; font-weight: bold; text-transform: capitalize; } #pjWrapperTicketSupport_theme3 .pjTsListFiles { margin: 0; padding-top: 5px; } #pjWrapperTicketSupport_theme3 .pjTsListFiles li { padding: 0 0 5px 0; } #pjWrapperTicketSupport_theme3 .pjTsListFiles li:after { display: inline; vertical-align: middle; content: "|"; } #pjWrapperTicketSupport_theme3 .pjTsListFiles li:last-of-type:after { display: none; } #pjWrapperTicketSupport_theme3 .pjTsListFiles .pjTsBtnLink { text-transform: none; } /* ========================================================================== #pjTsPagination ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsPagination { padding: 10px 0; border-top: 0; text-align: center; } #pjWrapperTicketSupport_theme3 .pjTsPagination .pagination { margin: 0; font-size: 0; } #pjWrapperTicketSupport_theme3 .pjTsPagination li, #pjWrapperTicketSupport_theme3 .pjTsPagination a, #pjWrapperTicketSupport_theme3 .pjTsPagination li > span { display: inline-block; vertical-align: middle; } #pjWrapperTicketSupport_theme3 .pjTsPagination li { padding: 0 2px; } #pjWrapperTicketSupport_theme3 .pjTsPagination a, #pjWrapperTicketSupport_theme3 .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_theme3 .pjTsPagination a:hover, #pjWrapperTicketSupport_theme3 .pjTsPagination .active a { text-decoration: none; } #pjWrapperTicketSupport_theme3 .pjTsPagination li > span:hover { background: none; cursor: default; } #pjWrapperTicketSupport_theme3 .pjTsPagination a[aria-label] { width: auto; padding: 0 5px; } /* ========================================================================== #pjTsFormSendMessage ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsFormSendMessage { padding-top: 10px; } #pjWrapperTicketSupport_theme3 .pjTsFormSendMessage .pjFsFormTitle { margin: 0; padding-bottom: 10px; font-size: 24px; line-height: 1.1; font-weight: 700; text-transform: uppercase; text-align: center; } #pjWrapperTicketSupport_theme3 .pjTsFormSendMessage .pjFsFormTitleSucces { font-size: 16px; text-transform: none; } /* ========================================================================== #pjTsAddFile ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsAddFile { overflow: hidden; display: block; padding-bottom: 5px; } #pjWrapperTicketSupport_theme3 .pjTsAddFile p { margin: 0; font-size: 13px; line-height: 1.56; text-transform: capitalize; } #pjWrapperTicketSupport_theme3 .pjTsAddFile .pjTsUploadedFiles { display: inline-block; font-size: 15px; vertical-align: middle; } #pjWrapperTicketSupport_theme3 .pjTsAddFileAdded .pjTsUploadedFiles { padding: 5px 0; } #pjWrapperTicketSupport_theme3 .pjTsBtnUpload { position: relative; display: inline-block; } #pjWrapperTicketSupport_theme3 .pjTsAddFileAdded .pjTsBtnUpload { display: none; } #pjWrapperTicketSupport_theme3 .pjTsFileUploadField { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } #pjWrapperTicketSupport_theme3 .pjTsAddFile .pjTsBtnReset { display: none; } #pjWrapperTicketSupport_theme3 .pjTsAddFileAdded .pjTsBtnReset { display: inline-block; } /* ========================================================================== #Responsive ========================================================================== */ @media only screen and ( max-width: 767px ) { /* ========================================================================== #pjTsHeader ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsNavLanguage { padding-bottom: 15px; text-align: left; } } @media only screen and ( max-width: 480px ) { /* ========================================================================== #pjTsHeader ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsNav .pjTsBtn { font-size: 14px; line-height: 39px; font-weight: 400; } #pjWrapperTicketSupport_theme3 .pjTsNavLanguage ~ .pjTsNav .pjTsBtn { padding: 0 5px; } /* ========================================================================== #pjTsTicketDetails ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsTicketDetails .pjTsTicketTitle { font-size: 24px; } #pjWrapperTicketSupport_theme3 .pjTsTicketReply .pjTsTicketTitle { font-size: 18px; } } @media only screen and ( max-width: 380px ) { /* ========================================================================== #pjTsTicketDetails ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsTicketDetails .pjTsTicketTitle { font-size: 19px; } /* ========================================================================== #pjTsFormAccess ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsFormAccess .form-group:last-of-type { text-align: center; } } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(http://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff'); } @font-face { font-family: 'Lato'; font-style: italic; font-weight: 300; src: local('Lato Light Italic'), local('Lato-LightItalic'), url(http://fonts.gstatic.com/s/lato/v11/2HG_tEPiQ4Z6795cGfdivFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/2HG_tEPiQ4Z6795cGfdivD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: local('Lato Italic'), local('Lato-Italic'), url(http://fonts.gstatic.com/s/lato/v11/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/oUan5VrEkpzIazlUe5ieaA.woff) format('woff'); } @font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(http://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYEFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYED8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } /* ========================================================================== #General ========================================================================== */ #pjWrapperTicketSupport_theme3 * { font-family: 'Lato', sans-serif; } #pjWrapperTicketSupport_theme3 .fa { font-family: 'FontAwesome'; } #pjWrapperTicketSupport_theme3 .glyphicon { font-family: 'Glyphicons Halflings'; } #pjWrapperTicketSupport_theme3 .pjTsTitleSuccess { color: #3c763d; } #pjWrapperTicketSupport_theme3 .pjTsTitleError { color: #a94442; } #pjWrapperTicketSupport_theme3 .pjTsContainer { background: #f3f1f2; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsBtnPrimary { border-color: #d0391c; color: #fff; background: rgb(243,76,42); background: -moz-linear-gradient(top, rgba(243,76,42,1) 0%, rgba(231,62,29,1) 95%, rgba(235,61,27,1) 97%, rgba(232,62,27,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,76,42,1)), color-stop(95%,rgba(231,62,29,1)), color-stop(97%,rgba(235,61,27,1)), color-stop(100%,rgba(232,62,27,1))); background: -webkit-linear-gradient(top, rgba(243,76,42,1) 0%,rgba(231,62,29,1) 95%,rgba(235,61,27,1) 97%,rgba(232,62,27,1) 100%); background: -o-linear-gradient(top, rgba(243,76,42,1) 0%,rgba(231,62,29,1) 95%,rgba(235,61,27,1) 97%,rgba(232,62,27,1) 100%); background: -ms-linear-gradient(top, rgba(243,76,42,1) 0%,rgba(231,62,29,1) 95%,rgba(235,61,27,1) 97%,rgba(232,62,27,1) 100%); background: linear-gradient(to bottom, rgba(243,76,42,1) 0%,rgba(231,62,29,1) 95%,rgba(235,61,27,1) 97%,rgba(232,62,27,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f34c2a', endColorstr='#e83e1b',GradientType=0 ); } #pjWrapperTicketSupport_theme3 .pjTsBtnPrimary:hover { background: rgb(232,62,27); background: -moz-linear-gradient(top, rgba(232,62,27,1) 0%, rgba(235,61,27,1) 3%, rgba(231,62,29,1) 5%, rgba(243,76,42,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,62,27,1)), color-stop(3%,rgba(235,61,27,1)), color-stop(5%,rgba(231,62,29,1)), color-stop(100%,rgba(243,76,42,1))); background: -webkit-linear-gradient(top, rgba(232,62,27,1) 0%,rgba(235,61,27,1) 3%,rgba(231,62,29,1) 5%,rgba(243,76,42,1) 100%); background: -o-linear-gradient(top, rgba(232,62,27,1) 0%,rgba(235,61,27,1) 3%,rgba(231,62,29,1) 5%,rgba(243,76,42,1) 100%); background: -ms-linear-gradient(top, rgba(232,62,27,1) 0%,rgba(235,61,27,1) 3%,rgba(231,62,29,1) 5%,rgba(243,76,42,1) 100%); background: linear-gradient(to bottom, rgba(232,62,27,1) 0%,rgba(235,61,27,1) 3%,rgba(231,62,29,1) 5%,rgba(243,76,42,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e83e1b', endColorstr='#f34c2a',GradientType=0 ); } #pjWrapperTicketSupport_theme3 .pjTsBtnLink { color: #3d3938; } #pjWrapperTicketSupport_theme3 .pjTsBody .panel-heading .pjTsBtnLink { color: #fff; } #pjWrapperTicketSupport_theme3 .pjTsBtnLink:hover, #pjWrapperTicketSupport_theme3 .pjTsBody .panel-heading .pjTsBtnLink:hover { color: #d0391c; } #pjWrapperTicketSupport_theme3 .pjTsBtnFile { border-color: #191816; background: #292728; color: #fff; } #pjWrapperTicketSupport_theme3 .pjTsBtnFile:hover { background: #191816; } /* ========================================================================== #pjTsForm ========================================================================== */ #pjWrapperTicketSupport_theme3 .form-control { border-color: #bebabb; background: #fff; color: #2d2d2d; } #pjWrapperTicketSupport_theme3 .form-control:focus { border-color: #d0391c; -webkit-box-shadow: 0 0 10px rgba(208, 57, 28, .3); box-shadow: 0 0 10px rgba(208, 57, 28, .3); } #pjWrapperTicketSupport_theme3 .control-label { color: #35393a; } #pjWrapperTicketSupport_theme3 .has-error label, #pjWrapperTicketSupport_theme3 .has-error .control-label { color: #a94442; } #pjWrapperTicketSupport_theme3 .has-error .form-control { border-color: #a94442; } #pjWrapperTicketSupport_theme3 .has-success label, #pjWrapperTicketSupport_theme3 .has-success .control-label { color: #3c763d; } #pjWrapperTicketSupport_theme3 .has-success .form-control { border-color: #3c763d; } /* ========================================================================== #pjTsHeader ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsNav .pjTsBtn { border-color: #191816; background: #292728; color: #fff; } #pjWrapperTicketSupport_theme3 .pjTsNav .pjTsBtn:hover, #pjWrapperTicketSupport_theme3 .pjTsNav .pjTsBtn.pjTsBtnActive { background: #191816; } /* ========================================================================== #pjTsBody ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsBody, #pjWrapperTicketSupport_theme3 .pjTsBody .panel-heading, #pjWrapperTicketSupport_theme3 .pjTsBody .panel-body, #pjWrapperTicketSupport_theme3 .pjTsBody .panel-footer, #pjWrapperTicketSupport_theme3 .pjTsBody .table-responsive { border-color: #3d3938; } #pjWrapperTicketSupport_theme3 .pjTsBody .panel-heading { background: #3d3938; border-radius: 0; } #pjWrapperTicketSupport_theme3 .pjTsBody .panel-heading .panel-title { color: #fff; } #pjWrapperTicketSupport_theme3 .pjTsBody .panel-footer { background: #fff; } /* ========================================================================== #pjTsTableTickets ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsTableTickets tr:first-of-type:hover, #pjWrapperTicketSupport_theme3 .pjTsTableTickets tr:nth-child(odd) { background: #f3f1f2; } #pjWrapperTicketSupport_theme3 .pjTsTableTickets tr:hover { background: #3d3938; } #pjWrapperTicketSupport_theme3 .pjTsTableTickets tr:hover td { color: #fff; } #pjWrapperTicketSupport_theme3 .pjTsTableTickets th { color: #35393a; } #pjWrapperTicketSupport_theme3 .pjTsTableTickets td { border-color: #3d3938; color: #555d5f; } #pjWrapperTicketSupport_theme3 .pjTsTableTickets .pjTsTableDate { color: #d0391c; } #pjWrapperTicketSupport_theme3 .pjTsTableTickets a { color: #e83e1d; } #pjWrapperTicketSupport_theme3 .pjTsTableTickets a:hover { color: #d0391c; } /* ========================================================================== #pjTsTicketDetails ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsTicketDetails p, #pjWrapperTicketSupport_theme3 .pjTsTicketReply p { color: #555d5f; } #pjWrapperTicketSupport_theme3 .pjTsTicketTitle { color: #fff; } #pjWrapperTicketSupport_theme3 .pjTsTicketDetails .pjTsTicketTitle, #pjWrapperTicketSupport_theme3 .pjTsTicketReply .pjTsTicketTitle { color: #35393a; } #pjWrapperTicketSupport_theme3 .pjTsTicketDetails .pjTsTicketMeta, #pjWrapperTicketSupport_theme3 .pjTsTicketReply .pjTsTicketMeta { color: #555d5f; } #pjWrapperTicketSupport_theme3 .pjTsTicketMeta span { color: #d0391c; } #pjWrapperTicketSupport_theme3 .pjTsTicketMeta strong { color: #d0391c; } #pjWrapperTicketSupport_theme3 .pjTsTicketDetailsActions p, #pjWrapperTicketSupport_theme3 .pjTsListFiles li:after { color: #d0391c; } /* ========================================================================== #pjTsPagination ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsPagination a { border-color: #fff; background: #fff; color: #d0391c; } #pjWrapperTicketSupport_theme3 .pjTsPagination a:hover, #pjWrapperTicketSupport_theme3 .pjTsPagination .active a { border-color: #d0391c; background: #d0391c; color: #fff; } /* ========================================================================== #pjTsFormSendMessage ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsFormSendMessage .form-control { background: #fff; } #pjWrapperTicketSupport_theme3 .pjTsFormSendMessage .pjFsFormTitle { color: #d0391c; } #pjWrapperTicketSupport_theme3 .pjTsFormSendMessage .pjFsFormTitleSucces { color: #3c763d; } /* ========================================================================== #Responsive ========================================================================== */ @media only screen and ( max-width: 480px ) { /* ========================================================================== #pjTsHeader ========================================================================== */ #pjWrapperTicketSupport_theme3 .pjTsNav .pjTsBtn { font-size: 13px; } }