@charset "utf-8"; html, body { height: 100%; } html { font-size: 62.5%; } body{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; background-color: #FFF; position: initial !important; min-height: auto !important; top: 0 !important; padding-right:0px !important; } [class^="dpicon"] { font-size: 150%; } body, /*----btn----*/ .btn{font-size: 1.5rem;} /* .btn { -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); padding: .84rem 2.14rem; font-size: .81rem; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; margin: .375rem; border: 0; -webkit-border-radius: .125rem; border-radius: .125rem; cursor: pointer; text-transform: uppercase; white-space: normal; word-wrap: break-word; color: inherit; } */ body, a, a:hover, a:focus, .body-color, .body-color a{ color: #717070; /*#595959;*/ } a, a:link, a:hover, a:visited, a:active{ text-decoration: none; cursor:pointer; } *.alink, *.alink:hover, *.alink:visited, *.alink:active, a.alink:not([href]), a.alink:not([href]):hover, a.alink:not([href]):visited{color:#50b5da;/*#51c6f1;/*color:#00aeef; #627fbd#8BB2EF;*/} *.alink.white, *.alink.white:hover, *.alink.white:visited, *.alink.white:active, a.alink.white:not([href]), a.alink.white:not([href]):hover, a.alink.white:not([href]):visited{color:#FFF;} img{ display:inline-block; vertical-align:middle; } hr, h1, h2, h3, h4, h5, h6{ padding:0px; margin:0px; } h1, .h1 {font-size: 3.6rem;} h2, .h2 {font-size: 3rem;} h3, .h3 {font-size: 2.6rem;} h4, .h4 {font-size: 2rem;} h5, .h5 {font-size: 1.8rem;} h6, .h6 {font-size: 1.5rem;} .text-sm{font-size:1.2rem; line-height:1.4rem;} hr.hr{margin: 5px 0;} hr.sep {margin: 10px 0;} hr.dark{border-color:#CCC;} .small, small { font-size: 80%; font-weight: inherit; } .relative{position:relative;} .absolute{position:absolute;} /*----flatpickr----*/ .form-control.flatpickr-input{ background-color:initial; } /*---pagination---*/ .page-item.active .page-link, .page-item.active:hover .page-link{ background-color:#51c6f1; border-color:#51c6f1; color:#FFF; } /*---tables----*/ .table td, .table th, .table thead th{ vertical-align:middle; } .table-hover tbody tr:hover{background-color:#f9fafc;} /*--tooltip---*/ .tooltip{font-size:1.2rem;} /*---SHADOW---*/ /*---box-shadow---*/ .box-shadow { -webkit-box-shadow: 2px 2px 10px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 2px 2px 10px #ccc; /* Firefox 3.5 - 3.6 */ box-shadow: 2px 2px 10px #ccc; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=0,Color='#cccccc'),progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=90,Color='#cccccc'),progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#cccccc'),progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=270,Color='#cccccc'); } .shadow-2 { -webkit-box-shadow: 0 0.25rem 0.125rem 0 rgba(33,37,41,.05); box-shadow: 0 0.25rem 0.125rem 0 rgba(33,37,41,.05); } .shadow-4{ -webkit-box-shadow: 2px 2px 10px rgba(33,37,41,.17); -moz-box-shadow: 2px 2px 10px rgba(33,37,41,.17); box-shadow: 2px 2px 10px rgba(33,37,41,.17); } /*---pre----*/ code, pre, .pre-style { background: #f7f7f7; color: #37474f; padding: 4px 8px; font-size: initial; } /*---forms---*/ .btn{height:3.2rem; cursor:pointer;} /*.btn, .btn .btn-icon{font-size:13px; font-size:1.3rem;}*/ .btn-simple{ border: 1px solid rgba(0,0,0,.15); color:inherit; background-color:#FFF; } .input-group-addon{ font-size:inherit; line-height: 2; height:3.2rem; padding: 0 .75rem; background-color: #EEE; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem; } .input-group .input-group-addon:first-child{ margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group .input-group-addon:last-child{ margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .form-group { padding: 1rem 0; margin: 0; } select.form-control:not([size]):not([multiple]), .form-control:not([size]):not([multiple]){ height:3.2rem; } .form-control{ font-size: 1.4rem; } select[multiple]{ resize: vertical; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } .is-invalid{ border-color: #dc3545 !important; } /*---checkbox radiobox---*/ @keyframes click-wave { 0% { height: 20px; width: 20px; opacity: 0.35; position: relative; } 100% { height: 50px; width: 50px; margin-left: -20px; margin-top: -20px; opacity: 0; } } .custom-check-radio { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; /*top: 10px; right: 0; bottom: 0; left: 0;*/ height: 20px; width: 20px; transition: all 0.15s ease-out 0s; background: #FFF; border: 2px solid #51c6f1; border-radius:.2rem; color: #fff; cursor: pointer; display: inline-block; vertical-align:middle; outline: none; } .custom-check-radio + label {margin:0; margin-left:0.5rem; display:inline-block; vertical-align:middle;} .custom-check-radio:hover { background: rgba(81, 198, 241, 0.39); } .custom-check-radio:checked { background: #51c6f1; } .custom-check-radio[type=radio]:checked { background-color:#FFF; color:#51c6f1; } .custom-check-radio:checked::before { height: 20px; width: 20px; position: absolute; display: inline-block; font-size: 1.8rem; text-align: center; line-height: 1.3; } .custom-check-radio[type=checkbox]:checked::before { content: '✔'; top: -3px; left: -1px; } .custom-check-radio[type=radio]:checked::before { content: '●'; top: -.4rem; left: -.2rem; } .custom-check-radio:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #CCC; content: ''; display: block; position: relative; z-index: 10; } .custom-check-radio[type=radio] { border-radius: 50%; } .custom-check-radio[type=radio]::after { border-radius: 50%; } /*----custom onoff btn----*/ .btn-onoff{ display:inline-block; margin:0 !important; padding:0; line-height:0; } .btn-onoff input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; opacity: 0; width: 0; height: 0; } .btn-onoff span{ position: relative; height: 20px; width: 32px; transition: all 0.15s ease-out 0s; background-color: #FFF; border: 2px solid #51c6f1; border-radius:.2rem; color: #fff; cursor: pointer; display: inline-block; vertical-align:middle; outline: none; -moz-border-radius: 34px; -webkit-border-radius: 34px; -o-border-radius: 34px; -ms-border-radius: 34px; -khtml-border-radius: 34px; border-radius: 34px; } .btn-onoff span:after { position: absolute; content: ""; height: 16px; width: 16px; left: 0; bottom: 0; background-color: #51c6f1; border:1px solid #FFF; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -webkit-transition: .4s; transition: .4s; } .btn-onoff input:checked + span:after{ -webkit-transform: translateX(12px); -ms-transform: translateX(12px); transform: translateX(12px); background-color:#FFF; border-color:#51c6f1; } .btn-onoff input:checked + span{ background-color:#51c6f1; } /*----custom spotlight btn----*/ .btn-featured{ display:inline-block; margin:0 !important; padding:0; line-height:0; } .btn-featured input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; opacity: 0; width: 0; height: 0; } .btn-featured .icon-featured{ cursor: pointer; color:#949494; font-size:2rem; } .btn-featured input:checked + .icon-featured{ color:#51c6f1; } /* .btn-featured span{ cursor: pointer; display: inline-block; vertical-align:middle; outline: none; font-size:2rem; color:#949494; width:22px; } .btn-featured span:after{ display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a1"; visibility:hidden; } .btn-featured input:checked + span{ color:#51c6f1; }*/ /*----custom order btn----*/ .btn-orderby{ display:inline-block; margin:0; padding:0; line-height:0; } .btn-orderby input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; opacity: 0; width: 0; height: 0; } .btn-orderby .icon-orderby{ cursor: pointer; display: inline-block; vertical-align:middle; outline: none; font-size:1.6rem; color:#949494; width:10px; } .btn-orderby input:checked + .icon-orderby{ color:#51c6f1; } /* .btn-orderby span:after{ display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0dc"; visibility:hidden; } .btn-orderby input:checked + span{ color:#51c6f1; } .btn-orderby input[data-sort="DESC"]:checked + span:after{ content: "\f0dd"; } .btn-orderby input[data-sort="ASC"]:checked + span:after{ content: "\f0de"; }*/ /*---colors---*/ .disabled{ /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 5-7 */ filter: alpha(opacity=60); /* Netscape */ -moz-opacity: 0.60; /* Safari 1.x */ -khtml-opacity: 0.60; /* Good browsers */ opacity: 0.60; } .bg-fresh{ background-color:#f8f9fa; } .bg-transparent{background-color:transparent;} .bg-transparent-gray{background-color:rgba(245, 245, 241, 0.45) !important;} .bg-transparent-black{background-color:rgba(0, 0, 0, 0.13) !important;} .bg-transparent-white{background-color: rgba(255, 255, 255, 0.41) !important;} .bg-eee{background-color:#EEE !important;} .bg-orange{background-color:orange !important;} .bg-red{background-color:#DF2020 !important;} .bg-site{background-color: #51c6f1 !important;} .bg-site-light{background-color: #f0f8ff !important;} .border-site{border-color: #51c6f1 !important;} .border-site-light{border-color: #f0f8ff !important;} .text-site{color: #4dbde6 !important; /*#51c6f1;*/} .text-hover-site:hover{color: #4dbde6 !important; /*#51c6f1;*/} .text-orange{color:orange !important;} .text-red{color:#DF2020 !important;} .text-green{color:green !important;} /*----BLINK----*/ .text-blink { animation: text-blinker 1s linear infinite; } @keyframes text-blinker { 50% { opacity: 0; } } .dropdown-item.active, .dropdown-item:active, .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #51c6f1; } .btn-primary { background-color: #51c6f1; border-color: #51c6f1; } .btn-primary:hover { background-color: #4cb8e0; border-color: #4cb8e0; } .btn-site{ background-color: #4dbde6; border-color: #4dbde6; color:#FFF !important; } .btn-site:hover{ background-color: #4dbde6; border-color: #4dbde6; } /*----overlay----*/ .overlay, .cover{ position: absolute; right: 0; bottom: 0; left: 0; top: 0; background: url(data:image/gif;base64,R0lGODlhBQAFAIAAAP///wAAACH5BAEAAAAALAAAAAAFAAUAAAIEhI+pWAA7); } a.overlay, a.cover{ cursor:pointer; } /*---cursor----*/ label, .cursor-pointer{cursor:pointer;} /*--sizing---*/ .w-0{width:0px !important;} .w-1{width:1px !important;} .w-auto{width:auto !important;} .h-auto{height:auto !important;} .min-w-100{min-width:100%;} .max-w-100{max-width:100%;} /*----flex----*/ .flex-nowrap{ -ms-flex-wrap: nowrap; flex-wrap: nowrap; } /*----modal-----*/ .modal{z-index:10000; /*background:rgba(0, 0, 0, 0.13) url(data:image/gif;base64,R0lGODlhBQAFAIAAAP///wAAACH5BAEAAAAALAAAAAAFAAUAAAIEhI+pWAA7);*/} .modal-backdrop{display:none !important;} .modal-dialog{ margin:0 auto; width:auto; position:absolute; padding: 10px 8px !important; min-width:250px; } .modal-content{ border:0; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; } .modal-body{ padding:5%; } .modal-footer{ border:0; padding:5%; padding-top:0; text-align:center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .modal-footer>:not(:first-child) { margin-left: .25rem; } .modal-open .site{ -ms-filter: blur(.2rem); -webkit-filter: blur(.2rem); filter: blur(.2rem); } /* .modal { -ms-filter: blur(.2rem); -webkit-filter: blur(.2rem); filter: blur(.2rem); } .modal:last-child { -ms-filter: none; -webkit-filter: none; filter: none; }*/ /*---correct modal----*/ @media (min-width: 576px){ .modal-dialog { max-width: initial; } } /*----dropdown---*/ .dropdown .dropdown-toggle.no-caret:after{display:none;} .dropdown-menu{ border:1px solid #EEE; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2); box-shadow: 0 2px 10px rgba(0,0,0,.2); font-size:inherit; margin:0; border-radius:0; } /*-----*/ .nowrap{ white-space:nowrap; } .wrap{white-space:normal;} .break-word{ white-space:normal !important; -ms-word-break: break-all !important; word-break: break-all !important; /*Non standard for webkit*/ word-break: break-word !important; -webkit-hyphens: auto !important; -moz-hyphens: auto !important; hyphens: auto !important; } .bg-cover{ background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .ellipsis{ overflow:hidden; text-overflow: ellipsis; white-space:nowrap; min-width:0; } .overflow-auto{overflow:auto;} /*round conners*/ .roundC50{ -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } .roundC1{ -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; -ms-border-radius: 1px; -khtml-border-radius: 1px; border-radius: 1px; } .roundC2{ -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; } .roundC3{ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .roundC4{ -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .roundC5{ -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .roundC100{ -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .roundCbtm{ -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border-top-right-radius:0; } .roundCtop{ -moz-border-radius-bottomright:0 !important; -webkit-border-bottom-right-radius:0 !important; border-bottom-right-radius:0 !important; -moz-border-radius-bottomleft:0 !important; border-bottom-left-radius:0 !important; } .roundCrt{ -moz-border-radius-topleft:0 !important; -webkit-border-top-left-radius:0 !important; border-top-left-radius:0 !important; -moz-border-radius-bottomleft:0 !important; -webkit-border-bottom-left-radius:0 !important; border-bottom-left-radius:0 !important; } .roundClt{ -moz-border-radius-bottomright:0 !important; -webkit-border-bottom-right-radius:0 !important; border-bottom-right-radius:0 !important; -moz-border-radius-topright:0 !important; -webkit-border-top-right-radius:0 !important; border-top-right-radius:0 !important; } .roundC0{ -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; -o-border-radius: 0 !important; -ms-border-radius: 0 !important; -khtml-border-radius: 0 !important; border-radius: 0 !important; } /*---loading----*/ .loadingfx { display: inline-block; height: 50px; width: 50px; position:relative; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } .loadingfx:before, .loadingfx:after{ content: ""; border: 2px solid #4dbde6; width: 100%; height: inherit; position: absolute; top:0; right:0; bottom:0; left: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } .loadingfx:before{ transform: scale(1, 1); opacity: 1; -webkit-animation: outside .6s infinite linear; animation: outside .6s infinite linear; -webkit-animation-name: ldoutside; animation-name: ldoutside; } .loadingfx:after{ transform: scale(0, 0); opacity: 0; -webkit-animation: inside .6s infinite linear; animation: inside .6s infinite linear; -webkit-animation-name: ldinside; animation-name: ldinside; } @-webkit-keyframes ldinside { from { -webkit-transform: scale(.5, .5); opacity: 0 } to { -webkit-transform: scale(1, 1); opacity: 1 } } @keyframes ldinside { from { transform: scale(.5, .5); opacity: 0 } to { transform: scale(1, 1); opacity: 1 } } @-webkit-keyframes ldoutside { from { -webkit-transform: scale(1, 1); opacity: 1 } to { -webkit-transform: scale(1.5, 1.5); opacity: 0 } } @keyframes ldoutside { from { -webkit-transform: scale(1, 1); opacity: 1 } to { -webkit-transform: scale(1.5, 1.5); opacity: 0 } } /*---summernote---*/ /*.note-toolbar-wrapper{height:0 !important;}*/ /*-----calendar----*/ .flatpickr-calendar.open { z-index: 999 !important; } /*----icons---*/ .db-icon{ display: inline-block; } /*----IE----*/ .IE .btn .row{display:table !important;} .IE .btn .col{ display:table-cell !important; vertical-align:middle !important; width:1px; }