::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #EEE; font-weight:400; } ::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #EEE; font-weight:400; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #EEE; font-weight:400; } ::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #EEE; font-weight:400; } html, body{ font-family: 'Open Sans', sans-serif; font-weight:400; font-size: 10pt !important; height: 100%; } h3{ font-size: 1.4rem;} h1, h2, h3{ font-family: 'Open Sans', sans-serif; margin: 0;} select, input, textarea{ font-size:10pt !important; } a{ color:#159DB9; transition:all 0.23s ease 0s; -webkit-transition:all 0.23s ease 0s; outline: none; } a:hover{ color:#eeb508; text-decoration:none; } .main-container{ background-repeat: repeat !important; background-size: unset !important; } .main-link:hover{ color:#eeb508 !important; } .main-link-black{ color:#111; } .main-link-black:hover{ color:#159DB9; } .page-container{ display:none; } .section-part{ display: table-cell; background-repeat:no-repeat; background-size:cover; vertical-align: top; } .smart-container{ display:inline-block; vertical-align:top; padding:1rem; min-width: 280px; } .arrow-down-mini{ display:inline-block; padding-left:5px; } .arrow-down-mini::before{ content: "\f000"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; } .dropdown{ display: inline-block; } .dropdown.hoverable:hover > .dropdown-menu{ display: block; } .dropdown:hover > a, .dropdown:hover > a .fa{ color:#eeb508 !important; } .dropdown.show > a{ color:#eeb508 !important; } .dropdown .dropdown-menu{ margin:0; left: 1rem; } .dropdown-item{ padding: .4rem 1.5rem; cursor: pointer; } .main-color, .main-color-link{ color:#159DB9; } .main-color-link:hover{ color:#eeb508; } .main-btn{ background-color: #ffc107; border: 1px solid #ffc107; outline: none; display: inline-block; color: #000; padding: .4rem 1rem; cursor: pointer; border-radius: 3px; transition: all 0.23s ease 0s; -webkit-transition: all 0.23s ease 0s; font-weight: 500; } .main-btn-red{ background-color: #dc3545; border: 1px solid #dc3545; outline: none; display: inline-block; color: #FFF; padding: .4rem 1.2rem; cursor: pointer; border-radius: 2px; transition:all 0.23s ease 0s; -webkit-transition:all 0.23s ease 0s; } .main-btn-red:hover, .main-btn:hover{ background-color: #159DB9; border-color: #159DB9; color: #FFF; } .main-btn:focus{ border-color: #eeb508; } .btn-default{ padding: .4rem 1rem; border: 1px solid #DDD; transition:all 0.23s ease 0s; -webkit-transition:all 0.23s ease 0s; } .btn-default:hover{ background-color: #ebebeb; } .main-pager{ background-color: #efefef; border: 1px solid #e9e9e9; outline: none; display: inline-block; color: #000; padding: .4rem 1rem; cursor: pointer; border-radius: 3px; transition: all 0.23s ease 0s; -webkit-transition: all 0.23s ease 0s; font-weight: 500; } .main-pager:hover, .main-pager.selected{ background-color: #ffc107; border: 1px solid #ffc107; color: #FFF; } .btn-all{ border-radius: 2rem; font-size: 9pt; font-weight: 500; } .main-bgcolor{ background-color: #159DB9; } .main-bgcolor-red{ background-color: #dc3545; } .main-btn-bgcolor{ background-color: #8058D9; } .hover-underline:hover{ text-decoration: underline; } .panel{ border:1px solid #e5e5e5; background-color: #FFF; } .panel-section-title{ background-color: #f8f8f8; border-bottom:1px solid #e5e5e5; padding: 1rem; font-weight: 500; font-size: 1.1rem; } .panel-section-title-edge{ background-color: #f8f8f8; border-bottom:1px solid #e5e5e5; padding: .6rem 1rem; } .panel-content{ padding: .8rem 1rem; } .section-title{ padding: 2rem 0; font-weight: 500; font-size: 2rem; text-align: center; margin-bottom: 1rem; } .section-title span{ padding-bottom: 2rem; position: relative; } .section-title span::before { background-color: #C81B24; bottom: 10px; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 60px; } .section-title span::after { background-color: #C81B24; bottom: 0; content: ""; height: 1px; left: 0; margin: 0 50%; position: absolute; right: 0; width: 50px; } .section-title span span{ display: none; } .section-title-part{ padding: 1rem .6rem 1rem; font-weight: 500; font-size: 2rem; } .detail-section-title{ color: #159DB9; font-weight: 600; font-size: 1.1rem; padding: .6rem 1rem; border-bottom: 1px solid #e5e5e5; background-color: #f1f3f3; } .section-title-border{ border-top: 3px solid #C81B24; width: 90px; text-align: center; display: inline-block; padding-top: 1rem; } .form-control{ box-shadow: none !important; } .form-control.numeric, .money { text-align: right; } .btn-light { background-color: #FFF; border: 1px solid #d9dfe1; padding: 6px 12px; } .dropdown-item.active, .dropdown-item.active:hover, .dropdown-item:active{ background-color: #ce6760; } .dropdown-item:hover{ background-color: #E9EDF0; } .btn-light{ box-shadow: none !important; outline: none; } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle{ border:1px solid #159DB9; } .bootstrap-select .dropdown-toggle:focus{ outline: none !important; border-color:#159DB9 !important; } .form-control:focus{ border-color:#159DB9; } .form-control.selected{ border-color:#159DB9; } .carousel-inner .carousel-item { transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; } .bootstrap-select.multiple .dropdown-menu li a { padding: 3px 12px; } .bootstrap-select.multiple .dropdown-menu li a span.check-mark { background-image: url('/media/images/base/checkbox.png'); display: inline-block; width: 24px; background-size: cover; height: 24px; vertical-align: middle; position: unset !important; } .bootstrap-select.multiple.show-tick .dropdown-menu .selected span.check-mark { background-image: url('/media/images/base/checkbox_checked.png'); } .bootstrap-select.show-tick .dropdown-menu li a span.text { margin:0 0 0 6px; vertical-align: middle; } .bootstrap-select.multiple .bs-ok-default::after { display: none; } .modal-header .close { font-size: 10px; margin: -2.5rem -3rem; background-color: #FFF; opacity: 1; border-radius: 100%; padding: 1rem; background-image: url('/media/images/base/close_modal.png'); background-position: center; background-repeat: no-repeat;} @media screen and (max-width:1400px){ html, body{ font-size: 9pt !important; } .fa, .fas{ vertical-align: middle !important; } } @media screen and (max-width:1200px){ .section-title-mid{ font-size: 1.6rem; } .section-title-line{ font-size: 1.6rem; top: -1.4rem; } .detail-section-title{ font-size: 1rem; } .main-btn{ padding: .4rem 1rem; } } @media screen and (max-width:600px){ .section-part, .smart-container{ display:block !important; width:100% !important; } }