@font-face { font-family: "Sinkin"; src: local("Sinkin"), url("/SinkinSans-400Regular.otf") format("opentype") tech(color-COLRv1), url("/SinkinSans-400Regular.otf") format("opentype"), url("/SinkinSans-400Regular.woff") format("woff"); } @font-face { font-family: 'Glyphicons Halflings'; src: url("/glyphicons-halflings-regular.eot"); src: url("/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/glyphicons-halflings-regular.woff2") format("woff2"), url("/glyphicons-halflings-regular.woff") format("woff"), url("/glyphicons-halflings-regular.ttf") format("truetype"), url("/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg") } body { font-family: "Arial"; /*font-size: 0.9em;*/ line-height: 1.5; font-size: 1em; color: #414042; } h1 { font-family: "Sinkin"; font-size: 1em; font-weight: 700; color: #414042; } h2 { font-family: "Arial"; font-size: 1.125em; font-weight: bold; color: #414042; } h3 { font-family: "Sinkin"; font-size: 0.875em; font-weight: 700; border-bottom: solid 4px #F3EFE7; padding-bottom: 10px; margin-top: 40px; margin-bottom: 40px; color: #414042; } h4 { font-family: "Arial"; font-size: 1em; font-weight: bold; color: #414042; } h6 { font-family: "Arial"; font-size: 0.875em; font-weight: bold; color: #23588B; } .modal-content{ margin-top:100px; } #lblLongDescription a, #lblLongDescription a:link, #lblLongDescription a:visited { color: #23588B; font-weight: bold; text-decoration: underline; } a, a:link, a:visited { color: #414042; font-weight: bold; text-decoration: underline; } a.white, a.white:link, a.white:visited { color: white; text-decoration: none; } .form-group { padding-top: 10px; padding-bottom: 10px; } .btn { background: #414042; color: white; border: solid 1px #414042; } a.btnlink, a.btnlink:link, a.btnlink:visited { color: white; text-decoration: none; font-weight: normal; } a.btnlinkblue, a.btnlinkblue:link, a.btnlinkblue:visited { color: white; text-decoration: none; font-weight: normal; background: #25355C; } a.btnlink:hover, a.btnlinkblue:hover { color: #fff; background-color: rgb(149, 23, 25); border-color: rgb(149, 23, 25); } .btn-primary:hover { color: #fff; background-color: rgb(149, 23, 25); border-color: rgb(149, 23, 25); } .container-fluid { padding-right: 0px; padding-left: 0px; } .headerbg { position: absolute; width: 100%; height: 68px; background: #891A1C; } #popup1 { visibility: hidden; } .headerbgline { position: absolute; width: 100%; height: 7px; top: 68px; background: #E94E14; } .headergradient { position: absolute; width: 100%; height: 70px; top: 75px; background: rgb(245,241,234); background: linear-gradient(180deg, rgba(245,241,234,1) 0%, rgba(255,255,255,1) 70%); } .loginbutton { text-align: right; } .form-group label { font-family: "Sinkin"; font-weight: bold; /*font-size: 0.8em; */ } .form-control, input.form-control { background: #F5F5F5 !important; border: solid 1px #E5E5E5; /*font-size: 0.8em;*/ } .close-btn { margin-left: 20px; } div[data-name="tab_lobsterconfig"] table .control span { padding: 6px 0 0 5px !important; font-size: 0.875em; } div[data-name="tabFisherTemplateEdit"] table .control span { padding: 7px 0 0 5px !important; font-size: 0.875em; } div[data-name="tabAddress"] h3, div[data-name="tabRole"] h3, div[data-name="tabBoat"] h3, div[data-name="tabAddress"] .tab-title, div[data-name="tabRole"] .tab-title, div[data-name="tabBoat"] .tab-title, div[data-name="tabQueryCategory"] .tab-title, div[data-name="tabNotice"] .tab-title { display: none; } div[data-name="tabAddress"] .section-title, div[data-name="tabRole"] .section-title, div[data-name="tabBoat"] .section-title, div[data-name="tabNotice"] .section-title { border-top: solid 4px #F3EFE7; } div[data-name="tabRole"] table td, div[data-name="tabBoat"] table td, div[data-name="tabQueryCategory"] table td, div[data-name="tabNotice"] table td { padding: 15px !important; } div[data-name="tabRole"] table, div[data-name="tabBoat"] table, div[data-name="tabQueryCategory"] table { background: #F3EFE7; } div[data-name="tabAssignDelegate"] { padding: 20px; background: #F3EFE7; } div[data-name="tabNotice"] input, div[data-name="tabNotice"] textarea { background: transparent !important; } .input-disabled{background-color:#EBEBE4;border:1px solid #ABADB3;padding:2px 1px;} .marginbottomspace { margin-bottom: 20px; } .querymemberinfo { display: flex; flex-direction: column; gap: 0.5rem; padding: 15px; background: #F3EFE7; } @media (min-width:480px) { .querymemberinfo { display: flex; flex-direction: row; background: #F3EFE7; padding: 15px; } } .modal-lg, .modal-xl { max-width: 900px; } .querymemberinfoleft { min-width: 150px; } .crmEntityFormView { padding-top: 20px; } .crmEntityFormView .section-title.show-bar { padding-bottom: 20px; } .crmEntityFormView .actions { border-top: 0px none white; } .logo { width: 178px; height: 128px; box-shadow: 2px 2px 4px rgba(200, 200, 200, 0.4); } .red { color: rgb(149, 23, 25); } section { position: relative; display: block; width: 100%; z-index: 5; } #body, .mainbodycontent { position: relative; width: 100%; margin-bottom: 100px; margin-top: 50px; z-index: 2; } header { position: relative; /*z-index: 99;*/ } footer { position: relative; display: block; width: 100%; background: white; padding-top: 25px; padding-bottom: 20px; min-height: 50px; z-index: 3; margin-top: 100px; } footer a, footer a:link, footer a:visited { color: #23588B; font-weight: normal; text-decoration: none; } #homepage { width: 100%; position: relative; z-index: 2; /*min-height: 780px;*/ } #homepagebob { width: 100%; position: relative; z-index: 2; margin-top: 40px; margin-bottom: 40px; /*min-height: 780px;*/ } .homepageboblogo { margin-top: 20px; } .homepageboblogo-bg img { width: 100%; } .homepageboblogo-icon { position: relative; /* margin: 0 auto; */ width: 100%; display: flex; justify-content: center; margin-top: -50px; } .homepageboblogo-icon img { width: 70%; } .homepagebg { background: url("/homepagebanner.png") no-repeat; position: absolute; height: 100%; width: 100%; z-index: 1; top: 75px; background-size: 100%; background-attachment: fixed; background-size: contain; background-position: center center; background-position-y: top; } #homepage .container, #homepage .row { height: 100%; } .homepageseparator { margin-bottom: 70px; } .welcomeuser { width: 100%; background: white; min-height: 100px; position: relative; margin-top: 100px; } .welcomeusercontent { position: relative; margin-top: 0px; margin-bottom: 20px; background: white; border: solid 1px #E5E5E5; } .welcomeusertop { width: 100%; display: flex; } .welcomeusertop-left { width: 70%; padding-left: 15px; padding-top: 20px; } .welcomeusertop-right { position: absolute; right: 20px; top: 10px; } .welcomeusertop-right img { height: 30px; } .welcomeuserbody { padding-left: 15px; padding-right: 15px; padding-bottom: 20px; } .welcomeuserbody a, .welcomeuserbody a:link, .welcomeuserbody a:visited { font-weight: normal; } .welcomeuserbody-separator, .weathercontent-separator { padding-left: 15px; padding-right: 15px; } .welcomeuserbody-separator hr, .weathercontent-separator hr { padding: 0px; margin-top: 5px; margin-bottom: 0px; } .welcomeuserbody-content { padding-top: 20px; } .welcomemiddle { background: #25355C; width: 100%; min-height: 100px; position: relative; margin-top: 100px; margin-bottom: 70px; opacity: 0.9; } .welcomemiddle-img, .welcomemiddle img { width: 100%; } .welcomemiddle-body { width: 100%; color: white; padding: 15px; } .welcomeuserbody-table { display: flex; border-bottom: solid 1px #E5E5E5; padding-top: 20px; } .welcomeuserbody-table-last { border-bottom: none 0px white; } .welcomeuserbody-table-icon { width: 30%; text-align: center; color: rgb(149, 23, 25); font-size: 1.5em; /*display: flex; align-items : center; justify-content: center;*/ padding-top: 10px; } .welcomeuserbody-table-body { width: 70%; } .welcomeuserbody-table-body a, .welcomeuserbody-table-body a:link, .welcomeuserbody-table-body a:visited { color: rgb(149, 23, 25); font-weight: bold; text-decoration: none; line-height: 30px; } .topmenu { position: absolute; padding-top: 15px; padding-left: 20px; font-family: "Sinkin"; display: flex; } .topmenu .btn { background: none; border: none 0px white; margin-right: 62px; /*font-size: 0.9em;*/ font-size: 0.9375em; border-radius: 0; font-weight: bold; } .topmenu a.btn, .topmenu a.btn:link, .topmenu a.btn:visited { font-weight: bold; color: white; padding-top: 9px; font-size: 0.9375em; } .topmenu .btn:focus { border: none 0px white; } .dropdown-menu { top: -4px !important; border: none 0px white; border-radius: 0; background: #FBF9F3; min-width: 200px !important; } .topmenu a, .topmenu a:link, .topmenu a:visited { text-decoration: none; font-weight: normal; height: 36px; } .topmenu .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover { color: #414042; text-decoration: none; background-color: #F0E7D8; /*font-size: 0.9em;*/ border: none 0px white; } .topmenu .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: none; } .topmenu .btn-secondary.focus, .btn-secondary:focus { box-shadow: none; } .topmenu a, .topmenu a:link, .topmenu a:visited { /*font-size: 0.7em;*/ } .topmenu .btn-primary, .topmenu .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background: none; border-color: transparent; box-shadow: none; border: none 0px white; } .topmenu .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #414042; background-color: #FBF9F3; border-color: white; box-shadow: none; border: none 0px white; } .weathercontainer { margin-left: auto; padding:15px; background-color: #f2f2f2; display: inline-flex; flex-direction: column; align-items: flex-start; gap: 15px; position: relative; } #weathercarousel-inner { gap: 15px; transition: transform 0.3s ease-in-out; } .weathercarousel-clickzone { font-size: 16px; cursor: pointer; } .weatherinteractions { display: flex; width: 100%; justify-content: space-between; align-items: center; } .weathercontent-body { display: flex; flex-direction: row; gap: 8px; align-items: center; justify-content: space-around; border-top: solid 1px #E5E5E5; padding-top: 5px; padding-bottom: 5px; width: 100%; } .weathercontent-card { padding: 10px; display: flex; flex-direction: column; align-items: center; font-size: 12px; width: 160px; background-color: #fefefe; border-radius: 6px; } .weathercontent-card h4 { font-size: 16px; } .weathercontent-minmax { display: flex; flex-direction: column; align-items: end; justify-content: center; } .weathercontent-minmax div { display: flex; flex-direction: row; align-items: center; justify-content: space-around; } .weathercontent-minimumcircle { background-color: cyan; border-radius: 50%; height: 10px; width: 10px; margin-right: 5px; } .weathercontent-maximumcircle { background-color: orangered; border-radius: 50%; height: 10px; width: 10px; margin-right: 5px; } .logininfo { width: 40px; height: 40px; line-height: 30px; border-radius: 50%; /*font-size: 0.7em;*/ color: #fff; text-align: center; background: none; position: relative; border: solid 2px white; padding-top: 5px; } .contactdetailsmenu a, .contactdetailsmenu a:link, .contactdetailsmenu a:visited { font-size: 0.8375em; } .logininforight { justify-content: right; width: 10%; } .mobileonly { display: none; } .desktoponly { display: flex; } .navbar-collapse { background: #891A1C; padding-left: 10px; padding-right: 10px; position: relative; z-index: 2; } .navbar-nav .nav-link { color: #FBF9F3; text-decoration: none; } a.subitem, a.subitem:link, a.subitem:visited { font-weight: normal; } .col-mob { padding-left: 10px; } button:focus { outline: none; } table.dataTable>thead>tr>th, table.dataTable>thead>tr>td { padding: 10px; border-bottom: none 0px white; border-right: solid 2px white; background: #414042; color: white; } table.historytable>thead>tr>th, table.historytable>thead>tr>td { background: none; font-style: italic; color: #414042; border: none 0px white; padding-right: 20px; } table.historytable>tbody>tr>td { font-style: italic; background: none; border: none 0px white; padding-right: 20px; } table.historytable.display>tbody>tr.odd>.sorting_1, table.historytable.order-column.stripe>tbody>tr.odd>.sorting_1, table.historytable.hover>tbody>tr:hover>*, table.historytable.display>tbody>tr:hover>* , table.historytable.stripe>tbody>tr.odd>*, table.historytable.display>tbody>tr.odd>* , table.historytable.display tbody tr:hover>.sorting_1, table.historytable.order-column.hover tbody tr:hover>.sorting_1, table.historytable.display>tbody>tr.even>.sorting_1, table.historytable.order-column.stripe>tbody>tr.even>.sorting_1 , table.historytable.stripe>tbody>tr.even>*, table.historytable.display>tbody>tr.even>*, table.historytable.no-footer { box-shadow: none; border: none 0px white; } table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after { opacity: 1; } .defaulttable a, .defaulttable a:link, .defaulttable a:visited { color: #23588B; text-decoration: none; } .defaulttable a:hover { text-decoration: underline; } .defaulttable .btn { /*font-size: 0.9em;*/ } .containerspace { margin-top: 40px; } .homepagebobul { margin-top: 20px; } .homepagebobul li { list-style: none; display: flex; padding-bottom: 10px; } .homepagebobul-text { min-width: 200px; } .homepagebobul a, .homepagebobul a:link, .homepagebobul a:visited { text-decoration: none; color: #23588B; } .popup_content { padding: 20px; text-align: center !important; background: white; width: 30%; } .duallabel { display: flex; } .labelleft { width: 50%; } .labelright { width: 50%; text-align: right; } .crmEntityFormView .tab-title { border-bottom: solid 4px #F3EFE7; } .crmEntityFormView, .entitylist, .popover-content, .entitylisttable { border: 0px none white; margin-top: 20px; } .entitylist { overflow-x: hidden; } td, th { word-break: normal; } /*.crmEntityFormView .cell { padding-bottom: 20px; padding-left: 0px; }*/ .crmEntityFormView .cell { padding: 0 28px 20px; margin-bottom: 0px; } .newQueryForm .crmEntityFormView .cell, .manageMyDetails .crmEntityFormView .cell { padding: 0 0px 20px; } legend { font-size: 1em; } html[dir=ltr] .crmEntityFormView .cell .field-label { font-size: 0.875em; font-weight: bold; } .fade:not(.show) { opacity: 1; } .modal-backdrop.fade { opacity: 0; z-index: 1; } /* .modal.fade .modal-dialog { border: solid 2px #EFEFEF; background: #EFEFEF; margin-top: 150px; } */ .modal-open .modal { background-color: rgba(0,0, 0,0.5) !important; } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 52px; height: 25px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #891A1C; } input:focus + .slider { box-shadow: 0 0 1px #891A1C; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 25px; } .slider.round:before { border-radius: 50%; } .switchspan { font-size: 0.8375em; } #imgProfileImage { border-radius: 50%; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover { background-color: #891A1C!important; padding: 5px; font-size: 0.8375em; color: white; } .pagination > li > a, .pagination > li > span { font-size: 0.8375em; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus { color: #ffffff; background-color: #891A1C; border-color: #891A1C; } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #891A1C; border-color: #891A1C; } .datepicker .picker-switch>button { /*background-color: #891A1C !important;*/ } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: transparent; } .datetimepicker input[type=text] { width: 80% !important; } .datetimepicker input[type=text].readonly { width: 100% !important; } .bootstrap-datetimepicker-widget .collapse:not(.show) { display: block !important; } .bootstrap-datetimepicker-widget .icon-time { display: none !important; } .modal-header .close { padding: 1rem 1rem; /* margin: -1rem -1rem -1rem auto; */ margin-right: 10px; color: #891A1C !important; } .wrapper-body { position: relative; /*z-index: 88;*/ } .grid-actions { display: block; justify-content: end; } .grid-actions ul.nav { float: left; } .grid-actions .pull-right { float: right; } .grid-actions .dropdown-menu a, .grid-actions .dropdown-menu a:link, .grid-actions .dropdown-menu a:visited { text-decoration: none; font-size: 0.875em; padding: 10px; } .grid-actions .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { padding: 10px; border: 0px none white; } .grid-actions .dropdown-menu a:hover { text-decoration: none; } .view-toolbar .view-select .dropdown .dropdown-menu li.active a { background-color: #891A1C; color: white; } .entity-grid table { border-bottom: solid 1px black; border-left: solid 1px black; border-right: solid 1px black; } .entity-grid .pull-left, .entity-gridtable .pull-left { justify-content: end; } .entity-grid a.action, .entity-grid a.action:link, .entity-grid a.action:visited, .entity-gridtable a.action, .entity-gridtable a.action:link, .entity-gridtable a.action:visited { color: white; background: #23588B; text-decoration: none; } .entity-grid table th, .entity-gridtable table th { background: #414042; color: white; font-size: 0.875em; width: auto !important; border-right: solid 1px white; } .entity-grid table th a, .entity-grid table th a:link, .entity-grid table th a:visited, .entity-gridtable table th a, .entity-gridtable table th a:link, .entity-gridtable table th a:visited { color: white; text-decoration: none; font-size: 0.875em; } .entity-grid table td, .entity-gridtable table td { font-size: 0.875em; border-right: solid 1px #414042; } .entity-grid table td button, .entity-gridtable table td button { display: none; } .entity-grid table td ul, .entity-gridtable table td ul { margin: 0px; padding: 0px; position: relative !important; display: block; min-width: auto; } .entity-grid table td ul li, .entity-gridtable table td ul li { list-style: none; margin-bottom: 10px; } .entity-grid table td ul li a, .entity-grid table td ul li a:link, .entity-grid table td ul li a:visited, .entity-grid table td ul li a:hover, .entity-gridtable table td ul li a, .entity-gridtable table td ul li a:link, .entity-gridtable table td ul li a:visited, .entity-gridtable table td ul li a:hover { display: block; width: 150px; text-decoration: none; color: white; background: #414042; text-align: center; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 0.875em; } .entity-grid .dropdown-menu { background: transparent; } .overlay{ display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background: rgba(255,255,255,0.8) url("/loader.gif") center no-repeat; } /* Turn off scrollbar when body element has the loading class */ body.loading{ overflow: hidden; transform: none !important; animation: none !important; } /* Make spinner image visible when body element has the loading class */ body.loading .overlay{ display: block; } .modal-form .modal-body iframe { height: 600px; } /*.modal-form-details, .modal-form-edit, .modal-form-insert { padding-top: 100px; }*/ .notifications { margin-top: 140px; position: absolute; width: 100%; z-index: 99; } .control p { font-size: 0.875em; font-style: italic; } .form-control { font-size: 0.875em; } .modal-form { /* padding-top: 100px; */ } .crmEntityFormView .actions { margin: 0px; padding: 0px; } .slick-prev { z-index: 1; } .slick-next { z-index: 1; } .newsslider { width: 100%; margin: 0px auto; position: relative; top: 100px; display: flex !important; } .slick-track { display: flex !important; } .slick-slide { margin: 0px 20px; height: auto !important; flex: 1; display: flex !important; } .slick-slide img { width: 100%; } .slick-prev:before, .slick-next:before { color: black; } .slick-slide { transition: all ease-in-out .3s; opacity: .2; width: 100% !important; } .slick-active { opacity: 1; } .slick-active > div { width: 100%; } .slick-current { opacity: 1; } .slick-prev:before, .slick-next:before { color: black !important; opacity: 1 !important; } #sectionNotices { margin-top: 100px; } .newsslider_content { background: #F3EFE7; padding: 20px; min-height: 350px; height: 100%; } .newsslider_content_empty { background: #F3EFE7; padding: 20px; min-height: 0px !important; height: 100%; width: 100% !important; } .newsslider_arrow { padding-left: 20px; padding-top: 10%; position: relative; color: #23588B; } .newsslider_content_icon { color:rgb(149, 23, 25); margin-bottom: 15px; } .newsslider_content_icon img { width: initial !important; } .newsslider_content_title { font-weight: bold; } .newsslider_content_date { font-style: italic; margin-bottom: 15px; } .newsslider_content a, .newsslider_content a:link, .newsslider_content a:visited { font-weight: normal; color: #23588B; } .crmEntityFormView .cell label>label { min-width: 125px } .post-comment-new-form .crmEntityFormView .validation-summary { display: none } .crmEntityFormView .form-actions { margin-top: 20px } span.crmEntityFormView { display: block } .crmEntityFormView .tab { margin-bottom: 20px; width: 100% } .crmEntityFormView .tab-title { border-bottom: 1px solid #eee; -ms-text-rendering: optimizelegibility; text-rendering: optimizelegibility } .crmEntityFormView .section:first-child { margin: 0 } .crmEntityFormView .section { table-layout: fixed; width: 100% } .crmEntityFormView .section-title { border-bottom-width: 0; margin-bottom: 5px } .crmEntityFormView .section-title.show-bar { border-bottom-width: 1px; padding-bottom: 4px } .crmEntityFormView .cell { padding: 0 28px 20px } .crmEntityFormView .cell.zero-cell { display: none } html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child { border-right: 1px solid #b3b3b3 } html[dir=rtl] .crmEntityFormView .cell.crmquickform-cell:first-child { border-left: 1px solid #b3b3b3 } .crmEntityFormView .cell.crmquickform-cell .info { color: #333 } html[dir=ltr] .crmEntityFormView .tab .tab-column { padding-left: 20px; float: left } html[dir=rtl] .crmEntityFormView .tab .tab-column { padding-right: 20px; float: right } html[dir=ltr] .crmEntityFormView .tab .tab-column:first-child { padding-left: 0 } html[dir=rtl] .crmEntityFormView .tab .tab-column:first-child { padding-right: 0 } .crmEntityFormView table.table td { padding: 8px } .crmEntityFormView table.table td:first-child { padding: 8px } @media (max-width:767px) { .crmEntityFormView table.section, .crmEntityFormView table.section>tbody, .crmEntityFormView table.section>tbody>tr, .crmEntityFormView table.section>tbody>tr>td, .crmEntityFormView table.section>tbody>tr>th, .crmEntityFormView table.section>tfoot, .crmEntityFormView table.section>tfoot>tr, .crmEntityFormView table.section>tfoot>tr>td, .crmEntityFormView table.section>tfoot>tr>th, .crmEntityFormView table.section>thead, .crmEntityFormView table.section>thead>tr, .crmEntityFormView table.section>thead>tr>td, .crmEntityFormView table.section>thead>tr>th { display: block } .crmEntityFormView table.section { width: 100%; overflow: visible } .crmEntityFormView .cell { margin-bottom: 15px; padding: 0; width: 100% } .crmEntityFormView .cell.crmquickform-cell:first-child { border: none } .crmEntityFormView .cell.empty-cell { margin-bottom: 0 } .crmEntityFormView .tab .tab-column { display: block; margin-bottom: 15px; padding: 0; width: 100% } .crmEntityFormView .tab .tab-column:last-child, .crmEntityFormView .tab fieldset:last-child, .crmEntityFormView .tab:last-child { margin-bottom: 0 } .tab-column { width: 100% !important } } .crmEntityFormView .cell div.control { clear: both } .crmEntityFormView .cell div.info.required label:after { content: ' *'; color: red } .crmEntityFormView .cell div.info.required div.validators { display: none } .crmEntityFormView .cell div.info div.validators { color: Red } html[dir=ltr] .crmEntityFormView .cell div.info div.validators { margin: 0 0 0 3px; float: left } html[dir=rtl] .crmEntityFormView .cell div.info div.validators { margin: 0 3px 0 0; float: right } .crmEntityFormView td.cell { vertical-align: top } .crmEntityFormView .cell .field-label { display: inline } html[dir=ltr] .crmEntityFormView .cell .field-label { float: left } html[dir=rtl] .crmEntityFormView .cell .field-label { float: right } .crmEntityFormView .cell label>label { margin-bottom: 0 } .crmEntityFormView .cell input[type=text] { width: auto; } .crmEntityFormView .cell input[type=text].text, .crmEntityFormView .cell select, .crmEntityFormView .cell textarea { width: 100%; } .crmEntityFormView .cell input[type=text].money, .crmEntityFormView .cell input[type=number].money { width: 90%; } html[dir=ltr] .crmEntityFormView .cell input[type=text], html[dir=ltr] .crmEntityFormView .cell select, html[dir=ltr] .crmEntityFormView .cell textarea { float: left } html[dir=rtl] .crmEntityFormView .cell input[type=text], html[dir=rtl] .crmEntityFormView .cell select, html[dir=rtl] .crmEntityFormView .cell textarea { float: right } .crmEntityFormView .cell div.control span.checkbox { margin: 0 } html[dir=ltr] .crmEntityFormView .cell div.control span.checkbox { float: left } html[dir=rtl] .crmEntityFormView .cell div.control span.checkbox { float: right } html[dir=ltr] .crmEntityFormView .cell div.control span.checkbox input[type=checkbox] { margin-left: 0 } html[dir=rtl] .crmEntityFormView .cell div.control span.checkbox input[type=checkbox] { margin-right: 0 } .crmEntityFormView .datetime-cell input.date { width: 75px } .crmEntityFormView .datetime-cell select.time { width: 100px } .crmEntityFormView .empty-cell { padding: 0 } .crmEntityFormView .empty-cell:only-child { display: none } .crmEntityFormView .state, .crmEntityFormView .status { padding: 6px 12px } .crmEntityFormView .cell .picklist input[type=radio] { vertical-align: top } html[dir=ltr] .crmEntityFormView .cell .picklist input[type=radio] { margin: 2px 5px 5px 0 } html[dir=rtl] .crmEntityFormView .cell .picklist input[type=radio] { margin: 2px 0 5px 5px } html[dir=rtl] .crmEntityFormView .cell .picklist.horizontal input[type=radio] { margin-left: 10px } html[dir=rtl] .crmEntityFormView .cell .picklist.horizontal input[type=radio] { margin-right: 10px } html[dir=ltr] .crmEntityFormView .cell .picklist input[type=radio]:first-child { margin-left: 0 } html[dir=rtl] .crmEntityFormView .cell .picklist input[type=radio]:first-child { margin-right: 0 } html[dir=ltr] .crmEntityFormView .cell .picklist.horizontal span:not(:first-child) input[type=radio] { margin-left: 10px } html[dir=rtl] .crmEntityFormView .cell .picklist.horizontal span:not(:first-child) input[type=radio] { margin-right: 10px } .crmEntityFormView .cell .picklist label { float: none; font-weight: 400 } .crmEntityFormView .cell.checkbox-cell div.info { float: none; clear: none; display: inline-block } html[dir=ltr] .crmEntityFormView .cell.checkbox-cell div.info { padding-left: 20px } html[dir=rtl] .crmEntityFormView .cell.checkbox-cell div.info { padding-right: 20px } .crmEntityFormView .cell.checkbox-cell div.control { clear: none; display: inline } html[dir=ltr] .crmEntityFormView .cell.checkbox-cell div.control { float: left } html[dir=rtl] .crmEntityFormView .cell.checkbox-cell div.control { float: right } .crmEntityFormView .cell.checkbox-cell div.info div.validators { display: none; clear: none } html[dir=ltr] .crmEntityFormView .cell.checkbox-cell div.info div.validators { float: left } html[dir=rtl] .crmEntityFormView .cell.checkbox-cell div.info div.validators { float: right } .crmEntityFormView .cell.checkbox-cell label { clear: none; float: none !important; display: inline } html[dir=ltr] .crmEntityFormView .cell.checkbox-cell:first-child { padding: 0 10px 0 0 } html[dir=rtl] .crmEntityFormView .cell.checkbox-cell:first-child { padding: 0 0 0 10px } .crmEntityFormView .cell.boolean-radio-cell input[type=radio] { vertical-align: top } html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell input[type=radio] { margin: 2px 5px 5px 10px } html[dir=rtl] .crmEntityFormView .cell.boolean-radio-cell input[type=radio] { margin: 2px 10px 5px 5px } html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell input[type=radio]:first-child { margin-left: 0 } html[dir=rtl] .crmEntityFormView .cell.boolean-radio-cell input[type=radio]:first-child { margin-right: 0 } html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell .boolean-radio span:nth-child(2) input[type=radio] { margin-left: 10px } html[dir=rtl] .crmEntityFormView .cell.boolean-radio-cell .boolean-radio span:nth-child(2) input[type=radio] { margin-right: 10px } .crmEntityFormView .cell.boolean-radio-cell label { float: none; display: inline } .crmEntityFormView .boolean-radio label { font-weight: 400 } .crmEntityFormView .validation-summary h2 { margin: 0 0 1em 0; padding: 0; font-size: 1.2em } .crmEntityFormView .validation-summary ul { margin: 0; padding: 0; list-style: none } .crmEntityFormView .validator-text { color: red } html[dir=ltr] .crmEntityFormView .validator-text { margin: 0 0 0 3px } html[dir=rtl] .crmEntityFormView .validator-text { margin: 0 3px 0 0 } .crmEntityFormView fieldset { margin: 0; margin-bottom: 20px; padding: 0; border: 0 none } .crmEntityFormView fieldset:empty { margin: 0 } .crmEntityFormView fieldset legend+.well { margin-top: 0 } .crmEntityFormView div.row.full div.cell { width: 100% } .crmEntityFormView .actions { border-top: 1px solid #e5e5e5; margin: 20px 0; padding: 19px 0 0 0 } .crmEntityFormView .actions:empty { display: none } html[dir=ltr] .crmEntityFormView .actions .btn:first-child { margin-right: 5px } html[dir=rtl] .crmEntityFormView .actions .btn:first-child { margin-left: 5px } .crmEntityFormView .actions:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .crmEntityFormView .cell.picklist-matrix-cell { padding: 0 } .crmEntityFormView .picklist.horizontal.labels-top label { display: block } .crmEntityFormView .picklist.horizontal.labels-top td { text-align: center } html[dir=ltr] .crmEntityFormView .picklist.horizontal.labels-top td { padding-right: 20px } html[dir=rtl] .crmEntityFormView .picklist.horizontal.labels-top td { padding-left: 20px } html[dir=ltr] .crmEntityFormView .picklist-matrix-cell .picklist.horizontal.labels-top input[type=radio] { margin-left: 0 } html[dir=rtl] .crmEntityFormView .picklist-matrix-cell .picklist.horizontal.labels-top input[type=radio] { margin-right: 0 } .crmEntityFormView .picklist-matrix-cell div.info { width: 250px } html[dir=ltr] .crmEntityFormView .picklist-matrix-cell div.info { float: left } html[dir=rtl] .crmEntityFormView .picklist-matrix-cell div.info { float: right } .crmEntityFormView .picklist-matrix-cell div.control { clear: none } html[dir=rtl] .crmEntityFormView .picklist-matrix-cell div.control { float: left } html[dir=rtl] .crmEntityFormView .picklist-matrix-cell div.control { float: right } .crmEntityFormView .picklist-matrix-cell div.control .picklist label { height: 1px; padding-top: 1px; overflow: hidden; display: block } .crmEntityFormView table.section tr:first-child .picklist-matrix-cell div.control .picklist label { height: auto; padding-top: 0; display: block } .crmEntityFormView table.section tr:first-child .picklist-matrix-cell div.info { padding-top: 18px; vertical-align: bottom } .crmEntityFormView table.section tr:first-child .picklist-matrix-cell div.control { margin-top: -10px; padding-top: 10px } .crmEntityFormView div.description { margin-top: -2px; margin-bottom: 2px } .crmEntityFormView div.description.below { margin: 0 } .crmEntityFormView div.description.above { clear: both } html[dir=ltr] .crmEntityFormView div.description.right { float: right } html[dir=rtl] .crmEntityFormView div.description.right { float: left } .crmEntityFormView .cell.rank-order-cell { padding: 0 0 3px 0 } .crmEntityFormView .rank-order-cell div.info { padding-top: 3px; width: 150px } .crmEntityFormView .rank-order-cell div.control { width: 100px; clear: none } html[dir=ltr] .crmEntityFormView .rank-order-cell div.control { float: left } html[dir=rtl] .crmEntityFormView .rank-order-cell div.control { float: right } .crmEntityFormView .rank-order-cell .validator-text { color: red } html[dir=ltr] .crmEntityFormView .rank-order-cell .validator-text { padding: 0 0 0 3px } html[dir=rtl] .crmEntityFormView .rank-order-cell .validator-text { padding: 0 3px 0 0 } .crmEntityFormView .cell.constant-sum-cell { padding: 0 0 3px 0 } .crmEntityFormView .constant-sum-cell div.info { padding-top: 3px; width: 150px } .crmEntityFormView .constant-sum-cell div.control { clear: none; width: 100px } html[dir=ltr] .crmEntityFormView .constant-sum-cell div.control { float: left } html[dir=rtl] .crmEntityFormView .constant-sum-cell div.control { float: right } .crmEntityFormView .constant-sum-cell div.control input.integer { text-align: center } .crmEntityFormView .constant-sum-cell .validator-text { color: red } html[dir=ltr] .crmEntityFormView .constant-sum-cell .validator-text { float: left; margin: 7px 0 0 3px } html[dir=rtl] .crmEntityFormView .constant-sum-cell .validator-text { float: right; margin: 7px 3px 0 0 } .crmEntityFormView .constant-sum-cell div.control input.total { clear: both; border: none; background-color: transparent; color: #000; border-top: solid 1px #555; font-weight: 700; text-align: center; width: 30px; margin: 3px 0 0 0 } .crmEntityFormView .cell.stack-rank-cell { padding: 0 0 3px 0 } .crmEntityFormView .stack-rank-cell div.info { margin-top: 9px; width: 150px } .crmEntityFormView .stack-rank-cell div.control { clear: none; width: 100px } html[dir=ltr] .crmEntityFormView .stack-rank-cell div.control { float: left } html[dir=rtl] .crmEntityFormView .stack-rank-cell div.control { float: right } .crmEntityFormView .stack-rank-cell .validator-text { color: red } html[dir=ltr] .crmEntityFormView .stack-rank-cell .validator-text { padding: 0 0 0 3px } html[dir=rtl] .crmEntityFormView .stack-rank-cell .validator-text { padding: 0 3px 0 0 } .crmEntityFormView .sr-cell { padding: 2px 25px; margin-top: 5px; margin-bottom: 5px; border: 1px solid #000; line-height: 1.8em } html[dir=ltr] .crmEntityFormView .sr-cell { float: left } html[dir=rtl] .crmEntityFormView .sr-cell { float: right } .crmEntityFormView .sr-cell:hover { cursor: pointer; background: #36566b; color: #fff } .crmEntityFormView .selected-cell { background: #014083; color: #fff } html[dir=ltr] .crmEntityFormView.readonly { padding-left: 0 } html[dir=rtl] .crmEntityFormView.readonly { padding-right: 0 } .crmEntityFormView.readonly .cell input:disabled, .crmEntityFormView.readonly .cell select:disabled, .crmEntityFormView.readonly .cell textarea:disabled { background: 0 0; border: none; box-shadow: none; -moz-box-shadow: none; padding: 0 } .crmEntityFormView textarea[readonly] { display: block !important } .crmEntityFormView.readonly .cell div.info.required label:after { content: none } .crmEntityFormView.readonly .cell div.info label { font-weight: 700 } .crmEntityFormView.centered .cell div.info { width: 100% } .crmEntityFormView.centered .cell div.info label { width: 100%; text-align: center } .crmEntityFormView.centered .cell input[type=text], .crmEntityFormView.centered .cell select, .crmEntityFormView.centered .cell textarea { text-align: center } .crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control { background: 0 0; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; cursor: auto; padding-left: 0; padding-right: 0 } .crmEntityFormView .form-control.readonly:focus, .crmEntityFormView .form-control[readonly][disabled]:focus, .form-readonly .form-control:focus { outline: 1px dotted #212121; outline: 5px auto -webkit-focus-ring-color } .crmEntityFormView textarea.form-control.readonly, .crmEntityFormView textarea.form-control[readonly][disabled], .form-readonly textarea.form-control { resize: none } .crmEntityFormView select.form-control.readonly, .form-readonly select.form-control { appearance: none; -webkit-appearance: none; -moz-appearance: none } .crmEntityFormView select.form-control.readonly::-ms-expand, .form-readonly select.form-control::-ms-expand { display: none } .crmEntityFormView select.form-control.readonly option, .form-readonly select.form-control option { padding-left: 0; padding-right: 0 } .crmEntityFormView .money .input-group.readonly>.input-group-addon, .form-readonly .money .input-group>.input-group-addon { background: 0 0; border: none; padding-left: 0; padding-right: 0 } .crmEntityFormView .image-inline { margin-bottom: 5px } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type="date"].input-sm, .input-group-sm>input[type="date"].form-control, .input-group-sm>input[type="date"].input-group-addon, .input-group-sm>.input-group-btn>input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm>input[type="time"].form-control, .input-group-sm>input[type="time"].input-group-addon, .input-group-sm>.input-group-btn>input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm>input[type="datetime-local"].form-control, .input-group-sm>input[type="datetime-local"].input-group-addon, .input-group-sm>.input-group-btn>input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm>input[type="month"].form-control, .input-group-sm>input[type="month"].input-group-addon, .input-group-sm>.input-group-btn>input[type="month"].btn, .input-group-sm input[type="month"] { line-height: 31px } input[type="date"].input-lg, .input-group-lg>input[type="date"].form-control, .input-group-lg>input[type="date"].input-group-addon, .input-group-lg>.input-group-btn>input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg>input[type="time"].form-control, .input-group-lg>input[type="time"].input-group-addon, .input-group-lg>.input-group-btn>input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg>input[type="datetime-local"].form-control, .input-group-lg>input[type="datetime-local"].input-group-addon, .input-group-lg>.input-group-btn>input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg>input[type="month"].form-control, .input-group-lg>input[type="month"].input-group-addon, .input-group-lg>.input-group-btn>input[type="month"].btn, .input-group-lg input[type="month"] { line-height: 48px } } .form-control-static.input-lg, .input-group-lg>.form-control-static.form-control, .input-group-lg>.form-control-static.input-group-addon, .input-group-lg>.input-group-btn>.form-control-static.btn, .form-control-static.input-sm, .input-group-sm>.form-control-static.form-control, .input-group-sm>.form-control-static.input-group-addon, .input-group-sm>.input-group-btn>.form-control-static.btn { padding-left: 0; padding-right: 0 } .input-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { height: 31px; padding: 5px 10px; font-size: 13px; line-height: 1.5; border-radius: 0 } select.input-sm, .input-group-sm>select.form-control, .input-group-sm>select.input-group-addon, .input-group-sm>.input-group-btn>select.btn { height: 31px; line-height: 31px } textarea.input-sm, .input-group-sm>textarea.form-control, .input-group-sm>textarea.input-group-addon, .input-group-sm>.input-group-btn>textarea.btn, select[multiple].input-sm, .input-group-sm>select[multiple].form-control, .input-group-sm>select[multiple].input-group-addon, .input-group-sm>.input-group-btn>select[multiple].btn { height: auto } .input-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { height: 48px; padding: 10px 16px; font-size: 19px; line-height: 1.33333; border-radius: 0 } select.input-lg, .input-group-lg>select.form-control, .input-group-lg>select.input-group-addon, .input-group-lg>.input-group-btn>select.btn { height: 48px; line-height: 48px } textarea.input-lg, .input-group-lg>textarea.form-control, .input-group-lg>textarea.input-group-addon, .input-group-lg>.input-group-btn>textarea.btn, select[multiple].input-lg, .input-group-lg>select[multiple].form-control, .input-group-lg>select[multiple].input-group-addon, .input-group-lg>.input-group-btn>select[multiple].btn { height: auto } .input-lg+.form-control-feedback, .input-group-lg>.form-control+.form-control-feedback, .input-group-lg>.input-group-addon+.form-control-feedback, .input-group-lg>.input-group-btn>.btn+.form-control-feedback, .input-group-lg+.form-control-feedback, .form-group-lg .form-control+.form-control-feedback { width: 48px; height: 48px; line-height: 48px } .input-sm+.form-control-feedback, .input-group-sm>.form-control+.form-control-feedback, .input-group-sm>.input-group-addon+.form-control-feedback, .input-group-sm>.input-group-btn>.btn+.form-control-feedback, .input-group-sm+.form-control-feedback, .form-group-sm .form-control+.form-control-feedback { width: 31px; height: 31px; line-height: 31px } .has-success .input-group-addon { color: #000; border-color: #000; background-color: #d6e9c6 } .has-warning .input-group-addon { color: #000; border-color: #000; background-color: #faebcc } .has-error .input-group-addon { color: #000; border-color: #000; background-color: #ebccd1 } @media(min-width:768px) { .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto } } .input-group { flex-wrap : nowrap } .text-muted { display: none } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0 } .input-group-addon, .input-group-btn { width: auto; white-space: nowrap; vertical-align: middle } .input-group-addon { padding: 10px 12px; font-size: 0.875em; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 0px none #ccc; border-radius: 0 } .input-group-addon.input-sm, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.input-group-addon.btn { padding: 5px 10px; font-size: 13px; border-radius: 0 } .input-group-addon.input-lg, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.input-group-addon.btn { padding: 10px 16px; font-size: 19px; border-radius: 0 } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0 } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group-addon:first-child { border-right: 0 } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn { border-bottom-left-radius: 0; border-top-left-radius: 0 } .input-group-addon:last-child { border-left: 0 } @media(min-width:768px) { .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto } } html[dir=ltr] .iconBorder { padding: 0px; position: relative; /* padding-right: 100px; */ right: 6px; } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon-asterisk:before { content: "*" } .glyphicon-plus:before { content: "+" } .glyphicon-euro:before, .glyphicon-eur:before { content: "€" } .glyphicon-minus:before { content: "−" } .glyphicon-cloud:before { content: "☁" } .glyphicon-envelope:before { content: "✉" } .glyphicon-pencil:before { content: "✏" } .glyphicon-glass:before { content: "" } .glyphicon-music:before { content: "" } .glyphicon-search:before { content: "" } .glyphicon-heart:before { content: "" } .glyphicon-star:before { content: "" } .glyphicon-star-empty:before { content: "" } .glyphicon-user:before { content: "" } .glyphicon-film:before { content: "" } .glyphicon-th-large:before { content: "" } .glyphicon-th:before { content: "" } .glyphicon-th-list:before { content: "" } .glyphicon-ok:before { content: "" } .glyphicon-remove:before { content: "" } .glyphicon-zoom-in:before { content: "" } .glyphicon-zoom-out:before { content: "" } .glyphicon-off:before { content: "" } .glyphicon-signal:before { content: "" } .glyphicon-cog:before { content: "" } .glyphicon-trash:before { content: "î€ " } .glyphicon-home:before { content: "" } .glyphicon-file:before { content: "" } .glyphicon-time:before { content: "" } .glyphicon-road:before { content: "" } .glyphicon-download-alt:before { content: "" } .glyphicon-download:before { content: "" } .glyphicon-upload:before { content: "" } .glyphicon-inbox:before { content: "" } .glyphicon-play-circle:before { content: "" } .glyphicon-repeat:before { content: "" } .glyphicon-refresh:before { content: "" } .glyphicon-list-alt:before { content: "" } .glyphicon-lock:before { content: "" } .glyphicon-flag:before { content: "" } .glyphicon-headphones:before { content: "" } .glyphicon-volume-off:before { content: "" } .glyphicon-volume-down:before { content: "" } .glyphicon-volume-up:before { content: "" } .glyphicon-qrcode:before { content: "" } .glyphicon-barcode:before { content: "" } .glyphicon-tag:before { content: "" } .glyphicon-tags:before { content: "" } .glyphicon-book:before { content: "" } .glyphicon-bookmark:before { content: "" } .glyphicon-print:before { content: "" } .glyphicon-camera:before { content: "" } .glyphicon-font:before { content: "" } .glyphicon-bold:before { content: "" } .glyphicon-italic:before { content: "" } .glyphicon-text-height:before { content: "" } .glyphicon-text-width:before { content: "" } .glyphicon-align-left:before { content: "" } .glyphicon-align-center:before { content: "" } .glyphicon-align-right:before { content: "" } .glyphicon-align-justify:before { content: "" } .glyphicon-list:before { content: "" } .glyphicon-indent-left:before { content: "" } .glyphicon-indent-right:before { content: "" } .glyphicon-facetime-video:before { content: "" } .glyphicon-picture:before { content: "î " } .glyphicon-map-marker:before { content: "" } .glyphicon-adjust:before { content: "" } .glyphicon-tint:before { content: "" } .glyphicon-edit:before { content: "" } .glyphicon-share:before { content: "" } .glyphicon-check:before { content: "" } .glyphicon-move:before { content: "" } .glyphicon-step-backward:before { content: "" } .glyphicon-fast-backward:before { content: "" } .glyphicon-backward:before { content: "" } .glyphicon-play:before { content: "" } .glyphicon-pause:before { content: "" } .glyphicon-stop:before { content: "" } .glyphicon-forward:before { content: "" } .glyphicon-fast-forward:before { content: "" } .glyphicon-step-forward:before { content: "" } .glyphicon-eject:before { content: "" } .glyphicon-chevron-left:before { content: "<" } .glyphicon-chevron-right:before { content: ">" } .glyphicon-plus-sign:before { content: "" } .glyphicon-minus-sign:before { content: "î‚‚" } .glyphicon-remove-sign:before { content: "" } .glyphicon-ok-sign:before { content: "î‚„" } .glyphicon-question-sign:before { content: "î‚…" } .glyphicon-info-sign:before { content: "" } .glyphicon-screenshot:before { content: "" } .glyphicon-remove-circle:before { content: "" } .glyphicon-ok-circle:before { content: "" } .glyphicon-ban-circle:before { content: "" } .glyphicon-arrow-left:before { content: "î‚‘" } .glyphicon-arrow-right:before { content: "î‚’" } .glyphicon-arrow-up:before { content: "î‚“" } .glyphicon-arrow-down:before { content: "î‚”" } .glyphicon-share-alt:before { content: "î‚•" } .glyphicon-resize-full:before { content: "î‚–" } .glyphicon-resize-small:before { content: "î‚—" } .glyphicon-exclamation-sign:before { content: "" } .glyphicon-gift:before { content: "î„‚" } .glyphicon-leaf:before { content: "" } .glyphicon-fire:before { content: "î„„" } .glyphicon-eye-open:before { content: "î„…" } .glyphicon-eye-close:before { content: "" } .glyphicon-warning-sign:before { content: "" } .glyphicon-plane:before { content: "" } .glyphicon-calendar:before { content: "" } .glyphicon-random:before { content: "" } .glyphicon-comment:before { content: "î„‘" } .glyphicon-magnet:before { content: "î„’" } .glyphicon-chevron-up:before { content: "î„“" } .glyphicon-chevron-down:before { content: "î„”" } .glyphicon-retweet:before { content: "î„•" } .glyphicon-shopping-cart:before { content: "î„–" } .glyphicon-folder-close:before { content: "î„—" } .glyphicon-folder-open:before { content: "" } .glyphicon-resize-vertical:before { content: "î„™" } .glyphicon-resize-horizontal:before { content: "î„ " } .glyphicon-hdd:before { content: "î„¡" } .glyphicon-bullhorn:before { content: "î„¢" } .glyphicon-bell:before { content: "î„£" } .glyphicon-certificate:before { content: "" } .glyphicon-thumbs-up:before { content: "î„¥" } .glyphicon-thumbs-down:before { content: "" } .glyphicon-hand-right:before { content: "" } .glyphicon-hand-left:before { content: "" } .glyphicon-hand-up:before { content: "î„©" } .glyphicon-hand-down:before { content: "î„°" } .glyphicon-circle-arrow-right:before { content: "" } .glyphicon-circle-arrow-left:before { content: "" } .glyphicon-circle-arrow-up:before { content: "" } .glyphicon-circle-arrow-down:before { content: "î„´" } .glyphicon-globe:before { content: "" } .glyphicon-wrench:before { content: "" } .glyphicon-tasks:before { content: "î„·" } .glyphicon-filter:before { content: "" } .glyphicon-briefcase:before { content: "" } .glyphicon-fullscreen:before { content: "î…€" } .glyphicon-dashboard:before { content: "" } .glyphicon-paperclip:before { content: "î…‚" } .glyphicon-heart-empty:before { content: "î…ƒ" } .glyphicon-link:before { content: "î…„" } .glyphicon-phone:before { content: "î……" } .glyphicon-pushpin:before { content: "î…†" } .glyphicon-usd:before { content: "î…ˆ" } .glyphicon-gbp:before { content: "î…‰" } .glyphicon-sort:before { content: "" } .glyphicon-sort-by-alphabet:before { content: "î…‘" } .glyphicon-sort-by-alphabet-alt:before { content: "î…’" } .glyphicon-sort-by-order:before { content: "î…“" } .glyphicon-sort-by-order-alt:before { content: "î…”" } .glyphicon-sort-by-attributes:before { content: "î…•" } .glyphicon-sort-by-attributes-alt:before { content: "î…–" } .glyphicon-unchecked:before { content: "î…—" } .glyphicon-expand:before { content: "î…˜" } .glyphicon-collapse-down:before { content: "î…™" } .glyphicon-collapse-up:before { content: "î… " } .glyphicon-log-in:before { content: "î…¡" } .glyphicon-flash:before { content: "î…¢" } .glyphicon-log-out:before { content: "î…£" } .glyphicon-new-window:before { content: "î…¤" } .glyphicon-record:before { content: "î…¥" } .glyphicon-save:before { content: "î…¦" } .glyphicon-open:before { content: "î…§" } .glyphicon-saved:before { content: "î…¨" } .glyphicon-import:before { content: "î…©" } .glyphicon-export:before { content: "î…°" } .glyphicon-send:before { content: "î…±" } .glyphicon-floppy-disk:before { content: "î…²" } .glyphicon-floppy-saved:before { content: "î…³" } .glyphicon-floppy-remove:before { content: "î…´" } .glyphicon-floppy-save:before { content: "î…µ" } .glyphicon-floppy-open:before { content: "î…¶" } .glyphicon-credit-card:before { content: "î…·" } .glyphicon-transfer:before { content: "î…¸" } .glyphicon-cutlery:before { content: "î…¹" } .glyphicon-header:before { content: "" } .glyphicon-compressed:before { content: "" } .glyphicon-earphone:before { content: "" } .glyphicon-phone-alt:before { content: "" } .glyphicon-tower:before { content: "" } .glyphicon-stats:before { content: "" } .glyphicon-sd-video:before { content: "" } .glyphicon-hd-video:before { content: "" } .glyphicon-subtitles:before { content: "" } .glyphicon-sound-stereo:before { content: "" } .glyphicon-sound-dolby:before { content: "" } .glyphicon-sound-5-1:before { content: "" } .glyphicon-sound-6-1:before { content: "" } .glyphicon-sound-7-1:before { content: "" } .glyphicon-copyright-mark:before { content: "" } .glyphicon-registration-mark:before { content: "" } .glyphicon-cloud-download:before { content: "" } .glyphicon-cloud-upload:before { content: "" } .glyphicon-tree-conifer:before { content: "" } .glyphicon-tree-deciduous:before { content: "" } .glyphicon-cd:before { content: "" } .glyphicon-save-file:before { content: "" } .glyphicon-open-file:before { content: "" } .glyphicon-level-up:before { content: "" } .glyphicon-copy:before { content: "" } .glyphicon-paste:before { content: "" } .glyphicon-alert:before { content: "" } .glyphicon-equalizer:before { content: "" } .glyphicon-king:before { content: "" } .glyphicon-queen:before { content: "" } .glyphicon-pawn:before { content: "" } .glyphicon-bishop:before { content: "" } .glyphicon-knight:before { content: "" } .glyphicon-baby-formula:before { content: "" } .glyphicon-tent:before { content: "⛺" } .glyphicon-blackboard:before { content: "" } .glyphicon-bed:before { content: "" } .glyphicon-apple:before { content: "" } .glyphicon-erase:before { content: "" } .glyphicon-hourglass:before { content: "⌛" } .glyphicon-lamp:before { content: "" } .glyphicon-duplicate:before { content: "" } .glyphicon-piggy-bank:before { content: "" } .glyphicon-scissors:before { content: "" } .glyphicon-bitcoin:before { content: "" } .glyphicon-btc:before { content: "" } .glyphicon-xbt:before { content: "" } .glyphicon-yen:before { content: "Â¥" } .glyphicon-jpy:before { content: "Â¥" } .glyphicon-ruble:before { content: "₽" } .glyphicon-rub:before { content: "₽" } .glyphicon-scale:before { content: "" } .glyphicon-ice-lolly:before { content: "" } .glyphicon-ice-lolly-tasted:before { content: "" } .glyphicon-education:before { content: "" } .glyphicon-option-horizontal:before { content: "" } .glyphicon-option-vertical:before { content: "" } .glyphicon-menu-hamburger:before { content: "" } .glyphicon-modal-window:before { content: "" } .glyphicon-oil:before { content: "" } .glyphicon-grain:before { content: "" } .glyphicon-sunglasses:before { content: "" } .glyphicon-text-size:before { content: "" } .glyphicon-text-color:before { content: "" } .glyphicon-text-background:before { content: "" } .glyphicon-object-align-top:before { content: "" } .glyphicon-object-align-bottom:before { content: "" } .glyphicon-object-align-horizontal:before { content: "" } .glyphicon-object-align-left:before { content: "" } .glyphicon-object-align-vertical:before { content: "" } .glyphicon-object-align-right:before { content: "" } .glyphicon-triangle-right:before { content: "" } .glyphicon-triangle-left:before { content: "" } .glyphicon-triangle-bottom:before { content: "" } .glyphicon-triangle-top:before { content: "" } .glyphicon-console:before { content: "" } .glyphicon-superscript:before { content: "" } .glyphicon-subscript:before { content: "" } .glyphicon-menu-left:before { content: "" } .glyphicon-menu-right:before { content: "" } .glyphicon-menu-down:before { content: "" } .glyphicon-menu-up:before { content: "î‰ " } .bootstrap-datetimepicker-widget tr td button { background-color: transparent; } /* Oct 2024: Adding these to improve the bland date time picker so that fishers find it easier to use on the mobile */ .bootstrap-datetimepicker-widget { box-shadow: 0 0 10px #8d8d8d; border-radius: 10px; } .bootstrap-datetimepicker-widget table td.day { line-height: 36px; } .bootstrap-datetimepicker-widget.dropdown-menu { width: 25em; max-width: 100%; } .bootstrap-datetimepicker-widget tr td button { padding: 10px !important; } .bootstrap-datetimepicker-widget tr td.day.disabled button{ color: gray; } .datepicker .next>button, .datepicker .prev>button { padding: 15px !important; } /* Oct 2024: Hiding the entitlements container until WRL figure out how to get the latest Entitlement values (possibly from the Fisheries department's API) This covers the Homepage and the Manage MFLs page. */ .entitlements-container, .entitlements-managemfl-container{ display: none; } @media only screen and (max-width: 1000px) { .mobileonly { display: flex; } .logininfo { margin-top: 15px; } .moblogo { display: flex; width: 40%; } .moblogininfo { display: flex; width: 40%; justify-content: center; } .mobmenu { display: flex; justify-content: right; width: 20%; } .logo { width: 113px; height: 80px; box-shadow: 2px 2px 4px rgba(200, 200, 200, 0.4); } .desktoponly { display: none; } /* .homepagebg { display: none; } */ .welcomeuser, .welcomemiddle { margin-top: 20px; margin-bottom: 0px; } footer { padding-top: 35px; } .navbar { background-color: transparent; align-items: flex-start; display: block; padding-top: 15px; } .navbar-toggler { color: white; border-color: transparent; } .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .popup_content { width: 90%; } .grid-actions ul.nav { float: none; } .grid-actions .pull-right { float: none; } .grid-actions .dropdown-menu li { margin-bottom: 20px; } #sectionNotices { margin-top: 0px; } .slick-slide { margin: 0px; } .slick-prev { left: 25px !important; } .slick-next { right: 25px !important; } .newsslider_arrow_left { padding-left: 20px; padding-right: 20px; } .newsslider_arrow_right { padding-left: 20px; padding-right: 20px; } .crmEntityFormView .cell input[type=text].money, .crmEntityFormView .cell input[type=number].money { width: 100% ; } div[data-name="tabFishingTripEdit"] input[type=text].money { width: 90% !important; } } .mw-50 { max-width: 50%; } @media only screen and (min-width: 1550px) and (max-width: 2300px) { #sectionNotices { margin-top: 10vw; } } @media only screen and (min-width: 2301px) { #sectionNotices { margin-top: 20vw; } }