diff --git a/.github/workflows/check-encoding.yml b/.github/workflows/check-encoding.yml new file mode 100644 index 0000000..79412eb --- /dev/null +++ b/.github/workflows/check-encoding.yml @@ -0,0 +1,24 @@ +on: + - push + +name: Check File Encodings + +jobs: + check_encoding: + runs-on: ubuntu-latest + + steps: + - name: Checkout repository + uses: actions/checkout@v3 + + - name: Check file encodings + run: | + find . -type f ! -path "./.git/*" -exec sh -c ' + for file do + encoding=$(file -bi "$file" | awk -F "=" '{print $2}') + if [ "$encoding" != "utf-8" ]; then + echo "File $file has encoding $encoding" + exit 1 + fi + done + ' sh {} + diff --git a/phpcs.xml b/phpcs.xml index 10a9104..5858289 100644 --- a/phpcs.xml +++ b/phpcs.xml @@ -7,6 +7,7 @@ + @@ -21,4 +22,11 @@ + + + + + + + diff --git a/public/images/app/favicon/browserconfig.xml b/public/images/app/favicon/browserconfig.xml index f2c8940..a47e5a5 100644 --- a/public/images/app/favicon/browserconfig.xml +++ b/public/images/app/favicon/browserconfig.xml @@ -1,9 +1,9 @@ - - - - - - #2d89ef - - - + + + + + + #2d89ef + + + diff --git a/src/Admin/src/Adapter/AuthenticationAdapter.php b/src/Admin/src/Adapter/AuthenticationAdapter.php index f4d6a1f..5a4597f 100644 --- a/src/Admin/src/Adapter/AuthenticationAdapter.php +++ b/src/Admin/src/Adapter/AuthenticationAdapter.php @@ -186,7 +186,7 @@ private function validateConfig(): void /** * @throws Exception */ - private function checkMethod(Admin $identityClass, string $methodName): void + private function checkMethod(Admin $identityClass, string $methodName, int $a): void { if (! method_exists($identityClass, $methodName)) { throw new Exception(sprintf( diff --git a/src/App/assets/images/favicon/browserconfig.xml b/src/App/assets/images/favicon/browserconfig.xml index f2c8940..a47e5a5 100644 --- a/src/App/assets/images/favicon/browserconfig.xml +++ b/src/App/assets/images/favicon/browserconfig.xml @@ -1,9 +1,9 @@ - - - - - - #2d89ef - - - + + + + + + #2d89ef + + + diff --git a/src/App/assets/js/components/_language.js b/src/App/assets/js/components/_language.js index f595bae..7308817 100644 --- a/src/App/assets/js/components/_language.js +++ b/src/App/assets/js/components/_language.js @@ -1,30 +1,30 @@ -$(document).ready(function () { - $(document).on('click', '.language-container .language-active', function () { - $(".language-list").slideToggle("fast"); - }); - - $(document).on('click', '.language-container .language', function () { - let language = $(this); - let languageKey = $(this).data('language-key'); - let langImageSrc = language.find('img').attr('src'); - - $('.language-container .language-active').find('img').attr('src', langImageSrc); - - $(".language-list").slideToggle("fast"); - $(".language-list .language").removeClass('active'); - - $.post( - '/language/change', - { - 'languageKey': languageKey - } - ) - .done(function () { - // activate language in list - language.addClass('active'); - - // reload page - location.reload(); - }); - }); -}); +$(document).ready(function () { + $(document).on('click', '.language-container .language-active', function () { + $(".language-list").slideToggle("fast"); + }); + + $(document).on('click', '.language-container .language', function () { + let language = $(this); + let languageKey = $(this).data('language-key'); + let langImageSrc = language.find('img').attr('src'); + + $('.language-container .language-active').find('img').attr('src', langImageSrc); + + $(".language-list").slideToggle("fast"); + $(".language-list .language").removeClass('active'); + + $.post( + '/language/change', + { + 'languageKey': languageKey + } + ) + .done(function () { + // activate language in list + language.addClass('active'); + + // reload page + location.reload(); + }); + }); +}); diff --git a/src/App/assets/js/components/_profile.js b/src/App/assets/js/components/_profile.js index 1ac2385..2af0887 100644 --- a/src/App/assets/js/components/_profile.js +++ b/src/App/assets/js/components/_profile.js @@ -1,6 +1,6 @@ -$(document).ready(function () { - /* Search patterns */ - $('.collapse-menu').on('click', function () { - $('.profile-action-menu').slideToggle(); - }); -}); \ No newline at end of file +$(document).ready(function () { + /* Search patterns */ + $('.collapse-menu').on('click', function () { + $('.profile-action-menu').slideToggle(); + }); +}); diff --git a/src/App/assets/scss/components/_general.scss b/src/App/assets/scss/components/_general.scss index ac048bc..54ea7c9 100644 --- a/src/App/assets/scss/components/_general.scss +++ b/src/App/assets/scss/components/_general.scss @@ -1,1750 +1,1750 @@ -html, -body { - height: 100%; -} - -p { - color: #777; -} - -a, a:hover, a:focus { - color: #30a5ff; -} - -h1, h2, h3, h4, h5, h6 { - color: #5f6468; - font-family: 'Source Sans Pro', sans-serif; -} - -h1 { - font-weight: 300; - font-size: 40px; -} - -h2 { - font-weight: 300; - margin-bottom: 20px; -} - -h3, h4 { - font-weight: 300; -} - -.container-fluid { - padding-left: 0px !important; - padding-right: 0px !important; -} - -.account-page { - margin-top: 20px; -} - -.login-panel { - margin-top: 15px; -} - -.alert > ul { - list-style-type: square; - padding-left: 20px; -} - -.modal { - -webkit-overflow-scrolling: auto !important; - overflow-y: auto !important; -} - -.modal { - .form-group { - input[type="checkbox"] { - margin-right: 5px; - } - - label { - margin-right: 10px; - } - } -} - -.has-error .multiselect { - border-color: #a94442; -} - -.has-error .checkbox { - color: black; -} - -#modalAlertIcon { - padding-right: 10px; -} - -#modalAlertMessage { - font-size: 16px; - padding: 20px; -} - -.large { - font-size: 2em; -} - -.text-muted { - color: #9fadbb; -} - -.color-gray { - color: #5f6468; -} - -.color-blue { - color: #30a5ff; -} - -.color-teal { - color: #1ebfae; -} - -.color-orange { - color: #ffb53e; -} - -.color-red { - color: #f9243f; -} - -.bg-primary .glyphicon-remove { - color: #5f6468; -} - -.bg-primary .glyphicon-remove:hover { - color: #ef4040; -} - -.glyphicon-xl { - font-size: 6em; -} - -.glyphicon-l { - font-size: 3em; -} - -.glyphicon-m { - font-size: 1.5em; -} - -.glyphicon-s { - font-size: 0.75em; -} - -.form-control { - border: 1px solid #eee; - box-shadow: none; -} - -.form-control:focus { - border: 1px solid #30a5ff; - outline: 0; - box-shadow: inset 0px 0px 0px 1px #30a5ff; -} - -button, input, select, textarea { - font-family: 'Source Sans Pro', sans-serif; -} - -/*Buttons*/ - -a.btn:hover, -button:hover { - opacity: 0.8; -} - -a.btn:active, -button:active { - box-shadow: inset 0px 0px 500px rgba(0, 0, 0, .1); - opacity: 1; -} - -.btn-default, -.btn-default:hover, -.btn-default:focus, -.btn-default:active, -.btn-default.active, -.open > .dropdown-toggle.btn-default, -.btn-default.disabled, -.btn-default[disabled], -fieldset[disabled] .btn-default, -.btn-default.disabled:hover, -.btn-default[disabled]:hover, -fieldset[disabled] .btn-default:hover, -.btn-default.disabled:focus, -.btn-default[disabled]:focus, -fieldset[disabled] .btn-default:focus, -.btn-default.disabled:active, -.btn-default[disabled]:active, -fieldset[disabled] .btn-default:active, -.btn-default.disabled.active, -.btn-default[disabled].active, -fieldset[disabled] .btn-default.active { - border-color: #e9ecf2; - color: #1b3548; -} - -.btn-primary, -.btn-primary:hover, -.btn-primary:focus, -.btn-primary:active, -.btn-primary.active, -.open > .dropdown-toggle.btn-primary, -.btn-primary.disabled, -.btn-primary[disabled], -fieldset[disabled] .btn-primary, -.btn-primary.disabled:hover, -.btn-primary[disabled]:hover, -fieldset[disabled] .btn-primary:hover, -.btn-primary.disabled:focus, -.btn-primary[disabled]:focus, -fieldset[disabled] .btn-primary:focus, -.btn-primary.disabled:active, -.btn-primary[disabled]:active, -fieldset[disabled] .btn-primary:active, -.btn-primary.disabled.active, -.btn-primary[disabled].active, -fieldset[disabled] .btn-primary.active { - background-color: #30a5ff; - border-color: #30a5ff; -} - -.btn-success, -.btn-success:hover, -.btn-success:focus, -.btn-success:active, -.btn-success.active, -.open > .dropdown-toggle.btn-success, -.btn-success.disabled, -.btn-success[disabled], -fieldset[disabled] .btn-success, -.btn-success.disabled:hover, -.btn-success[disabled]:hover, -fieldset[disabled] .btn-success:hover, -.btn-success.disabled:focus, -.btn-success[disabled]:focus, -fieldset[disabled] .btn-success:focus, -.btn-success.disabled:active, -.btn-success[disabled]:active, -fieldset[disabled] .btn-success:active, -.btn-success.disabled.active, -.btn-success[disabled].active, -fieldset[disabled] .btn-success.active { - background-color: #8ad919; - border-color: #8ad919; -} - -.btn-warning, -.btn-warning:hover, -.btn-warning:focus, -.btn-warning:active, -.btn-warning.active, -.open > .dropdown-toggle.btn-warning, -.btn-warning.disabled, -.btn-warning[disabled], -fieldset[disabled] .btn-warning, -.btn-warning.disabled:hover, -.btn-warning[disabled]:hover, -fieldset[disabled] .btn-warning:hover, -.btn-warning.disabled:focus, -.btn-warning[disabled]:focus, -fieldset[disabled] .btn-warning:focus, -.btn-warning.disabled:active, -.btn-warning[disabled]:active, -fieldset[disabled] .btn-warning:active, -.btn-warning.disabled.active, -.btn-warning[disabled].active, -fieldset[disabled] .btn-warning.active { - background-color: #ffb53e; - border-color: #ffb53e; -} - -.btn-danger, -.btn-danger:hover, -.btn-danger:focus, -.btn-danger:active, -.btn-danger.active, -.open > .dropdown-toggle.btn-danger, -.btn-danger.disabled, -.btn-danger[disabled], -fieldset[disabled] .btn-danger, -.btn-danger.disabled:hover, -.btn-danger[disabled]:hover, -fieldset[disabled] .btn-danger:hover, -.btn-danger.disabled:focus, -.btn-danger[disabled]:focus, -fieldset[disabled] .btn-danger:focus, -.btn-danger.disabled:active, -.btn-danger[disabled]:active, -fieldset[disabled] .btn-danger:active, -.btn-danger.disabled.active, -.btn-danger[disabled].active, -fieldset[disabled] .btn-danger.active { - background-color: #f9243f; - border-color: #f9243f; -} - -/*Backgrounds*/ - -.bg-primary { - color: #1b3548; - background-color: #e9ecf2; -} - -a.bg-primary:hover { - background-color: #e9ecf2; -} - -.bg-success { - color: #fff; - background-color: #8ad919; -} - -a.bg-success:hover { - background-color: #8ad919; -} - -.bg-success a { - color: rgba(255, 255, 255, .75); -} - -.bg-info { - color: #fff; - background-color: #30a5ff; -} - -a.bg-info:hover { - background-color: #30a5ff; -} - -.bg-info a { - color: rgba(255, 255, 255, .75); -} - -.bg-warning { - color: #fff; - background-color: #ffb53e; -} - -a.bg-warning:hover { - background-color: #ffb53e; -} - -.bg-warning a { - color: rgba(255, 255, 255, .75); -} - -.bg-danger { - color: #fff; - background-color: #f9243f; -} - -a.bg-danger:hover { - background-color: #f9243f; -} - -.bg-danger a { - color: rgba(255, 255, 255, .75); -} - -/*Panels*/ - -.card { - border: none; - border-radius: 0; - margin-bottom: 20px; - - .card-header { - background-color: #ffffff; - border-bottom: 1px solid #EEEEEE; - padding: 10px 15px; - font-weight: 400; - font-size: 18px; - - svg { - width: 26px; - height: 26px; - margin-right: 10px; - } - } - - .card-body { - padding: 15px; - } - - .card-footer { - background-color: #ffffff; - padding: 10px 15px; - } -} - -.card.card-blue { - .card-header { - background-color: #2E9DF2; - color: #ffffff; - } - - .card-footer { - border-top: 3px solid #30A5FF; - } -} - -.card-blue .card-body p, -.card-teal .card-body p, -.card-orange .card-body p, -.card-red .card-body p { - color: #fff; - color: rgba(255, 255, 255, .8); -} - -.card-blue .card-header, -.card-teal .card-header, -.card-orange .card-header, -.card-red .card-header { - border-bottom: 1px solid rgba(255, 255, 255, .2); -} - -.card-blue .text-muted, -.card-teal .text-muted, -.card-orange .text-muted, -.card-red .text-muted { - color: rgba(255, 255, 255, .5); -} - -.dark-overlay { - background: rgba(0, 0, 0, .05); - text-align: center; -} - -.widget-left { - height: 110px; - padding: 30px; - text-align: center; - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; -} - -.widget-right { - text-align: left; - line-height: 1.6em; - margin: 0px; - padding: 35px 20px !important; - height: 110px; - color: #999; - font-weight: 300; - background: #fff; - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; -} - -@media (max-width: 768px) { - .widget-right { - width: 100%; - margin: 0; - text-align: center; - border-top-left-radius: 0px; - border-top-right-radius: 0px; - border-bottom-left-radius: 0px; - border-bottom-right-radius: 0px; - } -} - -@media (max-width: 768px) { - .widget-left { - border-top-left-radius: 0px; - border-top-right-radius: 0px; - border-bottom-left-radius: 0px; - border-bottom-right-radius: 0px; - } -} - -.widget-right .text-muted { - color: #9fadbb; -} - -.widget-right .large { - color: #5f6468; - font-weight: 400; -} - -.card-blue .widget-left { - background: #30a5ff; - color: #fff; -} - -.card-teal .widget-left { - background: #1ebfae; - color: #fff; -} - -.card-orange .widget-left { - background: #ffb53e; - color: #fff; -} - -.card-red .widget-left { - background: #f9243f; - color: #fff; -} - -/*Jumbotron*/ - -.jumbotron { - background: #fff; - border-bottom: 1px solid #eee; - color: #5f6468; -} - -/*Tabs*/ - -.panel .tabs { - margin: 0; - padding: 0; -} - -.nav-tabs { - background: #e9ecf2; - border: 0; -} - -.nav-tabs li a:hover { - background: #fff; -} - -.nav-tabs li a, -.nav-tabs li a:hover, -.nav-tabs li.active a, -.nav-tabs li.active a:hover { - border: 0; - padding: 15px 20px; -} - -.nav-pills { - padding: 15px; - padding-bottom: 0; -} - -.nav-pills li a, -.nav-pills li a:hover, -.nav-pills li.active a, -.nav-pills li.active a:hover { - border: 0; - padding: 7px 15px; -} - -.nav-pills li.active a, -.nav-pills li.active a:hover { - background: #30a5ff; -} - -.tab-content { - padding: 15px; -} - -/*Breadcrumbs*/ - -.breadcrumb-section { - padding: 0px 15px; -} - -.breadcrumb { - border-radius: 0; - padding: 15px 40px; - background: #e9ecf2; - box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05); - margin: 0; - width: 100%; - flex: 1; -} - -@media (max-width: 767px) { - .breadcrumb { - padding: 15px 0 0 0; - } -} - -h1.page-header { - margin-top: 15px; - border-bottom: 0; -} - -/*Charts*/ - -.main-chart { - background: #fff; -} - -.easypiechart-panel { - text-align: center; - padding: 15px 0 0; -} - -.placeholder h2 { - margin-bottom: 0px; -} - -.donut { - width: 100%; -} - -.easypiechart { - position: relative; - text-align: center; - width: 120px; - height: 120px; - margin: 20px auto 10px auto; -} - -.easypiechart .percent { - display: block; - position: absolute; - font-size: 26px; - top: 38px; - width: 120px; -} - -#easypiechart-blue .percent { - color: #30a5ff; -} - -#easypiechart-teal .percent { - color: #1ebfae; -} - -#easypiechart-orange .percent { - color: #ffb53e; -} - -#easypiechart-red .percent { - color: #ef4040; -} - -/*Calendar Widget*/ - -#calendar, .datepicker-inline { - width: 100%; -} - -#calendar table { - width: 100%; -} - -.datepicker table tr td.old, -.datepicker table tr td.new { - color: rgba(255, 255, 255, .50); -} - -.datepicker table tr td.active, -.datepicker table tr td.active:hover, -.datepicker table tr td.active.disabled, -.datepicker table tr td.active.disabled:hover, -.datepicker table tr td.active:hover, -.datepicker table tr td.active:hover:hover, -.datepicker table tr td.active.disabled:hover, -.datepicker table tr td.active.disabled:hover:hover, -.datepicker table tr td.active:focus, -.datepicker table tr td.active:hover:focus, -.datepicker table tr td.active.disabled:focus, -.datepicker table tr td.active.disabled:hover:focus, -.datepicker table tr td.active:active, -.datepicker table tr td.active:hover:active, -.datepicker table tr td.active.disabled:active, -.datepicker table tr td.active.disabled:hover:active, -.datepicker table tr td.active.active, -.datepicker table tr td.active:hover.active, -.datepicker table tr td.active.disabled.active, -.datepicker table tr td.active.disabled:hover.active, -.open .dropdown-toggle.datepicker table tr td.active, -.open .dropdown-toggle.datepicker table tr td.active:hover, -.open .dropdown-toggle.datepicker table tr td.active.disabled, -.open .dropdown-toggle.datepicker table tr td.active.disabled:hover { - color: #ffffff; - background-color: rgba(0, 0, 0, .5); - border-color: #285e8e; -} - -.datepicker table tr td span:hover, -.datepicker thead tr:first-child th:hover, -.datepicker tfoot tr th:hover, -.datepicker table tr td.day:hover, -.datepicker table tr td.day.focused { - background: rgba(0, 0, 0, 0.25); -} - -.panel-heading .glyphicon { - margin-right: 10px; -} - -.todo-list-item .glyphicon { - margin-right: 5px; - color: #9fadbb; -} - -.todo-list-item .glyphicon:hover { - margin-right: 5px; - color: #1b3548; -} - -.todo-list { - padding: 0; - margin: -15px; - background: #fff; - color: #5f6468; -} - -#checkbox { - margin: 0; -} - -.todo-list .checkbox { - margin: 0px; - flex: 1; -} - -.todo-list .checkbox .form-check-label { - padding-left: 15px; -} - -.card-body input[type=checkbox]:checked + label { - text-decoration: line-through; - color: #777; -} - -.todo-list-item { - list-style: none; - line-height: 0.9; - padding: 14px 15px 8px 15px; - display: flex; -} - -.todo-list-item:hover, a.todo-list-item:focus { - text-decoration: none; - background-color: #f6f6f6; -} - -.todo-list-item .trash .glyph:hover { - color: #ef4040; -} - -/*Chat Widget*/ - -.chat ul { - list-style: none; - margin: -15px; - padding: 15px; -} - -.chat ul li { - margin-bottom: 10px; - padding: 15px 5px; - border-bottom: 1px solid #eee; -} - -.chat ul li.left .chat-body { - margin-left: 100px; -} - -.chat ul li.right .chat-body { - margin-right: 100px; -} - -.chat ul li .chat-body p { - margin: 0; -} - -.chat ul .glyphicon { - margin-right: 5px; -} - -.chat .card-body { - overflow-y: scroll; - height: 300px; -} - -.chat-body small { - margin-left: 5px; -} - -/*Tables*/ -.table { - background: #fff; -} - -.fixed-table-container { - border: 1px solid #eee; -} - -.fixed-table-container thead th { - background: #f7f7f8; - border-color: #ddd; - color: #5f6468; - font-weight: 300; - font-size: 16px; -} - -.fixed-table-container tbody td { - border: 1px solid #eee; -} - -.fixed-table-container tbody td:last-child { - border-right: none; -} - -.table > thead > tr > th { - border-bottom: 1px solid #e6e7e8; - vertical-align: middle; - height: 50px; -} - -.fixed-table-pagination .pagination { - margin-top: 10px; - margin-bottom: 0px; -} - -.fixed-table-pagination .pagination-detail { - margin-top: 20px; -} - -/*Icons*/ - -.sidebar .glyph, .user-menu .glyph { - height: 16px; - width: 16px; - margin: 0 10px 0 0; - stroke-width: 3px; -} - -.user-menu .glyph { - stroke-width: 4px; -} - -.breadcrumb .glyph { - height: 14px; - width: 14px; - margin: -2px 0 0 0; - stroke-width: 4px; -} - -.alert .glyph { - width: 26px; - height: 26px; - margin: 0 10px 0 0; - stroke-width: 2px; -} - -.panel-widget .glyph { - stroke-width: 2px; -} - -.todo-list .glyph { - width: 14px; - height: 14px; - stroke-width: 4px; - color: #999; -} - -.glyph.table { - background: none; - border: none; -} - -/*Icon Grid*/ - -.icon-grid div { - border: 1px solid #ddd; - margin: 0 0 -1px -1px; - text-align: center; - padding: 10px 0 20px 0; -} - -.icon-grid svg { - width: 35%; - display: block; - margin: 0 auto; -} - -.icon-grid h4 { - display: none; -} - -.icon-grid pre { - margin: 10px 10px -10px 10px; - border-radius: 0; - font-size: 10px; - border-color: #ddd; - height: 65px; - overflow: scroll; -} - -/** nonaScroller initial setup **/ - -.nano { - position: relative; - width: 100%; - height: 100%; - overflow: hidden; -} - -.nano > .nano-content { - position: absolute; - overflow: scroll; - overflow-x: hidden; - top: 0; - right: 0; - left: 0; -} - -.nano > .nano-content:focus { - outline: thin dotted; -} - -.nano > .nano-content::-webkit-scrollbar { - display: none; -} - -.has-scrollbar > .nano-content::-webkit-scrollbar { - display: block; -} - -.nano > .nano-pane { - background: rgba(0, 0, 0, .25); - position: absolute; - width: 10px; - right: 0; - top: 0; - bottom: 0; - visibility: hidden \9; /* Target only IE7 and IE8 with this hack */ - opacity: .01; - -webkit-transition: .2s; - -moz-transition: .2s; - -o-transition: .2s; - transition: .2s; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; -} - -.nano > .nano-pane > .nano-slider { - background: #444; - background: rgba(0, 0, 0, .5); - position: relative; - margin: 0 1px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; -} - -.nano:hover > .nano-pane, -.nano-pane.active, .nano-pane.flashed { - visibility: visible \9; /* Target only IE7 and IE8 with this hack */ - opacity: 0.99; -} - -/* -DotKernel Template -Version 3.0 -*/ - -/*Global Styles*/ - -/*Clearfix*/ -.clearfix:after { - content: ""; - display: block; - clear: both; - visibility: hidden; -} - -.clearfix { - display: inline-block; -} - -/* Hide from IE Mac \*/ -.clearfix { - display: block; -} - -/* End hide from IE Mac */ -* html .clearfix { - height: 1px; -} - -body { - font-family: 'Source Sans Pro', sans-serif; - background: #f1f4f7; - color: #5f6468; - font-size: 16px; - overflow-x: hidden; -} - -.collapseRightIn { - display: block; -} - -.collapseRightOut { - display: none; -} - -/** Forms **/ -.forms { - padding: 80px 15px; -} - -.forms h1 { - margin-bottom: 40px; - margin-top: 0px; - font-size: 30px; - font-weight: 400; - text-transform: uppercase; - text-align: center; - letter-spacing: 4px; -} - -.forms .no-account { - margin-top: 15px; - color: #929292; -} - -.form-content { - padding: 40px; - background: #FFFFFF; -} - -.form-content a { - display: block; - width: auto; - margin-top: 15px; - color: #999CA5; -} - -.form-content .btn { - margin-top: 15px; -} - -input.form-control { - padding: 15px 15px; - background: #FFFFFF; - border-radius: 2px; - border: 1px solid #E7E7E7; - font-size: 16px; - line-height: 50px; - height: 50px; -} - -@media ( max-width: 1199px) { - .form-content { - padding: 20px; - } - - .form-content h1 { - margin-bottom: 20px; - } -} - -.btn-primary { - height: 50px; - border-radius: 2px; - background: #C60B31; - border-color: #C60B31; - color: #FFFFFF; -} - -.btn-success, -.btn-default, -.btn-danger { - height: 50px; - border-radius: 2px; -} - -.btn-primary:hover, -.btn-primary:active, -.btn-primary:focus { - background: #333333; -} - -label { - color: #B1B1B1; -} - -/*** Header ***/ - -/* Navbar */ - -.navbar { - position: relative; - margin-bottom: 0px; - min-height: 60px; - background: #FFFFFF; - border: 0px; - border-color: #E9ECF2; - border-radius: 0px; - z-index: 1000; - padding: 0 15px; -} - -.navbar-brand { - color: #fff; - font-size: 16px; - text-transform: uppercase; - font-weight: 500; - letter-spacing: 2px; -} - -.navbar-brand span { - color: #30a5ff; -} - -.navbar-brand img { - display: block; - height: 30px; - width: auto; -} - -@media screen and (min-width: 768px) { - .navbar > .container .navbar-brand, - .navbar > .container-fluid .navbar-brand { - margin-left: 0px; - } -} - -@media (max-width: 767px) { - .navbar-brand img { - margin-top: 4px; - height: 24px; - } -} - -/* Notification */ - -.notification { - position: relative; - display: inline-block; - margin-right: 20px; - height: 30px; - font-size: 20px; - line-height: 30px; - color: #DCDCDC; -} - -.notification .notes_no { - position: absolute; - top: 1px; - right: -5px; - display: block; - width: 17px; - height: 16px; - font-size: 9px; - background: #FBA276; - color: #FFFFFF; - border: 1px solid #FFFFFF; - border-radius: 50%; - line-height: 14px; - text-align: center; -} - -.notification i, -.notification .notes_no { - cursor: pointer; -} - -.notification .notis-container { - position: absolute; - top: 40px; - right: -15px; - display: none; - background-color: #F1F4F7; - box-shadow: 4px 5px 7px #D1D1D1; - width: 400px; -} - -.notification .notis-container .title { - position: relative; - padding: 10px 15px; - color: #5F6468; - font-size: 16px; - border-bottom: 2px solid #FFFFFF; -} - -.notification .notis-container .title .arrow-top { - position: absolute; - top: -13px; - right: 10px; - width: 0; - height: 0; - border-left: 15px solid transparent; - border-right: 15px solid transparent; - border-bottom: 15px solid #F1F4F7; -} - -.notification .nano-note { - background: transparent; - width: 400px; - height: 200px; -} - -.notification .nano-note > .nano-content { - padding: 10px; -} - -.notification .nano-note > .nano-pane { - background: #bababa; -} - -.notification .nano-note > .nano-pane > .nano-slider { - background: #888; -} - -.notification .notis-container ul.content { - display: block; - margin: 0px; - padding: 0px; - height: 200px; - background-color: #FFFFFF; - overflow-y: auto; -} - -.notification .notis-container ul.content li { - dispaly: block; - padding: 10px 15px; - border-bottom: 2px solid #F1F4F7; -} - -.notification .notis-container ul.content li.warning { - border-left: 4px solid #f78e3a; -} - -.notification .notis-container ul.content li.error { - border-left: 4px solid #f70020; -} - -.notification .notis-container ul.content li.unseen { - background-color: #CCE3F5; -} - -.notification .notis-container ul.content li .note-title { - margin: 0px; - padding: 5px 0px; - font-size: 14px; - line-height: 14px; -} - -.notification .notis-container ul.content li .note-text { - font-size: 12px; - line-height: 1.2em; - color: #101010; -} - -@media (max-width: 767px) { - .notification .notis-container, - .notification .nano { - width: 300px; - } -} - -@media (max-width: 399px) { - .notification .notis-container, - .notification .nano { - width: 240px; - } -} - -/* Admin Menu */ - -.user-menu { - margin: 15px; - height: 30px; - list-style: none; -} - -.user-menu a { - color: #A2A2A2; - line-height: 30px; -} - -.user-menu .dropdown-item { - color: #333333; - padding: 3px 20px; - font-size: 14px; - line-height: 20px; -} - -.user-menu .dropdown-item:active { - background-color: #F8F9FA; -} - -.user-menu a:hover, -.user-menu a:focus { - text-decoration: none; -} - -.user-menu .nav-link { - display: block; - padding: 0; -} - -.user-menu .nav-link span { - display: block; - float: left; - margin-right: 5px; -} - -.user-menu .dropdown-menu { - border-radius: 0px; -} - -.user-menu .user-icon { - display: none; - float: left; - font-size: 18px; - line-height: 30px; -} - -@media (max-width: 767px) { - .notification { - margin-right: 15px; - } - - .user-menu { - padding-left: 0px; - } - - .user-menu .user-icon { - display: block; - } - - .user-menu .nav-link span.user-message { - display: none; - } - - .user-menu .fa-angle-down { - display: none; - } - - .user-menu .dropdown-menu { - position: absolute; - right: 0; - left: auto; - } -} - -@media (max-width: 767px) { - .side-collapse-container { - position: relative; - left: 0; - width: 100%; - transition: left .4s; - overflow-x: hidden; - } - - .side-collapse-container.out { - left: 300px; - } - - .mainMenu .side-collapse { - top: 0px; - bottom: 0px; - left: 0px; - width: 300px; - position: fixed; - overflow: hidden; - transition: width .4s; - } - - .mainMenu .side-collapse.in { - width: 0; - } - - .mainMenu .navbar-nav > li { - width: 300px; - } -} - -/*** Sidebar ***/ - -@media (min-width: 768px) { - .sidebar { - display: block; - position: fixed; - top: 0px; - bottom: 0; - left: 0; - display: block; - margin: 0; - padding: 0; - width: 60px; - background-color: #282828; - box-shadow: 1px 0px 10px rgba(0, 0, 0, .05); - } - - .sidebar .item-label { - float: left; - display: block; - line-height: 30px; - } -} - -.sidebar ul.menu { - display: block; - margin-right: -17px; -} - -sideRightIn .sidebar .nano-sidebar { - background: transparent; - width: 60px; -} - -.sidebar .nano-sidebar > .nano-content { - padding: 0px; -} - -.sidebar .nano-sidebar > .nano-pane { - background: #bababa; - z-index: 50; -} - -.sidebar .nano-sidebar > .nano-pane > .nano-slider { - background: #888; -} - -.sidebar.sideRightIn { - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; -} - -.sidebar.sideRightOut { - width: 250px; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; -} - -.sidebar.sideRightOut .item-label { - display: block; -} - -.sidebar.sideRightIn .slide-right { - margin-right: 20px; - background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABK0lEQVQ4jWNkwAH6+/udgNReBspAMRMDjQELiOjp6bFhZGT8V1xcfAwm8fHjxyOsrKwSlBj++/fvz4zd3d3mLCwse4D8f0DgiWwJNQAT0OV3gfRDIOZjYmLa3tvba0VNC8CRDAwiEWZm5gNApjYQfwL6xA7ok4tUswCLJX+BOKSwsHADTL6zs5P3z58/XKQYDgz6byjJFBg8+sBgOg1ksgLxT2BEczU0NPwDyQGTbS+QKmIgDfTBk2lHR4cc0PBNUMN/A7EPzHBKAAvMcHZ29sNAphwQv/n//79DUVHRVWSFv379agAGURdJhoOCiBjDKQFMwMwkBaSFaGE4HIDSfl9fnzYDDQDOwg4YwSxA3wlTYjgoDlhwSXJzc2sAFVymxAJgkE+icWnKwAAAK81v+Hbj14wAAAAASUVORK5CYII=') no-repeat right center; -} - -.sidebar.sideRightOut .slide-right { - margin-right: 20px; - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABKElEQVQ4jWPs7+8vYmBg6GWgDDgXFhbuwybBxEBjwPLx48cZrKysSykx5Pfv3++R+b29vVb///9nKikpOcLIQGUAMpyJiWk7kMn0588fFyYaGc4HxA8ZGRnvUs0HfX19ukADj0ANv/r3718HYBC9Yezs7OQFeoWLFMNYWFi+lZeXf4bxgSkxAEitAWJmZMPBatnY2BqAuIhUBwNxMYjR0NAACuYVUMN///v3LxpmOAhQHAdAC/4BKR+Q4UDMCoyDTR0dHXIweaoEEQgA40AbGAcHgEwRIH708+dP24qKikdUTabYLKFqMi0qKroKzGAOQCYoDoSAGViKgRYA5BNQngCxyYoDdAAsKt4CI/sPNjkWoDdagMk0jxILgA7UBVJXsMnRuDRlYAAAtQJ7eZEPpvgAAAAASUVORK5CYII=") no-repeat right center; -} - -@media (max-width: 767px) { - .sidebar.sideRightIn .slide-right { - display: none; - } -} - -.sidebar { - display: block; - background-color: #282828; - padding: 0; - text-align: center; - height: 100% !important; -} - -.sidebar .nav-placeholder { - display: block; - height: 60px; - width: 100%; - border-bottom: 1px solid #000000; -} - -.sidebar .nav-placeholder .logo { - display: block; - padding: 15px 0px 15px 15px; - width: 30px; - height: 30px; -} - -.sidebar .nav-placeholder .logo img { - display: block; - width: 30px; - height: auto; -} - -.sidebar .toggle a { - display: block; - padding: 15px; - content: ""; - height: 55px; - font-size: 1px; - color: transparent; - text-decoration: none; - line-height: 55px; -} - -.sidebar .toggle a:hover, .sidebar .toggle a:focus { - background-color: #282828; - text-decoration: none; -} - -.sidebar .fa-chevron-circle-down { - display: none; -} - -.sidebar .form-group { - display: none; -} - -.sidebar ul.nav li { - position: relative; - width: 250px; -} - -.sidebar ul.nav li a { - padding: 15px 15px 15px 60px; - min-height: 30px; - background-color: #282828; - z-index: 1; -} - -.sidebar ul.nav li a .item-label { - color: #5f6468; -} - -.sidebar ul.nav li.active a .item-label { - color: #FFFFFF; -} - -.sidebar ul.nav .submenu { - padding: 15px 15px 15px 15px; - cursor: pointer; - background-color: #282828; -} - -.sidebar ul.nav .submenu .item-label { - margin-left: 45px; -} - -.sidebar ul.nav .submenu:active, -.sidebar ul.nav .submenu:focus, -.sidebar ul.nav .submenu:hover { - text-decoration: none; - background-color: #000000; -} - -.sidebar ul.nav li i { - position: absolute; - top: 15px; - left: 15px; - margin-right: 15px; - width: 30px; - font-size: 26px; - line-height: 30px; - color: #FFFFFF; - text-align: center; - z-index: 20; - cursor: pointer; -} - -.sidebar ul.nav a:hover, -.sidebar ul.nav li.parent ul li a:hover { - text-decoration: none; - background-color: #000000; -} - -.sidebar ul.nav .active a, .sidebar ul.nav li.parent a.active, -.sidebar ul.nav .active > a:hover, .sidebar ul.nav li.parent a.active:hover, -.sidebar ul.nav .active > a:focus, .sidebar ul.nav li.parent a.active:focus -.sidebar ul.nav .active > a:focus .item-label, .sidebar ul.nav li.parent a.active:focus .item-label { - color: #fff; - background-color: #000000; -} - -.sidebar ul.nav ul, -.sidebar ul.nav ul li { - list-style-type: none; -} - -.sidebar ul.nav li.parent { - position: relative; -} - -.sidebar ul.nav li.parent ul.children { - width: 100%; - padding: 0px; - margin: 0; - background: #282828; - text-align: left; - z-index: 10; -} - -.sidebar ul.nav li.parent ul.children li a { - display: block; - padding: 0px 0px 0px 60px; - height: 40px; - line-height: 40px; - background: #282828; - color: #5f6468 !important; - text-decoration: none; -} - -.sidebar ul.nav li.parent ul.children li a:hover { - text-decoration: none; - background-color: #000000; -} - -.sidebar ul.nav li.parent ul.children li i { - top: 0px; - left: 30px; - margin-right: 0px; - font-size: 14px; - line-height: 40px; -} - -.sidebar ul.nav li.current a { - background-color: #30a5ff; - color: #fff !important; -} - -.sidebar span.glyphicon { - margin-right: 10px; -} - -.sidebar ul.nav li.divider { - border-bottom: 1px solid #eee; - margin: 20px 0; -} - -.sidebar .attribution { - position: absolute; - bottom: 0px; - width: 100%; - padding: 15px; - text-align: center; - border-top: 1px solid #eee; - font-size: 12px; -} - -@media (min-width: 768px ){ - .navbar-toggler { - display: none; - } -} - -@media (max-width: 767px) { - .sidebar .toggle { - display: none; - } - - .sidebar ul.nav li { - width: 100%; - } - - .sidebar ul.nav li i { - font-size: 22px; - line-height: 22px; - } - - .navbar-toggler:focus, .navbar-toggler:hover, .navbar-toggler:active { - box-shadow: none; - background-color: #E9ECF2; - } - - .navbar-toggler { - height: 58px; - background-color: #E9ECF2; - width: auto; - border: none; - border-radius: 0; - box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05); - padding: 0 15px; - - i { - vertical-align: text-top; - color: #C71F3A; - } - } - - .navbar .navbar-toggler .icon-bar { - background: black !important; - } - - .user-menu-collapse { - display: block; - border: 0px; - } - - .side-collapse { - position: fixed; - display: block; - left: 0px; - top: 0px; - bottom: 0px; - width: 300px; - height: 100% !important; - background: #282828; - text-align: left; /*z-index: 1;*/ - } - - .side-collapse .item-label { - display: block; - color: #5f6468; - } - - .side-collapse .active .item-label { - color: #FFFFFF; - } - - .sidebar ul.nav li.parent ul.children { - position: static; - width: auto; - background-color: #5c5c5c; - } -} - -/*** Main content ***/ - -.main-content { - position: relative; - left: 0px; - margin-left: 60px; - min-height: 100%; - background-color: #F1F4F7; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; - width: calc(100% - 60px); -} - -.main-content .main { - padding-left: 40px; - padding-right: 40px; -} - -.main-content.toggled { - margin-left: 250px; -} - -@media (max-width: 767px) { - .main-content { - margin-left: 0px; - width: 100%; - } - - .main-content .main { - padding-left: 15px; - padding-right: 15px; - } -} - -p.tooltip-title { - display: none; - position: absolute; - border: 1px solid #333; - background-color: #161616; - border-radius: 5px; - padding: 10px; - color: #fff; -} +html, +body { + height: 100%; +} + +p { + color: #777; +} + +a, a:hover, a:focus { + color: #30a5ff; +} + +h1, h2, h3, h4, h5, h6 { + color: #5f6468; + font-family: 'Source Sans Pro', sans-serif; +} + +h1 { + font-weight: 300; + font-size: 40px; +} + +h2 { + font-weight: 300; + margin-bottom: 20px; +} + +h3, h4 { + font-weight: 300; +} + +.container-fluid { + padding-left: 0px !important; + padding-right: 0px !important; +} + +.account-page { + margin-top: 20px; +} + +.login-panel { + margin-top: 15px; +} + +.alert > ul { + list-style-type: square; + padding-left: 20px; +} + +.modal { + -webkit-overflow-scrolling: auto !important; + overflow-y: auto !important; +} + +.modal { + .form-group { + input[type="checkbox"] { + margin-right: 5px; + } + + label { + margin-right: 10px; + } + } +} + +.has-error .multiselect { + border-color: #a94442; +} + +.has-error .checkbox { + color: black; +} + +#modalAlertIcon { + padding-right: 10px; +} + +#modalAlertMessage { + font-size: 16px; + padding: 20px; +} + +.large { + font-size: 2em; +} + +.text-muted { + color: #9fadbb; +} + +.color-gray { + color: #5f6468; +} + +.color-blue { + color: #30a5ff; +} + +.color-teal { + color: #1ebfae; +} + +.color-orange { + color: #ffb53e; +} + +.color-red { + color: #f9243f; +} + +.bg-primary .glyphicon-remove { + color: #5f6468; +} + +.bg-primary .glyphicon-remove:hover { + color: #ef4040; +} + +.glyphicon-xl { + font-size: 6em; +} + +.glyphicon-l { + font-size: 3em; +} + +.glyphicon-m { + font-size: 1.5em; +} + +.glyphicon-s { + font-size: 0.75em; +} + +.form-control { + border: 1px solid #eee; + box-shadow: none; +} + +.form-control:focus { + border: 1px solid #30a5ff; + outline: 0; + box-shadow: inset 0px 0px 0px 1px #30a5ff; +} + +button, input, select, textarea { + font-family: 'Source Sans Pro', sans-serif; +} + +/*Buttons*/ + +a.btn:hover, +button:hover { + opacity: 0.8; +} + +a.btn:active, +button:active { + box-shadow: inset 0px 0px 500px rgba(0, 0, 0, .1); + opacity: 1; +} + +.btn-default, +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open > .dropdown-toggle.btn-default, +.btn-default.disabled, +.btn-default[disabled], +fieldset[disabled] .btn-default, +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { + border-color: #e9ecf2; + color: #1b3548; +} + +.btn-primary, +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.open > .dropdown-toggle.btn-primary, +.btn-primary.disabled, +.btn-primary[disabled], +fieldset[disabled] .btn-primary, +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active, +.btn-primary.disabled.active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary.active { + background-color: #30a5ff; + border-color: #30a5ff; +} + +.btn-success, +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active, +.open > .dropdown-toggle.btn-success, +.btn-success.disabled, +.btn-success[disabled], +fieldset[disabled] .btn-success, +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active, +.btn-success.disabled.active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success.active { + background-color: #8ad919; + border-color: #8ad919; +} + +.btn-warning, +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.open > .dropdown-toggle.btn-warning, +.btn-warning.disabled, +.btn-warning[disabled], +fieldset[disabled] .btn-warning, +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active, +.btn-warning.disabled.active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning.active { + background-color: #ffb53e; + border-color: #ffb53e; +} + +.btn-danger, +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.open > .dropdown-toggle.btn-danger, +.btn-danger.disabled, +.btn-danger[disabled], +fieldset[disabled] .btn-danger, +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active, +.btn-danger.disabled.active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger.active { + background-color: #f9243f; + border-color: #f9243f; +} + +/*Backgrounds*/ + +.bg-primary { + color: #1b3548; + background-color: #e9ecf2; +} + +a.bg-primary:hover { + background-color: #e9ecf2; +} + +.bg-success { + color: #fff; + background-color: #8ad919; +} + +a.bg-success:hover { + background-color: #8ad919; +} + +.bg-success a { + color: rgba(255, 255, 255, .75); +} + +.bg-info { + color: #fff; + background-color: #30a5ff; +} + +a.bg-info:hover { + background-color: #30a5ff; +} + +.bg-info a { + color: rgba(255, 255, 255, .75); +} + +.bg-warning { + color: #fff; + background-color: #ffb53e; +} + +a.bg-warning:hover { + background-color: #ffb53e; +} + +.bg-warning a { + color: rgba(255, 255, 255, .75); +} + +.bg-danger { + color: #fff; + background-color: #f9243f; +} + +a.bg-danger:hover { + background-color: #f9243f; +} + +.bg-danger a { + color: rgba(255, 255, 255, .75); +} + +/*Panels*/ + +.card { + border: none; + border-radius: 0; + margin-bottom: 20px; + + .card-header { + background-color: #ffffff; + border-bottom: 1px solid #EEEEEE; + padding: 10px 15px; + font-weight: 400; + font-size: 18px; + + svg { + width: 26px; + height: 26px; + margin-right: 10px; + } + } + + .card-body { + padding: 15px; + } + + .card-footer { + background-color: #ffffff; + padding: 10px 15px; + } +} + +.card.card-blue { + .card-header { + background-color: #2E9DF2; + color: #ffffff; + } + + .card-footer { + border-top: 3px solid #30A5FF; + } +} + +.card-blue .card-body p, +.card-teal .card-body p, +.card-orange .card-body p, +.card-red .card-body p { + color: #fff; + color: rgba(255, 255, 255, .8); +} + +.card-blue .card-header, +.card-teal .card-header, +.card-orange .card-header, +.card-red .card-header { + border-bottom: 1px solid rgba(255, 255, 255, .2); +} + +.card-blue .text-muted, +.card-teal .text-muted, +.card-orange .text-muted, +.card-red .text-muted { + color: rgba(255, 255, 255, .5); +} + +.dark-overlay { + background: rgba(0, 0, 0, .05); + text-align: center; +} + +.widget-left { + height: 110px; + padding: 30px; + text-align: center; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; +} + +.widget-right { + text-align: left; + line-height: 1.6em; + margin: 0px; + padding: 35px 20px !important; + height: 110px; + color: #999; + font-weight: 300; + background: #fff; + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} + +@media (max-width: 768px) { + .widget-right { + width: 100%; + margin: 0; + text-align: center; + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + } +} + +@media (max-width: 768px) { + .widget-left { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + } +} + +.widget-right .text-muted { + color: #9fadbb; +} + +.widget-right .large { + color: #5f6468; + font-weight: 400; +} + +.card-blue .widget-left { + background: #30a5ff; + color: #fff; +} + +.card-teal .widget-left { + background: #1ebfae; + color: #fff; +} + +.card-orange .widget-left { + background: #ffb53e; + color: #fff; +} + +.card-red .widget-left { + background: #f9243f; + color: #fff; +} + +/*Jumbotron*/ + +.jumbotron { + background: #fff; + border-bottom: 1px solid #eee; + color: #5f6468; +} + +/*Tabs*/ + +.panel .tabs { + margin: 0; + padding: 0; +} + +.nav-tabs { + background: #e9ecf2; + border: 0; +} + +.nav-tabs li a:hover { + background: #fff; +} + +.nav-tabs li a, +.nav-tabs li a:hover, +.nav-tabs li.active a, +.nav-tabs li.active a:hover { + border: 0; + padding: 15px 20px; +} + +.nav-pills { + padding: 15px; + padding-bottom: 0; +} + +.nav-pills li a, +.nav-pills li a:hover, +.nav-pills li.active a, +.nav-pills li.active a:hover { + border: 0; + padding: 7px 15px; +} + +.nav-pills li.active a, +.nav-pills li.active a:hover { + background: #30a5ff; +} + +.tab-content { + padding: 15px; +} + +/*Breadcrumbs*/ + +.breadcrumb-section { + padding: 0px 15px; +} + +.breadcrumb { + border-radius: 0; + padding: 15px 40px; + background: #e9ecf2; + box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05); + margin: 0; + width: 100%; + flex: 1; +} + +@media (max-width: 767px) { + .breadcrumb { + padding: 15px 0 0 0; + } +} + +h1.page-header { + margin-top: 15px; + border-bottom: 0; +} + +/*Charts*/ + +.main-chart { + background: #fff; +} + +.easypiechart-panel { + text-align: center; + padding: 15px 0 0; +} + +.placeholder h2 { + margin-bottom: 0px; +} + +.donut { + width: 100%; +} + +.easypiechart { + position: relative; + text-align: center; + width: 120px; + height: 120px; + margin: 20px auto 10px auto; +} + +.easypiechart .percent { + display: block; + position: absolute; + font-size: 26px; + top: 38px; + width: 120px; +} + +#easypiechart-blue .percent { + color: #30a5ff; +} + +#easypiechart-teal .percent { + color: #1ebfae; +} + +#easypiechart-orange .percent { + color: #ffb53e; +} + +#easypiechart-red .percent { + color: #ef4040; +} + +/*Calendar Widget*/ + +#calendar, .datepicker-inline { + width: 100%; +} + +#calendar table { + width: 100%; +} + +.datepicker table tr td.old, +.datepicker table tr td.new { + color: rgba(255, 255, 255, .50); +} + +.datepicker table tr td.active, +.datepicker table tr td.active:hover, +.datepicker table tr td.active.disabled, +.datepicker table tr td.active.disabled:hover, +.datepicker table tr td.active:hover, +.datepicker table tr td.active:hover:hover, +.datepicker table tr td.active.disabled:hover, +.datepicker table tr td.active.disabled:hover:hover, +.datepicker table tr td.active:focus, +.datepicker table tr td.active:hover:focus, +.datepicker table tr td.active.disabled:focus, +.datepicker table tr td.active.disabled:hover:focus, +.datepicker table tr td.active:active, +.datepicker table tr td.active:hover:active, +.datepicker table tr td.active.disabled:active, +.datepicker table tr td.active.disabled:hover:active, +.datepicker table tr td.active.active, +.datepicker table tr td.active:hover.active, +.datepicker table tr td.active.disabled.active, +.datepicker table tr td.active.disabled:hover.active, +.open .dropdown-toggle.datepicker table tr td.active, +.open .dropdown-toggle.datepicker table tr td.active:hover, +.open .dropdown-toggle.datepicker table tr td.active.disabled, +.open .dropdown-toggle.datepicker table tr td.active.disabled:hover { + color: #ffffff; + background-color: rgba(0, 0, 0, .5); + border-color: #285e8e; +} + +.datepicker table tr td span:hover, +.datepicker thead tr:first-child th:hover, +.datepicker tfoot tr th:hover, +.datepicker table tr td.day:hover, +.datepicker table tr td.day.focused { + background: rgba(0, 0, 0, 0.25); +} + +.panel-heading .glyphicon { + margin-right: 10px; +} + +.todo-list-item .glyphicon { + margin-right: 5px; + color: #9fadbb; +} + +.todo-list-item .glyphicon:hover { + margin-right: 5px; + color: #1b3548; +} + +.todo-list { + padding: 0; + margin: -15px; + background: #fff; + color: #5f6468; +} + +#checkbox { + margin: 0; +} + +.todo-list .checkbox { + margin: 0px; + flex: 1; +} + +.todo-list .checkbox .form-check-label { + padding-left: 15px; +} + +.card-body input[type=checkbox]:checked + label { + text-decoration: line-through; + color: #777; +} + +.todo-list-item { + list-style: none; + line-height: 0.9; + padding: 14px 15px 8px 15px; + display: flex; +} + +.todo-list-item:hover, a.todo-list-item:focus { + text-decoration: none; + background-color: #f6f6f6; +} + +.todo-list-item .trash .glyph:hover { + color: #ef4040; +} + +/*Chat Widget*/ + +.chat ul { + list-style: none; + margin: -15px; + padding: 15px; +} + +.chat ul li { + margin-bottom: 10px; + padding: 15px 5px; + border-bottom: 1px solid #eee; +} + +.chat ul li.left .chat-body { + margin-left: 100px; +} + +.chat ul li.right .chat-body { + margin-right: 100px; +} + +.chat ul li .chat-body p { + margin: 0; +} + +.chat ul .glyphicon { + margin-right: 5px; +} + +.chat .card-body { + overflow-y: scroll; + height: 300px; +} + +.chat-body small { + margin-left: 5px; +} + +/*Tables*/ +.table { + background: #fff; +} + +.fixed-table-container { + border: 1px solid #eee; +} + +.fixed-table-container thead th { + background: #f7f7f8; + border-color: #ddd; + color: #5f6468; + font-weight: 300; + font-size: 16px; +} + +.fixed-table-container tbody td { + border: 1px solid #eee; +} + +.fixed-table-container tbody td:last-child { + border-right: none; +} + +.table > thead > tr > th { + border-bottom: 1px solid #e6e7e8; + vertical-align: middle; + height: 50px; +} + +.fixed-table-pagination .pagination { + margin-top: 10px; + margin-bottom: 0px; +} + +.fixed-table-pagination .pagination-detail { + margin-top: 20px; +} + +/*Icons*/ + +.sidebar .glyph, .user-menu .glyph { + height: 16px; + width: 16px; + margin: 0 10px 0 0; + stroke-width: 3px; +} + +.user-menu .glyph { + stroke-width: 4px; +} + +.breadcrumb .glyph { + height: 14px; + width: 14px; + margin: -2px 0 0 0; + stroke-width: 4px; +} + +.alert .glyph { + width: 26px; + height: 26px; + margin: 0 10px 0 0; + stroke-width: 2px; +} + +.panel-widget .glyph { + stroke-width: 2px; +} + +.todo-list .glyph { + width: 14px; + height: 14px; + stroke-width: 4px; + color: #999; +} + +.glyph.table { + background: none; + border: none; +} + +/*Icon Grid*/ + +.icon-grid div { + border: 1px solid #ddd; + margin: 0 0 -1px -1px; + text-align: center; + padding: 10px 0 20px 0; +} + +.icon-grid svg { + width: 35%; + display: block; + margin: 0 auto; +} + +.icon-grid h4 { + display: none; +} + +.icon-grid pre { + margin: 10px 10px -10px 10px; + border-radius: 0; + font-size: 10px; + border-color: #ddd; + height: 65px; + overflow: scroll; +} + +/** nonaScroller initial setup **/ + +.nano { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; +} + +.nano > .nano-content { + position: absolute; + overflow: scroll; + overflow-x: hidden; + top: 0; + right: 0; + left: 0; +} + +.nano > .nano-content:focus { + outline: thin dotted; +} + +.nano > .nano-content::-webkit-scrollbar { + display: none; +} + +.has-scrollbar > .nano-content::-webkit-scrollbar { + display: block; +} + +.nano > .nano-pane { + background: rgba(0, 0, 0, .25); + position: absolute; + width: 10px; + right: 0; + top: 0; + bottom: 0; + visibility: hidden \9; /* Target only IE7 and IE8 with this hack */ + opacity: .01; + -webkit-transition: .2s; + -moz-transition: .2s; + -o-transition: .2s; + transition: .2s; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} + +.nano > .nano-pane > .nano-slider { + background: #444; + background: rgba(0, 0, 0, .5); + position: relative; + margin: 0 1px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +.nano:hover > .nano-pane, +.nano-pane.active, .nano-pane.flashed { + visibility: visible \9; /* Target only IE7 and IE8 with this hack */ + opacity: 0.99; +} + +/* +DotKernel Template +Version 3.0 +*/ + +/*Global Styles*/ + +/*Clearfix*/ +.clearfix:after { + content: ""; + display: block; + clear: both; + visibility: hidden; +} + +.clearfix { + display: inline-block; +} + +/* Hide from IE Mac \*/ +.clearfix { + display: block; +} + +/* End hide from IE Mac */ +* html .clearfix { + height: 1px; +} + +body { + font-family: 'Source Sans Pro', sans-serif; + background: #f1f4f7; + color: #5f6468; + font-size: 16px; + overflow-x: hidden; +} + +.collapseRightIn { + display: block; +} + +.collapseRightOut { + display: none; +} + +/** Forms **/ +.forms { + padding: 80px 15px; +} + +.forms h1 { + margin-bottom: 40px; + margin-top: 0px; + font-size: 30px; + font-weight: 400; + text-transform: uppercase; + text-align: center; + letter-spacing: 4px; +} + +.forms .no-account { + margin-top: 15px; + color: #929292; +} + +.form-content { + padding: 40px; + background: #FFFFFF; +} + +.form-content a { + display: block; + width: auto; + margin-top: 15px; + color: #999CA5; +} + +.form-content .btn { + margin-top: 15px; +} + +input.form-control { + padding: 15px 15px; + background: #FFFFFF; + border-radius: 2px; + border: 1px solid #E7E7E7; + font-size: 16px; + line-height: 50px; + height: 50px; +} + +@media ( max-width: 1199px) { + .form-content { + padding: 20px; + } + + .form-content h1 { + margin-bottom: 20px; + } +} + +.btn-primary { + height: 50px; + border-radius: 2px; + background: #C60B31; + border-color: #C60B31; + color: #FFFFFF; +} + +.btn-success, +.btn-default, +.btn-danger { + height: 50px; + border-radius: 2px; +} + +.btn-primary:hover, +.btn-primary:active, +.btn-primary:focus { + background: #333333; +} + +label { + color: #B1B1B1; +} + +/*** Header ***/ + +/* Navbar */ + +.navbar { + position: relative; + margin-bottom: 0px; + min-height: 60px; + background: #FFFFFF; + border: 0px; + border-color: #E9ECF2; + border-radius: 0px; + z-index: 1000; + padding: 0 15px; +} + +.navbar-brand { + color: #fff; + font-size: 16px; + text-transform: uppercase; + font-weight: 500; + letter-spacing: 2px; +} + +.navbar-brand span { + color: #30a5ff; +} + +.navbar-brand img { + display: block; + height: 30px; + width: auto; +} + +@media screen and (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: 0px; + } +} + +@media (max-width: 767px) { + .navbar-brand img { + margin-top: 4px; + height: 24px; + } +} + +/* Notification */ + +.notification { + position: relative; + display: inline-block; + margin-right: 20px; + height: 30px; + font-size: 20px; + line-height: 30px; + color: #DCDCDC; +} + +.notification .notes_no { + position: absolute; + top: 1px; + right: -5px; + display: block; + width: 17px; + height: 16px; + font-size: 9px; + background: #FBA276; + color: #FFFFFF; + border: 1px solid #FFFFFF; + border-radius: 50%; + line-height: 14px; + text-align: center; +} + +.notification i, +.notification .notes_no { + cursor: pointer; +} + +.notification .notis-container { + position: absolute; + top: 40px; + right: -15px; + display: none; + background-color: #F1F4F7; + box-shadow: 4px 5px 7px #D1D1D1; + width: 400px; +} + +.notification .notis-container .title { + position: relative; + padding: 10px 15px; + color: #5F6468; + font-size: 16px; + border-bottom: 2px solid #FFFFFF; +} + +.notification .notis-container .title .arrow-top { + position: absolute; + top: -13px; + right: 10px; + width: 0; + height: 0; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + border-bottom: 15px solid #F1F4F7; +} + +.notification .nano-note { + background: transparent; + width: 400px; + height: 200px; +} + +.notification .nano-note > .nano-content { + padding: 10px; +} + +.notification .nano-note > .nano-pane { + background: #bababa; +} + +.notification .nano-note > .nano-pane > .nano-slider { + background: #888; +} + +.notification .notis-container ul.content { + display: block; + margin: 0px; + padding: 0px; + height: 200px; + background-color: #FFFFFF; + overflow-y: auto; +} + +.notification .notis-container ul.content li { + dispaly: block; + padding: 10px 15px; + border-bottom: 2px solid #F1F4F7; +} + +.notification .notis-container ul.content li.warning { + border-left: 4px solid #f78e3a; +} + +.notification .notis-container ul.content li.error { + border-left: 4px solid #f70020; +} + +.notification .notis-container ul.content li.unseen { + background-color: #CCE3F5; +} + +.notification .notis-container ul.content li .note-title { + margin: 0px; + padding: 5px 0px; + font-size: 14px; + line-height: 14px; +} + +.notification .notis-container ul.content li .note-text { + font-size: 12px; + line-height: 1.2em; + color: #101010; +} + +@media (max-width: 767px) { + .notification .notis-container, + .notification .nano { + width: 300px; + } +} + +@media (max-width: 399px) { + .notification .notis-container, + .notification .nano { + width: 240px; + } +} + +/* Admin Menu */ + +.user-menu { + margin: 15px; + height: 30px; + list-style: none; +} + +.user-menu a { + color: #A2A2A2; + line-height: 30px; +} + +.user-menu .dropdown-item { + color: #333333; + padding: 3px 20px; + font-size: 14px; + line-height: 20px; +} + +.user-menu .dropdown-item:active { + background-color: #F8F9FA; +} + +.user-menu a:hover, +.user-menu a:focus { + text-decoration: none; +} + +.user-menu .nav-link { + display: block; + padding: 0; +} + +.user-menu .nav-link span { + display: block; + float: left; + margin-right: 5px; +} + +.user-menu .dropdown-menu { + border-radius: 0px; +} + +.user-menu .user-icon { + display: none; + float: left; + font-size: 18px; + line-height: 30px; +} + +@media (max-width: 767px) { + .notification { + margin-right: 15px; + } + + .user-menu { + padding-left: 0px; + } + + .user-menu .user-icon { + display: block; + } + + .user-menu .nav-link span.user-message { + display: none; + } + + .user-menu .fa-angle-down { + display: none; + } + + .user-menu .dropdown-menu { + position: absolute; + right: 0; + left: auto; + } +} + +@media (max-width: 767px) { + .side-collapse-container { + position: relative; + left: 0; + width: 100%; + transition: left .4s; + overflow-x: hidden; + } + + .side-collapse-container.out { + left: 300px; + } + + .mainMenu .side-collapse { + top: 0px; + bottom: 0px; + left: 0px; + width: 300px; + position: fixed; + overflow: hidden; + transition: width .4s; + } + + .mainMenu .side-collapse.in { + width: 0; + } + + .mainMenu .navbar-nav > li { + width: 300px; + } +} + +/*** Sidebar ***/ + +@media (min-width: 768px) { + .sidebar { + display: block; + position: fixed; + top: 0px; + bottom: 0; + left: 0; + display: block; + margin: 0; + padding: 0; + width: 60px; + background-color: #282828; + box-shadow: 1px 0px 10px rgba(0, 0, 0, .05); + } + + .sidebar .item-label { + float: left; + display: block; + line-height: 30px; + } +} + +.sidebar ul.menu { + display: block; + margin-right: -17px; +} + +sideRightIn .sidebar .nano-sidebar { + background: transparent; + width: 60px; +} + +.sidebar .nano-sidebar > .nano-content { + padding: 0px; +} + +.sidebar .nano-sidebar > .nano-pane { + background: #bababa; + z-index: 50; +} + +.sidebar .nano-sidebar > .nano-pane > .nano-slider { + background: #888; +} + +.sidebar.sideRightIn { + -webkit-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + transition: all 0.5s ease; +} + +.sidebar.sideRightOut { + width: 250px; + -webkit-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + transition: all 0.5s ease; +} + +.sidebar.sideRightOut .item-label { + display: block; +} + +.sidebar.sideRightIn .slide-right { + margin-right: 20px; + background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABK0lEQVQ4jWNkwAH6+/udgNReBspAMRMDjQELiOjp6bFhZGT8V1xcfAwm8fHjxyOsrKwSlBj++/fvz4zd3d3mLCwse4D8f0DgiWwJNQAT0OV3gfRDIOZjYmLa3tvba0VNC8CRDAwiEWZm5gNApjYQfwL6xA7ok4tUswCLJX+BOKSwsHADTL6zs5P3z58/XKQYDgz6byjJFBg8+sBgOg1ksgLxT2BEczU0NPwDyQGTbS+QKmIgDfTBk2lHR4cc0PBNUMN/A7EPzHBKAAvMcHZ29sNAphwQv/n//79DUVHRVWSFv379agAGURdJhoOCiBjDKQFMwMwkBaSFaGE4HIDSfl9fnzYDDQDOwg4YwSxA3wlTYjgoDlhwSXJzc2sAFVymxAJgkE+icWnKwAAAK81v+Hbj14wAAAAASUVORK5CYII=') no-repeat right center; +} + +.sidebar.sideRightOut .slide-right { + margin-right: 20px; + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABKElEQVQ4jWPs7+8vYmBg6GWgDDgXFhbuwybBxEBjwPLx48cZrKysSykx5Pfv3++R+b29vVb///9nKikpOcLIQGUAMpyJiWk7kMn0588fFyYaGc4HxA8ZGRnvUs0HfX19ukADj0ANv/r3718HYBC9Yezs7OQFeoWLFMNYWFi+lZeXf4bxgSkxAEitAWJmZMPBatnY2BqAuIhUBwNxMYjR0NAACuYVUMN///v3LxpmOAhQHAdAC/4BKR+Q4UDMCoyDTR0dHXIweaoEEQgA40AbGAcHgEwRIH708+dP24qKikdUTabYLKFqMi0qKroKzGAOQCYoDoSAGViKgRYA5BNQngCxyYoDdAAsKt4CI/sPNjkWoDdagMk0jxILgA7UBVJXsMnRuDRlYAAAtQJ7eZEPpvgAAAAASUVORK5CYII=") no-repeat right center; +} + +@media (max-width: 767px) { + .sidebar.sideRightIn .slide-right { + display: none; + } +} + +.sidebar { + display: block; + background-color: #282828; + padding: 0; + text-align: center; + height: 100% !important; +} + +.sidebar .nav-placeholder { + display: block; + height: 60px; + width: 100%; + border-bottom: 1px solid #000000; +} + +.sidebar .nav-placeholder .logo { + display: block; + padding: 15px 0px 15px 15px; + width: 30px; + height: 30px; +} + +.sidebar .nav-placeholder .logo img { + display: block; + width: 30px; + height: auto; +} + +.sidebar .toggle a { + display: block; + padding: 15px; + content: ""; + height: 55px; + font-size: 1px; + color: transparent; + text-decoration: none; + line-height: 55px; +} + +.sidebar .toggle a:hover, .sidebar .toggle a:focus { + background-color: #282828; + text-decoration: none; +} + +.sidebar .fa-chevron-circle-down { + display: none; +} + +.sidebar .form-group { + display: none; +} + +.sidebar ul.nav li { + position: relative; + width: 250px; +} + +.sidebar ul.nav li a { + padding: 15px 15px 15px 60px; + min-height: 30px; + background-color: #282828; + z-index: 1; +} + +.sidebar ul.nav li a .item-label { + color: #5f6468; +} + +.sidebar ul.nav li.active a .item-label { + color: #FFFFFF; +} + +.sidebar ul.nav .submenu { + padding: 15px 15px 15px 15px; + cursor: pointer; + background-color: #282828; +} + +.sidebar ul.nav .submenu .item-label { + margin-left: 45px; +} + +.sidebar ul.nav .submenu:active, +.sidebar ul.nav .submenu:focus, +.sidebar ul.nav .submenu:hover { + text-decoration: none; + background-color: #000000; +} + +.sidebar ul.nav li i { + position: absolute; + top: 15px; + left: 15px; + margin-right: 15px; + width: 30px; + font-size: 26px; + line-height: 30px; + color: #FFFFFF; + text-align: center; + z-index: 20; + cursor: pointer; +} + +.sidebar ul.nav a:hover, +.sidebar ul.nav li.parent ul li a:hover { + text-decoration: none; + background-color: #000000; +} + +.sidebar ul.nav .active a, .sidebar ul.nav li.parent a.active, +.sidebar ul.nav .active > a:hover, .sidebar ul.nav li.parent a.active:hover, +.sidebar ul.nav .active > a:focus, .sidebar ul.nav li.parent a.active:focus +.sidebar ul.nav .active > a:focus .item-label, .sidebar ul.nav li.parent a.active:focus .item-label { + color: #fff; + background-color: #000000; +} + +.sidebar ul.nav ul, +.sidebar ul.nav ul li { + list-style-type: none; +} + +.sidebar ul.nav li.parent { + position: relative; +} + +.sidebar ul.nav li.parent ul.children { + width: 100%; + padding: 0px; + margin: 0; + background: #282828; + text-align: left; + z-index: 10; +} + +.sidebar ul.nav li.parent ul.children li a { + display: block; + padding: 0px 0px 0px 60px; + height: 40px; + line-height: 40px; + background: #282828; + color: #5f6468 !important; + text-decoration: none; +} + +.sidebar ul.nav li.parent ul.children li a:hover { + text-decoration: none; + background-color: #000000; +} + +.sidebar ul.nav li.parent ul.children li i { + top: 0px; + left: 30px; + margin-right: 0px; + font-size: 14px; + line-height: 40px; +} + +.sidebar ul.nav li.current a { + background-color: #30a5ff; + color: #fff !important; +} + +.sidebar span.glyphicon { + margin-right: 10px; +} + +.sidebar ul.nav li.divider { + border-bottom: 1px solid #eee; + margin: 20px 0; +} + +.sidebar .attribution { + position: absolute; + bottom: 0px; + width: 100%; + padding: 15px; + text-align: center; + border-top: 1px solid #eee; + font-size: 12px; +} + +@media (min-width: 768px ){ + .navbar-toggler { + display: none; + } +} + +@media (max-width: 767px) { + .sidebar .toggle { + display: none; + } + + .sidebar ul.nav li { + width: 100%; + } + + .sidebar ul.nav li i { + font-size: 22px; + line-height: 22px; + } + + .navbar-toggler:focus, .navbar-toggler:hover, .navbar-toggler:active { + box-shadow: none; + background-color: #E9ECF2; + } + + .navbar-toggler { + height: 58px; + background-color: #E9ECF2; + width: auto; + border: none; + border-radius: 0; + box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05); + padding: 0 15px; + + i { + vertical-align: text-top; + color: #C71F3A; + } + } + + .navbar .navbar-toggler .icon-bar { + background: black !important; + } + + .user-menu-collapse { + display: block; + border: 0px; + } + + .side-collapse { + position: fixed; + display: block; + left: 0px; + top: 0px; + bottom: 0px; + width: 300px; + height: 100% !important; + background: #282828; + text-align: left; /*z-index: 1;*/ + } + + .side-collapse .item-label { + display: block; + color: #5f6468; + } + + .side-collapse .active .item-label { + color: #FFFFFF; + } + + .sidebar ul.nav li.parent ul.children { + position: static; + width: auto; + background-color: #5c5c5c; + } +} + +/*** Main content ***/ + +.main-content { + position: relative; + left: 0px; + margin-left: 60px; + min-height: 100%; + background-color: #F1F4F7; + -webkit-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + transition: all 0.5s ease; + width: calc(100% - 60px); +} + +.main-content .main { + padding-left: 40px; + padding-right: 40px; +} + +.main-content.toggled { + margin-left: 250px; +} + +@media (max-width: 767px) { + .main-content { + margin-left: 0px; + width: 100%; + } + + .main-content .main { + padding-left: 15px; + padding-right: 15px; + } +} + +p.tooltip-title { + display: none; + position: absolute; + border: 1px solid #333; + background-color: #161616; + border-radius: 5px; + padding: 10px; + color: #fff; +} diff --git a/src/App/assets/scss/components/_language.scss b/src/App/assets/scss/components/_language.scss index 9b44cd1..888effc 100644 --- a/src/App/assets/scss/components/_language.scss +++ b/src/App/assets/scss/components/_language.scss @@ -1,75 +1,75 @@ -.language-container { - position: absolute; - top: 75px; - right: 20px; - display: block; - - .languages { - position: relative; - width: 45px; - - .language-active { - display: block; - padding-bottom: 5px; - width: 50px; - cursor: pointer; - - img { - display: block; - float: left; - width: 18px; - height: 12px; - } - - .language-selector { - display: block; - float: left; - margin-left: 10px; - margin-top: 3px; - width: 14px; - height: 8px; - background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAtElEQVQYlWM8e/bsDAYGBj9GRkYmBiLA/////wGpTSxA4hsQSwIFGEgA35ju3r1bAWRsJUHTdpAeRhBr//79PHx8fLuBTAsCmk58+vTJ1dHR8QsjTOTMmTMiQH8eBjI1sOkAyt369++ftYmJyRswH1kSqFkOqOA4kCmFpu8ZMAwsgZoewQRQQhIk8ffvXzcg8wOS8CeQGLImDBth4OTJkyYsLCwTQew/f/7km5ubn0FVwcAAABmsQvEvDSE/AAAAAElFTkSuQmCC'); - cursor: pointer; - } - } - - .language-list { - display: none; - padding: 0; - margin: 0; - - li { - display: block; - padding: 5px 5px 5px 0; - cursor: pointer; - - img { - display: block; - float: left; - margin-right: 5px; - width: 18px; - height: 12px; - } - span { - display: block; - float: left; - font-size: 12px; - line-height: 12px; - } - } - - li.active, - li:hover { - background: #C60B31; - } - } - } -} - -.full-page { - .language-container { - position: absolute; - top: 20px; - right: 20px; - } -} +.language-container { + position: absolute; + top: 75px; + right: 20px; + display: block; + + .languages { + position: relative; + width: 45px; + + .language-active { + display: block; + padding-bottom: 5px; + width: 50px; + cursor: pointer; + + img { + display: block; + float: left; + width: 18px; + height: 12px; + } + + .language-selector { + display: block; + float: left; + margin-left: 10px; + margin-top: 3px; + width: 14px; + height: 8px; + background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAtElEQVQYlWM8e/bsDAYGBj9GRkYmBiLA/////wGpTSxA4hsQSwIFGEgA35ju3r1bAWRsJUHTdpAeRhBr//79PHx8fLuBTAsCmk58+vTJ1dHR8QsjTOTMmTMiQH8eBjI1sOkAyt369++ftYmJyRswH1kSqFkOqOA4kCmFpu8ZMAwsgZoewQRQQhIk8ffvXzcg8wOS8CeQGLImDBth4OTJkyYsLCwTQew/f/7km5ubn0FVwcAAABmsQvEvDSE/AAAAAElFTkSuQmCC'); + cursor: pointer; + } + } + + .language-list { + display: none; + padding: 0; + margin: 0; + + li { + display: block; + padding: 5px 5px 5px 0; + cursor: pointer; + + img { + display: block; + float: left; + margin-right: 5px; + width: 18px; + height: 12px; + } + span { + display: block; + float: left; + font-size: 12px; + line-height: 12px; + } + } + + li.active, + li:hover { + background: #C60B31; + } + } + } +} + +.full-page { + .language-container { + position: absolute; + top: 20px; + right: 20px; + } +} diff --git a/src/App/assets/scss/components/_profile.scss b/src/App/assets/scss/components/_profile.scss index cfc3533..df8d561 100644 --- a/src/App/assets/scss/components/_profile.scss +++ b/src/App/assets/scss/components/_profile.scss @@ -1,141 +1,141 @@ -.my-profile { - .profile-details-header { - padding: 25px 0 15px; - border-bottom: 2px solid #f5f6fa; - - h1 { - margin: 0; - padding: 0; - font-size: 24px; - } - } - - .profile-actions { - padding-top: 40px; - padding-bottom: 50px; - - .actions { - margin-bottom: 30px; - - .collapse-menu { - display: none; - padding-bottom: 10px; - text-align: right; - cursor: pointer; - border-bottom: 1px solid #f5f6fa; - - span { - display: block; - float: left; - font-weight: bold; - } - - i { - display: block; - padding-top: 5px; - margin: 0 auto; - } - } - - ul { - display: block; - margin: 0; - padding: 0; - - li { - display: block; - margin: 0; - padding: 10px; - border-bottom: 1px solid #f5f6fa; - - a { - display: block; - color: #2C2C2C; - } - - a:hover { - text-decoration: none; - } - } - - li:hover, - li.active { - background-color: #C60B31; - - a { - color: #FFFFFF; - } - } - } - } - - .sub-title { - display: block; - margin-bottom: 25px; - width: 50px; - border-bottom: 1px solid #e6e7eb; - } - - .delete-checkbox { - input { - display: block; - float: left; - margin: 4px 6px 0 0; - width: auto; - height: auto; - } - } - - input { - margin-bottom: 15px; - } - - input[type="submit"] { - display: block; - margin: 0 0 0 auto; - max-width: 140px; - background-color: #C60B31; - } - - input.file-caption-name { - height: auto; - line-height: normal; - padding: 15px; - } - - .file-caption-main { - margin-bottom: 15px; - - .file-caption { - padding: 0; - height: 50px; - border-radius: 2px; - } - - .btn-file { - background-color: #C60B31; - width: 140px; - color: #fff; - line-height: 20.8px; - padding: 15px; - height: 50px; - } - } - } -} - -@media (max-width: 767px) { - .my-profile { - .profile-actions { - .actions { - .collapse-menu { - display: block; - } - - ul { - display: none; - } - } - } - } +.my-profile { + .profile-details-header { + padding: 25px 0 15px; + border-bottom: 2px solid #f5f6fa; + + h1 { + margin: 0; + padding: 0; + font-size: 24px; + } + } + + .profile-actions { + padding-top: 40px; + padding-bottom: 50px; + + .actions { + margin-bottom: 30px; + + .collapse-menu { + display: none; + padding-bottom: 10px; + text-align: right; + cursor: pointer; + border-bottom: 1px solid #f5f6fa; + + span { + display: block; + float: left; + font-weight: bold; + } + + i { + display: block; + padding-top: 5px; + margin: 0 auto; + } + } + + ul { + display: block; + margin: 0; + padding: 0; + + li { + display: block; + margin: 0; + padding: 10px; + border-bottom: 1px solid #f5f6fa; + + a { + display: block; + color: #2C2C2C; + } + + a:hover { + text-decoration: none; + } + } + + li:hover, + li.active { + background-color: #C60B31; + + a { + color: #FFFFFF; + } + } + } + } + + .sub-title { + display: block; + margin-bottom: 25px; + width: 50px; + border-bottom: 1px solid #e6e7eb; + } + + .delete-checkbox { + input { + display: block; + float: left; + margin: 4px 6px 0 0; + width: auto; + height: auto; + } + } + + input { + margin-bottom: 15px; + } + + input[type="submit"] { + display: block; + margin: 0 0 0 auto; + max-width: 140px; + background-color: #C60B31; + } + + input.file-caption-name { + height: auto; + line-height: normal; + padding: 15px; + } + + .file-caption-main { + margin-bottom: 15px; + + .file-caption { + padding: 0; + height: 50px; + border-radius: 2px; + } + + .btn-file { + background-color: #C60B31; + width: 140px; + color: #fff; + line-height: 20.8px; + padding: 15px; + height: 50px; + } + } + } +} + +@media (max-width: 767px) { + .my-profile { + .profile-actions { + .actions { + .collapse-menu { + display: block; + } + + ul { + display: none; + } + } + } + } } \ No newline at end of file diff --git a/src/App/assets/scss/components/_user.scss b/src/App/assets/scss/components/_user.scss index 5f83528..d3ed8d5 100644 --- a/src/App/assets/scss/components/_user.scss +++ b/src/App/assets/scss/components/_user.scss @@ -1,123 +1,123 @@ -.header-user { - margin-left: 5px !important; - - i { - font-size: 24px; - } -} - -.sign-in-block { - width: 380px; - margin: 80px auto 50px; - padding: 40px; - background-color: #fff; - -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.07); - box-shadow: 0 4px 8px 0 rgba(0,0,0,.07); - border-radius: 10px; - - h3 { - margin-bottom: 20px; - } - - input { - margin-bottom: 10px; - } - - p { - margin: 0; - } - - p.forgot-password { - padding-bottom: 15px; - } -} - -@media (max-width: 575px) { - .sign-in-block { - width: auto; - } -} - -.register-block { - width: 380px; - margin: auto; - padding: 40px; - background-color: #fff; - -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.07); - box-shadow: 0 4px 8px 0 rgba(0,0,0,.07); - border-radius: 10px; - - h3 { - margin-bottom: 20px; - } - - input { - margin-bottom: 10px; - } - - p { - margin: 0; - } - - p.terms { - padding-bottom: 15px; - } -} - -@media (max-width: 575px) { - .register-block { - width: auto; - } -} - -.request-reset-block { - width: 380px; - margin: auto; - padding: 40px; - background-color: #fff; - -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.07); - box-shadow: 0 4px 8px 0 rgba(0,0,0,.07); - border-radius: 10px; - - h3 { - margin-bottom: 20px; - } - - input { - margin-bottom: 10px; - } - - input[type="submit"] { - margin-bottom: 0; - } -} - -@media (max-width: 575px) { - .request-reset-block { - width: auto; - } -} - -.reset-password-block { - width: 380px; - margin: auto; - padding: 40px; - background-color: #fff; - -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.07); - box-shadow: 0 4px 8px 0 rgba(0,0,0,.07); - border-radius: 10px; - - h3 { - margin-bottom: 20px; - } - - input { - margin-bottom: 10px; - } -} - -@media (max-width: 575px) { - .reset-password-block { - width: auto; - } +.header-user { + margin-left: 5px !important; + + i { + font-size: 24px; + } +} + +.sign-in-block { + width: 380px; + margin: 80px auto 50px; + padding: 40px; + background-color: #fff; + -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.07); + box-shadow: 0 4px 8px 0 rgba(0,0,0,.07); + border-radius: 10px; + + h3 { + margin-bottom: 20px; + } + + input { + margin-bottom: 10px; + } + + p { + margin: 0; + } + + p.forgot-password { + padding-bottom: 15px; + } +} + +@media (max-width: 575px) { + .sign-in-block { + width: auto; + } +} + +.register-block { + width: 380px; + margin: auto; + padding: 40px; + background-color: #fff; + -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.07); + box-shadow: 0 4px 8px 0 rgba(0,0,0,.07); + border-radius: 10px; + + h3 { + margin-bottom: 20px; + } + + input { + margin-bottom: 10px; + } + + p { + margin: 0; + } + + p.terms { + padding-bottom: 15px; + } +} + +@media (max-width: 575px) { + .register-block { + width: auto; + } +} + +.request-reset-block { + width: 380px; + margin: auto; + padding: 40px; + background-color: #fff; + -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.07); + box-shadow: 0 4px 8px 0 rgba(0,0,0,.07); + border-radius: 10px; + + h3 { + margin-bottom: 20px; + } + + input { + margin-bottom: 10px; + } + + input[type="submit"] { + margin-bottom: 0; + } +} + +@media (max-width: 575px) { + .request-reset-block { + width: auto; + } +} + +.reset-password-block { + width: 380px; + margin: auto; + padding: 40px; + background-color: #fff; + -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.07); + box-shadow: 0 4px 8px 0 rgba(0,0,0,.07); + border-radius: 10px; + + h3 { + margin-bottom: 20px; + } + + input { + margin-bottom: 10px; + } +} + +@media (max-width: 575px) { + .reset-password-block { + width: auto; + } } \ No newline at end of file diff --git a/src/App/assets/scss/main/main.scss b/src/App/assets/scss/main/main.scss index f8ece78..ec82eda 100644 --- a/src/App/assets/scss/main/main.scss +++ b/src/App/assets/scss/main/main.scss @@ -1,3 +1,3 @@ -.logo-img { - width: 200px; -} \ No newline at end of file +.logo-img { + width: 200px; +} diff --git a/src/App/templates/app/components.html.twig b/src/App/templates/app/components.html.twig index 1661c94..ad827b0 100644 --- a/src/App/templates/app/components.html.twig +++ b/src/App/templates/app/components.html.twig @@ -1,265 +1,265 @@ -{% extends '@layout/default.html.twig' %} - -{% block title %}Dashboard{% endblock %} - -{% block content %} -
-

