/* some global bootstrap changes // */ body {background:#e9edf0; font-size:16px; color:#2e4354; font-family: "Roboto", ²Ó©úÅé_HKSCS,"·s²Ó©úÅé", "·s?©úÊ^", PMingLiu, "²Ó©úÅé", "?©úÊ^" , MingLiu, sans-serif;} /* iframe rules // */ body[ishidemenumode="true"] {background:#fff;width:98.3%;} .embed-responsive-16by9 {background: #fff none repeat scroll 0 0; padding-bottom: 48.25%;} /*.embed-responsive-4by3 { padding-bottom: 82%; }*/ /* iframe rules // */ /* LOGIN 2nd form iframe // */ body.second-authentication h3 {font-size: 18px; margin: 0 0 10px;} body.second-authentication {background: #fff none repeat scroll 0 0;} .second-authentication form .form-control {background: #e9edf0 none repeat scroll 0 0; width: 99%;} .second-authentication form table {width: 100%;} .second-authentication .alert {font-size: 15px; margin-bottom: 10px; padding: 10px;} .second-authentication form {margin-bottom: 0;} .second-authentication form .form-group {margin-bottom: 5px;} .second-authentication form .btn.btn-primary {background-color: #a2b814; border-color: #a2b814;} .second-authentication form .btn {border-radius: 0;box-sizing: border-box; font-size: 15px;} /* LOGIN 2nd form iframe // */ /*header {height:164px;}*/ .main-nav.affix {position: fixed; top: 0; width: 100%;z-index:10;} h1, .h1 {color: #02447b; font-size: 28px; font-weight: 300; margin-bottom: 18px; margin-top: 18px;} h2, .h2 {font-size: 22px;margin-bottom: 4px; margin-top: 8px;} /* some global bootstrap changes // */ header {position: relative; z-index: 1000;} .topBar {text-align:right;font-size:13px;} .topBar .btn {padding:0 0px;} .topBar .fa-angle-down {font-size:14px;} .topBar ul {margin:0;padding-top: 2.2em;} .topBar li {display:inline-block; color:#2f4455; padding-left:5px;} .topBar li:last-child a {border:none; padding-left: 10px; } .topBar li a {display:block; color:#2e4354; padding:2px 1em; line-height: 13px; font-size:13px; border-right:1px solid #2f4455; } .topBar li .username {text-decoration:underline;} .btn.btn-link.logout {color: #2e4354; font-weight: 400;} .logout .fa {margin-left:5px; } .badge {color: white; margin-left: 4px;} .paddingInput {padding-left:37px;} #badge-primary {font-size: 9px!important; padding: 3px; background-color: #045293!important; bottom: 5px; position: relative; border-radius: 50%;} .badge-primary {font-size: 9px!important; padding: 3px; background-color: #045293!important; bottom: 5px; left: 3px; position: relative; border-radius: 50%;} #badge-success {font-size: 9px!important; padding: 3px; background-color: #8da604!important; bottom: 5px; position: relative; border-radius: 50%;} .badge-success {font-size: 9px!important; padding: 3px; background-color: #8da604!important; bottom: 5px; left: 3px; position: relative; border-radius: 50%;} .table.results th.formTypeName {min-width: 85px;} .lang {position:relative;} .lang ul {padding-top:0;z-index: 1000000;} .lang li {display: block;} .lang li a {border:0;padding: 0.55em 1em;} .lang li:last-child a {padding-left:1em;} /* === main-nav === */ .navbar-brand {height: 65px; padding: 8px 10px;} .navbar-brand > img {display: inline-block;} .navbar-default {background-color: #e9edf0;} .navbar.navbar-default.toolbar {border: 0 none; margin: 0; padding: 2px 0; min-height:75px;} .navbar-nav.secNav li.dropdown.user .dropdown-toggle {line-height: 18px; padding: 1em 0 1em 4.2em;} .navbar.navbar-default.main-nav {background: #a8c1d6; box-shadow: none; border: 0;border-radius: 0; padding: 11px 0;} .main-nav .container, .main-nav .container div {padding: 0;margin-top:0;} .main-nav .container {position:relative;} .navbar-default.main-nav {background:#a8c1d6;margin-bottom:0} .navbar-default.main-nav ul.nav.navbar-nav {box-sizing:border-box; /*z-index: 10000;*/position: relative; padding-top:18px;} .navbar-default.main-nav .navbar-nav > li {margin: 0 0px 0 5px; padding-right: 4px;} .navbar-default.main-nav .navbar-nav > li:first-child {margin: 0;} .navbar-default.main-nav .navbar-nav > .active > a, .navbar-default.main-nav .navbar-nav > .active > a:hover, .navbar-default.main-nav .navbar-nav > .active > a:focus {background-color: #347ab4 !important; box-sizing: content-box; color: #fff; font-weight: 500;} .navbar-default.main-nav .navbar-nav > li > a:hover, .navbar-default.main-nav .navbar-nav > li > a:focus {background-color: #347ab4 !important; box-sizing: content-box; color: #fff; } .navbar-default.main-nav .navbar-nav > li > a {box-sizing: content-box; color: #fff; padding:0.8em 1em; background: #045293; border-radius: 4px 4px 0px 0px; font-size: 18px; font-weight: 300; line-height: 18px; letter-spacing: 0.02em;} .navbar-default.main-nav .navbar-nav > li > a.mail {background:url("../img/mail.png") #045293 14px 50% no-repeat; padding-left:44px;} .navbar-default.main-nav .navbar-nav > li > a.forms {background:url("../img/form.png") #045293 14px 50% no-repeat; padding-left:44px;padding-right: 0.5em;} .navbar-default.main-nav .navbar-nav > li > a.account {background:url("../img/wallet.png") #045293 12px 50% no-repeat; padding-left:44px;} .navbar-default.main-nav .navbar-nav > li > a.users {background:url("../img/users.png") #045293 14px 50% no-repeat; padding-left:48px; } .navbar-default.main-nav .navbar-nav > li > a.info {background:url("../img/info.png") #045293 15% 50% no-repeat; padding-left:2em;} .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;} .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { border: 1px solid #fff; outline: none; padding: .6rem; margin-right: 15px; } li.split-link:hover a.dropdown-toggle, li.split-link:hover a.forms {background-color: #347ab4 !important;} /* === ./main-nav === */ /* === TOP PAGE === */ .title-bar {background:#347ab4; padding: 1.6em 0 0.8em 0;} .title-bar h1 {color:#fff;font-weight:300;} .t-bar {background: #a8c1d6; padding: 0.8em 0;} .t-bar.affix {top: 63px;position: fixed;width: 100%;z-index: 20;background: #347ab4;} .t-bar-loading { background: transparent; } .serviceLinks {list-style-type: none; padding: 0; text-align: right; margin:5px 0 0 0;} .serviceLinks li a {color: #fff;font-size: 14px;} .serviceLinks li {display: inline-block; padding: 0 1.4em; text-align: center; border-right: 1px solid #0a5797; box-shadow: 1px 0px 0px #7e96aacc;} .serviceLinks li:last-child {border:none; box-shadow:none;} .serviceLinks li a i, .serviceLinks li a span:not(.notification) {color: #fff; display: block; position: relative;} .serviceLinks li a i {font-size: 1.6em; margin: 5px 0px;} .serviceLinks li a:hover i, .serviceLinks li a:focus i {text-decoration:none;} .serviceLinks .notification {top: -15px; right: -10px;} /* === ./TOP PAGE === */ /* === /MAIN CONTENT === */ .toolbarBtn .btn.btn-primary, h1 .btn.btn-primary {background-color: #0b86bf; border-color: #0b86bf; border-radius: 0; font-weight: 400; margin-left: 1px; font-weight: 400; margin-left: 1px;} .toolbarBtn .btn i {margin-right: 8px;} .no-margin-top {margin-top:0;} /*.modal {z-index:1000000;}*/ .popover {z-index: 99999999;} .has-error { color:#a94442; } .has-error .form-control { border-color: #a94442; } .btn.btn-primary[aria-expanded="true"] {color: #fff;background-color: #204d74!important;border-color: #122b40!important;} .toolbarBtn .btn.btn-primary:hover, .toolbarBtn .btn.btn-primary:active, .toolbarBtn .btn.btn-primary:focus, h1 .btn.btn-primary:hover, h1 .btn.btn-primary:active, h1 .btn.btn-primary:focus {color: #fff;background-color: #204d74;border-color: #122b40;} .wrapper {padding-top: 10px; width: 100%;} .card-box {background: #fff none repeat scroll 0 0; border-radius: 0; box-shadow: 0 1px 4px #b3b9bf; display: inline-block; margin: 10px 0; padding:15px 25px; width: 100%;} .box-iAM {margin: 10px 0;} .box-iAM .btn.smart {background-color: #2b7367;border: 1px solid #2b7367;border-radius: 10px; color: #fff; margin-left:0px;} .box-iAM .btn.smart img {margin: 0 10px;} .box-iAM .btn.btn-link {font-size: 14px; height: 49px; color: #fff;} .btn.addsmart {background-color: #2b7367; color: #fff;} .iAmSmart .form-control {width: 96%;} .iAmSmart::after {content: ""; position: absolute; height: 42px; width: 29px; right: 0; top: -4px;background-image: url('../img/PreiAmSmart.png');background-size: 34px 43px;} .smartnote {font-size: 15px; background: #fff; border: 1px solid #2b7367; padding: 7px; border-radius: 15px; display: inline-block;} .smartnote img {height: 42px;} .smartopenapp {color: #2b7367;} .smartopenapp img {height: 60px;} /* === .//MAIN CONTENT === */ /* === TABS === */ .nav-tabs {border-bottom: 1px solid #bcbcbc; box-shadow: 0 1px 0 #fff;} .nav-tabs > li > a {border:0;color: #003663;position:relative; font-weight: 300;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #003663;background-color: transparent; border-width: 0 0 4px 0; border-bottom-color: #003663;cursor: default;font-weight: 500;} .notification {background: #8da604; color: #fff; font-size: 12px; border-radius: 19px; padding: 0px 6px; font-weight: 500; position: absolute; top: 0; right: 0;} /* === TABS === */ /* === FORMS === */ .btn {font-size:16px; border-radius:4px; font-weight: 500; line-height: 22px; padding: 7px 24px;} .btn-close {position: absolute; right: 15px; color: gray; font-size: 20px;} .btn-add {background-color: #f0f0f0; color: #2e4354; margin-top: 5px; margin-bottom: 5px;} .btn-selectUnselectAll {background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-weight: 300;} label {font-weight:400} label.h4 {font-size:large;} div.h4 {font-size:large;} div>h6 {font-size:large; margin-top:5px;} .btn-bar button {float: right;margin-left: 8px;} .form-control {height: 34px;border: 1px solid #c6ced6;box-shadow: inset 0 -2px 8px #edf3f8;font-size:16px;border-radius: 1px;color: #2e4354;padding: 0px 8px;} .form-control:focus {outline: none !important; border-color: #719ECE; box-shadow: 0 0 10px #719ECE;} .form-control.datepicker {border-right: 0; } .calendar .input-group-addon {background: transparent; box-shadow: inset 0 -2px 8px #edf3f8; border-color: #c6ced6;} .calendar .input-group-addon i {color:#364351;} .dropdown-menu {font-size:16px; font-weight: 300;} .scrollable-menu {height: auto; max-height: 155px; overflow-x: hidden;} .refund textarea.form-control {height: 34px;} h6.card-title {color:#337ab7; display: inline;} .margin8px {margin-top: 8px;} .paddingleft5px {padding-left:5px;} .form-control:disabled {cursor: not-allowed;} .vertical {line-height: normal;} .panelBorder {border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; margin: -5px -5px; padding: 15px 30px;} .labelTag {position:absolute;z-index: 0;margin-top: 12px;} .positionAbsolute {position:absolute;} .top-right10 {top:10px; right:10px;} .contents {display:contents;} .btn.btn-primary, .btn.btn-success {color: #fff; background-color: #8da604; border-color: #8da604; text-shadow: 0px 0px 2px rgba(0,0,0,0.3);} form .btn.btn-primary, form .btn.btn-success {padding: 7px 24px;min-width: 100px; line-height: 22px;} .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-success:hover, .btn.btn-success:active, .btn.btn-success:focus {background:#98b400; border-color:#98b400;} .downloadDocs {text-align: center;} .downloadDocs button {margin-bottom: 5px;} button.btn-success + input.btn-default {margin-left: 5px;} button.btn-success + button.btn-default {margin-left: 5px;} button, button.btn-success + input.btn-default {box-shadow: none!important;} .btn-default, .btn-info {color: #2f4455; background-color: #fff; border-color: #2f4455;} form .btn-primary:not(label.btn-primary) {padding: 7px 24px;min-width: 100px;min-width: 100px; line-height: 22px;} .btn-default :hover, .btn-default :active, .btn-default:focus, .btn-info:hover, .btn-info:active, .btn-info:focus {background-color: #e6e6e6;color: #2f4455; border-color: #2f4455;} form .btn-bar .btn-default, form .btn-bar .btn-info, form input.btn.btn-default {padding: 7px 22px;border-color: #2f4455;min-width: 100px;line-height: 22px; /*margin-left:-15px;*/} .btn-default:hover, .btn-default:active, .btn-default:focus {background-color: #e6e6e6; color:#2f4455;} td .btn.dropdown-toggle {background: transparent;} .input-group-btn .btn-default {border-color: #c6ced6; height: 34px; min-width:1px; border-radius: 0 .25rem .25rem 0;} form label.btn.btn-primary {padding: 7px 24px; min-width: 100px; line-height: 22px; max-height: 38px;} form label.btn.btn-default {white-space: nowrap; margin-right: 5px;} form label.btn.btn-default.disabled {cursor:not-allowed!important;} form label.btn.btn-default:hover {cursor:pointer;} form .class-btns label.btn.btn-primary {min-width: 30px;} .hidden-lg {display:none!important;} .hiddenPrintElement { display : none; } .hidden { display : none; } .examples form-group, .examples p {margin-bottom: 0px;} /* === ./FORMS === */ /* === pagination === */ .ResultsBar {background:#f7f9fa;} .ResultsBar .btn.btn-primary {background:#0c99c8;border-color:#0c99c8; font-weight:400; margin-left:1px; border-radius:0;padding:5px 10px;line-height: 25px;} .ResultsBar .btn.btn-primary.action {background:#04264c;border-color:#04264c;} .ResultsBar select {padding: 0.4em;height: 37px;} .ResultsBar .btn-group.dropdown .btn.btn-primary {margin-left: 2px;} /* === ./pagination === */ /* === /TABLE === */ .table-responsive {background: #fff; margin: 1em 0;} .table {margin-bottom:0;} .table > thead > tr > th, .ng-table.table > thead > tr > th {font-weight:500;border-bottom: 2px solid #375762;/* padding:1em .8em; */} .table > tbody > tr > td {border-top: 1px solid #b8cbd2; vertical-align: middle; padding:.5em .8em;} table > tbody > tr > td { vertical-align: top; } .table > thead > tr > th input[type="checkbox"], .table > tbody > tr > td input[type="checkbox"] {transform: scale(1.3, 1.3);} .table th i {margin-left: 2px;} .table-striped > tbody > tr:nth-of-type(2n+1) {background-color: #f1f5fa!important;} tr.unread {font-weight: bold;} tr.unread td {background: #d1e8ef;} .table > thead > tr > th.sort {background:url("../images/sorting.png") transparent no-repeat 94% 50%; line-height: 18px; padding-right: 23px; vertical-align: middle;} .table > thead > tr > th.sort_asc {background:url("../images/sorting_asc.png") transparent no-repeat 95% 50%;line-height: 18px; padding-right: 23px; vertical-align: middle;} .table > thead > tr > th.sort_desc {background:url("../images/sorting_desc.png") transparent no-repeat 95% 50%;line-height: 18px; padding-right: 23px; vertical-align: middle;} .table > thead > tr > th a {color:#2e4354;} .table > thead > tr > th a:hover {color:#2e4354; text-decoration:none;} body [_nghost-c1] ng2-smart-table .table-striped>tbody>tr:nth-of-type(odd) *{background-color: #f1f5fa !important;} body [_nghost-c0] ng2-smart-table .table-striped>tbody>tr:nth-of-type(odd) *{background-color: #f1f5fa !important;} .table-striped>tbody>tr>td bs-tooltip-container.tooltip .tooltip-inner {background-color: #000 !important;border-radius: 0;} .table-striped>tbody>tr>td bs-tooltip-container.tooltip .tooltip-arrow {background-color: #000 !important;} .table-striped>tbody>tr>td bs-tooltip-container.tooltip {padding: 0;} div.dropdown-menu > li > a {padding:3px 10px;display: block;clear: both;font-weight: 400;line-height: 1.42857143;white-space: nowrap;} div.dropdown-menu > li:hover {background-color:#f0f4f9;} div.dropdown-menu li a i {margin-right: 4px; width: 15px;} ul.dropdown-menu li a img {margin-right: 5px; width: 15px;vertical-align: top;} div.dropdown-menu.show {box-shadow: 0 6px 12px rgba(0,0,0,.175);} .results table-cell-view-mode div {max-width: 12em; overflow-wrap: break-word; word-wrap: break-word;} .results.mailBox table-cell-view-mode div {max-width: 10em;} .results.mailBox table-cell-view-mode div.dropdown-menu {max-width: 12em;} search-submitted-form table-cell-view-mode div {max-width: 8.8em;} .results th .ng2-smart-sort-link {display: inline-block; word-break: normal;} /* === sorting for user management table === */ a.sort.asc[_ngcontent-c6]::after, a.sort.desc[_ngcontent-c6]::after {border-bottom: 4px solid rgb(11, 66, 96) !important;} .table.mailBox > tbody > tr > td {padding: .5em .5em !important;} .table.mailBox > thead > tr > th {padding: .5em .5em !important;} .minWidth {min-width: 139px;} .DateNoMinWidth {min-width: 120px;} .CaseNoMinWidth { min-width: 144px; } /* === ./TABLE === */ /* === MODAL === */ .modal-title {font-size: 18px !important;} .modal-footer .btn {min-width: 100px;} /* === ./MODAL === */ /* === mailModal ===*/ .viewMail .dl-horizontal dt {width: 75px; text-align:left; margin-left: 15px;} .viewMail .dl-horizontal dd {margin: 0;} .viewMail .modal-content {background-color: #f7f9fa;} .viewMail .mailBody {background:#fff; padding:15px;} .viewMail .mailBody p {line-height: 21px;} .batchReceipt .dl-horizontal dt { background: #f1f5fa; font-weight: 500; padding:3px;} .viewMail .dl-horizontal dt {width: 75px; text-align:left; margin-left: 15px;} .viewMail .dl-horizontal dd {word-wrap: break-word; margin-left: 20px;} .viewMail .mailBody td:last-child {max-width: 40em; word-wrap: break-word; width: auto;} /* === /mailModal ===*/ /* === Footer === */ .footer {margin:2em 0 0 0;} .footer .container {background: #cbd3d8 none repeat scroll 0 0; border-top: 1px solid #95b3c6; box-shadow: 0 -1px 0 #fff;} .footer .row {padding-bottom: 15px; padding-top: 15px;} .footer-logo {float: left;} .footer-links {float: left;font-size:14px; list-style-type: none; margin-bottom: 0; padding-left:0;} .footer-links > li {float: left; line-height: 40px; margin: 0 20px 0 0;} .footer-links.pull-right > li {margin: 0; text-align: right;} .footer-links a {color:#2e4354; display: block;} /* === Form Builder === */ /*-------------------------------------- * ------ Application Forms Styles ------ * -------------------------------------- */ #fileUploadButton { padding-left: 15px; } .upload-form-btn { margin-left: 15px; margin-top: 15px; } #gridArea { margin-top: 0px; } .ng-table th { text-align: left; } .proofOfAddress label { text-overflow: ellipsis; overflow: hidden; padding: 8px 10px; } /** ******** ng-grid **/ .gridStyle { border: 1px solid rgb(212,212,212); width: 400px; height: 300px } /* #gridArea .table-responsive{ overflow-x: visible!important; } */ /* .modal-lg.modal-dialog { min-width: 1000px!important; min-height: 870px!important; } .modal-lg:not(.modal-sm).modal-content { min-width: 1000px!important; min-height: 870px!important; padding: 10px; } */ .loaderModal .loader-inner > div { background: #17495E!important; } .loaderModal .loader-inner{ margin-top: 1px; display: flex; } .loaderModal{ top: 43%!important; } .loaderModal .modal-dialog{ margin-top: 0px!important; width: 80px!important; height: 80px!important; } .loaderModal .modal-content { display: table-cell; vertical-align: middle; width: 80px!important; height: 80px!important; padding: 10px; } .loaderModal .modal-content .loader{ margin: 0 auto; display: table; } th.header.text-center{ text-align: center !important; } /* Tags template Rules -------------------------------------------------- */ .tag-template div:first-child { float: left; } .tag-template div:last-child { float: left; margin-left: 5px; } .tag-template .disabled { cursor: not-allowed; pointer-events: none; } /* Custom Rules -------------------------------------------------- */ .top-buffer { margin-top:20px; } .mail-unread {font-weight: bold !important;} .vertical-center{ display: flex; align-items: center; } .highlight-datepicker-date { background: #ff9393; } a { cursor: pointer; cursor: hand; color: #337ab7; } /* Modal Rules -------------------------------------------------- */ /* .confirmationModal .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .confirmationModal .modal-content { min-height:100%; position:absolute; top:0; bottom:0; left:0; right:0; } .confirmationModal .modal-body { position:absolute; top:45px; bottom:45px; left:0; right:0; overflow-y:auto; } .confirmationModal .modal-footer { position:absolute; bottom:0; left:0; right:0; } */ /* Remove this as causing tooltips (popovers) in one-time filer to occupy space outside the form (Bug 100623) [_nghost-c2] { max-width: none!important; } */ div.dropdown-menu{ width: auto; } .open.show>.dropdown-menu>li.active {background-color: #337ab7; color: #FFFFFF;} .open.show>.dropdown-menu>li:hover {background-color: #e9edf0;} .open.show>.dropdown-menu>li {cursor: pointer;} .authTypeChangeModal { width: 700px !important } /* // FORM SideNav */ .form-title {margin-top: 3px; margin-left: 10px;} .form-title .btn-primary {background-color: #0b86bf; border-color: #0b86bf; border-radius: 0; font-weight: 400; margin-left: 1px; padding: .25em .5em; margin-bottom: .5em;} .form-title .btn-primary:hover, .form-title .btn-primary:focus, .form-title .btn-primary:active {color: #fff;background-color: #3c709e;border-color: #4d7596;box-shadow: none;} .navForm {padding-left: 0;} .navMargin {margin-right: 10px; margin-left: 0px;} .sidenav-container {z-index:19;} .SideNavWrapper {position:relative; font-size:15px; width:250px; z-index:20;} .SideNavWrapper.affix-bottom {position: fixed;top:133px;} .SideNavWrapper.affix {top:133px;} .SideNavWrapper .SideNav .nav li a {width: 100%; max-width:210px; text-decoration: none; display:block;} .SideNav ul li:hover {background-color:#f0f5f3; font-weight:500; cursor:pointer;} .SideNav {padding:0 0 5px 0; overflow-y:auto; margin-left:-8px; } .SideNav a {display: contents;} .SideNav a.PageTop {opacity: 0.8; color: #001f3a;} .SideNav ul {margin-bottom:1em; display: block;} .SideNav li {margin: 1px 0; padding: 2px 10px; line-height: 1.8;} .SideNav li a {border-radius: 0; color: #003663; font-weight: 500; /*padding: 6px 10px;*/} .SideNav li.active a {font-weight:500; outline: medium none;} .SideNav li a:hover, .SideNav ul li.active ul a:hover {font-weight:500;} .SideNav ul li.sidenav-error-class {background-color: #f2dede !important; font-weight:500; background-width:500px;} .SideNav ul ul {display:none; box-shadow:none; margin-bottom:10px;} .SideNav ul li.active ul {display:block;} .SideNav ul li.active ul a {font-weight:400; background:url(../images/sidenav_blt2.png) transparent 3px 9px no-repeat; padding-left:10px; font-size:11px;} .SideNav ul li.active li.active a {background-color:#f0f5f3;} .SideNav span.normal {font-weight:500;} .SideNav span.normal u { text-decoration: none;} .SideNav span.normal strong {font-weight:500;} .trigger-sidenav {padding:2px 7px; border-radius:2px; border-color: #046c99; margin:5px 0 0 0; background:#008BC8;background-clip: padding-box; color:#f0f5f3; position:relative;} .trigger-sidenav:hover, .trigger-sidenav:focus, .trigger-sidenav:active {background:#04638D; color:#fff;} .trigger-sidenav-div {position: fixed; z-index: 999; top: 35%;} .SideNavCol.trigger-sidenav-active {position:fixed; top:31.6%; margin-top:27px; display:inline !important; padding:0; z-index: 1070;} .SideNavCol.trigger-sidenav-active .SideNavWrapper, .SideNavCol.trigger-sidenav-active .SideNavWrapper.affix, .SideNavCol.trigger-sidenav-active .SideNavWrapper.affix-top {left:9px;} .SideNavCol.trigger-sidenav-active .SideNav {margin-top: 10px; padding: 15px 0 25px 25px; line-height: 1.6;background:#eaeaea; box-shadow: 4px 4px 8px 0 rgba(0, 90, 140, 0.4) !important;border-right: 1px solid #0072A4;border-top: 2px solid #fff;} .SideNavCol.trigger-sidenav-active .SideNav li a:hover, .SideNavCol.trigger-sidenav-active .SideNav li a:focus, .SideNavCol.trigger-sidenav-active .SideNav ul li.active ul a:hover, .SideNavCol.trigger-sidenav-active .SideNav ul li.active ul a:focus {background-color:#fff;} .SideNavCol.trigger-sidenav-active .SideNavWrapper {width:270px;} .trigger-sidenav { display:inline; position:fixed; padding:5px; z-index: 1; border:1px solid #046c99; border-radius:0px 4px 4px 0px; box-shadow: -1px 0 8px rgba(0, 0, 0, 0.176);} .reply-mode-sidenav.trigger-sidenav {top: 35%!important;} .trigger-sidenav:after {content:"\276F"; font-size: 12px; font-family:"FontAwesome";} .trigger-sidenav.SideNav-open {left:279px; position:relative;} .reply-mode-sidenav.trigger-sidenav.SideNav-open {top: 35%!important;} .trigger-sidenav.SideNav-open:after {content:"\276E"; font-size: 12px; font-family:"FontAwesome";} /* FORM SideNav // */ /* === Form Builder === */ /*-------------------------------------- * ------ Application Forms Styles ------ * -------------------------------------- */ #fileUploadButton { padding-left: 15px; } .upload-form-btn { margin-left: 15px; margin-top: 15px; } #gridArea { margin-top: 0px; } .ng-table th { text-align: left; user-select: auto; } /** ******** ng-grid **/ .gridStyle { border: 1px solid rgb(212,212,212); width: 400px; height: 300px } /* #gridArea .table-responsive{ overflow-x: visible!important; } */ .top-buffer { margin-top:20px; } .highlightSwitchedTab{ border-color: #66afe9!important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important; } .highlight:hover{ border-color: #66afe9!important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important; } .highlight:hover .highlight{ border-color: #66afe9!important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important; } .highlightUploadField{ border-color: #66afe9!important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important; margin: 0 auto; text-align: center; } .marginRow{ margin: 0px -20px; } .margin{ margin: 5px !important; } .margin-top{ margin-top: 10px !important; } .margin-bottom{ margin-bottom: 10px !important; } .columnMargin{ margin-top: 5px; padding-bottom:5px; margin-right: -10px; margin-left: -10px; } .panel-group{ margin-bottom: 0px !important; } .panel{ margin-bottom: 5px !important; } .accordion-body{background-color:rgba(233, 233, 233, 0.53);} .focusElement{ outline-style: solid; outline-color: #66afe9; outline-width: 2px; } /* Allow angular.js to be loaded in body, hiding cloaked elements until templates compile. The !important is important given that there may be other selectors that are more specific or come later and might alter display. */ [ng\:cloak], [ng-cloak], .ng-cloak { display: none !important; } /* Used for container validation error */ .errorValidation { outline-style: solid; outline-color: #a94442; outline-width: 2px; } .warningValidation { outline-style: solid; outline-color: #8a6d3b; outline-width: 2px; } /* Use this bottom margin if it's inside table */ #tableCell .form-group{ margin-bottom: 0px !important; } .custom-input-group-addon { padding: 3px 30px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: transparent; border: none; border-radius: 0px; width: 1%; vertical-align: middle; } .input-group-addon { /*padding: 0.1px 0.5px 0.1px 1px;*/ font-size: 13px; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 0 8px 7px 0; /* margin-left: -1px;*/ } .fileUploadWrapper .btn-file { width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 90px; } .vertical-center{ display: flex; align-items: center; } .textRight {text-align:right !important;} .textRight label {text-align:right !important;} .textLeft {text-align:left !important;} .textLeft label {text-align:left !important;} .bold {font-weight: bold !important;} .bold span {font-weight: bold !important;} .bold label {font-weight: bold !important;} .italic {font-style: italic !important;} .italic label {font-style: italic !important;} .textCenter {text-align: center !important;} .textCenter label {text-align: center !important; width:100%;} .textJustify {text-align: justify !important;} .textJustify label {text-align: justify !important;} /* File upload field styling */ form .previewFileContainer{ max-width: 96%; margin-right: auto; margin-left: auto; text-align: center; } form .previewFile { max-height: 100%; max-width: 100%; position: relative; vertical-align: middle; z-index: 7; } form .img-tools { width: 500px; margin: 0 auto; position: relative; height: 200px; margin-top: -199px; z-index: 9; } form .media-tools{ width: 500px; margin: 0 auto; position: relative; height: 200px; margin-top: -199px; z-index: 5; } form .img-tools .btn-file { background: url("../img/document_image_add.png") transparent no-repeat 0 0; border: 0; text-indent: -9999px; height: 64px; width: 64px; position: absolute; left: 50%; top: 35%; } .imageError { line-height: normal; font-size: 14px; } .fileActionsContainer { background: rgba(0,0,0,0.5); border: 4px solid rgba(0,0,0,0); width: 50px; right: 8px; position: absolute; padding: 0; top: 50px; border-radius: 2px; } .fileActionsContainer:after, .fileActionsContainer:before { bottom: 100%; left: 70%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .fileActionsContainer:after { border-color: transparent; border-bottom-color: rgba(0,0,0,0.5); border-width: 10px; margin-left: -10px; } .fileActionsContainer:before { border-color: transparent; border-bottom-color: transparent; border-width: 16px; margin-left: -16px; } form .fileActionsContainer .btn { background-color: transparent !important; border: 0px none !important; margin: 4px 0; min-width: 24px; padding: 4px 0; } form .fileActionsContainer label.btn{ min-width: 24px!important; padding: 6px 12px!important; } form .fileUploadWrapper label.btn.btn-primary{ min-width: 24px!important; padding: 6px 12px!important; margin-right: 5px; } .fileActionsContainer .btn:hover, .fileActionsContainer .btn:focus, .fileActionsContainer .btn:active { background-color: rgba(0,0,0,0.1) !important; } form .options-btn { position: absolute; right: 4px; top: 2px; visibility: visible !important; background: rgba(0,0,0,0.5); border: none; border-radius: 18px; padding:4px; width: 34px!important; box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24); font-size:18px; min-width:30px; } form label.btn.btn-primary.options-btn{ min-width: 30px!important; padding: 6px 12px!important; } .options-btn:hover, .options-btn:focus, .options-btn:active { background: rgba(0,0,0,0.6); } .lastMultipleUploadButton{ margin-top:36px; } /*For accordion title with info tooltip */ span div.panel-title { display:inline } .panel-title .normal{font-weight:normal;} /*For panel title with info tooltip */ div.panel-heading h3.panel-title { display:inline-block } /*Class for panel area tooltip if needed*/ .tooltipPanel { } /* Css classes named tooltipPanel\d+pxFontSize\w* can be inserted into panels' custom css classes and alter tooltips' fontsize (Bug 101903) */ .tooltipPanel14pxFontSizeT6 { font-size: 14px; } .tooltipPanel14pxFontSizeT7 { font-size: 14px; } .customInlineTooltip { top: -39px !important; left: 0px !important; } .customInlineTooltip .tooltip-inner { width: max-content !important; max-width: max-content !important; } /* Center bootstrap modal in screen */ .modal { text-align: center; padding: 0!important; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .modal-dialog.modal-lg, .modal-dialog.modal-xl{ width: 900px; } .modal-header button.close{ margin-left: 0px; padding-left: 0px; } .remove-nav-tabs > .nav-tabs{ display: none; } /* Grey out disabled options in select lists */ option:disabled{ background: #dddddd; } div .IconFieldLabel { margin-top:10px } /* For form type configuration files buttons */ .btn-configurationFiles{ width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } form .table > thead > tr > th { border-bottom: 1px solid #ddd; } /*For Class Number Description */ .class-number-desc {min-height: 10em; padding: 1em 15px; max-width:540px;} .class-btns .btn.btn-primary {margin: 4px 2px;border-radius: 4px !important;padding: 3px 8px;max-width: 40px;background-color: #457FD2;border-color: #1c76c3;} .class-btns .btn-primary.active {color: #fff;background-color: #286090;border-color: #204d74;} .hidePanelStyle { margin-bottom:0 !important; border: 0px !important; padding: 0px !important; } .hidePanelStyle > .panel-body { padding: 0px !important; } tags-input .host { margin-top: 0px !important; } .nocenterModal > .modal-dialog { vertical-align:top !important; } /* Confirmation Modal */ .confirmationModal { z-index:10000 !important; } /* CSS for popup form button with btn class */ .form-control.btn {white-space: normal !important; min-height: 34px !important; height: auto !important;} .spinnerContainer { width: 50px; right: 8px; position: absolute; padding: 0; top: 50px; border-radius: 2px; margin-top: 115px; } .errorLabel { color: #a94442 } .errorLabelFile { margin-left: 16px; } .batchReceipt th span {clear: both; float: left;} .batchReceipt .row dt { background: #f1f5fa; font-weight: 500; padding:3px; margin-bottom: 4px;} #batchDownloadPDFReceipts { width: 300px;} div .IconFieldLabel { margin-top:10px } .info-card .panel-body { padding: 0 15px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#30aec7+0,3095c7+47,307bc7+100 */ background: #30aec7; /* Old browsers */ background: -moz-linear-gradient(top, #30aec7 0%, #3095c7 47%, #307bc7 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #30aec7 0%,#3095c7 47%,#307bc7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #30aec7 0%,#3095c7 47%,#307bc7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30aec7', endColorstr='#307bc7',GradientType=0 ); /* IE6-9 */ color:#fff; } .info-card {border:0; border-radius:0; box-shadow: 2px 2px 5px rgba(1, 55, 80, 0.35); margin: 1em auto; position: relative; text-align: center; max-width: 400px; width: auto;} .info-card p {font-size: 14px; text-transform: uppercase; margin-bottom: 0;} .info-card .ammount {font-size: 32px; font-weight: 500;} .info-card .panel-body .alert { margin-bottom: 0; } filling-form-trademark-numbers-import-static-page .alert-danger {padding: 1.75rem 1.25rem;} /* Search Form Type Grid */ .results.searchFormType table-cell-view-mode div { max-width: none!important; } .welcomeText {color: #3d6a86; font-size: 24px; font-weight: 500;} accordion-group .panel-heading .panel-title{ display: inline !important; font-weight: 500; } .panel.card { margin-bottom: 0px !important; } .modal-body.reply-modal{ height: 500px; overflow-y: scroll; overflow-x: hidden; } .modal-body.reply-modal .container { width: 100%; } .modal-body.reply-modal .container.wrapper { padding-top: 0px; } .card-box .form-group { margin-bottom: .5rem; } .modal-minimum-height { min-height: 1000px; !important; } .loading-container {position:relative;min-height:500px;display:block} .invalid{ color:red } .valid{ color:lawnGreen } /* Account Status - Administrator Page - User Management */ #selectAccountStatus { outline: none !important; box-shadow:none !important; border-color:transparent !important; } #selectAccountStatus { padding: 0px; list-style-type: none; } #searchField { margin-left: 10px; margin-top: 2%; margin-bottom: 2%; width: 54%; float:left; padding: 0px 8px; } #selectAccountStatusParent{ outline: none !important; box-shadow:none !important; border-color:transparent !important; } #selectAccountStatusParent div{ outline: none !important; box-shadow:none !important; border-color:transparent !important; } #selectAccountStatusParent hr { outline: none !important; box-shadow:none !important; border-color:transparent !important; height: 1px; margin: 8px 0; overflow: hidden; background-color: #e5e5e5; } #selectAccountStatusParent { border: 1px solid rgba(0,0,0,0.15) !important; border-radius: 2px !important; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175) !important; box-shadow: 0 6px 12px rgba(0,0,0,0.175) !important; width: 100%; position: absolute; z-index: 1000; background-color:white; } #selectAccountStatusButton { outline: none !important; box-shadow:none !important; border-color:transparent !important; } #selectAccountStatusButton { font-weight: normal !important; border: 1px solid #c6ced6 !important; box-shadow: 0 -2px 8px #edf3f8 inset !important; background-color: white !important; text-align: left; } #selectAccountStatusButton span { background-color: white !important; } #statusAccountSelectionButtons { padding: 0; margin: 0; background-color: white !important; } #statusAccountSelectionButtons li { display: inline; float: left; padding: 5px; } #statusAccountSelectionButtons li a{ display: inline-block; text-decoration: none; color: black; font-weight: normal !important; padding: 3px 5px; } #statusAccountSelectionButtons li a:focus { text-decoration: none; color: #262626 !important; background-color: #f5f5f5 !important; } #statusAccountSelectionButtons li a:visited { text-decoration: none; color: black; } #statusAccountSelectionButtons li a:hover { text-decoration: none; color: #262626 !important; background-color: #f5f5f5 !important; } #statusAccountSelectionButtons li a:hover, #statusAccountSelectionButtons li a:active { text-decoration: none; color: #262626 !important; background-color: #f5f5f5 !important; } .position-relative-account-status { position:relative !important; } .link-as-btn-list { display: block; width: 100%; border-radius: 0px !important; text-decoration: none; color: #333 !important; font-weight: normal !important; text-align: left !important; white-space: nowrap; line-height: 1.42857143; padding: 3px 20px !important; } .link-as-btn-list:focus { text-decoration: none; color: #262626 !important; background-color: #f5f5f5 !important; } .link-as-btn-list:visited { text-decoration: none; color: black; } .link-as-btn-list:hover { text-decoration: none; color: #262626 !important; background-color: #f5f5f5 !important; } .link-as-btn-list:hover, .link-as-btn-list:active { text-decoration: none; color: #262626 !important; background-color: #f5f5f5 !important; } .selected-status-list { background-color: #337ab7 !important; color: white !important; } .selected-status-list:hover, .selected-status-list:active, .selected-status-list:focus, .selected-status-list:visited { background-color: #337ab7 !important; color: white !important; } input.createP6 { color: #fff; background-color: #8da604; border-color: #8da604; text-shadow: 0px 0px 2px rgba(0,0,0,0.3); box-shadow: none; border-radius: 4px; padding: 5px 24px; min-width: 100px; line-height: 22px; font-weight: 500; width: auto; } input.createP6:hover { background: #98b400; border-color: #98b400; } input.deleteP6 { color: #fff; background-color: #d9534f; border-color: #d43f3a; text-shadow: 0px 0px 2px rgba(0,0,0,0.3); box-shadow: none; border-radius: 4px; padding: 5px 24px; min-width: 100px; line-height: 22px; font-weight: 500; width: auto; } input.deleteP6:hover { background-color: #c9302c; border-color: #ac2925; } /* class for button that opens Class Nos Info Modal */ .btnClassNos { background-color: #e8e8e8; padding: 6px 8px; } .padding0 { padding: 0; } .classInfoModal { max-height: 500px; overflow-y: auto; } /* Used to wrap label field's translation that is provided in html with multiple spans, wrapping will take place per span */ .tableDisplay { display: table; } .tableDisplay span { display: table-cell; } .paddingNote { padding-left: 30px; } .paddingNoteNoAsterisk { padding-left: 24px; } .floatLeftFirstSpan label span span:first-child { float:left; } .formAlignment {display: table;} .formAlignment span {display: table-cell; vertical-align: top;} /* formDenotes Label in forms Important Notes section */ .formDenotes .form-group { margin-bottom: 0px; } /* paddings for Impotant Notes */ .importantNotesNoIntend { padding-left: 0px; } .importantNotesNoIntendSublist { padding-left: 21px; } .importantNotesNoIntendNoList { padding-left: 42px; } /* Class for subsection under "Official capacity of signatory" field */ .subsectionOfficialCapacity { line-height: 1.2; font-size: 15px; } /* No border for body of Accordions */ .borderNone .panel-body.card-block.card-body>.panel.panel-default{ border:none; box-shadow: none; } .lineSpaces .form-group { margin-bottom: 10px; } .fullwidthcol .form-group .checkbox .col-sm-11 { width: 100%;} .creditFile { margin-bottom: 15px; text-overflow: ellipsis; overflow: hidden; } .tagError { color: #fc2c2c !important; } .tagSuccess { color: #5fd84f !important; } .errorRedColor { color: #a94442 !important; } .modalLessZIndex { z-index:999999; } /* Access Rights Multiselect */ .multiselect-dropdown {box-shadow: 0 0 7px #979797;} ng-multiselect-dropdown div {background-color: white; border-radius: 4px;} .disableAccessRights .multiselect-dropdown .disabled { cursor: not-allowed !important; } .disableAccessRights .multiselect-dropdown .disabled > span{ pointer-events: none; background: #cfcfcf; } .disableAccessRights .multiselect-dropdown .disabled .dropdown-btn{ background: #cccccc !important; border-color: #cccccc !important; border-radius: 0%!important; } .disableAccessRights .multiselect-dropdown .disabled .dropdown-btn .selected-item{ background: #71b9f3 !important; border-color: #71b9f3 !important; color: #fff; font-size: 14px; } ng-multiselect-dropdown span.selected-item {border-color: #004f93 !important;background: #004f93 !important;max-height: 23px !important;margin-bottom: 2px !important;} .multiselect-dropdown>.dropdown-list {bottom: 100%;} .filter-textbox>input {padding-left: 16px !important; width: 90% !important; } .multiselect-item-checkbox>input[type=checkbox] + div:before { border: 2px solid transparent !important; } .multiselect-item-checkbox>input[type=checkbox]:checked + div:before { background: transparent !important; } .multiselect-item-checkbox input[type=checkbox] + div:after { border-color: #0079fe !important;} /* EGIS Payments */ re-captcha div:nth-child(1) {margin: auto;} .h4paymentstxt {margin-bottom: 20px;} .payment p {font-size: 24px; margin-bottom: 0;} .two-lines-tooltip .tooltip-inner { min-width: 200px; } efl-app header-menu submissionpaymentlist-modal div div div div form div label h4 {color: #a94442;} /* OP forms */ input.createOP1 { color: #fff; background-color: #8da604; border-color: #8da604; text-shadow: 0px 0px 2px rgba(0,0,0,0.3); box-shadow: none; border-radius: 4px; padding: 5px 24px; min-width: 100px; line-height: 22px; font-weight: 500; width: auto; } input.createOP1:hover { background: #98b400; border-color: #98b400; } input.deleteOP1 { color: #fff; background-color: #d9534f; border-color: #d43f3a; text-shadow: 0px 0px 2px rgba(0,0,0,0.3); box-shadow: none; border-radius: 4px; padding: 5px 24px; min-width: 100px; line-height: 22px; font-weight: 500; width: auto; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group .form-control, .input-group-addon, .input-group-btn {display: table-cell; width: 100%;} .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-btn { position: relative; white-space: nowrap; } input.deleteOP1:hover { background-color: #c9302c; border-color: #ac2925; } efl-app header-menu submissionpaymentlist-modal div div div div form div label h5 {color: #a94442;font-size: 14px!important;} .sticky { background: #fff; box-shadow: 0 3px 12px 0 rgba(0,0,0,.08); position: fixed; top: 0; min-height: 62px; width: 100%; } .stickyNavBar { position: fixed; width: 250px; overflow: auto; padding-bottom: 8px; max-height: 75%; top: 150px; } .stickyNavBar ul.nav {position: relative;} filling-form-checkbox-multiple-field-type fieldset span { margin-left: 7px; } filling-form-checkbox-field-type input:not([disabled])+span, filling-form-checkbox-multiple-field-type fieldset:not([disabled]) input+span {cursor: pointer;} filling-form-checkbox-field-type input[disabled] + span, filling-form-checkbox-multiple-field-type fieldset[disabled] input + span { cursor: not-allowed;} filling-form-field-element fieldset[provideparentform] {line-height: 0;/* margin-top:10px; */} filling-form-column-element filling-form-row-element filling-form-field-element fieldset {line-height: 0;} filling-form p, filling-form span, filling-form label, filling-form input-error-messages {line-height: 1.3 !important;} filling-form-date-field-type {/* margin: 10px; */padding: 10px;} filling-form-date-field-type .input-group{display:table;} filling-form-date-field-type .input-group span fieldset input {float: right;} filling-form-column-element.col-sm-11 filling-form-date-field-type .input-group span fieldset input {max-width: 578px;} filling-form-column-element.col-sm-8 filling-form-date-field-type .input-group span fieldset input {max-width: 443px;} filling-form-column-element.col-sm-5 filling-form-date-field-type .input-group span fieldset input {max-width: 266px;} filling-form-column-element.col-sm-4 filling-form-date-field-type .input-group span fieldset input {max-width: 169px;} filling-form-date-field-type .input-group-btn {position: relative; width: 1%; vertical-align: middle; display: table-cell;} filling-form-label-field-type div div div div div {display: flex;width:100%;justify-content: space-between;} filling-form-checkbox-field-type input {z-index: 19;cursor: pointer;} filling-form-tags-field-type label+div { width: 100%; } filling-form-tags-field-type>div>div {width:100%;} tag-input-form { width: 100%; text-align: right; } tag-input div div tag-input-form form input {float: left;margin-left: 7px;} label+div .ng2-tags-container {margin-left: 50%;} div.input-group.calendar button.btn.btn-default{ background: transparent;box-shadow: inset 0 -2px 8px #edf3f8;border-color: transparent; border-radius: 0 .25rem .25rem 0;} system-properties div.row.top-buffer.form-group.buttonsDiv button.btn.btn-success {margin-right: 2px;} filling-form-text-field-type div div div div span {border-radius: 0 3px 3px 0!important;} filling-form-text-field-type div div div div span i {padding:10px;} table-cell-view-mode div custom-view-component link-to-download-receipt-pdf-cell {color: #0b86bf;} forgot-username-password-form form div label.col-sm-2.control-label {left: 34px; top:6px } registration-form form div div.row {margin-left: 30px;} registration-form form div.form-group div label {text-align: right;} .btn-success:focus{box-shadow: 0 0 0 0.1rem rgb(0,0,0); } .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {background: #98b400; border-color: black;} link-to-refresh-related-documents-cell a {color:#1e6bb8!important;} link-to-refresh-related-documents-cell a:hover {text-decoration: underline!important;} .nocenterModal { max-width:591px; max-width: fit-content;} filling-form-popup-form-button-field-type input.form-control.btn.btn-default { margin: 0px;} grid-table ul.dropdown-menu li>a {margin-left: 14px;} .dropdown-menu {white-space: nowrap;} request-submitted-form-documents form div div div button.btn.btn-success {margin-left: 7px;} request-submitted-form-documents form div div label.col-sm-2.control-label { left: 33px; top:8px;} registration-form form div div label.btn.btn-danger {margin-bottom:21px; margin-left:4px;} registration-form form div div.row label.btn.btn-primary i.fa.fa-download {padding-right:14px;} registration-form form div div div label.btn.btn-default.btn-file.col-sm-12 {text-align:center;} filling-form-checkbox-field-type .checkbox input[type="checkbox"] {vertical-align: top;margin-top: 3px;} filling-form-checkbox-field-type .checkbox input[type="checkbox"]:disabled:hover{cursor:not-allowed;} filling-form-checkbox-field-type .checkbox span {display: inline-block; padding: 0px;} filling-form-checkbox-field-type .checkbox.row {width: -webkit-fill-available;margin-left: 0px;} .card.panel-default { margin-bottom: 5px; padding:0px 2px;} replyreceivedcorrespondence-modal filling-form-tags-field-type div { margin-left: 5px; text-align: left;} replyreceivedcorrespondence-modal filling-form-tags-field-type div tag div{ margin-left: 0px;} a.ng2-smart-sort-link.sort::after{ border-bottom: 4px solid black !important; } textarea {resize: both;} .show .dropdown-toggle {box-shadow: inset 0 3px 5px rgba(0,0,0,.125);border-radius: 3px;} header .show .dropdown-toggle {box-shadow: none;} .dropdown-toggle {padding: 8px 20px;} filling-form-popup-form-modal .modal.fade.modalLessZIndex.in.show {z-index: 1043;} credit-advice form div label.btn.btn-danger{ margin-left:5px; } filling-form-checkbox-field-type .checkbox.row {width: 100%;} search-electronic-mail-box replyreceivedcorrespondence-modal div div div div filling-form-buttons button.btn.btn-success{ margin-right: 6px; } search-electronic-mail-box reminderdate-modal div div div.modal-content{min-width: 451px; width: 30vw;} search-electronic-mail-box replyreceivedcorrespondence-modal div div div.modal-content.reply-modal{ display: block;} authtypechange-modal>div { max-width: 100%; max-height: 500px; padding: 0 !important; margin: 0 !important; overflow-y: hidden !important; top: 20% !important; left: -5% !important; } authtypechange-modal #mainContent{max-width: 100%;} show-ecert-messages alert .alert-danger p {margin-bottom: 0;} authtypechange-modal .embed-responsive-16by9 {height: 371px; } my-user-form .btn-primary+.btn-danger { max-height: 38px; margin-left: 3px !important; } .form-check {padding-left: 0px !important;} .form-check-input {display: contents !important; margin-left:0px!important;} filling-form-checkbox-field-type .form-check-input>label>input {position:absolute; top: 4px;} filling-form-checkbox-field-type .form-check-input>label>span {display: inline-block; max-width: 100%; margin-left: 4px;} filling-form-paragraph-field-type span.input-group-addon {border: none; background-color: transparent; padding: 2px;} paydeferredform-modal .modal-footer {display: block; text-align: right;} paydeferredform-modal .modal-header {display: block;} filling-form-tags-field-type tag-input {padding-left: 14px;} filling-form-tags-field-type .tooltip-inner {max-width: 100%; white-space: nowrap;} filling-form-patent-numbers-import-static-page .alert.alert-danger, filling-form-design-numbers-import-static-page .alert.alert-danger {line-height: 1.6;} .rightAligned {margin-left:33.33%;} .modal-dialog.modal-600 { width: 600px!important; } search-form-type label+i {margin-left: 4px; width: 26px;} .belowLabelCheckbox{margin:18px;} .alignCheckboxAndLabel{ margin-top: -4px;} filling-form .form-control::placeholder { color: #999; opacity: 1; } filling-form .form-control:-ms-input-placeholder { color: #999; } filling-form .form-control::-ms-input-placeholder { color: #999; }