UI Elements

-
-
-
-
Alerts
-
- - - - - - - - -
-
-
-
-
-
Buttons
-
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- - -
-
-
-
-
-
Dropdowns
-
-
- -
- Action - Another action - Something else here -
-
- - -
- - -
- Action - Another action - Something else here -
- Separated link -
-
-
-
-
-
-
-
List Group
-
-
- - The current link item - - A second link item - A third link item - A fourth link item - A disabled link item -
-
-
-
-
-
-
Modal
-
- - - - - -
-
-
-
-
-
Popover
-
- -
-
-
-
-
-
Progress
-
- -
-
-
100k
- Visitors From USA - 50% -
-
50% Complete
-
-
-
-
1M
- Visitors From Europe - 80% -
-
80% Complete
-
-
-
-
450k
- Visitors From Australia - 40% -
-
40% Complete
-
-
-
-
1B
- Visitors From India - 90% -
-
90% Complete
-
-
-
-
-
-
-
-
-
Tootips
-
- - - - -
-
-
-
-{% endblock %} +{% extends '@layout/default.html.twig' %} + +{% block title %}Dashboard{% endblock %} + +{% block content %} +
+

UI Elements

+
+
+
+
Alerts
+
+ + + + + + + + +
+
+
+
+
+
Buttons
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ + +
+
+
+
+
+
Dropdowns
+
+
+ +
+ Action + Another action + Something else here +
+
+ + +
+ + +
+ Action + Another action + Something else here +
+ Separated link +
+
+
+
+
+
+
+
List Group
+
+
+ + The current link item + + A second link item + A third link item + A fourth link item + A disabled link item +
+
+
+
+
+
+
Modal
+
+ + + + + +
+
+
+
+
+
Popover
+
+ +
+
+
+
+
+
Progress
+
+ +
+
+
100k
+ Visitors From USA + 50% +
+
50% Complete
+
+
+
+
1M
+ Visitors From Europe + 80% +
+
80% Complete
+
+
+
+
450k
+ Visitors From Australia + 40% +
+
40% Complete
+
+
+
+
1B
+ Visitors From India + 90% +
+
90% Complete
+
+
+
+
+
+
+
+
+
Tootips
+
+ + + + +
+
+
+
+{% endblock %} diff --git a/src/App/templates/layout/main.html.twig b/src/App/templates/layout/main.html.twig index 0c13913..484c325 100644 --- a/src/App/templates/layout/main.html.twig +++ b/src/App/templates/layout/main.html.twig @@ -1,32 +1,32 @@ - - - - - - - - - - - - - - {% block title %}{% endblock %} - DotKernel - - - - -
-
-
- {% block content %}{% endblock %} -
-
- -
-
- -{% block javascript %}{% endblock %} - - - + + + + + + + + + + + + + + {% block title %}{% endblock %} - DotKernel + + + + +
+
+
+ {% block content %}{% endblock %} +
+
+ +
+
+ +{% block javascript %}{% endblock %} + + + diff --git a/src/App/templates/partial/left-menu.html.twig b/src/App/templates/partial/left-menu.html.twig index 1356de9..0462ea6 100644 --- a/src/App/templates/partial/left-menu.html.twig +++ b/src/App/templates/partial/left-menu.html.twig @@ -1,70 +1,70 @@ -
-
- - -
+
+
+ + +
\ No newline at end of file diff --git a/src/App/templates/partial/nav-bar.html.twig b/src/App/templates/partial/nav-bar.html.twig index f455125..57d99b7 100644 --- a/src/App/templates/partial/nav-bar.html.twig +++ b/src/App/templates/partial/nav-bar.html.twig @@ -1,49 +1,49 @@ -
-
- - {% if hasIdentity() %} - - {% endif %} -
+
+
+ + {% if hasIdentity() %} + + {% endif %} +
\ No newline at end of file